/*-----------------------------------------------------------------------------------
/* Admin styles
/*-----------------------------------------------------------------------------------*/
@font-face {
	font-family: 'FullerSansDTBold';
	src: url('../../../css/font/fullersansdt-bold-webfont.eot');
	src: url('../../../css/font/fullersansdt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../css/font/fullersansdt-bold-webfont.woff') format('woff'), url('../../../css/font/fullersansdt-bold-webfont.ttf') format('truetype'), url('../../../css/font/fullersansdt-bold-webfont.svg#FullerSansDTBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FullerSansDTRegular';
	src: url('../../../css/font/fullersansdt-regular-webfont.eot');
	src: url('../../../css/font/fullersansdt-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../css/font/fullersansdt-regular-webfont.woff') format('woff'), url('../../../css/font/fullersansdt-regular-webfont.ttf') format('truetype'), url('../../../css/font/fullersansdt-regular-webfont.svg#FullerSansDTRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@import"../../../css/fontello.css";
span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, embed, object {
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;

}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	border: 1px solid #e0e0e0;

	outline: none;
	font-size: 14px !important;
	color: #a7abae;
	margin: 0;
	max-width: 100%;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
textarea {
	overflow: auto;
	vertical-align: top;
	
	width: 95%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	outline: 0;
	border-color: #2c97de;
}


h1, h4, h5, strong, b {
	font-family: 'FullerSansDTBold', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h2, h3, h6, h7 {
	font-family: 'FullerSansDTBold', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, strong, b {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1 {
	font-size: 30px;
	line-height: 48px;
	margin-bottom: 10px;
	font-weight: normal;
}
h2 {
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 10px;
}
h3 {
	font-size: 18px;
	line-height: 30px;
}
h4 {
	font-size: 16px;
	line-height: 29px;
}
h5 {
	font-size: 15px;
	line-height: 29px;
}
h6 {
	font-size: 14px;
	line-height: 29px;
}
h7 {
	font-size: 14px;
	color: #a7abae;
	line-height: 29px;
	margin-bottom: 10px;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	background-color: #FFF;
	border: 1px solid #C4C4C4;
	box-shadow: 0 1px 1px #EFEFEF;
	border-radius: 2px;
	height: 33px;
	color: #a7abae;
	font-weight: normal!important;
	font-style: normal!important;
	-webkit-appearance: none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
	border: 1px solid #a7abae888;
	box-shadow: 0 1px 1px #e0e0e0;
}

#wpbody {
position: relative;
margin-left:-10px;
font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#wpbody select, .wp-admin select {
	cursor: pointer !important;
	height: 28px !important;
	margin: 0 !important;
	-moz-opacity: 0 !important;
 filter: alpha(opacity: 0) !important;
	opacity: 0 !important;
	padding: 0 !important;
	position: relative !important;
	width: inherit !important;
	z-index: 4 !important;
	text-align: right !important;
	margin-bottom: 9px !important;
	background: #fff !important;
	border: 1px solid #C4C4C4!important;
	box-shadow: 0 1px 1px #EFEFEF!important;
	border: 1px solid #e0e0e0 !important;
	padding: 7px !important;
	font-size: 13px !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
.updated, .error {
	display: none!important
} /* disable the admin notices */
#of_container {
	margin: 10px 5px 0px 0px;
	width: 1200px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	font-size: 14px !important;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container #header {
	background: #ee4d4e;
	padding: 15px;
	-moz-box-shadow: inset 0 1px 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
.logo {
	overflow: hidden;
	margin:10px auto;
	text-align: center;
	padding: 20px 30px 0px 0px;
	height: 53px;
	width: 213px;
}
.logo div {
	background: url(../images/logo.png) no-repeat;
	display: block;
	height: 53px;
	width: 213px;
	margin-bottom: 10px;
	margin:0px auto;
}
.logo span {
	display: block;
}
#of_container #js-warning {
	color: red;
	float: right;
	margin: 20px 10px;
	width: 330px;
}
#of_container ul, #of_container ol {
	margin: 0;
}
.js #of_container #js-warning {
	display: none;
}
.logo h2 {
	display: inline-block;
	font-style: normal;
	padding-right: 5px;
}
.logo span {
	color: #888888;
}
#of_container #header .icon-option {
	float: left;
	height: 35px;
	width: 155px;
	background: url(../images/icon_option.png) no-repeat;
}
#of_container #info_bar {
	padding: 10px;
	height: 40px;
	text-align: right;
}
#of_container #expand_options {
	cursor: pointer;
	display: block;
	height: 22px;
	width: 21px;
	float: left;
	font-size: 0px;
	text-indent: -9999px;
	margin: 0 0 0 10px;
	border: 1px solid #bbb;
}
#of_container #info_bar .expand {
	background: url(../images/toggle_tabs.png) no-repeat -2px -1px;
}
#of_container #info_bar .close {
	background: url(../images/toggle_tabs.png) no-repeat -2px -26px;
}
#of_container #expand_options:hover {
	cursor: pointer;
	border-color: #888;
}
#of_container #main {
	background-color: #282d34;
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
}
#of_container #of-nav {
	float: left;
	position: relative;
	z-index: 9999;
	width: 265px;
	padding: 20px 0px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
