﻿/* reset.css, part of YUI's CSS Foundation */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{ 
	margin:0;
	padding:0;
}
table 
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img 
{ 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style:normal;
	font-weight:normal;
}
ol,ul 
{
	list-style:none;
}
caption,th 
{
	text-align:left;
}
h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after 
{
	content:'';
}
abbr,acronym 
{ 
	border:0;
}

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	/*margin:1em 0;*/
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	/*margin:1em;*/
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	/*margin-left:2em;*/
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

ul li {
	/*giving UL's LIs generated disc markers*/
	/*list-style: disc outside;*/
}

dl dd {
	/*giving UL's LIs generated numbers*/
	/*margin-left:1em;*/
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	/*margin-bottom:.5em;*/
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	/*margin-bottom:1em;*/
}

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

body 
{
	text-align: center;
    color: #2F3238;
    background: #D5E3EC;
    padding-top: 10px;
}

.bodyTextSmall
{
	font-size: 85%;
}
.bodyTextSmallLight
{
	font-size: 85%;
	color: #777;
}

.bodyText
{
	font-size: 100%;
}
.bodyTextRed
{
	font-size: 100%;
	color: #CC0000;
}
.bodyTextLight
{
	font-size: 100%;
	color: #777;
}

.bodyTextLarge
{
	font-size: 123.1%;
}
.bodyTextLargeLight
{
	font-size: 123.1%;
	color: #777;
}


#header
{
    width: 948px;
    margin: auto;
    border: 1px solid #6B9CBC;
    background: #6B9CBC;
    overflow: hidden;
}

#header img
{
	display:block;
}

#headerAlt
{
    width: 948px;
    margin: auto;
    border: 1px solid #6B9CBC;
    background: #6B9CBC;
    overflow: hidden;
}

#headerAlt img
{
	display:block;
}

#footer
{
    width: 948px;
    margin: auto;
    border-top: 1px solid #6B9CBC;
}

#container 
{
    width: 948px;
    margin: auto;
    /*padding: 20px 0;   */
    background-color: #fff;
    border-left: 1px solid #6B9CBC;
    border-right: 1px solid #6B9CBC;
    overflow: hidden;
}

.copyright
{
	text-align: right;
	margin-top: 10px;
	margin-bottom: 30px;
}

