@charset "UTF-8";
/* CSS Document */

/************* CSS RESET *************/

/*** Mike's CSS Reset ***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; list-style: none}  img  {border-style: none;} * {margin: 0; padding: 0;} html  {	width: 100%;}  table {border-collapse: collapse;border-spacing: 0;} a{color: inherit;text-decoration: none;}a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color: #a4aab0;text-decoration:none;}
a:active {color:inherit;text-decoration:none;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

a:link {color:inherit;text-decoration:none;}
a:visited {color:inherit;text-decoration:none;}
a:hover {color: inherit;text-decoration:none;}
a:active {color:inherit;text-decoration:none;}



/************* CORE STYLING *************/

html, body  {
	background-color: #272D32;
	font-family: 'Open Sans', sans-serif;
}

#page  {
	width: 1024px;
	height: auto;
	margin: 0px auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background: rgb(228,228,228);
	background: -moz-linear-gradient(left,  rgba(228,228,228,1) 0%, rgba(255,255,255,1) 50%, rgba(228,228,228,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(228,228,228,1) 0%,rgba(255,255,255,1) 50%,rgba(228,228,228,1) 100%);
	background: linear-gradient(to right,  rgba(228,228,228,1) 0%,rgba(255,255,255,1) 50%,rgba(228,228,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 );
}

.clear  {clear: both;}

.bold  {font-weight: 700;}

.skinny  {font-weight: 300;}

.italic  {font-style: italic;}

.spaced  {letter-spacing: 1px;}





/************* LOGIN STYLING *************/

#login-container  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 110px 25% 0 25%;
}

#loginlogo  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 0 20%;
}

#loginlogo img {width: 100%; height: auto;}

#logintitle  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	text-align: center;
	font-size: 30px;
	padding: 16px 0;
}

#loginform  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.login-item  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 0 20%;
}

.login-item:nth-child(1)  {
	margin-top: 34px;
	margin-bottom: 20px;
}

.login-item-left  {
	width: 35%;
	height: auto;
	float: left;
	line-height: 32px;
}

.login-item-right  {
	width: 65%;
	height: auto;
	float: left;
}

.logintext  {
	width: 100%;
	height: auto;
	border: 2px solid #BCBEC0;
	border-radius: 4px;
	color: #000;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	line-height: 32px;
	padding: 0 8px;
}

.login-item-full  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 28px 0;
}

input.btn-login  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background-color: #f3c727;
	border: none;
	color: #231f20;
	text-align: center;
	font-weight: 700;
	line-height: 32px;	
	font-size: 16px;
}

.success  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	text-align: center;
	line-height: 70px;
	color: #FFF;
	background-color: #4e9345;
}

.invalid  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	text-align: center;
	line-height: 70px;
	color: #FFF;
	background-color: #a4192d;
}

#headercontainer  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	border-bottom: 2px solid #f3c727;
}

#header  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}
		
#headerleft  {
	width: 20%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

#headerleft img  {
	width: 100%;
	height: auto;
}
		
#headermiddle  {
	width: 70%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	text-align: right;
	padding-right: 6%;
}

#headermiddleimage  {
	width: 100%;
	height: auto;
	padding: 6px 0;
}

#headermiddleimage img {
	width: 25%;
	height: auto;
}

#headermiddletext  {
	width: 100%;
	height: auto;
	color: #666;
}

#headerright  {
	width: 10%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding-top: 38px;
}

#headerrightlogout  {
	width: 70%;
	height: auto;
	margin: 0 auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background-color: #f3c727;
	color: #231f20;
	text-align: center;
	font-weight: 700;
	line-height: 32px;	
	font-size: 12px;
	border: 1px solid #f5e058;
	border-radius: 5px;
}

#headerrightlogout:hover  {background-color: #f2d985;}

