/*-----------------------------------------------------------------------------------
/* Admin styles

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

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);



.updated, .error {
	display:none!important;
} /* disable the admin notices */
#of_container {
	position:relative;
	z-index: 0;
	margin: 35px 15px 5px 15px;
	max-width: 785px;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.25);
	-mos-box-shadow: 2px 2px 7px rgba(0,0,0,.25);
	-o-box-shadow: 2px 2px 7px rgba(0,0,0,.25);
	box-shadow: 2px 2px 7px rgba(0,0,0,.25);

}
#of_container #header {
height: 130px;
  border: 1px solid #1d2f3f;
  background-color: #1d2f3f;

}

#of_container #header .logo {
  float: left;
  margin: 29px 0 0 30px;
  padding-top: 56px;
  width: 190px;
  height: 20px;
  background: url(../images/logos.png) no-repeat;
  text-indent: 10em;

}
#of_container #js-warning {
    float: left;
    margin: 20px 10px;
    width: 330px;
    color: red;
}
#of_container ul,#of_container ol {margin: 0;}
.js #of_container #js-warning {
 display: none;
 }

#of_container #header .logo h2 {
	display:inline-block;
	padding-right:5px;
	font-style:normal;
}
#of_container #header .logo span {
	display: none;
	color:#fff;
}


.icon-option {
float: right;
  margin: 25px 18px 0;
}
.doc_icons ul li{
display: inline;
}


#of_container #header .icon-optionicon-option {
float: right;
margin: 22px 0px 0;
width: 117px;
height: 86px;

}

#of_container #info_bar {
display: none;
}

#of_container #expand_options{
display: block;
float: left;
margin: 3px 0 0;
padding: 0 50px 6px 0;
width: 80px;
height: 31px;
font-size: 0px;
}
#of_container  #info_bar .expand { background: url(../images/toggle_tabs.png) no-repeat 58px 7px; }
#of_container #info_bar .close { background: url(../images/toggle_tabs.png) no-repeat 58px -31px; }
#of_container #expand_options:hover {
	border-color: #f30;
	cursor: pointer;

}

#of_container #main {
border-right: 1px solid #F9F9FA;
border-bottom: 1px solid #F9F9FA;
border-left: 1px solid #E0E0E0;
background-color: #f9f9f9;


}
#of_container #of-nav {
	position: relative;
	z-index: 9999;
	float: left;
	width: 160px;
	text-transform: uppercase;
	font-family:'Montserrat',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
#of_container #of-nav ul {
	margin:0;
}
#of_container #of-nav li {
	margin-right: 1px;
	margin-bottom:0;
	border-bottom: 1px solid #f1f1f1;
	-webkit-box-shadow: inset 0 1px 0 #f9f9f9;
	-moz-box-shadow: inset 0 1px 0 #f9f9f9;
	box-shadow: inset 0 1px 0 #f9f9f9;
}

#of_container #of-nav li:last-child {
	-webkit-box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 #f9f9f9;
	-moz-box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 #f9f9f9;
	box-shadow: inset 0 1px 0 #f9f9f9, 0 1px 0 #f9f9f9;
}

#of_container #of-nav li.current {
	margin-right: 0;
}

#of_container #of-nav li a, #of_container #of-nav ul li a:link, #of-nav ul li a:visited {
/*display: block;
padding: 14px 10px 10px 35px;
background-position: 7px 9px;
background-repeat: no-repeat;
color: #4F5E6D;
text-decoration: none;
font-weight: bold;
font-size: 12px;
border-left: 5px solid #FAFAFA;*/
display: block;
padding: 44px 10px 10px 0px;
text-align: center;
background-position: 58px 12px;
background-repeat: no-repeat;
color: #333;
text-decoration: none;
font-size: 11px;
border-left: 4px solid #FAFAFA;

}
#of_container #of-nav ul li.current a {
border-left: 4px solid #FF621A!important;
background-color: #f6f6f6;
color: #2A3642;
opacity: 1;
border-style: solid;
border-width: 0px 0px 0px 4px;

	
}

#of_container #of-nav ul li a:hover {
	color: #111;
	opacity: 1;
}

