/* CSS Document */
/*B - cool box js*/
#cool_box_js {width:252px; height:auto; clear:both;}
#cool_box_js ul{list-style-type:none}
#cool_box_js ul li{float:left}
#cool_box_js ul li span{width:250px; height:23px; font:700 15px tahoma; color:#797a7b; cursor:pointer; border-left:1px solid #bdc7c9; border-right:1px solid #bdc7c9; }
#cool_box_js .cool_menu_content{width:240px; float:left; border-left:1px solid #bdc7c9; border-right:1px solid #bdc7c9; overflow:hidden; padding:10px 0 5px 10px}
#cool_box_js .cool_menu_content b{color:#48494b; font:normal 12px arial;  overflow:hidden}
#cool_box_js .cool_menu_content b.first_text{font:700 15px arial; margin-right:5px;}
#cool_box_js .cool_menu_content b.first_text a{color:#105892; text-decoration:none}
#cool_box_js .cool_menu_content p{width:234px; font:normal 12px arial; float:left; overflow:hidden; line-height:24px}
#cool_box_js .cool_menu_content p a{color:#105892; text-decoration:none}
#cool_box_js .cool_menu_content p a:hover{color:#105892; text-decoration:underline}
#cool_box_js .border_bottom_cool{border-bottom:1px solid #bdc7c9}

/*1*/
#cool_box_js ul li span.span_top_js{width:252px; height:23px; background:url(../images/graphics/bg_box_js_top_1x23.gif) repeat-x left top; float:left; border:none;}
#cool_box_js ul li span.span_top_js strong{background:url(../images/graphics/bg_left_box_js_6x23.gif) no-repeat left top;float:left}
#cool_box_js ul li span.span_top_js strong label{width:240px; height:21px; background:url(../images/graphics/bg_right_box_js_6x23.gif) no-repeat right top;float:left; padding:2px 0 0 12px;cursor:pointer;}

/*2*/
#cool_box_js ul li span.span_hai_js{width:238px; height:21px;background:url(../images/graphics/bg_box_js_top_1x23.gif) repeat-x left top; float:left; padding:2px 0 0 12px; cursor:pointer;}

/*act*/
#cool_box_js ul li.cool_box_js_act span.span_hai_js{background:url(../images/graphics/bg_box_js_act_1x23.gif) repeat-x left top; float:left; color:#eaedef;}
#cool_box_js ul li.cool_box_js_act span.span_top_js{width:252px; height:23px; background:url(../images/graphics/bg_box_js_act_1x23.gif) repeat-x left top; float:left; color:#eaedef;}
#cool_box_js ul li.cool_box_js_act span.span_top_js strong{background:url(../images/graphics/bg_left_box_js_act_6x23.gif) no-repeat left top;float:left}
#cool_box_js ul li.cool_box_js_act span.span_top_js strong label{width:240px; height:21px; background:url(../images/graphics/bg_right_box_js_act_6x23.gif) no-repeat right top;float:left; padding:2px 0 0 12px}

/*cool_ul_list*/
.cool_ul_list{width:234px; font:normal 12px arial; margin-top:14px}
.cool_ul_list .cool_li_list{width:107px; float:left; margin:0 20px 12px 0; text-align:left; overflow:hidden}
.cool_ul_list .cool_li_list a{color:#105892; text-decoration:none}
.cool_ul_list .cool_li_list a:hover{color:#105892; text-decoration:underline}
.cool_ul_list .no_margin_li{margin-right:0px}
/*E - cool box js*/



/*B - display picture box js*/
#loader_container{text-align: center; position: absolute; top: 40%; width: 100%;}
#loader {background-color: #fff;  padding: 10px 0 16px 0;  margin: 0 auto;  display: block;  width: 135px;  border: 1px solid #6A6A6A;  text-align: left;  z-index: 255;}
#progress {  height: 5px;  font-size: 1px;  width: 1px;  position: relative;  top: 1px;  left: 10px;  background-color: #9D9D94;}
#loader_bg {  background-color: #EBEBE4;  position: relative;  top: 8px;  left: 8px;  height: 7px;  width: 113px;  font-size: 1px;}
.title_h2 {  width: 300px;  padding: 8px 0 0 18px;  font:700 24px arial;  color:#4b4b4b}
.border_preview {  z-index: 100;  position: absolute;  border: 1px solid #444;  color: #4b4b4b;  font-size: 11px;  text-align: left;  background-color: white;}
.preview_temp_load {  vertical-align: middle;  text-align: center;}
.preview_temp_load img {  vertical-align: middle;  text-align: center;  border: 1px solid #D0E5F3;  margin: 8px 3px 15px 3px;}
/*E- display picture box js*/