body     { 
         background: #000000; 
         color:      #000000;
         font-family: Arial, Helvetica, Verdana, sans-serif;
         font-size:12px
         }
         
p, td{
         text-align: left;
         color:      #000000;
         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
}


    


/* start */

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

.ContentPanel
{
	position: relative; 
	left: 10%;
	border-right: gainsboro 1px solid;
	padding-right: 0px;
	border-top: gainsboro 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: gainsboro 0px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;
	margin-left : 0px;
	margin-top: 0px;
	font-size : 10pt;
	width: 1000px;
    
}

.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-left : 10px;
	margin-top: -5px;
	font-size : 10pt;
	width: 630px;
}
.flowPanelHeader
{
	border-right: 0px solid;
	padding-right: 5px;
	border-top: 0px solid;
	padding-left: 3px;
	padding-bottom: 0px;
	border-left: 0px solid;
	padding-top: 5px;
	border-bottom: 0px solid;
	background-color: #EFEFEF;
	margin-left : 10px;
	font-size : 10pt;
}

.FlowPanelLeft
{
	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-left : 10px;
	margin-top: -5px;
	font-size : 10pt;
	width: 660px;
}

.FlowPanelRight
{
	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-left : 10px;
	margin-top: -5px;
	font-size : 10pt;
	width: 285px;
}

.FlowPanelFull
{
	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-left : 10px;
	margin-top: -5px;
	font-size : 10pt;
	width: 950px;
}

.FlowPanelAdvertisement
{
	border-right: gainsboro 1px solid;
	padding-right: 0px;
	border-top: gainsboro 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: gainsboro 1px solid;
	padding-top: 0px;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;
	margin-left : 10px;
	margin-top: -5px;
	font-size : 10pt;
	width: 285px;
}


.FlowPanelVideo
{
	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: #FFFFFF;
	margin: 10px;
	
	font-size : 10pt;
}


.FlowPanelLogin
{
	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: 300px;
}




.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: #000000;  
}

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


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


/* -------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:Black;
	background-color:#D6E6D2;
	font-weight:bold;
	text-align: left; 
}
.DataGridItemHighlightText {
	color: #8b0000;
	font-weight: bold;
}

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






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


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

input.readOnlyTextbox
{
	border-style:solid;
	border-width:1px;
	border-color:lightsteelblue;
	background-color:gainsboro;
}

input.calculatedTextBox
{
	border-style:solid;
	border-width:1px;
	border-color:lightsteelblue;
	background-color:#FF8080;
}

input.calculatedPercentageTextBox
{
	border-style:solid;
	border-width:1px;
	border-color:lightsteelblue;
	background-color:#C0FFC0;
}

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

TD.Personstats
{	font-weight:bold;
	font-family:Verdana,Arial;
	font-size:smaller;
}
TD.PersonstatsBold
{

	font-family:Verdana,Arial;
	font-size:smaller;
}

.RedComment 
{
	color:Red;
	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 */


        table.sample {
	        border-width: 1px 1px 1px 1px;
	        margin: 5px 5px 5px 5px;
	        border-spacing: 1px;
	        border-style: solid solid solid solid;
	        border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	        border-collapse:collapse;
	        background-color: white;
        }
        table.sample th {
	        border-width: 1px 1px 1px 1px;
	        text-align:left;
	        padding: 2px 2px 2px 2px;
	        border-style: solid solid solid solid;
	        border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	        background-color: lightSteelBlue;
	        -moz-border-radius: 0px 0px 0px 0px;
        }
        table.sample td {
            font-weight:bold;
	        border-width: 1px 1px 1px 1px;
	        margin: 5px 5px 5px 5px;
	        padding: 2px 2px 2px 2px;
	        border-style: solid solid solid solid;
	        border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	        background-color: white;
	        -moz-border-radius: 0px 0px 0px 0px;
        }
        
        
/* ------------------------------------------- */
/* --------- 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;}

/* Style applied to Title table (month name) */
.NormalCalendar .TitleStyle{border : none;}
.NormalCalendar .TitleStyle td
{
	border : none;
	background-color : steelblue;
	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;}
	
/* 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; }




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