body     { 
     background: #FFFFFF; 
     color:      #000000;
     font-family: Arial, Helvetica, Verdana, sans-serif;
     font-size:12px;
     margin-left: 0px;
     margin-top: 0px;
}      
p, td{
     color:      #000000;
     font-family: Arial, Helvetica, Verdana, sans-serif;
     font-size:12px
}
.PanelDiv 
{
    padding : 3px;
    width: 220px;
    height: 80px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: x-small;
    background-color: #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(gradienttype=0,startColorstr=#dcdcdc, endColorstr=#FFFFFF);
    border: solid 1px #b0c4de;
    text-align: LEFT;
}

img.noborder 
{
    border: none;
}
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;  
}
.heading_smaller { 
	font-family: Arial, Helvetica, Verdana,sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;  
}

.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: #ffd700;
    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: 10px; 
    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: #ffd700;
    background: transparent; 
    text-decoration: underline
}
.bluetextbold { font-family: Tahoma, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color: #000080  
}
.flowPanelNoWidth
	{ border: 1px solid #dcdcdc;  background-color: #F5F5F5; margin: 10px; padding: 5px; font-size: 10pt; }

b {
    font-family: Tahoma, Helvetica, sans-serif; 
    font-weight: bold; 
}


/* eRIDE .NET Start */

.flowBody, .flowPanel, .flowHeader, .searchPanel {
	font-family : Arial, Sans-Serif;
}
.flowBodyBig, .flowHeaderBig { margin: 0 10px 0; width: 940px; font-size: 10pt; }

.flowBody, .flowHeader {
	margin-top: 0px;
	margin-left : 10px;
	font-size : 10pt;	
	width: 800px;
	margin-bottom: 0px;
}
.flowBodySmall, .flowHeaderSmall {
	margin-top: 0px;
	margin : 20px;
	font-size : 10pt;	
	width: 600px;
}
.flowPanelBig,
	{ border: 1px solid #dcdcdc;  background-color: #F5F5F5; margin: 10px; padding: 5px; font-size: 10pt; }
.flowPanelBig { width: 930px; }

.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: #f5f5f5;
	margin : 10px;
	font-size : 10pt;
	width: 790px;
}
.flowPanelSmall {
	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: #f5f5f5;
	margin : 10px;
	font-size : 10pt;
	width: 600px;
}
.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: #f5f5f5;
	margin : 10px;
	font-size : 10pt;
}
.flowPanelBorderLess {
	margin : 10px;
	font-size : 10pt;
	width: 800px;
}
.flowPanelBorderLessSmall {
	margin : 10px;
	font-size : 10pt;
	width: 600px;
}
.flowPanelBorderLessBig
{
	margin : 10px;
	font-size : 10pt;
	width: 940px;
	background-color: Transparent;
}

.flowPanelHeader {
	font-size : 10pt;
	font-weight : Bold;
	margin-bottom : 8px;
	color: #006699;
}
.panelHeading {
	font-size : 14px;
	font-weight : Bold;
	color:  #4682b4;
}
.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:#4682b4;
	font-weight:bold;
}
.DataGridItemHighlightText {
	color: #8b0000;
	font-weight: bold;
}

/* ------------------------------ */


/* -------Data List Items-------- */
.DataListBold {
	color:#4682b4;
	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:#b0c4de;
}
textarea 
{
	border-style:solid;
	border-width:1px;
	border-color:#b0c4de;
}

.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;
}
/* ----------------------------- */


.explanation {color:#039; cursor:help}
/* tooltips */
#tooltip {
  position:absolute;
  top:0;
  left:0;
  background:#eeeeee;
  border:1px solid steelblue;
  visibility:hidden;
  color:#000;
  padding:2px 4px;
  width:200px;
}



.ErrorLabel 
{
	color:Red;
	font-size:14px;
	font-family:Arial, Verdana;
}

.RedComment 
{
	color:Red;
	font-family:Verdana,Arial;
}
.RedCommentSmall
{
	color:Red;
	font-family:Verdana,Arial;
	font-size: 11px;
}
.GreenComment 
{
	color:Green;
	font-family:Verdana,Arial;
}
.GoldComment 
{
	color:#cc9933;
	font-family:Verdana,Arial;
}

.BlueComment 
{
	color:#4682b4;
	font-family:Verdana,Arial;
}
.navHeader 
{
	color:      #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size:12px
}

hr 
{
	color:#cc9933;
}
hr.InPanel
{
	color:#b0c4de;
	height: 1px;
}

/* eRIDE .NET END */


.modalBackground {
       background-color:Darkgray;
       filter:alpha(opacity=70);
       opacity:0.7;
}
.button
{
	border-right: lightsteelblue 1px double;
	padding-right: 0px;
	border-top: lightsteelblue 1px double;
	padding-left: 0px;
	font-size: 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;
}