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


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





h1 {
	font: 1em/150% Arial, Helvetica, sans-serif;

	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/150% Arial, Helvetica, sans-serif;
 }

#btnAdvanced {
	 color: #2105D5;
	 font-weight:bold;
	 font-style:italic;
	 background-image:url(images/gray_block.png);
}


#btnExit, #btnPrntJb, #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);
 }
 #btnReturn {
	 color: #002ABA !important;
	 font-weight:bold !important;
	 background-image:url(images/gray_block.png ) !important;
	 word-break:break-all !important;
	
	 text-align:center !important; 
	 
 }
 
 
 
 
 
#btnAddJob,
#btnClear,
#btnInsp,
#btnUtil,
#btnPO, 
#btnPOM,
#btnPermM,
#btnPerm,
#btnOwnM,
#btnOwn,
#btnCityM,
#btnCity,
#btnAddrM,
#btnInv,
#btnAdd,
#btnView,
#btnDel,
#btnPerm,
#btnOwn,
#btnAddr,
#btnJob,
#btnTwp,
#btnBill,
#btnCont,
#btnMain, 

#btnUpdate,
#btnChange,
#btnCandR,
#btnNext,
#btnSave,
#cmdOK,
#btnSandR,
#btnCancel,
#btnDelete,
#btnReqNo,
#btnReqYes,
#btnCalc,
#btnNwJb,
#btnCpyJb,
#btnCnclAdd,
#btnRemember,
#btnDlt,
#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,
#btnContr,
#btnPhon,
#btnMuni,
#hypQView,
#btnRtn,
#btnSessions,
#btnFeatures,
#btnUpdates {
	 color: #002ABA;
	 font-weight:bold;
	 background-image:url(images/gray_block.png);
	 word-break:break-all;
	
	 text-align:center;
	
	
	
 }

.cmdedit {
 color: #002ABA;
	 font-weight:bold;
	 cursor: pointer;
}

#btnAdvanced:hover {
	 color: #2105D5;
	 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 #2105D5 solid ;
	 background-image:none;
	


}

#btnInspReq:hover,
#btnPrntJb:hover,
#btnExit:hover,
#btnJobs:hover,
#btnAcctUser:hover,
#btnHome:hover,
#btnSearch:hover {
	 color:#4F4B8A;
	 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 #4F4B8A solid ;
	 background-image:none;
	


}

 #btnOK:hover,
  #btnPrntCtCrd:hover,
   #btnPrntSmlCtCrd:hover,
    #btnPrtCrt:hover,
	 #btnPrtTwpCrd:hover,
	  #btnPAP:hover {
		   color :#4F4B8A;
	 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 #4F4B8A solid ;
	 background-image:none;

 }
 

#btnReturn:hover {
	color:#4F4B8A !important;
	 font-weight:bold !important;
	 cursor: pointer !important;
	 border-bottom-right-radius: 10px !important    ;
	 border-bottom-left-radius: 10px !important  ;
	 border-top-left-radius: 10px  !important ;
	 border-top-right-radius:10px !important  ;
	 border:thin #4F4B8A solid !important ;
	 background-image:none !important;
	
	
}



#btnAddJob:hover,
#btnClear:hover,
#btnInsp:hover,
#btnUtil:hover,
#btnPO:hover, 
#btnPOM:hover,
#btnPermM:hover,
#btnPerm:hover,
#btnOwnM:hover,
#btnOwn:hover,
#btnCityM:hover,
#btnCity:hover,
#btnAddrM:hover, 
#btnInv:hover,
#btnAdd:hover,
#btnView:hover,
#btnDel:hover,
#btnPerm:hover,
#btnOwn:hover,
#btnAddr:hover,
#btnJob:hover,
#btnTwp:hover,
#btnBill:hover,
#btnCont:hover,
#btnMain:hover,

#btnUpdate:hover,
#btnChange:hover,
#btnCandR:hover,
#btnNext:hover,
#btnSave:hover,
#cmdOK:hover,
#btnSandR:hover,
#btnCancel:hover,
#btnDelete:hover,
 #btnReqNo:hover,
#btnReqYes:hover,
#btnNwJb:hover,
#btnCpyJb:hover,
#btnCnclAdd:hover,
#btnRemember:hover,
#btnCalc:hover,
#btnDlt: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,
#btnContr:hover,
#btnPhon:hover,
#btnMuni:hover,
#hypQView:hover,
#btnRtn:hover,
#btnSessions:hover,
#btnFeatures:hover,
#btnUpdates:hover   {
	color: #4F4B8A;
	 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 #4F4B8A solid ;
	 background-image:none;
	 
 }
 
 
 
 
 
a:hover{
	text-decoration: underline;
	color: #F20000;
	
	
}




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




.cmdedit:hover {
	 color: #002ABA;
	 font-weight:bold;
	 background-image:url(images/gray_block.png);
}

.TextBox,
.Label  {

  background-color:#FFFFFF;
}

 .Button:hover  {

  background-color:#FFFFFF;
}


	

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


#pagewrap {
	width:100%;
	/*background-color:rgba(243,125,35,.2);*/
	
	align-items:left;
	padding:0px;
	background-image:none;
}

#jump {
	


	
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
	 border-top-left-radius: 10px;
	 border-top-right-radius:10px;
	 border:thin #00639B solid ;
	 background-image:none;
}


/**#CA0002**/
#header {

	background-color:#000D11;
	align-content:left;
	vertical-align:top;
	width:100%;
	height:15%;
	background-image:none;
	text: #FFFFFF;
	padding: 0px;

}

/*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%;
	border-top:#E4E4E4 1px solid;
	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;
}

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

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

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


#edit2 {
	float:left;
	width: 50%;
	background-color:F8F8F8;
	
}

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

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


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

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

#footer {

	clear:both;
	width:100%;
	
	background: rgb(0,99,155); /* Fall-back for browsers that don't support rgba */
    background: rgba(0,99,155, .7);
	
	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;
	
		
  }
  
/*  
.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%;
	border-top:#E4E4E4 1px solid;
	clear:both;
	margin-bottom: 10px;
}

#buttonguest {


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

#jobs {
	
		width: 70%;
		float:right;
		
		height:auto;
		
}
	
	#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:70%;
}

#approval {
	float:right;
	width:29%;
}
#border {
	width:100%;
	clear:both;
}

#edit2 {
	float: left;
	width: 50%;
	
}
 
 #ppl {
	float: right;
	width:49%;
}

#edit3 {
	clear: both;
	
}


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

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

#footer {
	clear:both;
	width:100%;
	
	background: rgb(0,99,155); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0,99,155, .7);
	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%;
	border-top:#E4E4E4 1px solid;
	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: rgb(0,99,155); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(0,99,155, .7);
	
	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) */