/** Font styles 
---------------------------------*/

body {
  margin: 0;
  /*
   * Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography
   */
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
}

/* Links */

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {line-height:1.3em;}

h1 {
  font-size: 2.2em;
  font-weight:300;
  padding: 0;
  margin: 0;
}

h2 {font-size:1.8em;font-weight:300;margin-bottom:0.75em;}
h3 {font-size:1.4em;margin-bottom:1em;}
h4 {font-size:1.2em;margin-bottom:0.8em;}
h5 {font-size:1.1em;font-weight:600;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;}

/* Paragraph Styles */

p {
  margin:0 0 1em 0;
}

/* List Styles  */

ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table Styles  */

table {
  width: 99%;
}
tr.even td, tr.odd td {
  padding: 10px 5px;
}
tr.odd {
  background-color: #fff;
}

/* Code */

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaa;
}

/* List Styles */

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments  */

#system-themes-form img{
  width:100px;
}
.form-item .description{
  font-style:italic;
  line-height:1.2em;
  font-size:0.8em;
  margin-top:5px;
  color:#777;
}
#edit-delete{
  color:#c00;
}

/**
 * Console, style from Slate theme
 */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
div.error {
  color: #fff;
  background: #e63;
  border-color: #d52;
}
div.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}


/* TARGETjobs awards specific*/

/* GLOBAL STYLES */
img {
  border: 0;
}

form,
ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
}

h1 {
    margin: 0;
}

.hide
{
  visibility:hidden;
}

/* CLEARING */
.clear {
  clear:both; 
  height:1px; 
  margin:0; 
  padding:0; 
  font-size: 15px;
  line-height: 1px;
  color: white;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* LAYOUT */
body {
  margin: 0;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  background: url(../images/bg.gif) repeat-x top;
}

div#container {
  margin: 0 auto;
  text-align: left;
  width: 990px;
  
}

div#leftcolumn 
{
    float: left;
    width: 265px;    
}

/* HEADER STYLES */
div#header {
    width: 211px;
    float: left;
    margin: 10px 0 10px 51px;

}

div#header a, 
div#header img
{
    display: inline;
}

/* NAV */
div#nav 
{
  clear: left;
  width: 167px;
  border-left: 1px solid white;
  margin: 4px 0 0 96px;
  float: left;
  line-height: 1.0em;
}

/* LEFT CONTECT */
div#leftcontent 
{
    clear: left;
    margin: 0 0 0 100px;
    width: 165px;
    float: left;
    border-top: 4px solid white;
    background-color: #ebe9e9;
}

/* CONTENT BLOCK */
div#normal {
  width: 725px;
  float: left;
  /*margin-left: 268px;*/
  padding-top: 219px;
  line-height: 1.2em;
  min-height: 320px;
}

div.admin_container{
padding: 15px;
background-color: #fff;
border: 1px solid #ccc;
}
div.admin_container div.copy{
margin:4px 3px 0 4px !important;
}
/* Remove top padding and static background image for flash front page */
div#normal.shift_to_top{
padding-top: 0px;
background: none;
}

div#home 
{
  width: 620px;
  margin-left: 3px;
}

/* FOOTER STYLES */
div#footer 
{
    clear: both;
    width: 791px;
    margin: 5px 0 1em 100px;
    padding-top: 1px;
}

/* NAV STYLES (PRIMARY AND SECONDARY)*/

/* PRIMARY NAV */
div#nav img 
{
    border-left: 3px solid white;
    float: left;
}

div#nav ul,
div#nav ul li{
  margin: 0;
  padding: 0;
}

div#nav ul {
  list-style: none;
}

div#nav ul li {
    min-width: 168px;
    min-height: 21px;
    border-bottom: 1px solid white;
  background: url(../images/nav-bg.gif) repeat-y left;
  display: block;
}
div#nav ul li:hover {
background: url(../images/nav-bg-hover.gif) repeat-y left;
}

div#nav ul li.active {
    background: url(../images/nav-bg-on.gif) no-repeat top left;
}

div#nav ul li.active:hover {
    background: url(../images/nav-bg-on-hover.gif) no-repeat top left;
}

div#nav ul li a,
div#nav ul li a:link,
div#nav ul li a:visited,
div#nav ul li a:hover,
div#nav ul li a:active 
{
    display: block;
    padding: 4px 0 3px 11px;
  color: White;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;

}
div#nav ul li a:hover {
    background: url(../images/nav-bg-rollover.gif) no-repeat top left;
}

