/* @override http://outreach.maxinc.com/css/style.css */

/* @group resets and clearfix */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 line-height: 1;
 color: black;
 background: white;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 text-align: left;
 font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}

/*inline clearing div*/
.clear {
 overflow: hidden;
 clear:both;
 height:0;
 margin:0;
 font-size: 1px;
 line-height: 0;
}

/*clearing class*/

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

html {
 text-align: center;
}

body {
 width: 810px;
 margin: 0 auto;
 text-align: left;
 font: 12px arial, helvetica, sans-serif;
}

.header {
 height: 80px;
 display: block;
 text-align: left;
 width: 800px;
 padding: 0 5px;
}


h1 {
 text-indent: -9999px;
}

h1 a{
 height: 37px;
 width: 307px;
 display: block;
 margin-top:35px;
 margin-left: 20px;
 float: left;
 background: url(../images/TCESlogo-home.png) left top no-repeat scroll;
}

h2 {
 display:none;
}

h3 {
 font-size: 21px;
 padding-left: 19px;
 float: left;
 display: block;
 padding-top: 20px;
 padding-bottom: 15px;
 color: #1a4668;
 width: 598px;
}

h4 {
 font-weight: bold;
 font-size: 13px;
 margin-bottom: 2px;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding-right: 10px;
	padding-left: 9px;
}
div.faqcopy h5 {
	padding-top: 10px;
	display: block;
	float: none;
}
p {
 font-size: 12px;
 line-height: 14px;
 padding-bottom: 15px;
}
div.faqcopy p {
	padding-left: 25px;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	text-indent: -15px;
}
.header ul {
 margin-bottom: 5px;
 margin-right: 5px;
 text-align: right;
 display: inline-block;
 float: right;
 margin-top: 63px;
}

.header ul li {
 display: inline;
}

.header ul li a {
 color: #666;
 text-decoration: none;
 display: inline-block;
 font: 12px;
}

.header a:hover {
 text-decoration: underline;
}
.content {
 width:800px;
 padding: 0 5px;
}

.content img {
 float: left;
}

#taxnav {
 width: 399px;
 height: 156px;
 border-top: 1px solid #294459;
 border-left: 1px solid #294459;
 border-bottom: 1px solid #294459;
 float: left;
}

#taxnav ul {
 float: left;
}

#taxnav ul li {
 color: #fff;
 background: url(../images/tc-home-navback.png) repeat-x scroll 0 top;
 text-align: center;
 font-size: 22px;
 line-height: 63px;
 text-shadow: #212121 2px 2px 3px;
 height: 63px;
}

#taxnav ul ul li {
 background-image: none;
 text-shadow: none;
 background-color: #93b5ce;
 border-top: 1px solid #294459;
 height: 30px;
 line-height: 29px;
 text-align: left;
}

#taxnav ul ul li a {
 text-decoration: none;
 color: #333;
 font-size: 11px;
 display: block;
 padding-left: 60px;
 width: 339px;
	font-weight: bold;
}

#taxnav ul ul li a:hover {
 background-color: #b4cee1;
}

#employernav {
 width: 398px;
 height: 156px;
 border: 1px solid #294459;
 float: left;
}

#employernav ul {
 float: left;
}

#employernav ul li {
 color: #fff;
 height:63px;
 background: url(../images/es-home-navback.png) repeat-x scroll 0 top;
 text-align: center;
 font-size: 22px;
 line-height: 63px;
 text-shadow: #212121 2px 2px 3px;
}

#employernav ul ul li {
 background-image: none;
 text-shadow: none;
 background-color: #adaace;
 border-top: 1px solid #294459;
 height: 30px;
 line-height: 29px;
 text-align: left;
 width: 398px;
}

#employernav ul ul li a {
 text-decoration: none;
 color: #333;
 font-size: 11px;
 display: block;
 width: 338px;
 padding-left: 60px;
	font-weight: bold;
}

#employernav ul ul li a:hover {
 background-color: #c7c5e3;
}

#employernav ul li ul li.maxout a {
 color: #fff;
 font-weight: bold;
 background-color: #8481ac;
 height: 30px;
 line-height: 29px;
}

#employernav ul li ul li.maxout a:hover {
 background-color: #adaace;
}

.footer {
 color: #666;
 font-size: 10px;
 text-align: right;
 width: 800px;
 padding: 5px;
}

/* @group Subheader */

.subheader {
 height: 80px;
 display: block;
 text-align: left;
 background: url(../images/subnav-back.png) repeat-x scroll left top;
 margin-top: 13px;
 width: 810px;
}

.left img {
 disply block;
 float: none;
}

.subheader h1 {
 text-indent: -9999px;
 margin-left: 20px;
 float: left;
}

