body 
{
	margin:0px;
	font-family:Arial;
	font-size:13px;
	color:#666666;
	/*background-image:url('images/srbv-lines.jpg');
    background-position:top center;
    background-repeat:repeat-x;*/
    /*line-height:16px;*/

    /*background: #B2BDD3; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(left top, #7487B1, #CCD6E0);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(bottom right, #7487B1, #CCD6E0);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(bottom right, #7487B1, #CCD6E0);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to bottom right, #7487B1, #CCD6E0);*/ /* Standard syntax */
    background: #00254A; /* Standard syntax */

}

.invoiceButton {
    border-radius: 10px;
    background-color: #fff;
    color: #323E54;
    padding: 10px;
    margin: 0px auto 10px auto;
    font-weight: bold;
    width: 210px;
    border:none;
    cursor:pointer;
}

.secondaryInvoicePanel {
    clear:both;
    padding:80px 0 60px 0;
}

.cfLeft {
    clear: both;
    float: left;
    width: 100%;
}

.cf {
    clear: both;
}

.boardBG
{
    background-image:url('images/bg-board.jpg') !important;
}

.noborder
{ 
    border-style:none !important;
}

.borderLeft
{ 
    border-left:1px solid #333333 !important;
}

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }

h1, h2 { color: #666666; font-weight:bold; font-family:Arial; padding-bottom:6px; }

h3, h4 { color: #666666; font-weight:bold; }

h1 { font-size:20px; }

h2 { font-size:17px; }

h3 { font-size:14px; }

h4 { font-size:12px; }

a
{
	color:#5f74a3;
	text-decoration:none;
}

a:hover
{
	color:#5f74a3;
	text-decoration:underline;
}

table, div, p
{
	padding:0px;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.gridViewRowStyle td
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.gridViewHeaderStyle
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#ddddee;
}

.gridViewHeaderStyle td
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#ddddee;
}

/* Navigation */
.navMenu
{
	margin:0px; 
	padding:0px;
	/*background-image:url('images/nav-bg.gif');*/
}

.navMenu td
{
	margin:0px; padding:0px;
}

.navBG
{
	/*background-image:url('images/nav-bg.gif');*/
}

.nav
{
	height:50px;
	/*background-image:url('images/nav-bg.gif');*/
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	border-left:none;
	border-right:1px solid #e1dfec;
	border-top:none;
	border-bottom:none;
}

.nav a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
	text-decoration:none;
}

.nav a :hover
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
	text-decoration:none;
}

.nav td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.nav td a
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navHover
{
	height:40px;
	/*background-image:url('images/nav-bg-hover.gif');*/
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
}

.navHover a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navHover td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel
{
	height:40px;
	/*background-image:url('images/nav-bg-sel.gif');*/
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	border-left:none;
	border-right:1px solid #e1dfec;
	border-top:none;
	border-bottom:none;
	font-weight:bold;
}