#of_container #of-nav ul {
	margin: 15px 0px !important;
}
#of_container #of-nav li {
	margin-bottom: 0;
	font-family: 'FullerSansDTBold', Tahoma, Geneva, sans-serif !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container #of-nav li:last-child {
}
#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: 10px 10px 14px 35px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	font-family: 'FullerSansDTBold', Tahoma, Geneva, sans-serif !important;
	text-decoration: none;
	color: #fff;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container #of-nav ul li.current a {
	background-color: #ee4d4e;
	color: #fff;
	opacity: 1;
}
#of_container #of-nav ul li a:hover {
	background-color: #191919;
	color: #fff;
}
#of_container #content {
	float: right;
	min-height: 1000px;
	width: 920px;
	padding: 15px 0px 15px 15px;
	font-family: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif !important;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container #content .section {
	
}
#of_container #content .section h3.heading {
	margin: 10px 0 10px 0;
	padding: 7px 0px;

	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container #content .section .controls {
	position: relative;
	width: 860px;
	margin: 0 15px 0 0;
	overflow: hidden;
}
#of_container #content .section .explain {
	width: 660px;
	padding: 0 10px 0 0;
	font-size: 13px;
	color: #999999;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 4px;
}
#of_container #content .section-checkbox .controls {
	width: 25px
}
#of_container #content .section-multicheck .controls input.checkbox {
}
#of_container #content .section-checkbox .explain {
	max-width: 93%;
}
#of_container #content .section-info {
	border: none;
	background: transparent;
	padding: 0px;
	margin: 0px;
}
#of_container #content .section-info .option{
	height:0px;
}
#of_container #content .section-info h3.heading {
	font-family: 'FullerSansDTBold', Tahoma, Geneva, sans-serif;
	float: none;
	display: block;
	font-size: 15px !important;
	color: #282d34;
	padding: 7px 20px;
	background-color: rgba(0, 0, 0, 0.02);
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	margin-bottom: 5px;
	margin-left:-15px;
}
.numbercount {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding: 2px 7px;
	font-size: 12px;
	margin-left: 5px;
	color: #fff;
	font-weight: normal !important;
	background: #2c97de;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.03);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#of_container #content .section-info .controls {
	display: none;
}
#of_container #content .section-info .controls .of-info {
}
#of_container #content .section-info .controls .of-info ._icon {
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	float: left;
}
#of_container #content .section-info .controls small {
	font-size: 13px
}
#of_container #content .section h3.heading {
	font-size: 13px;
	font-family: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif;
}
#of_container #content .section-info .controls {
}
#of_container .sorter {
	margin-right: -20px;
}
#of_container .sorter ul {
	background: #F9F9F9;
	border: 2px dashed #E3E3E3;
	min-height: 40px;
	padding: 10px;
	width: 44%;
	float: right;
	margin: 20px 25px 20px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#of_container .sorter #homepage_blocks_enabled, #of_container .sorter #bigboxs_blocks_enabled, #smallboxs_blocks_enabled, #tabs_blocks_enabled {
	border: 2px dashed #1eca6b !important;
	color: #fff;
}
#of_container .sorter #homepage_blocks_disabled, #of_container .sorter #bigboxs_blocks_disabled, #smallboxs_blocks_disabled, #tabs_blocks_disabled {
	border: 2px dashed rgba(0, 0, 0, 0.1) !important;
	color: rgba(0, 0, 0, 0.4);
}
#of_container .sorter ul h3 {
	display: none !important;
}
#of_container .sorter ul li {
	cursor: move;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 10px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	background-color: #F1F1F1;
	font-size:14px;
	font-family: 'FullerSansDTBold', Tahoma, Geneva, sans-serif !important;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}
