﻿/***********************************************/
/* login styles css                            */
/***********************************************/

@charset "utf-8";

* { margin: 0 auto; padding: 0 auto; }

html, body {
height:100%;margin: 0 auto; padding: 0 auto; outline:none;}

html>body {
font-size: 12px;
}
body {
font-family:Arial, Helvetica, Verdana, sans-serif, Lucida Grande, Lucida Sans;
background:#e2e2e2 url(../img/management_templates_img/body_bg.png) repeat-x;
text-align:center;
}
img {
border:none;
vertical-align: top;
}

/***********************************************/
/* 布局 Layout Divs                            */
/***********************************************/
.centerl { display:table-cell; width:100%; height:100%; position:relative; vertical-align:middle; vertical-align:middle }
.centerl span{ position:static; *position:absolute; top:50%;}
.centerl div{ display:-moz-inline-box; display:inline-block; *display:block; position:static; *position:relative; top:-50%; left:-50%; text-align:left; }
#loginall{
	margin: 0 auto;
	padding:0 auto!important; /*Style for FF*/ 
	*padding:0 209px; /* Style for IE */
	width:auto!important; /*Style for FF*/
	*width:739px; /* Style for IE */
}
#loginall #main {
	margin: 0 auto;
	margin-top:61px;
	padding:0px;
	width:520px;
	height:274px;!important /*Style for FF*/ ;
	z-index:1; visibility:visible;
}

#loginall #main #sitename {
	width:520px;
	height:80px;
	background: transparent url(../img/management_templates_img/sitename_bg_bg.png) no-repeat;
	z-index:2; visibility:visible;
	text-align:left;
}

.sitename-logo{padding-top:5px;}
.sitename-logo-in{ background:url(../../img/management_templates_img/sitename_bg_logo.png) no-repeat; height:45px;margin-left:55px; margin-top:15px;}

#loginall #main #page {
	width:520px;
	float:left;
	background: transparent url(../img/management_templates_img/login_bg01.png) repeat-y;
	padding:0;
	z-index:3;
	visibility:visible;
	height:190px;
}

#loginall #page02 {
	margin: 0 auto;
	padding:0px;
	width:520px;
	height:121px;
	background: transparent url(../img/management_templates_img/login_bg02.png) no-repeat;
	z-index:4; 
    visibility:visible;
}

#loginall #siteinfo {
	width:530px;
	height:108px;
	margin-top:10px;
	margin: 0 auto;
	background: transparent url(../img/management_templates_img/siteinfo.png) no-repeat;
	font-weight:bold;
	color:#666666;
	text-align:center;
	z-index:7; visibility:visible;
	font-size:100%;!important /*Style for FF*/ ;
	*font-size:70%; /* Style for IE */
}
/***********************************************/
/* 1page内部布局        meng                   */
/***********************************************/
#fail2{
	width:330px;
	height:150px;
	background:#5a9abb;
	color:white;
	font-size:14px;
	 -moz-border-radius:5px;
	left:49%;
    top:50%;
	margin-left:-165px!important;/*FF IE7 该值为本身宽的一半 */
    margin-top:-75px!important;/*FF IE7 该值为本身高的一半*/
    margin-left:0px;
    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/
	border:1px solid #c0d8e6;
}
#top2{
	height:25px;
	width:100%;
	 -moz-border-radius:5px;
	 background-image: url("../../img/management_templates_img/popuplayer/person-topbg.gif");
	}
#center2{
	width:100%;
	height:70px !important;
	height:95px;
	background:#ffffff;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	color:#000000;
	padding-top:30px;
}
#footer2{
	float:right;
	height:15px;
	margin-right:10px;
	/*margin-top:2px;*/
}

#sp2{
	line-height:25px;
	vertical-align:middle;
	margin-left:10px;
}
#footer2 input { border:1px solid #bfd7ff;color:#bfd7ff;background:#2b3840; -moz-border-radius:5px; }
#footer2 input:hover { border:1px solid #FFF;background:#37434b; color:white; cursor:pointer; }

/***********************************************/
/* page01内部布局 Layout Divs                    */
/***********************************************/
#loginall #main #page p {
	width:360px; height:17px;
	font-size:12px;
	font-style:normal;
	color:#333333;
	margin: 0px 0 0 58px;
	z-index:4; visibility:visible;
}

#loginall #main #page .pcon {
	width:360px;
	padding:2px;
	margin:10px 0 0 100px;
}

#loginall #main #page .pcon .Remember {
	width:auto;
	margin:0px 48px 0px 48px;
}
/* -------------
 * margin
 * ------------- */
#loginall #main #page .Remember label{
width:90px;
margin:0px;
padding:0px;
padding-left:10px;
text-align:left;
}

.fright {
float:right;
}

