
BODY
{ 
  FONT-SIZE: 100%; 
  FONT-FAMILY: Tahoma, arial, verdana; 
  BACKGROUND: white; 
  MARGIN: 0px; 
  COLOR: black;
}
#idhead
{
    position:relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 122px;
    MARGIN: 0px;
}
#idmain
{
    position: absolute;
    top: 150px;
    left: 150px;
    width: 715px;
    MARGIN: 0px;
    padding: 0px;
}

#idmain table
{
    FONT-FAMILY: Tahoma, arial, verdana; 
    font-size: 100%;
    color: #002800;
}

.maincolor  {
  color: #336600;
}

.fontStyle2
{
font-family:Tahoma, Arial, Helvetica, Times; 
font-size: 15px;
text-decoration:none;
}
.fontStyle3
{
font-family:Tahoma, Arial, Helvetica, Times; 
font-size: 14px;
font-weight:bold;
line-height: 110%
}

.fontStyle5
{
font-family:Tahoma, Arial, Helvetica, Times; 
font-size: 40px;
line-height: 110%
}

#titlebar1
{
display:block;
height:20px;
background-color: #339900;
}

#titlebar2
{
display:block;
height:70px;
background-image: url(../images/banner.gif);
background-color: white;
background-repeat: repeat-x;
background-position: left top;
}

#titlebar3
{
display:block;
height:22px;
background-color: #0099ff;
}

#titlebar4
{
display:block;
height:25px;
background-color: #339900;
}

