/*
Key colors
Light blue background: #D0E0EF
### Job Seeker ###
Orange text:		#cc6633
Orange Banner:	#C8582D

### Business ###
Orange text:		#cc6633
Blue Banner:		#01679A
Left nav blue		#1F416A
Blue in workNet logo	#1956A7

06/02/02 mparsons change custom styles to use standard headings. Provide a xref of the headings
	Heading		Old
	H1			orangeHeader
	H2			blackBold
*/
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #cc6633;
}
.H13 {
	font-weight: bold;
	font-size:1.0em;
	color: #cc6633;
	white-space:nowrap;
}
H1	{	
	color: #cc6633;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	line-height: 120%;
	margin: 0 0 5 0 ;

	}	
H2 {	
	font-size:.99em;
	color: #333333;	
	font-weight: bold;
}

H3 {	
	font-size:.9em;
	color: #cc6633;	
	font-weight: bold;
}
.h1alt
{
	font-size:1.1em;
	color: #333333;	
	font-weight: bold;
}
.h2alt
{
	font-size:.99em;
	color: #cc6633;	
	font-weight: bold;
}
input, textarea, button, select{ font-size: 100%;}

#wrapper {
	width: 100%;
	text-align: center;
	background-image: url(../images/bluebg.gif);
	background-repeat: repeat-y;
	background-position: center;
	/*  border: 1px solid #f00;   */
}
/* use hidden class to place content outside browser viewable pane.
	Can be used to present content for a screen reader that is not visible on page
 */
.hidden 
	{ 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	} 

/* Netscape 7.1 crashes if "position: absolute; z-index: -1;" is used */
.HiddenSkipNavDiv 
{
	position: absolute; z-index: -1; 
}
.HiddenSkipNavDiv2 
{
	position: absolute; z-index: -1; 
}
.VisibleSkipNavDiv 
{
	position: relative; 
	font-size: 0.8em;
	color: #006699;
	text-decoration: underline;	
}	

/* Alternate approach using positioning instead of z-index */
/*
.HiddenSkipNavDiv { position: absolute; left: -1000px; }
.VisibleSkipNavDiv { position: relative !important; left: 0; }
*/		
/* buttons */
/* Notes:
	- if using this style with a link (anchor), you main have to include a height=20 tag on the containing cell 
			- otherwise the bottom border gets cut off in IE - but is fine in FF and NS
*/
/* actionLink - format a link like a button*/
.actionLink {
	border-right: #DBDCDB 2px outset;
	border-top: #DBDCDB 2px outset;
	border-left: #DBDCDB 2px outset;
	border-bottom: #DBDCDB 2px outset;
	color: #C8582D;
	font-size: 0.6em;	
	font-weight:bold;
	font-family: Verdana, Arial;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 1 1 1 1;
}
.navLink {
	color: #000000;
	font-size: smaller;	
	font-weight:bold;
	font-family: Verdana, Arial;
	background-color: #CEE0F8;
	text-decoration: none;
	padding: 1 1 1 1;
}
.defaultButton {
	color: #C8582D;
	font-size: 0.7em;	
	font-weight:bold;
	font-family: Verdana, Arial;
	background-color: #FFFFFF;
	height:20px;
	width:75px;
}

