@import url(js/colorpicker/css/colorpicker.css);

/*--------- Color Picker Style ----------*/
#custom_wrapper{position: fixed;top: 70px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555!important;}
#custom_wrapper #bg_color, #custom_wrapper #menu_color, #custom_wrapper #h1_color, #custom_wrapper #h2_color, #custom_wrapper #h3_color, #custom_wrapper #link_color {height: 22px; margin-left:0; cursor: pointer;}
#custom_wrapper .custom_inner{width: 84%;margin:auto;}
#custom_wrapper .custom_inner table tr { height:28px;}
#custom-button {display:none;position: fixed;top: 100px;left:0;cursor:pointer;z-index: 999;}
#custom_wrapper .custom_inner{width: 80%;margin:auto;}
.colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;}
#custom_wrapper .use-form-styles select{width: 110px;}
.color-box, .pattern-box, .pattern-box2, .bg-box  { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;}
.pattern-box, .pattern-box2 { background:#888888;}
#colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);}
#colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;}
#custom_wrapper #bg_pattern { margin:10px 0; }
.optional_width { position:relative; padding:10px 0 0 0;}
#boxed_button { background:#444444; float:left; margin-top:2px; padding:5px; color:#FFFFFF;}
#stretched_button { background:#444444;  float:right; margin-top:2px; padding:5px; color:#FFFFFF;}
#boxed_button:hover, #stretched_button:hover { text-decoration:none;}
#custom_wrapper #custom-reset{ float:left; padding:5px 8px; margin:0; background:#444444; color:#fff; text-decoration:none;} 
#custom_wrapper .getcss_btn{ float:right; padding:5px 8px; margin:0; background:#444444; color:#fff; text-decoration:none;}
#getCSSModal.modal { width:620px;  margin-left: -310px;}
textarea.get-css { height: 325px; width: 577px; resize: none; cursor: text;}
#getCSSModal .modal-body { overflow:hidden; }
#getCSSModal .modal-dialog { display:none;}

@media handheld, only screen and (max-width: 970px){
#custom_wrapper, #custom-button  { display:none; }
}

.banner_shadow {
    background: url(images/banner_shadow.png) no-repeat center top;
    box-shadow: 0 0px 0px;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 0;
    z-index: 912;
}

.banner_style {
    min-height: 22px;
}