.hidefromprint, .topleft, div#header, div#topnavbanner, div#leftcolumn, div#content div#breadcrumbs, div#content ul.rightlinks, div#content ul.stepindicator, div#content ul.stepindicator2, div#rightcolumn, table.calendarmonthpopup, div.calendarpopupclose, div.popupclose, div#footer img.preload, div#footer a, .captioninformation a, div#content div.floatedcolumnbox h3 img.floatedcolumnboxexpander, div#content div.absolutepopupcontainer h3 img.floatedcolumnboxexpander, div#content div.helpwindow, div#content div.helpwindow h3, div#content caption.formcaptionbg img.expandersmall, div#content div.collapsetableheader img.expandersmall, div#content h3.h3background img.h3recordbaricon
{
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
 	}

body	{
	background: #fff;
	color: #000;
	margin: 0 0 0 5px; /* left margin is for Firefox: seems to chop off left a little without it */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

img	{
	border: 0;
	display: block;  /*get rid of whitespace underneath image in NS7/Opera, as when inline, treats line as slightly bigger than image */
	}
	
	div#container {
	padding: 0;
	margin: 0;
}	


#maincolumn /* set 5px initial column margins here */
{
padding: 0;
margin: 0;
}


div#content { 
	padding: 0;
	margin: 0;
}

a:link, a:visited {
	color: #333;
	background: transparent;
	text-decoration: underline;
	}

.left {
 float: left;
}

.right {
 float: right;
}


/* paragraphs */

#content p {
margin-top: 0;
margin-bottom: 1.2em;
line-height: 1.4;
}

#content p.center {
	text-align: center;
}

#content p.small {
font-size: 11pt;
}

 
div#content p.step { /* (red) used for "step 1 of x" type messages */
font-weight: bold;
font-size: 13pt;
}


div#content p.pleasenote { /* used for "please note" type messages */
font-style: italic;
}

/* content headings */

div#content h2.h2background
{
margin-top: 0;
margin-bottom: 1.4em;
font-size: 19pt;
}

div#content h3 {
	margin-top: 0;
margin-bottom: 1.25em;
font-size: 16pt;
}

div#content h3.lessmarginbottom {  
margin-bottom: 0.5em;
}

div#content h3.h3background {
border: 1px solid #999;
margin-bottom: 5px;
}


div#content h4 {
margin-top: 0;
margin-bottom: 1.25em;
font-size: 14pt;
}

/* content lists */

div#content ol, div#content ul {
		margin-top: 0;
		margin-bottom: 1.2em;
		line-height: 1.3;
	}
	
	div#content li { 
		margin-bottom: 0.4em;
	}
	
	div#content ul {
	margin-left:  2em; /* looks better if indent increases proportionately on text resize, so use ems */
	padding: 0;
	/* list-style-type: circle; */
}
	

	div#content ol { 
	margin-left: 2.8em; 
	padding: 0;  
	}
	
	div#content ol ul, div#content ul ol, div#content ul ul, div#content ol ol /* override inheritance, and margin-bottom from global style above: provide little extra space between ending of nested list and next item in parent list */
	{
	margin-bottom: 0.7em;
	list-style-type: square;
	}
	
	div#content ol ul.smallernested, div#content ul ol.smallernested, div#content ul ul.smallernested, div#content ol ol.smallernested {
	font-size: 0.9em;
	line-height: 1.1;
	}
	
	div#content ol ul li, div#content ul ol li, div#content ul ul li, div#content ol ol li { 
		margin-bottom: 0.2em;
	}


div#content ul.inlineleftlinks {
margin-left: 0;
list-style-type: none;
font-size: 11pt;
}

div#content ul.inlineleftlinks li {
display: inline;
padding: 0;
margin: 0;
}

div#content ul.errorlist {
font-weight: bold;
color: #B72400;
background: #fff;
}

div#content ul.errorlist a:link, div#content ul.errorlist a:visited {
color: #B72400;
background: #fff;
}

/* other content styles */

	div#content hr
	{
	width: 100%;
text-align: left; /*this will align it for IE*/
margin: 0 auto 1.25em 0; /*this will align it left for Mozilla*/
border: none 0; 
border-top: 1px dotted #999;
height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
} 


/* images in content area */

div#content img {
display: inline; /* set back to inline for content div, so will behave as default */
	margin: 5px; /* IE5x/PC won't respect padding on an inline img */
}

div#content table.datatable img {
margin: 0 0 1px 3px;
}

/* floated columns and boxes in content area: REVISIT THESE IF/WHEN IMPLEMENT ON HOME PAGE */

div#content div.floatedcolumn {
	float: left;
	width: 42%;
	padding: 0;
	margin: 0 20px 1.5em 0;
}

