/*===========================通用面板样式===================================*/
/*小面板*/
.Spanelstyle1{ width:100%; }
.Spanelstyle1 .paneltitle{ background:url('/common/images/h_panel_1_title_bg.gif') repeat-x 0 0; height:23px;}
.Spanelstyle1 .paneltitle h5{ float:left; background:url('/common/images/h_panel_1_title_h3.gif') no-repeat 0 0; line-height:23px;font-size:13px;color:#000; width:67px;}

.Spanelstyle1 .paneltitle span{ float:right; display:block; width:47px; background:url('/common/images/h_panel_1_title_span.gif') no-repeat 0 0; line-height:23px;}
.Spanelstyle1 .panelContent{ border:1px solid #ffb64b; background:#fff; height:100%;}
.Spanelstyle2{ width:100%; }
.Spanelstyle2 .paneltitle{ background:url('/common/images/h_panel_2_title_bg.gif') repeat-x 0 0; height:25px; line-height:25px;}
.Spanelstyle2 .paneltitle h4{ float:left; background:url('/common/images/h_panel_2_title_h4.gif') no-repeat 0 0; font-size:13px;color:#000; width:72px; padding-left:5px;}
.Spanelstyle2 .paneltitle span{ float:right; display:block; width:53px; background:url('/common/images/h_panel_2_title_span.gif') no-repeat 0 0;}
.Spanelstyle2 .panelContent{ border:1px solid #90c2e2; background:#fff; height:100%;}

.Spanelstyle3,.Spanelstyle4,.Spanelstyle5{}
.Spanelstyle3 h5,.Spanelstyle4 h5,.Spanelstyle5 h5{ width:22px; float:left; background:#eadafe; font-size:12px;color:#a360d7; border-right:1px solid #d4abf7; line-height:17px; padding:4px 0;}
.Spanelstyle3 .panelcontent,.Spanelstyle4 .panelcontent,.Spanelstyle5 .panelcontent{ float:left; padding:4px;}
.Spanelstyle3 span,.Spanelstyle4 span,.Spanelstyle5 span{ display:block; float:right; width:20px;}
.Spanelstyle3 span a,.Spanelstyle4 span a,.Spanelstyle4 span a{color:#a360d7;}

.Spanelstyle4 h5{color:#129621; background:#c8f0cd; border-right:1px solid #75d880;}
.Spanelstyle4 .panelcontent{}
.Spanelstyle4 span{ background:#f5f5f5;}
.Spanelstyle4 span a{color:#129621;}

.Spanelstyle5 h5{color:#46a196; background:#f7fffe; border-right:1px solid #94d9d1;}
.Spanelstyle5 .panelcontent{}
.Spanelstyle5 span{ background:#eee;}
.Spanelstyle5 span a{color:#46a196;}

.Spanelstyle6{ border-left:1px solid #cacaca;border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#f4f4f4; padding:4px;}

.Spanelstyle7{ width:100%; }
.Spanelstyle7 .paneltitle{ background:url('/common/images/h_panel_3_title_bg.gif') repeat-x 0 0; height:23px;}
.Spanelstyle7 .paneltitle h4{ float:left; background:url('/common/images/h_panel_3_title_h4.gif') no-repeat 0 0; line-height:23px;font-size:12px;color:#4e3201; width:67px;}
.Spanelstyle7 .paneltitle span{ float:right; display:block; width:7px; background:url('/common/images/h_panel_3_title_span.gif') no-repeat 0 0; line-height:23px;}
.Spanelstyle7 .panelContent{ border:1px solid #ffb64b; background:#fff; height:100%;}

.Spanelblue{border:1px solid #c0e6ff;position:relative; height:100%;}
.Spanelblue .Spaneltitle{ background:#dbf1ff; border-bottom:1px solid #c0e6ff;  height:19px;}
.Spanelblue .Spaneltitle h5{ float:left; width:100px;color:#579ecb;font-size:12px;}
.Spanelblue ol{ background:#dbf1ff;  width:100%;height:20px!important; height:19px; }
.Spanelblue ol li{ padding:0 15px;cursor:pointer;color:#579ecb; line-height:20px!important; line-height:19px; float:left; margin-left:10px;}
.Spanelblue ol li.current{ background:#fff;border-left:1px solid #c0e6ff;border-right:1px solid #c0e6ff;font-weight:bold; }
.Spanelblue .Spanelmore{ position:absolute; right:5px; top:1px;}
.Spanelblue .Spanelmore a{color:#579ecb;}
.Spanelblue .Spanelscontent{ height:100%;}

.Spanelpurple{ border:1px solid #d4abf7;position:relative; height:100%;}
.Spanelpurple .Spaneltitle{ background:#eadafe; border-bottom:1px solid #d4abf7;  height:19px;}
.Spanelpurple .Spaneltitle h5{ float:left; width:100px;color:#a360d7; font-size:12px;}
.Spanelpurple ol{ background:#eadafe;  width:100%; height:20px!important; height:19px; }
.Spanelpurple ol li{ padding:0 10px;cursor:pointer;color:#a360d7;  line-height:20px!important;line-height:19px; float:left; margin-left:5px;}
.Spanelpurple ol li.current{ background:#fff;border-left:1px solid #d4abf7;border-right:1px solid #d4abf7;font-weight:bold; }
.Spanelpurple .Spanelmore{ position:absolute; right:5px; top:1px;}
.Spanelpurple .Spanelmore a{color:#a360d7;}
.Spanelpurple .Spanelscontent{ height:100%;}

.Spanelgree{ border:1px solid #75d880;position:relative; height:100%;}
.Spanelgree .Spaneltitle{ background:#c8f0cd; border-bottom:1px solid #75d880;   height:19px;}
.Spanelgree .Spaneltitle h5{ float:left; width:100px;color:#0f941f;font-size:12px;}
.Spanelgree ol{ background:#c8f0cd;  width:100%; height:20px!important;  height:19px; }
.Spanelgree ol li{ padding:0 10px;cursor:pointer;color:#0f941f; line-height:20px!important;line-height:19px; float:left; margin-left:5px;}
.Spanelgree ol li.current{ background:#fff;border-left:1px solid #75d880;border-right:1px solid #75d880;font-weight:bold; }
.Spanelgree .Spanelmore{ position:absolute; right:5px; top:1px;}
.Spanelgree .Spanelmore a{color:#0f941f;}
.Spanelgree .Spanelscontent{ height:100%;}

.Spanelblueness{ border:1px solid #96d6cf;position:relative; height:100%;}
.Spanelblueness .Spaneltitle{ background:#f7fffe; border-bottom:1px solid #96d6cf;  height:19px;}
.Spanelblueness .Spaneltitle h5{ float:left; width:100px;color:#46a196;font-size:12px;}
.Spanelblueness ol{ background:#f7fffe;  width:100%; height:20px!important; height:19px; }
.Spanelblueness ol li{ padding:0 15px;cursor:pointer;color:#46a196;line-height:20px!important; line-height:19px; float:left; margin-left:5px;}
.Spanelblueness ol li.current{ background:#fff;border-left:1px solid #96d6cf;border-right:1px solid #96d6cf;font-weight:bold; }
.Spanelblueness .Spanelmore{ position:absolute; right:5px; top:1px;}
.Spanelblueness .Spanelmore a{color:#46a196;}
.Spanelblueness .Spanelscontent{ height:100%;}

/*大面板*/
.Bpanelstyle1{}
.Bpanelstyle1 .paneltitle,.Bpanelstyle2 .paneltitle,.Bpanelstyle3 .paneltitle,.Bpanelstyle4 .paneltitle{ background:url('/common/images/h_blue_title_bg.gif') repeat-x; height:31px; line-height:37px;}
.Bpanelstyle1 .paneltitle h4,.Bpanelstyle2 .paneltitle h4,.Bpanelstyle3 .paneltitle h4,.Bpanelstyle4 .paneltitle h4{ float:left; background:url('/common/images/h_blue_title_h4.gif') no-repeat 0 0; font-size:14px;color:#2c84bd; text-align:left; padding-left:25px; width:100px;}
.Bpanelstyle1 .paneltitle ins,.Bpanelstyle2 .paneltitle ins,.Bpanelstyle3 .paneltitle ins,.Bpanelstyle4 .paneltitle ins{ float:left; display:block;color:#fff; text-decoration:none;}
.Bpanelstyle1 .paneltitle ins a,.Bpanelstyle2 .paneltitle ins a,.Bpanelstyle3 .paneltitle ins a,.Bpanelstyle4 .paneltitle ins a{color:#fff;}
.Bpanelstyle1 .paneltitle span,.Bpanelstyle2 .paneltitle span,.Bpanelstyle3 .paneltitle span,.Bpanelstyle4 .paneltitle span{float:right; display:block; width:73px; background:url('/common/images/h_blue_title_span.gif') no-repeat 0 0; line-height:37px;}

.Bpanelstyle2{ position:relative; height:100%;}
.Bpanelstyle2 .paneltitle{ background:url('/common/images/h_purple_title_bg.gif') repeat-x;}
.Bpanelstyle2 .paneltitle h4{ background:url('/common/images/h_purple_title_h4.gif') no-repeat 0 0;color:#a15dd6;}
.Bpanelstyle2 .paneltitle span{background:url('/common/images/h_purple_title_span.gif') no-repeat 0 0;}
.Bpanelstyle2 .Search{ position:absolute; z-index:1; top:31px; left:0;color:#a360d7; width:100%;}
.Bpanelstyle2 .Search h4{ line-height:30px; background:url('/common/images/h_purple_dot_1.gif') no-repeat left center; padding-left:12px; font-size:13px; text-align:left; margin-left:5px;}
.Bpanelstyle2 .SearchForm{ background:url('/common/images/h_purple_search_bg.gif') repeat-x; height:27px; line-height:27px; width:100%;}
.Bpanelstyle2 .SearchForm form{ float:left;}
.Bpanelstyle2 .SearchForm h5{ background:url('/common/images/h_purple_search_title.gif') no-repeat; float:left; font-size:12px; padding-left:15px;}
.Bpanelstyle2 .SearchForm span{ background:url('/common/images/h_purple_search_trail.gif') no-repeat; display:block; width:8px; float:right; height:27px;}

.Bpanelstyle3{}
.Bpanelstyle3 .paneltitle{ background:url('/common/images/h_green_title_bg.gif') repeat-x;}
.Bpanelstyle3 .paneltitle h4{ background:url('/common/images/h_green_title_h4.gif') no-repeat 0 0;color:#159824;}
.Bpanelstyle3 .paneltitle span{background:url('/common/images/h_green_title_span.gif') no-repeat 0 0;}


.Bpanelstyle4{ position:relative; height:100%;}
.Bpanelstyle4 .paneltitle{ background:url('/common/images/h_blueness_title_bg.gif') repeat-x;}
.Bpanelstyle4 .paneltitle h4{ background:url('/common/images/h_blueness_title_h4.gif') no-repeat 0 0;color:#449c92;}
.Bpanelstyle4 .paneltitle span{background:url('/common/images/h_blueness_title_span.gif') no-repeat 0 0;}
.Bpanelstyle4 .Search{ position:absolute; z-index:1; top:31px; left:0; width:100%;background:url('/common/images/h_blueness_search_bg.gif') repeat-x; height:36px;}
.Bpanelstyle4 .Search .title{ background:url('/common/images/h_blueness_search_title.gif') no-repeat; width:143px; vertical-align:bottom; text-align:left; padding-left:3em;}
.Bpanelstyle4 .Search .trail{ background:url('/common/images/h_blueness_search_trail.gif') no-repeat; width:6px;}
.Bpanelstyle4 .Search h5{color:#449d93; font-size:12px;}

.SmallTitle{ background:#edf8ff; border:1px solid #c0e6ff; width:88%; margin:5px 7px 0px 7px; padding:1px 1px 0px 7px; text-align:left; font-size:12px;}
.SmallTitle a{ width:100%; display:block;}
.SmallTitle a:hover{ text-decoration:none; color:#ff0000; }
