body
    {
    text-align: left;
    font-size: 12px;
    font-family: Verdana, lucida, sans-serif;
    background: url(../gfx/bg2.gif) left top no-repeat;;
    color: black;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    }
    
table { font-size: 12px; }
th {
    font-weight: normal;
    text-align: right;
    }
    
input {
    background-color: #c0c0c0;
    border: solid 1px #a0a0a0;
    padding: 2px 5px 2px 5px;
    }    
    
#canvas
    {
    padding-bottom: 40px;
    }
    
#bar 
    {
    position: relative;
    background-color: #81C9FE;
    padding: 10px 10px 10px 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-left: solid 1px #8080c0;
    border-right: solid 1px #8080c0;
    border-bottom: solid 1px #8080c0;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    }

#bar .info
    {
    position: absolute;
    top: 5px;
    right: 30px;
    text-align: right;
    }
    
#status
    {
    position: absolute;
    top: 10px;
    left: 30px;
    font-size: 11px;
    margin-right: 20px;
    }

#sidebar
    {
    margin-top: 10px;
    float: left;
    }

    
#control
    {
    position: relative;
    background-color: #81C9FE;
    margin-left: 10px;
    border: solid 1px #808080;
    text-align: center;
    width: 240px;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 15px;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    
#control .menu
    {
    margin: -20px 0px 0px 0px;
    }

#hint
    {
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    }
    

#footPit
    {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;    
    }
    
#foot 
    {
    clear: both;
    background-color: #81C9FE;
    padding: 3px 10px 3px 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-left: solid 1px #8080c0;
    border-right: solid 1px #8080c0;
    border-top: solid 1px #8080c0;
    
    font-size: 11px;
    font-style: inherit;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    }

    
#logo
    {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left:20px;
    text-align: right;
    }
    
a   {
    color:#0060a0;
    text-decoration: none;
    }
    
a:hover   {
    color:#ff99cc;
    }


.errorLine
    {
    color: #800000;
    font-weight: bold;
    margin-bottom: 10px;
    }
    
.timestamp {font-size: 9px;font-style: italic;}

/* --------------------- SLOTS ------------------- */
    
.slot
    {
    position: relative;
    background-color: #f0f0f0;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-left: 260px;
       width: 720px;
    padding: 20px 20px 10px 20px;
    border: solid 1px silver;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    

.slot .message
    {
    text-align: center;
    font-size: 11px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    }

.slot .menu
    {
    position: absolute;
    right: 30px;
    top: -30px;
    }
        
/* --------------------- SIDE PAD ------------------- */
#side
    {
    position: relative;
    margin-left: 10px;
    width: 200px;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 20px 20px 10px 20px;

    background-color: #f0f0f0;
    border: solid 1px silver;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius: 15px;
    border-radius: 15px;
    }

/* --------------------- ICONS  ------------------- */
    
.menu .icon
    {
    display: inline-table;
    background-color: #a0a0a0;
    margin-right: 3px;
    margin-left: 3px;
    text-align: center;
    padding: 3px 3px 3px 3px;
    border: solid 1px #808080;
    cursor: pointer;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius: 10px;
    border-radius: 10px;    
    }

.close
    {
    position: absolute;
    right: -2px;
    top: -13px;
    cursor: pointer;
    }

.hi {background-color : #FF0000 !important;}
.active {background-color: #FF8000 !important;}
    
.slot h1,
#side h1
    {
    background-color: #c0c0c0;
    padding: 0px 25px 0px 10px;
    position: absolute;
    top: -25px;
    font-size: 18px;
    border: solid 2px #a0a0a0;
    /* ------------ CSS3 ------------ update! */
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
    
#side h1
    {
    width: 180;
    right: 0px;    
    }
.slot h1
    {
    left: 20px;
    }


        

        
/* ------------ RTS UI table ------------ */
.dataTable
    {
    border: solid 2px black;  
    font-size: 11px;  
    }

.dataTable td
    {
    padding: 2px 2px 2px 2px;
    border: solid 1px silver;
    }

.dataTable th
    {
    text-align: center;
    padding: 2px 2px 2px 2px;
    border-left: solid 1px silver;
    border-bottom: solid 3px black;
    background-color: #FFFF80;
    font-size: 10px;
    }

/* custom cell classes */
.dataTable .odd {background-color: #e0e0e0;}
.dataTable .hi td {background-color: red !important; cursor: pointer;}
.dataTable .small {font-size: 9px;}
.dataTable .pad {padding-left:10px;padding-right:10px;}
.dataTable .bold {font-weight: bold;}
.dataTable .timestamp {font-size: 9px;font-style: italic;}
.dataTable .left {text-align: left;}
.dataTable .center {text-align: center;}
.dataTable .right {text-align: right;}


/* ------------ RTS UI night map ------------ */
.nightMap
    {
    border: solid 2px black;    
    }

.nightMap td
    {
    padding: 0px 2px 0px 2px;
    border-left: solid 1px #808080;
    border-bottom: solid 1px #808080;
    font-size: 11px;
    }

.nightMap th
    {
    padding: 0px 2px 0px 2px;
    background-color: #FFFF80;
    font-size: 10px;
    font-weight: bold;
    border-bottom: solid 1px black;
    }

.nightMap .times
    {
    }
.nightMap .local
    {
    text-align: right;
    border-right: solid 1px black;
    }
.nightMap .utc
    {
    text-align: right;
    border-left: solid 1px black;
    }
.nightMap .min
    {
    text-align: left;
    border-left: solid 1px black;
    }

.nightMap .datelabel
    {
    border-right: solid 1px black;
    border-top: solid 1px black;
    border-bottom: none;
    }
.nightMap .dateblank
    {
    border-right: solid 1px black;
    border-bottom: none;
    }

.nightMap .delim
    {
    border-top: solid 1px black;
    }

    
    
    
.nightMap .riset {background-color: #FFE6D9;}
.nightMap .civil {background-color: #FFD5BF;}
.nightMap .nauti {background-color: #FFBD9D;}
.nightMap .astro {background-color: #FF9B6A;}

.nightMap .occupEven
    {
    background-color: #80DF80;
    cursor: pointer;
    }
.nightMap .occupOdd
    {
    background-color: #80FF00;
    cursor: pointer;
    }