/* SECONDARY NAV */
div#subnavigation 
{
    width: 635px;
    clear: both;
    margin: 0;
}

div#subnavigation ul li 
{
    display: block;
    width: 313px;
    float: left;
    background: url(../images/secondarynav-bg.gif) repeat-y left;
    margin-bottom: 4px;
}

div#subnavigation ul li.active{
    background: url(../images/secondarynav-bg-on.gif) no-repeat top left;
}

div#subnavigation ul li.bigopen
{
    background: url(../images/secondarynav-bg-on-big.gif) no-repeat top left;
}

div#subnavigation ul li.right 
{
    float: right;
} 
    
div#subnavigation ul li a 
{
    display: block;
    font-size: 1.25em;
    color: White;
    font-weight: bold;
    text-decoration: none;
    padding: 4px 0 8px 10px;
        height: 23px;
}

div#subnavigation ul li a:hover {
    background: url(../images/secondarynav-bg-rollover.gif) no-repeat top left;
}


/* LEFT CONTENT */
div#leftcontent 
{
    color: #333333;
}

div#leftcontent h2, 
div#leftcontent h3
{
    font-weight: bold;
    font-size: 1.6em; /*18px;*/
    margin: 0.5em 10px;
    color: #666666;   
}

div#leftcontent h3 
{
    margin-bottom: 0.2em;
}

div#leftcontent p
{
    margin: 0.5em 10px;
}

div#leftcontent img 
{
    margin: 0 0 10px 10px;   
}

/* HOME CONTENT STYLES */

div#home img.awardsimg 
{
    margin-top: 4px;
}

div#home div.sponsors
{
    margin-top: 1px;
    background: #792216 url(../images/sponsors-bg.gif) no-repeat top right;
    width: 622px;
    min-height: 31px;
}

div#home div.sponsors h2 
{
    font-size: 1.6em; /*18px;*/
    width: 50%;
    margin: 0 0 0 15px;
    padding: 5px 0;
    color: White;
}

img.lastImg
{
  float:right; 
  margin-right:98px;
}

div#home div.sponsors div.controls 
{
    text-align: right;
    padding: 0 10px 0 500px;
    margin:-25px 20px 0 0;
}
div#home div.sponsors div.controls a{
outline: 0;
}

/* MAIN CONTENT STYLES */
div#normal 
{
    background: url(../images/bg-star.gif) no-repeat top left;   

}


/* TWO BLOCKS AT TOP */

/* Left block */
div#normal div.topleft 
{
    background-color: #792216;
    color: White;
    width: 309px;
    min-height: 212px;
    margin: 0 4px 4px 4px;
    float: left;
    
}

div#normal div.topleft div.inner 
{
    margin: 14px;   
}

div#normal div.topleft h1 
{
    font-size: 2.7em; /*30px;*/
    font-weight: bold;
    min-height: 1.7em;
    background-color: #792216;
    color: White;    
}

div#normal div.topleft h1.small
{
    font-size: 2em;
} 

div#normal div.topleft p 
{
    margin: 0;
    min-height: 110px;
}

/* Left block if used for content (white bg) */
div#normal div.topleft.content 
{
    background-color: white;
    color: black;
    height: auto !important;
   
}

div#normal div.topleft.content h1 
{
    background-color: white;
    color: #95352a;    
}

div#normal div.topleft.content p
{ 
    min-height: auto;
    min-height: inherit;
    margin: 0 0 1.2em 0;
}

div#normal div.topleft.content a 
{
    color: Black;
    font-weight: bold;
}


/* right block */
div#normal div.topright 
{
    width: 309px;
    min-height: 212px;
    height: auto !important;
    height: 212px;
    margin: 0 0 0 317px;
    
}

/* SPONSER STYLES */
div.view-id-Sponsors
{
    width:100%;
    float:left;
}

div.view-id-Sponsors div.info 
{
    width: 643px;
    margin: 0 4px 0 4px;   
    background-color: #fff;
    float: left;
}

div.view-id-Sponsors div.info a.company_logos
{
float: right;
}

div.view-id-Sponsors div.info h2 
{
    background-color: #ae4534;
    color: White;
    font-size: 14px;    
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    width: 289px;
}

div.view-id-Sponsors div.info h3 
{
    font-style: italic;
    font-size: 1em;   
    margin: 10px 0 0 10px;
    width: 289px;
    color: #000;
}

div.view-id-Sponsors div.info p
{
    margin: 0 1em 1em 10px;
    width: 289px;
    padding: 10px;
    color: #000;
}

