﻿/* This CSS contains the Customer Specific layout for the site MasterPage. */
/* Generic styles are held in framework/css/cascadeRecruitment.css */

/* Import Base CSS */
@import url(../../css/cascadeRecruitment.css);

/* Overall Page Style */
body
{
    /* Optional Floating Footer */
    margin-bottom:40px; /*Comment me out when hiding the floating footer*/
    
    /* Normal Body Style */
    font-family:Tahoma;
    font-size:10pt;
    color:Black;
    background-color:White;
}

body a
{
    color:#3a3a3a;
}

textarea 
{
    /* This is for Multi-line Text Boxes */
    font-family:Tahoma;
    font-size:10pt;
    color:Black;
}

.smallText
{
    font-size:8pt;   
}

/* Header */
div.masterHeader
{
    background-image:url(images/Banner.jpg);
    background-repeat:no-repeat;
    height:160px; /* For Firefox */
    #height:161px; /* For IE */
    border-right-width:1px;
    border-left-width:1px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-style:solid;
    border-color:#3a3a3a;
}
div.masterTitle
{
    width:100%;
    height:101px; /* For Firefox */
    #height:100px; /* For IE */
    background-image:url(images/Logo.gif);  /*Un-comment me to use a floating Logo image*/
}
div.masterMenu
{
    text-align:left;
}

/* Body */
div.masterBody
{
    border-right-width:1px;
    border-left-width:1px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-style:solid;
    border-color:#3a3a3a;
    min-height:250px;
}

/* Footer*/
div.masterFooter
{
    background-image:url(images/Footer.jpg);
    height:40px;
    width:998px;
}

div.masterFooter a
{
    color:#fff;
}

/* FloatingFooter*/
div.masterFloatingFooter
{
    background-image:url(images/FloatingFooter.jpg);
    position:fixed;
    bottom:0px;
    left:0px;
    height:40px;
    width:100%;
    text-align: -moz-center; /* FireFox */
    margin: 0 auto;
     /*visibility:hidden;*/  /*Un-comment me to hide the floating footer*/
}

div.masterFloatingFooter a
{
    color:#fff;
}

/* Page Border */
div.masterOuterBorder
{
    border-style:solid;
    border-width:1px;
    border-color:white;
    margin: 0px auto;
}
div.masterInnerBorder
{
    border-style:solid;
    border-width:1px;
    border-color:white;
}

/* Menu */
.menuRoot, .menuRootSelected
{
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	width:90px;
	height:24px;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
	border-color:#555555;	
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-top-width:0px;
	border-style:solid;
	margin-right:0px;
}
.menuRootSelected
{
	background-color:#000000;
	color:#47c7e6;
	border-bottom-width: 0px;
	border-color:#0059D5;	
}

.menuRoot:hover
{
	color:#47c7e6;
}

.menuSubLevelGeneral
{
    width:997px;
    background-color:#000000;
}
.menuSubLevel, .menuSubLevelSelected
{
	background-color:#000000; 
	color:#ffffff;
	font-weight:bold; 
	text-align:center; 
	height:20px;
	font-size:12px;
	vertical-align:middle;
	border-width:0px;
	border-style:none;
	padding:4px;
}
.menuSubLevelSelected
{
	color:#47c7e6;
}

.menuDynamicGeneral
{
    border-style:solid;
    border-width:1px;
    border-color:#3a3a3a;
    background-color:#fff; 
    padding:0px;
}
.menuDynamic
{
	background-color:#000000; 
	color:#ffffff; 
	font-weight:bold; 
	height:20px;
	text-align:left; 
	font-size:12px;
	vertical-align:middle;
	border-width:0px;
	border-style:none;
	padding:5px;
}
.menuDynamic:Hover
{
	color:#47c7e6;
}

.menuLogin, .menuLogin a
{
    width:986px;
    background-color:#000000;
    color:#ffffff;
    text-decoration:none;
    padding: 2px 5px 2px 5px;
    vertical-align:top;
    text-align:right;
}

/* Progress Bar */
.progressTable
{
    border-style:solid;
    border-width:1px;
    border-color:Black;

}

.progressNumbers
{
    
}

.progressNumber
{
    text-align:center;
}

