/* Main Structure/Formatting CSS Document */

/* Overall general structure */
* { margin: 0px; padding: 0px; }
body {
	background: #e4e5e6 url(../images/mainBG.png) repeat-x 0 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

ul, ol { list-style: none; }
a img { border: none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
p { padding: 5px 0px; }
h1, h2, h3, h4 { padding: 10px 0px; }
h1 { font: bold 24px Arial, Helvetica, sans-serif; }
h2 { font: bold 18px Arial, Helvetica, sans-serif; }
h3 { font: bold 15px Arial, Helvetica, sans-serif; }
h4 { font: bold 13px Arial, Helvetica, sans-serif; }

#container { 
	margin: 20px auto;
	background: transparent url(../images/containerBG.png) repeat-y 0 0;
	width: 850px;
	text-align: left;
	padding: 0px 7px;
}
#main { position: relative; padding: 20px; min-height: 260px; }

/* NAVIGATION */
/* Main Navigation Bar */
ol#main-nav { position: relative; width: 850px; height: 33px; padding-bottom: 10px; }
ol#main-nav li { display: inline; }
ol#main-nav li a { float: left; display: block; height: 33px; overflow: hidden; }
ol#main-nav li a span { display: none; }
/* CSS Navigation sprites */
li#nav-home a { background: url(../images/nav/nav-home.png) no-repeat 0 0; width: 96px; }
li#nav-settle a { background: url(../images/nav/nav-settle.png) no-repeat 0 0; width: 96px; }
li#nav-account a { background: url(../images/nav/nav-account.png) no-repeat 0 0; width: 96px; }
li#nav-changepwd a { background: url(../images/nav/nav-changepwd.png) no-repeat 0 0; width: 139px; }
li#nav-logout a  { float: right !important; background: url(../images/nav/nav-logout.png) no-repeat 0 0; width: 97px; }
#main-nav li a:hover, #main-nav li a.selected { background-position: 0px -34px !important; }
#main-nav li#nav-logout a:hover { background-position: 0 0 !important }

/* FORMS */
form label { display: block; color: #6d6e71; }
form input { border: 1px solid #6d6e71; padding: 2px; }
form li { padding-bottom: 10px; }
form input[type=image] { width: auto !important; border: none !important; float: left; }
form input.savebtn {background-image:url('../images/changepwd/form-button-save.png');
	background-repeat: no-repeat; float: left; width:83px; height:24px;
	border: none !important; /*text-indent: -1000em; cursor:pointer;
	font-size: 0; display:block; line-height: 0;*/
	}
form a.cancelbtn {float: left;}

/* FOOTER */
/* Footer Links */
#site-footer { margin: 20px auto; width: 850px; text-align: left; font-size: 11px; }
#site-footer a { color: black; text-transform: uppercase; }
#site-footer ol.site-links { padding-bottom: 10px; }
#site-footer ol.site-links li { float: left; padding: 0px 5px; border-right: 1px solid #000; }
#site-footer ol.site-links li.first { padding-left: 0px !important; }
#site-footer ol.site-links li.last { border: none !important; }
#site-footer .copyright { padding-top: 5px; clear: left; }
#site-footer .copyright a { text-transform: none !important; }

/* GENERAL CLASSES */
.float-left { float: left; }
.float-right { float: right; }
.float-img-right { float: right; margin-left: 10px; }
.float-img-left { float: left; margin-right: 10px; }
.clear { clear: both; }
.margin-bottom { margin-bottom: 20px; }

#alert {
	width:80%;
	margin:5px 0 5px 20px;
	padding:0 25px 10px 20px;
	background:#ffffcc url(../images/alert.png) 98% 10px no-repeat;
	border:1px solid #ff3300;
	overflow: auto;
	}
#alert ul {margin:0; padding:0; list-style:none;}	
#alert li {padding:0 10px 0 15px;text-decoration:none;font-size:1.3em;font-weight:500;white-space: nowrap;}

div#saveStatus {width:80%;margin:5px 0 5px 20px;padding:10px 25px 10px 20px;background:#ffffcc;border:1px solid #ffcb17;}
#realescapes_inner {clear: both;}
div.realescapes_response {background-color:#CCE2FF;color:#333333;}
div.realescapesline {padding: 0 0 5px 20px;font-size: 1.2em;}

span.required { color: red; float: left;}