/**
 * Responsive Pro Theme Options Styling
 *
 * Styling for the theme options
 *
 * Please do not edit this file. This file is part of the CyberChimps Framework and all modifications
 * should be made in a child theme.
 *
 * @category Responsive Pro
 * @package  Responsive Pro
 * @since    1.0
 * @author   CyberChimps
 * @license  http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
 * @link     http://www.cyberchimps.com/
 */

/* =Responsive 12 Column Grid
    http://themeid.com/responsive-grid/
-------------------------------------------------------------- */

.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
	float: left;
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}

.col-460 {
	width: 48.936170212766%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

/* Clear new lines */
.col-300 {
	clear: left;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#rwd {
	max-width: 980px;
}

h3.rwd-toggle {
	float: left;
	position: relative;
	width: 98%;
	height: 34px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	box-shadow: inset 0 1px 0 #ffffff;
	padding: 0;
	margin: 20px 0 0 0;
	border: 3px solid #dfdfdf;
	background: #f5f5f5;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
	background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
	background-image: -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
	background-image: -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
	background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
	line-height: 34px;
	font-size: 15px;
	font-weight: normal;
	text-indent: 10px;
}

h3.rwd-toggle a {
	background: url(../../../lib/images/arrow-down.png) 99% 50% no-repeat;
	color: #464646;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	text-decoration: none;
	display: block;
	text-shadow: 0 1px 0 #ffffff;
}

h3.rwd-toggle a:hover {
	background: url(../../../lib/images/arrow-down.png) 99% 50% no-repeat;
	color: #444444;
}

h3.active {
	background-position: left bottom;
}

h3.rwd-toggle .option-arrow {
	height: 10px;
	width: 10px;
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	margin-left: -30px;
}

h4.sub-title {
	float: left;
	width: 100%;
}

.rwd-container {
	width: 98%;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	margin: 0;
	padding: 20px 0 0 0;
	border: 3px solid #dfdfdf;
	border-top: none;
	background: #fcfcfc;
	overflow: hidden;
	font-size: 12px;
	clear: both;
	color: #333333;
}

.rwd-container .rwd-block {
	padding: 20px;
}

.rwd-container .rwd-block .rwd-section {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 15px;
}

.rwd-container .rwd-block input[type=text] {
	width: 100%;
}

div.updated {
}

/* ==================================== Hide container immediately if js is available ================================================== */

.js .rwd-container {
	display: none;
}

/* Set max width to 768px to match WP */
@media screen and (max-width:768px) {
	.col-300 {
		width: 40.425531914894%;
	}

	.col-300.select {
		width: 100%;
	}

	.col-620 {
		width: 57.446808510638%;
	}

	.col-620.select {
		width: 100%;
		margin-bottom: 10px;
	}

	.col-300.media-upload {
		width: 100%;
	}

	.col-460.media-upload {
		width: 65.957446808511%;
	}

	.col-140.media-upload {
		width: 31.914893617021%;
	}
}

@media screen and (max-width:480px) {
	.col-300 {
		width: 100%;
		margin: 10px 0;
	}

	.col-620 {
		width: 100%;
		margin: 10px 0;
	}
}

/* ==================================== FORM ELEMENTS ================================================== */

.rwd-block button.upload {
	clear: left;
	float: right;
	margin: 10px 0;
}

.plugin-check {
	position: relative;
	margin-bottom: 25px;
}

.plugin-check a {
	padding-left: 50px;
}

.plugins-icon {
	position: absolute;
	top: -50%;
	left: 0;
}

/* ==================================== MEDIA UPLOAD ================================================== */

.upload-image {
	max-width: 100%;
	height: auto;
}

/* ==================================== TABS ================================================== */

#header-links-wrapper {
	margin-top: 20px;
	margin-bottom: 0;
}

#header-links-wrapper .header-links a.button {
	height: auto;
	color: #ffffff;
	padding: 5px 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	background: none;
	background-color: #333333;
	border-color: transparent;
	box-shadow: none;
	text-shadow: none;
	line-height: 1.5em;
}

