/*---------------*/
/*- MAIN TABS ---*/
/*---------------*/
.no_display{display: none;}
h2.nav-tab-wrapper, h3.nav-tab-wrapper{padding: 10px 10px 0px; margin: 10px 0px 0px; background: #f3f3f3; border-radius: 5px 5px 0px 0px;}
h2 .nav-tab{background: #fff;}
.instagram32{display: block; height: 32px; width: 32px; float: left; margin: 7px 8px 0 0; background: url('images/instagram-32.png');}

/*-------------------------------------------*/
/*- TABBED CONTENT HEADERS AND INTRO TEXT ---*/
/*-------------------------------------------*/
h3{font-size: 20px; margin: 25px 0px 10px;}
h3 + p{margin: 0px 0px 20px; padding: 0px 0px 20px; border-bottom: 2px solid #ccc; color: #595959; font-size: 16px;}

p .clear-settings{float: right; margin-left: 5px; font-size: 12px; font-weight: bold; text-decoration: none; color: #fff;  padding: 3px 10px; border-radius: 1em; background-color: #ff8484}
p .preview{float: right; margin-left: 5px; font-size: 12px; font-weight: bold; text-decoration: none; color: #fff;  padding: 3px 10px; border-radius: 1em; background-color: #999;}
p .preview:hover, p .clear-settings:hover{background: #333;}
p input{float: right; margin-left: 5px; font-size: 12px;  padding: 3px 10px;}
p span{display: block; width: 384px; float: right;}

/*------------------------------------------------*/
/*- FONT STYLING OF THE TABLES HOLDING CONTENT ---*/
/*------------------------------------------------*/
.form-table th{padding-left: 0px;}
.form-table td select{width: 40%;}
.form-table td input[type=text], .form-table td input[type=password]{width: 40%; padding: 8px;}
.form-table td textarea{width: 40%; padding: 8px;}
.form-table td #css{width: 75%; height: 450px; padding: 8px; font-family: "Consolas",Monaco,monospace; font-size: 12px;}
.form-table td input + label, .form-table td select + label{display: block; clear: both; margin: 4px 0px 0px 0px; color: #595959;}


/*--------------------------------*/
/*- BACKGROUND OPTIONS STYLING ---*/
/*--------------------------------*/
.available-headers {max-width: 100%; padding: 0px;}
.available-headers ul {top: 0px; left: 0px;}
.available-headers ul li{float: left; display: block; width: 140px; height: auto; margin-right: 12px; padding: 4px; background: white; border: 1px solid #DFDFDF; border-radius: 3px;}
.available-headers ul li img{display: block; max-width: 140px;}
.available-headers ul li.active{ background: #ccc; border: 1px solid #777;}

.available-headers input[type=radio]{visibility: hidden;}


/*--------------------------------*/
/*- DRAG N DROP LAYOUT BUTTONS ---*/
/*--------------------------------*/
h2.home-page-order{width: 340px; border-bottom: 2px solid #ccc; color: #595959; font-size: 16px; font-weight: bold; margin-bottom: 13px;}
.home-page-order {width: 100%; list-style: none;}
.home-page-order li{width: 350px; height: 30px; font-size: 15px; padding-top: 10px; background: #fff; border: 1px dashed #ccc; text-align: center; list-style: none; cursor: move;}
.home-page-order li input[type='checkbox']{float: right; margin-right: 15px; margin-top: 5px;}


/*------------------*/
/*- HELP SECTION ---*/
/*------------------*/

.help p{margin-bottom: 30px;} 
.help ul{list-style: none; margin: 0px; padding: 0px;}
.help ul li{float: left; width: 30%; margin: 0px 1% 0px 0px; padding: 0px;}
.help ul li img{max-width: 90%; display: block; margin-bottom: 20px; border: 4px solid #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);}
.help ul li h4{font-weight: bold; font-size: 15px; margin-bottom: 10px;}

/*--------------*/
/*- OBOX TAG ---*/
/*--------------*/

.obox-credit{padding: 5px 10px; margin: 0px; position: fixed; bottom: 0px; right: 160px; overflow: hidden; line-height: 1em;
				background: rgba(0, 0, 0, 0.7); border-radius: 5px 5px 0px 0px; text-transform: uppercase; font-size: 9px; text-align: center;}
.obox-credit:hover{background: #000;}