﻿.buttons
{
    text-align: right;
}

/* Main */
@media screen
{
    body
    {
        background: url("Images/MainBg.png");        
    }
    #mainWrapper
    {
        background: url("Images/MainBgGlow.png") repeat-y;    
    }
}
@media print
{
    body
    {
        background: none;
    }
    #mainWrapper
    {
        background: none;
    }
}
body
{
    padding: 0;    
}
#mainWrapper, #footer
    {
        width: 900px;   
    }
#mainWrapper
{    
    min-height: 100%;   
    margin-bottom: -100px;
}
#mainWrapper > div, #footer > div
{
    margin: 0 47px 0 47px;
}
#main
{
    border-width: 0;
    padding: 0;
}
#header
{
    background-image: url("Images/HeaderBackground.jpg");
}
#logo
{
    background: url("Images/JobPortalLogo.png");
    width: 165px;
    height: 120px;
    margin: 0;
}
#jobSearch
{    
    float: none;
    text-align: right;
    height: 32px;    
    padding-top: 0;
    width: auto;
}
#jobSearch div
{
    padding-top: 6px;   
}
#jobSearch span
{    
    padding: 0 10px 0 3px;
}
#leftColumn
{   
    width: 140px;
    padding-top: 10px;
}
#rightColumn
{    
    padding: 10px;    
}
#leftColumnAds
{   
    margin: 0 0 0 10px;
    padding: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#leftColumnAds li
{     
    margin: 0;    
    padding-bottom: 10px;
}
#footerSpacer 
{ 
    height: 100px;
    width: 100%;
}
#navigation
{
    margin: 0;
    padding: 0;
    background-image: none;
}
#navigation, #footerContent
{    
    border-width: 0;    
    height: auto;
    line-height: normal;
    font-weight: normal;    
}
#footerContentContainer
{ 
    border-width: 0;
    padding: 0;
}
#footerContent
{
    background: url("Images/Footer.jpg");    
    height: 20px;       
    line-height: 20px;
    padding: 0 10px 0 10px;
}
#footerContent, .footerMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a
{
    color: White;
}
.footerAd
{
    height: 70px;   
    padding-top: 10px;   
    padding-left: 150px;    
    text-align: center;
}
/* end of Main */

/* Login */
.loginView
{
    position: relative;
    margin: 8px 10px 0 0;
    float: right;
    background: url("Images/LoginBottom.png") no-repeat right bottom;    
}
#loginViewContent
{
    background: url("Images/LoginBackground.png") no-repeat right top;    
    position: relative;
}
#loginViewTopLeftCorner
{
    background: url("Images/LoginBackground.png") no-repeat left top;    
    position: absolute;
    width: 8px;
    height: 100%;
    margin-left: -8px;
}
#loginViewBottomLeftCorner
{
    background: url("Images/LoginBackground.png") no-repeat left bottom;    
    position: relative;
    width: 8px;
    height: 8px;
    margin-left: -8px;
}
#loginViewBody
{
    padding-top: 5px;
}
#loginViewBody > div
{
    padding-right: 8px;
}
#rememberMe
{
    padding-right: 20px;
}
#loggedIn
{
    text-align: center;
}
.jobPortalLogin
{
    text-align: right;
}
.jobPortalLogin ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.jobPortalLogin li
{
    padding: 2px 0 2px 0;
}
.jobPortalLogin a
{
    padding-right: 8px;
}
/* end of Login */

/* Main Menu */
.mainMenu 
{    
    font-size: 12px;    
    font-family: Verdana;        
    padding-left: 15px;    
}
.mainMenu ul.AspNet-Menu a.AspNet-Menu-Link
{     
    background: url("Images/MainMenuLeft.png") no-repeat left top;
    padding-left: 6px;    
    margin-top: 7px;
}
.mainMenu ul.AspNet-Menu a.AspNet-Menu-Link div
{    
    background: url("Images/MainMenuRight.png") no-repeat right top;    
    color: #323232;
    padding-left: 2px;
    padding-right: 8px;
    text-decoration: none;    
    line-height: 25px;
}
.mainMenu ul.AspNet-Menu li.AspNet-Menu-Selected
{
    z-index: 1;
}
.mainMenu ul.AspNet-Menu a.AspNet-Menu-Selected
{   
    background-image: url("Images/MainMenuLeftOn.png");    
    padding-left: 16px;    
    margin-top: 0;    
    font-size: 14px;
    font-weight: bold;
    margin-left: -5px;
    margin-right: -5px;   
}
.mainMenu ul.AspNet-Menu a.AspNet-Menu-Selected div
{   
    background-image: url("Images/MainMenuRightOn.png");
    padding-right: 16px;
    color: White;
    line-height: 32px;
}
/* end of Main Menu */

/* Sub Menu */
.subMenu
{    
    background: url("Images/SubMenuBg.png");
    height: 25px;
    line-height: 19px; 
    padding-left: 10px;    
}
.subMenu ul
{   
    width: 100%;
}
.subMenu ul.AspNet-Menu li 
{    
    padding: 3px 10px 3px 0;
}
.subMenu ul.AspNet-Menu a.AspNet-Menu-Link
{    
    color: White;
    padding-left: 5px;    
}
.subMenu ul.AspNet-Menu a.AspNet-Menu-Link div
{   
    padding-left: 3px;
    padding-right: 8px;
}
.subMenu ul.AspNet-Menu a.AspNet-Menu-Link:hover, .subMenu ul.AspNet-Menu a.AspNet-Menu-Selected
{
    background: url("Images/SubMenuLeftOn.png") no-repeat;
}
.subMenu ul.AspNet-Menu a.AspNet-Menu-Link:hover div, .subMenu ul.AspNet-Menu a.AspNet-Menu-Selected div
{
    background: url("Images/SubMenuRightOn.png") no-repeat right;
}
/* end of Sub Menu */

/* CV Menu */
.cvMenu
{
    width: 140px;    
    text-align: right;
    padding-top: 10px;   
    padding-bottom: 10px; 
    background: url("Images/CVMenuHeader.png") no-repeat top right;
}
.cvMenu .AspNet-Menu
{    
    overflow: hidden;    
    padding-bottom: 50px;
    background: url("Images/CVMenuFooter.png") no-repeat bottom right;
}
.cvMenu a
{
    background: url("Images/CVMenuBg.png") repeat-y right;    
    color: #404040;   
    text-decoration: none;
    font-weight: bold;
}
.cvMenu a:hover
{
    color: #2f6dc1;
}
.cvMenu a div
{   
    padding: 8px 10px 8px 0;
}
.cvMenu li.AspNet-Menu-Selected
{
    background: url("Images/CVMenuOnArrow.png") no-repeat right;
}
.cvMenu a.AspNet-Menu-Selected
{
    color: #2f6dc1;     
    background: url("Images/CVMenuOnBorder.png") no-repeat top right;
}
.cvMenu a.AspNet-Menu-Selected div
{
    background: url("Images/CVMenuOnBorder.png") no-repeat bottom right;
}
/* end of CV Menu */

/* Seeker Stats */
#seekerStats
{
    margin: 0 0 10px 10px;
    padding: 8px;
    border: solid 1px silver;
    border-top: solid 3px silver;
    border-bottom: solid 3px silver;
    font-size: 12px;
    color: gray;
    background: url("Images/JobStatsBg.gif") repeat-x;
    line-height: 18px;
}
#seekerStatColHead
{   
    color: #2561ba;
}
#seekerStatColValue
{
    font-weight: bold;
    font-size: 14px;
    color: #f36f17;
}
/* end of Job Stats */

/* GridView */
.gridView .pager
{
    background-color: #2461BF;     
}
.gridView .header, .gridView .header a, .gridView .pager, .gridView .pager a
{   
    color: White;
}
.gridView .selectedRow
{
    background-color: #D1DDF1;
}
.gridView .header
{    
    background: url(Images/GridViewColumnHeader.gif);
}
.gridView .editRow
{
    background-color: #2461BF;
}
.gridView .alternatingRow
{
    background-color: #EFF3FB;
}
/* end of GridView */

/* PasswordRecovery */
.passwordRecovery
{
    width: 100%;
}
/* end of PasswordRecovery */

/* ChangePassword */
.changePassword
{
    width: 100%;
}
/* end of ChangePassword */

/* Job Summary */
.summary ul, .summary table
{
    color: #4b4b4b;
}
/* end of Job Summary */

/* Info Styles */
.motto
{
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;
}
.infoHead
{
    padding: 8px;
    border: solid 1px gray;
    border-top: solid 5px gray;
    border-bottom: solid 5px gray;
    margin-bottom: 10px;
}
.infoHeading
{
    font-size: 28px;
    color: #2561ba;
    text-align: center;
    margin-bottom: 8px;
}
.infoHeading > span
{
    color: #f36f17;
}
.infoDesc
{
    border-top: dotted 1px #7a7a7a;
    padding-top: 8px;
    color: gray;
}
.infoBody
{
    overflow: hidden;
}
.infoFoot
{
    color: #f36f17;
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
}
.infoFoot > span
{
    color: #2561ba;
}
/* Info Styles */

/* Info Dialog */
.infoCol1
{
    float: left;
    display: inline;
    width: 49%;
    margin: 0px 12px 0px 0px;
}
.infoCol2
{
    margin-right: 0px;
    width: 48%;
}
.infoDlg
{
    position: relative;
    margin: 0px auto;
    min-width: 8em;
    max-width: 760px; /* based on image dimensions - not quite consistent with drip styles yet */
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 10px; /* spacing under dialog */
}
.infoDlg .dlgContent,
.infoDlg .dlgTop,
.infoDlg .dlgBtm,
.infoDlg .dlgBtm div
{
    background: transparent url("Images/InfoBackground.png") no-repeat top right;
}
.infoDlg .dlgContent
{
    position: relative;
    _overflow-y: hidden;
    padding: 12px 12px 0px 0px;
    
    color: Gray;
}
.infoDlg .dlgTop
{
     /* top+left vertical slice */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px; /* top slice width */
    margin-left: -12px;
    height: 100%;
    _height: 1600px; /* arbitrary long height, IE 6 */
    background-position: top left;
}
.infoDlg .dlgBtm
{
    /* bottom */
    position: relative;
    width: 100%;
}
.infoDlg .dlgBtm,
.infoDlg .dlgBtm div
{
    height: 12px; /* height of bottom cap/shade */
    font-size: 1px;
}
.infoDlg .dlgBtm
{
    background-position: bottom right;
}
.infoDlg .dlgBtm div
{
    position: relative;
    width: 12px; /* bottom corner width */
    margin-left: -12px;
    background-position: bottom left;
}
.infoDlg .dlgHead,
.infoDlg .dlgBody,
.infoDlg .dlgFoot
{
    position: relative;
}
.infoDlg .dlgContentWrap
{
    /* extra content protector - preventing vertical overflow (past background) */
    position: static;
    max-height: 1000px;
    overflow: hidden;
}
.infoDlg .dlgHead
{
    border-bottom: dotted 1px gray;
    padding-bottom: 12px;
    overflow: hidden;
}
.infoDlg .dlgBody
{
    padding-top: 12px;
    line-height: 16px;
}
.infoDlg .dlgFoot
{
    padding-top: 12px;
}
.infoDlg .dlgFoot a
{
    font-size: 14px;
    font-weight: bold;
}
/* end of Info Dialog */

/* Info Dialog content */
.dlgHead label
{
    font-size: 20px;
    float: left;
    padding-left: 15px;
    line-height: 48px;
}
.dlgHead img
{
    float: left;
}
.dlgBody ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
.dlgBody li
{
    font-weight: normal;
    padding: 2px 0px 2px 32px;
    background: url("Images/Success.png") no-repeat 0px 2px;
}
.dlgBody li label
{
    line-height: 24px;
    float: inherit;
}
.regAllow
{
    line-height: 24px;
    font-weight: bold;
}
.regAllow ul
{
    color: #f36f17;
}
.howWorks
{
    color: #2561ba;
}
.howWorks > span
{
    font-weight: bold;
}
/* end of Info Dialog content */

/* Content */
.content
{
    padding-top: 10px;
    border-style: none;
}
.content .contentHead,
.content .contentBody
{
    border: 1px solid #6b9ae0;
}
.content .contentHead
{
    background-color: #f0f7ff;
    z-index: 1;
    padding: 3px 5px 3px 5px;
    margin-left: 10px;
    font-weight: normal;
    position: absolute;
    margin-top: -10px;
}
.content .contentBody
{
    z-index: 0;
    padding: 20px 10px 10px 10px;
}
/* end of Content */

/* Profile Dialog */
.profileDlg .pdlgContent,
.profileDlg .pdlgTop,
.profileDlg .pdlgBot,
.profileDlg .pdlgBot div
{
    background: transparent url("Images/ProfileBackground.png") no-repeat top right;   
}
.profileDlg .pdlgContent
{
    color: Black;
}
.profileDlg .pdlgTop
{
    background-position: top left;
}
.profileDlg .pdlgBot
{
    background-position: bottom right;
}
.profileDlg .pdlgBot div
{
    background-position: bottom left;
}
.profileDlg .pdlgHead
{
    border-bottom: solid 1px #2561ba;
}
/* end of Profile Dialog */

/* CV */
.horizontalRule
{    
    background-color: #9dc1df;    
}
.cv h3
{   
    color: #074e88;    
}
.cv .label
{
    color: #4b4b4b;
}
.alternatingDetailsRow
{
    background-color: #f5f5f5;
}
/* end of CV */

.alphabeticFilter
{    
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;  
    margin: auto;  
    overflow: hidden;
    width: 430px;    
    font-weight: bold;
    line-height: 15px;    
}
.alphabeticFilter li
{
    float: left;   
    padding: 4px;     
}
.alphabeticFilter a
{
    color: #ea8224;
}
.alphabeticFilterSelected
{
    font-size: large;
}
th
{
    text-align: left;
}
.addEditJob textarea
{
    width: 250px;
    height: 150px;
}
.resultsSummary
{
    background-color: #f0f7f9;
    border-top: solid 1px #6b90da;    
}