html, body {
	height: 100%;
	overflow: auto;
}		

body {
	margin: 0;
	background: #fff;
}

#desktop {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 750px;
	height: 100%;
	min-height: 100%;	
	overflow: hidden;
	cursor: default;
}			  				

#desktopHeader {
	background: #bebebe;
	padding: 0 0 1px 0;
}

#desktopTitlebarWrapper {
	position: relative;
	height: 45px;
	background: #eeeeef url(../../Resources/images/bgdesktopTitlebar.gif) repeat-x;
}
	
#desktopTitlebar 
{
	height:30px;
	padding: 9px 8px 6px 80px;
	background: transparent url(../../Resources/images/LogoN.gif) no-repeat left center;
}
	
#desktopTitlebar .version {
	font-size: 12px;
	color: #555;
	display:block;
	font-weight:bold;
	padding-top:13px;
}

#desktopNavbar {
	margin: 1px 0 0 0;
	background: #eeeeee;
	border: 1px solid #fff;
	height: 22px;
}

#desktopNavbar ul {	
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}

#desktopNavbar li {
	float: left;			
}

#desktopNavbar a {
	display: block;
}	
	
#desktopNavbar ul li a {
	padding: 2px 11px 2px 9px;	
	color: #141414;
	text-decoration:none;
}

#desktopNavbar ul li a:hover {
	background-color: #ddd;
}

#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a:hover.arrow-right {
	background-image: url(../../Resources/images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right 6px;	
} 
	
#desktopNavbar li ul {
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
	position: absolute;
	width: 158px;
	left: -999em;
	z-index: 8000;
}

#desktopNavbar li:hover ul ul,
#desktopNavbar li.ieHover ul ul,
#desktopNavbar li:hover ul ul ul,
#desktopNavbar li.ieHover ul ul ul {
	left: -999em;
}

#desktopNavbar li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 158px;
} 

#desktopNavbar li ul li div.check {
	position: absolute;
	top: 7px;
	left: 6px;
	width: 5px;
	height: 5px;
	background: #00CC33;
	overflow: none;
	line-height: 1px;
	font-size: 1px;
}

#desktopNavbar li ul li a {
	position: relative;
	padding: 1px 9px 1px 19px;
	width: 130px;
	color: #333;
}

#desktopNavbar li ul li a:hover {
	background: #eee;
}

#desktopNavbar li:hover ul,
#desktopNavbar li.ieHover ul,
#desktopNavbar li li.ieHover ul,
#desktopNavbar li li li.ieHover ul,
#desktopNavbar li li:hover ul,
#desktopNavbar li li li:hover ul { /* lists nested under hovered list items */
      left: auto;
}

#desktopNavbar li:hover { /* For IE7 */
    position: static;
}

.divider {
	margin-top: 2px;
	padding-top: 3px;	
	border-top: 1px solid #ddd;
}	

#pageWrapper 
{
	position:relative;
	/*Added by Rocky on July 29, 2008 for the right side controls width greater than the parent container DIV problem*/
	width:expression(document.getElementById('desktop').offsetWidth -document.getElementById('sidebarWrapper').offsetWidth);
	/*width: auto;*/
	height: 100%;
	overflow: auto;
}

#page {
	padding: 15px 15px;
}

.aside {
	width: 500px;
}

#sidebarWrapper {
	float: left;
	background-color: #fff;
}

#sidebar {
	width: 230px;
	/*Added by Rocky on July 29, 2008 for the left side scoller problem*/
	height:expression(document.getElementById('desktop').offsetHeight+1 - document.getElementById('desktopHeader').offsetHeight);
	float: left;
	overflow: auto;	
	zoom:1;
}

#sidebarContentWrapper {
	margin-right: 1px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #141414;
}

#sidebarContent {
	padding: 2px;
}

#sidebarHandle {
	float: left;
	position: relative;
	background: #eeeeef url(../../Resources/images/spliter.gif) repeat-y;
	border: 1px solid #fff;
	width: 8px;
	margin: 0 1px 0 0;
	cursor: e-resize;
	cursor: col-resize;
}

* html #sidebarWrapper {
	margin-right: -4px;
}

* html #sidebarHandle {
	margin-right: 1px;
}

.columnControlWrapper {
	position: absolute;
	left: 0px;
	top: 150px;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	padding-left:2px;
}

.columnControl {
	background: #ddd;
	border: 1px solid #fff;
	width: 3px;
	height: 8px;
	cursor: pointer;
	font-size: 1px;
}


/*this style maps to the bottom status bar, but it is deleted currently*/
#dockWrapper{
	background: #bebebe;
	padding: 1px 0 0 0;
	width: 100%;
	position:absolute;
	left:0;
	bottom:0;
}
#dock 
{
	text-align:center;
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #eeeeef;
	border: 1px solid #fff;
	height: 18px;
	line-height:18px;
}