body {background-color: #fff; color: #000000; font-family: Arial, Helvetica, sans-serif; 
      font-size: 12px; text-decoration: none; width: 100%;
      margin-left: 10px;}
body.black {background-color: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; 
      font-size: 22px; text-decoration: none; width: 100%;
      margin-left: 10px;}
td {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align: left;
    vertical-align:top; border:0px solid white;}
.col {vertical-align: top; 
    height: 20px;
    text-align: left; 
    background-color: #999999; 
    border-top: 1px black solid; 
    border-right: 1px black solid;
    border-bottom: 1px black solid;
    padding: 1px;
    padding-top: 0px;
    margin-left: 20px;
    font-weight: bold;}
th.fixed {vertical-align:middle; padding-left:2px; padding-right:2px;
background-color: darkgray; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(background-trans.png);}

#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

table#pager {
text-align:left;
background-color: #0066b3;
vertical-align: top;
font-size:10pt;
-moz-border-radius: 0px;
padding:0px;
margin-top:2px; 
}
table#pager thead {background-color: #aa7239; color: white; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px;}
table#pager thead.tr {background-color: #aa7239;}
table#pager tbody  {background-color: #0066b3;}
table#pager tbody tr {background-color: #ffdfbf;}
table#pager tr#odd {background-color: #ffc080;}
table#pager td#meter {font-size:8pt;}
td#meter .meterbox {background-color: #F0F8FF; border:1px black solid; font-size:8pt;}
td#meter .dmeterbox {background-color: silver; border:1px black solid; margin-top:0px; font-size:8pt;}
table#pager tfoot {background-color: #aa7239; color: white;}
table#pager a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; 
               border: 0px solid black; padding: 0px; margin: 0px;}
table#pager a:hover {color: red;font-weight: bold;}
table#pager a#white {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; border: 0px;}
table#pager a#white:hover {color: red;font-weight: bold;}

table#report {background-color: white;}
table#report tr {height:40px;}
table#report tr#odd {background-color: lightgrey;}
table#report td {border:1px solid black;}

th.row {vertical-align: top; 
    height: 1.5em;
    text-align: left; 
    background-color: #999999; 
    border-top: 1px black solid; 
    border-right: 1px black solid;
    padding: 1px;
    margin-left: 20px;}
.grid {vertical-align: top; 
    height: 1.5em;
    text-align: left; 
    background-color: #587058; 
    border-top: 1px black solid; 
    border-right: 1px black solid;
    padding: 1px;
    font-size: 12px;
    vertical-align:middle;
    }    
.altgrid {vertical-align: top; 
    height: 1.5em;
    text-align: left; 
    background-color: white; 
    border-top: 1px black solid; 
    border-right: 1px black solid;
    padding: 1px;
    vertical-align:middle;
    }    
.endgrid {vertical-align: top; 
    height: 1.5em;
    text-align: left; 
    border-top: 0px black solid; 
    border-right: 0px black solid;
    padding: 1px;
    vertical-align:middle;
    }    
    
.panel {border:2px solid #777777; float:left; padding: 5px 5px 5px 5px;margin: 5px; 
        color:#000;
        background: #ff8000;
        width:98%;
        height:90%;
        -moz-border-radius:10px;
       }
.main {border: 0px solid #ff0000; vertical-align: top; text-align: left; color: #000000; 
       background: #ff8000;
       background-image:url("images/developmentbg.png");
      }
.super {width:98%; float:left; padding: 0px 5px 0px 5px;margin-left: 5px; 
        background: #ff8000;
        color: #000000;
        border: 2px solid #777777;
        -moz-border-radius:10px;
       }
.login {float:left; margin-left:35%; margin-top:10%; padding:10px; 
        border: 2px solid #777777;
        width: 30%; 
        background: #ff8000;
        background-image:url("images/developmentbg.png");
        border-radius:10px;
       }
