html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font-size:100%; /*set default font size */
	font-family: Arial, Helvetica, San-Serif;
	font-size: 10px;
	font-weight: normal;
	color: black; 
	
}

body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	/*overflow:auto;*/ /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}
/*dont reset the styles the main site sheet should take care of it*/
 
table {
	font-family: Arial, Helvetica, San-Serif; 
	font-size: 10px;
	font-weight: normal;
	color: black;
}

input {
	color: #00236C;
	font-family: Arial, Helvetica, San-Serif; 
	font-size: 9px;
	font-weight: normal;
	text-decoration : none;
}

select {
	color: #00236C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration : none;
}

legend {
	color: black;
}

fieldset {
	border: 1px solid #81ACCF; 
}

textarea {
	color: #00236C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration : none;
}

input:focus, textarea:focus { 
    background: #FFFCCC;
}

a {
	color: #36668C; /*black;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

.headerBG {
	background-color: #36668C;
}

.headerBorder {
	border: 1px solid #36668C;
}

.sresult { font-family:Arial, Helvetica, San-Serif; font-size:12px; color:#000000 }
.sresult_count { font-family:arial; font-size:11px; color:#36668C; font-weight: bold; }
.sresult_title { font-family:arial; font-size:11px; color:#ff0033 }
.sresult_bold { font-family:Arial, Helvetica, San-Serif; font-size:12px; color:#000000; font-weight: bold; }
.sresult_white { font-family:verdana; font-size:11px; color:#ffffff }
.sresult_whitebold { font-family:verdana; font-size:11px; color:#ffffff; font-weight: bold; }
.sresult_greenbold { font-family:verdana; font-size:11px; color:#376D37; font-weight: bold; }

#nav {
	display: block;
	height: 100%;
	max-height:100%; /* fix height for other browsers */
	background-color: #eeeeee; /*EFEFDE*/
	border: 1px solid #B2B2A6;
	width: 100%;
	position: absolute;
	float: left;
}

#content {
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow:auto; /* add scroll bars as required */
	padding-left:0; /* pad left to avoid navigation div if required */
	padding-top: 0;
}

#viewHeader {
	text-align: center; 
	padding: 0px 0px 0px 0px; 
	position: absolute;
	float: center;
	top: -5px;
	left: 22px;
}

#viewButton {
	position: relative; 
	margin: 10px; 
	padding: 0px; 
	display: block; 
	height: 20px;
	left: 7px;
}

#viewButton li {
	width:23px; 
	height:22px; 
	position: absolute; 
	top: 2px; 
	display: inline; 
	list-style: none;
}
  
#viewButton a {
	width: 23px; 
	height: 22px; 
	display:block; 
	border: hidden 1px black;
}

#viewButton a:hover {
	border: hidden 1px white;
}
#viewButton #viewDay {background: url(_images/viewDay.gif); left:17px;}
#viewButton #viewMonth {background: url(_images/viewMonth.gif); left:89px;}

#viewButton #viewMonth.active {background: url(_images/viewMonth.gif) 0 -22px no-repeat;}

#viewButton #viewMonth a:hover {background: url(_images/viewMonth.gif) 0 -44px no-repeat;}

#viewBrowseCalendar {
	align: center;
	position: relative;
	width: 210px;
	left: 40px;
	top: 30px;
}

#viewAddEvent {
	position: relative; 
	margin-top: 30px; 
	padding: 2px;
	display: block; 
	height: 18px;
	text-align: center;
}

#viewQuickSearch {
	position: relative; 
	margin: 0px; 
	padding: 2px; 
	display: block; 
	height: 15px;
	text-align: center;
}

#header {
	margin: 0px; 
	padding-top: 2px; 
	position: relative; 
	float: center;
}

#button {
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	display: block; 
	height: 20px;
}
  
#button li {
	width: 64px; 
	height: 22px; 
	position: absolute; 
	top: 2px; 
	display: inline; 
	list-style: none;
}
  
#button a {
	width: 64px; 
	height: 22px; 
	display:block; 
	border: hidden 1px black;
}

#button a:hover {
	border: hidden 1px white;
}

#button #filterView {background: url(_images/filter.gif); left:10px;}
#button #searchView {background: url(_images/search.gif); left:80px;}

#button #filterView.active {background: url(_images/filter.gif) 0 -22px no-repeat;}
#button #searchView.active {background: url(_images/search.gif) 0 -22px no-repeat;}


.sideMenu {
	margin: 3px 10px 10px 10px;
	padding: 3px;
	border: 1px solid #81ACCF;
}

.DateTable {
	width: 100%;
	border: 1px solid #81ACCF;
}

.CalendarTable {
	width: 100%;
	border: 1px solid #81ACCF;
}

