/*  Table of Contents					*/
/*  1. H1 Header					*/
/*  2. Internal Links					*/
/*  3. Search Results					*/
/*  4. Ad Column					*/
/*  5. Navigation / Refine Search 	    		*/
/*  6. Header					 	*/
/*  7. Footer					 	*/
/*  8. Pager						*/
/*  9. Sponsored Jobs & GlobeCareers			*/
/*  10. Email job dropdown				*/
/*  11. Star ratings Tooltip				*/
/*  12. Email Notifications        			*/
/*  13. Competition dropdown        			*/
/*  14. TCD Search Results */


h1 {font: 16pt/16pt "Arial","Helvetica","sans"; font-weight: bold}

h2 {font: 14pt/14pt "Arial","Helvetica","sans"; font-weight: bold; color: #857750 }

h3 {font: 12pt/12pt "Arial","Helvetica","sans"; font-weight: bold; color: #D19900; margin-bottom: 6pt }

h4 {font: 10pt/10pt "Arial","Helvetica","sans"; font-weight: bold; color: #335e56; margin-bottom: 0pt}

h5 {font: 10pt/10pt "Arial","Helvetica","sans"; font-weight: bold}

h6 {font: 10pt/10pt "Arial","Helvetica","sans"}

ol {font: 10pt/10pt "Arial","Helvetica","sans"}


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    }

.clearfix:after {
    clear: both;
    }

.clearfix {
    zoom: 1; /* ie 6/7 */
    }

/* Home Page*/

#home-container {
    position:relative;
    top:75px;
}

#home-container h1 {
    position: relative;
    font-family: Trebuchet, Verdana, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #333;
    text-align: center;
    word-wrap:none;
}

#home-container #footer {
    position:relative;
        width: 338px;
        margin-left: auto; margin-right: auto;
    top:125px;
}

#home-search {
    position:relative;
    margin-left: auto; margin-right: auto;
    top: 10px;
    width: 620px;
}

#home-logo {
        position: relative;
        width: 338px;
        margin-left: auto; margin-right: auto;
        margin-bottom: 85px;
        padding-bottom: 25px;
}

#home-logo #eluta-logo {
        position: absolute;
/*         left: 0px; */
        left: -65px;
/*         clip:rect(0px 338px 72px 0px); */
}

body {
            background: #FFF;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            margin: 0px;
            min-width: 840px;
            min-height: 100%;
        }

        #container, #container-er {
            max-width: 600px;
            padding-left: 220px;
            padding-right: 380px;
        }

    #container {
            min-width:420px;
    }
    
    #container-er {
        min-width: 600px;
    }	

        .col {
            position: relative;
            float: left;
        }

        #center {
            width: 100%;
            padding: 0 10px;
        }

        #left {
            width: 200px;
            padding: 0 10px;
            right: 240px;
            margin-left: -100%;
        }

        #right {
            width: 310px;
            padding: 0 20px;
            margin-right: -380px;
        }


/********************************************************/
/*  1. H1 Header					*/


#heading	{
    font-family: Arial, sans-serif;
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin: 72px 0px 4px 15px;
    }

#heading h1	{
    font-size: 18px;
    width:100%;
    word-wrap:break-word;
    }



/********************************************************/
/* 2. Internal Links */


#internal-lk, 
#refine-search,
#refine-tcd-search{
    position: relative;
    overflow: hidden;
    min-width: 140px;
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 0 1em 0 1em;
    float: left;
    margin-top: 15px;
    }

#internal-lk:before,
#refine-tcd-search:before {
    content:"Refine Search";
    font-size: 16px;
    font-weight: bold;
    color: #666;
    }

.refine_search_more span.more{
    display:inline;
    }

.refine_search_more span.less{
    display:none;
    }

.refine_search_less span.less{
    display:inline;
    }

.refine_search_less span.more{
    display:none;
    }

.il-section	{
    margin: 10px 0px 0px 0px;
    }

.il-section a,
.f-rs-c,
.f-rs-o
    {
    color: #666;
    text-decoration: none;
    }

.il-section a:hover,
.f-rs-c:hover,
.f-rs-o:hover
    {
    text-decoration: underline;
    cursor: pointer;
    }


.il-label	{
    font-weight: bold
    }




/********************************************************/
/*  3. Search Results					*/

#job-count	{
    position: relative;
    overflow: hidden;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: -11px 0px 10px 0px;
    }


#organic-jobs, 
.sponsored-jobs, 
.globe_careers_job  {
    position: relative;
    overflow: hidden;
    }

.organic-job	{
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-spacing: 17px;
    margin: 20px 0px 0px 10px;
    }

.organic-job:hover .location,
.eluta_sponsored_job:hover .location, 
.globe_careers_job:hover .location
    {
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    color: #000;
    }

.organic-job:hover .lastseen	{
    -webkit-transition: color 0.2s linear, border-bottom 0.2s linear;
        -moz-transition: color 0.2s linear, border-bottom 0.2s linear;
        -ms-transition: color 0.2s linear, border-bottom 0.2s linear;
        -o-transition: color 0.2s linear, border-bottom 0.2s linear;
        transition: color 0.2s linear, border-bottom 0.2s linear;
    cursor: pointer;
    border-bottom: 1px dotted #999; 	
    color: #000;
    display: inline;
    }

