Body {
	background-color: #FFFFFF;
	margin-left : 25px;
	margin-top : 20px;
	padding-top : 0px;
	padding-left : 0px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;	/* dark blue */
}

A:link	{ text-decoration:none; color:#657e8e;}	
A:visited{ text-decoration:none; color:#657e8e;}	
A:active {text-decoration:none;}	
A:hover {text-decoration:underline;}


H1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 24px;
	line-height : 24px;
	font-weight: normal;
}

H2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	line-height : 18px;
	font-weight: normal;
	margin-top: 20px;
}

H3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	line-height : 14px;
	font-weight: bold;
}

H4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 12px;
	font-weight: bold;
}

/* JA 8/31/2005 */
.participant td {
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
	padding-right: 12;
}

.buttonstable td {
	padding: 5;
}

/* position header overlay */
.stripeoverlay {
	width: 748px;
	z-index: 10;
	position: absolute;
	top: 86px;
	left: 25px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.stripeoverarea {	width: 748px; }

.stripimage {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* column 1 */
.navigation {
	width: 160px; 
	float: left; 
	padding-left: 0px; 
	padding-right: 5px; 
	margin-top: 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	font-weight: bold;
	color : #333333;
	text-decoration : none; 
	background-color: #FFFFFF;
}

.navigation  A:Link {color : #000000;	text-decoration : none; }
.navigation  A:visited {color : #000000; text-decoration : none; }

.navigation_deemphasis {
	width: 160px; 
	float: left; 
	padding-left: 0px; 
	padding-right: 5px; 
	margin-top: 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	font-weight: bold;
	color : #666666;
	text-decoration : none; 
	background-color: #FFFFFF;
}

.navigation_deemphasis  A:Link {color : #666666;	text-decoration : none; }
.navigation_deemphasis  A:visited {color : #666666; text-decoration : none; }





/* column 2 */
.subnavigation {
	width: 160px; 
	float: left; 
	padding-left: 0px; 
	padding-right: 0px; 
	margin-top: 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	font-weight: bold;
	color : #333333;
	text-decoration : none; 
	background-color: #FFFFFF;
}

.subnavigation  A:Link {color : #000000;	text-decoration : none; }
.subnavigation  A:visited {color : #000000; text-decoration : none; }


.subnavigation_deemphasis {
	width: 160px; 
	float: left; 
	padding-left: 0px; 
	padding-right: 0px; 
	margin-top: 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 22px;
	font-weight: bold;
	color : #666666;
	text-decoration : none; 
	background-color: #FFFFFF;
}

.subnavigation_deemphasis  A:Link {color : #666666;	text-decoration : none; }
.subnavigation_deemphasis  A:visited {color : #666666; text-decoration : none; }


.subnavdrop_1 {	margin-top: 0px; padding-top: 0px; }

.subnavdrop_2 {	margin-top: 0px; padding-top: 22px; }

.subnavdrop_3 {	margin-top: 0px; padding-top: 44px; }

.subnavdrop_4 {	margin-top: 0px; padding-top: 66px; }

.subnavdrop_5 {	margin-top: 0px; padding-top: 88px; }

.subnavdrop_6 {	margin-top: 0px; padding-top: 110px; }

.subnavdrop_7 {	margin-top: 0px; padding-top: 132px; }

.subnavdrop_8 {	margin-top: 0px; padding-top: 154px; }





/* column 3 */
.mainspace {
	width: 435px; 
	float: left; 
	padding-left: 20px; 
	padding-right: 5px; 
	margin-top: 16px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 14px;
	font-weight: normal;
	color : #000000;
	text-decoration : none; 
	background-color: #FFFFFF;
}


.mainspace H1 {margin-left: -15px;}


.mainspaceHelp {
	width: 435px; 
	float: left; 
	padding-left: 0px; 
	padding-right: 5px; 
	margin-top: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : 14px;
	font-weight: normal;
	color : #000000;
	text-decoration : none; 
	background-color: #FFFFFF;
}

.mainspaceHelp H2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	line-height : 20px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: -10px;
}

/* footer bar */
.footerbar { 
width: 760px;
margin-top: 10px;
margin-bottom: 0px; 
}

.Copyright  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	line-height : 10px;
	font-weight: normal;
	color : #666666;
}
.Copyright  A:Link {color : #666666;	text-decoration : none; font-weight : normal;}
.Copyright  A:visited {color : #333333; text-decoration : none; font-weight : normal;}
.Copyright  A:Active {color : #000099; text-decoration : none; font-weight : normal;}
.Copyright  A:Hover {color : #000099; text-decoration : none; font-weight : normal;}




/* css for FORMS - DATA ENTRY */

.userinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: normal;
	background-color: #EEEEEE; 
	text-align : left;

}

.userinputBK {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: bold;
	background-color: #EEEEEE; 
}

.combo {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: normal;
	background-color: #EEEEEE; 
}


.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight: bold;
	text-align : left;
}

.label_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight: normal;
	text-align : left;
}

.label_right {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight: bold;
	text-align : right;
}

.label_center {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #333333;
	font-weight: bold;
	text-align : center;
}

.checkbox {
	background-color : #FFFFFF;
}

.radiobutton {
	background-color : #FFFFFF;
}

.submitbutton {
	float: right; 
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: bold;
	background-color: #CCCCCC;
}

.submitbutton_nofloat {	
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: bold;
	background-color: #CCCCCC;
}

.instructions { font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
	font-weight: normal;
	line-height : 14px;
 }
 
.instructions2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
	font-weight: normal;
	line-height : 14px;
	font-style : italic;
}
 
.instructions3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #666666;
	font-weight: normal;
	line-height : 14px;
} 

 FORM  TD { vertical-align: top;  }
 
 
 
 
 
 /* Tabs */
 .mainspace .tabON {
	width: 90px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 15px;
	font-weight: bold;
	color : #333333;
	text-decoration : none;
	padding-bottom : 2px;
	padding-top : 2px;
	background-color : #FFFFFF;
	text-align : center;
	margin-bottom : 14px;
	margin-left : 0px;
	margin-right : 0px;
	border-bottom : 1px solid #DDDDDD;
	border-left : 1px solid #999999;
	border-right : 2px solid #000000;
	border-top : 1px solid #DDDDDD;
	text-decoration : none; 
}

.mainspace .tabON A:Link {
	color : #333333;
	text-decoration : none; 
}

.mainspace .tabON A:visited {
	color : #333333;
	text-decoration : none; 
}

.mainspace .tabON A:Hover {
	color : #990000;
	text-decoration : none; 
}

 .mainspace .tabOFF {
	width: 90px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 10px;
	font-weight: bold;
	color : #666666;
	text-decoration : none;
	padding-bottom : 2px;
	padding-top : 2px;
	background-color : #CCCCCC;
	text-align : center;
	margin-bottom : 14px;
	margin-left : 0px;
	margin-right : 0px;
	border-bottom : 2px solid Black;
	border-left : 1px solid #999999;
	border-right : 2px solid Black;
	border-top : 1px solid #CCCCCC;
	text-decoration : none; 
}

.mainspace .tabOFF A:Link {
	color : #000000;
	text-decoration : none; 
}

.mainspace .tabOFF A:visited {
	color : #000000;
	text-decoration : none; 
}


 .mainspace .tabOVER {
	width: 90px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	line-height : 10px;
	font-weight: bold;
	color : #FFFFFF;
	text-decoration : none;
	padding-bottom : 2px;
	padding-top : 2px;
	background-color : #333333;
	text-align : center;
	margin-bottom : 14px;
	margin-left : 0px;
	margin-right : 0px;
	border-bottom : 2px solid Black;
	border-left : 1px solid #999999;
	border-right : 2px solid Black;
	border-top : 1px solid #CCCCCC;
	text-decoration : none; 
}

.mainspace .tabOVER A:Link {
	color : #FFFFFF;
	text-decoration : none; 
}

.mainspace .tabOVER A:Hover {
	color : #FFFFFF;
	text-decoration : none; 
}

.mainspace .tabOVER A:Active {
	color : #FFFFFF;
	text-decoration : none; 
}

.mainspace .tabOVER A:visited {
	color : #FFFFFF;
	text-decoration : none; 
}


/* ALERTS */
.alertbox1 {
	width: 360; 
	border: 4px solid #EEEEEE;
	margin-left : 8px; 
}

.alertbox2 {
	border: 1px solid #990000;
	margin-left : 0px; 
	margin-top : 0px; 
	margin-right : 0px; 
	margin-bottom : 0px; 
}

.alert { font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight: bold;
	line-height : 14px; 
	margin-left : 10px; 
	margin-top : 6px; 
	margin-right : 10px; 
	margin-bottom : 6px; 
}

.ErrorText 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight: bold;
	line-height : 14px; 
	margin-left : 10px; 
	margin-top : 6px; 
	margin-right : 10px; 
	margin-bottom : 6px; 
	color: Red ; /* was #b22222 Firebrick red */
}

/* Grid Defs  bda */

.grid-header a:active
{
	color: #b22222; /* Firebrick red */
	text-decoration: none;
}
.grid-header a:link
{
	color: #696969;
	text-decoration: none;
}
.grid-header a:visited
{
	color: #696969;     /* Dark Grey */
	text-decoration: none;
}
.grid-header a:hover
{
	color: #b22222; /* Firebrick red */
	text-decoration: none;
}
.grid-rowstyle
{    
    background: #F7F6F3;  /* Light grey */
    color: black;
}
.grid-selected-rowstyle
{
    background: #E2DED6;
    color: black;
    font-weight: bold;
}
.grid-editrow-style
{
    background: #999999;   /* dark grey */
}
.grid-alternaterow-style
{
    background: White;
    color: #284775;
}
.grid-edit-column
{
	border-top: #696969 1px solid;
	border-bottom: #696969 1px solid;
	border-left: #696969 1px solid;
}

.grid-header
{
    background-color: #d3d3d3;  /* Light Grey */
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    color: black;
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    height: 24px;
    margin: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.grid-footer
{
	background-color: #d3d3d3;  /* Light Grey */
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
	color: black;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	height: 24px;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.grid-icon
{
	vertical-align: middle;
}
.grid-item
{
    
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: black;
	font-family: Verdana;
	font-size: x-small;
	height:auto;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.grid-erroritem
{
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #b22222; /* Firebrick red */
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	height:auto;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

