/* CSS sandbox styles for customize cobrand views */

.cobrand_feat{
	width: 980px;
	margin: 0 auto;
}

.cobrand_feat #intro{
	position: relative;
	height: 324px;
}

#admin_group #body #content_wrapper.cobrand_home{
	padding-top: 0;
}

.cobrand_feat #extra_image_overlay{
	background-color: black;
	height: 18px;
	padding: 6px 12px;
	width: 956px;
	opacity: 0.8;
	position: absolute;
	top: 294px;
	overflow: hidden;
}

.featured_photo .ganet_slogan{
	font-size: 14px;
	color: #fff;
	line-height: 17px;
	display: inline;
	float: left;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	border: none;
	overflow: visible;
}

.featured_photo .photo_caption{
	color: #949494;
	width: 690px;
	height: 24px;
	overflow: hidden;
	float: left;
	font-size:11px;
	line-height: 1;
	display: inline;
	padding:0 0 0 20px;
}

.featured_photo .photo_by{
	font-size: 11px;
	line-height: 1;
	display: inline;
	padding:4px 0 0 20px;	
}


.featured_photo .photo_by{
	width: 140px;
	text-align: right;
	font-size: 11px;
	float: right;
}

.cobrand_welcome{
	background-color: #f6f6f6;
	border-color: #f6f6f6 #dfdfdf #bbb #dfdfdf;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	height: 82px;
}

.cobrand_welcome p{
	font-size: 11px;
	color: #666;
}

.cobrand_welcome .wide{
	float: left;
	border-right: 1px solid #dfdfdf;
	width: 643px;
	height: 62px;
	padding: 10px 12px;
}

.cobrand_welcome .narrow{
	float: left;
	width: 270px;
	height: 62px;
	padding: 10px 20px;
}


.cobrand_welcome .wide h1{
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	color: #101010;
	margin: 0;
	letter-spacing: normal;
	padding: 0;
	border: none;
	overflow: visible;
}

#signup_ON a,
#feature_ganet a{
	display: block;
	text-indent: -9999px;
	height: 46px;
	width: 100px;
	margin: 6px 15px 0 0;
	float: left;
}

#signup_ON a{
	background: transparent url(/images/v3/cobrand/cobrand_sprite.gif) no-repeat -5px -5px;
}	

#signup_ON a:hover{
	background: transparent url(/images/v3/cobrand/cobrand_sprite.gif) no-repeat -5px -52px;
}

#feature_ganet a{
	background: transparent url(/images/v3/cobrand/cobrand_sprite.gif) no-repeat -5px -110px;
	margin: 6px 0px 0 0;
}

#feature_ganet a:hover{
	text-decoration: none;
}

#signup_ON p{
	padding-top: 6px;
}


#signup_ON strong{
	font-size: 14px;
	position: relative;
	top: 10px;
	line-height: 1;	
	color: #101010;
}

#feature_ganet p{
	padding-top: 8px;
}

#custom_home_form #home_welcome_text{
	height: 55px;
}


#custom_home_form.form .form_item{
	margin: 20px 0;
	display: block;
}

#customize_homebrcumb{
	margin-top: 6px;
}

.section h2 span.subtle{
	color: #888;
}

ul.form .text.wide{
	width: 380px;
}

#cobrand_home_text{
	height: 80px;
	margin-bottom: 0px;
}

.char_counter{
	margin-top: 6px;
	width: 200px;
}

.char_counter span{
	text-align: center;
	border: 1px solid #dfdfdf;
	background-color: #f8f8f8;
	padding: 2px 6px;
}

.indented_form p.supplement{
	padding-left: 20px;
}

.indented_form .supplement .emphasize{
	background-color:#F0F0F0;
	color:#666666;
	display:block;
	font-weight:bold;
	line-height:1;
	padding:5px;
	width:680px;
}

.indented_form .indented_frm_label{
	padding-left: 4px;
}

#custom_home_form .preview_thumb{
	float: left;
	margin-right: 15px;
}

#custom_home_form .preview_thumb img{
	margin: 0;
	padding: 0;
	width: 240px;
	height:80px;
}

.photo_crop{
	width: 240px;
	text-align: center;
}

#up_photo li{
	margin: 20px 0;
	overflow: auto;
}

#add_uploadbox{
	display: block;
	background: transparent url(/images/v3/cobrand/cobrand_sprite.gif) no-repeat -4px -177px;
	height: 23px;
	width: 150px;
	padding-left: 35px;
	padding-top: 3px;
}

#add_uploadbox:hover{
	text-decoration: none;
	background: transparent url(/images/v3/cobrand/cobrand_sprite.gif) no-repeat -4px -203px;
}

#add_uploadbox span{
	padding-top: 6px;
}


#step3_preview .simulate_refresh{
	width: 200px; 
	height: auto; 
	top: 0px; 
	right: 0; 
	padding: 15px 0; 
	text-align: center;
	background-color: black;
	opacity: 0.8;
	position: absolute;
}

