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

}




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 {
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
}



.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: 800px;
}

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

.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;
}

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


/* -------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;
}
.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 
{
	color:#cc9933;
}
hr.InPanel
{
	color:lightsteelblue;
}

/* 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;}

/* 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;