@charset "utf-8";
/* CSS Document */


/* ------- sprites ------- */
#searchbtn{ width:26px; height:26px; background:url(/include/img/sprites/search.png) no-repeat center top;}
#searchbtn:hover{ background-position:center bottom;}

#ohiogovlogo{ width:100px; height:40px; background:url(/include/img/sprites/ohiogov.png) no-repeat center top;}
#ohiogovlogo:hover{ background-position:center bottom;}

#mobile_menuBTN{ width:25px; height:25px; background:url(/include/img/sprites/mobile_icons_lrg.png) no-repeat right top; background-size: 200% 200%;}
#mobile_homeBTN{ width:25px; height:25px; background:url(/include/img/sprites/mobile_icons_lrg.png) no-repeat left top; background-size: 200% 200%;}
#mobile_searchBTN{ width:25px; height:25px; background:url(/include/img/sprites/mobile_icons_lrg.png) no-repeat right bottom; background-size: 200% 200%;}
#mobile_contactBTN{ width:25px; height:25px; background:url(/include/img/sprites/mobile_icons_lrg.png) no-repeat left bottom; background-size: 200% 200%;}

/* ------- dynamic sizes ------- */
 @media only screen and (min-width : 1000px) {
#obmlogo{ width:450px; height:110px; background:url(/include/img/sprites/header_logo.png) no-repeat center top;}
#obmlogo:hover{ background-position:center bottom;}

#screen_mobile-header { display: none; }
#screen_mobile-footer { display: none; }
#menu-left { float: left; width: 200px; }
#header { width: 1000px; }
#content-right { float: right; width: 775px; }
#wrapper { width: 1000px; }
.submenu-left ul { width: 200px; }
}
 @media only screen and (max-width : 999px) {
#screen_mobile-footer { margin-top:25px; }
}
 @media only screen and (min-width : 600px) and (max-width : 999px) {
#obmlogo { width: 450px; height: 110px; background:url(/include/img/sprites/header_logo.png) no-repeat center top;}
#screen_comp-footer { display: none; }
#topmenu { display: none; }
#header { width: auto; }
#breadcrumbs { display: none; }
#printthis { display: none; }
#wrapper { width: auto; padding: 10px; }
#menu-left { float: left; width: 200px; margin-right: 25px; margin-bottom: 25px; }
#menu-left { display: none;}
#content-right { width: auto; }
#wrapper { width: auto; }
.submenu-left ul { width: 200px; }
}
 @media only screen and (min-width : 600px) and (max-width : 850px) and (orientation: portrait) {
#ohiogov { display: none; }
}
 @media only screen and (min-width : 600px) and (max-width : 850px) and (orientation: landscape) {
#ohiogov { display: none; }
}
 @media only screen and (max-width: 599px) and (orientation: landscape) {
#obmlogo { width: 450px; height: 110px; background:url(/include/img/sprites/header_logo.png) no-repeat center top;}
#screen_comp-footer { display: none; }
#topmenu { display: none; }
#header { width: auto; }
#ohiogov { display: none; }
#breadcrumbs { display: none; }
#printthis { display: none; }
#wrapper { width: auto; padding: 10px; }
#menu-left { float: left; width: 200px; margin-right: 25px; margin-bottom: 25px; }
#menu-left { display: none;}
#content-right { width: auto; }
#wrapper { width: auto; }
.submenu-left ul { width: 200px; }
}
 @media only screen and (max-width: 599px) and (orientation: portrait) {
#header { width: auto; }
#ohiogov { display: none; }
#obmlogo { width: 300px; height: 71px; background:url(/include/img-mobile/mobile_header_logo.png);}
#headerbg{ height: 90px;}
#screen_comp-footer { display: none; }
#mobile_header-bar { display: block; }
#menu-wrapper { display: none; }
#breadcrumbs { display: none; }
#printthis { display: none; }
#wrapper { width: auto; padding: 10px; }
#content-right { width: auto; }
.submenu-left ul { width: auto; }
.submenu-left ul li { display: inline; float: left; margin: 2px; }
#menu-left { display: none;}
}
/* ------- mobile menu ------- */
/* ------- mobile menu ------- */
#mobile_menu-wrap { background-color: #00305c; background-image: url(http://obm.ohio.gov/include/img/noise.png); }
#mobile_menu { margin: 0px; margin-left: auto; margin-right: auto; font-family: Arial, Helvetica, sans-serif; }
#mobile_menu a { display: block; padding: 3px; }
#mobile_menu ul li ul li .mobilelink { padding-left: 35px; background-color: #999; background-image: url(http://obm.ohio.gov/include/img/noise.png); margin-top: 0px; }
#mobile_menu ul li ul li ul li .mobilelink { padding-left: 70px; background-color: #777; background-image: url(http://obm.ohio.gov/include/img/noise.png); margin-top: 0px; }
#mobile_menu .mobilelink:link { color: #FFF; display: block; text-decoration: none; }
#mobile_menu .mobilelink:active { color: #FFF; display: block; text-decoration: none; }
#mobile_menu .mobilelink:visited { color: #FFF; display: block; text-decoration: none; }
#mobile_menu a:hover { color: #FFF; display: block; background-color: #3c6791; background-image: url(http://obm.ohio.gov/include/img/noise.png); text-decoration: underline; font-weight: bold; }
#mobile_menu .mobilelink:hover { color: #FFF; display: block; background-color: #3c6791; background-image: url(http://obm.ohio.gov/include/img/noise.png); text-decoration: underline; font-weight: bold; }
#mobile_menu ul { margin-top: 0px; margin-left: 0; margin-right: 0px; padding: 0; }
#mobile_menu ul li { font-weight: bold; list-style: none; }
#mobile_menu ul li ul li { font-weight: normal; }
.expand_link { float: right; margin-top: 3px; margin-right: 3px; padding: 0px; width: 40px; text-align: center; border-radius: 5px; font-size: 14px; background-color: #ffffff; color: #00305c; }
.expand_link:link { color: #00305c; }
.expand_link:visited { color: #00305c; }
.expand_link:active { color: #00305c; }
.expand_link-sub { float: right; margin-top: 3px; margin-right: 3px; padding: 0px; width: 40px; text-align: center; border-radius: 5px; font-size: 14px; background-color: #ffffff; color: #00305c; }
.expand_link-sub:link { background-color: #ffffff; color: #00305c; }
.expand_link-sub:visited { background-color: #ffffff; color: #00305c; }
.expand_link-sub:active { background-color: #ffffff; color: #00305c; }
.closeall_link { float: right; padding: 0PX; color: #fff; }
.closeall_link:link { color: #ffffff; }
.closeall_link:visited { color: #ffffff; }
.closeall_link:active { color: #ffffff; }
.expandall_link { width: 120px; color: #fff; }
.expandall_link:link { color: #ffffff; }
.expandall_link:visited { color: #ffffff; }
.expandall_link:active { color: #ffffff; }
#mobile_menu ul li ul { display: none; }
#mobile_menu ul li ul li ul { display: none; }
#mobile_dropdown { display: none; }
/* ------- general ------- */
/* ------- general ------- */
body { z-index: 0; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; background-color: #fff; /*background-image: url(img/noise.png);*/
background-repeat: repeat; }
th { text-align: center; }
#topbar { width: 100%; height: 4px; background-color: #00305c; }
#wrapper-wide { background-color: #FFF; width: 100%; text-align: center; }
#wrapper { background-color: #FFF; margin: auto; text-align: left; }
.offscreen { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* ------- formating ------- */
h1 { color: #700017; font-family: Arial; text-transform: uppercase; text-align: left; margin-top: 0px; font-size: 26px; }
h2 { color: #657792; font-family: Arial; font-size: 20px; }
h3 { color: #C48797; font-family: Arial; font-size: 18px; }
h4 { color: #890F30; font-family: Arial; font-size: 16px; }
h5 { color: #000000; font-family: Arial; font-size: 14px; }
p { font-family: Arial; }
.dash { list-style-image: url(img/dash.png); }
/* ------- header ------- */
#headerbg { text-align: center; background-repeat: repeat-x; background-color: #fff; background-position: center center; }
#header { margin: auto; height: 120px; vertical-align: middle; background-color: #fff; background-image: url(http://obm.ohio.gov/include/img/header_bg.png); background-position: center center; }
#logo { padding-top: 10px; margin-top: 0px; text-align: left;/*margin-right: auto;*/ }
#search { padding: 0px; float: right; margin-top: 10px; text-align: right;/*margin-right: auto;*/ }
#ohiogov { height: 40px; width: 350px; float: right; background-color: #eee; border-top-width: 4px; border-top-style: solid; border-top-color: #00305c; }
/* ------- footer styles ------- */
#footer { background-color: #00305c; height: 60px; width: 1000px; margin-left: auto; margin-right: auto; text-align: left; box-shadow: 0px -5px 10px #aaa; }
.footertitle { color: #fff; text-align: right; 
font-size: 18px; }
.footerlink { color: #fff; font-weight: bold; padding-left: 10px; }
.footertext { font-size: 12px; color: #CCC; }
#footer-wrapper { text-align: center; height: 60px; width: 100%; padding-top: 0px; background-position: bottom; background-repeat: repeat-x; margin-top: 50px; }
/* ------- link styles ------- */
a:link { color: #3C6791; border: 0px; text-decoration: none; }
a:visited { color: #00305C; border: 0px; text-decoration: none; }
a:hover { color: #A1A1A1; border: 0px; text-decoration: underline; }
a:active { color: #3C6791; border: 0px; text-decoration: none; }
a.menu:link { color: #fff; text-decoration: none; }
a.menu:visited { color: #fff; text-decoration: none; }
a.menu:hover { color: #aaa; text-decoration: underline; }
a.menu:active { color: #fff; text-decoration: none; }

.btn { width: 180px; height: 20px; padding: 10px; text-align: center; background:url(/include/img/sprites/btn.png) left top;}
.btn:hover { background-position:left bottom;}

.btn-250 { width: 230px; height: 20px; padding: 10px; text-align: center; background:url(/include/img/sprites/btn-250.png) left top;}
.btn-250:hover { background-position:left bottom; }

a.btn-link { width: 200px; height: 40px; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; display: inline-block; margin-right: 10px; margin-bottom: 10px; }
/* index - colors */
a.blue { background:url(/include/img/sprites/menu-btn.png) left top;}
a.blue:hover{ background-position:left bottom;}
a.red { background:url(/include/img/sprites/menu-btn-red.png) left top;}
a.red:hover{ background-position:left bottom;}
a.gray { background:url(/include/img/sprites/menu-btn-gray.png) left top;}
a.gray:hover{ background-position:left bottom;}


#firstpane p.menu_head{background:url(/include/img/sprites/menu-btn_down-arrow.png) right top;}
#firstpane p.menu_head:hover{background-position:right bottom;}

#firstpane p.menu_head_wlink{background:url(/include/img/sprites/menu-btn.png) left top;}
#firstpane p.menu_head_wlink:hover{background-position:left bottom;}
/*
a.gray { background-image: url(img/menu-btn-gray.png) }
a.gray:hover { background-image: url(img/menu-btn-gray_over.png) }
a.red { background-image: url(img/menu-btn-red.png) }
a.red:hover { background-image: url(img/menu-btn-red_over.png) }
a.blue { background-image: url(img/menu-btn.png) }
a.blue:hover { background-image: url(img/menu-btn_over.png) }
*/

/* home menu-short */
.submenu-home { list-style: none; }
.submenu-home ul li { }
.submenu-home ul { margin: 0; padding: 0; width: 200px; list-style-type: none; }
.submenu-home ul li a, .submenu-home ul li .current, .submenu-home ul li a:visited { text-decoration: none; margin-top: 2px; color: white; padding: 10.5px 11px; background-color: #00305c; display: block; }
.submenu-left li a:hover { color: white; background-color: #00539D; }
/* left menu-short */
.submenu-left { list-style: none; }
.submenu-left ul li { background-image: url(img/menu-btn.png) }
.submenu-left ul { margin: 0; padding: 0; list-style-type: none; }
.submenu-left ul li a, .submenu-left ul li .current { background-color: #00305c; }
.submenu-left ul li a, .submenu-left ul li .current, .submenu-left ul li a:visited { text-decoration: none; margin-top: 2px; color: white; padding: 10.5px 11px; background-image: url(img/menu-btn.png); display: block; }
.submenu-left li a:hover { color: white; background-color: #00539D; background-image: url(img/menu-btn_over.png); }
/* left menu-long */
.menu_list { width: 200px; }
.menu_head { margin: 2px 0px 2px 0px;  cursor:default; position: relative; font-weight: bold; font-family: Arial; font-size: 12px; color: white; text-align: left; background: #FFFFFF url(img/menu-btn_up.png) center right no-repeat; }
.menu_head_wlink { margin: 2px 0px 2px 0px;  cursor: default; position: relative; font-weight: bold; font-family: Arial; font-size: 12px; color: white; text-align: left; background: #FFFFFF url(img/menu-btn.png) center right no-repeat; }
.menu_head a { color: white; text-decoration: none; padding: 10px 10px; display:block;}
.menu_head_wlink a { color: white; text-decoration: none; padding: 10px 10px; display:block;}
.menu_body { display: none; text-align: left; }
.menu_body a { text-decoration: none; display: block; color: black; background-color: #EFEFEF; padding: 10px 10px; font-weight: bold; font-family: Arial; font-size: 12px; text-align: left; }
.menu_body a:hover { background-color: #A1A1A1; }
/* ------- menubar styles ------- */
#menu-wrapper { width: 100%; height: 30px; text-align: center;}
#topmenu { width: 1000px; margin-left: auto; margin-right: auto;}
/* ------- Left Right ------- */
#clearfloats { clear: both; }
/* ------- Print --------*/
#printthis { text-align: right; z-index: 0; height: 20px; width: 990px; margin-right: 10px; margin-top: 5px; margin-bottom: 25px; }
/* ------- Breadcrumbs --------*/
#breadcrumbs { float: left; text-align: left; z-index: 0; height: 20px; margin-left: 10px; margin-top: 0px; color: #999; }
/* ------- homepage ------- */
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
#notice { display: none; }
.indextitles { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333; padding-bottom: 5px; padding-top: 10px; margin-bottom: 5px; border-bottom: #333 dotted 1px; }
/* ------- MFR ------- */
#emailmfr { width: 440px; background-color: #fff; border: #000 2px solid; }
/* ------- conrolling board ------- */
#loginecb { width: 300px; background-color: #fff; border: #000 2px solid; float: left; }
#ecb-search { width: 475px; background-color: #fff; border: #000 2px solid; }
#emailecb { width: 440px; background-color: #fff; border: #000 2px solid; float: right; }
.round {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
/* ------- tables ------- */
.box-header { background-color: #00305c; color: #FFFFFF; text-align: left; height: 20px; margin-top: 20px; margin-bottom: 3px; padding-top: 2px; font-size: 14px; padding-left: 15px; padding-bottom: 2px; font-weight: bold; }
.box-body { border: #999 1px solid; padding: 10px; }
.box-body td { font-size: 14px; }