html, body
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff;
	color: #000;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

#document
{
	width: 260px;
	overflow: hidden;
}

#content
{
	padding: 1px 0 1px 1px;
	color: #fff;
	background: #366890;
}

#calendarHeader
{
	display: none;
}

#calendarHeader a
{
	text-decoration: none;
	color: #999;
}

#calendarHeader a:hover
{
	font-weight: bold;
	color: #000;
}

#calendarLegends
{
	font-size: 10px;
	padding: 6px 8px;
}


#calendarLegends table
{
	border: none;
	border-collapse: collapse;
	margin: 0;
}

#calendarLegends td
{
	text-align: left;
	vertical-align: middle;
	padding: 5px 5px 5px 0;
}

#calendarLegends span
{
	display: block;
	margin: 0 7px 0 0;	
	width: 16px;
	height: 16px;
}

#calendarLegends span.legal
{
	background: #ccecb5 url(/Site/Images/bg-calendar-legal.png) left center repeat-x;
}

#calendarLegends span.selected
{
	background: #bb126f;
}

#calendarLegends span.period
{
	background: #ccecb5 url(/Site/Images/bg-calendar-period.png) bottom left repeat-x;
}









#calendarContainer
{
	padding: 0 0 1px 0;
}


.calendar
{
	position: relative;
	display: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.calendar table
{
	border: none;
	border-collapse: separate;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.calendar td
{
/*	border: 1px solid #366891; */
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #366891;
	font-size: 10px; /*	padding: 0; */
	padding: 0 4px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
}


/* Header part -- contains navigation buttons and day names. */
.calendar thead td
{
	/* "<<", "<", ">", ">>" buttons have this class */
	cursor: pointer;
	font-weight: bold;
	color: #cf4c96;
}


.calendar thead .button
{
}

.calendar thead .nav
{
	font-size: 12px;
}







.calendar thead .title
{
	/* This holds the current "month, year" */
	border: none;
	padding: 2px 0;
	background: #284962;
	color: #fff;
	font-weight: bold; /*	border-bottom: 1px solid #fff; */
}

.calendar thead .headrow
{
	/* Row <TR> containing navigation buttons */
}

.calendar thead .daynames
{
	/* Row <TR> containing the day names */
}


.calendar thead .daynames td
{
	line-height: 22px;	
}

.calendar thead td.wn /* Cells <TD> containing the week numbers and day names */ 
{
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #2e5170;
	background: #fff;
	text-transform: lowercase;
	padding: 0;
}

.calendar thead td.day
{
	font-weight: bold;	
	color: #fff;
	text-transform: lowercase;	
	background: #25465f url(/Site/Images/bg-calendar-day.png) 0 0 repeat-x;
}

.calendar thead .name
{

}


.calendar thead .weekend
{
	/* How a weekend day name shows in header */
/*	color: #C9252C; */
}

.calendar thead .hilite
{
	/* How do the buttons in header appear when hover */
}

.calendar thead .active
{
	/* Active (pressed) buttons in header */
}





/* The body part -- contains all the days in month. */

.calendar tbody td
{
	color: #2e5775;
	background: #fff url(/Site/Images/bg-calendar.png) 0 0 repeat-x;
}

.calendar tbody .day
{
	/* Cells <TD> containing month days dates */
	font-size: 10px;
	cursor: pointer;
}

.calendar tbody .wn
{
	font-size: 10px;
	background: #fff;
	color: #2e5170;
}




.calendar tbody .day.othermonth
{
	background: #fff;
	color: #aaa;
}

.calendar tbody .day.othermonth.oweekend
{
}




.calendar tbody .rowhilite td
{
}

.calendar tbody .rowhilite td.wn
{
}

.calendar tbody td.hilite
{
	/* Hovered cells <TD> */
	background: #eee;
}

.calendar tbody td.active
{
	/* Active (pressed) cells <TD> */
	background: #ccc;
}

.calendar tbody td.selected
{
	/* Cell showing selected date */
	background: #fcc;
}

.calendar tbody td.weekend
{
	/* Cells showing weekend days */
	color: #666;
}

.calendar tbody td.today
{
	/* Cell showing today date */
	font-weight: bold;
}

.calendar tbody .disabled
{
	color: #999;
}

.calendar tbody .emptycell
{
	/* Empty cells (the best is to hide them) */
	background: #809fba;
}

.calendar tbody .emptyrow
{
	/* Empty row (some months need less than 6 rows) */
}



/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow
{
	/* The <TR> in footer (only one right now) */
	display: none;
}

.calendar tfoot .footrow td
{
	font-size: 10px;
	border: none;
}

.calendar tfoot .ttip
{
	/* Tooltip (status bar) cell <TD> */
	padding: 1px;
	text-align: center;
}

.calendar tfoot .hilite
{
	/* Hover style for buttons in footer */
	background: #000;
	color: #fff;
}

.calendar tfoot .active
{
	/* Active (pressed) style for buttons in footer */ /* not used */
}





/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo
{
	position: absolute;
	display: none;
	width: 4em;
	top: 0px;
	left: 0px;
	cursor: default;
	border: 1px solid #000;
}

.calendar .combo .label, .calendar .combo .label-IEfix
{
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix
{
	/*	width: 4em; */
}

.calendar .combo .active
{
	padding: 0px;
}























.calendar .combo
{
	background: #ddd;
}

.calendar .combo .active
{
	background: #ccc;
}

.calendar .combo .hilite
{
	background-color: #eee;
}

.calendar tbody .selectedPeriod
{
	background: #ccecb5 url(/Site/Images/bg-calendar-period.png) bottom left repeat-x !important;
	color: #bb126f !important;
}

.calendar tbody .legal
{
	background: #ccecb5 url(/Site/Images/bg-calendar-legal.png) left center repeat-x;
}

.calendar tbody .legalhilite
{
	background: #8ebd78 url(/Site/Images/bg-calendar-hover.png) left center repeat-x !important;
	color: #000 !important;
}

.calendar tbody .selected
{
	background-color: #bb126f !important;
	background-image: none !important;
	color: #fff !important;
	font-weight: bold;
}
body
{
}