/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
1. General
2. Navigation
3. Homepage
4. Slider
5. Content Styling
6. Footer
7. Responsive
8. Buttons
9. User Styles
*/







/* -----------------------------------------
	1. General
----------------------------------------- */


  /*-webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
*/





body, p {
	font-family: "freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size:16px;
	color:#727272;
}

img {
	max-width:100%;
	height:auto;
	width:auto;
	border:0;
}

a {
    color:#005488;

}


.notice {
	width:100%;
	padding:100px 0;
	position:fixed;
	z-index:9999;
	background:#005488;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	}

.notice a.button{
			margin:20px 0;
}

.notice span {
	padding:15px 100px;
		display:block;
}
	

.hidelabel {
		display:none;	
		}

.clearfix {zoom: 1;} /* IE < 8 */

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

div#top input {
 background: url("../images/search_bg.png") no-repeat scroll right center #F2F2F2;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #727272;
    font-family: "freight-sans-pro",sans-serif;
    font-size: 1.3em;
    font-style: italic;
    font-weight: 400;
    height: inherit;
    line-height: 1.3em;
	padding: 8px 15px;
	height:40px;	
	letter-spacing: 0.03em;
}

div#top a.button, div#top input {
	margin:55px 0;
	height:inherit;
}

div#logo {
	margin-top:23px;
	margin-left: 5px;
}



h1, h2, h3, h4, h5, h6, .button {
		font-family:inherit;

}

a img {
	border:none;
	outline:none;
	
}
	

::selection {
	background: #ffe3a7; /* Safari */
	}
::-moz-selection {
	background: #ffe3a7; /* Firefox */
}


.floatingHeader {
  position: fixed!important;
  top: 0;
  visibility: hidden;
  width:100%!important;
  left:0;
}



/* -----------------------------------------
	2. Navigation
----------------------------------------- */



ul.flyout li {
	vertical-align:bottom;
}

div#navigation ul.nav-bar{
	border-bottom:1px solid #d9d9d9;
	background:#fff;
	width:100%;
	z-index:199;
	
}

ul.nav-bar {
	background:none;
	margin: 0;
    padding: 0;
	height:40px;
	position:relative;
	z-index:5000;
}

.nav-bar > li {
	border:none;
	line-height:40px;	
	 margin: 0 5px 0 0;
    padding: 0 0 0 5px;
}

.nav-bar > li:last-child {
	border-right:none;
	margin-right:0;
	
}

.nav-bar > li > a {
	color:#005488;
}

.nav-bar > li > a:first-child {
    font-size: 17px;
	padding-left:22px;
}

.nav-bar > li > a:first-child:hover {
    color:#fff;
	background:#005488;

}

.nav-bar > li:hover {
	background:#005488;	
}

.nav-bar > li a:hover {
	background:#005488;
    color:#fff;

}

.nav-bar > li.has-flyout:hover > a:first-child {color:#feca5d;

}

.nav-bar li a#navjobs {
	background:url('../images/nav_icons_sprite.png') no-repeat left 12px;
	
}

.nav-bar > li.has-flyout:hover > a#navjobs:first-child {
	background:url('../images/nav_icons_sprite.png') no-repeat left -19px ;
}

.nav-bar li a#navunemployment {
	background:url('../images/nav_icons_sprite.png') no-repeat left -52px;
	
}

.nav-bar > li.has-flyout:hover > a#navunemployment:first-child {
	background:url('../images/nav_icons_sprite.png') no-repeat left -84px ;
}


.nav-bar li a#navemployers {
	background:url('../images/nav_icons_sprite.png') no-repeat left -115px;
	padding-left:34px;
	
}

.nav-bar > li.has-flyout:hover > a#navemployers:first-child {
	background:url('../images/nav_icons_sprite.png') no-repeat left -147px ;
}

.nav-bar li a#navinfo {
	background:url('../images/nav_icons_sprite.png') no-repeat left -179px;
	
}

.nav-bar > li.has-flyout:hover > a#navinfo:first-child {
	background:url('../images/nav_icons_sprite.png') no-repeat left -211px ;
}


.nav-bar > li.has-flyout > a:first-child:after {
      top: 20px;
	  right:7px;
	  border-color:#b2cbdb transparent transparent;
}

.nav-bar > li.has-flyout > a:first-child {
    padding-right: 22px;
    position: relative;
}



li.has-flyout:hover a{

	
}



.nav-bar > li.has-flyout > a:first-child:hover {
	color:#feca5d;
	
}

.flyout.large {
    width: 580px;
}

.flyout.right {
    right: 0;
}

