<!--

.ReportTable 	{ font-family: Verdana; font-size: 8pt;  
		  border-color: #CCCCCC;
    		  border-width: 0px 0px 1px 1px;
    		  border-style: solid;
    		  border-spacing: 0;
    		  border-collapse: collapse; 
		  padding-top:0px;
		  padding-bottom:0px;
		  padding-right:10px;
		  padding-left:10px;}

.ReportTd   	{ border-color: #CCCCCC;
    		  border-width: 1px 1px 0px 0px;
    		  border-style: solid;
    		  margin:0;}

.ReportSummary  { border-color: #CCCCCC;
		  background-color: #F4DC00;
    		  border-width: 1px 1px 0px 0px;
    		  border-style: solid;
    		  margin:0;}

.ReportHeader 	{ background-color: #F15D22; 
                  color: #FFFFFF }

.ReportFooter 	{ background-color: #C2CD23 }

.ReportPaging 	{ font-family: Verdana; 
		  font-size: 8pt;  
		  width:100%; }

a.tooltip span  { display:none; 
		  padding:2px 3px; 
		  margin-left:8px; 
		  width:130px;}

a.tooltip:hover span {display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#000000;}


.FormClass      { color: #000000; 
		  font-weight: bold; 
                  font-family: Microsoft Sans Serif; 
		  font-size:9pt;}

.NavBarMid      { color: #000000; 
		  font-weight: bold; 
                  font-family: Arial; 
		  font-size:9pt;}

.NavBarMid td   { vertical-align: bottom; 
                  padding-top: 10px; 
                  padding-left: 10px; 
		  width: 86px;
		  border-right-style: solid; 
		  border-right-color: #FFFFFF; 
		  border-right-width: 3px;}

.NavBarBot      { color: #FFFFFF; 
		  font-family: Arial; 
                  font-size: 10pt }

.Events         { font-family: Arial; 
		  font-size:8pt;}

.EventText      { font-family: Arial; 
		  font-size:10pt;}



.CategoryTitle  { color: #FFFFFF; 
		  font-weight: bold; 
		  font-family: Arial; 
		  font-size:20pt;}

.MenuStyle      { color: #000000;  
		  font-family: Arial; 
		  font-size:8pt;}

.MenuStyle a    { color: #000000;  
		  font-family: Arial; 
		  font-size:8pt;
		  text-decoration: none;}

p               { color: #000000; 
		  font-weight: bold; 
		  font-family: Arial; 
		  font-size:10pt;}

#channelnav { 
float : left;
margin-top : 0;
text-align : center;
width : 100%;
}
 
#channelnav a { 
display : block;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
 
#channelnav ul { 
list-style-type : none;
margin : 0px;
padding : 0px;
z-index : 9000;
width : 200px;
}
 
#channelnav ul li { 
padding : 0 0 0 0;
border-bottom : 1px solid #cccc99;
}
 
#channelnav li a { 
display : block;
position : relative;
background-image : url('/Data//Data/Img/Gold_Bullet.gif');
background-repeat : no-repeat;
background-attachment : scroll;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
padding-left : 0;
padding-right : 0;
padding-top : 3px;
padding-bottom : 3px;
background-position : 4px 9px;
}
 
#channelnav li a:hover { 
color : #ffffff;
text-decoration : underline;
}
 
#channelnav li.last { 
border-bottom : none !important;
}
 
#channelnav li.active a { 
background-color : #62789d;
background-image : url('/Data//Data/Img/Black_Bullet.gif');
}
 
#channelnav li ul { 
background : #62789d;
margin : 0;
padding : 0 0 5px 0;
width : 300px;
z-index : 9999;
}
 
#channelnav li li { 
margin : 0;
padding : 0;
background : none;
border-bottom : none;
}
 
#channelnav li li.last { 
border-bottom : none;
}
 
#channelnav li.active li a, #channelnav li li a { 
width : 200px;
background-image : url('/Data//Data/Img/Black_Bullet.gif');
background-repeat : no-repeat;
background-attachment : scroll;
display : block;
position : relative;
font-family : arial;
font-size : 13px;
padding-left : 0px;
padding-right : 5px;
padding-top : 2px;
padding-bottom : 2px;
background-position : 9px 8px;
}
 
#channelnav li li a:hover { 
color : #000000;
background-image : url('/Data//Data/Img/Black_Bullet.gif');
background-repeat : no-repeat;
background-attachment : scroll;
background-position : 9px 8px;
}