.navSel a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel td a
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.footerBG
{
	background-image:url('images/footer.gif');
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

.radWatermarkCSS
{
	font-style:italic !important;
}
/* ACCORDION */
.accordionHeader { color:white; background-color:#7d6d31; cursor:pointer; padding:10px; font-weight:bold; font-family:Verdana;
				border-bottom:solid #0e2d4b 1px; border-right:solid #1e3d6b 1px; border-left:solid #1e3d6b 1px; border-top:solid #766935 1px; }
.accordionHeaderSelected { color:White; background-color:#ac953d; cursor:pointer; padding:10px; font-weight:bold; font-family:Verdana;
                           border-bottom:solid #0e2d4b 1px; border-right:solid #1e3d6b 1px; border-left:solid #1e3d6b 1px; border-top:solid #766935 1px; }
.accordionContent { background-color:#e3e0d7; padding:10px; border-left:solid #5e7d8b 1px; border-right:solid #5e7d8b 1px; border-bottom:solid #5e7d8b 1px; font-family:Verdana; font-size:12px; }


.modalBackground { background-image:url('images/transBG.png'); background-repeat:repeat; }

.hidden { color:White; border:none; background-color:White; }

.invisible { display:none; visibility:hidden; }

.fbTextBox
{
	border:1px solid #b0b6c0;
	padding:5px;
    width:90%;
}

.fbTextBoxNarrow
{
	border:1px solid #b0b6c0;
	padding:5px;
    width:120px;
}

.fbTextBoxMed
{
    border:1px solid #b0b6c0;
	padding:5px;
    width:100%;
    max-width:200px;
}

.fbTextBoxNoPadding
{
	border:1px solid #546c80;
	padding:2px;
}

.fbTextBoxBG
{
	border:1px solid #546c80;
	background:#e0eaf0;
	padding:2px;
	margin-right: 0px;
	
}

.fbDropdownListBG {
    border: 1px solid #546c80;
    background: #e0eaf0;
    padding:6px;
    margin-right: 0px;
}

.mw160
{
    max-width:160px !important;
}

.contentShadow {box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5);border-radius: 10px;}

.fbTextBoxReadonly
{
	border:1px solid #dddddd;
	background:#ffffff;
	color:#606a70;
	font-weight:bold;
	padding:2px;
}

.padding20 
{
	padding: 10px !important; 
}

.rtWrapperContent 
{ 
    padding: 10px !important; 
} 

.cssBordered
{
	border: 1px solid #00512b;
}

.modalBackground { background-image:url('images/transBG.png'); background-repeat:repeat; }

/* Mobile responsive - 2016-08-22 */

.rootmenulink {
    font-size: 1.33em!important;
}

.ucNav 
{
    float:left;
    width:100%;
    clear:both;
    background-color:white;
    padding-top:12px;
    padding-bottom:12px;
} 

.bannerLogoDiv
{
    float:left;
    width:35%;
    padding-left:5%;
}

.bannerTextDiv
{
    float:right;
    width:53%;
    text-align:right;
    padding-right:7%;
    color:white;
    font-size:40px;
    font-family:'Times New Roman';
    text-shadow: 1px 1px 3px #333333;
    padding-top:30px;
}

.bannerLogo
{    
    width:99%;
    max-width:300px;
    min-width:180px;
    margin-top:10px;
    margin-left:1%;
}

.ucFooter
{
    float:left;
    width:100%;
    clear:both;
    margin-top:30px;
    margin-bottom:30px;
} 

.pageContent 
{
    float:left;
    width:94%;
    clear:both;
    background-color:white;
    margin-top:30px;
    margin-left:3%;
    margin-right:3%;
    border-radius:15px;
    box-shadow:1px 2px 8px #666666;
    padding-bottom:20px;
}

.homeDivContentFull
{
    float:left;
    width:64%;
    padding: 0px;
}

.contentDivFullCol
{
    float:left;
    width:64%;
    padding: 0px;
}

.homeDivContentTop
{
    float:left;
    width:90%;
    padding: 40px 2% 0px 8%;
}

.contentDivLeftCol
{
    float:left;
    width:90%;
    padding: 40px 2% 0px 8%;
}

.homeDivContentBottom
{
    float:left;
    width:90%;
    padding: 0px 2% 40px 8%;
}

.homeDivNews
{
    float:left;
    width:94%; 
    /*background-image:url('images/home-news.png'); 
    background-position:top center; 
    background-repeat:no-repeat;*/
    background: ##F5F6F5; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#FDFEFF, #E8E8E8);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#FDFEFF, #E8E8E8);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#FDFEFF, #E8E8E8);*/ /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FDFEFF, #c5cbd2); /* Standard syntax */
    padding-top:5%;
    padding-bottom:5%;
    padding-left:5%;
    padding-right:0%;
    border:1px solid #e0e0e0;
    border-radius:10px;
}

.homeDivNewsLeft
{
    float:left;
    width:52%;
    padding-right:8%;
}

.homeDivNewsRight 
{
    float:left;
    width:40%;
}

.homeDivRightCol
{
    float:left;
    width:26%;
    padding: 40px 6% 40px 4%;
}

.contentDivRightCol
{
    float:left;
    width:26%;
    padding: 40px 6% 40px 4%;
}

.homeDivRcSiteSearch
{
    float:left;
    width:100%;
    clear:both;
}

.contentDivRcSiteSearch 
{
    float:left;
    width:100%;
    clear:both;
}

.homeDivRcLogin
{
    float:left;
    width:100%;
    clear:both;
}

.homeDivRcHomeImage
{
    float:left;
    width:100%;
    clear:both;
    text-align:center;
    height: 50em;
    overflow: hidden;
    position: relative;
    background-color: #5caad1;
}

.homeDivRcHomeImageIMG
{
  height: 100%;
  width: auto; /* Maintain aspect ratio */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}

.contentDivRcHomeImage
{
    float:left;
    width:100%;
    clear:both;
    text-align:center;
}

.contentDivRcHomeImageIMG
{
    width:100%;
}

.execFull
{
    width:100%;
    float:left;
    clear:both;
    margin-top:20px;
    margin-bottom:20px;
}

.execImg 
{
    float:left;
    width:34%;
    text-align:center;
    padding-right:6%;
}

.execImg img
{
    width:100%;
    margin-bottom:20px;
}

.execDescr
{
    float:left;
    width:60%;
}


@media (min-width:768px) and (max-width: 880px) 
{
    .execImg 
    {
        width:100%;
        padding-right:0%;
    }

    .execDescr
    {
        width:100%;
    }
}

@media (max-width: 480px) 
{
    .execImg 
    {
        width:94%;
        padding-right:0%;
        padding-left:3%;
        padding-right:3%;
    }

    .execDescr
    {
        width:94%;
        padding-left:3%;
        padding-right:3%;
    }
}

.loginFormField
{
    width:35%;
    min-width:200px;
    float:left;
    margin-bottom:20px;
}

.loginFormButton
{
    padding-top:13px;
    width:25%;
    min-width:200px;
    float:left;
    margin-bottom:20px;
}

/* Complaint Form */

complaintFull
{
    width:100%;
    clear:both;
    float:left;
}

.complaintError
{
    color:red;
}

.complaintHeader
{
    background-color:#e0e0e0;
    padding:5px;
    font-weight:bold;
    float:left;
    width:100%;
    margin-bottom:15px;
    margin-top:20px;
}

.complaintUploadItem
{
    float:left; 
    width:100%;
    clear:both;
    margin-top:15px; 
    margin-bottom:15px;
}

.rightMessage
{
    float:left;
    text-align:right;
    color:red;
    clear:both;
    width:100%;
}

.complaintLabel
{
    width:30%;
    float:left;
}

.complaintDDL
{
    width:70%;
    float:left;
    margin-bottom:10px;
}

.complaintField
{
    width:70%;
    float:left;
    margin-bottom:10px;
}

.complaintSubmitButton
{
    width:100%;
    text-align:center;
    float:left;
    clear:both;
    margin-top:0px;
    margin-bottom:30px;
}

/* lodge pta page */

.lodgePtaFormDiv
{
    clear:both;
    width:90%;
    padding:40px 5% 0px 5%;
    float:left;
}

.ptaFormHeader {
    color:White;
    background-color: #334067;
    font-weight:bold;
    width:100%;
    float:left;
    clear:both;
    padding:5px;
}

.ptaFormFieldShort
{
    width:16%;
    float:left;
    margin:10px 0px 10px 0px;
    padding-left:2%;
    padding-right:2%;
}

.ptaFormFieldShort input, .ptaFormFieldLong input
{
    width:100%;
}

.ptaFormFieldLong
{
    width:36%;
    float:left;
    margin:10px 0px 10px 0px;
    padding-left:2%;
    padding-right:2%;
}

.ptaFormCenterWide
{
    width:100%;
    float:left;
    text-align:center;
}

.ptaFormFieldUpload
{
    width:46%;
    float:left;
    margin:0px 0px 0px 0px;
    padding:15px 2% 25px 2%;
    min-height:90px;
}


@media (max-width: 768px) 
{
    .ptaFormFieldShort
    {
        width:29%;
    }

    .ptaFormFieldLong
    {
        width:46%;
    }

    .ptaFormFieldUpload
    {
        width:46%;
        min-height:90px;
    }
}

@media (max-width: 520px) 
{
    .ptaFormFieldShort
    {
        width:46%;
    }

    .ptaFormFieldLong
    {
        width:96%;
    }

    .ptaFormFieldUpload
    {
        width:96%;
        min-height:60px;        
    }

    .ptaFormFieldUpload:nth-child(2n+1) 
    {
        background-color:#ffffff !important;
    }

    .ptaFormFieldUpload:nth-child(2n) 
    {
        background-color:#f2f2f2 !important;
    }
}

.viewComplaintHalfCol
{
    float:left;
    width:50%;
}

@media (max-width: 768px) 
{
    .viewComplaintHalfCol
    {
        width:100%;
    }
}

.acctFormHeader {
    color:White;
    background-color: #334067;
    font-weight:bold;
    width:100%;
    float:left;
    clear:both;
    padding:10px;
    margin-top:15px;
}

.acctFormFieldShort
{
    width:21%;
    float:left;
    margin:10px 0px 10px 0px;
    padding-left:2%;
    padding-right:2%;
}

.acctFormFieldLong
{
    width:96%;
    float:left;
    margin:10px 0px 10px 0px;
    padding-left:2%;
    padding-right:2%;
}

.acctFormFieldLong input, .acctFormFieldShort input
{
    padding:5px;
    width:100%;
}

.acctFormFieldLong input[type='checkbox'], .acctFormFieldShort input[type='checkbox'] 
{
    width:auto !important;
}

.acctFormCenterWide
{
    width:100%;
    float:left;
    text-align:center;
}

@media (max-width: 920px) 
{
    .acctFormFieldShort { width:46%; }
    .acctFormFieldLong { width:96%; }
    .clearAt920
    {
        width:100% !important;
        clear:both !important;
    }
}

@media (max-width: 440px) 
{
    .acctFormFieldShort { width:96%; }
    .acctFormFieldLong { width:96%; }
}




.bgLightGrey
{
    background-color:#f3f3f3;
}

/* LOGIN */

.divUcLogin {
    color: White;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 90%;
    min-width: 260px;
    background: linear-gradient(0.75turn, #005D8B, #007fbd);
}
 
#login-button {
    display: inline-block;
    background: linear-gradient(0.25turn, #f3b135, #ff8500);
    padding: 16px 50px;
    border-radius: 1.25em;
    color: #000;
    font-size: 1.5em;
    border-bottom: 5px solid #060606;
    transition: all 0.3s ease;
}
 
#login-button:hover {
    transform: scale(1.05);
}

.divUcLoginHeading
{
    font-weight:bold;
    margin-bottom:10px;
    float:left;
    width:100%;
}

.divUcLoginUsername
{
    float:left; 
    width:35%;
    padding-right:5%;
}

.divUcLoginPassword
{
    float:left; 
    width:35%;
    padding-right:5%;
}

.divUcLoginButton
{
    float:left; 
    width:20%;
    margin-top:15px;
}

.loginTextBox
{
    border: solid 1px white;
    width:100%;
    padding:3px;
    border-radius:1px;
}

.divUcLoginForgotPassword
{
    float:left;
    font-size:11px;
    width:100%;
    text-align:right;
    margin-top:5px;
}

/* Site Search */

.surveyorSearchDiv
{
    padding: 2px 2%;
    border: 3px solid #D7DDE8 !important;
    border-radius:15px !important;
    float:left !important;
    width:94% !important;
    margin-bottom:10px;
}

.surveyorSearchDivLeft
{
    float:left !important;
    width:80% !important;
}

.surveyorSearchDivRight
{
    float:left !important;
    width:20% !important;
    padding-top:5px; padding-bottom:5px;
    text-align:right;
}

.siteSearchBox
{
    font-size:14px !important;
    color:#bbbbbb !important;
    width:100% !important;
    border:1px solid white !important;
    z-index:1000 !important;
    position:relative;
}

.actualFooter
{
    background-color:white;
    text-align:center;
    width:92%;
    padding-left:4%;
    padding-right:4%;
    padding-top:20px;
    padding-bottom:20px;
    line-height:26px !important;
}

.actualFooter a
{
    color:#555555; 
    white-space:nowrap;
}

@media (max-width: 1300px) 
{
 
    /* NAV*/
    .ucNav {} 

    /* BANNER AREA ABOVE NAV */
    .bannerLogoDiv {}
    .bannerTextDiv { font-size:30px;}
    .bannerLogo {}

    /* FOOTER */
    .ucFooter {} 
    .actualFooter {}

    /* GENERAL */
    .pageContent {}
    .homeDivContentFull {}
    .contentDivFullCol {}
    .homeDivContentTop {}
    .contentDivLeftCol {}
    .homeDivContentBottom {}
    .homeDivRightCol {}
    .contentDivRightCol {}

    /* NEWS */
    .homeDivNews {}
    .homeDivNewsLeft {}
    .homeDivNewsRight {}
        
    /* RIGHT COL IMAGE*/
    .homeDivRcHomeImage {}
    .homeDivRcHomeImageIMG {}
    .contentDivRcHomeImage {}
    .contentDivRcHomeImageIMG {}

    /* LOGIN */
    .homeDivRcLogin {}
    .divUcLogin {}
    .divUcLoginHeading {}
    .divUcLoginUsername {}
    .divUcLoginPassword {}
    .divUcLoginButton {}
    .loginTextBox {}
    .divUcLoginForgotPassword {}

    /* SITE SEARCH */
    .homeDivRcSiteSearch {}
    .contentDivRcSiteSearch {}
    .surveyorSearchDiv {}
    .surveyorSearchDivLeft {}
    .surveyorSearchDivRight{}
    .siteSearchBox {}    
}

@media (max-width: 1180px) 
{

    /* NAV*/
    .ucNav {} 

    /* BANNER AREA ABOVE NAV */
    .bannerLogoDiv {}
    .bannerTextDiv {}
    .bannerLogo {}

    /* FOOTER */
    .ucFooter {} 
    .actualFooter {}

    /* GENERAL */
    .pageContent {}
    .homeDivContentFull { width:56%; }
    .contentDivFullCol { width:56%; }
    .homeDivContentTop {}
    .contentDivLeftCol {}
    .homeDivContentBottom {}
    .homeDivRightCol {
        width:34%;
        padding: 40px 6% 40px 4%;
    }
    .contentDivRightCol {
        width:34%;
        padding: 40px 6% 40px 4%;
    }

    /* NEWS */
    .homeDivNews {}
    .homeDivNewsLeft { width:100%; }
    .homeDivNewsRight { width:90%; padding-left:10%; }    
        
    /* RIGHT COL IMAGE*/
    .homeDivRcHomeImage {}
    .homeDivRcHomeImageIMG {}
    .contentDivRcHomeImage {}
    .contentDivRcHomeImageIMG {}

    /* LOGIN */
    .homeDivRcLogin {}
    .divUcLogin {}
    .divUcLoginHeading {}
    .divUcLoginUsername {}
    .divUcLoginPassword {}
    .divUcLoginButton {}
    .loginTextBox {}
    .divUcLoginForgotPassword {}

    /* SITE SEARCH */
    .homeDivRcSiteSearch {}
    .contentDivRcSiteSearch {}
    .surveyorSearchDiv {}
    .surveyorSearchDivLeft {}
    .surveyorSearchDivRight{}
    .siteSearchBox {}    
}

@media (max-width: 1020px) {
    div#navResponsive {
        height: 90px;
    }
}

@media (max-width: 920px) 
{
    /* NAV*/
    .ucNav {} 

    /* BANNER AREA ABOVE NAV */
    .bannerLogoDiv { width:30%; padding-left:5%; }
    .bannerTextDiv { width:58%; padding-right:7%; font-size:26px; }
    .bannerLogo {}

    /* FOOTER */
    .ucFooter {} 
    .actualFooter {}

    /* GENERAL */
    .pageContent {}
    .homeDivContentFull { width: 49%; }
    .contentDivFullCol { width: 49%; }
    .homeDivContentTop {}
    .contentDivLeftCol {}
    .homeDivContentBottom {}
    .homeDivRightCol {
        width:41%;
        padding: 40px 6% 40px 4%;
    }
    .contentDivRightCol
    {
        width:41%;
        padding: 40px 6% 40px 4%;
    }

    /* NEWS */
    .homeDivNews {}
    .homeDivNewsLeft {}
    .homeDivNewsRight {}
        
    /* RIGHT COL IMAGE*/
    .homeDivRcHomeImage {}
    .homeDivRcHomeImageIMG {}
    .contentDivRcHomeImage {}
    .contentDivRcHomeImageIMG {}

    /* LOGIN */
    .homeDivRcLogin {}
    .divUcLogin {}
    .divUcLoginHeading {}
    .divUcLoginUsername {}
    .divUcLoginPassword {}
    .divUcLoginButton {}
    .loginTextBox {}
    .divUcLoginForgotPassword {}

    /* SITE SEARCH */
    .homeDivRcSiteSearch {}
    .contentDivRcSiteSearch {}
    .surveyorSearchDiv {}
    .surveyorSearchDivLeft {}
    .surveyorSearchDivRight{}
    .siteSearchBox {}    
}

@media (max-width: 768px) 
{

    div#navResponsive {
        height:initial;
    }

    /* NAV*/
    .ucNav {} 

    /* BANNER AREA ABOVE NAV */
    .bannerLogoDiv { width:88%; text-align:center; padding:0px; margin:0px; padding-left:6%; padding-right:6%; }
    .bannerTextDiv { width:94%; text-align:center; padding:0px; margin:0px; margin-top:20px; margin-bottom:14px; padding-left:3%; padding-right:3%; }
    .bannerLogo {}

    /* FOOTER */
    .ucFooter {} 
    .actualFooter {}

    /* GENERAL */
    .pageContent { width:100%; padding:0px; margin-left:0px; margin-right:0px; box-shadow:none; border-radius:0px; border:none; }
    .homeDivContentFull { width:100%; }
    .contentDivFullCol { width:100%; }
    .homeDivContentTop {
        width:92%;
        padding: 40px 4% 20px 4%; 
        margin:0px;
    }
    .contentDivLeftCol
    {
        width:92%;
        padding: 40px 4% 20px 4%; 
        margin:0px;
    }
    .homeDivContentBottom {
        width:100%;
        padding:0px; 
        margin:0px;
    }

    .homeDivRightCol {
        width:92%;
        padding: 0px 4% 40px 4%;
    }
    .contentDivRightCol
    {
        width:92%;
        padding: 0px 4% 40px 4%;
    }

    /* NEWS */
    .homeDivNews { margin:0px; width:92%; border-radius:0px; padding:30px 4% 30px 4%; border-right:0px; border-left:0px; }
    .homeDivNewsLeft { margin:0px; padding:0px; }
    .homeDivNewsRight { margin:0px; padding:0px; }
        
    /* RIGHT COL IMAGE*/
    .homeDivRcHomeImage {}
    .homeDivRcHomeImageIMG {}
    .contentDivRcHomeImage {}
    .contentDivRcHomeImageIMG {}

    /* LOGIN */
    .homeDivRcLogin {}
    .divUcLogin {}
    .divUcLoginHeading {}
    .divUcLoginUsername {}
    .divUcLoginPassword {}
    .divUcLoginButton {}
    .loginTextBox {}
    .divUcLoginForgotPassword {}

    /* SITE SEARCH */
    .homeDivRcSiteSearch { margin-bottom:10px; margin-top:20px; }
    .contentDivRcSiteSearch { margin-bottom:10px; margin-top:20px; }
    .surveyorSearchDiv {}
    .surveyorSearchDivLeft {}
    .surveyorSearchDivRight{}
    .siteSearchBox {}    
}

.myPtaFull
{
    width:100%;
    clear:both;
    float:left;
}

.myPta5col 
{
    width:100%;
    clear:both;
    float:left;
    background-color: #707a80; 
    color: White; 
    font-weight: bold; 
    padding:10px;
    margin-top: 20px; margin-bottom:20px;
}

.myPta4col
{
    width:25%;
    float:left;
    margin-bottom:20px;
}

.myPta2colNoBorder
{
    width:40%;
    float:left;
    margin-bottom:20px;
}

.myPta2col
{
    width:45%;
    float:left;
    border:dotted 1px #666666;
    margin:20px 2% 0px 0px;
    padding:1%;
    min-height:80px;
}

.myPta1col 
{
    width:20%;
    float:left;
    margin-bottom:20px;
    min-height:45px;
}

@media (max-width: 768px) 
{
    .myPta4col
    {
        width:50%;
    }

    .myPta2col
    {
        width:100%;        
    }

    .myPta2colNoBorder 
    {
        width:100%;
    }

    .myPta1col 
    {
        width: 50%;
    }
}


.ptaFormFieldLong input[type='radio'] {
    width: auto;
}
.multiStepForm {
    display: none;
}
.multiStepForm .buttonContainer {
    clear: both;
    float: left;
}
.multiStepForm .buttonContainer button {
    display: inline-block;
    height: 40px;
    margin-right: 1em;
}
.buttonContainer + .buttonContainer {
    clear: none;
    float: left;
    margin-left: 1em;
}
.registrationDatePicker {
    margin-left: 0;
}
.registrationDatePicker .rcInputCell input:nth-of-type(1) {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.multiStepForm .formRadioButtonList table {
    margin: 0;
}
.g-recaptcha > div {
    margin: 0;
}

.col-4 {
    float: left;
    width: 29.3333%;
    padding: 20px 2%;
}

.col-4-full {
    float: left;
    width: 33.3333%;
}

.col-4-first {
    width: 32.3333% !important;
    margin-right: 1%;
}

.col-4-last {
    width: 32.3333% !important;
    margin-left: 1%;
}

.col-4-center {
    width: 32.3333% !important;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.col-6 {
    float: left;
    width: 44%;
    padding: 3%;
}

.col-6-full {
    float: left;
    width: 50%;
}

@media (max-width: 900px) {
    .contentTextImage, .contentImageText, .threeColMenu, .threeColImageText {
        display: block;
    }

    .col-6 {
        width: 100%;
    }

    .col-6-full {
        width: 100%;
    }

    .col-4 {
        width: 96%;
    }

    .col-4-full {
        width: 100%;
    }

    .col-4-first {
        width: 100% !important;
        margin-right: 0;
    }

    .col-4-last {
        width: 100% !important;
        margin-left: 0;
    }

    .col-4-center {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}


.invoiceViewContainer {
    padding:50px 8%;
}

.divPrintButton {
    width:100%;
    text-align:center;
}

.invoiceViewContainerInternal {
}

.invoiceViewLabel {
    font-weight: bold;
    font-size: 1.4em;
    float: right;
}

.invoiceViewAddress {
    float:left;
}

.invoiceViewRightSide {
    float:right;
}

.invoiceViewCompany {
    margin-top:20px;
}

.invoiceViewLineItemsContainer {
    width:84%;    
    padding:40px 8%;
}

.invoiceViewLineItemsTable {
    width:100%;
}

.invoiceViewLineItemsTable th {
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    padding:20px;
    vertical-align:text-bottom;
    font-weight:bold;
    text-align:left;
}

.invoiceViewLineItemsTable td {
    border-bottom:1px solid #333;
    padding:20px;
    vertical-align:text-bottom;
}

.invoiceViewPaymentOptions {
}

.invoiceViewPaymentOptions i {
    color: #536FA2;
}

.btnPayOnline {
    margin:10px 0 30px 40px;
}

.abnCell {
    text-align: right;
}

@media (max-width: 800px) {
    .invoiceViewContainer {
    }

    .divPrintButton {
        margin-bottom: 20px;
    }

    .invoiceViewContainerInternal {
    }

    .invoiceViewLabel {
        float: none;
        text-align: center;
        width: 100%;
    }

    .invoiceViewAddress {
        margin-top: 20px;
        clear: both;
    }

    .invoiceViewRightSide {
        float: left;
        margin-top: 20px;
        clear: both;
    }

    .invoiceViewCompany {
        margin-top: 0;
    }

    .invoiceViewLineItemsContainer {
        width: 100%;
        padding: 40px 0;
    }

    .invoiceViewLineItemsTable {
    }

    .invoiceViewPaymentOptions {
        text-align: center;
    }

    .abnCell {
        text-align: left;
    }

    .btnPayOnline {
        margin: 10px 0 30px 0;
    }
}


.preInvoiceButton {
    border-radius: 10px;
    border:1px solid #fff;
    background-color: #fff;
    color: #323E54;
    padding: 10px;
    margin: 10px auto;
    font-weight: bold;
    width: 190px;
    cursor:pointer;
}