#mainmenu  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background: rgb(176,177,179);
	background: -moz-linear-gradient(top,  rgba(176,177,179,1) 0%, rgba(110,112,115,1) 50%, rgba(87,89,93,1) 50%, rgba(87,89,93,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(176,177,179,1) 0%,rgba(110,112,115,1) 50%,rgba(87,89,93,1) 50%,rgba(87,89,93,1) 100%);
	background: linear-gradient(to bottom,  rgba(176,177,179,1) 0%,rgba(110,112,115,1) 50%,rgba(87,89,93,1) 50%,rgba(87,89,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b1b3', endColorstr='#57595d',GradientType=0 );
}

#menu_admin, #menu_accounting, #menu_inspectors  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.menu_item  {
	float: left;
	color: #FFF;
	line-height: 44px;
	font-size: 16px;
	text-align: center;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	border-right: 2px solid #FFF;
}

.menu_item:hover  {
	background-color: #f3c727;
	color: #231f20;
}

#menu_admin .menu_item  {width: 12.5%;}
#menu_admin .menu_item:nth-child(8)  {border-right: none;}

#menu_accounting .menu_item  {width: 12.5%;}

#menu_inspectors .menu_item  {width: 20%;}

#filter  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	margin: 20px 0;
	padding: 0 10px;
}

#filter_left  {
	width: 33%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background-color: #d2d2d2;
	border-radius: 5px;
	margin-right: 2%;
}

#filter_right  {
	width: 65%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background-color: #efae1e;
	border-radius: 5px;
	color: #FFF;
}

.filter_item  {
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 0 10px;
}

#filter_left .filter_item  {width: 50%;}
#filter_right .filter_item  {width: 40%;}

.filter_item_left  {
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	line-height: 40px;
}

.filter_item_right  {
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

#filter_left .filter_item .filter_item_left {width: 30%; text-align: right; padding-right: 9px;}
#filter_left .filter_item .filter_item_right {width: 70%;}

#filter_right .filter_item .filter_item_left {width: 30%;}
#filter_right .filter_item .filter_item_right {width: 70%;}

.filter-date  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	font-size: 14px;
	line-height: 26px;
	margin-top: 6px;
	padding: 0 4px;
	border-radius: 5px;
	border: none;
}

select.filter-select  {
	width: 100%;
	height: 26px;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	font-size: 14px;
	margin-top: 7px;
	padding: 0 4px;	
	background-color: #FFF;
    border-radius:5px;
	border: none;    
}

#btn-apply-container  {
	width: 20%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 6px 16px 0 16px;
}

.btn-apply  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	cursor: pointer;
	background-color: #d2d2d2;
	color: #666;
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 1px;	
}

.btn-apply:hover  {
	background-color: #f3c727;
	color: #231f20;
}

.btn-standard  {
	width: auto;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 10px 14px;
	cursor: pointer;
	background-color: #f3c727;
	color: #231f20;
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	margin-right: 12px;
}

.btn-standard:hover  {
	background-color: #f2d985;
}

.btn-complete  {
	padding: 20px 28px;
	font-size: 18px;
	margin: 0 auto;
}

.btn-complete-container  {
	text-align: center;
}

#tasks  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.table_title  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	font-size: 20px;
	font-weight: 700;
	color: #231f20;
	padding: 20px 10px 0px 10px;
}

.table_menu  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 10px;
}

.table_menu_item  {
	width: auto;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	font-size: 14px;
	font-weight: 700;
	border-radius: 5px;
	background-color: #f3c727;
	color: #231f20;
	padding: 10px 14px;
	margin: 8px 0;
	margin-right: 12px;
}