#of_container .sorter ul li:last-child {
	margin-bottom: 0px;
}
#of_container .sorter #homepage_blocks_enabled li, #of_container .sorter #bigboxs_blocks_enabled li, #of_container .sorter #smallboxs_blocks_enabled li, #of_container .sorter #tabs_blocks_enabled li {
	background-color: #1eca6b !important;
}
#of_container .sorter #homepage_blocks_disabled li, #of_container .sorter #bigboxs_blocks_disabled li, #of_container .sorter #smallboxs_blocks_disabled li, #of_container .sorter #tabs_blocks_disabled li {
	background-color: rgba(0, 0, 0, 0.1) !important;
}
#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;
}
#of_container .controls input, #of_container .controls select, #of_container .controls textarea {
	margin-bottom: 9px !important;
	background: #fff;
	border: 1px solid #C4C4C4!important;
	box-shadow: 0 1px 1px #EFEFEF!important;
	padding: 7px;
	
	font-family: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container .controls input {
	width:40%;
}
#of_container .controls input:hover, #of_container .controls textarea:hover {
	background: #f5f5f5;
}
#of_container .controls input:focus, #of_container .controls textarea:focus {
	outline: 0;
	border-color:#ee4d4e;
}
#of_container .controls .upload {
	width: 80%;
}
#of_container .controls select {
	height: 28px;
	padding: 4px 5px;
	
}
#of_container .controls textarea {
	min-height:150px;
}
#of_container input {
	padding:15px 20px;

}
#of_container input.checkbox {
	width: 30px;
}
#of_container input.of-radio {
	width: 30px;
}
label.radio, label.multicheck {
	position: relative;
}
#of_container .controls .input-text-small {
	width: 60px;
	margin-right: 10px
}
#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 {
	width: 70px;
	float: left
}
#of_container .controls .of-typography-unit {
	width: 60px;
	float: left
}
#of_container .controls .of-typography-face {
	width: 145px;
	float: left
}
#of_container .controls .of-typography-style {
	width: 95px;
	float: left
}
#of_container .controls .of-radio-img-img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 0 5px 10px 0;
	display: none;
	cursor: pointer;
	float: left;
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
#of_container .controls .of-radio-img-selected {
	filter: none;
	-moz-filter: none;
	-webkit-filter: none;
}
#of_container .controls .of-radio-img-img:hover {
	opacity: .8;
}
#of_container .controls .of-radio-tile-img {
	width: 50px;
	height: 50px;

	margin: 0 5px 10px 0;
	display: none;
	cursor: pointer;
	float: left;
}
#of_container .controls .of-radio-tile-selected {

}
#of_container .controls .of-radio-tile-img:hover {
	opacity: .8;
}
#of_container .controls .of-border-width {
	width: 70px;
	float: left
}
#of_container .controls .of-border-style {
	width: 95px;
	float: left
}
#of_container .group {
	display: none;
	padding-bottom: 20px;
}
#of_container .group h2 {
	display: none;
	border-bottom: 3px solid #e7e7e7
}
#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;
	
	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;
	
	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;
	
	padding: 10px;
	text-align: center;
}
#of_container .of-save-popup {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 24px;
	text-align: center;
	display: none;
}
#of_container .of-save-popup div {
	padding: 10px;
}
#of_container .of-save-save {
	
}
#of_container .of-save-reset {
	
}
#of_container .of-save-fail {
	
}
#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, #of_container .wp-core-ui .button, #of_container .button-secondary {
	line-height: 30px !important;
	height: 31px!important;
	border: none !important;
	background-color: #ee4d4e !important;
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
	margin: 4px 0 4px;
	padding: 0px 20px !important;
	background: #ee4d4e !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee4d4e), to(#ee4d4e)) !important;
	background-image: -webkit-linear-gradient(top, #ee4d4e, #ee4d4e) !important;
	background-image: -moz-linear-gradient(top, #ee4d4e, #ee4d4e) !important;
	background-image: -o-linear-gradient(top, #ee4d4e, #ee4d4e) !important;
	background-image: linear-gradient(to bottom, #ee4d4e, #ee4d4e) !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container .button:hover, #of_container .wp-core-ui .button:hover, #of_container .button-secondary:hover {
	background-color: #282d34 !important;
	background: #282d34 !important;
}
#of_container .button:hover, #of_container .button_hover {
	border-color: #bbb;
	color: #464646;
}
#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 {
	line-height: 30px !important;
	height: 31px!important;
	border: none !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
	margin: 4px 0px 4px 5px;
	padding: 0px 20px !important;
	background-color: #282d34 !important;
	background: #282d34 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))) !important;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
#of_container .image_reset_button:hover, #of_container .button.remove-image:hover {
	background-color: #282d34 !important;
	background: #282d34 !important;
}
#of_container .upload-error {
	float: left;
	color: #666;
	font-size: 13px;
	
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFFFFF;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	background: #FFDFEC;
}
#of_container .slide_add_button {
	float: right;
	margin-top: 10px;
}
#of_container .save_bar {
	padding: 15px;
	height: 35px;
	text-align: right;
}
#of_save {
	font-family: Arial, Verdana, sans-serif;
	float: left;
}
#of_save:hover {
	border: 1px solid #111 !important;
}
#of_container .hide {
	display: none
}
#of_container .ajax-loading-img-top {
	position: absolute;
	top: 50%;
	left: 50%;
}
#of_container .ajax-loading-img-bottom {
	position: absolute;
	top: 50%;
	left: 50%;
}
#of_container .ajax-reset-loading-img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}
#of_container .screenshot {
	max-width: 340px;
	margin-bottom: 9px;
}
#of_container .of-uploaded-image {
}
#of_container .of-option-image {
	max-width: 340px;
	padding: 10px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	background: #fff;
}
#of_container .select_wrapper {
    font-size: 13px;
	background: #fff url(../images/select.png) no-repeat right center;
	border: 1px solid #C4C4C4!important;
	box-shadow: 0 1px 1px #EFEFEF!important;
	border: none;
	height: 20px;
	
	margin: 0 0 9px;
	padding: 5px;

	display: inline-block;
	color: #888;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#of_container .select_wrapper select {

}
#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 {
	background: #ffd1d1;
	border: 1px solid #DFDFDF;
	text-align: center;
	margin-bottom: 15px
}
#of_container .slider li {
	
	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;
	padding-right: 20px;
	line-height: 32px;
	background-color: #fff;
	margin: 1px 0 -1px 0;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#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: 100%;
}
#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;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background: url(../images/dropdown-arrow.png) no-repeat 9px -28px;
}

