body 
{
    font-family:Verdana, Arial, MS Sans Serif, Times New Roman;
    font-size:10px;
    background-color:#070922;
    background-repeat: repeat-x;
    color:#000000;
    background-image:url('../../UI/Images/BG_MidRes.jpg');
    background-repeat:no-repeat;
    margin:5px 0 20px 0 ;
    
}

select
{
    font-size:12px;
}

h1
{
    font-size:14px;
    text-transform:uppercase;
    padding:0;
    margin:25px 0 10px 0;
}

h2
{
    font-size:12px;
    font-weight:bold;
    padding:0;
    margin:0;
}
    
h2.SpaceBelow
{
    font-size:12px;
    font-weight:bold;
    padding:0;
    margin:0 0 15px 0;
}

h3
{
    font-size:11px;
    font-weight:bold;
    padding:0 0 0 0;
    margin:10px 0 10px 0;
}

a 
{
    text-decoration:none;
    color:#000000;
}

a:hover
{
    color:#999;
}

div.Spacer
{
    padding:150px;
}

div.SpacerSmall
{
    padding:80px;
}


.Warning
{
    color:Red;
}

.Body
{
    line-height:165%;
}

.BodyLarge
{
    line-height:165%;
    font-size:120%;
}
.JobSeekerBlue
{
    color:#76B2D4;
    font-weight:bold;
}

.EmployerGreen
{
    color:#83BC3B;
    font-weight:bold;
}

ul.stdList
{
    margin:0 0 7px 10px;
    padding: 0 0 0 10px;
}

ul.stdList li
{
    padding:0 0 4px 0;
}

div.Rule
{
    background-color:#E2E2E2;
    width:130px;
    text-align:center;
    height:1px;
    margin-left:20px;
    margin-top:4px;
    margin-bottom:10px;
}

a.stdLink
{
    padding:5px 0 10px 20px;
    background-image:url('../../UI/Images/ArrowMyAccountH1.gif');
    background-repeat:no-repeat;
    display:block;
}

.SpaceBelow
{
    padding-bottom:100px;
}

.SubHead_LineAbove
{
    border-top:solid 1px #999;
    color:#447BBE;
    font-size:120%;
    padding:10px 0 0 0 ;
    margin:10px 0 10px 0;
    font-weight:bold;
}

.SubHead_LineAboveEmployer
{
    border-top:solid 1px #999;
    color:#98C000;
    font-size:120%;
    padding:10px 0 0 0 ;
    margin:10px 0 10px 0;
    font-weight:bold;
}
.BodyNoSpace
{
    line-height:150%;
    padding:0;
    margin:0;
}

.padTop
{
    padding:20px 0 0 0;
}


/********************************************
Standard Text Page style
**********************************************/

#stdTextPage
{
    width:480px;
}

#stdTextPage p
{
    line-height:155%;
    margin:3px 0 8px 0;
}

#stdTextPage ol, #stdTextPage ul
{
    line-height:155%;
}

#stdTextPage li
{
    padding-bottom:7px;
}

#stdTextPage p.ReadThrough
{
     font-size:115%;
     color:#78B6DD;
     font-weight:bold;
     line-height:165%;
}

#stdTextPage h4
{
    margin:15px 0 8px 0;
    padding: 0 0 0 0;
    font-size:1.1em;
}



/********************************************
GridViews
**********************************************/

.stdGrid 
{
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
}

.stdGrid th
{
    border:0;
    text-align:left;
    padding:5px 5px 6px 5px;
}

.stdGrid td
{
    border-top:solid 1px #999999;
    padding:5px 5px 6px 5px;
}

.stdGrid td.TintDark
{
    border-top:solid 1px #999999;
    background-color:#E7E7E9;
    border-right:solid 1px #ffffff;
}

.stdGrid td.TintMid
{
    border-top:solid 1px #999999;
    background-color:#EDEDEF;
    border-right:solid 1px #ffffff;
}

.stdGrid td.TintLight
{
    border-top:solid 1px #999999;
    background-color:#F5F5F7;
    border-right:solid 1px #ffffff;
}

.stdGrid td.TintBlue
{
    border-top:solid 1px #999999;
    background-color:#DCEFFD;
    border-right:solid 1px #ffffff;
    text-align:center;
}

.stdGrid td.TintGreen
{
    border-top:solid 1px #999999;
    background-color:#F3FBE8;
    border-right:solid 1px #ffffff;
    text-align:center;
}

/********************************************
Input boxes
**********************************************/

