/* base.css
global styles for the site including layout
---------------------*/

body {
	background: #fff;
	color: #444;
	padding: 0;
	margin: 0;
}


/* grid overides
-------------------*/

.c16 .g16
{
    margin-left: 0;
    margin-right: 0;
    width: 960px;
}

#branding
{
     /*g5*/
     margin: 16px 0 24px;
     width: 290px;
}

#nav-global
{
    float: right;
    margin-right: 0;
    width: 515px;
   
}

#user-panel
{
    /*g6*/
    float: right;
    margin-right: 0;
    width: 205px; /*  255px; */
    padding-top: 0px;
    color: #00ACED;
}


#content-secondary
{
     /*g3*/
     margin-left: 0;
     width: 170px;
}

.three-col #content-tertiary
{
     /*g3*/
     margin-right: 0;
     width: 170px;
}

.two-col #content-tertiary /* AMMENDED  JS 310709 CHANGE WIDTH FROM 230PX - adjusted the TwoColumnMaster*/
{
     /*g4*/
     margin-right: 0;
     width: 170px;
}

.two-col #main2 /* AMMENDED JS 030809 Added for JobDetails.aspx width 760px */
{
     /*g12*/
     margin-left: 0;
     width: 760px;
}
.two-col #main3 /* AMMENDED JS 070809 Added for results.aspx behaves like a 3 column  */
{
     /*g10*/
     margin-left: 0;
     width: 580px;
}

.two-col #main
{
     /*g12*/
     margin-left: 0;
     width: 710px;
}

.two-col-right #main
{
     /*g13*/
     margin-right: 0;
     width: 770px;
}

.two-col #content-quicklinks .g6
{
    /*g6*/
    width: 345px;
}
.two-col #content-quicklinks .g6b
{
    /*g6b                 no padding for brandinglist.aspx - in repeater  230909 JS*/
    width: 370px;
    min-height: 210px;
    padding: 0px 10px 0px 0px;
    float: left;
    background: #FFFFFF url(http://www.hays.co.uk/images/promo-bg2.jpg) no-repeat scroll 0 0;
}
.two-col #specialisms-browse .g6b
{
    /*g6b                 no padding for BROWSE JOBS - in repeater 011009  JS*/
    width: 370px;
    min-height: 250px;
    padding: 0px 10px 0px 0px;
    float: left;
    background: #FFFFFF url(http://www.hays.co.uk/images/promo-bg2.jpg) no-repeat scroll 0 0;
}
.two-col #content-quicklinks .g1b
{
    /*g1b                 H's brandinglist.aspx - in repeater  230909 JS*/
    width: 97px;
    min-height: 101px;
    padding: 0px 10px 0px 0px;
    float: right;
}

.two-col #content-quicklinks .g6a
{
    /*g6a*/
    width: 370px;
}

.three-col #nav-tertiary
{
     /*g13*/
     margin-left: 0;
     /* width: 769px; */
     display:inline;
}

.two-col-right #nav-tertiary,
.two-col #nav-tertiary
{
     /*g13*/
     margin-left: 0;
    /* width: 709px; */
}

.three-col #footer .copyright
{
     /*g3*/
     width: 135px;
     border-left: 1px solid #C7D5DF;
     border-top: medium none;
     padding: 10px 0 0 8px;
     margin: -10px 0 0 10px;
     float: right;
}
/* .three-col #footer .copyright
{
     width: 160px;
} */
#footer .copyright
{
     /*updated*/
     margin: -10px 0 0 10px;
     border-left: 1px solid #C7D5DF;
     border-top: none;
     padding: 10px 0 0 8px;
     width: 135px;
     float:right;
}

.two-col-right #footer .copyright,
.two-col  #footer .copyright
{
     /*updated*/
    margin: -10px 0 0 10px;
     border-left: 1px solid #C7D5DF;
     border-top: none;
     padding: 10px 0 0 8px;
     width: 135px;
     float:right;


}



/* global
---------*/

.row 
{
    clear: left;
    vertical-align:middle;
}
    
.section
{ 
    padding: 0 10px 0 10px;
}
.sectionShortlist /* 010909 added view shortlist.axpx > shortlistRepeater.ascx */
{ 
    padding-left:10px;
    clear:both;
    background: #F2F8FF url(http://www.hays.co.uk/css/images/nav-paging-bg.jpg) repeat-x scroll 0 100%;
    border: 1px solid #C6DDFF;
    padding-top: 20px;
}
#section-actions{ float:right; display:block; width: 170px; margin-right: 20px; line-height:10px; vertical-align:middle;}
#section-actions .sectionShortlist .list-actions  /* addition 310809 jobapply.aspx add to list rightalign textbox */
{
	
	float:right;
	margin:0px;
	padding:0px;
}
 #section-actions input {