.organic-job:hover .lastseen:hover,
.eluta_sponsored_job:hover .lastseen:hover, 
.globe_careers_job:hover .lastseen:hover
    {
    text-decoration: none;
    }
    
.organic-job:hover .email	{
    -webkit-transition: border-bottom 0.2s linear, display 0.2s linear;
        -moz-transition: border-bottom 0.2s linear, display 0.2s linear;
        -ms-transition: border-bottom 0.2s linear, display 0.2s linear;
        -o-transition: border-bottom 0.2s linear, display 0.2s linear;
        transition: border-bottom 0.2s linear, display 0.2s linear;
    border-bottom: 1px dotted #999; 	
    display: inline;
    cursor: pointer;
    color: #000;
    }

.lk-job-title	{
    font-size: 17px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
    }

.lk-job-title:hover	{
    color: #ff6600;
    }


/*Styling in next item is used when a salary is appended to a job title */

h2	{
    margin: 0px 0px 0px 0px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #e36f1e;
    }

.employer {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    }
    
.lk-employer {
    cursor: pointer;
    -webkit-transition:color 0.5s linear;
    -moz-transition:color 0.5s linear;
    -ms-transition:color 0.5s linear;
    -o-transition:color 0.5s linear;
    transition:color 0.5s linear;
    }
    
.organic-job:hover .lk-employer,
.sponsored_job:hover .lk-employer{
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -ms-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
    color: blue;
    }
    
.lk-employer:hover	{
    text-decoration: underline;
    }    
    
.employer-rating {
    position: relative;
    opacity: 0.3;
    padding-right: 85px;

    -webkit-transition: 0.4s opacity ease-in; 
    -o-transition: 0.4s opacity ease-in;
    -moz-transition: 0.4s opacity ease-in; 
    transition: 0.4s opacity ease-in;
    }

.organic-job:hover .employer-rating,
.eluta_sponsored_job:hover .employer-rating, 
.globe_careers_job:hover .employer-rating
{
    opacity: 1.0;
    -webkit-transition: 0.2s opacity ease-in; 
    -o-transition: 0.2s opacity ease-in;
    -moz-transition: 0.2s opacity ease-in; 
    transition: 0.2s opacity ease-in;
    }



.employer-review a {
    position: relative;
    margin-right: 30px;
    font-size: 12px;
    text-decoration: none;
    color: #666;
    -webkit-transition:color 0.5s linear;
        -moz-transition:color 0.5s linear;
        -ms-transition:color 0.5s linear;
        -o-transition:color 0.5s linear;
        transition:color 0.5s linear;
    }
    
.organic-job:hover .employer-review a	{
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    color: blue;
    }
    
.employer-review a:hover	{
    text-decoration: underline;
    }

#container-er .eluta_sponsored_job .employer-review {
    display:none;
}

.lk-employer-review {
    position: relative;
    left: 15px;
    white-space: nowrap;
    }
    
.location	{
    position: relative;
    left: 15px;
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 1px;
    }


.description	{
    display: block;
    margin-top: 0px;
    }

.domain	{
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    font-size: 13px;
    color: #666;
    margin-right: 15px;
    }

.organic-job:hover .domain	{
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    color: green;
    }

.lastseen	{
    -webkit-transition: color 0.2s linear, border-bottom 0.2s linear;
        -moz-transition: color 0.2s linear, border-bottom 0.2s linear;
        -ms-transition: color 0.2s linear, border-bottom 0.2s linear;
        -o-transition: color 0.2s linear, border-bottom 0.2s linear;
        transition: color 0.2s linear, border-bottom 0.2s linear;
        border-bottom: none;
    font-size: 13px;
    margin-right: 15px;
    color: #666;
    white-space: nowrap;
    }

.email	{
    -webkit-transition: opacity 0.5s linear, border-bottom 0.5s linear, color 0.5s linear;
        -moz-transition: opacity 0.5s linear, border-bottom 0.5s linear, color 0.5s linear;
        -ms-transition: opacity 0.5s linear, border-bottom 0.5s linear, color 0.5s linear;
        -o-transition: opacity 0.5s linear, border-bottom 0.5s linear, color 0.5s linear;
        transition: opacity 0.5s linear, border-bottom 0.5s linear, color 0.5s linear;
        border-bottom: none;
    font-size: 13px;
    color: #000;
    opacity: 0.0;
    }

.organic-job:hover .email	{
    -webkit-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -moz-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -ms-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -o-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        opacity: 1.0;
        font-size: 13px;
    cursor: pointer;
    border-bottom: 1px dotted #999;
    color: #000;
    }


/*This next item is for PDFs and DOC files, appearing before the title */
.resultInfo	{
    position: relative;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: #666;
    text-decoration: none;
    top: -2px;
    }
        

/* This next item is used for the special error message when there are no search results */
.no-results {
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 18px;
    }

.no-results .lk {
    color: blue;
    text-decoration: none;
    cursor: pointer;
    }

.disamb-city	{
    position: relative;
    top: 4px;
    font-family: Arial, sans-serif;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 5px;
    }

.disamb-city a	{text-decoration:none;}
.disamb-city a:hover	{text-decoration:underline;}

.lk:hover {
    text-decoration: underline;
    }

.searchTip {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #666;
    margin-top: 25px;
    margin-bottom: 40px;
    }

