@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{font-family:Arial, Helvetica, sans-serif; background:#fff; font-size:16px; margin:0; padding:0;}
p{ line-height:150%; font-size:16px;}
.clear{ display:block;}
a{color:#2c7fdd;}

/*--login--*/
.content{ margin:0 auto; width:1000px;}
.top{height:110px;position: relative;}
.top-logo{ float:left; position:absolute; z-index:2; top:0;}
.top-title{float:right; margin:35px 10px 0 0; font-size: 24px; color:#fff; font-family:Tahoma,Verdana,Arial,sans-serif;}
.main{background:#fafafa; height:599px;}
.main-content{ position:relative; margin-top:-575px;}
.login-box{position:absolute; z-index:10; top:80px; right:0;}
.main-login{ position:absolute; right:80px; top:136px; width:400px; z-index:99;}
.input{ height:35px; line-height:35px; color:#999; width:100%; padding:5px; margin-bottom:15px;}
.main-button{background:url(/UI/IMG/new-btn-login.png) no-repeat; height:45px; width:102px; border:none; cursor:pointer;}
.main-buttonFirstTimeLogin{background:url(/UI/IMG/new-btn-firstTimeLogin.png) no-repeat; height:45px; width:194px; border:none; cursor:pointer;}
.main-button1{background:url(/UI/IMG/btn-create.png) no-repeat; height:45px; width:231px; border:none; cursor:pointer;}
.foot-bg{background:url(/UI/IMG/foot-bg.gif) repeat-x;}
.foot{ padding-top:30px; color: #fff; font-weight:bold; padding-bottom:20px;}
.rulebox{ position:absolute; top:100px; width:350px;left:0; color:#000; /*letter-spacing:0.2px; word-spacing:1px;*/ line-height:23px; font-size:17px;}
.rulebox li{white-space:nowrap;}
.apply-btn{display:block; width:123px; height:93px; margin:20px 100px;}
.btn-application-submit{ background:#941919; color:#ebd6b9; border:0; font-size:18px; padding:15px 45px; border-radius:5px;  margin-top:20px;cursor:pointer}
.btn-application-submit:hover{ color:#f9bb70; box-shadow:3px 3px 0 #941919; background:#c11b1b; border:0; font-size:18px; padding:15px 45px; border-radius:5px;}
.btn-back-submit {border:0; font-size:18px; padding:15px 45px; border-radius:5px;  margin-top:20px;cursor:pointer}

/*--home--*/
.nav-top{ position:absolute; top:0; width:100%}
.btn-logout{ border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('/UI/IMG/btn-logout.png') no-repeat;
    width:102px; height:37px; 
    cursor:pointer;
}
.nav{ margin-top:71px; background:#084089; height:40px; line-height:40px; color:#fff; font-size:19px; border-bottom:3px solid #164982;}
.nav ul{ list-style:none; width:100%; margin:0; padding-left:0}
.nav ul li{ float:left; margin:0; padding:0; width:20%;}
.nav ul li a{color:#fff; text-decoration:none; text-align:center; display:block;}
.nav ul li a:hover{ background:#941919; border-right:1px solid #941919; border-left:1px solid #941919; display:block;}
.nav_active{}
.nav_active a{ background:#941919; border-right:1px solid #941919; border-left:1px solid #941919; display:block;}

.body{ margin:0; padding:0;}
.body-left{ background:#f9f9f9; border-right:1px solid #d7d7d7; width:250px; vertical-align:top;}
.table{padding:15px; line-height:200%; font-size:16px;}
.table th{font-size:18px; background:#a0a0a0; color:#fff; padding:5px;}
.table-title{color:#666;}
.table-text{border-bottom:1px solid #d7d7d7; font-size:16px}
.btn{ font-size:16px; padding:5px 15px; margin-top:20px; cursor:pointer;}
.title{font-size:18px; background:#fdfaf2; border:1px solid #e8e2d1; border-radius:3px; color:#666; padding:10px 20px;}
.space{margin:45px 0;}
.line{border-bottom:1px solid #e7e7e7;}
.line a {color:#666; line-height:150%;}



/*--application--*/
.job-tab{border-top:10px solid #ccc; font-size:16px; background:#eee;}
.job-tab ul{margin:0; padding:0;}
.job-tab ul li{float:left; padding:15px 49px; display:inline-block; list-style:none; cursor:pointer;}
.job-tab ul li a{color:#777;text-decoration:none;font-size:18px; }
.job-tab ul li.active{padding:15px 55px; background:#fff; border-top:10px solid #006448; margin-top:-10px; text-decoration:none;}
.job-tab ul li.active a{text-decoration:none; color:#0f437f; font-weight:bold;}
.job-content{background:#fff; padding:15px 80px;padding-bottom:80px; }
.job-content div{display:none;}
.job-content .active{display:block;}
.job-content a{float:right; padding:10px 20px; border:5px solid #006448; text-decoration:none; color:#006448; font-weight:bold; display:inline-block; }
.job-content a:hover{text-decoration:none; color:#fff; font-weight:bold; background:#006448; }
/*--register--*/
.box{ margin:0 auto; width:1000px; border:1px solid #dbdbdb; background:#fff;}
.path {/*background:#213540;*/ color:#999; font-size:18px; padding:15px 10px; text-align:right; border-bottom:1px dashed #ddd; font-size:16px;}
.path a {color:#941919;}
.path a:hover {color:#084089;}
.right {text-align:right; padding-right:20px;}
.right-title {background:url(/UI/IMG/title-bg.png) no-repeat; font-size:18px; width:121px; height:40px; float:right; margin-bottom:15px;}
.right-title1 {background:url(/UI/IMG/title-bg2.png) no-repeat; font-size:18px; width:139px; height:40px; float:right; margin-bottom:20px; margin-top:20px;}
.txt-red {color:red;}
.wid-text {width:300px; height:25px; line-height:25px;}
.wid-adjust {width:200px; height:25px; line-height:25px;}
.note-new {background:#eee; padding:10px; font-size:14px; margin-bottom:0;}

/* warning style */
.note{border: 1px solid #FFC30E; padding:2px 5px; background-color: #FFFBB8; text-align: left; color: #333; zoom:1; }
/* Failed Style */
.note-0{border: 1px solid #FF8080; padding:5px; background: #FFF2F2; text-align: left; color: #333; zoom:1; }
/* Successed Style */
.note-1{border: 1px solid #B0DF97; padding:5px; background: #F2FEE6; text-align: left; color: #333; zoom:1; }
/* Information Style */
.note-i{border: 1px solid #C8D9E8; padding:2px 5px; background: #F4F9FE; text-align: left; color: #333; zoom:1; }
.contactus .note{width:293px; height:25px; line-height:25px; margin-top:5px;}
/*--get password--*/
.new-frame {width:500px; margin:0 auto;}
.new-tab { background:#fff; height:35px; line-height:35px; font-weight:bold; border-bottom:1px solid #dbdbdb;}
.new-tab ul {list-style:none; width:100%; margin:0;}
.new-tab ul li {float:left; text-decoration:none; margin:0; padding:0; width:248px; text-align:center; border-right:1px solid #dbdbdb; margin-left: -40px; }
.new-tab ul li:last-child{border-right:0;     margin-left:0px;}
.new-tab ul li a { text-decoration:none; color:#222; display:block;}
.new-tab ul li a:hover {background:#f9f9f9;}
.new-tab_active {}
.new-tab_active a {background:#f9f9f9; border-bottom:1px solid #f9f9f9;}
.new-form{background:#f9f9f9; border:1px solid #dbdbdb; zoom:1;}

.ico-message {background:url(/UI/IMG/ico-message.png) no-repeat; width:30px; height:20px; color:#b41419; display:inline-block; vertical-align:middle; line-height:20px; margin-left:5px;}

.calendar{ border:1px solid #ddd;}
.calendar-day{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url(../Img/title_bg.gif) repeat-x bottom; height:28px; line-height:28px; text-align:center; font-weight:bold; }
.calendar-date{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; height:20px; line-height:20px; text-align:center;}
.calendar-date a{ display:block; width:100%; text-decoration:none;}
.calendar-item{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.calendar-item a{ display:block; text-decoration:none;  background:#fafafa; padding:2px 0; text-align:center; font-weight:bold; border-bottom:1px solid #ddd; }
.calendar-item div a{ display:inline-block; text-decoration:none; background:none; padding:2px 5px; text-align:left; font-weight:normal; border-bottom:none;}
.calendar-item div a:hover{ text-decoration:underline;}
.calendar-other{border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;background-color:White;}
.calendar-other div{ display:none;}
.calendar-other a{ display:none;}
.calendar-btn{ background:url(../Img/title_bg.gif) repeat-x bottom; border:1px solid #ddd; cursor:pointer; font-weight:bold;  padding:0 5px; }

/*  -------------------------------Printing Style--------------must at the end of the style file------------------------ */
@media print {
.noprint{ display:none; }    
div.note {
        display:none;
    }
}