/*--------------------------------------------------------------*/
/* Calendar Formatting Control
   Used by WGA.ClassLibrary.Controls.BaseCalendar 
*/
.calendar {
    border: solid 1px #666666;
}
.calendarTitle, .calendarNextPrev {
    background-color: #666666;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.calendarDayHeader {
    background-color: #F4F8FB;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.calendarDay {
    background-color: #ffffff;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.calendarDayWeekend {
	background-color: #ffffff;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.calendarDayOtherMonth {
	background-color: #F4F8FB;
	color: #aaaaaa;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.calendarDayToday {
    background-color: #ffffff;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.calendarDaySelected {
    background-color: #666666;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
	font-weight: bold;
}
.calendarSelector {
    background-color: #ffcc66;
    color: #666666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #336;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

.asyncCalReg 

{
    margin-left: -15px;
    text-align: center;
    font-size: 7pt;
    font-family: verdana, arial;
    background-color: white;
    border: 1px outset silver;
}
.asyncCalReg tr th 

{
    background-color: #768694;
    color: White;
    width: 80px;
}
.weekend 

{
    background-color: #eee;
    height: 50px;
}
.weekend:hover 

{
    background-color: #B2D2E8;
}
.otherMonth 

{
    color: #777;
    height: 50px;
}
.otherMonth:hover 

{
    background-color: #B2D2E8;
}
.today 

{
    background-image: url("images/slashback.gif");
    background-repeat: repeat;
}
.todayFooter input

{
    border: 1px solid #777;
    background-image: url("images/greyButton.gif");
    background-repeat: repeat-x;
    height: 23px;
}
.todayFooter input:hover 

{
    background-image: url("images/greyButtonHov.gif");
    background-repeat: repeat-x;
    cursor: pointer;
}
.monthList 

{
    border: 1px solid black;
    background-color: White;
    color: #777;    
    font-family: Verdana, Arial, Serif;
    font-size: 9pt;
    line-height: 18px;
}
.monthList 

{
    border: 1px solid #777;
    background-color: White;
    padding: 3px 0px 3px 0px;
    color: #777;
    font-family: Verdana, Arial, Serif;
    font-size: 9pt;
    line-height: 18px;
}
.monthList div:hover 

{
    color: White;
    background-color: #768694;
}
.monthSelector 

{
    border: 1px solid #777;
    background-image: url("images/greyButton.gif");
    background-repeat: repeat-x;
    height: 23px;
}
.monthSelector:hover 

{
    background-image: url("images/greyButtonHov.gif");
    background-repeat: repeat-x;
    cursor: pointer;
}
.yearList 

{
    border: 1px solid #777;
    background-color: White;
    padding: 3px 0px 3px 0px;
    color: #777;
    font-family: Verdana, Arial, Serif;
    font-size: 9pt;
    line-height: 18px;
}
.yearList div 

{
    padding: 1 3 1 3;
}
.yearList div:hover 

{
    color: white;
    background-color: #768694;
}
.yearSelector 

{
    border: 1px solid #777;
    background-image: url("images/greyButton.gif");
    background-repeat: repeat-x;
    height: 23px;
}
.yearSelector:hover 

{
    background-image: url("images/greyButtonHov.gif");
    background-repeat: repeat-x;
    cursor: pointer;
}
.navPrev 

{
    font-weight: bold;
    color: #738694;
}
.navNext 

{
    font-weight: bold;
    color: #738694;
}

.asyncCal {
    text-align:center;
    font-size: 7pt;
    font-family: verdana, arial;
    background-color: #eee;
    border: 1px outset silver;
    z-index: 7;
}
.asyncCal tr th {
    background-color: #61A1CE;
    color: white;
    width: 30px;
    height: 25px;
    font-size: 9pt;
    font-family: verdana, arial;
}
.weekendcal {
    font-size: 7pt;    
    width: 25px;
    height: 25px;
    background-color: #eee;
}
.weekendcal:hover {
    background-color: #B2D2E8;
}
.othermonthcal {
    height: 25px;
    font-size: 7pt;
    color: #777;    
    background-color: White;        
}
.othermonthcal:hover {
    background-color: #B2D2E8;
}
.calday 

{
    text-align: center;
    font-size: 7pt;
    background-color: white;
    font-size: 8pt;
}
.calday:hover {
    background-color: #B2D2E8;
}
.selDay 

{
    background-color: #777;
    color: White;
}
.iconicMonthList 

{
    border: 1px solid black;
    background-color: White;
    color: #777;    
    font-family: Verdana, Arial, Serif;
    font-size: 9pt;
    line-height: 18px;
}
.iconicMonthList div 

{
    padding: 1 3 1 3;
}
.iconicMonthList div:hover 

{
    color: White;
    background-color: #768694;
}
.iconicYearList 

{
    border: 1px solid black;
    background-color: White;
    color: #777;
    font-family: Verdana, Arial, Serif;
    font-size: 9pt;
    line-height: 18px;
}
.iconicYearList div 

{
    padding: 1 3 1 3;
}
.iconicYearList div:hover 

{
    color: white;
    background-color: #768694;
}
-->