body {
	background-color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

#logo {
	float: left;
	width: 160px;
	/*margin-top: 9px;*/
	margin-top: 3px;
	margin-left: 18px;
}

#logo .www-splash-com_logo{
background: no-repeat left top ;
width: 92px;
height: 24px;
float: left;
margin:0px;
padding:0px;

}

#logo img {
	float: left;
	behavior:	url("display_css/png.htc");
}

#icon-home {
	margin-top: 4px;
	margin-left: 10px;
}
/*
Chen
comment position:relative 
*/
.headerImage {
	height: 39px;
	width : 973px;
	background: transparent url(../display_img/bg_app.jpg) repeat-x;
	margin: 0 auto;
	margin-top:0px;
	/*position:relative;*/
}

#nav {
	margin-top: 13px;
	margin-right: 20px;
	min-width:620px;
	width:940px !important; 
	width:925px;
	float:left;
	
}



#nav ul {
	padding: 0;
	margin: 0;
}
#nav ul li {
	display:inline;
	padding-left: 20px;
	color: #336699;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    opacity: 1.00;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    list-style-type:none;
}

#nav ul li.r {
	float: right;
	text-align: right;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
}

a.class11 {
    color: #336699;
    text-decoration: none;
}
#nav ul li a:hover {
    color: #6699cc;
    text-decoration: underline;
}
#nav ul li.divider{
	padding-top: 2px;
}

/* Editable Title for Sites page and Editor page*/
.editableSingleLineLabel1, .editableSingleLineLabel2{
width:100%;
background-color:#FFFFD3;
border: 1px solid #B9BBC2;
color:#444444;
font-style:normal;
font-family:Arial;
margin:0;
padding:0;
}
.editableSingleLineLabel2{
font-size:12px;	
}
.bodyleft .editableSingleLineLabel1 {
font-size:17px;
margin-bottom:-1px;
*margin-bottom:-1px;
margin-right:0px;
margin-top:-1px;
*margin-top:-2px;
padding:0pt;
margin-left:-1px;
}
/*Editable Title in the Editor Page*/
#titleBar input.editableSingleLineLabel1 {
font-size: 12px;
margin-top:-1px;
margin-left:-1px;
margin-bottom:1px;
*margin-top:-2px;
*width: 150px;
padding:0px;
}
#big_image_pageName  .editableSingleLinePageName{
width:100%;
background-color:#FFFFD3;
color:#444444;
font-style:normal;
font-family:Arial;
margin:0;
padding:0;
border:none;
font-size:12px;
margin-left:-6px;
padding-left:5px;
}

/*Editable Description*/
.editableMultiLineLabel1{
width:99%;
background-color:#FFFFD3;
border: 1px solid #B9BBC2;
background-color:#FFFFD3;
color:#444444;
padding:0px;
margin-top:1px;
font-style:normal;
font-family:Arial;
}
textarea.editableMultiLineLabel1 {

font-size: 12px;
margin:0px;
/*margin-left:-1px;*/

padding:0px;
}

/***************************************************************
****************************************************************

NEW STYLES:
Header Zone

README:

All tags in the editor that have new styling have had the class
"new" added to them.  To override existing style, some tags have
optional temporary styles to deal with this.  These styles are
labelled.  

If the "new" styles are to replace the old styles, erase any old
style that has a "new" style, remove the class selector "new in 
both the css and HTML and erase any temp override styles.

Note that some styles are completely new, so there is no need to 
replace anything.

****************************************************************
***************************************************************/
#headerZone {
	/***** structural *****/
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
	min-width:1000px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
	/***** visual *****/
	border-bottom: 1px solid #b9bbc2;
	z-index:100;
	/***** temp override styles *****/
	}
	
#headerZone.ext {
	/***** structural *****/
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 35px;
	/***** visual *****/
	border-bottom: 1px solid #b9bbc2;
	/***** temp override styles *****/
	}
	
#headerDivideZone, #headerDivideZoneTop {
	/***** structural *****/
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 35px;
	}
		
	
#headerDivideZoneTop.headerUp {
	/***** structural *****/
	height: 35px;
	/***** visual *****/
	border-bottom:none;
	/***** temp override styles *****/
	}
#headerDivideZone.headerDown {

	height: 70px;
    border-bottom: 1px solid #b9bbc2;
	}	
	
#appBrand.new, #appBrandTop.new {
	/***** structural *****/
	position: absolute;
	/*top: 1px;*/
	left: 0;
	/*margin-top:1px;	*/
	width: 211px;
	height: 70px;
	padding:0;
	margin:0;
	/***** visual *****/
	/***** temp override styles *****/
	float: none;
	}

#appBrand.new.shortAppBrand{
	height: 35px;
}
	
	

.editorDownNoBG{
	background:none;
	top:0px;
}
	
	
#appBrand.new img, #appBrandTop.new img {
	/***** structural *****/
	/***** visual *****/
	/***** temp override styles *****/
	left: 0;
	}
	
#headerZone.ext #appBrand.new {
	/***** structural *****/
	top: 0;
	/***** visual *****/
	/***** temp override styles *****/
	}

#navBar.new, #navBarTop.new {
	/***** structural *****/
	margin-left: 210px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top:0px;	
	height: 70px;
	/***** visual *****/
	border-left: 1px solid #c7cdd7;
	/***** temp override styles *****/
	}
	
#appBar.new, #appBarTop.new {
	/***** structural *****/
	width: 100%;
	padding: 0 4px;
	height: 35px;
	overflow: hidden;
	margin-top:0px;
	min-width:750px;
	/***** visual *****/
	background-color: #dde5f0;
	border-bottom: 1px solid #a5aab7;
	/***** temp override styles *****/
	background-image: none;
	clear: none;
	float: none;
	}