/*
	
	margin:2px 2px 2px 5px;
	padding:2px 2px 2px 2px;
*/
a.navCelllink:link, a.navCelllink:visited { font-size:.65em; font-weight:bold; color: #cc6633; text-decoration: none }
a.navCelllink:hover { color: #cc6633; text-decoration: none }
a.navCelllink:active { color: #cc6633; text-decoration: none }
.navCell {
	background-image:url(/vos_portal/images/@blankBtn1.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	text-align:left;
	padding-left:15px;
}

table.bannerRes1
{
	background-color:#660000;
	background-image:url(/vos_portal/images/bk_brownTable.gif);
}
table.bannerRes
{
	background-color:#C9582E;
	background-image:url(/vos_portal/images/bk_brownTable3.gif);	
}
table.bannerRes3
{
	background-color:#C9582E;
	border-top-color:#D9D9D9;
	border-width:medium;
	border-top-style:ridge;
	border-bottom-style:solid;
  border-left-style:none;
  border-right-style:none;	
}
table.bannerBiz
{
	background-color:#01679A;
	background-image:url(/vos_portal/images/bk_blueTable3.gif);
}			
table.bannerBiz1
{
	background-color:#000066;
	background-image:url(/vos_portal/images/bk_blueTable.gif);
}
table.bannerBiz2
{
	background-color:#01679A;
	border-top-color:#D9D9D9;
	border-width:medium;
	border-top-style:ridge;
	border-bottom-style:solid;
  border-left-style:none;
  border-right-style:none;
}

img
{
	border-width:0px;
		font-size:0.8em;
}
.captionText {
	font-size: 0.8em;
}

.tinyGray {
	font-size:0.7em;
	color: #333333;
	height:20px;
	text-align:center;
	vertical-align:middle;
}
.tinyGrayBold {
	font-size: 0.7em;
	color: #333333;
	font-weight: bold;
}

.bodyWhite {
	
	font-size: 1.0em;
	color: #FFFFFF;
	vertical-align:middle;
}
div.bodyWhite 
{
	padding-top:32px;
	padding-left:5px;
	height:40px;	
}
.bodyBlack {
	font-size: 0.8em;
}
.bodyBlackMiddle {
	font-size: 0.8em;
	vertical-align:middle;
}
/* 06-05-09 marsons removed: 	white-space:nowrap;
*/
.orangeHeader
{
	font-weight: bold;
	font-size:1.0em;
	color: #cc6633;
}

.imageRight
{
	text-align: right;
}

a.blueBodyLink
{
	font-size: 0.8em;
	color: #006699;
	text-decoration: underline;
}
.blueBodyLink a
{
	font-size: 0.8em;
	color: #006699;
	text-decoration: underline;
}
.blueBodyLink:visited
{
	font-size: 0.8em;
	color: #666666;
	text-decoration: underline;
}

table.footerSmall{
	font-size:0.7em;
	color: #333333;
}
.formFooter
{
background-image:url(/vos_portal/images/bkg_footerTable.gif);
background-color:white;
} 
/* 06-04-19 mparsons - left the footerSmall font as fixed as the use of em resulted in very small font - future task to fix?
*/
.footerSmall{
	font-size: 10px;
	color: #333333;
}
.footerSmall a {
	font-size: 10px;
	color: #333333;
}
.footerSmall p {
	font-size: 10px;
	color: #333333;
}
.privacy{
	font-size:0.7em;
	color: #333333;
}
.orange_link {
	color: #FFCC33;
	text-decoration: underline;
}
.orange_link:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/* START: THESE STYLES ARE NOT BEING USED */

.reverse_bodytext
{
	font-size: x-large;
	color: #ffffff;
	text-decoration: none;
}
.caption_text
{
	font-size: x-large;
	color: #000000;
	text-decoration: none;
}
a.default_reverse_link
{
	color: #ffcc66;
	text-decoration: underline;
}
a.default_reverse_link.visited
{
	color: #ffffff;
	text-decoration: underline;
}
.subject_header
{
	font-weight: bold;
	font-size: x-large;
	color: #333333;
}
.reverse_headline
{
	font-weight: bold;
	font-size: x-large;
	color: #ffffff;
	font-family: Arial;
}
/* END: THESE STYLES ARE NOT BEING USED*/

.pageLargeTitle {
	font-weight: bold;
	font-size: 2.0em;
	color: #cc6633;	
}
.welcome {
	font-size: 0.9em;
	color: #FFFFFF;
}

.welcomeBig {
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: bold;
}

.default_link
{
	color: #006699;
	text-decoration: underline;
}

a.visited.default_link
{
	color: #666699;
	text-decoration: underline;
}

.headline
{
	font-weight: bold;
	font-size: 1.0em;
	color: #cc6633;	
}


body
{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.localNavLinks
{
	color:White;
}

.labelDescription-edit
{
	display: none;
}

.login input
{
	vertical-align:baseline;
}
input
{
	vertical-align:middle;
}
input.invisible
{
		display: none;
}
.invisible
{
		display: none;
}
/* 06-03-06 mparsons change bodyGray  from .8 to .9 em */
.bodyGray {
	font-size:0.9em;
	line-height: 1.5em;
	color: #333333;
}
.bodyGray100 {
	font-size:12px;
	line-height: 1.5em;
	color: #333333;
}

.blackBold {	
	font-size:1.0em;
	color: #333333;	
	font-weight: bold;
}

.bodyGrayBold {
	font-size:  0.8em;
	color: #333333;	
	font-weight: bold;
	line-height: 1.5em;
}

/* Modified by S^2 04.14.05: added border, padding and width, removed color */
.errorMessage
{
	font-size:  0.70em;	
	border:solid 2px #cc6633;
	padding:5px 10px 5px 10px;
	width:100%;
	color:#cc6633;
}  

/* Added by S^2 04.14.05 */
td
{
	vertical-align:top;
}

.errorMessage table
{	
	font-size:1.0em;
}
.errorMessage ul
{
	color:#cc6633;
}
  
table.registration
{
	margin:10px 10px 10px 10px;
}
.registration
{
	width:90%;	
}
.registration td
{
	padding:2px 2px 2px 2px;
}
table.noPadding
{
	border:solid 1px red;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
table.noPadding td
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.registrationCaption
{
	font-size:0.8em;
	text-align:right;
	width:200px;
	white-space:nowrap;	
}
.registrationCaption .bodyGray
{
	font-size:1.0em;
	white-space:nowrap;
}

.registrationCaption .bodyGrayBold
{
	font-size:1.0em;
	white-space:nowrap;
	font-weight:bold;
}
.errorMessage td
{
	padding:2px 2px 2px 2px;
}

.helpInfo
{
	margin:5px 5px 5px 5px;
	border:solid 2px #FFCC66;
	width:200px;
}

#helpInfoheadline
{
	background-color:#FFCC66;
	padding:5px 5px 5px 5px;
	font-size:0.8em;
	font-weight:bold;
}

.helpInfo td
{	
	padding:2px 2px 2px 2px;
}
.helpInfo a
{	
	color:Blue;
}
/* 06/03/17 mparsons - removed nowrap:
	white-space: nowrap;
*/
.requiredField
{
	font-size:1em;
	color: #cc6633;	
}
.registration img
{
	vertical-align:bottom;
}
.registrationField
{
	height:40px;	
}
.btnContinue
{
	background-image:url(/vos_portal/images/continueBtn.gif);
}

/* STYLES FOR HEADER */
.topHeader
{
background-image:url(/vos_portal/images/headerBlue.gif);
background-color:white;
} 
.formHeader
{
background-image:url(/vos_portal/images/registrationBanner_bg.jpg);
background-color:white;
} 
table.headerLine
{
	font-size:1px;
	height:10px;
}
td.headerLineGray
{
background-image:url(/vos_portal/images/headerSeparatorGray.gif);
background-color:white;
}
table.headerLine2
{
	font-size:1px;
	height:3px;
}
td.headerLineGray2
{
background-image:url(/vos_portal/images/headerSeparatorGray2.gif);
background-color:white;
height:3px;
}
td.headerLineRed
{
background-image:url(/vos_portal/images/headerSeparatorRed.gif);
width:195px;
}
td.headerLineRed_orig
{
background-image:url(/vos_portal/images/headerSeparatorRed.gif);
width:189px;
}
.homePage .headerLine
{
	display:none;
}
/* END OF STYLES FOR HEADER */
.validatorError
{
	font-size: 0.8em;
	vertical-align:middle;
}
.NavDisabled
{
	visibility:hidden;
}
.NavEnabled
{
	visibility:visible;
}
table.navTable
{
	width:90%;
}
/*
06-02-21 MP temporarily removed background image
url(/vos_portal/images/bk_brownTable2.gif)
	background-color:#660000;
	background-image: url(../images/bk_brownTable4.gif);	
PageBanner
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	0.8em;
	color: white;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;

  border-top-style:none;
  border-bottom-style:none;
  border-left-style:none;	
	 border-color:#D9D9D9;
	border-right-width:medium;
	border-right-color:#D9D9D9;
  border-right-style:window-inset;	
*/

td.leftNav2
{
	vertical-align:top;
	background-color:#C9582E;
	background-image:url(/vos_portal/images/bk_brownTable2.gif);
	width:195px;	
}
td.leftNav
{
	vertical-align:top;
	/*background-image: url(../images/bk_brownTable4.gif);	 */
	background-color:#C9582E;
	width:195px;
}

table.leftNav
{
	height:80%;	
	width:100%
}
.breadcrumbLastItem
{
	text-decoration:none;
	font-size:0.8em;
	line-height: 1.5em;
	color: #666666;
	
}
/* 
	background-image:url(/vos_portal/images/homeBkgrnd.gif);
	background-repeat: no-repeat;
Old: 
	background-color:#e2e0e0;
	background-color:#D0E0EF;
	height:200px;
*/
.eventsBox
{
	height:100%;
	background-color:#D0E0EF;
	vertical-align:top;
}
.eventsBoxTop
{
	background-image:url(/vos_portal/images/lbluetop.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	text-align:left;
}
.eventsBoxBottom
{
	height:100%;
	background-image:url(/vos_portal/images/homeBkgrnd.gif);
	background-repeat: no-repeat;
	vertical-align:top;
	text-align:left;
}

.promoBox
{
	background-color:#e2e0e0;
}
/* Business box 

*/
h2.summaryBlock {
	background-color:#1956A7;
	color:#ffffff;	
	width: 100%;
	padding: 0px 0px 0px 3px;	
	margin: 0px 0px 0px 0px;		
}
td h2.summaryBlock {
	background-color:#1956A7;
	color:#ffffff;	
	width: 100%;
	padding: 0px 0px 0px 5px;	
	margin: 0px 0px 0px 0px;	
	border: 1px solid #1956A7;	
}
.summaryBox2
{
	border: 1px solid #1956A7;
	width:100%;
	background-color:#1956A7;	
	padding: 0px 0px 0px 3px;	
	margin:0px 0px 0px 0px;	
}
.summaryBoxHead2
{
background-color:#1956A7;
color:#ffffff;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;	
font-family: arial, sans-serif;
font-weight:bold;
font-size:  0.80em;	
}
.summaryBox3
{
	width:100%;
	background-color:#ffffff;	
	padding: 0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;	
}
.summaryBoxHead3
{
	border: 1px solid #1956A7;	
	background-color:#1956A7;
	color:#ffffff;
	padding: 3px;
	font-weight:bolder;
	font-size:  0.90em;	
}
div.summaryBox{
float:left;
width :75%;
margin:0px 0px 9px 0px;
border: 1px solid #1956A7;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size:10pt;
background-color:#ffffff;
}

div.summaryBoxHead{
background-color:#1956A7;
color:#ffffff;
padding: 0px 0px 0px 4px;
font-family: arial, sans-serif;
font-weight:bold;
font-size:10pt;
}

div.summaryBoxContent{
float: left;
margin:0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial, sans-serif;
font-size:10pt;
}
div.summaryBoxThumbnail
{
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
	padding-bottom: 10px;
	border: 0px solid #777;
}

div.summaryBoxThumbnail img
{
	float: left;
	border: 0px solid #777;
	margin: 10px 10px 0 10px;
}
.clear { clear: left; }
/* Table version */

/* CONSOLE STYLES : REGULAR*/
table.consoleGreen
{
	border:solid 1px green;
	font-family:Verdana, Arial;
	font-size:0.8em;
}
.consoleGreen td
{
	border:solid 1px green;
}
table.consoleRed
{
	border:solid 1px red;
	font-family:Verdana, Arial;
	font-size:0.8em;
}
.consoleRed td
{
	border:solid 1px red;
}
.consoleRedText
{
	color:Red;
}
/* CONSOLE STYLES: LEFT NAV */
.leftNav .table.consoleGreen td
{
	border-style:none;	
	border-bottom:solid 1px gray;
}
.leftNav .table.consoleGreen
{
	border-style:none;
	font-family:Arial;
	font-size:0.8em;
	width:90%;
	color:#ffff99;
}
.leftNav .table.consoleGreen a
{
	color:White;
	text-decoration:none;
}
.leftNav .table.consoleGreen a:hover
{
	color:White;
	text-decoration:underline;
}


.leftNav .table.consoleRed td
{
	border-style:none;	
	border-bottom:solid 1px gray;
}
.leftNav .table.consoleRed
{
	border-style:none;
	font-family:Arial;
	font-size:0.8em;
	width:90%;
}
.leftNav .table.consoleRed a
{
	color:White;
	text-decoration:none;
}
.leftNav .table.consoleRed a:hover
{
	color:White;
	text-decoration:underline;
}


.leftNav .consoleRedText
{
	color:white;
	font-weight:bold;
}
/*MAIN CHANNEL (LANDING PAGE, LEVEL 1) STYLES FOR THE TABLE*/
table.mainChannel
{
	border:solid 1px #FFCC33;
	font-size:0.9em;
	color: #333333;
	width:100%;
	font-weight:bold;
}
.mainChannel td
{
	padding:5px 5px 5px 5px;	
}
.mainChannel a
{
	font-weight:normal;
}
tr.mainChannelHeader td
{
	font-size:1.0em;
	padding:8px 5px 8px 5px;	
	background-color:#FFCC33;
		font-weight:bold;
}
tr.mainChannel td
{
	background-color:white;
}
/* 
Old: 
	background-color:#e2e0e0;
*/
tr.mainChannelAlt
{
	background-color:#D0E0EF;
}

/*styles created for the MCMSHomePage*/
table.mainChannel2
{
	border:solid 1px #FFCC33;
	font-size:0.9em;
	color: #333333;
	width:100%;
	font-weight:bold;
}
.mainChannel2 td
{
	padding:5px 5px 5px 5px;	
	font-weight:normal;
}

.mainChannel2 a
{
	font-weight:bold;
}

/* LEFT HAND NAVIGATION */
td.leftRailNavHeader
{
	font-size:0.9em;
	vertical-align:bottom;
	padding-top:20px;
	width:100%;
}
td.leftRailNavHeaderImg
{	
	font-size:0.9em;
	vertical-align:bottom;
	width:10px;
}
td.leftRailNavHeader a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

td.leftRailNavItem
{
	font-size: 0.8em;
	padding-left:20px;

}
.leftRailNavItem a
{
	color: #ffffff;	
	text-decoration:none;
}
.sub_headline
{
	font-weight: bold;
	font-size: 1.0em;
	color: #333333;
}
/* OCCUPATION LINKS TABLE */
.occupationLinks ul
{
	margin-bottom:0px;
}
.occupationLinks li
{
	/*list-style-image:url(/vos_portal/images/orangeArrow.gif);*/
	list-style-type:disc;
	margin-left: -20px;
}
table.occupationLinks
{
	/*border-left:solid 1px #cc6633;*/
}
.occupationLinks td
{
	padding-left:10px;
}

/*PROMOS*/
.promos .blackBold
{
	font-size:0.9em;
}
.promoImg img
{
	width:150px;
}

.promoImg
{	
	margin:5px 5px 5px 5px;
	text-align:center;
}
.promoText
{	
	margin:	5px 2px 5px 2px;
	text-align:left;
	float:right;
	font-size:0.8em;
	line-height: 1.5em;
	color: #333333;
}
.promoText img
{
	width:100px;
	}
.linkImg img
{
	width:16px;
}
select.bodygray
{
	width:100%;
}
.locals
{
	background-color:#D0E0EF;
}
option
{
	/*width:100%;
	font-size:0.8em;
	border:solid 1px red;*/
}

.locals img
{
	width:150px;
}

/*XML CSS*/
.xmlCss
{
	font-size:0.8em;
}
.xmlCss table
{
	font-size:1.0em;
	border:solid 1px #ccCCcc;
}

.headerRight
{
	vertical-align:top;
	text-align:right;
	padding:5px 5px 5px 5px;
}

.headerMiddle
{
	vertical-align:bottom;
	padding-bottom:20px;
}

#lists {
margin: 0 25% 0 25%; 
text-align:left;
}

.filename {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #03c;
}