﻿body 
{
	margin:0;
	padding:0;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
background:url(../Images/gps.jpg) no-repeat;
}

.tb
{
	height:16px;
}

#login
{
	position:absolute;
	left:50%;
	top:50%;
	width:1px;
	height:1px;
}

#place
{
	position:relative;
	left:-280px;
	top:-200px;
	width:602px;
	height:276px;
	background:url(../Images/login_back.jpg) no-repeat;
}

#login_head
{
	float:left;
	width:100%;
	height:60px;
	font-size:12px;
}

#login_body
{
    float:left;
    width:100%;
    height:120px;border:0px;
}

#mid_body
{
    font-size:12px;
	float:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#left_blank
{
	float:left;
	height:100%;
	width:22px;
}

#tb_text
{
	padding-top:77px;
	padding-right:2px;
	float:left;
	width:68px;
	text-align:right;
}

#pwd
{
	padding-top:3px;
}

#valicode
{
	padding-top:3px;
}

#text_box
{
	padding-top:73px;
	float:left;
}

#tb_uid
{
	width:149px;
}

#tb_pwd
{
	width:149px;
}

#vali_code
{
	width:96px;
	margin-right:2px;
}

#valiPic
{
	height:20px;
	width:50px;
	position:absolute;
	top:208px;
	left:194px;
	margin-top:-30px;
	
}

#remember
{
	height:15px;
	width:15px;
	float:left;
	margin-top:140px;
margin-left:45px;
}

#remtext
{
	float:left;
	height:100%;
	margin-top:142px;
	margin-left:4px;
}

#btn_a
{
	margin-left:69px;
margin-top:-30px;
}

#login_btn
{
	padding-left:50px;
	padding-top:6px;
	float:left;
	height:24px;
	width:180px;
}

#login_foot
{
	float:left;
	width:100%;
	height:20px;
	text-align:center;
	font-size:x-small;
	font-family:Sans-Serif;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../Images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right:20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    width:48px;
}

a.button span 
{
    background: transparent url('../Images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

#personaldiv
{
	position:absolute;
	top:170px;
	left:166px;
	width:220px;
}

#personal
{
	float:left;
	margin-left:0px;
	margin-right:2px;
	width:16px;
margin-top:50px;
}

#pertext
{
	float:left;
	padding-top:55px;
	color:#E0E0E0;
margin-left:0px;
}

#enterprise
{
	float:left;
	margin-right:12px;
	width:16px;
margin-top:50px;
margin-left:0px;
}

#entertext
{
	float:left;
	padding-top:55px;
	color:#E0E0E0;
margin-left:0px;
}