/*
Line 2882 	.roundedinput (Removed from tenant search field and replaced it with the .MainSearchBarStyles style)
Line 2425 	.MainSearchBarStyles (changed the ID style to a Class so that all search fields can have the same style)
Line 290 	#center (removed left background image)
Line 299	#detail_center (removed left background image, removed border.)
Line 1078	#titlesection h2 {removed size mod since it was no longer being used.)
Line 1140	#requestinfo, #tenantnamestatus, .topbox (removed border and overlow:auto)
Line 3404	Added the styles for tenant details survey reviews
Line 1177	#submittedbox p (removed 1 em top paddding to the p)
Line 571	#tenantcenter, .detailcentercolumn (removed background color white because it was messing up the review's styles)
*/

body {
  background:#f0eee9;
  font-family:Helvetica, Arial, sans-serif;
  margin:0;
  color:#333;
}

a {
  cursor:pointer;
}

img.preload {
  display:none;
}

#topbar {
  background: #eb8425;
  
  background:  -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
  background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
  background:  -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  background:  -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  width:100%;
  height:3em;
  border-bottom:1px solid #b35517;
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
}

.recurring_entered_date_by{
	position:relative;
	top:0.8em;
	font-style:italic;
	font-size:0.9em;
}

#topbar span#welcome {
  z-index:55;
  color:white;
  font-size:100%;
  display:block;
  float:left;
  margin-left:2em;
  margin-top:1em;
}

#topbar a {
  height:100%;
  float:right;
  color:white;
  text-decoration:none;
  height:2em;
  padding-left:1.5em;
  padding-right:1.5em;
  padding-top:1em;
  position:relative;
  left:-2em;
  
  
}
#topbar #button_activity span {
	margin-right: 5px;
	padding: 0 5px;
	display: inline-block;
	background-color: #aa4400;
	border-radius: 3px;
}
#topbar #button_settings {
  padding-left:3em;
  background-image:url('/resources/mobile/images/topicon_settings.png');
  background-repeat:no-repeat;
  background-position:0.8em 0.75em;
  /* disabled for now */
  /* display:none; */
}

/* Start Help Button */

#topbar #button_help {
  padding-left:3em;
  background-image:url('/resources/mobile/images/topicon_help.png');
  background-repeat:no-repeat;
  background-position:0.8em 0.75em;
  /* disabled for now */
  /* display:none; */
}

#topbar #button_report_card {
  padding-left:3em;
  background-image:url('/resources/mobile/images/topicon_report_card.png');
  background-repeat:no-repeat;
  background-position:0.8em 0.75em;
  /* disabled for now */
  /* display:none; */
}

#topbar #button_sustainability {
  padding-left:3em;
  padding-right: 0.2em;
  background-image:url('/resources/mobile/images/sustainability.png');
  background-repeat:no-repeat;
  background-position:0.8em 0.75em;
}

#sustainability_div {
  margin-right: 1%;
  margin-left: 1%;
  padding: 5px;
  position: absolute;
  z-index: 1000000;
  width:97%;
  height: 500px;
  background-color: red;
  background-color: #fff;
  border: 3px solid #ccc;
  border: 3px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.175);
  box-shadow: 0 0px 4px rgba(0,0,0,.175);
  background-clip: padding-box;
}
#sustainabilit_iframe {
	border: 0px;
	width: 100%;
	height: 450px;
}
#sustainability_close {
  float: right;
  width: 32px;
  height: 32px;
  background-image:url('/images/close.png');
  background-repeat:no-repeat;	
}
ul.menu, ul.menu ul.sub-menu, ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
    float: right;
}
ul.menu li, ul.menu ul.sub-menu li, ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

ul.sub-menu li a {
    text-decoration: none;
    color: #333!important;
    background: #fff;
    display: inline-block;
    left: 0!important;
    height: 12px!important;
    padding-left: 20px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
ul.sub-menu li a:hover {
  color: #F4681E!important;
}

ul.menu li, ul#menu li {
    position: relative;
}

ul.menu li ul.sub-menu, ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 40px;
    left: -40px;
    right: 0px;
    width: 118px;
    z-index: 1000;
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.175);
    box-shadow: 0 0px 4px rgba(0,0,0,.175);
    background-clip: padding-box;
}
ul.menu li:hover ul.sub-menu, ul#menu li:hover ul.sub-menu {
    display:block;
}

/* End Help Button */

/* until settings gets activated */
.topbar_divider {
  display:none;
}

span#num_incomplete {
  padding:0.3em 0.4em;
  
  background: #72c0c4;
  background: -moz-linear-gradient(top, #72c0c4 0%, #42949a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72c0c4), color-stop(100%,#42949a));
  background: -webkit-linear-gradient(top, #72c0c4 0%,#42949a 100%);
  background: -o-linear-gradient(top, #72c0c4 0%,#42949a 100%);
  background: -ms-linear-gradient(top, #72c0c4 0%,#42949a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c0c4', endColorstr='#42949a',GradientType=0 );
  background: linear-gradient(top, #72c0c4 0%,#42949a 100%);
  
  -moz-box-shadow: 0px 1px 2px 1px #bc5724, inset 0px 1px 0px 0px #bde6e9;
  -webkit-box-shadow: 0px 1px 2px 1px #bc5724, inset 0px 1px 0px 0px #bde6e9;
  box-shadow: 0px 1px 2px 1px #bc5724, inset 0px 1px 0px 0px #bde6e9;
  
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  
  text-shadow: 0px 1px 0px #386c70;
  filter: dropshadow(color=#386c70, offx=0, offy=1);
  
  margin-left:0.5em;
}

#topbar #button_incomplete {
  padding-left:3em;
  background-image:url('/resources/mobile/images/topicon_incompleterequests.png');
  background-repeat:no-repeat;
  background-position:0.8em 0.75em;
}

.topbar_divider {
  width:3px;
  height:3em;
  background:url('/resources/mobile/images/topbar_divider.png');
  display:inline;
  float:right;
  position:relative;
  left:-2em;
}

#topbar a:hover, #topbar a:active {
  /* hover, active state here */
  /* background-image:url('/resources/mobile/images/WHATEVER.png'); */
}

#toptabs {
  z-index:40;
  height:6em;
  width:100%;
  display:block;
}

#logobox {
  height:5em;
  width:5em;
  
  display:block;
  float:left;
  
  position:relative;
  left:2em;
  top:0.7em;
}

#logobox img {
  height:100%;
}

.sidebox {
  background: #faf8f2;
  height: 128px;
  margin-top: -125px;
}

.sidebox2 {
  background: #faf8f2;
  height: 158px;
  margin-top: -42px;
}

#toptabs a {
  display:block;
  width:5em;  
  
  float:left;


  padding-left:3.5em;
  padding-right:1.5em;
  padding-top:0.6em;
  padding-bottom:0.7em;
  
  font-size:1.3em;
  text-decoration:none;
  color:#efa63d; 
  font-weight:bold;
  text-shadow: 0px 1px 1px white, 0px -0.5px 0px #d16c1f;
  letter-spacing:1px;
  
  display:inline;
  position:relative;
  left:7em;
  top:2.2em;
  
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  
  border:1px solid #eebe9d;
  border-bottom:transparent;
  
  margin-left:1em;
  
}

#toptabs a#tab_property {
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em, #faecd2;
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em, -moz-linear-gradient(top, #faecd2 0%, #fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faecd2), color-stop(100%,#fdf7ec));
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em, -o-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em, -ms-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_property_unsel.png') 0.8em 0.4em, linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  
  background-repeat:no-repeat;

}

#toptabs a#tab_reports {
/*
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, #faecd2;
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -moz-linear-gradient(top, #faecd2 0%, #fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faecd2), color-stop(100%,#fdf7ec));
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -webkit-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -o-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -ms-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
*/  	
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em, #faecd2;
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em, -moz-linear-gradient(top, #faecd2 0%, #fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faecd2), color-stop(100%,#fdf7ec));
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em, -o-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em, -ms-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_reports_unsel.png') 0.8em 0.4em, linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  
  background-repeat:no-repeat;

}

#toptabs a#tab_tenants {
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, #faecd2;
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -moz-linear-gradient(top, #faecd2 0%, #fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faecd2), color-stop(100%,#fdf7ec));
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em 0.0em 0.0em, -webkit-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -o-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, -ms-linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  background: url('/resources/mobile/images/tabicon_tenants_unsel.png') 0.8em 0.4em, linear-gradient(top, #faecd2 0%,#fdf7ec 100%);
  
  background-repeat:no-repeat;

}

#toptabs .current#tab_property {
  background: url('/resources/mobile/images/tabicon_property_sel.png') 0.8em 0.3em, white;
  background-repeat:no-repeat;
  background-position:0.8em 0.7em;
  
}

#toptabs .current#tab_reports {
  background: url('/resources/mobile/images/tabicon_reports_sel.png') 0.8em 0.3em, white;
  background-repeat:no-repeat;
  background-position:0.8em 0.7em;
  
}

#toptabs .current#tab_tenants {
  background: url('/resources/mobile/images/tabicon_tenants_sel.png') 0.8em 0.3em, white;
  background-repeat:no-repeat;
  background-position:0.8em 0.7em;
  
}

#toptabs .current {
  color:#ea6f20;
  padding-top:1em;
  padding-bottom:0.83em;
  top:1.73em;
  border:1px solid #d6d4cf;
  border-bottom:transparent;
  z-index:80;
}


#maincontainer {
  padding-left:10em;
  margin-right:1em;
}

#maincontainer .column {
  position:relative;
  float:left;
}



#center {
  background-color:white;
  width:100%;
  border:1px solid #d6d4cf;
  padding-top:2em;
  /*background: url('/resources/mobile/images/pagestack_left.png') repeat-y, white;*/
}

#detail_center {
  width:100%;
  /*border:1px solid #d6d4cf;*/
  /*background: url('/resources/mobile/images/pagestack_left.png') repeat-y, white;*/
}

#sidebar {
  display:inline;
  float:left;
  background:#5aaaaf;
  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  
  width:9em;
  
  right:9em;
  margin-left:-100%;
  
  -moz-box-shadow: inset 0px 0px 9px 3px #276870;
  -webkit-box-shadow: inset 0px 0px 9px 3px #276870;
  box-shadow: inset 0px 0px 9px 3px #276870;
  
  padding-top:0.5em;
}

.leftbutton {
  background-color:#6fc8ce;

  color:white;
  font-weight:bold;
  text-align:center;
  padding-top:5.5em;
  
  text-shadow: 0px 1px 0px #386c70;
  
  display:block;
  margin-left:0.5em;
  margin-right:0.5em;
  margin-top:0.7em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
  -moz-box-shadow: 0px 2px 2px 1px #4c9398, inset 0px 1px 0.5px 0.5px #cfebed;
  -webkit-box-shadow: 0px 2px 2px 1px #4c9398, inset 0px 1px 0.5px 0.5px #cfebed;
  box-shadow: 0px 2px 2px 1px #4c9398, inset 0px 1px 0.5px 0.5px #cfebed;

  border:1px solid #3d7477;
  
  height:2em;
  
  text-decoration:none;
}

#leftbutton_maintenance {
  background-image:url('/resources/mobile/images/sideicon_maintenance.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_reports {
  background-image:url('/resources/mobile/images/sideicon_reports.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_advanced {
  background-image:url('/resources/mobile/images/advanced_report.png');
  background-repeat:no-repeat;
  background-position:1.75em 1em;
}

#leftbutton_advanced_users {
  background-image:url('/resources/mobile/images/advanced_users.png');
  background-repeat:no-repeat;
  background-position:1.75em 1em;
}

#leftbutton_advanced_dashboards {
  background-image:url('/resources/mobile/images/advanced_dashboards.png');
  background-repeat:no-repeat;
  background-position:1.75em 1em;
}

#leftbutton_advanced_groups {
  background-image:url('/resources/mobile/images/advanced_groups.png');
  background-repeat:no-repeat;
  background-position:1.75em 1em;
}

#leftbutton_advanced_elasticube {
  background-image:url('/resources/mobile/images/advanced_elasticube.png');
  background-repeat:no-repeat;
  background-position:1.75em 1em;
}

#leftbutton_mybuildings {
  background-image:url('/resources/mobile/images/sideicon_mybuildings.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_myunits {
  background-image:url('/resources/mobile/images/sideicon_myunits.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_employees {
  background-image:url('/resources/mobile/images/sideicon_employees.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_inventory {
  background-image:url('/resources/mobile/images/sideicon_inventory.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_analysis {
  background-image:url('/resources/mobile/images/sideicon_analysis.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_assessment {
  background-image:url('/resources/mobile/images/sideicon_assessment.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#sidebar .current {
  -moz-box-shadow: inset 0px 1px 3px 1px #7a999b;
  -webkit-box-shadow: inset 0px 1px 3px 1px #7a999b;
  box-shadow: inset 0px 1px 3px 1px #7a999b;
  
  color:#3d7477;
  text-shadow: 0px 1px 0px white;
}

#sidebar .current#leftbutton_maintenance {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_maintenance.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_maintenance.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_maintenance.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_maintenance.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_maintenance.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_reports {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_reports.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_reports.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_reports.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_reports.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_reports.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_advanced {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/advanced_report.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_report.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/advanced_report.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_report.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_report.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_advanced_users {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/advanced_users.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_users.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/advanced_users.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_users.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_users.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_advanced_dashboards {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/advanced_dashboards.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_dashboards.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/advanced_dashboards.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_dashboards.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_dashboards.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_advanced_groups {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/advanced_groups.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_groups.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/advanced_groups.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_groups.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_groups.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_advanced_elasticube {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/advanced_elasticube.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_elasticube.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/advanced_elasticube.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_elasticube.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/advanced_elasticube.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_mybuildings {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_mybuildings.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mybuildings.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_mybuildings.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mybuildings.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mybuildings.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;
}

#sidebar .current#leftbutton_myunits {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_myunits.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myunits.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_myunits.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myunits.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myunits.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_employees {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_employees.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_employees.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_employees.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_employees.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_employees.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_inventory {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_inventory.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_inventory.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_inventory.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_inventory.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_inventory.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_analysis {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_analysis.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_analysis.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_analysis.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_analysis.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_analysis.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);

  background-repeat:no-repeat;

}

#sidebar .current#leftbutton_assessment {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_assessment.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_assessment.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_assessment.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_assessment.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_assessment.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);

  background-repeat:no-repeat;

}


h2 {
  font-weight:normal;
  color:#3d7477;
  font-size:1.5em;
  padding-left:0.75em;
  display:block;
  float:left;
}

#PropertySearchbox 				{float:right;width:13em;margin-top:12px;}
#PropertyMaintSearchbox 		{float:right;width:13em;margin-top:12px;}

#PropertyRightButton 			{float:right;margin-top:14px;margin-right:12px;}
#PropertyMaintRightButton 		{float:right;width:170px;margin-top:-2px;}
#PropertyBldRightButton			{float:right;width:170px;margin-top:6px;margin-right:12px;}
#PropertyEmpRightButton			{float:right;margin-top:6px;margin-right:12px;}
#PropertyNotRightButton			{float:right;margin-top:5px;margin-right:12px;}

#button_newrequest, #button_addemployee, #button_addtenant, #button_newbuilding, #button_addinventorygroup, #button_editinventorygroup, #button_addinventoryitem, #button_editinventoryitem, #add_vendor_dialog_button {
  display:block;
  float:right;
  text-decoration:none;
  color:white;
  font-weight:bold;
  font-size:1em;
  text-shadow: 0px -1px 0px #b35517;
  border:1px solid #aa4400;
  
  background:url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, #eb8425;
  
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background: url('/resources/mobile/images/round_plus.png') 0.5em 0.3em no-repeat, linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
  
  padding:0.4em 1.3em 0.4em 2.4em;
  
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  
/*  position:relative;
  right:1em;
  top:0.9em;*/
  
}

#add_vendor_dialog_button {
	background:url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, #eb8425;
  
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	background: url('/resources/mobile/images/round_plus.png') 0.4em 0.2em no-repeat, linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
 
	padding:0.3em 1.3em 0.3em 2.4em;	
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#maintenance_log_events p {
	font-size: .9em;
	padding: 5px 0;
	margin: 0 10px;
	border-bottom: 1px solid #F0EEE9;
}
#maintenance_log_events span.maintenance_info {
	width: 70%;
	display:block;
	float:left;
}
#maintenance_log_events span.maintenance_time {
	padding-top:3px;
	width: 30%;
	display:block;
	text-align: right;
	float:right;
	font-size: .8em;
	color: #808080;
	font-style:italic;
}
/* center content stuff */
#centercontainer {
  overflow:hidden;
  padding-right:12em;
  display:block;
  clear:both;
  
  border-top:1px solid #f0eee9;
}

#detail_centercontainer {
  overflow:hidden;
  padding-right:15em;
  display:block;
  clear:both;
  margin-left:7px;
  

}

* html #centercontainer, * html #detail_centercontainer {
  height:1%;
}

#requests, #employees, #tenants {
  background-color:white;
  width:100%;
  border-right:12em solid #faf8f2;
  margin-right:-12em;
  float:left;
}

#tenantcenter, .detailcentercolumn {
  /*background-color:white;*/
  width:100%;
  border-right:15em solid #faf8f2;
  margin-right:-15em;
  float:left;
}

#filters {
  background-color:#faf8f2;
  width:12em;
  float:left;
  margin-right:-12em;
}

#tenantright {
  background-color:#faf8f2;
  width:15em;
  float:left;
  margin-right:-15em;
}

table#requestlist, table.listtable {
  border-collapse:collapse;
  border-spacing:0;
  margin-top:1em;
  width:96%;
  position:relative;
  left:2%;
}

#requestlist td, .listtable td {
  border-bottom:1px solid #f0eee9;
  font-size:0.8em;
}

tr#head td, tr.header td, tr#head th {
  color:#808080;
  text-align:left;
  font-size:0.75em;
  padding:0.6em 0;
  
}

tr.header span {
  margin-left:0.5em;
}

.tr_body, .tr_list_item {
  height:3em;
  cursor:pointer;
}

.tr_body:hover, .tr_body:active, .tr_list_item:hover, .tr_list_item:active {
  background:#f2ecdb;
}

.td_status {
  width:70px;
}

.tr_complete .td_status {
  background:url('/resources/mobile/images/status_complete.png') 3px 8px no-repeat;
}

.tr_incomplete .td_status {
  background:url('/resources/mobile/images/status_incomplete.png') 3px 8px no-repeat;
}

.tr_pending .td_status {
  background:url('/resources/mobile/images/status_pending.png') 3px 8px no-repeat;
}

.td_comm {
  width:40px;
}

.td_smiley {
  width:22px;
}

.td_messages {
  background:url('/resources/mobile/images/listicon_message.png') 8px 14px no-repeat;
  text-align:center;
  font-size:0.7em;
  min-width:40px;
}

.td_thumbsup {
  background:url('/resources/mobile/images/listicon_thumbsup.png') 8px 14px no-repeat;
}

.td_thumbsdown {
  background:url('/resources/mobile/images/listicon_thumbsdown.png') 8px 14px no-repeat;
}

.td_description {

  font-size:0.8em;
  overflow:hidden;
  white-space:normal;
}

.tr_pending .td_description span {
  display:inline;
  width:60em;
  font-weight:bold;
  padding:0.3em 0.5em;
  background:#fcf4e6;
}

.td_description span.schedule {
  display:inline;
  width:60em;
  font-weight:bold;
  padding:0.3em 0.5em;
  background:#fcf4e6;
  color:#333333;
}

.tr_complete span.schedule {
  background: #FFF;	
}

.tr_incomplete .td_description {
  font-weight:bold;
   
}

.tr_complete .td_description {
  color:#808080;
}

.tr_complete .td_description span.has_review {
   position:relative;
   top:3px;
}

.td_assigned {
  width:10em;
}

.td_assigned em {
  color:#808080;
}

.td_date {
  width:5em;
}

#spinnerbox, #spinnerbox_index, #spinnerbox_header {
  width:100%;
  text-align:center;
}

#spinnerbox_index {
  z-index: 9999;
  border: 0px;
  color: black;
  position: fixed;
  padding-top: 60%;
  background-color: rgba(255, 255, 255, .8);
  height: 100%;
  width: 100%;
  color: #414141;
  top: 0px;
  font-size: 24px;
}

#showmore, .wide_list_button {
  display:block;
  width:96%;
  text-align:center;
  text-decoration:none;
  color:#c15b18;
  font-weight:bold;
  font-size:0.8em;
  padding:1em 0;
  position:relative;
  left:2%;
  margin-bottom:0.5em;
  background-color:#f0eee9;
  
  border:1px solid #e8e6e1;
  border-top:transparent;
  
  text-shadow: 0px 1px 0px white;

}

.wide_list_button_bigger_font {
  display:block;
  width:96%;
  text-align:center;
  text-decoration:none;
  color:#c15b18;
  font-weight:bold;
  font-size:1em;
  padding:1em 0;
  position:relative;
  left:2%;
  margin-bottom:0.5em;
  background-color:#f0eee9;
  
  border:1px solid #e8e6e1;
  border-top:transparent;
  
  text-shadow: 0px 1px 0px white;

}

#showmore {
  margin-bottom:10em;
}

.filterrow {
  width:90%;
  position:relative;
  left:5%;
  border-bottom:1px solid #f0eee9;
  text-align:left;
  display:block;
  height:3em;
}

.filterrow a {
  color:#333;
  text-decoration:none;
  font-size:0.8em;
  display:block;
  width:98%;
  height:3em;
  position:relative;
  top:0.4em;
}

#statusfilters .filterrow a, archivedfilters .filterrow a, filter_index_search .filterrow {
  height:3.6em;
}

#statusfilters .filterrow, archivedfilters filterrow {
  height:3.4em;
}

.filterrow a span.text {
  position:relative;
  top:1em;
}

.filterhead {
  position:relative;
  left:5%;
  border-bottom:1px solid #f0eee9;

  text-align:left;  
  color:#808080;
  font-size:0.75em;  
}

.filterhead span {
  position:relative;
  top:-0.6em;
}

#filterbystatus, #filterbyrole, #filterbyarchived {
  padding:0.6em 0;
  margin-top:1.3em;
}

#filter_allstatuses a span.text {
  font-style:italic;
  position:relative;
  left:1em;
  top:1.2em;
}

#statusfilters .filterrow span.number {
  display:block;
  font-weight:bold;
  float:right;
  color:white;
  background-color:#cdcbc7;
  padding:0.2em 0.5em;
  font-size:1em;
  
  position:relative;
  top:1.1em;
  left:-2em;
  
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
}

#filter_incomplete span.text {
  display:none;
}

#filter_pending span.text {
  display:none;
}

#filter_complete span.text {
  display:none;
}

#filter_incomplete a {
  background:url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat;
}


#filter_pending a {
  background:url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat;
}


#filter_complete a {
  background:url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat;
}


#filter_allstatuses a.current, #filter_archived a.current, #filter_index_search a.current {
  background: #eeece9;
  background: -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeece9', endColorstr='#e2e0d9',GradientType=0 );
  background: linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  
}

#filter_incomplete a.current {
  background: #eeece9;
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_incomplete_large.png') 20px 5px no-repeat, linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  
}

#filter_pending a.current {
  background: #eeece9;
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_pending_large.png') 20px 5px no-repeat, linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  
}

#filter_complete a.current {
  background: #eeece9;
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: url('/resources/mobile/images/status_complete_large.png') 20px 5px no-repeat, linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  
}

.spacer {
  height:2.7em;
}

#filterbyassigned, #filterbybuilding {
  height:4em;
}

#filterbyassigned span, #filterbybuilding span {
  position:relative;
  top:1.6em;
}

#assignedfilters a span.text, #buildingfilters a span.text, #daysfilters a span.text, #archivedfilters a span.text, #filter_index_search a span.text{
  font-style:italic;
  position:relative;
  left:1em;
  display:inline;
  float:left;
}

#archivedfilters a span.text{
	text-align:center;
}

#notusedorangenumbers {
  display:inline;
  float:right;
  position:relative;
  top:0.7em;
  left:-0.4em;
  
  color:white;
  font-weight:bold;
  font-size:0.9em;
  
  background: #e87521;
  background: -moz-linear-gradient(top, #e87521 0%, #e25919 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87521), color-stop(100%,#e25919));
  background: -webkit-linear-gradient(top, #e87521 0%,#e25919 100%);
  background: -o-linear-gradient(top, #e87521 0%,#e25919 100%);
  background: -ms-linear-gradient(top, #e87521 0%,#e25919 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87521', endColorstr='#e25919',GradientType=0 );
  background: linear-gradient(top, #e87521 0%,#e25919 100%);
  
  padding:0.2em 0.6em;
  
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
  
  border:1px solid #aa4400;
}

#assignedfilters a.current, #buildingfilters a.current, #daysfilters a.current {
  background: #eeece9;
  background: -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeece9', endColorstr='#e2e0d9',GradientType=0 );
  background: linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
}

/* DETAIL SPECIFIC STUFF */

#topgradient {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #faf8f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#faf8f2));
  background: -webkit-linear-gradient(top, #ffffff 0%,#faf8f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#faf8f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#faf8f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf8f2',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#faf8f2 100%);
  
  display:block;
  width:100%;
  height:4em;
}

#topgradient a {
  color:white;
  font-weight:bold;
  font-size:0.9em;
  display:block;
  width:201px;
  height:36px;
  padding-left:20px;
  padding-top:0.4em;
  text-align:left;
  background:url('/resources/mobile/images/button_backtorequestlist.png') 0px 0px no-repeat;
  
  position:relative;
  left:0.9em;
  top:1.5em;
  
  text-shadow: 0px -1px 0px #c0beb6;
}

#topgradient a.cancel, a.cancel {
  color:white;
  font-weight:bold;
  font-size:0.9em;
  display:block;
  width:201px;
  height:36px;
  text-align:left;
  
  position:relative;
  left:0.9em;
  top:1.5em;
  
  text-shadow: 0px -1px 0px #c0beb6;
  padding-top:0.5em;
  padding-left:25px;
  background:url('/resources/mobile/images/buttoncancel.png') 0px 0px no-repeat;
}

#pagestack_top {
  width:100%;
  background:white;
/*  border-top:1px solid #f6f4ee;*/
  clear:both;
}

