/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// COMMON
///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
body {
	background-image: url('../../res/media/vitalube/bg.gif');
	background-repeat:  repeat-x;
	font-family: arial;
	font-size: 10pt;
}

h1, h2, h3 {
	color: #A56C00;
}

#brandBanner {
	height: 6.3em;
	background-image: url('../../res/media/vitalube/logoweb.gif');
	background-repeat: no-repeat;
}

#brandBanner div {
	display: none;
}

#brandFooter {
	background-color: #F7E0AC;
	color: #000000;
	border-left: #A56C00;
	border-right: #A56C00;
}

#brandFooter a {
	color: #000000;
}

#brandFooter a:hover {
	color: #666666;
}

#pageCore {
	background-color: #FFFFFF;
	border: 1px solid #A56C00;
}

#sectionInfoPanel {
	font-weight: bold;
}

.errors {
	background-color: #DDAA33;
	font-weight: bold;
}

.errors div {
	background-color: transparent;
}

/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// SERVICE TIME PANEL
///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/

.serviceTimePanel {
	background-color: #F7E0AC;
	border: 1px solid #A56C00;
}

.serviceTimePanelControl {
	border-top: 1px solid #A56C00;
}


.itemPanel {
	background-color: #F7E0AC;
	border: 1px solid #A56C00;
}

/* Styles that identify that an item entry is currently being edited */
.itemPanelSelect {
	font-weight: bold;
	background-color: #D2B57F;
}

.itemPanelControl {
	border-top: 1px solid #A56C00;
}

.itemBottomPanelContainer {
	border-top: 1px solid #A56C00;
}

.dateControlPanel div {
	font-weight: bold;
}

.dateControlPanel a {
	text-decoration: none;
}

.currentServicePanel {
	border: 1px solid #A56C00;
	font-weight: bold;
}

.contactInfoContainer {
	border: 1px solid #A56C00;
}

#selectedTimeDisplay {
/*
	border: 1px solid #A56C00;
	background-color: #F7E0AC;
	font-size: 11pt;
*/	
	font-weight: bold;
}

#serviceSelectionModePanel {
	text-align: center;
}

/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// INTRO PANEL
///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
#introPanel {
	background-color: #F2F2F2;
}


/*/////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
// SELECTOR
///////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////*/
#selectorHead {
	background-color: #F7E0AC;
	border: 1px solid #000000;
}

#selector td {
	border: 1px solid #000000;
	cursor: pointer;
}

#selector tr.itemRowHeader {
	background-color: #F7E0AC;
}

#selectorHead th.itemColumn, 
#selectorHead th.itemColumnCheckbox, 
#selector td.itemColumnCheckbox,
#selector td.itemEditColumn, 
#selector td.itemColumn {
	border-style: none;
}

.rollover {
	background-color: #00126A;
	color: #FFFFFF;
}

.rollout {
	background-color: transparent;
}

.selected {
	background-color: #33459D;
}

.notAvailable {
	background-color: #A56C00;
}