@charset "utf-8";

/*reset*/
body{
font-family:"宋体","Lucida Grande",arial,sans-serif;
font-size:12px;
color:#333;
background:#464d53;
}
*{margin:0;padding:0;list-style:none;}
a{color:#247495;font-weight:bold;}
img{border:none;}
span.yes,a.yes{font-color:green;color:green;font-weight:bold;}
span.no,a.no{font-color:red;color:red;font-weight:bold;}
a.yes{text-decoration:none;}
a.no{text-decoration:none;}

/*login*/
#bdlg{background-color:#d0e1e8;}
#wraplg{
width:421px;
margin:6% auto 0;
font-size:16px;
}
#hdlg{
background:url(bg-login-head.png) no-repeat;
height:89px;
width:100%;
text-align:center;
line-height:89px;
font-size:30px;
font-weight:bold;
color:#fff;
}
#ftlg{
background:url(bg-login-foot.png);
height:23px;
width:100%;
}
#mainlg{
width:100%;
background:url(bg-login-body.png) repeat-y;
}
#mainlg form{
padding:25px 40px 15px;
width:341px;
}
#mainlg form label{
display:block;
font-size:18px;
padding-bottom:8px;
}
#mainlg .text,
#mainlg .password{
margin-bottom:20px;
padding:10px;
width:316px;
font-size:15px;
}
#mainlg .notice{
color:#009000;
font-weight:bold;
margin-bottom:12px;
}
#mainlg .error{
color:#f02020;
font-weight:bold;
margin-bottom:12px;
}
#submitlg{
height:50px;
}
#submitlg label{
display:inline;
float:left;
margin-top:12px;
}
#submitlg .checkbox{
float:left;
margin-top:15px;
*margin-top:10px;
margin-top:14px\0;
_margin-top:10px;
}
#submitlg .btn{
vertical-align:middle;
float:right;
background:url(btn-login.gif) no-repeat;
width:142px;
height:50px;
border:0;
color:#247495;
font-size:20px;
font-weight:bold;
}

/*general*/
#bd,#wrap,#top,#nav,#cont,#hd,#ft,#mdiv-wrap{width:100%;}
#bd,#wrap{background:#464d53 url(bg-top.gif) repeat-x 0 0;}
#wrap{
max-width:1410px;
min-width:990px;
margin:0 auto;
}
#top{
height:32px;
overflow:visible;
}
#logo{
padding-left:10px;
float:left;
}
#logo img{
width:118px;
height:32px;
}

/*top*/
.menu,.topr{
float:left;
font-size:12px;
font-weight:bold;
color:#fff;
margin-top:5px;
}
.topr,.topacc{
float:right;
height:27px;
line-height:27px;
margin-left:10px;
}
.topacc a{
display:inline-block;
color:#fff;
text-decoration:none;
}
.topacc a:hover{
text-decoration:underline;
}
.menu a,.topr a{
display:inline-block;
padding-right:8px;
color:#b3b3b3;
text-decoration:none;
background:url(bg-nav-r.gif) no-repeat right 0;
margin-left:10px;
}
.topr a{
margin-left:0px;
margin-right:10px;
}
.menu a span,
.topr a span{
background:url(bg-nav-l.gif) no-repeat left 0;
display:inline-block;
padding-left:8px;
height:21px;
line-height:21px;
cursor:pointer;
}
.menu.active a,
.menu a:hover,
.topr a:hover{
background-position:right -21px;
color:#fff;
}
.menu.active a span,
.menu a:hover span,
.topr a:hover span{
background-position:left -21px;
}

/*nav*/
#nav{
height:36px;
}
#nav h1{
float:left;
padding-left:9px;
line-height:36px;
font-size:18px;
padding-right:8px;
}
#nav li{
float:left;
display:inline;
margin-top:6px;
margin-left:8px;
font-weight:bold;
}
#nav li a{
display:inline-block;
background:url(bg-link-r.gif) no-repeat right top;
padding-right:13px;
cursor:pointer;
text-decoration:none;
color:#333;
}
#nav li a span{
display:inline-block;
background:url(bg-link-l.gif) no-repeat left top;
padding-left:13px;
padding-top:4px;
height:21px;
}
#nav li.noimg a span{
padding-top:6px;
_padding-top:7px;
height:19px;
_height:18px;
}
#nav li a img{
vertical-align:text-bottom;
margin-right:5px;
}
#nav a:hover,
#nav li.active a{
background-position:right -25px;
color:#fff;
}
#nav a:hover span,
#nav li.active a span{
background-position:left -25px;
}
#nav li.last{
float:right;
margin-left:0;
margin-right:8px;
}

