@charset "utf-8";

/*
--------------------General --------------------
*/

html{
	background: #2d2d2b; height: 100%; width:100%;
}

#main_static p img{max-width:100%; height:auto;}


/*
.likebtn{appearance:button;
-moz-appearance:button; 
-webkit-appearance:button;}
*/


/*
--------------------Layout --------------------
*/

.wrapper{}
.header_panel{ background:url(/DriveLogin/images/login_line.png) center bottom no-repeat; height:60px; padding-top:14px;}
	.header_panel .system_logo{ width:170px; height:31px; background:url(/DriveLogin/images/login_officeDrive.png) 0 0 no-repeat; }
	
.main_panel{ background-color:#0271ef;}
	.main_panel .row{ position:relative;}
		.login_text{ font-size:2em; color:#fff; line-height:1.2em; width:400px; text-align:center;
		position:absolute; left:38px; top:200px;
				text-shadow:0px -2px 4px rgba(0,0,0,0.5);
				-moz-text-shadow:0px -2px 4px rgba(0,0,0,0.5);
				-webkit-text-shadow:0 -2px 4px rgba(0,0,0,0.5);
				letter-spacing:5px;
			}
			.login_text span{ letter-spacing:11px; display:block;}
		

.header_panel .row, .main_panel .row{ width:992px; margin:0 auto; }
	.main_panel .row{ min-height:510px; background:url(/DriveLogin/images/login_bg.png) center 0 no-repeat;}

.footer_panel{background:url(/DriveLogin/images/login_line.png) center top no-repeat; padding-top:2px;}
	.footer_panel .row{ text-align:right; background:url(/DriveLogin/images/login_bg_noise.png) left top repeat-x;  min-height:160px;}	
		.footer_link{ color:#949494; font-size:0.875em; width:90%; margin:0 auto; padding-top:280px;}
		.footer_link img{ margin-right:10px;}
		.footer_link a{color:#949494; line-height:22px; padding:0 8px;}
		.footer_link a:hover{ color:#fff;}

	/* login  */
.login_form{ width:554px; height:458px; background:url(/DriveLogin/images/login_form_bg.png) 0 0 no-repeat; position:absolute; right:0; top:30px; padding: 70px 105px 0 125px;}	
.login_form .title{  line-height:2em; overflow-y:auto;}
	.login_form .word{ font-size:1.25em; font-weight:bolder; color:#000; float:left;}
	.login_form .link{ font-size:0.875em; float:right;}
	.login_form .link a{ color:#35b4dd;}
.login_form a:hover{ color:#2f9dc0;}

.login_form .form_row, .login_form .rememberme{ padding:10px 0; }	
.login_form .stitle{ font-size:0.875em;}
.login_form .sfield{ font-size:0.875em;}

.rememberme{line-height:2em; overflow-y:auto;}
.rememberme .stitle{ float:left; width:20%;}
.rememberme .sfield{ float:left; width:80%;}
 .rememberme .sfield label{ width:30%; display:inline-block;}

.login_btn{
	background: #33d1df;
	background-image:  -webkit-linear-gradient(top, #33d1df, #22bbcf);
	background-image: -moz-linear-gradient(top, #33d1df, #22bbcf);
	background-image: linear-gradient(to bottom, #33d1df, #22bbcf);
  
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  

-webkit-box-shadow:inset 0 1px 0 0 rgba(61,248,255,1);
-moz-box-shadow:inset 0 1px 0 0 rgba(61,248,255,1);
box-shadow:inset 0 1px 0 0 rgba(61,248,255,1);

-webkit-text-shadow: 0 1px 0 0 #cecece;
-moz-text-shadow: 0 1px 0 0 #cecece;
text-shadow: 0 1px 0 0 rgba#cecece;

-webkit-text-shadow: 0 0 1px #000;
-moz-text-shadow: 0 0 1px #000;
text-shadow: 0 0 1px #000;

  color: #fff;
  font-size: 1.125em;
  border: solid #23a5b5 1px;
  
  text-align:center;
  display:block;
  width:100%;
  height:40px; line-height:40px;
  cursor:pointer;
  
	}

.login_btn:hover{
	background: #22bbcf;
	background-image: -webkit-linear-gradient(top, #22bbcf, #33d1df);
	background-image: -moz-linear-gradient(top, #22bbcf, #33d1df);
	background-image: linear-gradient(to bottom, #22bbcf, #33d1df);	
  
	}
.forgot{ text-align:center; padding:15px 0; font-size:0.875em;}	
.forgot a{ color:#35b4dd; padding:0 10px;}