INPUT
{
    VERTICAL-ALIGN: middle
}
IMG
{
    VERTICAL-ALIGN: middle
}
.csCells TD
{
	border-color: white !important;
	text-align: right;
}
#topcontent
{
    WIDTH: 100%;
    TEXT-ALIGN: center
}
#leftcontent
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 140px;
    PADDING-TOP: 0px
}
#centrecontent
{
    FLOAT: left;
    WIDTH: 70%
}
TABLE
{
    WIDTH: 100%
}
H1
{
    FONT-SIZE: larger;
    TEXT-DECORATION: underline
}
TH.thleft
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 10px;
    TEXT-ALIGN: left
}
TD
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 10px;
    HEIGHT: 10px
}
.activeText:hover
{
    CURSOR: pointer
}
TABLE.history
{
    BACKGROUND-COLOR: #ffffe0
}
TD.historyA1
{
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #eeeed0;
    TEXT-ALIGN: center
}
TD.historyA2
{
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #eeeed0
}
TD.historyB1
{
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffe0;
    TEXT-ALIGN: center
}
TD.historyB2
{
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #ffffe0
}

.csWeek
{
	background-image: url("../../media/images/css/navback.gif");
	background-repeat: repeat-x;
	border-bottom-color: #ffffff;
	border-collapse: collapse;
	font-family: Verdana, Arial, Sans-Serif Serif;
	font-size: 8px;
	font-weight: 700;
	height: 20px;
	text-align: center;
	color: white !important;
	vertical-align:middle;
}

.csHead
{
	background-image: url("../../media/images/css/navback_over.gif");
	background-repeat: repeat-x;
}
.csFoot
{
	background-image: url("../../media/images/css/navback_over.gif");
	background-repeat: repeat-x;
	height: 20px;
}
.csCells
{
	width: 100%;
}
.csWeek
{
	width: 27px;
	border-collapse: collapse;
	border: none;
}
.navNext
{
	text-decoration: none;
	font-family:Arial; 
	font-size: 11px;
}
.navPrev
{
	text-decoration: none;
	font-family:Arial; 
	font-size: 11px;
}
.closebutton
{
	font-weight:bold;
}
#AN,
#AC,
#HR
{
	width: 115px;
}
#cs
{
	margin-left: 0px !important;
	display: none;
}
td.csFoot, td.csFootHover, td.csFoot:hover, td.csFootDisabled
{
	background-image: url("../../media/images/css/navback_over.gif") !important;
	background-repeat: repeat-x;
	background-color: #FFCF1D;
	height: 20px;
}
.csFootDisabled
{
	background-image: url("../../media/images/css/navback_over.gif") !important;
	background-repeat: repeat-x;
	background-color: #FFCF1D;
	height: 20px;
}

/*
	css moved from JS file
*/
.cs{
	padding:1px;
	vertical-align:middle;
}
	
.csOuter{
	padding:0px;
	vertical-align:middle;
    position:relative;
    top:-4px;
}

table.cs{
	padding:       4px;
	vertical-align:middle;
	border:        ridge 2px;
    font-size:     9pt;
    font-family:   Verdana,Arial,Helvetica,Sans-Serif;
    font-weight:   bold;
}

td.csDrag,
td.csHead{
	padding:       0px 0px;
	text-align:    center;
}

td.csDrag {
	font-size:     8pt;
}

select.csHead{
	margin:        3px 1px;
	text-align:    center;
	height:        20px !important;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	position: relative;
	top:-2px;
}

input.csHead{
	height:        20px !important;
	width:         22px;
	vertical-align:middle;
	text-align:    center;
	margin:        2px 1px;
	font-weight:   bold;
	font-size:     9pt;
	font-family:   fixedSys;
}

td.csWeekNumberHead,
td.csWeek{
	padding:       0px;
	text-align:    center;
	font-weight:   bold;
}

td.csFoot,
td.csFootHover,
td.csFoot:hover,
td.csFootDisabled {
	background-color:  #FFFFFF;
	color:             #FFFFFF;
	padding:       0px;
	text-align:    center;
	height:        20px;
	font-weight:   normal;
}
	
table.csCells{
	text-align:    right;
	font-size:     8pt;
	width:         100%;
}

td.csCells,
td.csCellsHover,
td.csCells:hover,
td.csCellsDisabled,
td.csCellsExMonth,
td.csCellsExMonthHover,
td.csCellsExMonth:hover,
td.csCellsExMonthDisabled,
td.csCellsWeekend,
td.csCellsWeekendHover,
td.csCellsWeekend:hover,
td.csCellsWeekendDisabled,
td.csInputDate,
td.csInputDateHover,
td.csInputDate:hover,
td.csInputDateDisabled,
td.csWeekNo,
td.csWeeks{
	padding:           3px;
	width:             16px;
	height:            16px;
	border-width:      1px;
	border-style:      solid;
	font-weight:       bold;
	vertical-align:    middle;
}
	
