<style type="text/css">
//  A { COLOR: #FFFFFF;}
//  A:visited { COLOR: #800080;}
//  A:hover { COLOR: #FFA500;}
//  A:link { COLOR: #F5FFFA;}
  // pushes the page to the full capacity of the viewing area 
  html {height:100%;}
  body {height:100%; margin:0; padding:0;}
	p.ex1 {font:36px Constantia; COLOR: white; }
	p.ex1b {font:bold 36px Constantia; COLOR: white; }
	p.ex2 {font:24px Constantia; COLOR: white; }
	p.ex2b {font:bold 24px Constantia; COLOR: white; }

  #bg {position:fixed; top:0; left:0; width:100%; height:100%;}

.w3-slim{font-family:"Segoe UI",Arial,sans-serif}	
.w3-col{float:left;width:100%;padding:0 8px}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}	
.w3-closebtn{transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}

hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border_style: double; border-width: 3px; }

input[type=number]{
    width: 35px;
}

.link_button {
  font:  13px Arial;
  text-decoration: none;
  background-color: #DFDFDF;
  color: #000000;
  padding: 2px 6px 3px 2px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 4px;
}

.button {display: inline-block; border-radius: 15px;
  background-color: #4CAF50;  border: none;
  color: #FFFFFF;  text-align: center;
  font-size: 16px;  padding: 10px;
  width: 140px;  transition: all 0.5s;
  cursor: pointer;  margin: 5px;
}
.button span {cursor: pointer;  display: inline-block;
  position: relative;  transition: 0.5s;
}
.button span:after {content: '»';  position: absolute;
  opacity: 0;  top: 0;
  right: -20px;  transition: 0.5s;
}
.button:hover span {  padding-right: 25px;
  color: #000000; 
  font-size: 18px; }
.button:hover span:after { opacity: 1;  right: 0;}

.smbutton:hover {
  background-color: #191970; 
  color: #FFFFFF; 
}
.smbutton:focus {
  background-color: #1E90FF; 
  color: #00008B; padding: 6px;
  font-size: 16px;
}
.smbutton {display: inline-block; border-radius: 4px;
  background-color: #1E90FF;  border: none;
  color: #000000;  text-align: center;
  font-size: 16px;  padding: 6px;
  width: 140px;  transition: all 0.5s;
  cursor: pointer;  margin: 1px;
  transition-duration: 0.4s;
}
.smbutton2 {display: inline-block; border-radius: 4px;
  background-color: #87CEFA;  border: none;
  color: #000000;  text-align: center;
  font-size: 14px;  padding: 4px;
  width: 140px;  transition: all 0.5s;
  cursor: pointer;  margin: 1px;
  transition-duration: 0.4s;
}

#main{ width:300px;  padding-left:195px; z-index:9;}
#maininner {  position:fixed;  top:0;  padding-top:10px;  padding-bottom:0;    
  height:98%;  width:100%; background-color:transparent;}

#maininnertop {height:48.5%;  width:95%;  overflow-y:hidden;
  overflow-x:hidden;  padding-left:2px;
    border: 1px solid #73AD21;
} 

#maininnertop10 {height:10%;  width:85%;  overflow-y:hidden;
  overflow-x:hidden;  padding-left:2px;
    border: 1px solid #73AD21;
} 
#maininnerbottom90 {height:88%;  width:85%;  overflow-y:hidden;
  overflow-x:hidden; padding-left:2px;
    border: 1px solid #73AD21;
} 
#maininnerbottom10 {height:48.5%;  width:85%;  overflow-y:scroll;
  overflow-x:hidden; padding-left:2px;
    border: 1px solid #73AD21;
} 
#maininnerbottom {height:48.5%;  width:95%;  overflow-y:scroll;
  overflow-x:hidden; padding-left:2px;
    border: 1px solid #73AD21;
} 
#maininnersplitL {height:100%;  width:49%;  overflow-y:hidden;
  overflow-x:hidden;  border: 1px solid #73AD21;
} 
#maininnersplitR {position:absolute; height:44.5%;  width:49%;  
	overflow-x:hidden; right:0px;
  border: 1px solid #00FFFF;
} 
#ApptListDiv{
	max-height:200px; 
    overflow-y: scroll;
} 
#ApptList{
	max-height:280px; 
	width:90%;
    	overflow-y: scroll;
} 
#SearchListDiv{
	max-height:200px; 
    overflow-y: scroll;
} 
#SearchList{
	max-height:280px; 
	width:90%;
    	overflow-y: scroll;
} 
#MoveListDiv{
	max-height:200px; 
    overflow-y: scroll;
} 
#MoveList{
	max-height:280px; 
	width:90%;
    	overflow-y: scroll;
} 
.sidesection {margin-bottom:32px;}
.columnleft {float:left; border: 1px solid #0000FF;} 
.columnright {float:right; border: 1px solid #00FFFF;} 

#footer { clear:both; position:fixed;  bottom:10;  width: 100%;  text-align: center; }
 
#leftmenu {float:left;  width:170px;  z-index:9;}
#leftmenuinner {  position:fixed;  top:0;  padding-top:10px;  padding-bottom:0;    
  height:100%;  width:16.66666%;  width:170px;  background-color:transparent;}
#leftmenuinnerinner {  height:100%;  width:100%;  overflow-y:hidden;
  overflow-x:hidden;  padding-top:20px; padding-left:10px;}
#leftmenu .w3-closebtn {  position:absolute;  right:16px;  top:0;}

table {
    border-collapse: separate;
    width: 100%;
} 
td {   border: 1px solid #FFFFFF; }
td.wd1 {padding: 2px;}
td.wd2 { width: 15%; padding: 2px;}
table.ex2 {table-layout: fixed;}
table.ex3 {table-layout: auto;
    width: 80%;}

select[multiple]{
  margin: 5px;
  border: 1px solid #111;
  background: transparent;
  width: 95%;
  font-size: 12px;
  border: 1px solid #ccc;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.lbl1 {display:inline-block; text-align:center; width:80px;}
.lbl2 {display:inline-block; text-align:center; width:60px;}
.lblP {display:inline-block; text-align:center; width:100px;}

p {
  display: block;
  margin-top: .25em;
  margin-bottom: .25em;
  margin-left: 0;
  margin-right: 0;
}


</style>

<!--[if IE 6]>
  <style type="text/css">
    /* some css fixes for IE browsers */
    html {overflow-y:hidden;}
    body {overflow-y:auto;}
    #bg {position:absolute; z-index:-1;}
    #main {position:static;overflow:auto;padding-bottom: 20px;}
    #footer { position:fixed; bottom:10; width: 100%; text-align: center;} 
  </style>
<![endif]-->