/*************** list tag styles ***************/

ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
ul li{margin:0; padding:0;}
ul ul{margin:0; padding:0;}
ul ul li{margin:0; padding:0;}
#loginall #main #page .llogin {margin:0; padding:0;}
#loginall #main #page .llogin li{line-height:20px; color:#2d2d2d; cursor:pointer; float:left;}
#loginall #main #page #lllogin {padding:0; margin:0; margin-bottom:10px; list-style:none; height:20px; position:relative; width:360px;}
/***********************************************/
/* 表单form   Divs                             */
/***********************************************/
#loginall #main #page label {
	font-size:12px;
	float:left;
	width:65px;
	text-align:right;
	margin:0 10px 0px 0px;
	color:#000;
	padding:0px;}
#loginall #main #page label.error { 
	font-weight:60%;color:red;text-align:right;width:150px;padding:0; margin:0;}

/* -------------
 * Button
 * ------------- */
#loginall #main #page button {margin:0;padding:0;border:none;background:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */

#loginall #main #page button span {
	background: transparent url(../img/btn_right.jpg) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
}

#loginall #main #page button span span {
	background: transparent url(../img/btn_left.jpg) no-repeat scroll left top;
	color: #FFFFFF;
	padding: 1px 1px 0px 8px;
	font-size: 12px;
	line-height: 31px;
	letter-spacing:0px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
	*width:48px; /* Style for IE */
}
/* -------------
 * Inputs
 * ------------- */
#loginall #main #page .jNiceInputWrapper {
	background: transparent url(../img/input.gif) no-repeat left top;
	float:left;
}

#loginall #main #page .jNiceInputInner {
	background: transparent url(../img/input.gif) no-repeat right top;
	padding: 0px 4px 1px 0;
	margin: 0 0 0 4px;
}

#loginall #main #page .jNiceInputInner input {
	font-weight:bold;
	color:#404040;	
	line-height: 18px;
	height: 18px;
	*line-height: 16px;/* IE Hacks */
	*height: 16px;/* IE Hacks */
	width:152px;
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}

#loginall #main #page .jNiceInputWrapper_hover { background-position: left bottom; }
#loginall #main #page .jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }


/* -------------
 * Checkboxes
 * ------------- */
#loginall #main #page .jNiceCheckbox {
	background: transparent url(../img/checkbox.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}
#loginall #main #page .jNiceCheckbox_hover { background:transparent url(../img/checkboxhover.gif) no-repeat center top; }

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
#loginall #main #page .jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
#loginall #main #page .jNiceWrapper select {border:none;margin:0;padding:0;}

#loginall #main #page .jNiceSelectWrapper {
	height: 17px;
	position:absolute;left:0px;
	top:5px;
	z-index:3;
}

#loginall #main #page .jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

#loginall #main #page .jNiceSelectWrapper .jNiceSelectText {
	height: 15px;!important /Style for FF/ ;
	*height: 17px; /* Style for IE */
	line-height: 15px;
	padding: 0px 3px;
	border: 1px solid #CCCCCC;
	border-right: none;
	background-color: #FFF;
	font-size:12px;
	text-align:left;
	overflow:hidden;float:none;position:absolute;z-index:100;
}

#loginall #main #page .jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 17px;
	background: url(../img/select_right.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
	top:0px;!important /Style for FF/ ;
	*top:-1px; /* Style for IE */
}

#loginall #main #page .jNiceSelectWrapper ul {
	top: 16px;
	background-color: #FFF;
	border: solid 1px #CCC;
	font-size:12px;
	position:absolute;
	left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;
	width: 86%;!important /Style for FF/ ;
	*width: 86%; /* Style for IE */
}

#loginall #main #page .jNiceSelectWrapper ul a {
color:#0099CC;
width:133px;!important /Style for FF/ ;
*width:130px; /* Style for IE */
background-color: #FFF;
display:block;
margin:1px;
text-decoration:none;
}


#loginall #main #page .jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
#loginall #main #page .jNiceSelectWrapper ul a.selected {background: #EDEDED;}



#loginall #main #page .jNiceHidden {opacity:0;z-index:-1;position:relative;}
#loginall #main #page .jNiceWrapper {position:relative;vertical-align:top;}
#loginall #main #page .jNiceWrapper input {outline:none;moz-outline:none;}

.login_langListLi{
	text-align:left;
}

.login_accountLanguage{
	width: 158px;
}

.lllogin-li{
	text-align:left;
}

.lllogin-liselect{
	width:158px;
}

.loginteam-li{
	text-align:left;
}

.loginteam-li-accountteam{
	width:158px;
}

.accountLanguage{
	width: 158px;
}

.lllogin-Remember-li{
	float:left;
}

a.vendorUrlClass{text-decoration:none;}
a.vendorUrlClass:visited{color:blue;} 


.blue {
    color: #000066;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}
