﻿html
{
    font-size: 9pt;
    font-family: Arial, Tahoma, Verdana;
}
body
{
    margin: 2px 5px;
    height: 100%;
    overflow: auto;
    font-size: 9pt;
    font-family: Arial, Tahoma, Verdana;
    color: #333333;
}
#outerContent
{
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #ffffff; /*overflow: auto;*/
}
#innerContent
{
    top: 0px;
    bottom: 0px;
    left: 50%;
    margin-left: -380px;
    position: absolute;
    width: 760px;
    background-color: #ffffff;
    text-align: center;
}
#top
{
    height: 100px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#logo
{
    width: 225px;
    height: 48px;
    position: absolute;
    top: 20px;
    left: 8px;
}
#slogan
{
    width: 225px;
    height: 30px;
    position: absolute;
    top: 74px;
    left: 8px;
}
#slogan h1
{
    font-size: 8pt;
    font-weight: bold;
    color: #999999;
}
#search
{
    top: 20px;
    left: 245px;
    position: absolute;
    width: 750px;
    padding-left: 10px;
}
#searchLower
{
    top: 10px;
    height: 72px;
    position: relative;
    width: 99%;
    min-width: 980px;
    text-align: center;
    border-bottom: solid 1px #cccccc;
    background-color: #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 0px 8px;
}
#leftSearch
{
    width: 7px;
    height: 72px;
    float: left;
}
#bodySearch
{
    width: 546px;
    height: 72px;
    float: left;
}
#footerSeperator
{
    top: -10px;
    height: 22px;
    position: relative;
    width: 99%;    
    min-width: 980px;
    text-align: center;
    border-bottom: solid 1px #cccccc;
    background-color: #dcdcdc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 0px 8px;
}
#queryContainer
{
    float: left;
    text-align: left;
    position: relative;
    top: 10px;
    left: 0px;
    width: 416px;
}
#goSearch
{
    float: left;
    position: relative;
    top: 28px;
    left: 10px;
    width: auto;
}
.color
{
    color: #0C4F7F;
}
#findJob
{
    font-weight: bold;
}
#findAdvance
{
    text-align: left;
}
.findAdvance a
{
    font-size: 7.5pt;
    color: #0C4F7F;
    text-decoration: none;
}
.findAdvance a:hover
{
    text-decoration: underline;
}
#middle
{
    height: 30px;
    top: 100px;
    position: absolute;
    left: 0px;
    width: 100%;
}
#menuLinks
{
    width: 500px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.menuLinkItem
{
    float: left;
    padding: 8px;
    font-weight: bold;
}
.menuLinkItem a, .menuLinkItem a:visited, .menuLinkItem a:active, .menuLinkItem a:link
{
    text-decoration: none;
    color: #0C4F7F;
}
.menuLinkItem a:hover
{
    text-decoration: underline;
    color: #0C4F7F;
}
a.smallLink, a:visited.smallLink, a:active.smallLink, a:link.smallLink
{
    text-decoration: none;
    color: #0C4F7F;
    font-size: 7.5pt;
}
a:hover.smallLink
{
    text-decoration: underline;
    color: #0C4F7F;
    font-size: 7.5pt;
}
#bottom
{
    height: auto; /*top: 132px;     position: relative;     min-height: 400px;     left: 0px;*/
    padding-top: 132px;
    width: 100%;
}
#NavigationBar
{
    width: 99%;
    min-width: 980px;
    height: 20px; /*border-bottom: solid 1px #999999;     background-color: #cccccc;*/
    border-bottom: solid 1px #cccccc; /*border-top: solid 2px #0C4F7F;*/
    background-color: #dcdcdc;
    text-align: left;
    padding: 8px 0px 4px 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 0px 8px;
}
#NavigationBar .NavItem
{
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 2px;
}
#NavigationBar a
{
    text-decoration: none; /*color: #ff6600;*/
    color: #0C4F7F;
}
#NavigationBar a:hover
{
    text-decoration: underline; /*color: #ff6600;*/
    color: #0C4F7F;
}
#contentArea
{
    /*padding: 0;*/
    width: 100%;
    padding-bottom: 40px;
    text-align: left;
    top: 20px;
}
.mainCol
{
    min-width: 980px;
    width: 100%;
}
.leftCol
{
    float: left;
    /*/width: 76%;*/
    text-align: left;
    min-width: 760px;
}
.leftColContent
{
    width: 760px;
}
.rightCol
{
    float: right;
    width: 188px;
    min-width: 170px;
}
#footer
{
    font-size: 7.5pt;
    color: #333333;
    margin-top: 10px;
    text-align: center;
    padding-top: 20px;
}
#footer a
{
    color: #333333;
    text-decoration: none;
}
#footer a:hover
{
    color: #666666;
    text-decoration: underline;
}
#mask
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9000;
    background-color: #333;
    display: none;
}
#boxes .window
{
    position: absolute;
    width: 440px;
    height: 240px;
    display: none;
    z-index: 9999;
    padding: 6px;
}
#boxes #dialog
{
    width: 240px;
    height: 270px;
    background-color: #ffffff;
    border: solid 2px #cccccc;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#maskQuestion
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9000;
    background-color: #333;
    display: none;
}
#qboxes .window
{
    position: absolute;
    width: 440px;
    height: 240px;
    display: none;
    z-index: 9999;
    padding: 6px;
}
#qboxes #questionSearch
{
    width: 240px;
    height: 270px;
    background-color: #ffffff;
    border: solid 2px #cccccc;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#maskCoverLetter
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #333;
    display: none;
    z-index: 9000;
}
.advancedItem
{
    padding: 2px 0px 2px 0px;
    color: #0C4F7F;
}
.boldBigBlue, .boldBigBlue h2
{
    font-size: 16pt;
    font-weight: bold;
    color: #0C4F7F;
}
.clear
{
    clear: both;
}
.bold
{
    font-weight: bold;
}
.boldBig
{
    font-size: 12pt;
    font-weight: bold;
}
.header
{
    height: 20px;
    padding: 10px;
    background-color: #dcdcdc;
}
.longDropDownList
{
    width: 196px;
    border: solid 1px #aaaaaa;
    padding: 1px 1px 1px 1px;
    color: #333333;
    background-color: #ffffff;
}
.textBox
{
    width: 400px;
    border: solid 1px #aaaaaa;
    padding: 2px;
    color: #333333;
    background-color: #ffffff;
}
.smallTextBox
{
    width: 190px;
    border: solid 1px #aaaaaa;
    padding: 2px;
    color: #333333;
    background-color: #ffffff;
}
li
{
    padding: 4px;
}

.faqs
{
    padding: 20px;
}
.faq
{
    padding: 10px;
}
.Ques
{
    font-size: 11pt;
    font-weight: bold;
    color: #0C4F7F;
}
.Question
{
    font-size: 11pt;
    font-weight: bold;
}
.Ans
{
    font-size: 11pt;
    font-weight: bold;
}
.Answer
{
    font-size: 11pt;
}
.field-validation-error
{
    color: #ff0000;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.jobIndustryLink a, .jobIndustryLink a:visited, .jobIndustryLink a:active, .jobIndustryLink a:link
{
    text-decoration: none; /*color: #ff6600;*/
    color: #0C4F7F;
}
.jobIndustryLink a:hover
{
    text-decoration: underline; /*color: #ff6600;*/
    color: #0C4F7F;
}
a.jobLink, a.jobLink:visited, a.jobLink:active, a.jobLink:link
{
    text-decoration: none; /*color: #ff6600;*/
    color: #0C4F7F;
}
a.jobLink:hover
{
    text-decoration: underline; /*color: #ff6600;*/
    color: #0C4F7F;
}
/* ------------------ */
/* JOB RESULTS
/* ------------------ */
#jobResultHeader
{
    padding: 8px;
    height: 20px;
    color: #ffffff;
    background-image: url(http://www.jobmatchlive.com/Content/Images/midSearchBg.gif);
    background-repeat: repeat-x;
    border: solid 1px #999999;
    width: 100%;
}
.jobResultCount
{
    font-weight: normal;
}
.jobResultItem
{
    padding: 8px;
    border: solid 1px #999999;
    height: 64px;
    width: 100%;
}
.jobResultItemAlt
{
    padding: 8px;
    border: solid 1px #999999; /*background-color: #FFF7E6;*/
    background-color: #e2e8ee;
    height: 64px;
    width: 100%;
}
#jobResultSeparator
{
    height: 10px;
    clear: both;
}
.jobResultsTitle
{
    font-weight: bold;
    color: #0C4F7F;
}
#jobResultHeader a
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
#jobResultHeader a:hover
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}
.jobResultItem a
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: none;
}
.jobResultItem a:hover
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: underline;
}
.jobResultItemAlt a
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: none;
}
.jobResultItemAlt a:hover
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: underline;
}
#jobResultsPager
{
    padding: 8px;
    height: 20px;
    color: #ffffff;
    background-image: url(http://www.jobmatchlive.com/Content/Images/midSearchBg.gif);
    background-repeat: repeat-x;
    border: solid 1px #999999;
    width: 100%;
}
.pagerCurrentPage
{
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    padding: 4px;
}

#jobResultsPager a.pagerPage
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 4px;
}
#jobResultsPager a.pagerPage:hover
{
    font-weight: bold;
    color: #cccccc;
    text-decoration: none;
    padding: 4px;
}
.JobResultDescription
{
}
.JobResultCompany
{
    font-weight: bold;
}
.JobResultLocation
{
}
.JobResultPostDate
{
}
.red
{
    color: #ff0000;
}
.jobPostItem
{
    padding: 8px 8px 0px 8px;
    border: solid 1px #999999;
    height: auto;
    width: 960px;
}
.jobPostItem a
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: none;
}
.jobPostItem a:hover
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: underline;
}
.jobPostItemAlt
{
    padding: 8px 8px 0px 8px;
    border: solid 1px #999999; /*background-color: #FFF7E6;*/
    background-color: #e2e8ee;
    height: auto;
    width: 960px;
}
.jobPostItemAlt a
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: none;
}
.jobPostItemAlt a:hover
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: underline;
}
a.logoutLink
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: none;
}
a.logoutLink:hover
{
    font-weight: bold;
    color: #0C4F7F;
    text-decoration: underline;
}
#AjaxMessage
{
    position: fixed;
    display: none;
    top:0px;
    padding: 6px;
    width: auto;
    height: auto;
    font-weight: bold;
    background-color: #dcdcdc;
    border: solid 1px #cccccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    z-index:10000;
    
}
