/*
Styles for jobs results
---------------------------------------
*/

/* Map styles in right hand column */
#content .map { padding: 10px 0; background: #fff; }
#jobssearchresults #extras { background-position: 0 312px; }
#extras .map { background: #fff url(graphics/jsr_bg_r.png) no-repeat bottom; margin: 0 0 23px; }
#extras .map_sleeve { background: url(graphics/jsr_bg_top_r.png) no-repeat top; padding: 0 10px 13px; }
.map_sleeve .formbox {margin:0; padding: 0 10px; background: none;}
.map_sleeve .formbox select {width: 150px;}
.map_sleeve .formbox form:after {content:"."; visibility: hidden; height: 0; display: block; clear: both;}
.map_sleeve .formbox form {padding:0; margin:0;}
.map_sleeve .formbox div {float: left; margin-right: 5px; padding-bottom: 5px;}
.map_options { margin: 0 10px; padding: 10px 0; background: url(graphics/border_dotted.png) repeat-x top; list-style: none; }
.map_options li { display: inline; padding-left: 20px; margin-right: 25px; background: no-repeat left; }
.map_options .postcode_search { background-image: url(graphics/more_information_location_blue.gif); position: relative; }
.map_options .postcode_search .popupPanel form {margin:0;}
.map_options .international_jobs { background-image: url(graphics/more_information_schools_blue.gif); }
.map_options .jobSearchPostcodePopup { top: -10px; left: -10px; }

/*tabs*/
.refine {margin: 10px -5px 0; position: relative;}
.refine p.criteria { padding: 5px 0; margin: 0 6px; color: #959595; }
.refine ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.refine .refine_tabs { margin: 0; padding: 0;}
.refine .refine_tabs li { float: left; clear: none; background: url(graphics/refine_tabs_r.png) no-repeat 100% 0; padding: 0; margin: 0 6px 0 0; display: inline;}
.refine .refine_tabs li a {color: #4f4d45; background: url(graphics/refine_tabs_l.png) no-repeat 0 0; padding: 10px 10px 8px; font-weight: bold; border: 0; display: block;}
.refine .refine_tabs li.on { background-image: url(graphics/refine_tabs_r_on.png);}
.refine .refine_sections {margin-top:-1px; border-top: 1px solid #f5f0f0}
.refine_tabs li.on a { color: #000; padding-bottom: 9px; }

.colour1 .refine_tabs li.on a { color: #ed1746; }
.colour2 .refine_tabs li.on a { color: #00a560; }
.colour3 .refine_tabs li.on a { color: #1a3892; }
.colour4 .refine_tabs li.on a { color: #0085cf; }

/* Styles for top core block */
#jobssearchresults .sections.p1 { margin-right: -21px; background: #d1e9f6 url(graphics/jsr_search_bg_l.png) no-repeat bottom; }
#jobssearchresults .sections.p1 .sections_sleeve { padding: 0 2px 12px 15px; background: url(graphics/jsr_bg_l.png) no-repeat top; }
#jobssearchresults .subheader {background: url(graphics/border_dotted.png) repeat-x top; padding-top: 10px; margin: 20px 0 5px 6px; clear: both; font-size: 1em; }
#jobssearchresults .subheader span { font-weight: bold; color: #ED1746; }
#jobssearchresults .subheader a { font-weight: bold; margin-right: 5px; background: url(graphics/crossbreak.gif) no-repeat right 4px; padding-right: 15px; }
#jobssearchresults .subheader .clearall {display: block;}
#jobssearchresults .subheader .clearall a {font-weight: normal; color: #ed1746; background: none; padding:0;}
#jobssearchresults .subheader .clearall a img {margin-left: 5px;}
#jobssearchresults .refine {margin: 0 -1px 0 -6px;  clear: both; #margin-top: -10px; position: relative;}/*position relative set for safari 2 to cope with negative margins*/
#jobssearchresults .refine .refine_tabs li a { width: 99px;}

#jobssearchresults .refine_sections { padding: 12px 10px; background: #fff url(graphics/jsr_refine_sections_bg.png) no-repeat bottom left; }
#jobssearchresults .browse_section { background: none; margin: 0; padding: 0; }
#jobssearchresults .facet_set { margin-left: 0; }
#jobssearchresults .facet_set li { float: left; width: 190px; padding-right: 3px; clear: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px;}
#jobssearchresults .facet_set li.row_leader { clear: left;}
#jobssearchresults .facet_set li a { text-transform: none; }
#jobssearchresults .facet_set li a:hover { border-bottom-color: #ed1746; }
#jobssearchresults .facet_set .viewmore, #jobssearchresults .facet_set .viewfewer { line-height: 15px; border-bottom: 1px dotted #fff; width: 9em; display: block; }
#jobssearchresults .facet_set .viewfewer {display: none;}
#jobssearchresults .facet_set .viewmore:hover, #jobssearchresults .facet_set .viewfewer:hover { text-decoration: none; border-bottom: 1px dotted #959595; }
.js-enabled #browse_workplace, .js-enabled #browse_subject, .js-enabled #browse_salary, .js-enabled #browse_contract { display: none; }

.newJobSearch form { margin:0; }
.newJobSearch form div { margin: 10px 0; clear: left; }
.newJobSearch input.text, .newJobSearch select { width: 185px; }
.newJobSearch label { float: left; width: 65px; }
.newJobSearch input.button { margin-left: 65px; }

.searchResultsOptions { float: right; margin: -10px 0 0;}
.searchResultsOptions .saveSearchParagraph { margin:10px 0 0; position: relative; }
.searchResultsOptions a { border: 0; background: url(graphics/jobs_save_search.png) no-repeat right; padding: 0 20px 0 0; }
.searchResultsOptions a:hover { background-color: transparent; text-decoration: underline; }
.searchResultsOptions .saveSearchParagraphs { margin:10px 0 0; position: relative; }
.saveSearchPopup.popupPanel { position: absolute; right: 0; top: 55px; width: 300px; padding-bottom: 0; }
.saveSearchPopup.popupPanel h3 { font: 1.6em Georgia, "Times New Roman", Times, serif; color: #4F4D45; background: url(graphics/border_dotted.png) center bottom repeat-x; padding: 0 0 6px; margin: 0 0 15px; }
.saveSearchPopup.popupPanel div input.text { width: 260px; margin: 8px 0; }
.saveSearchPopup.popupPanel div input.button { width: 50px; height: 19px; }

#content .nameofSearch label { width: 8em; text-align: left; }
#content .nameofSearch input.text { width: 21em; color: #959595; }
#content .save_search .savesearch_sleeve div label { width: auto; }
#content .save_search .savesearch_sleeve div label input { margin:0; vertical-align: middle; }
#content fieldset .savesearch_sleeve { margin: 0; }
#content .savesearch_sleeve div.saveButton_container { width: 100%; margin:0; }
#content .savesearch_sleeve .button { margin:0; float: right; }

.no_results { margin-bottom: 20px; }
.no_results .noResultsfound { margin-bottom: 0}
.no_results .searchDisambiguation { margin: 5px 0}
.no_results .suggestedWord, .noResultsfound span { color: #ed1a3a; }
.no_results .suggestedWord { border-bottom-color: #ed1a3a; }

/* no results page */
.noresultscolumn { width: 50%; float: left; }
.noResultsHeader { background: url(graphics/border_dotted.png) repeat-x bottom; margin-bottom: 10px; padding-bottom: 3px; }
p.noResultsfound { padding: 3px 0 0; }