textarea.option-textarea, input.option-input, select.option-select, .option textarea, .option input[type="text"], .option select{
	width:220px;
	padding:7px;	
	float:right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*background-image:url(../images/input_bg.png);*/
	border:1px solid #d5d5d5;
	float:left;
	font-size:11px;
	color:#656565;
	height: auto;
	 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07) inset, 0 1px 0 #fff;
 	 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07) inset,  0 1px 0 #fff;
 	 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.07) inset,  0 1px 0 #fff;
}
input.option-input, select.option-select,.option input[type="text"], .option select{
	height: 32px;
}
textarea.option-textarea{
	height:100px;	
}

textarea.textarea-large {
	width: 480px;
	height: 500px;
	font-family: "courier new";
	font-size: 13px;
	color: #000;
}

select.option-select{
	height:32px;	
}

.option h3{
	font-size:16px;
}

input[type="file"]{
	line-height:30px;
}

input.option-color{
	width:172px;	
}

.color-preview{
	background-image:url(../images/color_window.png);
	background-color: #fff;
	float:left;
	height:31px;
	margin-left:3px;
	margin-top:1px;
	width:31px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
}

.option{
	min-height:35px;
	padding:20px 30px 20px 30px;
/*	background-image:url(../images/option_bg.png);*/
	background-repeat:repeat-x;
	background-position:bottom;
	height:auto;
	overflow:hidden;
	position:relative;
	z-index:10;
}

.multi-option h4{
	width:80% !important;
}

.multi-option .option{
	padding: 0;
	float: left;
	margin-right: 3%;
	border-bottom: 0px;
}
#options_container .multi-option .option h4{
	text-transform: uppercase;
	font-size: 10px;
	padding-bottom: 4px;
	color: #A8A8A8;
}

.option-fields-2 .option{
	width: 43%;
}

.option-fields-3 .option{
	width: 30%;
}

.option-fields-4 .option{
	width: 22%;
}

.multi-option .option input[type="text"], .multi-option .option select{
	width:98%;
}

.option-fields-2 .option input.option-color{
	width: 82%;
}

.option-fields-3 .option input.option-color{
	width: 75%;
}

.option-fields-4 .option input.option-color{
	width: 66%;
}




.custom-option{
	min-height:35px;
	height:auto;
	overflow:hidden;
	float: left;
}

.on-off{
	display:block;
	width:60px;
	height:31px;
	float:left;
	cursor:pointer;
	background-color: #cfe2be;
	border: 1px solid #99b679;
	border-radius: 20px;
	 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
 	 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
 	 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
 	 position: relative;
}
.on-off.off{
	background-color: #e5bcbc;
	border: 1px solid #cf9a9a;
	 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
 	 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
 	 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.on-off span{
	display:block;
	width:25px;
	height:25px;
	border-radius: 25em;
	position: relative;
	z-index: 100;
	color: #dadada;
	text-align: center;
	line-height: 25px;
	text-shadow:1px 1px #fff;
	font-size: 10px;
	
	border: 1px solid #99b679;
	margin:2px;
	background-color: #fff;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f5f5f5),color-stop(1, #ffffff ));
 	background: -ms-linear-gradient(bottom, #f5f5f5, #ffffff );
 	background: -moz-linear-gradient(center bottom, #f5f5f5 0%, #ffffff 100%);

 	-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8) inset;
 	-moz-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8) inset;
 	box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8) inset;
}
.on-off.off span{
	border: 1px solid #cf9a9a;
}
.on-text, .off-text{
	position: absolute;
	top: 9px;
	left: 8px;
	color: #4d6331;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
}
.off-text{
	left: 32px;
	color: #703a3a;
}

.on span{
	margin-left: 49px;
}

.off span{
	margin-left: 2px;
}

.button-option{
	width:240px;
	float:left;	
}

.style-box{
	width:32px;
	height:32px;	
	display:block;
	/*background-image:url(../images/color_window.png);*/

}

.button-option li{
	width:32px;
	height:32px;	
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	display:block;	
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3) inset;
	border: 1px solid #fff;
	border-radius: 5px;
}
.button-option li.selected{
		border: 1px solid #5ac2e9;
		box-shadow: 0px 0px 0px 1px #5ac2e9 inset;
}

.button-option-img li{
	width:auto;
	height:auto;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
}

