/* Basic styles */

/* Revised CSS including webfont - implemented 2014-12-09 */
/* EDITED FOR NAV REFRESH 2015-06 USE ON ALL GLOBAL PAGES AND ON HOME PAGE  - A.Delroy */
/* LAST REVISED DATE & TIME - 2015-08-06 4:00 PM - A.Delroy */

@import url("https://cloud.typography.com/7956652/709186/css/fonts.css");

body, table, td, th, p, div, span {
	color: #333333;
	font-family: Arial, Verdana, Monaco;
	font-size: 11px;
	}
body {
   background: #efefef url(../images/bg_white_margin.png) repeat-y center;
   margin: 0;
   border: 0;
   padding: 0;
	}
input, select, textarea {
	font-size: 10px;
   font-family: Arial, Verdana, Monaco;
   }
input {
   margin-left: 0;
   }
a, area {
	outline: none;
	}
a:link {
	color: #333333;
	}
a:visited {
	color: #333333;
	}
a:hover {
	color: #003366;
	}
form {
   margin: 0;
   padding: 0;
   }
label {
	cursor: pointer;
	cursor: hand;
	}
img {
	border: 0;
	}
img.block {
	display: block;
	}
pre {
	white-space: pre;
	}

/* Large-scale layout */
#container {
   padding-bottom:3px;
   width:780px;
   background-color:#ffffff;
   }
#topnav {
   position: relative;
   width: 780px;
   height: 37px !important;
   z-index: 100;
   margin-bottom:10px;
   }  
#column0 {
   position: inherit;
   width: 780px;
   }
#column1 {
   width:204px;
   float:left;
   margin-right:15px;
   }
#column2 {
   width:342px;
   margin-right:15px;
   float:left;
   }
#column3 {
   width:204px;
   float:left;
   }
#column4 {
   width:561px;
   float:left;
   }
#column5 {
   width:780px;
   float:left;
   }
#column6 {
   width:204px;
   float:left;
   margin-left:15px;
   }
#column7 {
   width:250px;
   float:left;
   margin-right:10px;
   }
#column8 {
   width:260px;
   float:left;
   }
#column9 {
   width:273px;
   float:left;
   margin-right:15px;
   }
#column10 {
   width:273px;
   float:left;
   }
#column11 {
   width:376px;
   float:left;
   }
#column12 {
   width:170px;
   float:left;
   margin-left:15px;
   }
#bottomnav {
   position:relative;
   width:780px;
   left: 0;
   padding: 2px 0px 2px 0px;
   background-color:#CCCC99;
   clear: both;
   font-size:6px;
   line-height: 14px;
   padding-bottom: 10px;
   padding-top: 10px;
   }
   
#bottomnav a{
color:#474747 !important;
}
      
/* Generic colors */
.accent {
   color:#003366;
   }
.accentspace {
   margin-top:8px;
   margin-bottom:8px;
   color:#003366;
   }
.header {
   font-weight:bold;
   margin-bottom:6px;
   color:#003366;
   }
.pageHeader {
   font-weight:bold;
   margin-bottom:0px;
   color:#003366;
   }
.subheader {
   margin-bottom:6px;
   color:#003366;
   }
.subsubheader {
   margin-bottom:1px;
   margin-left:25px;
   color:#003366;
   }
.newsImg {
   margin-right:9px;
   margin-bottom:9px;

   }
.newsImg2 {
   margin-right:9px;
   margin-bottom:4px;
   }
.newsImg3 {
   margin-right:5px;
   margin-bottom:3px;
   }      
.wide {
   margin-bottom:6px;
   display:block;
   clear:both;
   }
.general {
   background-color:#ECECE2;
}
.generaldark {
   background-color:#D6D6CA;
}
.taxheader {
   background-color:#f2f6fa;
}
/* Generic block styles */
.blockheader {
   background-color:#BDC9D9;
   color:#003366;
   padding:5px 9px 6px 9px;
   font-weight:bold;
   text-transform:uppercase;
   }
