/*** Styles specifically for OMJ Jobsearch. Most header/footer and general styles are found in the MGS app for OMJMY channel ***/
body {
    background: url('https://jobseeker.ohiomeansjobs.monster.com/Channels/eOMJMY/images/body-background-top-banner.png') center top no-repeat, url('https://securemedia.newjobs.com/id/cc/omjmy/body-background-top-banner-repeat.png') center top repeat-x !important;
}

.clearBoth {clear:both;}

#col1 { width: 525px; }

/*** Search Default Page (and other JS) Styles ***/
#MasterPage1_PageTemplateContent_search_wrapper h4 { margin:0; padding: 0; }
span.title label { color: #6B0713; font-weight: bold; }
.selectBox { background-color: #fff; }
.searchfor { float: left; }
.wordcriteria { float: left; }

#search_wrapper #search_exact, #search_wrapper #search_loc {clear: both; margin-bottom: 10px; width: 100%; }
#search_wrapper #search_kw {clear: both; margin-bottom: 10px; width: 100%; }
ul.location-box { margin: 0; padding-left: 0; }
ul.location-box li { float: left; list-style-type: none; padding-right: 10px; }
ul.location-box li#liRadius { padding-right: 0; width: 100px; }

#search_exact label { position: relative; bottom: 2px; }

/*** Search Results Page Styles***/

.collapsedUL {visibility:hidden;display:none;}
.expandedUL {visibility:visible;display:block;}

#search_results_pagebody {  }
#search_results_pagebody #searchcol1 { width: 756px; margin: 0 14px 0 0; color:#333; position:relative; }
#search_results_pagebody #searchcol2 { width: 210px; margin: 0 0 0 14px; }
#search_results_pagebody #sr_filters, #search_results_pagebody #sr_refine { background-color: #eee; padding: 14px; margin: 0 0 14px 0;}
#search_results_pagebody #sr_filters h4, #search_results_pagebody #sr_refine h4 {font-size: 16px; font-weight: bold; margin: 0 0 14px 0; border:none;padding:0;}
#search_results_pagebody #sr_filters ul, #search_results_pagebody #sr_refine ul { list-style-type: none; padding:0;}
#search_results_pagebody #toggleRefine {float:right;}
#search_results_pagebody #toggleRefine a {text-decoration: none;}
#search_results_pagebody #toggleRefine a:hover {text-decoration: underline;}
#search_results_pagebody #sr_refine h5 {font-size: 13px; font-weight: bold; margin: 0 0 14px 0;}
#search_results_pagebody #sr_refine h5 a {text-decoration:none; color: #333;  padding: 0 0 0 14px;}
#search_results_pagebody #sr_refine h5 a:hover {text-decoration:underline;}
#search_results_pagebody #sr_filters ul li a, #search_results_pagebody #sr_refine ul li a {text-decoration:none;}
#search_results_pagebody #sr_filters ul li a:hover, #search_results_pagebody #sr_refine ul li a:hover {text-decoration:underline;}
#search_results_pagebody #sr_refine ul li {padding: 0 0 14px 14px;}
#search_results_pagebody #sr_refine ul li a.refinemore { color: #6B0713; font-weight: bold; }

#search_results_pagebody .insights_wrapper { padding: 14px; margin-bottom: 15px; border: 1px solid gray; border-radius: 5px; }
#search_results_pagebody .insights_wrapper h3 {font-size: 16px;margin: 0 0 7px 0;}
#search_results_pagebody .insight_hdr {font-weight: bold;}
#search_results_pagebody .insight {color: #333333;}
#search_results_pagebody .insight .insight_img {max-width:100%;}
#search_results_pagebody .saveButton {float: right; cursor:pointer;}

#search_results_pagebody .preferredemployer-star { height: 12px; }

#searchcol1 a img, #searchcol2 a img, #col1 a img { border: none; }
#searchcol1 h4 { padding: 0; }

table.resultscount { background-color: #eee; } /* #ecebeb */
table.resultscount td  
{
    padding: 14px 0 21px;
    vertical-align: top;
    background: #fff;
    border-top: 1px solid #ccc;
}

table#searchresults td  
{
    padding: 21px 0 21px 14px;
    line-height: 18px;
    font-size: 13px;
    vertical-align:top;
}

table#searchresults td.sr_location
{
    padding-right:14px;
}
table#searchresults tr { background-color: #fff; }
table#searchresults tr.alt { background-color: #eee; } /* #ecebeb */
/* font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 9pt; */
table#searchresults th { text-align: left; font-weight: bold; padding: 7px 14px; }
table#searchresults h5 {margin: 0;
padding: 0;
line-height: 1.25em;
font-size: 16px;
font-weight: normal; }

#noresults p{ padding: 21px 0 35px; font-size: 16px; }

.helplink {  display: inline-block; *width: 10px; *display: inline;}
.isGreenJob { float: right;  font-size: 85%; text-align: center; color: #649E37; position: relative; top: 20px; }
.greenjob { display: block; clear: both; padding: 15px 25%; }


/****JS Error Page Styles****/
#errorblock { width: 500px; margin: 30px auto 200px auto; padding: 20px; font-size: 125%; font-weight: bold; border: 4px solid #EDD23D; background-color: #F9E6AB; }

/* Google Map/Floater styles */
#infoDiv { text-align: left; color:#666; background-color: #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin-top:1px; padding: 5px 0px 3px 0px; }
#infoDiv .map_Title { font-weight:bold; color:#ff6600; }
.map_small_infoWindow { width: 200px; border-style: solid; border-width: 1px;}
.map_infoWindow { /*width: 250px;*/	}
.mapFloat { display: none; color:#666; }
.mapSearchResultsFloat {}
.mapSearchResultsFloat iframe.map { width:620px; height:306px; }
.mapJobFloat {position: absolute; z-index: 1000; background-color: #fff; border: 1px solid #b2b2b2; padding: 5px 7px 7px 7px;}
.mapJobFloat iframe.map { width:300px; height:285px; }
.mapJobFloat .close { text-align: right; }
.mapJobFloat img { border: 0; font-size: 12px; }
.loadingMap { background:url(https://securemedia.newjobs.com/nmy/usen/loginlayer/preloader.gif) no-repeat; margin: 50px 0px; padding: 7px 0px 0px 40px; height: 2em; position: absolute; font: bold 16px GillSans, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #f60; }
.loadingMultiMap { 	background-position: .3em; }
.loadingMultiMap span { margin-left: .3em; }
.loadingSingleMap { width:265px; }
#iframeSingleJobMapFloat { position: absolute; display: none; z-index: 999; background-color:transparent; } /*transparent iframe for IE6 */
#MapJob { padding: 3px 0; }
#MapJob div.map { width:300px; height:253px; }
#MapSearchResults { padding: 3px 0; }
#MapSearchResults div.map { width:620px; height:284px; }
#MapSearchResults div.note { padding: 3px 0; float: right; }
#mapNote { color:#666; font-size: 11px; text-align: center; width: 300px; }

span.viewMapIcon a:link,span.viewMapIcon a:active,span.viewMapIcon a:visited
	{
		font-size : 13px;
		color : #0d51ab;
		text-decoration:none;
	}

/****JobDetail page styles****/
#jobdetailwrapper { width: 93%; margin: 0 30px; padding-bottom: 20px; }
#jobdetailwrapper h2 { color: #6B0713; font-family: Arial, Verdana, Sans-Serif; font-weight: bold; font-size: 28px; }
#jobdetailwrapper h3 { color: #6B0713; font-size: 18px; font-weight: bold; margin-top: 0; }
#jobdetailwrapper h4 { margin: 25px 0; float: left; width: 75%; }
#jobdetailwrapper h5 { padding: 15px 0; margin: 0; }
#jobdetailwrapper p { color: #6B0713; clear: both; }
#jobsummarywrapper { float: left; width: 200px;  }
#jobdescriptionwrapper { float: right; width: 485px; }
#jobdescription { font-size: 9pt; color: #000; line-height: 1.25em; margin-bottom: 20px; }
.jobdetailsummary { background-color: #F0F0F0;  margin-bottom: 0; }
.jobdetailsummary dl { margin: 10px; }
.jobdetailsummary dt { color: #6B0713; }
.jobdetailsummary dd, .jobdetailsummary ul { margin: 3px 0 8px 0; font-size: 105%; color: #000; font-weight: normal; }
.jobdetailsummary ul li { margin-left: 20px; }
.jobdetailsummary .preferredemployer-star { height:12px; }
.buttons { margin: 10px 0; }
.buttons .omj_btn { float: left; margin-right: 20px; }
.workKeysRequirements TD { padding-left: .6em; height: 2em; }
.workKeysRequirements TD:first-child { padding-left: 0; }
#wks-container > div > div { text-align: center; margin-left: 20px; cursor: pointer; }
#wks-container > div > div > h4 { margin-top: 5px; margin-bottom: 5px; font-size: .95em; }
#wks-container > div:hover h4 { color: #0d51ab; }

/* general */
.cssDisplayInlineBlock { display: inline-block; }
.cssMarginRight { margin-right: 10px; }
.cssBold { font-weight: bold; }
.cssSideMargins { margin-left: 10px; margin-right: 10px; }
.cssAlignRight { text-align: right; }

/* new pager overrides */

.resultscounttop h4
{
    margin: 0;
    font-size: 16px;
    }

/* login */
.page-header .loginBackPack
{
    display: inline-block;
}

.page-header .loginName
{
    cursor: pointer;
    margin: 10px 0 0 0;
    padding: 0 10px 8px 0;
    display: block;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.page-header .loginFlyout
{
    position: relative;
    z-index: 1000;
    padding: 5px 10px;
    background: none repeat scroll 0 0 white;
    border: 1px solid #b81f39;
    cursor: pointer;
}

.page-header .loginFlyout ul
{
    list-style: none;
    padding: 0;
}

.page-header .loginFlyout ul li
{
    padding: 5px 0px 5px 0px;
}

.page-header .loginFlyout a
{
    text-decoration: none;
}

.page-header .loginFlyout a:hover,
.page-header .loginFlyout a:active
{
    text-decoration: underline;
}

.page-header .header-utility
{
    text-align: left;
}
.page-header .header-utility .loginName
{
    text-align: right;
    outline: none;
}

.page-header .button.backpack
{
    position: relative;
    vertical-align: top;
    margin-top: 5px;
}

.button.with-backpack-icon,
.button-alt.with-backpack-icon
{
    position: relative;
    margin-left: 26px;
}

.button.with-backpack-icon .backpack-icon,
.button-alt.with-backpack-icon .backpack-icon
{
    display: block;
    position: absolute;
    left: -33px;
    top: -16px;
    width: 49px;
    height: 58px;
    background-image: url('../images/backpack-icon.png');
}

.loginDiv {
    background: none repeat scroll 0 0 white;
    border: 2px solid black;
    margin: 10px 0 0 0;
    padding: 5px;
    position: absolute;
    right: 0px;
    width: 720px;
    z-index: 1000;
}

.loginDiv .row > span
{
    display:inline-block;
    width: 170px;
}

.loginDiv .row > input[type=text], .loginDiv .row > input[type=password]
{
    width: 250px;
}

.page-header .header-utility .loginDiv > div
{
    display: inline-block;
    padding: 0 4px 0 0;
}

.page-header .header-utility .loginDiv > div > *
{
    display: block;
}

.loginDiv .divLoginButton
{
    margin-top: 10px;
    margin-left: 176px;
}

.page-header .header-utility .closeButton
{
    background: url("../images/MyDocDelete.png") no-repeat scroll center center transparent;
    border: 1px dotted;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 5px;
    width: 15px;
}

.page-header .signInError
{
    color: Red;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

.loginPageMainContainer .errorText
{
    color: Red;
    font-weight: bold;
    text-align: right;
}

.loginPageMainContainer .buttonLoginLink
{
    cursor: pointer;
}

.goToJobSearchButton {
    margin-top: 10px;
    text-align: center;
}

#savedsearchlink 
{
    display:inline-block;
}

.MNSResultsRange i.left, .MNSResultsRange i.right
{
    background:url(https://securemedia.newjobs.com/id/cc/omjmy/red-arrow-left.png) top left no-repeat;
    width:10px;
    height:11px;
    display: inline-block;
    position: relative;
    top: 1px;
    float:none;
}

.MNSResultsRange i.right
{
    background:url(https://securemedia.newjobs.com/id/cc/omjmy/red-arrow-right.png) top left no-repeat;
}

.resultscounttop .sort 
{
    float: left;
    margin-top: 10px;
    margin-right: 35px;
}

.resultscounttop .pager {
    margin-top: 10px;
    float: left;
}

table#searchresults  { border-top: 1px solid #ccc; }

.pager .currentNumberOfJobs 
{
    display:none;
}

.pager .pageNumbers
{
    margin-left:35px;
}

.pager .pageNumbers a, .pager .pageNumbers em
{
    padding:0 2px;
    font-style:normal;
}

.marginLeft14 
{
    margin-left:14px;
}

.marginRight14 
{
    margin-right:14px;
}

.quickLinksSocial h4 {color:#666;}

.quickLinks a {font-size:11px;}

.livechat {margin-top:3px;}

.mobile-header-search{display:none !important;}

#searchresults {border-top: 1px solid #ccc;}
#searchresults .searchresRowHeader {background:#eee;}

#searchresults .searchresRowHeader div    {
    font-weight: bold;
    padding: 7px 14px;
    text-align: left;
    float:left;
}

#searchresults .searchresRow
{
    position:relative;
}

#searchresults .searchresRow > div
{
    padding: 21px 14px 21px 14px;
    line-height: 18px;
    font-size: 13px;
    vertical-align:top;
    float:left;
}

#searchresults  h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.25em;
    margin: 0;
    padding: 0;
}

#searchresults div.workkey-info { position: absolute; width: 170px; height: 120px; }
    #searchresults div.workkey-info dt { float: left; font-weight: normal; margin-bottom: 10px; }
    #searchresults div.workkey-info dd { float: right; }
#searchresults .wks_toggle_enabled { position: relative; }
#searchresults .workkey-label { position: absolute; width: 170px; height: 120px; cursor: pointer; color:#0d51ab; }
    #searchresults .workkey-label > div { margin-top: 10px; text-align: center; color:#0d51ab;}
    #searchresults .workkey-label > div:hover h4 { color: #0d51ab; }
    #searchresults .workkey-label h4 { color: #0d51ab; }

#alternating-rows .searchresRow:nth-child(odd) { background-color: #eee;}
#alternating-rows .searchresRow:nth-child(odd) .workkey-info { background-color: #eee;}
#alternating-rows .searchresRow:nth-child(odd) .workkey-label { background-color: #eee;color:#0d51ab;}

#alternating-rows .searchresRow:nth-child(even) { background-color: #fff;}
#alternating-rows .searchresRow:nth-child(even) .workkey-info { background-color: #fff;}
#alternating-rows .searchresRow:nth-child(even) .workkey-label { background-color: #fff;color:#0d51ab;}

.srdivHeader {display:none;}
.searchresRowDiv1, .searchresRowHeaderDiv1 {width:38%; line-height: 200%;}
.searchresRowDiv2, .searchresRowHeaderDiv2 {width:13%; line-height: 200%;}
.searchresRowDiv3, .searchresRowHeaderDiv3 {width:23%; line-height: 200%;}
.searchresRowDiv4, .searchresRowHeaderDiv4 {width:26%; line-height: 200%;}

.reportJobLink, .reportJobLink:hover, .reportJobLink:active, .reportJobLink2, .reportJobLink2:hover, .reportJobLink2:active {color:#be374e;}
.reportJobLink .flag, .reportJobLink2 .flag {background: url("https://securemedia.newjobs.com/jobview_standard/images/2011.02/report-job_icon.png") no-repeat;display:inline-block;width:16px;height:16px;margin:0 0 -2px 3px;}

.reportJobLinkBlue {
    color: #0d51ab
}

    /* red button for Avoid Scams */
    .avoidScamsButtonRed, .button.avoidScamsButtonRed, .button-large.avoidScamsButtonRed, #sidebarAvoidScamsCont .button.avoidScamsButtonRed, #sidebarAvoidScamsCont .button-large.avoidScamsButtonRed {
        background: #e62028;
        background: -webkit-gradient(linear, left top, left bottom, from(#e62028), to(#e62028));
        background: -webkit-linear-gradient(top, #e62028, #e62028);
        background: -moz-linear-gradient(top, #e62028, #e62028);
        background: -ms-linear-gradient(top, #e62028, #e62028);
        background: -o-linear-gradient(top, #e62028, #e62028);
        border: 1px solid #c71b26;
        text-shadow: 1px 1px 1px #d91d27;
        text-align: center;
    }

.avoidScamsButtonRedBig {width: 142px;text-align:center;display:block;}
.avoidScamsButtonRedBig2 {width: 155px;text-align:center;}


.button.avoidScamsButtonRed:hover, .button-large.avoidScamsButtonRed:hover, #sidebarAvoidScamsCont .button.avoidScamsButtonRed:hover, #sidebarAvoidScamsCont .button-large.avoidScamsButtonRed:hover
{
	background: #d71d26;
	text-decoration: none;
}

.button.avoidScamsButtonRed:active, .button-large.avoidScamsButtonRed:active
{
	background: #e62028;
	box-shadow: inset 0px -1px rgba(255,255,255,0.5);
	text-decoration: none;
}

.link { text-decoration: none; color: #0d51ab; display: block; border-bottom: 1px solid #0d51ab; padding-bottom: 3px; }

.avoidScamButtonContainer {margin:15px 0 10px 0;text-align:center;}

.careerCoachSideBar .careerCoachIconBox {display:block;}
.careerCoachSideBar .careerCoachIconBox img {width:210px;}

/* Refine filters list */
.refine-list-links { color: black; }
.refine-list-no-bullets { list-style-type: none; margin: 0; padding-bottom: 0px; }
.refine-close { color: #0d51ab; position: absolute; right: 20px; font-size: 15px; font-weight: bold; text-decoration: none !important; }

/* Refine filters custom-popup */
#customPopup #searchcol2 { width: 210px; margin: 0 0 0 14px; }
/*#customPopup #sr_filters h4, #customPopup #sr_refine h4 { font-size: 16px; font-weight: bold; margin: 0 0 14px 0; border: none; padding: 0; }*/
#customPopup #sr_filters ul, #customPopup #sr_refine ul { list-style-type: none; padding: 0; }
#customPopup #toggleRefine { float: right; }
/*#customPopup #toggleRefine a { text-decoration: none; }
#customPopup #toggleRefine a:hover { text-decoration: underline; }*/
#customPopup #sr_filters ul li a, #customPopup #sr_refine ul li a { text-decoration: none; }
#customPopup #sr_filters ul li a:hover, #customPopup #sr_refine ul li a:hover { text-decoration: underline; }
#customPopup #sr_refine ul li { padding: 0 0 14px 14px; }
#customPopup #sr_refine ul li a.refinemore { color: #6B0713; font-weight: bold; }

.sr-match-apply {
    text-align: center;
}

.sr-match-apply a {
    padding: 5px 15px;
    margin-top: 10px;
    width: 150px;
}