.formboxcustomer {
	border: solid 1px #0680e3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	font-family: Verdana;
	font-size: 9pt;
	padding: 10px;
	width: 660px;
	margin-bottom: 30px;
}

#formboxtitle, #formboxtitlecontact, #formboxtitlejob, #formboxtitlenote, #formboxtitleproperty, #formboxtitlefreq, #formboxtitlecard {
	position: relative;
	top: -34px;
	left: -4px;
	padding: 0px 8px 2px 9px;
	color: #000;
	font-family: Monda;
	font-size: 13pt;
	background-color: #f9f9f9;
	border: solid 1px #333; /* #003399 */
	border-radius: 5px;
	cursor: pointer;
	z-index: 40;
}

.customerformtitle {
	float: left;
	clear: both;
	margin: 0 50% 0 0;
}

#loginbox {
	margin: 0 auto;
	width: 270px;
	font-size: 1.2em;
}

#expander {
	width: 94%;
	margin: -46px 0 30px 26px;
	font-family: Monda;
	border: 1px solid #CCC;
	background-color: #F3F3F3;
	border-top: 0px solid #F3F3F3;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#contactinfobox {
	float: left;
	width: 26%;
	margin-left: 2%;
	border: 0px solid #000;
	padding: 0 0 20px 0;
}

#contactinfoboxsub {
	width: 100%;
	min-height: 180px;
	margin: -47px 0 -20px -20px;
	padding: 200px 0 0 30px;
	border: solid 1px #0680e3;
	background-image: url('/shared/images/page/box-bg.gif');
	background-repeat: repeat-x;
	background-position-x: 55px;
	border-radius: 16px;
}

#jobinfobox {
	float: left;
	width: 27%;
	margin-left: 2%;
	margin-bottom: 20px;
	border: 0px solid #000;
	padding: 0;
	margin-bottom: -20px;
	padding-bottom: 30px;
}

#jobinfoboxsub {
	min-height: 180px;
	margin-top: -47px;
	margin-left: -20px;
	margin-bottom: -20px;
	border:solid 1px #0680E3;
	background-image:url('/shared/images/page/box-bg.gif');
	background-position-x: 75px;
	background-repeat: repeat-x;
	width: 100%;
	border-radius: 16px;
}

#notebox {
	float: left;
	border: solid 0px #000;
	font-family: Monda;
	width: 25%;
	margin: 0 2%;
	margin-bottom: -12px;
}

#noteboxsub {
	min-height: 180px;
	margin-top: -47px;
	margin-left: -20px;
	border: solid 1px #0680E3;
	background-image:url('/shared/images/page/box-bg.gif');
	background-position-x: 75px;
	background-repeat: repeat-x;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 16px;
}

#listbox { /* shared between index.php, viewcustomer.php, formcustomer.php, formtasks.php */
	width: 91%;
	border: 1px solid #0680E3;
	background-image: url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	background-color: #FFF;
	margin-left: 2%;
	margin-bottom: 30px;
	margin-top: 30px;
	border-radius: 16px;
	text-align: left;
}

/* shared between invoices, estimates, expenses, reports */
#TopControls {padding-top: 8px!important; padding-bottom: 16px!important; padding-right: 11px!important; }
.shaveTop {padding-top: 0px!important; }
.top14 {top: -14px!important; }
.padding8 {padding-top: 8px!important; }
/* end  */

/* estimate-*, invoice-* */
#paper {
	width: 67%;
	border: 1px solid #0680E3;
	border-radius: 16px;
}

#prepFor {
	width: 29%;
	vertical-align: top;
	padding-left: 10px;
}

#paperTable {
	display: flex;
	justify-content: center;
	padding: 30px 40px 0 40px;
}

#itemTable { width: 92%; margin-top: 10px; }

#subtotalsTable { margin: auto; width: 87%; border-spacing: 0px; }

#gTotal {
	font-size: 23pt;
} /* end estimate-*, invoice-* */

#dateTime {
	font-family: Monda, Lato; font-size: 22pt; font-weight: normal; margin: 10px -16px -4px -20px; font-style: italic; cursor: pointer;
}

.shadows {
	box-shadow: 2px 2px 2px #AAA;
}

.colorbox { /* shared between index.php, viewcustomer.php, formcustomer.php, formtasks.php */
	width: 91%;
	border:solid 1px #0680e3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	background-color: #FFF;
	margin-left: 2%;
	margin-bottom: 20px;
	border-radius: 16px;
}

#indexbox {
	width: 65%;
	border: solid 1px #0680E3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	background-color: #FFF;
	margin-left: 2%;
	margin-bottom: 20px;
	float: left;
	border-radius: 16px;
}

#customerbox {
	width: 91%;
	border: solid 1px #0680E3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	background-color: #FFF;
	margin-left: 2%;
	margin-bottom: 30px;
	float: left;
	border-radius: 16px;
}

#infobox {
	float: right; 
	border:solid 1px #0680e3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	margin-right: 20px;
	width: 18%;
	min-width: 150px;
	border-radius: 16px;
	font-family: Monda;
	clear: both;
}

#spanLeft {
margin: 0;
padding: 0;
display: inline-block;
width: 30%;
font-size: 11pt;
font-family: Monda;
color: #000;
text-align: left;
float: none;
}

#spanRight {
margin: 0;
padding: 0;
display: inline-block;
width: 55%;
font-size: 11pt;
font-family: "Monda";
color: #000;
text-align: left;
float: none;
}

#formlayoutcontroller { /* used on: formTasks.php, viewTasks.php */
	padding: 0;
	float: left;
	width: 68%;
}

