div#wrapper {
/*
    position:absolute;
*/
    width:1150px;
}
div#logo {
    position: relative;
    height:60px;
    width:100%;
    background-image:url("../logo_back_black.gif");
    background-repeat:repeat-y;
    background-position:bottom left;
}
span#art{
    vertical-align:middle;
    line-height: 60px;
    font-size: 40px;
    font-weight: bold;
    font-family: Ariel,sans-serif,monospace;
    color: red;
    padding-left: 30px;
}
span#tzlocal {
    display: block;
    position: absolute;
    color:white;
    right: 0px;
    top: 10px;  
    width:400px;
    height:20px;
    font-size: 15px;
    font-weight: bold;
}
span#tzservice {
    display: block;
    position: absolute;
    color:gold;
    right: 0px;
    top: 30px;    
    width:400px;
    height:20px;
    font-size: 15px;
    font-weight: bold;
}
div#homepage
{
    margin: 0 0 0 0;
    padding-left:10em;
    padding-right:20em;
    background-color:rgb(231,231,231);
    font-size:smaller;
}
div#Topbar
{
    height:32px;
    width:100%;
    position:relative;
    color:black;
    background-color:rgb(0,132,198);
    background-image:url("../back_black.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
}

div#main
{
/*
    display:block;
*/
    position:relative;
/*    
    top:92px;
    left:0;
*/
    width:100%;
    color:Black;
    margin-top: 5px;
/*    
    margin: 0 0 0 0;
*/
}

div#maininclude {
    width:1px;
    height:1px;
    z-index: 9;
    top:0;
    left:0;
}

div#main textarea
{
    border-color:Black;
    border-style:solid;

}
div#selview
{
    position:relative;
/*    border-style:solid ;
    border-width: 1px;
    border-color:Green;*/
}
span#datesel{
    color:Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size:3pt;
}
select.datesel{
    color:black;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:8pt;
}

div.datetime {
    display: inline;
}
table.sqlout
{
    position:relative;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
}
table.sqlout thead
{
    color: gold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:bold;
    background-color:Gray;
}
table.sqlout tr
{
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
}
div.tbody {
    display: block;
    overflow: auto;
}

tr.even {
    background-color: transparent;
}

tr.odd {
    background-color: #E8E8E8;
}

td.optno {
    
}
td.option {
    
}
td.value {
    width: 50ch;
}
td.gotolabel {
    
}
td.select {
    
}
td.display {
    padding-left: 3px;
    padding-right: 3px;
}
div#selectbut
{
    float:right;
    width:19%;
    padding-left:4pt;
    padding-top:4pt;
    padding-bottom:3pt;
}
div#planedithead
{
    float:left;
    width:100%;
}
div#planeditbuttons
{
    float:left;
    width:60%
}
div#planeditsel
{
    float:right;
    width:39%;
}
div#planeditbody
{
    float:left;
    width:100%;
}
div.sellist
{
    position:relative;
    width:100%;
    background-color:lightgray;
    height:70px;
    margin:0;
    padding:0;
}
div#crddisp {
    position:relative;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
div#servselReps {
    margin:0;
    padding-top:5px;
    position:absolute;
    left:5px;
    top:3px;
    width:260px;
}
div#reports {
    margin:0;
    position:absolute;
    left:266px;
    top:3px;
}
div#crdOpts {
    margin:0;
    position:absolute;
    width:100pt;
    top:3px;
    left:0pt;
}
div#graphOpts {
    margin:0;
    position:absolute;
    top:2px;
    left:130pt;
    width:500px;
    height:50px;
    padding-top:3px;
    padding-left:3px;
    border: 2px;
    border-color: red;
    border-style: solid;
    border-radius: 5px;
}
select#repint{
    position:absolute;
    left:100px;
    top:3px;
}
select#numslots{
    position:absolute;
    left:350px;
    top:3px;
}
span#dodesttxt{
    position:absolute;
    left:100px;
    bottom:5px;
}
input#dodest{
    position:absolute;
    left:350px;
    bottom:5px;
}
div#dngraph {
    position:relative;
    height:260px;
    width:100%;
    border-bottom: medium solid #ff0000;
}
div#dtngraph {
    position:relative;
    height:260px;
    width:100%;
}
input.hide{
    width:0pt;
    border-width:0pt ;
}
input.active{
    background-color:Yellow;
}
input.inactive{
    background-color:transparent;
}
span.active {
    color:red;
    font-weight:bold;
    border:red;
    border-style:solid;
    border-width:1px;
}
.bargraph {
    position:absolute;
    top:10px;
    left:10px;
    font: 0.6em/2em Arial;
    color: black;
    border-collapse: collapse;
    border-style: solid;
    border-width:1pt ;
    width: 476px;
    height:240px;
}
.bargraph td {
    padding:0;
    margin:0;
    vertical-align:bottom;
    text-align:center;
    background:url('../eyeline10.JPG') bottom;
    height: 200px;
}
.bargraph th {
}
.bargraph img{
    display:block;
    border-right: 1px solid #000;
    text-align:center;
}
img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto }
table tfoot {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
}
div#actdate {
    position:relative;
    margin:0;
    padding:0;
    border-style:solid ;
    border-width: 1px;
    border-color:Red;
    font-size:small;
    height:90px;
    width:auto;
}
td.bold {
    font-weight: bolder;
}
td.header {
    font-weight: bold;
    background-color: grey;
}