ul.flyout {
	background:#055488;
	box-shadow:none;
	border: medium none;
    left: 0;
    padding: 20px;
    position: absolute;
    top:40px;
    z-index:5000;

	}
	
ul.flyout li, .nav-bar li ul li {
    border-left:0;
}

.nav-bar > li.has-flyout > a.flyout-toggle {
    padding: 20px 10px;
}

ul.nav-bar ul.subnav {
	margin: 15px 0 10px;
	display:inline-block;/* increase margin 10 to 15 and add 10px pad at bottom add */
	
}

ul.nav-bar li.has-flyout {
	display:inline;
	
}

ul.subnav li {
	display:inline;
}

ul.navmenuleft {
width:50%;	
float:right;/*change float to right*/

}

ul.nav-bar ul.subnav li a {
	background:url('../images/nav_li_bg.png') no-repeat 10px center transparent;
	box-shadow:none;
	border:none;
	font-weight:700;
	padding:12px 0 12px 28px;
	color:#fff;

	
}

ul.nav-bar ul.subnav li a:hover {
	background:url('../images/nav_li_bg.png') no-repeat 10px center transparent;
	color:#feca5d;
	
}

ul.flyout li.navfoot a{
	background:#004977;
	padding:13px;
	border:none;
	display:block;
	color:#feca5d;
	font-style:italic;
	border-top:1px solid #2173a5;

}

ul.flyout li.navfoot a:hover{
	background:#005488;
	color:#ffffff;
}




ul.nav_graphic {
	width:40%;
	margin:5%;
	float:left;
	z-index:999;
	position:relative;
	text-align:center;/* float changed right to left */
	
	
}

ul.flyout li ul.nav_graphic li {
	border:0px;	
}

.nav-bar li ul li a {
	box-shadow:none;
	
}

ul.flyout li ul.nav_graphic li a.navlink {
    background: none repeat scroll 0 0 #FECA5D;
    border: medium none;
    color: #005387;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

ul.flyout li ul.nav_graphic li a.navlink:hover {
	background: #ffffff;	
}

ul.nav_graphic img {
	border:5px solid #2173a5;
	
}

ul.nav_graphic a {
	padding:0;
	
}

ul.nav-bar {
	height:40px;	
}


li#faq {
	background:url('../images/faqs_bg.png') no-repeat right;
	float:right;
	padding-right:40px;
	
}

li#faq a {
	color:#727272;
	line-height:40px;
	font-size:1.1em;
	padding:0;
	}
	
li#faq a:hover {
		color:#005488!important;	
		background:none;

}

a#faq:hover {
}

.sticky {
	position: fixed!important;
	top:0;
	 left: 0;
}

.sticky .nav-above {
	position: absolute;
	top:-15px;
	
}

div#nav_container {
	z-index:200;
	position:relative;
	
}

div#navigation{
	z-index:201;
	position:relative;
}

.sticky #nav_container {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	height:40px;
}


.top {
display:none;
}

div#wrapper {
	margin:0px 10px;

}




/* -----------------------------------------
	3. Homepage
----------------------------------------- */

div#subfeature {
   text-align: center;

}


div#subfeature p {
	line-height:1.3em;
	margin-bottom:14px;
}

div#subfeature a {
	font-style:italic;
	text-decoration:underline;
	
}

div#subfeature h3{
	color: #005488;
    font-size: 1.2em;
	margin-bottom:4px;
}

div#subfeature img{
	border:5px solid #f2f2f2;
	
}

div.tweetholder {
	background:url('../images/MDESWINJob_twitter.png') no-repeat left center transparent;
	padding:25px 0 25px 40px;
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	margin-top:20px;
	font-style:italic;
	font-size:1.05em;
	line-height: 1.3em;
	
}

div#questionsright, div#questionsleft {
		padding:36px 160px 70px 28px;

}

div#questionsright {
	background:url('../media/12437/unemployment.jpg') no-repeat bottom right transparent;
	 float: left;
    left: 56%;
    overflow: hidden;
    position: relative;
    width: 46%;

}

div#questionsleft{
	background:url('../images/i_lost_my_job.jpg') no-repeat bottom right transparent;
	float: left;
    left: 52%;
    overflow: hidden;
    position: relative;
    width: 46%;

}



div#questions h2 {
	color:#005488;	
	font-weight:normal;
	font-size:1.5em;
}

#container2 {
    clear: left;
    float: left;
    overflow: hidden;
    width: 100%;
}

#container1 {
    float: left;
    position: relative;
    right: 50%;
    width: 100%;
	border-right:1px solid #d9d9d9;

}