/* Blend the colours into your page here...    */
/* Calendar background */
table.cs{
	background-color:  #FFFFFF;
}

/* Drag Handle */
td.csDrag
{
	background-color:  #000000;
	color:             #CCCCFF;
}

/* Week number heading */
td.csWeekNumberHead{
	color:             #6666CC;
}

/* Week day headings */
td.csWeek{
	color:             #D3DDE8;
}

/* Week numbers */
td.csWeekNo{
	background-color:  #776677;
    color:             #D3DDE8;
}

/* Enabled Days */
/* Week Day */
td.csCells{
	background-color:  #D3DDE8;
	text-decoration:   underline;
	color:             #2050A0;
}
	
/* Day matching the input date */
td.csInputDate{
	background-color:  #CC9999;
	color:             #FF0000;
}
	
/* Weekend Day */
td.csCellsWeekend{
	background-color:  #D3DDE8;
	text-decoration:   underline;
	color:             #CC6666;
}

/* Day outside the current month */
td.csCellsExMonth{
	background-color:  #D3DDE8;
	color:             #666666;
}
	
/* Today selector */
td.csFoot{
	background-color:  #FFFFFF;
	color:             #FFFFFF;
}
	
/* MouseOver/Hover formatting
If you want to "turn off" any of the formatting
then just set to the same as the standard format
above.

Note: The reason that the following are
implemented using both a class and a :hover
pseudoclass is because Opera handles the rendering
involved in the class swap very poorly and IE6 
(and below) only implements pseudoclasses on the
anchor tag. */

/* Active cells */
td.csCells:hover,
td.csCellsHover{
	background-color:  #FFFF00;
	cursor:            pointer;
	text-decoration:   underline;
	color:             #000000;
}
	
/* Day matching the input date */
td.csInputDate:hover,
td.csInputDateHover{
	background-color:  #FFFF00;
	cursor:            pointer;
	color:             #000000;
}
	
/* Weekend cells */
td.csCellsWeekend:hover,
td.csCellsWeekendHover{
	background-color:  #FFFF00;
	cursor:            pointer;
	text-decoration:   underline;
	color:             #000000;
}
	
/* Day outside the current month */
td.csCellsExMonth:hover,
td.csCellsExMonthHover{
	background-color:  #FFFF00;
	cursor:            pointer;
	color:             #000000;
}
                          
/* Today selector */
td.csFoot:hover,
td.csFootHover{
	color:             #FFFF00;
	cursor:            pointer;
	font-weight:       bold;
}
	
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.csInputDateDisabled{
	background-color:  #999999;
	color:             #000000;
}
	
td.csCellsDisabled{
	background-color:  #D3DDE8;
	color:             #808080;
}

/* Weekend Day */
td.csCellsWeekendDisabled{
	background-color:  #D3DDE8;
	color:             #808080;
}
	
/* Day outside the current month */
td.csCellsExMonthDisabled{
	background-color:  #FFFFFF;
	color:             #808080;
}
	
#topcontent{
	width: 100%;
	text-align: center;
}

#leftcontent{
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	padding-bottom: 0px;
	width: 140px;
	padding-top: 0px;
}

#centrecontent{
	float: left;
	width: 70%;
}

.cs > TABLE{
	width: 100%;
}

.cs > H1{
	font-size: larger;
	text-decoration: underline;
}

TH.thleft{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	padding-top: 10px;
	text-align: left;
}

.cs > TD{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	padding-top: 10px;
	height: 10px;
}

.activeText:hover{
	cursor: pointer;
}
      
TABLE.history{
	background-color: #ffffe0;
}

TD.historyA1{
	vertical-align: top;
	background-color: #eeeed0;
	text-align: center;
}

TD.historyA2{
	vertical-align: top;
	background-color: #eeeed0;
}

TD.historyB1{
	vertical-align: top;
	background-color: #ffffe0;
	text-align: center;
}

TD.historyB2{
	vertical-align: top;
	background-color: #ffffe0;
}

.csWeek{
	background-image: url(../../media/images/css/navback.gif);
	background-repeat: repeat-x;
	border-bottom-color: #ffffff;
	border-collapse: collapse;
	font-family: Verdana, Arial, Sans-Serif Serif;
	font-size: 8px;
	font-weight: 700;
	height: 20px;
	text-align: center;
	color: white !important;
	vertical-align:middle;
}

.csHead{
	background-image: url(../../media/images/css/navback_over.gif);
	background-repeat: repeat-x;
}

.csFoot{
	background-image: url(../../media/images/css/navback_over.gif);
	background-repeat: repeat-x;
	height: 20px;
}

.csCells{
	width: 100%;
}

.csWeek{
	width: 27px;
	border-collapse: collapse;
	border: none;
}

.navNext{
	text-decoration: none;
	font-family:Arial;
	font-size: 11px;
}

.navPrev{
	text-decoration: none;
	font-family:Arial;
	font-size: 11px;
}

.closebutton{
	font-weight:bold;
}

#csDragText{
	background-image: url(../../media/images/css/navback.gif);
}