/**********************************/
/* Content layout                 */
/**********************************/
#layout {
	width: 800px;
}
#layout p, td, div {
	font: normal small/1.5em Arial, Helvetica, sans-serif;
	color: #222122;
}
#displayView {
	padding-left: 187px;	
}
#monthView {
	text-align: right;
	padding-right: 13px;
}
#tabmenu {
	border-bottom: 1px solid #d3d3d3;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	line-height: normal;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

#tabmenu a, a.active {
	color: #0397d6;
	background: #ebebeb;
	border: 1px solid #d3d3d3;
	padding: 3px 15px 0px 15px;
	margin: 0px;
	text-decoration: none; 
}

#tabmenu a.active {
	background: #FFFFFF;
	border-bottom: 1px solid #f7f8ec; 
}

#tabmenu a:hover {
	text-decoration: underline; 
	background: #FFFFFF;
	color: #fdb813; 
}

#tabmenu a.active:hover {
	text-decoration: underline;
	background: #FFFFFF;
}

.detailViewLeft {
	width: 23%;
	background-color: #e9f1f8;	
}
.detailViewRight {
	width: 77%;
}

.displayAreaWidth {
	width: 98%;
}

/**********************************/
/* Text                           */
/**********************************/
.titleCalendar {
	background-image: url(../images/title_calendar.gif);
	background-repeat: no-repeat;		
	height: 24px;
	width: 159px;
	padding-left: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.titleCategory {
	background-image: url(../images/title_category.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 125px;	
	padding-bottom: 11px;
}
.titleSearch {
	background-image: url(../images/title_search.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 103px;
	padding-top: 2px;
	padding-bottom: 11px;
}

/**********************************/
/* General                        */
/**********************************/
.iconCategory {
	padding: 3px;
}

.iconPdf {
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.detailViewBorder {
	margin-top: 5px;
	border-top: solid 1px #000000; 
	border-bottom: solid 1px #000000; 
}

.listingViewItem {
	border-top: solid 1px #000000;
}

.fileDisplay {
	background-color: #e9f1f8;
}

.dividerDescription {
	width: 95%;
	color: #d3d3d3;
	height: 1px;
}

/**********************************/
/* Navigation                     */
/**********************************/
.link  {
	color: #0397d6;
}
a.link {
	text-decoration: none;
	color: #0397d6;
}
a.link:hover{
	text-decoration: underline;
	color: #fdb813;
}


/**********************************/
/* Background colors              */
/**********************************/
.bgHeader {
	background-color: #ffffff;
}
.bgMenuBorder {
	border-bottom: 1px solid #d3d3d3;
}
.bgMain {
	background-color: #FFFFFF;
}

/**********************************/
/* Form controls                  */
/**********************************/
.formButton {
	color: #373632;
	font-weight: bold;
	background-color: #f1f1f1;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}
.formSelect {
	color: #373632;
	width: 143px;
}
.formText {	
	color: #373632;
	width: 143px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
.formTextDate {	
	color: #373632;
	width: 121px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

/**********************************/
/* HTML Buttons                   */
/**********************************/
a.buttonText {	
	color: #000000;
	text-decoration: none;
}
a.buttonText:hover {
	color: #000000;
	text-decoration: underline;
}

.buttonLeft {
	background-color: #e9f1f8;
	width: 9px;
	height: 19px;
}

.buttonMiddle {
	background-color: #e9f1f8;	
}

.buttonRight {
	background-color: #e9f1f8;
	width: 9px;
	height: 19px;
}

/************************************************/
/* Calendar control styles.  Some classes have  */
/* variations for single or multi month display */
/************************************************/
.calendarSingle, .calendarMultiple, table.RadCalendar_Custom {
	width: 100%;
	font: normal small/1.5em Arial, Helvetica, sans-serif;
}

/* Calendar title containing current month being viewed */
.calendarTitle {
	padding-bottom: 4px !important;
}

.calendarTitle td {
	/*font-size: larger;*/
	font-weight: bold;
	color: #ffffff;	
	background-color: #474747;
	padding: 2px;
}

.daySingle, .otherMonthDaySingle {
	width: 90px;
	height: 70px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	background-color: #e9f1f8;
	border: solid 1px #000000;
}

.otherMonthDaySingle {
	text-align: right;
	background-color: #ffffff !important;
}

.selectedDaySingle, .selectedDayMultiple {
	color: #ffffff;
	background-color: #0397d6;
	vertical-align: top;
}

.selectedDaySingle {
	text-align: right;
}

.daySingle a, .otherMonthDaySingle a, .selectedDaySingle a {
	color: #000000;
}

.dayHeaderSingle {
	background-color: #fdb813;
	color: #000000 !important;
	text-align: center;
	border: solid 1px #000000 !important;
}

/* Multiple month view classes below */
.dayMultiple {
	text-align: center;
	padding: 7px 0px 7px 0px;
}

.dayMultiple a, .selectedDayMultiple a, .otherMonthDayMultiple a {
	color: #0397d6;
}

.otherMonthDayMultiple {
	text-align: center;
	padding: 7px 0px 7px 0px;
	visibility: hidden;
}

.selectedDayMultiple {
	text-align: center;
	vertical-align: middle;
}

.dayHeaderMultiple {
	background-color: #fdb813;
	color: #000000 !important;
	text-align: center;
	border-width: 0px !important;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Borders and margin around each month table */
.rcFirstRow, .rcLastRow {	
	margin: 5px !important;
}
.rcFirstRow table, .rcLastRow table {
	border-collapse: collapse !important;
	border: solid 1px #000000 !important;
}
/* Day content when events occur */
.dayItemContent {	
	padding-top: 4px;
	padding-left: 4px;
	text-align: left;
	vertical-align: top;
}
.dayItemContent a {
	font-size: smaller;
	text-decoration: underline;
	color: #0397d6;
}
.dayItemContent a:hover {
	text-decoration: none;
	color: #fdb813;
}

/**********************************/
/* Pop-up calendar styles        */
/**********************************/
.popupCalendar
{
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 200px;
}
/* Pop-up calendar container */
.popupCalendar .rcMain {
	border: solid 1px #c4c4c4;
	padding:0;
}

/* Current month title */
.popupTitle td {
	font-weight: normal;
	color: #ffffff;	
	background-color: #474747;
}

/* Pop-up week row */
.popupCalendar .rcWeek {
	border-bottom: solid 1px #c4c4c4;
}
.popupCalendar .rcWeek th {
	padding: 1px 0px 1px 0px;
	color: #000000;
}
.popupDay, .popupSelectedDay {
	vertical-align: top;
	text-align: center;
	color: #000000;
	background-color: #F1F1F1;
}
.popupDay a, .popupSelectedDay a, .popupDayHover a, .popupOtherMonth a {
	color: #000000;
	text-decoration: none;
}
.popupMonth {
	margin-top: 0px;
	border-collapse: collapse;
	border: solid 1px black;
}


.popupDayHover {	
	text-align: center;
	background-color: #0397d6;	
	cursor: pointer;
}
.popupDayHover a {	
	color: #ffffff;
}

.popupOtherMonth {	
	text-align: center;
	background-color: #e9f1f8;
}

/**********************************/
/* Tooltip styles                 */
/**********************************/
.toolTipDate {
	font-weight: bold;
	margin-bottom: 6px;
}