/*
-----------------------------------------------
#6A1F2D - maroon for text
#064C79 - blue for text
#444444 - standard grey for text

Site Title: Jobs in HR
Author:   Tim Anderson-Bonsor
Version:  Date V1.0
----------------------------------------------- */

/* Import Custom Fonts */
@import url("fonts.css");
@import url("icons.css");


/* =Global Structure
----------------------------------------------- */
/* KH changed body font from 12px to 14 - 23 Aug 2020 */
body {
 font: 14px/1.5em verdana;
 color: #444;
}
#container {
 width: 960px;
 margin: 0 auto;
 position: relative;
}
/* KH added ol to the line below - 25-01 -2024.   THEN removed it 13-03-2024*/
ul, li, h1, h2, h3, h4, h5, h6, form, select {
 margin: 0;
 padding: 0;
 line-height: 1.5em;
 list-style-type: none;
 border: 0;
}
a,
a:link {
 color: #6A1F2D;
 outline: none;
}
  .island a,
  .island a:link,
  .island a:visited,
  .island a:hover {
   color: #fff;
   outline: none;
  }
a:visited {
 color: #064C79;
 outline: none;
}
a:hover,
a:active {
 color: blue;
 outline: none;
}
.marg20l {
 margin-left: 20px;
}
.float {
 float: left;
}
.blue {
 color: #064C79;
}
.center {
 text-align: center;
 font-size: 10px;
 margin: 0 0 10px;
 position: relative;
}
.heading {
 border-bottom: 4px solid #E5E5E5;
 padding: 0 0 10px 4px;
}
hr {
 height: 2px;
 overflow: hidden;
 border: 0;
 margin: 14px 0;
 padding: 0;
 background: #E5E5E5;
}
/* =Content
----------------------------------------------- */
#content {
 padding: 0 0 10px 20px;
 clear: both;
}
.column {
 width: 443px;
 margin: 0 36px 0 0;
 float: left;
 padding: 20px 0 30px;
}
.threequarter {
 width: 644px;
 border-left: 4px solid #e5e5e5;
 padding-left: 30px;
 padding-top: 0;
 margin: 20px 0;
}
.info {
 border: 0;
 padding: 0 30px 0 0;
 width: 660px;
}
.quarter {
 width: 200px;
 margin: 0 20px 0 0;
 padding-bottom: 0;
 min-height: 700px;
 height: auto !important;
 height: 700px;
}
.quarter.right {
 width: 200px;
 padding: 15px 20px 0;
 margin: 0;
 border-left: 1px solid #E6E6E6;
}
.info {
 width: 400px;
 padding: 15px 20px 0;
 margin: 0;
 border-left: 1px solid #E6E6E6;
}
div.sidebar {
 background: #f5f5f5 url(../media/share/bg_subnavtop.gif) 0 0 no-repeat;
 margin-bottom: 20px;
 width: 193px;
 float: left;
}
div.sidebar span {
 display: block;
 height: 14px;
 background: #f5f5f5 url(../media/share/bg_subnavbot.gif) 0 0 no-repeat;
 clear: both;
}
div.sidebar p {
 padding: 0 20px;
 clear: both;
}
/* added by KH 8 Oct 2019 */
div+br {
  display: none;
}
#navbar, .pagination {
 background: #3064AD url(../media/share/bg_navbar.gif) left bottom repeat-x;
 color: #fff;
 padding: 10px;
 float: left;
 width: 423px;
 margin: 10px 0 20px 0;
}
#navbar a {
 padding: 1px 4px;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
