html
	{
	height: 100%;
	min-height: 100%;
	border-width: 0px;
	}

body
	{
	height: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Open Sans;
	font-size: 10px;
	font-weight: none;
	background-color: #666666;
	color: #000000;
	}

p, div, span { 
	font-size: 10px;
}

.screenLayout {
  position: relative;
  min-height: 100%;
  margin-bottom: 0;
}
* html .screenLayout {
  height: 100%;
}

.pageHeader
	{
	background-image:  url('../img/common/top_body_bg.jpg');
	text-align: left;
	margin: 0px;
	height: 50px;
	background-color: #767676;
	}

.pageContent
	{
	margin-top: 49px;
	}

p.descriptionText
	{
	color: #555555;
	font-size:14px;
	}
a img
	{
	border-width: 0px;
	}
a,
a:link,
a:visited,
a:active,
a:hover
	{
	text-decoration: underline;
	color: #f0f0e5;
	}
a:hover
	{
	color: #e61839;
	}


/* LOGIN */
.server {
	position: absolute;
	top: 44%;
	left: 48%;
	margin: -205px 0 0 -235px;
	width: 550px;
	height: 410px;
}
.server > div { padding: 0 0 5px; margin: 0 0 10px; background: #acacac; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, .3); }
.server h3 {
	padding: 0 20px 0 15px;
	border: 1px solid #444;
	border-bottom: 1px solid #7e7e7e;
	background: #606060;
	background: -moz-linear-gradient(top,  #606060 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#444444));
	background: -webkit-linear-gradient(top,  #606060 0%,#444444 100%);
	background: -o-linear-gradient(top,  #606060 0%,#444444 100%);
	background: -ms-linear-gradient(top,  #606060 0%,#444444 100%);
	background: linear-gradient(to bottom,  #606060 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#444444',GradientType=0 );
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
	font: 32px/82px Waukegan LDO, sans-serif;
	color: #f0f0f0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	text-align: left;
}
.server h3 img { display: block; }
.server .databox { 
	margin: 0; 
	padding: 20px; 
	background: #f2f2f2; 
	border: none;
	border-top: 7px solid #616161;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;
	box-shadow: inset 0 0 80px rgba(0, 0, 0, .3);
	text-align: right;
	background-image: url('../img/common/banner.png');
	background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0; }
.server h4 {
	padding: 0 20px 0 15px;
	border: 1px solid #444;
	border-bottom: 1px solid #7e7e7e;
	background: #606060;
	background: -moz-linear-gradient(top,  #606060 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#444444));
	background: -webkit-linear-gradient(top,  #606060 0%,#444444 100%);
	background: -o-linear-gradient(top,  #606060 0%,#444444 100%);
	background: -ms-linear-gradient(top,  #606060 0%,#444444 100%);
	background: linear-gradient(to bottom,  #606060 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#444444',GradientType=0 );
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); 
	font: 15px/42px Waukegan LDO, sans-serif;
	color: #f0f0f0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
	text-align: left;
}
.server h4 img { display: block; }
ul { margin: 0; padding: 0; list-style: none; }
.server ul { text-align: center; }
.server ul li { display: inline; }
.server ul li a { padding: 0 0 0 10px; margin: 0 0 0 4px; background: url(/img/icons/dot_3x3_bw.png) no-repeat left 6px; font-size: 14px; color: #bababa; text-decoration: none; }
.server ul li:first-child a { background: none; }
.server ul li a:hover { color: #ddd; text-decoration: underline; }
/* New Top end */