* { margin: 0px; padding: 0px; }
html { overflow-y: scroll; }
body { padding: 0px 20px; background-color: #CCC; }
#wrapper { 
	width: 820px; margin: 0px auto 0px auto; 
	padding: 0px 10px 10px 10px; background-color: #FFF;
}
header {
	padding-top: 5px; height: 72px; 
	background-image: url("/es-room/images/esr-title.png"); 
	background-position: right top;
}
#content { margin-bottom: 0px; }
nav { text-align: center; font-size: 16px; font-weight: bold; color: #666; }
h1 { text-align: center; font-size: 26px; color: #900; }
h2 { margin-top: 10px; font-size: 22px; color: #363;text-align: center;  }
h3 { margin-top: 5px; font-size: 18px; color: #963; text-align: center; }
h4 { margin-top: 10px; font-size: 18px; color: #339; text-align: center; }
.pagetitle { text-align: center; }
.link:link    { text-decoration: none; color: #009; font-weight: bold; }
.link:visited { color: #009; }
.link:hover   { color: #900; }
p { font-size: 16px; color: #333; }

hr { 
	height: 0px;
	margin: 5px 0px 0px 0px;
	padding: 0px; 
	border: 0px;
	border-top: 1px solid #999; 
}

hr.no_margin { 
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
	border: 0px;
	border-top: 1px solid #999; 
}

.sub { font-size: 14px; }
/*
#nav {
	background-color: #FFF;
	padding: 0px 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #3C854D;
	border-bottom: 1px solid #3C854D;
}
*/
.caption {
	color: #333;
	font-size: 14px; 
	text-align: center;
	padding-bottom: 10px;
}
/*
.link:link {
	font-weight: bold;
	 color: #00A;
	text-decoration: none;
}
.link:visited {
	font-weight: bold;
	color: #00A;
}
.link:hover {
	font-weight: bold;
	color: #C00;
}
*/
.link2:link {
	font-weight: bold;
	color: #009;
	text-decoration: none;
	font-size: 18px;
}
.link2:visited {
	font-weight: bold;
	color: #009;
}
.link2:hover {
	font-weight: bold;
	color: #A60;
}

.link3:link {
	font-weight: bold;
	color: #A60;
	text-decoration: none;
	font-size: 22px;
}
.link3:visited {
	font-weight: bold;
	color: #A60;
}
.link3:hover {
	font-weight: bold;
	color: #F30;
}

#settings {
	width: 810px;
	margin 10px auto 5px auto;
}
.tblSettings {
	margin: 0px auto 5px auto;
	width: 100%
	border-collapse: collapse;
	text-align: center;
}
.tblSettings th, .tblSettings td {
	padding: 2px 0px 2px 0px;
}
.tblSettings th { text-align: right; }
.tblSettings td { text-align: left; }

input {
	border-radius: 3px;
	border: 1px solid #999;
	background-color: #FFF;
	height: 21px;
	font-size: 13px;
}
.gecko input {
	height: 20px;
	font-size: 12px;
}

select {
	border-radius: 3px;
	border: 1px solid #999;
	background-color: #FFF;
	height: 22px;
	font-size: 13px;
}
.gecko select {
	height: 22px;
	font-size: 12px;
}

.btnSettings, .btnPrevHour, 
.btnNextHour, .btnPrefCopyUrl, 
.btnGoogleMap, .btnSearchEqVol {
	border-radius: 3px;
	height: 22px;
	font-size: 13px;
	padding: 1px 10px 1px 10px;
	border: 1px solid #999;
	background-color: #FFF;
}
.btnSettings:hover, .btnPrevHour:hover, 
.btnNextHour:hover, .btnPrefCopyUrl:hover, 
.btnGoogleMap:hover, .btnSearchEqVol:hover {
	background-color: #9F9;
}

.btnGoogleMap, .btnSearchEqVol {
	margin: 0px 5px;
}

.btnGoogleMap {
	margin-bottom: 4px;
}

.btnSearch, .btnPrefSearch {
	border-radius: 3px;
	font-weight: bold;
	height: 22px;
	font-size: 13px;
	padding: 1px 10px 1px 10px;
	border: 1px solid #050;
	background-color: #050;
	color: #FFF;
}
.btnSearch:hover, .btnPrefSearch:hover {
	border: 1px solid #363;
	background-color: #6F6;
	color: #363;
}

#txtUrl {
	border-radius: 3px;
	border: 1px solid #999;
	width: 400px;
	height: 20px;
	font-size: 16px;
	font-weight: bold;
	resize: none;
	overflow: hidden visible;
	margin-right: 5px;
	position: relative;
	top: 4px;
}
.gecko #txtUrl {
	height: 21px;
	top: 0px;
}

#footer {
	width: 830px;
	margin: 20px auto 0px auto;
	padding: 6px 0px 4px 0px;
	background-color: #8ABD9C;
}

#browser {
	margin-top: 5px; text-align: center; font-size: 12px; color: #666;
	font-weight: bold; line-height: 12px;
}

#copyright {
	margin-top: 3px; text-align: center; font-size: 13px; color: #666;
	font-weight: bold;
}