.progressBarOuter
{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.progressBar
{
    background-color:#47c7e6;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.progressBarCurrent
{
    background-color:#47c7e6;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.progressBarBlank
{
    background-color:Gray;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/* Data Entry Page */
.instructionBox
{
    background-color:#CCCCCC;
    border-width:1px;
    border-style:dashed;
    border-color:#3a3a3a;
    padding:3px 3px 3px 3px;
}

.dataEntryTable
{
    
}
.dataEntryTableRow
{
    
}

.dataEntryTableAltRow
{
    
}

.dataEntryTableCellLabel
{

}

.dataEntryTableCellLabelSmall
{
    width:255px;
}

.dataEntryTableCellData
{
    
}

.dataEntryLabel
{
    
}

.dataEntryLabelMandatory
{
    color:Red;
}

.dataEntryControl, select.dataEntryControl
{
    background-color:#FFFF99;
    width:250px;
    border-style:solid;
    border-width:1px;
    border-color:#330000;
    padding-left:3px;
}

select.dataEntryControl
{
    width:255px; /* For Firefox */
    #width:256px; /* For IE */
}

.dataEntryControlAuto, select.dataEntryControlAuto
{
    background-color:#FFFF99;
    border-style:solid;
    border-width:1px;
    border-color:#330000;
    padding-left:3px;
}

.dataEntryControlWide, select.dataEntryControlWide
{
    background-color:#FFFF99;
    width:350px;
    border-style:solid;
    border-width:1px;
    border-color:#330000;
    padding-left:3px;
}

select.dataEntryControlWide
{
    width:355px; /* For Firefox */
    #width:356px; /* For IE */
}

.dataEntryControlExtraWide, select.dataEntryControlExtraWide
{
    background-color:#FFFF99;
    width:500px;
    border-style:solid;
    border-width:1px;
    border-color:#330000;
    padding-left:3px;
}

select.dataEntryControlExtraWide
{
    width:505px; /* For Firefox */
    #width:506px; /* For IE */
}

.dataEntryControlSmall, select.dataEntryControlSmall
{
    background-color:#FFFF99;
    width:50px;
    border-style:solid;
    border-width:1px;
    border-color:#330000;
    padding-left:3px;
}

select.dataEntryControlSmall
{
    width:55px; /* For Firefox */
    #width:56px; /* For IE */
}

.dataEntryValidator
{
    color:Red;
}



/* Vacancy */
.vacancySearch
{
    text-align:left; 
    width:100%;
    font-size:8pt;
    vertical-align:middle;
}

.vacancySearchControl
{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    padding-left:3px;
    font-size:8pt;
}
.vacancyResultReturn
{
    color:Green;
    font-weight:bold;
}
.vacancyResultNoReturn
{
    color:#C23932;
    font-weight:bold;
}
.vacancyPager
{
    background-color:#fff;
    padding:3px 3px 3px 3px;
    margin-bottom:5px;
    margin-top:5px;
    font-weight:bold;
    color:#47c7e6;
    /*text-decoration:none;*/
}

.vacancyPager a
{
    font-weight:normal;
    color:#484848;
    text-decoration:none;
}

/* Vacancy List */
.vacancyListItem
{
    padding: 0px 0px 5px 0px;
    background-color:White;
}
.vacancyListHeader, .vacancyListHeader a
{
    border-color:#C33A32;
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    border-style:dotted;
    background-color:#000000;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    padding: 5px 5px 5px 5px;
}
.vacancyListBody
{
    padding: 5px 5px 5px 5px;
}

.vacancyListBody a
{
    color:#484848;
}

.vacancyListDetail
{
    font-size:8pt;
    display:inline;
    white-space:nowrap;
}
.vacancyListDetailLabel
{
    font-weight:bold;
    display:inline;
}
.vacancyListDetailData
{
    display:inline;
}

#ctl00_cphBody_txtKeyWords
{
	width: 130px;
}
#ctl00_cphBody_ddlJobType
{
	width: 130px;
}

#ctl00_cphBody_ddlJobLevel
{
	width: 130px;
}

#ctl00_cphBody_ddlLocation
{
	width: 130px;
}

/* Grid View - Used in Application Status / Agency Status Page */
.gridSpacing
{
    text-align:left;
    width:inherit;
    padding-top:10px;
    padding-bottom:10px;   
}
.gridAddBox
{
    text-align:left;
    width:inherit;
    padding:3px 3px 3px 3px;
    border: solid 1px #3a3a3a;
}
.gridOverall
{
    padding: 2px 2px 2px 2px;   
    border: solid 1px #3a3a3a;
}
.gridRow
{
    text-align:left;
    color:Black;
    background-color:White;
}
.gridRow a
{
    color:#3a3a3a;   
    text-decoration:none;
}
.gridAltRow
{
    text-align:left;
    color:Black;
    background-color:#ededee;
}
.gridAltRow a
{
    color:#3a3a3a;   
    text-decoration:none;
}
.gridHeader
{
    text-align:left;
    color:#000;
    background-color:#3a3a3a;
}
.gridHeader a
{
    color:#ffffff;   
    text-decoration:none;
}

/* Menu Edit Control */
.menuEdit
{
    vertical-align:top;
    border-style:solid;
    border-width:1px;
    border-color:Black;
    padding:3px;
}
.menuEditRow
{
    vertical-align:top;
    background-color:White;
}
.menuEditAltRow
{
    vertical-align:top;
    background-color:#ededee;
}
.menuEditNode
{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    margin:2px;
    background-color:#FFFFCC;
}

.menuEditNodeHome
{
    border-style:solid;
    border-width:1px;
    border-color:Black;
    margin:2px;
    background-color:#CCFF99;
}

/* Cascade Ticker Control */
.cascadeTickerls
{
    
}
.cascadeTickerh
{
    display:none;
}
a.cascadeTicker
{
	text-decoration:none;
}
a.cascadeTicker:hover
{
	text-decoration:none;
}

/* Hide Vacancy Details Controls

VacancyDetailsPostedDate
VacancyDetailsStartDate
VacancyDetailsSalary
VacancyDetailsLocation
VacancyDetailsLevel
VacancyDetailsDeadline
VacancyDetailsHours
VacancyDetailsBenefits
VacancyDetailsJobType
VacancyDetailsDescription

These are the names of TR elements which can be hidden on the VacancyDetails.aspx page
 */

tr.VacancyDetailsStartDate
{
    display:none;
}

/* Hide Search Vacancy Results Fields

vldJobType
vldLocation
vldDistance
vldSalary
vldBenefits
vldDatePosted
vldDeadline

These are div elements which can be hidden on the vacancy.aspx page
*/