#navbar a:hover {
 text-decoration: underline;
}
#navbar a.selected {
 background: transparent url(../media/share/bg_selected.gif) 0 0 no-repeat;
}
#navbar a:hover.selected {
 text-decoration: none;
}
#navbar p {
 float: left;
 margin: 0;
}
#navbar p.right{
 float: right;
}
#navbarbot {
 clear: both;
 padding: 10px 0 40px;
}
#navbarbot .left {
 float: left;
 font-weight: bold;
 margin: 10px 0 0;
 padding: 0;
}
#navbarbot .left a:visited {
 color: #6A1F2D;
}
#navbarbot .right {
 float: right;
 border: 0;
 width: 290px;
 margin: 10px 0 0;
 padding: 0;
}
#navbarbot .right a,
#navbarbot .right a:visited {
 color: #064C79;
}
.job {
 padding: 10px 0;
 border-bottom: 4px solid #eaeaea;
 margin-bottom: 10px;
}
/* =Elements
----------------------------------------------- */
.island {
 background: #6E202E url(../media/share/bg_islandtop.gif) 0 0 no-repeat;
 padding: 13px 20px 0;
 color: #ddd;
 margin: 15px 0;
}

.island.small {
 background: #6E202E url(../media/share/bg_islandtop_sm.gif) 0 0 no-repeat;
 width: 160px;
}

.island-clear {
    width: 160px;
}

.island .bottom {
 background: #6E202E url(../media/share/bg_islandbot.gif) left bottom no-repeat;
 display: block;
 height: 8px;
 margin: 10px 0 0 -20px;
 width: 443px;
 clear: both;
}
  .island.small .bottom {
   background: #6E202E url(../media/share/bg_islandbot_sm.gif) left bottom no-repeat;
   width: 200px;
  }
.exmarg {
 margin: 20px 0;
}
.button {
 margin: 0;
}
.button a {
 display: block;
 background: transparent url(../media/share/btn_adnow.gif) 0 0 no-repeat;
 width: 107px;
 height: 31px;
 font-size: 1px;
 text-indent: -9999px;
}
 .adnow {
  float: right;
  position: relative;
  top: 5px;
 }
 .button.subscribe {
  float: right;
 }
 .button.subscribe a {
  width: 68px;
  height: 28px;
  margin: 14px 0 10px;
  background: transparent url(../media/share/btn_sub.gif) 0 0 no-repeat;
 }
 .button.sub_small a {
  background: transparent url(../media/share/btn_sub_sm.gif) 0 0 no-repeat;
 }
.icon a {
 background: transparent url(../media/share/icon_arrow.gif) 0 5px no-repeat;
 padding: 0 0 2px 18px;
 display: block;
}

  .icon.print a {background-image: url(../media/share/icon_printer.gif);}
  .icon.email a {background-image: url(../media/share/icon_email.gif);}
  .icon.bulb a {background-image: url(../media/share/page_go.png);}

/* =Header
----------------------------------------------- */
div#header {
 background: #2E6BC4 url(../media/share/bg_header.jpg) 0 0 no-repeat;
 height: 71px;
 clear: both;
 position: relative;
}
#utilities {
 font-size: 10px;
 float: right;
 padding: 10px 20px;
}
#utilities li {
 padding: 0;
}
/* =Footer
----------------------------------------------- */
div#footer {
 float: left;
 width: 900px;
 border-top: 1px solid #ccc;
 margin: 0 0 20px;
 padding: 20px;
 text-align: center;
}
/* =Typorgraphy
----------------------------------------------- */
p {
 margin: .6em 0;
}
/* added by KH 4 Feb 2020 */
p+br {
  display: none;
}
/* added by KH 4 Feb 2020 */
ol > br {
  display: none;
}
  .island p {
   margin: 0;
  }
  ul p {
   margin-top: 0;
  }
p strong {
 color: #444444;
}
p em {
 /*font-style: normal;*/
 color: #444444;
}
	._location {
		color: #064C79;
		font-style:italic;
	}
ul > br{
  display:none;
}
ul li br{
  display:block;
}


h1 a {
 display: block;
 width: 241px;
 height: 49px;
 background: transparent url(../media/share/icon.gif) 0 0 no-repeat;
 position: relative;
 left: 18px;
 top: 14px;
 text-indent: -9999px;
 font-size: 1px;
 text-decoration: none;
}

