html, HTML
{
  SCROLLBAR-FACE-COLOR: #eef3f9;
  SCROLLBAR-HIGHLIGHT-COLOR: #fff;
  SCROLLBAR-SHADOW-COLOR: #006699;
  SCROLLBAR-3DLIGHT-COLOR: #000;
  SCROLLBAR-ARROW-COLOR: #006699;
  SCROLLBAR-TRACK-COLOR: #c0c0ce;
  SCROLLBAR-DARKSHADOW-COLOR: black;
  SCROLLBAR-BASE-COLOR: #666666;
}

body, BODY
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(images/spas_serenbg.gif);
  
  background-repeat: repeat-x;
}

input, INPUT, select, SELECT, TD, td, textarea, TEXTAREA
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
}

a
{
  color: Black;
  text-decoration: none;
  cursor: hand;
  border-style: none;
}

a: active
{
  color: #6186b3;
  text-decoration: none;
  cursor: hand;
  border-style: none;
}

a: hover
{
  color: #6186b3;
  background-color: white;
  text-decoration: none;
  cursor: hand;
  font-weight: normal;
}

.body
{
}
/* END DEFAULT STYLES. */

/* MENU AND HEADER STYLES */
.MenuStyle
{
  color: white;
  text-decoration: none;
  cursor: hand;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  background-color: Transparent;
  text-decoration: none;
  padding-bottom: 0px;
}

.MenuItemStyle
{
  background-repeat: no-repeat;
  background-color: #E8E9E9;
  border-left: #A3A3A3 6px solid;
  padding-left: 3px;
  color: Black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 2px;
  text-align: left;
  vertical-align: top;
}

.MenuStyleHover
{
  color: White;
  cursor: hand;
  background-color: #A3A3A3;
}

.MenuItemHoverStyle
{
  color: Black;
  cursor: hand;
  background-color: #FDEB7B;
}

.ShortCutBarStyle
{
  background-image: url(Images/titleBarBg.gif);
  background-repeat: repeat;
  height: 25px;
  vertical-align: middle;
}

.MenuCell
{
  text-align: left;
  background-image: url(Images/MenuBack.gif);
  padding-left: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 26px;
}

.HeaderStyle
{
  background-image: url(Images/Logo.gif);
  background-repeat: no-repeat;
}

.SubHeaderBar
{
  background-image: url(Skins/Default/VolkSoftStyles/Img/HeaderBar.gif);
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 20px;
}
/* END MENU AND HEADER STYLES*/