.searchTip a {
    text-decoration: none;
    color: blue;
    }

.searchTip a:hover {
    text-decoration: underline;
    }

.highlight {
    font-weight: bold;
    }

    
/********************************************************/
/*  4. Ad Column					*/

#globeCareersContainer, #summitPromoAd, #adsense	{
    position: relative;
    overflow: hidden;
    margin: 0px 0px 15px 0px;
    }

#right br	{
    line-height: 40px;
    }

#summitPromoAd:hover	{
    cursor: pointer;
    }

#lk-raj a {
    position: relative;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    float: right;
    margin-top: 5px;
    }

#lk-raj a:hover	{
    color: blue;
    text-decoration: underline;
    }

.sponsorHeader {
    font-family: Arial, sans-serif;
    font-size: 75%;
    text-align: left;
    }


.sponsorHeader a  {
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #666;
    text-decoration: none;
    margin: 20px 0px 5px 0px;

    }

.sponsorHeader a:hover	{
    color: blue;
    text-decoration: underline;
    }

.jobWordHost	{
    position: relative;
    overflow: hidden;
    clear: both;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: green;
    }
    


/********************************************************/
/*  5. Navigation / Refine Search 			*/

#refine-search {clear:left;}

optgroup + optgroup 
    { 
    padding-top: 10px;
    margin-left: -15px;
    background: #FFF;
    }

.f-rs-o {
    color: #666;
    border: none;
    background: #FFF;
    }


#f-rs	{
    position: relative;
    padding-top: 0px;
    background: #FFF;
    }

#filter-employer	{
    position: relative;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 15px;
    }

#filter-job	{
    position: relative;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 15px;
    }

#more4 div:hover,
#more5 div:hover
    {
    text-decoration: underline;
    cursor: pointer;
    }

.l-rs	{
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
    }


#filter-sort, #filter-radius	{
    position: relative;
    margin-left: 22px;
    padding-right: 5px;
    line-height: 24px;
    display: inline;
    }

#filter-radius	{
    margin-left: 27px;
    }


#f-rs-s	{
    position: relative;
    color: #FFF;
    margin-top: 33px;
    font-size: 11px;
    padding: 2px 6px 2px 6px;
    background-color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    -webkit-transition:background-color 0.15s linear;
        -moz-transition:background-color 0.15s linear;
        -ms-transition:background-color 0.15s linear;
        -o-transition:background-color 0.15s linear;
        transition:background-color 0.15s linear;
    }

#f-rs-s:hover {
    color: #FFF;
    background-color: #e36f1e;
    -webkit-transition:background-color 0.05s linear;
        -moz-transition:background-color 0.05s linear;
        -ms-transition:background-color 0.05s linear;
        -o-transition:background-color 0.05s linear;
        transition:background-color 0.05s linear;
    cursor: pointer;
    }

#f-rs-ol {
    color: blue;
    border: none;
    }		

#filter-employer {
    white-space: nowrap;
    }



#more4 div:hover,
#more5 div:hover
    {
    text-decoration: underline;
    cursor: pointer;
    }

#more4,
#more5	{
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 12px;
    }


.more,
.less	{
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    }

.more:hover, 
.less:hover	
    {
    color: #000;
    }

#f-rs-c:hover	{
    text-decoration: underline;
    cursor: pointer;
    }




/********************************************************/
/* 6. Header 						 */
#header	{
    overflow: visible;
    height: 30px;
    width: 100%;
    font-family: Verdana, sans-serif;
    color: #999;
    border-bottom: 1px solid #efe9e4;
    }


#header, #footer	{
    min-width: 1020px;
    }

#search-box #eluta-logo	{
    position:absolute;
    top: 45px;
    left: 12px;
    clip:rect(0px 338px 32px 0px);
    max-width:150px;
    }
    
#search-form {
    position:relative;
    left:200px;
    top:5px;
}

.label {
        color: #b15326;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    padding-left:10px;
    padding-bottom:2px;
    width:200px;
}

.f-ss-i {
    float:left;
}
    
#lk-advanced	{
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 9px;
    left: 30px;
    top: 2px;
    }

#lk-advanced:hover	{
    text-decoration: underline;
    cursor: pointer;
    color: blue;
    width:100px;
    }

#f-ss-s { 
    border: none;
    border-radius: 2px;
    color: #ffffff; 
    font-family: Trebuchet, Verdana, Arial, sans-serif; 
    font-size: 16px;
    font-weight: normal; 
    letter-spacing: 0.15em;
    margin-top:5px;
    padding: 2px 10px 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    }