/* WINNERS STYLES */
div#normal div.winner 
{
    margin: 0 99px 10px 4px;
    float: left;
}

div#normal div.singleWinner
{
  margin:20px 99px 10px 4px;
}

div.view-Winners div.info {
clear: left;

}
div.view-Winners div.info h2 
{
    margin: 0 0 10px 0;
    background-color: #ae4633;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    padding: 3px 10px;
    width: 602px;
}

div.view-Winners div.info h3
{ 
    margin: 0 0 2px 0;
    font-style: italic;
    font-size: 1em;
    color: #000;
}

div.view-Winners div.info img 
{
    float: left;
    margin-bottom: 10px;
}

div.view-Winners div.info div 
{
    float: left;
    width: 185px;
    margin-left: 10px;   
}

div.view-Winners div.info ul 
{
    list-style: none;
    margin: 0 !important;
    color: #000;
}

/* WINNERS STYLES */
div#normal div.shortlist
{
    margin: 0 99px 10px 4px;
    float: left;
}

div#normal div.shortlist h2 
{
    margin: 0 0 10px 0;
    background-color: #ae4633;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    padding: 3px 10px;
    width: 602px;
}

div#normal div.shortlist h3
{ 
    margin: 0 0 2px 0;
    font-style: italic;
    font-size: 1em;
}

div#normal div.shortlist img 
{
    float: left;
}

div#normal div.shortlist div 
{
    float: left;
    width: 240px;
    margin-left: 10px;   
}

div#normal div.shortlist ul 
{
    list-style: none;   
}

/* PHOTOS STYLES */
div#normal div.loadImg 
{
    float: left;
    margin: 0 0 4px 4px;   
}

/* CONTACT (FORM STYLES) */
div#normal .errortext 
{
    font-weight: bold;
    padding: 10px;
    background-color: #FFFFCC;   
    margin: 1em 0;
}

div#normal label 
{
    padding-top: 5px; 
}

div#normal label.left
{
    float: left;
    width: 80px;
    padding-top: 2px;

}

div#normal input.text 
{
    border: 1px solid #b2b2b2;
    float: left;
}

div#normal input.button 
{
    float: right;
    margin-top: 1em;
}


/* JUST COPY */
div#normal div.copy
{
    clear: both;
    background-color: white;
    color: #000;
    margin: 0 99px 0 4px;
}

div#normal div.copy p 
{
    margin: 0 0 1em 0;
}

div#normal div.copy ul 
{
    margin: 0 0 1em 2em;
    
}


/* NUMBER NAVIGATION */
/* Number navigation above the winners boxes */
div#normal div.numbernav 
{
    clear: right;    
    padding: 7px 8px 10px 8px;   
}
div#normal div.numbernav div#numbers
{
    float: left;
}
div#normal div.numbernav div.numbers
{
    width:110px;
    float:left;
}
div#normal div.numbernav div.numbersWide
{
    width:400px;
}
 

div#normal div.numbernav div.numbers a 
{
    padding: 0 2px;
}

div#normal div.numbernav div.controls
{
    padding-top: 0px;
    margin-left: 110px;
} 

div#normal div.numbernav div.controls .seeall 
{
    margin-left: 10px;
}
div#normal div.numbernav div.controls .hideWithJS
{
  display:none;
}

div#home div.sponsors img,
div#normal div.numbernav img 
{
    margin: 0 4px;  
    vertical-align: middle; 
}

div#normal div.numbernav a 
{
    font-weight: bold;
    font-size: 15px;
    color: #e29f9f;
    text-decoration: none;
}

div#normal div.numbernav a:hover, 
div#normal div.numbernav a.on 
{
    color: #792216;
}

/* different colours and widths for the number nav in top left red square */
div#normal div.topleft div.numbernav 
{
    padding: 0;
}

div#normal div.topleft div.numbernav div.numbers
{
    width: 180px;
} 

div#normal div.topleft div.numbernav div.controls
{
    padding-top: 2px;
    margin-left: 180px;
} 

div#normal div.topleft div.numbernav a 
{
    color: #b94538;
}

div#normal div.topleft div.numbernav a:hover, 
div#normal div.topleft div.numbernav a.on 
{
    color: White;
}

