/*Global Setup*/
html, body { 
	height: 100%; margin: 0 0 1px; padding: 0;
}
body { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000;
	text-align : left;
	background-color : #FFFFFF;
	background-color: #999;/*#E6E6E6;*/
	line-height: normal;
}
h1{ 
	padding : 0; margin : 0; color : #092a59;
}
h2, h3, h4, h5, h6 { 
	padding : 0; margin : 0; color : #333000;
}
p {	
	padding : 0 0 10px 0; margin : 0; 
}
a {	
	color: #000;
}
#preloader {
	position: absolute;
	left: 0px;
	margin-top: 8px;
	width: 200px;
	font-family : Arial, Helvetica, sans-serif;s
	font-size : 12px;
	color: #092a59;
	text-align: center;
}
.preload-images {
	background: url(images/theme/header.png) no-repeat -9999px -9999px;
}
/*Layout*/
#bg_1 {
	position : absolute;
	top : 0px;
	width : 100%;
	background : #092a59;
	height : 130px;
	left : 0;
	min-width : 980px;
}
#bg_2 {
	position : absolute;
	top : 130px;
	z-index : 0;
	width : 100%;
	height : 5px;
	background : #F00;
	border-bottom : 1px solid #246095;
	left : 0;
	min-width : 980px;
}
#frame {
	min-height: 100%;
	width : 968px;
	margin : 0 auto;
	padding : 0 6px;
	background : url(images/theme/bg.png) repeat-y 0 0;
	z-index : 10;
	position : relative;
}
#header {
	/*No Select*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*No Select*/
	width : 968px;
	height : 160px;
	background-image: url(images/theme/header.png);
	background-repeat : repeat-x;
	position: relative;
}
#header img {
	position:absolute;
	left:0;
	top:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#header img.transparent {
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
}
#activeprofile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	position:absolute;
	left: 270px;
	top: 26px;
	display: none;
	max-width: 400px;
	/*text-shadow: #666 0.00em 0.05em 0.1em;
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666000,strength=0.5);*/
}
#activeprofileID {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	position:absolute;
	left: 45px;
	top: 95px;
	display: none;
	text-shadow: black 0.00em 0.05em 0.1em;
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666000,strength=0.5);
}
#activeprofileB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	position:absolute;
	left: 270px;
	top: 95px;
	display: none;
	text-shadow: black 0.00em 0.05em 0.1em;
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666000,strength=0.5);
}
#footer {
	background-color : #092a59;
	text-align : center;
	font-size : 11px;
	color : #FFFFFF;
	padding : 4px 0;
	width : 100%;
	margin: 0 auto;
}
#footer a { 
	font-size : 11px;color : #FFFFFF; 
}
#status {
	height: 16px;
	width: 150px;
	background-image : url(images/theme/loading.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin-top: -20px;
	margin-left: 10px;
	text-indent: 50px;
	z-index: 12;
}
#statustext {
	font-size: 12px;
	color: #092a59;
	margin-top: -2px;
}
div#statusMessage {
	font-family : Arial, Helvetica, sans-serif;
	position: fixed;
	height: 28px;
	width: auto;
	left: 0px;
	right: 0px;
	padding-top: 4px;
	bottom: 30px;
	background-color: #092a59;
	background: -webkit-gradient(linear, left top, left bottom, from(#092a59), to(#246095)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #092a59, #246095); /* for firefox 3.6+ */ 
	font-size: 18px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	display: none;
	z-index: 999;
}
/*Top Menu*/
#top_menu {	
	position: relative; 
	float: right;
	width: 350px; 
	height : 130px; 
	z-index: 3;
}
#top_menu ul { 
	float : right; 
	padding : 0; 
	margin : 32px 45px 0 0; 
	list-style-type : none; 
	/*display: none;*/
}
#top_menu ul a {
	text-decoration : none;
	font-size : 12px;
	font-weight : normal;
	color : #F5F5F5;
	padding-left : 5px;
	text-shadow: black 0.1em 0.1em 0.2em
}
#top_menu ul li { 
	display : inline; 
}
#top_menu ul li a:hover { 
	color : #fff; 
	text-decoration : underline; 
}
#currentuser {
	position: absolute;
	top: 60px;
	right: 45px;
	font-size : 12px;
	font-weight: bold;
	color : #F5F5F5;
	display: none;
	cursor: pointer;
	text-shadow: black 0.1em 0.1em 0.2em
}
#serverdate {
	font-family: monospace;
	position: absolute;
	top: 75px;
	right: 45px;
	font-size : 13px;
	font-weight: bold;
	color : #F5F5F5;
	display: none;
	text-shadow: black 0.1em 0.1em 0.2em
}
#servertz {
	font-family: monospace;
	position: absolute;
	top: 90px;
	right: 45px;
	font-size : 13px;
	font-weight: bold;
	color : #F5F5F5;
	display: none;
	text-shadow: black 0.1em 0.1em 0.2em
}
/*Main Menu*/
div#menubar {
	clear: both;
	position: absolute;
	width: 968px;
	height: 30px;
	margin: 0;
	z-index: 12;
	bottom: 0;
	border-top : 1px solid #666;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;	
	background: #CCC;/*#DCDCDC; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#a5a5a5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e6e6e6, #a5a5a5); /* for firefox 3.6+ */ 
}
#menu { 
	position: absolute;
	left : 165px;
	z-index: 12; 
	margin: 0;	
	bottom: 0;
}
.navbar { 
	float : left; 
	padding : 0; 
	margin : 0px 20px 0 0; 
	list-style-type: none; 
}
.navbar li { 
	list-style: none; 
	float: left; 
	display : inline;	
	position : relative; 
}
.navbar li:hover { 
	border-top: 2px solid #092a59;
	margin-top: -2px;
	background: #E1E1E1; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0F0F0, #F0F0F0); /* for firefox 3.6+ */ 
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	border-top-left-radius: 10px;	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.navbar li a {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
	font-size : 13px;
	font-weight : normal;
	padding-top: 7px;
	padding-bottom: 8px;
}
.navbar .menusel {
	color : #FFF;
	background: #1a70c8;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	border-top-left-radius: 10px;	
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;
	border-top-right-radius: 10px;	
}
.navbar li ul {	
	border-bottom: 2px solid #092a59;
	border-top : 1px solid #787878;
	display: none; 
	width: 160px; /* Width to help Opera out */ 
	background: #C8C8C8; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#e6e6e6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #C8C8C8, #e6e6e6); /* for firefox 3.6+ */ 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;	
}
.navbar li:hover ul:not(.navhide){ 
	display: block; position: absolute; margin: 0; padding: 0; 
}
.navhide{
}
.navbar li:hover li { 
	float: none; 
}
.navbar li li a:hover { 
	background: #E1E1E1; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0F0F0, #F0F0F0); /* for firefox 3.6+ */ 
}
.navbar li li a:hover.last { 
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;	
}
/*Content*/
div#content {
	background-color : #FFFFFF;
	width : 928px;
	padding : 20px;
	padding-top : 8px;	
	color : #333000;
	font-size : 12px;
}
.hide {
	display: none;
}
div.progress-container0,div.progress-container1,div.progress-container2,div.progress-container3 {
	border: 1px solid #ccc; 
	width: 90%;
	margin: 1px 0 1px 0; 
	padding: 1px; 
	float: left; 
	background: white;
}
div.progress-container0 > div { background-color: #2DE31F; height: 9px; }
div.progress-container1 > div { background-color: #dcd221; height: 9px; }
div.progress-container2 > div { background-color: #e18542; height: 9px; }
div.progress-container3 > div { background-color: #e14542; height: 9px; }
#dynamicstatus {
	position: absolute;
	width: 96px;
	height: 20px;
	margin: 0 auto;
	color: #333000; /*#666666;*/
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	z-index: 12;
}
.dynamicloader {
	position: relative;
	margin: 8px;
	margin-top: 5px;
}
div#dynamicloader {
	height:10px;
	width:80px;
	background-image:url(images/theme/loader.gif);
	background-repeat: no-repeat;
	float: left;
	font-size: 9px;
	text-indent: 90px;
	color: #7c98b1;
	z-index: 12;
}