.gridentry {padding: 0px; vertical-align:middle; 
          background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
          color: #000000; border: 0px black solid;}
    
td.menu {border: 0px solid #ff0000; vertical-align: top;  text-align: left; color: #000000;}
td.topbar {border: 0px solid #ff0000; vertical-align: top; text-align: left; color: black;}
form {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; border-style: solid; border:0px; border-color: red; font-weight: normal; margin: 0px; padding: 0px;}
iframe {border:0px solid red; font-weight: normal; margin: 0px; padding: 0px;}
a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffFF; text-decoration: none; border: 0px;}
a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; border: 0px;}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:hover {color: yellow; font-weight: normal;}
select {border: 0px; padding:0px;}
.formbox {height:1.5em; margin-top: 0.1em; padding-left: 2px; vertical-align:middle; 
          background-color: #F0F8FF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
          color: #000000; border: 1px black solid; -moz-border-radius: 2px;}
.srchbox {height: 1.5em; margin-top: 0.1em; padding: 0em;  vertical-align:middle; 
          background-color: #FFFF80; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
          color: #000000; border: 1px black solid;}
.chkbox  {height:1.5em; padding: 0px; vertical-align:middle; 
          margin: 0px;
          background-color: #F0F8FF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
          color: #000000; border: 1px black solid;}
          
.altformbox {height: 1.5em; padding: 0px; vertical-align:middle; background-color: #A9A9A9; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: 1px #999999 solid;}
.selbox {height: 1.7em; 
         margin-top: 0.1em;
         padding: 0px; 
         text-align: left;
         margin-left:0px; margin-bottom:1px;
         vertical-align:middle; 
         background-color: #F0F8FF; 
         font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; 
         border: 1px solid black;}
.multisel {padding: 0px; vertical-align:bottom; background-color: #F0F8FF; 
           font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; 
           border: 1px #999999 solid;
           min-width:20em;}
textarea.formbox  {height: 6em; padding: 0px; 
                   vertical-align:middle; background-color: #F0F8FF; font-family: Arial, Helvetica, sans-serif; 
                   font-size: 12px; color: #000000; border: 1px black solid;}
.currbox {height:1.5em; margin-top: 0.1em; 
          padding-right: 2px; vertical-align:middle; text-align: right; background-color: #F0F8FF; 
          font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: 1px black solid;}
.discurrbox {height:1.5em; margin-top: 0.1em; 
             padding-right: 2px; vertical-align:middle; text-align: right;             
             background-color: silver;
             font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; 
             border: 1px black solid;
             cursor: url("./nodrop.cur"),default;
             }
.dformbox {height: 1.5em; margin-top: 0.1em;
           padding-right: 2px; vertical-align:middle; text-align: left;             
           background-color: silver; 
           font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; 
           border: 1px black solid;
           cursor: url("./nodrop.cur"),default;
          }
          
.negdiscurrbox {height:1.5em; margin-top: 0.1em; padding: 0em; vertical-align:middle; text-align: right; 
                background-color: silver; 
                font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: red; border: 1px black solid;}
.button {vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
         font-weight: bold; background-color: #A9A9A9; color: #000000; border: #000000; border-style: solid; 
         border-width: 0px; height: 20px; 
         background-image: url(images/btn_bg.png); background-repeat: repeat-x;
         margin-left:1px; margin-right: 1px;}
.tab {vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
         font-weight: bold; background-color: #A9A9A9; color: #000000;
         border: 0px solid black;
         height:2em;
         border-right: 1px solid black;
         background-image: url(images/btn_bg.png); background-repeat: repeat-x;
         padding: 0px;
         margin-left:0px; margin-right: 0px;}
.actvtab {vertical-align:middle; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
         font-weight: bold; background-color: #A9A9A9; color: red;
         border: 0px solid black;
         height:2em;
         border-right: 1px solid black;
         background-image: url(images/btn_bg.png); background-repeat: repeat-x;
         padding: 0px;
         margin-left:0px; margin-right: 0px;}
img {border: 0px;}         
.errtxt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #800080; font-weight:bold; text-decoration: none;}
.radio { color: #666666; border: 0px; margin:0px; padding:0px }
.multi {border:0px; margin:0px; padding:0px; vertical-align: middle;}
td.entry {font-size:12px; vertical-align: middle; text-align: left; color: #000000; border: 0px solid red; margin: 0px; padding:0px;}
a.ActiveSrt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: Blue; text-decoration: none;}
.mono {background-color: darkgray; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.bookable {vertical-align: middle; background-color: palegreen; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.agent {vertical-align: middle; background-color: orange; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.owner {vertical-align: middle; background-color: orange; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.prov {vertical-align: middle; background-color: yellow; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.dayhdr {vertical-align: middle; font-family: courier; font-size: 12px; color: White; text-decoration: none;}
.daysel {vertical-align: middle; background-color: skyblue; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.curr {vertical-align: middle; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: Black; text-decoration: none;}
.hdr {vertical-align: middle; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
.bookable {vertical-align: middle; background-color: palegreen; font-family: courier; 
           font-size: 12px; color: black; text-decoration: none;
           padding: 0px;
           margin: 0px;
           border:0px red solid;}
.optimal {vertical-align: middle; background-color: green; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
.avhdr{vertical-align: middle; font-family: courier; font-size: 12px; color: Black; text-decoration: none;}
a.help:link {font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: red; text-decoration: none;}
a.help:active {}
a.help:visited {}
a.help:hover {font-weight: bold;}
/*Set up some row & col divs to replace tr td layouts*/
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: left;
  }

div.row span.formw {
  float: left;
  width: 235px;
  text-align: left;
  } 
  
table.inpform {
margin: 0px;
padding: 0px;
border: 0px solid black;
vertical-align: top;
}
table.inpform tr {
margin-left: 0px;
padding-left: 0px;
border: 1px solid green;
}
table.inpform td {
padding-left: 0px;
margin-left: 0px;
vertical-align: middle;
}

table.inpform td.label {
padding-left: 0px;
margin-left: 0px;
width:200px;
vertical-align: middle;
border: 0px solid blue;
}




/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
}

/* Reset overflow value to hidden for all non-IE browsers. */
div.tableContainer {
	overflow: hidden;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
thead.fixedHeader th {

}


/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
tbody.scrollContent td {

}

-->