/*menu icons - customize to your liking*/
#of_container #of-nav li.slideroptions a{ background-image:url(../images/icon-slider.png);}
#of_container #of-nav li.generalsettings a{ background-image:url(../images/icon-settings.png);}
#of_container #of-nav li.stylingoptions a{ background-image:url(../images/icon-paint.png);}
#of_container #of-nav li.exampleoptions a{ background-image:url(../images/icon-docs.png);}
#of_container #of-nav li.homesettings a{ background-image:url(../images/icon-home.png);}
#of_container #of-nav li.backupoptions a {background: url(../images/icon-backup.png) no-repeat;}
#of_container #of-nav li.advancedsettings a {background: url(../images/wrench16.png) no-repeat;}

#of_container #content {
float: left;
margin-left: -1px;
padding: 0 14px;
min-height: 600px;
width: 593px;
border-left: 1px solid #d8d8d8;
background-color: #f6f6f6;
background-image: linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -webkit-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -moz-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -o-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -ms-linear-gradient(right, #f2f3f7, #f6f6f6);
-webkit-box-shadow: inset 0 1px 0 #fff;
-webkit-box-shadow: -1px 0px 14px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: -1px 0px 14px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 #fff;
box-shadow: -1px 0px 14px rgba(0,0,0,0.1);
font-family: 'Montserrat',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
#of_container #content .section {
	margin-bottom: 20px;
}
#of_container #content .section h3.heading {
margin: 20px 0 3px;
padding: 20px 0 5px;
color: #2C2C2C!important;
text-rendering: optimizeLegibility;
}
#of_container #content .section .controls {
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	width: 345px;
}
#of_container #content .section .explain {
float: left;
padding: 0 10px 0 0;
width: 200px;
color: #64686D;
font-size: 12px;
}
#of_container #content .section-checkbox .controls {
	width:100px;
}

#of_container #content .section-multicheck .controls input.checkbox {
}

#of_container #content .section-checkbox .explain {
	max-width:93%;
}
#of_container #content .section-color .controls {
    width:100px;
}
#of_container #content .section-color .explain {
    width:400px;
}
#of_container #content .section-info h3.heading {
	display:none;
}
#of_container #content .section-info .controls {
	float:none;
	margin: 20px 0 20px;	
	width: auto;
}
#of_container #content .section-info .controls .of-info{
  clear: both;
  padding: 9px 7px 8px 11px;
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #E9E9E9;
  border-left: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
  text-transform: uppercase;
  width: 591px!important;
  margin: 40px 10px 20px 0!important;
  letter-spacing: 1px;
  background: #1D2F3F;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.info-special {
clear: both;
  font-size: 12px;
  letter-spacing: 0.03rem;
  color: #f6f6f6;
  font-family: Helvetica Neue, sans-serif;
  border-top: 1px solid #e1e1e1;
  width: 595px!important;
  margin: 30px 10px 0 0!important;
  min-height: 550px;
  box-sizing: border-box;
  padding: 35px 15px 15px 30px;
  background: #1d2f3f;
  border: 1px solid #151e2d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px #8c95a4;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px #8c95a4;
}
.info-special h4 {
	font-size: 17px;
	margin-bottom: 0;
}
.info-special p {
padding-top: 8px;
}

#of_container > #content > .section-info > .controls > .of-info > .clear {
 margin-bottom: 70px;
}

#of-option-supportdocs p,
#of-option-supportdocs ul > li {
text-transform: none!important;
}

#of_container #content .section-info .controls .of-info ._icon {
	float: left;
	margin: 0 10px 0 0; width:16px; 
	height:16px;
}
#of_container #content .section-info .controls small {
	font-size: 12px;
}
#of_container #content .section-info h3.heading {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#of_container #content .section-info .controls {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#of_container .sorter {margin-right: -20px;}
#of_container .sorter ul {
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 10px 0;
	min-height: 40px;
	width: 145px;
border: 1px solid #E7D3B7;
background: #FAFDFF;
}
#of_container  .sorter ul h3 {
	margin: 0 0 10px;
	color: #64686D;
	text-align: center;
	text-transform: capitalize;
}
#of_container  .sorter ul li {
	overflow: hidden;
	margin-bottom:10px;
	padding:0 10px;
	height: 40px;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	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);
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	text-align:center;
	font-weight: bold;
	line-height: 40px;
	cursor: move;
}


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