.table_menu_item:hover  {background-color: #f2d985;}

.tbl_standard  {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-top: 2px solid #FFF;
	color: #231f20;
}

.tbl_standard th  {
	background: rgb(176,177,179);
	background: -moz-linear-gradient(top,  rgba(176,177,179,1) 0%, rgba(110,112,115,1) 50%, rgba(87,89,93,1) 50%, rgba(87,89,93,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(176,177,179,1) 0%,rgba(110,112,115,1) 50%,rgba(87,89,93,1) 50%,rgba(87,89,93,1) 100%);
	background: linear-gradient(to bottom,  rgba(176,177,179,1) 0%,rgba(110,112,115,1) 50%,rgba(87,89,93,1) 50%,rgba(87,89,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b1b3', endColorstr='#57595d',GradientType=0 );
	text-align: left;
	color: #FFF;
	padding: 14px 10px;
	border-right: 2px solid #FFF;
}

.tbl_standard th:nth-last-child(1)  {border-right: none;}
.tbl_standard td  {padding: 10px; border-right: 2px solid #FFF;}
.tbl_standard td:nth-last-child(1)  {border-right: none;}
.tbl_standard tr:nth-child(even)  {background-color: #f3f4f4;}
.tbl_standard tr:nth-child(odd)  {background-color: #d6dadb;}

#tbl_tasks .clm1 {width: 15%;}
#tbl_tasks .clm2 {width: 27%;}
#tbl_tasks .clm3 {width: 40%;}
#tbl_tasks .clm4 {width: 5%;}
#tbl_tasks .clm5 {width: 12%;}

#tbl_properties .clm1 {width: 15%;}
#tbl_properties .clm2 {width: 27%;}
#tbl_properties .clm3 {width: 40%;}
#tbl_properties .clm4 {width: 5%;}
.extra_apts  {
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	background-color: #f3c727 !important;
	color: #231f20 !important;
}

#tbl_areas .clm1 {width: 10%;}
#tbl_areas .clm2 {width: 65%;}
#tbl_areas .clm3 {width: 10%;}
#tbl_areas .clm4 {width: 15%;}

#tbl_details .clm1 {width: 10%;}
#tbl_details .clm2 {width: 65%;}
#tbl_details .clm3 {width: 10%;}
#tbl_details .clm4 {width: 15%;}

#tbl_condition .clm1 {width: 10%;}
#tbl_condition .clm2 {width: 65%;}
#tbl_condition .clm3 {width: 10%;}
#tbl_condition .clm4 {width: 15%;}

#tbl_users .clm1 {width: 10%;}
#tbl_users .clm2 {width: 65%;}
#tbl_users .clm3 {width: 10%;}
#tbl_users .clm4 {width: 15%;}

#tbl_reports .clm1 {width: 15%;}
#tbl_reports .clm2 {width: 40%;}
#tbl_reports .clm3 {width: 40%;}
#tbl_reports .clm4 {width: 5%;}

.startClosed   {width: 100%; height:auto;}

#tbl_open .clm1 {width: 40%;}
#tbl_open .clm2 {width: 15%;}
#tbl_open .clm3 {width: 15%;}
#tbl_open .clm4 {width: 15%;}
#tbl_open .clm5 {width: 15%;}

#contacts_info .item {padding: 20px 10px;}

#tbl_tenants .clm1 {width: 20%;}
#tbl_tenants .clm2 {width: 10%;}
#tbl_tenants .clm3 {width: 25%;}
#tbl_tenants .clm4 {width: 25%;}
#tbl_tenants .clm5 {width: 20%;}

#tbl_vendor  {margin-top: 30px;}
#tbl_stakeholders  {margin-top: 30px;}

.sub-title-details  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 20px 10px;
}

.full-width  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 10px;
}

.inspection_info  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 20px 10px 0 10px;
}

.inspection_info .item  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	margin-bottom: 7px;
}

.inspection_info .item .item_left  {
	width: 15%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.inspection_info .item .item_right  {
	width: 85%;
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.inspection_info .btn-standard  {margin: 10px 0;}

.area  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	border-bottom: 40px solid #f3c727;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	-webkit-box-shadow:inset 0 10px 30px -15px rgba(0,0,0,1);
	box-shadow:inset 0 10px 30px -15px rgba(0,0,0,1);
}

#areas  {margin-bottom: 20px;}

.area-header  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 0 10px;
	font-size: 24px;
	color: #231f20;
	margin-bottom: 14px;
}

.inspection_form  {
	width: 100%;
	height: auto;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 0 10px;
}

.inspection_form .item  {
	height: auto;
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

.inspection_form .item:nth-child(1)  {width: 25%; font-size: 18px; padding-left: 24px;}
.inspection_form .item:nth-child(2)  {width: 25%; padding-right: 10px;}
.inspection_form .item:nth-child(3)  {width: 40%; padding-right: 10px;}
.inspection_form .item:nth-child(4)  {width: 10%;}

.issues .tbl_standard  {
	border-bottom: 2px solid #231f20;
	margin-bottom: 50px;
}

.issues th:nth-child(1) {width: 25%;}
.issues th:nth-child(2) {width: 25%;}
.issues th:nth-child(3) {width: 15%;}
.issues th:nth-child(4) {width: 15%;}
.issues th:nth-child(5) {width: 15%;}
.issues th:nth-child(6) {width: 5%;}

#editprop_info .item:nth-child(0)  {padding: 20px 10px;}

#editprop_info .item  {padding: 10px; max-width: 800px;}

#editprop_info .item .item_left  {padding-top: 10px;}

#editprop_areasinfo .item  {padding: 0 10px;}

#editprop_info .item .item_left  {width: 30%;}

#editprop_info .item .item_right  {width: 70%;}

#tbl_editprop .clm1  {width: 20%;}
#tbl_editprop .clm2  {width: 30%;}
#tbl_editprop .clm3  {width: 35%;}
#tbl_editprop .clm4  {width: 10%;}
#tbl_editprop .clm5  {width: 5%;}

.inspselect  {
	width: 100%;
	height: auto;
    float: left;
    font-size: 16px;
}

#issuepo .item  {padding-left: 10px; margin-bottom: 14px;}

#issuepo .item {max-width: 600px !important;}
#issuepo .item .item_left {width: 40% !important; padding-top: 12px;}
#issuepo .item .item_right {width: 60% !important;}
#issuepo .item:nth-child(7) .item_left {width: 50% !important; padding-right: 1%; padding-top: 0;}
#issuepo .item:nth-child(7) .item_right {width: 50% !important; padding-left: 1%;}
#issuepo .item:nth-child(9) .item_left {padding-top: 0;}

textarea.add  {
	width: 100%;
	height: auto;
	border: 1px ridge #666;
	background-color: #FDF8FC;
	color: #666;
}

input.text  {
	width: 100%;
	height: auto;
	border-radius: 5px;
	color: #000;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
	padding: 4px 6px;
	line-height: 24px;
}

select.select  {
	width: 100%;
	height: auto;
    float: left;
    font-size: 16px;
}

input.submit  {
	width: 100px;
    height:35px;
    color:#58595B;
    padding: 3px;
    margin-right: 20px;
    float: right;
    margin-top: 10px;
}




























































strong
{
	font-weight: bold;
}
span.comments
{
	color: #900;
}

select.select
{
	border: 1px ridge #666;
	color: #666;
	background-color: #FDF8FC;
	width: 211px;
    border-radius:5px;
    height:25px;
}

input.submit2 {width:100px; height:25px; color:#58595b;}

.clear {clear:both;}

#version
{
	float: right;
	font-size: 0.8em;
	padding: 2px;
}

#content
{
	min-height: 768px;
	color: #666;
}

#info
{
        margin-top: 5px;
	border-bottom: 1px dotted black;
}

#info table tr td
{
	padding: 3px;
}

#footer
{
	padding-top:25px;
	text-align: center;
	font-size: 0.7em;
	height: 12px;
        clear: left
}


#adminMenu
{

    margin-right: 8px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}
#user a
{

    text-decoration: none;
    color: black;
}
#user input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-bottom: 10px;
    padding: 3px;
    width: 200px;
}


.insheader{

    color: black;
    font-size: 16pt;
    clear:left
}
.inssubmit{
    border: 1px solid #73A4B3;
    color: #666666;
    margin-bottom: 10px;
    margin-left: 1px;
    padding: 2px;
    vertical-align: top;
    width: 100px;
    float:left;
    
}
.aptsubmit{
        border: 1px solid #73A4B3;
    color: #666666;
    margin-bottom: 10px;
    margin-left: 1px;
    padding: 2px;
    vertical-align: top;
    width: 150px;
}
#aptselect
{
    border-bottom: 1px dotted black;
}
#tasks legend{
    color: #990000;
    word-wrap: normal;
    white-space: normal;
}

#tasks input.btn{
    background: none repeat scroll 0 0 #FDF8FC;
    border: 1px ridge #CCCCCC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 70%;
    margin-top: 10px;
    overflow: visible;
    padding: 3px 0.25em;
    width: auto;
}
#reportfilter{
	border: 1px solid #CCCC00;
	padding: 8px;
    margin-left: 5px;
    margin-right: 5px;
}
#reportfilter label{
    color: #333333;
    font-size: 16pt;
}
#reportfilter input.submit{
    width: 120px;
    float: right;
    font-size: 18pt;
}
#date{
    float: left;
    padding-top: 20px;
    margin-left: 6px;
    margin-right: 10px;
}
#date input{

    margin-top: 5px;
    margin-bottom: 5px;
}
#status {
    float: left;
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 20px;
}
#status select{
    width: 90px;
}
#prop{
    float: left;
    padding-left: 10px;
    padding-top: 20px;
    padding-right:20px;
}

