@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

body .wrap .logo h2 {
	margin: 0 !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 {
	border-radius: 0;
}

#vh_wrapper .clearfix {
	clear: both;
}

#vh_wrapper #main {
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background-color: #f9f9f9;
}

#vh_wrapper #content {
	background-color: #fff;
	border-left: 1px solid #D8D8D8;
	float: left;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	margin-left: -1px;
	min-height: 550px;
	padding: 0 22px;
	padding-top: 5px;
	width: 559px;
}

#vh_wrapper #content .section {
	margin-bottom: 20px;
}

#vh_wrapper {
	margin: 15px;
	position: relative;
	width: 785px;
	z-index: 0;
}
#vh_wrapper #header {
	height: 68px;
	border: 1px solid #d8d8d8;
	background: #f9f9f9;
}

#vh_wrapper .button.reset-button {
	height: 33px;
	line-height: 32px;
	border-radius: 0;
	margin: 0;
	top: -4px;
	position: relative;
}

.save-container {
	height: 40px;
	padding: 17px 20px 10px 0;
	text-align: right;
	border: solid #D8D8D8;
	border-width: 0 1px 1px;
	background: #f9f9f9;
}

.save-container.top {
	border: none;
}

#vh_wrapper #header .logo {
	float: left;
	margin: 10px 10px 0 10px;
}

#vh_wrapper #header .logo h2 {
	font-style: normal;
	font-size: 25px;
}

#vh_wrapper .option {
	border-top: 1px solid #ececec;
	padding-top: 10px;
}

#vh_wrapper #content .section-info .input-wrapper {
	background: #FFF298;
	border: 1px solid #ECD852;
	color: #424242;
	font-family: sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 1.5em;
	margin: 0 0 20px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	padding: 15px 20px;
	width: auto;
}

#vh_wrapper #content .section-checkbox .input-wrapper {
	width: 25px !important;
}

#vh_wrapper #content .section-color .input-wrapper {
	width: 125px;
}

#vh_wrapper #content .section .input-wrapper {
	width: 559px;
	margin: 0;
	float: left;
	line-height: 27px;
}

#vh_wrapper .input-wrapper .of-typography-size,
#vh_wrapper .input-wrapper .of-typography-style,
#vh_wrapper .input-wrapper .of-border-width {
	float: left;
	width: 80px;
}

#vh_wrapper .mini .input-wrapper select,
#vh_wrapper #content .section .mini .input-wrapper,
#vh_wrapper .mini .input-wrapper input,
#vh_wrapper #content .mini .input-wrapper {
	width: 70px;
}

#vh_wrapper #content .section .explain {
	color: #999;
	float: left;
	font-size: 11px;
	padding: 0;
	width: 185px;
}

#vh_wrapper .group h2 {
	border-bottom: 3px solid #DDD;
	display: none;
}

#vh_wrapper #content .section-typography .explain {
	width: 120px;
}

#vh_wrapper #content .section-checkbox .explain {
	width: 500px !important;
}

#vh_wrapper #content .section-color .explain {
	width: 420px;
}

#vh_wrapper #of-nav {
	float: left;
	position: relative;
	width: 180px;
	z-index: 9999;
}

#vh_wrapper #of-nav ul {
	margin: 0;
}

#vh_wrapper #of-nav li {
	margin-bottom: 0;
	border-bottom: 1px solid #ebebeb;
}

#vh_wrapper #of-nav ul li a,
#of-nav ul li a:visited {
	padding: 0 3px 0 13px;
	display: block;
	line-height: 40px;
	height: 40px;
	color: #21759B;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

#vh_wrapper #of-nav ul li a:hover {
	color: #D64E21;
}

#vh_wrapper #of-nav ul li.current a,
#vh_wrapper #of-nav ul li.current a:hover {
	background-color: #fff;
	border-right: 3px solid #668eb0;
	color: #333;
}

#vh_wrapper #content .section h3.heading {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 7px 0;
	font-weight: normal;
	font-size: 16px;
}

#vh_wrapper #content .section-info .input-wrapper small,
*:first-child+html #vh_wrapper #content .section .explain {
	font-size: 12px;
}

