body 
{
	width:980px;
}
	
/* links area */
.links
{
	border:solid 1px #cccccc;
	padding:5px;
	margin-top:5px;
	margin-bottom:10px;
}

.links .headergroup
{
	margin-bottom:10px;
}

.links .headeritem
{
	color:#0000CC;
	font-size:0.85em;
}


.links .headergroup a, .links .headergroup a:visited
{
	text-decoration:none;
}

.links .headergroup a:hover
{
	text-decoration:underline;
	color:#CC6600;
}


.links .subitem
{
	color:#0000CC;
	font-size:0.7em;
}	

.links ul 
{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
} 

.links li
{
	padding: 0px 0px 0px 0px;
}


/* page header, every page should have one of these */
.pageheader
{
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:10px;
	color: #68b228; 
}

.subheader
{
	FONT-SIZE: 0.87em; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 0px; 
	COLOR: #8e8e8e; 
	PADDING-TOP: 10px;  
}

/* Error messages */
.errormessage
{
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	border: solid 1px black;
	color:Red;
	text-align:center;
}

/* Status box */
.statusbox
{
	padding: 5px 10px 0px 10px;
	margin: 5px 5px 5px 5px;
	font-size:0.8em;
	height:25px;
}

.statusbox .message
{
	color:#333333;
	vertical-align:middle;
}

.statusbox .wait
{
	color:#333333;
}

.statusbox .error
{
	color:#CC0000;
}

/* field labels */
.fieldlabel
{
	font-size: 0.9em;
	color: #003399;
	padding-bottom:2px;
	padding-top:2px;
}

.fieldlabelrequired
{
	font-size:0.9em;
	color:Red;
}

.fieldvalue
{
	font-size:0.9em;
}

/* used to grayout background for dialog boxes */
.grayout
{
	display:none;
	position: absolute;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 100%;
	
	background-color:#000000;
	
	/* Set both opacity and filter, for MSIE and firefox compatability */
	opacity: .7;
	filter: alpha(opacity=70);
	
	/* z-index sets the layer order, so that the overlay rests on top.
	Bear in mind that the popup dialogue needs to be even higher! */
	z-index: 50;
}

textarea
{
	font-family:Arial, Helvetica, sans-serif;
}