.button-option-img .style-box{
	width:auto;
	height:auto;
	display:block;
	background-image:none;
}

.button-option-img a{
	border:2px solid transparent;
	display: block;
	cursor: pointer;
}

.button-option-img .selected a{
	border:2px solid #AECDE9;
	background-color: #AECDE9;
	background-image: none;
	border-radius: 5px;
}

.button-option-img a.style-box:hover{
	opacity:0.8;
	background-image:none;
}

.selected a, a.style-box:hover, .color-preview:hover{
	background-image:url(../images/color_window_hover.png);	
}

.button-option-img img{
	display: block;
}




.button-option-img li{
	margin:0 2px 2px 0;	
}

.button-option-img{
	width:280px;
	margin-bottom:10px;
}

.numbersign{
	float:left;
	font-size:16px;
	left:-3px;
	position:relative;
	top:7px;
	color:#ccc;
}


.check{
	width:22px;
	height:22px;
	display:block;
	border-radius: 30px;
	float:left;
	margin-right:5px;

	background: #d5ebc1;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #c7d9b7),color-stop(1, #e5f6d6 ));
 	background: -ms-linear-gradient(bottom, #c7d9b7, #e5f6d6 );
 	background: -moz-linear-gradient(center bottom, #c7d9b7 0%, #e5f6d6 100%);

	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset ;
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset;
	background-image: none;
	font-size: 12px;
 	text-align: center;
    line-height: 22px;
    color: #7ba45a;
    text-decoration: none;
    cursor: pointer;

    margin: 9px;
}


.exclude .check{
	/*background-image: url(../images/yes.png);;*/

	background: #d5ebc1;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #c7d9b7),color-stop(1, #e5f6d6 ));
 	background: -ms-linear-gradient(bottom, #c7d9b7, #e5f6d6 );
 	background: -moz-linear-gradient(center bottom, #c7d9b7 0%, #e5f6d6 100%);


	-webkit-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.3) inset ;
	-moz-box-shadow: 0px 0 1px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px 0 1px rgba(0, 0, 0, 0.3) inset;
	font-size: 12px;
	text-shadow:0px 1px rgba(255,255,255,0.5);

}

.exclude .selected .check{
/*	background-image: url(../images/no.png);*/
	background: #edeeef;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset ;
 	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
	font-size: 0px;
}

.include .check{
/*	background-image: url(../images/no.png);;*/

	background-color: #edeeef;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset ;
 	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) inset;
	    font-size: 0px;
}

.include .selected .check{
/*	background-image: url(../images/yes.png);	*/

	background: #d5ebc1;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #c7d9b7),color-stop(1, #e5f6d6 ));
 	background: -ms-linear-gradient(bottom, #c7d9b7, #e5f6d6 );
 	background: -moz-linear-gradient(center bottom, #c7d9b7 0%, #e5f6d6 100%);

	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset ;
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1) inset;
	font-size: 12px;
}

.check-value{
	float:left;
	line-height:1.9em;
	padding: 10px;
	margin-top: -1px;
	margin-bottom: -1px;
	border-left:4px double #FFD4DC;
}

.check-holder{
	display:block;
	overflow:hidden;
	text-decoration: none;
	box-shadow: 0 1px 0 #ebebeb;
}

.option-check{
	overflow:hidden;
	background-color: #fff;
	width: 220px;

	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) ;
 	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) ;
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2) ;
}


.option-select option{
	padding:7px;	
}

.option-select option.caption{
	font-weight:bold;
	text-align:center;
	background-color: #ededed;
}

.option-select option.disabled{
	color:#aaa;
	background-color: #fff;
}

textarea.inputarea{
	width:300px;
	float: right;
}

.option-image-radio {
	display: inline;
	margin-right: 30px;
}

.option-image-radio input[type=radio] {
	position: relative;
	top: -35px;
	margin-right: 6px;
}

.option-error {
	color : #FF0000;
	display: block;
	float: left;
	margin-top: 10px;
}



