/* 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:"arial","sans-serif";
    font-size:10pt;
    color:Black;
    background-image:url(images/background.png);
}

body a
{
    color:Black;
}

textarea 
{
    /* This is for Multi-line Text Boxes */
    font-family:"arial","sans-serif";
    font-size:10pt;
    color:Black;
}

.smallText
{
    font-size:8pt;   
}

/* Header */
div.masterHeader
{
    background-image:url(images/logo.png);
    background-repeat:no-repeat;
    height:167px; /* For Firefox */
    #height:168px; /* For IE */
}
div.masterTitle
{
    width:100%;
    height:101px; /* For Firefox */
    #height:100px; /* For IE */
    /* background-image:url(https://outsourceryrecruitment.outsourcery.co.uk/framework/customer/1/images/logo.gif); */ /*Un-comment me to use a floating Logo image*/
}
div.masterMenu
{
    text-align:left;
}

/* Body */
div.masterBody
{
    border-right-width:0px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
    border-style:solid;
    border-color:transparent;
    background-color:#fff;
    min-height:250px;
}

/* Footer*/
div.masterFooter
{
    background-image:url(images/footer.jpg);
    height:40px;
    width:1000px;
}
div.masterFooter a
{
    color:#000;
}
/* 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:0px;
    border-color:transparent;
    margin: 0px auto;
}
div.masterInnerBorder
{
    border-style:solid;
    border-width:0px;
    border-color:transparent;
}

/* Menu */
.menuRoot, .menuRootSelected
{
	background-color:transparent;
	color:#f50082;
	font-weight:normal;
	width:90px;
	height:24px;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-top-width:0px;
	border-style:solid;
	margin-right:1px;
}
.menuRootSelected
{
	color:#10A6B2;
}

.menuSubLevelGeneral
{
    width:700px;
    background-color:transparent;
}
.menuSubLevel, .menuSubLevelSelected
{
	background-color:transparent; 
	color:#4d4d4f; 
	font-weight:normal; 
	text-align:center; 
	height:20px;
	font-size:12px;
	vertical-align:middle;
	border-width:0px;
	border-style:none;
	padding:4px;
}
.menuSubLevelSelected
{
	color:#10A6B2;
}

.menuDynamicGeneral
{
    border-style:solid;
    border-width:1px;
    border-color:#4d4d4f;
    background-image:url(images/background.png); 
    padding:0px;
}
.menuDynamic
{
	background-color:transparent; 
	color:#4d4d4f; 
	font-weight:normal; 
	height:20px;
	text-align:left; 
	font-size:12px;
	vertical-align:middle;
	border-width:0px;
	border-style:none;
	padding:5px;
}
.menuDynamic:Hover
{
	color:#10A6B2; 
}
.menuLogin, .menuLogin a
{
    width:990px;
    background-color:#000;
    color:#fff;
    text-decoration:none;
    padding: 1px 5px 1px 5px;
    #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:#ddd;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.progressBarCurrent
{
    background-color:#4d4d4f;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.progressBarBlank
{
    background-color:#000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/* Data Entry Page */
.instructionBox
{
    background-color:#ddd;
    border-width:1px;
    border-style:dashed;
    border-color:#4d4d4f;
    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 */
#ctl00_cphBody_txtKeyWords
{
	width: 125px;
}
#ctl00_cphBody_ddlJobType
{
	width: 125px;
}

#ctl00_cphBody_ddlJobLevel
{
	width: 125px;
}

#ctl00_cphBody_ddlLocation
{
	width: 125px;
}
.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:Red;
    font-weight:bold;
}
.vacancyPager
{
    background-color:transparent;
    padding:3px 3px 3px 3px;
    margin-bottom:5px;
    margin-top:5px;
    font-weight:bold;
    color:#f50082;
    text-decoration:none;
}

.vacancyPager a
{
    font-weight:normal;
    color:#f50082;
    text-decoration:none;
}

/* Vacancy List */
.vacancyListItem
{
    padding: 0px 0px 5px 0px;
    background-color:White;
}
.vacancyListHeader, .vacancyListHeader a
{
    border-color:Blue;
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
    border-style:solid;
    background-color:#ddd;
    font-weight:bold;
    text-decoration:none;
    color:Black;
    padding: 5px 5px 5px 5px;
}
.vacancyListBody
{
    padding: 5px 5px 5px 5px;
}

.vacancyListBody a
{
    color:#f50082;
}

.vacancyListDetail
{
    font-size:8pt;
    display:inline;
    white-space:nowrap;
}
.vacancyListDetailLabel
{
    font-weight:bold;
    display:inline;
}
.vacancyListDetailData
{
    display:inline;
}

/* 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 #ddd;
}
.gridOverall
{
    padding: 2px 2px 2px 2px;   
    border: solid 1px #ddd;
}
.gridRow
{
    text-align:left;
    color:Black;
    background-color:White;
}
.gridRow a
{
    color:#10A6B2;   
    text-decoration:none;
}
.gridAltRow
{
    text-align:left;
    color:Black;
    background-color:#ddd;
}
.gridAltRow a
{
    color:#10A6B2;   
    text-decoration:none;
}
.gridHeader
{
    text-align:left;
    color:Black;
    background-color:#4d4d4f;
}
.gridHeader a
{
    color:#fff;   
    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:#ddd;
}
.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
*/