#vh_wrapper #content .section-info h3.heading {
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 20px;
	font-size: 12px;
	font-weight: 100;
	letter-spacing: 1px;
	border: 0;
	border-top: 1px solid #FFF298;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	moz-border-radius-topleft: 4px;
	moz-border-radius-topright: 4px;
	webkit-border-top-left-radius: 4px;
	webkit-border-top-right-radius: 4px;
	background: #EFE186;
}

.updated,
.error,
.js #vh_wrapper #js-warning,
.hide {
	display: none !important;
}

#vh_wrapper #js-warning {
	color: red;
	float: left;
	margin: 20px 10px;
	width: 330px;
}

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

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

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

#vh_wrapper #media-upload-error {
	font-weight: bold;
	color: #FF0000;
	font-size: 13px;
	line-height: 1.4em;
}

.of-notice {
	background: #ffd1d1;
	border: 1px solid #DFA8A7;
	border-radius: 8px;
	margin-bottom: 15px;
	moz-border-radius: 8px;
	text-align: center;
	webkit-border-radius: 8px;
}

#vh_wrapper input[type=text] {
	width: 340px;
}

#vh_wrapper .input-wrapper .of-typography-unit {
	float: left;
	width: 50px;
}

#vh_wrapper .input-wrapper .of-typography-face {
	float: left;
	width: 100px;
}

#vh_wrapper .input-wrapper .of-radio-img-img {
	margin: 0 5px 10px 0;
	display: none;
	float: left;
	border: 2px solid #fff;
	cursor: pointer;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#vh_wrapper .input-wrapper .of-radio-img-selected,
#vh_wrapper .input-wrapper .of-radio-img-img:hover {
	border: 2px solid #21759B;
	border-radius: 6px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

#vh_wrapper .input-wrapper .of-border-style {
	float: left;
	width: 120px;
}

#vh_wrapper textarea,
#vh_wrapper input,
#vh_wrapper select {
	border-style: solid;
	border-width: 1px;
}

#vh_wrapper .input-wrapper input,
#vh_wrapper .input-wrapper select,
#vh_wrapper .input-wrapper textarea {
	width: 558px;
	margin-bottom: 9px;
	padding: 7px 4px !important;
	float: left;
	margin-right: 10px;
	border: 1px solid;
	border-color: #dfdfdf;
	font-family: "Open Sans";
	font-size: 12px;
}

#vh_wrapper .input-wrapper select {
	height: 33px;
	line-height: 32px;
}

#vh_wrapper .input-wrapper .upload-input {
	width: 454px;
	margin-right: 4px;
}

#vh_wrapper .input-wrapper .upload-input-small {
	width: 303px;
}

#vh_wrapper .input-wrapper textarea {
	resize: none;
	line-height: 20px;
}

#vh_wrapper .input-wrapper .input-text-small {
	width: 70px;
	margin-right: 0;
	float: right;
}

#vh_wrapper input.checkbox,
#vh_wrapper input.of-radio {
	width: auto;
	padding: 0 !important;
}

#vh_wrapper .input-wrapper .checkbox {
	background-color: #FFF !important;
}

#vh_wrapper .input-wrapper select {
	padding: 0 0 0 4px;
	width: 558px;
}

#vh_wrapper .input-wrapper select.select-small {
	width: 70px;
	float: left;
	margin-right: 10px;
}

#vh_wrapper .input-wrapper .select-number {
	width: 70px;
	margin-right: 10px;
	float: right;
	position: relative;
	top: -20px;
	left: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.reset-button {
	float: left;
}

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

#vh_wrapper .message-box {
	width: 753px;
	padding: 6px 15px;
	margin: 30px 0 10px 0;
	display: none;
	border: 1px solid #E6DB55;
	font-size: 12px;
	background-color: #FFFFE0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#vh_wrapper #ofform-reset {
	position: absolute;
	bottom: 14px;
	left: 10px;
}

.upload-box {
	margin-bottom: 10px;
	float: right;
}

.upload-box .button {
	cursor: pointer;
	border-radius: 0;
	height: 33px;
	line-height: 32px;
	margin-top: 1px;
	border-color: #dfdfdf;
}