/* -----------------------------------------
	4. Slider
----------------------------------------- */

/**+html a.slidelink {
	display:block;
	height:400px;	
}*/


a.slidelink {
	display:block;
	height:400px;	
}

a#slide_getting_started {
	background:url('../images/mdes_getting_started.jpg') no-repeat top;	
}

a#slide_testimonials {
	background:url('../images/mdes_testimonials.jpg') no-repeat top;	
}


div.slidetext {
    margin-left: 50px;
    max-width: 515px;
    position: absolute;
    top:10%;
    width: 10%;

}

div.slidetext p {
	
}

a.slidecta {
	background: url("../images/slidecta_bg.png") no-repeat scroll left 5px transparent;
    font-size: 0.8em;
    padding: 0 35px 0 30px;
	
	
}

div.slidetext p {
color:#727272;	
font-size:1.5em;
line-height:120%;
margin-bottom:30px;
width:100%;

}

div.slidetext {
	width:535px\9;
	
}

div.slidetext h4{
	font-size:4em;
	line-height:0.8em;
	margin-top:70px;
	color:#393939;
	margin-bottom:15px;
	font-family: "freight-sans-pro-n5","freight-sans-pro",sans-serif;
font-style: normal;
font-weight: 500;
	
}

/* Browser Resets */
.flexfader a:active,
.flexfader a:focus  {outline: none;}

/* FlexFader Necessary Styles
*********************************/ 
.flexfader {margin: 0; padding: 0;}
.flexfader .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ 
*+html .flexfader .slides > li {display:block; -webkit-backface-visibility:visible;}
.flexfader .slides img {width: 100%; display: block;}


/* FlexFader Default Theme
*********************************/
.flexfader {margin: 0; background: #fff; position: relative; zoom: 1;}
.flexfader .slides {zoom: 1;}
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ 
*+html .flexslider .slides > li {display:block; -webkit-backface-visibility:visible;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {min-height:400px; margin: 0 0 25px; background: url('../images/loading.gif') no-repeat 50% 50% #fff; position: relative; zoom: 1; border-bottom:1px solid #d9d9d9;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;display:}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 20px; height: 65px; margin:-32px 0 0; display: block; background: url('../images/bg_direction_nav.png') no-repeat top right; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: top left; right: 0; }
.flex-direction-nav .flex-prev {left:0;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
    bottom: -15px;
    float: right;
    position: absolute;
    text-align: center;
    width: 100%;
}.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 14px; height: 14px; display: block; background:url('../images/nav_button.png') #fff; cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background:url('../images/nav_button.png') #FECA5D; cursor: pointer; }
.flex-control-paging li a.flex-active { background:url('../images/nav_button.png') #005387; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

ul.slides li {
	background:#fff;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* -----------------------------------------
	5. Content Styling
----------------------------------------- */

#page_heading {
	border-bottom:1px solid #d9d9d9;
	background:url('../images/page_header_bg.png')	repeat-x bottom #f2f2f2;
}


#page_heading h1 {
	font-weight:500;
	color:#9b9b9b;
	text-shadow:0 2px 1px #fff;
	font-size:4.5em;	
	padding:20px 30px 30px 30px;
	margin:0;
	line-height:1em;
}

ul.breadcrumbs {
    background: none;
    border:none;
    border-radius:0;
	overflow: hidden;
    padding:8px;
	margin:0;
}

ul.breadcrumbs li.current a {
	color:inherit;
	
}

div#bread_share div.row {
		border-bottom:1px solid #d9d9d9;

}

div#sharing {
	width:200px;
	float:right;
}

div#sharing span {
    color: #727272;
    float: right;
    height: 100%;
    line-height: 1.5em;
    padding: 7px 5px;
}

div#sharing img {
	float:right;
	padding:7px 3px;	
}

div#fontsize {
	float: left;
}

div#fontsize span {
	 float: left;
    height: 100%;
    line-height: 1.5em;
    padding: 7px 5px;
}

.increaseFont img, .decreaseFont img{
	float:left;
	padding:11px 3px;
}

div#content {
	margin-top:30px;
	margin-bottom:68px;	
}

div#sidebar {
	margin-right:40px;
}

div#sidebar ul {
	margin-bottom:30px;
}


ul.side-nav {
    display: block;
    margin: 0;
    padding:0;
}

ul.side-nav li a {
	color:#727272;
}

ul.side-nav li a:hover {
	color:#005387;	

}

ul.side-nav li.current_page a{
	color:#005387;	
}

ul.side-nav li {
	background:url('../images/sidebar_list_bg.png') no-repeat left 16px;
	padding-left:15px;
	font-size:1.2em;	
	margin:0;
	padding:5px 0 5px 15px;
}

