.RadComboBoxDropDown_Windows7 {
    font: 13px "Segoe UI",Arial,Helvetica,sans-serif !important;
}

.RadComboBox_Windows7 .rcbInput {
    font: 13px "Segoe UI",Arial,Helvetica,sans-serif !important;
}

.RadInput_Default, .RadInputMgr_Default {
    font-family: "Segoe UI",Verdana,Helvetica,Sans-Serif !important;
    font-size: 13px !important;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font-family: "Segoe UI",Verdana,Helvetica,Sans-Serif !important;
    font-size: 13px !important;
}

html, body {
    background-color: #ffffff;
    font-family: "Segoe UI",Verdana,Helvetica,Sans-Serif !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    height: 100%;
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    body {font-size: 10.5px !important;}
}
@media screen and (-webkit-device-pixel-ratio: 1.0) {
    desktop browsers body {
        font-size: 13px !important;
    }
}

@media print {    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.mpn-pageBackground {
    background-color: #ededed;
    /*background-image: url(../images/cardboard_flat.png);*/
    background-repeat: repeat;
}

.rmMainCSS {
    z-index: 1;
}

.imgDragHandle {
    width: 12px;
    height: 12px;
    cursor: url("../images/drag_open.cur"), move;
    background-image: url("../images/icon-drag.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cp_youtubelinkON {
    background-color: #e0e0e0;
    border-top: solid 1px red;
    border-left: solid 1px #ffffff;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    border-right: solid 1px #ffffff;
    font-weight: bold;
}

.cp_youtubelinkOFF {
    background-color: #eeeeee;
    border-top: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-right: solid 1px #eeeeee;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    font-weight: normal;
}

img {
    border: none;
}

a:active {
    outline: none;
}

/*FOR CALENDAR CONTROL*/
#scwCells, .scwFoot, .scwHead, .scw {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal;
}
/*FOR CALENDAR CONTROL*/

/*#spnDate, #spnClock {
    color: #000000;
    font-size: 11px;
}*/

.lblNoRecords, .tdLabel {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: bold;
}

.tdText {
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal;
}

.tdHeadTitle {
    color: #3d3d3d;
    font-size: 14px;
    font-weight: bold;
}

.tdHeadTitleLarge {
    color: #3d3d3d;
    font-size: 15px;
    font-weight: bold;
}

td.tblHeadTitleLeft {
    background-image: url(../images/ttlbar_left.gif);
    color: #3d3d3d;
    width: 6px;
    height: 23px;
}

td.tblHeadTitleRight {
    background-image: url(../images/ttlbar_right.gif);
    color: #3d3d3d;
    width: 6px;
    height: 23px;
}

td.tblHeadTitle {
    background-image: url(../images/ttlbar_center.gif);
    color: #3d3d3d;
    font-size: 13px;
    font-weight: bold;
    height: 23px;
}

.tblHeadTitleCE {
    background-image: url(../images/ttlbar_center_ce.gif);
    color: #3d3d3d;
    font-size: 14px;
    font-weight: bold;
}

.tblHeadTitleMAN {
    background-image: url(../images/ttlbar_center_man.gif);
    color: #3d3d3d;
    font-size: 14px;
    font-weight: bold;
}

.tblData {
    border-left: solid 1px #002D96;
    border-right: solid 1px #002D96;
    border-bottom: solid 1px #002D96;
    background-color: #ffffff;
}

.tblData_1 {
    border-left: solid 1px #002D96;
    border-right: solid 1px #002D96;
    border-bottom: solid 1px #002D96;
    border-top: solid 1px #002D96;
    background-color: #ffffff;
}



/*FOR PLEASE WAIT PROCESSING MESSAGE*/
#imgProgress {
    display: none;
    padding: 0px;
    border: 2px solid #eeeeee;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
}

.breadcrumbOverlay {
    z-index: 1;
    position: relative;
    background-color: #000;
    background-color: transparent;
    background-image: url(../images/icon_overlay.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/icon_overlay.png", sizingMethod="scale");
}

#overlay {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    position: absolute;
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_overlay.png", sizingMethod="scale");
}

/*FOR User TimeOut Warning*/
#spnSystemAlert {
    font-size: 10px;
    position: absolute;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=4);
}