img#topleft, img#bottomleft {
  display:block;
  float:left;
}

img#topright, img#bottomright {
  display:block;
  float:right;
}

#pagestack_bottom {
  width:100%;
  background:white;
  clear:both;
}

#stacksides {
  display:block;
  clear:both;
  width:100%;
  background: url('/resources/mobile/images/pagestack_left.png') left top repeat-y, url('/resources/mobile/images/pagestack_right.png') right top repeat-y;
  height:5em;

}



#titlesection {
  display:block;  
  height:4em;
}

/*#titlesection h2 {
  font-size:1.3em;
}*/

#button_print {
  display:block;
  float:right;
  text-decoration:none;
  color:white;
  font-weight:bold;
  font-size:1em;
  text-shadow: 0px -1px 0px #b35517;
  border:1px solid #aa4400;
  
  background:url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, #eb8425;
  
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background: url('/resources/mobile/images/smallicon_print_red.png') 2.2em 0.45em no-repeat, linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
  
  padding:0.4em 2.8em 0.4em 3.9em;
  
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  
  position:relative;
  top:1em;
  left:-1em;
}

p, p div {
  font-size:0.8em;
  color:#333;
}

.permission_to_enter {
  font-weight: bold;
}

.entry_instructions {
  color: #808080;
  font-size: 12px;
  margin-top: -5px;
}

.additional_contacts_title {
  color: #63babb;
  font-size: 0.8em;
  margin-bottom: 4px;
  display: block;
}

#additional_contacts_email {
  font-size: 0.8em;
  color: #333;
  padding-bottom: 2px;
}

#additional_contacts_phone {
  font-size: 0.8em;
  color: #333;
  padding-bottom: 2px;
}

.permission_to_enter_dialog {
  padding: 10px;
}

.permission_to_enter_dialog span {
  color: white;
  text-shadow: 0px 1px 0px #386c70;
  font-size: 12px;
}

.entry_instructions_dialog {
  
}

.entry_instructions_dialog span {
  color: white;
  text-shadow: 0px 1px 0px #386c70;
  padding: 10px;
  font-size: 12px;
}

#addemail_p, #addphone_p {
  padding-left: 12px;
}

#settings_notif_email {
  padding-top: 10px;
}

/* Styled Toggle Switches */

.onoffswitch {
    position: relative; width: 80px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin-top: 10px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid rgba(230, 230, 230, 0.2); border-radius: 28px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 28px; padding: 0; line-height: 28px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 28px;
    box-shadow: 0px 14px 0px rgba(0,0,0,0.08) inset;
}

.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 14px;
    background-color: #E5651C; color: #FFFFFF;
    border-radius: 28px 0 0 28px;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 14px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
    border-radius: 0 28px 28px 0;
}

.onoffswitch-switch {
    width: 28px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #E6E6E6; border-radius: 28px;
    position: absolute; top: 0; bottom: 0; right: 48px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.rightside {
  width:14em!important;
  padding-left:1.3em;
  float:right;
}

.lightshadow {
  text-shadow: 0px 1px 0px white;
  filter: dropshadow(color=white, offx=0, offy=1);
}

.standardsize {
  height:6em;
  padding-top:1em;
  padding-bottom:1em;
}

#requestinfo, #tenantnamestatus, .topbox {
  display:block;
  height:auto;
  padding-bottom:1em;
  padding-left:1em;
  /*border-top:1px solid #f0eee9;*/
  margin-left:7px;
  /*overflow:auto;*/
}

.smallblue {
  color:#63babb;
  font-size:0.8em;
  font-weight:bold;
  text-transform:uppercase;
  
}

.no_smallblue_capitalize {
  text-transform:capitalize;
  font-weight:normal;
}

#submittedbox, #tenantstatusbox, .topboxright {
  display:block;
  /*float:right;*/
  background:9.3em 3.3em no-repeat;
  /*background:url('/resources/mobile/images/smallcategoryicon_calendar.png') 9.3em 3.3em no-repeat;*/
  background-position:
  padding-left: 1em;
  margin-bottom:10px;
}
#locationTop {
  width: 14em;
  display: block;
  float: right;
  /*background:9.3em 3.3em no-repeat;
  background:url('/resources/mobile/images/smallcategoryicon_calendar.png') 9.3em 3.3em no-repeat;*/
  margin-bottom: 10px;
  padding-bottom: 0.5em;
  background-color:#FFFFFF;
}
#location_info, #completion_info {
	margin: 0 1.5em;
}

#tenantstatusbox, .topboxright {
  background: #fff;
}

#submittedbox p, #tenantstatusbox p {
  /*padding-top:1em;*/
}

p.requesttext {
  font-weight:bold;
  font-size:1.2em;
  line-height:130%;
  width:70%;
}

#statusbox {
  margin-left:7px;
  border-right:1px solid #f0eee9;
  display:block;
  float:left;
  width:31%;
  padding-left:1em;
  padding-right:1.75em;
  height: 7em;
}

.selector {
  border:1px solid #e8e6e1;
  background-color:#faf8f2;
  padding:0.9em;
  margin-top:0.5em;
  cursor:pointer;
}

.selector span.text {
  color:#333;
  font-size:0.8em;
  display:block;
  width:60%;
}

.selector span.action, .graybutton span.action {
  color:#808080;
  font-size:0.6em;
  display:inline;
  float:right;
}

span#resend_survey {
	float:right;
}

div#resend_survey {
	position:relative;
	bottom:3em;
	left:1em;
}

#status_selector {
  width:90%;
}

#status_selector span.text {
  position:relative;
  left:4em;
}

.sel_incomplete {
  background:url('/resources/mobile/images/status_incomplete.png') 0.2em center no-repeat, #faf8f2;
}

.sel_pending {
  background:url('/resources/mobile/images/status_pending.png') 0.2em center no-repeat, #faf8f2;
}

.sel_complete {
  background:url('/resources/mobile/images/status_complete.png') 0.2em center no-repeat, #faf8f2;
}

#asset_div {
	padding-top: 20px;
	vertical-align: middle;
	height: auto;
}
.asset_resolutions_span {
	height: auto;
}
#asset_selector {
  width:80%;
  padding: 2px;
  border: 0px;
  margin-bottom: 10px;
}

#asset_selector span.text {
  position:relative;
  left:2em;
  padding-top: 15px;
}

.asset_resolution_status
{
	width: 80%;
	color: #c8c6c2;
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
    text-align: center;
}
.asset_text {
	
}

.sel_asset {
  background:url('/resources/mobile/images/smallbuttonicon_heater.png') 0.25em center no-repeat, #faf8f2;
}

#assetsbox {
	/*height: 8em;*/
	height: auto;
}

.assets_spinner {
	width: 80%;
	text-align: center;
	display: none;
}

.assets_spinner i {
	display: block;
}

.assets_spinner img {
	background: url('/resources/mobile/images/loading.gif') 0.2em center no-repeat, #faf8f2;
	width: 64px;
	height: 64px;
	margin: auto;
	display: block;
}

.graycaption {
  font-size:0.7em;
  font-style:italic;
  color:#808080;
}

.bluecaption {
  font-size:0.7em;
  font-style:italic;
  color:#2489ce;
}

.bold {
    font-weight:bold;
}

#assignedbox {
  display:block;
  float:left;
  width:31%;
  padding-left:1.75em;
  height: 7em;
}
#historyBox {
  display: block;
  float: left;
  width: 20%;
  min-width: 92px;
  padding-top: 65px;
  padding-left: 1.75em;
  height: 7em;
}

#statusbox a.selector {
	color: #EA6F20;
	font-size: .7em;
	background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 0;
}
#statusbox a.selector:hover, #statusbox a.selector:active {
	text-decoration: underline;
}
a.small_orange_link
{
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    color: #EA6F20;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin-top: 0;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}
a.small_orange_link:hover
{
	text-decoration: underline;
}
#sel_assigned span.text {
  font-weight:bold;
}

#locationbox {
  background-color:#faf8f2;
  /*background-image:url('/resources/mobile/images/smallcategoryicon_house.png');*/
  background-position: 9.3em 2em;
  background-repeat:no-repeat;
  display:block;
  float:right;
  padding-top:0em;
  padding-bottom:2em;
}

/*#locationboxMaint*/
#submittedDate {
  background-color:#faf8f2;
  /*background-image:url('/resources/mobile/images/smallcategoryicon_house.png');*/
  background-position: 9.3em 2.5em;
  background-repeat:no-repeat;
  display:block;
  /*float:right;*/
  padding-top:0;
  padding-bottom:1.5em;
  /*border-bottom: 1px solid #F0EEE9;*/
}

#locationbox img {
  position:relative;
  top:-1px;
  left:35%;
}

#loctitle {
  display:none;
}

#locationbox p, #tenantlocationbox p {
  font-size:1em;
  margin-top: 0.6em !important;
}

#locationbox span.smaller {
  font-size:0.8em;
}

div.centerbox {
  display:block;
  clear:both;
  width:auto;
  border-top:1px solid #f0eee9;
  padding-left:1em;
  margin-left:7px;
  padding-top:0;
}

div.leftbox {
  display:block;
  clear:both;
  width:100%;
  border-top:1px solid #f0eee9;
  padding-left:0em;
  margin-left:7px;
  padding-top:0;
}

#contactinfobox, #submitterinfobox {
  display:block;
  background-color:#faf8f2;
  height: 100%!important;
}

#contactinfobox a.selector{
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  float: left;
  margin-top: 1em;
  padding: 0.6em;
  width: 4.5em;
}

a.recurring_button{
  display:none;
}

.recurring_link_image{
  position:relative;
  top:0.2em;
  left:0.5em;
  margin-right:1.5em;
}

#contactinfobox p.graycaption {
  font-style:normal;
  width:100%;
  border-bottom:1px solid #f0eee9;
  position:relative;
  padding-bottom:1em;
}

#contactinfobox #contact {
  font-size:0.8em;
  color:#333;
}
#contactinfobox p {
  word-wrap: break-word;
}

p#contact span {
  font-size:1.1em;
}

p.notestext {
  font-family:georgia, serif;
  font-size:0.9em;
  font-style:italic;
  width:60%;

}

.graybutton {
  cursor:pointer;
  border:1px solid #e8e6e1;
  padding:0.9em;
  padding-left:2.5em;
  display:block;
  float:right;
  background-color:#faf8f2;
  margin-right:1em;
  margin-top:1.9em;
}

.smallgraybutton, .permissions a {
  cursor: pointer;
  border: 1px solid #e8e6e1;
  padding: 0.5em;
  background-color: #faf8f2;
  margin-left: 0.5em;
  font-size: 0.9em;
  color: #808080;
  font-style: normal;
  text-decoration: none;
}
#rightsidebar .smallgraybutton {
	margin-left: 0;
}

#sel_editbutton {
  background: url('/resources/mobile/images/smallbuttonicon_edit.png') 0.8em 0.7em no-repeat, #faf8f2;
}

#sel_addinventory, #button_tenants_newrequest, #sel_billablehours, #sel_edit_category {
  background: url('/resources/mobile/images/smallbuttonicon_add.png') 0.8em 0.8em no-repeat, #faf8f2;
}

.edit_maintenance_button {
  color:#808080;
  text-transform:capitalize;
  font-weight:normal;
  cursor:pointer;
  border:1px solid #e8e6e1;
  padding:0.9em;
  padding-right:1.2em;
  padding-left:1.5em;
  display:block;
  float:right;
  background-color:#faf8f2;
  margin-top:1.9em;
}