/* CONTROL STYLES*/
.TextBoxStyle
{
  background-color: #FFF9F6;
  border-top: #A1B4C7 1px solid;
  border-left: #A1B4C7 1px solid;
  border-bottom: #A1B4C7 1px solid;
  border-right: #A1B4C7 1px solid;
  color: Black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.TextBoxFocusStyle
{
  background-color: #FFF9F6;
  border-top: #A1B4C7 1px solid;
  border-left: #A1B4C7 1px solid;
  border-bottom: #A1B4C7 1px solid;
  border-right: #A1B4C7 1px solid;
  color: Black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.LinkLabelStyle /* vehicles map show time period*/
{
  border: 1px solid gray;
  color: Black;
  cursor: hand;
}

/* END CONTROLS STYLES*/

/* Tree Node */

.SelectedNode
{
  color: White;
  background-color: #316AC5;
  font-weight: bold;
}

.CalendarStyle .ajax__calendar_container
{
  border: 1px solid #646464;
  background-color: White;
  color: red;
  font-size: 9px;
  font-weight:bold; 
}

.CalendarStyle .ajax__calendar_header
{
  background-color: #E1F0FB;
  color: Black;
  font-size: 9px;
  width: 100%; 
}

.CalendarStyle .ajax__calendar_footer
{
  background-color: #CCE4FB;
  color: Navy;
  font-size: 9px;
}

.CalendarStyle .ajax__calendar_day
{
  color: blue;
  font-size: 9px;
  font-weight: normal;
}

.CalendarStyle .ajax__calendar_other .ajax__calendar_day,.CalendarStyle.ajax__calendar_other .ajax__calendar_year
{
  color: gray;
  font-weight: normal;
  font-size: 9px;
}

.CalendarStyle .ajax__calendar_hover .ajax__calendar_day,.CalendarStyle.ajax__calendar_hover .ajax__calendar_year
{
  color: Red;
  font-weight: bold;
  font-size: 9px;
}

.CalendarStyle .ajax__calendar_active .ajax__calendar_day,.CalendarStyle.ajax__calendar_active .ajax__calendar_month,.CalendarStyle.ajax__calendar_active .ajax__calendar_year
{
  color: Blue;
  /*font-weight: bold;*/
}

.HomePageBg
{
  background-image: url(Images/Logo2.gif);
  background-repeat: no-repeat;
}
/* End Tree Node */

/* Reports */
.HeadingCell
{
  background-color: #F2F2F2;
  padding-right: 0px;
  font-weight: bold;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 20px;
}

/* End Reports */

.ButtonStyle
{
  border-bottom: #444444 1px inset;
  border-left: #444444 0px inset;
  border-right: #444444 1px inset;
  border-top: #444444 0px inset;
  color: black;
  font-family: Verdana;
  height: 16px;
  width: 60px;
  font-size: 9px;
  font-weight: bold;
  background-color: #DADADA;
}

.ButtonStyle1
{
  border-bottom: #444444 1px inset;
  border-left: #444444 0px inset;
  border-right: #444444 1px inset;
  border-top: #444444 0px inset;
  color: White;
  font-family: Verdana;
  height: 16px;
  width: 60px;
  font-size: 9px;
  font-weight: bold;
  background-color: #AC2B5A;
}

.ButtonHoverStyle
{
  border-bottom: #444444 1px inset;
  border-left: #444444 0px inset;
  border-right: #444444 1px inset;
  border-top: #444444 0px inset;
  color: White;
  font-family: Verdana;
  width: 60px;
  height: 16px;
  font-size: 9px;
  font-weight: bold;
  background-color: #9C9C9D;
}

.LinkButtonStyle
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 18px;
  font-weight: bold;
  background-color: Transparent;
  color: Blue;
}

.ReportTopLeftCell
{
  background-image: url(Images/reporttopleftcell.gif);
  background-repeat: no-repeat;
}

.ReportTopMiddleCell
{
  background-image: url(Images/topmiddlecell2.GIF);
  background-repeat: repeat-x;
}

.ReportTopRightCell
{
  background-image: url(Images/reporttoprightcell3.gif);
  background-repeat: no-repeat;
}

.ReportBottomLeftCell
{
  background-image: url(Images/bottomcornerleftcell.gif);
  background-repeat: no-repeat;
}

.ReportBottomRightCell
{
  background-image: url(Images/reportbottomrightcorner.gif);
  background-repeat: no-repeat;
}

.ReportBottomMiddleCell
{
  background-image: url(Images/bottomline4.gif);
  background-repeat: repeat-x;
  
}

.HHButtonStyle
{
  background-color: Gray;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: White;
  font-size: 10px;
}
.HHButtonHoverStyle1
{
  background-color: Silver;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 10px;
  font-weight: bold;
  
}

.ReportHeaderStyle2
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 11px;
  font-weight: normal;
  background-color: #E5E9F9;
}

.Row
{
  background-color: #FBFCFF;
  font-family: Verdana, Arial;
  font-size: 10px;
  color: Black;
}

.AlternateRow
{
  background-color: #F2F9FF;
  font-family: Verdana, Arial;
  font-size: 10px;
  color: Black;
}

.Row td.DataCell
{
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 1px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  font-family: verdana, Arial;
  font-size: 10px;
  cursor: hand;
  color: Black;
}

