
/* ====================================== */
/* 			General
/* ====================================== */


.postbox {
			background:url(../images/grain.png) repeat #f1f1f1;
			}
#div_debug{
	xpadding:10px;
	display:none;
}

.unite_error_message, .unite_success_message{
	width:500px;
	margin:10px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius: 3px 3px 3px 3px;
	color:#000000;
}

.unite_error_message{
	border:1px solid #FA7C7C;
	background-color:#FEE2E2;
}

.unite_success_message{
	border:1px solid #7ED090;
	background-color:#E3F5E7;
}

.margin_left10{
	margin-left:10px;
}

.margin_right10{
	margin-right:10px;
}

.vert_sap_small{
	margin-top:10px;
}

.vert_sap{
	margin-top:20px;
}

.vert_sap_medium{
	margin-top:40px;
}

.mleft_10{
	margin-left:10px;
}

.mleft_15{
	margin-left:15px;
}

.mleft_20{
	margin-left:20px;
}

.hor_sap{
	padding-right:15px;
}

.hor_sap_double{
	padding-right:30px;
}


.unite_table_items tr td{
	height:40px;
	padding-top:10px;
}

.unite_table_items tr td a{
	font-size:14px;
}

.loader_round{
	width:16px;
	height:16px;
	background-image:url('../images/loader.gif');
	background-repeat:no-repeat;
	padding-left:20px;
}

.success_message{
	color:green;
}

/* ====================================== */
/* 			Settings Wide
/* ====================================== */

.unite_settings_wide hr{
	border:0px;
	border-top:1px dashed #999;
}

.unite_settings_wide .disabled th,
.unite_settings_wide .disabled td,
.unite_settings_wide .disabled input,
.unite_settings_wide .disabled .description,
.unite_settings_wide .disabled{
	color:#6D6D6D;
}

.unite_settings_wide .disabled input{
	background-color:#F0F0F0;
}

/* ====================================== */
/* 			Textbox Classes
/* ====================================== */

.textbox-small{
	width:60px;
}

.text-sidebar{
	width:60px;
}

.text-sidebar-normal{
	width:100px;
}

.text-sidebar-long{
	width:125px;
}

.text-sidebar-link{
	width:340px;
}

/* ====================================== */
/* 			Settings
/* ====================================== */

.unite-postbox{
}

.unite-postbox hr{
	border:none;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
}

.unite-postbox h3{
	cursor:default;
	height:25px;
	cursor:pointer;
	padding:0px;
	margin:0px;
	position:relative;
}

.unite-postbox h3.no-accordion{
	cursor:default;
}

.unite-postbox h3 .postbox-arrow{
	width:25px;
	height:25px;
	float:right;
	background-image:url('../images/wp-arrows.png');
	background-repeat:no-repeat;
	background-position:right 5px;
	margin-right:4px;
}

.unite-postbox h3.box_closed .postbox-arrow{
	background-position:right -66px;
}

.unite-postbox h3 span{
	display:block;
	padding-top:5px;
	padding-left:5px;
	color:#000000;
	max-width:200px;
	float:left;
}

/* style disabled input */
.unite-postbox li.disabled input,
.unite-postbox input[type='text'][disabled='disabled']{
	color:#6D6D6D;
}

.view_wrapper{
	position:relative;
}

/* color picker */
#divColorPicker{
	position:absolute;
}

.zoomfact-text{
	width:70px;
}

.wp-admin select{
	min-width:80px;
}

.settings_panel{
	margin-top:10px;
}

.settings_panel .settings_panel_left{
	float:left;
	width:630px;
}

.settings_panel .setting_required{
	font-size:16px;
	color:red;
}

.settings_panel_left .description{
	display:block;
}


.settings_panel_left .button-primary{
	margin-top:20px;
}

.settings_panel .settings_panel_right{
	float:left;
	width:300px;
}

.list_settings{
	padding:0px;
	margin:0px;
}

.list_settings li{
	display:block;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:4px;
}

.list_settings li.disabled{
	color:#6D6D6D;
}

.list_settings li .setting_text,
.list_settings li .setting_input,
.list_settings li .setting_unit{
	display:block;
	float:left;
}


.list_settings li .setting_text{
	min-width:140px;
	padding-right:4px;
	corsor:default;
	text-align:left;
}

.list_settings li .setting_unit{
	padding-left:2px;
	padding-top:3px;
}

.list_settings li .settings_addhtml{
}

.list_settings li .setting_input select{
	min-width:60px;
}

.list_settings .inputColorPicker{
	width:110px;
}


.settings_buttons{
	padding-top:15px;
	padding-bottom:5px;
}

.button-image-select{
	 margin-right:13px;
}

.setting-image-preview{
	border:1px dashed black;
	width:100px;
	height:70px;
	display:block;
	margin-right:10px;
	float:left;
}


/* ====================================== */
/* 			Edit Slider
/* ====================================== */


#button_save_slider{
	float:left;
	margin:0px;
	text-align:center;
}

#button_cancel_save_slider {
	float:left;
	margin:0px;
	margin-left:20px;
}

.button_delete_slider, #button_delete_layer {
	background: #c82626 repeat-x scroll left top !important;
	color: white !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	border: 1px solid #CE8787 !important;
}

#button_delete_layer.button-disabled {
	background:repeat-x scroll left top #F3DCDC;
	color:#CA9B9B !important;
	border:1px solid #CA9B9B !important;
	text-shadow:0px 1px 1px #fff;
}