.CalendarMonth {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 8px 8px 8px 8px;
	background-color: #B3D5EF;
	border-bottom: 1px solid #81ACCF;
	cursor: pointer;
}

.CalendarDay {
	border: 1px solid #81ACCF;
	text-align: center;
	padding: 8px 8px 8px 8px;
	cursor: pointer;
}

.CalendarToday {
	background-color: #FFFAAF;
}

.nullCalendarDay {
	border: 1px solid #81ACCF;
	text-align: center;
	padding: 8px 8px 8px 8px;
	background-color: #EFEFEF;
}

.TableNav {
	width: 100%;
}

.DateHeader {
	width: 35%;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}
.HeaderMenu {
	width: 1%;
	font-size: 10px;
	text-align: right;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}

.prevDate {
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}

.nextDate {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}

.DaysOfWeek {
	font-size: 12px;
	font-weight: bold;
	background-color: #99C0DF;
	text-align: center;
}

.PopupCalendarMonth {
	font-size: 10px;
	text-align: center;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
	border-bottom: 1px solid #81ACCF;
}

.PopupPrevDate {
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}

.PopupNextDate {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
}

.PopupDaysOfWeek {
	font-size: 10px;
	background-color: #99C0DF;
	text-align: center;
}

.PopupCalendarSelectable {
	border: 1px solid #81ACCF;
	text-align: center;
	padding: 2px 2px 2px 2px;
	cursor: pointer;
}

