/* common styles */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #f9fafa;
}

body, p, div, span, table, thead, tbody, tfoot, tr, td
{
	font-family: tahoma, helvetica, arial;
	font-size: 10pt;
}

.normal
{
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
}

.padded
{
	padding: 0.5em;
}

.hoverColor
{
	background-color: #fffacd;
}

/* alignments */
.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.justify
{
	text-align: justify;
}

.top, .vTop
{
	vertical-align: top;
}

.middle, .vMiddle
{
	vertical-align: middle;
}

.baseline, .vBaseline
{
	vertical-align: baseline;
}

.bottom, .vBottom
{
	vertical-align: bottom;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

/* headings and labels */
h1, .heading1
{
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 1px;
}

h2, .heading2
{
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}

h3, .heading3
{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}

.label
{
	font-size: 1.0em;
	font-weight: bold;
}

/* validation */
.required
{
	color: red;
}

.warning
{
	color: #ff8c00;
}

.error
{
	color: red;
}

.validatorHidden
{
	visibility: hidden;
}

.validatorShown
{
	visibility: visible;
}

/* special text */
.monospaced
{
	font-family: courier new, monospace;
	font-size: 1.0em;
}

.format
{
	color: #666666;
	font-size: 0.9em;
}

.note
{
	font-size: 0.9em;
}

.positive
{
	color: black;
}

.negative
{
	color: red;
}

/* fieldset and legend items */
fieldset
{
	margin: 0.0em;
	padding-top: 0.0em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: solid 1px #bbbbbb;
}

legend
{
	padding-bottom: 0.25em;
	font-weight: bold;
}

/* lists and list items */
ul
{
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	margin-left: 0.5em;
	padding-left: 0.5em;
	list-style-type: disc;
}

ol
{
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	list-style-type: decimal;
}

li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

dl
{
	margin-top: 0.0em;
	margin-bottom: 0.0em;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* images */
img
{
	border: none;
}

img.help:hover
{
	cursor: auto;
}

img.help:hover
{
	cursor: pointer;
}

/* links */
a:link, a:visited
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	color: #003366;
}

a:hover, a:active
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	color: #3e8bc1;
}

/* bigger link */
a.biggerLink:link, a.biggerLink:visited
{
	font-family: tahoma, helvetica, arial;
	font-size: 12pt;
	color: #003366;
}

a.biggerLink:hover, a.biggerLink:active
{
	font-family: tahoma, helvetica, arial;
	font-size: 12pt;
	color: #3e8bc1;
}

/* bigger bold link */
a.biggerBoldLink:link, a.biggerBoldLink:visited
{
	font-family: tahoma, helvetica, arial;
	font-size: 12pt;
	font-weight: bold;
	color: #003366;
}

a.biggerBoldLink:hover, a.biggerBoldLink:active
{
	font-family: tahoma, helvetica, arial;
	font-size: 12pt;
	font-weight: bold;
	color: #3e8bc1;
}

/* tabbed links */
a.tabbedLink:link, a.tabbedLink:visited
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	color: #003366;
	padding-left: 15px;
}

a.tabbedLink:hover, a.tabbedLink:active
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	color: #3e8bc1;
	padding-left: 15px;
}

/* inputs */
input
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	vertical-align: middle;
}

input[type=text]
{
}