margin:0;
width:auto;
border:none;
float: right;
}
.sectionShortlist .list-actions .checks  /* addition 310809 jobapply.aspx add to list rightalign textbox */
{	font-weight:normal;	
}
.section .list-actions  /* addition 310809 jobapply.aspx add to list rightalign textbox */
{
	float:right;
	width: 250px;
	font-weight:normal;	
}
.section .applyNow  /* addition 310809 jobapply.aspx add to list rightalign textbox */
{
	height: 25px;
	margin-bottom: 10px;
}
.content .candidateButtons  /* addition 180909 candidatedetails.aspx add to list rightalign buttons */
{
	height: 25px;
	margin-bottom: 10px;
	float:right;
}

. section .list-actions .deltapadBot15{ padding-bottom: 15px;}

/* layout
---------*/

#page {
	font-size: 1.1em;
	line-height: 170%;
}

#main, #main3
{
   /* border-top: 1px solid #C7D5DF; */
    background: #fff url("images/promo-bg.jpg") repeat-x 0 0;
}
#main2
{
	
	padding-top: 10px;
	/* border-top: 1px solid #C7D5DF; */
    background: #fff url("images/promo-bg.jpg") repeat-x 0 0;
}
/*--- SPECIALISM PAGES H's  BACKGROUND IMAGE   ---*/
/* DEFAULT H */
#main-intro
{   border: 0; margin-top: 15px; padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-default.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* ACCOUNTANCY & FINANCE */
#main-intro-AccFin
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-acc-fin.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* CONSTRUCTION & PROPERTY */
#main-intro-ConPro
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-con-prop.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* EDUCATION */
#main-intro-Edu
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-edu.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* HEALTH & SOCIALCARE */
#main-intro-HelSoc
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-hea-soc.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* IT & TELECOMS*/
#main-intro-ITTel
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-it.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* PROFESSION SERVICES */
#main-intro-ProSer
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-prof-ser.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* SALES & MARKETING */
#main-intro-SalMar
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-default.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* RETAIL */
#main-intro-Ret
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-default.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* SUPPORT SERVICES */
#main-intro-SupSer
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-default.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}
/* RESOURCES & ENERGY */
#main-intro-ResEne
{
    border: 0; margin-top: 15px;  padding: 0;
    background-position:right top;
    background-image: url("http://www.hays.co.uk/css/images/h-res-eng.jpg");
    background-repeat: no-repeat;
    min-height: 185px;
}


/*--- SPECIALISM PAGES H's  END   ---*/







 /* AMMENDMENT JS 030809 - added for JobDetails.aspx */ 
 /* AMMENDMENT JS 070809 - added for results.aspx behaves like a 3 column - adjust main - middle content */

#content
{
   margin-top: 10px;
}

#header
{
  padding-top: 10px;    
}

#footer
{
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #C7D5DF;
    margin-bottom: 40px;  /* AMMENDED JS 230709 - for additional whitespace bot of page */
 }
    

/* fonts
---------*/

body, input, textarea, select {
	font-family			: Arial,sans-serif;
}

input, textarea, select {
	font-size: 1.1em;
	
}

.section input, textarea, select {
	font-size: 1.1em;
	float:right;
	
}

.frmRow input {   /* ADDED FOR ADDEDIT ALERT TEXT AND RADIO BUTTONS ALIGNMENT */
	font-size	: 1.1em;
	float		:right;
	margin-top	:6px;
}



/* added for generic control buttons 220809 js
 ------------------------------------------------
.list-main input, textarea, select {
	font-size: 1.1em;
	clear:left;
	float:right;
	margin-top: 15px;
	background-image:  url("http://www.hays.co.uk/css/images/btn-bg.gif"); 
	background-position:top right;
	background-repeat:no-repeat;
	height: 25px;
	border: none;
	padding-right: 20px;
    border-left: 1px solid #cad0ca;
    font-weight:bold;
} */

.primarypanel input, textarea, select {
	font-size: 1.1em;
	clear:left;
	float:right;
	margin-top: 15px;
	background-image:  url("http://www.hays.co.uk/css/images/btn-bg.gif"); 
	background-position:top right;
	background-repeat:no-repeat;
	height: 25px;
	border: none;
	padding-right: 20px;
    border-left: 1px solid #cad0ca;
    font-weight:bold;
}