/*cont - container*/
#cont{
background:#fff url(bg-sidebar.gif) repeat-y right top;
padding-bottom:10px;
float:left;
}

/*side*/
#side{
float:right;
width:180px;
}
#search-box{
height:50px;
margin-left:-1px;
background:#cfe1e8 url(bg-search-box.gif) repeat-x 0 0;
width:181px;
overflow:hidden;
}
#search-box form{
padding:10px 0;
display:block;
}
#search-input{
height:17px;
width:116px;
border:1px solid #87b5c8;
margin:2px;
display:inline;
padding:4px 2px;
margin-right:3px;
margin-left:6px;
}
.btn-search{
background:url(btn-search.gif) no-repeat right;
width:46px;
height:30px;
border:0px;
}
.btn-create{
background-image:url(bg-sidebar-button.gif);
padding-left:35px;
width:125px;
height:40px;
line-height:40px;
color:#247495;
font-weight:bold;
font-size:15px;
margin:10px;
text-decoration:none;
display:block;
clear:both;
}

/*more search option*/
#more-search{
display:none;
clear:both;
padding-top:6px;
padding-left:5px;
}
#more-search .input-half{
width:77px;
padding:1px;
border:solid 1px #cfcfcf;
}
#more-search .text-hover{
width:77px;
padding:0;
border:solid 2px #e1ba6e;
}
#more-search p{
margin-bottom:6px;
}

/*view-option*/
#ui-opt{
height:50px;
display:none;
}
#ui-opt p{
margin-top:5px;
line-height:18px;
text-align:center;
color:#aaa;
font-weight:bold;
}
#ui-opt p a{
text-decoration:none;
}
#ui-opt p a:hover{
text-decoration:underline;
}
#ui-default{
background:#464d53;
border:1px solid #333;
}
#ui-cyan{
background:#5cb5c0;
border:1px solid #333;
}
#ui-grey{
background:#a8a8a8;
border:1px solid #333;
}
#ui-olive{
background:#8f9d40;
border:1px solid #333;
}
#ui-rust{
background:#ac4a02;
border:1px solid #333;
}
#ui-slate{
background:#8bbac9;
border:1px solid #333;
}

/*side nav*/
#snav{
padding-top:1px;
width:100%;
clear:both;
}
#snav dl{clear:both;}
#snav dt{
font-size:12px;
font-weight:bold;
border-bottom:solid 1px #c3d9e2;
text-transform:uppercase;
background:url(bg-snav-show.gif) 93% 5px no-repeat;
}
#snav dt.snav-show{
background:#c1d9ff url(bg-snav-hide.gif) 93% 5px no-repeat;
}
#snav dt a{
width:168px;
padding-left:11px;
padding-top:6px;
padding-bottom:3px;
color:#333;
text-decoration:none;
display:block;
}
#snav dt a:hover{
text-decoration:underline;
}
#snav dd{
font-size:12px;
font-weight:normal;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
display:none;
}
#snav dd a{
font-weight:normal;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
width:160px;
display:block;
}
#snav dd a.active{
background-color:#d3e9f2;
}
#snav dd a:hover{
background:#d3e9f2 url(i_barr.gif) 94% 2px no-repeat;
color:#333;
}
#snav dd li{
padding-bottom:8px;
font-weight:bold;
}

/*tipsy*/
.tipsy{ 
padding:5px;
font-size:12px;
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
background-repeat:no-repeat;
}
.tipsy-inner{ 
padding:5px 6px;
background-color:black;
color:white;
max-width:300px;
text-align:center;
}
.tipsy-north{ 
background-image:url(tipsy/tipsy-north.gif);
background-position:top center;
}
.tipsy-south{ 
background-image:url(tipsy/tipsy-south.gif);
background-position:bottom center;
}
.tipsy-east{ 
background-image:url(tipsy/tipsy-east.gif);
background-position:right center;
}
.tipsy-west{ 
background-image:url(tipsy/tipsy-west.gif);
background-position:left center;
}

/*main*/
#main{
padding-right:181px;
}

