body     { 
         background: #FFFFFF; 
         color:      #000000;
         font-family: Arial, Helvetica, Verdana, sans-serif;
         font-size:12px
         }    
p, td{
     
         font-family: Arial, Helvetica, Verdana, sans-serif;
      
   
}




A:link {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #006699;
background: transparent; 
text-decoration: none
}
A:visited {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #006699;
background: transparent; 
text-decoration: none
}

A:active {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #CC9933;
background: transparent; 
text-decoration: none
}
A:hover:enabled {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: red;
background: transparent; 
text-decoration: underline
}



 
.heading { 
font-family: Arial, Helvetica, Verdana,sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000080;  }

.h3 { 
font-family: Arial, Helvetica, Verdana,sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #006699
}

.h3 A:link {
text-decoration: none
font-size: 14px; 
font-weight: bold; 
color: #006699
}

.h3 A:visited {
text-decoration: none
font-size: 14px; 
font-weight: bold; 
color: #006699
}


.h3 A:active {
text-decoration: none
font-size: 14px; 
font-weight: bold; 
color: #006699
}

.h3 A:hover {
color: gold;
text-decoration: underline
font-size: 14px; 
font-weight: bold 
}

.text { 
font-family: Arial,Helvetica,Verdana,sans-serif; 
font-size: 12px; 
color: #000000;  }

.textbold { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; font-weight: bold; 
color: #000000;  }

.smalltextboldgold { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #cc9933;  }

.smalltextboldwhite { 
font-family: Arial,Helvetica,Verdana, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #ffffff;  }

.smalltextboldwhite A:link {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #FFFFFF;
background: transparent; 
text-decoration: none
}
.smalltextboldwhite A:visited {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #FFFFFF;
background: transparent; 
text-decoration: none
}

.smalltextboldwhite A:active {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: #FFFFFF;
background: transparent; 
text-decoration: none
}
.smalltextboldwhite A:hover {
font-family: Arial, Heveltica, Verdana, Sans-serif;
color: gold;
background: transparent; 
text-decoration: underline
}

.redtextbold { font-family: Tahoma, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: maroon  }

.bluetextbold { font-family: Tahoma, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #000080  }

b { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; }


/* eRIDE .NET Start */

.flowBody, .flowPanel, .flowHeader, .searchPanel
{
	font-family : Arial, Sans-Serif;
}
	
.flowBody, .flowHeader
{
	margin-top: 0px;
	margin : 20px;
	font-size : 10pt;	
	width: 800px;
}

.flowPanel, .flowPanelGradient, .searchPanel
{
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gainsboro 1px solid;
	padding-top: 5px;
	border-bottom: gainsboro 1px solid;
	/*background-color: whitesmoke;*/
	margin : 10px;
	font-size : 10pt;
	width: 800px;
}

.flowPanelNoWidth
{
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gainsboro 1px solid;
	padding-top: 5px;
	border-bottom: gainsboro 1px solid;
	/*background-color: whitesmoke;*/
	margin : 10px;
	font-size : 10pt;
}

.flowPanelBorderLess
{
	margin : 10px;
	font-size : 10pt;
	width: 810px;
}

.flowPanelHeader
{
	font-size : 10pt;
	font-weight : Bold;
	margin-bottom : 8px;
	color: #006699;
}
.panelHeading
{
	font-size : 14px;
	font-weight : Bold;
	color: steelblue;
    text-align: left;
}
.pageheading { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #cc9933;  
	margin:10px;
}

.dataViewHeader
{
	font-size : 10pt;
	font-weight : Bold;
	margin-bottom : 8px;
	color: #000000;
}

/* When using asp:linkbutton need to assign cssclass=hyperlink */
.hyperlink 
{
	font-size : 9pt;
	color:#006699;
	border:none;
	background:none;
}


/* -------Data Grid Items-------- */
.DataGridItem 
{
	background-color:#ffffff;
}
.DataGridAlternatingItem
{
	background-color:#ffffff;
}
.DataGridHighlightItem
{
	background-color:#C1C2C2;
}
.DataGridHighlightItemGold
{
	background-color:#F5F5DC;
}
.DataGridHighlightItemLightRed
{
	background-color:#FFEEEB;
}
.DataGridHeader 
{	
	font-size : 9pt;
	color:White;
	background-color:steelblue;
	font-weight:bold;
}
.DataGridItemHighlightText 
{
	color: DarkRed;
	font-weight: bold;
}

.DataTable
{
    width:100%;
    border-collapse:collapse;
    font-size:12px;
    
}
.DataTable th
{
    color:White;
	background-color:steelblue;
	font-weight:bold;
    border:1px solid gainsboro;
}
.DataTable td
{
    border:1px solid gainsboro;
	background-color:white;
    padding:5px;
}



.ErrorRow  td
{
    
	background-color:mistyrose;
    
}

/* ------------------------------ */


/* -------Data List Items-------- */
.DataListBold
{
	color:steelblue;
	font-weight:bold;
}
.DataListItem
{
   padding-top: 8px;
   padding-bottom: 8px;
	border-bottom: 1px dashed gainsboro; 
	width: 100%; 
}

.DataListItemAlternating
{
   padding-top: 8px;
   padding-bottom: 8px;
	border-bottom: 1px dashed gainsboro; 
	width: 100%; 
}


.DataListSeparator
{ 
   padding-top: 8px;
   padding-bottom: 8px;
	color:#cc9933;
	border-bottom: 1px dashed gainsboro; 
	width: 100%; 
}
.DataListSeparator2
{ 
   padding-top: 0px;
   padding-bottom: 0px;
   height:1px;
	color:#cc9933;
	border-top: 1px dashed gainsboro; 
	width: 100%; 
}
/* ------------------------------ */


/* -------Form Controls-------- */
input.textbox
{
	border-style:solid;
	border-width:1px;
	border-color:lightsteelblue;
}



textarea 
{
	border-style:solid;
	border-width:1px;
	border-color:lightsteelblue;
}
.button 
{
	border-right: lightsteelblue 1px double;
	padding-right: 0px;
	border-top: lightsteelblue 1px double;
	padding-left: 0px;
	font-size: x-small;
	margin-left: 0px;
	border-left: lightsteelblue 1px double;
	color: black;
	margin-right: 0px;
	border-bottom: lightsteelblue 1px double;
	font-family: Arial;
	position: static;
	background-color: white;	
}	
.filebutton
{
	border-right: lightsteelblue 1px double;
	padding-right: 0px;
	border-top: lightsteelblue 1px double;
	padding-left: 0px;
	font-size: x-small;
	margin-left: 0px;
	border-left: lightsteelblue 1px double;
	color: black;
	margin-right: 0px;
	border-bottom: lightsteelblue 1px double;
	font-family: Arial;
	position: static;
	background-color: white;	
	height:22px;
}
/* ----------------------------- */


.ErrorLabel 
{
	color:Red;
	font-size:14px;
	font-family:Arial, Verdana;
}

.RedComment 
{
	color:Red;
	font-family:Verdana,Arial;
    font-weight: 700;
}
.CrimsonComment 
{
	color:Maroon;
	font-family:Verdana,Arial;
}
.GreenComment 
{
	color:Green;
	font-family:Verdana,Arial;
}
.BlueComment 
{
	color:steelblue;
	font-family:Verdana,Arial;
}
.navHeader 
{
	color:      #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size:12px
}

hr 
{
	background-color:#cc9933;
	 height: 2px;
    border: none;
}
hr.InPanel
{
	background-color:lightsteelblue;
    height: 2px;
    border: none;
}

/* eRIDE .NET END */


/*
added by derick:

*/


.LightWarning 
{
	color:IndianRed;
	font-weight: bold;
}


.HeavyWarning 
{
	color:Maroon;
	font-weight: bold;
}



.subtext
{
	color:Gray;
}

.bodyAlt
{
	font:Verdana,Arial;
}

.tdAlt{
         color: #000000;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size:12px

}
.DataGridHeaderAlt 
{	
	font-size : 9pt;
	color:White;
	background-color:steelblue;
	font-weight:bold;
}


/* ------------------------------------------- */
/* --------  Modal Popup       STYLES   ------ */
/* ------------------------------------------- */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/* ------------------------------------------- */
/* --------  END Modal Popup   STYLES   ------ */
/* ------------------------------------------- */


/* ------------------------------------------- */
/* --------- Styles for the Calendar  -------- */
/* ------------------------------------------- */

/* The borders and padding are the same everywhere, so we'll do all those at once,
The only exception is the base .NormalCalendar class, but we override that below */
.NormalCalendar,
.NormalCalendar .DayHeaderStyle,
.NormalCalendar .DayStyle,
.NormalCalendar .SelectedDayStyle,
.NormalCalendar .OtherMonthDayStyle
{
	border : Solid 1px #333333;
	padding : 6px;
	vertical-align : top;}
	 
.NormalCalendar
{
	border-collapse : collapse;
	padding : 0px;
	margin : 0px;
	font-family : Verdana, Sans-Serif;
	width: 262px;
	}

/* Style applied to Title table (month name) */
.NormalCalendar .TitleStyle{border : none;}
.NormalCalendar .TitleStyle td
{
	border : none;
	background-color : #5a799c;
	color : #ffffff;
	font-weight : bold;
	font-size : 16px;}
	

.NormalCalendar .TitleStyleSchool{border : none;}
.NormalCalendar .TitleStyleSchool td
{
	border : none;
	background-color :#B22222;
	color : #ffffff;
	font-weight : bold;
	font-size : 16px;}
	
	

/* Style applied to Next and Previous links */
.NormalCalendar .NextPrevStyle a{color : #ffffff !important; text-decoration : none;}
.NormalCalendar .NextPrevStyle a:hover{color : #dbbe38 !important; text-decoration : none;}

/* Style applied to DayHeaders */
.NormalCalendar .DayHeaderStyle{background-color : #c9d9ec; color : #465f7a; font-family:Arial}
	
/* Style applied to Days */
.NormalCalendar .DayStyle{background-color : #f7f7f7; vertical-align : text-top;} 
.NormalCalendar .DayStyle a {text-decoration:none;} 
.NormalCalendar .DayStyle a:hover {font-weight:bold;}
	
/* Style applied to Day cell when user selects it */
.NormalCalendar .SelectedDayStyle{background-color : LightBlue !important;}
.NormalCalendar .SelectedDayStyle a{color : #465f7a !important;}

.NormalCalendar .TodayDayStyle{background-color : #ffe0c0 !important; vertical-align : text-top; padding-top : 6px}

.NormalCalendar .SelectorStyle{background-color : #c9d9ec;}
.NormalCalendar .SelectorStyle a{color : #c9d9ec; text-decoration : none;}
.NormalCalendar .SelectorStyle a:hover{text-decoration : underline;}

/* Style applied to Days from other months */
.NormalCalendar .OtherMonthDayStyle{background-color : #cdcdcd;color:#cdcdcd;}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 130px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #EAF1FF;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/*AutoComplete flyout */

.autocomplete_completionListElement_big 
{
    font-family: Courier New ;  
	visibility : hidden;
	margin : 0px!important;
	background-color : #FFFFFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 130px;
    text-align : left; 
    list-style-type : none;
    width: 500px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem_big
{
    font-family: Courier New ;  

	background-color: #EAF1FF;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem_big
{
    font-family: Courier New ;  

	background-color : window;
	color : windowtext;
	padding : 1px;
}
 table.gridtable
    {
        font-family: Arial,sans-serif;
        color: #333333;
        border-width: 1px;
        border-color: #666666;
        border-collapse: collapse;
        margin:0px 0px 10px 10px;
        width:98%;
    }
    
    
    table.gridtable th
    {
        font-size: 9pt;
        font-weight:bold;
        padding: 8px;
        background-color: White; 
        text-align:left;
        font-family: Arial,sans-serif;
        border-width : 1px;       
        border-style: solid;
        border-color: rgba(128, 128, 128, 0.24);
 
  
    }
    table.gridtable th.blankth
    {
        border-width: 1px;
        padding: 0px;
        border-style: solid;
        border-color: #666666;
        /*background-color: WhiteSmoke;*/
      

    }
    table.gridtable td
    {
      
        font-size : 9pt;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: rgba(128, 128, 128, 0.24);
        height:25px;
  
    }
    
    table.gridtable td:hover {
       background-color: #eee;
    }
    

    

    table.gridtable td.HeaderColumn
    {
         font-size: 9pt;
         width: 100px;
         background-color:WhiteSmoke;
        
    }
    table.gridtable td.HeaderColumnEdit
    {
         font-size: 9pt;
         width: 100px;
         background-color:WhiteSmoke;
         height:30px;
        
    }
    .gridrow_alternate
    {
        background-color:beige;
      
    }
    table.gridtable td.FixedGridWidthLarge
    {
         width: 180px;
    }
    
    /*Days of the week*/
    
    
    table.gridtable th.Sunday 
    {
       background-color:LavenderBlush;
    }
    table.gridtable th.Monday 
    {
       background-color: Gainsboro;
    }
    table.gridtable th.Tuesday 
    {
       background-color: PeachPuff;
    }
    table.gridtable th.Wednesday 
    {
       background-color: White;
    }
    table.gridtable th.Thursday 
    {
       background-color: AliceBlue;
    }
    table.gridtable th.Friday 
    {
       background-color: Lavender;
    }
    table.gridtable th.Saturday 
    {
       background-color: GhostWhite;
    }
    

    table.gridtable td:hover
    {
        background-color:lightYellow;
        cursor:pointer;
    }
    
     
    input[type="text"]
    {
        height:20px;
    }
      input[type="password"]
    {
        height:20px;
    }
    
    input[type="submit"]
    {
        height:25px;
    }
    
    select
    {
}
    
    
        .tdheader
        {
            width:150px;   
            font-weight:bold;
        }
        .RedLetter
        {
            color:red;
        }
        
        .GreenLetter
        {
             color:green;
        }
    
        .SessionTable
        {
            width:100%;
            border-collapse:collapse;
          /*background-color:whitesmoke;*/
          border:1px solid gainsboro;
          margin:5px;
    
        }
        .SessionTable th
        {
            color:White;
	        background-color:lightslategray;
	        font-weight:bold;
            border:1px solid gainsboro;
            padding:5px;
            font-size:16px;
            text-align:left;
        }
        .SessionTable td
        {
            /*border:1px solid gainsboro;*/
	        /*background-color:white;*/
            padding:5px;
            font-size:12px;
        }

        .AbstractTable
        {
            width:100%;
            border-collapse:collapse;
       
    
        }
        .AbstractTable th
        {
            color:White;
	        background-color:gray;
	        font-weight:bold;
            border:1px solid gainsboro;
            padding:5px;
            font-size:12px;
            text-align:left;
        }
        .AbstractTable td
        {
            border:1px solid gainsboro;
	        background-color:white;
            padding:5px;
            font-size:12px;
        }

        .ButtonSession
        {
            width:150px;   
        }
        
.flowPanelNoWidth2
{
	border-right: gainsboro 1px solid;
	padding-right: 5px;
	border-top: gainsboro 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gainsboro 1px solid;
	padding-top: 5px;
	border-bottom: gainsboro 1px solid;
	/*background-color: whitesmoke;*/
	margin:5px;
	font-size : 10pt;
}