/**
 * $Id: base.css 165 2009-10-13 14:13:55Z matt $
 * Base Admin Styles
 */


body {
	font: normal 86% Arial, Helvetica, sans-serif;
	background: #224074 url('../images/shared/grid_bg.jpg') repeat-x 0 0 fixed;
	color: #000;
	margin: 0;
}
html { 
	height: 100%; 
}

img {
	 border: 0; 
}
h1,h2,h3,h4,h5 { 
	margin: 0; 
}
p {
	margin: 0.5em 0 1em;
}
form { 
	margin: 0px; 
}
a { 
	color: #888; 
}
a:hover { 
	text-decoration: none; 
}

.skipto { display: none; }
.clear { height: 0; clear: both; }
hr.clear { display: none; }
.clear-left { height: 0; clear: left; }
.clear-right { height: 0; clear: right; }
.left { float: left; }
.right { float: right; }
.error { color: #f00;}
.success { color: #0b0; }
.benchmark {
	position: fixed;
	bottom: 0;
	padding: 5px 0 5px 5px;
	font-size: 10px; 
	clear: both; 
	background: #242424;
	color: #fff; 
	border-top:1px solid #000;
	opacity: 0.90;
	width: 100%;
	z-index: 90;
}

#status-str {
	position: relative;
	font-size: 12px;
	font-weight:bold;
	padding: 10px 10px 1px 20px;
	width: 550px;
}

/** Layout styles **/

#header {
	position: relative;
	height: 64px;
	width: 889px;
	margin: 10px auto 0;
	z-index: 55;
}
#logo { background: url('../images/shared/schock_logo.gif') no-repeat 0 0; width: 180px; height: 60px; cursor: pointer;}
#logo h1 { display: none; }
.tagline { position: absolute; top: 16px; left:190px; background: url('../images/shared/tagline.gif') no-repeat 0 0; width: 485px; height: 24px;}
.tagline span { display:none; }

#top-links {
	position: absolute;
	top: 41px;
	right: 0;
	z-index:25;
	background: #000;
	border: 1px solid #424242;
	border-width: 1px 1px 0;
	padding: 5px 15px;
	font: normal 11px Arial,sans-serif;
	text-align: center;
	color: #fff;
	height: 13px;
}
#top-links ul.inline {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top-links ul.inline li {
	float: left;
	margin: 0;
	padding: 0;
}
#top-links ul.inline li a {
	font: normal 11px Arial,sans-serif;
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	float: left;
	display: block;
	height: 20px;
}
#top-links ul.inline li a img {
	vertical-align: middle;
}

#locations-link {
	z-index: 99 !important;
}
#locations-menu {
	position:absolute;
	top: 1px;
	right: -1px;
	width: 120px;
	margin: 24px 0 0 0 !important;
	padding: 1px 0 !important;
	border: 1px solid #424242;
	border-top: 0;
	list-style: none;
	text-align: left;
	background: #000;
}
#locations-menu li {
	padding: 0 !important;
	margin: 0 !important;
}
#locations-menu li a {
	float: none !important;
	width: 100px !important;
	height: auto !important;
	display:block;
	padding: 3px 5px;
	margin: 0 5px !important;
	border-top: 1px dotted #242424;
	font: normal 10px Arial,sans-serif !important;
	color: #999;
}
#locations-menu li a img {
	vertical-align: top;
	width: 14px;
	margin: 0 4px 0 7px;
}
#locations-menu li a:hover {
	background: url('../images/icons/external_link_icon.gif') no-repeat 95px 5px;
	border-color: #424242;
	color: #fff;
}
#locations-menu li .title {
	font-size: 10px !important;
	text-indent:7px;
	color:#888;
	padding: 1px 0 4px;
}


#container {
	position: relative;
	background: #000;
	border: 1px solid #424242;
	width: 887px;
	margin: 0 auto;
}

#content {
	position: relative;
	background: #fff url('../images/shared/content_bg.gif') repeat-y top right;
	width: 883px !important;
	margin: 0 auto;
}

#content {
	padding: 0px 0;
}

#page {
	float: left;
	clear: both;
	position: relative;
	margin: 0 1.5em 1em;
	padding: 0 5em 0 0;
	font-size: 12px;
	width: 500px;
	color: #363636;
	background: url('../images/shared/page_bg.gif') no-repeat  232px -10px;
}

#page h2 {
	padding-top: 1em;
	font-size: 20px;
	color: #004;
}
#page h3 {
	font-size: 16px;
	color: #777;
}
#page h4 {
	font: bold 14px Helvetica, Arial, sans-serif;
	color: #d48916;
	margin: 2px 0 0;
}
#page p {
	font: normal 11px/1.5em Arial, sans-serif;
	margin-bottom: 1.5em;
}
#page b {
	color: #224074;
}
#page label b {
	color: #f00;
}
#footer {
	width: 889px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
	font: bold 10px Arial,sans-serif;
	color: #898c93;
}


