/* CSS Document */
/* Start of Table Template: Simple Data Table CSS*/

caption {
	font-weight: bold;
	padding: 4px;
}

.awt-data-table-border { 
	border: 1px solid black;
	color: #000; 
	margin: 0 0 8px 0;
	padding: 0;
}

.awt-data-table-border td { 
	padding: 3px 5px 3px 5px;
	font-size: .85em;
}

tr.awt-data-table-title { 
	color: #FFF;
	background-color: #000;
	text-align: left;
}
				
tr.awt-row-light { 
	background-color: #F4F4F4;
}
					
tr.awt-row-dark { 
	background-color: #E1E1E1;
}

td.awt-highlight { 
	background-color: #FC0;
}

.awt-data-table-title th { 
	padding: 3px 5px 3px 5px;
	font-size: .9em;
	font-weight: bold;
}

.awt-row-dark th, .awt-row-light th { 
	padding: 3px 5px 3px 5px;
	background-color: #000;
	font-size: .9em;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}

/* End of Table Template A CSS*/

/* Start of Custom CSS */
/* dropdown code */
/* Dropdown Button */
.dropbtn {
  background-color: #4863A0;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown-row  {
	width:auto;
	margin:0 auto;
	text-align:center;
}
.dropdown-row ul {
	text-align:left;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  padding: 0 .5rem;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}
/* End dropdown code */

/* Colors of new design 
Red = #a42918
Orange = #c55402
Green = #5f7c06
Blue = #4d7c79
Grey = #343e48
*/

