/*
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

Other 
#F5F5F5=whitesmoke
#CC00CC  = magenta
06/02/02 mparsons change custom styles to use standard headings. Provide a xref of the headings
	Heading		Old
	H1			orangeHeader
	H2			blackBold
*/
/* ============== standard HTML tags ============== */
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #cc6633;
}
H1	{	
	color: #cc6633;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.1em;
	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;
	padding: 1px, 0px, 1px, 0px;
}

input, textarea, button, select{ font-size: .9em;}

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #333333;
}
/* 07-03-14 mparsons added defaults for paragraph*/
p, ul, li, div p {
	font-size:0.9em;
	line-height: 1.5em;
	color: #333333;
}
lix{
	font-size:0.92em;
	line-height: 1.2em;
	color: red;
}

img {
	border-width:0px;
	font-size:0.8em;
}
.imageRight {
	text-align: right;
}
input {
	vertical-align:middle;
}
input.invisible {
		display: none;
}
/* tables */
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;
}
td {
	vertical-align:top;
}
/* links */

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

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

.localNavLinks {
	color:White;
}
/* ============== container styles ============== */
/* wrapper -	feature of the month
							page preview style
*/
#wrapper {
	width: 100%;
	background-image: url(../images/bluebg.gif);
	background-repeat: repeat-y;
	background-position: center;
	/*  border: 1px solid #f00;   */
}
#helpPage {MARGIN: 5px 10px; padding: 5px; background-color: #1b58a8;}

#helpSummary {
	width: 100%;
	background-image: url(../images/bluebghelp.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #1b58a8;
	min-height: 550px;
}
/* ============== special styles - visibility ============== */

.hiddenStyle
{
	visibility:hidden;
}
.invisible
{
		display: none;
}
/* 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; }
*/	
/* ============== navigation styles ============== */	
/* 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 1px outset;
	border-top: #DBDCDB 1px outset;
	border-left: #DBDCDB 1px outset;
	border-bottom: #DBDCDB 1px outset;
	color: #C8582D;
	font-size: 0.6em;	
	font-weight:bold;
	font-family: Verdana, Arial;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 1 1 3 1;
	height: 10px;
}
.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:120px;
}
.smallButton {
	color: #C8582D;
	font-size: 0.6em;	
	font-weight:bold;
	font-family: Verdana, Arial;
	background-color: #FFFFFF;
}

/* home page banners */
table.bannerRes1
{
	background-color:#660000;
	background-image:url(/vos_portal/images/bk_brownTable.gif);
}
/* res home page banner */
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;	
}
/* biz home page banner */
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;
}

/* ============== text styles ============== */	
.welcome {
	font-size: 0.9em;
	color: #FFFFFF;
}
.welcomeBig {
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: bold;
}
.headline
{
	font-weight: bold;
	font-size: 1.0em;
	color: #cc6633;	
}
.captionText {
	font-size: 0.8em;
}
/* pageLargeTitle- special title on feature of the month - only exception to use of H1? */
.pageLargeTitle {
	font-weight: bold;
	font-size: 1.5em;
	color: #cc6633;	
	line-height: 100%;	
}

.pageSectionTitle {
	font-weight: bold;
	font-size: 1em;
	color: #cc6633;	
}
.pageSubSectionTitle {
	font-weight: bold;
	font-size: .8em;
	color: #cc6633;	
}
/* white styles */
.bodyWhite {
	
	font-size: 1.0em;
	color: #FFFFFF;
	vertical-align:middle;
}
.bodyWhiteBold {
	font-size:  0.8em;
	color: #ffffff;	
	background-color:red;
	font-weight: bold;
	line-height: 1.5em;
}
div.bodyWhite 
{
	padding-top:32px;
	padding-left:5px;
	height:40px;	
}
/* black styles */
.bodyBlack {
	font-size: 0.8em;
}
.blackBold {	
	font-size:1.0em;
	color: #333333;	
	font-weight: bold;
}
.bodyBlackMiddle {
	font-size: 0.8em;
	vertical-align:middle;
}
/* gray styles */
/* 06-03-06 mparsons change bodyGray  from .8 to .9 em */
.bodyGray {
	font-size:0.9em;
	line-height: 1.5em;
	color: #333333;
}

