/* CCSTheme v 3.x */
/* General */

.comment
{
  font-size: 70%;
   font-style: normal;
}
sup
{
  color: green;
}

.block
{
  margin-top: 0px; 
  background-color: #f7f7f7;
  width: 750px;
}

input1{
 display: block;
 margin-bottom: 5px;
 width: 150px;
}

.content label
{
  color: black;
  width: 100%;
}

.headercell {
  COLOR: #FFFFFF; FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif; 
  FONT-SIZE: 11px; 
  BACKGROUND-COLOR: #666666; FONT-WEIGHT: bold;
}                                                                                                                
.servcell {
  BACKGROUND-COLOR: #eeeeee;
  border-size: 1px;
  border-color: gray;
}
.topmenubar
{
  font-size: 250%;
}
.content
{
  margin-left: 10px;
}

/* BEGIN Common */
body { 
  font-family: Tahoma;font-size: 80%;
  background-image: url('Images/PageBg1.gif');
  }

p { 
  margin-top: 5px; 
  }

a:link { 
  color: #0033cc;
  }

a:visited { 
  color: #0033cc;
  }

a:hover,a:active { 
  color: #ff0000;
  }

ul, ol, blockquote { 
  margin-top: 5px; 
  margin-bottom: 10px; 
  margin-left: 20px 
  }

form {
  margin: 0px;
  }

h1  {
  font-size: 150%;
  margin-top: 5px; 
  margin-bottom: 5px;
  }

h2  { 
  font-size: 130%;
  margin-top: 15px; 
  margin-bottom: 5px; 
  }

h3  { 
  font-size: 110%; font-style: italic;
  margin-top: 15px; 
  margin-bottom: 5px; 
  }

h4  { 
  font-size: 100%;
  margin-top: 15px; 
  margin-bottom: 5px; 
  }

h5  { 
  font-size: 100%; font-style: italic;
  margin-top: 15px; 
  margin-bottom: 5px; 
  }

h6  { 
  font-size: 90%;
  margin-top: 15px; 
  margin-bottom: 5px; 
  }

th  { 
  font-family: Tahoma;font-size: 80%;
  }

td { 
  font-family: Tahoma;font-size: 80%;
  }

/* END Common */

.Header {
  width: 100%;
  }

.Header th { 
  font-size: 110%; font-weight: bold; text-align: left;
  padding: 3px;
  background-image: url('Images/HeaderBg.gif'); color: #ffffff;
  width: 100%;
  white-space: nowrap;
  }

.Header a:link { 
  color: #ffffff;
  }

.Header a:visited { 
  color: #ffffff;
  }

.Header a:hover, .Caption a:active { 
  color: #ffffff; text-decoration: none;
  }

.HeaderLeft { 
  background-image: url('Images/HeaderLeft.gif');
  }

.HeaderRight { 
  background-image: url('Images/HeaderRight.gif');
  }

.HeaderLeft img{
  width: 7px;
  }

.HeaderRight img{
  width: 14px;
  }


/* Grid Options */
.Grid { 
  border: 1px solid #777777; border-left: 0px;
  width: 100%;
  }

.Caption p{ 
  text-align: left; vertical-align: top;
  padding: 3px;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  white-space: nowrap;
  font-weight:bold;
  margin-bottom:0px;
  width: 750px;
  }

.Caption th { 
  font-size: 80%;   text-align: left; vertical-align: top;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777; border-bottom: 1px solid #777777;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  white-space: nowrap;
  }

.Caption td { 
  font-size: 80%;   text-align: left; vertical-align: top;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777; border-bottom: 1px solid #777777;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  white-space: nowrap;
  }

.Caption a:link { 
  color: #000000;
  }

.Caption a:visited { 
  color: #000000;
  }

.Caption a:hover, .Caption a:active { 
  color: #ff0000;
  }

.Caption img {
  margin: 2px; 
  vertical-align: middle;
  }

.Caption input {
  vertical-align: middle;
  }

.Row th { 
  font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
  padding: 3px;
  border-left: 1px solid #777777;

  background-color: #f7f7f7; color: #000000;
  white-space: nowrap;
  color: #000000;
  }

.Row td { 
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  vertical-align: top;
  background-color: #f7f7f7; 
  color: #000000;
  }

.Row a:link { 
  color: #0033cc;
  }

.Row a:visited { 
  color: #0033cc;
  }

.Row a:hover, .Row a:active { 
  color: #ff0000;
  }

.Separator{
  color: #777777;
  }

.Separator td{
  height: 1px;
  }


