/* Minification failed. Returning unminified contents.
(1582,235): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: documentElement
 */
.pager {
  margin: 10px 0;
}

.pager.full, .pager.mini {
  display: none;
}

.pager span {
  cursor: default;
}

.number-of-pages {
  -moz-box-shadow: 0 1px 1px 0 #e2e0e0;
  -webkit-box-shadow: 0 1px 1px 0 #e2e0e0;
  box-shadow: 0 1px 1px 0 #e2e0e0;
  border-radius: 15px;
  font-weight: bold;
  line-height: 30px;
  margin-left: 3px;
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  height: 30px;
  background-color: #FFFFFF;
  color: #8d8d8d;
}

.pager a {
  -moz-box-shadow: 0 1px 1px 0 #e2e0e0;
  -webkit-box-shadow: 0 1px 1px 0 #e2e0e0;
  box-shadow: 0 1px 1px 0 #e2e0e0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #e8112d;
  background-color: #ffffff;
  font-weight: bold;
  line-height: 26px;
  margin-left: 3px;
  text-align: center;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pager a.selected, 
.pager a.selected:hover, 
.pager a.selected:active, 
.pager a.selected:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pager a.disabled, 
.pager a.disabled:hover, 
.pager a.disabled:active, 
.pager a.disabled:focus, 
.pager a.disabled:before, 
.pager a.disabled:after {
  z-index: 2;
  cursor: default;
  background-color: transparent;
  border-color: #ccc;
  color: #ccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pager a:active, .pager a:hover {
  background-color: #fff;
  border-color: #337ab7;
  color: #337ab7;
}

.pager .fa-chevron-left:before {
    margin-left: -2px;
}

.pager .fa-chevron-right:before {
    margin-right: -2px;
}

@media (max-width: 599px) {
  .pager.mini {
    display: block;
  }
}

@media (min-width: 600px) {
  .pager.full {
    display: block;
  }
}

/****************************************************************************************************
    CSS based progress bar
    courtesy to http://www.codicode.com/art/pure_css_progress_bar_animated_by_css3.aspx

    usage example
    <div id="prbar">
        <div id="prpos">
        </div>
    </div>

    <input id="moveTo" value="57" style="width:30px;" />%
    <button onclick="MoveTo();return false;">Move</button>

    function MoveTo() {
        var prpos = document.getElementById('prpos');
        prpos.style.width = document.getElementById('moveTo').value + "%";
    }

****************************************************************************************************/

#prbar {
    margin:5px;
    width:500px;
    background-color:#dddddd;
    overflow:hidden;
    
    /* Rounded Border */
    border: 1px solid #bbbbbb;
    -moz-border-radius: 15px;
    border-radius: 15px;
            
    /* Adding some shadow to the progress bar */
    -webkit-box-shadow: 0px 2px 4px #555555;
    -moz-box-shadow: 0px 2px 4px #555555;
    box-shadow: 0px 2px 4px #555555;            
}
        
/* No rounded corners for Opera, because the overflow:hidden dont work with rounded corners */
doesnotexist:-o-prefocus, #prbar {
  border-radius:0px;
}
        