.bubble:after {
    border-left: 35px solid transparent;
    border-right:0;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 35px;
    content: "";
    right:10%;
    position: absolute;
    top: 100%;
}
.bubble {
    background: none repeat scroll 0 0 #F2F2F2;
    border-color: #F2F2F2;
    padding: 25px;
    position: relative;
}

div#interior_twitter p {
	margin-bottom:0;
	font-style:italic;
	line-height:1.9em;
	font-size:1em;
	color:#727272;	
}

div#page_content h2 {
	font-weight:500;
	color:#005387;	
	font-size:2em;
	margin:0;		
}

div#page_content h4 {
	color: #000000;
    font-size: 1.2em;
    font-weight: 500;
    margin:35px 0 5px 0;
	
	
}

div#page_content strong {
	color:#000;	
}

div#sidebar h2 {
	color:#000;
	font-weight:500;
	font-size:2em;
	margin-top:0px;
	
}

div#sidebar_faqs {
	margin-top:30px;
	
}

div#sidebar_faqs a {
	display:block;
	padding-bottom:10px;
	color:#727272;	
	font-size:1.2em;
}

div#sidebar a.note {
	font-style:italic;
	font-size:0.8em;
	color:#005387;	
	margin-top:15px;

}

div#sidebar_faqs a:hover {
	color:#005387;	
}

div#page_content ol.biglist {
	list-style:none inside none;
	margin-bottom:70px;
	margin-left:0!important;
	
}

div#page_content ol.biglist li{
	padding:25px 0;
	font-size:1.3em;
	color:#005387;
	font-weight:600;	
	border-bottom:1px solid #d9d9d9;
	margin-left:55px;
	line-height:1.2em;
}

.biglist_number {
background:url('../images/big_ol_bg.png') no-repeat left center transparent;
list-style-position:none;
padding:17px;
text-align:center!important;
font-family:Arial, Helvetica, sans-serif;
margin-right:10px;
margin-left:-55px;

}

table {
	background:#ccdde7;	
	border:none;
	border-left:1px solid #005387;
	border-radius:0;
}

table tbody tr:nth-child(2n) {
    background:inherit;
}

table tbody tr td {
	  background: url("../images/table_check.png") no-repeat scroll 10px 10px transparent;
    border-bottom: 1px solid #005387;
    border-right: 1px solid #005387;
    color: #005387;
    padding: 10px 10px 10px 40px;
    width: 50%;
}

table tr th, table thead tr td{
	border:none;
		background:#005387;
		color:#feca5d;
		text-align:left;
		font-weight:400;
		padding:11px;
}

hr {
    border-color: #D9d9d9;
}

div#microbar {
	margin-left:25px;
	font-size:1em;

	
}

div#microbar p{
	font-size:1.1em;
	line-height:1.2em;
}

div.widget h3 {
	color:#000;
	font-weight:500;
	font-size:1.1em;
	margin:0 0 10px 0;
}

div.widget {
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	background:#f2f2f2;
	padding:23px 18px;	
	margin-bottom:20px;
}

div#microbar a.button {
	width:100%;
	padding:5px;	
}

div#microbar ol {
	color:#000;
	
}

div#microbar ol li{
	line-height:1em;
	margin-top:12px;
	padding: 10px 0;
}

.introbg {
	background:#f2f2f2;
	padding:40px 25px;
	border-bottom:1px solid #d9d9d9;
}

.topintro {
	background:url('../images/introbg.png') no-repeat top center #f2f2f2;	
	padding-top:65px;
}

.introbg img {
	border:5px solid #d9d9d9;
	
}

#sectionintro {
	margin-bottom:60px;	
	display:none;
}

.search div#page_content p {
	margin-bottom:40px;
	
}

.searchhighlight {
	color:#005488;
}

div#contentsearch {
		margin:30px 0;

}

div#contentsearch input{
	background:#f2f2f2;
	border:none;
	border-radius:0;	 
	box-shadow:none;
    color: #9b9b9b;
    font-family: "freight-sans-pro",sans-serif;
    font-size: 1.3em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.3em;
    padding: 8px 15px;
	height:40px;
}

.search h3 {
	font-weight:500;
	margin-bottom:5px;	
}

.pagination {
	display:block;
	margin:30px 0;
}

a.pagelink {
	border:1px solid #f2f2f2;
    font-weight: bold;
    height: 17px;
    margin-right: 3px;
    padding: 5px 12px;
    text-align: center;
    width: 24px;	
}

a.pagelink:hover {
	background:#005488;
	color:#fff;	
}

