body,html{
height:100%;
overflow:hidden;
width:100%;
margin:0pt;
padding:0pt;
}

#contentZone {
/*
	min-width:1024px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1024?"1024px":"");
*/
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
	bottom: 100px;
}


.navThree {
	height: 20px;
}

.browse_main {
	float: left;
	height: 100%;
	overflow: auto;
	padding: 20px 20px 20px 25px;
	
	width: 65%;
	border-right: 1px solid #b9bbc2;
}

.browse_main h1 {
	font-size: 20px;
	color: #444;
	font-weight: normal;
	padding-top: 9px;
	padding-left:2px;
	margin:0;
	/*padding-left:2px;*/
	text-transform: uppercase;
	font-weight:bold;
	float:left;
	margin-left:20px;
}
.browse_main h1.noSites {
clear:left;
font-size:12px;
font-weight:normal;
color:#444444;
text-transform:none;
}

.browse_sidebar {
float:none;
height:100%;
overflow:hidden;
padding-bottom:40px;
}

.main_img_wrapper{
	float: left;
	padding-top:5px;
	padding-right:5px;
}

.multiBig{
background:url(../../img/sites/MultiBigPageBorderok.png) right top no-repeat;
	padding-top:11px;
	padding-right:14px;
	*padding-top:10px;
	*padding-right:12px;
	
}

.singleBig .prevBigPage{
display:none;
}
.prevBigPage{
float:left;
margin-top:180px;
}
.prevBigPage a{
display:block;
width:30px;
height:30px;
background:url(../../img/sites/arrowLeft.png) left top no-repeat;
_background:url(../../img/sites/arrowLeft.gif) left top no-repeat;
text-decoration:none;
}
.prevBigPage a:hover{
display:block;
width:30px;
height:30px;
background:url(../../img/sites/arrowLeftHover.png) left top no-repeat;
_background:url(../../img/sites/arrowLeftHover.gif) left top no-repeat;
text-decoration:none;
}

div.disableLeftArrow{
	display:none;
	width:30px;
	height:30px;
	background:url(../../img/sites/arrowLeftDisable.png) left top no-repeat; 
	_background:url(../../img/sites/arrowLeftDisable.gif) left top no-repeat; 	
}
.disable div.disableLeftArrow{
	display:block
}


.prevBigPage a.disable{
display:none;
}


.singleBig .nextBigPage{
display:none;
}
.nextBigPage{
float:left;
clear:right;
margin-top:180px;
margin-left:20px;
}
.nextBigPage a{
display:block;
width:30px;
height:30px;
background:url(../../img/sites/arrowRight.png) left top no-repeat;
_background:url(../../img/sites/arrowRight.gif) left top no-repeat;
text-decoration:none;
}
 
.nextBigPage a:hover{
display:block;
width:30px;
height:30px;
background:url(../../img/sites/arrowRightHover.png) left top no-repeat;
_background:url(../../img/sites/arrowRightHover.gif) left top no-repeat;
text-decoration:none;
}
div.disableRightArrow{
	display:none;
	width:30px;
	height:30px;
	background:url(../../img/sites/arrowRightDisable.png) left top no-repeat; 
	_background:url(../../img/sites/arrowRightDisable.gif) left top no-repeat; 	
}
.disable div.disableRightArrow{
	display:block
}
.nextBigPage a.disable{
display:none;
}


.singleBig #bigImageCheckMarkup{
display:none;
}

#bigImageCheckMarkup{
clear:left;
color: #444;
}
.privacyDiv #change{
 padding-left: 25px;	
}

.big_image_date{
	clear: both;
	font-size: 11px;
}

div.glow_wrapper {
	position: relative;
	*position:none;

}

.glow_top_left {
	position: absolute;
	left: -3px;
	background: url("../../img/sites/thumb_top_l.png") no-repeat;
	height: 3px;
	width: 6px;
}

.glow_top_middle {
	position: relative;
	*position:none;
	background: url("../../img/sites/thumb_top_m.png") repeat-x;
	height: 3px;
}

.thumb_wrapper .glow_top_middle {
*width:83px;
}

.main_img_wrapper  .glow_top_middle {
*width:252px;
}
.main_img_wrapper  .glow_bottom_middle {
*width:252px;
}
.main_img_wrapper .glow_right_middle{
*height:330px;
}
.main_img_wrapper .glow_left_middle{
*height:330px;
}


.glow_top_right {
	position: absolute;
	right: -3px;
	background: url("../../img/sites/thumb_top_r.png") no-repeat;
	height: 3px;
	width: 6px;
}

.glow_left_middle {
	position: absolute;
	*float:left;
	*position:none;
	*margin-left:-1px;
	top: 0;
	left: -3px;
	background: url("../../img/sites/thumb_left.png") repeat-y;
	height: 100%;
	*height:106px;
	width: 3px;
}