#step3_preview .simulate_refresh input{
	margin:0;
}

#step3_preview .simulate_refresh p{
	font-size: 9px;
	color: #fff;
}

#step3_preview .form_item.actions{
	margin-top: 15px;
}


/* cropper */

.crop_box#popup{
	width: 1045px;
} 

#popup .crop_box_content{
	overflow: hidden;
	height: 306px; 
	padding: 15px;
	position: relative;
}

.crop_box_content #crop_area{
	float: left; 
	width: 500px;	
}

.crop_box_content #crop_view{
	width:490px;
	float: left;
}
.crop_box_content #preview{
	float:left;
	margin-left:15px;
	width:240px;
}

.crop_box_content #preview_text{
	position: absolute; 
	left: 520px; 
	top: 190px;
}

.box_w,
.box_h{
	border: 1px solid #dfdfdf;
	padding: 3px 6px;
	background-color: #f6f6f6;
}

/* block panel :: step 2 and 3*/

.block_header,
.block_subhead{
	background-color: #f0f0f0;
	border-bottom: 1px solid #dfdfdf;
	overflow: auto;
	padding: 10px 20px;	
}



.block_header .text{
	float: left;
}

.block_header .search_box{
	float: right;
	border: 1px solid #dfdfdf;
	margin-top: 8px;
	background-color: #fff;
	overflow: auto;
	width: 200px;
}

.block_header #journal_search_btn{
	float: right;
	width: 22px;
	text-indent: -99999px;
	height: 22px;	
	border-left: 1px solid #dfdfdf;
	background: #fff url(/images/v3/search_ico.gif) no-repeat 2px 4px;
}

.block_header #journal_search_tbox{
	border: medium none;
	font-size: 12px;
	padding: 3px;	
	margin: 0;
	float: left;
	width: 168px;
	height: 16px;
}


.block_subhead{

	font-size: 11px;
}

.block_header strong{
	font-size: 14px;
}

.block_header .sub_text{
	font-size: 11px;
	color: #888;
}


.block_subhead p{
	float: left;	
}
 
.block_subhead .block_filter{
	float: right;
}

.block_filter li{
	float: left;
	margin: 0 5px 0 0;
}

.block_filter li.first{
	margin-right: 20px;
}

.block_filter li.last{
	margin-right: 0;
}

.block_filter li a span{
	padding: 0 10px;
}


.block_filter li a.selected span{
	display: block;
	padding: 0 10px;
	background-color: #dfdfdf;
}

.block_filter li a:hover{
	text-decoration: none;
}

.block_filter li a:hover span{
	display: block;
	background-color: #dfdfdf;
}


.block_body{
	padding: 10px 20px;
	overflow: auto;
}

#photo_main_view{
	padding: 20px 28px 20px;
	overflow: auto;
}


.block_foot .pagination{
	padding: 0;
}

.block_foot{
	padding: 10px 20px;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}

.block_foot.no-pagination{
	border-top: medium none;
	padding: 0;
}

/* Step3 Fetch photo list */

#custom_home_form .journals_selection li{
	margin-bottom: 0;
}

#custom_home_form .photo_list{
	overflow: auto;
}

#custom_home_form .photo_list li{
	position: relative;
}

#custom_home_form .photo_list li input{
	position: absolute;
	top: 2px;
	left: 2px;
	margin: 0;
}

#custom_home_form .photo_list li a:hover img{
	border: 3px solid #dfdfdf;
	width: 59px;
	height: 59px;
	display: block;
}


#gallery_view{ padding: 20px 0; }

#gallery_view #gallery_view_select{
	margin:20px 0 0;
	padding:0 0 0 10px;	
}

#gallery_view #gallery_view_select label{
	display: inline;
	font-weight: normal;
}

#gallery_view #gallery_view_select input{
	margin: 0 5px 0 0;
	vertical-align: text-bottom;	
}


.intro_header{
	margin: 20px auto;
	width: 980px;	
}


.cobrand_feat.inhomemgr{
	position: relative;
	width: 980px;
	height: 408px;	
}

.cobrand_feat.inhomemgr.no-photo-yet{
	background: transparent url(/images/v3/cobrand/sample_teaser.jpg) top left no-repeat;	
}	

.cobrand_feat.inhomemgr .overlay{
	width: 980px;
	height: 408px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
}

.cobrand_feat.inhomemgr .overlay .overlay_text{
	display: none;
}

.cobrand_feat.inhomemgr .overlay:hover{	
	background:transparent url(/images/v3/cobrand/overlay.png) repeat top left; 
	text-decoration: none;

}


.cobrand_feat.inhomemgr .overlay:hover .overlay_text{
	display: block;
}

.inhomemgr .overlay_text{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 150px auto 0;
	text-decoration: none; 
	padding: 10px;
	width: 450px;
	color: #fff;	
}

.inhomemgr .overlay_text span{
	font-size: 11px;
	color: #bbb;
	font-weight: normal;	
}