.bodycontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:normal;
	color: #000000;
}
.graybackground {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color: #000000; background-color:#D4D0C8;}
.headerblue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:15px; color: #333399; padding-top: 8px; padding-bottom: 8px; font-weight: bold;}
.bodycontentblue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #333399}
.bodycontentgold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #CC9900}
.linkuniversal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; line-height:15px; font-weight: normal; color: #333399}
.linkgold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; line-height:15px; color: #CC9900}
.linkgoldbold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: underline; line-height:15px; color: #CC9900}
.linkblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color: #333399
}
.linkbluebold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: underline; line-height:15px; color: #333399}
.navinactive {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:15px; color: #000000}
.navactive {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #333399}
.silverdottedborder {border-width:1;border-color:#CCCCCC;border-style:dashed;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}


/*LI {list-style-type: square; font-size:11px; color: #000000; line-height:15px}
*/
@media screen {
	/*generic button with width auto expanded to fill up all available spaces*/
	.button {
		border: solid 1px #cccccc;
		padding: 4px;
		margin: 4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #dddddd;
		font-size:11px; font-weight: bold; text-decoration: none; color: #333399;
		cursor: hand;
		display: block;
		text-align: center;
		vertical-align: middle;
	}

	/*same as button but with fixed with of 100px*/
	.button100 {
		border: solid 1px #cccccc;
		padding: 4px;
		margin: 4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #dddddd;
		font-size:11px; font-weight: bold; text-decoration: none; color: #333399;
		cursor: hand;
		display: block;
		text-align: center;
		vertical-align: middle;
		width: 100px;
	}
}

/*for the table heading of every submission page:
- title, instruction etc..
*/
.submissionHeader 
{
	width: 100%;
	margin-left: 8px;
	margin-bottom: 16px; /*to space out whatever come after the body*/
}

.submissionBody
{
}

/*for all anchor within the body
NOTE: font size is inherited from parent*/
.submissionBody a
{
	font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #333399
}


/*a submission page broken down into sections, each should start with a submissionHeader and can have multiple submissionSectionBlock*/
.submissionSection 
{
	border: dashed 1px #e0e0e0;
	border-top-width: 0px;	/*no border for top and bottom*/
	border-bottom-width: 0px;
	width: 100%;
	margin-top: 1em;
}

/*a block of table within a submissionSection*/
.submissionSectionBlock 
{
	border: dashed 1px #e0e0e0;
	border-top-width: 0px;	/*no border for top and bottom*/
	border-bottom-width: 0px;
	width: 100%;
	/*margin-top: 1em; NOTE: No top margin so all blocks looks contiguous*/
}

/*for all tr and td within a section*/
.submissionSection tr td 
{
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 1px;
}


.submissionSectionHeader 
{
	color: #ffffff;	/*white text*/
	background-color: #333399;	/*on navy blue*/
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top;
	padding: 2px;
}

/*shade of alternate row when reviewing submission*/
.rowShade1 
{
	background: #ebebeb;
	vertical-align: text-top;
}

/*shade of alternate row when reviewing submission*/
.rowShade2 
{
	vertical-align: text-top;
}

/*shade of alternate row when editing submission*/
.editRowShade 
{
	background: #f4f4f4;
}

/*for header row in overview table*/
.indexViewTableHeader 
{
	 background-color: #dddddd;
	 vertical-align: bottom;
	 text-align: center;
	 font-weight: bold;
}

/*for anchor used in header*/
.indexViewTableHeader a 
{
	text-decoration: underline;
}

.odd
{
	text-align: center;
	vertical-align:middle;
	background-color: #ffffff;
}
.even
{
	text-align: center;
	vertical-align:middle;
	background-color: #eaeaea;
}


/*for anchor used in index table header which sorts column when clicked on*/
.sortableHeader 
{
	background-color: #dddddd;
	 vertical-align: bottom;
	 text-align: center;
	 font-weight: bold;
	 color: #333399;
}


@media screen 
{
	/*style applied to a table having a single row containing multiple cells, each has an anchor acting as a button*/
	.buttonTable 
	{
		width: 100%;
		margin-top: 16px;	/*to ensure it stands out from preceding stuff*/
		background-color: #eeeeee;
	}
	.leftNavContainer
	{
		width: 125px;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #333399;
	}
}
	
.button2 {
	width: 100px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	font-size:10px; font-weight: bold; text-decoration: none; color: #333399;
	cursor: hand;
	visibility:hidden;
	}
	
	.button3 {
		width: 100px;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		padding: 2px 2px 2px 2px;
		margin: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #dddddd;
		font-size:10px; font-weight: bold; text-decoration: none; color: #333399;
		cursor: hand;
		visibility:hidden;
		
	}
	

.button1 {
	width: 168px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	font-size:10px; font-weight: bold; text-decoration: none; color: #333399;
	cursor: hand;
	}


.inputbutton {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	font-size:10px; font-weight: bold; text-decoration: none; color: #333399;
	cursor: hand;
	}
	
body, td, th, input, select, textarea, pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


@media print 
{
	.buttonTable 
	{
		display:none;
	}
	.button 
	{
		display: none;
	}
	.button100 
	{
		display: none;
	}
	.leftNavContainer 
	{
		width:0px;
		display: none;
	}
}

/* Styling for Headers */
.titleText a {font-family: Times New Roman, serif; font-size: 12px;  display: block; text-decoration: none; color: #B8860B; background: url('images/gold_line.gif') 0 12px no-repeat;}

.mainTitleText {font-family: Times New Roman; font-size: 24px; color: #0033CC; display: block; padding-left: 5px; width:300px;background: url('images/gold_line_long.gif') 5px 20px no-repeat;}

sub { position: relative; bottom: 0; left:.2ex; font-size: 80%;}