@charset "utf-8";
/* -----------------------------------------------------------------------------------------------
Designed by Alex Swanson for Big Sea Design & Development / www.bigseadesign.com
------------------------------------------------------------------------------------------------ */
/* ===============================================================================================
GLOBAL CLASSES
==================================================================================================*/
/* Classes */
img { border:none; }
.img-border-nopad { border:1px solid #dbddd8; }
.img-border { padding:1px; border:2px solid #dbddd8; }
.img-grey-border { border:3px solid #b1b0af; }
.nav-v ul, .nav-v li {display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
.nav-h ul, .nav-h li { display:inline; list-style-type:none; margin:0; padding:0; }
.light-grey { color:#999999; }
.result-dark-green { color:#030; }
/* ===============================================================================================
STRUCTURE
==================================================================================================*/
body { background:#b9c5a7 url("/images/bg-blurgrass.jpg") repeat-x center top; }
#content-2col { background:#ffffff url("/images/bg-content-2col.jpg") repeat-y center top; }
#wrapper-header { margin-top:40px; }
#wrapper-adspace .container { background-color:#8f9881; }
.tagline { color:#fff; font-family: "adelle-1","adelle-2",Georgia, Times New Roman, serif; font-weight:normal; margin-top:4px; font-size:16px; }
/* ===============================================================================================
HOME & SUB CTAs
==================================================================================================*/
.home-image { position:relative; }
.home-image-title h1 { color:#ffffff; margin:0px; padding:17px 0 0 40px; font-size:18px; opacity:1; }
.home-image-title {
position:absolute;
height:53px;
width:699px;
left: 1px;
top: 176px;
background-color:#47a32d;
background: rgba(64, 163, 45, 0.6);
}
a.btn-green-round{
background: url("/images/bg-green-round.jpg") no-repeat scroll top left;
float: left;
height: 42px;
padding-left: 5px;
margin-right: 15px;
margin-left: 0px;
text-decoration:none;
color:#FFFFFF;
outline:none;
}
a.btn-green-round span {
background: url("/images/bg-green-round.jpg") no-repeat scroll top right;
float: left;
height: 34px;
position: relative;
left: 0px;
padding-right: 20px;
padding-top: 8px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
cursor: pointer;
line-height: 25px;
padding-left:15px;
text-shadow:0 1px 0 #333333;
}
a.btn-green-round:hover { background-position: left bottom; }
a.btn-green-round:hover span { color: #ffffff; background-position: right bottom;}
/* ===============================================================================================
NAVIGATION
==================================================================================================*/
.top-login-bar ul { float:right; }
.top-login-bar ul li { float:left; display:block; margin-left:15px; }
.top-login-bar ul li a { color:#FFF; }
.top-login-bar ul li a:hover { color:#367c23; }
.top-login-bar ul li.twitter a { background:transparent url("src/icon-twitter.png") no-repeat left 0px; display:block; float:right; padding:1px 9px 9px 10px; text-indent: -9999px; }
.top-login-bar ul li.linkedin a { background:transparent url("https://www.plantrealflorida.org/images/linkedin-icon.png") no-repeat left 0px; display:block; float:right; padding:1px 9px 9px 10px; text-indent: -9999px; margin-right: 10px; }
.top-login-bar ul li.instagram a { background:transparent url("https://www.plantrealflorida.org/images/instagram.png") no-repeat left 0px; display:block; float:right; padding:1px 9px 9px 10px; text-indent: -9999px; margin-right: 10px; }
.top-login-bar ul li.facebook a { background:transparent url("src/facebook-icon.png") no-repeat left 0px; display:block; float:right; padding:1px 9px 9px 10px; text-indent: -9999px; margin-right: 10px; }
.top-login-bar ul li a { text-decoration:none; }
.top-callout { float:right; border-bottom:3px solid #367d23; }
.top-callout a { background-color:#367d23; color:#ffffff; display:block; padding:10px 30px; ; float:right; font-size:12px; text-decoration:none; font-weight:bold; }
.top-callout a:hover { background-color:#14a681; }
.main-nav { background:#469f2c url("/images/bg-nav-fade.jpg") repeat-x center top; }
.main-nav ul li { zoom:1; }
.main-nav ul li a {
float:left; display:block; color:#ffffff; background:#469f2c url("/images/bg-nav-fade.jpg") repeat-x center top; padding:15px 15px; text-decoration:none;
border-left: 1px solid #42982a; border-right: 1px solid #49ae3a; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #333333; }
.main-nav ul li a:hover { background-color:#52bc35; color:#e4f2ab; background-image:none; }
/* ===============================================================================================
HOME SIDEBAR
==================================================================================================*/
.sidebar-inner-content { color:#3b321f; }
.sidebar-inner-content h1 { margin-bottom:0px; }
.sidebar-inner-content .sidebar-tab-header h3 { border-bottom:none; }
.sidebar-inner-content h3, #plant-details h3 { font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; color:#0d7458; border-bottom:1px solid #d5d3ce;}
.sidebar-inner-content h4 { font-size:13px; font-weight:bold; margin-bottom:5px; margin-top:0px; padding-bottom:5px; color:#3B321F;}
.sidebar-inner-content p {font-size: 80%; line-height:160%; }
.sidebar-checkboxes p { margin-bottom:5px;}
.sidebar-tab-header-fullwidth h3 { color:#ffffff; font-family:'Futura Bold',Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 30px; margin-top:29px ; text-shadow:0 1px 0 #333333; }
.sidebar-tab-header-fullwidth h3 span { text-transform:uppercase; color:#d0eec5;}
.sidebar-tab-header-fullwidth {
background:transparent url("/images/bg-teal-header-full.png") no-repeat center top;
position:absolute;
width:293px;
height:80px;
left: -14px;
top: -35px;
}
.sidebar-tab-wrap { position:relative; padding-top:70px; padding-bottom:40px; }
.sidebar-tab-header h3 { color:#ffffff; font-family:'Futura Bold',Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 0 30px; margin-top:29px ; text-shadow:0 1px 0 #333333; }
.sidebar-tab-header h3 span { text-transform:uppercase; color:#d0eec5;}
.sidebar-tab-header {
background:transparent url("/images/bg-teal-header.png") no-repeat center top;
position:absolute;
width:293px;
height:80px;
left: -33px;
top: -24px;
}
.sidebar-tab-content ul li.first a, .sidebar-tab-content-noicon ul li.first { border-top:none; }
.sidebar-tab-content ul li.last a, .sidebar-tab-content-noicon ul li.last { border-bottom:none; }
.sidebar-tab-content-noicon ul li { display:block; padding:5px 0 5px 5px;border-bottom:1px solid #d5d3ce; border-top:1px solid #f8f6f0; }
.sidebar-tab-content-noicon a { text-decoration:none; color:#3b321f; }
.sidebar-tab-content ul li a {display:block; background:transparent url("/images/bg-leaf-bullet-off.jpg") no-repeat left center; text-decoration:none; padding:5px 0 5px 21px; border-bottom:1px solid #d5d3ce; border-top:1px solid #f8f6f0; color:#3b321f; }
.sidebar-tab-content-plant-community ul li a {background:none; text-decoration:none; margin:5px 0 5px 0px; border-bottom:1px solid #d5d3ce; border-top:1px solid #f8f6f0; color:#3b321f; }
.sidebar-tab-content ul li a:hover { background:transparent url("/images/bg-leaf-bullet-on.jpg") no-repeat left center; color:#367c23; }
.sidebar-tab-content-noicon ul li a:hover { color:#367c23; }
.local-input input { padding:0px; margin:0px; vertical-align:top; width:175px; }
.local-select select, .sidebar-select select { padding:0px; margin:0px; width:237px; }
.sidebar-tab-content-noicon
/* ===============================================================================================
CONTENT
==================================================================================================*/
.content-list ul li { padding:5px 0px; }
#content-1col { position:relative; background-color:#ffffff; }
#content-1col { border-top:1px solid #b9c5a7; }
.teal-extend { background:transparent url("../images/bg-teal-header-full-extend.jpg") repeat-x center top; padding-top:50px; }
.light-green { background-color:#f9fbf5; }
/* Home page
______________________________________________________________________________________________*/
.light-green { background-color:#f9fbf5; }
.random-plant { border-top:3px solid #4cad30; border-bottom:3px solid #4cad30; }
.random-plant h4 { margin:0px; padding:0px; }
.random-plant p {font-size:80%; line-height:160%; }
.random-plant img {margin: 0 10px 10px 0; }
.random-plant h3 {margin:0 0 5px; font-size:10px; text-transform:uppercase; font-family: "facitweb-1","facitweb-2",Verdana,Arial,Helvetica,sans-serif; color: #0D6F53; }
/* Plant Finder
______________________________________________________________________________________________*/
.plant-finder { background-color:#f9fbf5; border:1px solid #b3d3a5;}
.plant-finder p {font-size:80%; line-height:160%; }
.plant-finder h3 { display:block; padding:10px 0 10px 20px; margin:0px 0 19px 0; background:#469f2c url("/images/bg-nav-fade.jpg") repeat-x center top; color:#ffffff; }
.finder-input { margin-bottom:20px; }
.finder-input input { padding:0px; margin:0px; width:215px; }
.finder-long-input input[type='text'] { padding:8px; margin:0px; width:401px; vertical-align:top; }
.finder-select select { padding:0px; margin:0px; vertical-align:top; width:189px; }
.article-wrap h3 { margin:0px; padding:0 0 10px 0; }
.article-wrap { border-bottom:1px solid #dbddd8; padding-bottom:15px; margin-bottom:15px; }
.article-wrap p.author { font-size:12px; color:#999999; }
.date-content {background-color:#c9e3c0; padding:4px 8px; text-align:center;}
.date-content p { padding:0px; margin:0px; color:#4ea484; }
.date-content p.month { font-size:13px; font-weight:bold; }
.date-content p.day { font-size:19px; font-weight:bold; }
/* Plant main and detail page
______________________________________________________________________________________________*/
.plant-listing-item { float:left; padding: 4px; font-size:12px;}
.plant-listing-item a{color: #0D6F53; text-decoration: underline; }
.plant-listing .plant-listing-checkbox input, .plant-listing a { padding:0px; margin:0px; zoom:0; }
.plant-listing .plant-listing-checkbox { clear:left; }
.plant-listing .plant-listing-image img { margin-left:2px; padding:1px; border:1px solid #b1b0af; }
.plant-listing .plant-listing-content { color:#999999; }
.plant-listing-content .creature_value { margin:5px 2px; }
/* Pager
______________________________________________________________________________________________*/
.pager-list { background-color:#f9fbf5; border-top: 2px solid #4cad30; }
.pager-list p { padding-bottom:0px; margin:0px; }
/* Plant Detail
______________________________________________________________________________________________*/
.plant-detail-image { text-align:center; background-color:#367d23; padding:5px 0px; margin-bottom:15px; }
.plant-detail-image p { margin-bottom:5px; color:#ffffff; font-style:italic; }
.plant-detail-image img { border:2px solid #fff;}
.plant-detail-thumbs { display:inline; }
.content-callout { padding:20px 0; border-top: 1px solid #b2b1af; border-bottom: 1px solid #b2b1af; }
.content-callout p { margin-bottom:0px; padding:0px; }
.quick-search .short-input input { width:35px; text-align:center; }
.quick-search p { padding-bottom:0px; margin-bottom:0px; }
.quick-search .label { padding-top:10px; }
.quick-search input { vertical-align:middle; }
.quick-search .zip input { width:152px; }
#content-table { width:600px; padding:0px; margin-bottom:0px; font-size:12px; }
#content-table h3 { margin-bottom:0px; padding-bottom:10px; border-bottom:none; }
#content-table td { border-right: 1px solid #b2b1af; border-bottom: 1px solid #b2b1af; background-color: #f8f9f6; padding: 6px 6px 6px 12px; }
#content-table td.col-first { border-left: 1px solid #b2b1af; }
#content-table td.top-row { color:#ffffff; background-color:#4cad30; border-right-color:#53bc34; }
#plantinfo-table { width:600px; padding: 0; margin: 0; }
#plantinfo-table td {
border-right: 1px solid #b2b1af; border-bottom: 1px solid #b2b1af; background-color: #e1e7d8; padding: 6px 6px 6px 12px; color: #333333; font: normal 12px Verdana, arial, sans-serif; }
#plantinfo-table .col-first { border-left: 1px solid #b2b1af; }
#plantinfo-table .top-row { border-top: 1px solid #b2b1af; }
#plantinfo-table td.alt { background: #f8f9f6; color: #3e3e3e; }
#plantinfo-table td.label { width:80px; border-right:2px dotted #d4d1cd; font-weight:bold; color: #367d23; }
#plantinfo-table td.desc { width:140px; border-right:1px solid #b2b1af; }
#plantinfo-table th {
font: normal 12px Verdana, arial, sans-serif; color: #367d23; border-right: 1px solid #808080; border-bottom: 1px solid #808080;
border-top: 1px solid #808080;
text-align: left;
padding: 6px 6px 6px 12px;
background-color:#e3e3e3;
}
/* Plant Community page
______________________________________________________________________________________________*/
#plant-community-map { position:relative; }
#map-slice-image {
margin: 0 0 10px 10px;
width: 200px;
float: right;
text-align: center;
}
#map-slice-image img {
padding: 2px;
border: 1px solid #eee;
}
#map-slice-image .small {
font-size: small;
}
.map-full { background:transparent url("/images/bg-plant-community-map.jpg") no-repeat center top; }
.map-8a { background:transparent url("/images/bg-map-region_8a.jpg") no-repeat center top; }
.zone-page ul li {
margin-right:220px;
}
.map-button {
background: transparent url('src/btn-download-map.jpg') no-repeat left top;
margin: 10px 0 20px 0;
}
.map-button a {
height: 35px;
width: 277px;
display: block;
}
.map-button:hover {
background: transparent url('src/btn-download-map.jpg') no-repeat left bottom;
}
.map-button span {
display: none;
}
#plant-community-map .legend {
position:absolute;
width:245px;
height:332px;
left: 44px;
top: 250px;
}
#plant-community-map .legend ul li { margin-bottom:10px; }
.region-box { width:20px; height:20px; display:block; font-weight:bold; border:1px solid #333333; text-align:center; vertical-align:middle; font-weight:12px; float:left; margin-right:10px; color:#ffffffl}
.red { background-color:#d84700; color:#ffffff; }
.pink { background-color:#d87ea9; color:#ffffff; }
.purple { background-color:#7a4679; color:#ffffff; }
.yellow { background-color:#fffc19; }
.dark-green { background-color:#407708; color:#ffffff; }
#wrapper-content .big-text-cta h1 { font-family: 'Droid Sans', arial, serif; font-size:45px; }
#wrapper-content .big-text-cta h2 { font-family: 'Droid Sans', arial, serif; font-size:23px; margin-bottom:0px; color:#129b76; }
/* Professionals Page
______________________________________________________________________________________________*/
.filter p { font-size:11px; }
.filter .entire { padding-left:17px; padding-top:5px;}
.filter-input input { width:50px; }
/* County Profile
______________________________________________________________________________________________*/
.content-member-listing { font-size:11px; }
.content-member-listing h3 { font-weight:bold; border-bottom:3px solid #4cad30; padding-bottom:5px; margin-bottom:10px; font-size: 16px; margin-top: 25px; }
.content-member-listing .member-item,.content-member-listing .sidebar_county_map,.content-member-listing .sidebar_professionals_map { padding-left:0px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #cccccc; }
.content-member-listing .member-item h4, .content-member-listing .sidebar_county_map h4, .content-member-listing .sidebar_professionals_map h4 { margin-bottom:3px; margin-top:10px; }
.content-member-listing .member-item p,.content-member-listing .sidebar_county_map p,.content-member-listing .sidebar_professionals_map p { padding:0 0 3px 0px; margin:0px; color:#808080; }
.content-list li { margin:5px 0; }
.content-list li a {background: url("/images/bg-leaf-bullet-off.jpg") no-repeat scroll left center transparent; padding-left: 21px; font-size:90%; }
.content-list li a:hover {background: url("/images/bg-leaf-bullet-on.jpg") no-repeat scroll left center transparent; }
.no-one { background-color:#f9fbf5; border:1px solid #4cad30; }
.no-one h4 { font-size:14px; }
/* County Profile
______________________________________________________________________________________________*/
#wrapper-content .member-profile h1 { margin-bottom:10px;}
#wrapper-content .member-profile h2 { font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; border-bottom:1px solid #cccccc; padding-bottom:10px; }
#wrapper-content .member-profile p, .contact-info { font-size:12px; }
.results h1 { font-size:20px; }
.results h1 span { font-size:28px; }
.sidebar-callout { background-color:#fefcf5; border:1px dashed #c6c4bf; }
/* ===============================================================================================
FORMS
==================================================================================================*/
.formstyle select, .formstyle input[type='text'] {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
padding:8px;
border:1px solid #aaaaaa;
font: normal 12px Verdana, arial, sans-serif; color:#333333; margin:0px 0 10px 0;
background: #ffffff url("/images/grey_field_bg.png") no-repeat top left;
font-style:italic;
margin:0px; }
/* ===============================================================================================
FOOTER
==================================================================================================*/
#wrapper-footer { font-size:12px; color:#6f7862; }
#wrapper-footer ul li { padding-left:11px; line-height:30px; }
#wrapper-footer a { color: #363F2F; }
#wrapper-footer a:hover { color:#ffffff; }
#wrapper-footer .attribute { font-size:10px; }
#wrapper-footer .attribute a { color:#6f7862; }
/* ===============================================================================================
CMS or 3rd Party OVERRIDES
==================================================================================================*/
.bold_text {
font-weight:bold;
}
.DTTT_Print .member-profile {
display:block;
}
.DTTT_Print {
background: #FFF;
}
.DTTT_Print .container{
width:100%;
}
.DTTT_Print tr.odd td.sorting_1 {
background-color: #FFF;
}
.DTTT_Print tr.even td.sorting_1 {
background-color:#E5ECF9;
}
.DTTT_Print #content-2col {
background:#FFF;
}
.DTTT_Print .ui-state-default, .DTTT_Print .ui-widget-content .DTTT_Print .ui-state-default, .DTTT_Print .ui-widget-header .DTTT_Print .ui-state-default {
background:#FFF;
color:#000;
border-color:#222222;
}
.plant_community_color_block {
height: 20px; width: 20px; float: left; margin-right: 10px; margin-bottom: 0px; border: 1px solid #D5D3CE;
}
.plant_community_color_block_clear {
clear:left;
height:8px;
}
.no_background a {
background:none;
}