* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/

}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
 
* {
	margin: 0;
	padding: 0;
}
 

#framecontent{
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 208px; /*Width of frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: #000000;
	color: white;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/bg_gradient.png);
	background-repeat: repeat-x;
	z-index: 20;
}

div#framecontent.loggedin 
{
	xbackground-image: none;
}

#maincontent{
	position: fixed;
	top: 0; 
	left: 208px; /*Set left value to WidthOfFrameDiv*/
	right: 0;
	bottom: 0;
	overflow: auto; 
	background: #333333;
	
}

.innertube{
/*Margins for inner DIV inside each DIV (to provide padding)*/
	
	overflow: visible;
	
}


body {
	margin: 0;
	padding: 0;
    font-family: Helvetica,Arial;
	font-size:13px;
	color: #FFFFFF;
 
	background-color: #333333;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
}


h1 {
	font-size: 18px;
	margin-bottom: 20px;
}

h2 {
	font-size: 16px;
	margin-bottom: 16px;
}

h3 {
	font-size: 14px;
	margin-bottom: 16px;
}

a 
{
	color: #fcb4b0;
}

p {
	margin: 10px 0 10px 0;
}

fieldset {
	border: solid 1px #666666;
	padding: 5px;
}

fieldset legend 
{
	font-weight: bold;
	color: #FFFFFF;
}

ul.form {
	margin: 10px 0 10px 0;
	list-style: none;
}

	ul.form li {
		margin: 0 0 4px 0;
	}
	
	ul.form li label {
		display: -moz-inline-box; display: inline-block;		
		width: 140px;
	}
	
	ul.form li input.standard {
		width: 150px;
	}


/** Proof of Performance **/

ul.poplist {
	list-style: none;
}


ul.poplist {
	list-style: none;
}

	ul.poplist li {
		clear: both;
		height: 230px;
		padding: 5px;
		border-top: solid 2px #CCCCCC;
	}
 
	
	ul.poplist li div.image {
		color: #999999;
		text-align: center;
		width: 250px;
		height: 190px;
		background-color: #FFFFFF;
		border: solid 1px #444444;
		float: left;
		display: inline-block; display: -moz-inline-box;		
	}

	ul.poplist li div.details {
		xborder: dashed 1px #444444;		
		float: right;
		padding: 20px;
		width: 280px;
		height: 150px;
		display: inline-block; display: -moz-inline-box;
		margin: 0 0 10px 0;
	}
		
		ul.poplist li div.details ul {
			margin: 10px 0 0 0;
		}
		
		
		ul.poplist li div.details ul li {
			margin: 0 0 5px 0;
			height: 20px;
			padding: 0;
			border: none;
		}
		
		ul.poplist li div.details ul li label {
			display: inline-block; display: -moz-inline-box;
			width: 70px;
			font-weight: bold;
		}
 


/** Custom id styles **/
 

#header {
	height: 30px;
	padding: 20px;
	font-size: 15px;
	background-color: #000000;
	clear: both;
}

	#header #name {
		display: -moz-inline-box; display: inline-block;		
		font-weight: bold;
		font-size: 18px;
		float: left;
	}
	
	#header #util {
		display: -moz-inline-box; display: inline-block;		
		font-size: 11px;
		float: right;
		text-align: right;
		width: 480px;
		color: #999999;
	}
	
	#header #util .highlight {
		color: #FFFFFF;
	}
	
	#header #util a {
		color: #FFFFFF;
	}

#nav {
	padding: 0px;
	background-color: #bc241c;
	border-bottom: 1px dotted #ffffff;
}

	#nav ul {
		list-style: none;
 
	}
	
	#nav ul li {
			display: block;
			font-weight: bold;
			line-height: 35px;
			border-top: 1px dotted #ffffff;
			
			margin: 0;
			padding-bottom: 0;
			position: relative;
	}
	
	#nav ul li a{
				display: block;
				padding-left: 25px;				 
				font-weight: bold;
				}
				
			#nav ul .nav1, .nav1 ul{
				background-color: #bc241c;
				}
			#nav ul .nav2, .nav2 ul {
				background-color: #a92019;
				}
			#nav ul .nav3, .nav3 ul{
				background-color: #9c1e17;
				}
			#nav ul .nav4, .nav4 ul{
				background-color: #8f1b15;
				}
			#nav ul .nav5, .nav5 ul{
				background-color: #7e1813;
				}
			#nav ul .nav6, .nav6 ul{
				background-color: #711611;
				}
			#nav ul .nav7, .nav7 ul{
				background-color: #64140f;
				}
			#nav ul .nav8, .nav8 ul{
				background-color: #5e120e;
				}

	
	#nav a {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding-left: 30px;
		font-size: 12px;
		font-weight: bold;
	}
	
	#nav a.active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	}
	
	#nav a:hover {
	background-color: #000000;
	color: #FFFFFF;
	}

