.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: #6D6D6D;
	background-color: #ffffff;
	border-color: #AFAFAF;
	border-width: .1em;
	border: solid 1px #ddd;
	outline: none;
	height: 18px;
	vertical-align:middle;
}
.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;
}
.btnInputCSS
{
	font-family: Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	font-size: 11px;
	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-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('../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('../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 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: 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
{    
	font-family: Verdana;
	font-size: 11px;
	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: 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;
}

/****************************************************************************
TABS - Sub Tabs nested within a Tab Set
****************************************************************************/
.tab-wrapper
{
    padding: 10px;    
	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:				0px 0px 0px 0px;
	height: 25px;
	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-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	outline:none;
	text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-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-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	outline:none;
	text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-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-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	outline:none;
	text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-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-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	outline:none;
	text-decoration: none;
    -webkit-border-radius: 200px;
    -moz-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));       
}
/*
#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.jpg);
}
.MainHeaderTable_MyProjectNow /*FOR MUNICIPALITY*/
{
	background-image: url(../images/myprojectnow_admin_Page_top_Nav.jpg);
}