.f-ss-s {
    background-color: #e36f1e; 
    background: -webkit-gradient(linear, left top, left bottom, from(#e36f1e), to(#af3a05));
    background: -webkit-linear-gradient(top, #e36f1e, #af3a05);
    background: -moz-linear-gradient(top, #e36f1e, #af3a05);
    background: -ms-linear-gradient(top, #e36f1e, #af3a05);
    background: -o-linear-gradient(top, #e36f1e, #af3a05);
    background: linear-gradient(top, #e36f1e, #af3a05);
    }

.f-ss-s:hover {
    cursor: pointer;
    -webkit-transition:background 0.05s linear;
    -moz-transition:background 0.05s linear;
    -ms-transition:background 0.05s linear;
    -o-transition:background 0.05s linear;
    transition:background 0.05s linear;
    
    background: #f78131; 
    background: -webkit-gradient(linear, left top, left bottom, from(#f78131), to(#ce5d00));
    background: -webkit-linear-gradient(top, #f78131, #ce5d00);
    background: -moz-linear-gradient(top, #f78131, #ce5d00);
    background: -ms-linear-gradient(top, #f78131, #ce5d00);
    background: -o-linear-gradient(top, #f78131, #ce5d00);
    background: linear-gradient(top, #f78131, #ce5d00);    
    }

.form-input-text {
    position: relative;
    background-color: none; 
    border: 1px solid #333;
    color: #666;
    font-family: Verdana; 
    font-size: 16px;
    font-weight: normal; 
    margin: 0px 15px 0px 5px;
    padding: 1px 1px 2px 5px;
    text-decoration: none;
    width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#lk-globe	{
    position: absolute;
    top: 4px;
    right: 260px;
    font-family: Times New Roman, Times, Serif;
    font-size: 16px;
    color: #7c7c7c;
    }

#lk-globe:hover	{
    text-decoration: underline;
    cursor: pointer;
    }

#lk-globe #lk-globe-b	{
    color: #d21f26;
    }

#lk-advertise	{
    position: absolute;
    top: 6px;
    right: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    white-space:nowrap;
    }

#lk-advertise #lk-a	{
    font-weight: bold;
    }

#lk-advertise #lk-b	{
    text-decoration: none;
    cursor: pointer;
    color: blue;
    }

#lk-advertise #lk-b:hover {
    text-decoration: underline;
    }

#advertise {
    position: relative;
    margin-top: 15px;
    text-align: right;
    }

#advertise a,
#advertise a:visited
    {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #666;
    }

#advertise a:hover {
    text-decoration: underline;
    color: blue;
    }


/********************************************************/
/* 7. Footer 						 */

#footer {
    clear:both;
    width:100%;
    max-width: 1200px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: center;
    padding: 30px 0px 50px 0px;
    }

.footer	{
    color: #666;
    padding-right: 40px;
    }

.footer a,
#footer .lk {
    color: #666;
    cursor: pointer;
    text-decoration: none;
    }

.footer a:hover,
#footer .lk:hover {
    color: blue;
    text-decoration: underline;
    }

#dynamicFooter {
    margin: 1.25em auto 0 auto;
    }

#dynamicFooter .lk{
    padding-right: 0;
    }
    
#copyright	{
    position: relative;
    width:100%;
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    padding: 30px 0px 50px 0px;
    }



/********************************************************/
/*  8. Pager						    */


#pager	{
    clear:both;
    color: #000;	
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    padding: 25px 0px 20px 10px;
    white-space:nowrap;
    }

#pager-current	{
    font-weight: bold;
    }

#pager-prev, #pager-next	{
    color: blue;
    font-weight: bold;
    }

#pager-prev:hover, #pager-next:hover	{
    text-decoration: underline;
    cursor: pointer;
    }

#pager input	{
    font-family: Verdana, Arial, sans-serif; 
    font-size: 14px;
    padding: 2px 3px 2px 3px;
    width: 30px;
    }

#f-pager-button {
    color: #FFF;
    background-color: #999;
    border: none;
    margin-left: 5px;
    }

#f-pager-button:hover {
    color: #FFF;
    background-color: #e36f1e;
    cursor: pointer;
    }



/********************************************************/
/*  9. Sponsored Jobs & GlobeCareers			    */

.sponsored_job,
.advertised_job {
    border-top: solid 1px #ede2c8;
    border-right: solid 6px #ede2c8;
    border-bottom: solid 1px #ede2c8;
    border-left: solid 1px #ede2c8;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-left: 2px;
    margin-top: 10px;
    padding: 5px 6px 4px 8px;
    position: relative;
    }

.sponsored_job:hover .employer-review a,
    {
    -webkit-transition:color 0.2s linear;
        -moz-transition:color 0.2s linear;
        -ms-transition:color 0.2s linear;
        -o-transition:color 0.2s linear;
        transition:color 0.2s linear;
    color: blue;
    }

.sponsored_job:hover .email,
.advertised_job:hover .email
    {
    -webkit-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -moz-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -ms-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        -o-transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        transition: opacity 0.2s linear, border-bottom 0.2s linear, color 0.2s linear;
        opacity: 1.0;
        font-size: 13px;
    cursor: pointer;
    border-bottom: 1px dotted #999;
    color: #000;
    }
    
.globe_careers_job      {
    padding: 2px 6px 4px 8px;
    border-top: solid 1px #ffcc66;
    border-right: solid 6px #ffcc66;
    border-bottom: solid 1px #ffcc66;
    border-left: solid 1px #ffcc66;
    }    
    
.eluta_sponsored_job .employer,
.advertised_job .employer {
    font-size: 14px;	
    }

.sponsored_employer {
    margin-bottom: -15px;
    }

.sponsored_employer .img-lk {
    top: 0;
    }

.img-lk	{
    float: right;
    display: block;
    padding: 3px 3px 1px 4px;
    opacity: 1.0;
    -webkit-transition:opacity 0.2s linear;
        -moz-transition:opacity 0.2s linear;
        -ms-transition:opacity 0.2s linear;
        -o-transition:opacity 0.2s linear;
        transition:opacity 0.2s linear;
    }
