body { margin: 0px; font-family: arial, helvetica, sans; font-size: 80%; color: #000000; background: url('../images/background.jpg') top center;} /*rightCol Attributes - creates boxed header and partition around elements*/ #rightCol h1 { height: 20px; text-align: center; color: #ffffff; background: #434552; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;} #rightCol .container1 { border: 1px solid #434552; padding: 3px; } #rightCol h2 { height: 20px; text-align: center; color: #ffffff; background: #434552; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;} #rightCol .container2 { border: 1px solid #434552; padding: 3px; } #rightCol h3 { height: 20px; text-align: center; color: #ffffff; background: #434552; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;} #rightCol .container3 { border: 1px solid #434552; padding: 3px; } #rightCol .container2 a { padding-left: 12px; display: block; text-decoration: none; color: #331100; } #rightCol .container2 a:hover { background: url(../images/arrow.gif) left no-repeat; color: #331100; } .registerRightCol h1 { height: 20px; text-align: center; color: #ffffff; background: #000000; font-family: verdana, arial, helvetica, sans; font-size: 12px; margin-bottom: 0px; padding-top: 2px;} #registration-container { border: 1px solid #000000; padding: 3px; } /*Main Navigation*/ #mainNav { display: block; font-family: arial, helvetica, sans; font-size: 12px; color: #ffffff; text-align: center; } #mainNav a { display: block; background: #434552; margin-top: 2px; padding: 3px; text-transform: uppercase; text-decoration: none; color: #ffffff; font-weight: bold; } #mainNav a:hover { background: #000000; } #mainNav a.selected { background: #E17100; } /* DO NOT EDIT BELOW THIS LINE */ #rightCol .service-listing { display: block; font-family: arial, helvetica, sans; color: #808080; padding: 3px; border: 1px solid #C0C0C0; margin-top: 10px; } #rightCol .service-listing h4 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;} #rightCol .service-listing .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; } #rightCol .service-listing .map { color: #008000;} #rightCol .service-listing .website { color: #008000;} #rightCol .service-listing a.map { color: #008000;} #rightCol .service-listing a.map:hover { text-decoration: none; } #rightCol .service-listing a.website { color: #008000;} #rightCol .service-listing a.website:hover { text-decoration: none; } #error { color: #FF0000; } a.on { display: block; background: #008000; color: #ffffff; text-decoration: none; text-align: center; } a.on:hover { background: #800000; } a.off { display: block; background: #800000; color: #ffffff; text-decoration: none; text-align: center; } a.off:hover { background: #008000; } /*Defines page layout*/ #wrapper { margin:auto; width: 996px;} #wrapper #header { height: 100px; background: url('../images/header.jpg');} #wrapper .leftDisplay { float: left; width: 200px; } #wrapper .rightDisplay { float: right; width: 796px;} /*Page Status*/ .showStatus { text-align: right; padding: 2px; font-family: verdana, arial, helvetica, sans; font-size: 12px; color: #414141;} .showStatus a { color: #414141; text-decoration: none; } .showStatus a:hover { color: #E17100; text-decoration: underline; } a.logout:hover { color: #FF0000; } /*Container*/ #container { display: block; width: 796px; margin: auto; } #container #leftCol { float: left; width: 556px; } #container #rightCol { float: right; width: 230px; padding: 5px 0px 5px 5px; } /*Polls Style*/ #poll { display: block; font-size: 11px; } #poll .container { border: 1px solid #4F5418; padding: 3px; } #poll .question { font-weight: bold; } #poll .votebarout { background: #C0C0C0; border:0px; } #poll .votebarin { background: #800000; border:0px; } #poll .votetext { text-align: center;} #poll .votequest { text-align:center;} #poll .votefooter { text-align:center; } #poll .votespace { text-align:center; } /*Welcome Attributes*/ #welcome { padding: 0px 10px 5px 10px; } /*News Attributes*/ #news { padding: 10px; } #news h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #news h2 { font-size: 14px; font-family: arial, helvetica, sans; font-weight: bold; color: #000080; margin-bottom: 0px; } #news .publishdate { font-style: italic; } #news a.more { color: #E17100; text-decoration: none; font-weight: bold; } #news a.more:hover { text-decoration: underline; } #news #filetabs { display: block; margin-top: 5px; } #news #filetabs ul { list-style-type: none; margin: 0px; padding: 0px; } #news #filetabs li { float: left; width: 156px; margin-right: 2px;} #news #filetabs a { display: block; height: 20px; background: url('../images/filetab_off.png'); text-decoration: none; text-align: center; color: #ffffff; } #news #filetabs a:hover { background: url('../images/filetab_over.png'); } #news #disp { border: 1px solid #CCCCCC; padding: 5px; } #news #disp table { width: 100%; } #news #disp th { background: #a2a2a2; color: #ffffff; } #news #disp td { border: 1px solid #CCCCCC; padding: 2px; } #news #disp a.selectable { display: block; text-decoration : none; } #news #disp a.selectable:hover { background: #E2EDF1; text-decoration: underline; } /*Documents Styles*/ #documents { padding: 10px; } #documents h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } .libHeader { background: url('../images/library-icon-off.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #7F7F7F; height: 26px; } .libContent { border-top-width: 0px; border-bottom-width : 0px; overflow: auto; padding: 5px; } .libHover { background: url('../images/library-icon.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #FF0000; height: 26px; } .libSelected { background: url('../images/library-icon.png') no-repeat; padding-left: 30px; font-size: 16px; font-family: arial, helvetica, sans; color: #E17100; height: 26px; } .libContent table { width: 100%; } .libContent th { background: #C0C0C0; color: #ffffff; } .libContent td { border: 1px solid #C0C0C0; padding: 2px; margin: 1px; } .libContent a.selectable { display: block; padding-left: 20px; text-decoration: none; } .libContent a.selectable:hover { background: #E2EDF1 url('../images/download.png') left center no-repeat; text-decoration: underline; } /*FAQ Attributes*/ #faq { display: block; padding: 10px; } #faq h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #faq h2 { font-size: 14px; font-family: arial, helvetica, sans; font-weight: bold; color: #000080; margin-bottom: 0px; } /*Directory Styles*/ #directory { padding: 10px; } #directory h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } .dirHeader { background: url('../images/directory-icon-off.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #7F7F7F; height: 26px; } .dirContent { border-top-width: 0px; border-bottom-width : 0px; overflow: auto; padding: 5px; } .dirHover { background: url('../images/directory-icon.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #FF0000; height: 26px; } .dirSelected { background: url('../images/directory-icon.png') no-repeat; padding-left: 35px; font-size: 16px; font-family: arial, helvetica, sans; color: #E17100; height: 26px; } .dirContent table { width: 100%; } .dirContent th { background: #C0C0C0; color: #ffffff; } .dirContent td { border: 1px solid #C0C0C0; padding: 2px; margin: 1px; } /*Classifieds Attributes*/ #classifieds { display: block; padding: 10px; } #classifieds h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #classifieds .carrot a { color: #414141; text-decoration: none; } #classifieds .carrot a:hover { text-decoration: none; } #classifieds .category { float: left; width: 158px; padding: 10px; } #classifieds .category a { background: url('../images/classifieds.gif') no-repeat; padding-left: 20px; text-decoration: none; } #classifieds .category a:hover { color: #E17100; text-decoration: underline; } #classifieds .count { padding-left: 20px; } #classifieds .item { width: 534px; border: 1px solid #C0C0C0; padding: 3px; margin-bottom: 3px; } #classifieds .photo { width: 62px; float: left; text-align: center; } #classifieds .listing { width: 466px; float: right; } #classifieds .listing h2 { margin: 0px; padding: 0px; font-size: 16px; color: #E17100; font-family: verdana, arial, helvetica, sans; font-weight: normal; } #classifieds .item a { display: block; text-decoration: none; color: #808080; } #classifieds .item a:hover { background: #E2EDF1; } #classifieds #item { width: 534px; border: 1px solid #C0C0C0; padding: 3px; } #classifieds #photos { float: left; width: 200px; } #classifieds #listing { float:right; width: 334px; } #classifieds #item .big { height: 200px; text-align: center; margin-bottom: 3px; padding: 3px; } #classifieds .morephotos h4 { font-size: 12px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #classifiedsinfo { padding: 5px; font-size: 11px; } #classifiedsinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); } #classifieds #contactform { width: 534px; border: 1px solid #C0C0C0; padding: 3px; } /*Services Attributes*/ #services { display: block; padding: 10px; } #services h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #services .carrot a { color: #414141; text-decoration: none; } #services .carrot a:hover { text-decoration: none; } #services .category { float: left; width: 158px; padding: 10px; } #services .category a { background: url('../images/services.png') no-repeat; padding-left: 25px; text-decoration: none; } #services .category a:hover { color: #E17100; text-decoration: underline; } #services .count { padding-left: 25px; } #servicesinfo { padding: 5px; font-size: 11px; } #servicesinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); } #services .service-listing { font-family: arial, helvetica, sans; color: #808080; width: 534px; padding: 3px; border: 1px solid #C0C0C0; margin-bottom: 2px; } #services .service-listing h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;} #services .service-listing .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; } #services .service-listing .map { color: #008000;} #services .service-listing .website { color: #008000;} #services .service-listing a.map { color: #008000;} #services .service-listing a.map:hover { text-decoration: none; } #services .service-listing a.website { color: #008000;} #services .service-listing a.website:hover { text-decoration: none; } /*Forum Attributes*/ #forum { display: block; padding: 10px; font-size: 11px; } #forum h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #forum .carrot a { color: #414141; text-decoration: none; } #forum .carrot a:hover { text-decoration: none; } #forum a.action { text-decoration: none; } #forum a.action:hover { text-decoration: underline; } #forum a.selectable:hover { display: block; background: #E2EDF1; text-decoration: none;} #forum table { width: 100%; border-collapse: collapse; } #forum th { color: #ffffff; background: #4F5418; } #forum td { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding: 2px; } #forum .forumtopic { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px; } #forum .forumresident { color: #808080; } #forum .topic { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px;} #forum .topic h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px; } #forum .post { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px; } #forum .post h2 { color: #000080; font-size: 16px; font-weight: normal; margin: 0px; } #forum #reply { display: block; padding: 3px; border: 1px solid #808080; margin-bottom: 2px; } /*Real Estate Listings*/ #realestate { display: block; padding: 10px; } #realestate h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #realestate .carrot a { color: #414141; text-decoration: none; } #realestate .carrot a:hover { text-decoration: none; } #realestate table { width: 100%; border-collapse: collapse; } #realestate th { color: #ffffff; background: #4F5418; } #realestate td { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding: 2px; } #realestateinfo { padding: 5px; font-size: 11px; } #realestateinfo ul { margin: 5px; padding: 12px; list-style-image: url('../images/arrow.gif'); } #realestate a.selectable:hover { display: block; background: #E2EDF1; text-decoration: none;} #realestate .listing { color: #808080; } #realestate .listing h2 { color: #E17100; font-size: 16px; font-weight: normal; margin: 0px;} #realestate .listing a { color: #808080; text-decoration: none; } #realestate .phone { background: url('../images/phone.png') left no-repeat; color: #008000; padding-left: 15px; } #realestate .listingleft { float: left; width: 190px; text-align: center; } #realestate .listingleft img { margin: 2px; } #realestate .listingright { float:right; width: 346px; } #realestate .listingright h2 { color: #E17100; font-size: 20px; font-weight: bold; margin: 0px; } #realestate .listingright h3 { color: #000040; font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; } /*Profile Settings*/ .profiletabs { height: 26px; } .profiletabs ul { list-style-type: none; margin: 2px 0px 0px 0px; } .profiletabs li { float: left; width: 100px; height: 24px; text-align: center; margin-right: 2px; } .profiletabs a { display: block; height: 21px; padding-top: 3px; font-family: verdana, arial, helvetica, sans; color: #ffffff; font-size: 12px; text-decoration: none;} .profiletabs a:hover { text-decoration: underline;} .profileHeader { font-size: 16px; font-family: arial, helvetica, sans; color : #808080;} .profileHover { color: #FF0000; } .profileSelected { color: #E17100; } .profileContent { overflow: auto;} #profile { display: block; padding: 10px; } #profile h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } #myinfo table { width: 100%; } #myhousehold { display: block; } #myhousehold table { width: 100%; } #myhousehold th { background: #E2EDF1; } #myhousehold td { text-align: center; } #myhousehold a { text-decoration: none; } #myhousehold a:hover { text-decoration: underline; } #mypets { display: block; } #mypets table { width: 100%; } #mypets th { background: #E2EDF1; } #mypets td { text-align: center; } #mypets a { text-decoration: none; } #mypets a:hover { text-decoration: underline; } .forumprivs a { padding-left: 12px; display: block; text-decoration: none; color: #0000FF; } .forumprivs a:hover { background: url(../images/arrow.gif) left no-repeat; color: #FF6600; } /*Ajax Calender*/ #calendar .month { font-weight: bold; } #calendar a {text-decoration: none;} #calendar table {font-family: arial, helvetica, sans; font-size: 11px; color: #000000; width: 100%; background: #D7D7D7;} #calendar td { text-align: center; background: #ffffff;} #calendar table.noborder { border: 0px; background: #ffffff;} #calendar td.noborder { border: 0px;} #calendar td.nonmonthday { border: 0px; background: #EEEEEE; } #calendar td.today { border: 1px solid #97BFCE; background: #FF8000; } #calendar a.event {background: #F1ED50; display: block; } /*Events Display*/ #event-display { display: block; padding: 5px; } #event-display .title { font-weight: bold;} #event-display .date { font-size: 10px; font-style: italic; } #event-display .event { color: #000080; margin-bottom: 5px; } /*Footer*/ #footer { margin: auto; width: 996px; font-family: arial, helvetica, sans; font-size: 12px; color: #414141; height: 31px; padding-top: 10px;} #footer a { text-decoration: none; color: #414141; } #footer a:hover { text-decoration: underline; } #footer .left { float: left; width: 380px; padding-left: 20px;} #footer .right { float: right; width: 576px; text-align: right; padding-right: 20px; } #footer .hoa { text-align: center; } /*Management Company*/ #mgmtco { text-align: center; } /*Registration Attributes - redefined to contain and display registration form*/ #container .registerLeftCol { float: left; width: 470px; padding: 10px; } #container .registerLeftCol h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #container .registerRightCol { float: right; width: 296px; padding: 5px; } /* Admin Calendar */ #admincalendar { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; padding: 10px; } #admincalendar h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #admincalendar table { width: 100%; } #admincalendar th { font-size: 18px; text-align: left; padding: 5px; } #admincalendar td { border: 1px solid #EAEAFF; min-height: 60px; } #admincalendar td.days { width: 14%; background: #EAEAFF; text-align: center; } #admincalendar td.nonmonthday { background: #EAEAFF; } #admincalendar a.addevent { display: block; text-decoration: none; } #admincalendar a.addevent:hover { background: #FFFFA4; } #admincalendar #eventview { margin: auto; visibility: hidden; position: absolute; z-index: 3; -moz-opacity:.98; opacity:.98; top: 20px; } #admin calendar #eventview td { border: 0px; } /* Admin Calendar */ #residents { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; padding: 10px; } #residents h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #residents table { width: 100%; } #residents a { text-decoration: none; color: #000080; display: block; text-align: center;} #residents a:hover { text-decoration: underline; background: #000080; color: #ffffff; } #residents td { padding: 3px; border: 1px solid #E2EDF1; } /* Photo Gallery */ #gallery { font-family: verdana, arial, helvetica, sans; font-size: 11px; color: #7A7A7A; padding: 10px; } #gallery h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; margin-bottom: 0px; border-bottom: 1px dotted #414141; } #classifieds h2 { margin: 0px; padding: 0px; font-size: 16px; color: #E17100; font-family: verdana, arial, helvetica, sans; font-weight: normal; } #gallery .carrot a { color: #414141; text-decoration: none; } #gallery .carrot a:hover { text-decoration: none; } #gallery .gallery { float: left; width: 160px; padding: 2px; border: 1px solid #C0C0C0; text-align: center; margin: 1px; } #gallery .gallery { float: left; width: 170px; text-align: center; } /* Rico Styles */ .panelheader { background-color : #000000; font-family: arial, helvetica, sans; color : #ffffff; border-bottom:1px solid #182052; border-top:1px solid #BDC7E7; padding-left: 5px; } .mdHover { background-color : #414141; color : #ffffff; } .mdSelected { background-color : #000000; color : #ffffff; } .panelContent { border-top-width: 0px; border-bottom-width : 0px; font-size: 11px; overflow: auto; padding: 5px;} /* Weather */ .wx { margin-top: 2px; font-family: arial, helvetica, sans; color: #414141; font-size: 12px;} .wx a { display: block; color: #ffffff; text-decoration: none; } .wx a:hover { text-decoration: underline; } .location { font-weight: bold; } .temp { padding-top: 10px; padding-bottom: 5px; display: block; font-weight: bold; font-size: 16px; text-align: center; } .feelslike { font-weight: normal; font-size: 11px; } /*Messages*/ .msg { margin: 1px; border: 1px solid #EAEAFF; padding: 5px; } .posted { font-size: 11px; color: #808080; } .replycontainer { margin-left: 5px; margin-top: 2px; background: #EAEAFF; padding: 5px; } /*Documents Styles*/ #contact { padding: 10px; } #contact h1 { font-size: 14px; font-family: verdana, arial, helvetica, sans; font-weight: normal; color: #414141; border-bottom: 1px dotted #414141; } /*Lightbox Styles*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;} #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em;} #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }