/* CSS Document */
/******************************************************************************/

/* NOTE :  Comments inside CSS files cannot be nested inside each other.      
*/

/* NOTE : a:hover MUST come after a:link and a:visited in the CSS definition 
in order to be effective!! 
*/

/* NOTE : a:active MUST come after a:hover in the CSS definition in order to 
be effective!! 
*/

/******************************************************************************/
/*Target Client ISIS page*/

/* global */


/* Header */
#banner {
	background-color: #FFF; /*Change to #FFF for White banner*/
	background-image: url(#); /*Put none for flat background*/
	height			: 83px; /*23 plus height of logo*/
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #000000;
	border-bottom-color: #000000;
	padding: 5px;
	}
#bannershort {
	background-color: #FFFFFF;
	background-image: url(../images/Aramark_logo_short.jpg);
	background-repeat	: no-repeat;
	background-position:bottom left;
	height			: 60px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #fa1131;
	}
.bannerTitle  {
	color	: #fa1131; /*Change to #000 for White banner*/
	margin-top: 0px;
	padding-top: 20px;
	}
#bannerTitleShort  {
	color	: #fa1131;/*change per client color 1 dark*/
	margin-top: 0px;
	padding-top: 30px;
	padding-left: 200px;
	vertical-align: text-bottom;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
	} 
#logo {
	background-image	: url(../images/Aramark_logo.jpg);/*change per client*/
	background-repeat	: no-repeat;
	height				: 60px;
	width				: 312px;
	font-size			: 0px/*important*/;
	text-align			: right;
	color				: #000;
	float				: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
/*Use these logout out colors on a white banner */
.logout a{color:#9b0b1e;}
.logout a:link{color:#9b0b1e;}
.logout a:hover{color:#33f; font-weight:bold}

/* Header */

/* Global Navigation*/
.clientcolor1 {
	background-color:#fa1131;/*change per client color 1 dark*/
}
table#siteNav tr  { 
	background-color:#fa1131;/*change per client color 1 dark*/
	}
	
table#siteNav .selected {
	background-color : #7FC2C4;
	}
	
table#siteNav .inactive {
	background-color:#fa1131;/*change per client color 1 dark*/
	}
	
table#siteNav .active {
	background-color: #fad2d7;/*change per client color 2 light*/
	color: #000000;
	}

table#siteNav .over
	{background:#96d5d1;cursor:pointer;}
#siteNav #mainNav {
	background-color:#fa1131;/*change per client color 1 dark*/
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 23px;
	}
#siteNav #mainNav li {	/* addendum to global style */
	margin		: 0px;
	color		: #fff;
	font-weight	: bold;
	border-right: 1px solid #CCCCCC;
	border-left	: 1px solid #FFF;
	text-align	: center;
	list-style	: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	}

#siteNav li#inactive {
	border-left-color: #CCCCCC;
	border-right-color: #666666;
	background-color:#fa1131;/*change per client color 1 dark*/
	/*border-right-color: #1B3550;*/
	}
#siteNav li#active {
	border-left-color: #FFF;
	border-right-color: #999999;
	font-weight: bold;
	background-color: #fad2d7;/*change per client color 2 light*/
	color: #333333;
	}
#siteNav li#welcome  {
	background-color	: #CCCCCC;
	padding-left		: 10px;
	text-align: left;
	color: #000000;
	background-repeat:repeat-x;
	background-position:bottom;
	background-image: url(../images/tableHeadBG.gif);
	width: 145px;
	}

#siteNav li#over
{background:#96d5d1;cursor:pointer;}

#siteNav a {
	color:#fff;
	text-decoration:none;
}

#siteNav a:visited{
	font-weight:bold;
	color:#FFFFFF;
}

#siteNav a:hover{
	font-weight:bold;
	color:#FFF; 
	text-decoration:underline
}

#siteNav a:active
{
	font-weight:bold;
	color:#000; 
	text-decoration:none
}
/* Global Navigation*/


/* Left Navigation */

table.navHeader {
	color:#000;
	background-color:#fa1131;/*change per client color 1 dark*/
}
.nav2Header {
	color:#000;
	background-color: #fad2d7;/*change per client color 2 light*/
}
.navHeader .active td {
	background-color:#fa1131;/*change per client color 1 dark*/
}
.navHeader  a {
	color:#FFFFFF;
}
.nav2Header  a {
	color:#333333;
}
a.navHeader:hover {text-decoration:underline;color:#CCCCCC;}
a.nav2Header:hover {
	color:#333333;
}

/* Left Navigation */

/* Main Content */
.BoxHead {  
	color: #fa1131;/*change per client color 1 dark*/
 }
.PageTitle  {
	color	: #fa1131;/*change per client color 1 dark*/
	} 
.SecondaryPageTitle  {
	color	: #000000;
	font-size: 1em;
	font-weight: normal;
	} 
.LoginTitle {
	color	: #333333;/* can be changed but not recommended*/
	} 
.announcementHeader {
	color: #9b0b1e;/*change per client color 2 light*/
}
/* Main Content */


/* Butons */
input.primary {
	background-image: url(../images/bkg_button_primary.gif);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	border-color: #999999;
	min-width: 46px;		/* + padding (10+10) = 66px */
	}
input.disabled {
	background: #EBEADC url(../images/bkg_button_disabled.gif) repeat-x;
	border-color: #CFCCB8;
	cursor: default;
	color: #BBB799;
	}
/* Butons */

a{color:#9b0b1e;}

.SectionHeading td {
	padding: 5px;
	border-bottom: solid 1px #f5e2e4;
}
.SectionHeading tr {
		background: #f8f0f1;
	}

.nav2Headeractive {
	font-weight:normal;
	text-decoration:none;
	color:#000;
	background-color:#f5e2e4;/*change per client color 1 dark*/
}