.bodyGray td
{
	font-size:0.99em;
	color: #333333;
}
.cellText
{
	font-size:100%;
	color: #333333;
}
td .cellText
{
	font-size:110%;
	color: #333333;
}
.bodyGray p
{
	font-size:1.0em;
}
.bodyGray li, .bodyGray div, .bodyGray .bodyGray
{
	font-size:1.1em;
}
.bodyGray li li
{
	font-size:1.2em;
}.bodyGray a
{
	font-size:90%;
}
.bodyGray100 {
	font-size:1.0em;
	line-height: 1.5em;
	color: #333333;
}
.bodyGrayBold {
	font-size:  0.8em;
	color: #333333;	
	font-weight: bold;
	line-height: 1.5em;
}
.bodyGraySmall {
	text-align:left;
	font-size:80%;
	color: #333333;	
}
.bodyBold {
	font-size:  0.8em;
	font-weight: bold;
	line-height: 1.5em;
}
.bodySmall {
	text-align:left;
	font-size:80%;
}
.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;
}
.tinyGrayLeft {
	font-size:0.7em;
	color: #333333;
	height:20px;
	text-align:left;
	vertical-align:middle;
}

/* 06-05-09 marsons removed: 	white-space:nowrap;
*/
.orangeHeader
{
	font-weight: bold;
	font-size:1.0em;
	color: #cc6633;
	padding-top: 5px;
}
.orangeBold
{
	font-weight: bold;
	font-size:.95em;
	color: #cc6633;
}
/* 06-11-01 mparsons the orangeHeader h2 style is meant to address accessiblity guidelines where a page should only have a single h1. So we have a h2 item styled like an h1
*/
.orangeHeader h2{
	color: #cc6633;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.1em;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	line-height: 120%;
	margin: 0 0 5 0 ;
}
#localListingsLink {
		color: #cc6633;	
}
.orange_link {
	color: #FFCC33;
	text-decoration: underline;
}
.orange_link:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.smallTextRight {
	font-size:0.8em;
	text-align:right;
	width:100%;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 0px;
}
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;
}
a.blueBodyLinkRight
{
	font-size: 0.8em;
	color: #006699;
	text-align:right;
	text-decoration: underline;
}
/* ============== footer styles ============== */
table.footerSmall{
	font-size:0.7em;
	color: #333333;
}
.formFooter
{
background-image:url(/vos_portal/images/bkg_footerTable.gif);
background-color:white;
} 
/* 		display: none; */
.footerImg
{	
	vertical-align:bottom;
	padding:4px 0px 0px 0px;
	margin: 0px 0px;
}
/* footerSmall-used on feature of the month only */
.footerSmall{
	font-size:0.8em;
	color: #333333;
}
.footerSmall a {
	font-size:0.8em;
	color: #333333;
}
.footerSmall p {
	font-size:0.8em;
	color: #333333;
}
/* privacy-used on footer and business footer */
.privacy{
	font-size:0.6em;
	color: #333333;
}

/* used on templates that are only shown in edit view */
.labelDescription-edit
{
	display: none;
}

.login input
{
	vertical-align:baseline;
}
/* ============== form styles ============== */	
/* message/error styles */  
.zipCodeBox 
{
	width:75px;
	
}
/* Modified by S^2 04.14.05: added border, padding and width, removed color 
	color:#f3091e;	
*/
.errorMessage
{
	font-size:0.8em;
	border:solid 2px #f3091e;
	padding:5px 10px 5px 10px;
	width:100%;
	font-weight: bold;
	color:red;	
}  
.errorMessage td
{
	padding:2px 2px 2px 2px;
	color:red;		
}
.errorMessage table
{	
	font-size:1.0em;
}
.errorMessage ul
{
	color:#f3091e;
}
.validatorError
{
	font-size: 0.8em;
	vertical-align:middle;
}