/*h2 { /* top of each page image replaced */
 /*text-indent: -9999px;
 font-size: 1px;
 text-decoration: none;
 background: #fff no-repeat 20px 20px;
 width: 100%;
 height: 55px;
 border-bottom: 4px solid #E5E5E5;
}*/

h2 {
 font: bold 24px/2em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 text-indent: 20px;
 color: #064C79;
 margin: .6em 0;
 width: 100%;
 height: 55px;
 border-bottom: 4px solid #E5E5E5;
 background: #fff no-repeat 20px 20px;
}

/*h2#home {background-image: url(../media/share/h2_home.gif);}
h2#browse {background-image: url(../media/share/h2_browse.gif);}
h2#subscribe {background-image: url(../media/share/h2_subscribe.gif);}
h2#advertise {background-image: url(../media/share/h2_advertise.gif);}
h2#info {background-image: url(../media/share/h2_info.gif);}
*/

/* h3+br added by KH 7 Oct 2019 */
h3+br {
  display: none;
}
h3 {
 font: bold 22px/2em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 color: #064C79;
 margin: .6em 0;
}
h4 {
 font: bold 18px/1.5em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 color: #6A1F2D;
 margin: .6em 0;
}
  ul h4 {
   margin-bottom: 0;
  }
  .island h4 {
   margin: 0;
   color: #fff;
  }
  .header {
    font: bold 22px/1.5em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 color: #6A1F2D;
 margin: .6em 0;
  }
/* h5+br added by KH 26 Feb 2020 */
h5+br {
  display: none;
}
h5 {
 font: bold 18px/1.5em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 color: #6A1F2D;
 margin: .6em 0;
}
  .sidebar h5 {
   font-size: 14px;
   margin: 12px 15px 0;
  }
  .sidebar h5 a,
  .sidebar h5 a:visited {
   color: #064C79;
   text-decoration: none;
  }
  .sidebar h5 a:hover {
   text-decoration: underline;
  }
h6 {
 font: bold 16px/1.5em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 color: #6A1F2D;
 margin: .6em 0;
}
/* h6 px changed from 14 to 16 by KH 25 Nov 2020 */
  .island h6 {
   color: #fff;
  }
  .sidebar h6 {
   background: #80153B url(../media/share/bg_h6.gif) 0 0 no-repeat;
   color: #fff;
   font-weight: normal;
   padding: 10px 20px;
   margin: 0 0 10px;
  }
  .job h6 {
   color: #222;
  }
  .job h6 a {
   color: #222;
  }
  .job h6 a:visited {
   color: #666;
  }

/* =Navigation + =Links
----------------------------------------------- */
#nav {
 position: absolute;
 bottom: 0;
 right: 20px;
}
#nav li {
 padding: 0;
 margin: 0;
}
#nav a {
 background: #6990C7;
 border: 1px solid #839DBF;
 border-bottom: 0;
 padding: 8px 10px 6px;
 display: block;
 font: bold 14px/1em "Lucida Grande", "Trebuchet MS", helvetica, arial, verdana;
 float: left;
 margin-left: 3px;
 color: #fff;
 text-decoration: none;
}
#nav li.selected a {
 background: #fff;
 border-color: #fff;
 color: #064C79;
}

#nav li.advertise a {
	background-color:rgb(140, 35, 30);
	border-color:rgb(140, 35, 30);
}
/* =Tables
----------------------------------------------- */
/* =Lists
----------------------------------------------- */
ol li{
  list-style-type: decimal;
}
ul {
 margin: 0;
 padding: 0;
}

ul > br{
  display: none;
}