.glow_right_middle {
	position: absolute;
	*position:none;
	float:left;
	top: 0;
	right: -3px;
	background: url("../../img/sites/thumb_right.png") repeat-y;
	height: 100%;
	*height:106px;
	width: 3px;
}

.glow_bottom_left {
	position: absolute;
	left: -3px;
	background: url("../../img/sites/thumb_bottom_l.png") no-repeat;
	height: 3px;
	width: 6px;
}

.glow_bottom_middle {
	position: relative;
	*position:none;
	background: url("../../img/sites/thumb_bottom_m.png") repeat-x;
	height: 3px;
	*width:83px;
	clear:both;
	*margin-top:-1px;
}


.glow_bottom_right {
	position: absolute;
	right: -3px;
	background: url("../../img/sites/thumb_bottom_r.png") no-repeat;
	height: 3px;
	width: 6px;
}

.thumb_image_border {
	padding: 3px;
}

.thumb_wrapper_left {
	float: left;
}

.thumb_wrapper {
	padding-left: 33px;
	padding-right:0px;
	float: left;
	*width:90px !important;
	*width:auto;
    padding-top:6px;
    padding-right:13px;
    padding-left:13px;	
    *padding-left:7px;
    *padding-right:7px;	
}

.thumb_row {
	padding-top: 27px;
	clear: both;
}

.multi{
background:url(../../img/sites/MultiPageBorderok.png) right top no-repeat;
padding-top:6px;
padding-right:10px;
*padding-right:1px;

}

.overflow_h {
	overflow: hidden;
}

.bodyleft {
	float: left;
	width: 40%;
	color: #444;
	font-weight: normal;
	height: 100%;
	padding-top:4px;
	padding-left:2px;
	/*padding-left:2px;*/
}

.bodyleft p {
	font-size:12px;
	/*padding-top: 10px;*/
	padding-top: 3px;
	line-height: 16px;
	clear: both;
}

.bodyleft .inline-edit p {
	padding-top: 0px;
}


.bodyleft h2 {
	font-size: 17px;
	font-weight: normal;
	padding-top:0px;
	margin:0;
}

#big_image_pageName h2{
	font-size: 13px;
	*font-size: 12px;
	font-weight: normal;
	padding-top:0px;
	border-left:1px solid gray;	
	border-top:1px solid gray;	
	border-bottom:1px solid gray;
	height:21px;
	*height:22px;	
	padding-left:6px;
}
#big_image_pageName h2 form{
	padding:0px;
	margin:0px;
}

.notEditedLabel{
	color: #377AD9;	
}
.hasBeenEditedLabel{
	color: #444444;	
}
.editableTitle{
	color:#444444;
	font-size:1.4em;
	font-weight:normal;
	margin-top:9px;
}
.editableDesc{
	clear:both;
	line-height:16px;
	margin-top:10px;
	font-size: 1em;
	color:#444444;

}

.bodyright {
	
	
	/* aim to display navigation arrows i change from float:none to float:left; by linwei*/
	/*float: none;*/
	float: left;
	
	height: 100%;
	overflow: hidden;
	overflow-x:hidden;
	/*
	padding: 0 100px 50px 60px;
	*padding:0 0px 50px 60px;
	*/
	padding: 0 0px 0px 30px;
	/* we give the big thumbnail 5px margin around, so it needs extra 10px width inIE,
	in case of making horizontal scroll bar appear, we need to shrink the left padding 
	for bodyright in IE 
	*/
	*padding-left:20px;
}

.singleBig .bodyright {
	padding-left:60px;
	padding-top:15px;
}

.bodyright p {
	color: #999999;
	padding-left: 10px;
	margin:0;
}

.big_image_border {
	background-color:white;
	padding: 5px 5px 5px 5px;
}
.clickThumb{
*float:left;
background:white;
}
span.clickThumb{
display:block;
}
.clickThumb:hover{
cursor:pointer;
}


#bigMainImage{
*float:left;
*width:250px !important;
*width:250px;
/*mask the background image in IE */
*background:white;
}

/* Editable Title for Sites page and Editor page*/
#bigImageTitleMarkup .editableTitle {
margin-top:1px;
padding-right:2px;
/*padding-left:2px;*/
}
#bigImageDescMarkup .editableDesc {

padding-right:2px;
/*padding-left:2px;*/
}
#bigImageEasyUrlMarkup p{
color:#676767;
font-size:11px;
margin-top:20px;
text-transform: lowercase;
padding-top:0px;
}

span#change a{
color: #377AD9;
}
span#change a:hover{
text-decoration:none;
}

#bigImagePrivacyMarkup{
margin-top:5px;	
}

.privacyRadioWrapper{
	clear:left;
}
.privacyRadioWrapper label{
	color:#444444;
	font-size:12px;
}
.privacyRadioWrapper input{
	height:12px;
	width:12px;
	margin:2px 5px 0px 0px;;
	border:none;
}

#domainMappingArea{
 clear:left;	
 margin-top:-10px;
 *margin-top:-20px;
}
.domainInputTB{
 margin-left: 40px;	
}