.subheader h1 a{
 height: 37px;
 width: 307px;
 display: block;
 margin-left: 0;
 margin-top:35px;
 float: left;
 background: url(../images/TCESlogo-sub.png) left top no-repeat scroll;
}

.subheader ul {
 color: #fff;
 margin-bottom: 5px;
 margin-right: 13px;
 text-align: right;
 display: inline-block;
 margin-top: 63px;
}

.subheader ul li {
 display: inline;
}

.subheader ul li a {
 color: #fff;
 text-decoration: none;
 display: inline-block;
 font-size: 12px;
}

.subheader a:hover {
 color: #fff;
 text-decoration: underline;
}

span.leftend {
 height: 80px;
 display: inline-block;
 float: left;
 background: url(../images/subnav-back-left.png) no-repeat scroll left top;
}

span.rightend {
 height: 80px;
 display: inline-block;
 float: right;
 background: url(../images/subnav-back-right.png) no-repeat scroll right top;
}

/* @end */

.contentwrap {
 background: url(../images/sub-page-back.png) repeat-y scroll left top;
 padding-left: 5px;
 padding-right: 5px;
}

.subcontent {
 display: inline-block;
 float: left;
 width: 373px;
 padding-left: 20px;
 padding-right: 15px;
}

.subcontentfaq {
 float: left;
 width: 575px;
 padding-left: 20px;
 padding-right: 20px;
}
.faqwrap {
	border-right: 1px solid maroon;
	border: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-top: 9px;
}
a.faqbutton {
	color: #075c83;
	width: 61px;
	height: 15px;
	display: block;
	float: left;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 0;
	font-size: 11px;
	text-decoration: none;
	background: url(../images/faq-button.gif) no-repeat left top;
}

a.faqbutton:hover {
	text-decoration: underline;
	color: #fff;
	background: url(../images/faq-button-over.gif) no-repeat left top;
}

.drawer {
	background-color: #eee;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 12px 10px 5px 15px;
}
.drawer a {
	color: #075c83;
}
.drawer a:hover {
	color: #333;
}

span.top {
	padding-left: 25px;
	padding-top: 4px;
	display: block;
	float: left;
}
a.topbutton {
	color: #075c83;
	height: 15px;
	display: block;
	padding-top: 2px;
	width: 30px;
	padding-left: 20px;
	background: url(../images/top-button.gif) no-repeat left top;
	font-size: 11px;
	text-decoration: none;
}

a.topbutton:hover {
	text-decoration: underline;
	color: #fff;
	background: url(../images/top-button-over.gif) no-repeat left top;
}

hr {
	margin-top: 10px;
}
.uplink {
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}
.subcontentfaq li {
	padding-bottom: 5px;
	padding-left: 25px;
}
.drawer ol li {
	padding-left: 0;
}
.subcontent ul {
 list-style-type: disc;
 list-style-position: outside;
}

.subcontent img {
 float: right;
 padding-left: 5px;
 padding-bottom: 3px;
}

h3.outreach {
            width:375px;
            float:left;
            display:inline-block;
}
img.logo {
      margin:0;
      padding: 17px 28px 0 0;
      float: right;
}

p.intro {
	color: #587992;
	font-size: 14px;
	line-height: 17px;
	border-top: 1px solid #587992;
	border-bottom: 1px solid #587992;
	padding-bottom: 7px;
	padding-top: 7px;
	margin-bottom: 15px;
}

p.textbox {
	width: 200px;
	display: inline-block;
	float: left;
	background-color: #FBF6E4;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* @group Left Navigation Styles */

#leftnav {
 width: 182px;
 float: left;
 padding-bottom: 10px;
}

#leftnav ul {
 padding: 0;
 width: 181px;
}

#leftnav a {
 display: block;
 padding-top: 8px;
 padding-bottom: 8px;
}

#taxcredit ul {
 
}

#taxcredit li {
 background: url(../images/sub-page-tcback.png) no-repeat scroll right top;
 border-top: 1px solid #695777;
 width: 180px;
}

#taxcredit p {
 margin: 0;
 padding: 12px 0 11px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 text-shadow: #333 2px 2px 3px;
 text-indent: 15px;
}

#taxcreditsub li {
 background-image: none;
 text-indent: 0;
 background-color: #93b5ce;
 border-top: 1px solid #4b6d87;
 font-weight: bold;
}

#taxcreditsub a {
 color: #323232;
 font-size: 11px;
 text-decoration: none;
 text-shadow: none;
 padding-left: 15px;
 width: 167px;
 background: url(../images/tc-navback.png) repeat-y scroll right top;
}

#taxcreditsub a:hover {
 background: #b9d5ea url(../images/tc-navback-over.png) repeat-y scroll right top;
}

#taxcreditsub a#active {
 background: #b9d5ea url(../images/tc-navback-active.png) no-repeat scroll right center;
}

#employer li {
 background: url(../images/sub-page-esback.png) no-repeat scroll right top;

}

