.colorpicker {
	background:url("/resources/CIBT/eng/images/widget/custom_background.png") no-repeat scroll 0 0 transparent;
	display:none;
	height:181px;
	overflow:hidden;
	padding-left:5px;
	padding-top:172px;
	position:absolute;
	width:356px;
	z-index:9999;
}

.colorpicker .cp_message_holder{
	position:absolute;
}

.colorpicker .cp_message_holder .cp_message{
	width:326px;
	padding-left:10px;
	padding-right: 10px;
	background-color: #ebecef;
	border-left: 1px solid #c4c8d1;
	border-bottom:1px solid #c4c8d1;
	border-right:1px solid #c4c8d1;
	font-size:11px;
	position:relative;
	right:1px;
}


.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(/resources/CIBT/eng/images/widget/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(/resources/CIBT/eng/images/widget/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(/resources/CIBT/eng/images/widget/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 130px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
	display:none;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
	width: auto !important;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(/resources/CIBT/eng/images/widget/custom_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	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(/resources/CIBT/eng/images/widget/custom_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(/resources/CIBT/eng/images/widget/custom_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(/resources/CIBT/eng/images/widget/custom_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(/resources/CIBT/eng/images/widget/custom_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(/resources/CIBT/eng/images/widget/custom_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(/resources/CIBT/eng/images/widget/custom_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 50px;
	height: 22px;
	background: url(/resources/CIBT/eng/images/widget/custom_submit.png) top;
	left: 294px;
	top: 142px;
	overflow: hidden;
	cursor:pointer;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
#slider {
	float: left;
	clear: left;
	width: 347px;
	margin: 15px;
	margin-left: 4px;
}

#slider .ui-slider-range { background: #cbd0ff; }
#slider .ui-slider-handle { border-color: #cbd0ff; cursor:w-resize;}

.mainwidgetdiv .colorpickers{
	background-image: none !important;
	text-indent: -600em;
	cursor: pointer;
	width:30px;
	height: 20px;
	font-size:1px;
}

#nav .widgettabs{
	width:650px;
	position:relative;
	top:2px;
}

#slidingDivs{
	width:650px;
	overflow: hidden;
	height:auto;
	min-height:500px;
	max-height:500px;
	position:relative;
}

#slidingDivs .slidingDivsSlider{
	position:relative;
	width:9999px;
}

#tabswidget {
	width:650px;
	border:2px solid #000;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	padding: 8px 10px;
}	

#tabswidget .mainwidgetdiv{
	width:650px;
	float:left;
}

#tabswidget .slidingDivsControls{
	width:620px;
	padding: 5px 15px 0;
}

#tabswidget .slidingDivsControls .leftControl{
	float: left;
}

#tabswidget .slidingDivsControls .rightControl{
	float: right;
}

#tabswidget .sample{
	bottom:40px;
	color:#000000;
	font-size:42px;
	font-weight:bold;
	opacity:0.3;
	padding-top:10px;
	position:relative;
	text-align:center;
}

#tabswidget .mainwidgetdiv .layoutchooserL{
	float:left;
	width: 300px;
	height: 300px;
	margin-left: 25px;
	margin-right: 25px;
}

#tabswidget .mainwidgetdiv .layoutchooserL img, #tabswidget .mainwidgetdiv .layoutchooserR img{
	
}

#tabswidget .mainwidgetdiv .layoutchooserL .preview{

}

#tabswidget .mainwidgetdiv .layoutchooserL .preview div object{
	visibility: visible;
}

#tabswidget .mainwidgetdiv .layoutchooserR{
	float:left;
	width: 300px;
	height: 300px;
}

#tabswidget .mainwidgetdiv h2{
	color: #000000;
	margin-bottom:11px;
}

#tabswidget .mainwidgetdiv label{
	font-size:17px;
	font-weight:bold;
}

#tabswidget .mainwidgetdiv .widgetLeft{
	float:left;
	width: 305px;
}

#tabswidget .mainwidgetdiv .widgetRight{
	float: left;
	width: 340px;
}

#htmlflash .layoutchooserL, #htmlflash .layoutchooserR{
	background-image: url('/resources/CIBT/eng/images/widget/loading-big.gif');
	background-repeat: no-repeat;
	background-position:center center;
}

#tabswidget #widgetPreview{
	width: 270px;
	height: 340px;
	border:1px solid #ccc;
	position:relative;
	background-image:url("/resources/CIBT/eng/images/widget/loading-big.gif");
	background-position:center center;
	background-repeat:no-repeat;
	
}

#tabswidget .mainwidgetdiv ul{
	list-style-type:none;
	margin-left:0;
}
#tabswidget .mainwidgetdiv div.label{
	width: 122px;
	float:left;
}

#tabswidget .mainwidgetdiv div.label .link{
	font-size:11px;
	line-height:12px;
	margin-bottom:8px;
}

#tabswidget .mainwidgetdiv select{
	width: 181px;
}

#tabswidget .widgetLeft ul li{
	height:27px;
	clear:both;
}

#tabswidget .widgetLeft ul li.bottomli{
	position:relative;
}