/************************   THE BASIC BODY SET UP  ***********************/

body {
        background: url("imgs/twinblue.jpg");
        background-repeat: repeat-y;
        background-size: 100% auto;
        }


.bg {
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:auto;
        }







/**************************    H1 H2 H3  etc  ***************************/


h1, h1 a {
        color: white;
        font-size: 26px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        line-height: 2em;
        }

h2, h2 a  {
        color: white;
        font-size: 18px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        line-height: 2em;
        }

h3, h3 a {
        color: white;
        font-size: 14px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        line-height: 2em;
        }



.screentext {
        color: white;
        font-size: 18px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        }
        
        

/*********************    PREDEFINED PARAGRAPH BREAKS  ***********************/

.p6 { margin-top: 6px;}
.p8 { margin-top: 8px;}
.p10 { margin-top: 10px;}
.p16 { margin-top: 16px;}
.p20 { margin-top: 20px;}
.p24 { margin-top: 24px;}
.p36 { margin-top: 36px;}




/*********************    INPUT BOXES  ***********************/

.basicbox {
        width:80%;
        height:50px;
        background-color:white;
        color: #222;
        border: 1px solid #333;
        font-size: 18px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        padding-left:4px;
        }
        
.basictext {
        width:80%;
        height:150px;
        background-color:white;
        color: #222;
        border: 1px solid #333;
        font-size: 18px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        padding-left:4px;
        }

.basichalf {
        width:39%;
        height:50px;
        background-color:white;
        color: #222;
        border: 1px solid #333;
        font-size: 18px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        padding-left:4px;
        }
        
        
.mybutton {
        width:30%;
        height:50px;
        background-color:#0393D9;
        color: #FFF;
        border: 1px solid #333;
        font-size: 20px;
        font-weight: normal;
        font-family: Mina, Verdana, Arial, sans-serif;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        }


        
/*********************    DIV ELEMENTS ***********************/

#topdivid {
        position:absolute;
        left:10%;
        width:90%;
        visibility:hidden;
        }
        
        
        
        
/************** THE POP UP TIME CALENDAR CONTROL  **************/

#CalendarControlIFrame { display: none; left: 0px; position: absolute; top: 0px; height: 250px; width: 250px; z-index: 99; }
#CalendarControl { position:absolute; background-color:#FFF; margin:0; padding:0; display:none; z-index: 100; }
#CalendarControl table { font-family: arial, verdana, helvetica, sans-serif; font-size: 8pt; border-left: 1px solid #888; border-right: 1px solid #999; }
#CalendarControl th { font-weight: normal; }
#CalendarControl th a { font-weight: normal; text-decoration: none; color: #FFF; padding: 1px; }
#CalendarControl td { text-align: center; }
#CalendarControl .header { background-color: #0393D9; }
#CalendarControl .weekday { background-color: #DDD; color: #000; }
#CalendarControl .weekend { background-color: #F57999; color: #000; }
#CalendarControl .current { border: 1px solid #339; background-color: #222; color: #FFF; }
#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current { display: block; text-decoration: none; border: 1px solid #FFF; width: 2em; }
#CalendarControl .weekday:hover, #CalendarControl .weekend:hover, #CalendarControl .current:hover { color: #FFF; background-color: #333; border: 1px solid #888; }
#CalendarControl .previous { text-align: left; }
#CalendarControl .next { text-align: right; }
#CalendarControl .previous, #CalendarControl .next { padding: 1px 3px 1px 3px; font-size: 1.4em; }
#CalendarControl .previous a, #CalendarControl .next a { color: #FFF; text-decoration: none; font-weight: bold; }
#CalendarControl .title { text-align: center; font-weight: bold; color: #FFF; }
#CalendarControl .empty { background-color: #CCC; border: 1px solid #FFF; }