#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 {
	height: 22px;
	line-height: 22px;
	z-index: 2;
	padding-left: 6px;
	position: absolute;
	left: 10px;
	overflow: hidden;
	text-align: left !important;
}
#of_container .select_wrapper .select {
	cursor: pointer;
	height: 20px;
	margin: 0;
	-moz-opacity: 0;
filter: alpha(opacity: 0);
	opacity: 0;
	padding: 0;
	position: relative;
	width: inherit;
	z-index: 4;
	text-align: left !important;
	min-width:200px !important;
}
#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: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif;
	font-size: 13px;
	border: 1px solid #C4C4C4!important;
	box-shadow: 0 1px 1px #EFEFEF!important;
}
#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: #777;
}
#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;


	padding: 10px;
	font-size: 10pt;
	width: 318px;
	height: auto;
	margin: 0 0 10px 0;
	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 {
	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;
}
/*-------------------------------------------------------------------------------------------*/
/* Tipsy
/*-------------------------------------------------------------------------------------------*/
.tipsy {
	font-size: 13px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}
.tipsy-inner {
	background-color: #000;
	color: #FFF;
	max-width: 200px;
	padding: 5px 8px 4px 8px;
	text-align: center;
}
/* Rounded corners */
.tipsy-inner {
}
/* 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;
	line-height: 0;
	border: 5px dashed #000;
}
/* 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-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
/*-------------------------------------------------------------------------------------------*/
/* Switch
/*-------------------------------------------------------------------------------------------*/
p.switch-options {
	margin: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span {
	background: url(../images/switch.gif) repeat-x;
	display: block;
	float: left;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
}
.cb-enable span, .cb-disable span {
	line-height: 30px;
	display: block;
	background-repeat: no-repeat;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.cb-enable span {
	background-position: left -90px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 0 10px;
}
.cb-disable span {
	background-position: right -180px;
	padding: 0 10px;
}
.cb-disable.selected {
	background-position: 0 -30px;
}
.cb-disable.selected span {
	background-position: right -210px;
	color: #fff;
}
.cb-enable.selected {
	background-position: 0 -60px;
}
.cb-enable.selected span {
	background-position: left -150px;
	color: #fff;
}
.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;
}/*disable text selection*/
/*-------------------------------------------------------------------------------------------*/
/* Color picker overwrite
/*-------------------------------------------------------------------------------------------*/
#of_container .controls .wp-picker-container input.button {
	width: auto;
	height: auto;
	line-height: 1.5;
	padding: 2px 8px;
	margin: 6px 6px 6px 6px;
	border:none !important;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.0) !important;
}
#of_container .controls .of-color {
	float: left;
	width: 70px;
	margin-left: 5px;
	margin-top: 6px;
	padding: 3px;
}
#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 {
	
}