header .sub-container { color:#fff; background:#343e48 url(../images/header.jpg) 0 0 no-repeat; height:90px!important; }
header { background:#343e48; background-color:#343e48; }
header h2.logo a { width:610px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#343e48; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important;}

/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }
/* */

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.searchbutton input[type=submit] { background:#5e7b04 none 0 0!important; border: 1px solid #5e7b04!important; color: #fff!important; margin:0!important; border-radius:0!important; height: 25px; position: absolute; right:3px; text-transform: uppercase; top:3px; font-size:.8em!important; line-height:1!important; }

.form-submit { background:#4f4f57 none repeat scroll 0 0!important; border: 1px solid #4f4f57!important; color: #fff!important; margin:0!important; border-radius:0!important; height: 25px; font-size:.8em!important; text-transform: uppercase; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color:#D9D9D9; }
/*nav#top-nav { height:74px; }*/
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#000!important; text-decoration:none!important; }
.sf-menu li ul li a.sf-depth-2, .sf-menu li ul li.sf-clone-parent a { color:#343e48!important; }
.sf-menu li ul li a.sf-depth-2:hover, .sf-menu li ul li.sf-clone-parent a:hover { color:#fff!important; }
.sf-menu li:hover, /*.sf-menu li.sfHover,*/ .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, .sf-menu li.sfHover ul li.sf-depth-2 a:hover { background:#36404A; color:#fff!important; }
.sf-menu a:hover, .sf-menu li.sfHover .sf-with-ul, ul.sf-menu li:hover > a, .sf-menu li.sfHover { color:#fff!important; background-color:#343e48; }

.sf-menu li.active-trail a { color:#fff!important; }
.sf-menu li { text-align:center; }
/*.sf-menu a, .sf-menu a:link { color:#475362!important; text-decoration:none!important; } */
.sf-menu li ul li a { color:#343e48!important; text-decoration:none!important; }
.sf-menu ul { border-top:5px solid #343e48; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }


/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#343e48; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#home nav .hometab.sf-with-ul::after, body#about nav .abouttab.sf-with-ul::after, body#state nav .statetab.sf-with-ul::after, body#municipal nav .municipaltab.sf-with-ul::after, body#subscribers nav .subscriberstab.sf-with-ul::after  { border-top-color:#fff!important; }

ul.sf-menu .sf-sub-indicator::after { content:''!important; position:absolute!important; top:50%!important; right:7px!important; margin-top:-3px!important; height:0!important; width:0!important; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/      border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch stretch;
/*border-top-color: #000;*/ }

ul.sf-menu .sf-sub-indicator { right:25px; }
ul.sf-menu.menu ul { margin-top:8px!important; }
ul.sf-menu .sf-sub-indicator::after a:hover {
    border-top-color:#fff!important; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
nav .hometab, nav .abouttab, nav .statetab, nav .municipaltab, nav .subscriberstab  {  display:inline-block; vertical-align:middle; line-height:40px; }

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#home nav .hometab, body#about nav .abouttab, body#state nav .statetab, body#municipal nav .municipaltab, body#subscribers nav .subscriberstab  { color:#fff; background-color:#FFF; }

/* Headline for Left Navigation */
#sectionnav h3 { color:#333; background-color:#3c3c3c; }
.sectionbanner { background-color:#f4f5f7; background: -webkit-linear-gradient(left, #f4f5f7, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f4f5f7, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #f4f5f7, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f4f5f7, white); /* Standard syntax (must be last) */ }

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#343e48; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#343e48; }
.tbstriped tbody tr.zebra td { background:#eee; }

/* Forms */
.form_item_nf { margin: 0; padding: 5px 5px 5px 10px; }
.form_title { font-size: 0.75em; margin: 0; padding: 0 0 0 2px; }
.fine_print { color: #666666; font-size: 0.75em; }
.form_input { font-size: 0.75em; margin: 0; padding: 0; }

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* Search Results page */
.pager__items { list-style:none; padding-top:20px; border-top:1px solid #ccc; }
.pager__items li { display:inline; margin-right:30px; }
.pager__items li:last-child { margin-right:0; }

.header_nav_search { width:33%!important; }
#search-block-form { clear: both; font-size: 1em; font-weight: bold; position: relative; width: 251px; height:31px; background: #fff; color: #000; float: right; }
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }

/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; background-color:#eee; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox h3, h3.sidebarheadline { color:#fff; background-color:#4e7c79; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #4e7c79; margin-left:7px; margin-right:7px; }
.sidebarbox ul { list-style:none; margin: 10px 20px; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { padding:3px 8px; }
.sidebarbox p.more { font-style:italic; }
aside .sidebarbox:first-child { margin-top:31px; }

/* buttons 
---------------------------------------------- */
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 10px auto; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em ;border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.button-black { background: #444; border: 1px solid #333; color: #fff; }
.button-black:hover { background: #6693AA; color: #fff; }
.button-black:active { background:  #555; color: #fff; }
a.button-black { color:#FFF !important; }

#criticalinfo {display: none; }

footer .footer_column .contextual-links li a { color:#000!important; } 
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}

li.active-trail a{
     background-color: #343e48!important;
  color: #ffffff!important;
}

li.active-trail ul li { background-color:#fff!important; }
li.active-trail ul li a {background-color:#fff!important; color:#000; }
li.active-trail ul li a:hover {background-color: #36404A!important; color: #fff!important; }

ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {  content:none; }

/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
nav.megamenu ul.sf-menu li ul li ul { display:block!important; }
#sectionnav ul li ul { border-top:#ddd!important; }

a.sf-depth-2.menuparent.sf-with-ul { background-color:#fff; color:#343e48!important; }
a.sf-depth-2.menuparent.sf-with-ul:hover { background-color:#343e48; color:#fff!important; }

.sf-menu li.active-trail a, .sf-menu li.active-trail ul li a:hover { color:#fff!important; }
.sf-menu li.active-trail ul li a { color:#343e48!important; }


img.align-right, article.align-right { margin-left:15px; }
img.align-left, article.align-left { margin-right:15px; }

.clear { clear:both; }

.sidebarbox h3 + img { margin-top:20px; }

.agencytable caption { font-size:.9em; font-style:italic; font-weight:bold; }

aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }


/* Homepage */

#hero { width: calc(100% + 2em); min-height: 300px; background: #333 url(../images/hero2.jpg) center center no-repeat; background-size: cover; margin: -32px 0 0 -1em; padding-top: 50px; padding-bottom: 45px; }

#hero h1 { text-align: center; margin-top:-12px; color:#fff; }
.smalltext { font-size:0.4em; }
.bigtext { font-size:1.4em; }

.home-search { width:50%; margin:0 auto; min-height:55px; border-radius:7px; background-color:rgba(0,0,0,.7); margin-bottom:40px; position:relative; }
.home-search input[type=text], .home-search input[type=search] { color:#fff; font-size:1.4em; }
.home-search .search-area { background:none; border:none; color:#ffffff !important; height:55px; outline:none; padding: 0 0 0 20px; width:87%;}
.home-search ::placeholder { color:#fff!important; opacity: 1; }
.home-search :-ms-input-placeholder { color:#fff!important; }
.home-search ::-ms-input-placeholder { color:#fff!important; }
.home-search input.search-button { background:transparent url(../images/search.png) center right no-repeat!important; position:absolute; width:30px; height:30px; border:none!important; text-indent:-9999px; top:14px; right:15px; }

#hero a { text-decoration:none!important; }

.button-row { width:93%; margin:0 auto!important; }
.flex-cell.red, .flex-cell.orange, .flex-cell.green, .flex-cell.teal { color:#fff; text-align:center; border-radius:7px; }
.flex-cell.red, .flex-cell.orange, .flex-cell.green, .flex-cell.teal { margin-right:9%; }
.flex-cell.red a, .flex-cell.orange a, .flex-cell.green a, .flex-cell.teal a, .flex-cell.red a:visited, .flex-cell.orange a:visited, .flex-cell.green a:visited, .flex-cell.teal a:visited { display:block; height:71px; padding-top:129px; }
.flex-cell.red a, .flex-cell.orange a, .flex-cell.green a, .flex-cell.teal a { color:#fff!important; }
.flex-cell.red h3, .flex-cell.orange h3, .flex-cell.green h3, .flex-cell.teal h3 { margin:0!important; padding:0!important; } 
.flex-cell.red { background:#a42918 url(../images/return.gif) center 20px no-repeat; background-size:143px; }
.flex-cell.red:hover  { background:#842114 url(../images/returnhover.gif) center 20px no-repeat; background-size:143px; }
.flex-cell.teal { background:#4d7c79 url(../images/payment.gif) center 20px no-repeat; background-size:155px; }
.flex-cell.teal:hover { background:#416b68 url("../images/paymenthover.gif") center 20px no-repeat; background-size:155px; }
.flex-cell.orange { background:#c55402 url(../images/refund.gif) center 20px no-repeat; background-size:145px; }
.flex-cell.orange:hover { background:#b24c01 url("../images/refundhover.gif") center 20px no-repeat; background-size:145px; }
.flex-cell.green { background:#5f7c06 url(../images/salextax.gif) center 20px no-repeat; background-size:145px; }
.flex-cell.green:hover { background:#536d05 url("../images/salextaxhover.gif") center 20px no-repeat; background-size:145px; }

.secondrow { margin-top:0!important; background-color: #dbdbdb; padding-top: 30px; padding-bottom: 30px; width: calc(100% + 2em); margin-left: -1em;}
.home-linkbox { border:1px solid #ccc; padding:0; box-shadow:0 0 9px rgba(102,102,102,.5); margin:0 5%!important; background-color:#fff; }
.home-linkbox:first-child { margin-left:25px!important; }
.home-linkbox:last-child { margin-right:25px!important; }
.home-linkbox h3 { text-align:center; font-weight:bold; color:#fff; background-color:#343e48; background-image:none; border-top:0; font-size:1.2em; letter-spacing:1px; padding:10px 0; margin:0 auto -16px; }
.home-linkbox ul { list-style:none; padding:0; margin-bottom:0; }
.home-linkbox li { padding:6px 0 6px 15px; border-top:1px solid #ccc; background:#fff url(../images/grey-arrow.gif) 95% center no-repeat; }
.home-linkbox li:first-child { border-top:0; }
.home-linkbox a { text-decoration:none; color:#000!important; }

.thirdrow { margin-top:30px; }
.thirdrow .twocol1big h3 { color:#c55402; text-transform:uppercase; font-size:1.5em; }
.thirdrow .twocol2small h3 { font-size:1.5em; }

ul.checkmark { list-style:none; }
ul.checkmark li { background:#fff url(../images/checkmark.gif) left 4px no-repeat; padding-left:24px; background-size:15px; margin-bottom:10px; }

.top { border-bottom: 1px solid #cccccc; padding-bottom: .8em; text-align:right; font-style:italic; clear:both; }

.pdf-viewer { clear:both; width:70%; margin:30px auto; padding:1px 10px 1px 56px; background:#fff url(../images/pdf-icon.png) 10px 20px no-repeat; border:1px solid #beb7a5; }
aside .pdf-viewer { width:auto!important; }

.highlight { border:1px solid #4d7c79; }
.highlight h3 { color:#fff; background-color:#4d7c79; display:block; margin:0; padding:2px 10px 5px; }
.highlight p { margin:1em 10px; }

.flexrow { display:flex; flex-direction:row; margin:1em 0; flex-wrap:nowrap; }
.flex-cell { flex:1 1 25%; margin-right:20px; }
.flex-cell:last-child { margin-right:0; }

.tealbox .flex-cell { border:1px solid #dedede; }
.tealbox h2, .tealbox h3 { font-size:1.2em; text-align:center; color:#fff; background-color:#4d7c79; margin:0; padding:5px; }
.tealbox h2 a, .tealbox h2 a:visited, .tealbox h3 a, .tealbox h3 a:visited { color:#fff!important; text-decoration:none!important; }
.tealbox ul { list-style:none; padding-left:0; margin-left:8px; }
.tealbox ul li { background:#fff url("../images/teal-arrow.gif") 0px 5px no-repeat; background-size:17px; padding-left:25px; margin-bottom:5px;  }
.tealbox ul li ul { list-style:disc; padding-left:10px; }
.tealbox ul li ul li { background:none; padding:0; }
.tealbox ul li ul li ul { list-style:circle; margin-left:20px; }
.tealbox p { margin-left:30px; font-style:italic; }

table.rules { width:80%; }
table.rules tr th:first-child { width:50%; }
table.rules tr th:nth-child(2) { width:10%; }
table.rules tr th:nth-child(3) { width:20%; }

.card ul.list-space, .card ol.list-space { padding-left:16px; }
.card ul.list-space { margin-right:10px; }
ul.list-space li, ol.list-space li { margin-bottom:10px; }
ul.list-space li ul li, ol.list-space li ol li { margin-bottom:inherit; }

table.interestrates th, table.interestrates td { text-align:center; }
table.formduedates { width:80%; }
table.formduedates tr:nth-child(2) th:first-child { width:25%; }
table.formduedates tr:nth-child(2) th { background-color:#516b85; }

.datatable th, .datatable td { font-size:.85em; }

#maincontent2 ul li, #maincontent3 ul li { margin-bottom:5px; }

#address, #tpadd { width:50%; }

/* Accordion */
.ui-state-default { border:none; background:none; font-weight:bold; color:#2a53a6; text-decoration:underline; cursor:pointer; }
.ui-state-default:hover { text-decoration:none; }
.ui-state-active { color:#000; }
.ui-accordion-header-icon { display:none; }
.ui-widget-content { background:none; color:#000; border:none; }
.accordion ul { list-style:none; margin-left:0; padding-left:0; }
.showhidebox .ui-accordion-header { background:#e5e5e5 url("../images/plus.gif") center right no-repeat; background-size:20px;  padding:10px 30px 10px 10px; border:1px solid #d0cec6; border-radius:3px; }

/* Cards (boxes) */

.card { border:1px solid #e0e0e0; border-radius:5px; padding-bottom:15px; }
.bt-red { border-top:5px solid #a42918; }
.bt-orange { border-top:5px solid #c55402; }
.bt-green { border-top:5px solid #5f7c06; }
.bt-teal { border-top:5px solid #4d7c79; }
.card h2, .card h3 { margin-top:15px; border-bottom:1px solid #e0e0e0; text-align:center; padding-bottom:15px; margin-bottom:15px; }
.card h2 a:link, .card h2 a:visited { color:#2a53a6!important; text-decoration:none!important; }
.card p { margin:0 15px 15px; }
.card ul { margin:auto 15px; padding-left:15px; }
.card p.more { margin-top:15px; float:left; }
.card p.more a { margin-left:15px; font-style:italic; }

fieldset { border:1px solid #4d7c79; margin-top:20px; }
legend { font-weight:bold; padding:5px 10px; background-color:#4d7c79; color:#fff; }

input[type="submit"], input[type="reset"] { font-size:1em; }
textarea#noncomp, textarea#affiliation { width:80%; }

table.bulletins tr td:first-child { text-align:center; }

/* Recruiter Box */ 
/* responsive (mobile friendly) rows and columns
    DO NOT edit the sections, groups, cols and spans, unless you know what you are doing :)
*/
form#search-box h3 { margin-top:0; }
input#search-crt, button#clear-search { float:left; margin-right:20px; }
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: .5% 0 .5% 1.3%;}
.col:first-child { margin-left: 0; }
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group { zoom:1; /* For IE 6/7 */}
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.11%;}
.span_4_of_6 {width: 66.23%}
.span_3_of_6 {width: 49.35%;}
.span_2_of_6 {width: 32.46%;}
.span_1_of_6 {width: 15.58%;}
/***************************
editable job listing styles 
****************************/
/* job listing row */
.joblisting {background: #f1f1f1;padding: 1.25%;margin-bottom: 1%}
.joblisting:hover {background:#e8f2fc;cursor: pointer; }
.joblisting h3, .joblisting p {color: #333;padding:0;margin: 0;margin-bottom: .75%}
.joblisting p {font-size: 1em}
.joblisting h3 {font-size: 1.2em;margin-bottom: .25%}
/*apply button*/
.button {display: inline-block;margin: 5px 0;padding: 10px 20px;font: 1.333em/0.094em Arial, Helvetica, sans-serif; font-size: 1.333em;line-height: 1.8;appearance: none;box-shadow: none; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border: 2px solid #fff;text-align: center; background: #305785;color: #fff !important; text-decoration: none;}
.button:hover {background: #3F6F9E;color: #fff }

th a { color:#fff!important; }
hr { border-top:1px solid #ccc; border-bottom:0; }
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media screen and (max-width:799px) {
.col {margin-top: 0;margin-left:0}
.back {text-align:center}
}	
@media screen and (max-width:799px) {
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 100%;}
.span_4_of_6 {width: 100%;}
.span_3_of_6 {width: 100%;}
.span_2_of_6 {width: 100%;}
.span_1_of_6 {width: 100%;}
}


.user-login-form input[type=submit] { line-height:1; }

.contextual-region .contextual .contextual-links a { color:#333!important; height:auto!important; }

/* End of Custom CSS */