.ocmx-container{width: 760px;}
.ocmx-container label{font-size: 11px; font-weight: bold; color: #222;}
.ocmx-container h2 span{float: right; font-size: 11px; font-style: italic; color: #222;}
.ocmx-container .tooltip{display: block; clear: both; font-size: 10px; color: #595959; padding-left: 2px;}
.del-link, .remove{ text-align: center; font-size: 11px !important; text-decoration: none;}

/*--------------------------*/
/*- LAYOUT OPTIONS ---------*/
#header-block{padding: 15px 20px; background: #dfdfdf url(http://localhost:8096/wordpress/wp-admin/images/gray-grad.png) repeat-x; border: 1px solid #ccc;
				-webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px;
				-moz-border-radius: 6px 6px 0px 0px;}

	
#info-content-block{padding: 15px 20px; background: #f5f5f5; border: 1px solid #ccc; border-top: none; font-size: 11px; color: #595959;}

#content-block{margin-bottom: 40px; background: #fff; border: 1px solid #ccc; border-top: none; font-size: 12px;
				-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
				-moz-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;}
		.base-controls{padding: 10px 20px; background: #dfdfdf url(http://localhost:8096/wordpress/wp-admin/images/gray-grad.png) repeat-x; border-top: 1px solid #ccc;
						-webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius: 6px;
						-moz-border-radius: 0px 0px 6px 6px;}
			.base-controls a{float: right; margin-right: 10px;}
			
			
	/*------------------------------------*/
	/*- FORM STYLING ---------------------*/
	/*------------------------------------*/
	.form-options{clear: both; margin: 0px; padding: 0px; position: relative; z-index: 1; line-height: normal; background: #fff;} 
	.contained-forms{background: #f9f9f9; border: 1px solid #ccc; top: -1px;
						-webkit-border-radius: 6px; -webkit-border-top-left-radius: 6px;
						-moz-border-radius: 6px 6px 6px 6px;}
		.form-options li{padding: 15px; margin: 0px; border-bottom: 1px dotted #ccc; overflow: auto;}
		.form-options li:last-child{border-bottom: 0px;}
		
		.form-options li label.parent-label{width: 120px; float: left;}
		.form-options li .form-wrap{width: 430px; float: left; margin-top: 0px;}
		
			
			/*--------------------------*/
			/*- PARENT FORM WIDTHS -----*/
			.form-wrap input[type=text]{width: 380px; margin-bottom: 4px;}
			.form-wrap select{width: 400px; margin-bottom: 4px;}
			.form-wrap textarea{width: 380px; height: 140px; margin-bottom: 4px;}
		
			/*--------------------------*/
			/*- CHILD FORM WIDTHS ------*/
			.form-wrap .child-form input[type=text]{width: 300px; margin-bottom: 4px;}
			.form-wrap .child-form textarea{width: 300px; margin-bottom: 4px;}
			.form-wrap .child-form select{width: 300px; margin-bottom: 4px;}

		.form-options li .form-wrap .child-form{clear: both; margin-bottom: 10px;}
		.form-options li label.child-label{float: left; width: 100px; color: #545454;}
		.form-options li .form-wrap .child-form span.tooltip{margin-left: 104px; width: 275px;}
		

	/*------------------------------------*/
	/*- HEADER STYLES --------------------*/
	/*------------------------------------*/
	#header-block h3{padding: 3px 0px 0px; margin: 0px; font-size: 13px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);}
	.button-primary{float: right;}
	
	
	/*------------------------------------*/
	/*- TAB STYLES -----------------------*/
	/*------------------------------------*/
	ul.tabs{margin: 10px 0px -16px; padding: 0px;}
		ul.tabs li{float: left; margin: 0px 10px 0px 0px; padding: 4px 10px; background: #f9f9f9; border: 1px solid #e0e0e0; border-bottom: 1px solid #ccc;
					-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
					-moz-border-radius: 6px 6px 0px 0px;}
			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;}


	/*---------------------------------*/
	/*- GENERAL SETTINGS LAYOUT -------*/
	ul.admin-block-list{background: #fff url(images/general-layout-bg.png) repeat-y;
					-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px;
					-moz-border-radius: 0px 0px 6px 6px;}
		ul.admin-block-list li.admin-block-item{clear: both; padding: 0px; margin: 0px; overflow: auto; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
		ul.admin-block-list li.admin-block-item:first-child{border-top: none;}
		ul.admin-block-list li.admin-block-item:last-child{border-bottom: none;}
			ul.admin-block-list li .admin-description{float: left; width: 140px; padding: 20px;}	
				ul.admin-block-list li .admin-description h4{margin: 0px 0px 8px; padding: 0px; font-size: 13px;}
				ul.admin-block-list li .admin-description h4 span{clear: both; color: #666;  padding: 0px; font-size: 10px; font-style: italic; font-weight: lighter;}
				ul.admin-block-list li .admin-description p{margin: 0px; padding: 0px; font-size: 11px; color: #595959;}
			ul.admin-block-list li .admin-content{float: left; width: 518px; padding: 20px;}
				ul.admin-block-list li .admin-content h4{color: #595959; margin: 0px 0px 5px; padding: 0px;}
				ul.admin-block-list li .admin-content select{min-width: 300px;}
				ul.admin-block-list li .admin-content input[type=text]{min-width: 300px;}
				ul.admin-block-list li .admin-content .form-wrap{width: 300px; margin: 0px;}
					ul.admin-block-list li .admin-content .form-wrap select{width: 300px;}
				
			
			/*--------------*/
			/*- LOGO -------*/		
			.logo-display{width: 520px; height: 200px; margin: 20px 0px 15px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.mobile-logo-display{width: 520px; height: 100px; margin: 20px 0px 15px; border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.logo-display a{display: block; width: 520px; height: 200px;}
			.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: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-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 -------*/
			textarea.site-tracking{width: 520px; height: 105px; font-size: 11px; font-family: "Courier New", Courier, monospace;}
			

	/*--------------------------*/
	/*- HOME PAGE LAYOUT -------*/
	.layout-selector{margin: 0px; padding: 0px; line-height: normal; position: relative; z-index: 2;}
		.layout-selector li{float: left; width: 210px; padding: 10px 11px 10px; margin: 0px; line-height: normal;
							-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
							-moz-border-radius: 6px 6px 0px 0px;}
			.layout-selector li.selected{background: #f9f9f9; border: 1px solid #ccc; border-bottom: none;}
			.layout-selector li img{float: left; margin-right: 10px;}
			.layout-selector li h4{margin: 0px 0px 5px; padding: 0px; height: auto; line-height: normal;}
			.layout-selector li p{margin: 0px; padding: 0px; height: auto; font-size: 11px; color: #555;}

		.clear-left-corner{-webkit-border-top-left-radius: 0px; -moz-border-topleft-radius: 0px;}
		.clear-right-corner{-webkit-border-top-left-radius: 0px; -moz-border-topright-radius: 0px;}
		
		/*--------------------------*/
		/*- NOTIFICATIONS ----------*/
		.info-bubble{display: block; width: 460px; padding-left: 35px; font-size: 10px; color: #595959; background: url(images/info-bubble.png) no-repeat left;}
	

	/*-----------------------------------*/
	/*- ADVERT MANAGEMENT ---------------*/
	.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-220.ad-image{width: 220px; height: 220px;}
	.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;}
	.advert-220 .ad-forms{float: left; width: 435px;}
		.advert-220 .ad-forms .form-wrap{width: 435px;}
		

	/*------------------------------------*/
	/*- GALLERY MANAGEMENT ---------------*/
	h3.gallery-name{padding: 20px 0px 10px; margin: 0px 20px 0px; border-bottom: 1px dotted #ccc;}
	.gallery-image-list{padding: 10px 0px;}
	.gallery-image-list li{float: left; padding: 10px 17px 10px; margin: 0px;}
		
		span.image{display: block; width: 200px; height: 133px; margin-bottom: 4px; overflow: hidden;}
		.gallery-image-list li .gallery-item{display: block; float: left; width: 200px; padding: 6px; margin: 0px; background: #1f1f1f; position: relative;
												-webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.gallery-image-list li .gallery-item a.image{display: block; width: 200px; height: 150px; margin-bottom: 4px; overflow: hidden;}
				.gallery-image-list li .gallery-item a.image img{display: block;}
			.gallery-image-list li .gallery-item a.delete-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 50px;
																	font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
																	-webkit-border-radius: 3px; -moz-border-radius: 3px;}
			.gallery-image-list li .gallery-item a.edit-image{display: block; padding: 1px 3px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 10px; right: 10px;
																font-size: 8.5px; text-transform: uppercase; text-decoration: none; color: #fff;
																-webkit-border-radius: 3px; -moz-border-radius: 3px;}
																
			.gallery-image-list li .gallery-item a.edit-image:hover, .gallery-image-list li .gallery-item a.delete-image:hover{background: rgba(255, 255, 255, 0.9); color: #000;}
			.gallery-image-list li .gallery-item span.image-name{display: block; float: left; min-height: 18px; font-size: 11px; font-weight: bold; color: #fff;}
			.gallery-image-list li .gallery-item span.image-date{float: right; font-size: 7.5px; color: #ccc; text-align: right;}
			
		/*- ADD A NEW GALLERY BUTTON -*/
		.gallery-image-list li .add-new-gallery{width: 212px; padding: 0px; background: none;}
			.add-new-gallery a{display: block; width: 198px; height: 172px; padding: 6px; margin: 0px; background: #f5f5f5 url(images/add-new-gallery.png) 82px 60px no-repeat; border: 1px solid #ccc; position: relative;
								font-weight: bold; text-decoration: none !important; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); text-align: center;
								-webkit-border-radius: 4px; -moz-border-radius: 4px;}
			.add-new-gallery a:hover{border: 1px solid #13455B; background-color: #298CBA; background-position: 82px -694px; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
										-webkit-transition-property:text-shadow , background-color;  
										-webkit-transition-duration: 0.2s, 0.2s;  
										-webkit-transition-timing-function: linear, linear; }
			.add-new-gallery a span{position: relative; top: 120px;}
			
		/*- EDIT GALLERY FORM -*/
		.gallery-image-list li .image-form{display: none; float: right; width: 428px; padding: 15px; margin-left: 20px; background: #f9f9f9; border: 1px solid #ccc; top: -1px;
											-webkit-border-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius: 4px;}
											
		.gallery-image-list li .image-form label.parent-label{width: 90px; float: left; margin-top: 0px;}
		.gallery-image-list li .image-form .form-wrap {width: 320px; float: left; margin-top: 0px;}
			.gallery-image-list li .image-form .form-wrap input[type=text]{width: 320px;}
			.gallery-image-list li .image-form .form-wrap textarea{width: 320px; height: 61px;}
			.gallery-image-list li .image-form .form-wrap label{display: block; float: left; width: 140px; font-size: 10px;}
				.gallery-image-list li .image-form .form-wrap input[type=checkbox], .gallery-image-list li .image-form .form-wrap input[type=radio] {margin-right: 4px;}
		

			
	/*------------------------------------*/
	/*- CREATE A NEW GALLERY -------------*/
	.new-gallery li.admin-block{padding: 20px; margin: 0px; border-bottom: 1px solid #ccc;}
		.new-gallery li.admin-block:last-child{border-bottom: none;}
		.new-gallery li.admin-block .form-wrap{width: 570px;}
		.admin-block h3{padding: 0px; margin: 0px 0px 20px;}
		
	.upload-list{margin: 20px 0px 0px; background: #f9f9f9; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
		.upload-list li{padding: 0px 0px 0px 0px; margin: 0px; background: url(images/upload-icon.png) 10px 8px no-repeat; border-bottom: 1px dotted #ccc; font-weight: bold; overflow: auto;}
		.upload-list li:last-child{border-bottom: none;}
			.upload-list li span{float: left; display: block; padding: 7px 7px 7px 32px;}
			.upload-list li a{float: right; display: block; padding: 8px 10px; margin: 0px; border-left: 1px solid #ccc; color: #c00; font-size: 10px; font-weight: lighter; text-decoration: none;}
				.upload-list li a:hover{color: #111; background: #f0f0f0}

	.dimension-block{float: left; width: 300px; margin: 20px 20px 10px 0px; background: #f9f9f9; border: 1px solid #ccc; overflow: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
		.dimension-block h3{padding: 6px 10px; margin: 0px; border-bottom: 1px solid #ccc; font-size: 12px;}
		
		.dimension-block label{float: left; display: block; width: 46px; padding: 8px 8px; margin: 10px 0px 10px 10px; background: #ffc; border: 1px solid #ccc; color: #333;
								font-size: 13px; line-height: normal; -moz-border-radius: 4px 0px 0px 4px;
								-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;}
		.dimension-block input[type=text]{float: left; display: block; width: 70px; height: 34px; padding: 9px 8px 8px 8px; margin: 10px 0px 0px; background: #ffc; border: 1px solid #ccc; border-left: none;
											font-size: 13px;
											-moz-border-radius: 0px 4px 4px 0px;
											-webkit-border-radius: 4px;
											-webkit-border-bottom-left-radius: 0px;
											-webkit-border-top-left-radius: 0px;}
											
											
											
	/*--------------------------*/
	/*- THEME LIST LAYOUT ------*/								
	.theme-block-item{display: block; float: left; width: 212px; height: auto; margin: 15px 16px; background: #f0f0f0; border: 1px solid #ccc; position: relative;
						-moz-border-radius: 4px; -webkit-border-radius: 4px;}

		.theme-block-item a.screenshot{display: block; width: 200px; height: 250px; padding: 6px 6px 6px; overflow: hidden;}
			.theme-block-item a.screenshot img{width: 200px;}
					
		.theme-block-item h4{display: block; margin: 0px; padding: 5px 6px; min-height: 40px; border-top: 1px dotted #ccc; font-size: 11px; font-weight: bold; color: #333;}
		.theme-block-item div{padding: 3px; border-top: 1px dotted #ccc; overflow: auto; font-size: 9px; color: #ccc; text-align: center;}
			.theme-block-item div a{float: left; display: block; width: 97px; padding: 3px 0px; margin: 3px; background: #1f1f1f; text-decoration: none; color: #ccc;
									-moz-border-radius: 3px; -webkit-border-radius: 3px;}
			.theme-block-item div a:hover{color: #fff; background: #21759B;}
	.theme-block-item .wrap{display: none;}
	
	.theme-block-item.active{background: #21759B; border-color: #13455B;}
	.theme-block-item.active h4{border-color: #13455B; color: #fff;}
		.theme-block-item.active h4 a{color: #fff; text-decoration: none; border-bottom: 1px dotted;}
			.theme-block-item.active div {border-color: #13455B;}
				.theme-block-item.active div a:hover{background: #000;}
	
	.theme-block-item.empty a{display: block; width: 200px; height: 200px; padding: 6px; margin: 75px 0px 0px 0px; background: url(images/add-new-gallery.png) 82px 60px no-repeat;
						font-weight: bold; text-decoration: none !important; color: #333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9); text-align: center;
						-webkit-border-radius: 4px; -moz-border-radius: 4px;}
						
	.theme-block-item.empty{width: 212px; height: 349px; border: 1px dotted #ccc;}
		.theme-block-item.empty.hover{border: 1px solid #13455B; background-color: #298CBA;}
			.theme-block-item.empty.hover a{background-position: 82px -694px;}
				.theme-block-item.empty.hover a span{ color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);;}	
			
		.theme-block-item.empty a span{position: relative; top: 120px;}
			
		.theme-block-item .remove-link{display: block; width: 200px;}
		
	.theme-block-item.loading{width: 212px; height: 349px; background: #fbfbfb url(images/ajax-loader.gif) center no-repeat; border: 1px dotted #ccc;}
		
	.theme-block-item .new-bubble{display: inline-block; padding: 2px; position: absolute; top: -5px; right: -5px; background: #fff; 
					-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
					-moz-border-radius: 9px; -webkit-border-radius: 9px;}									
		.theme-block-item .new-bubble span{display: block; padding: 2px 5px; font-weight: bold; font-size: 11px; line-height: 12px; color: #fff; background: #B50407 url(images/comment-bg.png) top repeat-x;
							text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); -webkit-border-radius: 8px; -moz-border-radius: 8px;}
	
	#TB_window{width: 510px!important;}
	#TB_iframeContent{width: 501px!important;}
	#TB_iframeContent iframe{width: 501px!important;}
	
/*-------------------------------------------------------------------------------------------*/
/*- Clearfix --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 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;}

/* http://www.positioniseverything.net/easyclearing.html */
floatleft{float: left;}
.clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.clearboth{clear: both;}
.no_display{display: none;}