.stdInput150px
{
    border:solid 1px #999999;
    width:150px;
}


.txtBorder
{
    border:solid 1px #999;
    padding:2px;
    background-color:#ffffff;
}

/********************************************
Buttons
**********************************************/

.btnStdInputSearch
{
    padding:2px 5px 1px 20px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
    margin:0;
    width:65px;
    text-align:left;
}

.btnStdInput
{
    padding:2px 5px 2px 20px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
    margin:8px 0 8px 0;
    text-align:center;
}

.btnStdInput
{
    padding:2px 5px 2px 20px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
    margin:8px 0 8px 0;
    text-align:center;
}

.btnStdInputNoMargin
{
    padding:2px 5px 2px 10px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
}

.btnStdInputEmployer
{
    padding:2px 5px 2px 10px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnEmp_BG.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
    margin:8px 0 8px 0;
}

.btnStd
{
    padding:4px 5px 3px 17px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
}

.btnStd92px
{
    padding:4px 5px 3px 17px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    /*min-width:150px;
    width:71px;*/
}

.btnStdBack
{
    padding:4px 5px 3px 17px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Grey.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
}



.btnStdInputFilter
{
    padding:2px 5px 1px 20px ;
    border:solid 1px #C0C1C2;
    background-image:url('../../UI/Images/btnStd_BG_Orange.gif');
    background-repeat:no-repeat;
    background-color:#F2F2F3;
    font-size:11px;
    margin:0;
    width:55px;
    text-align:left;
}


#stdTableSingleBorder input
{
    border:solid 1px #999;
}

.GreenLink
{
    color:#98C000;
    font-weight:bold;
}

.GreenLink a:hover
{
    color:#000000;
}

.BlueLink
{
    color:#3E7BBD;
    font-weight:bold;
}

.BlueLink a:hover
{
    color:#000000;
}


.GreyType
{
    color:#999;
}

.GreenType
{
    color:#7BAE35;
}











/********************************************
Primary Page Elements 
**********************************************/

#MainPageFrame
{
    width:915px;
    padding:0px;
    margin:0 auto;
}


#LoginStatusArea
{
    width:900px;
    text-align:right;
    margin: 0 auto;
    padding:0 20px 5px 0;
    /*border:solid 1px red;*/
}

#LoginStatusArea a
{
    color:#fff;
}

#LoginStatusArea a:hover
{
    color:#ccc;
}


#TopLogoBar
{
    margin:0 auto;
    padding:0;
    background-image:url('../../UI/Images/LogoHeader.gif');
    background-repeat:no-repeat;
    width:915px;
    height:87px;
    /*border:solid 1px red;*/
}



#AdPanel
{
    width:500px; 
    padding:14px 40px 10px 0;
    float:right;
    text-align:right;
    color:#ffffff;
    /*border:solid 1px red;*/
}









#TopNavContainer
{
    margin:0 auto;
    width:913px;
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
    /*padding-bottom:15px;*/
    height:25px;
    background-color:#003768;
}




#UnRegLinks
{
    float:left;
    width:364px;
    padding:6px 5px 6px 35px;
}

#UnRegLinks a
{
    padding:2px 10px 3px 0;
    border-right:solid 1px #1F5A8F;
    margin: 0 7px 0 0;
    font-size:1.1em;
    color:#fff;
}

#UnRegLinks a:hover
{
    color:#ccc;
}

#JobSeekerLinks
{
    float:left;
    width:170px;
    padding:6px 0 6px 0;
    margin:0 6px 0 0;
    text-align:center;
    /*border:solid 1px red;
    background-color:#ADCDE6;*/
    background-color:#003768;
    background-image:url('../../UI/Images/NavTabJobseekers.gif');
}

#JobSeekerLinks a
{
    padding:0;
    margin:0;
    font-size:1.1em;
    color:#000;
}
#JobSeekerLinks a:hover
{
    color:#666;
}




#EmployerLinks
{
    float:left;
    width:170px;
    padding:6px 0 6px 0;
    text-align:center;
    background-color:#003768;
    background-image:url('../../UI/Images/NavTabEmployers.gif');
}

#EmployerLinks a
{
    padding:2px 10px 3px 0;
    margin:0;
    font-size:1.1em;
}

#EmployerLinks a:hover
{
    color:#666;
}




td
{
    vertical-align:top;
}





/******************************************
Footer
*******************************************/

#Footer
{
    font-size:9px;
    color:#999;
    margin-top:50px;
}