.imagegalleryheader {
   background-color:#BDC9D9;
   color:#003366;
   padding:5px 9px 6px 9px;
   font-weight:bold;   
   }   
.blockheaderlink {
   background-color:#BDC9D9;
   color:#003366;
   padding:5px 9px 6px 9px;
   text-align:right;
   }
.blockheaderlink a, .blockheaderlink a:visited, .blockheaderlink a:hover{
   color:#003366;
   }
.blockcontent {
   background-color:#F2F6FA;
   padding:7px 9px 9px 9px;
   margin-bottom:9px;
	}
#column1 .blockcontent, #column3 .blockcontent {
	width:204px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:186px;
	}
html>body #column1 .blockcontent, html>body #column3 .blockcontent {
	width:186px;
	}
.breadcrumb {
   background-color:#F2F6FA;
   padding:5px 3px 7px 9px;
   margin-bottom:9px;
   }
.blocklinklist {
   line-height:16px;
   }
.blockcontentwide {
   color:#8E8E80;
   padding:7px 0px 9px 0px;
   }
.blockcontentwide2 {
   color:#8E8E80;
   padding:0px 0px 9px 0px;
   }
.blockcontentclear {
   padding:7px 9px 9px 9px;
   margin-bottom:9px;
	}
#column2 .blockcontentclear {
	width:342px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:324px;
	}
html>body #column2 .blockcontentclear{width:324px;}
.blocklink {
   text-align:right;
   padding: 5px 0px 0px 0px;
   }
.blocklink a{
   color: #333333;
   }
.blocklink a:visited{
   color:#333333;
   }
.blocklink a:hover{
   color:#003366;
   }
.blockheaderGen {
   background-color:#D6D6CA;
   color:#003366;
   padding:5px 9px 6px 9px;
   font-weight:bold;
   text-transform:uppercase;
   }
.blockcontentGen {
   background-color:#ECECE2;
   padding:7px 9px 9px 9px;
   margin-bottom:10px;
   }
.blockheaderlinkGen {
   background-color:#D6D6CA;
   color:#003366;
   padding:5px 9px 6px 9px;
   text-align:right;
   }
.sectionlinks {
   float:left;
   width:169px;
   line-height:16px;
   margin-top:9px;
   padding:0px 0px 2px 9px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 160px;
   }
html>body .sectionlinks {
   width: 160px;
   }
.featureBanner {
   background-color:#BDC9D9;
   padding-top:9px;
   margin-bottom:9px;
}
.featureBannerImg {
  /* margin-bottom:9px; */
}   
   
/* Generic forms */
.text40{
   width:40px;
   margin-top:5px;
   margin-right:5px;
   }
.text60{
   width:60px;
   margin-top:2px;
   }
.text70 {
   width:70px;
   margin-right:5px;
   margin-top:2px;
   }
.text100{
   width:100px;
   margin-top:5px;
   margin-right:5px;
   }
.text110{
   width:110px;
   margin-top:2px;
   margin-right:5px;
   }
.text140 {
   width:140px;
   margin-right:5px;
   margin-top:5px;
   }
.text150 {
   width:150px;
   margin-right:5px;
   margin-top:5px;
   }
.text180 {
   width:180px;
   margin-top:5px;
   }
.text200{
   width:200px;
   margin-top:5px;
   }
.text280{
   width:280px;
   margin-top:5px;
   }
.submit180 {
   margin-top:7px;
   text-align:right;
   }
.select60 {
   margin-top: 5px;
   width:66px;
   }
.select145 {
   margin-top: 5px;
   width:151px;
   }
.select180 {
   margin-top: 5px;
   width:180px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 186px;
   }
.select80pct {
   margin-top: 5px;
   width:80%;
      voice-family: "\"}\"";
      voice-family: inherit;
   }   
.select95pct {
   margin-top: 5px;
   width:95%;
      voice-family: "\"}\"";
      voice-family: inherit;
   }   
html>body .select180 {
   width: 180px;
   }
