/* this is the shell.css file for the trendserv layout scheme */


/* page layout, generic styles  -	-	-	-	-	-	-	-	-	-  */

body {
	background: #ccc;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

.page {
	margin: 10px auto 10px auto;
	padding: 0;
	width: 981px;
}

/* top bar -	-	-	-	-	-	-	-	-	-  */

.navigationbar {
	width: 980px;
	position: relative;
}

.navigationbar .search {
	position:absolute; 
	left: 400px;
	top: 10px;
	width: 280px;
	
}

.navigationbar .usermenu {
	position:absolute; 
	left: 700px;
	width: 280px;
	text-align:right;
}

a img {
	border: 0px none;
}

a {
	text-decoration: underline; color: #0099D9;
}

/* general menu styles -	-	-	-	-	-	-	-	-	-  */
  /* kudos to Eric Sol for http://alistapart.com/articles/fauxabsolutepositioning */
.menubar {
	background: #ccc;
	font-size: 9pt; 
	font-family: Arial,Helvetica,sans-serif;
	width: 981px; /* 1px additional for right "border" created by margin between the elements, see .menubar li */
	
	float: left;
	display: block;
	position: relative;
}

.menubar ul, .menubar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menubar ul.maintopics { /* left of the other menu items */
	/* basewidth is 980/7 = 140px*/
	width: 140px;
	float: left;
	
	position: relative; 
	left: 980px;
	margin-left: -980px;
}

.menubar ul.subtopics { /* right of maintopics */
	width: 840px;
	
	position: relative;
	left: 980px;
	margin-left: -840px;
}

.menubar ul.contexttopics { /* below subtopics */
	width: 840px;
	
	position: relative;
	left: 980px;
	margin-left: -840px;
}

.menubar ul.subcontexttopics {
	width: 980px;
	clear:left;
}

.menubar li {
	margin: 1px 1px 0px 0px;
	padding: 1px 0;
	width: 139px;
	text-align: center;
}

/* left bar -	-	-	-	-	-	-	-	-	- */

.menubar ul.maintopics li { 
	width: 139px; 
}

.menubar li a {
	display: block;
	width: 135px;
	padding: 0 0 0 3px;
	color: #000; 
	text-decoration: none;
}

.menubar ul.maintopics li {
	background: #666;
}
.menubar ul.maintopics #activeitem,
.menubar ul.maintopics .men01_expanded {
	background: #333;
}

.menubar ul.maintopics li a {
	color: #fff;
}
.menubar ul.maintopics li.men01:hover {
	background: #444;
}

/* right bar -	-	-	-	-	-	-	-	-	- */

.menubar ul.subtopics li {
	background: #fff;
	color: #333;
	float: left;
}
.menubar ul.subtopics #activeitem,
.menubar ul.subtopics .men01_expanded {
	background: #ddd;
}

.menubar ul.subtopics li.men01:hover {
	background: #f0f0f0;
}

/* right bar 2nd level -	-	-	-	-	-	-	-	-	- */

.menubar ul.contexttopics li {
	float: left;
	/*background: #009CDB;
	color: #000;*/
	/*background: #5E5EA8;
	color: #ddd;*/
	background: #666;
}

.menubar ul.contexttopics #activeitem,
.menubar ul.contexttopics #activenode,
.menubar ul.contexttopics .men02_expanded,
.menubar ul.contexttopics .men02_expanded a {
	/*background: #0074A6;
	color: #fff;*/
	/*background: #4D4D91;
	color: #fff;*/
	
	color: #fff;
	background: #333;
}

.menubar ul.contexttopics li.men02:hover,  
.menubar ul.contexttopics li.men02:hover a {
	/*background: #0086BF;
	color: #fff;*/
	/*background: #474785;
	color: #fff;*/
	
	background: #444;
}

.menubar ul.contexttopics li a {
	/*color: #000;*/
	/*color: #ddd;*/
	/*color: #eee;*/
	color: #fff;
}

/* right bar 3rd level -	-	-	-	-	-	-	-	-	- */

.menubar ul.subcontexttopics li {
	background: #fff;
	color: #333;
	float: left;
	width: 136px; 
	margin-right: 0;
	padding-left: 2px;
	/*border-left: 2px solid #009CDB;*/
	border-left: 2px solid #5E5EA8;
}

.menubar ul.subcontexttopics li a {
	width: 133px; 
	padding: 0;
}

.menubar ul.subcontexttopics .men03,
.menubar ul.subcontexttopics .men03 a {
	background: #fff; 
	color: #333;
}
.menubar ul.subcontexttopics li.men03:hover, 
.menubar ul.subcontexttopics li.men03:hover a {
	background: #f0f0f0;
	color: #000;
	/*border-color: #0086BF;*/
	border-color: #474785;
}
.menubar ul.subcontexttopics li.men03:hover {
	border-left-width: 3px;
	padding-left: 1px;
}
.menubar ul.subcontexttopics #activeitem03,
.menubar ul.subcontexttopics li #activenode03 {
	background: #ddd;
	color: #000;
	/*border-color: #0074A6;*/
	border-color: #505096;
}

.menubar ul.subcontexttopics li.men03fill {
	border-color: #fff;
}


/* content, see also shell_content.css -	-	-	-	-	-	-	-	-	- */

.content {
	clear: both;
	background: #fff;
	padding: 2px 0 2px 0;
	width: 980px;
}

/* bottom bar -	-	-	-	-	-	-	-	-	- */

.bottombar {
	width: 974px;
	background: #999;
	color: #fff;
	padding: 2px;
	font-size: 8pt;
	border: 1px solid #fff;
}

.endoffloat {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}