#button_delete_slider {
	float:left;
	margin:0px;
	margin-left:20px;
	margin-right:20px;
	margin-top:2px;
	background: #c82626 repeat-x scroll left top;
	color: white;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	border: 1px solid #CE8787;
}

.button_delete_slide {
	background: #c82626 repeat-x scroll left top !important;
	color: white !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
	border: 1px solid #CE8787;
}

.button_delete_slider:hover,
#button_delete_slider:hover,
.button_delete_slide:hover			{ border-color:#220000 !important;}
#button_close_slider_edit{
	float:left;
	margin:2px 0px 0px 20px;
	text-align:center;
}

#link_edit_slides{
	display:block;
	float:left;
	margin-left:50px;
	font-size:18px;
	margin-top:5px;
}

#slider_update_button_wrapper div, #slider_update_button_wrapper a{
	float:left;
}


/* ====================================== */
/* 			Slides List
/* ====================================== */

.sliders_list_container{
	width:620px;
}

.box-slideslist h3{
	height:20px;
	padding-top:5px;
	padding-left:5px;
}

.box-slideslist .slideslist-title{
	float:left;
	width:200px;
}

.box-slideslist .slideslist-loading{
	float:right;
	width:100px;
	padding-right:10px;
	text-align:right;
	font-size:12px;
	display:none;
}

#list_slides{
	margin:10px;
	padding:0px;
}

#list_slides li{
	padding:5px;
	padding-bottom:3px;
}

#list_slides li span.slide-col{
	float:left;
	display:block;
	text-align:center;
}

#list_slides li span.col-id{
	width: 30px;
	padding-top: 5px;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	text-shadow: 0px 1px 1px white;
}

#list_slides li span.col-name{
	min-width:210px;
	width:210px;
	margin-top:33px;
	margin-left:-30px;

}

#list_slides li .button_delete_slide{
	margin:8px auto 0px;

}

#list_slides li span.col-name .button_edit_slide{
	margin-top:12px;
}

#list_slides li span.col-operations{
	width:120px;
	padding-top:15px;
	text-align:center;
	display:block;
}


#list_slides li span.col-handle{
	float:right;
	border:1px solid #A1A1A1;
	background-color:#E0E0E0;

	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);

	height:100px;
	width:30px;
	cursor:move;
	margin-top:2px;
}

#list_slides li div.col-handle-inside{
	padding-top:43px;
	padding-left:7px;
}

#list_slides .col-image{
	display:block;
	width:200px;
	text-align:center;
	margin-top:2px;
}

.col-image .slide_image{
	cursor:pointer;
	border:1px solid #b5b5b5;
	background-color:#e5e5e5;
	padding:1px;
}

#list_slides .button_duplicate_slide{
	margin-top:14px;
}

/* ====================================== */
/* 			Video Dialog
/* ====================================== */

.ui-dialog-content,
.ui-dialog-buttonpane{
	cursor:default;
}

#dialog_video{
	cursor:default;
}

.dialog-video .video-title{
	margin-bottom:5px;
}

.dialog-video .video_example{
	font-style:italic;
	font-size:11px;
	display:block;
	margin-top:2px;
	cursor:text;
}

.dialog-video .button-regular{
	cursor:pointer;
}

.dialog-video .video_left{
	float:left;
	width:270px;
}

.dialog-video .video_right{
	float:left;
	width:390px;
	margin-left:5px;
}

.dialog-video #button-video-add{
	color:white;
}

.dialog-video .add-button-wrapper{
	margin-top:50px;
	margin-left:50px;
}

.dialog-video .youtube-inputs-wrapper{
	margin-top:30px;
}

.dialog-video .video-input-small{
	width:50px;
}

.dialog-video #input_youtube_width{
	margin-right:20px;
}

.dialog-video .video-content-title{
	font-weight:bold;
	padding-bottom:5px;
}

.dialog-video .video-content-description{
	padding-top:3px;
}

.dialog-video .video-content-error{
	padding-top:30px;
	text-align:center;
	font-size:16px;
	color:red;
}

.dialog-video .choose-video-type{
	margin-bottom:5px;
}

.dialog-video .video-select-block{
	margin-top:20px;
	border-top:1px dashed black;
	padding-top:15px;
}

.dialog-video #video_radio_youtube{
	margin-right:5px;
}


/* ====================================== */
/* 			Video Dialog End
/* ====================================== */


/* ====================================== */
/*	API (slider settings view), and toolbox
/* ====================================== */

.advanced_links_wrapper{
	margin-top:35px;	
}

.advanced_links_wrapper .button-selected{
	color:green;
}

#link_show_api{
	display:block;
	float:left;	
	margin-left:200px;
}

#link_show_toolbox{
	margin-left:20px;
}

.api_wrapper,.toolbox_wrapper{
	margin-top:50px;
}

.api_wrapper .api-caption,
.toolbox_wrapper .api-caption{
	font-size:14px;
	font-weight:bold;
}

.api_wrapper .api-desc,
.toolbox_wrapper .api-desc{
	margin-top:2px;
	margin-bottom:10px;
	font-style:italic;
}

.api-table .api-cell1{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.api-input{
	width:160px;
	font-weight:bold;
}

#api_area{
	width:400px;
	height:250px;
}

