@charset "UTF-8";
html {
    height: 100%;
}
body {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	background-color: #efefef;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%; 
}
.negmsg {
	color:red;
	font-weight:bold;
}
.posmsg {
	color:#19581E;
	font-weight:bold;
}
/* screens less than 1200*/
@media (max-width:800px) {
	.oneColElsCtr #container {
    width: auto;
    max-width: 95%;
  }
  
}
/* screens less than 1200*/
@media (max-width:1159px) {
	.oneColElsCtr #container {
    width: 1200px;
  }
  
}
/* screens larger than 1200*/
@media (min-width:1200px) {
	.oneColElsCtr #container,
    .employee_record_table,
    .mileage_table,
    .login_record_table,
    .summary_table
    {
        width: 90%;
        margin-bottom: 10px;
    }  
    .employee_record_table {
        margin-top: 40px;
    }
    td.selecttd {
        min-width: 300px;
    }
  
}

.oneColElsCtr #container {
	
	background-color: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #aab6c1;
		border-right: 1px solid #aab6c1;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

.oneColElsCtr #mainContent {
 
  height:100%; 
}

.topbar {
	background-color: #19581e;
	height: 28px;
	white-space: nowrap; 
}

.head1 {
	color: #19581e;
		font: bold 18px/24px Verdana, Arial, Helvetica, sans-serif;
		
}

.head2 {
	color: #666;
		font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
		
}

.footer {
	color: #333;
	font: 10px/12.5px Verdana, Arial, Helvetica, sans-serif;
}
#floater {
	border: 0px solid black;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    left: 0;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 48%;
	background-color: #19581e;
    width: 13px;
    border-left: none;
}

.line {
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.sublogo {
	float: right;
	padding-right: 0px;
	padding-top: 20px;
	padding-left: 10px;
	
}

a:link {
	color: #19581e;
	text-decoration: none;
}
a:visited {
	color: #19581e;
	text-decoration: none;
}
a:active {
	color: #19581e;
	text-decoration: none;
}
a:hover {
	color: orange;
	text-decoration: underline;
}

a.white:link {
	color: orange;
	font-weight:bold;
	text-decoration: none;
}
a.white:visited {
	color: orange;
	font-weight:bold;
	text-decoration: none;
}
a.white:active {
	color: orange;
	font-weight:bold;
	text-decoration: none;
}
a.white:hover {
	color: white;
	font-weight:bold;
	text-decoration: underline;
}

a.current:link {
	color: orange;
	text-decoration: none;
}
a.current:visited {
	color: orange;
	text-decoration: none;
}
a.current:active {
	color: orange;
	text-decoration: none;
}


.thumbnail {
	border: 1px solid #61798f;
	margin-right: 10px;
}

.biopic {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 150px;
	height: 225px;
}
.listtable td {
	border: 1px solid #000000;
	padding: 10px;
	vertical-align: top;
}
.tablesorter td, .tablesorter th{
	border: 1px solid  #000000;
	padding: 10px;
	vertical-align: top;
	color:white;
}

/* MENU START------ */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width:100%;
  /*float: left;
  width: 940px; For KHTML*/
  list-style: none;
  height: 28px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 28px;
    z-index: 50;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
    z-index: 50;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 280px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  text-align: left;
  opacity:.95;
  filter: alpha(opacity=95);
   -moz-opacity: 0.95;
}

/* Root Menu */
ul#navmenu a {
  padding: 0 12px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: bold 10px/28px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  z-index: 50;
	background-color: #19581e;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background-color: #113e14;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
      border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  float: none;
  background: #fff;
  color: #333;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #efefef;
  color: #333;
}

ul#navmenu li li a:hover {
  background: #f00;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #fff;
  color: #333;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #efefef;
  color: #333;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 279px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


tr.highlight td { background:#f9f9f9; }
div.request {
	border:1px solid #000000;
	background:#efefef;
	list-style:none;
	margin-bottom:25px;
	width:400px;
}
div.request.nonwork {
	border:1px solid black;
	background:#CFEDD1;
	list-style:none;
	margin-bottom:25px;
	width:400px;
}
.buttons {  width:235px; }

.buttons a {
	font-weight:bold;
	cursor:pointer;
	float:left;
	padding:3px 0;
	margin-right:5px;
	text-align:center;
	width:70px;
	border:1px solid black;
	text-decoration:none;
}


.buttons a.start {
	background:green;
	color:white;
}
.buttons a.stop {
	background:red;
	color:white;
}

.buttons a.complete {
	background:yellow;
	color:black;
}
.buttons a.start:hover { }
.buttons a.stop:hover { }
.buttons a.complete:hover { }

.buttons a.disabled { border:1px solid gray; color:gray; background:#efefef; cursor:default; }

span.update { color:red; font-size:10px; }

div.tenants {
	width:400px;
	margin-bottom:25px;
	border:1px solid black;
	background:#efefef;
}

div.property {
	width:400px;
	margin-bottom:25px;
	border:1px solid black;
	background:#efefef;

}


.dashboardsquare {
	position: absolute;
	width:1100px;
	margin-bottom:25px;
	border:1px solid #ccc;
	background:#f0f0f0;
		-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 10px;
z-index: 100;
overflow: auto;
}

.dashboardsquare table {
	border-spacing: 0px;
	}

.dashboardsquare table td {
	border: 1px solid #000000;
	padding: 5px;
	}

.dashboardtabactive {
	background-color: #efefef; 
	width: 100px; 
	float: left; 
	margin-left: 20px; 
	border: 1px solid #cccccc; 
	border-bottom: 0px; 
	text-align: center; 
	z-index: 500;
		padding: 10px;
}
.dashboardtabinactive {
	background-color: #f8f8f8; 
	float: left; 
	margin-left: 10px; 
	border: 1px solid #cccccc; 
	border-bottom: 0px; 
	text-align: center; 
	color: #cccccc;
	z-index: 510;
	padding: 10px;
}

.topbutton {
    -moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #efefef;
border: 1px solid #ccc;
    color: #19581e;
    text-align: center;
    text-decoration: none;
   font-size: 10pt;
   display:inline-block;
   padding: 8px 16px;
}

.topbutton:hover {
    background-color: #19581e;    
    text-decoration: none;
    border: 1px solid #19581e;
        color: #FFFFFF;
    }
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    overflow: auto;
    zoom: 1;
}
	/*.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}*/
.currently_selected {
	font-weight:bold;
	color: #f00;
}

.dashboard_table {
	border-spacing: 0px;
  margin-bottom:15px;
}

.dashboard_table td, .dashboard_table th {
	border: 1px solid #ccc;
	padding: 5px;
}