.advertised_job .sponsoredjobimg {
    max-width: 80px;
    max-height: 35px;
    width: auto;
    height: auto;
    }

.img-lk:hover {
    opacity: 0.7;
    -webkit-transition:opacity 0.05s linear;
        -moz-transition:opacity 0.05s linear;
        -ms-transition:opacity 0.05s linear;
        -o-transition:opacity 0.05s linear;
        transition:opacity 0.05s linear;
    cursor: pointer;
    }

.topAdsContainer {
    margin-bottom: 10px;
    }

.bottomAdsContainer {
    margin-top: 10px;
    }

.sideAdUnit {
    border: none;
    font-family: Arial, sans-serif;
    margin: 0 0 10px 0;
    }

.sideAdUnit img {
    border: none;
    }
    
.sponsored_job .domain {
    color: green;
    }

.sponsored_job:hover .lastseen {
    -webkit-transition: color 0.2s linear, border-bottom 0.2s linear;
        -moz-transition: color 0.2s linear, border-bottom 0.2s linear;
        -ms-transition: color 0.2s linear, border-bottom 0.2s linear;
        -o-transition: color 0.2s linear, border-bottom 0.2s linear;
        transition: color 0.2s linear, border-bottom 0.2s linear;
    cursor: pointer;
    border-bottom: 1px dotted #999; 	
    color: #000;
    display: inline;
    }

.lk-postjobs	{
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 7px;
    text-transform: uppercase;
    color: blue;
    background: #ede2c8;
    letter-spacing: 1px;
    padding: 2px 0px 2px 5px;
    z-index: 900;	
    }

.lk-postjobs {    
    cursor: pointer;
    }

.lk-postjobs:hover {
    color: #cc6600;
    }

.lk-gc	{
    position: absolute;
    cursor: pointer;
    right: 7px;
    bottom: 2px;
    margin-top: -1px; margin-right: -2px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #999;
    opacity: 1.0;
    z-index: 100;
    }

.lk-globe-a 	{
    font-family: Times New Roman, Times, Serif;
    font-size: 16px;
    font-weight: normal;
    color: #7c7c7c;
    }

.lk-globe-b	{
    font-family: Times New Roman, Times, Serif;
    font-size: 16px;
    color: #d21f26;
    font-weight: normal;
    }

.lk-gc:hover	{
    opacity: 0.8;
    }

img.sponsoredjobimg {
    padding-left:3px;
    }

/* Employer Photos */
    
.employerPhotos {
    min-width: 425px;
    padding-left: 10px;
    text-align: justify;
    }

/* Needed to make justify work */    
.employerPhotos:after{
    content:""; 
    display: inline-block; 
    width: 100%; 
    height: 0;
    }    

.employerPhotoWrapper {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    
    /* IE 7 crap*/
    *display: inline;
    *margin: 0 5px 0 5px; 
    *width:80px;
    zoom: 1;
    }

.employerPhoto {
    cursor: pointer;
    margin: 0 auto;
    text-align:center;
    width: 80px;
    }
    
.employerPhoto img {
    border: none;
    }

.employerPhotoHover {
    -moz-box-shadow: 0 0 12px #D19900;
    -webkit-box-shadow: 0 0 12px #D19900;
    box-shadow: 0px 0px 12px #D19900;        
    }
    
.employerPhotoName {
    color: #939393;
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 28pt;
    max-height: 28pt;
    line-height: 1em;
    margin: 5px 0 0 0;
    overflow: hidden;
    text-align: center;
    width: 100%;

    /* IE 7 crap*/
    *height: 40pt;
    *max-height: 40pt;
    * line-height: 10pt;
    }

.questionIcon {
    filter: grayscale(100%);
    -webkit-filter: grayscale(1); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);

    opacity: 0.33;

    transition: opacity 0.4s linear;
    X-moz-transition: opacity 0.4s linear;
    X-ms-transition: opacity 0.4s linear;
    X-o-transition: opacity 0.4s linear;
    -webkit-transition: opacity 0.4s linear;

    vertical-align: middle;
    z-index: 999;                    
    }

.questionIcon:hover {
    filter: none;
    -webkit-filter: none; 
    -moz-filter: none;
    -ms-filter: none; 
    -o-filter: none;
    -webkit-filter: none;

    opacity: 1.0;
    z-index:9999; 
    }                    

span > .iconTooltip {
    opacity: 0;
    margin-top: -10px;
    visibility: hidden;
    margin-left: -15px;

    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;
    text-transform:none;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    font-style: normal;
    text-align: left;

    -webkit-transition-property:opacity, margin-top, visibility, margin-left;
    /* Crashes Safari 6! */
    /*-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;*/
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

    -moz-transition-property:opacity, margin-top, visibility, margin-left;
    -moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

    -o-transition-property:opacity, margin-top, visibility, margin-left;
    -o-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

    transition-property:opacity, margin-top, visibility, margin-left;
    transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
    }   

.iconTooltip a { 
    color: #06C; 
    text-decoration:none; 
    }
.iconTooltip a:hover { 
    color: #333; 
    text-decoration:underline; 
    }
.iconTooltip a:active { 
    color: #000; 
    text-decoration:none; 
    }

