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

/* Title: OptionsFramework Admin Styles
/* Modded by: sy4mil - http://aquagraphite.com
/* License: GPL
/* Credits:	Thematic Options Panel http://wptheming.com/2010/11/thematic-options-panel-v2/
			KIA Thematic Options Panel https://github.com/helgatheviking/thematic-options-KIA
			Woo Themes http://woothemes.com/
			Option Tree http://wordpress.org/extend/plugins/option-tree/
/*-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Droid Arabic Naskh';
  src: url('fonts/DroidNaskh-Regular.eot');
  src: url('fonts/DroidNaskh-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/DroidNaskh-Regular.woff2') format('x-woff2'),
       url('fonts/DroidNaskh-Regular.woff') format('woff'),
       url('fonts/DroidNaskh-Regular.ttf') format('truetype');
}
h3 {
	font: 12px 'Droid Arabic Naskh';
}

.tipsy {
	padding: 5px;
	font-size: 11px;
	text-shadow:1px 1px 1px #000;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background-repeat: no-repeat;
	background-image: url(images/tipsy.gif);
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.tipsy-north {
	background-position: top center;
}
.tipsy-south {
	background-position: bottom center;
}
.tipsy-east {
	background-position: right center;
}
.tipsy-west {
	background-position: left center;
}
.tip_text {
	font-weight:bold;
	color:#d86108;
}
#of_container {
	margin: 20px auto 20px auto;
	width: 870px;
	position: relative;
	z-index: 0;
	border:solid 1px rgba(0, 0, 0, 1);
	direction:rtl;
}

#of_container #mainbar {
	background: #272727;
	position:relative;
	padding:10px;
}


#of_container .logo {
	float: right;
	margin:15px 15px 0px 0px;

}
#of_container .logo .lioit {
	background: url(images/lioit.png) no-repeat;
	height: 70px;
	width: 121px;
	display: block;
}
#of_container #js-warning {
	color: red;
	float: left;
	margin: 20px 10px;
	width: 330px;
}

.js #of_container #js-warning {
	display: none;
}


#of_container .icon-option {
	float: left;
	height: 48px;
	width: 46px;
	background: url(images/icon_option.png) no-repeat;
	position:absolute;
	top:-1px;
	left:-3px;	
}
#of_container #info_bar {
	height: 35px;
	overflow:hidden;
	text-align: right;
		
}

#of_container #expand_options {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer;
	display: block;
	height: 25px;
	width: 25px;
	float: left;
	font-size: 0px;
	text-indent: -9999px;
	margin:0px 0px 0px 5px;



}

#of_container  #info_bar .expand {
	background: url(images/toggle_tabs.png) no-repeat 0px 0px;
	margin-top:3px;
}

#of_container #info_bar .close {
	background: url(images/toggle_tabs.png) no-repeat -2px -26px;
	margin-top:3px;
}

#of_container #expand_options:hover {
	cursor: pointer;
	border-color: #888;
}

#of_container #main {
	
	background: #272727;
}

#of_container #of-nav {

	float: right;
	position: relative;
	z-index: 9999;
	width: 195px;
	margin-top:-12px;
}

#of_container #of-nav li {
	display: block;
	min-height: 28px;
	line-height: 28px;
	position: relative;
	margin: 0px;
	padding:0px;
	background: #272727;
	background-image: -moz-linear-gradient(top,#272727 0,#272727 100%);
	background-image: -ms-linear-gradient(top,#272727 0,#272727 100%);
	background-image: -o-linear-gradient(top,#272727 0,#272727 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#272727),color-stop(100%,#272727));
	background-image: -webkit-linear-gradient(top,#272727 0,#272727 100%);
	background-image: linear-gradient(to bottom,#272727 0,#272727 100%);
	color: #999;
	font-size: 11px;
	cursor: pointer;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	border-bottom:solid 1px #1b1b1b;
	border-top:solid 1px #323232;
}
#of_container #of-nav ul li:hover {
	
}
#of_container #of-nav li:last-child {
	border-bottom:none;
}
#of_container #of-nav li:first-child {
	border-top:none;
}
#of_container #of-nav li.current {
	
	background: #1C1C1C;

}

#of_container #of-nav li a, #of_container #of-nav ul li a:link, #of-nav ul li a:visited {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	display: block;
	padding: 10px 10px 10px 40px;
	background-repeat: no-repeat;
	background-position: 13px 10px;
	font: 13px 'Droid Arabic Naskh';
	text-decoration: none;
	color: #888888;
	text-shadow:1px 1px 1px #000;
	opacity: 0.7;
}

#of_container #of-nav ul li.current a {
	border-left: 4px solid #d65f08;
	color: #ccc;
	text-shadow:1px 1px 1px #000;
	opacity: 1;
	
}
#of_container #of-nav ul li.current:hover {

	color: #ccc;
	text-shadow:1px 1px 1px #000;
	opacity: 1;
}
#of_container #of-nav ul li.current a:hover {

	color: #ccc;
	text-shadow:1px 1px 1px #000;
	opacity: 1;
}
#of_container #of-nav ul li a:hover {
	border-left: 4px solid #666666;
	color: #888888;
	text-shadow:1px 1px 1px #000;
	opacity: 1;
	

	
}

#of_container #content {
	background:#3d3d3d;
	-webkit-box-shadow: inset -1px 1px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset -1px 1px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset -1px 1px 0px rgba(0, 0, 0, 0.5);
	float: left;
	min-height: 700px;
	width: 645px;
	padding:2px 15px 15px;
	font-family: 'Droid Arabic Naskh';
	
}

#of_container #content .section {

	background:#fff;
	padding:10px 10px 20px 20px;
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow:hidden;
}


#of_container #content .section h3.heading {
	float:right;
	font-family: 'Droid Arabic Naskh';
	color: #666;
}

#of_container #content .section .controls {
	float: right;
	width: 575px;
	margin: 0 5px 0 0;
	direction:rtl;
}

#of_container #content .explain {
	display:block;
	background: url(images/get-Info.png) no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	cursor:help;
}
#of_container #content .section-info .explain {
	display:none !important;
}

#of_container #content .section-checkbox .controls {
	width: 25px
}

#of_container #content .section-multicheck .controls input.checkbox {
	margin-top: 9px;
}

#of_container #content .section-checkbox .explain {
	max-width: 93%;
}

#of_container #content .section-color .controls {
	width: 125px
}

#of_container #content .controls select {
	float:right;
}

#of_container #content .section-color .explain {
	width: 400px
}
#of_container #content .section-info {
	border:none;
	background:transparent;
	padding:0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	margin:0px;
}
#of_container #content .section-info:hover {
	border:none;
}
#of_container #content .section-info h3.mainTitle {
	float:none;
	display:block;
	font: 14px "GESSTOW_Medium", Tahoma, Geneva, sans-serif;
	color: #CCC;
	text-shadow:1px 1px 1px #000;
	padding: 10px;
	margin-bottom:-20px;
	border-bottom: 5px solid #d65f08;
	background: #272727;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.050), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.01);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.050), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.01);
	-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.050), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.01);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.050),  inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.01);
	cursor: pointer;
	-moz-transition: border 0.2s ease;
	-ms-transition: border 0.2s ease;
	-o-transition: border 0.2s ease;
	-webkit-transition: border 0.2s ease;
	transition: border 0.2s ease;
	border-top:solid 1px #323232;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
	

}

#of_container #content .section-info .controls {
	margin: 20px 0 20px;
	float: none;
	width: auto;
}

#of_container #content .section-info .controls .of-info {
	
}

#of_container #content .section-info .controls .of-info ._icon {
	height: 16px;
	width: 16px;
	margin: 0 0px 0 10px;
	float: right;
}

#of_container #content .section-info .controls small {
	font-size: 12px
}

#of_container #content .section-info h3.heading {
	
}

#of_container #content .section-info .controls {

}

#of_container #content .section-sorter .controls {
	float: right;
	width: 100%;
	margin: 0;
}

#of_container #content .section-sorter .explain {
	float: right;
	margin: 15px 0 0;
}

#of_container  .sorter ul {
	background: #f9f9f9;
	border: 1px dashed #e3e3e3;
	min-height: 40px;
	padding: 10px 10px 0;
	width: 40%;
	float: right;
	margin: 0 0px 30px 35px;
}

#of_container  .sorter ul h3 {
	margin: 0 0 10px;
	text-align: center;
	color: #777;
	text-transform: capitalize;
}

#of_container  .sorter ul li {
	border: 1px solid #DFDFDF;
	cursor: move;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background-color: #F1F1F1;
	background-image: -ms-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -moz-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -o-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));
	background-image: -webkit-linear-gradient(top,#f9f9f9,#ececec);
	background-image: linear-gradient(top,#f9f9f9,#ececec);
	overflow: hidden;

	moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	text-align: center;
	font-size: 13px;
}

#of_container .sorter #homepage_blocks_enabled h3 {
	color: #afcc82;
}

#of_container .sorter #homepage_blocks_disabled h3 {
	color: #e70f0f;
}
#of_container .sorter #homepage_blocks_enabled li,#of_container .sorter #bigboxs_blocks_enabled li
,#of_container .sorter #smallboxs_blocks_enabled li {
	background: rgb(223,115,9);
	background: -moz-linear-gradient(top, rgba(223,115,9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(223,115,9, 1)), color-stop(100%, rgba(207, 78, 7, 1)));
	background: -webkit-linear-gradient(top, rgba(223,115,9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -o-linear-gradient(top, rgba(223,115,9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -ms-linear-gradient(top, rgba(223,115,9, 1) 0%, rgba(207, 78, 7, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7309', endColorstr='#eaeaea', GradientType=0 );
	background: linear-gradient(top, rgba(223,115,9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	border: 1px solid #a43900;
	text-shadow: 1px 1px 1px #823604;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	color: #FFF;
}
#of_container #content .section-sorter li.placeholder {
	background: #f9f9f9;
	border-width: 1px;
	border-style: dashed;
	height: 40px;
}

#of_container #content .section-slider li.placeholder {
	background: #f9f9f9;
	border-width: 1px;
	border-style: dashed;
	height: 33px;
}

#of_container textarea, #of_container input, #of_container select, #of_container button {

	border-style: solid;
	border-width: 1px;
}
.rwmb-input input[type="text"] {
	border:1px solid #d6d6d6;
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fafafa;
	width: 320px;
	padding: 7px;
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 0px;
}
.rwmb-input input[type="text"]:focus {
	outline:0;
	border-color:rgba(214, 95, 8, 1);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	
}
.rwmb-input select {
	-webkit-appearance: button;
	-webkit-user-select: none;
	overflow: visible;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.59);
	display: inline;
	margin: 0px 1px 0px 1px;
	width: auto;
	height: auto;
	background: #ececec url(images/select.png) no-repeat right center;
	padding: 7px 7px 7px 13px;
	min-width:280px;
	outline: none;
	border: 1px solid #d8d8d8;
	border-bottom: 1px solid #ccc;
	border-radius: 0px;
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.57);
	font-size: 12px;
}
.rwmb-input select:hover {
	color: #888;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.69);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
	-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
}
.rwmb-input select:active {
	color: #696969;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.53);
	border: 1px solid #d2d2d2;
	border-bottom: 1px solid #d8d8d8;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 1px 6px rgba(0, 0, 0, 0.07), inset 0px -14px 13px rgba(255, 255, 255, 0.20);
	-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 1px 6px rgba(0, 0, 0, 0.07), inset 0px -14px 13px rgba(255, 255, 255, 0.20);
	-o-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 1px 6px rgba(0, 0, 0, 0.07), inset 0px -14px 13px rgba(255, 255, 255, 0.20);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.58), inset 0px 1px 6px rgba(0, 0, 0, 0.07), inset 0px -14px 13px rgba(255, 255, 255, 0.20);
}
#of_container .controls input, #of_container .controls select, #of_container .controls textarea {
	margin-bottom: 10px !important;
	border:1px solid #d6d6d6;
	-webkit-transition:border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s, box-shadow linear 0.2s;
	-o-transition:border linear 0.2s, box-shadow linear 0.2s;
	transition:border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
	background: #fafafa;
	width: 320px;
	padding: 7px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin-right: 10px;
}

#of_container .controls input:hover, #of_container .controls textarea:hover {
	background-color: #f9f9f9;
}

#of_container .controls input:focus, #of_container .controls textarea:focus {
	outline:0;
	border-color:rgba(214, 95, 8, 1);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
}

#of_container .controls .upload {
	width: 320px;
}

#of_container .controls select {
	height: 28px;

	
}

#of_container .controls textarea {
	width: 345px;
	border-radius: 0px;
}

#of_container input[type=text] {
	width: 340px;
	border-radius: 0px;
}

#of_container input.checkbox {
	width: 30px;
	margin-top: 3px;
}

#of_container input.of-radio {
	width: 30px;
}

#of_container .controls .input-text-small {
	width: 60px;
	margin-left: 10px
}

#of_container .meta-two {
	margin-right: 10px
}

#of_container .controls .of-color {
	float: left;
	width: 70px;
	margin-left: 5px;
}

#of_container #content .section-typography .controls {
	width: 440px
}

#of_container #content .section-typography .explain {
	width: 130px;
	
}

#of_container .controls .of-typography-size {
	width: 70px;
	float: right
}

#of_container .controls .of-typography-unit {
	width: 60px;
	float: right
}

#of_container .controls .of-typography-face {
	width: 145px;
	float: right
}

#of_container .controls .of-typography-style {
	width: 95px;
	float: right
}

#of_container .controls .of-radio-img-img {
	border: 3px solid #fff;
	margin: 0 5px 10px 0;
	display: none;
	cursor: pointer;
	
}

#of_container #of_form #main #content #section-theme_skin .option .controls {
	min-width:550px !important;
}
#of_container #of_form #main #content #section-theme_skin .option .controls  span {
	margin:5px;
}
#section-theme_skin span {
	display:block;
	float:left;
}

#of_container .controls .of-radio-img-selected {
	border: 3px solid #d65f08;
}

#of_container .controls .of-radio-img-img:hover {
	opacity: .8;
}

#of_container .controls .of-radio-tile-img {
	width: 47px;
	height: 47px;
	border: 1px solid #fff;
	margin: 0 0px 4px 3px;
	display: none;
	cursor: pointer;
	float: right;
}

#of_container .controls .of-radio-tile-selected {
	border: 1px solid #dfdfdf;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-color:rgba(214, 95, 8, 1);
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(214, 95, 8, 0.6);
}

#of_container .controls .of-radio-tile-img:hover {
	opacity: .8;
}

#of_container .controls .of-border-width {
	width: 70px;
	float: right
}

#of_container .controls .of-border-style {
	width: 95px;
	float: right
}

#of_container .group {
	display: none;
	padding-bottom: 20px;
}

#of_container .group h2 {
	display: none;
	padding:10px 12px;
	font: 15px "GESSTOW_Medium", Tahoma, Geneva, sans-serif!important;
	margin:0 5px 8px 0;
	color:#acacac;
	background: rgb(72,72,72);
	background: -moz-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(72, 72, 72, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
	background: -webkit-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -o-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -ms-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#333333', GradientType=0 );
	background: linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	border: 1px solid #1e1e1e;
	text-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	margin-top:20px;
}

#of_container .controls input:focus, #of_container select:focus, #of_container textarea:focus {
	background: #fff;
}

#of_container .accept {
	background: #DBF6BE no-repeat 10px center;
	border: solid #9BBF65;
	border-width: 0px 1px 1px 1px;
	color: #060;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#of_container .warning {
	background: #ffeeee no-repeat 10px center;
	border: solid #dfbfbf;
	border-width: 0px 1px 1px 1px;
	color: #333;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#of_container .update_available {
	background: #FFFEEB no-repeat 10px center;
	border: solid #CCCCCC;
	border-width: 0px 1px 1px 1px;
	color: #333;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#of_container .of-save-popup {
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-family: 'Droid Arabic Naskh';
	font-size: 19px;
	text-align: center;
	display: none;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

}

#of_container .of-save-popup div {
	background-repeat: no-repeat;
	background-position: 20px 50%;
	padding: 30px 30px 30px 60px;
}

#of_container .of-save-save {
	background-image: url(images/button_check.png);
	font-family: 'Droid Arabic Naskh';
}

#of_container .of-save-reset {
	background-image: url(images/sign_warning.png);
}

#of_container .of-save-fail {
	background-image: url(images/stop.png);
}

#of_container .accept,
#of_container .warning,
#of_container .update_available,
#of_container .of-save-popup {
	z-index: 9999;
}

#of_container .upload_button_div {
	margin-top: 7px;
	margin-bottom: 15px;
}

#of_container .button {
	border-width: 1px;
	border-style: solid;

	border-color: #dfdfdf;
	background-color: #fff;
	margin: 4px 0 4px;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#of_container .button:hover,#of_container .button_hover {
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#of_container .button_active {
	background: #eee url(../images/white-grad-active.png) repeat-x scroll left top;
}

#of_container .upload_button_div .button {
	padding: 0px 15px 15px;
	line-height: 30px;
	height:30px;
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 0px;
}

#of_container .image_reset_button, #of_container .mlu_remove_button {
	margin-left: 10px;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #DA4F49;
	background-image: -moz-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#BD362F));
	background-image: -webkit-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: -o-linear-gradient(top, #EE5F5B, #BD362F);
	background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
	background-repeat: repeat-x;
	border-color: #BD362F #BD362F #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 0px;
	-moz-border-radius:0px;
	border-radius: 0px;
}

#of_container .upload-error {
	float: left;
	color: #666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFFFFF;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	background: #FFDFEC;

}

#of_container .reset-button {
	font: 13px "GESSTOW_Medium", Tahoma, Geneva, sans-serif !important;
	float: left;
	padding: 0 7px;
	height: 23px;
	line-height: 23px;
	margin: 0;
	color: #ef521d;
	color:#acacac;
	background: rgb(72,72,72);
	background: -moz-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(72, 72, 72, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
	background: -webkit-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -o-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	background: -ms-linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#333333', GradientType=0 );
	background: linear-gradient(top, rgba(72, 72, 72, 1) 0%, rgba(51, 51, 51, 1) 100%);
	border: 1px solid #1e1e1e;
	text-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	
}

#of_container .reset-button:hover {
	background: rgb(223,115,9);
	background: -moz-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(223, 115, 9, 1)), color-stop(100%, rgba(207, 78, 7, 1)));
	background: -webkit-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -o-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -ms-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7309', endColorstr='#eaeaea', GradientType=0 );
	background: linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	border: 1px solid #1f1f1f;
	text-shadow: 1px 1px 1px #823604;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #FFF;
}

#of_container .slide_add_button {
	float: right;
	margin-top: 10px;
}

#of_container .save_bar {
	background: #272727;
	cursor: pointer;
	-moz-transition: border 0.2s ease;
	-ms-transition: border 0.2s ease;
	-o-transition: border 0.2s ease;
	-webkit-transition: border 0.2s ease;
	transition: border 0.2s ease;
	border-top:solid 1px #222222;
	padding: 10px 20px 0px 20px;
	height: 35px;
	text-align: right;
}

#of_save {

	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	font: 13px "GESSTOW_Medium", Tahoma, Geneva, sans-serif !important;
	float: left;
	margin:2px 0px 0px 5px;
	background: rgb(223,115,9);
	background: -moz-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(223, 115, 9, 1)), color-stop(100%, rgba(207, 78, 7, 1)));
	background: -webkit-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -o-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	background: -ms-linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7309', endColorstr='#eaeaea', GradientType=0 );
	background: linear-gradient(top, rgba(223, 115, 9, 1) 0%, rgba(207, 78, 7, 1) 100%);
	border: 1px solid #1f1f1f !important;
	text-shadow: 1px 1px 1px #823604 !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.save_bar #of_save{
	float:right;
	margin:0px 0px 0px 5px;
}
#of_save {
	
}
#of_save:hover {
	border: 1px solid #111 !important;
}

#of_container .hide {
	display: none
}

#of_container .ajax-loading-img-top {
	margin: 5px 4px 0;
	float: left
}

#of_container .ajax-loading-img-bottom {
	margin: 5px 4px 0;
}

#of_container .screenshot {
	max-width: 340px;
	margin-bottom: 9px;
}

#of_container .of-uploaded-image {
	
}

#of_container .of-option-image {
	max-width: 340px;
	padding: 5px;
	border: 1px solid #e3e3e3;
	


}

#of_container .select_wrapper {
	background: #F1F1F1 url(images/select.png) no-repeat right center;
	text-transform: capitalize !important;
	float:right !important;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
	-o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
	font: 12px  Tahoma, Geneva, sans-serif;
	border: 1px solid #d8d8d8;
	border-bottom: 1px solid #ccc;
	border-width: 1px;
	height: 28px;
	width: 320px;
	margin: 0 0 9px;
	width: 340px;
	display: block;
	color: #888;
	position: relative;
	padding-top: 2px;
}

#of_container .select_wrapper:hover {
	background-color: #f9f9f9;
}

#of_container .mini .controls select, #of_container #content .section .mini .controls, #of_container  .controls .typography-size, #of_container  .controls .border-width,#of_container  .controls .mini,#of_container .mini .controls input, #of_container #content .mini .controls {
	width: 70px;
}

#of_container  .controls .typography-face {
	width: 145px;
}

#of_container  .controls .typography-style, #of_container  .controls .border-style {
	width: 95px;
}

#of_container  .controls .typography-size,#of_container  .controls .typography-face,#of_container  .controls .typography-style, #of_container  .controls .border-width, #of_container  .controls .border-style {
	margin-right: 5px;
}

#of_container #content .mini .explain {
	width: 500px;
}

#of_container .of-notice {
	background: #ffd1d1;
	border: 1px solid #DFDFDF;
	text-align: center;
	margin-bottom: 15px
}

#of_container .slider li {
	width: 345px;
	border: 1px solid #dfdfdf;
	background: #f9f9f9;
	overflow: hidden;
	moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}

#of_container .slide_header {
	cursor: move;
	height: 32px;
	padding-left: 10px;
	line-height: 32px;
	background-color: #F1F1F1;
	margin: 1px 0 -1px 0;
	border-bottom: 1px solid #dfdfdf;
	background-image: -ms-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -moz-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -o-linear-gradient(top,#f9f9f9,#ececec);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));
	background-image: -webkit-linear-gradient(top,#f9f9f9,#ececec);
	background-image: linear-gradient(top,#f9f9f9,#ececec);
	overflow: hidden;
}

#of_container .slide_body {
	display: none;
	padding: 10px 10px 10px 11px;
}

#of_container .slider li input,#of_container .slider li textarea,#of_container .slider li .screenshot,#of_container .slider li .of-option-image {
	width: 311px;
}

#of_container a.slide_edit_button, #of_container a.slide_delete_button {
	float: right;
	text-indent: -9999px;
	font-size: 0;
}

#of_container a.slide_edit_button {
	width: 32px;
	height: 32px;
	background: url(images/dropdown-arrow.png) no-repeat 9px -28px;
}

#of_container a:hover.slide_edit_button {
	background: url(images/dropdown-arrow.png) no-repeat 9px 11px;
}

#of_container a.slide_delete_button {
	margin: 0 0 0 7px;
	width: 16px;
	height: 16px;
	background: url(images/icon-delete.png) no-repeat
}

#of_container .select_wrapper span {
	height: 26px;
	line-height: 26px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
	right: 40px;
}

#of_container .select_wrapper .select {
	float:right;
	cursor: pointer;
	height: 28px;
	margin: 0;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	padding: 0;
	position: relative;
	width: inherit;
	z-index: 4;
}

#of_backup {
	margin: 40px 20px;
	width: 600px;
}

#of_backup textarea {
	margin-bottom: 9px !important;
	background-color: #F1F1F1;
	border: 1px solid;
	width: 100%;
	padding: 4px;
	font-family: 'Droid Arabic Naskh';
	font-size: 12px;
	border-color: #CCC #E6E6E6 #E6E6E6 #CCC;
}

.updated, .error {
	display: none!important
}

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#of_backup_button {
	margin-right: 5px !important;
	color: #ef521d !important;
}

#of_container #of-nav li.parallax a {
	background-image: url(images/icon-parallax.png);
}

#of_container #of-nav li.slider a {
	background-image: url(images/icon-slider.png);
}

#of_container #of-nav li.general a {
	background-image: url(images/icon-settings.png);
	font-family:'Droid Arabic Naskh';
}

#of_container #of-nav li.circlescss a {
	background-image: url(images/icon-circles.png);
}

#of_container #of-nav li.styling a {
	background-image: url(images/icon-paint.png);
}

#of_container #of-nav li.home a {
	background-image: url(images/icon-home.png);
}

#of_container #of-nav li.postelements a {
	background-image: url(images/icon-blog.png);
}

#of_container #of-nav li.newsintabs a {
	background: url(images/application-blog.png);
}

#of_container #of-nav li.social a {
	background-image: url(images/icon-social.png);
}

#of_container #of-nav li.footer a {
	background-image: url(images/icon-footer.png);
}

#of_container #of-nav li.portfolio a {
	background-image: url(images/icon-portfolio.png);
}

#of_container #of-nav li.featuredposts a {
	background-image: url(images/icon-flick.png);
}

#of_container #of-nav li.map a {
	background-image: url(images/icon-map.png);
}

#of_container #of-nav li.cycleslider a {
	background-image: url(images/icon-slideshow.png);
}

#of_container #of-nav li.latestfeatures a {
	background-image: url(images/icon-featured.png);
}

#of_container #of-nav li.featuredtabs a {
	background-image: url(images/icon-tab.png);
}

#of_container #of-nav li.banners a {
	background-image: url(images/icon-marketing.png);
}

#of_container #of-nav li.circlesstatic a {
	background-image: url(images/icon-circle-static.png);
}

#of_container #of-nav li.bigboxs a {
	background: url(images/application-blog.png);
}
#of_container #of-nav li.smallboxs a {
	background: url(images/blogs.png);
}

#of_container #of-nav li.gallery a {
	background-image: url(images/icon-gallery2.png);
}

#of_container #of-nav li.backup a {
	background-image: url(images/icon-backup.png);
}

#of_container #of-nav li.carousel a {
	background: url(images/ui-scroll-pane-list.png);
}

#of_container #of-nav li.translations a {
	background-image: url(images/icon-translations.png);
}

#of_container #of-nav li.breadcrumbs a {
	background-image: url(images/icon-breadcrumbs.png);
}
/*-------------------------------------------------------------------------------------------*/
/* iphone checkbox */
/*-------------------------------------------------------------------------------------------*/