.edit_maintenance_button_mobile {
  color:#808080;
  text-transform:capitalize;
  font-weight:normal;
  cursor:pointer;
  border:1px solid #e8e6e1;
  padding:0.9em;
  padding-right:1.2em;
  padding-left:1.5em;
  display:block;
  float:left;
  background-color:#faf8f2;
  margin-top:1.9em;
}

.edit_maintenance_text {
	position:relative;
	bottom:0.2em;
}

#sel_billablehours {
	margin-top: 1em;
}

#notesbox span.smallblue, #inventorybox span.smallblue, #locationbox span.smallblue, #categorybox span.smallblue, #billablehoursbox,  span.smallblue  {
  display: block;
  margin-top: 1em;
}

#newnote, .addnote {
  display: block;
  border: 1px solid #e8e6e1;
  outline: 0;
  margin: 0.6em 0;
  padding: 1.4em;
  font-family: Georgia, Times, serif;
  font-size: 0.8em;
  color: #b4b4b4;
  width: 60%;
  background: #faf8f2;
}

.notes_spinner {
	width: 60%;
	text-align: center;
	display: none;
}

.notes_spinner i {
	display: block;
}

.StandardNotes {
	display: block;
	border: 1px solid #E8E6E1;
	outline: 0;
	margin: 0.6em 0;
	margin-top: 2em;
	padding: 0.6em;
	font-family: Georgia, Times, serif;
	font-size: 0.8em;
	color: #B4B4B4;
	width: 62%;
	background: #FAF8F2;
}


.button_action {
  display:block;
  float:right;
  text-decoration:none;
  color:white;
  font-weight:bold;
  font-size:0.9em;
  text-shadow: 0px -1px 0px #b35517;
  filter: dropshadow(color=#b35517, offx=0, offy=-1);
  border:1px solid #aa4400;
  
  background: #eb8425;
  
  background:  -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
  background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
  background:  -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  background:  -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
  
  padding:0.4em 1.2em;
  
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

#content {
	float: left;
	width: 100%;
	margin-right: -14em; /* The size of the fixed block. */
}
#inner-block {
	margin-right: 14em; /* The size of the fixed block. */
}
#rightsidebar {
	background: #FAF8F2;
	float: left;
	width: 14em; /* The size of the fixed block. */
}
.sidebar_content {
	padding: 0 1.5em;
	border-bottom: 1px solid #F0EEE9;
}

#save_note, .save_note,
#save_note_public, #save_note_private {
  display:none;
  float:left;
  padding:0.6em 2.3em;
  margin:0.5em 0;
}

#notesbox, #tasksbox {
  height:auto;
}

p.notestext {
  position:relative;
  top:0.5em;
}

#messagebox {
  display:block;
  /*float:right;*/
  /*background:url('/resources/mobile/images/smallcategoryicon_message.png') 9.9em 0.8em no-repeat, #faf8f2;*/
  background: #faf8f2;
  height: 100%;
}

#messagebox span.smallblue {
  margin-bottom:1em;
}

.message {
  /*width:12em;*/
  background:white;
  border:1px solid #edebe6;
  border-bottom:transparent;
  font-size:0.7em;
  color:#333;
  padding:0.8em;
}
#duration_container, #appointment_container {
	margin-top: 10px;
}
.msg_author {
  font-weight:bold;
}

.msg_role {
  color:#808080;
}

.msg_date {
  color:#808080;
  /*font-size:0.6em;*/
  float:right;
}

.msg_content {
  display:block;
  clear:both;
  margin-top:0.5em;
}

#messageinput {
  /*width:12.5em;*/
  width:165px;
  height:5em;
  color:#939393;
  border:2px solid #edebe6;
  padding-left:0.8em;
  padding-top:0.5em;
  font-size:0.7em;
  font-family:Helvetica, Arial, sans-serif;
}

.focusable {
  border:1px solid #e8e6e1;
  outline:0;
}

textarea:focus, #newnote:focus {
  outline:1px solid #f47421;
}

input.focusable:focus {
  outline:1px solid #f47421;
}

#button_send {
  display:block;
  width:2.5em;
  text-decoration:none;
  color:white;
  font-weight:bold;
  font-size:0.9em;
  text-shadow: 0px -1px 0px #b35517;
  filter: dropshadow(color=#b35517, offx=0, offy=-1);
  border:1px solid #aa4400;
  
  background: #eb8425;
  
  background:  -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
  
  background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
  background:  -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  background:  -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  background:  linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
  
  -moz-box-shadow: 0px 1px 2px #b35517;
  -webkit-box-shadow: 0px 1px 2px #b35517;
  box-shadow: 0px 1px 2px #b35517;
  
  padding:0.4em 1.2em;
  
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  
  position:relative;
  left:7em;
  top:-0.5em;
  
  margin-top:1em;
}

tr#index_no_results td{
  padding-top:1em;
  padding-bottom:1em;
}

#inventorybox, #billablehoursbox {
  /*padding-bottom:3em;*/
}

#inventorybox span.smallblue {
  display:block;
}

#inventoryitemlist, #billablehourslist {
  display:block;
  width:60%;
  margin-top:1em;
}

a.inventoryitem, a.billablehoursitem {
  cursor:auto;
  white-space:nowrap;
  display:block;
}

.inventoryitem span.text, .billablehoursitem span.text {
  border:1px solid #e8e6e1;
  background-color:#faf8f2; 
  color:#333;
  font-size:0.8em;
  
  display:block;
  float:left;
  padding:0.6em;
  
  margin-bottom:0.9em;
}

.itembox {
  border:1px solid #e8e6e1;
  background-color:#faf8f2; 
  color:#333;
  font-size:0.8em;
  
  display:block;
  float:left;
  padding:0.6em;
  
  margin-bottom:0.9em;
}

.inventoryitem span.number {
  color:#333;
  font-size:0.8em;
  font-weight:bold;
  background:#e8e6e1;
  border:1px solid #e8e6e1;
  padding:0.6em;
  
  display:block;
  float:left;
  position:relative;
  margin-right:1em;
  margin-bottom:0.9em;
}
/* cmu stuff */
#verification_wrapper {
	float: left;
  height: 40px;
  margin-top: 0.6em;
  padding: 0.5em;
  width: 50px;
}
.unverified{
	background: url("/resources/mobile/images/cate_unverified.png") no-repeat scroll 0.2em center, none repeat scroll 0 0 #FFFFFF;	
}
.verified{
	background: url("/resources/mobile/images/cate_verified.png") no-repeat scroll 0.2em center, none repeat scroll 0 0 #FFFFFF;
}
#categorylist{
  display: block;
  float: left;
  margin-top: 1em;
  padding: 0.2em;
}
#sel_verifycategory{
  margin-top: 0.6em;
	background:url("/resources/mobile/images/verify.png") no-repeat scroll 0.8em 0.8em, none repeat scroll 0 0 #FAF8F2;
}
.assetitem {
  cursor:auto;
  float:left;
  white-space:nowrap;
  display:block;
  margin-right:0.6em;	
}
.assetitem span.text{
  border:1px solid #e8e6e1;
  background-color:#faf8f2; 
  color:#333;
  font-size:0.8em;
  display:block;
  float:left;
  padding:0.6em;
  margin:0 0 0.9em 0.9em;
}
.categoryitem{
  cursor:auto;
  float:left;
  white-space:nowrap;
  display:block;
  margin-right:0.6em;
}
.categoryitem span.text{
  border:1px solid #e8e6e1;
  background-color:#faf8f2; 
  color:#333;
  font-size:0.8em;
  display:block;
  float:left;
  padding:0.6em;
  margin:0 0 0.9em 0.9em;
}
/* end 0f cmu stuff */

#billablehoursbox {
  /*clear:left;*/
  /*padding-top:1em;*/
  height:auto;	
}

#categorybox{
  height:auto;
	clear:left;
}

#photosfilesbox {
  clear:left;
  padding-top:1em;
  height:auto;
}


#sel_attachfiles, .button_attach {
  background:url('/resources/mobile/images/smallbuttonicon_attach.png') 0.7em 0.8em no-repeat, #faf8f2;
  position:relative;
  top:-1em;
}

#sel_asset, .button_select_asset {
  background:url('/resources/mobile/images/smallbuttonicon_heater.png') 0.7em 0.8em no-repeat, #faf8f2;
  position:relative;
  top:-1em;	
}

.filedescription {
  display:block;
  height:5.5em;
  border-bottom:1px solid #f0eee9;
  padding-top:1em;
}

.filedescription div.filethumb {
  display:block;
  clear:left;
  float:left;
  width:4em;
  text-align:center;
}

.fileinfo {
  display:block;
  float:left;
  margin-left:1em;
}

.fileinfo span {
  display:block;
  padding-left:1em;
  margin-top:0.3em;
  margin-bottom:0.3em;
}

.fileinfo span.filename {
  font-size:0.8em;
}

span.filename a {
  color:#555;
}

.fileinfo span.date {
  color:#808080;
  font-size:0.7em;
}

.fileinfo span.uploader, .fileinfo span.permissions {
  color:#808080;
  font-size:0.7em;
  font-style:italic;
}

.fileinfo span.permissions {
  color:#808080;
  font-size:0.7em;
  font-style:italic;
  padding-left:2.2em;
}

.fileinfo .withtenant {
  background:url('/resources/mobile/images/smallsharesettingsicon_shared.png') 0.9em 0 no-repeat;
}

.fileinfo .private {
  background:url('/resources/mobile/images/smallsharesettingsicon_private.png') 0.9em 0 no-repeat;
}


#filelistbottom {
  border-top:1px solid #f0eee9;
  display:block;

}

#mask {
  position:absolute;
  z-index:9000;
  background-color:black;
  display:none;
}

div.modal {
  position:absolute;
  background-color:#5aaaaf;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  z-index:9999;
  -moz-box-shadow: 0px 7px 25px 3px rgba(50,50,50,0.4), inset 0px 7px 19px 5px #3d8f96;
  -webkit-box-shadow: 0px 7px 25px 3px rgba(50,50,50,0.4), inset 0px 7px 19px 5px #3d8f96;
  box-shadow: 0px 7px 25px 3px rgba(50,50,50,0.4), inset 0px 7px 19px 5px #3d8f96;
  display:none;
  
  padding:0.4em;
}

.grayroundedbutton {
  color:#7f7f7f;
  font-weight:bold;
  font-size:0.9em;
  padding:0.4em 2em;
  background: #edece9;
  background: -moz-linear-gradient(top, #edece9 0%, #d7d4cc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edece9), color-stop(100%,#d7d4cc));
  background: -webkit-linear-gradient(top, #edece9 0%,#d7d4cc 100%);
  background: -o-linear-gradient(top, #edece9 0%,#d7d4cc 100%);

  background: #d7d4cc;
  
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  
  text-shadow: 0px 1px 0px white;  
  border:1px solid #6e6d6b;
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
}

.orangeroundedbutton {
  color:white;
  font-weight:bold;
  font-size:0.9em;
  padding:0.4em 2em;
  background: #e87621;
  background: -moz-linear-gradient(top, #e87621 0%, #e25919 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87621), color-stop(100%,#e25919));
  background: -webkit-linear-gradient(top, #e87621 0%,#e25919 100%);
  background: -o-linear-gradient(top, #e87621 0%,#e25919 100%);
  background: -ms-linear-gradient(top, #e87621 0%,#e25919 100%);
  background: linear-gradient(top, #e87621 0%,#e25919 100%);

  
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  
  text-shadow: 0px -1px 0px #b35517;
  border:1px solid #aa4400;
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
}

div.modal .grayroundedbutton {
  float:right;
  margin-top:0.9em;
  margin-right:0.6em;
}

div.modal h3 {
  color:white;
  font-size:1.4em;
  height:1.2em;
  font-weight:bold;
  font-family: Helvetica, Arial, sans-serif;
  
  text-shadow: 0px 1px 0px #386c70;
  margin-top:0.6em;
  margin-left:1em;
  margin-bottom:0em;
  height:1.6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.simple div.innercontent {
  background:white;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  border:1px solid #386869;
  
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  
  overflow-y:scroll;
}

div.setwidth .innercontent {
  padding-top:0.5em;
  background:#faf8f2;
  overflow-y:auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  
  -moz-box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  -webkit-box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  box-shadow: inset 0px 0px 8px 0px rgba(130, 130, 130, 0.3);
  
  border:1px solid #386869;
}

div.modal .sectionheader {
  background:#f0eee9;
  font-weight:bold;
  color:#333;
  display:block;
  font-size:0.8em;
  padding:0.4em 0.9em;
  margin-bottom:0.9em;
  
  box-shadow: 0px 0px 3px 0px rgba(130, 130, 130, 0.5);
  text-transform:uppercase;
}

div.modal a.listitem {
  display:block;
  padding:1.1em;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f4f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f4f1));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f4f1',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  -moz-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  
  margin:0.6em;
  margin-top:0em;
  margin-bottom:0.6em;
  font-weight:bold;
  font-size:14px;
  border:1px solid #ccc;
}

div.modal a.listitem_tall {
  display:block;
  padding:1.1em;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f4f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f4f1));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f4f1',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  -moz-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  
  margin:0.6em;
  margin-top:0em;
  margin-bottom:0.6em;
  font-size:1em;
  border:1px solid #ccc;
  min-height:3.5em;
}

div.modal a.listitem.selected {
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
  background: linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  
  
  box-shadow: inset 0px 1px 5px 0px rgba(100,100,100,0.8), 0px 1px 0px 0px white;
  border:1px solid #ccc;
}

div.modal a.listitem_tall.selected {
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
  background: linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  
  
  box-shadow: inset 0px 1px 5px 0px rgba(100,100,100,0.8), 0px 1px 0px 0px white;
  border:1px solid #ccc;
}

div.modal a.listitem_small {
  padding:1.1em;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f4f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f4f1));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f4f1',GradientType=0 );
  background: linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  
  -moz-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
  
  margin:0.6em;
  margin-top:0em;
  margin-bottom:0.6em;
  font-size:1em;
  width:30px;
}

div.modal a.listitem_small.selected {
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
  background: linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
  box-shadow: inset 0px 1px 5px 0px rgba(100,100,100,0.8), 0px 1px 0px 0px white;
}

div#arrows {
  position:relative;
  left:6px;
  height:70px;
}

div#assignedtoperson {
  background-color:#f0eee9;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  
  padding:0.3em 0.9em;
  margin-bottom:0.4em;
}

a#changeassigned {
  color:#8c8b88;
  font-size:0.8em;
  margin-left:0.5em;
}