a.pagelink.currentresult {
	color:#2795B6;	
}

.pagination p {
}

.pagination h4 {
}

.lastpage {
	float:right;	
}

.firstpage {
	float:left;	
}

.sidebar_banner img{
	border:1px solid #d9d9d9;	
}

a.linkexternal, p.linkexternal, div.linkexternal, span.linkexternal {
	background: url('../images/link_bg.png') no-repeat left;	
	padding-left: 25px;
}

 
a.linkpdf, p.linkpdf, div.linkpdf, span.linkpdf {
	background: url('../images/link_pdf.png') no-repeat left;	
	padding-left: 25px;
	line-height: 25px;
}

a.linkword, p.linkword, div.linkword, span.linkword {
	background: url('../images/link_word.png') no-repeat left;	
	padding-left: 25px;
	line-height: 25px;
}

a.link_info, p.link_info, div.link_info, span.link_info {
	background: url('../images/link_info_bg.png') no-repeat left;
	padding-left: 25px;
	line-height: 25px;
}

.panel {
		background:url("../images/page_header_bg.png") repeat-x scroll center bottom #F2F2F2;
		border-left:0;
		border-right:0;
		color:#005387;
	}

div#page_content ol {
	list-style-position:outside;
}

div#page_content ul {
	list-style-position:outside;
}

ul.breadcrumbs li a, ul.breadcrumbs li span {
	padding-left:6px;
}

ul.breadcrumbs li {
	padding-right:6px;	
}


.fancylist {
    background: url("../images/page_header_bg.png") repeat-x scroll center bottom #F2F2F2;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    color: #005387;
    padding: 10px 25px 10px 35px;
}

.fancylist li {
	font-size: 1.2em;
    padding: 11px 0;
	}

div#page_content ol {
	margin-left:17px;
}

div#page_content ol li {
    font-size: 1.1em;
    margin-bottom: 15px;
}

.blacktext {
	color:#000000;
	}

table.winlocations {
	background:#fff;
	border: none;
	border-top: 4px solid #005387;
}

table.winlocations p {
	font-size: 1em;
}

table.winlocations td {
	background: url('../images/wintable_bg.png') repeat-x bottom;
	padding: 25px 5px 10px 0;
	border: none;
	width: 33.33%;
}

.wintable_headline {
	font-size: 1.1em;
	color: #000;
}




#faqs_buttons {
    text-align: center;
}

#jumplinks ul {
	list-style: none;
}

#jumplinks {
	margin-left: 20px;
}

.faqstop {
	background: url('../images/faqs_arrow.png') no-repeat right transparent;
	padding-right: 25px;
	line-height: 1.5em;
}

.faqs_group {
	border-top: 1px solid #d9d9d9;
	padding: 35px 20px;
}

#faqs_buttons a.button {
    font-size: 1em;
    width: 18%;
}
#faqs_buttons a {
    margin: 0 1%;
}

.scrolltotop {
	float: right;
}

div#google_translate_element {
	float: right;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 5000;

 }

a.goog-te-menu-value {
  color:#4fabe8!important;
  
}

a.goog-te-menu-value span{
  border:none!important;
  color:#727272!important;
  font-family:'Source Sans Pro',sans-serif!important;
  
  
}

div.goog-te-gadget-simple {
  background:none;
  color:#fff;
  border:none;
  font-size:12px;
}

div.goog-te-gadget-simple img {
  display:none;
  
}

div#page_content .fancylist strong, div#page_content .fancylist b {
	color:#005488;
	}

span.panel {
	display:block;	
}

ul.basiclist {
	font-size:16px;
}

ul.basiclist li{
	background: url("../images/sidebar_list_bg.png") no-repeat scroll left 12px transparent;
    margin: 0;
    padding: 0 0 0 15px;
	font-size:1em;
	list-style:none;
}

div#sidebar_faqs ul.basiclist {
	font-size:0.9em;	
}

div#page_content div.winspace {
	padding-right:20px;
}


.wincounty {
	font-size:1.2em;
	margin:0;
	font-weight:bold;
	color:#005488;
}

table td a {
	color:#2795B6;
}

h2.intro_search_line {
	text-align:center;
	color:#005488;
	font-size:1.5em;
	padding: 75px 15% 0;
}

table.nocheck tbody tr td {
	background-image:none;
	padding:10px;
}

div.search div#sidebar_faqs {
	margin-top:0;
}

div.search div#page_content h4 {
	margin-top:5px;
}

.panel a {
		color:#2795B6;
	}

h1.newstitle {
	color: #005387;
    font-size: 2em;
    font-weight: 500;
    margin: 0 0 15px 0;
}