/*main header*/
#hd{
float:left;
background:#80afc2 url(bg-page-head.png) repeat-x 0 0;
height:50px;
color:#fff;
}
#hd div.page{
line-height:50px;
padding-right:10px;
}
#hd h3{
font-size:24px;
float:left;
line-height:50px;
padding-left:10px;
}
#hd h3 a{
font-size:18px;
color:#1d4f64;
margin-left:5px;
}
#hd h4{
font-size:14px;
font-weight:normal;
float:left;
padding-top:20px;
padding-left:12px;
}
#hd ul{
height:22px;
line-height:22px;
margin:15px 20px 0;
text-align:right;
}
#hd ul li{
display:inline;
margin-left:3px;
}
#hd ul li img{
vertical-align:middle;
}
#hd ul a{
color:#1d4f64;
text-decoration:none;
padding-left:47px;
display:inline-block;
height:22px;
}
#hd ul li.current a,
#hd ul li a:hover{
color:#fff;
background-position:0 -22px;
}
#hd ul li select{
background:#e3e3e3;
font-size:12px;
margin-right:8px;
}
#hdnav{
float:left;
width:100%;
background:#cfe1e8 url(bg-sub-nav.gif) repeat-x 0 bottom;
padding-bottom:5px;
height:30px;
line-height:30px;
font-size:14px;
font-weight:bold;
}
#hdnav li{
display:inline;
background:url(dot.gif) repeat-y 0 0;
padding:0 7px 0 10px;
}
#hdnav li.first{background:none;}
#hdnav a{text-decoration:none;}
#hdnav a:hover,#hdnav li.active a{color:#333;}

/*main div*/
#mdiv{
float:left;
width:96%;
padding:15px 0 0 2%;
}

/*note*/
.note{
font-weight:bold;
font-size:14px;
position:relative;
margin-left:2px;
margin-bottom:20px;
}
.note em{
color:#f15a24;
font-style:normal;
}
.note ul{
background:#fae694 url(bg-note.png) repeat-x 0 0;
margin-left:10px;
padding:10px 15px 5px;
height:60px;
overflow:visible;
border-bottom:solid 1px #e5e5e5;
}
.note li{padding:5px 25px;background:url(icon-error.gif) no-repeat 0 3px;}
.shadow{background:url(bg-note-lb.gif) no-repeat 10px bottom;}
.shadow div{
background:url(bg-note-rb.gif) no-repeat right bottom;
padding-bottom:10px;
}
.note-x{
background-image:url(close-note.gif);
background-repeat:no-repeat;
height:82px;
position:absolute;
width:26px;
top:-10px;
left:-3px;
cursor:pointer;
}
.note-hide a{color:#f15a24;}
.note-hide{
font-size:12px;
color:#f15a24;
font-weight:bold;
background:url(icon-note.png) no-repeat 0 0;
padding:6px 0 8px 30px;
margin-bottom:15px;
width:95%;
}

/*message*/
#main .success,#main .failure{
width:100%;
border-bottom:1px solid #d9d9d9;
font-size:16px;
font-weight:bold;
margin-bottom:15px;
cursor:pointer;
}
#main .success p{
background:#dcffb9 url(flash-notice-bg.gif) no-repeat 20px 50%;
border:1px solid #78b73f;
padding:20px 0 20px 70px;
}
#main .failure p{
background:#ffcccc url(flash-error-bg.gif) no-repeat 20px 50%;
border:1px solid #d00;
padding:20px 0 20px 70px;
}
#main .error{
width:85%;
background:#ffcccc;
border:3px solid #dd0000;
font-size:14px;
font-weight:bold;
margin:5px auto 15px auto;
padding:10px;
line-height:22px;
}
#mdiv h3{
font-size:16px;
margin-bottom:16px;
padding-bottom:5px;
padding-top:8px;
padding-left:10px;
border-bottom:dashed 1px #c3d9e2;
background:#f6f6f6;
}

