@charset "utf-8";
/* CSS Document */
/*pages used*/
/*joblist_32.aspx
joblist_adv_32.aspx
inspections_32.aspx
jobedit_32.aspx

*/




body {
	font: 1em/100% Arial, Helvetica, sans-serif !important ;
	
}
 
a:link {
	color: #002ABA;
	font-size: 1em;
	
	text-decoration:none;
}

h1 {
	font: 1em/100% Arial, Helvetica, sans-serif !important;
	color:#FFFFFF;
}

h2 {
	font: 1.75em/100% Arial, Helvetica, sans-serif ;
	font-weight: bold ;
}

h3 {
	font: 1.25em/100% Arial, Helvetica, sans-serif, bolder;
}

h4 { 
font: 1em/100% Arial, Helvetica, sans-serif;
 }


/*Bttn  start*/

#btnAdvanced,
#HypResultsReturn {
	 color: #2105D5;
	 font-weight:bold;
	 text-align:left;
	 font-size: 1em;
	 border:thin  #ccc solid;
	
	
}



#cmdedit1, #cmdedit2, #cmdedit3,#cmdedit4, #cmdedit5, #cmdedit6,#cmdedit7, #cmdedit8, #cmdedit9,
#cmdadd1, #cmdadd2, #cmdadd3,#cmdadd4, #cmdadd5, #cmdadd6,#cmdadd7, #cmdadd8, #cmdadd9,
#cmddelete1, #cmddelete2, #cmddelete3,#cmddelete4, #cmddelete5, #cmddelete6,#cmddelete7, #cmddelete8, #cmddelete9,
#btnAdd,
#btnJob,
#btnIsp,
#btnInv,
#btnDel,
#btnAddr,
#btnAddrM,
#btnCity,
#btnCityM,
#btnOwn,
#btnOwnM,
#btnPerm,
#btnPermM,
#btnPO, 
#btnPOM,
#btnCont,
#btnContJ,
#btnBill,
#btnTwp,
#btnUtil,
#btnUtilJ,
#btnInsp,
#btnClear,
#btnPd,
#btnTyp,
#btnCty,
#btnJmpJob,

#btnMain, 



#btnAddJob,
#btnContr,
#btnMuni,
#btnMuniJ,
#hypQView,
#btnCalc,
#btnNwJb,
#btnCpyJb,
#btnCnclAdd,
#btnRemember,
#btnDlt,
#btnExit, 
#btnPrntJb,





#btnView,

#btnPerm,
#btnOwn,

#btnReturn,
#btnUpdate,
#btnChange,
#btnCandR,
#btnNext,
#btnSave,
#cmdOK,
#btnSandR,
#btnCancel,
#btnDelete,
#btnReqNo,
#btnReqYes,


#btnContinue,
#btnSytem,
#btnResets,
#btnLog,
#btnUsers,
#btnTests,
#btnMaint,
#btnCards,
#btnStatus,
#btnMsg,
#btnLimit,
#cmdResetOpenBlocks,
#btnResetLogin,
#btnUsrActvty,
#btnErrLog,
#btnHandBk,
#btnUser,
#btnUserAdv,
#btnUnMtchInspView,
#btnUnMtchInspDelete,
#btnUnMtchInspTypView,
#btnUnMtchContrJob,
#btnDscntMsApplyd,
#btnUnMtchBillToJob,
#btnContrNameMods,
#btnInsptr,
#btnInspType,
#cmdReviewJobSlips,
#btnBlast,
#btnPrntCards,
#btnEMail,
#btnChg,
#btnNotes,
#btnContrM,

#btnPhon,

#btnRtn,
#btnSessions,
#btnFeatures,
#btnUpdates,
#Button1 {
	 color: #002ABA !important;
	 font-weight:bold;
	 background-image:url(images/gray_block.png);
	 word-break:break-all;
		
	 text-align:center;
 }
 
 	
 #btnInspReq,