button
{
	height: 26px;
	border: 1px solid gray;
	background-image: url("../images/button_bg.jpg");
	background-repeat: repeat-x;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

input[type=button]
{
	height: 26px;
	border: 1px solid gray;
	background-image: url("../images/button_bg.jpg");
	background-repeat: repeat-x;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

input[type=reset]
{
	height: 26px;
	border: 1px solid gray;
	background-image: url("../images/button_bg.jpg");
	background-repeat: repeat-x;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

input[type=submit]
{
	border: 1px solid gray;
	background-image: url('../images/button_bg.jpg');
	background-repeat: repeat-x;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox]
{
	cursor: pointer;
}

input[type=radio]
{
	cursor: pointer;
}

select
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	vertical-align: middle;
}

textarea
{
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	vertical-align: middle;
}

/* input labels */
label
{
	font-weight: bold;
	cursor: pointer;
}

/* formatted tables and formatted table items */
table.ft
{
	border-top: solid 1px gray;
	border-bottom: groove 2px gray;
	border-left: solid 1px gray;
	border-right: groove 2px gray;
	border-collapse: collapse;
	background-color: white;
}

thead.ftHead
{
}

tr.ftHeadRow
{
}

tr.ftHeadRowHover
{
}

tr.ftHeadRowHover:hover
{
}

td.ftHeadCell
{
	border: solid 1px gray;
	background-color: #b0c4de;
	font-weight: bold;
	vertical-align: baseline;
}

td.ftHeadCellHover
{
}

td.ftHeadCellHover:hover
{
}

tbody.ftBody
{
}

tr.ftBodyRow
{
}

tr.ftBodyRowHover
{
}

tr.ftBodyRowHover:hover
{
}

td.ftBodyCell
{
	border: solid 1px gray;
	vertical-align: baseline;
}

td.ftBodyCellHover
{
}

td.ftBodyCellHover:hover
{
}

tfoot.ftFoot
{
}

tr.ftFootRow
{
}

tr.ftFootRowHover
{
}

tr.ftFootRowHover:hover
{
}

td.ftFootCell
{
	border: solid 1px gray;
	background-color: #b0c4de;
	font-weight: bold;
	vertical-align: baseline;
}

td.ftFootCellHover
{
}

td.ftFootCellHover:hover
{
}

td.lgHeadCell
{
	font-weight: bold;
}

/* SimpleModal default styles */
#simplemodal-overlay
{
	background-color: gray;
	cursor: wait;
}

#simplemodal-container
{
	min-width: 100px;
	min-height: 100px;
	border: outset 2px gray;
	background-color: white;
	color: #333333;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
}

#simplemodal-container a.close
{
	position: absolute;
	z-index: 3200;
	display: inline;
	bottom: 1.0em;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

/* custom message box styles */
#messageBoxModalOverlay
{
	background-color: gray;
	cursor: wait;
}

#messageBoxModalContainer
{
	min-width: 32.0em;
	min-height: 6.0em;
	border: outset 2px gray;
	background-color: white;
	color: #333333;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
}

#messageBoxModalContainer div#__title__
{
	padding: 0.5em;
	border-bottom: solid 1px #bbbbbb;
	background-color: #e4e4e4;
	color: #003366;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
}

#messageBoxModalContainer div#__icon__
{
	float: left;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
	padding-left: 1.0em;
	padding-right: 0.0em;
}

#messageBoxModalContainer div#__message__
{
	float: left;
	padding-top: 1.0em;
	padding-bottom: 0.5em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	width: 30.0em;
	color: #333333;
	text-align: left;
}

#messageBoxModalContainer div#__buttons__
{
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 1.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	color: #333333;
	text-align: center;
}

#messageBoxModalContainer button
{
	height: 26px;
	border: 1px solid gray;
	background-image: url("../images/button_bg.jpg");
	background-repeat: repeat-x;
	padding-left: 1.0em;
	padding-right: 1.0em;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

/* custom history box styles */
#historyBoxModalOverlay
{
	background-color: gray;
	cursor: wait;
}

#historyBoxModalContainer
{
	width: 40.0em;
	min-height: 20.0em;
	border: outset 2px gray;
	background-color: white;
	color: #333333;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
}

#historyBoxModalContainer div#__historyBoxTitle__
{
	padding: 0.5em;
	border-bottom: solid 1px #bbbbbb;
	background-color: #e4e4e4;
	color: #003366;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}

#historyBoxModalContainer div#__historyBoxFooter__
{
	padding: 0.5em;
	border-top: solid 1px #bbbbbb;
	background-color: #e4e4e4;
	color: #003366;
	text-align: center;
}

#historyBoxModalContainer button#__historyBoxCloseBtn__
{
	height: 26px;
	border: 1px solid gray;
	background-image: url("../images/button_bg.jpg");
	background-repeat: repeat-x;
	color: white;
	font-family: tahoma, helvetica, arial;
	font-size: 1.0em;
	font-weight: bold;
	font-style: normal;
	vertical-align: middle;
	cursor: pointer;
}

/* Consumer Direct Portal styles */
.menu
{
	position: relative;
	min-width: 800px;
	height: 115px;
	border-bottom: 1px solid #024c7d;
	background-image: url("../images/menu_bg.jpg");
	background-repeat: repeat-x;
}

.menu_left_container
{
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 1.0em;
	padding-left: 1.0em;
	width: 300px;
	min-width: 300px;
	height: 79px;
	color: #fff;
	font-size: 8pt;
	letter-spacing: 1px;
}

.menu_left_container_text
{
	color: #fff;
	font-size: 8pt;
	letter-spacing: 1px;
}

.menu_right_image
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 385px;
	height: 89px;
	background-image: url("../images/hands.jpg");
}

.menu_right_container
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 89px;
}

.user_container
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	border-bottom: solid 1px #3d8bc0;
	border-left: solid 1px #3d8bc0;
	background-color: #006eb9;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
}

.user_container .user_container_text
{
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
}

.user_container a:link, .user_container a:visited
{
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.user_container a:hover, .user_container a:active
{
	color: #ccc;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.approval_container
{
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	line-height: 1.5em;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: right;
}

.approval_container .approval_container_text
{
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
}

.approval_container a:link, .approval_container a:visited
{
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.approval_container a:hover, .approval_container a:active
{
	color: #ccc;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.menu_wrap
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.menu_wrap ul
{
	margin: 0.0em;
	padding: 0.0em;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

.menu_wrap ul li
{
	position: relative;
	display: inline;
}

.menu_wrap ul li a
{
	display: inline-block;
	padding-left: 1.0em;
	padding-right: 1.0em;
	line-height: 24px;
	border-left: 1px solid #3d8bc0;
	border-right: 1px solid #024c7d;
	color: #fff;
	text-decoration: none;
}

.menu_wrap ul li a:hover
{
	background-image: url("../images/menu_lit.jpg");
	text-decoration: none;
}

.menu_wrap ul li ul
{
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1000;
	border-top: 1px solid #3d8bc0;
	border-bottom: 1px solid #024c7d;
	border-top: 1px solid #3d8bc0;
	border-right: 1px solid #024c7d;
	background-color: #006eb9;
	text-align: left;
	display: none;
}

.menu_wrap ul li:hover ul
{
	display: block;
}

.menu_wrap ul li ul li a
{
	border: none;
	color: #fff;
	white-space: nowrap;
}

.menu_wrap ul li ul li a:hover
{
	background-image: none;
	color: #ccc;
}

.warning_box
{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #fffacd;
}

.copyright
{
	font-family: tahoma, helvetica, arial;
	font-size: 0.8em;
	color: #666666;
}

.left_column
{
	background-image: url("../images/login_bg.jpg");
	background-repeat: repeat-x;
	width: 300px;
	float: left;
	padding: 5px;
	min-height: 735px;
	border: solid 1px #bbbbbb;
	margin: 10px;
}

.main_wrap
{
	margin-top: 20px;
	background-color: #ffffff;
	border: solid 1px #bbbbbb;
	width: 800px;
}

.main_content
{
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	width: 458px;
}

.padding
{
	padding: 10px;
}

.l2
{
	border-top: solid 1px #bbbbbb;
	padding-top: 20px;
	padding-left: 10px;
	margin-top: 20px;
	text-align: left;
}

.l3
{
	border-top: solid 1px #bbbbbb;
	padding-top: 20px;
	padding-left: 10px;
	margin-top: 20px;
	text-align: left;
}

.l4
{
	border-top: solid 1px #bbbbbb;
	padding-top: 20px;
	padding-left: 10px;
	margin-top: 20px;
	text-align: left;
}

.bottom_module_l
{
	width: 200px;
	float: left;
	padding: 10px;
	border: solid 1px #bbbbbb;
	text-align: left;
	height: 110px;
}

.bottom_module_r
{
	width: 200px;
	float: left;
	padding: 10px;
	border: solid 1px #bbbbbb;
	margin-left: 10px;
	text-align: left;
	height: 110px;
}

.header
{
	color: #003366;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}

.header_gray
{
	color: #666666;
	font-weight: bold;
}

.header_blue
{
	color: #003366;
	font-weight: bold;
}

.text_padding
{
	padding: 20px;
	text-align: left;
}

/* old Consumer Direct Portal styles to be removed/updated */
.oneThirdWidth
{
	width: 33%;
}

.twoThirdsWidth
{
	width: 66%;
}

.fullWidth
{
	width: 98%;
	margin-left: 2px;
	margin-right: 2px;
}

.full
{
	width: 100%;
}

.autoWidth
{
	width: auto;
}

.fullWithHelpWidth
{
	width: 281px;
	margin-left: 2px;
	margin-right: 2px;
}

.applyForJobText
{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	color: #003366;
	margin-bottom: 3px;
}

.applyForJobButton
{
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	color: #003366;
}

.numberText
{
	width: 3.0em;
	margin-left: 2px;
	margin-right: 2px;
}

.jobLabel
{
	width: 33%;
	text-align: right;
	vertical-align: top;
	padding-bottom: 3px;
	padding-top: 3px;
}

.jobData
{
	width: 66%;
	text-align: left;
	vertical-align: top;
	padding-bottom: 3px;
	padding-top: 3px;
}

.jobDataTextArea
{
	text-align: left;
	vertical-align: top;
	height: 7.0em;
	width: 98%;
}

.padLeft
{
	padding-left: 5px;
}

.minHeight
{
	min-height: 600px;
	_height: 600px;
}

.padLeftReports
{
	padding-left: 25px;
}

.validatorCalloutHighlight
{
	background-color: #fffacd;
}

.passwordRecovery
{
	padding: 4px;
	background-color: #f7f6f3;
	border-color: #e6e2d8;
	border-bottom-style: Solid;
	border-width: 1px;
	font-family: tahoma, helvetica, arial;
	font-size: 0.8em;
}

.row:hover
{
	background-color: #e7e4da;
}

.normaltext
{
	font-family: tahoma, helvetica, arial;
	font-size: 8pt;
	font-style: normal;
	color: black;
}

.normalTextBlue
{
	font-family: tahoma, helvetica, arial;
	font-size: 8pt;
	font-style: normal;
	color: blue;
}

.normaltextbold
{
	font-family: tahoma, helvetica, arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: black;
}

.normaltextbig
{
	font-family: tahoma, helvetica, arial;
	font-size: 10pt;
	font-style: normal;
	color: black;
}

.normaltextbigger
{
	font-family: tahoma, helvetica, arial;
	font-size: 12pt;
	font-style: normal;
	color: black;
}

.normaltextbiggestyet
{
	font-family: tahoma, helvetica, arial;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: black;
}

.inputs
{
	font-family: tahoma, helvetica, arial;
	font-size: 12px;
}

.bodyTableBorder
{
	border: solid 1px #577491;
	font-family: tahoma, helvetica, arial;
	font-size: 10px;
	font-style: normal;
	color: black;
}

.borderrow
{
	border: solid 1px #ec734d;
	font-family: tahoma, helvetica, arial;
	font-size: 12px;
	font-style: normal;
	color: blue;
}

.hide
{
	display: none;
}