/************************************************************************************* CSS Document for hedgelink.org.uk by WebbDesigned.com Version 1.4 *************************************************************************************/ /************************************************************************************* Site Colours: #FFF - white #7BBA42 - light green #D6E3BC - very light green #18582C - dark green *************************************************************************************/ /************************************************************************************* GLOBAL STYLES *************************************************************************************/ /*Global White Space Reset*/ *{margin:0; padding:0} img{border:none; color:#FFF; background:#7BBA42} hr{color:#fff; background-color:#fff; border:1px dotted #D6E3BC; border-style:none none dotted;} body{font-family:"Lucinda Grande","Lucinda Sans Unicode",Verdana,sans-serif; font-size:0.8em; color:#000; background:#F8F8F8} /************************************************************************************* TYPOGRAPHY *************************************************************************************/ h1, h2, h3, h4, h5, h6{font-family:"Trebuchet MS","Lucinda Grande","Lucinda Sans Unicode",Verdana,sans-serif; text-align:left; color:#18582C} h2{font-size:2em} h3{font-size:1.5em; margin-top:30px} #infocustop h3{text-align:left; margin:0 auto; padding-right:30px; color:#7BBA42} h4{font-size:1.3em} #news h4{position:relative; margin-top:30px} #infocusmaincontent h4{font-size:1.15em} .MoreInfo h4{margin:0 auto; padding:5px 10px; height:1.5em; background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) repeat-x} h5{font-size:1.1em} h6{font-size:1em} #infocusbottomcontent h5{color:#FFF} #whitespace h1{text-align:right; font-size:1em; margin-bottom:0; padding-right:7px} p{text-align:left; line-height:1.5em; margin-bottom:1em} .search{height:1.4em; margin-right:5px} .subscript{width:300px; font-size:0.9em; font-style:italic} .articledate{font-size:0.8em; font-style:italic; color:#18582C} #infocustop p{text-align:right; padding-right:10px} #infocusmaincontent p{margin:0 auto} #infocusbottomcontent p{color:#FFF} #infocusbottomcontentcol1 p{color:#FFF} #infocusbottomcontentcol2 p{color:#FFF} #whitespace p{text-align:right; font-size:0.8em; padding-right:7px; margin:0 auto} #whitespace img{position:relative; top:2px} #ArticleNavigation p{padding:10px; margin:0 auto} #ArticleSideBox p{padding:10px; margin:0 auto} .MoreInfo p{font-size:0.8em; padding:10px; margin:0 auto} .thumbnail p{font-size:0.8em; margin-left:90px} #footer p{text-align:right; font-size:0.7em; padding-right:7px} ul{list-style:inside square} .article ul{list-style:outside square; padding:5px 0 20px 30px} .article li{line-height:1.5em} ol{list-style:inside decimal} .article ol{list-style:outside decimal; padding:5px 0 20px 30px} .emphasize {font-weight:600} #infocusbottomcontentcol1 ol{color:#FFF} #infocusbottomcontentcol1 li{color:#FFF; line-height:1.5em} blockquote{color:#18582C; margin:20px auto; font-weight:bold} .errors{color:red} acronym{border-bottom:1px #D6E3BC dotted; cursor:help} /************************************************************************************* LINKS *************************************************************************************/ a:link{color:#18582C} a:visited{color:black; text-decoration:underline} .totop a:link{color:#7BBA42} .totop a:visited{color:#7BBA42} .totop a:hover{color:#18582C} .phototop{clear:both; text-align:right; margin-right:40px; padding-top:10px} .phototop a:link{color:#7BBA42} .phototop a:visited{color:#7BBA42} .phototop a:hover{color:#18582C} a:hover{color:#7BBA42; text-decoration:none} a:active{color:#18582C; text-decoration:none} #infocusbottomcontentcol1 a{color:#FFF} #infocusbottomcontentcol1 a:hover{color:#7BBA42} #infocusbottomcontentcol2 a{color:#FFF} #infocusbottomcontentcol2 a:hover{color:#7BBA42} #header a{font-size:1.2em; text-decoration:underline} #header a:hover{color:#FFF} #footer a:hover{color:#000} a:active{color:#000} .more{text-align:right; margin-top:5px} .smaller{font-size:0.8em} .MoreInfo a{text-decoration:none; color:#18582C} .MoreInfo a:hover{text-decoration:underline} .external{background:url(../../images/general/externalLink.gif) no-repeat right top; padding-right:10px} #contact #col2 a, tell_a_friend #col2 a{text-decoration:none} #contact #col2 a:hover, tell_a_friend #col2 a:hover{text-decoration:underline} .forum {font-weight:600; font-size:1.4em} /************************************************************************************* TABLES *************************************************************************************/ table{border-collapse:collapse; width:100%; border:1px solid #18582C; margin:1em 0} th, td{padding:10px; vertical-align:top} caption{font-size:1.2em; font-weight:bold; margin:1em 10px; text-align:left; padding:10px} th{font-weight:bold; text-align:left; border:1px solid #18582C; background:#D6E3BC} td, tr{border:1px solid #18582C} .highlight{background:#D6E3BC} #tellFriendForm td, #tellFriendForm tr, #tellFriendForm table{border:none} /************************************************************************************* PRIMARY NAVIGATION *************************************************************************************/ #PrimaryNavigation ul{margin:0 0 0 228px; padding:0; list-style:none} #PrimaryNavigation li{display:inline} #PrimaryNavigation a{display:block; float:left; margin:0 auto; height:16px; font-weight:bold; padding:12px 11px 9px; text-decoration:none; text-align:center; font-size:0.95em; line-height:1em; border-left:#7BBA42 1px solid; color:#FFF; background:#18582C url(../images/Backgrounds/DarkgreenBackgroundGradient.gif) bottom repeat-x} .last a{border-right:#7BBA42 1px solid} #photoCategoryNavigation .last a{border:none} #PrimaryNavigation a:hover{color:#18582C; text-decoration:none; background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) repeat-x} #PrimaryNavigation .active a{color:#18582C; text-decoration:none; background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) repeat-x; cursor:default} /************************************************************************************* PHOTOLIBRARY NAVIGATION *************************************************************************************/ #PhotoLibraryNavigation ul{margin:0 0 0 197px; padding:0; list-style:none} #PhotoLibraryNavigation li{display:inline} #PhotoLibraryNavigation a{display:block; float:right; margin:3px 0 0 0; height:10px; padding:6px 12px 6px 12px; text-decoration:none; text-align:center; font-size:0.9em; font-weight:normal; line-height:1em; border-left:#18582C 1px solid; color:#18582C; background:none} #PhotoLibraryNavigation .last a{border-right:none} #PhotoLibraryNavigation a:hover{text-decoration:underline; background:none} #PhotoLibraryNavigation .active a{text-decoration:underline; background:none; cursor:default} /************************************************************************************* SECONDARY NAVIGATION *************************************************************************************/ #SecondaryNavigation ul{margin:0 auto; padding:0; list-style:outside none} #SecondaryNavigation li{list-style:none} #SecondaryNavigation a{display:block; margin:0 auto; padding:9px 7px; font-weight:bold; text-decoration:none; text-align:left; font-size:0.9em; height:1%; line-height:1.5em; border-bottom:1px solid #18582C; color:#18582C; background:#7BBA42 url(../images/Backgrounds/secbglight.gif) repeat-y} .first{border-top:1px solid #18582C} #SecondaryNavigation a:hover{color:#FFF; text-decoration:none; border-bottom:1px solid #7BBA42; background:#18582C url(../images/Backgrounds/secbgdark.gif) repeat-y} #SecondaryNavigation .active a{color:#FFF; text-decoration:none; border-bottom:1px solid #7BBA42; background:#18582C url(../images/Backgrounds/secbgdark.gif) repeat-y; cursor:default} /************************************************************************************* ARTICLE NAVIGATION, PHOTO LIBRARY NAVIGATION AND SIDEBOX *************************************************************************************/ #ArticleNavigation h4{color:#FFF; margin:0 0 10px 0; padding:4px 10px 2px 20px; font-size:1.3em; background:#18582C url(../../images/panels/panelCorner.gif) top left no-repeat} #ArticleSideBox h4{margin:0 auto; padding:5px 10px; height:1.5em; background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) repeat-x} #ArticleNavigation ul, #photoCategoryNavigation ul{margin:0 0 0 10px; padding:0 10px 20px 10px; list-style:none outside} #ArticleNavigation li, #photoCategoryNavigation li{border-bottom:1px solid #D6E3BC; padding:0} #ArticleNavigation a, #photoCategoryNavigation a{text-decoration:none; display:block; padding:5px; line-height:1.5em} #ArticleNavigation a:hover{background:#18582C; color:#fff} #ArticleNavigation .active a{cursor:default; background:#18582C; color:#fff} #photoCategoryNavigation a:hover{background:#D6E3BC; color:#18582C} #photoCategoryNavigation .active a{cursor:default; background:#D6E3BC; color:#18582C} /************************************************************************************* FORMS *************************************************************************************/ input{border:1px solid #18582C} textarea{border:1px solid #18582C} /************************************************************************************* LAYOUT *************************************************************************************/ /*Clearing Container*/ .clear{clear:both} /*Layout Container*/ #container{width:900px; margin:0 auto; padding:0; background:url(../images/Backgrounds/hedgelinkcontainerbg.gif) repeat-y white} #forum #container{height:100%} /*Layout Whitespace*/ #whitespace{text-align:right; width:900px; margin:0 auto; padding:2px 0; background:#F8F8F8; position:relative} /*Layout Header*/ #header{width:900px; height:136px; margin:0 auto; padding:0; border-top:1px solid #18582C; background:#7BBA42 url(../../images/headers/headerDefault.jpg) no-repeat} #home #header{background:url(../../images/headers/headerHome.jpg) no-repeat} #wildlife #header{background:url(../../images/headers/headerHedgesWildlife.jpg) no-repeat} #about_hedgelink #header{background:url(../../images/headers/headerAbout.jpg) no-repeat} #management #header{background:url(../../images/headers/headerManagement.jpg) no-repeat} #forum #header{background:url(../../images/headers/headerForum.jpg) no-repeat} #about_this_website #header{background:url(../../images/headers/headerThisweb.jpg) no-repeat} #accessibility #header{background:url(../../images/headers/headerAccess.jpg) no-repeat} #european_hedges #header{background:url(../../images/headers/headerEuropean.jpg) no-repeat} #hedgelink_meetings #header{background:url(../../images/headers/headerMeetings.jpg) no-repeat} #groups #header{background:url(../../images/headers/headerGroups.jpg) no-repeat} #hedgeucation #header{background:url(../../images/headers/headerHedgucation.jpg) no-repeat} #sitemap #header{background:url(../../images/headers/headerSitemap.jpg) no-repeat} #dvd #header{background:url(../../images/headers/headerDVD.jpg) no-repeat} #legislation #header{background:url(../../images/headers/headerLegislation.jpg) no-repeat} #news #header{background:url(../../images/headers/headerNews.jpg) no-repeat} #newsitem #header{background:url(../../images/headers/headerNews.jpg) no-repeat} #contact #header{background:url(../../images/headers/headerContact.jpg) no-repeat} #thankyou #header{background:url(../../images/headers/headerContact.jpg) no-repeat} #importance_hedges #header{background:url(../../images/headers/headerImportance.jpg) no-repeat} #photo_library #header{background:url(../../images/headers/headerPhoto.jpg) no-repeat} #bap #header{background:url(../../images/headers/headerBAP.jpg) no-repeat} #research #header{background:url(../../images/headers/headerResearch.jpg) no-repeat} #hedgerowtrees #header{background:url(../../images/headers/headerTrees.jpg) no-repeat} #farm_environment_schemes #header{background:url(../../images/headers/header-farm-environment-schemes.jpg) no-repeat} #search_results #header{background:url(../../images/headers/headerSearch.jpg) no-repeat} #tell_a_friend #header{background:url(../../images/headers/headerTell.jpg) no-repeat} #fourOfour #header{background:url(../../images/headers/header404.jpg) no-repeat} #header img{position:absolute} #search{width:190px; float:right; margin:10px; padding:5px; border:1px solid #7BBA42; text-align:right} /*Layout Primary Navigation*/ #PrimaryNavigation{width:900px; height:74px; margin:0 auto; padding:0; background:#7BBA42 url(../images/Backgrounds/primaryNavbar.gif) no-repeat; border-top:#7BBA42 1px solid} /*Layout PhotoLibrary Navigation*/ #PhotoLibraryNavigation{width:900px; height:30px; margin:0 auto; padding:0} /*Layout Secondary Navigation*/ #SecondaryNavigation{width:177px; height:100%; margin:0 auto; padding:0; background:#7BBA42; float:left} #SecondaryNavigationImage{width:177px; height:117px; margin:0 auto; padding:0; background:#7BBA42 url(../../images/Navigation/SecondaryNav/hedgerowTrees.jpg) no-repeat} /*Images above Secondary Navigation*/ #home #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/springHedge.jpg) no-repeat} #hedgerowtrees #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/rainbowTrees.jpg) no-repeat} #wildlife #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgehog.jpg) no-repeat} #about_hedgelink #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgelayingAxe.jpg) no-repeat} #photo_library #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgeHill.jpg) no-repeat} #forum #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/songthrushNest.jpg) no-repeat} #news #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/primroseHedgebank.jpg) no-repeat} #newsitem #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/primroseHedgebank.jpg) no-repeat} #contact #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgelayingJudges.jpg) no-repeat} #importance_hedges #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/gatekeeperButterfly.jpg) no-repeat} #sitemap #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/ancientHedge.jpg) no-repeat} #bap #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/crabApple.jpg) no-repeat} #management #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgeLaying.jpg) no-repeat} #research #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/greywillowSeed.jpg) no-repeat} #legislation #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgeCutting.jpg) no-repeat} #hedgeucation #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/youngDormouse.jpg) no-repeat} #european_hedges #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/tuftedVetch.jpg) no-repeat} #hedgelink_meetings #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgelinkGroupDartmoor.jpg) no-repeat} #groups #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/brimstoneThistle.jpg) no-repeat} #accessibility #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hedgerowRoad.jpg) no-repeat} #farm_environment_schemes #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/Upper-Hedleyhope-Valley.jpg) no-repeat} #search_results #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/hawthornBerries.jpg) no-repeat} #about_this_website #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/blackthornSloes.jpg) no-repeat} #tell_a_friend #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/dormouseBramble.jpg) no-repeat} #fourOfour #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/cutWillow.jpg) no-repeat} #dvd #SecondaryNavigationImage{background: url(../../images/Navigation/SecondaryNav/layedHedge.jpg) no-repeat} /*Layout Article Navigation*/ #ArticleNavigation{width:210px; height:100%; margin:0 0 30px 5px; padding:0; float:right} /*Layout Photo Category Navigation*/ #photoCategoryNavigation{width:210px; height:100%; margin:5px 0 30px 5px; padding:0; float:right} #photoCategoryNavigation h4{color:#18582C; margin:0 0 10px 0; padding:4px 10px 2px 20px; font-size:1.3em; background:#D6E3BC} /*Layout Article Side Box*/ #ArticleSideBox{width:250px; height:100%; margin:0 0 80px 0; padding:0; border:#7BBA42 1px solid; float:right} /*Layout Main Content*/ #maincontent{width:691px; margin:0 0 0 177px; padding:0 0 0 25px} /*Layout Articles*/ .article{padding:0 20px; margin-right:30px} #news .article{padding:0 20px; width:400px} #photo_library .article{padding:0 0 0 20px; margin-right:0px; width:408px} .article img{margin:10px 0} .box{margin:15px 0; padding:5px; background:#D6E3B6} /*Layout Photolibrary Photos*/ #photo_library .article h3{clear:left} .photos{padding:0 0 0 20px; width:650px;} .totop{padding-top:10px; text-align:right} .newsthumb{position:absolute; left:440px} /*Layout Contact and Feedback*/ .contactform{padding:0 20px; width:400px;} .contactdetails{width:235px; height:100%; margin:0 auto; padding:0; float:right} /*Layout Thumbnails*/ .thumbnail{float:left; width:200px; height:80px; padding:15px 0 0 0; margin:0 auto} .thumbnail img{float:left; margin:0 10px 0 0} /*Layout Footer*/ #footerTop{clear:both; width:900px; /height:51px; margin:0 auto; padding:0; background:#7BBA42 url(../images/Backgrounds/footerTop.gif) bottom left no-repeat} #footer{position:relative; width:900px; height:auto; margin:0 auto; padding:5px 0 10px 0; background:#7BBA42} #footer img{vertical-align:middle} #footer .homelink img{position:absolute; top:5px; left:5px} /************************************************************************************* LAYOUT PANELS AND ARTICLES HOMEPAGE *************************************************************************************/ #home #maincontent a{text-decoration:none} #home #maincontent a.linkHighlight{text-decoration:underline} #home #maincontent a.linkHighlight:hover{text-decoration:none} #home #col1{float:left; width:330px} #home #col2{float:right; width:330px} .ArticleHomeHalf{float:left; width:315px; margin:0 2px 20px 18px} .panelHalf{float:right; width:315px; margin:0 0 20px 18px} .panelHalf h3, .ArticleHomeHalf h3{color:#FFF; margin:0 auto; padding:4px 10px 2px 20px; border-bottom:1px solid #FFF; font-size:1.3em; background:#18582C url(../../images/panels/panelCorner.gif) top left no-repeat} .panelHalf h4{color:#18582C; margin:0 auto; padding:4px 10px 2px 20px; font-size:1.1em; background:#D6E3BC} .ArticleHomeHalf h4{font-size:1.2em; margin:10px auto} .featured{font-size:.9em} #col1 .panelHalf h3{margin:0 auto; padding:4px 10px 2px 20px; font-size:1.3em; } .panelHalf a p{display:block; width:200px; float:left; text-decoration:none; margin:0 auto; font-size:0.8em; border:none; padding:2px 20px 2px 2px} .panelHalf a b{color:#18582C} #col1 .panelHalf a p, #didYouKnow .panelHalf a p{width:315px} .panelHalf a:hover p{color:#000} .panelHalf a h3{display:block;} .panelHalf a h4{display:block; text-decoration:none; border-bottom:1px solid #FFF} .panelHalf a:hover h4{background:#BBD18F; text-decoration:underline} .panelHalf img{float:right} #col1 .panelHalf img{float:left} #colA{float:left; width:494px} .panelTwoThirds{float:right; width:475px; margin:0 4px 20px 18px} .panelTwoThirds h3{color:#18582C; margin:0 auto; padding:4px 10px 2px 20px; font-size:1.3em; background:#D6E3BC} .panelTwoThirds a p{display:block; width:238px; height:205px; float:left; color:#000; text-decoration:none; margin:0 auto; margin:0 auto; font-size:0.9em; background:#FFF; border-right:1px solid #D6E3BC; padding:10px 10px 0 10px} .panelTwoThirds a:hover p{} .panelTwoThirds a h3{display:block; text-decoration:none} .panelTwoThirds a:hover h3{background:#BBD18F} .panelTwoThirds img{float:left} .right{clear:both; text-align:right} #colB{float:right; width:165px} .panelOneThird{float:right; width:165px; margin:0 0 20px 0} .panelOneThird a h3{display:block; text-decoration:none; color:#FFF; margin:0 auto; padding:4px 10px 2px 20px; font-size:1.3em; background:#18582C url(../../images/panels/panelCorner.gif) top left no-repeat} .panelOneThird h4{color:#18582C; margin:0 auto; padding:4px 10px 2px 20px; font-size:1.1em; background:#D6E3BC} .panelOneThird a p{display:block; width:143px; float:left; color:#000; text-decoration:none; margin:0 auto; margin:0 auto; font-size:0.8em; background:#FFF; border-left:1px solid #D6E3BC; border-right:1px solid #D6E3BC; padding:10px} .panelOneThird a:hover p{} #colB .panelOneThird a h4{display:block; text-decoration:none} #colB .panelOneThird a:hover h4{background:#BBD18F} .panelOneThird img{float:left} #forum iframe{} /************************************************************************************* LAYOUT PANELS PHOTOLIBRARY MAIN PAGE, TELL A FRIEND AND CONTACT PAGE *************************************************************************************/ #photo_library #col2, #contact #col2, #tell_a_friend #col2{float:right; width:230px} #photo_library #col1, #contact #col1, #tell_a_friend #col1{float:left; width:430px} #photo_library .article, #contact .article, #tell_a_friend .article{float:left; width:430px} .sidePanel{float:right; width:200px; margin:0 0 20px 0} .sidePanel h3{color:#FFF; margin:0 0 10px 0; padding:4px 10px 2px 20px; font-size:1.3em; background:#18582C url(../../images/panels/panelCorner.gif) top left no-repeat} .sidePanel h4{color:#18582C; margin:0 auto; padding:4px 10px 2px 20px; font-size:1.1em; background:#D6E3BC} .sidePanel p{width:auto; float:left; color:#000; text-decoration:none; margin:0 auto; margin:0 auto; font-size:0.8em; background:#FFF; border:none; padding:10px 10px 0 10px} .mainText{float:left; width:auto; margin:0 2px 20px 18px} .categoryPanel{float:left; width:180px; margin:0 0 20px 18px} #col1 .categoryPanel h3{color:#18582C; margin:0 auto; padding:4px 10px 2px 10px; font-size:1.1em; background:#D6E3BC} #col1 .categoryPanel a h3{display:block; text-decoration:none} #col1 .categoryPanel a:hover h3{background:#BBD18F} /************************************************************************************* LAYOUT SITEMAP *************************************************************************************/ #sitemap ul{list-style:none} #sitemap .article a{border-right:none; text-decoration:none} #sitemap .article li{margin-top:10px; line-height:2em; border-bottom:1px solid #D6E3BC} #sitemap .article ul li ul{margin-left:30px} #sitemap .article ul li ul li ul{margin-left:60px} #sitemap .article ul li ul li ul li ul{margin-left:90px} /************************************************************************************* TELL A FRIEND TYPOGRAPHY *************************************************************************************/ #tell h2, #tell h3{font-family:"Trebuchet MS","Lucinda Grande","Lucinda Sans Unicode",Verdana,sans-serif; text-align:left; color:#18582C} #tell h2{font-size:2em; padding:5px 10px} #tell h3{font-size:1.5em} #tell p{text-align:left; line-height:1.5em; margin-bottom:1em} .underline{text-decoration:underline} #tell #footer p{text-align:right; font-size:0.7em; padding-right:7px} #tell table{border:none} #tell .you table{background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) bottom repeat-x} #tell .friend table{background:#7BBA42 url(../images/Backgrounds/LightgreenBackgroundGradient.gif) bottom repeat-x} #tell td{padding:2px 10px} /************************************************************************************* TELL A FRIEND LINKS *************************************************************************************/ #tell a:link{color:#18582C} #tell a:visited{color:black; text-decoration:underline} #tell a:hover{color:#7BBA42; text-decoration:underline} #tell a:active{color:#7BBA42; text-decoration:none} #tell #footer a:hover{color:#000} /************************************************************************************* TELL A FRIEND FORMS *************************************************************************************/ #tell input{} #tell textarea{border:1px solid #18582C} /************************************************************************************* TELL A FRIEND LAYOUT *************************************************************************************/ /*Layout Container*/ #tell #body{background:#FFF} #tell #container{width:510px; margin:0 auto; padding:5px; border:none;} /*Layout you and Friends boxes*/ #tell .you{width:375px; padding:5px 10px} #tell .you h3{margin:0 auto; padding:2px 10px; width:375px; margin:10px 0 2px 0; height:1em} #tell .friend{width:375px; padding:5px 10px} #tell .friend h3{margin:0 auto; padding:2px 10px; width:375px; margin:10px 0 2px 0; height:1em} #tell .message{width:375px; padding:5px 10px} #tell .message h3{margin:0 auto; padding:2px 10px; width:375px; margin:10px 0 2px 0; height:1em} #tell .submit{width:375px; padding:5px 10px} /************************************************************************************* SLIMBOX CSS FOR PHOTOLIBRARY *************************************************************************************/ #lbOverlay{position:absolute; z-index:9999; left:0; width:100%; background-color:#000; cursor:pointer} #lbCenter, #lbBottomContainer{position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff} .lbLoading{background:#fff url(../images/lightbox/loading.gif) no-repeat center} #lbImage{position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat} #lbPrevLink, #lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none} #lbPrevLink{left:0} #lbPrevLink:hover{background:transparent url(../images/lightbox/prevlabel.gif) no-repeat 0% 15%} #lbNextLink{right:0} #lbNextLink:hover{background:transparent url(../images/lightbox/nextlabel.gif) no-repeat 100% 15%} #lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none} #lbCloseLink{display:block; float:right; width:66px; height:22px; background:transparent url(../images/lightbox/closelabel.gif) no-repeat center; margin:5px 0; outline:none} #lbCaption, #lbNumber{margin-right:71px} #lbCaption{font-weight:bold}