/*main form*/
.form{
padding:18px;
width:95%;
background-color:#f6f6f6;
border:solid 1px #dedede;
border-bottom:solid 2px #dedede;
margin:0 auto;
margin-bottom:10px;
}
.form h2{
font-size:16px;
margin-bottom:22px;
padding-bottom:6px;
border-bottom:dotted 1px #c3d9e2;
}
.form p{
margin-bottom:16px;
line-height:18px;
}
.form .upload{
background:url(icon-attach.gif) top left no-repeat;
padding-top:6px;
}
.form .file{margin-left:36px;}
#main .text{
font-size:12px;
color:#333;
border:solid 1px #cfcfcf;
padding:4px 5px;
width:236px;
}
#main .text.password{
color:#666;
}
#main .text-hover{
border:solid 2px #e1ba6e;
padding:3px 4px;
}
#main .text-error{
border:solid 2px red;
padding:3px 4px;
}
.form label{
font-size:12px;
font-weight:bold;
color:#333;
margin-right:10px;
vertical-align:middle;
}
#main .text.s{
width:168px;
}
#main .text.m{
width:47%;
}
#main .text.l{
width:650px;
}
#main .text.xl{
width:98%;
}
#main textarea{
width:99%;
height:160px;
border:solid 1px #cfcfcf;
padding:1px;
margin:0 auto;
}
#main .textarea-hover{
border:solid 2px #e1ba6e;
padding:0;
}
#main .textarea-error{
border:solid 2px red;
padding:0;
}
.submit{
padding-bottom:22px;
}
.submit input{
display:inline-block;
vertical-align:middle;
}
.form span{
margin-left:6px;
color:#666;
}
.form em{/*for err*/
font-style:normal;
margin-left:6px;
color:red;
}

/*button*/
.btn-submit{
background:url(btn-save.gif) no-repeat;
width:86px;
height:40px;
border:0;
font-size:14px;
font-weight:bold;
color:#247495;
margin-left:16px;
}
.btn-normal{clear:both;}
.btn-normal a{
display:inline-block;
background:url(bg-button-r.gif) no-repeat right top;
padding-right:12px;
cursor:pointer;
text-decoration:none;
color:#247495;
}
.btn-normal a span{
display:inline-block;
background:url(bg-button-l.gif) no-repeat left top;
padding-left:12px;
padding-top:5px;
height:24px;
color:#247495;
}
.btn-cancel{
border:none;
background:none;
font-size:16px;
font-weight:bold;
color:#f15a24;
cursor:pointer;
}
.btn-action{
display:inline-block;
background:url(bg-button-r.gif) no-repeat right top;
padding-right:12px;
margin-left:6px;
cursor:pointer;
text-decoration:none;
}
.btn-action input{
display:inline-block;
background:url(bg-button-l.gif) no-repeat left top;
padding-left:12px;
padding-top:4px;
padding-bottom:3px;
height:24px;
border:0;
color:#247495;
}

/*pagination*/
.page{
font-size:12px;
font-weight:bold;
line-height:25px;
text-align:center;
}
.page.right{
float:right;
text-align:right;
/*
width:400px;
*/
}
.page.right.half{
float:right;
text-align:right;
width:220px;
}
.page.left{
float:left;
text-align:left;
/*
width:400px;
*/
}
.page.left.half{
float:left;
text-align:left;
width:220px;
}
.page a{
text-decoration:none;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:3px 6px;
margin:0 1px;
background:#fdfdfd;
}
.page a.active{
background:#39a3e6;
border:1px solid #0082d5;
color:#fff;
}
.page a:hover{
color:#fff;
background:#ec8526;
border:1px solid #d77011;
}

/*form-table*/
.form-table{
width:100%;
margin:0 auto;
margin-bottom:20px;
background-color:#ccc;
}
.form-table th,.form-table td{
height:32px;
line-height:32px;
background-color:#f2f7f9;
}
.form-table thead th,.form-table thead td{
text-align:left;
padding-left:10px;
height:38px;
font-size:16px;
font-weight:bold;
background:#e7edf0 url(bg-form-thead.gif) 0 0 repeat-x;
}
.form-table tbody th{
text-align:right;
padding-right:10px;
width:150px;
border:1px solid #fff;
border-right:0;
}
.form-table tbody td{
text-align:left;
padding-left:10px;
padding-right:10px;
background-color:#fff;
border:1px solid #fff;
border-right:0;
}
.form-table tbody td span{
margin-left:6px;
color:#666;
}
.form-table tbody td span.yes{font-color:green;color:green;font-weight:bold;}
.form-table tbody td span.no{font-color:red;color:red;font-weight:bold;}
.form-table tbody td em{/*for err*/
font-style:normal;
margin-left:6px;
color:red;
}