.userCountMessage
{
	font-size:  0.6em;	
	border:solid 2px #cc6633;
	padding: 1 1 1 1;
	color:#cc6633;
	background-color: #F5F5F5;		
} 
.infoMessage {
	border-right: #DBDCDB 2px outset;
	border-top: #DBDCDB 2px outset;
	border-left: #DBDCDB 2px outset;
	border-bottom: #DBDCDB 2px outset;
	color: #0000FF;
	font-size: 90%;	
	font-family: Verdana, Arial;
	background-color: #F5F5F5;
	text-decoration: none;
	padding: 1 1 1 1;
	width: 75%;
} 
.message1 {
	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;
}
.message2 {
	font-size:  0.70em;	
	border:solid 2px magenta;
	padding:5px 10px 5px 10px;
	color:#CC00CC ;
	background-color: #F5F5F5;	
	padding: 1 1 0 1;	
	margin: 2 2 0 2;
}
/* ============== registration styles ============== */  
table.registration
{
	margin:10px 10px 10px 10px;
}
.registration
{
	width:90%;	
}
.registration td
{
	padding:2px 2px 2px 2px;
}

.registrationCaption
{
	font-size:0.8em;
	text-align:right;
	width:200px;
	
}
.registrationCaption .bodyGray
{
	font-size:1.0em;
}
.registrationCaption .bodyGrayBold
{
	font-size:1.0em;
	white-space:nowrap;
	font-weight:bold;
}
.registration img
{
	vertical-align:bottom;
}
.registrationField
{
	height:40px;	
}
.helpInfo
{
	margin:5px 5px 5px 5px;
	border:solid 2px #FFCC66;
	width:185px;
}

#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: red;	
}
.recommendedField
{
	font-size:1em;
	color: #0000FF;	
}
/* ============== HEADER styles ============== */	
.topHeader
{
background-image:url(/vos_portal/images/headerBlue.gif);
background-color:white;
background-repeat: repeat-x; 
} 
.formHeader
{
background-image:url(/vos_portal/images/registrationBanner_bg.jpg);
} 
.formHeaderBackground
{
background-image:url(/vos_portal/images/formHeaderBk.jpg);
background-repeat: repeat-x; 
background-color:#D0DFF2;
border: 0;
} 

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 */

.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;
}
div.leftNav
{
	vertical-align:top;
	/*background-image: url(../images/bk_brownTable4.gif);	 */
	background-color:#C9582E;
	width:195px;
	height:80%;	
	width:100%	
}
table.leftNav
{
	height:80%;	
	width:100%
}
.breadcrumbLastItem
{
	text-decoration:none;
	font-size:0.8em;
	line-height: 1.5em;
	color: #666666;
	
}
/* =========== Box definitions ============= */