.iPhoneCheckContainer {
	position: relative;
	height: 26px;
	cursor: pointer;
	overflow: hidden;

}
.rwmb-input .iPhoneCheckContainer {
	position: relative;
	height: 26px;
	cursor: pointer;
	overflow: hidden;
	width:86px !important;

}
.iPhoneCheckContainer input {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 
 
}
.iPhoneCheckContainer label {
	cursor: pointer;
	display: block;
	height: 24px;
	position: absolute;
	top: 0;
	padding-top: 0px;
	overflow: hidden;	
}
.iPhoneCheckContainer, .iPhoneCheckContainer label {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	width:40px;
	text-align:center;
	

}
.iPhoneCheckDisabled {
	opacity: 0.5;
 	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
label.iPhoneCheckLabelOn {
	color:#a9c700;
	background: url(images/iphonestyle/onBg.png);
	left: 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	border: 1px solid #88ab5c;
	-webkit-box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	-moz-box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	
		
}
.rwmb-input label.iPhoneCheckLabelOn {
	color:#a9c700;
	background: url(images/iphonestyle/onBg.png);
	left: 0px !important;
  	width: 39px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	border: 1px solid #88ab5c;
	-webkit-box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	-moz-box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	box-shadow: inset 0px 0px 4px rgba(126, 157, 82, 0.5);
	
		
}
label.iPhoneCheckLabelOn span {
	padding-right: 10px;
	color: #FFF;
	line-height: 26px;
}
.rwmb-input label.iPhoneCheckLabelOn span {
	padding-right: 10px;
	color: #FFF;
	line-height: 26px;
}
label.iPhoneCheckLabelOff {
	max-width:88px;
	color: #7a7a7a;
	text-align: right;
	right: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	background: url(images/iphonestyle/ofBg.png);
	border-top: 1px solid #b35c4e;
	border-right: 1px solid #b35c4e;
	border-bottom: 1px solid #b35c4e;
	-webkit-box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
	-moz-box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
	box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
}
label.iPhoneCheckLabelOff span {
	padding-right: 16px;
	color: #FFF;
	line-height: 26px;
}
.rwmb-input label.iPhoneCheckLabelOff {
	width: 80px !important;
	max-width:80px;
	color: #7a7a7a;
	text-align: right;
	right: 5px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius:2px;
	border-radius: 2px;
	background: url(images/iphonestyle/ofBg.png);
	border-top: 1px solid #b35c4e;
	border-right: 1px solid #b35c4e;
	border-bottom: 1px solid #b35c4e;
	-webkit-box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
	-moz-box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
	box-shadow: inset 0px 0px 4px rgba(177, 91, 71, 0.5);
}
.rwmb-input label.iPhoneCheckLabelOff span {
	padding-right: 12px; 
	color: #FFF;
	line-height: 26px;
}
.iPhoneCheckHandle {
	display: block;
	height: 26px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0;
	

}
.rwmb-input .iPhoneCheckHandle {
	display: block;
	height: 26px;
	width: 40px !important;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	
	

}
.iPhoneCheckHandleRight {
	height: 100%;
	width: 100%;
	padding-right: 0px;
	
}
.iPhoneCheckHandleCenter {
	height: 26px;
	width: 41px;
	background: url(images/iphonestyle/slider.png?1282083753) no-repeat;
}
.rwmb-input .iPhoneCheckHandleRight {
	height: 100%;
	width: 100%;
	padding-right: 0px !important;
	
}
.rwmb-input .iPhoneCheckHandleCenter {
	height: 26px;
	width: 41px !important;
	background: url(images/iphonestyle/slider.png?1282083753) no-repeat;
}
/*-------------------------------------------------------------------------------------------*/
/* Range input*/
/*-------------------------------------------------------------------------------------------*/

/* slider root element */
.slider {
	background:#f2f2f2;
	height:17px;
	border:1px solid #e4e4e4;
	position:relative;
	cursor:pointer;
	width:200px;
	float:right;
	clear:left;
	margin-top:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
/* progress bar (enabled with progress: true) */
.progress {
	height:16px;
	display:none;
	opacity:0.6;
}
/* drag handle */
.handle {
	background:url(images/slider/handle.png) no-repeat 0 0;
	height:27px;
	width:23px;
	top:0px;
	position:absolute;
	display:block;
	margin-top:1px;
	cursor:move;
}
/* the input field */
.range {
	float:right;
	width:50px !important;
	font-size:12px;
	margin:0 15px 0 0px;
	padding:1px 0;
	height:15px !important;
	text-align:center;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
span.space {
	padding-left:10px;
	line-height:23px;
}
span.space2 {
	padding-left:10px;
	line-height:0.7;
	text-align:center;
	display:block;
	margin-bottom:5px;
}
.section-divider .heading {
	
}
.section-divider .controls {
	width:100% !important;
	float:none !important;
	margin:0 !important;
	height:9px !important;
	
}
div.divider {
	height:10px;
	background:#f5f5f5;
	width:100%;
}
.button2 {
	padding: 10px 27px 10px 25px;
	color: #434343;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px #FFFFFF;
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px #FFFFFF;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px #FFFFFF;
	background-color: rgba(242,242,242,1.00);
	background-image: -webkit-gradient(linear, left top, left bottom, to(rgba(242,242,242,1.00)), from(rgba(224,224,224,1.00)));
	background-image: -webkit-linear-gradient(top, rgba(242,242,242,1.00), rgba(224,224,224,1.00));
	background-image: -moz-linear-gradient(top, rgba(242,242,242,1.00), rgba(224,224,224,1.00));
	background-image: -o-linear-gradient(top, rgba(242,242,242,1.00), rgba(224,224,224,1.00));
	background-image: -ms-linear-gradient(top, rgba(242,242,242,1.00), rgba(224,224,224,1.00));
	background-image: linear-gradient(top, rgba(242,242,242,1.00), rgba(224,224,224,1.00));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(242,242,242,1.00)', EndColorStr='rgba(224,224,224,1.00)');
	border: 1px solid #bebebe;
	cursor:pointer;
}
.button2:hover {
	background-color: rgba(243,243,243,1.00);
	background-image: -webkit-gradient(radial, 50% 50%,200,50% 50%,20, to(rgba(243,243,243,1.00)), from(rgba(238,238,238,1.00)));
	background-image: -webkit-radial-gradient(50% 50%, rgba(243,243,243,1.00), rgba(238,238,238,1.00));
	background-image: -moz-radial-gradient(50% 50%, rgba(243,243,243,1.00), rgba(238,238,238,1.00));
	background-image: -o-radial-gradient(50% 50%, rgba(243,243,243,1.00), rgba(238,238,238,1.00));
	background-image: -ms-radial-gradient(50% 50%, rgba(243,243,243,1.00), rgba(238,238,238,1.00));
	background-image: radial-gradient(50% 50%, rgba(243,243,243,1.00), rgba(238,238,238,1.00));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(243,243,243,1.00)', EndColorStr='rgba(238,238,238,1.00)');
}

#vsidebar_setting {
	overflow:hidden;
	
}
#vsidebar_setting .hndle span  {
	color:#d5610b;
	background: url(../images/videos.png) no-repeat left;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
}
#vsidebar_setting .rwmb-input select,#vsidebar_setting .rwmb-input input {
	width:255px !important;
	max-width:255px !important;
	min-width:255px !important;

}