#employer p {
 margin: 0;
 padding: 12px 0 11px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 text-shadow: #333 2px 2px 3px;
 text-indent: 15px;
}

#employersub li {
 background-image: none;
 text-indent: 0;
 background-color: #adaace;
 border-top: 1px solid #695777;
 font-weight: bold;
}

#employersub li.last {
 border-bottom: 1px solid #695777;
}

#employersub a {
 color: #323232;
 font-size: 11px;
 text-decoration: none;
 text-shadow: none;
 padding-left: 15px;
 width: 167px;
 background: url(../images/es-navback.png) repeat-y scroll right top;
}

#employersub a:hover {
 background: #d9d8e4 url(../images/es-navback-over.png) no-repeat scroll right center;
}

#employersub a#active {
 background: #d9d8e4 url(../images/es-navback-active.png) no-repeat scroll right center;
}

#outreach li {
 background: #8481ac;
}

#outreach p {
 margin: 0;
 color: #fff;
 font-size: 11px;
 text-indent: 15px;
 font-weight: bold;
 padding: 8px 0 7px;
}

#outreachsub li {
 background-image: none;
 text-indent: 0;
 background-color: #adaace;
 border-top: 1px solid #695777;
}

#outreachsub li.last {
 border-bottom: 1px solid #695777;
}

#outreachsub a {
 color: #323232;
 font-size: 11px;
 text-decoration: none;
 text-shadow: none;
 padding-left: 26px;
 width: 156px;
 background: url(../images/es-navback.png) repeat-y scroll right top;
}

#outreachsub a:hover {
 background: #d9d8e4 url(../images/es-navback-over.png) no-repeat scroll right center;
}

#outreachsub a#active {
 background: #d9d8e4 url(../images/es-navback-active.png) no-repeat scroll right center;
}


/* @end */

/* @group Sidebar styles */

.sidebar {
 background-color: #e6e6e5;
 width: 204px;
 float: right;
 border-bottom: 3px solid #cdcdcd;
 margin-bottom: 10px;
 border-left: 6px solid #cdcdcd;
 padding-bottom: 5px;
}

.sidebar ul li {
 background-color: #cdcdcd;
 font-weight: bold;
 color: #1a4668;
 padding-top: 3px;
	line-height: 23px;
}


.sidebar ul ul li {
 background-color: #e6e6e5;
 padding-left: 7px;
 font-weight: normal;
 font-style: normal;
 padding-top: 7px;
 padding-right: 7px;
 line-height: 14px;
 padding-bottom: 10px;
}

.sidebar p {
 font-size: 11px;
 color: #333;
 padding-bottom: 0;
	line-height: 14px;
}

.sidebar a {
 color: #323232;
 font-size: 11px;
 font-weight: bold;
}

.sidebar a:hover {
 text-decoration: none;
}
a.faqlink {
	color: #075c83;
	height: 15px;
	display: block;
	padding-top: 2px;
	width: 30px;
	padding-left: 20px;
	background: url(../images/faqlink.gif) no-repeat left top;
	font-size: 11px;
	text-decoration: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

a.faqlink:hover {
	text-decoration: underline;
	color: #fff;
	background: url(../images/faqlink-over.gif) no-repeat left top;
}
span.cite {
 display: block;
 font-size: 11px;
 color: #323232;
 text-align: right;
 margin: 0;
 padding: 0;
 line-height: 14px;
 font-style: italic;
 font-weight: bold;
}

span.user {
 width: 65px;
 display: inline-block;
}

span.pass {
 width: 65px;
 display: inline-block;
}

input#username {
 border: 1px solid #3c6ca0;
 background-color: #e6e6e5;
 width: 120px;
}

input#password {
 border: 1px solid #3c6ca0;
 background-color: #e6e6e5;
 width: 120px;
}

span.userclass {
 width: 64px;
 display: inline-block;
 float: left;
 height: 70px;
}

span#option1.small {
 display: inline-block;
 width: 126px;
}

span#option2.small {
 width: 125px;
 display: inline-block;
}

input.smallcool {
 width: 85px;
 display: inline-block;
}

a.button {
	background: transparent url('../images/sidebar-button-right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 35px;
	margin-right: 6px;
	padding-right: 16px;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

a.button span {
	background: transparent url('../images/sidebar-button-left.png') no-repeat; 
	display: block;
	line-height: 35px;
	padding: 0 0 5px 18px;
} 

a.button:hover span{
	text-decoration:underline;
}

.sidebar ul ul li.wotcbutton {
	height: 38px;
}


/* @end */
.subfooter {
 color: #666;
 margin: 0;
 background: url(../images/sub-bottomshadow.png) no-repeat scroll left top;
 text-align: right;
 font-size: 10px;
 padding-right: 9px;
 padding-top: 8px;
}