h4.recentlinks {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 3px;
}

p.news_summary {
    margin-bottom: 43px;
}

h2.news_top_headline {
   color: #9b9b9b;
    font-size: 5em;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    padding: 20px 30px 30px;
    text-shadow: 0 2px 1px #FFFFFF;	
}

div#page_content h2.faqs_intro {
    margin: 0 0 20px 10px;
    text-align: left;
}


/* -----------------------------------------
	6. Footer
----------------------------------------- */

div#footer {
	color:#727272;
}

div#footer a:hover{
	color:#005488;
}

div#footer h3 {
	color:#005488;
	font-size: 1.6em;
    margin-bottom: 0;
    margin-top: 50px;
    text-align: center;
}

div#footer div.three p {
	margin:0;
	text-align:center;
}
div#footer a {
	text-decoration:underline;	
	color:#727272;

}

div#footerbase {
	padding:47px 0;
	
}

div#footerbaselinks {
	float:right;
	text-align:right;
	
}

div#footerbase a{
	margin-left:17px;
	
}

img#mdesseal {
	float:left;
	display:block;
	margin-right:38px;

	
}

div#footernav ul {
    list-style-position: outside;
    margin-bottom: 45px;
    padding-right: 10px;
}

div#footernav ul li {
    margin-left: 15px;
	
}

div#footernav {
		border-top:1px solid #d9d9d9;
		color:#feca5d;
		padding:40px 0 20px 0;
}

div#sealdisclaimer {
	border-bottom:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	padding:25px 0;
}

div#sealdisclaimer p {
	font-style:italic;
	font-size:1.1em;
	line-height:1.25em;
	margin-top:37px;
}

div#footer li.footernav_parent {
	background:url("../images/nav_icons_sprite.png") no-repeat scroll left -250px transparent;
	font-weight:bold;
	list-style:none;
	padding-left:25px;
	font-size:1.1em;
	margin:0 0 10px 0;
}

div#footer li#fn_unemplyoment {
	background:url("../images/nav_icons_sprite.png") no-repeat scroll left -314px transparent;	
}

div#footer li#fn_employers {
	background:url("../images/nav_icons_sprite.png") no-repeat scroll left -378px transparent;
	padding-left:37px;	
}

div#footer li#fn_info {
	background:url("../images/nav_icons_sprite.png") no-repeat scroll left -442px transparent;	
}


div#footer li.footernav_parent a {
	text-decoration:none;
	color:#727272;

}

p.scrolltotop {
	display:none;
	
}

/* -----------------------------------------
	7. Responsive
----------------------------------------- */
@media only screen and (max-width: 1079px) and (min-width: 768px) { 

	div#fontsize {
		display:none!important;
	}

	div#logo img{
		width:90%;
		margin-top:20px;
			
	}	
	
.row {
	min-width:0;
		}	

li#faq {
    bottom: 0;
    position: fixed;
    right: 0px;
	background:#005387;
	padding:0;
}

li#faq a {
	color:#fff;
	padding:7px;
	line-height:1em;	
}

li#faq a:hover {
	color:#FECA5D!important;
}

#faqs_buttons a.button {
    font-size: 0.8em;
}


div#footer li.footernav_parent {
    font-size: 0.9em;
	padding-bottom: 10px;
    padding-left: 25px;
    padding-top: 4px;
	
}


#footerbase div {
    font-size: 0.9em;
}


}



@media only screen and (min-width: 960px) { 

.row {width:960px; }


}




@media only screen and (max-width: 767px) {
div#logo {
    margin: 40px 0;
    text-align: center;
}

		
div#wrapper {
	margin:0px;

}


div#questionsright, div#questionsleft {
		padding:36px 160px 70px 28px;

}

div#questionsright {
	background:url('../media/12437/unemployment.jpg') no-repeat bottom right transparent;
	 float: left;
    left:0;
    overflow: hidden;
    position: relative;
    width:100%;

}

div#questionsleft{
	background:url('../images/i_lost_my_job.jpg') no-repeat bottom right transparent;
	float: left;
    left: 0;
    overflow: hidden;
    position: relative;
    width:100%;

}




#container1 {
    float: left;
    position: relative;
    right: 0;
    width: 100%;
	border-right:1px solid #d9d9d9;

}

#container2 {
	border-top:1px solid #d9d9d9;	
}

.button {
    margin-right: 40px;
	
}


div.tweetholder {
    background: url("../images/MDESWINJob_twitter.png") no-repeat scroll bottom center transparent;
    margin-top: 20px;
    padding: 25px 30px 40px 30px;
	margin-bottom:20px;
	border-bottom:none;
	text-align:center;
}