#btnJobs, #btnAcctUser, #btnHome, #btnSearch {
	 color: #002ABA;
	 font-weight:bold;
	 padding: 10px;
	 background-image:url(images/gray_block.png);	 
	
 }
 
 #btnOK, 
 #btnPrntCtCrd, #btnPrntSmlCtCrd, #btnPrtCrt, #btnPrtTwpCrd, #btnPAP {
	  color: #002ABA;
	 font-weight:bold;
	 background-image:url(images/gray_block.png);
 }	
	




/*Bttn hover start*/


#btnAdvanced:hover,
#HypResultsReturn:hover {
	 color: #A50034;
	 font-weight:bold;
	 cursor: pointer;
	 border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius:5px;
	 border:thin #A50034 solid ;
	 background-image:none;
	 text-align:left;
	 font-size: 1em;
	 background-color: #FFFFFF;
	
}

a: hover { 
	color: #FFAD33;
	font-size: 1em;
}


#cmdView1:hover,#cmdView2:hover,#cmdView3:hover,#cmdView4:hover,#cmdView5:hover,#cmdView6:hover,#cmdView7:hover,#cmdView8:hover,#cmdView9:hover,
#cmdedit1:hover, #cmdedit2:hover, #cmdedit3:hover,#cmdedit4:hover, #cmdedit5:hover, #cmdedit6:hover,#cmdedit7:hover, #cmdedit8:hover, #cmdedit9:hover,
#cmdadd1:hover, #cmdadd2:hover, #cmdadd3:hover,#cmdadd4:hover, #cmdadd4:hover, #cmdadd6:hover,#cmdadd7:hover, #cmdadd8:hover, #cmdadd9:hover,
#cmddelete1:hover, #cmddelete2:hover, #cmddelete3:hover,#cmddelete4:hover, #cmddelete5:hover, #cmddelete6:hover,#cmddelete7:hover, #cmddelete8:hover, #cmddelete9:hover,
#btnAdd:hover,
#btnJob:hover,
#btnIsp:hover,
#btnInv:hover,
#btnDel:hover,
#btnAddr:hover,
#btnAddrM:hover, 
#btnCity:hover,
#btnCityM:hover,
#btnOwn:hover,
#btnOwnM:hover,
#btnPerm:hover,
#btnPermM:hover,
#btnPO:hover, 
#btnPOM:hover,
#btnCont:hover,
#btnContJ:hover,
#btnBill:hover,
#btnTwp:hover,
#btnUtil:hover,
#btnUtilJ:hover,
#btnInsp:hover,
#btnClear:hover,
#btnPd:hover,
#btnTyp:hover,
#btnCty:hover,
#btnJmpJob:hover,



#btnMain:hover,

#btnAddJob:hover,
#btnContr:hover,
#btnMuni:hover,
#btnMuniJ:hover,
#hypQView:hover,
#btnCalc:hover,
#btnNwJb:hover,
#btnCpyJb:hover,
#btnCnclAdd:hover,
#btnRemember:hover,
#btnDlt:hover,
#btnPrntJb:hover,
#btnExit:hover,





#btnView:hover,

#btnPerm:hover,
#btnOwn:hover,

#btnReturn:hover,
#btnUpdate:hover,
#btnChange:hover,
#btnCandR:hover,
#btnNext:hover,
#btnSave:hover,
#cmdOK:hover,
#btnSandR:hover,
#btnCancel:hover,
#btnDelete:hover,
 #btnReqNo:hover,
#btnReqYes:hover,

#btnContinue:hover,
#btnSytem:hover,
#btnResets:hover,
#btnLog:hover,
#btnUsers:hover,
#btnTests:hover,
#btnMaint:hover,
#btnCards:hover,
#btnStatus:hover,
#btnMsg:hover,
#btnLimit:hover,
#cmdResetOpenBlocks:hover,
#btnResetLogin:hover,
#btnUsrActvty:hover,
#btnErrLog:hover,
#btnHandBk:hover,
#btnUser:hover,
#btnUserAdv:hover,
#btnUnMtchInspView:hover,
#btnUnMtchInspDelete:hover,
#btnUnMtchInspTypView:hover,
#btnUnMtchContrJob:hover,
#btnDscntMsApplyd:hover,
#btnUnMtchBillToJob:hover,
#btnContrNameMods:hover,
#btnInsptr:hover,
#btnInspType:hover,
#cmdReviewJobSlips:hover,
#btnBlast:hover,
#btnPrntCards:hover,
#btnEMail:hover,
#btnChg:hover,
#btnNotes:hover,
#btnContrM:hover,

