tr.highlight,
tr.highlight td, 
li.highlight, 
.highlight, 
table.jobSearch tr.highlight,
table.jobSearch tr.highlight,
table#checklistTable label.block:hover,
table.notes table#statusboxes tr.statusbox:hover
{
    background-color: #f2f2f2;
	color: #000 !important;
}
td.hourHighlight
{
    background-color: #D6D5D5;
}

table#manageJobs tr.highlight td
{
    color:#000 ;
}

/*tr.highlight .center.detail img {
    filter: invert(100%);
}*/

.applyArrowBody /* colors the floating apply arrow on view job details*/
{
    background-color:#f2f2f2;
	color: #000 !important;
}
.applyArrowTip /* colors the floating apply arrow tip on view job details*/
{
    border-left-color: #f2f2f2;
}
/* menu bar colors */
#navbar .dropdown-toggle.active,
#navbar .dropdown-menu li.active:hover,
#navbar .dropdown-menu li.active > a,
#navbar .dropdown-menu li.active > a:hover,
#navbar.navbar-default .navbar-nav > .active > a
{
    background-color: #f2f2f2 !important; /* !important can be dropped after hack in navbar.phtml is dropped */
    /* color: #fff !important; default is #fff - !important can be dropped after hack in navbar.phtml is dropped */
}

/*
The header is comprised of two stacked tables, each of 3 cells
*/
BODY
{
    margin:0;
}
.expr3ssHeaderTop
{ 
    /*
    The top part of the header, containing the table
    */
	background-color: #000;
}
.applicantLogoLeft
{
    padding-left:50px;
}

.applicantLogo
{
    display:none
}

.applicantLogoRight
{

}
.expressHeaderBottom
{

}
.applicantHeaderLeft
{
    display:none;
}

.headerDefault
{
    background-color:#f2f2f2;
    background-image: url(../images/cateringhq_images/header.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    width:100%;
    height: 28vw;

}

.applicantHeaderRight
{
    display:none;
}

.applicantHeaderText
{
    color: #000;
    background-color:#f2f2f2;
    padding: 10px 20px;
    font: 400 22px Helvetica, sans-serif;
    left: 0;
    position: relative;
    display:inline-block;
    float:left;    
}    

a.helpIconLink
{
    position:absolute;
    top:5px;
    right:10px;
}

a.clientLoginButton
{
    position:absolute;
    right:110px;
    top:10px;
}
.defaultArrow
{
    border-left-color:#f2f2f2;
}
.defaultBackground
{
    background-color:#f2f2f2;
}
.defaultButton
{
    background-color: #f2f2f2;
    color:#000;
}

.defaultButton:hover
{
    background-color: #f2f2f2;
    color:#D6D5D5;
}

.defaultLoginButton
{
    background-color: #f2f2f2;
    color:#000;
}
div.interest:hover
{
    background-color: #f2f2f2;
    color:#D6D5D5;
}

.checklist{
    color: #000;
    background-color:#fff;
}

.interest,.defaultLoginButton:hover{
    color:#000;
    background-color: #fff;
}

.defaultLoginButton
{
    /*
    controls the appearance of the login button (positioned using a.clientLoginButton above)
    */
}

div.main
{
    /*
    contains all the content of each major page
    */
}

/*
Styling the advertisement template - contents self-explanatory?
*/

/* if using a background-image instead of template-masthead.png you must hide that image with:

table.template td.topCenter IMG
{
    display:none;
}

*/
table.template
{
    /* border:3px solid #303030;*/
}

table.template .header
{
    /*
    controls the appearance of the header
    */
	color: #2b4673;
}

table.template .subheader
{
    /*
    controls the appearance of the sub-header
    */
}

table.template .header input
{
    /*
    controls the appearance of the header when editing
    */
	color: #2b4673;
}

table.template .subheader input
{
    /*
    controls the appearance of the sub-header when editing
    */
}

#jobAdTemplate td#applyMethod 
{
    /*
    controls the footer background image
    
    FOR EXAMPLE:

    background-image: url(../images/cateringhq_images/template-footer.png);
    background-repeat:no-repeat;
    background-position:center bottom !important;
	padding-bottom: 180px !important;
	background-size: contain !important;
    */
}


/*** Styling Hospitality ***/
table.hospitality_template
{
    border:2px solid #000;
}

table.hospitality_template .header
{
    /*
    controls the appearance of the header
    */
	color: #142900;
	text-align: center;
	width: 99%;
	padding: 2px 0;
	font: 400 18px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
}

table.hospitality_template .subheader
{
    /*
    controls the appearance of the sub-header
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;
	padding-bottom: 15px;
	font: 400 16px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.hospitality_template .header input
{
    /*
    controls the appearance of the header when editing
    */
	color: #142900;	
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}

table.hospitality_template .subheader input
{
    /*
    controls the appearance of the sub-header when editing
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}



/*** Styling Network ***/
table.network_template
{
	border:2px solid #000;
}

table.network_template .header
{
    /*
    controls the appearance of the header
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;
	font: 400 18px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.network_template .subheader
{
    /*
    controls the appearance of the sub-header
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;
	padding-bottom: 15px;
	font: 400 16px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.network_template .header input
{
    /*
    controls the appearance of the header when editing
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}

table.network_template .subheader input
{
    /*
    controls the appearance of the sub-header when editing
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}


/*** Styling Venues ***/
table.venues_template
{
	border:2px solid #000;
}

table.venues_template .header
{
    /*
    controls the appearance of the header
    */
	color: #2b4673;
	text-align: center;
	width: 99%;
	padding: 2px 0;
	font: 400 18px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.venues_template .subheader
{
    /*
    controls the appearance of the sub-header
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;
	padding-bottom: 15px;
	font: 400 16px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.venues_template .header input
{
    /*
    controls the appearance of the header when editing
    */
	color: #2b4673;
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}

table.venues_template .subheader input
{
    /*
    controls the appearance of the sub-header when editing
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}


/*** Styling Wholefoods ***/
table.wholefoods_template
{
	border:2px solid #000;
}

table.wholefoods_template .header
{
    /*
    controls the appearance of the header
    */
	color: #94add1;
	text-align: center;
	width: 99%;
	padding: 2px 0;
	font: 400 18px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.wholefoods_template .subheader
{
    /*
    controls the appearance of the sub-header
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;
	padding-bottom: 15px;
	font: 400 16px / 1.4em "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;	
}

table.wholefoods_template .header input
{
    /*
    controls the appearance of the header when editing
    */
	color: #94add1;
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}

table.wholefoods_template .subheader input
{
    /*
    controls the appearance of the sub-header when editing
    */
	text-align: center;
	width: 99%;
	padding: 2px 0;	
}