@CHARSET "ISO-8859-1";

.navButtons {
	display: none;
}
#commandButtons {
	display:none;
}
.noPrint, .logout {
	display: none;
}
.faq {
	display: none;
}
#withholdingContainer {
	width:8.5in;
}
#courtOrderDetailContainer {
	width:7in;
	margin-left:auto;
	margin-right:auto;
}
.notLegal {
	text-decoration: underline;
	font-weight: bold;
	color:red;
	margin: .5in;
	font-size: 100%;
	width:8in;
}
#notLegalPrintOnly {
	text-decoration: underline;
	font-weight: bold;
	color:red;
	text-align:center;
	font-size: 90%;
	display:block;
}
.reportEmployer {
	display: none;
}
#pageTitle {
	font-weight:bold;
	font-size:110%;
}
#basicInfo {
	position:relative;
	width:100%;
	height:.5in;
	margin-top:.25in;
	margin-bottom:.25in;
}
#custodialParent {
	top:0in;
	width:100%;
}
#custodialParentLabel {
	position:absolute;
	left:0in;
	width:2in;
	font-weight: bold;
}
#custodialParentData {
	position: absolute;
	top:0in;
	left:2in;
}
#nonCustodialParent {
	position:absolute;
	top:.25in;
}
#nonCustodialParentLabel {
	position:absolute;
	width:2in;
	left:0in;
	font-weight: bold;
}
#nonCustodialParentData {
	position:absolute;
	left:2in;
	width:5in;
}
#courtDate {
	position:absolute;
	top: .5in;
}
#courtDateLabel {
	position:absolute;
	width:2in;
	left:0in;
	font-weight:bold;
}
#courtDateData {
	position:absolute;
	left:2in;
	width:5in;
}
#contentHeading {
	position:relative;
	width:100%;
	clear:both;
}
.orderDetailTable {
	width:100%;
	text-align:center;
}

.left {
	text-align:left;
}
.bold {
	font-weight: bold;
}

/* Payments Page */

.paymentsTable {
	width:100%;
	border: thin solid #000000;
	border-collapse:collapse;
}
.paymentsTable th {
	border-bottom:thin solid #000000; 
	background-color: #E1F0FF;
	font-weight:bold;
	text-align:center;
}
.paymentsTable tr {
	text-align:center;
}
.paymentsTable .paymentAmount {
	border-right: thin solid #000000;
}



/** END Customer Service Specific **/
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	line-height: 1.166;
	background: #FFFFFF url(../images/ilseal395x462.jpg) no-repeat;
}

#container { width: 100%;  /* this will create a container 100% of the browser width */ }

#main{
	width: 100%;
}

em { font-style: italic; }

a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, sans-serif;
	margin: 5px 0px 0px;
	padding: 0px;
}

h1 {
	font-size: 120%;
	color: #000000;
	padding: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 110%;
	color: #000000;
	padding-top: .5em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h3 {
	font-size: 100%;
	color: #000000;
	padding-top: .5em;
}

h4 {
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}

h5 {
	font-size: 100%;
	color: #000000;
}

ul { list-style-type: square; }

ul ul { list-style-type: disc; }

ul ul ul { list-style-type: none; }

#content li { padding-top: 4px; }

/***********************************************/
/* Forms                                       */
/***********************************************/
form {
	margin: 5px 0px 0px;
	padding: 0px;
}

legend { color: #000000; }

label {
	font: bold 100% Verdana, Arial, sans-serif;
	color: #000000;
	white-space: nowrap;
}

caption {
	text-align: left;
	font-size: 90%;
	white-space: nowrap;
}

table.formTable {
	display: inline;
	top: -0.75em;
}

table.formTable td {
	padding-top: 4px;
	white-space: nowrap;
}

.fieldset {
	width: auto;
	position: relative;
	border: 1px solid #CCCCCC;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 2px;
}

.fieldset h2 {
	padding: 0px 0px 0px 0em;
	margin-top: 0.25em;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 0em;
	position: relative;
	top: -0.75em;
	background-color: #FFFFFF;
	display: inline;
	left: 1em;
	font-weight: normal;
}

.fieldset div { line-height: 1.5em; }

.caption {
	font-size: 90%;
	padding-left: 5px;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 1em;
}

.label {
	font-weight: bold;
	color: #000000;
}

.changeLink {
	position: absolute;
	font-size: 75%;
	right: 15px;
}

.changePassword {
	position: relative;
	font-size: 75%;
	margin-top: -20px;
}

.example { font-size: 75%; }

.buttons {
	padding-top: 5px;
	white-space:nowrap;
}

.button { display: none; }

.readOnly {
	border: 0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background:#FFFFCC;
	color:#000000;
}

.bigWidth { width: 280px; }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead {
	height: 10px;
	display: none;
	background: url(../images/cs_headerBG2024.gif) repeat-x;
}

#seal {
	position: absolute;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 198px;
	height: 96px;
	background: #FFFFFF url(../images/hfs_logo_horizontal_color.png) no-repeat left top;
}

#kids {
	position: absolute;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 275px;
	height: 60px;
	left: 198px;
	background: no-repeat left top;
	top: 0px;
}

