<!--- 2nd August July 2016 new eathquake css for eqlist.php -->

eq {
	font-size: .35em;
	text-align: center;
	margin: 32px auto 0 -30px;
	position: absolute;
	font-weight:600;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}
.eqtext {
	position:absolute;
	color: #ccc;
	float: left;
	width:300px;
	margin-left: 140px;
	margin-top: -105px;
	font: 12px / 14px Arial;
	font-weight:normal;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.eqtext color{
	font-size: 1em;
	color: #F26C4F;
	font-weight:600;
}
.eqtext depth{
	font-size: 1em;
	color: #F26C4F;
	font-weight:normal;
}

.eqtext time{
	font-size: 1em;
	color: #66a1ba;
	font-weight:normal;
}

.eq0,.eq3,.eq35,.eq5,.eq67,.eq08 {
	font: 1.7em/2.2em Arial;
	color: #fff;
	margin-top: -25px;
	border-radius: 50%;
	margin-left: 20px;
	border: 2px solid #777;
	width: 70px;
	height: 70px;
	text-align: center;
	margin-bottom:35px;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;	
}

.eq0 {
	background: #000;
}

.eq0:after {
	content: 'MINOR';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px
}

.eq3 {
	background: #9ABA2F;
}

.eq3:after {
	content: 'MINOR';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px;
	width:50px;
}

.eq4 {
	background: #9ABA2F;
}

.eq4:after {
	content: 'MODERATE';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px;
	width:50px;
}

.eq5 {
	background: #e48f4c;
}

.eq5:after {
	content: 'MODERATE';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px;
	width:50px;
}

.eq67 {
	background: #ee7259;
}

.eq67:after {
	content: 'STRONG';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px;
	width:50px;
}

.eq08 {
	background: #d15e52;
}

.eq08:after {
	content: 'MAJOR';
	position:absolute;
	display: block;
	font-size: 8px;
	line-height:10px;
	margin-top:-15px;
	margin-left:10px;
	width:50px;
}
.area {
	
	border:0px solid #eee;
	width: 530px;
	height:290px;
	padding:50px;
	margin-top:10px;
	margin-left:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 .15em rgba(255,255,255,.3);
	-moz-box-shadow: 0 0 .15em rgba(255,255,255,.3);
	-ms-box-shadow: 0 0 .15em rgba(255,255,255,.3);
	-o-box-shadow: 0 0 .15em rgba(255,255,255,.3);
	box-shadow: 0 0 .15em rgba(255,255,255,.3);
}

.eqtitles {
	position:absolute;
	font-size:14px;
	font-family:Arial,sans-serif;
	text-align:center;
	top:15px;
	color:#ccc;
	margin-left:10px;
}

.eqtitles span{	
	color:#f26c4f;
}

.eqscale {
	position:absolute;
	margin-top:-65px;
	margin-left:360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 .15em rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 .15em rgba(0,0,0,.3);
	-ms-box-shadow: 0 0 .15em rgba(0,0,0,.3);
	-o-box-shadow: 0 0 .15em rgba(0,0,0,.3);
	box-shadow: 0 0 .15em rgba(0,0,0,.3);
}