#keyword {
    padding-top:20px;
    float:left;
}

#reportbuttons {
    padding-top: 50px;
}

#foot{
    clear: both
}
.commfield{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-bottom: 10px;
    padding: 3px;
    width: 300px;
}
.reportbtn{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    margin-bottom: 10px;
    padding: 3px;
    width: 200px;
}
#reportbody{
    background-color: white;
}
#reportpage{
    background-color: white;
    width: 7.5in;
    margin: 10px;
    border: 1px dotted black;
}
#reportheaderwrapper{

    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: black;
}
#reportheader h1{
    float: right;
    font-size: 24pt;
    padding-top: 25px;
    padding-right: 110px;
}
#reportimg{
    padding-top: 20px;
}
#reportinfo label{
    float: left;
    font-variant: small-caps;
    margin-left: 10px;
    text-align: left;
    width: 130px;
}
#reportinfo h3{

    font-size: 14pt;
}
.reportcheck{

    width: 20px;
    height: 20px;
}
#report h4{
    font-size: 14pt;
    font-variant: small-caps;
    padding: 5px;
    text-align: left;
}
#report th{
    text-align: left;
}
.reportstat{
    width:68px;
}
.reportcomment{
    width:680px;
}
.reportdetail{
    min-width: 80px;
}
.reportcomment{
    width: 680px;
}
#report table{
    margin: 5px;
}
.reportcommententry{
    font-size: 10pt;
}
#report td{

    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#selarea{
    width: 160px;
    float: left;
}
#seldetail{
    width: 170px;