.select200 {
   margin-top: 5px;
   width:205px;
   }
.select180 {
   margin-top: 5px;
   width:185px;
   }
.textarea200{
   width:200px;
   height:100px;
   margin-top:5px;
   }
 .textarea280{
    width:280px;
    height:100px;
    margin-top:5px;
   }
.polllink {
   margin-top:4px;
   font-size:10px;
   text-align:right;
   }
.step {
   background-color:#BDC9D9;
   color:#003366;
   padding:5px 9px 6px 9px;
   font-weight:bold;
   text-align:right;
   }
.formitem {
   margin-top:6px;
   color:#003366;
   }
.formspace {
   margin-top:5px;
   margin-bottom:2px;
   }
.formaction {
   text-align:right;
   margin-right:10px;
   margin-top:6px;
   }
.space {
   margin-top:8px;
   margin-bottom:8px;
   }
.alert {
   color:#FF3000;
   margin-top:3px;
   }
.alert a {
color:#FF3000 !important;
}
.error {
   color:#FF3000;
   margin-top:3px;
   display:none;
   }
.checklink {
   padding:2px 5px 5px 0px;
   }
.discussionspace {
   margin-top:5px;
   margin-bottom:10px;
   }
.toplink {
   text-align:right;
   margin-bottom:6px;
   }
   
/* Topnav */
/* Topnav - search */
#tnSearch {
   position: absolute;
   top: 0;
   left: 0;
   width: 393px;
   height: 25px;
   color: #474948;
   background: #cccc9a url(../images/cnr_rounded_tr.png) top right no-repeat;
   }
#tnSearch a:link, #tnSearch a:hover, #tnSearch a:visited,  #tnSearch a:active {
   color: #474948;
   }
#tnSearchForm {}
#tnSearchTitle {
   position: absolute;
   top: 5px;
   left: 8px;
   width: 40px;
   font-weight: bold;
   }
#tnSearchInput {
   position: absolute;
   top: 3px;
   left: 50px;
   width: 295px;
   font-size: 9px;
   font-face:arial;
   }
#tnSearchGo {
   position: absolute;
   top: 3px;
   left: 355px;
   }
#tnAdvancedSearch {
   position: absolute;
   top: 3px;
   left: 183px;
   width: 47px;
   font-size: 9px;
   line-height: 10px;
   }
#tnLinksForm {
   display: none;
   }
#tnLinksSelect {
   position: absolute;
   top: 3px;
   left: 185px;
   width: 200px;
   font-size: 10px;
   margin-top: 0;
   }
#tnLinksSelect option {
   font-size: 9px;
   }
   
/* Topnav - shop */
#tnShop {
   position: absolute;
   top: 0;
   left: 396px;
   width: 200px;
   height: 25px;
   color: #47494A;
   background: #d5d5c9 url(../images/cnr_rounded_tl.png) top left no-repeat;
   }
#tnShop a:link, #tnShop a:hover, #tnShop a:visited,  #tnShop a:active {
   color: #47494A;
   }
#tnShopIcon {
   position: absolute;
   top: 3px;
   left: 130px;
   }
#tnShopLink {
   position: absolute;
   top: 8px;
   left: 5px;
   width: 35px;
   padding: 0 5px;
   border-right: #47494A solid 1px;
   font-size: 9px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 24px;
   }
html>body #tnShopLink {
   width: 24px;
   }
#tnShopQuantity {
   position: absolute;
   top: 8px;
   left: 40px;
   width: 84px;
   text-align: center;
   overflow: hidden;
   border-right: #47494A solid 1px;
   font-size: 9px;
   }
#tnShopCheckout {
   position: absolute;
   top: 8px;
   left: 147px;
   width: 49px;
   padding: 0 5px;
   border-right: #47494A solid 1px;
   font-size: 9px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 38px;
   }
html>body #tnShopCheckout {
   width: 38px;
   }

/* Topnav - print and contact */
#tnGlobal {
   position: absolute;
   top: 0;
   left: 596px;
   width: 184px;
   height: 25px;
   color: #47494A;
   background: #d5d5c9;
   }
#tnGlobal a:link, #tnShop a:hover, #tnShop a:visited,  #tnShop a:active {
   color: #47494A;
   }
#tnGlobalIcon {
   position: absolute;
   top: 3px;
   left: 5px;
   }
#tnGlobalPrint {
   position: absolute;
   top: 8px;
   left: 24px;
   width: 103px;
   padding: 0 5px;
   border-right: #47494A solid 1px;
   font-size: 9px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 93px;
   }
html>body #tnGlobalPrint {
   width: 90px;
   }
#tnGlobalContact {
   position: absolute;
   top: 8px;
   left: 134px;
   width: 50px;
   font-size: 9px;
   }

/* Topnav - banner */
#tnBanner {
   position: absolute;
   top: 26px;
   left: 0;
   width: 576px;
   height: 90px;
   }

/* Topnav - login (not logged in) */
#tnLogin {
   position: absolute;
   top: 26px;
   left: 577px;
   width: 203px;
   height: 91px;
   background: #cccc9a url(../images/bg_login_home.png) no-repeat;
   }
#tnLogin div {
   color: #003366;
   }
#tnLoginTitle {
   position: absolute;
   top: 7px;
   left: 9px;
   font-weight: bold;
   }
#tnLoginForm {}
#tnLoginUsername {
   position: absolute;
   top: 25px;
   left: 10px;
   width: 85px;
   height: 62px;
   font-size: 9px;
   }
#tnLoginUsernameInput {
   width: 78px;
   }
#tnLoginPassword {
   position: absolute;
   top: 25px;
   left: 94px;
   width: 85px;
   height: 62px;
   font-size: 9px;
   }
#tnLoginPasswordInput {
   width: 74px;
   }
#tnLoginGo {
   position: absolute;
   top: 38px;
   left: 174px;
   }
#tnLoginLinks {
   position: absolute;
   top: 64px;
   left: 10px;
   width: 180px;
   font-size: 9px;
   }
#tnLoginLinks a:link, #tnLoginLinks a:hover, #tnLoginLinks a:visited,  #tnLoginLinks a:active {
   color: #003366;
   }
   
/* Topnav - weather */
#tnWeather {
   position: absolute;
   top: 0px !important;
   left: 0;
   width: 149px;
   height: 31px;
   background-color: #333 ;
   padding-top: 6px;
   padding-left: 12px;
   }
#tnWeather div {
   color: #003366;
   }
#tnWeatherIcon {
   position: absolute;
   top: 3px;
   left: 9px;
   }
#tnWeatherSummary {
   position: absolute;
   top: 1px;
   left: 38px;
   width: 125px;
   font-weight: bold;
   overflow: hidden;
   }
#tnWeatherTemperature {
   position: absolute;
   top: 13px;
   left: 38px;
   width: 125px;
   overflow: hidden;
   font-size: 9px;
   }
#tnWeatherLink {
   position: absolute;
   top: 7px;
   left: 167px;
   width: 33px;
   font-weight: bold;
   }
#tnWeatherLink a:link, #tnWeatherLink a:hover, #tnWeatherLink a:visited,  #tnWeatherLink a:active {
   color: #003366;
   }

/* Topnav - dhtml menubar */
#tnNav {
   position: absolute;
   top: 0px !important;
   left: 161px;
   width: 575px;
   height: 25px;
   }
.tnNavMenuButton {
   position: absolute;
   top: 0;
   }
      
/* Nav button positions - 2015-06 ADelroy */
#tnNavOnline {
   left: 0px;
   }
#tnNavHall {
   left: 157px;
   }
#tnNavResidents {
   left: 260px;
   }
#tnNavBusiness {
   left: 374px;
   }
#tnNavDiscover {
   left: 480px;
   }

/* Topnav - dhtml dropdowns */
/* hacks to get width of dropdowns ok - 150px on IE Mac; flexible on others */
.tnNavMenu {
   position: absolute;
	top: 37px !important;
   left: 0;
   width: 150px !important; /* IE Mac */
   z-index: 100;
   /* border: 1px solid #012040; */
   border-top: none;
   border-left: 1px solid #012040; 
   border-right: 1px solid #012040; 
   border-bottom: 1px solid #012040; 
   background-color: #f2f6fa;
   visibility: hidden;
   }
@media all {
  .tnNavMenu {
      width: 150px !important; /* IE PC */
         voice-family: "\"}\"";
         voice-family: inherit;
         width: auto !important; /* Moz PC */
      }
   }
   /* Remove differences in bg color for communities - 2015-06 ADelroy */
   /*
#tnNavResidentsMenu {
   background-color: #ecefde;
   }
#tnNavDiscoverMenu {
   background-color: #f2f1f4;
   }
   */
.tnNavMenu a.menuItem {
	border-top: 1px solid #bbb; /* 2015-06 */
	display: block;
	width: 100%;
	padding: 5px 8px;
	font-size: 15px;
	font-weight: normal; /* fix issue with miway pages 2015-08 A.Delroy */
	white-space: nowrap;
	/* color: #003366; */
	color: #333;  /* 2015-08 */
	background-color: #f2f6fa;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
   }
html>body .tnNavMenu a.menuItem {
   width: auto;
   }
.tnNavMenu a.menuItem:hover, .tnNavMenu a.menuItemCurrent {
   /* color: #003366; */
	color: #333;  /* 2015-08 */
   background-color: #fff;
   }
/* Add class "more" to a. - 2015-06 ADelroy */
.tnNavMenu a.menuItem.navmore {
    font-size: 14px;
    font-weight: bold !important;
    font-style: normal;
    background-color: #006698;
    color: #fff !important;
    display: block;
    border: none;
    padding-top: 10px;
    padding-bottom: 9px;
    white-space: nowrap;
    width: auto;
}
.tnNavMenu a.menuItem.navmore:hover {
	background: #333;
}
/* Position dropdown menu containers for each community - ADelroy */
#tnNavOnlineMenu {
	left: 161px !important;
	visibility:hidden;
}
#tnNavHallMenu {
	left: 318px !important;
	visibility:hidden;
}
#tnNavResidentsMenu {
	left: 421px !important;
	visibility:hidden;
}
#tnNavBusinessMenu {
	left: 535px !important;
	visibility:hidden;
}
#tnNavDiscoverMenu {
	left: 589px !important;
	visibility:hidden;
	width: 189px !important; /* Fix diff pos of dropdwn betw browsers - To be changed if width of links in dropdown change. 2015-07 A.Delroy */
}
/* Sidenav */
#sidenav {
   width: 204px;
   margin-bottom: 9px;
   }
#snTop {
   display: block;
   margin-bottom: 1px;
   }
#snBottom {
   display: block;
   margin-bottom: 1px;
   }
#snUp {
   display: block;
   width: 204px;
   padding: 3px 9px;
   white-space: nowrap;
   background: #003366 url(../images/sidenav/top_up.png) no-repeat right;
   color: #f2f6fa;
   border-bottom: 1px #ffffff solid;
   font-size: 9px;
   text-decoration: none;
   text-transform: uppercase;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 186px;
   }
html>body #snUp {
   width: 186px;
   }
#snUpAlt {
   display: block;
   width: 204px;
   padding: 3px 9px;
   white-space: nowrap;
   background: #003366 url(../images/sidenav/bg_top.png) no-repeat left;
   color: #f2f6fa;
   border-bottom: 1px #ffffff solid;
   font-size: 9px;
   text-decoration: none;
   text-transform: uppercase;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 186px;
   }
html>body #snUpAlt {
   width: 186px;
   }
#sidenav a.navItem {
   display: block;
   width: 204px;
   padding: 3px 0px 3px 9px;
   /* white-space: nowrap; */
   color: #003366;
   background-color: #f2f6fa;
   border-bottom: 1px #ffffff solid;
   font-size: 11px;
   text-decoration: none;
   /*text-transform : capitalize;*/
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 195px;
   }