.AlternateRow td.DataCell
{
  padding: 3px;
  padding-top: 2px;
  border-left: 1px solid black;
  padding-bottom: 1px;
  border-bottom: 1px solid black;
  font-family: verdana, Arial;
  font-size: 10px;
  cursor: hand;
  color: Black;
}

.AlternateRow td.FirstDataCell
{
  padding: 3px;
  padding-top: 2px;
  border-left: 1px solid black;
  padding-bottom: 1px;
  font-family: verdana, Arial;
  font-size: 10px;
  cursor: hand;
  color: Black;
}

.AlternateRow td.LastDataCell
{
  padding: 3px;
  padding-top: 2px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  font-family: verdana, Arial;
  font-size: 10px;
  cursor: hand;
  color: Black;
}

.SortedDataCell
{
  background-color: #F5F5F5;
}

.Row td.LastDataCell
{
  padding: 3px;
  padding-top: 2px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  font-family: verdana, Arial;
  font-size: 10px;
  cursor: hand;
  color: Black;
}

.Row td.FirstDataCell
{
}

.SelectedRow
{
  background-color: #77C7FD;
}
.SelectedRowStyle
{
  background-color: DarkGray;
}

.SelectedRow td.DataCell
{
  background-color: #FFEEC2;
  padding: 2px;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 1px;
  font-family: verdana, Arial;
  font-size: 10px;
  border-left: 1px solid #4B4B6F;
  border-bottom: 1px solid #4B4B6F;
  border-top: 0px solid #4B4B6F;
}

.SelectedRow td.FirstDataCell
{
  background-color: #FFEEC2;
  border-left: 0px solid #4B4B6F;
  border-right: 0px;
  padding-left: 2px;
  padding-right: 3px;
  border-left: 1px solid #4B4B6F;
}

.SelectedRow td.LastDataCell
{
  border-right: 1px solid #4B4B6F;
}

.HeadingRow
{
  background-color: white;
}

.HeadingCell
{
  background-color: #FFF6ED;
  padding-right: 0px;
  font-weight: bold;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 20px;
}

.RowHoverStyle
{
  background-color: #CBFFE9;
}

.ReportLabelStyle1
{
  color: black;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  font-family: verdana;
}

.ReportLabelStyle
{
  color: black;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  vertical-align: middle;
  font-family: verdana;
}

.GridViewStyle
{
  background-color: WhiteSmoke;
  font-family: verdana;
}

.GridHeaderStyle
{
  background-color: Gray;
  font-family: verdana, arial, helvetica, sans-serif;
  color: White;
  font-size: 12px;
}

.AlternatingRowStyle
{
  background-color: #E0E0E0;
  font-size: 12px;
}

.RowStyle
{
  font-size: 12px;
  border-width: 0px;
}

.ReportLabelStyle6
{
  color: Black;
  text-align: center;
  font-size: 11px;
  vertical-align: top;
  vertical-align: middle;
  font-family: Verdana;
}

.DropDownListStyle
{
  background-color: #f8f8f8;
  border-bottom: #989999 1px solid;
  border-left: #989999 1px solid;
  border-right: #989999 1px solid;
  border-top: #989999 1px solid;
  color: #000000;
  font-family: Verdana;
  font-size: 11px;
}

.DropDownListFocusStyle
{
  background-color: #f8f8f8;
  border-bottom: #989999 1px solid;
  border-left: #989999 1px solid;
  border-right: #989999 1px solid;
  border-top: #989999 1px solid;
  color: #000000;
  font-family: Verdana;
  font-size: 11px;
}

.HeadingCell
{
  background-color: #F2F2F2; /*padding: 3px;*/
  padding-right: 0px;
  font-weight: bold;
  color: black;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px; /*   border-bottom: 1px solid black;   border-left: 1px solid black; */
}

.GridStyle
{
  background-color: #FAFAFA;
  font-weight: normal;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: Black;
  padding-top: 2px;
}