span .iconTooltip:hover,
span:hover > .iconTooltip {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    margin-top: 30px;
    display: inline;
    margin-left: 0;

    transition-duration:0.5s, 0.3s, 0.5s;  
    -moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  
    -o-transition-duration:0.5s, 0.3s, 0.3s;  
    -webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  

    transition-property:opacity, margin-top, visibility, margin-left;
    -moz-transition-property:opacity, margin-top, visibility, margin-left;
    -o-transition-property:opacity, margin-top, margin-left;
    -webkit-transition-property:opacity, margin-top, visibility, margin-left;

    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;     
    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;        
    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    
    z-index: 9999;
    }

.iconTooltip {
    background: #FFFBCF;
    background: -moz-linear-gradient(top, #FFFBCF 0%, #FFFCDF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFBCF), color-stop(100%,#FFFCDF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFBCF', endColorstr='#FFFCDF',GradientType=0 );

    border: 1px solid #EFE795;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff; 
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;   
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;

    color: #777;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    margin-left: -40px;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
    width: 125px;
    max-width: 125px;
    z-index: 700;   
    }

.iconTooltip span { /* Triangle */
    background: #FFFBCF;

    border: 0;
    border-top: 1px solid #EFE795;
    border-right: 1px solid #EFE795;    

    box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;

    display: block;
    display /*\**/: none\9;
    *display: none !important;
    *display: none;

    height: 10px;
    margin-left: 15px;
    margin-top: -16px;

    position: absolute;

    transform: rotate(-65deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);

    width: 10px;
    }    
 
/********************************************************/
/*  10. Email job dropdown		    	        */


.emailjob {
    position: relative;
    overflow: hidden;
    clear: both;
    min-height: 85px;
    padding: 10px 4px 0px 10px;
    margin-bottom: -4px;
    margin-right: -6px;
    margin-left: -8px;
    font-family: Arial, sans-serif;
    font-size: 13px;

    background: #f6f4ee; /* for non-css3 browsers */
    }




#lbl-tellafriend	{
    position: relative;
    display: block;
    padding: 0px 0px 15px 0px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #e36f1e;
    white-space:nowrap;
    }

#lbl-emailfrom, 
#lbl-emailto	
    {
    position: relative;
    font-size: 12px;
    line-height: 50%;
    white-space:nowrap;
    display: block;
    color: #666;
    }

.f-email-to, .f-email-from	{
    position: relative;
    clear: both;
    top: -15px;
    left: 80px;
    width: 270px;
    display: block;
    border: 1px solid #999;
    font-face: Verdana, Arial, sans-serif;
    font-size: 14px;
    }

.f-email-cm	{
    bottom: 50px;
    clear: both;
    left: 380px;
    margin-bottom: 0;
    position: absolute;
    }

#emailconfirm {
    margin-bottom: 10px;
    }

#lbl-emailconfirm {
    vertical-align: top;
    }

#lbl-copyme	{
    position: absolute;
    clear: both;
    width: 190px;
    bottom: 50px;
    left: 400px;
    }

!#lbl-copyme:after	{
    content: "We don't store or share email addresses for any purpose";
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #666;
    text-align: center;
    margin-top: 7px;
    margin-left: 25px;
    color: #000;
    opacity: 0.0;
    -webkit-transition: opacity 0.5s linear;
        -moz-transition: opacity 0.5s linear;
        -ms-transition: opacity 0.5s linear;
        -o-transition: opacity 0.5s linear;
        transition: opacity 0.5s linear;
    }

.emailjob form:hover #lbl-copyme:after
    {
    opacity: 1.0;
    -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -ms-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
    }

.f-email-button {
    position: absolute;
    clear: both;
    bottom: 22px;
    left: 380px;
    color: #FFF;
    font-size: 13px;
    padding: 2px 5px 2px 5px;
    background-color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    -webkit-transition:background-color 0.15s linear;
        -moz-transition:background-color 0.15s linear;
        -ms-transition:background-color 0.15s linear;
        -o-transition:background-color 0.15s linear;
        transition:background-color 0.15s linear;
    }

.f-email-button:hover {
    color: #FFF;
    background-color: #e36f1e;
    -webkit-transition:background-color 0.05s linear;
        -moz-transition:background-color 0.05s linear;
        -ms-transition:background-color 0.05s linear;
        -o-transition:background-color 0.05s linear;
        transition:background-color 0.05s linear;
    }

.error-title	{
    position: relative;
    margin-left: 10px;
    color: red;
    font-weight: bold;
    }

.errors	{
    margin-left: 10px;
    color: red;
    }

.errors li {
    list-style-type: square;
    }

.emailclose	{
    position: absolute;
    clear: both;
    right: 5px;
    top: 10px;
    margin: -10px 10px 0px 0px;
    opacity: 0.6;
    color: #827c6c;
    font-size: 18px;
    }

.emailclose:hover	{
    opacity: 1.0;
    cursor: pointer;
    }



/*  11. Star ratings Tooltip				    */


.tooltip {
    position: absolute;
    margin-top: -136px;
    margin-left: -80px;
    width: 500px;
    height: 90px;
    padding: 0px 12px 5px 12px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #FFF;
    background: #444444;
    border-radius: 8px;
    z-index: 999;
    }


.tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #444444 transparent transparent transparent;
    bottom: -18px;
    left: 50px;
}

