@CHARSET "ISO-8859-1";

/***********************************************/
/* 2col_leftNav.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
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: #681A42;
	padding: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

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

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

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

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

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: #681A42; }

label {
	font: bold 100% Verdana, Arial, sans-serif;
	color: #681A42;
	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: #681A42;
}

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

.changePassword {
	font-size: 75%;
	float: right;
	margin-top: -20px;
}

.viewEmployees {
	position: absolute;
	font-size: 75%;
	right: 15px;
	bottom: 20px;
}

.viewFeinsAndUsers {
	position: absolute;
	font-size: 75%;
	right: 185px;
	bottom: 20px;
}

.example { font-size: 75%; }

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

.button { margin-right: 20px; }

.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: 60px;*/
	background: url(../images/cs_headerbg2010.gif) repeat-x;
}

#seal {
	position: absolute;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 198px;
	height: 96px;
	background: #FFFFFF url(../images/cslogo2010.gif) 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 { 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;
}

/*********** #navBarHelp link styles ***********/
#contentHelp {
	position: relative;
	margin-left: 196px;
	margin-right: 5px;
	padding-bottom: 40px;
	margin-top: 0px;
}

#navBarHelp {
	position: absolute;
	top: 4px;
	left: 0;
	width: 182px;
	padding-bottom: 40px;
}

#sectionLinksHelp {
	font-size: 130%;
	position: relative;
	padding: 0px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 4px;
}

#sectionLinks a.indentHelp:link { padding: 2px 0px 2px 15px; }

#sectionLinks a.indentHelp:visited { padding: 2px 0px 2px 15px; }

#sectionLinks a.indentHelp:hover { padding: 2px 0px 2px 15px; }

/*********** #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: #681A42; }

#sectionLinks h3 {
	padding: 0px;
	margin: 0px;
	color: #000000;
}

.item1 a.item1, .item2 a.item2, .item3 a.item3, .item4 a.item4, .item5 a.item5, .item6 a.item6, .item7 a.item7, .item8 a.item8, .item9 a.item9, .item10 a.item10, .item11 a.item11, .item12 a.item12, .item13 a.item13, .item14 a.item14, .item15 a.item15, .item16 a.item16, .item17 a.item17, .item18 a.item18, .item19 a.item19, .item20 a.item20, .item21 a.item21, .item22 a.item22, .item23 a.item23, .item24 a.item24, .item25 a.item25, .item26 a.item26, .item27 a.item27, .item28 a.item28, .item29 a.item29, .item30 a.item30, .item31 a.item31, .item32 a.item32, .item33 a.item33, .item34 a.item34 { }

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

.active { s background-color: #FFFFFF;
}

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

#userInfo {
	border: thin solid #681A42;
	padding: 4px;
	/*	background-color: #EDEDDC;*/
	position: relative;
	width: 98%;
}

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

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

#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;
}

.home {
	background-image: url(../images/big_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.folder {
	background-image: url(../images/big_folder.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.drawer {
	background-image: url(../images/big_drawer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.trash {
	background-image: url(../images/big_trash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.envelope {
	background-image: url(../images/big_envelope.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.profile {
	background-image: url(../images/big_profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.reports {
	background-image: url(../images/big_reports.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.staff {
	background-image: url(../images/big_staff.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.user {
	background-image: url(../images/userInfoLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.lock {
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.upload {
	background-image: url(../images/big_upload.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.multiFein {
	background-image: url(../images/multiFeinLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.addFein {
	background-image: url(../images/addFeinLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.removeFein {
	background-image: url(../images/removeFeinLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.multiUser {
	background-image: url(../images/multiUserLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.adminLarge {
	background-image: url(../images/adminLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.addUser {
	background-image: url(../images/addUserLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.transferFein {
	background-image: url(../images/transferFeinLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.feinRequestList {
	background-image: url(../images/approveLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.feinList {
	background-image: url(../images/removeFeinLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 56px;
	padding-bottom: 0px;
	padding-top: 30px;
}

.requiredFormat {
	font-size: 65%;
	font-weight: normal;
}

.listSpace { margin-top: 20px; }

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

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

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

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

.dataTableHeader { background-color: #EDEDDC; }

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

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

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

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

.rowth { text-align: left; }

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

#ilcsimage {
	position: absolute;
	right: 7px;
	top: 0px;
	background: url(../images/cs2010_montage.gif) no-repeat;
	height: 91px;
	width: 325px;
	margin: 0px;
}

#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 #681A42;
	padding: 4px;
	position: relative;
	width: 98%;
}

.response { font-weight: bold; }

.center { text-align: center; }

.right { text-align: right; }

.help {
	font-size: 85%;
	float: right;
	margin-right: 35px;
	font-weight: bold;
	color: white;
	border: 1px solid #999999;
	padding: 3px;
}

/** NEW TEMPLATE **/

a img, a:link img, a:visited img, img {
	border: 0 none transparent;
	text-decoration: none;
}

.gov {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	font-size: 0.9em;
	height: 28px;
	background: #681a42 url(../images/cs_headerbg2010.gif) repeat-x;
	vertical-align: bottom;
	margin-top: 12px;
}

.gov a {
	text-decoration: none;
	color: #fff;
	font-style: normal;
	margin-top: 10px;
	padding-top: 10px;
}

.motto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #681a42;
	font-style: normal;
	font-size: 0.7em;
	font-weight: bold;
	margin-top: 1px;
}

#divGlobalNav{display:none;}

a.site_url, a.site_url:visited {display:none;}

.tmpl_footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: .8em;
	background-color: #681a42;
}

.tmpl_footer a { color: #FFF; }

.tmpl_footerlink {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.tmpl_footerlink:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

.tmpl_governor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #681a42;
	text-decoration: none;
	font-weight: bold;
	text-align: left
}

.tmpl_governor:hover {
	color: #000000;
	text-decoration: none;
	text-align: left
}

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

#siteInfo {display:none;}

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

#Search {display:none;}