float: left;
}
#selvend{
    width: 200px;
float: left;
}
#selcond{
    width: 190px;
float: left;
}
.contactinfo h2
{
    margin-top: 20px;
    font-size: 20pt;
}
.contactinfo td
{
    padding: 5px;
    text-decoration: none;
    color: #333333;
}
.contactinfo table
{

    margin-left: 25px;
}
.tarea
{
    width: 160px;
    float: left;
}
.tdetail
{
    width: 170px;
    float: left;
}
.tcond
{
    width: 190px;
    float: left;
}
.tvend
{
    width: 200px;
    float: left
}
.statusimg{
    clear: left;
}
.tbold{
    font-weight: bold;
}
#sort div:nth-child(odd){
    background-color: #F0F0F5;
}
.sortid{

    margin-bottom: 3px;
    margin-top: 3px;
}
.pipe{

    margin-left: 10px;
    margin-right: 10px;
}
.foot{clear: both}
.bold{
    font-weight: bold;
}
#propedit .adcentry:nth-child(odd){
    background-color: #F0F0F5;
}

.tenedit{
    border: 1px solid #cccccc;
    height: 10px;
    width: 10px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer !important;
   /* cursor: hand;*/
    background: url(../images/aed10.png) no-repeat -10px -10px;
}
.tenedit:hover{
    background-position: -10px 0;
}
.tenadd{
    height: 10px;
    width: 10px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer !important;
    /*cursor: hand;*/
    background: url(../images/aed10.png) no-repeat 0 -10px;
}
.tenadd:hover{
    background-position: 0 0;
}
.tenarc{
    border: 1px solid #cccccc;
    height: 10px;
    width: 10px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer !important;
    /*cursor: hand; */
    background: url(../images/aed10.png) no-repeat -20px -10px;
}
.tenarc:hover{
    background-position: -20px 0;
}