#of-option-bigboxs .section,#of-option-smallboxs .section {
	
	float:left;
	width:45%;
	margin-right:3%;
}
#of-option-bigboxs .section.section-info,#of-option-smallboxs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-bigboxs .section.section-color,#of-option-smallboxs .section.section-color {
	width:30%;
}
#of-option-bigboxs .section.section-images,#of-option-smallboxs .section.section-images {
	width:15%;
}


.section {
	overflow:hidden;
}

#of-option-newsintabs .section {
	
	float:left;
	width:30%;
	margin-right:3%;
}
#of-option-newsintabs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-newsintabs .section.section-switch {
	width:15%;
}
#of-option-newsintabs .section.section-text {
	width:27%;
}
#of-option-newsintabs .section.section-text input[type=text] {
	width:170px !important;
}
#of_container #content .iris-picker .iris-strip .ui-slider-handle {
	position: absolute;
	background: none!important;
	right: -3px;
	left: -3px;
	border: 4px solid #aaa!important;
	border-width: 4px 3px;
	width: auto;
	height: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	opacity: .9;
	z-index: 5;
	cursor: ns-resize;
}
#of_container #content .iris-picker .iris-slider-offset {
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	bottom: 6px;
	width: 28px;
	background: none!important;
	border: 0!important;
	height: auto;
}
#of_container .controls .wp-picker-container .wp-color-result {
	outline: 0;
}
#info_bar #of_save.button-primary, .save_bar #of_save.button-primary {
	font-family: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif !important;
	font-size: 15px !important;
	height: 30px !important;
	background: #2ecc71 !important;
	border: none !important;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.0) !important;
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.0) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 4px !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	outline: 0;
	padding:0px 10px;
}
#of_container .reset-button {
	float: right;
	font-family: 'FullerSansDTRegular', Tahoma, Geneva, sans-serif !important;
	font-size: 14px !important;
	height: 30px !important;
	background: #fe5f63 !important;
	border: none !important;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.0) !important;
	box-shadow: inset 0 1px 0 rgba(120,200,230,0.0) !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	outline: 0;
	padding:0px 10px 0px 10px !important;
}
#of_container .reset-button:hover, #info_bar #of_save.button-primary:hover, .save_bar #of_save.button-primary:hover {
	color: #fff;
	border: none;
	background: #5a5a5a !important;
	background-color: #5a5a5a !important;
	outline: 0;
}