#content {
	padding: 25px;
	font-family: Arial, Verdana, Sans-Serif;
	overflow: auto;	 
	
}

#footer {
	padding: 20px;	
	font-size: 10px;
	text-align: center;
	clear: both;
}

/** Special id style **/

ul#adminDashboard {
	margin: 0 0 0 40px;	
	font-size: 15px;
}

ul#adminDashboard li {
	margin: 0 0 10px 0;	
}

table#userList {
	width: 100%;
	border: solid 1px #CCCCCC;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
	table#userList tr.alt {
		background-color: #FFFFFF;
	}
	
	table#userList tr.admin {
		background-color: #CCCCCC;
	}
	
	table#userList th {
		border: solid 1px #CCCCCC;
		padding: 4px;
	}
	
	table#userList td {
		border: solid 1px #CCCCCC;
		padding: 4px;
		white-space: nowrap
	}

table#popAdmin {
	width: 100%;
	border: solid 1px #CCCCCC;
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
}
	table#popAdmin tr.alt {
		background-color: #FFFFFF;
	}

	table#popAdmin th {
		border: solid 1px #CCCCCC;
		padding: 4px;
	}
	
	table#popAdmin td {
		border: solid 1px #CCCCCC;
		padding: 4px;
		white-space: nowrap;
		text-align: center;
	}
	
	table#popAdmin td div.image {
		color: #999999;
		text-align: center;
		width: 50px;
		height: 40px;
		background-color: #FFFFFF;
		border: solid 1px #444444;		
	}

div#logo{
		display: block;
		text-indent: -9000px;
		background: url(../images/hdr_logo.gif) no-repeat #bc241c;
		width: 100%;
		height: 94px;
		cursor: pointer; 
		}
 
		
table 
{
	background-color: #CCCCCC;
	color: #000000;
}

table a
{
	color: #bc241c;
}

table th 
{
	background-color: #000000;
	color: #FFFFFF;
	padding: 4px;
}
		
table td 
{
	padding: 4px;
}


/** **/
#drop_shadow{
		width: 225px;
		background: url(../images/bg_dropshadow.png) repeat-y right;
		_background: black;
		left: 0;
		top: 0;
		z-index: 14;
		position: absolute;
		height: 100%;
		}

div#relation 
{
	font-size: 15px;
}

ul.poplist_items 
{
	list-style: none;
	margin-top: 10px;
}

ul.poplist_items li
{
	margin-bottom: 10px;
}


ul.poplist_items label
{
	font-weight: bold;
}

table.poplist 
{
	background-color: Transparent;
}

table.poplist td
{
	 vertical-align: top;
	 text-align: left;
	 width: 50%;
}

ul.dashboard_menu 
{
	
	font-size: 15px;
}

	ul.dashboard_menu li 
	{
		margin-left: 20px;
		margin-bottom: 10px;
	}

	ul.dashboard_menu li a
	{
		color: #FFFFFF;
	}
	

div#user_account 
{
	width: 45%;
	float: left;
	background-color: #666666;
	padding: 10px 0 0px 10px;
}

div#user_stuff_container 
{
	width: 50%;
	float: left;
	margin-left: 20px;

}

div#user_portfolio_list 
{
	width: 100%;
	background-color: #666666;
	margin: 0 0 20px 10px;
	padding: 10px;
}

div#user_pop_list 
{
	width: 100%;
	background-color: #666666;
	margin-left: 10px;
	padding: 10px;
}

.calendar_container
{
	margin: 10px;
	display: none;
}

.message 
{
	font-weight: bold;
	color: #00FF00;
}

.error 
{
	font-weight: bold;
	color: #FF0000;
}

/** Validation summary control on form pages **/

.validationSummary ul 
{
	background-color: #EEEEEE;
	list-style-position: inside;
	margin: 10px 0 0 0px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
}

.validationSummary ul li
{
	margin: 5px 0 5px 5px;
}

.functionNav 
{
	list-style: none;
	margin-left: 20px;
	font-size: 14px;
}

.hRule 
{
	margin: 20px 0 20px 0;
	border-bottom: solid 1px #999999;
}

.functionNav li
{
	list-style: none;
	margin: 0 0 5px 0;
}