body{
margin:0;
padding:0;
margin-bottom:8px; 
margin-top:8px;
/*line-height: 1.5em; */
line-height:1.1em;
background-color:Gray; 
background-repeat:repeat-x;
background-repeat:repeat-y;
/*font-size:110%; */
}   

Input:focus
  {     border-color:#646464;
     background-color:#ffffc0;
   }

textarea:focus {
    border-color: #646464;
    background-color: #D7ECFF;
}
select:focus {
    border-color: #646464;
    background-color: #D7ECFF;
}

b{font-size: 100%;}
em{color: black;}

.MainTableofSite {
 width: 800px; 
min-width: 760px;
background-color:White;
 border-style:solid;
 border-color: #1C4DD1;
 border-width:4px;
}

.MainTableofSiteEXPAND {
/* width: 840px;  */
min-width: 760px;
background-color:White;
 border-style:solid;
 border-color: #1C4DD1;
 border-width:4px;
}
 .LeftTopColumn{
 vertical-align:middle;
width: 200px;
height: 110px;
overflow:hidden;
border-color: #1C4DD1;
border-style: solid;
 border-right-width:2px; /*2 */
 border-top-width:0px;
 border-bottom-width:4px; /*4*/
 border-left-width:0px;
}
 .PushUpRow{
vertical-align:top;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
 .MainContent {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #DAE8EC;
    margin: 15px 10px 10px 10px;
    min-height: 525px;
    padding-bottom:20px;
}
 .MainContentHIDEBORDER {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 15px 10px 10px 10px;
    min-height: 525px;
    padding-bottom:20px;
}
 .PushBottomRow{
vertical-align:bottom;
float:none;
overflow:hidden;
}
 .LowerLEFT{
overflow:hidden;
}
.LowerRIGHT{
overflow:hidden;
}

 .RightTopColumn{
width:640px;
height: 110px;
background-color:White;
overflow:hidden;
vertical-align:top;
 border-color:#1C4DD1;
 border-right-width:0px;
 border-top-width:0px;
 border-bottom-width:4px; /* 4*/
 border-left-width:2px; /*2 */
 border-style:solid;
}
 .RightTopColumnEXPAND{
min-width:640px;
height: 110px; /* 170 */
background-color:White;
overflow:hidden;
vertical-align:top;
 border-color:#1C4DD1;
 border-right-width:0px;
 border-top-width:0px;
 border-bottom-width:4px; /* 4*/
 border-left-width:2px; /*2 */
 border-style:solid;
}

 .RightTopColumnImage{
width:640px;
background-color:Transparent;
vertical-align:middle;
overflow:hidden;
z-index:1000;
}

.WrappImage{
margin: 10px 10px 10px 10px;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.FooterNote {
    /* Footer at bottom of the page */
    text-align: center;
    color: #C0C0C0;
    font-size:8pt;
}
.BlackBox{
  border-style:solid;
  border-color:Black;
  border-width:2px;
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
}
.BoxTable{
 padding: 5px 5px 5px 5px;
 margin: 5px 5px 5px 5px;
 font:EmployeeFont;
}
.BoxGreenNotes {
    /* 2 */
    margin: 15px 20px 15px 20px;
    background-color: #EEF9F3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 3px solid #9A9A9A;
    padding: 15px 10px 15px 20px;
    font: EmployeeFont;
    white-space: pre-wrap;
}
.BoxBlueNotes {
    /* 2 */
    margin: 15px 20px 15px 20px;
    background-color: #DAE8EC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 3px solid #9A9A9A;
    padding: 15px 10px 15px 20px;
    white-space: pre-wrap;
    color: Blue;
}

.WhiteonBlackHeader{
 background:black;
 color:White;
 font-weight:bold;
 text-align:center;
}
.WhiteonBlueHeader{
 background:#0033CC;
 color:White;
 font-weight:bold;
 text-align:center;
}
.WhiteonBlack{
 background:black;
 color:black;
 padding-left:5px;
 padding-right:5px;
}
.WhiteonBlack TD{
 background:black;
 color:White;
 padding-left:5px;
 padding-right:5px;
}

.BlackonWhite{
 background:white;
 color:black;
 padding-left: 5px;
padding-right: 5px;
}

.BlackonSilver{
    background-color: #DBDBDB;
    color: Black;
 padding-left: 5px;
 padding-right:5px;
 }

/* mike Buttons */
.GlobalButtonClass {
    font-size: 8pt;
    color: black;
    text-align: center;
    text-decoration: none;
    background-color: white;
    border-color: black;
    border-style: solid;
    padding:  2px 12px 2px 12px;
     letter-spacing:.4pt;
    font-family: Arial, Helvetica, sans-serif;
}
.GlobalButtonClass:hover {
color:white;
Background-color:black;
border-color:white;
text-decoration: none;
border-style:solid;
 padding:  2px 12px 2px 12px;
}

.RedPassBar {
background-color:Red;
color:black;
height:auto;
    border: 2px solid black;
padding: 2px 2px 2px 2px;
}
.OrangePassBar {
background-color:Orange;
color:black;
height:auto;
border: 2px solid black;
padding: 2px 2px 2px 2px;
}
.YellowPassBar {
background-color:Yellow;
color:black;
height:auto;
    border: 2px solid black;
padding: 2px 2px 2px 2px;
}
.GreenPassBar {
    border: 2px solid black;
    margin: 0px;
    background-color: #CCFF33;
    color: black;
    height: auto;
    padding: 2px 2px 2px 2px;
}
.BluePassBar {
    border: 2px solid black;
    margin: 0px;
    background-color: #66CCFF;
    color: black;
    height: auto;
   padding: 2px 2px 2px 2px;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    color: #000066;
}
.MyCalendar .ajax__calendar_title {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #9A9A9A;
        background-color: #DAE8EC;
    color: #000066;
}
.MyCalendar .ajax__calendar_hover {
    background-color: #DAE8EC;
    color: #000066;
    font-weight: bold;
}
.MyCalendar .ajax__calendar_active {
    border: 1px solid #0000FF;
    overflow: hidden;
    color: Red;
    background-color: #FFFFFF;
}

.MyCalendar .ajax__calendar_other {
    background-color: #C0C0C0;
    color: black;
} 
.MyCalendar .ajax__calendar_today {
     background-color:#ffffc0;
} 

.SmallButtonClass {
font-size:8pt;
color: white;
Background-color:black;
border-color:black;
border-style:none;
padding: 2px 2px 2px 2px;
}
.SmallButtonClass:hover {
color:yellow;
Background-color:red;
border-color:black;
border-style:none;
padding: 2px 2px 2px 2px;
}
.SmallButtonWhiteClass {
font-size:8pt;
color: black;
Background-color:white;
border-color:black;
border-style:none;
padding: 2px 2px 2px 2px;
}
.SmallButtonWhiteClass:hover {
color:yellow;
Background-color:red;
border-color:black;
border-style:none;
padding: 2px 2px 2px 2px;
}

.FloatingMenu {
color:black;
background-color:White;
  border-style:solid;
  border-color:Black;
  border-width:2px;
  -moz-box-shadow:5px 5px 10px #000000;
  -webkit-box-shadow:5px 5px 10px #000000;
padding: 2px 2px 2px 2px;
margin-top: 5px;
position: absolute; 
left: 1px;
top: 1px;
}

.titlebar {
    margin-top:1px;
    border-color: #660066;
    border-width: 1px;
    color: White;
    background-color: #993300;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bolder;
    font-style: normal;
    font-size: 14px;
    cursor:move;
}
.redtitlebar {
    margin-top: 1px;
    border-color: #660066;
    border-width: 1px;
    color: White;
    background-color:  #993300;
    font-family: 'Times New Roman' , Times, serif;
    font-weight: bolder;
    font-style: normal;
    font-size: 14px;
    cursor: default;
}
.aBox {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
padding: 0px;
margin:0px;
 position:relative;
}
.aBar {
background-color: #E1771E;
color: #ffffff;
cursor: move;
font-weight: bold;
font-size:12px;
padding: 2px 1em 2px 1em;
}