.ReportMiddleRightCell
{
  background-image: url(Images/rightsideline7.gif);
  background-repeat: repeat-y;
}

.ReportMiddleLeftCell
{
  background-image: url(Images/leftsideline1.gif);
  background-repeat: repeat-y;
}

.ReportMiddleCell
{
  padding-top: 3px;
}

.LabelHeaderStyle3
{
  font-family: Arial, Helvetica, sans-serif;
  /*color:#82EAD3;*/
  color:Black;
  background-color: Silver;
  font-size:13px;
  font-weight:bold; 
}

.CheckBoxListStyle
{
  border-width:1px;
  border-color:Silver;
  height:49px;
  font:veranda;
  font-size:11px;
 }
 
 .LoginCell
{
  text-align: left;
  background-image: url(Images/LoginCellBack.gif);
  padding-left: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 26px;
}

.HoverStyle
{
	background: #c0dbff url('Img/RootItemBkg.gif') repeat-x;
	color: Yellow;
	cursor: default;
}

.QuickDateColor 
{
	/*color: Navy;*/
	cursor: hand;
	padding-left: 10px;
	padding-Right: 10px;
	padding-top: 3px;
	border-bottom: 1px solid #E3E3E3;
	background: url(Images/QuickDateBG.gif);
	background-repeat:repeat-y ;
	
	/*font-weight: bold;*/
}

.QuickDateColorHover
{
	/*color: Navy;*/
	cursor: hand;
	padding-left: 10px;
	padding-Right: 10px;
	padding-top: 3px;
	border-bottom: 1px solid #E3E3E3;
	height: 20px;
	background: url(Images/QuickDateBGHover.gif);
	background-repeat:repeat-y ;
	
	/*font-weight: bold;*/
}
.ReportTableColumnStyle
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 9px;
  font-weight: normal;
  background-color:#F5F5DC;
}

.ReportTableColumnAlternateStyle
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 9px;
  font-weight: normal;
  background-color:White;
}
 
.ReportPageBreak
{
  page-break-after: always;

}

.ReportBodyStyle
{
  background-image: none;
}

.ReportHeaderStyle1
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 12px;
  font-weight: bold;
  background-color: WhiteSmoke;
}

.ReportHeaderStyle11
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 11px;
  font-weight: bold;
  background-color: WhiteSmoke;
}

.ReportFooterStyle1
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 11px;
  font-weight: normal;
  background-color: Silver;
}

.ReportFooterStyle2
{
  font-family: Arial, Helvetica, sans-serif;
  color: Gray;
  font-size: 9px;
  font-weight: normal;
  background-color: LightGray;
}

.ReportFooterAggregateStyle
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000;
  background-color: #c9c9c9;
}



.ReportTableColumnStyle1
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 9px;
  font-weight: bold;
  background-color: AliceBlue;
}

.ReportHeaderColumnStyle
{
  font-family: Arial, Helvetica, sans-serif;
  color: navy;
  font-size: 9px;
  font-weight: normal;
  background-color: transparent;
  text-decoration: none;
}

.ReportHeaderColumnStyle1
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 10px;
  font-weight: bold;
  background-color: FloralWhite;
}

.ReportHeaderColumnStyle2
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 11px;
  font-weight: bold;
  background-color: FloralWhite;
}

.ReportHeaderColumnStyle3
{
  font-family: Arial, Helvetica, sans-serif;
  color: #C2632D;
  font-size: 10px;
  font-weight: bold;
  background-color: Transparent;
  text-decoration: none;
}

.ReportColumnHeadingsStyle
{
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: Black;
  background-color: #66CC66;
  padding-top: 2px;
}

.ReportGroupAggregateStyle
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 9px;
  font-weight: bold;
  background-color: LightYellow;
}

.ReportSubGroupAggregateStyle
{
  font-family: Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 9px;
  font-weight: bold;
  background-color: Silver;
}