div#assignedtoperson strong {
  text-transform:uppercase;
  font-size:0.8em;
}

#progressinner {
  overflow:hidden;
  padding-top:0em;
  padding-left:0.1em;
  padding-bottom:0.3em;
  
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

.progressarrow {
  display:block;
  float:left;
  width:201px;
  height:68px;
  margin-left:-6px;
}

#progress_incomplete {
  background-image:url('/resources/mobile/images/progress_incomplete_unsel.png');
  margin-left:0;
}

#progress_incomplete.selected {
  background-image:url('/resources/mobile/images/progress_incomplete_sel.png');
}

#progress_pending {
  background-image:url('/resources/mobile/images/progress_pending_unsel.png');
}

#progress_pending.selected {
  background-image:url('/resources/mobile/images/progress_pending_sel.png');
}

#progress_complete {
  background-image:url('/resources/mobile/images/progress_complete_unsel.png');
}

#progress_complete.selected {
  background-image:url('/resources/mobile/images/progress_complete_sel.png');
}

.thumbs {
  float:right;
}

#pendingreasons {
  margin-top:12px;
  background-color:#faf8f2;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

#pendingreasons span.sectionheader {
  margin-bottom:0.7em;
}

a.pendingreason, a.completereason {
  font-size:0.8em;
  font-weight:bold;
  color:#333;
  padding:0.7em 0.9em;
  margin:0.6em;
  display:block;
  float:left;
  text-shadow: 0px 1px 1px white;
}

a.pendingreason.selected, a.completereason.selected {
  background: #edebe6;
  background: -moz-linear-gradient(top, #edebe6 0%, #e3e1d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edebe6), color-stop(100%,#e3e1d9));
  background: -webkit-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -o-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -ms-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebe6', endColorstr='#e3e1d9',GradientType=0 );
  background: linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
}

input#pendinginput, input#completeinput {
  width:92%;
  border:1px solid #e8e6e1;
  outline:0;
  margin:0.6em;
  padding:0.6em;
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  color:#b4b4b4;
}

.savecancelbottombuttons {
  display:block;
  height:2.5em;
  width:100%;
}

.savecancelbottombuttons .orangeroundedbutton, .savecancelbottombuttons .grayroundedbutton {
  margin:0.8em 0.2em;
  float:left;
  width:86%;
  padding-top:0.6em;
  padding-bottom:0.6em;
  text-align:center;
  margin-left:0.5em;
}

#timespentbox {
  display:block;
  height:5em;
  padding-top:1.5em;
  background-color:#faf8f2;
}

#completeddetails {
  margin-top:12px;
  background-color:#faf8f2;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

#updownbox {
  display:block;
  clear:none;
  float:left;
  height:55px;
  width:29px;
  border:1px solid #e8e6e1;
}

.updownarrow {
  display:block;
  float:left;
  width:29px;
  height:27px;
  
}

#uparrow {
  background-image:url('/resources/mobile/images/arrow_increase.png');
  border-bottom:1px solid #e8e6e1;
}

#downarrow {
  background-image:url('/resources/mobile/images/arrow_decrease.png');
}

#hoursbox, #amountbox, #overtimebox {
  display:block;
  float:left;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:1.1em;
  color:#b4b4b4;
  padding-left:0.8em;
  padding-top:0.2em;
}

#amountbox {
  margin-left:1em;
  margin-right:0.5em;
}

#overtimebox {
  margin-left:1em;
}

#completeddetails .moveright {
  position:relative;
  left:10px;
}

#timespentbox .counter {
  float:left;
}

#inventoryitemlist_modal {
  width:90%;
  margin-top:0.9em;
  padding-top:0.4em;
  padding-left:0.8em;
  height:2.9em;
}

#inventoryitemlist_modal span.text{
  background:#fafaf8;
}

#completeddetails a.listitem {
  color:#747474;
  position:relative;
  top:0.9em;
}

#completeddetails a.listitem img, a.listitem img.rightarrow {
  float:right;
  position:relative;
  top:3px;
}

.inventorycounter {
  display:block;
  width:7em;
  height:3em;
  float:right;
  position:relative;
  top:0.8em;
  left:-2em;
}

.counter {
  display:block;
  width:7em;
  height:3em;
}

.counter_money {
  width:8em;
}

.invcount {
  display:block;
  float:right;
  padding:0;
  font-size:1em;
  width:3.1em;
  height:2.3em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline:0;
  border:0;
  
  text-align:center;

  color:#333;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:bold;
  
  background:#f8f7f5;
  
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  position:relative;
  top:-5px;
}

.countinput {
  display:block;
  float:right;
  padding:0;
  font-size:1em;
  width:3.1em;
  height:2.3em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline:0;
  border:0;
  
  text-align:center;

  color:#333;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:bold;
  
  background:#f6f5f3;
  
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  box-shadow: inset 0px 1px 0px 0px rgba(40,40,40,0.5);
  position:relative;
  top:-5px;
}

.moneyinput {
  width:4em;
}

.invplusminus {
  display:block;
  height:1.7em;
  width:1.7em;
  float:right;
  
  background: #d4d3cf;
  background: -moz-linear-gradient(top, #d4d3cf 0%, #88847a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d3cf), color-stop(100%,#88847a));
  background: -webkit-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: -o-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: -ms-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3cf', endColorstr='#88847a',GradientType=0 );
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
}

.countplusminus {
  display:block;
  height:1.7em;
  width:1.7em;
  float:right;
  
  background: #d4d3cf;
  background: -moz-linear-gradient(top, #d4d3cf 0%, #88847a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d3cf), color-stop(100%,#88847a));
  background: -webkit-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: -o-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: -ms-linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  background: linear-gradient(top, #d4d3cf 0%,#88847a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d3cf', endColorstr='#88847a',GradientType=0 );
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.5);
}

.invplusminus span.text, .countplusminus span.text {
  font-size:1.5em;
  color:white;
  font-weight:bold;
  position:relative;
  left:5px;
  top:-3px;
}

.invplus, .countplus {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}

.invminus, .countminus {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}

.invminus span.text, .countminus span.text {
  padding-left:0.2em;
}

#addinventory div.innercontent {
  border-top:0;
}

#inventorycategories {
  background-color:#faf8f2;
  display:block;
  height:3em;
  clear:both;
  border:1px solid #386869;
  border-bottom:0;
  
  display:none;
}

a.inventorycategory {
  font-size:0.8em;
  color:#333;
  padding:0.7em 0.9em;
  margin:0.6em;
  display:block;
  float:left;
  text-shadow: 0px 1px 1px white;
}

a.inventorycategory.selected {
  background: #edebe6;
  background: -moz-linear-gradient(top, #edebe6 0%, #e3e1d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edebe6), color-stop(100%,#e3e1d9));
  background: -webkit-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -o-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -ms-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebe6', endColorstr='#e3e1d9',GradientType=0 );
  background: linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
}

input#attachmentdesc {
  width:95%;
  border:1px solid #e8e6e1;
  outline:0;
  margin:0.6em;
  margin-top:1em;
  padding:0.6em;
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  color:#b4b4b4; 
}
/* Used with initial version of multi-upload ability
input#attachmentdesc_dialog {
  width:30%;
  border:1px solid #e8e6e1;
  outline:0;
  margin:0.6em;
  padding:0.6em;
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  color:#000000;
  margin-left:8px;
}

.filedescription_dialog {
  display:block;
  height:5.5em;
  border-bottom:1px solid #CCCCCC;
  padding-top:1em;
}
*/
#uploadattachment .innercontent {
  overflow:hidden;
}

input#file {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  color:#333;
  margin:0.6em;
  margin-bottom:1em;
}

input#sharecheck {
  float:right;
  margin-top:0.9em;
}

#uploadattachment span.text {
  float:right;
  font-size:0.8em;
  color:#333;
  margin:0.6em;
}

div#spinner_uploading, div.spinnerbox, div#spinnerbox_index, #spinnerbox_ {
  text-align:center;
  font-weight:normal;
  display:none;
}

div#upload_complete, div.uploadcompletebox {
  text-align:center;
  padding:1em;
  font-weight:bold;
  font-size:1em;
  color:#333;
  font-family:Helvetica, Arial, sans-serif;
  display:none;
}

#upload_close, .uploadclosebutton {
  margin:0.8em 0.2em;
  float:left;
  padding-top:0.6em;
  padding-bottom:0.6em;
  text-align:center;
  display:none;
}

span.nothing {
  color:#c8c6c2;
  font-size:1em;
  font-style:italic;
  font-family:Helvetica, Arial, sans-serif;
  display:block;
  margin:1em 0.5em;
}

span.not_much {
  color:#c8c6c2;
  font-size:1em;
  font-weight: normal;
  font-family:Helvetica, Arial, sans-serif;
  display:inline-block;
  margin:1em 0.5em;	
  text-transform: none;
}

#completedbox {
	width: 14em;
	float: right;
}

#completedbox strong {
  position:relative;
  top:0.3em;
}


.MainSearchBarStyles{
	position:absolute;
	top:3.6em;
	right:17em;
	width:18em;
	height:1.75em;
	border:1px solid #e8e6e1;
	border-radius:20px;
	padding:0.4em;
	padding-left:1em;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	outline:0;
}

.InventorySearchBar {
	width:18em;
	height:1.75em;
	border:1px solid #e8e6e1;
	border-radius:20px;
	padding:0.4em;
	padding-left:1em;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	outline:0;
	
}

#searchrequests {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  display:block;
  width:11em;
  height:2em;
  outline:0;
  
  box-shadow:inset 0px 2px 3px 0px rgba(150, 150, 150, 0.5), 0px 1px 1px 0px rgba(150, 150, 150, 0.5);
  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#fbfbfb;
  color:#999999;
  border:0;
  
  padding:0.4em;
}

/*#searchemployees, #searchtenants {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  display:block;
  width:14em;
  height:2em;
  outline:0;
  
  box-shadow:inset 0px 2px 3px 0px rgba(150, 150, 150, 0.5), 0px 1px 1px 0px rgba(150, 150, 150, 0.5);
  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background:#fbfbfb;
  color:#999999;
  border:0;
  
  padding:0.4em;
}

#searchtenants {
	width:12.5em;	
}*/

#searchbox {
  padding-left:1em;
  padding-top:1em;
  padding-bottom:1em;
}

#button_search {
  display:none;
  margin-top:1em;
  margin-right:2em;
  margin-bottom:1em;
}

#alertdialog .innercontent {
  overflow:hidden;
}

#alertdialog p {
  font-size:1em;
  text-align:center;
}

#alertdialog .grayroundedbutton {
  width:78%;
  margin-right:1.5em;
}

#selected_apartment span.detail {
  font-size:0.9em;
  color:#888;
}

/* Employee list */

#employee_index_list thead th {
  /*background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;*/
  /*cursor: pointer;
  background-color: #F0EEE9;*/
  border: 3px solid #FFFFFF;
  border-bottom: 1px solid #F0EEE9;
}

.listtable tr#head td, .listtable tr#head th {
  font-weight:bold;
}

tr#head td span, tr#head th span {
  margin-left:0.5em;
}

.td_emp_name {
  font-weight:bold;
  padding-left:0.5em;
  width:25%;
}

.td_emp_role {
  width:20%;
}

.td_emp_building {
  width:20%;
}

.td_emp_email {
  width:25%;
}

.td_emp_phone {
  width:10%;
}

#rolefilters a span.text, #buildingfilters a span.text, .filtergroup a span.text{ 
  position:relative;
  left:1em;
  top:0.9em;
}



.filtergroup {
  margin-top:1.8em;
}

#filter_allroles span.text, #filter_anybuilding span.text {
  font-style:italic;
}

#rolefilters a.current, #buildingfilters a.current, .filtergroup a.current {
  background: #eeece9;
  background: -moz-linear-gradient(top, #eeece9 0%, #e2e0d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece9), color-stop(100%,#e2e0d9));
  background: -webkit-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -o-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  background: -ms-linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeece9', endColorstr='#e2e0d9',GradientType=0 );
  background: linear-gradient(top, #eeece9 0%,#e2e0d9 100%);
  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  
}

#filters .filterrow span.number, #assignedfilters a span.number, #buildingfilters a span.number, #daysfilters a span.number {
  display:block;
  font-weight:bold;
  float:right;
  color:white;
  background-color:#9d9b98;
  padding:0.2em 0.5em;
  font-size:1em;
  text-align:right;
  
  position:relative;
  top:0.7em;
  left:-1em;
  
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}

/* TENANT DETAIL  */

#leftbutton_mytenants {
  background-image:url('/resources/mobile/images/sideicon_mytenants.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_notifications {
  background-image:url('/resources/mobile/images/sideicon_notifications.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_myfiles {
  background-image:url('/resources/mobile/images/sideicon_myfiles.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_payments {
  background-image:url('/resources/mobile/images/sideicon_payments.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#sidebar_tenants .current {
  -moz-box-shadow: inset 0px 1px 3px 1px #7a999b;
  -webkit-box-shadow: inset 0px 1px 3px 1px #7a999b;
  box-shadow: inset 0px 1px 3px 1px #7a999b;
  
  color:#3d7477;
  text-shadow: 0px 1px 0px white;
}

#sidebar .current#leftbutton_mytenants {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_mytenants.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mytenants.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_mytenants.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mytenants.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_mytenants.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_notifications {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_notifications.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_notifications.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_notifications.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_notifications.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_notifications.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_myfiles {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_myfiles.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myfiles.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_myfiles.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myfiles.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_myfiles.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_payments {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_payments.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_payments.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_payments.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_payments.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_payments.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#button_editinfo {
  display:block;
  float:right;
  position:relative;
  top:1em;
  left:-2em;
  color:white;
  
  background: #deddd9;
  background: -moz-linear-gradient(top,  #deddd9 0%, #c1c0bb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deddd9), color-stop(100%,#c1c0bb));
  background: -webkit-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: -o-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: -ms-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deddd9', endColorstr='#c1c0bb',GradientType=0 );
  
  font-weight:bold;
  font-size:1em;
  padding:0.4em 1.2em;
  
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  
  text-shadow: 0px -1px 0px #c2c0bc;  
  border:1px solid #c2c0bc;
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);

}

#button_Bldeditinfo {
  display:block;
  color:white;
  
  background: #deddd9;
  background: -moz-linear-gradient(top,  #deddd9 0%, #c1c0bb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deddd9), color-stop(100%,#c1c0bb));
  background: -webkit-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: -o-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: -ms-linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  background: linear-gradient(top,  #deddd9 0%,#c1c0bb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deddd9', endColorstr='#c1c0bb',GradientType=0 );
  
  font-weight:bold;
  font-size:1em;
  padding:0.4em 1.2em;
  
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  
  text-shadow: 0px -1px 0px #c2c0bc;  
  border:1px solid #c2c0bc;
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);

}

.maintenancenav {
  height:34.5em;
}

.tenantsnav {
  height:34.5em
}

.MoveOutReview {
  padding:1em;
  
}

.detail_box {
  clear:both;
  padding:1em;
  border-top:1px solid #f0eee9;
}

.notification_box {
  clear:both;
  padding:1em;
  border-top:1px solid #f0eee9;
  border-bottom:1px solid #f0eee9;
}

.edit_notification_content{
  word-wrap:break-word;
  padding-bottom:2em;
}

#notifications_sent_to_text{
  clear:both;
  border-bottom: 1px solid #F0EEE9;
  position:relative;
  bottom:2em;
  margin-right:5em;
  margin-left:1em;
  padding-bottom:1em;
}

#no_notifications_sent_text{
  max-width:50em;
}

#default_employee_selection{
	float:right;
	display:none;
	position:relative;
	bottom:3em;
	right:2em;
}

#default_employee_text{
	float:right;
	display:none;
	position:relative;
	bottom:3em;
	right:8em;
}

#notification_last_updated{
  float:right;
  margin-right:5em;
  color: #808080;
  font-style: italic;
  font-size:.8em;
}

#login_allowed_text, #can_assign_to_request_text{
  font-style:italic;
}

.edit_notification_content .employee_notification_listing{
	color:#333333;
	margin-top:-3em;
	font-size:1.3em;
	margin-left:0.8em;
}

.detail_rightbox {
  padding:1em;
  border-top:1px solid #f0eee9;
}

#satisfactionbox {
  border:0;
  border-top: 1px solid #F0EEE9;
}

#tenantlocationbox {
  border:0;
  background-color:#faf8f2;
  background-image:url('/resources/mobile/images/smallcategoryicon_house.png');
  background-position: 6em 0.9em;
  background-repeat:no-repeat;
  
}

.orange {
  color:#e66c1e;
}

p#satisfactiontext {
  font-family:Georgia, times, serif;
  font-size:0.9em;
  font-style:italic;
  margin-top:0;
}

#satisfactiontext img {
  margin-left:1em;
  margin-right:1em;
  position:relative;
  top:0.7em;
}

#satisfactiontext strong {
  font-family:Helvetica, Arial, sans-serif;
  font-style:normal;
}

.squarebutton {
  border:1px solid #e8e6e1;
  background-color:#faf8f2;
  padding:0.9em;
  padding-left:2.5em;
  margin-top:0.5em;
  cursor:pointer;
}

.squarebutton span.text {
  color:#333;
  font-size:0.8em;

  display:block;
  width:60%;
}

.squarebutton span.action {
  color:#808080;
  font-size:0.6em;
  display:inline;
  float:right;

}

#button_tenants_newrequest {
  position:relative;
  top:-0.8em;
}

#button_tenants_createnotification {
  background:url('/resources/mobile/images/smallbuttonicon_notification.png') 0.8em 0.8em no-repeat, #faf8f2;
  position:relative;
  top:-0.8em;
}

#showmore_tenants, #showmore_tenants_notifications {
  margin-bottom:0;
}

.td_priority {
  width:6em;
  padding-left:0.5em;
}

.tenant_detail .filedescription {
  border-bottom:0;
}

#paymentlist .td_amount {
  width:6em;
  font-weight:bold;
  padding-left:0.5em;
}

/* Removed from Tenant, check to see if its being used somewhere else */
.roundedinput {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  padding:0.9em;
  outline:0;
  border:0;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -moz-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  -webkit-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
}

.employee_notification_contact_input {
  font-family:Helvetica, Arial, sans-serif;
  font-size:1em;
  padding:0.9em;
  outline:0;
  border:0;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -moz-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  -webkit-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
}

/* Vertically shorter */
.roundedinput_short {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  padding:0.9em;
  outline:0;
  border:0;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -moz-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  -webkit-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  height:12px;
}

.ipad_roundedinput {
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.8em;
  padding:0.9em;
  outline:0;
  border:1;
  border-color:#CCCCCC;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  -moz-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  -webkit-box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
  box-shadow:inset 0px 2px 4px 0px rgba(50,50,50,0.3);
}

.roundedinput:focus {
  background:#efefef;
}

textarea.roundedinput:focus {
  outline:0;
  border:0;
}

.fullwidth {
  display:block;
  width:93%;
}

.halfwidth {
  width:46.5%;
}

textarea.fullwidth {
  width:91%;
}

span.required:before {
  content:"*";
  color:red;
}

/* TENANT LIST */
.td_no_results {
  height:3em;
  padding-left: 0.5em;
  /*color: red;*/	
}

.td_tnt_name, .td_name {
  font-weight:bold;
  padding-left:0.5em;
  
}

.td_tnt_building {
  width:30%;
}

.td_tnt_apt {
  width:10%;
}

.td_tnt_leaseend {
  width:25%;
}

.td_tnt_status_inactive, .td_status_inactive {
  width:5em;
  color:#aa3333;
}

.td_tnt_status_active, .td_status_active {
  width:5em;
  color:#33aa33;
}

#resend_info {
  background: #efeeea;
  background: -moz-linear-gradient(top,  #efeeea 0%, #d6d3cb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeeea), color-stop(100%,#d6d3cb));
  background: -webkit-linear-gradient(top,  #efeeea 0%,#d6d3cb 100%);
  background: -o-linear-gradient(top,  #efeeea 0%,#d6d3cb 100%);
  background: -ms-linear-gradient(top,  #efeeea 0%,#d6d3cb 100%);
  background: linear-gradient(top,  #efeeea 0%,#d6d3cb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efeeea', endColorstr='#d6d3cb',GradientType=0 );
  
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  
  color:#333;
  font-size:0.8em;
  padding:0.3em 2em;
  font-weight:bold;
  margin-left:1em;
  
  text-shadow: 0px 1px 0px white;  
  border:1px solid #6e6d6b;
  
  -moz-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
  box-shadow: 0px 1px 1px 0px rgba(30,30,30,0.1);
}

a.options {
  font-size:0.6em;
  color:#333;
  padding:0.7em 0.9em;
  margin:0.6em;
  text-shadow: 0px 1px 1px white;
  position:relative;
}

a.options.selected, a.clicked, .task_arrow a {
  background: #edebe6;
  background: -moz-linear-gradient(top, #edebe6 0%, #e3e1d9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edebe6), color-stop(100%,#e3e1d9));
  background: -webkit-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -o-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  background: -ms-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebe6', endColorstr='#e3e1d9',GradientType=0 );
  background: linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
}

#default_employee_selection[default="1"] a {
  background: #E35D1A;
  background: -moz-linear-gradient(top, #E35D1A 0%, #E35D1A 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E35D1A), color-stop(100%,#E35D1A));
  background: -webkit-linear-gradient(top, #E35D1A 0%,#E35D1A 100%);
  background: -o-linear-gradient(top, #E35D1A 0%,#E35D1A 100%);
  background: -ms-linear-gradient(top, #E35D1A 0%,#E35D1A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E35D1A', endColorstr='#E35D1A',GradientType=0 );
  background: linear-gradient(top, #E35D1A 0%,#E35D1A 100%);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
  color:#FFFFFF;
  font-weight:bold;
}

.edit_maintenance_textarea{
	width:91%;
	height:100px;
	margin-top:5px;
	font-size:14px;
}

#entry_instructions_edit{
	width:91%;
	height:100px;
	margin-top:5px;
	font-size:14px;
}

/* EMPLOYEE DETAIL */
.employee_detail #topgradient a {
  padding-left:15px;
}

/* BUILDING LIST, BUILDING UNIT LIST, RECURRING CREATE REQUEST LIST */
.td_bldg_building, .td_bldg_unit, .td_recurrence_building, .td_recurrence_unit {
  padding-left:0.5em;
  font-weight:bold;
}

.td_bldg_units, .td_bldg_parking, .td_bldg_storage, .td_recurrence_unit {
  width:11%;
}

/* BUILDING DETAIL */
.tr_vacant .td_bldg_tenantname {
  font-style:italic;
  color:#808080;
}

.tr_vacant .td_bldg_leaseending {
  font-weight:bold;
  color:#e66c1e;
}

.td_bldg_unitnum {
  padding-left:0.5em;
}

.sel_plusicon {
  background:url('/resources/mobile/images/smallbuttonicon_add.png') 0.8em 0.8em no-repeat, #faf8f2;
}

.building_detail .graybutton {
  margin-top:0;
}

div#reputation_management_text_div {
	margin-left:1em;
}

div#reputation_management div.innercontent {
	background-color:#FAF8F2;
}

div#reputation_management div#innercontent_text {
	margin-left:1em;
	font-size:1em;
}

div#reputation_management input.reputation_input {
	width:28em;
	margin-left:1.5em;
}

div#reputation_management div#innercontent_button_options {
	margin-left:1em;
	font-size:0.8em;
}

.items {
  display:block;
  width:80%;
  padding:1em 0.5em 2em 0.5em;
}

.itembox {
  margin-right:1.5em;
}

#showmore_units, #showmore_tenants {
  background:#faf8f2;
}

.orange a, a.orange {
  color:#e66c1e;
  text-decoration:none;
}

/* SETTINGS */
#settings_header {
  position:relative;
  top:0.3em;
}