#of_container select, #of_container button{
display: block;
margin: 4px 5px 0 0;
min-width: 100px;
height: 34px;
border: 0px solid!important;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
background: #485160;
background: -webkit-gradient(linear, left top, left bottom, from(#485160), to(#37404f));
background: -webkit-linear-gradient(#485160, #37404f);
background: -moz-linear-gradient(center top, #485160 0%, #37404f 100%);
background: -moz-gradient(center top, #485160 0%, #37404f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#485160,endColorstr=#37404f);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#485160, endColorstr=#37404f)";
border: 1px solid #151e2d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px #8c95a4;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px #8c95a4;


}
#of_container select {
	text-transform: none;
}

#of_container textarea, #of_container input {
	margin: 11px 0 0 0;
	min-width: 115px;
	border: 1px solid #cfcfcf;
	background-color: #fcfcfc;
	-webkit-box-shadow: 1px 0 0 #fff;
	-webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 1px 0 0 #fff;
	-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.05);
	box-shadow: 1px 0 0 #fff;
	
	color: #555;
	text-decoration: none;
	text-shadow:none!important;
	font-weight: bold;
	}

#of_container .controls input, #of_container .controls select, #of_container .controls textarea {
	margin-bottom: 9px !important;
	margin-bottom: 9px !important;
	padding: 4px;
	width: 340px;
	border: 2px solid;
	border-color: #fff;
	background-color: #fff;
	color: #666666;
	font-size: 13px;
	font-family: 'Montserrat', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#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: #ccc #e6e6e6 #e6e6e6 #ccc; 
	background-color: #fff;
}

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


#of_container .controls select {
	padding: 4px 5px;
	width: 340px;
	height: 28px;
}
#of_container .controls select.from {
    width: 320px;
}
#of_container .controls textarea {
	width: 345px;
}
#of_container input[type=text] {
	width: 340px;
}
#of_container input.checkbox {
    width: 30px;
    margin-top:3px;
}
#of_container input.of-radio {
	width: 30px;
}
label.radio, label.multicheck {
  position: relative;
}
#of_container .controls .input-text-small {
	margin-right:10px;
	width: 60px;
}
#of_container .meta-two {
	margin-right:10px;
}
#of_container #content .section-typography .controls {
	width:440px;
}
#of_container #content .section-typography .explain {
	width:130px;
}
#of_container .controls .of-typography-size {
	float:left;
	width:70px;
}
#of_container .controls .of-typography-unit {
	float:left;
	width:60px;
}
#of_container .controls .of-typography-face {
	float:left;
	width:145px;
}
#of_container .controls .of-typography-style {
	float:left;
	width:95px;
}
#of_container .controls .of-radio-img-img {
display: none;
float: left;
margin: 0 5px 13px 0;
border: 3px solid #fff;
cursor: pointer;
max-width: 590px;
}
#of_container .controls .of-radio-img-selected {
	border:3px solid #ccc;
}
#of_container .controls .of-radio-img-img:hover {
	opacity:.8;
}

#of_container .controls .of-radio-tile-img {
	display:none;
	float:left;
	margin:0 5px 10px 0;
	width:50px;
	height:50px;
	border:3px solid #f9f9f9;
	cursor:pointer;
}
#of_container .controls .of-radio-tile-selected {
	border:3px solid #DB423D;
}
#of_container .controls .of-radio-tile-img:hover {
	opacity:.8;
}

#of_container .controls .of-border-width {
	float:left;
	width:70px;
}
#of_container .controls .of-border-style {
	float:left;
	width:95px;
}
#of_container .group {
	display:none;
	padding-bottom:20px;
}
#of_container .group h2 {
display: none;
margin: 30px 0 20px 0;
background: #b8d30c;
color: #fff!important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-left: 15px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Montserrat',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
#of_container .controls input:focus, #of_container select:focus, #of_container textarea:focus {
	background:#fff;
}