div#footernav ul {
    margin-left: 30px;
}

div#subfeature {
    margin: 0 30px;
}

img#mdesseal {
    float: none;
    left: 50%;
    margin-left: -76px;
    margin-right:0;
    position: relative;
		
}


div#sealdisclaimer div.row {
	margin:0 30px 20px 30px;
	text-align:center;
	
}

div#footerbase {
	margin:0 30px;
	text-align:center;	
}


div#footerbaselinks {
    float: none;
	text-align:center;
}

div#footerbase a {
    display: block;
    margin: 20px;
}

p.scrolltotop {
	display:block;
	float:none;
}

p.scrolltotop img{
	margin-top:35px;
}

ul.nav-bar li.has-flyout a {
	
	
	
}

div#navigation ul.nav-bar{
	width:inherit;
	top:0!important;
}

.nav-bar li a#navjobs, .nav-bar li a#navunemployment, .nav-bar li a#navemployers, .nav-bar li a#navinfo  {
	background:#005488;
	color:#fff;
	border-bottom:1px solid #33759f;
	padding:18px 0 18px 70px;
	line-height:1em;
	font-size:1.6em;
	
}


.nav-bar li a#navjobs {background:url('../images/mobile_nav_jobs.png') no-repeat bottom left #005488;}
.nav-bar li a#navunemployment {background:url('../images/mobile_nav_unemployment.png') no-repeat bottom left #005488;}
.nav-bar li a#navemployers {background:url('../images/mobile_nav_employers.png') no-repeat bottom left #005488;}
.nav-bar li a#navinfo {background:url('../images/mobile_nav_info.png') no-repeat bottom left #005488;}

.nav-bar > li {
margin:0;
padding:0;	
}


#searchtop {
	display:none;	
}


ul.nav_graphic {
	display:none;	
}

.nav-bar > li.has-flyout > a:first-child:after {
    right: 15px;
    top: 30px;
}



li#faq a{
    background:none;
    color: #727272;
    float: right;
    font-size: 1.1em;
    line-height: 40px;
    margin:20px 0;
    padding-right: 50px;
    position: relative;
	width:100%;    
	text-align:center;
	display:block;

}

#featuredContent {
    min-height: 330px !important;
}

a.slidecta {
	display:inline-block;
}

ul.orbit-bullets {
    margin-left: 0!important;
    margin-right: 50%;
    right: -35px;
}

div.orbit-wrapper div#featuredContent h4 {
    margin-top: 0px;
}

div.slidecopy {
    margin: 0 35px;
	text-align:center;
}

div#container1 {
	border-right:none;	
}

div#subfeature div.columns {
	padding:0;	
}

div.home_subfeature_graphic {
	margin-top:25px;	
}

div.orbit-wrapper div#featuredContent h4 {
	font-size:3.5em;	
}

#page_heading {
	text-align:center;
}

ul.breadcrumbs {
	text-align:center;	
}

ul.breadcrumbs li {
    display: inline;
    float: none;
}

div#sharing {
    float: none;
    text-align: center;
	width: 100%;
}

div#sharing span {
    display: block;
    float: none;
}

div#sharing img {
    float: none;
	margin-bottom:20px;
}

a#print_page {
	display:none;	
}

div#content {
    margin: 30px;
}

div#microbar {
    margin-left:0;
}

div#sidebar {
    margin-right: 0;
}

.sticky {
	position: relative!important;
	top: -50px;
}

ol.biglist li span {
    background: url("../images/big_ol_bg.png") no-repeat scroll center top transparent;
    display: block;
    line-height: 1em;
    margin: 0 0 20px;
    padding: 12px 21px;
    text-align: center !important;
}

ol.biglist li {
	text-align:center;	
}

div#sequence {
	border-top:1px solid #d9d9d9;	
}

img.next, img.prev {
	display:none!important;	
}

img.featuregraphic {
	right:0;
	
}

h4.title {
	font-size:2em;
	margin-top:90px;
	
}

div.subtitle {
    float:none;
	width:55%;
}

div.subtitle p {
    font-size: 1.1em;
}

a.slidecta {
	display:block;
	margin-bottom:10px;	
}

.subtitle.animate-in, .title.animate-in {
    left: 3%;
}


.flex-control-nav {
    text-align: center;
}


div.slidetext {
    margin:0 ;
	top:10px;
	position:relative;
	width:100%;
  
}

div#feature_slider {
	margin:0 30px;
	
}

.flexslider {
    padding-bottom: 20px;
	min-height:inherit;

}