.mainHdr {
    background: #C0C0C0 url(../images/header_background.jpg) repeat-x left top;
}

#login a:link, #login a:visited {
    color: #FFFFFF;
}

#title h1 a:link, #title h1 a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#reportresults h2 {
    font-size: 1.1em;
    font-weight: bold;
}

a:link {
    text-decoration: none;
    color: #396EAA;
}

a:visited {
    text-decoration: none;
    color: #396EAA;
}

a:hover {
    text-decoration: none;
    color: Green;
}

a:active {
    text-decoration: none;
}

/* define the main layout divs */
#header {
    margin-right: auto;
    height: 50px;
    width: 100%;
}

#title {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 28px;
    float: left;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#login {
    padding-top: 25px;
    padding-right: 28px;
    float: right;
    clear: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    height: 28px;
    top: 0px;
    text-align: right;
}
/* make crumbs after making new nav */
.breadCrumb, #breadCrumb, .currentPage, #spnTimeOut, #footerCopyRight {
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
}

.bodyTable {
    /*background: #C0C0C0 url(../images/background_body.gif) repeat-x left top;*/
    border-right: 1px solid #626262;
    border-left: 1px solid #626262;
    border-top: 1px solid #626262;
    border-bottom: 1px solid #626262;
}

#reportresults, #projectadministration, #adminedit, #projectreport, #resourcereport {
    padding: 10px;
    border: 1px solid #eeeeee;
    background: #FFFFFF;
    color: #666666;
    padding: 0 10px 0 0;
}

#PermitHistory {
    padding: 10px;
    border: 1px solid #eeeeee;
    margin-left: 218px;
    background: #FFFFFF;
    color: #666666;
}

#PermitStatusHistory {
    padding: 10px;
    border: 1px solid #000000;
    margin-left: 218px;
    background: #FFFFFF;
    color: #666666;
}

.username {
    /*font-size: 0.9em;*/
    width: 150px;
}
/* zero margin on all forms */
form {
    margin: 0px;
}

/* begin classes */
INPUT, SELECT, TEXTAREA {
    font-size: 13px;
    color: #333333;
    outline: none;
}

.btnINPUTNoImage {
    /*font: normal 9px verdana;*/
    border-left: solid 1px #849CB1;
    border-top: solid 1px #849CB1;
    border-bottom: solid 1px #849CB1;
    border-right: solid 1px #849CB1;
    width: 100%;
    background-color: #f6f5f4;
    padding: 2px 2px 2px 2px;
    outline: none;
}

.lightInput {
    font-size: 13px;
    color: #6D6D6D;
    background-color: #ffffff;
    border-color: #AFAFAF;
    border-width: .1em;
    border: solid 1px #ddd;
    outline: none;
    height: 18px;
    vertical-align: middle;
}

.btnInput {
    font-size: 13px;
    border: 0px;
    margin: 3px;
    width: 78px;
    height: 20px;
    color: #515D6A;
    background-image: url(../images/button.gif);
    background-color: Transparent;
    text-align: center;
    line-height: 19px;
    outline: none;
}

.btnInputCSS {
    font-size: 13px;
    border: 1px solid #476ea3;
    margin: 3px;
    min-width: 78px;
    height: 20px;
    color: #515D6A;
    text-align: center;
    line-height: 19px;
    outline: none;
    background-image: linear-gradient(bottom, rgb(148,179,216) 9%, rgb(255,255,255) 55%);
    background-image: -o-linear-gradient(bottom, rgb(148,179,216) 9%, rgb(255,255,255) 55%);
    background-image: -moz-linear-gradient(bottom, rgb(148,179,216) 9%, rgb(255,255,255) 55%);
    background-image: -webkit-linear-gradient(bottom, rgb(148,179,216) 9%, rgb(255,255,255) 55%);
    background-image: -ms-linear-gradient(bottom, rgb(148,179,216) 9%, rgb(255,255,255) 55%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(148,179,216)), color-stop(0.55, rgb(255,255,255)) );
    border-radius: 3px;
}