#of_container .accept {
	padding: 10px;
	border: solid #9BBF65;
	border-width: 0px 1px 1px 1px;
	background: #DBF6BE no-repeat 10px center;
	color: #060;
	text-align: center;
	font-weight: bold;
}
#of_container .warning {
	padding: 10px;
	border: solid #dfbfbf;
	border-width: 0px 1px 1px 1px;
	background: #ffeeee no-repeat 10px center;
	color: #333;
	text-align: center;
	font-weight: bold;
	;
}
#of_container .update_available {
	padding: 10px;
	border: solid #CCCCCC;
	border-width: 0px 1px 1px 1px;
	background: #FFFEEB no-repeat 10px center;
	color: #333;
	text-align: center;
	font-weight: bold;
}
#of_container .of-save-popup {
	position:absolute;
	display:none;
	
	
	
	color:#3D4655;
	text-align:center;
	
	font-size:24px;

}

#of_container .of-save-popup div{
	padding:30px 30px 30px 90px;
	background-position: 20px 50%;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.8)!important;


-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;

}
#of_container .of-save-save {
	background-image: url(../images/button_check.png);
}
#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: 10px;
margin-bottom: 30px;
}

#of_container .button {
border: 2px solid #627F9A;
border-bottom-color: #627F9A;
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
color: #fff;
min-width: 85px;
font-weight: bold;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-ms-border-radius: 1px;
-o-border-radius: 1px;


}


#of_container .button:hover,#of_container .button_hover {
border:1px solid #262c36!important;
border-bottom-color: #262c36!important;
background: #262c36!important;
text-decoration: none;
}

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

#of_container .image_reset_button, #of_container .button.remove-image {
	margin-left:10px;
	color:#ef521d;
}

#of_container .image_reset_button:hover, #of_container .button.remove-image:hover {
	color:red;
}

#of_container .upload-error {
	float:left;
	margin: 0 10px 0 0;
	padding:3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#FFDFEC;
	color:#64686D;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}
#of_container .reset-button {
display: block;
float: left;
margin: 5px 0 0 15px;
padding: 1px 0 0;
min-width: 100px;
color: #fff!important;
border: 2px solid #f86862;
-webkit-border-radius: 2px!important;
-moz-border-radius: 2px!important;
border-radius: 2px!important;
background-color: #f86862;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f86862),to(#f86863))!important;
background-image: -webkit-linear-gradient(top,#f86862,#f86863)!important;
background-image: -moz-linear-gradient(top,#f86862,#f86863)!important;
background-image: -ms-linear-gradient(top,#f86862,#f86863)!important;
background-image: -o-linear-gradient(top,#f86862,#f86863)!important;
background-image: linear-gradient(to bottom,#f86862,#f86863)!important;
font-weight: bold;
font-family: 'Montserrat',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

#of_container .reset-button:hover {
border: 2px solid #fc4545!important;
border-color: #fc4545;
border-bottom-color: #fc4545;
background-color: #fc4545;
background-image: -webkit-gradient(linear,left top,left bottom,from(#fc4545),to(#fc4545))!important;
background-image: -webkit-linear-gradient(top,#fc4545,#fc4545)!important;
background-image: -moz-linear-gradient(top,#fc4545,#fc4545)!important;
background-image: -ms-linear-gradient(top,#fc4545,#fc4545)!important;
background-image: -o-linear-gradient(top,#fc4545,#fc4545)!important;
background-image: linear-gradient(to bottom,#fc4545,#fc4545)!important;
text-decoration: none;
}


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


#of_container .save_bar {
padding: 15px 20px;
height: 47px;
border: solid #e1e1e1;
border-width:0px 1px 1px 1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
background: #f6f6f6;
background-image: linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -webkit-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -moz-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -o-linear-gradient(right, #f2f3f7, #f6f6f6);
background-image: -ms-linear-gradient(right, #f2f3f7, #f6f6f6);
-webkit-box-shadow: inset 0 1px 0 #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
text-align: right;
}


#of_container:after {
	position: absolute;
	display: block;
	overflow: visible;
	margin-top: 0px;
	width: 100%;
	height: 19px;
	background-image: url("../images/divider-down.png");
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	content:"\00a0";
}



#of_save {
	float:right;
	font-family:'Montserrat',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	
}

#of_save:hover {
background: #546075;
/*background: -webkit-gradient(linear, left top, left bottom, from(#97C92C), to(#b8e800));
background: -webkit-linear-gradient(#97C92C, #b8e800);
background: -moz-linear-gradient(center top, #97C92C 0%, #b8e800 100%);
background: -moz-gradient(center top, #97C92C 0%, #b8e800 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#97C92C,endColorstr=#b8e800);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#97C92C, endColorstr=#b8e800)";*/
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 0px #C7C8C9;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 0px #C7C8C9;
}

#of_container .hide {
	display:none;
}
#of_container .ajax-loading-bottom-img-top {
	float:left;
	margin: 15px 10px 0;
}
#of_container .ajax-loading-img-bottom {
	margin: 15px 10px 0;
}
#of_container .ajax-reset-loading-img {
	display: block;
	margin-left: 120px;
}

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

#of_container .of-uploaded-image {
	
}

#of_container .of-option-image {
padding: 6px;
max-width: 340px;
border: 1px solid #e1e1e1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 2px;
background: #f7f7f7;
-khtml-border-radius: 4px;
}
#of_container .select_wrapper {
position: relative;
display: block;
float: left;
margin: 0 7px 0 0;
margin-bottom: 9px !important;
height: 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc #E6E6E6 #E2E2E2 #ccc;
background: #fff url(../images/select.png) no-repeat right center;
color: #656565;
font-weight: bold;
font-size: 12px;
}

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

#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 {
	margin-bottom: 15px;
	border:1px solid #DFDFDF;
	-moz-border-radius:4px;
	background: #ffd1d1;
	text-align: center;
}

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

#of_container .slide_header {
	position: relative;
	overflow:hidden;
	margin: 1px 0 -1px 0;
	padding-right:20px;
	padding-left:10px;
	height:32px;
	border-bottom: 1px solid #dfdfdf;
	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);
	line-height:32px;
	cursor:move;
}

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