#header-links-wrapper .header-links a.button:hover {
	background-color: #0074a2;
}

/* media call set at 768px to match WP */
@media screen and (max-width:768px) {

}

/*******************************
*	Layout Tab Grid Settings
********************************
*/

.responsive-layouts-wrapper img{
	border: 4px solid #eeeeee;
}

.responsive-layouts-wrapper img.selected-grid, .responsive-layouts-wrapper img:hover{
	border-color: #5da7f2;
	cursor: pointer;
}

.responsive-layouts-wrapper .radio-grids-option-wrapper {
    display: inline-block;
    margin-right: 5%;
}

/* =Inline CSS
-------------------------------------------------------------- */
.inline-css {
	background: #f9f9f9;
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	outline: none;
}

/* =Help Links
-------------------------------------------------------------- */
.help-links {
	border-top: 1px solid #dddddd;
	display: block;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
}

/* =Extra Links
-------------------------------------------------------------- */
.extra-links {
	float: right;
	margin-right: 5px;
}

/* =Info Boxes
-------------------------------------------------------------- */
#info-box-wrapper {
	margin-bottom: 0;
}

.info-box {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	margin: 20px 0 10px 0;
	padding: 15px 10px;
	text-align: left;
}

.alert {
	background-color: #faebeb;
	border: 1px solid #dc7070;
	color: #212121;
}

.address {
	background-color: #f6f5ef;
	border: 1px solid #cdc9a5;
	color: #212121;
}

/*TODO needs to be uncommented and removed from HTML when added to the free options*/
/*.notice {*/
/*background-color: #fbf9e9;*/
/*border: 1px solid #e3cf57;*/
/*color: #212121;*/
/*}*/

.success {
	background-color: #f9fde8;
	border: 1px solid #a2bc13;
	color: #212121;
}

.download {
	background-color: #fff4e5;
	border: 1px solid #ff9912;
	color: #212121;
}

.information {
	background-color: #eef3f6;
	border: 1px solid #6ca6cd;
	color: #212121;
}

.required {
	color: #d5243f;
}

ul.error-list {
	margin-left: 20px;
}

.tinymce-editor iframe {
	min-height: 300px;
}

.rwd-container .submit .upgrade {
	display: none;
}

/* =RTL CSS
-------------------------------------------------------------- */
.rtl .grid {
	float: right;
	margin-bottom: 2.083%;
	padding-top: 0;
}

.rtl .col-60, .rtl .col-140, .rtl .col-220, .rtl .col-300, .rtl .col-380, .rtl .col-460, .rtl .col-540, .rtl .col-620, .rtl .col-700, .rtl .col-780, .rtl .col-860 {
	margin-right: 0;
	margin-left: 2.12766%;
}

.rtl  h3.rwd-toggle {
	padding: 0 10px 0 0;
	float: right;
}

.rtl h3.rwd-toggle a {
	background: url(../../../lib/images/arrow-down.png) 1% 50% no-repeat;
}

.rtl h3.rwd-toggle a:hover {
	background: url(../../../lib/images/arrow-down.png) 1% 50% no-repeat;
}

.rtl .info-box {
	text-align: right;
}
.greytext { color : #999999;}
.sky-tabs ul li .grid {
	margin-bottom: 3.6%;
}
.sky-tabs p .upgrade {text-decoration: none!important;}
.sky-tabs p { font-size: 13px ;}
.sky-tabs p .button { margin-right : 4px; }
.sky-tabs .wp-editor-container  { border : 1px solid #ddd; }
.sky-tabs div.formsuccess { width: 73%;
margin: 1% 0 0 25%;
color: #01AA42;
background:none repeat scroll 0% 0% #F4FCEF; 
border: none;
border-radius: 4px;padding: 10px 12px;}
.sky-tabs.formsuccess p { font-size: 14px;}