ul > li br{
  display:block;
}
ul li {
 background: #fff url(../media/share/bullet.gif) 0 7px no-repeat;
 padding-left: 20px;
}
  ul.small li {
   background: #fff url(../media/share/bullet.gif) 0 3px no-repeat;
  }
  ul.sponsors li {
   background: none;
   border-bottom: 1px solid #E6E6E6;
   padding: 15px 0;
  }
  .sidebar li {
   background: none;
   float: left;
   clear: both;
   width: 158px;
  }
  .sidebar li a {
   text-decoration: none;
   color: #444;
   padding: 2px 0;
   display: block;
  }
  .sidebar li.selected a {
   text-decoration: none;
   color: #064C79;
   font-weight: bold;
  }
  .sidebar li ul {
   margin-bottom: 5px;
  }
  .sidebar li ul li {
   xbackground: transparent url(../media/share/bullet_sm.gif) 0 6px no-repeat;
   padding-left: 15px;
  }
  .sidebar li ul li a {
   text-decoration: none;
   color: #6A1F2D;
  }
  .job ul {
   margin: .6em 30px;
   margin-bottom:21px;
  }
  .job ul li {
   list-style-type: disc;
   background: none;
   padding: 0;
  }
  .plain li {
   background: #fff url(../media/share/bullet_arrow.png) 0 3px no-repeat;
   padding-left: 16px;
   padding-bottom: 3px;
  }

ul.horizontal li {
 display: inline;
 background: none;
}
ul.horizontal li a {
 color: #444;
}
/* =Forms
----------------------------------------------- */

input.text {
 width: 100%;
 border: 1px solid #C3C3C3;
 border-right: 1px solid #7C7C7C;
 border-top: 1px solid #7C7C7C;
 font-size: 12px;
}
.button_img {
 float: right;
 position: relative;
 top: -2px;
}
.sidebar form {
 padding: 10px 20px;
}
.sidebar input.text {
 float: left;
 width: 90px;
 font-size: 14px;
}
.island form {
 float: left;
 font-size: 14px;
 margin: 12px 0 10px;
 width: 400px;
}
.island form select {
 font-size: 14px;
 width:280px;
 /*width: 130px;*/
 /*margin-right: 20px;*/
 margin-bottom: 10px;

}
.island input.check {
 sfloat: left;
 margin: 0 6px 0 0;
 sposition: relative;
 top: 0;
}
.island form input.text {
 width: 275px;
 float: left;
 font-size: 14px;
 margin: 0 0 10px;
 line-height: 1em;
 padding: 2px;
}
.island form p {
 clear: both;
 margin: 2px 0 5px;
 padding: 0;
 font-size: 14px;
 line-height: 1em;
}
.island form .button_img {
 float: right;
 margin: 0;
 padding: 0;
 position: relative;
 top: -2px;
}

.island form .button_img.disabled {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
/*input.text {
 width: 100%;
 border: 1px solid #C3C3C3;
 border-right: 1px solid #7C7C7C;
 border-top: 1px solid #7C7C7C;
 font-size: 12px;
}
.button_img {
 float: right;
 position: relative;
 top: -2px;
}
.sidebar form {
 padding: 10px 20px;
}
.sidebar input.text {
 float: left;
 width: 90px;
 font-size: 16px;
}
.island form {
 float: left;
 font-size: 14px;
 margin: 12px 0 10px;
 width: 400px;
}
.island form select {
 font-size: 14px;
 width: 130px;
 margin-top: 5px;
 margin-right: 20px;
 float: left;
}
.island input.check {
 float: left;
 margin: 0 6px 0 0;
 position: relative;
 top: 0;
}
.island form input.text {
 width: 275px;
 float: left;
 font-size: 16px;
 margin: 0 0 5px;
}
.island form p {
 clear: both;
 margin: 2px 0 2px;
 padding: 0;
 font-size: 14px;
 line-height: 1em;
}
.island form .button_img {
 float: right;
 margin: 0;
 padding: 0;
 position: relative;
 top: -2px;
}*/
/* =Misc and =Redundant
----------------------------------------------- */
/* =End
----------------------------------------------- */

/* UPDATES TO CSS 11th JUNE 2013 */
/* job h3 margin-bottom changed from 30px to 18px 7 Oct 2019 */

dl, dt, dd{
	border:0;
	margin:0;
	padding:0;	
	
}



#job h3{
	margin-bottom:18px;
	
}