/*data-table*/
.data-table table{margin-bottom:20px;}
.data-table .action{float:left;}
.data-table th{
font-size:12px;
font-weight:bold;
padding-bottom:8px;
padding-left:10px;
text-align:left;
border-bottom:solid 1px #dfdfdf;
}
.data-table th a span{
font-size:12px;
font-weight:normal;
}
.data-table td{
border-bottom:solid 1px #dfdfdf;
padding:10px;
vertical-align:middle;
line-height:1.4em;
}
.data-table tfoot td{border:0;background-color:#fff;}
.data-table td.last{border-left:solid 1px #dfdfdf;}
.table-td-odd{background-color:#f2f7f9;}
.table-tr-hover{background-color:#dff0f7;}

/*color label*/
.label{
color:#fff;
font-size:12px;
width:65px;
height:20px;
line-height:20px;
display:inline-block;
padding:0 10px;
margin-right:5px;
font-weight:bold;
}
label.red{
background-image:url(bg-label-ticket.gif);
}
label.yellow{
background-image:url(bg-label-comment.gif);
}
label.blue{
background-image:url(bg-label-blue.gif);
}
label.green{
background-image:url(bg-label-payment.gif);
}
label.grey{
background-image:url(bg-label-grey.gif);
}

/*image list*/
.imglist ul{
width:100%;
clear:both;
}
.imglist li{
float:left;
width:128px;
height:150px;
margin-bottom:10px;
text-align:center;
}
.imglist img{
width:100px;
height:100px;
border:1px solid #ccc;
padding:3px;
margin:0 auto;
display:block;
}
.imglist span{
color:#333;
text-align:center;
display:block;
margin:0 auto;
line-height:18px;
}
.imglist em{
font-style:normal;
color:#aaa;
line-height:18px;
}
.imglist em a{
font-weight:normal;
}
.imglist em input{
vertical-align:middle;
}
.img-action{
border-top:dashed 1px #c3d9e2;
padding:10px;
height:30px;
clear:both;
}
.img-action .action{
float:left;
}

/*main tile*/
.tile{
padding:12px;
width:96%;
height:86px;
background-color:#f6f6f6;
border:solid 1px #dedede;
border-bottom:solid 2px #dedede;
margin:0 auto;
margin-bottom:15px;
float:left;
}
.tile dl{
float:left;
width:86px;
margin-right:16px;
}
.tile dd{
width:82px;
height:82px;
text-align:center;
}
.tile dd img{
width:80px;height:80px;
border:1px solid #ccc;
padding:1px;
background:#fff;
}
.tile ul{
float:left;
width:68%;
}
.tile ul li{
line-height:20px;
width:68%;
}
.tile ul li span{
font-weight:bold;
margin-right:10px;
}
.tile ol{
clear:right;
float:right;
margin-bottom:15px;
}

/*facebox*/
#facebox .trans,#facebox .transl{
background:#345;
opacity:0.7;
-moz-opacity:0.7;
filter:alpha(opacity=70);
}
#facebox .trans{height:6px;}
#facebox .transl{width:6px;}
#facebox{
position:absolute;
top:0;
left:0;
z-index:9999;
text-align:left;
}
#facebox .popup{position:relative;}
#facebox table{border-collapse:collapse;}
#facebox td{
border-bottom:0;
padding:0;
}
#facebox .body{
padding:10px;
padding-bottom:0;
background:#fff;
width:auto !important
width:400px;
min-width:400px;
border:1px solid #333;
float:left;
}
#facebox .loading{
text-align:center;
}
#facebox .image{
text-align:center;
}
#facebox img{
border:0;
margin:0;
}
#facebox .footer{
/*
margin-top:5px;
border-top:1px dashed #ccc;
*/
text-align:right;
}
#facebox_overlay{
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
}
.facebox_hide{
z-index:-100;
}
.facebox_overlayBG{
background-color:#000;
z-index:99;
}
* html #facebox_overlay{ /* ie6 hack */
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}

/*footer*/
#ft{
background:url(bg-footer.gif) repeat-x 0 0;
padding-top:10px;
padding-bottom:20px;
text-align:center;
width:100%;
float:left;
color:#7e8387;
}
#ft a{text-decoration:none;}
#ft a:hover{text-decoration:underline;}
#ftlogo{
float:left;
padding-left:6px;
}
#ftl{
float:left;
text-align:left;
line-height:16px;
padding-left:5px;
}
#ftr{
float:right;
text-align:right;
padding-right:10px;
}