#appBar.new .float_r, #appBarTop.new .float_r {
*margin-right:5px !important;
*margin-right:105px;
}

#titleBar.new .float_r, #titleBarTop.new .float_r {
*margin-right:5px !important;
*margin-right:105px;
}	
#titleBar.new, #titleBarTop.new {
	/***** structural *****/
	width: 100%;
	padding: 0 4px;
	height: 35px;
	overflow: hidden;
	margin-top:0px;	
	/***** visual *****/
	background: #DDE5F0 url("../display_img/hdr/bg_titlebar.png") repeat-x;
	/***** temp override styles *****/
	clear: none;
	float: none;
	}
	
p.site_title {
	/***** structural *****/
	margin: 10px 0 0 20px;
	vertical-align: middle;
	/***** visual *****/
	/***** temp override styles *****/
	}	
	
div.utilities {
	/***** structural *****/
	float: left;
	margin-top: 8px;
	/***** visual *****/
	/***** temp override styles *****/
	}

div.utilities input {
	/***** structural *****/
	vertical-align: middle;
	/***** visual *****/
	/***** temp override styles *****/
	}
	
/***************************************************************
****************************************************************

NEW STYLES:
Header Nav

****************************************************************
***************************************************************/
#navBar .nav  {
	/***** structural *****/
	font-weight: bold;
	float: left;
	list-style: none;
	margin: 12px 0;
	text-transform: uppercase;
	vertical-align: middle;
	overflow: hidden;
	/***** visual *****/
	/***** temp override styles *****/
	font-size: 11px;
	padding-left:0;
	}
	
#navBar .nav   li {
	/***** structural *****/	
	position: relative;
	color: #444;
	/*display: inline;*/
	/* display inline will cause contents missing in IE 7 */
	float:left;
	margin: 0 8px;
	padding-left: 12px;
	/***** visual *****/
	/***** temp override styles *****/
	background-image: none;
	}
	
#navBar .nav   li:hover {
	/***** structural *****/
	/***** visual *****/
	background: url("../display_img/list/arrow_double.png") no-repeat left 2px;
	/***** temp override styles *****/
	}
	
#navBar .nav   li.selected {
	/***** structural *****/
	/***** visual *****/
	background: url("../display_img/list/arrow_double.png") no-repeat left 2px;
	/***** temp override styles *****/
	}
	
#navBar .nav   a {
	/***** structural *****/	
	/***** visual *****/
	text-decoration: none;
	/***** temp override styles *****/
	display: inline;
	color: #444;
	height: 0;
	padding: 0;
	}
	
#navBar .nav   a:hover {
	/***** structural *****/	
	/***** visual *****/
	text-decoration: none;
	/***** temp override styles *****/
	color: #444;
	}
	
ul.input_tools {
	/***** structural *****/
	float: left;
	list-style: none;
	margin: 0;
	padding: 9px 10px 0pt 0pt;
	vertical-align:middle;
	/*overflow: hidden;
	width:60%;*/
	/***** visual *****/
	/***** temp override styles *****/
	}
	
#navBar.new ul.input_tools, #navBarTop.new ul.input_tools {
	/***** structural *****/
	padding: 6px 10px 0 35px;
	/***** visual *****/
	/***** temp override styles *****/
	}




ul.input_tools li {
	/***** structural *****/
	display: inline;
	display:inline-block\9; /*used for ie8*/
	+display: inline;
	_display:inline;
	height: 22px;
	line-height:22px;
	margin: 0 4px;
	padding: 0 0 0 8px;
	
	/***** visual *****/
	background: url("../display_img/list/divider.png") no-repeat left center;
	/***** temp override styles *****/
	}

ul.input_tools li:first-child {
	/***** structural *****/
	/***** visual *****/
	background: none;
	margin-left:0pt;
	padding-left:0pt;
	/***** temp override styles *****/
	}
	
	
ul.input_tools li.first-child {
	/***** structural *****/
	/***** visual *****/
	background: none;
	margin-left:0pt;
	padding-left:0pt;
	/***** temp override styles *****/
	}	

ul.input_tools a,
ul.input_tools a:hover {
	/***** structural *****/
	/***** visual *****/
	color: #377ad9;
	font-size: 12px;
	/*font-weight:bold;*/
	text-decoration: none;
	/***** temp override styles *****/
	}
	
ul.input_buttons {
	/***** structural *****/
	float: left;
	list-style: none;
	margin: 0;
	padding: 6px 10px 0 0;
	vertical-align:middle;
	/*overflow: hidden;
	width:60%;*/
	/***** visual *****/
	/***** temp override styles *****/
	}	
	
ul.input_buttons li {
	/***** structural *****/
	display:inline;
	height: 22px;
	line-height:22px;
	margin: 0 4px;
	padding: 0 0 0 5px;

	}
	
ul.input_buttons .editorButton {
background: #F5F5F5;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-top:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
}
.logoutPadding{
padding-left:35px;
}

.loginLabel{
color:#444444;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
padding-right:5px;
}

.loginInput{
margin-right:10px;
}
.loginButton{
font-weight:bold;
height:24px;
padding-bottom:2px;
width:73px;
color:#444444;
background-color:#E9E9E9;
}

.new  input.loginButton{
font-weight:bold;
height:24px;
padding-bottom:2px;
width:73px;
color:#444444;
background-color:#E9E9E9;
}

.new  input.loginButton:hover{
background-color:#377AD9;
color: #FFFFFF;
cursor:pointer;
}

.loginButton:hover{
background-color:#377AD9;
color: #FFFFFF;
cursor:pointer;
}