div#content div.floatedcolumnbox { /* so can have multiple boxes in one column, and have them be independent of the boxes in the next floated column */
margin: 0 0 1.5em 0;
padding: 0;
}


div#content div.floatedcolumnbox h3 {
padding: 1px 3px 2px 5px;
border: 1px solid #98aecb;
border-bottom: 1px solid #999;
margin: 0;
font-size: 13pt;
}


div#content div.floatedcolumnboxcontentcontainer { /* use existing standard containers within here -- <p>, <ul> etc */
padding: 8px 10px 2px 5px; /* 1px bottom margin to prevent margin-bottom of last element in the contentcontainer from being adjacent to and therefore collapsing with the margin-bottom of the floatedcolumnbox or the floatedcolumn */
border: 1px solid #ddd;
margin: 0;
}


 div#content div.floatedcolumn div.floatedcolumnbox ul
 {
	margin-left: 1em;
	} 
	

/* Absolutely positioned pop-up windows: these are not new document windows */

div#content div.absolutepopupcontainer { /* can be used on dotnet wrapper div, or on additional wrapper div within */
padding: 0;
border: 2px solid #999;
margin: 0;
position: absolute;
z-index: 1000;
}


div#content div.absolutepopupcontainer h3 { /* can be used with or without h3 */
padding: 1px 3px 2px 5px;
border-width: 1px;
border-style: solid;
border-color: #98aecb #98aecb #999;
margin: 0;
font-size: 13pt;
}


div#content div.absolutepopupcontent { /* use existing standard containers within here -- <p>, <ul> etc */
padding: 8px 5px 2px 5px; /* 1px bottom padding to prevent margin-bottom of last element in the contentcontainer from being adjacent to and therefore collapsing with the margin-bottom of the floatedcolumnbox or the floatedcolumn */
margin: 0;
}

	
/* general form styles */

form {
padding: 0;
border: 0;
margin: 0;
}