.image-box {
	position: relative;
	float: left;
}

.image-box .uploaded-image img {
	max-width: 500px;
}

.remove-image {
	width: 16px;
	height: 16px;
	position: absolute;
	margin-left: 10px;
	top: 5px;
	right: 5px;
	cursor: pointer;
	background: url(images/remove.png) no-repeat;
}

#vh_wrapper .button-primary {
	margin: 0;
	height: 33px;
	line-height: 32px;
	border-radius: 0;
	text-shadow: none;
}

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

#vh_wrapper .input-wrapper .of-color {
	float: left;
	margin-left: 5px;
	width: 80px;
}

#vh_wrapper .group {
	padding-bottom: 20px;
}

.added-image {
	max-width: 500px;
}

*:first-child+html .reset-button {
	margin-top: -24px;
}

#vh_wrapper #of-nav ul li.current a,
#vh_wrapper #of-nav ul li.current a:hover {
	background-color: #fff !important;
	color: #333;
}

.ui-slider-horizontal {
	max-width: 470px;
	margin-top: 10px;
}

/* Tooltip */
.tooltip {
	display: block;
	position: absolute;
	z-index: 9999;
	color: #fff;
	font-size: 11px;
	width: 180px;
}

.tooltip .tipBody {
	padding: 5px;
	background-color: #252525;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top: -20px;
	left: 50px;
}

.tooltip-icon {
	width: 16px;
	height: 16px;
	float: left;
	position: relative;
	top: 12px;
	left: 5px;
}


body .tooltip-icon:before {
	font-size: 16px;
	color: #A7A7A7;
	position: relative;
	top: -13px;
	left: 3px;
}

/* Font Preview */
.font-preview {
	width: 537px;
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #D8D8D8;
}

#vh_wrapper .input-wrapper .font-size,
#vh_wrapper .input-wrapper .line-height,
#vh_wrapper .input-wrapper .font-family,
#vh_wrapper .input-wrapper .font-weight {
	width: 65px;
	padding: 2px;
	margin-bottom: 0;
	height: 33px;
	line-height: 32px;
	border-color: #D8D8D8;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#vh_wrapper .input-wrapper .font-family {
	width: 250px;
}

#vh_wrapper .input-wrapper .font-weight {
	width: 105px;
	margin-right: 0;
}

#vh_wrapper .input-wrapper .font-descriptions {
	position: relative;
	top: -4px;
	left: -1px;
}

#vh_wrapper .input-wrapper .font-descriptions div {
	width: 60px;
	height: 13px;
	margin-right: 18px;
	float: left;
	line-height: 8px;
	font-size: 10px;
	color: #777;
	text-align: center;
}

#vh_wrapper .input-wrapper .color-selector {
	width: 33px;
	height: 33px;
	position: relative;
	top: -5px;
	right: 0;
	float: right;
	background: url("../admin/images/select2.png");
}

#vh_wrapper .input-wrapper .color-selector div {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: url("../admin/images/select2.png") center;
}

.tab_header_settings .icon-sitemap:before {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}

/* Font radio button */

#vh_wrapper .section-font-icons span {
	float: left;
}

#vh_wrapper .of-radio-font-radio {
	display: none;
}

#vh_wrapper .of-radio-font-font {
	float: left;
	cursor: pointer;
	color: #21759B;
}

#vh_wrapper .of-radio-font-selected {
	color: #000;
}

#vh_wrapper .of-radio-font-font:hover {
	color: #D64E21;
}

/* Font icons */

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

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "options";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-size: 25px;

	margin-right: 10px;
	vertical-align: middle;
	line-height: 40px;

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-users:before { content: '👥'; } /* '\1f465' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-attention-1:before { content: '\e800'; } /* '' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-css:before { content: '\e09f'; } /* '' */
.icon-th-list:before { content: '\e0fc'; } /* '' */
.icon-th-list-right:before { content: '\e0fc'; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); writing-mode: lr-tb; } /* '' */
.icon-menu:before { content: '\e0fe'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-th-large:before { content: '\e708'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-font:before { content: '\e779'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-code-1:before { content: '\f121'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-credit-card:before { content: '💳'; } /* '\1f4b3' */