html>body #sidenav a.navItem {
   width: 195px;
   }
#sidenav a.navItem:hover, #sidenav a.currentNavItem {
   border-bottom: 1px #ffffff solid;
   color: #003366;
   background-color: #bdc9d9;
   }
#sidenav a.currentNavLevel2 {
   border-bottom: 1px #ffffff solid;
   color: #003366;
   background: #f2f6fa url(../images/sidenav/arrows1_003366_level2.png) no-repeat left;
   }
#sidenav a.level2 {
   padding-left: 15px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 189px;
   }
html>body #sidenav a.level2 {
   width: 189px;
   }
#sidenav a.currentNavLevel3 {
   border-bottom: 1px #ffffff solid;
   color: #003366;
   background: #f2f6fa url(../images/sidenav/arrows1_003366_level3.png) no-repeat left;
   }
#sidenav a.level3 {
   padding-left: 30px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 174px;
   }
html>body #sidenav a.level3 {
   width: 174px;
   }
/*search results*/
#searchResultsPaging{
padding-left:2px;
padding-top:4px;
padding-bottom:4px;	
}
.indent9 {
padding:4px 9px 4px 9px;
}
.indent9left {
padding-left:9px;
padding-top:4px;
padding-bottom:4px;
}
.altrow {
background-color:#F2F6FA;
}
.altrowgen {
background-color:#ECECE2;
}
.calHdr {
font-weight:bold;
color:#003366;
text-align:center;
background-color:#D6D6CA;
}
.calOff {
background-color: #DDDDD1;
}
.calDate {
background-color: #ECECE2; 
font-weight: bold; 
text-align: center;
}
.calDateCurrent {
background-color: #DDDDD1;
font-weight: bold; 
text-align: center;
}
.heritageImg {
   margin-right:9px;
   margin-bottom:9px;
}
.couponDiscount {
   text-decoration: line-through;
   }
.webId {
   width:100px;
   margin-top:5px;
   margin-right:5px;
   font-family: 'Times New Roman', Times, serif;
   text-transform: uppercase;
}

/* Plan & Build Tab Navigation */
#tabContainer{
   width:561px;
   padding-top:6px;
   padding-bottom:20px;
}
.tab{
   float:left;
   background-color:#f2f6fa;
   border:1px solid #bdcbde;
   color:#003366;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:10px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   margin-left:1px;
}
.tabSelected{
   float:left;
   background-color:#bdcbde;
   border:1px solid #bdcbde;
   color:#003366;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:11px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   margin-left:1px;
   font-weight : bold;
}
#propDetails{
   width:64px; height:28px;
}
#taxAssess{
   width:84px; height:28px;
}
#buildPermits{
   width:63px; height:28px;
}
#devApp{
   width:94px; height:28px;
}
#comAdjust{
   width:80px; height:28px;
}
#heritage{
   width:62px; height:28px;
}
#mapIt{
   width:53px; height:28px;
}
#propDetails a, #taxAssess a,  #buildPermits a, #devApp a, #comAdjust a, #heritage a, #mapIt a{
   text-decoration:none;
   color:#003366;
}

/* Tax Self-Service Tab Navigation */
.tabTax{
   float:left;
   background-color:#f2f6fa;
   border:1px solid #bdcbde;
   color:#003366;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:10px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   margin-left:1px;
}
.tabSelectedTax{
   float:left;
   background-color:#bdcbde;
   border:1px solid #bdcbde;
   color:#003366;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:11px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   margin-left:1px;
   font-weight : bold;
}
#propInfo{
   width:75px; height:28px;
}
#billInfo{
   width:75px; height:28px;
}
#taxAssess{
   width:75px; height:28px;
}
#acctStatus{
   width:60px; height:28px;
}
#taxReceipt{
   width:94px; height:28px;
}
#transactions{
   width:75px; height:28px;
}
#events{
   width:50px; height:28px;
}
#propInfo a, #billInfo a,  #taxAssess a, #acctStatus a, #taxReceipt a, #transactions a, #events a{
   text-decoration:none;
   color:#003366;
}