div.slidetext h4 {
margin-top:0;	
font-size:2em;
}

a.slidecta {
     padding: 0 0 0 30px;
}

a.slidelink {
   background: none repeat scroll 0 0 transparent !important;
    display: block;
    height: auto;
	margin-bottom:20px;
}


ul.flyout {
      position: relative;
	  top:0;
}

li.has-flyout a:hover {
	background:#333;
	
}

a.mobiletoggle {
}

.nav-bar > li.has-flyout:hover > a#navjobs:first-child {
	background:url('../images/mobile_nav_jobs.png') no-repeat bottom left #00629e ;
}

.nav-bar > li.has-flyout:hover > a#navunemployment:first-child {
	background:url('../images/mobile_nav_unemployment.png') no-repeat bottom left #00629e ;
}

.nav-bar > li.has-flyout:hover > a#navemployers:first-child {
	background:url('../images/mobile_nav_employers.png') no-repeat bottom left #00629e ;
}

.nav-bar > li.has-flyout:hover > a#navinfo:first-child {
	background:url('../images/mobile_nav_info.png') no-repeat bottom left #00629e ;
}

ul.navmenuleft {
    width:100%;
}

ul.flyout {
	margin-bottom:20px!important;	
}
	

div#nav_container {
	position:relative!important;
	
}

.introbg img {
    margin-bottom: 20px;
}
.introbg {
    padding: 30px 10px;
}

.topintro {
    padding-top: 45px;
}

div.introbg .button {
	width:100%;	
}

ul.flex-direction-nav {
	display:none;
	
}

div#page_content ol.biglist li {
	margin-left:0;	
}

table a.link_info {
    background: url("../images/link_info_bg.png") no-repeat scroll center top transparent;
    display: block;
    line-height: 25px;
    margin-top: 15px;
    padding-left: 0;
    padding-top: 17px;
    text-align: center;
}


#jumplinks a.link_info {
    background: url("../images/link_info_bg.png") no-repeat scroll 0 0 transparent;
    line-height: 1.2em;
    margin: 10px 0;
    padding: 0 0 0 25px;
    text-align: left;
}

#faqs_buttons a.button {
    width: 100%;
    margin: 10px 0;
}

div#google_translate_element {
	display: none!important;
}

.wincounty {
      margin: 0 0 5px;
}

.wintable_headline {
    line-height: 1em;
}

div#fontsize {
    display: none;
}

div#footernav{
	display:none;
}

#page_heading h1 {
    font-size: 2.5em;
}

	}

/* -----------------------------------------
	8. Buttons
----------------------------------------- */
.button {
	border:none;
	background:#feca5d;
	color:#005488;
	text-transform:uppercase;
	font-weight:500;
	font-size:1.3em;
	line-height:1.3em;
	border-radius:none;
	box-shadow:none;
	padding:8px 15px;
	
	
}
.button:hover {
    background-color: #005488;
    color: #feca5d;
}

.buttonLink a {
	border:none;
	background:#feca5d;
	color:#005488;
	text-transform:uppercase;
	font-weight:500;
	font-size:1.3em;
	line-height:1.3em;
	border-radius:none;
	box-shadow:none;
	padding:8px 15px;
	
	
}
.buttonLink a:hover {
    background-color: #005488;
    color: #feca5d;
}


div#microbar p.button{
	padding: 5px;
    width: 100%;
}

div#microbar p.button a{
	width:100%;
	display:block;
}

div#microbar p.button a:hover{
    color: #feca5d;
}

 

/* -----------------------------------------
	9. User Styles
----------------------------------------- */


h1.large_black_headline {
 	color: #393939;
    font-family: "freight-sans-pro-n5","freight-sans-pro",sans-serif;
    font-size: 4em;
    font-style: normal;
    font-weight: 500;
    line-height: 0.8em;
    margin:25px 0;
	text-align:center;
}

h3.medium_blue_headline {
    font-family: "freight-sans-pro-n5","freight-sans-pro",sans-serif;
	color:#005488;
	font-weight:500;
	margin-top:0;
	line-height:1em;	
}













































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h4 {

}

.blacktext {

}

.linkexternal {

}

.link_info {

}

.linkpdf {

}

.linkword {

}

.button {

}

.panel {

}

p {

}

#sidebar_faqs {

}

.basiclist {

}

.fancylist {

}

.biglist {

}

.biglist_number {

}

widgetbutton {

}

.note {

}

.wincounty {

}

.winlocations {

}

.wintable_headline {

}

.nocheck {

}

h3 {

}

h2 {

}

.bubble {

}

h1 {

}

h3 {

}

