#options_panel{ width:100%;   float:left;  background:#fff; height:auto; display:none; position:relative; z-index:400; border-bottom:2px solid #eee; padding:10px 20px 0;}
#options-top{ width:100%; float:left; }
#options-bottom{float:left;  width:100%; }

#options_panel_content{width:780px; margin:0 auto;  float:left; font-size:10px; }
#options_panel_content h3{margin: 0 0 10px;}
#options_panel_content p{color:#777; margin:0 0 6px 0; text-transform:uppercase; font-size:10px;}
#options_panel #close{display:block; position:absolute; top:20px; right:60px; height:30px; width:30px; background:url(../img/theme/close.png); cursor:pointer;}
#open_options{display:block; position:fixed; top:50px; right:20px; height:60px; width:60px; background:url(../img/cogwheel.png) no-repeat center center; z-index:300;}
#options_panel .one-fifth{margin:0 0 8px;}
#options_panel h6 {margin:0 0 4px 0;}
#options_panel h6 span{display:block;}
#options_panel select{margin:0 0 6px 0;}
/* DEMO ONLY */

.demo-row{float:left; margin:0; width:auto;}
#resetColor{float:right; margin-right:40px;}


.floater{float:left; margin:0 10px 10px 0;}
.rounded{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#e2e2e2; padding:3px 6px; font-size:11px; text-transform:uppercase;}
.rounded span{margin:1px 0 0 4px; float:left;}
.rounded input{float:left;}

.selector_wrap{padding:0; float:left; clear:none; margin:0 0 4px; width:130px;}
.selector_text{float:left; text-transform:uppercase; font-size:10px; margin-top:4px; }

.colorSelector {
	position: relative;
	width: 110px;
	height: 18px;
	float:left;
 
  
	
}
.colorSelector div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 22px;
	 -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background:#CF0;
	/*background: url(lib/img/colorpicker/select.png) center;*/
}



.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	z-index:999;
	background: url(../img/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input[type=text] {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input[type=text] {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(lib/img/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(lib/img/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/* Select */

 select {
          height: 24px;
          padding: 2px 4px;
        }
		  


 .select-wrap  {
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          font-family: Arial,Helvetica, Verdana,sans-serif;
          font-size: 12px;
          background: #fafafa url(../img/select.png) no-repeat right center;
          border-color: #ccc #eee #eee #ccc;
          border-style: solid;
          border-width: 1px;
          float: left;
          height: 22px;
          width: 120px;
          margin: 0 10px 12px 0!important;
          display: block;
          color: #777;
          float:left;
		
        }
        
    .selector_wrap  {
         
		
        }
		  
		  
	  
.select-wrap:hover {
          background-color: #fff;
          border-color: #bbb #eee #eee #bbb;
          color: #333;
        }
select.select {
            cursor: pointer;
            height: 24px;
            margin: 0;
            -moz-opacity: 0;
          	filter: alpha(opacity:0);
          	opacity: 0;
            padding: 0;
            position: relative;
            width: inherit;
            z-index: 4;
				width: 120px;
          }
			 
		 
.select-wrap span {
            height: 22px;
            line-height: 22px;
            position: absolute;
            z-index: 2;
            padding-left: 6px;
				width: 120px;
          }