/* Feature Links With Tabs Gear Navigation */
.tabLink{
   float:left;
   background-color:#ECECE2;
   border:0px solid #ECECE2;
   background: #ECECE2 url(../images/cnr_rounded_tl.png) top left no-repeat;
   color:#bdcbde;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:10px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
   margin-right:2px;
}
.tabSelectedLink{
   float:left;
   background-color:#D6D6CA;
   border:0px solid #D6D6CA;
   background: #D6D6CA url(../images/cnr_rounded_tl.png) top left no-repeat;
   color:#bdcbde;
   font-family : Arial, Helvetica, sans-serif;
   line-height:12px;
   font-size:11px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
   margin-right:2px;
   font-weight : bold;
}
#linkInfo{
   width:80px; height:24px;
}
#linkInfo a{
   text-decoration:none;
   color:#003366;
}
#linkInfoSelected{
   width:89px; height:24px;
}
#linkInfoSelected a{
   text-decoration:none;
   color:#003366;
}

.tabLineImg {
   height: 12px;
   margin-bottom:1px;
}


/* Site Map Styles */
.SMapHeader {
   font-weight:bold;
   margin-bottom:6px;
   color:#003366;
   }  
.SMapSubheader {
   margin-bottom:4px;
   color:#003366;
   }
.SMapSubsubheader {
   margin-bottom:1px;
   margin-left:25px;
   color:#003366;
   }
.SMapSubsubBullet {
   font-weight:bold;
   margin-left:-6px;
   }
   
   
   
/* Feature Link Drop Down */
#fLinkDropDown {
   display: block;
   width: 204px;
   padding: 3px 9px;
   white-space: nowrap;
   background: #003366 url(../images/sidenav/bg_top.png) no-repeat left;
   color: #f2f6fa;
   border-bottom: 0px #ffffff solid;
   font-size: 9px;
   text-decoration: none;
   text-transform: uppercase;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 186px;
   }
html>body #fLinkDropDown {
   width: 186px;
   }
      
   
  /* job board*/
  .tableborder {
  			border: solid;
  			color: #BDC9D9;
  			border-width: 1px;
  			height: auto;
  			width: auto;
  			padding:  3px 9px;
		}

/* Add server information to page */		
#whitetext {
  color:#FFFFFF;
  font-size: 10px;
  line-height: 10px;
}

/*Scrolling Feature Link List*/
.blockcontentScroll {
	background-color:#ECECE2;
	padding:2px 0px 0px 9px;
	margin-bottom:10px;
	overflow: auto;
	height: 68px;
	width: 195px;
}