.column180
{
	float: left;
	width: 160px;	
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

.padLeft
{
	padding-left: 20px;
	padding-right: 0px;
}

.padRight
{
	padding-left: 0px;
	padding-right: 20px;
}

.column240
{
	float: left;
	width: 220px;	
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 20px;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

.column590
{
	float: left;
    width: 548px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

.column710
{
	float: left;
    width: 668px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

.column950
{
	float: left;
    width: 908px;
    padding-top: 0px;
    padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
    overflow: hidden;
    /*border: 1px solid #000;*/
}

/* BEGIN CM_Divider Control */

.divider
{
	clear: both;
	width: 100%;
	height: 0px;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

/* END CM_Divider Control */

/* BEGIN CM_Image Control */

.column180 .imageContainer { width: 160px; }
.column240 .imageContainer { width: 220px; }
.column590 .imageContainer { width: 548px; }
.column710 .imageContainer { width: 668px; }
.column950 .imageContainer { width: 908px; }

.imageContainer
{
	float: left;
	overflow: hidden;
}

.imageContainer img { display:block; }

/* END CM_Image Control */

/* BEGIN CM_TextBlock Control */

.column180 .textBlockContainer { width: 160px; }
.column240 .textBlockContainer { width: 220px; }
.column590 .textBlockContainer { width: 548px; }
.column710 .textBlockContainer { width: 668px; }
.column950 .textBlockContainer { width: 908px; }

.textBlockContainer
{
	float: left;
	text-align: left;
	overflow: hidden;
}

.textBlockContainer h2 { text-transform: uppercase; }
.textBlockContainer h3 { text-transform: none; }

/* END CM_TextBlock Control */

.displayBlock { display:block; }
.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenter { margin-left: auto; margin-right: auto; }

.spacingTop2 { margin-top: 2px; }
.spacingBottom2 { margin-bottom: 2px; }
.spacingLeft2 { margin-left: 2px; }
.spacingRight2 { margin-right: 2px; }

.spacingTop4 { margin-top: 4px; }
.spacingBottom4 { margin-bottom: 4px; }
.spacingLeft4 { margin-left: 4px; }
.spacingRight4 { margin-right: 4px; }

.spacingTop10 { margin-top: 10px; }
.spacingBottom10 { margin-bottom: 10px; }
.spacingLeft10 { margin-left: 10px; }
.spacingRight10 { margin-right: 10px; }

.spacingTop20 { margin-top: 20px; }
.spacingBottom20 { margin-bottom: 20px; }
.spacingLeft20 { margin-left: 20px; }
.spacingRight20 { margin-right: 20px; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJustify { text-align: justify; }


fieldset  
{
	clear: both;
	float: left;
	border: 0px none; 
	margin-top: 10px; 
	overflow: hidden;
}

fieldset legend 
{ 
	margin-bottom: 10px;
	font-weight: bold;
	color: #2F3238;
	text-transform: uppercase;
}


.SL_Control
{ 
	display:block;
	clear: both;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	overflow: hidden; 
	border: 1px solid #E0E0E0;
}

.column180 .SL_Control { width: 138px; }
.column240 .SL_Control { width: 198px; }

.column590 .SL_Control { width: 526px; }
.column710 .SL_Control { width: 646px; }
.column950 .SL_Control { width: 886px; }

h2
{
	text-transform: uppercase; 
}

.column180 .formContainer { width: 138px; }
.column240 .formContainer { width: 198px; }

.column590 .formContainer { width: 340px; }
.column710 .formContainer { width: 340px; }
.column950 .formContainer { width: 340px; }

.formContainer
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.column180 .formContainerReg { width: 138px; }
.column240 .formContainerReg { width: 198px; }
.column590 .formContainerReg, .column710 .formContainerReg, .column950 .formContainerReg { width: 370px; }

.formContainerReg
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.column180 .errorField { width: 138px; }
.column240 .errorField { width: 198px; }
.column590 .errorField, .column710 .errorField, .column950 .errorField { width: 340px; }

.column180 .formContainerReg .errorField { width: 138px; }
.column240 .formContainerReg .errorField { width: 198px; }
.column590 .formContainerReg .errorField, .column710 .formContainerReg .errorField, .column950 .formContainerReg .errorField { width: 370px; }

.errorField span
{
	clear: both;
	float: left;
	color: #CC0000; 
	overflow: hidden;
	margin-bottom: 10px;
}

.column180 .formField { width: 138px; }
.column240 .formField { width: 198px; }
.column590 .formField, .column710 .formField, .column950 .formField  { width: 340px; }

.column180 .formContainerReg .formField { width: 138px; }
.column240 .formContainerReg .formField { width: 198px; }
.column590 .formContainerReg .formField, .column710 .formContainerReg .formField, .column950 .formContainerReg .formField  { width: 370px; }

.formField
{ 
	clear: both;
	float: left;
	overflow: hidden;
}

.column180 .formField span.errorText { width: 138px; }
.column240 .formField span.errorText { width: 198px; }
.column590 .formField span.errorText, .column710 .formField span.errorText, .column950 .formField span.errorText { width: 200px; }

.column180 .formContainerReg .formField span.errorText { width: 138px; }
.column240 .formContainerReg .formField span.errorText { width: 198px; }
.column590 .formContainerReg .formField span.errorText, .column710 .formContainerReg .formField span.errorText, .column950 .formContainerReg .formField span.errorText { width: 220px; }

.formField span.errorText
{
	clear: both;
	float: right;
	margin-top: -6px;
	margin-bottom: 10px;
	color: #CC0000;
}



/*
.column180 .formField span { width: 138px; }
.column240 .formField span { width: 198px; }
.column590 .formField span, .column710 .formField span, .column950 .formField span { width: 200px; }
*/
/*
.column180 .formContainerReg .formField span { width: 138px; }
.column240 .formContainerReg .formField span { width: 198px; }
.column590 .formContainerReg .formField span, .column710 .formContainerReg .formField span, .column950 .formContainerReg .formField span { width: 220px; }
*/


.column180 .formField label { width: 138px; }
.column240 .formField label { width: 198px; }
.column590 .formField label, .column710 .formField label, .column950 .formField label { width: 140px; }

.column180 .formContainerReg .formField label { width: 138px; }
.column240 .formContainerReg .formField label { width: 198px; }
.column590 .formContainerReg .formField label, .column710 .formContainerReg .formField label, .column950 .formContainerReg .formField label { width: 150px; }

.formField label
{	
	clear: both;
	float: left;
	margin-bottom: 2px;
}

.formField label span { color: #777; }

.formField input
{
	float: left;
	margin-bottom: 10px;
	color: #36393D;
}

.formField input[type="text"] { height: 16px; }

.column180 .formField input[type="text"] { width: 134px; }
.column240 .formField input[type="text"] { width: 194px; }
.column590 .formField input[type="text"] { width: 196px; }
.column710 .formField input[type="text"] { width: 196px; }
.column950 .formField input[type="text"] { width: 196px; }


.column180 .formContainerReg .formField input[type="text"] { width: 134px; }
.column240 .formContainerReg .formField input[type="text"] { width: 194px; }
.column590 .formContainerReg .formField input[type="text"] { width: 216px; }
.column710 .formContainerReg .formField input[type="text"] { width: 216px; }
.column950 .formContainerReg .formField input[type="text"] { width: 216px; }


div.labelDOB
{
	clear: both;
	float: left;
	width: 220px;
	margin-left: 150px;
}

span.month { width: 100px; clear: none; float: left; margin-top: 0px; margin-bottom: 2px; }
span.day { width: 72px; clear: none; float: left; margin-top: 0px ; margin-bottom: 2px; }
span.year { width: 44px; clear: none; float: left; margin-top: 0px; margin-bottom: 2px; }
span.yearEx { width: 220px; clear: none; float: left; margin-top: -6px; margin-bottom: 10px; text-align: right; }

input.year
{
    float: left;
	width: 44px !important;
	height: 18px !important;
	color: #000;
}

select.month
{
    width: 96px !important;
    margin-right: 4px !important;
}

select.day
{
    width: 68px !important;
    margin-right: 4px !important;
}


.column180 .formField select { width: 138px; }
.column240 .formField select { width: 198px; }
.column590 .formField select, .column710 .formField select, .column950 .formField select { width: 200px; }

.column180 .formContainerReg .formField select { width: 138px; }
.column240 .formContainerReg .formField select { width: 198px; }
.column590 .formContainerReg .formField select, .column710 .formContainerReg .formField select, .column950 .formContainerReg .formField select { width: 220px; }

.formField select
{
	float: left;
	margin-bottom: 10px;
	color: #36393D;
}


.column180 .formFieldUpload { width: 138px; }
.column240 .formFieldUpload { width: 198px; }
.column590 .formFieldUpload, .column710 .formFieldUpload, .column950 .formFieldUpload  { width: 340px; }

.formFieldUpload
{ 
	clear: both;
	float: left;
	overflow: hidden;
}

.column180 .formFieldUpload span.errorText { width: 138px; }
.column240 .formFieldUpload span.errorText { width: 198px; }
.column590 .formFieldUpload span.errorText, .column710 .formFieldUpload span.errorText, .column950 .formFieldUpload span.errorText { width: 240px; }

.formFieldUpload span.errorText
{
	clear: both;
	float: right;
	color: #CC0000;
	margin-top: -6px;
	margin-bottom: 10px;
}

.column180 .formFieldUpload label { width: 138px; }
.column240 .formFieldUpload label { width: 198px; }
.column590 .formFieldUpload label, .column710 .formFieldUpload label, .column950 .formFieldUpload label { width: 100px; }

.formFieldUpload label
{	
	clear: both;
	float: left;
	margin-bottom: 2px;
}

.formFieldUpload input
{
	float: left;
	margin-bottom: 10px;
	color: #36393D;
}


.column180 .formFieldUpload select { width: 138px; }
.column240 .formFieldUpload select { width: 198px; }
.column590 .formFieldUpload select, .column710 .formFieldUpload select, .column950 .formFieldUpload select { width: 200px; }

.formFieldUpload select
{
	float: left;
	margin-bottom: 10px;
	color: #36393D;
}


.column180 .buttonField { width: 138px; }
.column240 .buttonField { width: 198px; }
.column590 .buttonField, .column710 .buttonField, .column950 .buttonField { width: 340px; }

.column180 .formContainerReg .buttonField { width: 138px; }
.column240 .formContainerReg .buttonField { width: 198px; }
.column590 .formContainerReg .buttonField, .column710 .formContainerReg .buttonField, .column950 .formContainerReg .buttonField { width: 370px; }

.buttonField
{
	clear: both;
	float: left;
	overflow: hidden;	
	margin-top: 10px;
	margin-bottom: 10px;
}

.buttonField input[type="submit"] { width: 75px; }

.buttonField .primaryAction { float: right; }

ul { float: left; margin: 0; padding: 20px 0; list-style-type: none; overflow: hidden; }

.column180 li.header, .column180 li.even, .column180 li.odd { width: 130px; }
.column240 li.header, .column240 li.even, .column240 li.odd { width: 190px; }
.column590 li.header, .column590 li.even, .column590 li.odd { width: 510px; }
.column710 li.header, .column710 li.even, .column710 li.odd { width: 630px; }
.column950 li.header, .column950 li.even, .column950 li.odd { width: 878px; }

.column180 .stats li.stat { float: left; clear:both; margin: 0; width: 156px; padding: 4px;  }
.column240 .stats li.stat { float: left; clear:both; margin: 0; width: 216px; padding: 2px; height: 16px; }

li.header { float: left; clear:both; margin: 0; padding: 4px; height: 16px; background-color: #185C9B; border-bottom: 1px solid #185C9B; border-top: 1px solid #185C9B; font-weight: bold; color: #FFFFFF; overflow: hidden; }
li.even   { float: left; clear:both; margin: 0; padding: 4px; height: 16px; background-color: #EAF3FB; border-bottom: 1px solid #185C9B; overflow: hidden;}
li.odd    { float: left; clear:both; margin: 0; padding: 4px; height: 16px; background-color: #FFFFFF; border-bottom: 1px solid #185C9B; overflow: hidden;}

ul.horz { padding: 0; }
ul.horz li { float: left; height: 16px; overflow: hidden; }

ul.horz li.alignCenter { text-align: center; }
ul.horz li.alignRight { text-align: right; }

ul.horz li.width16  { width: 16px; }
ul.horz li.width20  { width: 20px; }
ul.horz li.width30  { width: 30px; }
ul.horz li.width40  { width: 40px; }
ul.horz li.width50  { width: 50px; }
ul.horz li.width60  { width: 60px; }
ul.horz li.width75  { width: 75px; }
ul.horz li.width100 { width: 100px; }
ul.horz li.width120 { width: 120px; }
ul.horz li.width140 { width: 140px; }
ul.horz li.width150 { width: 150px; }
ul.horz li.width180 { width: 180px; }
ul.horz li.width200 { width: 200px; }

div.processing
{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 220px;
    overflow: hidden;
}

span.statusMessage
{
	text-align:center;	
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

div.applet
{
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 400px;
    overflow: hidden;
}

.stats
{
	display: block;
	clear: both;
	float: left;
	width: 100%;
}