#of_container .slider li input,#of_container .slider li input.upload,#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 {
	text-indent:-9999px;
	font-size:0;
}
#of_container a.slide_edit_button {
	position: absolute;
	top: 0;
	right: 0;
	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 { 
	float: right;
	margin: 0 0 0 7px;
	width:16px;
	height:16px;
	background: url(../images/icon-delete.png) no-repeat;
}

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

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

#of_backup {
	margin: 40px 20px;
	width: 600px;
}
#of_backup textarea {
	margin-bottom: 9px !important;
	padding: 4px;
	width: 100%;
	border: 1px solid;
	border-color: #CCC #E6E6E6 #E6E6E6 #CCC;
	background-color: #F1F1F1;
	font-size: 12px;
	font-family: 'Montserrat', "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#of_container #content .section-backup .controls { width: 80%;}
#of_container #content .section-backup .explain {
    display:none;
}
#of_container #content .section-backup .backup-box {
    margin: 0 0 20px;
}

#of_container #content .section-backup .instructions {
    margin: 0 0 10px;
    color: #64686D;
}
#of_container #content .section-backup .button, #of_container #content .section-transfer .button {
    margin: 0 25px 0 0;
}

/* google fonts previewer field style */
#of_container p.google_font_preview{
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 30px 10px 30px 18px;
	width: 318px;
	height: auto;
	border: 1px dotted lightgray;
	font-size: 10pt;
	line-height: 1.2;
}

.temphide {display:none;}
/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

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


/*-------------------------------------------------------------------------------------------*/
/* Tipsy
/*-------------------------------------------------------------------------------------------*/
.tipsy { position: absolute; z-index: 100000; padding: 5px; font-size: 10px; }
  .tipsy-inner { padding: 5px 8px 4px 8px; max-width: 200px; background-color: #000; color: #FFF; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px dashed #000; line-height: 0; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid;  border-left-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none;  border-left-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-right-color: transparent; border-bottom: none;  border-left-color: transparent; }
    .tipsy-se .tipsy-arrow { right: 10px; bottom: 0; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent; }
  .tipsy-e .tipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid; }
  .tipsy-w .tipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top-color: transparent; border-right-style: solid; border-bottom-color: transparent; border-left: none; }
  