div.attributes{
	height:1%;
	overflow:hidden;
	margin-bottom:13px;
	}
	
	/* layout */
	div.attributes dl dt, div.attributes dd
	{
		float:left;	
	}
	
	div.attributes dl.posted{
		float:right;	
	}
	
	div.attributes dl.company{
		clear:both;	
		padding-top:5px;
	}
	
	/* styles */
	div.attributes dl dt{
		padding-right:5px;
		color:#888888;
	}
	
	div.attributes dl.company *{
		color:#064C79;
		font-style:italic;
		font-weight:bold;
	}
		
	/* specific to listings */
	div.attributes.jobs dt{
		display:none;
	}
	div.attributes.jobs dl.company dt{
		display:inline;
	}
	
	#job div.attributes dl.posted{
		float:left;
		margin-left:13px;
	}
	
	#job div.attributes dl.location dt{
		display:none;
	}

#job .description{
	clear:both;		
}


#job ul.apply{
		margin:0;	
		border:0;
		padding:0;	
		margin-top:30px;
	}
	#job ul.apply *{
		list-style:none;
		font-weight:bold;
		margin-bottom:6px;
	}
	
	#job ul.apply li a:hover{
		color:#6A1F2D;
	}


#navbarbot ul.tags{
    margin:0; 
    padding:0;  
    list-style: none;    
    height: 1%;
    overflow: hidden;
    margin-top:0px;
    margin-bottom:15px;
}  
/* KH  commented out section below  to remove icon from tags at bottom of page */
/* #navbarbot ul.tags:before
{
    top:-1px;
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e041";
    margin-right:9px;
    font-size: 15px;
} */

#navbarbot ul.tags li{
    margin:0; 
    padding:0;  
    display:inline-block; 
    margin-right:6px; 
}  

#navbarbot ul.tags li a {
  text-decoration: underline; /* Underline the text */
  font-size: 12px;
  display: block;
  float: left;
  padding: 0px 6px;
  background-color: transparent; /* Make background transparent */
  font-weight: bold;
  border-radius: 2px;
  color: #0066CC;
}


ul.sidebar-tags {
    clear:both;
    height: 1%;
    overflow: hidden;   
}
/* KH  commented out code below to remove the tag image that appeared to the left of the tag */
/* ul.sidebar-tags li:before
{
    top:6px;
    left:3px;
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;	
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e041";
    margin-right:4px;
    font-size: 12px;

} */
/* KH  changed margin-left from 14 to 0 */
ul.sidebar-tags li{
  background-image: none;
  line-height: 21px;
  margin-bottom: 6px;
  position: relative;
  margin-left: 0px;

}
ul.sidebar-tags li a {
  text-decoration: underline; /* Add underline to the text */
  font-size: 13px;
  display: inline-block;
  padding: 0px 6px;
  background-color: transparent; /* Make background color transparent */
  font-weight: bold;
  border-radius: 2px;
  color: #0066CC;
  margin-right: 8px;
}



/* LAYOUTS  */
#content.layout75-25 .column.threequarter{
  border:0px;
  padding-left: 0px;
  padding-right: 50px;
} 


/* do not group these rules */
*::-webkit-input-placeholder {
    color: #000;
    opacity: 1 !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #000;
    opacity: 1 !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #000;
    opacity: 1 !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
  color: #000;
  }
  /* KH added code below to display  a '# ' beside sidebar tags*/
ul.sidebar-tags li a::before {
  content: "#";
  margin-right: 0; /* Remove any right margin */
  padding-right: 0; /* Remove any right padding */
}
#navbarbot ul.tags li {
  background-image: none; /* Removes the background image */
}
#navbarbot ul.tags li a::before {
  content: "#"; /* Adds the hash symbol */
  /* Additional styling if needed */
}
ul.sidebar-tags li {
  padding-left: 0; /* Override padding-left  for sidebar tags*/
}