.PopupCalendarDay {
	border: 1px solid #81ACCF;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

.PopupCalendarToday {
	background-color: #FFFAAF;
	cursor: pointer;
}

.PopupNullCalendarDay {
	border: 1px solid #81ACCF;
	text-align: center;
	padding: 2px 2px 2px 2px;
	background-color: #EFEFEF;
}

.nullDay {
	background-color: #EFEFEF;
	border: 1px solid #81ACCF;
}

.dayHeader {
	cursor: pointer;
	width: 100%;
}

.hoverDay {
	background-color: #DFF1FF;
}
	
.Day {
	height: 80px;
	border: 1px solid #81ACCF;
}

.DayNumber {
	text-align: top;
	height: 5px;
	padding: 3px 3px 3px 3px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#81ACCF,EndColorStr=#FFFFFF);
}

.DayInfo {
	text-align: top;
	height: 70px;
	padding: 4px 4px 4px 4px;
}

.Today {
	background-color: #FDFFCF;
}

.TodayNumber {
	text-align: top;
	height: 5px;
	padding: 4px 4px 4px 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#81ACCF,EndColorStr=#FDFFCF);
}

.NullDay {
	background-color: #EFEFEF;
}

.NullDayNumber {
	text-align: top;
	height: 5px;
	padding: 3px 3px 3px 3px;
	/*background-color: #B3D5EF;*/
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#AFAFAF,EndColorStr=#EFEFEF);
}

.selectedDate {
	background-color: #DFF1FF;
}

.selectedDateNumber {
	text-align: top;
	height: 5px;
	padding: 4px 4px 4px 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#81ACCF,EndColorStr=#DFF1FF);
}

.DayTime {
	width: 2%;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #81ACCF;
	border-right: 1px solid #81ACCF;
}

.EventTime {
	padding-left: 2px;
	padding-right: 2px;
	width: 2%;
}
.EventBox {
	z-index: 13;
	position: absolute;
	background-color: white;
	border: 2px solid #99C0DF;
	opacity: 0.98;
	filter: alpha(opacity=92);
}

.EventBoxHeader {
	font-size: 16px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	background-color: #B3D5EF;
	cursor:move;
}

.EventTable {
	border: 1px solid #81ACCF;
}

.EventPopup {
	width: 350px;
	z-index: 12;
	position: absolute;
	opacity: .94;
	filter: alpha(opacity=92);
}

.EventPopup2 {
	width: 350px;
	z-index: 12;
	position: absolute;
	margin-left: -352px;
	opacity: 0.92;
	filter: alpha(opacity=92);
}

.calendarPopup {
	position: absolute;
	z-index: 12;
	background-color: white;
}

.DraggableEvent {
	z-index: 10;
}

.EventPopupLabel {
	width:5%;
	padding: 1px 2px 2px 2px;
}

.EventPopupInfo {
	padding: 1px 2px 2px 2px;
}

.EventPopupButtons {
	width: 2%;
	padding: 1px 2px 2px 2px;
}

.DayEvent {
	padding: 4px;
	border-bottom: 1px solid #81ACCF;
}

.WeekDays {
	font-size: 12px;
	font-weight: bold;
	background-color: #99C0DF;
	cursor: pointer;
	text-align: center;
}

.WeekEvent {
	padding: 4px;
	border-bottom: 1px solid #81ACCF;
}

.ListTable {
	width: 100%;
}

.ListHeader, .ListHeader:hover  {
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 2px;
}

.ListHeader2, .ListHeader2:hover  {
	background-color: #B3D5EF;
	padding-left: 4px;
	padding-right: 2px;
}

.ListRow1 {
	padding: 4px 4px 0px 0px;
	background-color: white;
}

.ListRow2
 {
	padding: 4px 4px 0px 0px;
	background-color: #DFF1FF;
}

tr.ListRow1 td,tr.ListRow2 td
{
	font-size: 10px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 4px;
	vertical-align: top;
	border-top: 1px solid #81ACCF;	
}

tr.GroupRow1 td,tr.GroupRow2 td
{
	font-size: 10px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 4px;
	vertical-align: top;	
}

.ListFooter {
	width: 98%;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background-color: #B3D5EF;
}

.ListGroupBy {
	font-size: 12px;
	font-weight: bold;
	background-color: #B3D5EF;
	padding: 3px;
	border: 1px solid #81ACCF;
}

.GroupTable {
	width: 100%;
	border-left: 1px solid #81ACCF;
	border-bottom: 1px solid #81ACCF;
	border-top: 1px solid #81ACCF;
}

.GroupRow1 {
	padding: 4px 4px 0px 0px;
	background-color: white;
}

.GroupRow2 {
	padding: 4px 4px 0px 0px;
	background-color: #F6F6F6;
}

tr.GroupRow1 td,tr.GroupRow2 td
{
	font-size: 11px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 7px;
	padding-bottom: 3px;
	vertical-align: top;
	border-top: 2px solid #81ACCF;	
}

.TypeTable {
	width: 100%;
	padding: 4px 4px 4px 4px;
}

.Event {
	width: 5%;
}

.pointer {
	cursor: pointer;
	/*cursor: hand;*/
}

.calendarPopup {
	position: absolute;
	z-index: 12;
	background-color: white;
}



A.menulink {
font-family: verdana;
font-size: 10px;
color:white;
font-weight : bold;
}
A:hover.menulink {
font-family: verdana;
font-size: 10px;
color:red;
font-weight : bold;
text-decoration: none;
}
A:active.menulink {
font-family: verdana;
font-size: 10px;
color:#ffe4c4;
}
/*This class is used to edit the form table. Applys the width and border.*/
table.form
{

	margin-top:10px;
	font-family:arial,verdana,san-serif;
	font-size:11px;
	background:#FFFFFF;
	border:1px solid #cccccc;
}

/*Don't get confused... this class is used to edit the table cell in which you will find values and inputs.*/
td.formField
{
	font-size:12px;
	padding:1px 4px;
	font-family:arial,verdana,san-serif;
}

td.formFieldSmall
{
	font-size:11px;
	padding:1px 4px;
	font-family:arial,verdana,san-serif;
}
/*This class is used to edit form headers.*/
td.formHead
{
	background:#336699;
	color:#FFFFFF;
	padding:2px 4px;
	font-weight:bold;
}
/*This class is used to format form sub-headers, as found at _Resource/intranet/performers/Performer_Edit.cfm in the certification section*/
td.formSubHead
{
	background:#96BBDF;
	color:black;
	padding:2px 4px;
	font-weight:bold;
	border:1px solid #336699;
}
/*This class is used to edit field descriptions at right.*/
td.formDesc
{
	width:120px;
	font-size:11px;
	text-align:right;
	background:#CBD4E6;
	color:#000000;
	font-weight:bold;
	padding:1px 4px 1px 15px;
}
a.rowresults {
	color: blue; /*black;*/
	font-family: arial,verdana,san-serif;
	font-size: 12px;
	text-decoration: none;
}

a.rowresults:hover {
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.FormActionButton_blue{
	color: #000000;
	height:19px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	background-color:#D1DEE9;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffff',EndColorStr='#B5CEE5');	
	border:1px solid #000000;
}

input.formButton{ 
 margin:15px 0px 7px 0px;
 font-size:11px;
 width:60px;
 color:#FFFFFF;
 background-color:#708898;
 border-color:#708898;
 font-family:arial,verdana,san-serif;
}

#dhtmltooltip{
position: absolute;
top: 0;
width: 280px;
font-family:arial,verdana,san-serif
font-size:12px;
border: 2px solid #a5aab8;
padding: 8px;
background-color: #f0f0f4;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.reporttip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #006622;
	cursor:pointer;
	font-weight: bold;
	padding: 1px 7px 1px 7px;
	margin-top: 12px;
	margin-right: 6px;
	border: 1px solid #487701;
	width:190px;
	}

span.red{color:red;}