span.required {
	color: #E52D00;
	background: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.medium {
	width: 17em; /* rather than having to use size attribute on <input> which is inconsistent across browsers, as relative to browser's base font: am using ems so input field will increase with text size. Can still enter into field as far beyond width as need to -- field will "scroll", unless there is a maxlength attribute */
}

.mediumshort {
width: 12em;
}

.long {
	width: 25em;
}

.short {
	width: 5em;
}

.buttonshort {
width: 5em;
}

.buttonmedium {
width: 8em;
}

.buttonlong {
width: 15em;
}

input.displayonly {
	border: none;
	background: #F8F4EF;
	}
	
input.datatabledisplayonly {
 border: none;
 background: transparent;
 }
	
	input.nonupdate {
 border: 1px solid #ccc;
 background: #eee;
 }
	
	input.noneditable {
	background: #ccc;
	}
	
	input.value {
text-align: right;
}
	
/* form table syles */

table.formtable {
margin-top: 0;
margin-bottom: 1.2em;
border: 0;
font-size: 11pt;
font-family: Verdana, Arial, Helvetica, sans-serif; /* font size and family inherited OK into cells on PC: ALL. */
}

table.formtable.formborder {
border: 1px solid #ccc; /* border for table box only */
border-collapse: collapse; /* get rid of space between cells: doesn't work on PC: NS6; acts like cellspacing="0", and also prevents cell borders of adjacent cells from doubling up */
}

table.formtable.collapsible {
border-top: none;
}

table.formtable caption {
	padding: 0.5em 0 0.5em 0; /* way to create some whitespace before the table element: works on PC: IE6, Firefox, Opera (haven't tested others */
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #A46200;
	background: #fff;
	font-size: 12pt;
}

table.formtable caption.formcaptionbg, table.datatable caption.formcaptionbg {
	padding: 1px 4px 2px;
	border: 1px solid #ccc;
	margin-left: -1px; /* for firefox: doesn't seem to impact IE6/PC */
	color: #333;
	background: #fff;
	font-size: 11pt;
}

div.collapsetableheader {
padding: 1px 4px 2px; 
	border: 1px solid #ccc;
	margin: 0;
	color: #333;
	background: #fff;
	/*  margin-left: -1px; for firefox: DOES impact IE6/PC when used on div */
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

table.formtable th { 
	padding: 3px 5px 3px 5px;
	margin: 0;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
}

table.formtable td { 
	padding: 3px 5px 3px 5px;
	margin: 0;
	text-align: left;
	/* vertical-align: top; */
	white-space: nowrap;
}

table.formtable td.lessleftpadding {
padding-left: 2px;
}

table.formtable td.lessrightpadding {
padding-right: 2px;
}

table.formtable td.lessverticalpadding {
  padding-top: 1px;
  padding-bottom: 1px;
}

table.formtable td.moreleftpadding {
padding-left: 15px;
}

table.formtable td.moreleftpadding2
{
padding-left: 12px;
}

table.formtable td.formspacer  { /* padding will not work on tr */
padding: 5px;
}

table.formtable td.formspacer2  { /* padding will not work on tr */
padding: 3px;
}

table.formtable td.linespacer { /* border bottom works well when used before a formsection (since formsection has padding-top), and after a series of fields that belong to the formsection, since linepspacer effectively provides a formspacer afterwards with the border on the bottom */
border-bottom: 1px solid #ccc;
}

table.formtable td.formsection { 
	padding: 15px 3px 0px 0px;
	font-weight: bold;
}

table.formtable td.formsection2 { 
	padding: 10px 3px 0px 5px;
	font-weight: bold;
}

table.formtable .arial {
font-family: Arial, Helvetica, sans-serif;
}

table.formtable span.inlinevalidation {
color: #B72400;
background: #fff;
}

/* data table styles */

table.datatable {
 border: 1px solid #ccc; /* border for table box only */
	border-collapse: collapse; /* get rid of space between cells: doesn't work on PC: NS6; acts like cellspacing="0", and also prevents cell borders of adjacent cells from doubling up */
 margin-top: 0; /* padding-top doesn't seem to have any effect on whitespace before a table element on PC: IE and Firefox. On PC: IE, margin-top collapses when table comes after another content element with margin-bottom. In Firefox, margin-top on table is rendered between the caption and the actual visual table */
 margin-bottom: 1.2em;
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
}

table.datatable.smallerdata
{
font-size: 10pt;
}


table.datatable th, table.datatable td { /* the values for each selector are interdependent (on the other selector's values), so declare both selectors together */
	margin: 0;
	text-align: left;
}

table.datatable th { /* over-rides table border is Mozilla, which is according to spec */
padding: 4px 5px 4px 5px;
border: 1px solid #ccc;
	font-weight: bold;
	white-space: nowrap;
}

div#content table.datatable th a.sortedcolumn  {
	font-style: italic;
}

table.datatable th.numericdataheader {
text-align: right;
}


table.datatable td {
	padding: 5px;
	border: 1px solid #ccc; /* over-rides table border in Mozilla and Opera on the PC, which is according to spec */
}

table.datatable td.numericdata {
text-align: right;
}


table.datatable caption {
	padding: 0.5em 0 0.3em 0;
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
		color: #A46200;
	background: #fff;
	font-size: 12pt;
}

/* information table */

table.informationtable {
 border: 0;
 border-collapse: collapse; 
 margin-top: 0;
 margin-bottom: 1.2em;
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
}

table.informationtable th, table.informationtable td { /* the values for each selector are interdependent (on the other selector's values), so declare both selectors together */
	padding: 5px 20px 5px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	border-bottom: 1px solid #ddd;
}

table.informationtable th { /* over-rides table border is Mozilla, which is according to spec */
	font-weight: bold;
}

table.informationtable td.numericinformation, table.informationtable th.numericinformation {
text-align: right;
padding-right: 5px; /* make larger than 0 to avoid cutting off right-most digits when printing */ 
}

table.informationtable td.nocaption, table.informationtable th.nocaption {
border-top: 1px solid #ddd;
}

table.informationtable td.button, table.informationtable td.noborder {
border: 0;
padding-right: 0;
}

table.informationtable caption {
	padding: 0.5em 0 0.2em 0;
	border-bottom: 1px dotted #333;
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #A46200;
	background: #fff;
	font-size: 12pt;
}

/* calendar table container  */

table.calendarcontainer {
 border: 0;
 border-collapse: collapse;
 margin-top: 0; 
 margin-bottom: 1.2em;
 margin-left: 1%;
 width: 70%;
 font-size: 11pt;
font-family: Arial, Helvetica, sans-serif;
}

table.calendarcontainer caption {
	padding: 0.5em 0 0.3em 0;
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
		color: #A46200;
	background: #fff;
	font-size: 12pt;
}

table.calendarcontainer td {
padding: 10px 15px 10px 0;
border: 0;
margin: 0;
text-align: left;
vertical-align: top;
white-space: nowrap;
}

table.calendarcontainer td.norightpadding {
padding-right: 0;
}

table.calendarcontainer td.nopadding {
padding: 0;
}

/* calendar tables */

table.calendarmonth {
  border: 0;
  border-collapse: collapse; 
  margin: 0;
font-family: Arial, Helvetica, sans-serif; /* font size and family inherited OK into cells on PC: ALL. */
font-size: 10pt; /* getting weird inheritance effects in IE5/PC with em or % font size */
}

table.calendarmonth caption {
	padding: 0 0 0.3em 0;
	margin: 0;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

table.calendarmonth th {
	padding: 3px 4px 3px 3px;
	border: 0;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
}
table.calendarmonth td {
	padding: 3px 4px 3px 3px;
	border: 1px solid #ddd;
	margin: 0;
	vertical-align: top;
	text-align: left;
	}
	
	table.calendarmonth td.singledigit {
	text-align: center;
	}
	
	
	table.calendarmonth td.selected {
	border: 2px solid #AE0000;
}
 

/* generic table styles */

table.nomargin {
margin-bottom: 0;
}

table.lessmargin {
margin-bottom: 0.7em;
}

td.width50, th.width50 {
width: 50%;
}

td.width40, th.width40 {
width: 40%;
}

td.width34, th.width34 {
width: 34%;
}

td.width33, th.width33 {
width: 33%;
}

td.width25, th.width25 {
width: 25%;
}

td.width66, th.width66 {
width: 66%;
}

td.width75, th.width75 {
width: 75%;
}

td.width20, th.width20 {
width: 20%;
}

td.width15, th.width15 {
width: 15%;
}

td.width10, th.width10 {
width: 10%;
}

td.width1, th.width1 {
width: 1%;
}

td.width100, th.width100 {
width: 100%;
}

.nowrap {
white-space: nowrap;
}

table.informationtable th.wrap, table.informationtable td.wrap, table.formtable th.wrap, table.formtable td.wrap, table.datatable th.wrap {
white-space: normal;
}

table.datatable th.center, table.datatable td.center {
text-align: center;
}

table.datatable th.middle, table.datatable td.middle {
vertical-align: middle;
}

table.datatable td.right, table.calendarcontainer td.right, table.datatable th.right, table.formtable td.right {
text-align: right;
}

table.formtable .smaller, table.informationtable .smaller {
font-size: 0.95em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}

table.formtable .additionalfieldinformation, table.informationtable .additionalfieldinformation, table.datatable .additionalfieldinformation {
font-size: 0.95em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666;
background: #fff;
}

td.aligntop {
vertical-align: top;
}

table.informationtable .captioninformation, table.datatable .captioninformation, table.calendarcontainer .captioninformation, table.formtable .captioninformation, div.collapsetableheader .captioninformation { /* don't specify color -- link styles will take care of that, and will override <caption> styles */
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: transparent;
}

.requiresattention  {
color: #B72400;
}

/* misc */
.clear { 
  clear: both;
  }
 
   div.spacerlong { 
margin: 0;
padding: 0 0 140px 0;
  clear: both; 
  }
  
  div.spacermedium {
  margin: 0;
padding: 0 0 60px 0;
  clear: both; 
  }
  
  div.spacershort { 
margin: 0;
padding: 0 0 40px 0;
 clear: both; 
  }
  
  /* pop-up pages that are not within the standard template */
  
  div#popupcontainer {
  margin: 0;
  padding: 5px;
}
  
  div#popupcontainer h1 {
  font-size: 15pt;
  }
  
   div#popupcontainer p {
  margin-top: 0;
