/*CUSTOMIZE TOOLS*/
 
 a{color:#0000FF;  text-decoration:underline;}
 a:hover{ text-decoration:none; }
 
 #_customize-top {margin:10px 5px 20px 5px;  font-size:14px; line-height:20px;    color:#000018;   }
 #_customize-top h1 { font-size:24px; color:#000018;  line-height:24px; margin:5px 0px;     }
 
 #_customize-left{ width:168px; display:block ; float:left;    }
 #_customize-tools_list{}
 
 #_customize-right{ width:527px; display:block ; float:right;   }
 .customize_panel_title { border-top:4px  #355392 solid; height:31px; background: url(/theme/img/bg_customize_title.png) no-repeat 100% 1px;     }
 .customize_panel_title h2{ font-size:14px; line-height:28px; color:#333333;  font-weight:bold ;      }
 .customize_panel { border:1px #E1E1E1 solid;  background-color:#FBFCFD;  margin-top:5px;  display:block ;   } 
 .customize_panel h3{ padding:10px; font-size:13px; font-weight:bold ; color:#264A7C;  margin-top:15px;     }
 .customize_color{ overflow:hidden;}
 .customize_color_item{ display:block ; width:240px; height:38px; float:left     }
 /*COLOR GROUP*/
 .customize-color-group{ margin:20px 20px;  border:1px solid #DFDFDF ;   }
 .customize-color-group h4{ padding:0px 40px;  height:20px; line-height:20px;       cursor: pointer ;  font-size:11px; font-weight:bold;  display:block;   background:url(/theme/img/bg-group-panel.png) no-repeat   4px -27px  #E5E5E5     }
 .customize-color-group h4 b{ display:block; height:20px; width:20px;     }
 .customize-color-group.group-closed h4{ background-position: 4px -1px; border-bottom-width:2px    }
 .customize-color-group h4:hover{background-position: 4px -79px;  }
 .customize-color-group.group-closed h4:hover{background-position: 4px -53px;   }
 .customize-color-group-inner{ overflow:hidden; padding:10px 0px;    } 
 .customize-color-group.group-closed .customize-color-group-inner {  display:none;  }
 
 .customize_color_item_inner{overflow:hidden;}
 .customize_color_item span{ display:block ; width:140px;  font-size:12px; float:left; margin-left:20px; line-height:14px; padding-top:10px;     }
 .color_widget{ height:36px; width:36px; float:right; display:block ; margin-right:20px;     }
 .color_input{ display:none;  }
 
 .customize_symbols{ overflow:hidden;   } 
 .customize_symbols_item{ width:80px; float:left; display:block;   margin:10px  0px 0px 20px; height:20px;    overflow:hidden;      }
 .customize_symbols_item input[type=checkbox],.customize_symbols_item input[type=radio]{ float:left; display:block ;   }
 .customize_symbols_item label{ float:left; display:block ; line-height:20px; height:20px; font-size:12px;             }
 
 .customize_column { overflow:hidden;   } 
 .customize_column_item{ float:left; display:block;   margin:10px  0px 0px 10px; height:20px;  overflow:hidden;      } 
 .customize_column_item input[type=checkbox]{ float:left; display:block ;   }
 .customize_column_item label{ float:left; display:block ; line-height:20px; height:20px; font-size:12px;             }

#end_customize{ margin:20px 20px; border-top:dotted 1px gray; padding-top:30px;   }
#_submit{  text-align:center   }
#_viewcode.hide{ display:none;  }
#_previewpanel h4{  font-size:11px;  margin:20px 20px 5px 20px; display:block ; }
#_htmlcode{margin:0px 20px ; width: 480px;}  
#_previewtool_innner{margin:10px 20px; padding:10px 10px; background-color:White; border:1px solid #E1E1E1    } 
#_previewtool_innner_in{ overflow:auto  ; padding-bottom:20px;   }

/*Menu tools*/
#_customize-tools-list{ padding:10px 10px; background-color:#D1E2F3; border:1px solid #BAD3ED}    
#_customize-tools-list h2{ font-size:14px; font-weight:bold; display:block ; text-align:center;  color:#264A7C    }
#_customize-tools-list ul{ border-top:1px #264A7C dotted; margin:20px 0px;  }
#_customize-tools-list li{display:block ; padding:10px 0px;  font-size:12px; font-weight:normal ;    border-bottom:1px #264A7C dotted }
#_customize-tools-list li a{ color:#000000 ; text-decoration:none;  }
#_customize-tools-list li a:hover{ color:#ff0000 }
/*SIZE*/
.customize_size{ overflow:hidden  }
.customize_size_item{ display:block ;  margin-top:10px;  width:260px; height:28px; float:left     }
.customize_size_item_inner{ overflow:hidden  }
.customize_size_item span{ display:block ; height:20px;  width:50px;  font-size:12px; float:left; margin-top:5px;  margin-left:20px; line-height:20px;  padding-left:20px; background:url(/theme/img/bg_size.png) no-repeat 0 2px     }
.customize_size_item.h span{ background-position:0 -16px; }
.customize_size_item.col_count span{ background-position:0 -67px; }
.customize_size_item.sh span{ background-position:0 -52px; }
.customize_size_item.sv span{ background-position:0 -34px; }
.customize_size_item .text_widget{ display:block ; float:left;  }
.customize_size_item .text_widget input[type=text]{ font-size:12px; padding:5px 5px ; font-weight:bold ;  border:1 px solid gray ; display:block ;  width:120px;  }
.customize_size_item .select_widget select { font-size:12px; padding:5px 5px ; font-weight:bold ;  border:1 px solid gray ; display:block ;  width:130px;  }

/*Group css common */
.customize-group{ margin:20px 20px;  border:1px solid #DFDFDF  ;   }
.customize-group h4{padding:0px 40px;  height:20px; line-height:20px;      cursor: pointer ;     font-size:11px; font-weight:bold;  display:block;   background:url(/theme/img/bg-group-panel.png) no-repeat  4px -27px   #E5E5E5     }
.customize-group.group-closed h4{ background-position: 4px -1px;     }
.customize-group h4:hover{background-position: 4px -79px;  }
.customize-group.group-closed h4:hover{background-position: 4px -53px;   }
.customize-group-inner{ overflow:hidden; padding-bottom:10px;   } 
.customize-group.group-closed .customize-group-inner {  display:none;  }
.customize_item{ overflow:hidden;   }
/*Group for BG*/
.bg .customize_item { float:left; margin-left:20px; margin-top:10px;    } 
.bg .customize_item input[type=radio]{ display:block; float:left; } 
.bg .customize_item label{ display:block; float:left; } 
.bg .customize_item span{ display:block; float:left; width:40px; height:20px; background: url("/theme/img/bg_cross_rates.png") repeat-x scroll 100% -25px #000000 ;font-size:0.9em; color:#ffffff;   font-weight:bold ; text-align:center; line-height:20px;      }  
/*GRAPG TYPE*/
.customize_graphtype {overflow:hidden }
.customize_graphtype_item{  float:left; display:block;   margin:10px  0px 0px 20px; height:20px;    overflow:hidden;      }
.customize_graphtype_item input[type=radio]{ float:left; display:block ;   }
.customize_graphtype_item label{ float:left; display:block ; line-height:20px; height:20px; font-size:12px;             }
/*RIGHT COLUMN*/
.rightcol_button_add{ margin:5px 0px 15px 0px ; padding:10px; border-bottom:0px  dotted #999999 ; padding-right:0px;   overflow:hidden ;  }
.rightcol_button_add .button.addto{ float:right;  }
/*TEMS IN CUSTOMIZE PAGE*/
#_termpanel{ display:none; position:relative ;   }
#_termpanel.show{ display:block;  }
#_termpanel_inner{ margin:10px; border:1px solid #666666; padding:10px; font-size:12px;   }
#_termpanel_inner h1 { font-size:14px; line-height:15px;  }
#_termpanel_inner p{ margin-top:10px; display:block; }
#_termpanel #_btclose { background:url(/theme/img/bg_tems_close.png) no-repeat 0px -17px; position:absolute; display:block; top:6px; right:16px; width:16px;  height:16px; cursor:pointer ;   }
#_termpanel #_btclose:hover{ background-position:0px 0px;  }
/*HINT*/
.hint { float: left; margin-left: 10px; width: 10px;}



/*BUTTONS */
 .icon-button {
    background: url("/theme/img/bg-button-grey.png") repeat-x scroll left -54px #EEEEEE;
    border: 1px solid #B7B7B7;
    border-radius: 3px 3px 3px 3px;
    float: left;
    height: 24px !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    width: auto !important;
}


.icon-button a {
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    clear: both;
    display: block;
    font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    text-decoration: none;
    text-shadow: 1px 1px 0 #F6F6F6;
    line-height:18px; 
    font-weight:normal ; 
    color:#000000; 
    font-weight:bold ; 
    
}
.icon-button a {
    padding: 2px 8px 2px 7px !important;
}
.icon-button a:hover  {
    background: url("/theme/img/bg-button-grey.png") repeat-x scroll left top #EEEEEE;
}
.icon-button a:hover {
    color: #333333;
}
.icon-button span {
    background: none repeat scroll 0 0 transparent !important;
    height: 0;
    width: 0;
}
.icon-button b {
    background: url("/theme/img/icon_calc_size.png"  )  no-repeat scroll 0 23px;
    float: left;
    margin: 0 4px 0 0;
    border-style:none; 
    width:17px;
    height:17px; 
    display:block;   
    }  

.icon-button.calcsize b {
    background-position:0px 0px;  
     
   
}
.icon-button em {
    font-style: normal;
}

/*BUTTON Custom*/
 .button span{ display:block; float:left ;    background:url(/theme/img/bg_buttons_tools.png) no-repeat 0 0;  }
 .button{ overflow:hidden; cursor:pointer;  }
  /*CALCULATOR BUTTON*/
 .calculate{   padding:10px 60px; }
 .button.calc { display:none ;} 
 .button.calc span{height:30px;  }
 .button.calc span.left{  background-position:0px -33px;  padding:0px  20px 0px 40px;  }
 .button.calc span.right{  background-position:100% -33px ; width:6px;  }
 .button.calc a:hover span.left {background-position:0px -2px;  }
 .button.calc a{ font-size:12px; color:#000000; font-weight:bold; line-height:26px; text-decoration:none;   }
 .button.calc a:hover span.right {background-position:100%  -2px; }