div.mainSectionBox{
float:left;
width :100%;
margin:0px 0px 9px 0px;
border: 1px solid #1956A7;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
}
div.mainSectionBoxHead{
background-color:#1956A7;
color:#ffffff;
padding: 0px 0px 0px 4px;
font-family: arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}
div.mainSectionBoxContent{
float: left;
margin:0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial, sans-serif;
font-size: 0.9em;
}
div.listingsBox{
float:left;
width :95%;
margin:5px 0px 5px 5px;
border: 1px solid #D0E0EF;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
background-color:#F5F5F5;
}
.listingsSectionBox{
	margin:3px 10px 3px 10px;
	padding: 0px 0px 0px 5px;	
	background-color:#C8582D;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
}
.listingsJobsSectionBox{
	margin:3px 10px 3px 7px;
	padding: 0px 0px 0px 3px;	
	background-color:#F5F5F5;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
}
.listingsJobsSectionBox .blueBodyLink  {
	font-size: 100%;	
}
.listingsSectionBox a {
	background-color:#C8582D;
	font-size: 90%;	
}
div.listingsContent {
float: left;
font-family: arial, sans-serif;
padding: 3px 5px 0px 10px;
}
/* 
	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;
}

div.eventListBox{
float:left;
width :95%;
margin:5px 0px 5px 5px;
border: 1px solid #1956A7;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
background-color:#F5F5F5;
}
div.eventListBoxAlt{
float:left;
width :95%;
margin:5px 0px 5px 5px;
border: 0px solid #1956A7;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
background-color:#F5F5F5;
}
/* solid dark blue background */
div.eventListBoxHead{
background-color:#1956A7;
color:#ffffff;
padding: 0px 0px 0px 4px;
font-family: arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}
/* light blue gradient background image */
div.eventListBoxHead2{
	background-image: url(/vos_portal/images/eventPartgrad-lightBlue.gif); 
	background-repeat: repeat-x; 
	background-color: #b9d1f4;
	color:#00309C;
	padding: 0px 0px 0px 4px;	
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size: 0.9em;
}
/* dark blue gradient background image 
-1d50a8 */
div.eventListBoxHead3{
	background-image: url(/vos_portal/images/eventpartgrad-darkblue.gif); 
	background-repeat: repeat-x; 
	background-color: #F5F5F5;
	color:#ffffff;
	padding: 0px 0px 0px 4px;	
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size: 0.9em;
}
/*
margins render inconsistantly in IE, OK in FF
margin:0px 5px 0px 5px;
1d50a8
F5F5F5
*/
div.eventListBoxContent {
float: left;
font-family: arial, sans-serif;
font-size: 0.9em;
padding: 3px 5px 0px 10px;
}
div .eventListBoxContent p 
{
font-size: 0.99em;
padding: 1px 5px 0px 0px;
color: #333333;
}
div.eventListBoxContent a
{
font-size: 0.9em;
padding: 0px 5px 2px 0px;
}
div.newsListBox{
float:left;
width :95%;
margin:5px 0px 5px 5px;
border: 1px solid #D0E0EF;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
background-color:#F5F5F5;
}
div.newsListBoxHead {
background-color: #D0E0EF;
color:#1956A7;
padding: 0px 0px 0px 4px;
font-family: arial, sans-serif;
font-weight:bold;
font-size: 0.9em;
}

/* Business box 

*/
h2.summaryBlock {
	background-color:#1956A7;
	color:#ffffff;	
	width: 100%;
	padding: 0px 0px 0px 3px;	
	margin: 0px 0px 0px 0px;	
	font-style:italic;	
}
td h2.summaryBlock {
	background-color:#1956A7;
	color:#ffffff;	
	width: 100%;
	padding: 0px 0px 0px 5px;	
	margin: 20px 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 :90%;
margin:0px 0px 9px 10px;
border: 1px solid #1956A7;
padding: 0px 0px 4px 0px;
font-family: arial, sans-serif;
font-size: 0.9em;
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: 0.9em;
}

div.summaryBoxContent{
float: left;
margin:0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial, sans-serif;
font-size: 0.9em;
}
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;
}
.divRight
{
	text-align:right;
}
.clear { clear: left; }

/* ====================== 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:5px;
	width:100%;
}
td.leftRailNavHeaderImg
{	
	vertical-align:bottom;
	width:10px;
}
td.leftRailNavHeader a
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
td.leftRailNavItemImg
{	
	vertical-align:bottom;
	width:10px;
}
td.leftRailNavItem
{
	font-size: 0.85em;
	padding-left:10px;

}
.leftRailNavItem a
{
	color: #ffffff;	
	text-decoration:none;
}
td.leftRailNavItem2
{
	font-size: 0.75em;
	color: #1F416A;		
	font-weight:bold;
	padding-left:20px;
}
.leftRailNavItem2 a
{
	color: #1F416A	;
	text-decoration:none;
}
td.leftRailNavItem2Img
{	
	vertical-align:bottom;
	width:10px;
}
td.leftRailNavItem3
{
	font-size: 0.75em;
	color: #1F416A;			
	padding:0px 0px 0px 27px;
	margin: 0px 0px;
}
.leftRailNavItem3 a
{
	color: #1F416A;	
	text-decoration:none;
}
td.leftRailNavItem3Img
{	
	vertical-align:bottom;
	width:10px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

/* ====================== 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 ====================== */
.promoBox
{
	background-color:#D0E0EF;
}
.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 p {
	font-size:1em;
}
.promoText img
{
	width:100px;
	}