.btnInputHTML {
    font-size: 13px;
    border: 0px;
    margin: 3px;
    width: 78px;
    height: 20px;
    color: #515D6A;
    background-image: url(../images/button.gif);
    background-color: Transparent;
    text-align: center;
    line-height: 19px;
    outline: none;
}

.btnDisabled {
    font-size: 13px;
    border: 0px;
    margin: 3px;
    width: 78px;
    height: 20px;
    color: #838383;
    background-image: url(../images/button_disabled.gif);
    background-color: Transparent;
    text-align: center;
    line-height: 19px;
    outline: none;
}

#PermitCheckBox, .PermitFileCheckBox, #PermitFileCheckBox {
    margin-bottom: 0px;
    padding: 0 0 0 0;
}

/* -------------------------------------------------------------------- */
/* FOR UPLOAD SECTION OF SITE */
/* -------------------------------------------------------------------- */
.uploadContainerPending {
    height: 50px;
    border: solid 1px #CEE2F2;
    background-color: #f6f5f4;
}

.uploadContainerProcessing {
    height: 50px;
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.uploadContainerSuccess {
    height: 50px;
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

.uploadContainerError {
    height: 50px;
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

.uploadProgressVerifying {
    font-size: 10px;
}

.progressBarInProgress {
    font-size: 0px;
    width: 0%;
    height: 2px;
    background-color: #33CC33;
    margin-top: 2px;
}

/*----------------------------------
NEW CSS FOR NEW SITE
----------------------------------*/
.LeftNavTable {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.TopRightNav {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}


h3 {
    font-size: 24px;
    color: #000000;
    margin: 0px 0px 0px 0px;
}


.MyBody {
    align: left;
    color: #000000;
    font-size: 14px;
    margin: 15px 15px 0px 0px;
}
/*li{font-family: arial, sans-serif;}
ul{font-family: arial, sans-serif;}*/

/*Start Left nav roll over buttons */
a.menuButton {
    background-image: url('../images/green_button.gif');
    border: 0px solid #9999FF;
    color: #ffffff;
    cursor: default;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    width: 137px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
    outline: none;
}


    a.menuButton:hover {
        background-image: url('../images/Blue_button_rollover.gif');
        border-color: #ffffff;
        color: #ffffff;
        margin: 0px;
        outline: none;
    }
    /*End Left nav roll over buttons */


    a.menuButton:visited {
        color: #FFFFFF;
        text-decoration: none;
        outline: none;
    }



/*begin creating the tabs */
.menu {
    margin-left: 28px;
    background: url('../images/tab_bg.gif') repeat-x;
    font-size: 14px;
    font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
    color: #FFFFFF;
    font-size: 14px;
    height: 44px;
    background: url('../images/tab_dim.gif') no-repeat;
    width: 100px;
    text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
    background: #919191 url('../images/tab.gif') no-repeat;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
    text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    background: #8C9FB4 url('../images/background_drop_menu.jpg');
    border-bottom: medium none;
    color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
    color: #ffffff;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

/*******************************************************************
JAVASCRIPT TOOL TIP
*******************************************************************/
.tipBox_b {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/tipBox_b.png) repeat scroll 0 0;
    width: 10px;
}

.tipBox_tl {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/tipbox_tl.png) repeat scroll 0 0;
    width: 10px;
    height: 10px;
}

.tipBox_tr {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/tipbox_tr.png) repeat scroll 0 0;
    width: 10px;
    height: 10px;
}

.tipBox_bl {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/tipbox_bl.png) repeat scroll 0 0;
    width: 10px;
    height: 10px;
}

.tipBox_br {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(../images/tipbox_br.png) repeat scroll 0 0;
    width: 10px;
    height: 10px;
}

.tipBox_txt {
    background-color: #ffffff;
    font: normal 10px verdana;
    text-align: left;
    color: #333333;
    padding: 10px 5px 10px 5px;
    width: 225px;
    /*border:solid 1px #2C87B3;*/
}

/*******************************************************************
LOGIN PAGE 
*******************************************************************/
.loginError {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: solid 1px #B50000;
    background-color: #FFEBEB;
    padding: 4px 15px 4px 15px;
}

.loginSuccess {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: solid 1px green;
    background-color: #EBFFEB;
    padding: 4px 15px 4px 15px;
}

.loginProcessing {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
    padding: 4px 15px 4px 15px;
}

/*******************************************************************
MYPERMITNOW.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyPermitNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/Main_Body.jpg);
    background-size: cover;
}

.MainHeaderTable_MyPermitNow /*FOR MUNICIPALITY*/ {
    background-image: url(../images/Main_Top_Nav_MyPermitNow.jpg);
    background-repeat: no-repeat;
    background-color: rgb(0, 100, 149)
}

/*******************************************************************
MYADDRESSNOW.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyAddressNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/Main_Body_MyAddressNow.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.MainHeaderTable_MyAddressNow {
    background-image: url(../images/Main_Top_Nav_MyAddressNow.jpg);
    background-repeat: no-repeat;
}

.MyAddressNow_HomePage_MsgBox {
    font-size: 13px;
    color: #303030;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.LeftNav {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}
/*******************************************************************
MYCodeEnforcementNOW.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyCodeEnforcementNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/Main_Body_MCEN.png);
    background-size: cover;
}

.MainHeaderTable_MyCodeEnforcementNow {
    background-image: url(../images/Main_Top_Nav_MCEN.jpg);
}

.MyCodeEnforcementNow_HomePage_MsgBox {
    font-size: 13px;
    color: #303030;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.LeftNav {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}
/*******************************************************************
MYCommunityServicesNOW.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyCommunityServicesNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/Main_Body_CS.jpg);
    background-size: cover;
}

.MainHeaderTable_MyCommunityServicesNow {
    background-image: url(../images/Main_Top_Nav_cs.jpg);
}

.MyAddressNow_HomePage_MsgBox {
    font-size: 13px;
    color: #303030;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

/*******************************************************************
MYCodeEnforcementNOW.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyCodeEnforcementNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/Main_Body_MCEN.png);
    background-size: cover;
}

.MainHeaderTable_MyCodeEnforcementNow {
    background-image: url(../images/Main_Top_Nav_MCEN.jpg);
}

.MyCodeEnforcementNow_HomePage_MsgBox {
    font-size: 13px;
    color: #303030;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a {
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.LeftNav {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}
/*******************************************************************
Customer Portal 
*******************************************************************/
/* MyPermitNow */
.CustomerHeaderTable_MyPermitNow {
    background: url(../images/Customer_Top_Nav_MyPermitNow.jpg);
}

.CustomerLeftTable_MyPermitNow {
    background: url(../images/Customer_Left_Nav_MyPermitNow.jpg);
}

/* MyAddressNow */
.CustomerHeaderTable_MyAddressNow {
    background: url(../images/Customer_Top_Nav_MyAddressNow.jpg);
}

.CustomerLeftTable_MyAddressNow {
    background: url(../images/Customer_Left_Nav_MyAddressNow.jpg);
}

/* MyCodeEnforcementNow */
.CustomerHeaderTable_MyCodeEnforcementNow {
    background: url(../images/Customer_Top_Nav_MCEN.jpg);
}

.CustomerLeftTable_MyCodeEnforcementNow {
    background: url(../images/Customer_Left_Nav_MCEN.jpg);
}

/* MyCommunityServicesNow */
.CustomerHeaderTable_MyCommunityServicesNow {
    background: url(../images/Customer_Top_Nav_cs.jpg);
}

.CustomerLeftTable_MyCommunityServicesNow {
    background: url(../images/Customer_Left_Nav_cs.jpg);
}

.CP_TdHeader {
    font-size: 17px;
    padding: 2px 2px 2px 2px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    background: url(../images/adm_grid_hdr_bg.png) top left;
}

.CP_TdHeaderTxt {
    font-size: 17px;
    color: #333333;
}

.CP_TdSubHeader {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;
}

.CP_TdSubHeaderTxt {
    font-size: 17px;
    color: #333333;
}

.CP_LoginName {
    font: bold 14px arial;
    color: #000000;
    width: 100%;
}

.CP_LoginInfoBox {
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    border: solid 1px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icon_overlay.png", sizingMethod="scale");
}

.CP_BubbleHeader {
    color: #000000;
    font-weight: bolder;
    font-family: Arial Black, arial, sans-serif;
    font-size: 19pt;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.CP_BubbleSubHeader {
    color: #000000;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.CP_BubbleTxt {
    color: #000000;
    font-weight: normal;
    font-family: arial, sans-serif;
    font-size: 9pt;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.CP_INPUTTXT {
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    border: solid 1px #000000;
    color: #000000;
    font-weight: normal;
    font-family: arial, sans-serif;
    font-size: 13px;
    height: 20;
    padding-top: 1px;
    background: #ffffff url(../images/cp_input_bg.gif) repeat-x top left;
}

a.CP_Button_Blue, a.CP_Button_Blue:active, a.CP_Button_Blue:visited {
    color: #ffffff;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 13px;
    width: 91;
    height: 27;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 6px;
    background: transparent url(../images/blue_button_off.png) repeat-x top left;
    outline: none;
}

    a.CP_Button_Blue:hover {
        color: #ffffff;
        font-weight: bold;
        font-family: Arial Black, arial, sans-serif;
        font-size: 13px;
        width: 91;
        height: 27;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        padding-top: 6px;
        background: transparent url(../images/blue_button_on.png) repeat-x top left;
        outline: none;
    }

a.CP_Button_Green, a.CP_Button_Green:active, a.CP_Button_Green:visited {
    color: #ffffff;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 13px;
    width: 91px;
    height: 25px;
    display: block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 6px;
    border: none;
    background: transparent url(../images/green_button_off.png) repeat-x top left;
    outline: none;
}

    a.CP_Button_Green:hover {
        color: #ffffff;
        font-weight: bold;
        font-family: Arial Black, arial, sans-serif;
        font-size: 13px;
        width: 91px;
        height: 27px;
        display: block;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border: none;
        background: transparent url(../images/blue_button_on.png) repeat-x top left;
        outline: none;
    }

.CP_Button_Green_DISABLED {
    cursor: wait;
    color: #ffffff;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 13px;
    width: 91px;
    height: 27px;
    display: block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 6px;
    border: none;
    background: transparent url(../images/green_button_off_disabled.png) repeat-x top left;
    outline: none;
}

/*Start Left nav roll over buttons */

a.CP_menuButton, a.CP_menuButton:active, a.CP_menuButton:visited {
    background-image: url('../images/green_button.gif');
    color: #ffffff;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 15px;
    width: 137px;
    height: 40px;
    display: block;
    padding-top: 8px;
    text-decoration: none;
    border: none;
    outline: none;
}


    a.CP_menuButton:hover {
        background-image: url('../images/Blue_button_rollover.gif');
        color: #ffffff;
        font-weight: bold;
        font-family: Arial Black, arial, sans-serif;
        font-size: 15px;
        width: 137px;
        height: 40px;
        display: block;
        padding-top: 8px;
        text-decoration: none;
        border: none;
        outline: none;
    }
/*End Left nav roll over buttons */

/****************************************************************************
CUSTOMER PORTAL FAQ
****************************************************************************/
.CP_FAQ_BubbleHeader {
    color: #000000;
    font-weight: bolder;
    font-family: Arial Black, arial, sans-serif;
    font-size: 22pt;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

.CP_FAQ_BubbleSubHeader {
    color: #000000;
    font-weight: bold;
    font-family: Arial Black, arial, sans-serif;
    font-size: 13px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

.CP_FAQ_BubbleTxt {
    color: #000000;
    font-weight: normal;
    font-family: arial, sans-serif;
    font-size: 9pt;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
}

/****************************************************************************
PANEL DIV FOR MESSAGES AND LOGIN
****************************************************************************/
.whiteOutPanel_Hidden {
    position: absolute;
    height: 1px;
}

.whiteOutPanel_Visible {
    background-image: url(../images/icon_overlay.png);
    position: absolute;
    z-index: 2;
    height: 1px;
}

/****************************************************************************
PLEASE WAIT MESSAGE WHEN USERS NAVIGATES TO ANOTHER PAGE OR FORM SUBMISSION
****************************************************************************/
.pleaseWaitPanel_Hidden {
    position: absolute;
    height: 1px;
}

.pleaseWaitPanel_Visible {
    background-image: url(../images/icon_overlay.png);
    position: absolute;
    z-index: 2;
    height: 1px;
}

.dvBodyMessage_Success {
    padding: 10px 10px 10px 10px;
    display: none;
    position: absolute;
    border: solid 5px #2C87B3;
    background-color: #ffffff;
    width: 500px;
}

#dvJSMessage_Title {
    font: bold 12px Verdana;
    color: #515D6A;
}

#dvJSMessage_Body {
    font: normal 12px Verdana;
    color: #515D6A;
    line-height: 20px;
}

/****************************************************************************
GENERAL MESSAGE FORMAT TO USE THROUGH OUT THE SITE WHEN DISPLAY BOX'D INFO
****************************************************************************/
.boxInformation {
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    border: solid 5px #2C87B3;
    background-color: #ffffff;
}

.systemMessageBoxInformation {
    height: 30px;
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.modalBoxInformation {
    font-size: 13px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    border: solid 5px #2C87B3;
    background-color: #ffffff;
}

/****************************************************************************
MOOTOOLS - MASK AND SPINNER STYLES
****************************************************************************/
.mask {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    z-index: 999;
    background: #fff;
}

.spinner {
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999;
    background: #333;
}

.spinner-msg {
    text-align: center;
    font-weight: bold;
}

.spinner-img {
    background: url(../images/spinner.gif) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

/****************************************************************************
TABS
****************************************************************************/
#tabContainer {
}

    #tabContainer .panelSet {
        padding: 10px;
        border: solid 1px #ccc;
        border-top: 0px;
        background: #fff;
        background: #EBEBEB url(../images/header-shadow.gif) top center no-repeat !important;
    }

    #tabContainer .tabSet {
        margin: 0;
        padding: 5px 5px 5px 5px;
        height: 34px;
        background: #ccdded;
        border: solid 1px #94B2D8;
    }

        #tabContainer .tabSet li:before {
            content: "" !important;
        }

        #tabContainer .tabSet li {
            list-style-type: none;
            float: left !important;
            margin: 0 2px 0 2px !important;
            padding: 5px 5px 5px 5px !important;
            border: solid 1px red;
            background: #ebebeb;
            cursor: pointer;
            width: 130px;
            text-align: center;
            font-size: 14px;
        }

            #tabContainer .tabSet li.on {
                border: solid 2px #94B2D8;
                background-color: #fff;
                color: #3d3d3d;
                font-weight: bold;
            }

                #tabContainer .tabSet li.on a {
                    border: none;
                }

            #tabContainer .tabSet li.off {
                border: solid 2px #cccccc;
                background-color: #eeeeee;
                color: #747474;
            }

                #tabContainer .tabSet li.off a {
                    border: none;
                }

            #tabContainer .tabSet li.over {
                border: solid 2px #94B2D8;
                background-color: #fff;
                color: #243690;
            }

                #tabContainer .tabSet li.over a {
                    border: none;
                }

