/* Main styles */
body {
	background-color:#DDEEFF;
	font-family:Arial,Helvetica,sans;
	text-align:center;
	margin-top:8px;
}
h1 {
	text-align:center;
	margin:1px 0 15px 0;
}
h1 a, h1 a:visited {
	color:#000;
}
h2 {
	margin-top:0;
}
div {
	text-align:left;
}
div#map {
	border:5px solid #fff;
	width:63%;
	float:left;
	margin-left:5%;
	height:79%;
	background-color:#dedede;
}
div#sidebar {
	float:left;
	width:27%;
	border-top:5px solid #fff;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	height:79%;
}
div#sidebar-header {
	background-color:#DDEEFF;
	padding:5px;
}
div#sidebar-inner {
	overflow:auto;
}
div#quakes span {
	display:block;
	padding-left:8px;
}
div#quakes span span {
	display:inline;
	padding-left:0;
}
span#time {
	font-weight:bold;
	display:block;
}
div#controls {	
	margin-bottom:5px;
}
span.quaketime {
	color:#999;
}
div#footer {
	width:90%;
	font-size:80%;
	text-align:center;
	margin-left:5%;
	padding:0px 5px 10px 0;
}
table#legend {
	margin:10px auto;
}
table#legend td span {
	font-size:90%;
	display:block;
	font-weight:bold;
	padding:2px;
	width:55px;
	text-align:center;
}
table#legend td span.caption {
	width:105px;
}
span#range,
span#dayLabel {
	font-size:80%;
}
a img {
	border:0px none;
}
div#homenav {
	width:90%;
	position:absolute;
	top:0px;
	left:5%;
}
div#nav {
	width:1000px;
	margin:0 auto;
	margin-top:-50px;
	padding:5px;
}
a#about,
a#faq,
a#dailyEnergyLink {
	float:right;
	padding-left:18px;
}
div#homenav a#about,
div#homenav a#faq {
	margin-top:4px;
}
div#homenav a#dailyEnergyLink {
	margin-top:14px;
}
a#homelink {
	float:left;
	margin-top:20px;
}
div#homenav a#homelink {
	margin-left:12px;
}
div#aboutbox,
div#faqbox {
	width:1000px;
	margin:0 auto;
	padding:5px;
	border:5px solid #fff;
}
div#faqbox ul, div#faqbox li {
	margin-left:5px;
	margin-right:5px;
	padding-left:0px;
	list-style-type:none;
}
div#faqbox p {
	margin-top:2px;
}
span#quakes-header {
	font-weight:bold;
}
span#numquakes {
	font-size:130%;
}

/* Charts page */
div#charts {
	width: 800px;
	border:5px solid #fff;
}

/* FB Like box */
div#fblikewrap {
	margin:-3px 0 0 5px;
	width:300px;
	float:left;
}

/* Display controls */
div#displayControls {
	border:2px solid #999;
	background-color:#DDEEFF;
	margin-right:5px;
	padding:3px;
}
div#displayControls label {
	font-size:80%;
}
div#speedWarning,
div#faultInfo,
div#igInfo {
	border:1px solid #000;
	background-color:#FFFF47;
	width:320px;
	position:absolute;
	right:6%;
	top:85px;
	font-size:80%;
	z-index:100;
	padding:3px;
	display:none;
}

/* Duration links */
div#durationLinks {
	font-size:80%;
	position:absolute;
	width:340px;
	margin-left:-170px;
	left:50%;
	text-align:center;
	top:44px;
}
div#durationLinks a,
div#durationLinks span {
	margin-right:4px;
}
div#durationLinks a.first,
div#durationLinks span.first {
	margin-right:0;
}
div#durationLinks a#langlink {
  margin-right:15px;
}
div#septemberPointer {
	width:300px;
	position:relative;
	background:url('/images/callout_top.png') no-repeat 85px top;
	padding-top:11px;
	z-index:1000;
}
div#septemberPointer div {
	background-color:#DDEEFF;
	padding:4px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #999;
}