/*** MAIN PAGE LAYOUT ***/

BODY {	
	background: white; padding:0; margin:0;	
	font-family: arial; font-size: 10pt; color: White;
}
#page-wrapper {
    width: 1000px; position: relative; margin: 0; padding: 0;
    background: url(gfx/page-wrapper.gif) repeat-y;    
}
#page-wrapper-padding {
    padding: 0 19px 0 20px; 
}
#wrapper {
	background: #bdd2fd; padding: 3px 10px 10px 10px; clear: both; z-index: 50;
}

/*** HEADER ***/

#header {
	background: url(gfx/headerback.gif);
	color: white;
	font: 18pt arial;
	height: 86px;
	text-align: center;
	padding: 0; margin: 0;
}
#header-left {
	position: absolute;
	top: 0px; left: 2px;
	background: url(gfx/headerback-left.gif);		
	width: 40px; height: 85px;
	z-index: 51;	
}
#header-right {
	position: absolute; top: 0px; right: 1px;
	background: url(gfx/headerback-right.gif);		
	width: 40px; height: 85px;
	z-index: 51;	
}
.logo {
	background: url(gfx/onverse_logo.jpg);
    position: absolute;
	 width: 313px; height: 73px; margin: 0; margin-left: -157px;    
    left: 50%; top: 0px; z-index: 50;
}
#header .login {
	z-index: 52;    
	position: absolute; top: 0px; right: 25px;
	padding-top: 10px;	
	text-align: right;
	color: black;
	font: 8pt arial;
}
#header .login a { color: black; font: bold 8pt arial; }
#header .login span, #header .login input { font-size: 8pt; }

/*** FOOTER ***/

#footer {
	background: #bdd2fd;
	text-align: center;
	padding: 0px 0 10px 0;
	margin: 0;
	border-top: 1px dotted white;
}
#footer a { color: #2B628C; background: #bdd2fd; font: 8pt arial; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { color: black; font: bold 8pt arial; background: #bdd2fd; }

#footer-bottom {
	background: url(gfx/footerback.gif);    
	height: 40px;
	padding: 0 -10px 0 -10px;	
	margin: 0 10px 0 10px;
}
#footer-left {
	position: absolute;
	bottom: -46px; left: 2px;
	background: url(gfx/footerback-left.gif);		
	width: 40px; height: 85px;
	z-index: 51;	
}
#footer-right {
	position: absolute; 
	bottom: -46px; right: 1px;
	background: url(gfx/footerback-right.gif);		
	width: 40px; height: 85px;
	z-index: 51;	
}

/*** MAIN PAGE SECTIONS ***/

#left { float: left; width: 0px; }
#right { float: right; width: 0px; overflow: hidden; }
#main { margin: 0 300px 0 285px; padding: 0 10px 0 10px; }
#default { margin: 0; padding: 0 10px 0 10px; }

/*** IE fixes ***/

#left-border {
    position: absolute; left: 0; top: 0; width: 20px; height: 100%;
    background: url(gfx/page-wrapper.gif) repeat-y;    
}

/*** LOADING INDICATOR ***/

#loading {
	background: #bdd2fd;
    border: 1px solid white;
    color: #000099;
    text-align: center;
    padding-top: 25px;
    font: bold 10pt verdana;    
    width: 150px; height: 50px;
    position: fixed; right: 0px; bottom: 0px;  
    z-index: 100;  
}