body
{
	background-color: #000000;
	text-align: center;
	min-width: 800px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 11px;
}

a:link, a:visited, a:hover
{
	color: 	#808080;
	text-decoration:none;
	font-size: 11px;
}

#wrapper
{
	margin:0 auto;
	width:80%;
	text-align: left;	
	background-color: #E3E6E6;
	padding: 3px;
}

#contentWrapper
{
	background-color: #D0E0EE;
}

.sideborders
{
	border: 1px solid #006699;
}

.footer
{
	background-color:#000000;
	border-color:#006699;
	border-style:solid;
	border-width:1px 0 0;
	padding:4px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
}

.header
{
	background-color:#000000;
	border-color:#000000;
	border-style:solid;
	border-width:0 0 1px;
	padding:4px;
	text-align:center;
	color: #FFFFFF;
	text-align: left;
}

.header a
{
	color: #FFFFFF;	
}

.header a:visited
{
	color: #000000;	
}

.navigation
{
	background-color:#E3E6E6;
	border-color:#006699;
	border-style:solid;
	border-width:0 0 1px;
	padding:4px;
	text-align:center;
	color: #003366;
}

.mainContent
{
	color:#003366;
	padding: 4px;
	height: auto;
}

.contentBox
{
	border:1px solid #659BD1;
	background: #E3E6E6;
	margin-bottom: 5px;
}

.contentBoxContent
{
	padding: 4px;
}

.contentUserBox
{
	padding: 100px;
}

.contentBoxHeader
{
	position: relative;
	background-color:#000000;
	padding:4px;
	text-align:center;
	color: #FFFFFF;
	text-align: left;
	font-weight:bolder;
	border: 1px solid #000000;
	border-bottom:0px;
}

.groups-select
{
	background:#000000 none repeat scroll 0 0;
	border:1px solid #BBAFA0;
	margin:28px 0;
	padding:22px 25px 12px;
}

legend
{
display: none;
}
.legend
{
	background-color:#000000;
	color: #000000;
	border: 1px solid #FFFFFF;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	margin-top:-33px;
	padding:0 8px;
}

.contentBoxFooter
{
	position: relative;
	background-color:#000000;
	padding:3px;
	text-align:right;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-top:0px;

}

.logo
{
	background-color:#000000;
	text-align:center;
}

#controlMenu
{
	float: right;
	width: 50px;
	background-color:#FFFFFF;

}

.contentOdd
{
	background: #cfe0f1;
	width: 100%;
	padding: 2px;
}

.contentEven
{
	background: #ffffff;
	width: 100%;
	padding: 2px;
}

.dahsedBorder
{
	border-color:black black #6699CC;
	border-style:dashed;
	border-width:0 0 1px;
}

input[type="text"], input[type="password"]
{
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:normal;
cursor:text;
padding:2px;
margin-right:5px;
vertical-align:middle;
background-color:#F2F3F3;
border:1px solid #C0C0C0;
color:#333333;
}

input[type="text"]:focus, input[type="password"]:focus
{
border:1px solid #EAEAEA;
border-color:#11A3EA;
color:#0F4987;
}

input[type="submit"]
{
	border:1px solid #006699;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:3px;
	margin-left:0;
	margin-top:2px;
}

textarea
{
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:1em;
font-weight:normal;
cursor:text;
padding:2px;
margin-right:5px;
vertical-align:middle;
background-color:#F2F3F3;
border:1px solid #C0C0C0;
color:#333333;
}

textarea:focus
{
border:1px solid #EAEAEA;
border-color:#11A3EA;
color:#0F4987;
}

.contentBoxFooter a
{
	text-decoration:none;
	color: #FFFFFF;
}

.contentBoxFooter a:hover
{
	text-decoration:none;
	color: #006699;
}

.spotlight
{
	padding: 2px;
	text-align:center;
}

.colourSelector
{
width: 12px;
height: 12px;
margin: 2px;
float:right;
border: 1px solid #FFFFFF;
}

#colourSelectorMenu
{
	float: right;
	width: 100px;
	text-align:left;
}