#navBar {
	display:none; 
	width: 0px; 
}

#content {
	margin: 0 20px 10px 5px;
	font-size: 80%;
}

#tdcontent {
	vertical-align: top;
}

#content a:link, #content a:visited, #content a:hover {
	color: #000000;
	text-decoration: underline;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	border: #999999;
}

#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li { border-bottom: 1px solid #EEE; }

/* fix for browsers that don't need the hack */
html>body #navBar li { border-bottom: none; }

/*********** #navBarHelp link styles ***********/
#navBarHelp { display:none; }

/*********** #sectionLinks styles ***********/

#sectionLinks {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 70%;
}

#sectionLinks a:link {
	padding: 2px 0px 2px 5px;
	border-top: 1px solid #999999;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited {
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 5px;
}

#sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 5px;
}

li.sectionLinksHeader { font-weight: bold; }

.sectionLinksHeader a:link, .sectionLinksHeader a:visited { color: #003366; }

#sectionLinksDesc {
	position: absolute;
	top: -20em;
	left: -200em;
}

/************** #Employer Header styles **************/
#employerHeader {
	border: 1px solid #999999;
	background-color: #000000;
	position: relative;
	padding: 3px;
	width: 99%;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
}

#userInfo {
	border: thin solid #000000;
	padding: 4px;
	position: relative;
	width: 98%;
}

#employerHeader a:link, #employerHeader a:visited, #employerHeader a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

#employerHeader2 {
	background-color: #000000;
	position: relative;
	padding: 3px;
	width: 99%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}

#employerHeader2 a:link, #employerHeader2 a:visited, #employerHeader2 a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

.logout {
	font-size: 75%;
	position: absolute;
	top: 7px;
	right: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#primary {
	padding: 2px 0px 0px;
	position: relative;
}

#iwn {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

/************** Data Table styles **************/
.dataTable {
	margin: 5px 0px 0px;
	border: 1px solid #DBDBBB;
	padding: 0px;
}

.dataTable caption {
	margin: 5px 0px 0px;
	border: 1px solid #DBDBBB;
	padding: 0px;
	background-color: #E1F0FF;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
}

.dataTable tfoot { background-color: #E1F0FF; }

.dataTable td, table.dataTable th {
	padding: 6px;
	white-space: nowrap;
}

.dataTableHeader { background-color: #E1F0FF; }

.dataTableEven {
	background-color: #F9F9F9;
	vertical-align: top;
}

.dataTableOdd {
	background-color: #EAEAEA;
	vertical-align: top;
}

table.dataTable .dataTableWrap { white-space: normal; }

th.sortCol { background-color: #F0F8FF; }

.rowth { text-align: left; }

/************** #my styles **************/

#govlink {
	position: absolute;
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	right: 0px;
	top: 40px;
	padding: 0px 4px 0px 0px;
	margin: 0px;
	border: 0px;
}

#govlink:hover {
	font-size: 12px;
	color: #6699CC;
	text-decoration: none;
	font-weight: bold
} /* This class formats the Governor Link in the header tab whjen moused over */

#SkipNavigationDiv {
	width: 0;
	height: 0;
	overflow: hidden;
}

.anchor_span { position:absolute; }

.smallText { font-size: 80%; }

.requiredText {
	font-size: 65%;
	font-weight: normal;
	color: #990000;
}

.doubleBorder {
	border: double;
	padding: 4px;
}

#changeProfile {
	font-size: 70%;
	padding-left: 5em;
}

#options {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#options li {
	list-style-type: none;
	margin-bottom: 5px;
}

#options img {
	padding: 0px;
	margin: 0px 0px -5px;
	border: 0px;
}

.errMsg { color: #990000; }

#errors ul {
	padding-top: 0px;
	margin-top: 0px;
}

#errors, #errors a:link, #errors a:visited, #errors a:hover {
	color: #990000;
	font-weight: bold;
}

.indent { padding-left: 3em; }

.notes {
	border: thin solid #003366;
	padding: 4px;
	position: relative;
	width: 98%;
}

.response { font-weight: bold; }

.center { text-align: center; }

.help { display:none; }

/************* #siteInfo/Footer styles ***************/

#siteInfo {display:none;}

/************** Search Box styles **************/

#Search {display:none;}

div.infobox, 
div.appointmentLink, 
span.tooltip, 
.headingbar A {
	display: none;
} 

div.caseInfo A, div.caseInfo a:link {
	text-decoration: none;
	font-weight: bold;
}