/*popup styling */

.ui-dialog .ui-dialog-titlebar {
    padding-left:10px !important;
    padding-top:10px !important;
    padding-bottom:0px !important;
}

.ui-widget-header {
border: none !important;
background: white !important;
}

.ui-draggable .ui-dialog-titlebar {
cursor: move !important;
font-size: 30px !important;
}

.poforminfo {padding-bottom: 15px;}

.poformcontent {
    font-size:20px;
    background-image:url('../images/new/bg_popup.svg');
    background-position:center center;
    background-repeat:no-repeat;
}

.poComments {border-radius: 10px;
border-color: #BCBEC0;
border-width: 2px;}

.poPrice {border-radius: 10px;
border-color: #BCBEC0;
border-width: 2px;}

.poVendor {border-radius: 10px;
border-color: #BCBEC0;
border-width: 2px;}

#povendorname {border-radius: 10px;
width: 430px;
border-width: 2px;border-color: #BCBEC0;}

#povendoremail {border-radius: 10px;
width: 430px;
border-width: 2px;border-color: #BCBEC0;}

.vendorcomments {padding-bottom:5px;}


/*** TABLE HEADER STYLING ***/

/*Properties*/

.areaname {
    padding-top:3px;
    padding-left:103px;
}

.propedit {
    padding-left: 492px;
}

.proparchive {
    padding-left:93px;
}

.areaname2 {
    padding-top:3px;
    padding-left:85px;
}

.propedit2 {
    padding-left:593px;
}

.proparchive2 {
    padding-left:58px;
}

.areaname3 {
    padding-top: 3px;
    padding-left: 121px;
}

.propedit3 {
    padding-left:426px;
}

.proparchive3 {
    padding-left:111px;
}

.areaname4 {
    padding-top: 3px;
    padding-left: 81px;
}

.propedit4 {
    padding-left:647px;
}

.proparchive4 {
    padding-left: 45px;
}

.areaname5 {
    padding-top: 3px;
    padding-left: 141px;
}

.propedit5 {
    padding-left:379px;
}

.proparchive5 {
    padding-left:141px;
}

.areaname6 {
    padding-top:3px;
    padding-left:118px;
}

.propedit6 {
    padding-left:567px;
}

.proparchive6 {
    padding-left:113px;
}

.mgr6 {
    /* padding-left:25px; */
    padding-left:218px;
	
}

.dropzone {
    width: 100%;
    height: 142px;
    border: 4px dashed #9d9d9d;
    border-radius: 10px;
}

.dropzone .dz-default.dz-message {
    text-align: center;
    margin-top: 59px;
    font-size: 23px;
    color: #9d9d9d;
}