html {
	
}
body{
	
}
*{
	font-family: Microsoft YaHei;
	font-size:14px;
}
form{
	margin:0;
}
.headdiv{
	position: relative;
}
.headdiv img{
	height:100%;
}
.headdiv .logo{
	width:1000px;
	height:80px;
	margin:0 auto;
	position: relative;
}
.navbar .brand{
	color:#fff;
}

.searchdiv{
	position: absolute;
top: 30px;
right: 10px;
width: 200px;
height: 30px;
background: url("../images/searchinput.png") no-repeat 0 0!important;
}

.searchdiv input{
	position: absolute;
top: 0px;
right: 80px;
border: none;
margin: 0;
padding: 3px;
background: none;
}
.searchdiv a{
	position: absolute;
	top: 0px;
	right: 27px;
	border: none;
margin: 0;
}

 #loginframe {
    padding-top: 0px;
    width: 100%;
    height:350px;
    position: relative;
    background-color: #d9d9d9;
}
.loginbg {
	width: 1000px;
    height:350px;
    background: url("../images/login_itsm.jpg") no-repeat 0 0;
    margin:0 auto;
}

.login {
    height: 250px;
    margin: 0 auto;
    width: 350px;
    position: absolute;
    top:50px;
    left:57%;
	/*
	background-color: #000000;
	filter: alpha(opacity=70); 
	background-color: rgba(0, 0, 0, 0.5); 
	*/
	background:url(../images/login-bg.png) no-repeat 0 0;
    border: 1px solid transparent;
	/*border-radius:15px;*/
}
.login input,.login select{
	line-height:30px;
}
.logininfo{
	height: 100%;
	float:left;
	margin:0px;
	position: relative;
}
.logininfo .title{
	color:#fff;
	margin-bottom: 10px;
	margin-left: 45px;
	 margin-top: 0;
	 font-size: 20px;
}

.usernamelabel{
	width: 90px;
	position: absolute;
	top: 42px;
	left: 2px;
	color:#fff;
	height: 32px;
	text-align:right;
	line-height: 32px;
}
input.username{
	width: 210px;
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 42px;
	left: 98px;
	height: 32px;
	border: none;
	background: none;
}
input.password{
	width: 210px;
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 93px;
	left: 97px;
	height: 32px;
	border: none;
	background: none;
}

.passwordlabel{
	width: 90px;
	position: absolute;
	top: 93px;
	left: 2px;
	color:#fff;
	height: 32px;
	text-align:right;
	line-height: 32px;
}

select.lang{
	width: 210px;
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 150px;
	left: 97px;
	height: 24px;
	border: none;
	background: none;
}
.langlabel{
	width: 90px;
	position: absolute;
	top: 146px;
	left: 2px;
	color:#fff;
	height: 32px;
	text-align:right;
	line-height: 32px;
}
.submitbtn{
	width: 210px;
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 208px;
	left: 102px;
	height: 32px;
}
.errormsg{
	width: 210px;
	margin: 0;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 208px;
	left: 20px;
	height: 32px;
}
.annoinfo{
	width: 150px;
	height: 100%;
	padding-left: 20px;
	float:left;
	overflow: hidden;
}
.annoinfo .title{
	color:#fff;
	margin-bottom: 10px;
	font-size: 15px;
	 margin-top: 0;
}
#content{
	overflow: hidden;
}
#content a,#content p{
	color:#ccc;
}
.round{
	border-radius:15px;
}

.footer{
	position:relative;
	text-align: center;
	padding-top:10px;
}







.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .60;
	filter: alpha(opacity = 60);
}

.white_content {
	display: none;
	position: absolute;
	top: 35%;
	left: 25%;
	width: 70%;
	height: 25%;
	padding: 16px;
	border: 1px solid orange;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

.route_button, .actionbutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-valign: middle;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .4em 1.5em .42em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee),
		to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',
		endColorstr='#0078a5');
	vertical-align: top;
}

.route_button, .actionbutton:link {
	color: white;
}

.route_button, .actionbutton:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc),
		to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc',
		endColorstr='#00678e');
}

.route_button, .actionbutton:active {
	position: relative;
	top: 1px;
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5),
		to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',
		endColorstr='#00adee');
}

table, td, tr, th {
	font-family: Microsoft YaHei, 微软雅黑;
	font-size: 12px;
	border: 0;
}
/*表格样式*/
table.ry_box {
	border-collapse: collapse;
	width: 100%;
}

.ry_box th {
	background: #e7eaed;
	height: 31px;
	line-height: 31px;
	border: 1px solid #d4d3d3;
	color: #5f6160;
}

.ry_box td {
	padding: 0 5px;
	color: #333;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d4d3d3;
}

.ry_box td a {
	color: #06C;
}

.ry_box td a:hover {
	color: #06C;
	text-decoration: underline;
}

.rybg {
	background: #fff;
}

.rybg2 {
	background: #fafafa;
}

.ry_box img {
	margin-right: 5px;
	width: 17px;
	height: 17px;
}