.HeaderManager {
	color: #000000;
	}

.HeaderManager h1 {
	margin: 10px;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	}

.HeaderManager h1.Icon {
	padding-left: 30px;
	background: url(../Images/HeaderManagement/IconCalendar.gif) no-repeat left 0px;
	}

.HeaderManager .Smaller {
	font-size: 12px;
	font-weight: normal;
	}

.HeaderManager .Advanced {
	border: 1px solid #CAC8AB;
	border-bottom: 5px solid #CAC8AB;
	background: #F3F3E2;
	padding: 15px;
	}

.HeaderManager .Advanced h1 {
	margin: 0px 0px 10px 0px;
	}

.HeaderManager table.Grid {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	}

.HeaderManager table.Grid tr {}

.HeaderManager .Grid div,
.HeaderManager .Grid div.NoValue,
.HeaderManager .Grid div.Numbers,
.HeaderManager .Grid div.NumbersFirstDay,
.HeaderManager .Grid div.NumbersLastDay,
.HeaderManager .Grid div.Default,
.HeaderManager .Grid div.DefaultFirstDay,
.HeaderManager .Grid div.DefaultLastDay,
.HeaderManager .Grid div.HasValue,
.HeaderManager .Grid div.HasValueFirstDay,
.HeaderManager .Grid div.HasValueLastDay {
	background: url(../Images/HeaderManagement/Sprites.png) no-repeat 0px 0px;
	}

/* .HeaderManager .Grid div.Numbers:hover, */
.HeaderManager .Grid div.Default:hover,
.HeaderManager .Grid div.HasValue:hover {
	cursor: pointer;
	}

/* Day Display */
.HeaderManager .Grid div {
	width: 20px;
	height: 25px;
	padding: 3px;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	line-height: 23px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	}

.HeaderManager .Months .Grid div {
	width: 60px;
	background-position: 0px -200px;
	}

.HeaderManager .Grid div.NoValue {}

/* Date: Day */
.HeaderManager .Grid div.Numbers {
	background-position: -40px -40px;
	text-align: center;
	font-size: 90%;
	color: #FFFFFF;
	}

.HeaderManager .Months .Grid div.Numbers {
	background-position: -80px -240px;
	cursor: pointer;
	}

.HeaderManager .Grid div.NumbersFirstDay {
	background-position: 0px -40px;
	}

.HeaderManager .Months .Grid div.NumbersFirstDay {
	background-position: 0px -240px;
	}

.HeaderManager .Grid div.NumbersLastDay {
	background-position: -80px -40px;
	}

.HeaderManager .Months .Grid div.NumbersLastDay {
	background-position: -160px -240px;
	}

.HeaderManager .Grid div.NumbersCurrentDay {
	color: #00FFFF;
	font-weight: bold;
	font-size: 16px;
	}

.HeaderManager .Months .Grid div.NumbersCurrentDay {
	color: #FFFF00;
	font-weight: bold;
	font-size: 16px;
	}

/* Default */
.HeaderManager .Grid div.Default {
	background-position: -40px -80px;
	}

.HeaderManager .Months .Grid div.Default {
	background-position: -80px -280px;
	}

.HeaderManager .Grid div.DefaultFirstDay {
	background-position: 0px -80px;
	}

.HeaderManager .Months .Grid div.DefaultFirstDay {
	background-position: 0px -280px;
	}

.HeaderManager .Grid div.DefaultLastDay {
	background-position: -80px -80px;
	}

.HeaderManager .Months .Grid div.DefaultLastDay {
	background-position: -160px -280px;
	}

/* Has Timespan */
.HeaderManager .Grid div.HasValue {
	background-position: -40px -120px;
	}

.HeaderManager .Months .Grid div.HasValue {
	background-position: -80px -320px;
	}

.HeaderManager .Grid div.HasValueFirstDay {
	background-position: 0px -120px;
	}

.HeaderManager .Months .Grid div.HasValueFirstDay {
	background-position: -0px -320px;
	}

.HeaderManager .Grid div.HasValueLastDay {
	background-position: -80px -120px;
	}

.HeaderManager .Months .Grid div.HasValueLastDay {
	background-position: -160px -320px;
	}

.HeaderManager .Grid div.HasValueSingleDay {
	background-position: -120px -120px;
	}

.HeaderManager .Months .Grid div.HasValueSingleDay {
	background-position: -240px -320px;
	}
	
/* NotActive Timespan */
.HeaderManager .Grid div.NotActiveValue {
	background-position: -40px -160px;
	}

.HeaderManager .Months .Grid div.NotActiveValue {
	background-position: -80px -360px;
	}