#regionslayoutbase { /* used on: settings/regions.php */
padding: 0;
width: 45%;
float: left;
}

#regionslayoutcontroller { /* used on: settings/regions.php */
padding: 0;
width: 45%;
float: right;
}

#companyTable {
	margin-top: -14px;
}

#propertystatsbox {
	width: 18%;
	min-width: 180px;
	margin-right: 20px;
	border-radius: 16px;
	float: right; 
	font-family: Monda;
	border: solid 1px #0680e3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat: repeat-x;
	background-color: #FFF;
}

.alignRight {
	text-align: right;
	width: 84px;
}

.numberDisplay { text-align: center; padding: 0px; font-size: 2.6em; font-weight: bold; }

.listboxtitle {
	position: relative;
	top: 5px;
	padding: 1px 4px 2px 4px;
	font-size: 11.5pt; line-height: 16pt;
	color: #707070; /* #0680E3; */
	background-color: #FFF;
	border: solid 1px #0680E3;
	border-radius: 2.5px;
	
}
.listboxtitle a {
    text-decoration: none;
    color: #707070;
}

.listboxtitlemobile {
	position: relative;
	top: 5px;
	padding: 1px 2px 2px 2px;
	color: #0680E3;
	background-color: #FFF;
	border: solid 1px #0680E3;
}
.listboxtitlemobile a {
	text-decoration: none;
	color:#707070;
}

#recentactivity {
	float: right;
	font-style: italic;
	font-weight: bold;
	margin-top: 5px;
}

#labelmode { /* used on formTasks.php */
	display: none;
}

#formleftbox {
	width: 47%;
	padding: 0;
	margin: 0;
	float: left;
	margin-top: -15px;
	border: 0px solid #000;
}

#formrightbox {
	width: 47%;
	padding: 0;
	margin: 0;
	float: left;
	margin-top: -15px;
	border: 0px solid #000;
}


#auxindex {
margin-top: 50px;
}

#auxindex li {
display:block;
margin: 40px 0 30px -30px;
padding: 20px;
}

#auxlinks {
	font-size: 2.4em;
	font-weight: 600;
	text-decoration: none;
	font-family: Monda, Lato;
	text-shadow: 1px 1px 0px #FFF;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	padding: 10px 20px;
	box-shadow: inset 0px 1px 1px 0px #888;
	background: linear-gradient(to bottom, #dfdfdf 5%, #FFFFFF 100%);
}

#auxlinks:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d4d4d4), color-stop(1, #fcfcfc));
	background:-moz-linear-gradient(center top, #d4d4d4 5%, #fcfcfc 100%);
	box-shadow:inset 0px 1px 1px 0px #666;
/*	color:#556670; */
}

#auxlinks:active {
	position: relative;
	top: 1px;
	box-shadow: inset 0px 1px 0px 0px #FFF;
}

.formboxbuttons {
    padding: 1px 6px 2px 5px;
    margin-left: 5px;
    font-family: Verdana;
    color: #0680e3;
    font-size: 10pt;
    font-weight: bold;
    position: relative;
    top: -31px;
    background-color: #FFF;
    border: solid 1px #0680e3;
    border-radius: 3px;
    float: right;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.formboxbuttons:hover {
	background-color: #EFEFEF;

}
.formboxbuttons a {
	text-decoration: none;
/*	color: #707070; */ color: #222;
}
.formboxbuttons a:hover {
	text-decoration: none;
	color: #222;
}

.formboxbuttons:active {
top: -30px;
left: 1px;
box-shadow: none;
}

.inputs {
	border:solid 1px #b0dbf3;
	padding-left: 2px;
/*	width: 164px; */
}

.multiline {
	border:solid 1px #b0dbf3;
	padding: 2px 0px 0px 2px;
}

.editTextbOxes {
	border:solid 1px #b0dbf3;
	padding-left: 2px;
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-weight: bold;
	width:400px;
}

.TasksUpdateButtOn {
	margin: 0px 5px 0px 15px;
}

#editProfile {
	margin-left: 16px;
}

#custCount {
	font-family: Monda;
}

.mycornerlist {
	margin: -38px 0 0 -44px;
	list-style-type: square;
	line-height:20px;
	padding: 0px;
}

.formboxhome {
	float: right; 
	border:solid 1px #0680e3;
	background-image:url("/shared/images/page/box-bg.gif");
	background-repeat:repeat-x;
	padding:10px;
	width: 160px; 
	font-family:Verdana;
	font-size:9pt;
}

.searchbutton {
	margin-top:10px;
}

.searchText {
	top:2px;
	bottom:-10px
}

.notifications {
	font-size:8pt;
}

#taskfilter {
	padding: 0px 5px 2px 5px;
	font-family: Verdana;
	color: #707070;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -14px;
	background-color:#FFFFFF;
	border: 1px solid #0680E3;
	width: 158px;
	left: 472px;
}

#approveBtn { margin-top: 10px; float: right; }

#searchTable {
    float: right;
    padding: 0px 0px 0px 0px;
}

.left{
    float:left;
}
.right{
    float:right;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

#loading { margin: -24px 0 14px 18%; width: 50%; z-index: 40; display: none; }
#loading1 { margin: -24px 0 14px 18%; width: 50%; z-index: 40; display: none; }
#loadinginside { width:100%; text-align:center; background-color: #F5F5F5; border-radius: 6px; }
#loadingmessage { margin: auto 0px; }
#loadingclose { margin: 20px 0 0 0; font-size: 9pt; font-weight: bold; width: 50%; height: 24px; cursor: pointer; }