/* Site: The Houston Zoo Design: Brandi Lalanne for Schipul Build: Brandi Lalanne & David Stagg from Schipul Contributions by: Glen Zangirolami & Eloy Zuniga from Schipul URI: HoustonZoo.org Schipul <3's the Houston Zoo... and Toby. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th { margin:0px; padding:0px; } p { margin-bottom: 8px; color:#594419;} body { font: 12px Arial, Helvetica, sans-serif; color: #594419; background: #4b7b2e url(/images/home/body-bg.jpg) repeat-x top center; } ul, ol { margin: 1em 0; padding-left: 2.5em; line-height: 1.3em;} dt { margin: 0.5em 0 0; } dd { margin: 0.25em 0 0.5em 2.5em; } h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } h1 { font-size: 18px; font-weight: bold; color: #6D1313; } h2 { font-size: 16px; font-weight: bold; color: #6D1313; } h3 { font-size: 12px; font-weight: bold; color: #6D1313; } a { color: #40791c; outline:none; text-decoration:none} a:hover, .links:hover { color: #b67715 } #bodycontent a {color: #b67715; text-decoration: underline; outline:none} #bodycontent a:hover{ color: #40791c } .clear {height:0; clear:both; margin:0; padding:0} hr {color:#CFBF76; clear:both} .content-wrap-africanforest { width: 899px; margin: 0 auto; padding-top: 218px } /* Color Key: orange #ce8d25 dark orange #b67715 green #40791c brown #594419 */ /******************STRUCTURE************************/ #container-bg {width: 100%; background:url(/images/home/content-bg.jpg) top center repeat-y;} #full-header {width: 100%; background:url(/images/home/header-bg.jpg) top center no-repeat;} #full-header-template { width: 100%; min-height: 650px; height: auto !important; height:650px; background:url(/images/template/header-bg.jpg) top center no-repeat; } #header-content {width: 954px; margin: 0 auto; height: 165px;} #logo {width: 97px; height:165px; padding: 0 0 0 27px; float:left} #top-header{width: 823px; float:left; position:relative; z-index:999; padding: 0 0 0 7px;} #flash-home {width: 280px; height: 100px; float:left; display:block} #black-area {width: 408px; height: 72px; float:right; margin: 19px 0 0 0; padding-left:77px; position:relative; z-index:10;} #zoostore {postion:absolute; left:50px; top:23px; z-index:1000;} /******************Quick links in black area - formatted list*/ #black-area ul {height: 16px; margin:6px 0 0 3px; padding: 0} #black-area ul li {list-style-type:none; float:left; line-height: 16px; color:#FFF;} #black-area ul li a {color: #FFF; font-size: 12px; text-decoration:none; margin:0 8px 0 0; padding:0 0 0 19px; display:block } #black-area ul li a:hover, .member-donate a:hover {color: #4c7c2e;} .icon-clock {background:url(/images/home/icon-clock.jpg) top left no-repeat; } .icon-car {background:url(/images/home/icon-car.jpg) top left no-repeat; padding-left: 6px !important;} .icon-nl {background:url(/images/home/icon-nl.jpg) top left no-repeat; margin: 0 !important } /***************Member - Donate area and Search */ .member-donate {width: 113px; float: left; margin: 7px 48px 0 0; color:#FFF; line-height: 14px; padding-left: 2px; text-align: center; } .member-donate a { color: #fff; text-decoration:none;} #search-box {padding:8px 6px 0 0 ; float: right;} .big-white {font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; margin: 6px 0 0 0; padding:0} .big-white:hover { color:#D39025; } .small-green {font-size:11px; line-height: 11px; color:#7f9e03; margin:2px 0 0 0; padding:0} /******************Story Module */ #story-news {width: 900px; margin:0 auto; height:337px;} #story-wrap {width: 547px; height:305px; background:url(/images/home/story-bg.jpg) top center no-repeat #5e3400; float:left;} #african-banner, #cntdwn-wrap {background: url(/images/african-forest/countdown-bg.png) no-repeat scroll left top transparent; display:block; height:40px; padding: 7px; 0 0 170px; width: 900px;} #story-img { margin: 15px auto 0 auto; height:264px; width: 522px; border: 1px solid #817641;} #story-social {width: 240px; clear:both; float:left; height: 25px; padding: 5px 0 0 10px} #story-social .quick-icons {width: 15px; height: 16px; border:0; margin: 0 7px 0 0;} #story-social .quick-icons-nl {display:block; color:#FFF; font-size:11px; height: 20px; line-height:20px} #story-social .quick-icons-nl:hover {color:#ce8d25} /*actual module*/ .stories {display: block; width: 522px; height: 264px; overflow: hidden; position: relative; } .story-item { overflow: hidden !important; } .story-item img { margin: 0; padding: 0; } div.story-content {margin: -90px 0 0 0; width: 483px; padding: 5px 15px 35px 15px; z-index: 1500; position:relative; color:#FFF } .story-content h1 {color: #fda71d; margin: 0; padding: 0 0 0 0; font-family:Verdana, Geneva, sans-serif; } .story-content p {color: #FFF; margin:0; padding:0 } .story-content a {color: #fda71d;} .story-content a:hover {color:#ccc; text-decoration:underline} .story-item .image-header {display: block; width: 522px; height: 264px; overflow: hidden !important; z-index: 10;} .story-item img { border:0px; z-index: 999; } #nav-stories {display: block; height: 15px; padding: 5px 10px 0 0; text-align:right; float:right } #nav-stories a { display: block; width: 15px; height:15px; border: 1px solid #817641; float: left; margin-right: 5px; text-align: center; text-decoration: none; color:#dacb7f; font-weight:bold; font-size:11px; } #nav-stories a.activeSlide { border: 1px solid #817641; background-color:#eadb96; width: 15px; height:15px; color: #291701; } /******************Daily News Section (editable area)*/ #daily-news {width: 330px; float:right;} .cal-link-align {line-height:20px; height:20px; display:block} #daily-news h3 {font-size:12px; text-indent: -9999px; display:block; height: 28px; width: 205px; background:url(/images/home/news-title.jpg) top left no-repeat; margin: 15px 0 0 0} #month_image {border:0; margin:0 5px 0 0;} #daily-news ul {margin:7px 0 0 0; padding: 0} #daily-news li {display:block; background:url(/images/home/news-arrow.jpg) top left no-repeat; padding: 0 0 0 11px; margin: 0 0 3px 0; list-style-type:none} #daily-news img {margin: 5px} #middle-content {width: 100%; clear:both; margin:0; padding:0; } .content-wrap {width: 900px; margin:0 auto;} /******************Wild Events and Activities (editable area) - Uses the Stories Module*/ #mid-wild {width: 543px; float:left; height: 443px; overflow: hidden;} h3#titlewild {display:block; width: 543px; height: 34px; background:url(/images/home/title-wild.jpg) top left no-repeat; text-indent: -9999px} #port-left {background:url(/images/home/arrow-left.jpg) top left no-repeat; width: 14px; height:153px; float:left; cursor:pointer;} #port-right {background:url(/images/home/arrow-right.jpg) top left no-repeat; width: 14px; height:153px; float:right;cursor:pointer;} div.thumbnails {float: left; width: 515px!important;} .thumbnails li {list-style:none;list-style-type:none;width: 173px;display:block;height: 443px;float: left;} .thumbnails li img {background:url(/images/home/img-bg.jpg) top center no-repeat; padding: 6px 4px 0px 4px; margin: 0 auto; width: 157px; height: 143px;} .thumbnails h2 a {font-size: 14px;display:block;clear:both; background:#D4C27A; padding: 4px; width: 148px; margin: 0 0 0 5px !important; color: #40791c !important;} .thumbnails ul {margin:0;padding:0; width: 515px;} .thumbnails ul li a {color: #D18E26; font-weight:bold;} .thumbnails p {display:block; width: 148px; margin: 0 0 0 5px;} .thumbnails div {width:148px;} #btn-learn-more { background:url(../images/home/orange-btn.png) top left no-repeat; line-height: 23px; width: 111px; display:block; color:#FFF; padding-left:8px;} #btn-learn-more:hover {color:#2B4C17} /******************Flash Video Box thing. Editable*/ #mid-tv {width: 338px; float:right; z-index: 1999;} h3#titletv {display:block; width: 338px; height:34px; background: url(/images/home/title-tv.jpg) top left no-repeat; text-indent: -9999px;} #vid-box {width: 320px; background:url(/images/home/vid-bg.jpg) top center no-repeat #5E3400; color:#FFF; padding: 10px 9px} #vid-box p {color:#FFF;} #vid-box a {color:#f2e3a0; text-decoration: underline;} #vid-box a:hover {color:#f2e3a0; text-decoration: none;} a#vid-btn {display:block; height:24px; width: 82px; margin: 3px 0 14px 5px; border-left: solid 1px #492901; background:url(/images/home/vid-btn.jpg) top left no-repeat; padding: 58px 5px 0 7px; font-size:11px; line-height:9px; color: #40791c; outline:none; text-decoration:none} a#vid-btn:hover { color: #b67715 } /******************Get Connected to the Houston Zoo (split in 3 columns*/ #btm-connected {width: 900px; margin: 0 auto; padding: 25px 0 0 0} h3#titleconnect {width: 900px; height: 34px; background:url(/images/home/title-connected.jpg) top left no-repeat; text-indent: -9999px;} .btm-columns {width: 255px; padding: 10px 5px 10px 10px; float:left;} /*for slim columns*/ .btm-wide {width: 327px; float:right; padding: 10px 5px 10px 0;} /*for wide column */ /*bloggity blogs*/ .blog-connect {padding:0; margin:0; } .blog-connect li {display:block; list-style-type:none; margin: 0 0 22px 0; padding: 0 0 0 95px;} #blog-gen {background:url(/images/home/blog-gen.jpg) top left no-repeat;} #blog-edu {background:url(/images/home/blog-edu.jpg) top left no-repeat;} #blog-dog {background:url(/images/home/blog-dog.jpg) top left no-repeat;} #blog-ele {background:url(/images/home/blog-elephant.jpg) top left no-repeat;} #blog-con {background:url(/images/home/blog-con.jpg) top left no-repeat;} .blog-connect li a {color: #ce8d25; font-weight:bold; display:block} .blog-connect li a:hover {color: #40791c} .blog-connect li:hover {background-color:#D9CD85 !important;} .green-bold-title {color: #40791c; font-weight:bold; display:block; text-decoration:none} .orange-bold-title {color: #ce8d25; font-weight:bold;} .rssitem1 h2, .rssitem1 h2 a, .rssitem2 h2, .rssitem2 h2 a, .rssitem3 h2, .rssitem3 h2 a, .rssitem4 h2, .rssitem4 h2 a {font-size:12px; margin:0; padding:0; color: #40791c; font-weight:bold; display:block; text-decoration:none} .rssitem1 h2 a:hover, .rssitem2 h2 a:hover, .rssitem3 h2 a:hover, .rssitem4 h2 a:hover {color: #ce8d25; } /*that's what she twittered*/ #tweets ul{ margin:0; padding:0} #tweets li {margin: 3px 0 3px 0; padding:8px 0 8px 0; list-style-type:none; border-bottom: 1px solid #CEBE75} .twitterTime a{font-size:11px; color:#A59961; font-style:italic;} #twitter-btn {display:block; width: 156px; height: 76px; padding: 24px 90px 0 12px; background:url(/images/home/twitter-bird.jpg) top left no-repeat; font-weight:bold} /*social media and photo feed*/ .social-btns {display:block; height: 60px; width: 269px; padding:0 0 0px 58px; color:#594419; margin: 0; clear:both} .social-btns:hover {color: #40791c !important} #social-btn-fb {background:url(/images/home/icon-fb-large.jpg) top left no-repeat;} #social-btn-flickr {background:url(/images/home/icon-flickr-large.jpg) top left no-repeat;} #social-btn-youtube {background:url(/images/home/icon-youtube-large.jpg) top left no-repeat;} #photo-feed img {border: solid 1px #FFF; margin: 7px 2px; float:left} .orange-bold-link {color: #ce8d25; font-weight:bold; display:block; text-align:right; clear:both} /******************Footer Area - Green with the Quick Links n' Such*/ #footer-area{width: 100%; height: 187px;clear:both; background:url(/images/home/footer-bg.jpg) top center no-repeat; margin:0 auto; } .footer-column {width: 208px; float:left; padding: 10px 5px 10px 10px; color: #F4ECBE} .footer-column p {color: #ebebeb; font-weight:bold} .footer-column a {color:#666747; font-weight:normal} .footer-column a:hover{color: #4C7C2E} /*graphic headers in footer*/ h3#footer-zoo-mission {display:block; height:45px; width: 150px; background:url(/images/home/footer-mission.jpg) top left no-repeat; text-indent: -9999px; margin:0} h3#footer-quick {display:block; height:26px; width: 102px; background: url(/images/home/footer-quick.jpg) top left no-repeat; text-indent:-9999px; margin:0;} h3#footer-location {display:block; height:26px; width: 111px; background: url(/images/home/footer-location.jpg) top left no-repeat; text-indent:-9999px; margin:0;} /*links list in footer*/ ul.quick-links { margin:0; padding:0; list-style-type: none;} ul.quick-links li {display:block;line-height: 20px;height:20px; font-weight:bold; border-bottom: 1px solid #C9C99A;width: 95%} ul.quick-links li a {font-weight:bold; display:block} ul.quick-links li a:hover {background-color:#959967; color: #F4ECBE;} /*the Schipul footer */ .text-footer {color: #2A4B16; font-size:11px; width: 950px; margin: 0 auto 15px auto; text-align:center} .text-footer a {color: #2A4B16;} .text-footer a:hover {color:#000;} /******************TEMPLATES************************/ .template-left-column {width: 248px; float:left;} .left-template-bg { background-color:#CFBF76; padding: 10px 10px 0 10px; margin:0 0 35px 0; width: 228px; } /******************Mini Contact Form Styles */ .contact-template #firstname, .contact-template #lastname, .contact-template #email, .contact-template #phone, .contact-template #contactnotes {width: 226px; border: 1px solid #A79957; height: 18px; padding: 4px 0 4px 0; margin: 0 0 8px 0; color:#382F10} .contact-template #department {width: 226px; border: 1px solid #A79957; height: 26px; margin: 0 0 8px 0; color:#382F10; padding: 4px 0 0 0} .contact-template #contactnotes {height: 89px;} .contact-template #firstname:focus, .contact-template #lastname:focus, .contact-template #email:focus, .contact-template #phone:focus, .contact-template #contactnotes:focus, .contact-template #department:focus {border-color: #3F6824; background: #f9f6e6} .contact-template #contact-signup-check {width: 158px; display:block; float:left;} .contact-template #contact-signup-check p {display:block; float:left; margin:0px; padding:0 0 0 3px; width: 135px; font-size:11px} .contact-template .submit {float:right;} /*Header's for the Contact form on Template Pages */ h3#contact-title-plan {width: 248px; height:75px; display:block; background:url(../images/template/contact-title-plan.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} /*This is the one with Toby. It's so freakin' adorable. Seriously.*/ h3#contact-title-animals {width: 248px; height:63px; display:block; background:url(../images/template/contact-title-animals.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} /*Tiny koala!!!!.*/ h3#contact-title-conserve {width: 248px; height:63px; display:block; background:url(../images/template/contact-title-conserve.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} h3#contact-title-education {width: 248px; height:63px; display:block; background:url(../images/template/contact-title-education.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} h3#contact-title-member {width: 248px; height:63px; display:block; background:url(../images/template/contact-title-member.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} h3#contact-title-support{width: 248px; height:63px; display:block; background:url(../images/template/contact-title-support.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} h3#contact-title-regular{width: 248px; height:55px; display:block; background:url(../images/template/contact-title-regular.jpg) top left no-repeat; text-indent: -9999px; margin:0; padding:0} /*****************Events (Mini Calendar styles are in minicalendar.css*/ h3#events-title-template {width: 248px; height: 39px; display:block; margin:0; padding:0; background:url(../images/template/events-title.jpg) top left no-repeat; text-indent: -9999px;} ul.calendarevents-top li a{display:block; margin: 3px 0 5px 0 !important; padding-bottom: 0 !important; padding-top: 0 !important} /*****************Social Media Icons*/ .template-social-icons {margin: 0 0 25px 9px; border:0; vertical-align:top} /*******Right / Content area of templates */ .template-right-column {width: 651px; float:right; background:url(/images/template/bodycontent-bg.jpg) top right repeat-y; margin: 11px 0 0 0 } #bodycontent {width: 606px; background:url(/images/template/bodycontent-top.jpg) top left no-repeat; padding: 7px 20px 0 25px;} #bodycontent h1 {color:#FFF; margin: 0 0 22px 0; padding: 3px; font-size: 16px; background:#2B4C17 !important} #bodycontent h2 {font-size: 16px; margin: 22px 0 8px 0 !important} #bodycontent h2, #bodycontent h3 {color: #2B4C17} #bodycontent p {margin: 0 0 8px 0;} #bodycontent-btm {width: 651px;height:46px; background:url(/images/template/bodycontent-btm.jpg) top left no-repeat; clear:left} /*Contact Form styles */ #bodycontent input, #bodycontent table input {border: 1px solid #2B4C17; padding: 4px 0 4px 0; margin: 0 0 8px 0; color:#666} #bodycontent input:focus, #bodycontent textarea:focus {border-color: #B67715; background: #f9f6e6} #bodycontent textarea{border: 1px solid #2B4C17; color:#666} /*******content area of wide african forest template */ .wide-column {width: 899px; background:url(/images/template/bodycontent-bg-wide.jpg) top right repeat-y; margin: 11px 0 0 0 } #bodycontent-african-wide {width: 854px; background:url(/images/template/bodycontent-top-wide.jpg) top left no-repeat; padding: 7px 20px 0 25px;} #bodycontent-african-wide h1 {color:#FFF; margin: 0 0 22px 0; padding: 3px; font-size: 16px; background:#2B4C17 !important} #bodycontent-african-wide h2 {font-size: 16px; margin: 22px 0 8px 0 !important} #bodycontent-african-wide h2, #bodycontent h3 {color: #2B4C17} #bodyconten-african-widet p {margin: 0 0 8px 0;} #bodycontent-btm-wide {width: 899px;height:46px; background:url(/images/template/bodycontent-btm-wide.jpg) top left no-repeat; clear:left} /*******Full Page Template (No side nav or Contact form) */ .template-full-column {width: 899px; float:left; background:#FFF top right repeat-y; margin: 11px 0 0 0 } .template-full-column #bodycontent {width: 854px; background:url(/images/template/full-bodycontent-top.jpg) top left no-repeat; padding: 7px 20px 0 25px;} .template-full-column #bodycontent h1 {color:#FFF; margin: 0 0 22px 0; padding: 3px; font-size: 16px; background:#2B4C17 !important} .template-full-column #bodycontent h2 {font-size: 16px; margin: 22px 0 8px 0 !important} .template-full-column #bodycontent h2, #bodycontent h3 {color: #2B4C17} .template-full-column #bodycontent p {margin: 0 0 8px 0;} .template-full-column #bodycontent-btm {width: 899px; height:46px; background: #FFF top left no-repeat; clear:left} /*Contact Form styles */ #bodycontent input, #bodycontent table input {border: 1px solid #2B4C17; padding: 4px 0 4px 0; margin: 0 0 8px 0; color:#666} #bodycontent input:focus, #bodycontent textarea:focus {border-color: #B67715; background: #f9f6e6} #bodycontent textarea{border: 1px solid #2B4C17; color:#666} /*****************Venue Landing Page***/ body#venue-bg { font: 12px Arial, Helvetica, sans-serif; color: #594419; background: #85558A url(/images/venue/body-bg.jpg) repeat-x top center;} #full-header-venue { width: 100%; min-height: 861px; height: auto !important; height:861px; background: url(../images/venue/header-bg.jpg) top center no-repeat;} #container-bg-venue {width: 100%; background:url(/images/venue/content-bg.jpg) top center repeat-y;} .content-wrap-venue {width: 900px; margin: 115px auto 0 auto;} #footer-area-venue{width: 100%; height: 187px;clear:both; background:url(/images/venue/footer-bg.jpg) top center no-repeat; margin:0 auto} h3#nav-title-venue {background:url(/images/venue/nav-title-venue.jpg) top left no-repeat;} /*****************Space Landing Page***/ body#space-bg { font: 12px Arial, Helvetica, sans-serif; color: #594419; background: #0A0C3F url(/images/space/body-bg.jpg) repeat-x top center;} #full-header-space { width: 100%; min-height: 861px; height: auto !important; height:861px; background: url(../images/space/header-bg.jpg) top center no-repeat;} #container-bg-space {width: 100%; background:url(/images/space/content-bg.jpg) top center repeat-y;} .content-wrap-space {width: 900px; margin: 200px auto 0 auto;} #footer-area-space{width: 100%; height: 187px;clear:both; background:url(/images/space/footer-bg.jpg) top center no-repeat; margin:0 auto} h3#nav-title-space {background:url(/images/space/nav-title-space.png) top left no-repeat;} /*****************African Forest Landing Page***/ body#african-forest-bg { font: 12px Arial, Helvetica, sans-serif; color: #594419; background: #ae2d0d url(/images/african-forest/body-bg.jpg) repeat-x top center;} #full-header-african-forest { width: 100%; min-height: 861px; height: auto !important; height:861px; background: url(/images/african-forest/header-bg.jpg) top center no-repeat;} #container-bg-african-forest {width: 100%; background:url(/images/african-forest/content-bg.jpg) top center repeat-y;} .content-wrap-space {width: 900px; margin: 200px auto 0 auto;} #footer-area-african-forest{width: 100%; height: 187px;clear:both; background:url(/images/african-forest/footer-bg.jpg) top center no-repeat; margin:0 auto} h3#nav-title-african-forest {background:url(/images/african-forest/nav-title-african-forest.png) top left no-repeat;} /*****************Venue Landing Page***/ body#dino-bg { font: 12px Arial, Helvetica, sans-serif; color: #594419; background: #18c3ec url(/images/dino/body-bg.jpg) repeat-x top center;} #full-header-dino { width: 100%; min-height: 861px; height: auto !important; height:861px; background: url(../images/dino/header-bg.jpg) top center no-repeat;} #container-bg-dino {width: 100%; background:url(/images/dino/content-bg.jpg) top center repeat-y;} .content-wrap-dino {width: 900px; margin: 280px auto 0 auto;} #footer-area-dino{width: 100%; height: 187px;clear:both; background:url(/images/dino/footer-bg.jpg) top center no-repeat; margin:0 auto} h3#nav-title-venue {background:url(/images/venue/nav-title-venue.jpg) top left no-repeat;} /*Tendenci Page Styles - Overrides for Designs. Thats right. Form over function wins. Kidding. That'd be obnoxious. */ /* Tabs */ div#showh {margin-top: 43px;} #showh #secondary li a {color:#40791c;} #showh #secondary {width: 60em !important;} /* 404 styles */ div.notfound-header {border-bottom:none !important; color:#FFF !important; font-size:18px !important; margin: 0 0 18px 0 !important; } p.notfound-suggest { font-size: 14px !important; font-weight:bold; margin: 8px 0 0 0 } a.notfound-previous {color: #40791c; font-weight:bold} a.notfound-previous:hover {color: #B67715;} /*Titles for Articles, Releases, etc. #collapsediv h1 {color: #2B4C17 !important;}*/ h2.release-titles a {display: block; border-top: 1px solid #CCC; margin: 8px 0 0 0; padding: 18px 0 0 0; color:#B67715 !important} .release-summary { padding: 10px 0 8px 0} /*Monthly Calendar*/ h1.titles {font-size: 18px; font-weight: bold; color: #B67715; margin-bottom: 22px; display:block} td .titles {font-size: 18px; font-weight: bold; color: #FFF; margin-bottom: 22px; display:block} td.titles .titles {display:inline;} p.titles { margin: 0 0 25px 0; padding:0} font.titles, li.titles {color:#40791c !important} .titles a {font-size: 14px;} .body_copy .titles {color: #594419; font-size: 12px; display:inline !important} table#cev-month, table#cev-month td {border: 1px solid #d8d5d5 !important; color:#594419;} #cev-month a:hover {color: #B67715 !important;} #t-monthly input {margin:0 !important; padding: 0 !important; border:none !important;} /*Module Settings*/ .tendenci-settings .settings-backlink {color:#D79226 !important; font-size:11px} /*Photo Albums */ .text-wrap h2 {margin: 0 !important; padding:0 !important} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(/images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /***Tendenci***/ .subtitles {font-size: 14px; font-weight: bold; color: #666;} .body_copy { color: #594419} .currency {color: #333333; text-align: right} .bold_body_copy {font-weight: bold; color: #000; text-decoration: none} .bold_body_copy_blue {font-size: 11px; font-weight: bold; color: #003366; text-decoration: none} .big_body_copy {font-size: 14px; color: #000; text-decoration: none} .links {color: #40791C} .copyright {font-size: 9px; font-weight: normal; color: #CCC} .breadcrumbs {font-size: 10px; color: #999} .body_copy_alerts {font-size: 12px; color: #FF0000} .body_copy_invert {font-size: 12px; color: #FFF} .yellow_body_copy {background-color: #FFFF00; font-size: 12px; font-style: normal; color: #000} .reports { font-size: 12px; color: #000; text-decoration: none} .reports_big_body_copy {font-size: 12px; color: #000; text-decoration: none } .reports_subtitles {font-size: 14px; font-weight: bold; color: #000} .reports_titles {font-size: 18px; font-weight: bold; color: #000} div#skiptocontent {position: absolute; left: -9999px;} .color1 {background-color: #993300;} .color2 {background-color: #999;} h4 {font-size: 12px; font-weight: bold; color: #000; text-decoration: none} h5 {font-size: 11px; font-weight: bold; color: #003366; text-decoration: none} #bodycontent h1.summary, #bodycontent a.url { background: none !important; color: #B67715 !important; } #cke_content { width:625px !important; }