/****************************************************************************
TABS - Sub Tabs nested within a Tab Set
****************************************************************************/
.tab-wrapper {
    padding: 5px;
    border: solid 1px #ccc;
    border-top: 0px;
    background: #EBEBEB;
    /*background:#EBEBEB url(../images/header-shadow.gif) top center no-repeat !important;*/
}

.tab-container {
    margin: 5px;
    border: solid 1px #ccc;
    background: #fff;
    width: 100%;
}

.tab-menu {
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
    height: 28px;
    list-style: none;
    overflow: auto;
    border: solid 1px #ccc;
    background-color: #CEE2F2;
    vertical-align: middle;
}

.tab-menu li {
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 0px 2px;
    float: left;
    vertical-align: middle;
}

.tab-menu li a {
    border: solid 1px #cccccc;
    background-color: #eeeeee;
    color: #747474;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 2px 10px;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

.tab-menu li.tab-selected a {
    border: solid 1px #94B2D8;
    background-color: #fff;
    color: #3d3d3d;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 2px 10px;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

.tab-menu li a:hover {
    border: solid 1px #94B2D8;
    background-color: #fff;
    color: #3d3d3d;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 2px 10px;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

.tab-menu li a:focus {
    border: solid 1px #94B2D8;
    background-color: #fff;
    color: #3d3d3d;
    margin: 0px 0px 0px 0px;
    padding: 1px 10px 2px 10px;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}

/****************************************************************************
Floating Admin div section
****************************************************************************/
#footerbar {
    position: fixed;
    z-index: 9999;
    margin: 0px;
    padding: 0px;
    width: 1000px;
    bottom: 0px;
}

*html #footerbar {
    position: absolute;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    width: 1000px;
    bottom: 0px;
    top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footerbarPopup {
    position: fixed;
    z-index: 9999;
    margin: 0px;
    padding: 0px;
    width: 100%;
    bottom: 0px;
}

*html #footerbarPopup {
    position: absolute;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    width: 1000px;
    bottom: 0px;
}

/*
#floatingAdmin {
    position: fixed;    
	bottom: 10; 
	z-index: 9999; 
	background: #e3e2e2;
	border:solid 1px #c3c3c3;	
}
*html #floatingAdmin {
    position: absolute;
    bottom: 10px;
    overflow: visible; 
    top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));     
}
*/


/*******************************************************************
MyProjectNow.ORG - MAIN DEFAULT PAGE FOR 
*******************************************************************/
.MainBorderTable_MyProjectNow {
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-image: url(../images/MyProjectNow_Splash_Page_v2.jpg);
    background-size: cover;
}

.MainHeaderTable_MyProjectNow /*FOR MUNICIPALITY*/ {
    background-image: url(../images/myprojectnow_admin_Page_top_Nav_v2.jpg);
}


.mpnContainer {
    float: left;
    width: 100%;
    height: auto;
}

.mpnContainerHeader {
    float: left;
    width: 100%;
    height: 23px;
}

.mpnContainerHeaderLeft {
    float: left;
    background-image: url("../images/ttlbar_left.gif");
    width: 6px;
    height: 23px;
}

.mpnContainerHeaderCenter {
    float: left;
    background: url("../images/ttlbar_center.gif") repeat-x;
    width: 98%;
    height: 23px;
}

.mpnContainerHeaderRight {
    float: left;
    background-image: url("../images/ttlbar_right.gif");
    width: 6px;
    height: 23px;
}

.mpnContainerHeaderTitle {
    float: left;
    color: #3D3D3D;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}

.mpnContainerPanel {
    float: left;
    width: 99.3%;
    height: auto;
    background-color: #fff;
}

.mpnContainerInnerPanel {
    float: left;
    width: 96%;
    height: auto;
    margin: 2%;
}

.leftLabel {
    float: left;
    width: 15%;
    
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}

.rightDropdown {
    float: left;
    width: 25%;
    height: auto;
}

.drpdown {
    float: left;
    width: 25%;
    height: auto;
    
    font-size: 14px;
}

.notediv {
    float: left;
    width: 25%;
    height: auto;
}

.txtArea {
    float: left;
    width: 25%;
    height: 50px;
    
    font-size: 14px;
}

/* support for popups*/

.mpn_popup_TopPanel {
    bottom: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}

.mpn_popup_MainPanel {
    top: 50px;
    bottom: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: auto;
    overflow: auto;
    border: solid 1px #cccccc;
}

.mpn_popup_MainTopPanel {
    top: 0px;
    bottom: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: auto;
    overflow: auto;
    border: solid 1px #cccccc;
}

.mpn_popup_BottomPanel {
    bottom: 0;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: auto;
}

.mpn_popup_FullMainPanel {
    top: 0px;
    bottom: 0px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: auto;
    overflow: auto;
}

mpn_popup_TopPanelR {
    bottom: 50px;
    left: 0;
    margin: auto;
    top: 0;
    right: 0;
    width: auto;
}

.mpn_popup_MainPanelR {
    top: 50px;
    bottom: 40px;
    left: 0;
    margin: auto;
    right: 0;
    width: auto;
    overflow: auto;
}

.mpn_popup_MainTopPanelR {
    top: 0px;
    bottom: 40px;
    left: 0;
    margin: auto;
    right: 0;
    width: auto;
    overflow: auto;
    /*border: solid 1px #cccccc;*/
}
.mpn_popup_BottomPanelR {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    right: 0;
    width: auto;
}

.mpn_footerBar {
    bottom: 0;
    height: 45px;
    margin: auto;
    width: auto;
}