/*-------------------------------------------------------------------------------------------*/
/* Switch
/*-------------------------------------------------------------------------------------------*/
p.switch-options{ 
	margin: 0; 
}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { 
	display: block; 
	float: left; 
	/*background: url(../images/switch.png) repeat-x; */


	-webkit-transition: color 0.24s linear;
-moz-transition: color 0.24s linear;
-o-transition: color 0.24s linear;
transition: color 0.24s linear;
}
	.cb-enable span, .cb-disable span { 
		display: block; 
		background-repeat: no-repeat; 
		font-weight: bold; 
		line-height: 26px; 
		box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset;
		background-color: #f5f5f5;
	}
	.cb-enable span { 
		padding: 0 12px; 
		background-position: 
		left -270px; 
		border-radius: 3px 0 0 3px;
	}
	.cb-disable span {
		padding: 0 9px; 
		background-position: 
		right -270px; 
		border-radius: 0 3px 3px 0;
	}
	.cb-disable.selected { background-position: 0 -30px; }
	.cb-disable.selected span { 
		background-position: right -210px;
		background-color: #3F4857;  
		color: #fff; 
	}
	.cb-enable.selected { background-position: 0 -60px; }
	.cb-enable.selected span { 
		background-position: left -150px;
		color: #fff; 
		background: #2AB2B4;
	}
	.switch-options label { cursor: pointer; }
	.switch-options input { display: none; }
	.cb-enable span, .cb-disable span{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-transform: uppercase;
font-size: 14px;
	}/*disable text selection


/*-------------------------------------------------------------------------------------------*/
/* Color picker overwrite
/*-------------------------------------------------------------------------------------------*/
#of_container .controls .wp-picker-container input.button{
	margin: 6px 6px 6px 6px;
	padding: 2px 8px;
	width: auto;
	height: auto;
	line-height: 1.5;
	border:2px solid!important;
border-color: #434C5B!important;
}
#of_container .controls .wp-picker-container input.button:hover{

border-color: #434C5B!important;
}
#of_container .controls .of-color {
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	padding: 3px;
	width: 70px;
}
#of_container .controls .wp-color-result.wp-picker-open {
top: -3px;
}
#of_container #content .section-color .controls {
width: 345px;
}
#of_container #content .section-color .explain {
width: 220px;
}
#of_container #content .iris-picker .iris-strip .ui-slider-handle {
	position: absolute;
	right: -3px;
	left: -3px;
	z-index: 5;
	width: auto;
	height: 6px;
	border: 4px solid #aaa!important;
	border-width: 4px 3px;
	border-radius: 4px;
	background: none!important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	opacity: .9;
	cursor: ns-resize;
}
#of_container #content .iris-picker .iris-slider-offset {
	position: absolute;
	top: 3px;
	right: 0;
	bottom: 6px;
	left: 0;
	width: 28px;
	height: auto;
	border: 0!important;
	background: none!important;
}
#of_container .controls .wp-picker-container .wp-color-result { outline: 0; }

a {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.wrap h2 {
color: #64686D!important;
}

.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {

-webkit-border-radius: 2px!important;
-moz-border-radius: 2px!important;
border-radius: 2px!important;

}

.rfc_shadow {
background: transparent url(../images/shadow_785.png) no-repeat top left;
display: block;
width: 835px;
height: 24px;
margin-bottom: 10px;
position: relative;
left: -13px;
top: -17px;
z-index: -1;
margin: 0 0 100px;
}
 
.explain a{
	color: #56b5da!important;
	font-weight:bold;
}

#of_container .image_reset_button, #of_container .button.remove-image {
background: #cf4944!important;
border-color: #cf4944!important;
color: #fff!important;
padding: 5px 15px;
line-height: 16px;
}
#of_container .image_reset_button:hover, #of_container .button.remove-image:hover {
background: #f00!important;
border-color: #f00!important;
color: #fff!important;
}


.of-info a {
padding-left: 0.2em!important;
color: #fec400!important;
text-decoration: none!important;
font-weight: bold!important;
}
.of-info a:hover {
padding-left: 0.2em!important;
color: #ffa113!important;
text-decoration: underline;!important;
font-weight: bold!important;
}




#wpbody, .form-table .pre, .ui-autocomplete li a {
color: #64686D!important;
}
.wp-color-result {
top:0!important;
height: 26px!important;
border: 1px solid #909090!important;
border-radius: 0px!important;
margin-bottom: 10px;
}
.wp-color-result:after {
background: #ecf0f1!important;
color: #64686D!important;
font-weight: bold!important;
line-height: 26px!important;
}
.iris-border {
border-radius: 2px!important; 
}
#of_container .controls .of-color { 
padding: 0 5px!important;
height: 25px!important; 
border-radius: 0px!important;
}
.widefat, div.updated, div.error, .wrap .add-new-h2, textarea, input[type=text], input[type=password], input[type=file], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=url], select, .tablenav .tablenav-pages a, .tablenav-pages span.current, #titlediv #title, .postbox, #postcustomstuff table, #postcustomstuff input, #postcustomstuff textarea, .imgedit-menu div, .plugin-update-tr .update-message, #poststuff .inside .the-tagcloud, .login form, #login_error, .login .message, #menu-management .menu-edit, .nav-menus-php .list-container, .menu-item-handle, .link-to-original, .nav-menus-php .major-publishing-actions .form-invalid, .press-this #message, #TB_window, .tbtitle, .highlight, .feature-filter, #widget-list .widget-top, .editwidget .widget-inside {
-webkit-border-radius: 2px!important;
border-radius: 2px!important;
}
.wp-core-ui .button, .wp-core-ui .button-secondary {
padding: 0 7px;
color: #fff!important;
border: 1px solid!important;
border-color: #464F5E!important;
border-bottom-color: #384150!important;

background-color: #464F5E!important;
background-image: -webkit-gradient(linear,left top,left bottom,from(#464F5E),to(#384150));
background-image: -webkit-linear-gradient(top,#464F5E,#384150);
background-image: -moz-linear-gradient(top,#464F5E,#384150);
background-image: -ms-linear-gradient(top,#464F5E,#384150);
background-image: -o-linear-gradient(top,#464F5E,#384150);
background-image: linear-gradient(to bottom,#464F5E,#384150);
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.4)!important;

}

.wp-core-ui .button.hover, .wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover, .wp-core-ui .button.focus, .wp-core-ui .button:focus, .wp-core-ui .button-secondary:focus  {
background: #ff6170;
background-image: -webkit-gradient(linear,left top,left bottom,from(#ff6170),to(#ff6170))!important;
background-image: -webkit-linear-gradient(top,#ff6170,#ff6170)!important;
background-image: -moz-linear-gradient(top,#ff6170,#ff6170)!important;
background-image: -ms-linear-gradient(top,#ff6170,#ff6170)!important;
background-image: -o-linear-gradient(top,#ff6170,#ff6170)!important;
background-image: linear-gradient(to bottom,#ff6170,#ff6170)!important;
color:#fcfcfc!important;
border:2px solid #ff6170!important;
}


.wrap h2, .subtitle {
font-weight: 700!important;
}



/* WP Priority */
.wp-core-ui .button.button-hero, .wp-core-ui .button-group.button-hero .button {
height: 40px!important;
line-height: 40px!important;
padding: 0 16px!important;
text-align: center!important;
border: 2px solid #73b0c5;
text-shadow: none!important;
color: #fff;
}
#of_form {
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 5px rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

#of_container textarea, #of_container input {
min-width: 10px!important;
border: 1px solid #e1e1e1!important;
}

h2, h3 {
color: #fec400!important;
}

/* RFC CSS*/

/* Welcome.php */
.pull-right {
	float: right!important;
}
.about-text {
	color: #777;
}
.google_font_preview {
background: url(../images/blackboard.png)!important;
border: 6px solid #FFFFFF!important;
border-radius: 3px!important;
color: #E4E4E4!important;
width: 557px!important;
margin: 40px 0 60px 0!important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,.5);
box-shadow: 0 1px 2px rgba(0,0,0,.5);
}


.clear {
	margin: 0 0 70px 0;
}