.AltRow th { 
  font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
  padding: 3px;
  border-left: 1px solid #777777;
  background-color: #f7f7f7; color: #000000;
  white-space: nowrap;
  color: #000000;
  }

.AltRow td { 
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  vertical-align: top;
  background-color: #ececec; 
  color: #000000;
  }

.AltRow a:link { 
  color: #0033cc;
  }

.AltRow a:visited { 
  color: #840084;
  }

.AltRow a:hover, .AltRow a:active { 
  color: #ff0000;
  }

.NoRecords td { 
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  background-color: #f7f7f7; 
  color: #000000;
  vertical-align: top;
  }

.Footer td { 
  font-size: 80%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #000000;
  }

.Footer a:link { 
  color: #0033cc;
  }

.Footer a:visited { 
  color: #840084;
  }

.Footer a:hover, .Footer a:active { 
  color: #ff0000;
  }

.Footer img {
  margin: 2px; 
  vertical-align: middle;
  }

.Footer input {
  vertical-align: middle;
  }
/* Record Options */
.Record { 
  border: 0px solid #777777; border-left: 0px;
  width: 80%;
  }

.Error { 
  width: 80%;
  font-size: 100%;
  padding: 3px;
  color: #FF0000;
  vertical-align: top;
  }
.Error1 { 
  width: 80%;
  font-size: 100%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 0px solid #777777; border-bottom: 1px solid #777777;
  color: #FF0000;
  vertical-align: top;
  background-color: #f7f7f7; 
  }

.Controls th { 
  font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
  padding: 3px;
  border-left: 0px solid #777777;
  background-color: #f7f7f7; color: #000000;
  white-space: nowrap;
  color: #000000;
  }

.Controls td { 
  font-size: 80%;
  padding: 3px;
  border-left: 0px solid #777777;
  vertical-align: top;
  background-color: #f7f7f7; 
  color: #000000;
  }

.Bottom td { 
  font-size: 80%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  color: #000000;
  }

.Bottom a:link { 
  color: #0033cc;
  }

.Bottom a:visited { 
  color: #840084;
  }

.Bottom a:hover, .Caption a:active { 
  color: #ff0000;
  }

.Bottom img {
  margin: 2px;
  vertical-align: middle; 
  }

.Bottom input {
  vertical-align: middle;
  }

/* Report */
.GroupCaption th{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  white-space: nowrap;
  text-align: left; 
  vertical-align: top;
  font-weight: bold;
  background-color: #ececec; 
  color: #000000;
  }

.GroupCaption td{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  vertical-align: top;
  font-weight: bold;
  background-color: #f7f7f7; 
  color: #000000;
  }

.GroupCaption a:link {
  color: #000000;
  }

.GroupCaption a:visited{
  color: #000000;
  }

.GroupCaption a:hover, .GroupCaption a:active{
  color: #ff0000;
  }

.GroupFooter td{
  font-size: 80%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #d7d7d7; 
  color: #000000;
  }

.GroupFooter a:link {
  color: #0033cc;
  }

.GroupFooter a:visited{
  color: #840084;
  }

.GroupFooter a:hover,.GroupFooter a:active{
  color: #ff0000;
  }

.GroupFooter img {
  margin: 2px; 
  vertical-align: middle;
  }

.GroupFooter input {
  vertical-align: middle;
  }

.SubTotal td{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  vertical-align: top;
  font-weight: bold;
  background-color: #ececec; 
  color: #000000;
  border-bottom: 2px solid #777777;
  }

.SubTotal a:link {
  color: #0033cc;
  }

.SubTotal a:visited{
  color: #840084;
  }

.SubTotal a:hover, .SubTotal a:active{
  color: #ff0000;
  }

.Total td{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  vertical-align: top;
  white-space: nowrap;
  font-weight: bold;
  background-color: #ececec; 
  color: #000000;
  }

.Total a:link {
  color: #0033cc;
  }

.Total a:visited{
  color: #840084;
  }

.Total a:hover, .Total a:active{
  color: #ff0000;
  }

/* Form Options */
.Button { 
  margin: 2px
  }

/* Calendar */

.Calendar { 
  border: 1px solid #777777;
  width: 100%;
  }

.CalendarWeekdayName{
  font-size: 80%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777; border-bottom: 1px solid #777777;
  text-align: center; 
  vertical-align: top;
  white-space: nowrap;
  background-color: #ececec; 
  color: #000000;
  }

.CalendarWeekdayName a:link {
  color: #0033cc;
  }

.CalendarWeekdayName a:visited{
  color: #840084;
  }

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
  color: #ff0000;
  }