/* Home Page */
div.floatForJS
{
    float:left;
    left:0;
    position:relative;
}
div.companyLogos
{
    margin:10px 13px 0 10px;
    width:590px;
    text-align:center;
    padding:0 0 10px 0;
}
div.companyLogos div{
    float:left;
}
div.companyLogos div img{
    margin:0 1px;
}
div.companyLogos div a{
    display:block;
    text-align:center;
}            
div#imageSliderWrapper{
    position:relative; 
    overflow:hidden; 
    width:620px; 
    border-bottom:10px solid #792216; 
    float:left; 
    padding:0; 
    min-height:100px; 
    height:auto !important; 
    height:100px;
}
div#imageSliderWrapper div#imageSlider{
    width:4000px; 
    float:left;
}
div#imageSliderWrapper div#imageSlider div a{
    font-weight:bold;
    font-size:1.1em;
    text-decoration:none;
    color:#792216;
}
div#imageSliderWrapper div.group1 div{
    margin:0 20px 0 0;
}
div#imageSliderWrapper div.group2 div{
    margin:0 20px 0 0;
}
div#imageSliderWrapper div.group3 div{
    margin:0 10px 0 0;
}
div#imageSliderWrapper div.group4 div{
    margin:0 10px 0 0;
}
div#imageSliderWrapper div.group5 div{
    margin:0 10px 0 0;
}
div#imageSliderWrapper div.group6 div{
    margin:0 10px 0 0;
}
div#imageSliderWrapper div.group1 div.last{
    margin:0;
}
div#imageSliderWrapper div.group2 div.last{
    margin:0;
}
div#imageSliderWrapper div.group3 div.last{
    margin:0;
}
div#imageSliderWrapper div.group4 div.last{
    margin:0;
}
div#imageSliderWrapper div.group5 div.last{
    margin:0;
}
div#imageSliderWrapper div.group6 div.last{
    margin:0;
}
div#imageSliderWrapper div.group2 div{
    padding:30px 0 0 0;
}
div#imageSliderWrapper div.group2 div.header{
    padding:0 0 0 0;
}
div#imageSliderWrapper div.group2 div.header img{
    margin:14px 0 0 0;
}
div#imageSliderWrapper div.group3{
    padding:30px 0 0 0;
}
div#imageSliderWrapper div.group4 {
    padding:30px 0 0 0;
}
div#imageSliderWrapper div.group5 {
    padding:30px 0 0 0;
}
div#imageSliderWrapper div.group6 {
    padding:30px 0 0 0;
}

/* FOOTER STYLES */
div#footer img 
{
    margin-top: 12px;
    
}

div#footer p 
{
    font-size: 0.9em;
}

div#footer p a,
div#footer p a:link,
div#footer p a:hover,
div#footer p a:active,
div#footer p a:visited 
{
    text-decoration: underline;
    color: Black;
}
div#footer p a:hover 
{
    text-decoration: none;
}

div#footer div 
{
    padding: 15px 20px 45px 0;
    background: url(../images/footer-bg.jpg) no-repeat top left;
    text-align: right;
    font-size: 1.3em;
    color: White;
}

div#footer div a,
div#footer div a:link,
div#footer div a:hover,
div#footer div a:active,
div#footer div a:visited 
{
    font-weight: bold;
    text-decoration: none;
    color: Black;
}
div#footer div a:hover 
{
    color: White;
}

/* Drupal overrides */
ul.tabs{
list-style-type:square;
}
ul.tabs li{
background: #da4040 !important;
list-style-type:square;
}
ul.tabs li a{
background: none !important;
border: none !important;
}
ul.tabs li.active{
background-color: #982d2d !important;
}
ul.tabs li:hover{
background-color: #602d2d !important;
}
.node-form .standard,
.node {
clear: none;
}
.form-item .description {
font-size: 1em;
}

/* Carousel */

ul#sponsors_carousel {
list-style-type: none;
clear: both;
padding: 0;
}
ul#sponsors_carousel li{
float: left;
padding: 5px 5px;
margin: 10px;
border: 1px solid #ccc;
width: 175px;
height: 123px;
text-align: center;
}
ul#sponsors_carousel div.sponsor_subtitle {
width: 175px;
text-align: center;
font-weight: bold;
position: absolute;
}
.sponsors_carousel_bottom{
height: 10px;
background-color: #8d1c0e
}

/* Shortlists */

div.view-Shortlists div.info h2 {
background-color:#AE4633;
color:white;
font-size:1.2em;
font-weight:bold;
margin:0 0 10px;
padding:3px 10px;
width:602px;
clear: left;
}

div.view-Shortlists div.info ul{
width: 250px;
}

div.view-Shortlists div.info div{
float: left;
}

/* sIFR */
h2.sifr {
margin: 0 0 0 4px;
}

/* Views */

a.inline_edit{
color: #fff;
font-size: 0.9em;
display: block;
outline: none;
}