@charset "iso-8859-1";
html {width:100%; height:100%;}
body {
position: relative;
height: 100%;
min-width:  720px;
min-height: 550px;
margin: 0;
background: #FFFFFF;
}
body, table, select, input, button {
font-size: 12px;
font-family: tahoma, arial, sans-serif;
}
.fLeft {float: left;}
.fRight {float: right;}
a:link, a:visited, a:active {
color: #507EA4;
}
a:hover {
color: #10A5DD;
}
.Head {
height: 70px;
width: 100%;
}
.Main {
width:990px;
margin:auto;
}
.MainTop {
width:100%;
height:56px;
}
.MainTopLeft {
float: left;
}
.MainTopRight {
float: right;
}
.MainTop a:link, .MainTop a:visited, .MainTop a:active  {
color: #507EA4;
text-decoration: none;
}
.MainTop a:hover {
text-decoration: underline;
}
.MainTopLinks {
padding:30px 50px 0 0;
}
a.MTLinks:link, a.MTLinks:visited, a.MTLinks:active {
color: #848585;
text-decoration: none;
}
a.MTLinks:hover {
text-decoration: underline;
}
.MainM {
width:100%;
height:420px;
background-image: url(main.jpg);
}
.MainLeft {
float: left;
height: 320px;
width:550px;
}
.MainLeft .slogan1 {
color: #2976e8;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin:200px 0 0 100px;
}
.MainLeft .slogan2 {
color: #2976e8;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin:260px 0 0 100px;
}
.MainRight {
float: right;
height: 320px;
width: 400px;
margin-top: 20px;
color: #626262;
}
.MainRightPW {
float: right;
height: 320px;
width: 400px;
margin-top: 20px;
color: #626262;
}
.loginTable caption {
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
text-align: left;
white-space: nowrap;
color: #156F98;
}
.loginTable .titleNote {
font-size: 12px;
font-weight: normal;
padding-left: 10px;
color: #626262;
}
.loginTable .titleNoteError {
font-size: 12px;
font-weight: normal;
color: #FF0000;
margin-top:0px;
}
.loginTable td, .loginTable th {
padding:8px 0 8px 3px;
}
.loginTable th {
padding-left: 15px;
font-weight: normal;
text-align: right;
}
.loginTable hr {
border:none;
border-top:1px solid #F0F1EE;
}
.Button {
border: none;
background-color: lightskyblue;
background-image: url(button.gif);
width: 100px;
height: 28px;
cursor: pointer;
margin-right: 10px;
color: #FFF;
font-size: 13px;
font-weight: bold;
}
.input {
width: 170px;
padding: 5px 3px;
border: 1px solid #7F9DB9;
}
.inputWidth {
width: 178px;
border: 1px solid #89B2C6;
}
.copyright {
width:100%;
margin-top:5px;
color:#2976e8;
text-align:center;
}
.copyright a:link, .copyright a:visited, .copyright a:active  {
color: #2976e8;
text-decoration: none;
}
.copyright a:hover {
color:#2976e8;
text-decoration: underline;
}
.copyrightM {
color:#65696c;
margin-top:10px;
line-height: 22px;
}
.copyrightM a:link, .copyrightM a:visited, .copyrightM a:active  {
color:#65696c;
text-decoration: none;
}
.copyrightM a:hover {
color:#65696c;
text-decoration: underline;
}
.error {
color: red;
}
.strength_O {
background-color:#EBEBEB;
border-bottom:0px solid #BEBEBE;
border-right:0px solid #BEBEBE;
}
.strength_L {
background-color:#FF4545;
border-bottom:1px solid #BB2B2B;
border-right:1px solid #BB2B2B;
}
.strength_M {
background-color:#FFD35E;
border-bottom:1px solid #E9AE10;
border-right:1px solid #E9AE10;
}
.strength_H {
background-color:#3ABB1C;
border-bottom:1px solid #267A12;
border-right:1px solid #267A12;
}