#prpos {
    width:0%;
    height:30px;
    background-color:#3399ff;
    border-right:1px solid #bbbbbb;
           
    /* CSS3 Progress Bar Transitions */
    transition: width 2s ease;
    -webkit-transition: width 0s ease;
    -o-transition: width 0s ease;
    -moz-transition: width 0s ease;
    -ms-transition: width 0s ease;
   
    /* CSS3 Stripes */
    background-image: linear-gradient(135deg,#3399ff 25%,#99ccff 25%,#99ccff 50%, #3399ff 50%, #3399ff 75%,#99ccff 75%,#99ccff 100%);
    background-image: -moz-linear-gradient(135deg,#3399ff 25%,#99ccff 25%,#99ccff 50%, #3399ff 50%, #3399ff 75%,#99ccff 75%,#99ccff 100%);
    background-image: -ms-linear-gradient(135deg,#3399ff 25%,#99ccff 25%,#99ccff 50%, #3399ff 50%, #3399ff 75%,#99ccff 75%,#99ccff 100%);
    background-image: -o-linear-gradient(135deg,#3399ff 25%,#99ccff 25%,#99ccff 50%, #3399ff 50%, #3399ff 75%,#99ccff 75%,#99ccff 100%);
    background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #99ccff), color-stop(.25, #3399ff),color-stop(.5, #3399ff),color-stop(.5, #99ccff),color-stop(.75, #99ccff),color-stop(.75, #3399ff),color-stop(1, #3399ff));
    background-image: -webkit-linear-gradient(135deg,#3399ff 25%,#99ccff 25%,#99ccff 50%, #3399ff 50%, #3399ff 75%,#99ccff 75%,#99ccff 100%);
    background-size: 40px 40px;

    /* Background stripes animation */
    animation: bganim 3s linear 2s infinite;
    -moz-animation: bganim 3s linear 2s infinite;
    -webkit-animation: bganim 3s linear 2s infinite;
    -o-animation: bganim 3s linear 2s infinite;
    -ms-animation: bganim 3s linear 2s infinite;
}
        
@keyframes bganim {
    from {background-position:0px;} to { background-position:40px;}
}
@-moz-keyframes bganim {
    from {background-position:0px;} to { background-position:40px;}
}
@-webkit-keyframes bganim {
    from {background-position:0px;} to { background-position:40px;}
}
@-o-keyframes bganim {
    from {background-position:0px;} to { background-position:40px;}
}
@-ms-keyframes bganim {
    from {background-position:0px;} to { background-position:40px;}
}
.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;
}


.mpn-blue {
    background-color: #4076B8
}

.LightCoral label {
    background-color: #F08080;
    color: #000000;
    display: inline-block;
    width: 200px;
}


.Blue label {
    background-color: #3399FF;
    color: #000000;
    display: inline-block;
    width: 200px;
}


.LemonChiffon label {
    background-color: #FFFACD;
    color: #000000;
    display: inline-block;
    width: 200px;
}

.SpringGreen label {
    background-color: #00FF7F;
    color: #000000;
    display: inline-block;
    width: 200px;
}

.Fuchsia label {
    background-color: #FF00FF;
    color: #000000;
    display: inline-block;
    width: 200px;
}

.Void label {
    background-color: #FFD760;
    color: #000000;
    display: inline-block;
    width: 200px;
}

.LightCoralColor {
    color: #CF2E2E;
}

.BlueColor {
    color: #3399FF;
}

.LemonChiffonColor {
    color: #FFFACD;
}

.SpringGreenColor {
    color: #17A15C;
}

.FuchsiaColor {
    color: #FF00FF;
}

.VoidColor {
    color: #FFD760;
}

.bg-LemonChiffon {
    background-color: #FFFACD;
}

.licenseDisabled {
    color: red;
    text-decoration: line-through;
}

.licenseNotYetActive {
    color: #A2BAE9;
    text-decoration: wavy;
}

.licenseEnabled {
    color: green;
}

.statusActive {
    color: green;
}

.statusInactive {
    color: red;
}

.itemVoided{
    color: red;
    text-decoration: line-through;
}

.mpn-errmsg {
    color: red;
}

.mpn-warnmsg
{
    color: #DFB948;
}

.mpn-okmsg {
    color: green;
}

/*
    Status colors
*/

.mpn-status-error {
    color: red;
}

.mpn-status-warn
{
    color: #DFB948;
}

.mpn-status-ok {
    color: green;
}

.mpn-status-neutral {
    color: black;
}

.mpn-status-inactive {
    color: #c0c0c0;
}


/*
    Styles for Kendo modules
    to match with customer portal look   
 */

/** DIVS POSITIONING **/
.fl {
    float: left;
    display: block;
}

.fr {
    float: right;
    display: block;
}

.fix-r {
    position: absolute;
    right: 6px;
}

.cb {
    clear: both;
}
.dn {
    display: none;
}

/** PADDINGS **/
.p0 {
padding:0px;
}
.p1 {
padding:1px;
}
.p2 {
padding:2px;
}
.p4 {
padding:4px;
}
.p5 {
padding:5px;
}
.pl5 {
padding-left: 5px;
}
.pt5 {
padding-top: 5px;
}
.p10 {
padding: 10px;
}
.pl10 {
padding-left: 10px;
}
.pt10 {
padding-top: 10px;
}
.pl20 {
padding-left: 50px;
}
.pt20 {
padding-top: 20px;
}
.pt50 {
padding-top: 50px;
}
.pr50 {
padding-right: 50px;
}

/** MARGINS **/
.ma {
    margin: 0 auto;
    position:relative;
}
.m0a {
    margin: 0 auto;
}

.s0 {
    border-spacing: 0px;
    border-collapse:collapse;
}

.s2 {
    border-spacing: 2px;
    border-collapse: separate;
}

.s5 {
    border-spacing: 5px;
    border-collapse: separate;
}

.s10 {
    border-spacing: 10px;
    border-collapse: separate;
}

.m2 {
    margin:2px;
}
.m5 {
    margin:5px;
}
.m10 {
    margin:10px 10px 10px 10px;
}
.m15 {
    margin:15px 15px 15px 15px;
}
.m20 {
    margin:20px 20px 20px 20px;
}

.ml2 {
    margin-left:2px;
}
.ml5 {
    margin-left:5px;
}
.ml10 {
    margin-left:10px;
}
.ml15 {
    margin-left:15px;
}
.ml20 {
    margin-left:20px;
}
.ml30 {
    margin-left:30px;
}
.ml40 {
    margin-left:40px;
}

.mt2 {
    margin-top:2px;
}
.mt5 {
    margin-top:5px;
}
.mt10 {
    margin-top:10px;
}
.mt15 {
    margin-top:15px;
}
.mt20 {
    margin-top: 20px;
}

.mr2 {
    margin-right: 2px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}

.mb2 {
    margin-bottom: 2px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}

/** WIDTHS **/
.w100p {
    width: 100%;
}

.w99p {
    width: 99%;
}

.w95p {
    width: 95%;
}

.w75p {
    width: 75%;
}

.w60p {
    width: 60%;
}

.w50p {
    width: 50%;
}

.w49p {
    width: 47.5%;
}

.w40p {
    width: 40%;
}

.w33p {
    width: 33%;
}

.w32p {
    width: 32%;
}

.w25p {
    width: 25%;
}
.w24p {
    width: 24%;
}

.w20p {
    width: 20%;
}

.w19p {
    width: 19%;
}

.w15p {
    width: 15%;
}

.w12p {
    width: 12%;
}

.w10p {
    width: 10%;
}

.w50 {
    width: 50px;
}

.w25 {
    width: 25px;
}

.w20 {
    width: 20px;
}

.w75 {
    width: 75px;
}

.w750 {
    width: 750px;
}

.w600 {
    width: 600px;
}

.w500 {
    width: 500px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

/** BORDERS **/
.bt1 {
    border-top: 1px solid #c0c0c0;
}

.bb1 {
    border-bottom: 1px solid #c0c0c0;
}

/** FONTS **/
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.vat {
    vertical-align: top;
}
.vam {
    vertical-align: middle;
}
.vab {
    vertical-align: bottom;
}

.fb {
    font-weight: bold;
}
.fs18 {
    font-size: 18px;
}
.fs10 {
    font-size: 10px;
}
.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}

.fs11p {
    font-size: 1.1em;
}

.fs12p {
    font-size: 1.2em;
}

.fs09p {
    font-size: .9em;
}

.fs08p {
    font-size: .8em;
}

.c1 {
    color: #0070c0;
}
.c2 {
    color: #f00;
}

/** INPUTS **/
.large {
width:240px;
}
.medium {
width:140px;
}
.small {
width:80px;
}
.xsmall {
width:50px;
}
.xxsmall {
width:40px;
}

.x-large {
width: 350px;
}

.x-xxlarge {
width: 400px;
}

.y-medium {
height: 100px;
}

.y-xxlarge {
height: 350px;
}

.xxlarge {
width: 550px;
height: 180px;
}

/** Heights **/

.h100p {
    height: 100%;
}

.h50p {
    height: 50%;
}

.h7 {
    height:7px;
}
.h14 {
    height:14px;
}
.h21 {
    height:21px;
}


/*
    Kendo overwrides
    */

/*.k-textbox {
    vertical-align: top;
}*/

/*.k-listview {
    border: 0;
    padding: 10px 0 10px 0;
    min-width: 0;
}*/

.k-block {
    background: transparent;
}

.k-icon {
    margin-top: 6px;
}

.k-input {
    padding: 0px;
}

.k-link .k-i-arrow-s {
    margin-top: 1px;
}

.k-i-arrow-n {
    margin-top: 3px;
}

.pt {
    cursor:pointer;
    text-decoration:underline;
}

.panel-ee {
    border: solid 1px #eeeeee;
}

.col {
    display: inline-block;
}

.list-container {
    padding: 0;
    list-style-type: none;
}

.hoverTable tr:hover {
    background-color: lightyellow;
}

.pager {
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
color: #999999;
background-color: #fff;
cursor: default;
}

.pager li>a, .pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.txt-ucase
 {
   text-transform:uppercase!important;
 }

.txt-lcase
 {
   text-transform:lowercase!important;
 }

.txt-cap
 {
   text-transform:capitalize!important;
 }

/* kendo overrides for hierarchical drop-down*/

.k-list .k-item .mpn-k-optgroup {
    font-weight: bold;
}
.k-list .k-item .mpn-k-optgroupitem {
    padding-left: 15px;
}
        
.k-popup .k-list .k-item.mpn-k-optgrouplistitem.k-state-hover{
        border: none;
        color: #000;
        border-radius: 0;
        background: none;
        padding: 1px 5px 1px 5px;
        box-shadow: none;
}

.panel-yellow {
    background-color: #ffffe0; 
    border: solid 1px #DFB948; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
}

/* 
    kendo-blue theme based shades
    generator - http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=000000   
*/

.k-header-light-x
{
    background-color: #F9FCFD;
}

.k-header-light
{
    background-color: #E5EFF2;
}

.k-white
{
    background-color: white;
}

/* Table-like display styles*/

.table {
    display: table
}

.th {
    display: table-header-group
}

.tf {
    display: table-footer-group
}

.tr {
    display: table-row
}

.td {
    display: table-cell
}

.progress-overlay {
    position:fixed; 
    top: 50%; 
    left: 50%; 
    width:60%; 
    height:300px; 
    margin-top: -150px; 
    margin-left: -30%;
    display: none;
    z-index: 9000;
    border-radius: 50px;
}

/* Change to red */
.jQuery-plainOverlay-progress
{
    border-color: #8995D9 !important;
}
.jQuery-plainOverlay-progress-legacy div {
  background-color: #8995D9 !important;
}


.scroll {
  border: 0;
  border-collapse: collapse;
}

.scroll tr {
  display: flex;
}

.scroll td {
  padding: 2px;
  display: block;
  flex: 1 auto;
}

.scroll thead tr:after {
  content: '';
  overflow-y: scroll;
  visibility: hidden;
  height: 0;
}

.scroll thead th {
  flex: 1 auto;
  display: block;
}

.scroll tbody {
  display: block;
  width: 100%;
  overflow-y: auto;
}

.mpn-cell {
    display: inline-block
}

.vcell {
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.k-grid td {
    border-width: 0 0 0 0;
    padding: 4px 4px 4px 4px;
    font-size: 13px;
}

/* grid row hover efect*/
.k-grid table tr:hover td {
    background :rgb(107, 188, 242) !important;
    cursor: pointer !important;
}

.nowrap {
    white-space: nowrap;
}

.drag-handle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
}

.req-panel {
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;*/
}

.prio-panel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move;
}

/*JPM-4223*/
.k-window-content.k-window-iframecontent {
    height: 100%;
}