/* --------------------- BUTONS --------------------- */
.pex-button,.pex-button, .pexeto-upload-btn  {
	display: block;
/*	display: inline-block;*/
	padding: 1px;
	/* the same value as the width of buttons_a.gif  */
	text-decoration: none;
	color: #5e5e5e;
	font-style:normal;
	text-shadow: 1px 1px #fff;

	background: #c9c9c9;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #b9b9b9),color-stop(1, #d6d6d6));
 	background: -ms-linear-gradient(bottom, #b9b9b9, #d6d6d6 );
 	background: -moz-linear-gradient(center bottom, #b9b9b9 0%, #d6d6d6 100%);

 	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) ;
 	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) ;
 	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) ;

 	border-radius: 5px;
}
a.pex-button:hover ,a.pex-button:hover , .pexeto-upload-btn:hover{
	text-decoration: none;
	color: #5e5e5e;
} 

.pex-button span,.pex-button span, .pexeto-upload-btn span {
	display: block;
	line-height: 22px;
	padding: 4px 10px;
	font-size: 12px;
	background-color: #f2efef;
	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #ebebeb),color-stop(1, #fcfcfc ));
 	background: -ms-linear-gradient(bottom, #ebebeb, #fcfcfc );
 	background: -moz-linear-gradient(center bottom, #ebebeb 0%, #fcfcfc 100%);
 	border-top: 1px solid #fff;

 	 -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07) inset;
 	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07) inset;
 	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07) inset;

 	border-radius: 4px;
 	text-decoration: none;
}
@-moz-document url-prefix() { 
  a.pex-button span,a.pex-button span, .pexeto-upload-btn span {
     line-height: 22px;
  }
}

a.pex-button:hover,a.pex-button:hover {
	color: #fff;
	background-position: bottom right;
	cursor: pointer;
	text-decoration: none;
}

a.pex-button:hover span,a.pex-button:hover span {
	color: #333333;
	background-position: bottom left;
	cursor: pointer;
}

a.pexeto-upload-btn{
	text-decoration: none;
	border-radius: 0 4px 4px 0;
}
 a.pexeto-upload-btn span{
	border-radius: 0 3px 3px 0;
	text-decoration: none;
}

 a.pexeto-upload-btn i{
 	float: left;
 }
/*.pexeto-upload-btn span{
	padding: 3px 8px;
}*/
a.pexeto-upload-btn {
	margin-top: 1px;
	margin-left: -2px;
	box-shadow: none;
}

a.custom-option-button{
	float:right;
	margin-top:20px;
}
.option input[type="text"].pexeto-upload{
	width: 135px;
	height: 33px;
	border-radius: 4px 0 0 4px;
}
input.option-color, .option input.option-color{
	width: 174px;
}

#options_container .option-select option{
	padding: 8px;
}


a.button-save,a.button-save {
	background: transparent url(../images/buttons_save_a.gif) no-repeat scroll
	top right;
	display: inline-block;
	height: 33px;
	margin-right: 6px;
	margin-top: 0;
	padding-right: 10px;
	/* the same value as the width of buttons_a.gif  */
	text-decoration: none;
	color: #f6f8fc;
	font-style:normal;
	text-shadow: 1px 1px #425474;
}

a.button-save span,a.button-save span {
	background: transparent url(../images/buttons_save_span.gif) no-repeat top
	left;
	display: block;
	line-height: 21px;
	padding: 5px 5px 7px 15px;
	font-size: 12px;
	font-weight:bold;
	word-spacing: 4px;
	text-decoration: none;
}

a.button-save:hover,a.button-save:hover {
	color: #fff;
	background-position: bottom right;
	cursor: pointer;
	text-decoration: none;
}

a.button-save:hover span,a.button-save:hover span {
	color: #fff;
	background-position: bottom left;
	cursor: pointer;
}

a.more-button:hover{
	background-position: bottom;	
}
.pexeto-upload-btn i, .pex-button i{
	font-style: normal;
	padding-right: 7px;
	margin-right: 7px;
	border-right: 1px solid #ccc;
}

/*.pexeto-upload-btn{
	border: 1px solid #ccc;
	padding: 5px;
	float: left;
	margin-left: 15px;
	cursor: pointer;
	text-align: center;
	width: 50px;
}*/

.btn-loading i{
	font-size: 0px;
	background:url(../images/ajax-loader-gallery.gif) no-repeat;
	background-size: 15px 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 4px;
}

.upload-button{
	float:left;	
}

.upload-button a.pex-button{
	width:58px;	
}

.help-button{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:26px;
	right:15px;
	cursor: pointer;
	border-radius: 40px;
	color: #1782bb;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background: #1782bb;
  	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #4285ba),color-stop(1, #47a3cd ));
 	background: -ms-linear-gradient(bottom, #4285ba, #47a3cd );
 	background: -moz-linear-gradient(center bottom, #4285ba 0%, #47a3cd 100%);

 	border:1px solid #3f74a0;

 	-webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0px rgba(255,255,255, 1);
 	-moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0px rgba(255,255,255, 1);
 	box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0px rgba(255,255,255, 1);
 	text-decoration: none;
 	text-shadow:0px 1px rgba(0,0,0,0.3);
}
.help-button:hover{


 	
}

.help-button:hover{
	opacity:0.8;
	filter:alpha(opacity=80)	
}

/*---------------------------- END BUTTONS ------------------------------*/
/*---------------------------- DIALOG ------------------------------*/

.dialog-content{
	display: none;
}

.pexeto-dialog{
	padding:7px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;	
	background:url(../images/trans.png) repeat;
/*	z-index: 10000 !important;*/
	position: relative;
}

.pexeto-dialog .ui-widget-overlay{
	z-index: 1000 !important;
}

.pexeto-dialog .ui-widget-header{
	background:url(../images/dialog_heading.png) repeat-x;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}

.pexeto-dialog .ui-dialog-title{
	text-shadow:1px 1px #FFFFFF;
	font-weight: bold;
	font-size:14px;
	position:relative;
	padding: 10px;
	display: block;
}

.pexeto-dialog .ui-widget-content{
	background-color: #fff;	
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	border-top:1px solid #bec4ca;
	padding: 10px 20px;
}

.pexeto-dialog .ui-icon-closethick {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/delete.png) no-repeat;
}

.pexeto-dialog .ui-dialog-buttonpane {
	border-top: 0 none;
	margin-top: -5px;
	padding: 10px;
}

.pexeto-dialog .ui-dialog-buttonpane .ui-button{
	float: right;
}

.pexeto-dialog .ui-widget-content input[type="text"]{
	float: right;
}

.pexeto-dialog .ui-dialog-buttonpane{
	padding: 10px 20px;
	border-top: 1px dotted #CCC;
}

.custom-option-list li, .custom-section .sortable li {
	position: relative;
	margin-bottom:10px;
	padding: 10px;
	padding-right:30px;
	font-size: 12px;
	border: 1px solid #ccc;
	overflow: auto;
	min-height:35px;

	background: #fff;
  	background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafaf7),color-stop(1, #ffffff ));
 	background: -ms-linear-gradient(bottom, #fafaf7, #ffffff );
 	background: -moz-linear-gradient(center bottom, #fafaf7 0%, #ffffff 100%);


 	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px #fff inset;
 	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px #fff inset;
 	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07), 0 0 0 1px #fff inset;

	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*---------------------------- END DIALOG ------------------------------*/

/* ------------ ICON FONTS CSS -------------*/



@font-face {
	font-family: 'PexPanel';
	src:url('fonts/PexPanel.eot');
	src:url('fonts/PexPanel.eot?#iefix') format('embedded-opentype'),
		url('fonts/PexPanel.svg#PexPanel') format('svg'),
		url('fonts/PexPanel.woff') format('woff'),
		url('fonts/PexPanel.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before {
	font-family: 'PexPanel';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}*/

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'PexPanel';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
.icon-settings:before {
	content: "\e000";
}
.icon-support:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e001";
}
.icon-images:before {
	content: "\e002";
}
.icon-media:before {
	content: "\e005";
}
.icon-write:before {
	content: "\e003";
}
.icon-microphone:before {
	content: "\e006";
}
.icon-plus:before {
	content: "\e009";
}
.icon-upload:before {
	content: "\e00a";
}
.icon-checkmark:before {
	content: "\e00b";
}
.icon-help:before {
	content: "?";
	font-weight: bold;
	font-family: helvetica,arial;
}
.icon-camera:before {
	content: "\e005";
}
.icon-grid:before {
	content: "\e00d";
}

.icon-save:before {
	content: "\e007";
}
.icon-sortable:before {
	content: "\e008";
}


/*---------------------*/


.icon-facebook:before {
	content: "\e00e";
}
.icon-twitter:before {
	content: "\e00f";
}
.icon-link:before {
	content: "\e010";
}
.icon-comment:before {
	content: "\2e";
}