#btnPhon:hover,

#btnRtn:hover,
#btnSessions:hover,
#btnFeatures:hover,
#btnUpdates:hover,
#Button1:hover  {
	color: #FFAD33 !important;
	 font-weight:bold;
	 cursor: pointer;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius:10px;
	 border:thin #FFAD33 solid ;
	 background-image:none;
	 background-color: #FFFFFF;
	 
 }

 #btnInspReq:hover,

#btnJobs:hover,
#btnAcctUser:hover,
#btnHome:hover,
#btnSearch:hover {
	 color: #FFAD33;
	 font-weight:bold;
	 cursor: pointer;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius:10px;
	 border:thin #FFAD33 solid ;
	 background-image:none;
	


}

 #btnOK:hover,
  #btnPrntCtCrd:hover,
   #btnPrntSmlCtCrd:hover,
    #btnPrtCrt:hover,
	 #btnPrtTwpCrd:hover,
	  #btnPAP:hover {
		   color: #FFAD33;
	 font-weight:bold;
	 cursor: pointer;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius:10px;
	 border:thin #FFAD33 solid ;
	 background-image:none;

 }
 

 
 
#radDDLCont {
	display: block;
}









#lbldisplay: {
	font-size:  1em/50% Arial, Helvetica, sans-serif;
}
	 



/**/



#insp1,#insp2,#insp3,#insp4,#insp5,#insp6,#insp7,#insp8,#insp9,
.TextBox,
.Label  {
	 background-color:#FFFFFF;
}


.radio {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

	

/************************************************************************************
MAIN STRUCTURE
 *************************************************************************************/
#data{
	
	background-image:none;
	padding: 0px;
	margin: 0px;
}


#pagewrap {
	width:100%;
	/*background-color:rgba(243,125,35,.2);*/
	
	align-items:left;
	padding:0px;
	background-image:none;
	font: 1em/100% Arial, Helvetica, sans-serif !important ;
}

#jump {
	
	background-color: #00F270;
	 border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-top-left-radius: 5px;
	 border-top-right-radius:5px;
	 border: thick solid #00639B ;
	 background-image:none;
	
}


/*jobcriteria_32 div's*/
#header {
   /* 68A205*/
	background-color:#99A47E;
	align-content:left;
	vertical-align:top;
	width:100%;
	height:15%;
	position: inherit;
	background-image:none;
	text: #FFFFFF;

}

/*jobcriteria_32 div's*/

#ads {
	width:38%;
	float:left;
	margin-bottom: 5px;
	margin-left:5px;
	
}

#wildcard {
	width:58%;
	float:right;
	
}
/*joblist_adv_32.aspx*/
#dropdown {
	width:100%;
	clear:both;
	
	margin-bottom: 10px;
}


#bottombttn {
	width:100%;
	clear:both;
	margin-bottom: 10px;
}


#CompBal {
		float:none;
		width:100%;

}
#uia {
	
	float:left;
	width:100%;

}


#content {
	width: 50%;
	margin-left: 20px;
	
}


#buttonguest {
	
	float: left;
	width: 25%;
}
 

#jobs {
	float:right;
	width: 70%;
	height:auto;
	font: 1em/150% Arial, Helvetica, sans-serif;
	background-color: #FAFAFA;
	
}

#exit {
	width:20%;
	float:right;
	height: 100%;
	
}
	
#utlbutton {

	width: 32%;
	float: left;
	align-content:center;
	valign-content:center;
	padding:4px;
		
}

	
	
	


/*joblist_32.aspx,joblist_guest_32.aspx */
#searchtable {
	

	margin-left: 5%;
    margin-right: 5%;
	 font: 1em/150% Arial, Helvetica, sans-serif;
	font: 1em/ Arial, Helvetica, sans-serif;
	/*border:rgba(220,19,23,1.00) dotted 1px;
	background-color:rgba(66,144,65, .4);*/
	word-break:break-all;
}
/*jobedit_32.aspx*/
#edit1 {
	float:left;
	width:69%;
	
	padding:5px;
	padding-bottom:5px;
}
/*jobedit_32.aspx*/
#approval {
	float:right;
	width:29%;
	
}

