﻿@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0; padding:0; color:#00607e;}
p{ line-height:150%; font-size:16px;}
.clear{ display:block;}
a{color:#9a1e23;}


/*--login--*/
.content{ margin:0 auto; width:1000px;}
.top{padding:30px; height:80px;}
.top-logo{ float:left; position:absolute; z-index:5; top:0; left:20px;}
.top-title{float:left; margin-top:20px; color:#00607e;}
.main{background:url(/UI/IMG/new-home-bg.png) repeat-x; height:599px;}
.main-content{ position:relative; margin-top:-550px;}
.main-login{ position:absolute; right:55px; top:65px; width:400px;  z-index:10;}
.input{ height:25px; line-height:25px; 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:1px #00607e solid; border-radius:5px; background-color:#00607e;  cursor:pointer;}
.main-button1{background:url(/UI/IMG/btn-create.png) no-repeat; height:45px; width:231px; border:1px #00607e solid; border-radius:5px; background-color:#e9e7e2; cursor:pointer;}
.foot{ margin-top:30px;}

/*--home--*/
.nav-top{ position:absolute; top:0; width:100%;z-index:4;  color:#00607e;}
.btn-logout{ background:url(/UI/IMG/btn-logout.png) no-repeat; width:102px; height:37px; float:right; margin-top:-60px; border:0; cursor:pointer;}
.nav{ margin-top:71px; background:#00607e; height:40px; line-height:40px; color:#fff; font-size:18px; border-bottom:3px solid #9a1e23;}
.nav ul{ list-style:none; width:100%;}
.nav ul li{ float:left; margin:0; padding:0; width:22%; margin-left:-41px;}
.nav ul li a{color:#fff; text-decoration:none; text-align:center; display:block;}
.nav ul li a:hover{ background:#9a1e23; border-right:1px solid #034251; border-left:1px solid #034251; display:block;}
.nav_active{}
.nav_active a{ background:#9a1e23; border-right:1px solid #034251; border-left:1px solid #3a503e; display:block;}

.body{ margin:0; padding:0;}
.body-left{ background:#f9f9f9; border-right:1px solid #00607e; width:250px; vertical-align:top;  color:#00607e;}
.table{padding:15px; line-height:200%; font-size:16px;}
.table th{font-size:18px; background:#a0a0a0; color:#fff; padding:5px;}
.table-title{font-size:14px; }
.table-text{ border-bottom:1px solid #d7d7d7;}
.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%;}

/*--register--*/
.box{ margin:0 auto; width:1000px;background:#FFF;
      box-shadow:0 0 3px rgba(128, 128, 128,.3);
      -webkit-box-shadow:0 0 3px rgba(128, 128, 128,.3);
      -o-box-shadow:0 0 3px rgba(128, 128, 128,.3);
      -moz-box-shadow:0 0 3px rgba(128, 128, 128,.3);
}
.path {background:#00607e; color:#fff; font-size:18px; padding:8px 8px 8px 10px;}
.path a {color:#fff;}
.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; }

/*--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; display:inline-block;}
.new-tab ul {list-style:none; width:100%; margin-left:-40px; margin-top:0;}
.new-tab ul li {float:left; text-decoration:none; margin:0; padding:0; width:248px; text-align:center; border-right:1px solid #dbdbdb;  }
.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:#9a1e23; 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; }

/*new style*/
.btn{padding:7px 15px; margin:20px 5px; border:1px #00607e solid; background-color:#e7edf0; border-radius:3px; font-size:16px;  color:#00607e;  cursor: pointer;}
.btn1{padding:15px 35px 15px 55px; margin:20px 5px; border:1px #00607e solid; background-color:#e7edf0; border-radius:3px; font-size:16px;  color:#00607e;  cursor: pointer;}
.ico { background-image:url(/UI/IMG/edit-arrow.png);background-repeat:no-repeat; background-clip:padding-box;}
.input-login {border:1px #00607e solid; height:50px; width:95%; margin:10px;}