#Footer a.FooterLink
{
    color:#999;
}

#Footer a.FooterLink:hover
{
    color:#000;
}

.Clear
{
    clear:both;
}








/********************************************
Two Column My Account page
**********************************************/
#TwoColWiderLeft
{
    width:175px;
    background-image:url('../../UI/Images/LeftBGWider.gif');
    background-repeat:repeat-y;
}

#TwoColNarrowMid
{
    width:605px;
    border-right: solid 1px #ffffff;
    background-color:#ffffff;
    color:#002F63;
} 

#Level2NavWider
{
    padding:11px 0 30px 20px;
    width:154px;
    border-left: solid 1px #ffffff;
    background-color:#ffffff;
}











/********************************************
Two Column page
**********************************************/

#MainTable2Col 
{
    width:915px;
}

#TwoColLeft
{
    width:145px;
    background-image:url('../../UI/Images/LeftBG.gif');
    background-repeat:repeat-y;
}

#TwoColMid
{
    width:635px;
    border-right: solid 1px #ffffff;
    background-color:#ffffff;
    /*border:solid 1px red;*/
} 

#TwoColFullWidth
{
    width:770px;
    border-right: solid 1px #ffffff;
    background-color:#ffffff;
} 

#RightColAds 
{
    width:135px;
    background-color:#ffffff;
    padding:50px 0 0 0;
}




#Level2Nav
{
    padding:30px 0 30px 14px;
    width:130px;
    border-left: solid 1px #ffffff;
    background-color:#ffffff;
}

span.Level2NavLine
{
    vertical-align:top;
    padding-left:5px;
}


   


#NavLinks
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#NavLinks li
{
    padding-left: 10px;
    background-image:url('../../UI/Images/btnLevel2Nav.gif');
    background-repeat: no-repeat;
    background-position: 0 .5em; 
    padding:5px 0 5px 18px;   
}

div.stdMidCol
{
    width:420px;
    line-height:165%;
}


/********************************************
Job Listings
**********************************************/



table.JobListPanel
{
    border-top: solid 1px #ccc;
    padding:10px 0 5px 0;
    width:610px;
    margin:0 0 5px 0;
}

td.JobListLeft
{
    width:440px;
}

td.JobListRight
{
    width:170px;
}

div.JobSupInfo
{
    width:145px;
    padding:10px;
    float:left;
    background-image:url('../../UI/Images/JobList_RightPanel.gif');
    background-repeat:no-repeat;
    margin:15px 0 10px 0;
    line-height:150%;
    /*border:solid 1px red;*/
}

span.Location
{
    font-size:11px;
    color:#999999;
    padding-left:4px;
}

p.JobMainDetails
{
    padding:0;
    margin:0;
}

.JobDesc
{
    padding:0;
    margin:5px 15px 0 0;
    line-height:160%;
}

div.Posted
{
    font-size:9px;
    color:#999;
    padding:0;
    margin:7px 0 0 0;
    vertical-align:top;
}

div.btnApply
{
    padding:20px 0 0 0;
}

#JobListFilters
{
    margin:0 15px 0 0;
    color:#003768;
    background-image:url('../../UI/Images/bg_Filters.gif');
    background-repeat:no-repeat;
    padding:10px 20px 5px 5px;
    text-align:right;
}


#JobDetailPanel
{
    border-top: solid 1px #ccc;
    padding:10px 0 10px 0;
    width:590px;
    margin:0 0 5px 0;
}

#JobDetailTable
{
    margin-top:25px;
}

#JobDetailTable td
{
    padding:5px 0 6px 0;
}

#JobDetailTable td.lbl
{
    width:110px;
}





div.JobPager
{
    padding:15px 22px 10px 0;
    text-align:right;
}


div.JobPager a
{
    color:#EF6540;
}

div.JobPager a:hover
{
    color:teal;
}

.CompanyLogo
{
    padding:0px 0 10px 0;
}


/********************************************
User details/CVs Search
**********************************************/

.ProfilePanel
{
    padding:5px;
    margin:10px 0 10px 0;
    border-top:solid 1px #999;
}

.ProfilePanel p
{
    margin:0;
    padding:2px 0 3px 0;
}



/********************************************
Company Listings
**********************************************/

#CompanyLogo
{
    float:left;
    width:150px;
    margin:0 20px 0 0 ;
}

#CompanyDesc
{
    float:left;
    width:300px;
}

.ClearFloats
{
    clear:both;
}


.SysAdminDivTabs div
{
    width:150px;
    float:left;
}