/* page intro
------------*/

.intro {
	font-size			: 1.2em;
	color				: #828282;
	font-family			: Arial,sans-serif;
}

/* spacing
----------*/

ol
{
	list-style: lower-roman;
}

/*ul
{
	list-style: square;
}*/

ol li
{
	margin-left: 3em;

}

/*ul li
{	
    margin-left: 2em;
    padding-left: 10px;
	list-style: none;
    background: url("http://www.hays.co.uk/css/images/bullet-list.png") no-repeat 0 9px;
}
*/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 2em;
}


/* anchors
---------- */
a,
a:visited {
 	color: #3E5991;
 	text-decoration: none;
}
a:hover,
a:focus {
	color: #162B61;
	text-decoration: underline;
}
.frmrow a
{
	color: #3e5991;
	text-decoration:underline;
}
.frmrow a:visited 
{
	color: #3e5991;
	text-decoration:underline;
}

/* headings
-----------*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    line-height:1.2em;
    margin-bottom:0.2em;
    font-family:Arial,sans-serif;
    color: #1A3F96;
}

.specialismsTitle {
color:#333333;
font-family:Arial,sans-serif;
font-size:14px;
font-weight:bold;
line-height:2.2em;
margin-left:15px;
}
.sub {
	color: #00ACED;
	display: block;
}

.subBold {
	color: #00ACED;
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
}

h3, h4, h5, h6 
{
    margin-top: 1em;
}

h2 {margin-top:1em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 {font-size: 2.6em; margin-top: 10px;}
h2 {font-size: 1.6em;}
h3, h3 a {font-size: 1.1em;}
h5, h5 a {font-size: 1.1em;}
h4, h4 a, h6, h6 a {font-size: 1em;}

#content-primary  
{	border-top: 1px solid #C7D5DF;
	background: #FFFFFF url(http://www.hays.co.uk/css/images/promo-bg.jpg) repeat-x scroll 0 0;
}
#content-primary h3,
#content-primary h3 a,
#content-quicklinks h3,
#content-quicklinks h3 a { color: #233E99;}
#content-primary h5,
#content-primary h5 a,
#content-quicklinks h5,
#content-quicklinks h5 a { color: #233E99;}

#content-primary h4,
#content-primary h4 a,
#content-quicklinks h4,
#content-quicklinks h4 a {font-size: 1.1em; color: #233E99;}
#content-primary h6,
#content-primary h6 a,
#content-quicklinks h6,
#content-quicklinks h6 a {font-size: 1em; color: #233E99;}

#content-quicklinks .promo h3,
#content-quicklinks .promo h3 a 
{
    color: #444;
}



h1 a {
	font-weight:normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 
{
    text-decoration: none;
 
   /* background: url("http://www.hays.co.uk/css/images/bullet-heading-link.gif") no-repeat 100% 6px;*/
}

h1 a span, h2 a span, h3 a span, h4 a span, h5 a span, h6 a span 
{
    display: inline-block;
    width: 10px;
    background: url("http://www.hays.co.uk/css/images/bullet-heading-link.gif") no-repeat 50% 50%;
	min-height:10px;
}

.promo h3 
{
    text-transform: uppercase;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus
{
    text-decoration: none;
}

#content-secondary h5,
#content-tertiary h5
{
    margin-top: 0;
}

#content-secondary h3,  /* for media centre left menu padding */
#content-tertiary h3
{
    margin-top: 0;
    padding: 6px;
}

/* branding
------------ */
#branding img
{ 	float: left;
    color: #fff;
    font-size: 2.2em;
	/* background:transparent url(/library/images/en-GB/logoMastHead.jpg) no-repeat scroll left top; */
}
/* AMMENDMENT JS 230709  -  to disallow the alt tag from resource manager to appear if image appears  
#branding a
{ 	float: left;
    color: #fff;
    font-size: 2.2em;
	background:transparent url(/library/images/en-GB/logoMastHead.jpg) no-repeat scroll left top; 
	text-indent:-5000px;  
	overflow:hidden;	  
}*/


a#logo {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.hays.co.uk/css/images/logoMastHead.jpg) no-repeat scroll left top;
color:#003565;
float:left;
font-size:3em;
height:55px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-5000px;
width:305px;
}