.settings #button_editinfo {
  position:relative;
  top:0.7em;
}

#leftbutton_profile {
  background-image:url('/resources/mobile/images/sideicon_profile.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_logo {
  background-image:url('/resources/mobile/images/sideicon_logo.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_publish {
  background-image:url('/resources/mobile/images/sideicon_publish.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

#leftbutton_moveout {
  background-image:url('/resources/mobile/images/sideicon_moveout.png');
  background-repeat:no-repeat;
  background-position:1.4em 1em;
}

.settingsnav .current {
  -moz-box-shadow: inset 0px 1px 3px 1px #7a999b;
  -webkit-box-shadow: inset 0px 1px 3px 1px #7a999b;
  box-shadow: inset 0px 1px 3px 1px #7a999b;
  
  color:#3d7477;
  text-shadow: 0px 1px 0px white;
}

#sidebar .current#leftbutton_profile {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_profile.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_profile.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_profile.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_profile.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_profile.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_logo {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_logo.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_logo.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_logo.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_logo.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_logo.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_publish {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_publish.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_publish.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_publish.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_publish.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_publish.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}

#sidebar .current#leftbutton_moveout {
  background-color: #e3f5f6;
  background: url('/resources/mobile/images/sideicon_moveout.png') 1.4em 1em, -moz-linear-gradient(top, #e3f5f6 0%, #b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_moveout.png') 1.4em 1em 0em 0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3f5f6), color-stop(100%,#b0e2e4));
  background: url('/resources/mobile/images/sideicon_moveout.png') 1.4em 1em, -o-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_moveout.png') 1.4em 1em, -ms-linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  background: url('/resources/mobile/images/sideicon_moveout.png') 1.4em 1em, linear-gradient(top, #e3f5f6 0%,#b0e2e4 100%);
  
  background-repeat:no-repeat;

 
}



.settingsnav {
  height:34.5em;
}

#sel_editbutton {
  margin-top:0em;
}

.justtext {
  padding-left:0.9em;
}

#changepw {
  float:left;
  position:relative;
  top:-1em;
}

.grayedout {
  color:#808080;
  font-style:italic;
}

/* IMPORTANT DIALOG BOX STYLING */
/* ADD YOUR DIALOG HERE TO MAKE THE BACKGROUND BEIGE */
#edit_emergencymessage .innercontent,
#changepassword .innercontent,
#settings_editprofile .innercontent,
#edit_notificationsettings .innercontent,
#edit_notificationcontact .innercontent,
#tenantrole .innercontent {
  padding-top:0.5em;
  background:#faf8f2;
  overflow-y:auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.imagebox {
  height:7em;
  margin-top:1em;
}

.imagebox img {
  border:1px solid #e8e6e1;
  float:left;
}

.imagebox p {
  float:left;
  margin-left:1em;
}

.imagebox span.graytext {
  margin-top:0.4em;
  font-size:0.85em;
  display:block;
}

.graytext {
  color:#808080;
}

.imagebox a.smallgraybutton {
  position:relative;
  top:1.3em;
  left:-0.5em;
}

#logo_largeimage {
  height:9em;
}

#uploadsmalllogo div.innercontent, #uploadlargelogo div.innercontent, .textcontent {
  padding-left:0.5em;
  padding-top:1em;
  padding-top:0.5em;
  background:#faf8f2;
  overflow-y:auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.noicon {
  padding-left:0.9em;
}

div#hr_notif {
  height:1px;
  width:550px;
  border-bottom:1px solid #eceae4;
}

.textcontent {
  padding-left:1em;
}

#edit_notificationcontact p {
  padding-left:1.5em;
}

/* MY UNITS */
.td_unit_building {
  width:25%;
  padding-left:0.5em;
}

.td_unit_unitnum {
  width:8%;
  font-weight:bold;
}

.td_unit_leaseend {
  width:25%;
}

.tr_unit_vacant .td_unit_tenant {
  font-style:italic;
  color:#838383;
}

.tr_unit_vacant .td_unit_leaseend {
  font-weight:bold;
  color:#e66c1e;
}

#clearsearch {
  font-size:0.8em;
  display:block;
  float:right;
  border-radius:10px; 
  background:#bbb;
  color:white;
  padding:0.2em 0.6em 0.3em 0.6em;
  position:relative;
  left:-2.5em;
  top:0.6em;
  display:none;
}

.detail_box #sel_attachfiles {
  position:relative;
  top:0.1em;
}

.gray {
  color:#aaa;
}

.rightrail_italic {
  color:#848380;
  font-style:italic;
}

.whitebutton {
  padding:1em;
  background:white;
  color:#808080;
  font-size:0.7em;
  border:1px solid #e8e6e1;
}

#resetpw_button, #button_resend_info {
  position:relative;
  top:0.7em;
}

/* MY UNITS */
#unitlist {
  background:red;
}

.clickable {
  cursor:pointer;
}

/* dialog box stuff */
.inputdesc, .textareadesc {
  font-style:Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:0.8em;
  display:block;
  float:left;
  position:relative;
  top:1em;
  left:1.6em;
  height:0.2em;
}
#addtask .innercontent, #edittask .innercontent {
	padding-top: 10px;
}
#edittask .inputdesc, #edittask .textareadesc, #addtask .inputdesc, #addtask .textareadesc {
  float: none;
}
#edittask .innercontent, #addtask .innercontent {
	overflow: hidden;
}
#addtask .two_field_appointment, #edittask .two_field_appointment {
	padding-left: 10px;
}
.inputdesc_checkbox {
  font-style:Helvetica, Arial, sans-serif;
  /*font-weight:bold;*/
  font-size:0.8em;
}

span.textlabel {
  font-style:Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:0.8em;
  margin-left:1.5em;
}

.roundedinput {
  margin-left:0.8em;
  margin-bottom:0.8em;
}

.color_orange {
  color: orange;
}
.color_red {
  color: red;
}

.whiteBackgrounds		{background:#ffffff;}

.MoveOutReview			{border-top: 1px solid #F0EEE9;width:98%;}
.inactiveBG				{background: #FAF8F2;overflow:auto;}
.MOR_container			{margin-top:10px;padding-left:10px;}
.MOR_maintenance		{float:left;width:110px;text-align:center;margin-right:5%;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_safety				{float:left;width:110px;text-align:center;margin-right:5%;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_responsiveness		{float:left;width:110px;text-align:center;margin-right:5%;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_home				{float:left;width:110px;text-align:center;margin-right:5%;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_property			{float:left;width:110px;text-align:center;margin-right:5%;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_recomend			{float:left;width:110px;text-align:center;margin-bottom:15px;color:black;font-size: 0.75em;font-weight:bold;}
.MOR_comments			{float:left;padding:10px 20px 10px 20px;width:70%;clear:both;font-size:0.75em;color:gray;}
.MOR_IMG				{margin-top:10px;color:#E66C1E;font-size:1.5em !important;}

a:link.websiteLinks		{color:#333;text-decoration:none;}
a:visited.websiteLinks	{color:#333;}
a:hover.websiteLinks	{color:#333;text-decoration:underline;}
a:active.websiteLinks	{color:#333;}

.width-180px {
width:180px;
}

.width-75px {
width:75px;
}

.width-250px{
width:250px;
}

.smallgraybutton_showmap {
    background-color: #FAF8F2;
    border: 1px solid #E8E6E1;
    color: #808080;
    cursor: pointer;
    font-size: 0.9em;
    font-style: normal;
    padding: 0.5em;
    text-decoration: none;
}

.smallgraybutton_showmap a {
    color: #808080;
    cursor: pointer;
    font-size: 0.9em;
    font-style: normal;
    text-decoration: none;
}

#appointmentMaint {
  display:block;
  /*float:right;*/
  background-color:#faf8f2;
  padding-bottom: 10px;
  /*
  background-color:#faf8f2;
  background-position: 9.3em 2.5em;
  background-repeat:no-repeat;
  display:block;
  float:right;
  padding-top:1em;
  padding-bottom:1em;
  border-bottom: 1px solid #F0EEE9;
  */
  /*height:7em;*/
}

#download_ics_file {
	padding: .5em;
	font-size: 0.8em;
}

#appointment_details {
	font-size: 0.8em;
}

.graybutton_appointment {
    background-color: #FAF8F2;
    border: 1px solid #E8E6E1;
    color: #808080;
    cursor: pointer;
    font-style: normal;
	font-size:0.8em;
    padding: 0.5em;
    text-decoration: none;
	/*position:relative;
	bottom:1em;*/
}

#setappointment a.listitem_small {
	margin-right: 3em;
}

#setappointment #appointment_options_p {
	/*margin-top: 2em;*/
}

#setappointment .appointment_option_button {
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #F6F4F1 100%) repeat scroll 0 0 transparent;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 5px 0 rgba(190, 190, 190, 0.8) inset, 0 1px 0 0 white;
    color: #808080;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 10px 5px 12px 9px;
    padding: 1.1em;
    text-align: center;
    width: 240px;
}

#setappointment p.two_field_appointment {
	margin-top: 0;
	margin-left: 0.7em;
}

#setappointment .appointment_subject_span {
	top: 1.6em;
	font-size:1em;
}

#setappointment .appointment_description_span {
	top: 1.65em;
	font-size:1em;
}

#setappointment .subject {
	text-indent:50px;
	float:left;
	font-size:1.05em;
	width:41em;
	height: 2em;
}

#setappointment .description {
	float:left;
	font-size:1.1em;
	width:39.3em;
	padding-left:0.6em;
}

#setappointment #notify_tenant {
	display:block;
	padding-left: 0.8em;
	clear: both;
}

.appointment_roundedinput {
	height: 1.2em;
	width: 5.5em;
	font-size:1.05em;
	margin-right:1em;
}

span.recurring_description{
	font-weight:bold;
	position:relative;
	top:0.4em;
}

span.recurring_none_message{
	margin-left:1em;
}

span.recurring_linked_to_dialog_text{
	margin-left:0.5em;
	position:relative;
	top:0.25em;
	color:#FFFFFF;
  line-height: 24px;
margin-bottom: 30px;
}

.description_linked_to_text{
	font-style:italic;
}

.description_linked_to_text#create_request_page{
	/*position:relative;
	bottom:2em;
	margin-bottom:-3em;*/
}

.linked_to_request_csv a{
	color:#EA6F20;
	text-decoration:none;
}

.linked_to_request_csv a:active, .linked_to_request_csv a:hover{
	text-decoration:underline;
}

.recurring_linked_to_dialog_button{
	position:relative;
	bottom:1em;
}

.ui-widget-font {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.opacity_on {
  -webkit-opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
  opacity: 1.0;	
}

img#maintenance_closed_wedge {
	bottom: 0.6em;
    position: relative;
}


/* CSS for map Div- be a good idea to use SASS and load files into style.css but break into multiple CSS files */
#map_div
{
	margin-top: 15px;
	left: 4%;
	padding: 0px;
	position: relative;
	width: 92%;
	height: 375px;
	display: none;
	border: 1px solid #E8E6E1;
}

#show_map, #show_recurring_requests, #index_search_filter {
	font-size: .75em;
	cursor: pointer;
	padding: .7em;
	margin-left: 1em;
	margin-top:  1.4em;
	color: #808080;	
}

#map_canvas {
	width: 100%;
	height: 100%;
}

/* stylings for the mapInfowindow */
#mapFilterWindow {
	width: 265px;
	height: 240px;
}

#mapFilterWindow #title {
	font-size: 16px;
	color: #808080;
	margin: 0px;
	padding: 1px 0 8px 0;
}

#mapFilterWindow .buildingList {
	height: 162px;
	overflow-y: auto;
	overflow-x: hidden;
}

#mapFilterWindow .buildingList.cluster
{
	background: #5AAAAF;
	border: solid 1px #afafaf;
}

#mapFilterWindow .singleBuilding {
	height: 62px;
}

#mapFilterWindow .mapFilter {
	display:block;
  	background: #ffffff;
  	background: -moz-linear-gradient(top, #ffffff 0%, #f6f4f1 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f4f1));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f4f1',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f6f4f1 100%);
	  
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	  
	-moz-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
	-webkit-box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
	box-shadow: inset 0px 1px 5px 0px rgba(190,190,190,0.8), 0px 1px 0px 0px white;
	  
	width:85%;
	font-weight:bold;
	font-size:14px;
	border:1px solid #ccc;
	padding: 13px;
	margin: 4px 0 4px 0;
	cursor: pointer;
}

