/* [%-# @(#)home.css	1.11 11:38:20,09/01/19 (yy/mm/dd) -%] */@import url(navigation.css);
/* Homepage
 -------------------------------------------------------------- */
body {
    font: 75%/1 Arial;
    color: #333;
    background: #000 url(/images/body.png) repeat-y center top;
}
h2 {
    font-size: 1.71em;
    line-height: 1.75;
    padding: 0 12px;
}

h2.latest {
    font-size: 1.17em;
    border-bottom: 1px solid #bababa;
    margin-bottom: 10px;
}

h2.latest span {
    font-size: 1.71em;
    line-height: 1.7083;
} .panelRow1 h2 {
    font-size: 1.71em;
    background: #ffffff url(/images/h2.png) no-repeat 100% 12px;
    border-bottom: 1px solid #bababa;
    margin-bottom: 10px;
}

h3 {
    font-size: 1.17em;
    line-height: 1;
    font-weight: bold;
    color: #8cc63f;
    padding: 0 12px;
}

a {
    color: #333;
}

h3 span {
    font-size: 1.71em
}

h3 a {
    color: #8cc63f;
    text-decoration: none;
    font-weight: bold;
}


p {
    line-height: 1.166;
    padding: 0 12px;
    padding-bottom: 7px;
}

dl, ul, ol {
    padding: 0 12px;
    padding-bottom: 7px;
}

dt {
    font-weight: bold;
    float: left;
    padding-right: 4px;
}

dt, dd, li {
    line-height: 1.166
}

/***************************************
#container{background:#E5E5E5;}

****************************************/

/* Layout
 -------------------------------------------------------------- */ .column {
} .row {
    clear: both;
    padding: 0 10px;
    margin: 20px 0;
} .cell {
    margin: 0 10px;
    float: left;
} #search, #featured {
  /*  background: url(/images/home/row.gif) repeat-y;*/
}

/* Search */ #c1 {
    background: black url(/images/home/search.png) repeat-x top center;
} #c1 div {
    width: 462px;
    padding: 38px 24px 20px 0;
    float: left;
    background: url(/images/home/searchDivider.gif) no-repeat top right;
} #c1 .textfield {
    display: block;
    border: none;
    width: 100%;
    font-size: 2em;
    padding: 4px 3px;
} #c1 .example {
    display: block;
    float: left;
    line-height: 1.5em;
} #c1 .advSearch {
    float: right;
    line-height: 1.5em;
} #c1 .button {
    background: url(/images/home/searchButton.gif) no-repeat 0 0;
    border: none;
    padding: 0;
    width: 52px;
    height: 51px;
    margin-top: 24px;
    font-size: 0;
    float: left;
    /*
     * Not sure if this is important or not, but doesnt vaildate...
     *
     * color:transparent;
     *
     * */
    margin-left: 14px;
    text-indent: -9999px;
    cursor: pointer;
}

/* Featured Recruiters */ .recruiterImages {
    padding: 0 12px;
}
.recruiterImages  a img{margin:0 15px 8px 0;float:left;}
/* Headhunted */ .uploadCV {
    padding: 10px;
    display: block;
    background: #8cc63f;
    color: white;
    float: left;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 7px;
}

/* Skillword */ #c9 p, #c9 h2, #c9 ul {
    padding: 0;
} #c9 {
    width: 600px;
}
#c10 {
    width: 276px;
} #c9 {
    border-top: 1px solid #333;
} #c9 ul {
    width: 150px;
    float: left;
}

/* Style Variants
 -------------------------------------------------------------- */
/* style1 c3, c4, c6, c7, c10 */ .style1 {
    background: white;
} .style1 h2 {
    border-bottom: 1px solid #333;
    margin-bottom: 14px;
}

/* style2 c1 */ .style2 {
    background: black;
    color: white;
} .style2 a {
    color: white;
}

/* style3 c2, c8 */ .style3 {
    background: white;
    padding: 0 12px 7px;
} .style3 h2 {
    line-height: 1.75;
}
.style3 h2 a {

    text-decoration: none;
    
}
/* Widths
 -------------------------------------------------------------- */ #c3, #c4, #c6, #c7 {
    width: 290px;
    padding: 0 0 7px;
} #c1 {
    width: 552px;
    padding: 0 24px;
} #c2, #c8,
#c10 {
    width: 300px;
    padding: 0 0 7px;
}
#c2 div{float:left;}
#c2 a.featuredRecLogo img{float:left;margin:0 0 0 12px;}
/* Overflows */ #header:after, #navigation:after, #content:after, #footer:after, .slidingPanels:after, .row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
 
 .slidingPanels .leftCol, .slidingPanels .rightCol {
 width: 288px;
 float: left;
 }
 
 .slidingPanels .panelHead {overflow: hidden;}
 .slidingPanels .panelContainerInner {
 width: 576px;
 }
 
 .slidingPanels .expandLink {
 position: absolute;
 bottom: 10px;
 right: 10px;
 }
 
 .slidingPanels .panel_left, .slidingPanels .panel_right {
 position: relative;
 }
 .slidingPanels {
 width: 600px;
 margin: 0 10px;
 float: left;
 }
 .slidingPanels div {
 margin: 0;
 }
 .slidingPanels .panel_left {
 float: left;
 height: 243px;
 overflow: hidden;
 }
 
 .slidingPanels .panel_right {
 float: right;
 height: 243px;
 overflow: hidden;
 }
 
 */ .panelContainer {
    background-color: #e5e5e5;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    margin: 0px;
    width: 600px;
    display: block;
    overflow: hidden;
    float: left;
} .panel_left {
    background-color: #ffffff;
    width: 290px;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
} .panel_right {
    background-color: #ffffff;
    clip: rect( 10px, 5px, 10px, 5px );
    margin: 0px 0px 0px 0px;
    width: 290px;
    display: block;
    float: right;
    overflow: hidden;
}

/*
 * using the CSS min-height hack see http://www.dustindiaz.com/min-height-fast-hack/ for more details
 */ .panelRow1 #panel1, .panelRow1 #panel2, panelRow1 .panelLeft, .panelRow1 .panelright {
    min-height: 250px;
    height: auto !important;
    height: 250px;
    overflow: hidden;
} .panelRow1 .sliderIcons {
    margin-top: 10px;
} .clearFix {
    clear: both;
} .panelHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 105%;
    font-weight: bold;
    border-bottom: 1px solid #666666;
} .panelContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    overflow: hidden;
} .panelLink {
    margin-right: 290px;
} .expandLink {
    border: 0px;
} .panelRow1 .addBottomMargin {
    margin-bottom: 10px;
} .shrinkIcon {
    margin-right: 20px;
} .panelRow2 .sliderIcons {
    margin-bottom: 15px;
} .slideHeader {
    overflow: hidden;
}.slideHeader h2 a{
	text-decoration:none; 
}.leftCol {
    float: left;
    width: 280px;
    display: inline-block;
    padding-right: 10px;
} .rightCol {
    float: right;
    width: 280px;
    padding-right: 10px;
    display: inline-block;
} .panelContainerInner {
    width: 600px;
} .sliderIcons {
    text-align: right;
} .sliderIcons img {
    cursor: pointer;
}