margin-bottom: 1.2em;
line-height: 1.4;
  }
  
   div#popupcontainer ul {
        margin: 0 0 1.2em 2em;
		padding: 0;
		line-height: 1.3;
	}
	
	 div#popupcontainer li { 
		margin-bottom: 0.4em;
	}
	
  
  /* applicant tracking */
  
  table.customformtable {
margin-top: 0;
margin-bottom: 1.2em;
border: 0;
font-size: 11pt;
font-family: Verdana, Arial, Helvetica, sans-serif; /* font size and family inherited OK into cells on PC: ALL. */
}

 

table.customformtable td
{
padding:5px 20px 5px 0px;
margin: 0;
text-align: left;
white-space: nowrap;
}

table.customformtable td.wrap
{
white-space: normal;
}

 

table.customformtable td.customformsection { 
padding: 15px 3px 0px 0px;
font-weight: bold;
}

 

table.customformtable td.customlinespacer { /* border bottom works well when used before a formsection (since formsection has padding-top), and after a series of fields that belong to the formsection, since linepspacer effectively provides a formspacer afterwards with the border on the bottom */
border-bottom: 1px solid #ccc;
}

 
  
  div#linkopportunities {
	text-align: right;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
}

.textfield
{
    color:  #0A3BAD; 
	background: #fff;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.module

{
    border-bottom:1px dotted #0A3BAD;
    padding-bottom:8px;
    padding-top:8px;
}


/* footer styles */

div#clearbeforefooter { /* clear floats, and leave room for absolutely positioned footer */
	clear: both;
	padding-bottom: 1em;
}

div#footer
{
	width: 100%; /* need a width to fill parent container, I think because this div is absolutely positioned */
	padding: 0;
	margin: 0;
	font-size: 10pt;
	text-align: center;
}