/* page heading
----------------*/
#heading-page {
	font-weight:normal;
	padding: 10px 0 10px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	z-index:0;
}




/* boxes
---------*/
.box {
	margin-bottom:10px;
	padding:10px;
	overflow:  hidden;
}
.boxspecialism
{
	margin-bottom:10px;
	padding:0px 10px 10px 10px;
	overflow:  hidden;
}

.boxbrand {
	margin-bottom:15px;
	padding:10px 10px 10px 0px; /* added for 230909 BrandList left menu */
	overflow:  hidden;
}
.boxMedia {					 /* added for 230909 MediaCentre left menu */
	margin-bottom:10px;
	padding:10px 10px 0px 0px;
	overflow:  hidden;
}
.boxStandard {              /* added for control main Standard with table no padding */
	margin-bottom:10px;
	padding:0px;
	overflow:  hidden;
}

.box-visible {
	margin-bottom:10px;
	padding:10px;
	overflow: hidden;
}
.box-alerts { /* alerts boxes */
	margin-bottom:10px;
	padding:10px;
	overflow: hidden;
}

.boxsmall {     /* 020909 for shortlist right menu  */
	margin: 20px 0px 20px 0px;
	padding:0px 10px 0px 0px;
	overflow: hidden;
}
/* addition 150809 SPECIALISMS - Employers feature links */
.boxEmployersLinks {
	margin-bottom:10px;
	margin-top:10px;
	overflow: hidden;
}

.box h2, .box-visible h2 {
	padding:0;
	margin-top: 0;
	display:block;
	float: left;
	width: 99%;
	font-size: 1.6em;
}

.box h3
{
 }

.box h2 a {
	display:block;
	float: left;
}

.box img
{
    margin: 0 15px 15px 0;
    background: #666;
    color: #fff;
}

.boxsmall img
{
    margin: 5px;
    background: #666;
    color: #fff;
}
/* primary panel image right container main 220809 Js */
.boxright 
{	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px;
}
.boxright img
{
    margin: 0 5px 15px 10px;
    background: #666;
    color: #fff;
}


.foot  
{
    padding-top: 10px;
    clear: both;
    overflow: hidden;
}

/* listing
-----------*/
.listing,
.listing dl,
.listing p { margin: 0px;}  /* chnaged 080909 padding moving on some of the controls - js - margin-bottom: 0; */ 