#navigation {
	position: relative;
	background: url('../images/shared/gradient_nav_bg.jpg') no-repeat 0 0;
	margin: 2px auto 0;
	padding: 0 5px;
	width: 871px;
	height: 78px;
	border: 1px solid #fff;
	border-width: 1px 1px 0;
}
ul#navigation {
	list-style: none;
}
ul#navigation li {
	position:relative;
	margin: 0px 0;
	padding: 0;
	float: left;
	background: transparent url('../images/shared/navigation_text.gif') no-repeat 0 -5px;
}
ul#navigation li a {
	display: block;
	margin: 0;
	height: 78px !important;
	cursor: pointer;
}
ul#navigation li a span {
	display: none;
}
ul#navigation li a:hover {
	
}
ul#navigation li#nav1 { background-position: 0 -5px; }
ul#navigation li#nav2 { background-position: -84px -5px; }
ul#navigation li#nav3 { background-position: -217px -5px; }
ul#navigation li#nav4 { background-position: -350px -5px; }
ul#navigation li#nav5 { background-position: -542px -5px; }

ul#navigation li#nav1 a {  width: 84px;  }
ul#navigation li#nav2 a {  width: 133px; }
ul#navigation li#nav3 a {  width: 133px; }
ul#navigation li#nav4 a {  width: 192px; }
ul#navigation li#nav5 a {  width: 122px; }

ul#navigation li#nav1 a.active { background:url('../images/shared/nav_active_arrow.gif') no-repeat 32px 67px; }
ul#navigation li#nav2 a.active { background:url('../images/shared/nav_active_arrow.gif') no-repeat center 67px; }
ul#navigation li#nav3 a.active { background:url('../images/shared/nav_active_arrow.gif') no-repeat center 67px; }
ul#navigation li#nav4 a.active { background:url('../images/shared/nav_active_arrow.gif') no-repeat center 67px; }
ul#navigation li#nav5 a.active { background:url('../images/shared/nav_active_arrow.gif') no-repeat center 67px; }

#phone-box {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 191px;
	height: 33px;
	margin: 0;
	padding: 14px 0;
	background: #a9b9c4;
	border: 1px solid #c0ccd3;
	font: normal 12px Arial,sans-serif;
	text-align:center;
	z-index:2;
}
#phone-box .big {
	font: bold 18px Helvetica,sans-serif;
}

#lower-nav {
	text-align: center;
	text-transform: uppercase;
	font: normal 10px Arial,sans-serif;
	color: #fff;
	margin-top: 30px;
	padding: 5px 0;
}
#lower-nav a {
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	margin: 0 4px;
}




#secondary-navigation {
	position: relative;
	list-style: none;
	width: 781px;
	margin: 0 auto;
	padding: 0 0 0 100px;
	z-index: 10;
	height: 30px;
	background: #224074;
	xbackground: #000;
	border: 1px solid #fff;
	text-align:center;
}
#secondary-navigation li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
#secondary-navigation li a {
	display: block;
	padding: 7px 10px 2px;
	font: bold 11px Tahoma, sans-serif;
	height: 21px !important;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#secondary-navigation li a.on {
	border-top: 1px solid #224074;
	padding: 6px 10px 2px;
	background: #fff;
	color: #224074;
}
#secondary-navigation li a.on:hover {
	color: #224074;
}
#secondary-navigation li a:hover {
	color: #d48916;
}

/**  ext styles **/

#sidelinks {
	float: right;
	width:275px;
	padding: 20px 5px 0 0;
}

.return-link {
	padding: 2px 0;
	border-bottom:1px solid #a9bbc7;
}
.return-link a,
.return-link span {
	font: bold 12px Arial,sans-serif;
	text-decoration: none;
	color: #888;
}
.return-link a:hover {
	color: #222;
}
.return-link img {
	vertical-align: bottom;
}
#user-links {
	position: relative;
	width: 250px;
	margin: 1em auto;
	padding: 0;
	list-style: none;
}
#user-links li {
	margin: 0 0 1px;
	padding: 0;
}
#user-links li a {
	display: block;
	background: #fff;
	border:1px solid #a9bbc7;
	color: #1c2c4e;
	padding: 5px 10px;
	text-decoration: none;
	font: bold 12px Arial,sans-serif;
}
#user-links li a:hover {
	background: #f5f8f9;
}
#user-links li a img {
	vertical-align: top;
	margin-right: 5px;
}