#of_container .reset-button i , #info_bar #of_save.button-primary i , .save_bar #of_save.button-primary i  {
	margin-right:7px;
}
@media only screen and (min-width: 768px) and (max-width: 989px) { 

#of_container {
margin: 0px 5px 0px 0px;
width: 720px;
position: relative;
z-index: 0;
overflow: hidden;
}


#of_container #of-nav {
	width: 40px;
overflow: hidden;
	padding: 20px 0px;
}
#of_container #of-nav li {
	
	width: 40px;
	height:40px;
	overflow:hidden;
}
#of_container #of-nav li a {
	text-indent:-9999px;
	width: 40px;
	height:40px;
	overflow:hidden;
}
 #of_container #content {
width: 650px;
padding: 15px 0px 15px 15px;
}	
#of_container #content .section .explain {width: 650px;}
.logo div {
background: url(../images/smalllogo.png) no-repeat;
display: block;
height: 40px;
width: 40px;
margin: 0px;
overflow:hidden;
}
#of_container #info_bar {
	padding: 0px;
	height: 80px;
	width:40px;
	text-align: right;
}
#of_container #info_bar  button span , #info_bar #of_save.button-primary span{
	display:none;
}
#of_container #info_bar  button , #info_bar #of_save.button-primary{
	float:none !important;
	width:40px !important;
	height:40px !important;
	padding:0px !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#of_container #info_bar  button i , #info_bar #of_save.button-primary i{
	width:40px !important;
	height:40px !important;
}

}
 
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
	 

#of_container {
margin: 0px 5px 0px 0px;
width: 520px;
position: relative;
z-index: 0;
overflow: hidden;
}


#of_container #of-nav {
	width: 40px;
overflow: hidden;
	padding: 20px 0px;
}
#of_container #of-nav li {
	
	width: 40px;
	height:40px;
	overflow:hidden;
}
#of_container #of-nav li a {
	text-indent:-9999px;
	width: 40px;
	height:40px;
	overflow:hidden;
}
 #of_container #content {
width: 450px;
padding: 15px;
}	
#of_container #content .section .explain {width: 450px;}
.logo div {
background: url(../images/smalllogo.png) no-repeat;
display: block;
height: 40px;
width: 40px;
margin: 0px;
overflow:hidden;
}
#of_container #info_bar {
	padding: 0px;
	height: 80px;
	width:40px;
	text-align: right;
}
#of_container #info_bar  button span , #info_bar #of_save.button-primary span{
	display:none;
}
#of_container #info_bar  button , #info_bar #of_save.button-primary{
	float:none !important;
	width:40px !important;
	height:40px !important;
	padding:0px !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#of_container #info_bar  button i , #info_bar #of_save.button-primary i{
	width:40px !important;
	height:40px !important;
}


