BODY
{
	margin-top: 0px;
	font-size: 12px;
	font-family: Ariel, Verdana, Helvetica, Sans-serif;
	background-image:url('/whsweet/images/background.gif');
	
}
.container
{
	background-image:url('/whsweet/images/containerbg.gif');
	background-repeat: repeat-y;
	width: 930px;
	padding: 10px 26px 10px 24px;
}
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Ariel, Verdana, Helvetica, Sans-serif;
  
}
li
{
padding-bottom: 5px;
}

A
{
    COLOR: #6e85c8;
    
}
A:hover
{
   TEXT-DECORATION: none;
}

.content
{
  padding: 5px;
	color: #333;
}

.titleBanner
{
  color: #96c61a;
	font-size: 20px;
}

.sectiontitle
{
	font-size: 17px;
	color: #777777;
	font-family: Ariel, Verdana, Helvetica, Sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
.participantpagetitle
{
	font-weight: bold;
	font-size: 18px;
	color: #448CCB;
	font-family: Ariel, Verdana, Helvetica, Sans-serif;
}

.topnavbar
{
 border-bottom: 2px; 
 border-top: 0px; 
 border-left: 0px; 
 border-right: 0px; 
 border-style: solid; 
 border-color: #96c61a;
 padding: 0px;
 color: #6e85c8;
 width: 880px; 
}

.bottomnavbar
{
 border-bottom: 0px; 
 border-top: 1px; 
 border-left: 0px; 
 border-right: 0px; 
 border-style: dotted; 
 border-color: #FF6600;
 padding: 3px;
}
.navlink
{
  TEXT-DECORATION: none;
	padding: 0px 10px 10px 10px; 
	vertical-align: middle;
}

.adminnav
{
 TEXT-DECORATION: none;
 border-bottom: 1px; 
 border-top: 0px; 
 border-left: 0px; 
 border-right: 0px; 
 border-style: dotted; 
 border-color: #FF6600;
 padding: 7px;
 color: #FF6600;
}
.adminnavlink
{
  TEXT-DECORATION: none;	 
	font-size: 11px;
}

.rightdotborder
{
 border-bottom: 0px; 
 border-top: 0px; 
 border-left: 0px; 
 border-right: 1px; 
 border-style: dotted; 
 border-color: #FF6600;
 padding: 5px;
 color: #FF6600;
}
.whitefont
  {
  PADDING-RIGHT: 5px;
  PADDING-LEFT: 5px;
  FONT-SIZE: 12px;
  COLOR: #ffffff;
  PADDING-BOTTOM: 5px;
  FONT-FAMILY: Ariel, Verdana, Helvetica, Sans-serif;
  TEXT-DECORATION: none;
}

.pulltextfont
{
 font-family: Garamond, "Times New Roman", serif; 
 color: #ffffff;
 font-size: 43px;
}

.bscbluefont
{
    FONT-SIZE: 9px;
    COLOR: royalblue;
    FONT-FAMILY: Arial, Verdana, helvetica, sans-serif
}

input.formbtn
{
   color:#ffffff;
	 font-weight: bold;
   background-color:#6e85c8;
	 height: 20px;
   border:0px;
	 }
	 

input.btn
{
   margin: 2px;
	 color:#ffffff;
   background-image:url('/whsweet/images/btnbg.gif');
	 font-family: "Trebuchet MS", sans-serif;
	 height: 32px;
	 width: 174px;
	 border: 0px;
	 padding: 3px 3px 3px 20px;
	 font-size: 14px;
	 text-align: left
	 }


input.btnhov
{
   margin: 2px;
	 color:#ffffff;
   background-image:url('/whsweet/images/btnbg.gif');
 	 font-family: "Trebuchet MS", sans-serif;
	 height: 32px;
	 width: 174px;
	 border: 0px;
	}

	 
.status_green
{
  font-size: 11px;
  color: #3da423;
}
.status_red
{
  font-size: 11px;
  color: #ff0000;
}


th.report 
{
 background-color: 448CCB;
 font-size: 13px;
 font-weight: bold;
 color: #ffffff;
 padding: 5px;
 text-align: left;
}

td.report
{
 border-width: 0px 0px 1px 0px;
 border-color: #62A7F4;
 border-style: solid;
 padding: 5px;
 
}

table.report
{
 border-color: #62A7F4;
 border-style: solid;
 border-width: 1px;
 border-collapse: collapse;
 padding: 5px 2px 5px 2px;
}

tr.altline
{
 background-color: #dddddd;
}

ul.participantlist
{

list-style-image: url(images/bullet_blue.gif);
padding-bottom: 15px;
}

.pagemessage_failed
{
 color: #ff0000;
 font-weight: bold;
 margin: 5px 0px 5px 0px;
}


.CMSContainer /* sets the style for the CMS area when in edit mode or preview mode */
{ 
	background-color: #eeeeee;
	color: #000000;
	padding: 10px 10px 15px 10px; 
	border: 1px #cccccc solid;
	margin: 10px;
}


.CMSContent /* sets the style for the live content area generated by the cms */
{
 padding: 2px; 
}


.CMSContentHover /* sets the style for the live content area generated by the cms when the "edit" button is moused over*/
{
 background-color: #eeeeee;
 padding: 2px;
}


/* form styles! */

#container {
width: 100%;
margin: 15px;
}
#instructions {
width: 100%;
padding: 10px;
}
#instructions_welcome{
width:100%;
font-size: 14px;
font-weight: bold;
color: #000000;
padding-left: 2px;
}
#instructions_text{
width: 100%;
font-size: 12px;
color: #000000;
padding-left: 2px;
}
#column_left {
margin-left: 5%;
width: 40%;
padding: 5px;
float: left;
}
#column_right {
margin-right: 5%;
width: 40%;
padding: 5px;
float: right;
}
#form_waiver {
width: 100%;
font-size: 10px;
color: #000000;
padding: 5px;
clear:both;
}
#form_submit {
width: 80%;
text-align: right;

}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FFF;
	border: 2px solid #FF3300;
	width: 150px;
	color : #FF3300;
	font-size: 10px;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

legend {
	background-color: #448CCB;
	color : #FFF;
	font-size: 16px;
	padding: 3px;
}


label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	resize: none;
	padding: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #636363;
	
}