.CalendarWeekendName{
  font-size: 80%;
  padding: 3px;
  border-top: 1px solid #777777; border-left: 1px solid #777777; border-bottom: 1px solid #777777;
  white-space: nowrap;
  text-align: center; 
  vertical-align: top;
  background-color: #ececec;  
  color: #000000;
  }

.CalendarWeekendName a:link {
  color: #000000;
  }

.CalendarWeekendName a:visited{
  color: #000000;
  }

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
  color: #ff0000;
  }

/* Calendar Day */
.CalendarDay{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  text-align: center;
  background-color: #f7f7f7;  
  color: #000000;
  }

.CalendarDay a:link {
  color: #0033cc;
  }

.CalendarDay a:visited{
  color: #840084;
  }

.CalendarDay a:hover, .CalendarDay a:active{
  color: #ff0000;
  }

/* Calendar Weekend */
.CalendarWeekend{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  text-align: center;
  background-color: #ececec;  
  color: #000000;
  }

.CalendarWeekend a:link {
  color: #0033cc;
  }

.CalendarWeekend a:visited{
  color: #840084;
  }

.CalendarWeekend a:hover, .CalendarWeekend a:active{
  color: #ff0000;
  }

/* Calendar Today */
.CalendarToday {
  font-size: 80%;
  border: 2px solid #777777; border-right: 1px solid #777777;
  text-align: center;
  background-color: #f7f7f7;  
  color: #000000;
  }

.CalendarToday a:link {
  color: #0033cc;
  }

.CalendarToday a:visited{
  color: #840084;
  }

.CalendarToday a:hover, .CalendarToday a:active {
  color: #ff0000;
  }

/* Calendar Weekend Today */
.CalendarWeekendToday {
  font-size: 80%;
  border: 2px solid #777777; border-right: 1px solid #777777;
  text-align: center;
  background-color: #ececec;  
  color: #000000;
  }

.CalendarWeekendToday a:link {
  color: #0033cc;
  }

.CalendarWeekendToday a:visited{
  color: #840084;
  }

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
  color: #ff0000;
  }

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  text-align: center;
  background-color: #f7f7f7;  
  color: #777777;
  }

.CalendarOtherMonthDay a:link {
  color: #777777;
  }

.CalendarOtherMonthDay a:visited{
  color: #777777;
  }

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
  color: #ff0000;
  }

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
  font-size: 80%;
  border: 2px solid #777777; border-right: 1px solid #777777;
  text-align: center;
  background-color: #f7f7f7;  
  color: #777777;
  }

.CalendarOtherMonthToday a:link {
  color: #777777;
  }

.CalendarOtherMonthToday a:visited{
  color: #777777;
  }

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
  color: #ff0000;
  }

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  text-align: center;
  background-color: #ececec;  
  color: #777777;
  }

.CalendarOtherMonthWeekend a:link {
  color: #777777;
  }

.CalendarOtherMonthWeekend a:visited{
  color: #777777;
  }

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
  color: #ff0000;
  }

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
  font-size: 80%;
  border: 2px solid #777777; border-right: 1px solid #777777;
  text-align: center;
  color: #777777;
  background-color: #ececec;  
  }

.CalendarOtherMonthWeekendToday a:link {
  color: #777777;
  }

.CalendarOtherMonthWeekendToday a:visited{
  color: #777777;
  }

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
  color: #ff0000;
  }

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
  font-size: 80%;
  padding: 3px;
  border-left: 1px solid #777777;
  background-color: #d7d7d7;
  color: #000000;
  text-align: center;
  font-weight: bold;
  }

.CalendarSelectedDay a:link {
  color: #000000;
  }

.CalendarSelectedDay a:visited{
  color: #000000;
  }

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
  color: #ff0000;
  }

/* Calendar Navigator */
.CalendarNavigator {
  font-size: 80%;
  padding: 3px;
  background-image: url('Images/CaptionBg.gif'); color: #000000;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #000000;
  }

.CalendarNavigator a:link {
  color: #0033cc;
  }

.CalendarNavigator a:visited{
  color: #840084;
  }

.CalendarNavigator a:hover, .CalendarNavigator a:active{
  color: #ff0000;
  }

.CalendarNavigator img{
  margin: 2px;
  vertical-align: middle;   
  }

/* Calendar Extra */
.CalendarEvent{
  font-size: 80%;
  text-align: left;
  }

.CalendarEvent a:link {
  color: #0033cc;
  }

.CalendarEvent a:visited{
  color: #840084;
  }

.CalendarEvent a:hover, .CalendarEvent a:active{
  color: #ff0000;
  }