.HeaderManager .Grid div.NotActiveValueFirstDay {
	background-position: 0px -160px;
	}

.HeaderManager .Months .Grid div.NotActiveValueFirstDay {
	background-position: -0px -360px;
	}

.HeaderManager .Grid div.NotActiveValueLastDay {
	background-position: -80px -160px;
	}

.HeaderManager .Months .Grid div.NotActiveValueLastDay {
	background-position: -160px -360px;
	}

.HeaderManager .Grid div.NotActiveValueSingleDay {
	background-position: -120px -160px;
	}

.HeaderManager .Months .Grid div.NotActiveValueSingleDay {
	background-position: -240px -360px;
	}


/* Expired Timespan */
.HeaderManager .Grid div.ExpiredValue {
	background-position: -40px -160px;
	}

.HeaderManager .Months .Grid div.ExpiredValue {
	background-position: -80px -360px;
	}

.HeaderManager .Grid div.ExpiredValueFirstDay {
	background-position: 0px -160px;
	}

.HeaderManager .Months .Grid div.ExpiredValueFirstDay {
	background-position: -0px -360px;
	}

.HeaderManager .Grid div.ExpiredValueLastDay {
	background-position: -80px -160px;
	}

.HeaderManager .Months .Grid div.ExpiredValueLastDay {
	background-position: -160px -360px;
	}

.HeaderManager .Grid div.ExpiredValueSingleDay {
	background-position: -120px -160px;
	}

.HeaderManager .Months .Grid div.ExpiredValueSingleDay {
	background-position: -240px -360px;
	}
/* Buttons */
.HeaderManager table.Buttons tr td {}

.HeaderManager .ButtonPrevMonth, 
.HeaderManager .ButtonPrevDay,
.HeaderManager .ButtonNextDay,
.HeaderManager .ButtonNextMonth {
	border: 0px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px;
	*padding-top: 8px; /* IE7 */
	margin-top: 6px;
	width:auto;
	overflow:visible;
	}

.HeaderManager .ButtonPrevMonth:hover, 
.HeaderManager .ButtonPrevDay:hover,
.HeaderManager .ButtonNextDay:hover,
.HeaderManager .ButtonNextMonth:hover {
	cursor: pointer;
	}

.HeaderManager .ButtonPrevMonth, 
.HeaderManager .ButtonPrevDay {
	padding-left: 28px;
	}

.HeaderManager .ButtonNextDay,
.HeaderManager .ButtonNextMonth {
	padding-right: 28px;
	}

.HeaderManager .ButtonPrevMonth {
	background: url(../Images/HeaderManagement/ArrowPrevious.gif) no-repeat left 0px;
	}

.HeaderManager .ButtonPrevMonth:hover {
	background: url(../Images/HeaderManagement/ArrowPrevious.gif) no-repeat left -30px;
	}
	
.HeaderManager .ButtonPrevDay {
	background: url(../Images/HeaderManagement/ArrowPrevious.gif) no-repeat left 0px;
	}

.HeaderManager .ButtonPrevDay:hover {
	background: url(../Images/HeaderManagement/ArrowPrevious.gif) no-repeat left -30px;
	}
	
.HeaderManager .ButtonNextDay {
	background: url(../Images/HeaderManagement/ArrowNext.gif) no-repeat right 0px;
	}

.HeaderManager .ButtonNextDay:hover {
	background: url(../Images/HeaderManagement/ArrowNext.gif) no-repeat right -30px;
	}

.HeaderManager .ButtonNextMonth {
	background: url(../Images/HeaderManagement/ArrowNext.gif) no-repeat right 0px;
	}

.HeaderManager .ButtonNextMonth:hover {
	background: url(../Images/HeaderManagement/ArrowNext.gif) no-repeat right -30px;
	}

.Step {
	margin-right: 45px;
	padding-left: 40px;
	}

.Step .Option {	
	line-height: 19px;
	padding-left: 25px;
	margin-top: 5px;
	height: 22px;
	width: 48px;
	}

.Step .OptionDate {
	margin-top: 5px;
	}

.Step .Option:hover,
.Step .Selected {	
	background: url(../Images/HeaderManagement/Sprites2.png) no-repeat 0px 0px;
	cursor: pointer;
	color: #FFFFFF;
	}

.Step .Option:hover, {
	background-position: 0px 0px;
	}

.Step .Selected,
.Step .Selected:hover {
	background-position: 0px -30px;
	}

.Step1 {
	background: url(../Images/HeaderManagement/Icon1.gif) no-repeat left 2px;
	}

.Step2 {
	background: url(../Images/HeaderManagement/Icon2.gif) no-repeat left 2px;
	}

.Step2 .Option {	
	margin-left: 0px;
	}