#of_container .sorter ul {
width: 430px;
float:none;
}
#of_container .of-save-popup {
top: 100px !important;
left: 100px !important;

}




#of_container .of-option-image , #of_container .controls .upload {width: 220px !important;}





#of-option-bigboxs .section,#of-option-smallboxs .section {
	
	float:none;
	width:100%;
	margin-right:0%;
}
#of-option-bigboxs .section.section-info,#of-option-smallboxs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-bigboxs .section.section-color,#of-option-smallboxs .section.section-color {
	width:100%;
}
#of-option-bigboxs .section.section-images,#of-option-smallboxs .section.section-images {
	width:100%;
}




#of-option-newsintabs .section {
	
	float:none;
	width:100%;
	margin-right:0%;
}
#of-option-newsintabs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-newsintabs .section.section-switch {
	width:100%;
}
#of-option-newsintabs .section.section-text {
	width:100%;
}
#of-option-newsintabs .section.section-text input[type=text] {
	width:170px !important;
}



}


@media only screen and (min-width: 320px) and (max-width: 479px) {
	 

#of_container {
margin: 0px 5px 0px 0px;
width: 320px;
position: relative;
z-index: 0;
overflow: hidden;
}


#of_container #of-nav {
	width: 40px;
overflow: hidden;
	padding: 20px 0px;
}
#of_container #of-nav li {
	
	width: 40px;
	height:40px;
	overflow:hidden;
}
#of_container #of-nav li a {
	text-indent:-9999px;
	width: 40px;
	height:40px;
	overflow:hidden;
}
 #of_container #content {
width: 250px;
padding: 15px;
}	
#of_container #content .section .explain {width: 250px;}
.logo div {
background: url(../images/smalllogo.png) no-repeat;
display: block;
height: 40px;
width: 40px;
margin: 0px;
overflow:hidden;
}
#of_container #info_bar {
	padding: 0px;
	height: 80px;
	width:40px;
	text-align: right;
}
#of_container #info_bar  button span , #info_bar #of_save.button-primary span{
	display:none;
}
#of_container #info_bar  button , #info_bar #of_save.button-primary{
	float:none !important;
	width:40px !important;
	height:40px !important;
	padding:0px !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#of_container #info_bar  button i , #info_bar #of_save.button-primary i{
	width:40px !important;
	height:40px !important;
}

#of_container .controls .of-radio-img-img {
display:block !important;
float: none !important;
}

#of_container .controls textarea , #of_container input[type=text] {
width: 245px;
}

.section-images span {
display:block !important;
float: none !important;
}

#of_container .select_wrapper .select {
min-width: 220px !important;
width: 220px !important;
}
#of_container .select_wrapper {width: 220px !important;}

#of_container .sorter ul {
width: 220px;
float:none;
}
.ui-slider {width: 150px !important;}





#of_container .of-option-image , #of_container .controls .upload {width: 220px !important;}





#of-option-bigboxs .section,#of-option-smallboxs .section {
	
	float:none;
	width:100%;
	margin-right:0%;
}
#of-option-bigboxs .section.section-info,#of-option-smallboxs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-bigboxs .section.section-color,#of-option-smallboxs .section.section-color {
	width:100%;
}
#of-option-bigboxs .section.section-images,#of-option-smallboxs .section.section-images {
	width:100%;
}




#of-option-newsintabs .section {
	
	float:none;
	width:100%;
	margin-right:0%;
}
#of-option-newsintabs .section.section-info {
	overflow:hidden;
	float:none;
	width:100%;
	
}
#of-option-newsintabs .section.section-switch {
	width:100%;
}
#of-option-newsintabs .section.section-text {
	width:100%;
}
#of-option-newsintabs .section.section-text input[type=text] {
	width:170px !important;
}

#of_container .of-save-popup {
top: 50px !important;
left: 50px !important;

}
}