#er-tooltip em	{
    font-style: normal;
    color: gold;
    }

.star{
position:absolute;
margin-top:-74px;
padding-right:30px;
}

.star1{
margin-left: -56px;
clip:rect(74px 127px 87px 56px);
}

.star2{
margin-left: -42px;
clip:rect(74px 113px 87px 42px);
}

.star3{
margin-left: -28px;
clip:rect(74px 99px 87px 28px);
}

.star4{
margin-left: -14px;
clip:rect(74px 85px 87px 14px);
}

.star5{
margin-left: 0px;
clip:rect(74px 71px 87px 0px);
}


/* 12. Email Notifications */


.job-alert {
        font-family: Arial, sans-serif;
        font-size:14px;
    padding: 10px 10px 10px 10px;
    margin-top:15px;

    background-color: #faf7ec;
    background: -webkit-gradient(linear, left top, left bottom, from(#faf7ec), to(#efece4));
    background: -webkit-linear-gradient(top, #faf7ec, #efece4);
    background: -moz-linear-gradient(top, #faf7ec, #efece4);
    background: -ms-linear-gradient(top, #faf7ec, #efece4);
    background: -o-linear-gradient(top, #faf7ec, #efece4);
    background: linear-gradient(top, #faf7ec, #efece4);

}

.job-alert-status {
    color:red;
}

.job-alert-text1, .job-alert-form {
    margin-bottom:5px;
}

.job-alert-status{
    font-size:13px;
    margin-top:5px;
}

.job-alert-text2 {
    color:#666666;
    font-size:11px;
}

.job-alert-email {
    font-family:Arial,sans-serif;
    font-size:15px;
    height: 20px;
    line-height: 17px;
    padding-left: 6px;
    padding-right: 6px;
    width:60%;
    max-width: 60%;
}

.job-alert-button {
    position: relative;
    left: 15px;
}

.job-alert-button:hover  {
    box-shadow: 0px 0px 2px #666;
    cursor: pointer;
}





/*  13. Competition dropdown        			*/


#search-winners	{
    position: absolute;
    color: #000;
    top: -10px;
    left: 4px;
    margin:2px;
    font:13px Arial, Helvetica, sans-serif;
    z-index: 9000;
    }

.dropdown {
    float:left; 
    padding-right:5px;
    width: 200px;
    height:6px;}


.dropdown dt {border:none; padding:2px; font-weight:normal; 
cursor:pointer; background: none;}

.dropdown dd {position:absolute; overflow:hidden; width:308px; display:none; background:#fff; z-index:200; opacity:0; margin-left: -20px;}

.dropdown ul {width:304px; border:none; list-style:none; border-top:none; }

.dropdown li {display:inline; }

.dropdown .underline, 
.dropdown .underline:active, 
.dropdown .underline:visited {
    display:block; padding:5px; 
    color:#333; 
    text-decoration:none; 
    background:#fff; 
    width:294px;
    }

.dropdown .underline:hover {background: #f2ede9; color:#000; cursor: pointer;}

.dropdown .underline {border-bottom:1px dotted #897f68;}


/* End Competition dropdown CSS */


/*  14. TCD Search              */
#tcdHeading {
    font-family: Arial, sans-serif;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin: 45px 0px 4px 15px;    
    }

.tcdSummaryLeader {
    color:#8a7f69;
    font-weight:bold;
    }
    
.tcdSideLogo {
    margin-top: 3em;
    }

#tcdLogo-ie8 {
    display: none;
    }
    
#tcd-search-form h3 {
    margin-bottom: 2pt;
    }

.tcd_refine_province {
    margin-top: 3px;
    }

.tcd_refine_city {
    margin-left: 15px;
    }
.tcd_refine_city_last {
    margin-bottom: 5px;
    }

.tcd_refine_province {
    cursor: pointer;
    }

.tcd_refine_province_open span.open{
    display: inline;
    }

.tcd_refine_province_open span.closed{
    display: none;
    }

.tcd_refine_province_closed span.open{
    display: none;
    }

.tcd_refine_province_closed span.closed{
    display: inline;
    }

.tcd_search_group{
    float:left;
    margin-right: 10px;
    margin-top: -10px;
    }

.tcd_search_group select {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    }

.tcd_single_line h4 {
    color: #000000;
    }

.tcd_single_line #f-ss-s {
    margin-top: 0;
    }

.f-ss-s_disabled {
    background-color: #bbbbbb; 
    background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#cfcfcf));
    background: -webkit-linear-gradient(top, #bbbbbb, #cfcfcf);
    background: -moz-linear-gradient(top, #bbbbbb, #cfcfcf);
    background: -ms-linear-gradient(top, #bbbbbb, #cfcfcf);
    background: -o-linear-gradient(top, #bbbbbb, #cfcfcf);
    background: linear-gradient(top, #bbbbbb, #cfcfcf);
    }

.organic-employer:hover .lastseen,
.eluta_sponsored_employer:hover .lastseen {
    cursor: default;
    }

.organic-employer .lk:hover,
.organic-employer:hover .lk,
.eluta_sponsored_employer .lk:hover,
.eluta_sponsored_employer:hover .lk {
    border-bottom: none;
    text-decoration: none;
    }


/* End TCD Search CSS            */


.reg {
    position: relative;
    font-size: 70%;
    top: -5px;
    margin-left: 1px;
    }


.jobWordItem {
        font-family: Arial,sans-serif;
        font-size: 13px;
        margin-bottom: 15px;
}

.jobWordLink {
    clear:both;
    font-weight: bold;
    font-size:17px;
}

/* Override jQuery UI CSS */
ul.ui-autocomplete {
    font-family : Trebuchet, Verdana, Arial, sans-serif;
    font-size: 12px;
    }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
    }

/* Jobs-at pages */
#employerContainer    {
    background: #FFF;
    background-size: contain;
    border: 1px solid #999;
    color: #000;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 12px;
    height: 290px;
    max-height: 290px;
    line-height: 14px;
    margin-bottom: 15px;
    overflow: hidden;
    width: 600px;
    max-width: 600px;
    }

#follow-employer {
    position: relative;
    height: 25px;
    padding-left: 2px;
    padding-bottom: 2px;
    }

.follow-text    {
    position: relative;
    float: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    top: 4px;
    }

.social-badge {
    float: left;
    position: relative;
    width: 150px;
    height: 25px;
    }

.social {
    position: absolute;
    background: url(http://www.eluta.ca/++resource++img/eluta_logo.png);
    height: 22px;
    width: 22px;
    opacity: 1.0;
    -webkit-transition: 0.2s opacity ease-in; 
    -o-transition: 0.2s opacity ease-in;
    -moz-transition: 0.2s opacity ease-in; 
    transition: 0.2s opacity ease-in;
    }
    
.social:hover {
    opacity: 0.7; 
    cursor:pointer;
    -webkit-transition: 0.1s opacity ease-in; 
    -o-transition: 0.1s opacity ease-in;
    -moz-transition: 0.1s opacity ease-in; 
    transition: 0.1s opacity ease-in;
    }

.a  {left: 12px;}       
.b  {left: 42px;}
.c  {left: 72px;}
.d  {left: 102px;}
.e  {left: 132px;}
.f  {left: 162px;}
.g  {left: 192px;}
.h  {left: 222px;}
.i  {left: 252px;}

.facebook {background-position: -315px -73px;}
.twitter {background-position: -292px -73px;}
.linkedin {background-position: -268px -73px;}
.youtube {background-position: -244px -73px;}
.googleplus {background-position: -221px -73px;}
.pinterest {background-position: -198px -73px;}
.instagram {background-position: -175px -73px;}
.flickr {background-position: -152px -73px;}
.flipboard {background-position: -129px -73px;}

#bottomEmployerBar {
    background-color: #4f4d47;
    background: -webkit-gradient(linear, left top, left bottom, from(#4f4d47), to(#0f0e0d));
    background: -webkit-linear-gradient(top, #4f4d47, #0f0e0d);
    background: -moz-linear-gradient(top, #4f4d47, #0f0e0d);
    background: -ms-linear-gradient(top, #4f4d47, #0f0e0d);
    background: -o-linear-gradient(top, #4f4d47, #0f0e0d);
    background: linear-gradient(top, #4f4d47, #0f0e0d);
    height: 20px;
    max-height: 20px;
    position: relative;
    text-align: center;
    top: -20px;    
    }

#careersite_link {
    background-color: #666; 
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222));
    background: -webkit-linear-gradient(top, #666, #222);
    background: -moz-linear-gradient(top, #666, #222);
    background: -ms-linear-gradient(top, #666, #222);
    background: -o-linear-gradient(top, #666, #222);
    background: linear-gradient(top, #666, #222);
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-family: Trebuchet, Verdana, Arial, sans-serif; 
    font-size: 9px;
    font-weight: normal; 
    letter-spacing: 0.15em;
    padding: 1px 8px 1px 8px;
    position:relative;
    top: 3px; /* (bottomEmployerBar.height - careersite_link.height) / 2 */
    text-transform: uppercase;
    }

#careersite_link:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
    background: -webkit-linear-gradient(top, #777, #555);
    background: -moz-linear-gradient(top, #777, #555);
    background: -ms-linear-gradient(top, #777, #555);
    background: -o-linear-gradient(top, #777, #555);
    background: linear-gradient(top, #777, #555);
    background-color: #777; 
    cursor: pointer;
    }

#sideEmployerBar {
    background-color: rgba(0,0,0,.8);
    color: #dddddd;
    font-family: 'Source Sans Pro', san-serif;
    font-size: 13px;
    height: 100%;
    /* width of #employer-review - width of #sideEmployerBar */
    left: 465px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 135px;
    max-width: 135px;
    }
    
#competitionLogos,
#competitionLogos-ie8 {
    margin: 20px auto 0px auto;
    height: 110px;
    min-height: 110px;
    max-height: 110px;
    text-align: center;
    }

#competitionLogos img {
    cursor: pointer;
    max-height: 110px;
    max-width: 110px;
    }

#employerReviewContainer {
    /* employerContainer (290) - overviewCompetitionLogos (110 + 20 margins) - bottomEmployerBar (20) */
    height: 140px;
    display: table;
    }

#employerReview {
    display: table-cell;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    }  
    
#employerReview:hover {
    cursor: pointer;
    }    

#employerName{
    font-weight: bold;
    }    
    
.employerReviewLinkHover {
    color: #ffffff;
    }