/* Styles brought from global_home.css */
/* Header Styles */
input {
	/* Removed 2014-05-13 - Causing misalignment of buttons in eStore - A.Delroy
	font:100% arial,sans-serif;
	vertical-align:middle;
	*/
	outline:none;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#header {
	width:100%;
	overflow:hidden;
	background: url(/file/COM/header-bg.gif) no-repeat;
	height: 110px;
	width: 780px;
}
#header .top {
	width:760px;
	overflow:hidden;
	padding:0 0 27px 22px;
	/*margin:7px 0 1px;*/
	margin: 0;
}
.logo {
	background:url(/file/COM/logo.png) no-repeat;
	width:200px;
	height:33px;
	margin: 34px 0 0 33px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a {
	height:100%;
	display:block;
}
.user-area {
	float:right;
	width:500px;
	overflow:hidden;
}
.user-area .list {
	margin: 10px 24px 24px; /* 2015-06 */
	margin: 10px 0 24px 24px; /* 2015-08 */
	padding:0 19px;
	list-style:none;
	overflow:hidden;
	line-height:28px;
	/*font-size: 13px;  2015-06 */
	font-size: 14px; /* 2015-08 */
	float:right;
}
.user-area .list li {
	float:left;
	padding:0 0 0 12px;  
	margin:0 7px 0 0;
	display:inline;
}
.user-area .list li:first-child {
	background:none;
	padding-left:0;
}
.user-area .list a {
	color:#fff;
	text-decoration: none !important;
}
.user-area .list a:hover { /* 2015-08 */
	color:#fff;
	text-decoration: underline !important;
}
.container {
	width:100%;
	overflow:hidden;
}
.search {
	display:inline;
	float:right;
    /* margin: 6px 0 0;  2015-06 */
    margin: 2px 0 0; /* 2015-08 */
	overflow:hidden;
    /*width: 295px;  2015-06 */
    /*width: 405px;  2015-08 */
    width: 290px; /* 2018-12 */
}
.search .text-holder {
	background:#fff;
	float:left;
	height: 28px;
	margin:0;
	width: 192px;
}
.search .text {
	background:none;
	float:left;
	border:0;
	/* padding: 6px 5px 5px; */
	padding: 6px 0px 5px 8px; /* 2015-08 */
	/* line-height: 11px; */
	line-height: 1.25;/* 2015-08 */
	/* width: 100px; */
	width: 180px; /* 2015-08 */
	color: #333;
	/* font-size:11px !important; */
	font-size:13px !important; /* 2015-08 */
}

.search .btn {
	background: #333;
	border:0;
	color: #fff;
	cursor:pointer;
	font-size: 13px;
	height: 28px;
	letter-spacing: 0.015em;
	float:left;
	line-height: 1.3;
	margin: 0;
	width: 75px;
}
.search .btn:hover {
    color: #66cbfe !important;
    background: #333 none repeat scroll 0 0;
    text-decoration: none;
}

.search label {
	float:left;
	/* font-size: 13px;*/
	font-size: 12px;
	line-height: 1.3;
	padding: 6px 0 0 14px;
	text-transform: lowercase;
	color:#b3c2d1;
	width:109px;
}
/* Footer Styles */
#footer {
	background-color: #333;
	overflow:hidden;
	padding: 0;
	width:780px;
	height: 60px;
	margin: 0;
}
#footer .txt {
	float: right;
	margin: 18px 50px 0 0;
	color: #fff;
	width:450px;
	font-size:10px;
	text-align: right;
}
#footer address {
	font-style:normal;
}
.logo-small {
	background:url(/file/COM/logo-small.png) no-repeat;
	width: 150px;
	height: 26px;
	margin: 18px 13px 0 49px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	display:inline;
}
.logo-small a {
	display:block;
	height:100%;
}
.footer-list {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	color:#FFF;
}
.footer-list li {
	float:left;
	border-right:1px solid #b2b2b2;
	padding:0 14px 0 28px;
	margin:0 -14px 0 0;
	line-height: 12px; /* reduce size of dividers - A.Delroy */
	margin-top: 2px;
}

.footer-list li a {
	color: #fff !important;
	text-decoration: none;
}
.footer-list li a:hover {
	text-decoration: underline;
}
/* override color from google translate api - A.Delroy */
.goog-te-gadget-simple .goog-te-menu-value span {
    color: #FFFFFF;
    text-decoration: none !important;
	font-size: 11px !important; /* Fix conflicting body style on residents and other communities A.Delroy */
}
.whitesearch{
	color: #FFF !important ;
	text-decoration:none !important;
	font-size: 13px !important; /* 2015-08 */
}
.whitesearch:hover {
	color: #FFF !important ;
	text-decoration:underline !important;
	/* font-size: 13px; */
	font-size: 13px !important; /* 2015-08 */
}

/* Added to hide server info in footer in new design - A.Delroy */
#darktext {
    color: #333;
}
/* new rule add for tooltip callout O.Faruq */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-5px; margin-left:28px;
    width:200px; line-height:16px;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
a.tooltip:hover span {
    display:inline; position:absolute; color:#111;
    border:1px solid #8E8E80; background:#F2F6FA;
}
.callout {z-index:20;position:absolute;top:10px;border:0;left:-12px;}