#border {
	width:99%;
	clear:both;
	padding:0px;
}

/*jobedit_32.aspx*/
#edit2 {

	width: 100%;
	background-color:#cbcbcb !important;
	padding-top:5px;
	clear:both;
	
}
/*jobedit_32.aspx*/
#ppl {
	padding-bottom:5px;
	width:100%;
	clear:both;
	background-color:#cbcbcb !important;
}
/*jobedit_32.aspx*/
#edit3 {
	clear:both;
	width:100%;
	
	padding-top:6px;
	padding-bottom:6px;

	
}

/*jobedit_32.aspx*/
#edit4 {
	clear:both;
	width:100%;
	background-color:#cbcbcb !important;
	padding-top:5px;
	padding-bottom:5px;
}

/*jobedit_32.aspx*/
#edit5 {
	float:left;
	width:50%;
	
}
/*jobedit_32.aspx*/
#edit6 {
	float:right;
	width:50%;
	
}

/*jobedit_32.aspx*/
#edit7 {
	float:left;
	width:100%;
	clear:both;
	
	
}


 /*#certs {
	float:right;
	width:30%;
}*/

#footer {

	clear:both;
	width:100%;
	display:inline-block;
	background-color:#0466A2;
	height:auto;
	
	bottom:0;
	position: fixed;
	background-image:none;
	text: #FFFFFF;
}



#footer a {
	color: #fff;
}

#footer a:hover, a:active {
	color: #f90b05;
}


img {
	max-width: 100%;
	height: auto;
	
}

input {
	
        box-sizing: border-box;
		border:thin;
        width: 100%;
     	border: 1px solid #CCCCCC;
		padding: 10px;
		background:none;
	
		
  }
  
  video {
	max-width: 100%;
	height: auto;
}
  
/*  
.table,
td.wrappable,
table.data_table td.wrappable,
.lblTableRow {
    white-space: pre-wrap;
	word-wrap: normal;
	table-layout:auto;
}              
  
*/



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* --------  large screen ( 981px or more) -----------  */
@media screen and (min-width: 981px) {

#pagewrap {
	width: 100%;
	
	background-image:none;
}
	
#header {
		width: 100%;	
}
	
#uia {
	
	float:left;
	width:20%;
}

/*jobcriteria_32 div's*/

#ads {
	width:38%;
	float:left;
	margin-bottom: 5px;
	margin-left:5px;
	
	
}

	


#wildcard {
	width:58%;
	float:right;
	
	
	}

#dropdown {
	width:100%;
	clear:both;
	
	margin-bottom: 10px;

	}


#bottombttn {
	width:100%;
	
	clear:both;
	margin-bottom: 10px;
}

#buttonguest {


	float: left;
	width: 25%;
	
}
 
#content {
	width: 50%;
	margin-left: 20px;
	
}

#jobs {
	
		width: 70%;
		float:right;
		
		
		
}
	
	#searchtable {
	
	margin-left: 5%;
    margin-right: 5%;
  
	font: 1em/150% Arial, Helvetica, sans-serif;
	}


#utlbutton {

	width: 32%;
	float: left;
	align-content:center;
	valign-content:center;
	padding:4px;
		

}
#edit1 {
	float:left;
	width:69%;
}

#approval {
	float:right;
	width:29%;
}

#border {
	width:99%;
	clear:both;
	padding:0px;
}


#edit2 {

	width: 100%;
	background-color:F8F8F8;
	clear:both;
	
}

#ppl {
	
	width:100%;
	clear:both
}

#edit3 {
	clear:both;
	width:100%;
	
}


#edit4 {
	float:left;
	width:100%;
}


#edit5 {
	float:left;
	width:49%;
}

#edit6 {
	float:right;
	width:49%;
}


#edit7 {
	float:left;
	width:100%;
	clear:both;
}


/*certs {
	float:right;
	width:30%;
}*/

