/*

-----------------------------------
- WARNING! DO NOT EDIT THIS FILE! -
-----------------------------------

------------
- INDEX ----
------------

#1 - SETTINGS CONTAINER
#2 - TABBED CONTENT
#3 - FORM ELEMENTS
#4 - SPECIFIC MODULES
#5 - CUSTOMIZER
#6 - ADVERT MANAGER
#7 - CLEARFIX
#8 - RESPONSIVE

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


/*-------------------------------*/
/*- #1 - SETTINGS CONTAINER -----*/
/*-------------------------------*/

	/*---------------------------*/
	/*- CONTAINER ---------------*/
	.mobile-container{width: 760px;}


	/*---------------------------*/
	/*- SETTINGS TITLE BLOCK ----*/
	.mobile-title-block{overflow: hidden; padding: 10px 0px 20px;}
	.mobile-title-block h2{float: left; margin: 0; padding: 0;}
	.mobile-title-block h5{float: right; margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #777;}
	.mobile-title-block h5 span{float: right;}


	/*---------------------------*/
	/*- HEADER BLOCK ------------*/
	#header-block{padding: 20px; margin: 0px; overflow: hidden; background: #3D556C; border: 1px solid #212F3C; border-bottom: none; border-radius: 5px 5px 0px 0px;}
	#header-block h3{padding: 0px; margin: 0px; font-size: 17px; line-height: 33px; color: #fff;}


	/*---------------------------*/
	/*- TABBED NAVIGATION -------*/
	ul.tabs{margin: 10px 0px -16px 0px; padding: 0px;}
	ul.tabs li{float: left; margin: 0px 10px 0px 0px; padding: 8px 15px; background: #f1f1f1; border: 1px solid #e0e0e0; border-bottom: 1px solid #ccc; border-radius: 6px 6px 0px 0px; font-size: 13px;}
	ul.tabs li.selected{background: #fff; border-color: #ccc; border-bottom: 1px solid #fff;}
	ul.tabs li a{color: #545454; text-decoration: none; font-weight: bold;}
	ul.tabs li.selected a{color: #333;}
	ul.tabs li a:hover{color: #21759b;}


	/*---------------------------*/
	/*- CONTENT -----------------*/
	#info-content-block{padding: 15px 20px; background: #e9e9e9; border: 1px solid #ccc; border-top: none; font-size: 11px; color: #595959;}
	#content-block{margin: 0px 0px 40px; background: #fff; border: 1px solid #ccc; border-top: none; font-size: 12px; border-radius: 0px 0px 6px 6px;}
	#content-block .admin-note{padding: 10px 5px 0px 20px; margin: 0px; font-style: italic; color: #666;}
	.content{padding: 20px; margin: 0px; background: #fff;}


	/*---------------------------*/
	/*- BASE CONTROLS (FOOTER) --*/
	.base-controls{padding: 10px 20px; margin: 0px; overflow: hidden; background: #3D556C; border: 1px solid #212F3C; border-top: none; border-radius: 0px 0px 3px 3px;}
	.base-controls a{float: right; margin-left: 10px;}

		/*-----------------------*/
		/*- BUTTONS -------------*/
		.obox-save, .obox-reset{cursor: pointer; font-size: 14px;}
		.obox-save{float: right; padding: 6px 10px; margin-left: 10px; border-radius: 3px; background: #008FD5; border: 1px solid #009EEC; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); font-weight: bold; color: #fff;}
		.obox-save:hover{background-color: #009EEC; border-color: #00A5F7;}

		.obox-reset{float: right; padding: 7px 10px; margin-left: 10px; background: none; border: none; font-weight: bold; color: #ccc; font-size: 12px; text-decoration: underline;}
		.obox-reset:hover{color: #fff;}


/*-------------------------------*/
/*- #2 - TABBED CONTENT ---------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- TAB BLOCK ---------------*/
	.admin-block-list{margin: 0px; background: #fff ; border-radius: 0px 0px 6px 6px;}

		/*-----------------------*/
		/*- TAB ITEM ------------*/
		.admin-block-item{clear: both; padding: 30px 20px; margin: 0px; overflow: auto; border-bottom: 2px solid #e0e0e0;}
		.admin-block-item:first-child{border-top: none;}
		.admin-block-item:last-child{border-bottom: none;}

		/*-----------------------*/
		/*- TAB DETAILS ---------*/
		.admin-description{margin-bottom: 20px;}
		.admin-description h4{margin: 0px; padding: 0px; font-size: 16px;}
		.admin-description h4 span{clear: both; color: #666;  padding: 0px; font-size: 10px; font-style: italic; font-weight: lighter;}
		.admin-description p{margin: 8px 0px 0px; padding: 0px; font-size: 14px; line-height: 1.3em; color: #777;}

		/*-----------------------*/
		/*- TAB SETTINGS CONTENT */
		.admin-content{overflow: hidden;}
		.admin-content h4{color: #595959; margin: 0px 0px 5px; padding: 0px;}
		.admin-content select{min-width: 500px; height: auto; padding: 4px;}
		.admin-content input[type=text]{width: 500px; padding: 8px; font-size: 14px;}
		.admin-content textarea{width: 100%; padding: 2%; line-height: 1.3em; font-size: 13px; font-family: "Courier New", Courier, monospace;}
		.admin-content .form-wrap{margin: 0px;}
		.admin-content .form-wrap select{width: 500px;}


/*-------------------------------*/
/*- #3 - FORM ELEMENTS ----------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- FORM OPTIONS ------------*/
	.form-options{clear: both; margin: 0px; padding: 0px; position: relative; line-height: normal; background: #fff;}
	.form-options li{padding: 20px 10px 10px 10px; margin: 0px; border-bottom: 1px solid #eee; overflow: hidden;}
	.form-options li:last-child{border-bottom: 0px;}

		/*-----------------------*/
		/*- CONTAINED FORMS -----*/
		.contained-forms{background: #f5f5f5; border: 1px solid #eee;}
		.contained-forms-large{padding: 0px; margin: 0px; background: #f5f5f5;}
		.contained-forms-large li.column{padding: 0px; margin: 0px;}


	/*---------------------------*/
	/*- FORM LABEL AND INPUTS ---*/
	.form-options li label.parent-label{display: block; margin-bottom: 10px; font-size: 14px;}
	.form-options li .form-wrap label.image-edit-item input{position: absolute; top: 5px; left: 5px; z-index: 1;}
	.form-options textarea, .form-options input, .form-options select{margin-left: 0; margin-right: 0; margin-top: 0;}

	/*---------------------------*/
	/*- FORM WIDTHS -------------*/
	.form-wrap input[type=text]{width: 400px; padding: 8px; margin-bottom: 20px;  font-size: 14px;}
	.form-wrap select{width: 400px; padding: 8px; margin-bottom: 4px; font-size: 14px;}
	.form-wrap textarea{width: 400px; padding: 8px; height: 140px; margin-bottom: 4px; font-size: 14px;}

		/*-----------------------*/
		/*- CHILD FORM WIDTHS ---*/
		.form-wrap .child-form input[type=text]{float: left; width: 250px; margin-bottom: 4px;}
		.form-wrap .child-form textarea{max-height: 600px; margin-bottom: 4px;}
		.form-wrap .child-form select{width: 300px; margin-bottom: 4px;}

		/*-----------------------*/
		/*- INPUT CONTAINERS ----*/
		.form-options li .form-wrap .child-form{clear: both; margin-bottom: 5px;}
		label.child-label{float: left; width: 220px; padding: 0px; line-height: 25px; color: #545454;}
		.form-options li .form-wrap .child-form span.tooltip{margin-left: 184px; width: 275px;}
		.form-options li .form-wrap.checkboxes{overflow: hidden;}
		.form-options li .form-wrap.checkboxes .child-form{float: left; margin: 0 8px 0 0; line-height: 22px;}


	/*---------------------------*/
	/*- NO CLUE?? ---------------*/
	.settings-message{padding: 0px; margin: 0px 0px 20px; color: #777;}
	.mobile-container label{font-size: 12px; font-weight: bold; color: #222;}
	.mobile-container .tooltip{display: block; clear: both; font-size: 13px; color: #777; padding-left: 2px; line-height: 1.5em;}
	.no_display{display: none;}
	.del-link, .remove{text-align: center; font-size: 11px !important; text-decoration: none;}
	.info-bubble{display: block; width: 460px; padding-left: 35px; font-size: 10px; color: #595959; background: url(images/info-bubble.png) no-repeat left;}


/*-------------------------------*/
/*- #4 - SPECIFIC MODULES -------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- LOGO UPLOADER -----------*/
	.logo-display{float: left; height: 200px; margin: 0px 15px 15px 0; border: 1px solid #ccc; background: #fff; border-radius: 3px;}
	.logo-display a{display: block; width: 250px; height: 200px;}

		/*-----------------------*/
		/*- UPLOADER ------------*/
		.admin-content .file {float: left; width: 400px;}
		.admin-content .file input[type='text'] {width: 260px !important;}

		/*-----------------------*/
		/*- PREVIOUS LOGOS ------*/
		.previous-logos li{float: left; margin: 0px 10px 10px 0px; text-align: center;}
		.previous-logos li:nth-child(4n+4){margin-right: 0px;}
		.previous-logos li {display: block; width: 100px; height: 80px; overflow: hidden; padding: 10px; background: #f1f1f1; border: 1px solid #ccc; border-radius: 4px;}
		.previous-logos li a.image{display: block; width: 100px; height: 60px; position: relative; overflow: hidden;  margin-bottom: 7px;}
		.previous-logos li a.remove{color: #f00;}
		.previous-logos li img{margin: auto;}
		.previous-logos li a:hover{background: #f0f0f0;}


	/*---------------------------*/
	/*- TRACKING / CUSTOM CSS ---*/
	textarea.site-tracking{height: 200px;}
	textarea.custom-css{width: 670px; padding: 10px; min-height: 500px;}


	/*---------------------------*/
	/*- LAYOUT OPTIONS ----------*/
	.layout-options{ margin-top: -15px;}
	.layout-options li{float: left; width: 44px; padding: 10px 3px; border-bottom: none; cursor: pointer;}
	.layout-options li img {width: 100%;}
	.layout-options li a{text-decoration: none; color: #333;}
	.layout-image{display: block; margin: auto; width: 56px; margin-bottom: 15px;}


/*-------------------------------*/
/*- #5 - CUSTOMIZER -------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- CONTAINER ---------------*/
	.mobile-customize{clear: both; padding: 15px 0;}
	.mobile-customize .mobile-title-block{display: none;}
	.mobile-customize #header-block{padding: 10px 20px;}
	.mobile-customize .base-controls{display: none;}

	/*---------------------------*/
	/*- CUSTOMIZATION VIEW ------*/
	.customization-block{float: left; width: 393px; height: auto; margin: 0; border-right: 1px solid #ccc; overflow-y: scroll; overflow-x: hidden;}
	.customization-block .admin-description{padding: 20px 20px 0px;}

		/*-----------------------*/
		/*- ACCORDIONS ----------*/
		.customization{margin: 0;}
		.customization .accordian{overflow: hidden;}
		.customization .accordian-title{background: #f5f5f5; border-top: 1px solid #e0e0e0; padding: 10px 20px; color: #333; cursor: pointer;}
		.customization .accordian-title.active{background: #3D556C; border-color: #212F3C; color: #fff;}
		.customization .accordian-title h4{margin: 0px; padding: 0px; font-size: 16px; position: relative;}
		.customization .accordian-title h4:after {content: ''; width: 0; height: 0; border-color: #ccc transparent; border-style: solid; border-width: 6px 6px 0; position: absolute; top: 5px; right: 5px; z-index: 1;}
		.customization .accordian-title.active h4:after { border-color: #e0e0e0 transparent; border-width: 0px 6px 6px 6px }

			/*-------------------*/
			/*- CUSTOMIZE PICKER */
			.customization-options{border-top: 1px solid #e0e0e0;}
			.customization-item{padding: 10px 20px; margin: 0; overflow: hidden; border-bottom: 1px dotted #e0e0e0;}
			.customization-item:last-child{border-bottom: none; border-radius: 0 0 4px 4px;}
			.customization-item label{float: left; width: 50%; font-size: 12px; line-height: 26px;}
			li.customization-item img{max-width: 118px;}
			.customization-option{float: right;}

			.customization .form-options li .wp-picker-input-wrap input[type='text'] {width: 120px;}
			.customization .form-options li .wp-picker-holder {z-index: 2; position: absolute;}

	/*---------------------------*/
	/*- MOBILE VIEW -------------*/
	.mobile-block{float: left; width: 342px; overflow: hidden; padding: 0; margin: 0; overflow: hidden;}
	.mobile-block iframe{width: 342px;}


/*-------------------------------*/
/*- #6 - ADVERT MANAGER ---------*/
/*-------------------------------*/

	.advert-block .ad-image{display: block; float: left; margin-right: 15px; background: #f5f5f5 url(images/no-advert-image.png) center no-repeat; border: 1px solid #ccc;}
	.advert-block a{clear: both; display: block; text-align: left;}

	.advert-125 .ad-image{width: 125px; height: 125px;}
	.advert-300 .ad-image{width: 300px; height: 250px;}

	.advert-125 .ad-forms{float: left; width: 550px;}
	.advert-300 .ad-forms{float: left; width: 375px;}
	.advert-300 .ad-forms .form-wrap{width: 375px;}
	.advert-290 .ad-forms{float: left; width: 365px;}
	.advert-290 .ad-forms .form-wrap{width: 365px;}


/*-------------------------------*/
/*- #7 - CLEARFIX ---------------*/
/*-------------------------------*/
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix {*zoom: 1;}


/*-------------------------------*/
/*- #8 - RESPONSIVE -------------*/
/*-------------------------------*/
@media screen and (max-height: 600px){
	.customization-block{height: 410px;}
	.mobile-block{height: 410px;}
	.mobile-block iframe{height: 410px;}
}
@media screen and (min-height: 601px) and (max-height: 768px){
	.customization-block{height: 460px;}
	.mobile-block{height: 460px;}
	.mobile-block iframe{height: 460px;}
}
@media screen and (min-height: 769px) and (max-height: 1024px){
	.customization-block{height: 680px;}
	.mobile-block{height: 680px;}
	.mobile-block iframe{height: 680px;}
}
@media screen and (min-height: 1025px){
	.customization-block{height: 720px;}
	.mobile-block{height: 720px;}
	.mobile-block iframe{height: 720px;}
}