@charset "utf-8";

.crumb{height:20px; border-bottom:1px solid #ccc}
.crumb *{line-height:20px}

.box, .box-header, .box-body{position:relative}
.box-header .box-title{line-height:32px; font-size:14px;}
.header-face-figure{height:32px; background:url(../images/bg_sb_h.jpg) no-repeat; border-bottom:1px solid #ccc}
.body-face-gray{background:#f1f1f1 url(../images/box_innershadow.jpg) no-repeat; padding:10px 0; border-bottom:2px solid #ccc }

.sidebox{position:absolute; width:156px; left:0; margin-top:20px}
.mainbox{position:relative; margin-left:168px; min-height:300px}
.mainbox .mainbody{padding:4px 7px}
.coltitle{height:26px; background:#f5f5f5; padding:3px 8px; margin-top:1px}

.subnav{display:block; margin-left:12px}
.subnav li{display:block; height:34px; line-height:34px; *margin-bottom:-2px}
.subnav li:first-child{border-top:0}
.subnav li a{display:block; padding:0 7px 0 32px; text-decoration:none; color:black; font-size:14px}
.subnav li a:hover{background:#facd89}
.subnav li.active{background:#fff url(../images/subcol/bg_subm_selected.gif) no-repeat 18px 14px; border-left:6px solid #e72410}
.subnav li.active a{background: url(../images/subcol/bg_subm_selected.gif) no-repeat right -12px; padding-left:26px}

.para-title{color:#e72410; font-size:16px; line-height:1.5; background:url(../images/picon.png) no-repeat 0px 4px; padding-left:20px}
.para-body{ padding:3px 6px 3px 20px; font-size:14px}
.para-body p{line-height:26px; text-indent:24px}

.accordion{overflow:hidden}
.accordion .accordion-header{position:relative; height:32px; background:url(../images/bg_gray_h32.png) repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.accordion .accordion-header .accordion-title{float:left; margin-top:3px; margin-left:10px}
.accordion .tools{float:right; position:relative; height:30px;}
.accordion .tools .button-dd{display:block; width:16px; height:100%; padding:0 15px; border-left:1px solid #ccc; background:url(../images/icon-arrow-down-red.png) no-repeat 15px 10px}
.accordion .accordion-body{display:none}
.accordion .selected{display:block}

.redgrid{ border:1px solid #999 }
.redgrid thead th, .redgrid tbody td{height:30px; border:1px solid #ccc; padding:0 4px;}
.redgrid thead th{ background-color:#e72410; color:white;}
.redgrid tbody .oddrow td{ background-color:white}
.redgrid tbody .evenrow td{background-color:#efefef}

.pointlist{overflow:hidden}
.pointlist li{min-height:24px; margin:8px 0; line-height:24px; background:url(../images/picon.png) no-repeat 0px -20px; padding-left:15px;}

.dialog{position:absolute; min-width:230px; box-shadow:0px 4px 8px #ccc; border:1px solid #ccc}
.dialog.hidden{display:none}
.dialog-header{position:relative; overflow:visible; width:100%; background:#f7b500; border-bottom:1px solid #fff; height:60px}
.dialog-body{background:#f5f5f5; min-height:100px; padding:10px 10px 10px 136px; font-size:14px}
.dialog-title{font-size:18px; float:left; margin-top:26px; margin-left:126px}
.dialog-icon{ position:absolute; top:15px; left:24px; background:white; width:58px; height:60px; padding:14px 15px; border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:12px}
.dialog-btn-close{position:absolute; right:14px; top:10px; width:16px; height:16px; border:0; background:url(../images/icon-cross.png) no-repeat}
.mask{position:absolute; top:0; left:0; width:100%; height:100%; background:#ccc; opacity:0.2; -moz-opacity:0.2; -webkit-opacity:0.2; filter: alpha(opacity=20);}