.noscreen { display:none; }

body{
     background: #ffffff;
     font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv,sans-serif;
     font-size:small;
     color: #220000;
     padding-top:0px;
     margin-top:8px;
     }

* html body {
  font-size:x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}

:link { color: #0000ff; text-decoration: none; font-weight:bold}
:visited {color: #0000ee; text-decoration: none; font-weight:bold}

a:link {color: #000088; text-decoration: none; font-weight:bold}
a:visited {color: #000077; text-decoration: none; font-weight:bold}
a:hover {color: #0000ff; text-decoration: underline; font-weight:bold}

p.nojsmenu { color: #aaaaaa; }
p.nojsmenu a:link { color: #ffffff; }
p.nojsmenu a:visited { color: #ffffff; }
p.nojsmenu a:hover { color: #ffffff; }

p.button a {
     color: #000000;
     text-decoration: none;
     background-color: #d5d5df;
     display: block;
     padding: 3px 0px 3px 12px;
     border-top: 1px solid #EEEEEE;
     border-right: 1px solid #666666;
     border-bottom: 1px solid #666666;
     border-left: 1px solid #EEEEEE;
     background-repeat: no-repeat;
     }
p.button a:hover, p.button a:active { text-decoration: none; background-color: #05050f; color: #FFFFFF;  background-repeat: no-repeat; }

.dark{color: #444444}
table.spaced{text-align:left; margin: auto}
table.spaced td{padding: 10px;}
table.updated{border: 1px dashed #dddddd; text-align:left; margin: auto; background: #ffeeee;}
table.updated td{padding: 10px;}
table.news{border: 1px dashed #dddddd; text-align:left; margin: auto; background: #ffffee;}
table.news td{padding: 10px;}
table.outline{border: 2px solid #dddddd; text-align:left; margin: auto}
table.lined{border: 2px solid #dddddd; text-align:left; margin: auto}
table.dashed{border: 1px dashed #dddddd; text-align:left; margin: auto; background: #ffeeee}
th{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:100%; font-weight: bold; color:#882222; }
td{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:100%;}
td.grey{background-color: #dddddd;}
h1{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:150%; font-weight: bold; color: #882222; padding: 2px 2px 2px 2px;}
h2{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:140%; font-weight: bold; color: #550000; padding: 2px 2px 2px 2px;}
h3{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:100%; font-weight: bold; color: #882222; padding: 2px 2px 2px 2px;}
h4{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:140%; font-weight: bold; color: #555555; padding: 2px 2px 2px 2px;}
h4{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:112%; font-weight: bold; color: #882222; padding: 2px 2px 2px 2px;}
h5{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:140%; font-weight: bold; color: #000000; padding: 2px 2px 2px 2px;}
h6{font-family: Arial,Verdana,Tahoma,Monaco,Geneva,Helvetica,Helv; font-size:140%; font-weight: bold; color: #ff0000; padding: 2px 2px 2px 2px;}
img.spacedoutlined{margin: 10px; border: 1px solid #000000;}
img.spaced{margin: 20px;}
img.spaced3{margin: 3px;}
img.spaced5{margin: 5px;}
img.outlined{border: 1px solid #000000;}
p.indented{margin: 20px; }
span.dropcap{float:left;font-size:400%;line-height:80%;color:#882222;} /* 55 & 45 */
p.blurb{font-size:140%;line-height:100%;font-weight:bold;color:#882222;}
span.red{color:#ff0000;}

div.news{border-spacing: 20px; border: 1px dashed #dddddd; text-align:left; margin: 20px; background: #ffffee;}
div.cen {margin: auto; text-align:center; }
div.maincontent { text-align:left; margin:0px 10px 10px 10px; padding-top:0px; }
table.cen { margin:auto; text-align:left; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #000000;
padding: 8px;
background-color: #ffffee;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

td.r0 { padding: 3px; background: #eeeeee; }
td.r1 { padding: 3px; background: #cccccc; }
td.free { padding: 1px; background: #ccffcc;  text-align:center; }
td.booked { padding: 1px; background: #ffcccc;  text-align:center; }
td.unavail { padding: 1px; background: #c5c5c5;  text-align:center; }
td.night { padding: 1px; background: #0000e0;  text-align:center; color:#ffff40; }
td.night a:link {color: #FFFF88; text-decoration: none; font-weight:bold}
td.night a:visited {color: #FFFF77; text-decoration: none; font-weight:bold}
td.night a:hover {color: #FFFFff; text-decoration: underline; font-weight:bold}

/* calendar */
table.calendar { margin: 0px; padding: 0px; background: #efefef; border: 1px solid #999999; border-collapse: collapse;}
table.calendar th{ color: #000000; font-size:95%; border: 1px solid #999999; text-align: center; padding: 4px 2px 4px 2px; }
table.calendar td{ color: #000000; font-size:75%; border: 1px solid #999999; padding: 2px 2px 2px 2px; }
table.calendar td.day{ font-size:80%; padding-left: 8px; padding-right: 8px; }
table.calendar td.by{ font-size:80%; padding-left: 8px; padding-right: 8px;}
table.calendar td.calfree{ background: #ddffdd;  text-align:center; }
table.calendar td.calavail{ background: #cceecc;  text-align:center; }
table.calendar td.calbooked { background: #ffdddd;  text-align:center; }
table.calendar td.calnobookings { background: #efefef;  text-align:center; }
table.calendar td.calnight { background: #5555e0;  text-align:center; color:#ffff40; }

td.field { padding: 1px; background: #FAFAFA; }
td.fieldr { padding: 1px; background: #FAFAFA; text-align:right; }
td.largefield { padding: 1px; background: #FAFAFA; font-size:150%; font-weight:bold;}
td.actionc { padding: 1px; text-align:center; }

table.cpnl{border: 1px solid #F5E8E8; text-align:left; margin: auto; background: #F1D3D3;}
table.cpnl td{padding: 5px;}

table.stats{border: 1px solid #f0f0f0; text-align:left; margin: auto; background: #fafafa; border-collapse: collapse;}
table.stats td{padding: 1px; border: 1px solid #f0f0f0; }

td.big { font-size:150%; font-weight: bold; text-align:left; }
td.bigr { font-size:150%; font-weight: bold; text-align:right; }

table.invoice{border: 1px solid #555555; text-align:left; margin: auto; background: #ffffff; border-collapse: collapse; }
table.invoice td{padding: 2px 6px 2px 6px; border: 1px dotted #555555;}
table.invoice th{padding: 2px 6px 2px 6px; border-top: 2px solid #000000;}
td.total{padding: 6px; border: 1px dotted #555555; font-size:150%; font-weight:bold; text-align:right;}

table.clear{border: 0px; text-align:left; background: #ffffff; border-collapse: collapse; }
table.clear td{padding: 6px; border: 0px; }
table.clear th{padding: 2px 6px 2px 6px; border: 0px; }

table.clearcen{border: 0px; text-align:left; margin: auto; background: #ffffff; border-collapse: collapse; }
table.clearcen td{padding: 6px; border: 0px; }
table.clearcen th{padding: 2px 6px 2px 6px; border: 0px; }

table.logbook{border: 0; text-align:left; margin: auto; background: #ffffff; border-collapse: collapse; font-size: 75%; }
table.logbook td{padding: 2px 6px 2px 6px; border: 1px solid black; color:black;}
table.logbook td.r0{background-color:#fcfcfc;}
table.logbook td.r1{background-color:#f5f5f5;}
table.logbook th{padding: 2px 6px 2px 6px; border: 2px solid black; vertical-align:bottom; color:black; text-align: center;}
table.logbook th.blank{border: 0;}
table.logbook dh.blank{border: 0;}
table.logbook th.night{padding: 2px 6px 2px 6px; border: 2px solid black; vertical-align:bottom; color:white; background-color:black;}

#busy{
width: 122px;
height: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -61px;
margin-top: -40px;
z-index:1000;
}

#busy-inner
{
width:100px;
height:50px;
padding:15px 10px 10px 10px;
text-align:center;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #FCF8C7;
opacity: .85;
}

#newitem{
width: 450px;
height: 224px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -225px;
margin-top: -112px;
z-index:999;
text-align:center;
}

#newitem-inner
{
width: 450px;
height: 224px;
overflow:hidden;
text-align:center;
padding:10px;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #E9DBDB;
}

#newpackageitem{
width: 600px;
height: 300px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -150px;
z-index:999;
text-align:center;
}

#newpackageitem-inner
{
width: 600px;
height: 300px;
overflow:hidden;
text-align:center;
padding:10px;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #E9DBDB;
}

#newpackage{
width: 300px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -10px;
z-index:999;
text-align:center;
}

#newpackage-inner
{
width: 300px;
height: 200px;
overflow:hidden;
text-align:center;
padding:10px;
color: #000;
border: 1px solid;
border-color:#CCC #666 #666 #CCC;
background-color: #E9DBDB;
}

.dockclass{position:relative; padding-top: 8px; padding-bottom: 8px; width: 100%; background: #E9DBDB; border-top: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-right: 2px solid #444444; border-bottom: 2px solid #444444;}

table.pagetop { text-align:left; margin: auto; width:100%; padding:0; border-spacing:0; border-width:0; border-collapse: collapse;}

p.info { text-align: left; padding: 5px; border: 1px solid black; background: #FFFFC0; font-size: 75%; }
p.notice { text-align: center; padding: 5px; border: 1px solid black; background: #FFDDC0; font-size: 85%; font-weight: bold;}
span.info { text-align: left; padding: 5px; border: 1px solid black; background: #FFFFC0; font-size: 75%; }
span.err { text-align: left; padding: 5px; border: 1px solid black; background: #FF4040; color: #FFFF40; font-size: 95%; }

p.buy { text-align: center; font-size: 200% }