/* ====================== End PROMOS ====================== */	
.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
-- used in occupation control - from CIS?
*/
.xmlCss
{
	font-size:0.9em;
}
.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;
}

/* grids */
.gridResultsHeader
{ 
	font-size: 90%; 
	font-weight: bold;
	color: white;	
	background-color: #1F416A;
	vertical-align:top;	
	text-transform:capitalize;
}
.gridHeader
{
	font-size: 90%; 
	font-weight: bold;
	color: white;
	background-color: #1F416A;
	font-family: Arial;
	text-align: left;
	vertical-align: top;
	

}
.gridHeaderxxx .a
{
	font-size: 90%; 
	font-weight: bold;
	color: yellow;
	background-color: #1F416A;
	font-family: Arial;
	text-align: left;
	vertical-align: top;

}
.gridHeader:hover 
{ 
	font-size: 90%; 
	font-weight: bold;
	COLOR: white; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
}
.gridSelItem
{
	font-size: .8em; 
	color: White;
	background-color: #008A8C;
}
.gridItem
{ 
	font-size: .8em; 
	background-color: #F5F5F5;
	vertical-align:top;	
}
.gridItemHover {
	font-size: .8em; 
	background-color:#FFF8DC;
	color: #000000;
	vertical-align:top;		
}
.gridAltItem {
	font-size: .8em; 
	background-color: #D0E0EF;
	vertical-align:top;	
}
.gridAltItemHover {
	font-size: .8em; 
	background-color:#FFF8DC;
	color: #000000;
	vertical-align:top;		
}
tr.gridItem:hover, tr.over td { background-color: #FFF8DC; 	font-size: .8em; }
tr.gridAltItem:hover, tr.over td { background-color: #FFF8DC; }   

/* */

div.tooltip {
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	padding:2px 4px;
	text-align:left;
	position:absolute;
	width:auto;
	height:auto;
	}



/* T.wright 08/25/06 added section for table background images to meet accessibility standards*/
#header-bgimage {
background: url("/vos_portal/images/bkg_indexTable.gif");
background-repeat: repeat-x;
}
#hlFeedback {
 background-image:	url("/vos_portal/images/Feedback.png");
}
/* ============== siteMap styles ============== */
/* 06/09/05 mparsons added sitemap styles */
.siteMap {
	padding: 0px 10px 10px 10px;
}
.siteMap a {
	color:#000000;
}
.siteMap a:visited {
	color:#000000;
}
.siteMap .lvl1 {
	font-size:	.99em;	
	padding-top:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.lvl1 a {
	color:#cc6633;
	text-decoration: none;	
}
.lvl1 a:visited {
	color:#cc6633;
}
.siteMap .lvl2 {
	padding-left:30px;
	font-size:.9em;
	font-weight: bold;
	color: #1F416A;		
}
.lvl2 a {
	color:#1F416A;
	text-decoration: none;
}
.lvl2 a:visited {
	color:#1F416A;
}
.siteMap .lvl3 {
	padding-left:50px;	
	font-size:.85em;
	color: #333333;	
	text-decoration: none;			
}
.lvl3 a {
	text-decoration: none;
}
/* ============== menu styles ============== */
/* authenticated home page */
#homeAuthContainer
{
width: 75%;
margin: 10px auto;
background-color: #ffffff;
color: #333;
border: 3px solid gray;
}

#homeLeftMenu
{
	width: 190px;
	margin: 10px auto;
	background-color: #ffffff;
	color: #000000;
	border: 0px solid gray;
	float: left;
}
.homeMenuLink{
	cursor: pointer;
	cursor: hand;
	color:#ffffff;	
	padding: 7px 0px 5px 0px;	
	margin: 3px 0px 3px 0px;	
	BACKGROUND-COLOR: #679bdb;
	color:#ffffff;	
	width: 200px;
	height: 20px;	
	text-decoration:	none;
	text-align: center;	
	vertical-align:middle;	
}
.homeMenuLink a {
	text-decoration:	none;
	color:#ffffff;	
}
.homeMenuLink a hover {
	text-decoration:	none;
	color:red;	
}
.menuDefaultSection{
	display: block;
	clear: none;		
	margin: 0 0 0 5px; 
	padding: 0 0 0 10px; 
}
.menuSection{
	display: none;
	clear: none;		
	margin: 0 0 0 5px; 
	padding: 0 0 0 10px; 
} 
.menuSection h2 {
	font-size:.99em;
	color: #cc6633;	
	font-weight: bold;
	padding: 1px, 0px, 1px, 0px;	
}
.menuSection p {
	font-size:0.95em;
	line-height: 1.5em;
	color: #333333;
}
.menuSection a { text-decoration: none; }	
/* Collapsing menu */
/*   
	line-height: 1.5em;
1d50a8
1956A7
*/
.menuPanel{
	cursor: hand;
	background-color:#1956A7;
	font-size:  0.95em;
	color: #ffffff;	
	font-weight: bold;
	width: 100%;
	padding: 1px 5px 1px 3px;	
	margin: 0px 0px 0px 0px;	
}
.menuPanel2{
	cursor: hand;
	background-image: url(/vos_portal/images/eventpartgrad-darkblue.gif); 
	background-repeat: repeat-x; 
	background-color: #ffffff;
	font-size:  0.75em;
	color: #ffffff;	
	font-weight: bold;
	padding: 1px 3px 3px 3px;	
	margin: 0px 0px 0px 0px;	
	width: 100%;
}
.menuPanel td, .menuPanel .menuPanel {
	font-size:  0.85em;
	color: #ffffff;	
	font-weight: bold;
}
.menuPanel a {
	COLOR: #ffffff; TEXT-DECORATION: none;
	text-align: right;
}
.menuPanel table {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.menuPanelAnchor{
	COLOR: #cc6633; TEXT-DECORATION: none;
	float:right;
	height:10px;
	width:25px;
}
.menuPanel .left { float: left; 	height:20px;}
.menuPanel .right { 
	float: right; 
	width:25px;	
}
.menuBranch{
	display: none;
	margin-left: 10px;
	color:#ffffff;		
}
.menuBranch .bodyGrayBold  
{
	font-size: .99em; 	
}
/* Occupation Letter list style */

ul#navlist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	color: #fff;
	background-color: #1956A7;
	font-size:  0.9em;		
	font-weight: bold;	
}
ul#navlist li { display: inline; }
ul#navlist li a {
	float: left;
	width: 1em;
	color: #fff;
	background-color: #1956A7;
	padding: 0.2em 0.1em;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #fff;
}
ul#navlist li a:hover {
background-color: #cc6633;
color: #fff;
}
ul#navlist li.selected {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; BORDER-BOTTOM: #b7d8ee 1px solid; 
	BACKGROUND-COLOR: #d2eaf6;
}
ULx {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#occupationList 
{
	text-align: left;
	font-size: .99em; 
	padding-left:10px;
	margin: .5em 0 .5em 0
}
#occupationList li, #occupationList .bodyGrayBold  
{
	font-size: .99em; 	
}
#occupationListx li
{
	border: 0px 0px 0px 0px;
	padding-left: 20px; 
	margin: 0.25em; 
	cursor: pointer; display: inline; 
	text-align: left;
	font-size: .99em; 	
	}
	
/* #################### prototyping styles #################### */
#letter_pagination 
{
	text-align: left;
	font-size: .95em; padding-bottom: .1em; 
	margin: .25em 0 .25em 0
}
#letter_pagination LI {
	display: inline;
	cursor: pointer; 
	text-align: center;
	margin: .1em;
}
#letter_pagination2 li {
	border-right: #e6e6e6 1px solid; padding-right: 0.2em; 
	border-top: #e6e6e6 1px solid; 
	display: inline; 
	padding-left: 0.5em; 
	padding-bottom: 0.3em; 
	margin: 0.25em; 
	border-left: #e6e6e6 1px solid; 
	cursor: pointer; 
	padding-top: 0.3em; 
	border-bottom: #e6e6e6 1px solid; 
	text-align: center
}
#letter_pagination li.rest {
	BORDER-RIGHT: #e6e6e6 1px solid; BORDER-TOP: #e6e6e6 1px solid; BORDER-LEFT: #e6e6e6 1px solid; BORDER-BOTTOM: #e6e6e6 1px solid; 
	BACKGROUND-COLOR: #fff;
}
#letter_pagination li.hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; BORDER-BOTTOM: #b7d8ee 1px solid; 
	BACKGROUND-COLOR: #d2eaf6;
}
#letter_pagination li.selected {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; BORDER-BOTTOM: #b7d8ee 1px solid; 
	BACKGROUND-COLOR: #d2eaf6;
}
#letter_pagination A {
	COLOR: #0066a7; TEXT-DECORATION: none
}
#letter_pagination a:hover {
    BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; BORDER-BOTTOM: #b7d8ee 1px solid; 
    BACKGROUND-COLOR: #d2eaf6;
    font-size: .95em;
}
#letter_pagination LI.selected A {
	FONT-WEIGHT: bold; COLOR: #444
}
.r_button {
	BORDER-RIGHT: #babad2 1px solid; 
	BORDER-TOP: #babad2 1px solid; 
	BORDER-LEFT: #babad2 1px solid; 
	BORDER-BOTTOM: #babad2 1px solid; 		
	PADDING-LEFT: 5px; 
	PADDING-TOP: 2px; 	
	PADDING-BOTTOM: 1px; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:	.8em; font-weight:bold;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFE8EF, endColorstr=#BACBD5); 
	MARGIN: 0px 0px 3px; 
	WIDTH: 60px; 
	CURSOR: hand; 
	COLOR: #C8582D; 
	HEIGHT: 10px; 
	BACKGROUND-COLOR: #c4d5e5; 
	TEXT-DECORATION: none;
	text-align:center;
}
.r_button_on {
	BORDER-RIGHT: #babad2 1px solid; 
	BORDER-TOP: #babad2 1px solid; 
	BORDER-LEFT: #babad2 1px solid; 
	BORDER-BOTTOM: #babad2 1px solid; 		
	PADDING-LEFT: 5px; 
	PADDING-TOP: 2px; 	
	PADDING-BOTTOM: 1px; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:	.8em; font-weight:bold;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFFFF, endColorstr=#C4E0F7); 
	MARGIN: 0px 0px 3px; 
	WIDTH: 60px; 
	CURSOR: hand; 
	COLOR: #C8582D; 
	FONT-FAMILY: verdana; 
	HEIGHT: 10px; 
	BACKGROUND-COLOR: #c4d5e5; 
	TEXT-DECORATION: none;
	text-align:center;	
}
/* styling heading with background image */
	div#headingSection { 	
		float: left;
		background: #fff url(../images/orangeHeader.jpg) no-repeat; }
	div#headingSection p { padding: 0 20px; }
	div#headingSection h2
	{
		margin: 0;
		padding: 20px 20px 0 20px;
		background: url(../images/orangeUpperRight.jpg) no-repeat 100% 0;
	}	
/* obsolete styles - temp parking space */
.sub_headline
{
	font-weight: bold;
	font-size: 1.0em;
	color: #333333;
}	
/*
	navCell- old style to use an image for a nav link
	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;
}
.btnContinue
{
	background-image:url(/vos_portal/images/continueBtn.gif);
}
/* 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*/