#titleDescTop
{
  background: #339900;
  color:White;
  position: absolute;
  top: 0px;
  left: 150px;
  height: 35px;
  width: 400px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#titleDescMiddleSmall
{
  color:White;
  position: absolute;
  top: 45px;
  left: 150px;
  width: 400px;
  margin: 0px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#titleDescMiddleLarge
{
  color:White;
  position: absolute;
  top: 65px;
  left: 150px;
  width: 780px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#titleDescBottom
{
  background: #339900;
  color:White;
  position: absolute;
  top: 115px;
  left: 150px;
  height: 31px;
  width: 390px;
  margin: 0px;
  padding: 2px 5px;
  vertical-align:middle;
}

#titleInfoTop
{
  display:block;
  background: #0099ff;
  color:White;
  position: absolute;
  top: 25px;
  left: 565px;
  height: 50px;
  width: 150px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  Text-Decoration: none;
}
#titleInfoTop .mitem
{
  display:block;
  color: white;
  FONT-WEIGHT: bold;
  cursor: pointer; cursor: hand;
  Text-Decoration:none;

}
#titleInfoTop .mitem_sel
{
  display:block;
  FONT-WEIGHT: bold;
  background: yellow;
  color: #0099ff;
  cursor: pointer; cursor: hand;
  Text-Decoration:none;
}

#titleInfoBottom
{
  background: #339900;
  color:White;
  position: absolute;
  top: 115px;
  left: 566px;
  height: 35px;
  width: 300px;
  margin: 0px;
  padding: 0px;
  vertical-align:middle;
}

#titleInfoBottom A
{
  display:block;
  color: yellow;
  height: 25px;
  width: 290px;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold;
  padding: 5px 5px;
  cursor: pointer; cursor: hand;
  text-decoration:none;
  vertical-align:middle;
}

#titleInfoBottom A:hover
{
  color: #000033;
  background: yellow;
}

.titles1
{
  FONT-size:medium;
  FONT-WEIGHT: bold;
  color: #339900;
  Text-Decoration:none;
}


#nav0
{
  background: white;
  top: 75px;
  left: 15px;
  margin: 0px;
  width: 120px;
  height: auto;
  padding:2px;
  position: absolute;
  z-index: 899;
}


#nav1
{
  background: #0099ff;
  margin: 0px;
  padding: 0px;
  width: 120px;
  position: relative;
  z-index: 900;
}

#nav1 A
{
  display:block;
  color: yellow;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  padding: 3px 5px;
  cursor: pointer; cursor: hand;
  vertical-align:middle;
  text-decoration:none;
}

#nav1 A:hover
{
  color: #0099ff;
  background: yellow;
}

#nav2
{
  background: #339900;
  top: 12px;
  margin: 0px;
  width: 120px;
  position:relative;
  z-index: 901;
}


#nav2 A
{
  display:block;
  color: yellow;
  FONT-SIZE: 11px;
  FONT-WEIGHT: bold;
  padding: 3px 5px;
  cursor: pointer; cursor: hand;
  vertical-align:middle;
  text-decoration:none;
}

#nav2 A:hover
{
  background: yellow;
  color: #339900;
}



#nav3
{
  background: white;
  top: 12px;
  margin: 0px;
  width: 120px;
  position:relative;
  z-index: 902;
  vertical-align:middle;
}



#price_map 
  {
    background: navy;
  }

#price_map A  {
  width: 69px;
  display:block;
  color: Black;
  FONT-SIZE: 12px;
  margin: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  cursor: pointer; cursor: hand;
  text-align:center;
  vertical-align:middle;
  text-decoration:none;
}

#price_map A:hover
{
  color: white;
  background: #0099ff;
  text-decoration:underline;
}

#price_map .reserved
  {
    background: silver;
    FONT-SIZE: 12px;
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor:default;
    text-align:center;
    color:Red;
  }

#price_map .empty
  {
  background: white;
  color: Silver;
  FONT-SIZE: 12px;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor:auto;
  text-align:center;
  }

#idWeekPicker
{
  FONT-SIZE: 12px;
  display: block;
  overflow:  auto;
  height: 160px;
  padding: 0px;
  margin: 0px;
  text-align:left;
  background: white;
}

#idWeekPicker DIV
{
  padding: 8px;
  margin: 1px;
  display: block;
  text-align:left;
  background: #339900;
  color:white;
}

#idWeekPicker A
{
  padding: 2px;
  padding-left: 8px;
  text-decoration:none;
  display: block;
  margin: 1px;
  background: LightGreen;
  color: black;
}

#idWeekPicker A:hover
{
  background: #0099ff;
  color: black;
}

TD#idwidth
{
  padding: 0px;
  margin: 0px;
  font-size: 0pt;
}


.btns
{
  FONT-SIZE: 75%;
  border: thin outset darkgoldenrod;
  background-color: darkgoldenrod;
  color: white;
 }
 
.left
{
  float:left;
}
 
a.btns75x20
{
  display:block;
  border: none;
  font-size: 8pt;
  cursor: pointer; cursor: hand;
  color: black;
  width:75px;
  padding-top: 3px;
  padding-bottom: 4px;
  margin:0px;
  text-decoration:none;
  text-align:center;
  background: url(../images/button75x20_n.gif) no-repeat;
}

a.btns75x20:hover
{
  color: white;
  padding-top: 4px;
  padding-bottom: 3px;
  background: url(../images/button75x20_o.gif) no-repeat;
}
 
 
a.btns100x20
{
  display:block;
  border: none;
  font-size: 8pt;
  font-weight:normal;
  cursor: pointer; cursor: hand;
  color: Black;
  width:100px;
  padding-top: 3px;
  padding-bottom: 4px;
  margin:0px;
  text-decoration:none;
  text-align:center;
  background: url(../images/button100x20_n.gif) no-repeat;
}

a.btns100x20:hover
{
  color: white;
  padding-top: 4px;
  padding-bottom: 3px;
  background: url(../images/button100x20_o.gif) no-repeat;
}

a.btns160x20
{
  display:block;
  border: none;
  font-size: 8pt;
  cursor: pointer; cursor: hand;
  color: Black;
  width:160px;
  height:20px;
  padding-top: 3px;
  padding-bottom: 4px;
  margin:0px;
  text-decoration:none;
  text-align:center;
  background: url(../images/button160x20_n.gif) no-repeat;
}
a.btns160x20:hover
{
  color: white;
  padding-top: 4px;
  padding-bottom: 3px;
  background: url(../images/button160x20_o.gif) no-repeat;
}


a.btns200x20
{
  display:block;
  border: none;
  font-size: 9pt;
  cursor: pointer; cursor: hand;
  color: Black;
  width:200px;
  padding-top: 3px;
  padding-bottom: 4px;
  margin:0px;
  text-decoration:none;
  text-align:center;
  background: url(../images/button200x20_n.gif) no-repeat;
}
 
a.btns200x20:hover
{
  color: white;
  padding-top: 4px;
  padding-bottom: 3px;
  background: url(../images/button200x20_o.gif) no-repeat;
}

.lowlightrow
{
  color: black;
  background-color: silver;
}
.highlightrow
{
  color: black;
  background-color: LightGreen;
}
.highlightcell
{
  color: black;
  background-color: silver;
}
.highlightcell2
{
  color: black;
  background-color: LimeGreen;
}
.lowlightcell
{
  color: black;
  background-color: LightGreen;
}
.table_background
{
  color: white;
  background-color: Navy;
}
.titlerow
{
  BACKGROUND: #33CC00 url(../images/bar_grad_lightgreen.jpg) repeat-x;
  color: DarkGreen;
  font-size: 90%;
  font-weight: bolder;
}
.titlecell
{
  font-weight: bolder;
  color: black;
  background-color: gold;
  text-align: center;
}
.av_row
{
  background-color: lightgreen;
  color: black;
  font-size: 80%;
}
.av_row_alt
{
  background-color: Gainsboro;
  border: Black thick double;
  color: black;
  font-size: 80%;
}
table.warning
{
  border: blue;
  color: black;
  background-color: gainsboro;
}
.warningtitle
{
  color: white;
  font-weight: bolder;
  background-color: red;
}
.formbody
{
  color: white;
  background-color: Navy;
  font-size: 80%;
}
.formbody2
{
  font-size: 100%;
}
.FormBodyPrint
{
  border: none;
  color: black;
  background-color: white;
  font-size: x-small;
}
.formtitle
{
  font-size: small;
  font-weight: bold;
  color: White;
  background-color: #0099ff;
}
.formtitle_c
{
  font-size: x-small;
  font-weight: bold;
  color: White;
  background-color: #0099ff;
  text-align: center;
}
.formtitlePrint
{
  color: Black;
  font-size: x-small;
  font-weight: bold;
  text-align: left;
  border-bottom: double 2px black;
  padding-top: .25cm;
}

.cal_background
{
  background-color: Navy;
  color: white;
}
.cal_header
{
  display: block;
  background-color: red;
  color: white;
  height: 8px;
}
.cal_title
{
  font-weight: bolder;
  font-size: 75%;
  background-color: darkseagreen;
  color: white;
}
.cal_avail
{
  background-color: #ddddff;
  color: black;
  font-size: 75%;
  vertical-align: middle;
  cursor: pointer; cursor: hand;
}
.cal_avail_weekend
{
  background-color: #ccccff;
  color: black;
  font-size: 75%;
  vertical-align: middle;
  cursor: pointer; cursor: hand;
}
.cal_unavail
{
  background-color: #eeeeff;
  font-size: 75%;
  vertical-align: middle;
  cursor: crosshair;
  color: silver;
}
.cal_selected
{
  background-color: SteelBlue;
  color: White;
  font-size: 75%;
}

.clink
{
cursor: pointer; cursor: hand;
color: White;
font-size:110%;
font-family: Tahoma Ariel;
padding: 8px;
font-weight:bold;
text-align:left;
}

.font80p
{
font-size:80%;
}  

.hand
{
cursor: pointer; cursor: hand;
}

#idPriceMap TD
{
  font-size: 12px;
}

#idPriceMap TD.av
{
  padding: 0px;
}

#bcell
{
  display: block;
  BACKGROUND: lightgreen url(../images/book_background.jpg) -10px -10px  repeat-x;
  color: Navy;
  text-decoration: none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  cursor: pointer; cursor: hand;
  text-align: center;
  vertical-align:middle;
}

#bcottage
{
  display: block;
  color: Navy;
  text-decoration: none;
  overflow: hidden;
  BACKGROUND: lightgreen;
  padding: 2px;
  margin: 0px;
  float:left;
  width: 100%;
  height: 37px;
  line-height: 40px;
  text-align: left;
  vertical-align:middle;
}

#btitle
{
  display: block;
  color: Navy;
  text-decoration: none;
  overflow: hidden;
  BACKGROUND: #33CC00 url(../images/bar_grad_lightgreen.jpg) repeat-x;
  padding: 1px;
  margin: 0px;
  float:left;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-weight:bold;
  vertical-align:middle;
}

#bcell_na
{
  display: block;
  color: Navy;
  BACKGROUND: lightgreen url(../images/book_background.jpg) -10px -10px repeat-x;
  text-decoration: none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  vertical-align:middle;
}

#bna
{
  display: block;
  overflow: hidden;
  color: Navy;
  text-decoration: none;
  BACKGROUND: silver url(../images/na.gif) repeat-x;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  vertical-align:middle;
}

#bcell.title
{
  BACKGROUND: #33CC00 url(../images/bar_grad_lightgreen.jpg) repeat-x;
  color: DarkGreen;
  font-size: 90%;
  font-weight: bolder;
  text-decoration: none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 20px;
  cursor:default;
  text-align: center;
  vertical-align:middle;
}


#bcell.title:hover
{
  BACKGROUND: #33CC00 url(../images/bar_grad_lightgreen.jpg) repeat-x;
  color: DarkGreen;
  text-decoration: none;
}


#bcell_na:hover
{
  background: silver;
  color: Navy;
  text-decoration: underline;
}

#bcell:hover
{
  background: yellow;
  color: Navy;
  text-decoration: underline;
}

#bna:hover
{
  background: silver;
  color: Navy;
  text-decoration: underline;
}
    
.float_left
  {
  float:left;
  }

.float_right
  {
  float:right;
  }
  
.float_clear
  {
  clear:both;
  }

.sm
{
    FONT-SIZE: 80%;
}


#wizard_icons
  {
  }
  
  
.wizard_icon
  {
    display: block;
    width: 100px;
  }