#mapFilterWindow .mapFilter.selected {
	  background: #e6e6e6;
	  background: -moz-linear-gradient(top, #e6e6e6 0%, #dddddd 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#dddddd));
	  background: -webkit-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
	  background: -o-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
	  background: -ms-linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#dddddd',GradientType=0 );
	  background: linear-gradient(top, #e6e6e6 0%,#dddddd 100%);
	  
	  
	  box-shadow: inset 0px 1px 5px 0px rgba(100,100,100,0.8), 0px 1px 0px 0px white;
	  border:1px solid #ccc;
	  cursor: pointer;
}

#mapFilterWindow .mapFilter .request_count {
	font-weight:bold;
	font-size:14px;
	color: #afafaf;
	float: right;
}

#clear_search {
	z-index: 2;
	position: absolute;
    right: 14em;
    top: 3.5em;
    display: none;
}
span.search_filter {
    background-color: #FAF8F2;
    border: 1px solid #E8E6E1;
    border-radius: 8px 8px 8px 8px;
    color: gray;
    display: block;
    float: left;
    font-size: 0.7em;
    margin-top: 0.9em;
    margin-right: 1em;
    padding: 0.6em 0.6em 0.6em 0.6em;
    display: none;
	cursor: pointer;
}
#employee_search_filter_crumbs, #tenant_search_filter_crumbs, #search_filter_crumbs
{
	left: 2%;
	position: relative;
	width: 96%;
	display: none;
}
#tasks {
	margin: 0 20px 0 0;
	border-top: 1px solid #f0eee9;
}
#tasklist {
	margin: 40px 20px 0 0;
	border-top: 1px solid #f0eee9;
}
.task_details, .task_notes, .task_duration, .task_cost{
	margin: 20px 2.5% 20px 1%;
	float: left;
	min-height: 75px;
}
.task-assignee, .task-status, .task_description {
	margin: 20px 2.5% 20px 1%;
	min-height: 25px;	
}

.task_details, .task_notes, .task-assignee, .task-status {
	width: 45%;
	/*border-right: 1px solid #f0eee9;*/
}
.task_duration {
	width: 25%;
}
.task_cost {
	width: 68%;
}
.task_hours, .task_minutes {
	float: left;
}
.accordionButton {
	border-bottom: 1px solid #f0eee9;
}
.accordionButton:hover {
	background-color: #f2ecdb;
	cursor: pointer;	
}
.accordionContent {
	margin-bottom: 10px;
	background-color: #faf9f7;
	background-color: #fff;
	border-bottom: 1px solid #f0eee9;
}
.accordionContent div:hover {
	/*
background-color: #f2ecdb;
	cursor: pointer;
*/
}
.accordionContent .task_div {
	background-color: #fff;
}
.accordionContent .task_div:hover {
	background-color: #e0e0e0;
	cursor: pointer;
}
.task_desc, .task_assign, .accordionButton a {
	margin-left: 70px;
	float: left;
}
#tasklist .task_desc, #tasklist .task_assign, #tasklist .accordionButton a {
	margin-left: 10%;
	float: left;
}
.accordionButton span {
	margin: 0 10px;
	top: -17px;
	position: relative;
	float: right;
	background-color: #f0eee9;
}
#requests p.task_desc, #requests p.task_assign {
	font-size: 1em;
}
.task_desc {
	width: 55%;
}
.task_assign {
	width: 25%;
}
#tasklist .task_assign {
	margin-left: 0;
}
.task_edit {
	position: relative;
	top: 29px;
	right: -88%;
}
.tasks .incomplete {
	background: url('/resources/mobile/images/status_incomplete.png') 0.8em center no-repeat;
}
.tasks .pending {
	background: url('/resources/mobile/images/status_pending.png') 0.8em center no-repeat;
}
.tasks .complete {
	background: url('/resources/mobile/images/status_complete.png') 0.8em center no-repeat;
}
.task_arrow {
	width: 40px;
}
.task_arrow a {
	text-indent: 10px;
	padding-top: 10px;
	margin-right: 10px;
	margin-top: 2px;
	width: 60px;
	height: 26px;
	background: url('/resources/mobile/images/arrow_sprite.png') 28px 0 no-repeat;
	overflow: hidden;
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: 700;
}
.task_arrow a.clicked {
	background-position: 28px -32px
}
.task-arrows {
	/*margin: 0 38px;*/
	margin: 0px 0px;
}
.task_arrow a:hover {
	background-color: #e2e0d9;
}
#assignedfilters_wrapper .filterhead, #buildingfilters_wrapper .filterhead, #daysfilters_wrapper .filterhead {
	background: none;
}
.filterhead {
	/*background: url('/resources/mobile/images/arrow_sprite_small.png') 150px 8px no-repeat;*/
	/*overflow: hidden;*/
	display: block;
}
.clickclick {
	background-position: 150px -12px;
}
.outline {
	border: 1px solid #f0eee9;
}
#requestlist .tasks div {
	margin-left: 80px;
	border-bottom: 1px solid #f0eee9;
}
#requestlist .tasks div:last-of-type {
	border: none;
}
#addtasks_save_button p {
	margin: 22px 0 0;
	width: 6%;
	text-align: center;
	color: white;
	float: left;
}
#save_close_btn, #save_costs_btn {
	width: 35%;
	float: left;
}
#save_costs_btn {
	float: left;
}
#tasklist .task_desc {
	
}
#tasklist .accordionButton:hover {
	background-color: #f2ecdb;
}
#tasklist .task_arrow {
	/*width: 7%;*/
	width: auto;
	float: right;
	/*top: 4px;*/
	right: 0px;
	/*border: none;*/
	display: inline;
}
#tasklist .task_arrow a {
	margin: 0;
	float: right;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

# === Start of support of Angular tasks === #
.cv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}
.cv-modal-backdrop.fade{opacity:0;}
.cv-modal-backdrop,.cv-modal-backdrop.fade.in{opacity:0.3;filter:alpha(opacity=80);}
.cv-modal{position:fixed;top:10%;left:40%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}
.cv-modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.cv-modal.fade.in{top:10%;}
.cv-modal-header{padding:9px 15px;border-bottom:1px solid #eee;}
.cv-modal-header .close{margin-top:2px;}
.cv-modal-header h3{margin:0;line-height:30px;}
.cv-modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
.cv-modal-form{margin-bottom:0;}
.cv-modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}
.cv-modal-footer:before,.cv-modal-footer:after{display:table;content:"";line-height:0;}
.cv-modal-footer:after{clear:both;}
.cv-modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.cv-modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.cv-modal-footer .btn-block+.btn-block{margin-left:0;}
.task-progress-object {
	width: 320px;
	margin-right: 10px;	
}
.task-progress-bar {
	display: none;
	width: 320px;		
}
.task-progressinner {
	overflow: hidden;
	padding: 0 8px 0.3em;
	border: 1px solid #e8e6e1;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.task-progressarrow {
	display: block;
	float: left;
	/*width:201px;*/
	height:68px;
	width: 150px;
	margin-left: -6px;
	background-size: 150px 68px;
	background-repeat: no-repeat;
}

.task-progress_incomplete {
	background-image:url('/resources/mobile/images/progress_incomplete_unsel.png');
	margin-left: 0;
}

.task-progress_incomplete.selected {
	background-image: url('/resources/mobile/images/progress_incomplete_sel.png');
}

.task-progress_pending {
	background-image: url('/resources/mobile/images/progress_pending_unsel.png');
}

.task-progress_pending.selected {
	background-image: url('/resources/mobile/images/progress_pending_sel.png');
}

.task-progress_complete {
	background-image: url('/resources/mobile/images/progress_complete_unsel.png');
}

.task-progress_complete.selected {
	background-image: url('/resources/mobile/images/progress_complete_sel.png');
}

/* small status arrows */
.task-progressarrow {
	display: block;
	float: left;
	/*width:201px;*/
	height:68px;
	width: 99px;
	margin-left: -6px;
	background-size: 99px 68px;
	background-repeat: no-repeat;
}
.task-progress_incomplete {
	background-image:url('/resources/mobile/images/progress_incomplete_unsel_mobile.png');
	margin-left: 0;
}

.task-progress_incomplete.selected {
	background-image: url('/resources/mobile/images/progress_incomplete_sel_mobile.png');
}

.task-progress_pending {
	background-image: url('/resources/mobile/images/progress_pending_unsel_mobile.png');
}

.task-progress_pending.selected {
	background-image: url('/resources/mobile/images/progress_pending_sel_mobile.png');
}

.task-progress_complete {
	background-image: url('/resources/mobile/images/progress_complete_unsel_mobile.png');
}

.task-progress_complete.selected {
	background-image: url('/resources/mobile/images/progress_complete_sel_mobile.png');
}

.task-pendingreasons {
	margin-top: 12px;
	background-color: #faf8f2;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	/* width: 410px; */
}

.task-pendingreasons span.task-sectionheader {
	margin-bottom: 0.7em;
}

a.task-pendingreason {
	font-size: 0.6em;
	font-weight: bold;
	color: #333;
	padding: 0.5em 0.7em;
	margin: 0.1em;
	padding-right: 20px;
	display: block;
	float: left;
	text-shadow: 0 1px 1px white;
}
a.task-pendingreason.selected {
	background: #edebe6;
	background: -moz-linear-gradient(top, #edebe6 0%, #e3e1d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edebe6), color-stop(100%,#e3e1d9));
	background: -webkit-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
	background: -o-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
	background: -ms-linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edebe6', endColorstr='#e3e1d9',GradientType=0 );
	background: linear-gradient(top, #edebe6 0%,#e3e1d9 100%);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
	-webkit-box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
	box-shadow: inset 0px 1px 0px 0px #bcbbb8, 0px 1px 0px 0px white;
}
.task-sectionheader {
	background: #f0eee9;
	font-weight: bold;
	color: #333;
	display: block;
	font-size: 0.6em;
	padding: 0.4em 0.9em;
	margin-bottom: 0.9em;
	width: 410px;
	box-shadow: 0px 0px 3px 0px rgba(130, 130, 130, 0.5);
}
.task-sub-sectionheader {
	background: #f0eee9;
	font-weight: bold;
	color: #333;
	display: block;
	font-size: 0.6em;
	padding: 0.4em 0.9em;
	margin: 0;
	text-transform:uppercase;
}
div.task-progress-box {
	backgound-color: #F0EEE9;
}
div.task-progress-box:hover {
	backgound-color: #F0EEE9;
	cursor: pointer;
}
.task-ok-to-complete {
	display: none;
	padding: 0.4em 0.7em 0.0em;	
}
.task-status-button {
	display: block;
	width: 320px;
}
.add-task-save-cancel-buttons
{
	width: 220px;
	margin: 15px;	
}
.add-task-cancel-button {
	float: right;
}
.add-task-save-button {
	float: left;
}
.task-section {
	background: #fff;
	font-weight: bold;
	color: #333;
	display: block;
	font-size: 0.9em;
	padding: 0.4em 0.9em 2.4em;
	margin: 50px 20px .9em 0;
	-moz-box-shadow: 0 0 3px 0 #f1f1f1;
	-webkit-box-shadow: 0 0 3px 0 #f1f1f1;
	box-shadow: 0 0 3px 0 #f1f1f1;
	text-transform: uppercase;
	border: solid 1px #e8e6e1;
}
textarea.task-description {
	display: block;
	border: 1px solid #e8e6e1;
	outline: 0;
	margin: 0.6em 0;
	margin-top: .7em;
	padding: 0.6em;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	color: #b4b4b4;
	width: 80%;
	background: #faf8f2;
}

input.task-pendinginput {
	width: 50%;
	border: 1px solid #e8e6e1;
	outline: 0;
	margin: 0.6em;
	padding: 0.6em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #b4b4b4;
}
.closeX {
    background:url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png) NO-REPEAT -96px -128px;
    //text-indent:-10000px;
    opacity:0.4;
    width: 16px;
    height: 16px;
	z-index: 10;
}
/* === End of support of Angular tasks === */
.maintenance_view.hide, .postmark_email_opened, .request_review_updated, .request_review_submitted, .postmark_email_sent, .request_feedback_survey_resent {
	display: none;
}

.dialog-warning-box {
	background-color: white;
	color: #F47421;
	text-align: center;	
}
.dialog-warning-box.hide{
	display: none;
}
.dialog-warning-box.show{
	display: block;
}

/* Global Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/resources/mobile/images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.truncate {
  width: 116px!important;
  white-space: nowrap!important;;
  overflow: hidden!important;;
  text-overflow: ellipsis!important;;
}

.fl {
  float: left;
}

.fr {
  float: right;
}