/* CSS Document */

html, body {
	height: 100%;         /* required */
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#000000;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}

div#distance { 
	margin-bottom: -10em; /* half of content height */
	/*background: red;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 45%;          /* required */
	float: left;          /* required */
}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 20em;         /* required - desired height */
	width: 295px;;          /* required - desired width */
	/*background: blue;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

#loginlogo{	
	height:70px; 	 
	text-align:center; 
	margin-bottom:10px;
}

#logintop{
	width:100%; 
	margin:0; 
	padding:0; 
	height:22px; 
	background: url(../i/top.gif) no-repeat top left; 
	text-align:center
}

div#logintop h1{ 
	font-size:12px; 
	font-weight:bold; 
	color:#FFFFFF; 
	margin:0; 
	padding:3px 0; 
}


p { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#000; 
	margin:0; 
	padding:3px 0; 
	text-align:center;
}

.blacka { 
	color:#000000; 
	text-decoration:none;
}

#loginmid{
	background: url(../i/mid.gif) repeat-y top left; 
	margin:10%;
	top: 0px;
	left: 0px;
	z-index: 100;
	min-width: 200px;
	/*min-height: 200px;	*/
	vertical-align:bottom;
	width:100%; 
	margin:0; 
	padding:0 0 10px 0; 
	float:left; 
	clear:both;
}

div#loginmid br{
	clear:both;
}
div#loginmid fieldset{
	border: none;
	margin-top: 2em;
	padding:1em;
}
div#loginmid label {
	display:  block;
    float:  left;
    clear:  left;
    width:  10em;
    padding-right:  1em;
    text-align:  right;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	vertical-align:baseline; 
    font-weight:bold;
    font-size:0.9em;
    line-height:3.0em;
}

div#loginmid input,select{
	border: 1px solid #666666; 
    display:  block;
    float:  left;
    width:130px;
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 5px;
}

#button{ 
	margin:10px auto 0 35px ; 
	font-size:11px !important; 
	color:#FFFFFF; 
	font-weight:bold;  
	font-family:Verdana, Arial, Helvetica, sans-serif !important; 
	clear:none; 
	background:url(../i/butt.gif) no-repeat top left; 
	width:222px !important; 
	height:22px; 
	border:0 !important;
}

checkbox.login{ 
	border:none; 
	margin:10px auto 0 20px ; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	clear:none;
}

#loginbottom{
	width:100%; 
	height:6px; 
	margin:0 auto 20px auto; 
	padding:0; 
	background: url(../i/bottom.gif) no-repeat top left; 
	float:left; 
	clear:both;
}

#settings{font-size: 110%; text-align:center;}
#settings p{display: block; width: 100%; line-height: 15px; text-align:justify;}
#settings input{
	margin: 0;  
	margin-top: -5px; 
	font-weight: bold; 
	width: 190px;
	height: 22px; 
	text-align: center; 
	line-height:22px; 
	border: none; 
	background: url(../i/assign.png);
	color: #fff; 
	font-weight: bold;
	}
#settings br{clear:both;}