.list-item {
	background-image	: none;
 	display             : block;
	list-style			: none;
	list-style-type		: none;
	margin				: 0;
	padding				: 10px 0 5px 0 ;     /* 10px 0 5px 0 adjusted 130809 JS less padding for specialisms at bot of each li 10px 0 10px 0; */
	clear               : left;
}
.list-item .colorh4 
{ font-size:1em; font-weight:bold;color:#00AEEF;}


.listing .cleartop { /* for controls that need no margin-top 5px in body for the ul - li listings  */ 
	padding-top: 0;
	margin-top: 0px;
}

.listing .first {
	padding-top: 0;
	margin-top: 5px;
}

dl.listing dt {
	padding-top: 0.5em;
}

.listing li dd,
.listing li li,
.listing dd dd,
.listing dd li  {
	border-bottom: none;
}

/* paragraphs, quotes and lists
----------------------------------------------- */

p {
	margin-bottom:0.5em;
}

blockquote {
	font-size:2em;
	color: #436B94;
	font-weight: bold;
	line-height:25px;
	padding-left:17px;
	padding-right:17px;
	background-image: url("http://www.hays.co.uk/css/images/quote-right-bg.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}

cite {
	font-style: normal;
	color: #4A4A4A;
}

cite span{
	display: block;
}

ul, ol {
	padding-top:0;
}


/* table for CONTROLS STANDARDTEXT.ASCX CMS 180909  JS
----------------------------------------__------------ */

.boxStandard table  {
	width:100%;
	margin-bottom:10px;
	border-collapse: collapse;
}

.boxStandard th, .box td {
	padding:10px;
	text-align:left;
	vertical-align: top;
}


.boxStandard td {
	border-top:none;
	border-bottom: none;
}

/* table for CONTROLS CMS    E  N  D
----------------------------------------------- */

/* table
----------------------------------------------- */
table {
	width:100%;
	border-top:1px solid #C6DDFF;
	margin-bottom:10px;
	border-collapse: collapse;
}

thead.hide,
thead.hide th
{
    height: 0;
    font-size: 0;
    padding: 0;
    line-height: 0;
    border: none;
    color: #fff;
}
/*th, td {
	padding:10px;
	text-align:left;
	vertical-align: top;
}

thead th {
	padding:.4em 1em .2em;
}

tr 
{
    background: url("http://www.hays.co.uk/css/images/table-row-bg.jpg") repeat-x 0 0;
}

td {
	border-top:1px solid #C6DDFF;
	border-bottom:1px solid #C6DDFF;
}

*/
/* lists
----------------*/
dl dd {
 	color: #000;
}

dl dt {
 	font-weight: bold;
 	color: #00aeef;
}


.inline dt,
dl .inline {
	float				: left;
	clear				: none;
	width				: 25%;
	
}

.inline dd,
dl .inline {
	margin-left	: 30%;
	float				: none;
	clear				: none;
}

.flow dt,
.flow li {
	float				: left;
	margin-right		: 0.3em;
}

/* images
--------------*/

a.image {
	float: left;
	margin: 3px 10px 3px 0;
	border: 1px solid #bbb;
	padding: 4px;
}

/* other
------------------*/

.hide
{
    position: absolute;
	left: -99999999em;
	height: 0;
	/* display: block; */ overflow: hidden;  /* added for safari issue 191009  */
	display:none;
	margin: 0;
	padding: 0;
}

.hidepopout		/* 070909 added for popouts to work correctly within ie */
{
	 display: block;
	height: 0;
	left: -1e+8em;
	margin: 0;
	padding: 0;
	
}


.count 
{
    color: #00ACED;
}


/* pages
-----------*/

.page-home #main
{
    border: none;
}
.page-home .promo
{
 
}


/* over-ride
---------------------*/

.multi-column ul li {
	margin-left: 15px;
}

.wide .content {
  margin-left: -10px;
  margin-right: -10px;
}

.content .content {
    margin-left: 0;
    margin-right: 0;
}

/* temp states
----------------*/

#user-panel #nav-user 
{
    display : none;
}

.logged-in #user-panel #nav-user 
{
    display: block;
}

.logged-in #user-panel .not-logged-in 
{
    display: none;
}

p img.alignLeft {
	float:left;
	margin: 0 9px 0 0;
}

p img.alignRight {
	float:right;
	margin: 0 0 0 9px;
}

div#Adv4
{
	width:220px;	
	height:270px;
	text-indent:-200em;
}

div#Adv4 a {
	background: transparent url("http://www.hays.co.uk/css/images/webad.gif") no-repeat scroll 0 0;
	width:220px;	
	height:270px;
}

div#Adv4 a:hover {
	background: transparent url("http://www.hays.co.uk/css/images/webad.gif") no-repeat scroll 0 0;
	background-position:right;
	width:220px;	
	height:270px;
}



/* MICROSITE APPLICATION FORMS STYLING */
/* *********************************** */
#divCvUpload {display:block;}

#divCvUpload input, textarea, select {
	/* font-size: 1.1em;
	clear:left;
	float:right;height: 25px;border: none;padding-right: 20px;border-left: 1px solid #cad0ca; */
	margin-top: 15px;
	background-image:  none; 
    font-weight:normal; 
}
.micrositepanel
{	font-size: 1em;
 	height: 25px;
}
.micrositepanel input, textarea, select {
	clear:right;
	float:left;
	margin-top: 10px;
	border: none;
	padding: 0px;
}

.micrositepanel select {
width:200px;
}


#divAdditionInfo {
	margin-top: 15px;
	background-image:  none; 
    font-weight:normal;
    display: block; 
}


#microsite { background-color: #fff; margin: 10px 0 10px 10px;}

#microsite p { margin: 10px 0 10px 10px; }

#microsite label {margin: 0 10px 0 30px; float: left; text-align: right; width: 100px; }
#microsite input select textarea { float: left;}
#micrositeFields div { padding: 8px 0 8px 0; clear:left;}
#microsite .title { font-weight: bold; text-align: left; margin: 5px 0 5px 20px;}

#divCvUpload.buttonRow { text-align: center; background-color: #009fda;}

#divCvUpload.recordInfo { font-size: 1.2em; line-height: 1.5; margin: 9px 18px; padding: 0pt; }
#divCvUpload.recordInfo h2{font-size:1.25em;margin: 0px; padding: 0pt;}
#divCvUpload.recordInfo p {	font-size: 1.0em; padding: 0px; margin: 0px; }

#divCvUpload.recordInfo li { font-size: 1.0em;}
/*  MICOSITE END */
/* ************* */