html{height:100%;overflow-y:hidden;}
body {
    margin:0px auto;padding:0px;
    font-family:'Segoe UI',Tahoma;font-size:12px;
    background-color:#fff;
    height:100%;
    overflow:hidden;  
}

h1 { }
a {float:left;margin-top:20px;color: #006699; }

#login_container {border-radius:5px;overflow:hidden;z-index:3; position:absolute;top:40%;left:50%;padding:0px; width:500px;height:430px;background-color:#d6d6d6;border:1px solid #006699;margin-top:-215px;margin-left:-250px;z-index1;-ms-perspective: 1000; perspective: 1000; }
.title {background-color:#006699;padding:5px;color:#fff; }
#inner_wrapper  {position:relative; padding:10px;  }
/*#login_container:hover .fb   {transform: rotateY(180deg); }*/

p {  }
label { margin: 20px 0px 20px 0px ; width:10em; display:inline-block;}
legend {font-size:16px; }
fieldset {border:1px #fff solid; }
input[type=text],input[type=password] {padding:5px;border:1px solid #ccc; margin:0px 0px 20px 0px;width:22em;  }
input[type=text]:focus,input[type=password]:focus {border:1px solid #666; }

.button { border-radius:5px;padding:5px 30px;background-color:#003652;color:#fff;border:1px solid #006699; float:right; }
.button:hover { cursor: pointer;background-color:#0088cc;border:1px solid #006699;  }

 .fb { display: block;  font-weight: bold; position: absolute; width: 460px; height: 320px; top: 0px; left: 0px; padding: 20px;background-color:#d6d6d6; 

}
.back {left:0px; display:none; }
/*.fb {transition: all 0.5s linear; backface-visibility: hidden; -webkit-backface-visibility:hidden; -webkit-transition:all 0.5s linear;  }*/
/*.front {   }
.back {  transform:rotateY(180deg); -webkit-transform:rotateY(180deg); }*/

/*.fb.flipped {-ms-transform: rotateY(360deg);transform: rotateY(360deg);-webkit-transform:rotateY(360deg);}*/

#notice_board {position:absolute;bottom:0px;left:50%; border-top-left-radius:15px; border-top-right-radius:15px; border:1px #006699 solid;padding:10px; width:500px; margin-left:-250px; text-align:center;  }
.confirm, .notify, .error { }
.confirm{background-color:#339900;}
.notify{background-color:#F1B415;}
.error{background-color:#CC0000;color:#fff;}

.tab { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #00527A; padding: 10px 30px 10px 30px;
position:absolute;
}
#passwordForget {bottom:21px;left:21px; }
#cancel {top:167px;left:21px; }
.tab {color:#fff; text-decoration:none;}