@charset "utf-8";
/* CSS Document */

html 
{
	width:100%;
	height:100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body 
{
	  width:100%;
	  height:100%;
	  margin: 0;
	  font-family: Tahoma, Geneva, sans-serif;
	  font-size: 14px;
	  line-height: 20px;
	  color: #333333;
	  background-color: #ffffff;
	  background-image:url(../images/bg_login.png);
	  background-repeat:no-repeat;
	  background-size:100%;
 
}

a 
{
  color: #0088cc;
  text-decoration: none;
}

.wrapper
{
	width:100%;	
}

.header
{
	width:100%;
	height:132px;
	
}

.header_content {
    width: 145px;
    height: 172px;
    background-image: url(../images/header.png);
    float: left;
    background-size: 100%;
    margin-left: 22px;
    margin-top: 12px;
}

.middle_bg
{
	  width:100%;
	  height:232px;	  
	  background-image:url(../images/bg_login_middle.png);
	  float:left;	 

}

.login_box
{ 
	  width:523px;
	  height:316px;	  
	  background-image:url(../images/login_box.png);
	  float:right;
	  margin-top:-42px;
	  margin-right:150px;
	  webkit-border-radius: 10px 10px 10px 10px;
	  -moz-border-radius: 10px 10px 10px 10px;
	  border-radius: 10px 10px 10px 10px;		
}

.login_box_content
{
	display:block;
	float:left;	
	padding-top:5px;	
	margin-left:5px;		
}

 
.login_box_header
{
	margin-left:205px;
	margin-top:25px;
	display:block;
	float:left;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.btnLogin1 
{	
	width:86px;
	height:31px;	
	background-image:url(../images/btnLogin.png);
	background-repeat:no-repeat;
	webkit-border-radius: 12px 12px 20px 20px;
	-moz-border-radius: 12px 12px 20px 20px;
	border-radius: 12px 12px 20px 20px;
	display:block;
}

/* ------------------------ text area ---------------------------------- */

input, textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	display: inline-block;
    margin-bottom: 0;
}
input, textarea, select, .uneditable-input {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px;
    width: 210px;
}

input:focus,textarea:focus
{
	border-color:rgba(82, 168, 236, 0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;
}

input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.input-prepend:after, .input-append:after {
    clear: both;
}


.input-append input:first-child + .add-on {
}

.input-append .add-on {
    border-radius: 0 3px 3px 0;
    margin-left: -1px;
    margin-right: 0;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 130px;
}



/* ------------------------ row fluid ------------------------------- */

.row-fluid:after {
    clear: both;
}
.row-fluid:before, .row-fluid:after {
    content: "";
    display: table;
}

/* ---------------------- control group ----------------------------*/

.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    content: "";
    display: table;
}

.form-horizontal1
{
	margin: 80px 137px 100px;
}

form {
    margin: 80px  18px;
    margin-left: 130px;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

/* ---------------------- span ----------------------------------*/

.row-fluid > .span6 {
    width: 48.7179%;
}

/* ------------------------ Button --------------------------- */

.btnLogin {
  display: inline-block;
  display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-color: #e6e6e6;
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  border: 0 none #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	height: 28px;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
}

.btnLogin:hover,
.btnLogin:active,
.btnLogin.active,
.btnLogin.disabled,
.btnLogin[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  background-color: #d9d9d9;
}

.btnLogin:active,
.btnLogin.active {
  background-color: #cccccc \9;
}

.btnLogin:first-child {
  margin-left: 0;
}

.btnLogin:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

/*------------------------- footer ---------------------------*/

.footer
{
	width:100%;
	bottom:0;
	text-align:center;
	position:absolute;
	font-size:14px !important;
	margin-bottom:10px;
	
}