.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:13px;
    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:13px;
    text-decoration:none;
    outline:none;    
    font-weight:normal;
}
img
{
    border:none;
}
a:active
{
    outline: none;
}

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

#spnDate, #spnClock
{
    font-family: Verdana;
    color: #000000;
    font-size: 11px;
}

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

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

.tdHeadTitle
{
    color: #3d3d3d;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
}
.tdHeadTitleLarge
{
    color: #3d3d3d;
    font-size: 15px;
    font-weight: bold;
    font-family: Verdana;
}
.tblHeadTitle
{
    background-image: url(../images/ttlbar_center.gif);
    color: #3d3d3d;
    font-size: 12px;
    font-weight: bold;    
    font-family: Verdana;
}
.tblHeadTitleCE
{
    background-image: url(../images/ttlbar_center_ce.gif);
    color: #3d3d3d;
    font-size: 12px;
    font-weight: bold;    
    font-family: Verdana;
}
.tblHeadTitleMAN
{
    background-image: url(../images/ttlbar_center_man.gif);
    color: #3d3d3d;
    font-size: 12px;
    font-weight: bold;    
    font-family: Verdana;
}
.tblData
{
    font-family: Verdana;
    border-left: solid 1px #002D96;
    border-right: solid 1px #002D96;
    border-bottom: 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: 0;
    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: 8pt;
    font-family: Verdana;
    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: 10px;
    height: 28px;
    top: 0px;
    text-align: right;
}
/* make crumbs after making new nav */
.breadCrumb, #breadCrumb, .currentPage, #spnTimeOut, #footerCopyRight
{
    font-family: Verdana;
    font-size: 9px;
    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;
    font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    padding: 0 10px 0 0;
}
#PermitHistory
{
    padding: 10px;
    border: 1px solid #eeeeee;
    margin-left: 218px;
    background: #FFFFFF;
    color: #666666;
    font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}

#PermitStatusHistory
{
    padding: 10px;
    border: 1px solid #000000;
    margin-left: 218px;
    background: #FFFFFF;
    color: #666666;
    font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}
.username
{
    font-size: 0.9em;
    width: 150px;
}
/* zero margin on all forms */
form
{
    margin: 0px;
}

/* begin classes */
INPUT, SELECT, TEXTAREA
{
    font-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 10px;
    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-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 10px;
    color: #333333;
    border-color: #eeeeee;
    border-width: .1em;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    outline: none;
}
.btnInput
{
    font-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 11px;
    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;
}
.btnInputHTML
{
    font-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 11px;
    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-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 11px;
    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: 9px;
}
.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;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}


h3
{
    font-size: 24px;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    margin: 0px 0px 0px 0px;
}


.MyBody
{
    align: left;
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 12px;
    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('http://www.scpdc.org/mypermitnow-test/images/green_button.gif');
    border: 0px solid #9999FF;
    color: #ffffff;
    cursor: default;
    font-family: "Arial, MS Sans Serif" , Tahoma, sans-serif;
    font-size: 11pt;
    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('http://www.scpdc.org/mypermitnow-test/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: 12px;
    font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
    color: #FFFFFF;
    font-size: 12px;
    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: 12px;
    font-weight: bold;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    border: solid 1px #B50000;
    background-color: #FFEBEB;
    padding: 4px 15px 4px 15px;
}
.loginSuccess
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    border: solid 1px green;
    background-color: #EBFFEB;
    padding: 4px 15px 4px 15px;
}
.loginProcessing
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    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);
}
.MainHeaderTable_MyPermitNow /*FOR MUNICIPALITY*/
{
    background-image: url(../images/Main_Top_Nav_MyPermitNow.jpg);
}

/*******************************************************************
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);
}
.MainHeaderTable_MyAddressNow
{
    background-image: url(../images/Main_Top_Nav_MyAddressNow.jpg);
}
.MyAddressNow_HomePage_MsgBox
{
    font-size: 11px;
    color: #303030;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a
{
    font-size: 15px;
    color: #ffffff;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.LeftNav
{
    font-size: 12px;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    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);
}
.MainHeaderTable_MyCodeEnforcementNow
{
    background-image: url(../images/Main_Top_Nav_MCEN.jpg);
}
.MyCodeEnforcementNow_HomePage_MsgBox
{
    font-size: 11px;
    color: #303030;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a
{
    font-size: 15px;
    color: #ffffff;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.LeftNav
{
    font-size: 12px;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    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);
}
.MainHeaderTable_MyCommunityServicesNow
{
    background-image: url(../images/Main_Top_Nav_cs.jpg);
}
.MyAddressNow_HomePage_MsgBox
{
    font-size: 11px;
    color: #303030;
    font-family: arial,helvetica,sans-serif;
    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);
}
.MainHeaderTable_MyCodeEnforcementNow
{
    background-image: url(../images/Main_Top_Nav_MCEN.jpg);
}
.MyCodeEnforcementNow_HomePage_MsgBox
{
    font-size: 11px;
    color: #303030;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    padding: 0px 8px 0px 15px;
}

.TopRightNav a
{
    font-size: 15px;
    color: #ffffff;
    font-family: arial,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.LeftNav
{
    font-size: 12px;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    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;
    font-family: arial,helvetica,sans-serif;
    margin: 0px 0px 0px 0px;
    background: url(../images/adm_grid_hdr_bg.png) top left;
}
.CP_TdHeaderTxt
{
    font-size: 17px;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
}
.CP_TdSubHeader
{
    font-size: 12px;
    font-weight:bold;
    padding: 2px 2px 2px 2px;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    margin: 0px 0px 0px 0px;
    background-color:#eeeeee;
}
.CP_TdSubHeaderTxt
{
    font-size: 17px;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
}
.CP_LoginName
{
    font: bold 17px 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: 11px;
    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: 11px;
    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: 11px;
    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.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: 11px;
    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: 11px;
    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
{    
    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 .tabSet {
	margin: 0;
	padding: 10px 10px 10px 6px;
	height: 28px;
	background: #ccdded;
	border:solid 1px #94B2D8;	
}

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

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

#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;
}

#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;		
}

.tabOn 
{   
	background-color:#ffffff;
	color: #3d3d3d;
	vertical-align:middle ;
	font-weight:bold;  
	height:30px; 	
    	
}
.tab
{
	border:solid 2px #cccccc;		
	background-color:#eeeeee;
	margin:12px 10px 12px 10px !important;	
	cursor: pointer;
	width:125px;
	text-align:center;	
	vertical-align:middle ;
	font-size:12px;
	height:28px;
	vertical-align:middle;			
}
.tabOver 
{    
	background-color:#ffffff;
	color: #3d3d3d;
	vertical-align:middle ;
	font-weight:normal;	
	height:30px;	
}
.panelSet {
	padding: 10px;
	border:solid 1px #ccc;
	border-top: 0px;
	background: #fff;
	background:#EBEBEB url(images/header-shadow.gif) top center no-repeat !important;		
}
.exampleWrapper
{
    background-color: #CCDDED; 
    height:50px;   
    vertical-align:middle;
    border:solid 1px #94B2D8;
}


/****************************************************************************
Floating Admin div section
****************************************************************************/

#floatingAdmin {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 100%;
	margin: 0;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}