div#Upload-File-Resume-{background:#EFEFEF; border-bottom:solid 1px #DEDEDE;}
div#Upload-File-Resume-{clear:both;}

div#Quick-job-Search{background:#f4f4f4; border-bottom:solid 1px #C1C1C1;}
div#Quick-job-Search{clear:both;}


div#EMPLOYER{background:#E3F2B7; border-bottom:solid 1px #C1E261;}
div#EMPLOYER{clear:both;}


div#JOB-SEEKER{background:#E3F1FA; border-bottom:solid 1px #b7ddf2;}
div#JOB-SEEKER{clear:both;}


/* tabs */
.anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;

}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
    float: left;
    margin: 1px auto;
}
.anchors a {
    display: block;
    position: relative;
    border: 2px solid #eaeaea;
    border-bottom: 0;
    z-index: 2;
    padding: 2px 9px 1px;
    color: #fff;
    text-decoration: none;
	background:#333;
}
.anchors .on a {
    padding-bottom: 2px;
    font-weight: bold;
}
.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}
.anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active,
{
background:#990000; 
    color: #fff;
    text-decoration: none;
}
.anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchor {
    padding: 10px;
}