#footer {
	clear:both;
	width:100%;
	
	background-color:#0466A2;
	bottom: 0px;
	position:fixed;
	background-image:none;
	text: #FFFFFF;
}
	
	
	 }



/* for 980px or less - 1 */
@media screen and (max-width: 980px)  {
	

#pagewrap {
	width:100%;
	align-items:left;
	background-image:none;
	
	
	}
	
#header {
		width: 100%;	
		
	}
	
#uia {
	
	float:left;
	width:20%;
}

/*jobcriteria_32 div's*/

#ads {
	width:38%;
	float:left;
	margin-bottom: 5px;
	margin-left:5px;
	
	
}

	


#wildcard {
	width:58%;
	float:right;
	
	
	}

#dropdown {
	width:100%;
	clear:both;

	margin-bottom: 10px;

	}


#bottombttn {
	width:100%;
	clear:both;
	margin-bottom: 10px;
}




#content {
	width: 50%;
	margin-left: 20px;
	
}
#buttonguest {


	float: left;
	width: 25%;
	
}
 


#jobs {
	float:right;
	width: 70%;
	height:auto;
	
}

#searchtable {
	width: 100%;
	
	margin:0;

	
	
}
	

#footer {
	clear:both;
	width:100%;
	
	background-color:#0466A2;
	bottom:0px;
	position:fixed;
	text: #FFFFFF;
}








}

/* for 700px or less - 2 */
@media screen and (max-width: 768px)  {

#pagewrap {
	width: 100%;
	align-items:left;
	background-image:none;
	
}

#header { 
		
		display:inherit;
}

#uia{
	height:auto;
	width:100%;
}
/*jobcriteria_32 div's*/

#ads {
	width: auto;
	float:none;
	margin-bottom: 5px;
	margin-left:5px;
	
}
#wildcard {
	width: auto;
		float: none;
			
	}
	
#dropdown {
	width: auto;
		float: none;
		margin-bottom: 10px;

	}

#content {
	width: 100%;
	margin-left: 0px;
	
	
}
#buttonguest {
	width:100%;
	float: left;
	align-content:center;
	valign-content:center;
}

#jobs {

		width: 100%;
		float:left;
		height:auto;
}


#searchtable {
	width: 100%;
	
	margin:0;
}





#exit {
	clear:both;
	width:100%;
	height: auto;
	
	
}

#edit1 {
	width:100%;
}

#approval {
	float:left;
	width:100%;
}



#edit2 {
	float:left;
	width: 100%;
	
}

#ppl {
	float:left;
	width:100%;
}

#edit3 {
	clear:both;
	
}




#footer {
	clear:both;
	width:100%;
	
	bottom:0px;
	position:fixed;
	background-image:none;
	
}

}

/* --------  iphone landscape-----------  */
/* for 480px or less - 3 */
@media screen and (max-width: 480px)  {


#pagewrap {
	width: 100%;
	align-items:left;
	background-image:none;
	
}

	#header { 
		height: auto;
		
}
	
#uia {
		height: auto;
		width:100%;
}

/*jobcriteria_32 div's*/

#ads {
	width: auto;
	float:none;
	margin-bottom: 5px;
	
}
#wildcard {
	width: auto;
		float: none;
	
	
	}
	
#dropdown {
	width: auto;
		float: none;

	}











#content {
	width: auto;
	margin-left: 0px;

	
}

#buttonguest {
	width: auto;
		float: none;
		height:auto;
}
	
#jobs {
	
		width: 100%;
		height:auto;
}


#searchtable {
	width: 100%;
	
	margin:0;
}
	
#jobedit {
	float:left;
	padding:5px;
	width: 100%;
	font: 1em/150% Arial, Helvetica, sans-serif;
}

	#exit {
	clear:both;
	width:100%;
	height: auto;

	
}


#footer {
	clear:both;
	width:100%;
	
	position: inherit;
	padding-bottom:0;

}


#btnJob,

#btnMain {
	width: 100%;
	 color: #002ABA;
	 font-weight:bold;
	 background-image:url(images/gray_block.png);
	
	
	
 }

#utlbutton {

	width:100%;
	float: left;
	align-content:center;
	valign-content:center;
	padding:4px;
		
}
}

/* border & guideline (you can ignore these) */