/* CSS Document */

img {
	border: 0;
}



body {
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 13px;
	
}

td {
	text-align: left;
}

table.moduletable-navi td {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	color: #fff;

}

table.moduletable {
	width: 100%;
	
}



.componentheading {
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 16px;
	

}

h2		{
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 16px;
	

}

.contentheading {
	height: 30px;
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.contentpaneopen {
	font-size: 13px;
	color: black;
	text-align:left;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}




a		{text-decoration:none;}
a:link		{color:#999;text-decoration:none;}
a:visited 	{color:#999;text-decoration:none;} 
a:hover   	{color:#ccc;} 

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 16px;
	font-weight: lighter;
	color: #fff;
	text-align: left;
	padding-top: 9px;
	padding-left: 18px;
	height: 25px !important;
	height: 34px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -34px;
	text-decoration: none;
	color: #ccc;
}

a.mainlevel#active_menu {
	color:#ccc;

}

a.mainlevel#active_menu:hover {
	color: #ccc;
}

a.sublevel:link, a.sublevel:visited {
	display: block;
	background: url(../images/submenu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding-top: 6px;
	padding-left: 18px;
	height: 24px !important;
	height: 30px;
	width: 100%;
	text-decoration: none;
}

a.sublevel:hover {
	background-position: 0px -30px;
	text-decoration: none;
	color: #ccc;
}

a.sublevel#active_menu {
	color: #ccc;
}


a.mainlevel-nav:link, a.mainlevel-nav:visited {
	font-size: 14px;
	color: #fff;
	text-align: left;
	text-decoration: none;
}

a.mainlevel-nav:hover {
	text-decoration: none;
	color: #ccc;
}

a.mainlevel-nav#active_menu {
	color:#ccc;
}

a.mainlevel-nav#active_menu:hover {
	color: #ccc;
}


form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}
/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	 { position: relative; z-index: 100; width: 565px; height: 390px; overflow: hidden }
div#wn	 { position: absolute; z-index: 1; top: 0; left: 0; width: 565px; height: 390px; overflow: hidden; clip: rect(0px, 565px, 390px, 0px) }
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:13px; height:370px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:15px;
  width:13px; height:340px;
  
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:0px; height:0px;
  background: url("../images/tracker.png") no-repeat;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }