/* --------------------------------------------- Tell Them Screen Style Sheet version: 2010.01 ----------------------------------------------- */ body { font:normal 13px/20px Arial, Helvetica, sans-serif; color:#3f2d11; margin:0; padding:0; background:#abdfe5 url(../images/bodybg.png) repeat-x 0 207px; text-align:center;} a {color:#6fb6bd; text-decoration:none;} a:hover {color:#256066; text-decoration:underline;} h2 {font:normal 32px/45px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#930;} h3 {font:bold 22px/30px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 0px 12px 0; padding:0;} h3.alt {font:bold 22px/30px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#256066; margin:15px 0px 12px 0; padding:0;} h4 { font:normal 16px/24px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0b4f56; margin:15px 0 12px 0; padding:0; text-align: left; } h4.alt { font:bold 16px/24px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0b4f56; margin:15px 0 12px 0; padding:0; text-align: left; } h5 {font-size:14px; color:#0b4f56; font-weight:normal; text-transform:uppercase;} p {font:normal "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 12px 0; padding:0;} p.intro {font-size: 16px; font-weight:bold;} p.intro-alt {font-size: 16px; color:#0b4f56; font-weight:bold;} p.title {font-size: 16px; color:#0b4f56; font-weight:normal;} .list-title {font-size: 16px; color:#0b4f56; font-weight:bold;} blockquote {margin:20px 30px; padding:20px 30px; background:#eee; border:1px solid #333; border-width:1px 0;} fieldset {margin:0; padding:0; display:block; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} img, .captionbox {float:right; margin:0 0 10px 10px; padding:0 0 2px 2px; border:2px solid #abdfe5; border-width:0 0 2px 2px;} .captionbox img {float:none; margin:0; padding:0; border:none;} .captionbox p {background:#daf8fb; padding:3px; margin:-5px 0 0 0; font-size:11px; line-height:14px;} ul>li {padding:4px 0 4px 20px; list-style:none; background:url(../images/bulletbg.png) no-repeat 0 8px; font-size:13px; color:#0b4f56; font-weight:normal;} hr {background:none; border:none; margin:15px 0; padding:0; border-bottom:1px solid #877976;} /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} table.data {text-align:left;} table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#600;} table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; } table.data tr.even td {background-color:#eee;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} .linkbutton {display:inline-block; clear:both; padding:3px 5px; font-weight:bold; border:2px solid #a5dde3; background:#a5dde3; color:#3f2d11 !important; margin-right: 0px; margin-bottom: 10px; margin-top: 10px; margin-left: 235px; text-decoration:none;} .linkbutton:hover {text-decoration:none; background:#daf8fb; color:#000 !important;} .yellowpaper {display:block; position:relative; clear:both; margin:10px 0 10px -40px; padding:20px 20px 15px 215px; background:#ddd47a url(../images/yellowpaperbg.png) no-repeat left bottom; color:#3f2d11;} #rss { position:absolute; top:40px; right:35px; background:url(../images/rss-icon.png) no-repeat top left; height:24px; padding-left:30px; line-height:24px; } /* Layout Blocks ----------------------------------------------- */ .wrapper {position:relative; background:url(../images/glo.png) no-repeat center top; min-width:960px; margin:0; padding:0;} .container {width:860px; margin:0 auto; padding:0 40px; text-align:left; position:relative; background:url(../images/containerbg.png) repeat-y center top;} a.skiplink {display:block; position:absolute; top:0; left:0; font-size:1px; text-indent:-9999px;} #header {background:#a3dce2; position:relative; height:130px; overflow:hidden;} #header h1 {display:block; position:absolute; top:0; right:0; margin:0; padding:0; background:#e0d24f; width:212px; height:130px; } #header h1 a {display:block; background:url(../images/tellthemlogo.jpg) no-repeat; height:85px; font-size:1px; text-indent:-9999px; outline:none;} #header h1 a:hover {background-position:-212px 0;} #header h2 {display:none;} #header p {display:block; padding:20px 0 0 20px; width:620px; font-weight:bold; color:#3f2d11; font-size:16px; line-height:22px;} #header p a {color:#fff; text-decoration:none;} #header p a:hover {color:#3f2d11; text-decoration:underline;} ul#mainnav {margin:0; padding:5px 0 0 0; list-style:none;} ul#mainnav li {display:inline; margin:0; padding:0; background:none;} ul#mainnav li a {display:block; float:left; padding:12px 16px 19px 16px; margin:0 2px; font-size:13px; text-transform:uppercase; color:#3f2d11;} ul#mainnav li a:hover {color:#fff; text-decoration:none;} ul#mainnav li a.active, ul#mainnav li a.active:hover, body.aboutus ul#mainnav li a.aboutus, body.issues ul#mainnav li a.issues, body.legislation ul#mainnav li a.legislation, body.takeaction ul#mainnav li a.takeaction, body.toolkit ul#mainnav li a.toolkit, body.forum ul#mainnav li a.forum {color:#3f2d11; background:url(../images/mainnavactive.png) no-repeat center bottom;} ul.subnav {display:block; position:absolute; top:0; left:0; margin:0 0 0 -40px; padding:0 0 9px 0; width:235px; background:#ddd47a url(../images/yellowpaperbg.png) no-repeat left bottom; list-style:none;} ul.subnav li {display:inline; margin:0; padding:0; background:none;} ul.subnav li a {display:block; float:none; padding:8px 20px 8px 10px; margin:0 0 0 40px; font-size:18px; line-height:20px; text-transform:lowercase; color:#3f2d11; border-bottom:1px solid #fff; background:url(../images/subnavsprite.jpg) -9999px 0 no-repeat;} ul.subnav li a:hover {color:#fff !important; background-position:0 center; text-decoration:none;} ul.subnav li a.active, ul.subnav li a.active:hover {color:#3f2d11 !important; background:url(../images/subnavsprite.jpg) -195px center !important;} ul.subnav ul {display:inline; margin:0; padding:0;} ul.subnav ul li a {padding:5px 20px 5px 30px; margin:0 0 0 40px; font-size:14px; line-height:16px;} .nosubnav ul.subnav {display:none;} .searchbox {display:block; position:absolute; top:75px; right:15px; width:179px;} .searchbox label, .searchbox input {display:none;} .searchbox input#q {display:block; width:149px; height:14px; margin: 5px 0 0; padding:3px 15px; border:none; line-height:14px; font-size:11px; color:#3f2d11; background:url(../images/searchinputsprite.png) no-repeat;} .searchbox input#q.hinted {color:#ccc; background-position:0 0;} .searchbox input#q.focus {background-position:0 -20px;} #content {position:relative; padding:10px 0 0 225px; margin:10px 0 10px 0; min-height:400px; height:auto !important; height:400px;} #content.nosubnav {padding:10px 30px !important;} h2.pagehdr {display:none; width:860px; height:275px; margin:10px 0 0 0; padding:0; font-size:1px; text-indent:-9999px;} body.aboutus h2.pagehdr {display:block; background-image:url(../images/hdr-aboutus.jpg);} body.issues h2.pagehdr {display:block; background-image:url(../images/hdr-issues.jpg);} body.News2 h2.pagehdr {display:block; background-image:url(../images/hdr-issues.jpg);} body.legislation h2.pagehdr {display:block; background-image:url(../images/hdr-legislation.jpg);} body.takeaction h2.pagehdr {display:block; background-image:url(../images/hdr-takeaction.jpg);} body.toolkit h2.pagehdr {display:block; background-image:url(../images/hdr-toolkit.jpg);} body.forum h2.pagehdr {display:block; background-image:url(../images/hdr-forum.jpg);} #footer {clear:both; background:#a3dce2 url(../images/footerbg.png) no-repeat; height:200px; position:relative; font-size:11px; line-height:16px; overflow:hidden;} .footernav {display:block; position:absolute; top:70px; left:370px; margin:0; padding:0;} .footernav li {display:inline; margin:0; padding:0; background:none;} .footernav li a {display:block; color:#3f2d11; text-transform:uppercase; background:none;} .footernav li a:hover {color:#fff; text-decoration:none;} .vcard {position:absolute; top:70px; left:228px; width:130px; color:#666;} .vcard .org, .vcard .country-name {display:none;} .vcard a {color:#666;} .vcard a:hover {color:#000;} h3.social {display:block; position:absolute; top:20px; left:550px; width:300px; height:45px; margin:0; padding:0; background:url(../images/socialsprite.png) no-repeat 0 -180px; font-size:1px; text-indent:-9999px;} ul.social {display:block; position:absolute; top:65px; left:550px; width:302px; margin:0; padding:0; list-style:none;} ul.social li {display:inline; margin:0; padding:0;} ul.social li a {display:block; float:left; width:150px; height:45px; background:url(../images/socialsprite.png) no-repeat; font-size:1px; text-indent:-9999px; outline:none;} .social li.fb a {background-position:0 0;} .social li.fb a:hover {background-position:-150px 0;} .social li.yt a {background-position:0 -45px;} .social li.yt a:hover {background-position:-150px -45px;} .social li.tw a {background-position:0 -90px;} .social li.tw a:hover {background-position:-150px -90px;} .social li.rss a {background-position:0 -135px;} .social li.rss a:hover {background-position:-150px -135px;} /* Homepage Specific ----------------------------------------------- */ #homecontent {position:relative;} #homeflash {width:860px; height:350px;} #homeflash img {margin:0; padding:0; border:none; float:none;} body.home .yellowpaper h2 {display:block; position:absolute; top:10px; left:50px; width:150px; height:40px; margin:0; padding:0; background:url(../images/chaletlondon1970-itsourissue.png) no-repeat; font-size:1px; text-indent:-9999px;} .homethird {display:block; float:left; width:275px; height:250px; margin:0 10px 10px 0; background:#f5fcfc;} .homethird {display:inline; margin:0; padding:0;} .thebuzz h2 a {display:block; height:46px; margin:0; padding:0; background:url(../images/chaletlondon1970-thebuzz.png) no-repeat; font-size:1px; text-indent:-9999px;} .actionalert h2 a {display:block; height:46px; margin:0; padding:0; background:url(../images/chaletlondon1970-headlines.png) no-repeat; font-size:1px; text-indent:-9999px;} .homeorganic h2 {display:block; height:46px; margin:0 0 5px 0; padding:0; background:url(../images/chaletlondon1970-fromthehive.png) no-repeat -22px 0; font-size:1px; text-indent:-9999px;} .homethird ul {display:block; margin:0; padding:0; list-style:none;} .homethird li {display:block; margin:5px 5px 10px 20px; font-size:11px; line-height:15px; padding:0 0 0 25px; background:url(../images/homebulletbg.png) no-repeat 0 5px;} .homethird li a {font-size:12px; color:#ff4000;} .homethird strong {display:block; font-size:14px;} .homethird strong a {color:#000;} .actionalert {padding-right:10px !important;} .actionalert li {margin-left:26px;} /*.homeorganic {margin:0; padding:0 20px 20px 20px; height:230px; width:259px;}*/ .thebuzz {padding-left:20px; width:255px;} .homeorganic {margin:0; padding-right:24px;} .homeorganic p {margin:0 0 15px 0; margin:0;} #DOMWindow {text-align: left;} #DOMWindow h2 {color: #444736; line-height: 35px; font-size: 22px;} #DOMWindow ul{padding: 0px; margin: 0px;} #DOMWindow ul li{background:transparent url(../images/bulletbg_small.jpg) no-repeat scroll 0 8px; font-size: 14px;} #DOMWindow a.closeDOMWindow{clear: both; float: right; width: 103px; height: 38px; display: block; text-indent: -9999px; background:url(../images/closeButton.jpg) no-repeat top left; margin: 0px 0px 0px 0px;} #DOMWindow a.closeDOMWindow:hover{background:url(../images/closeButton.jpg) no-repeat bottom left;} .LaunchVideo {display:none;} /* Specialty Pages ----------------------------------------------- */ ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;} ul.photogallery li {display:inline; margin:0; padding:0;} ul.photogallery li a img {float:left; margin:0 7px 7px 0;} ul.photogallerylist {display:block; margin:15px 0; padding:0;} ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px 0 5px 70px; min-height:60px; height:auto !important; height:60px; border-bottom:1px dashed #333; background:none;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333;} ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;} ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:0; padding:0;} #rss { display:block; margin:0; position:absolute; right:20px; top:15px; } #rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; } #rss a:hover { text-indent:0; } /* Form Builder ---------------------------- */ div.formrow {display:block; margin:0 0 10px 0; clear:both;} div.formrow label {display:block; clear:both; width:170px; text-align:right; float:left; margin:0 5px 0 0; padding:5px 8px 4px 12px; border-bottom:1px solid #ccc;} div.formrow label.required {font-weight:bold;} div.formrow input.textbox {display:block; width:200px; border:1px solid #ccc; margin:0 10px 0 0; line-height:20px; padding:5px 5px;} div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 0 0;} div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;} div.formrow span.error {display:inline; padding-left:0; font-style:normal;} div.formrow span.error div {display:block; padding-left:195px;} div.formrow select {margin:4px 0 0 0;} input.formsubmit {clear:left; margin:0 0 60px 195px; display:block; float:left; font-size:14px; line-height:20px; background:#e0d24f; color:#3f2d11; border:1px solid #e0d24f; padding:4px 25px;} input.formsubmit:hover {border:1px solid #3f2d11;} div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; border:none; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox {clear:left; padding:5px 0 15px 0;} div.checkbox input {float:left; margin:0 6px 0 196px; clear:left;} div.checkbox label {float:left; clear:none; background:none; color:#333; width:auto; border:none; padding:0; margin:0; text-align:left; font-size:12px;} /* Forum ----------------------------------------------- */ div.forumcontent {padding:20px 30px 30px 30px !important;} div.forumcontent ul.subnav {display:none;} table.forum, table.discussion {margin:10px 0;} table.forum a, table.discussion a {text-decoration:none;} table.forum a:hover, table.discussion a:hover {text-decoration:underline;} table.forum td {padding:5px 10px; border-bottom:1px solid #c3bbb8; font:normal 12px/20px Arial, Helvetica, sans-serif;} table.forum td.listheader {background:#3f2d11; border-bottom:1px solid #004111; color:#fff; text-transform:uppercase; padding:5px;} table.discussion td {padding:0px; border-bottom:1px solid #c3bbb8; font:normal 12px/20px Arial, Helvetica, sans-serif;} table.discussion td.listheader {background:#3f2d11; border-bottom:1px solid #004111; color:#fff; text-transform:uppercase; padding:5px;} table.discussion td td {border:none; padding:5px 10px;} tr.bglight td {background:none;} tr.bgdark td {background:#e5e1e0;} .listColumnNumber {text-align:center; font-size:18px; vertical-align:top; color:#7a6b5a; font-family:Consolas, "Courier New", courier, fixed;} .listColumnText {vertical-align:top;} .listItemLink {font-weight:bold; font-size:14px;} .labelNew {font-weight:bold;} tr.pageLink td {text-align:center; font-weight:bold; border:none; background:none; color:#333;} tr.pageLink td span, tr.pageLink td a {padding:0 5px;} .forumcrumbs {float:left;} a.startnew {font-weight:bold; float:right; background:url(../images/icon-16-greenplus.gif) no-repeat left center; padding:0 0 0 20px; text-decoration:none;} a.startnew:hover {text-decoration:underline;} a.reply {font-weight:bold; font-size:14px; background:url(../images/icon-16-greenreply.gif) no-repeat left center; padding:0 0 0 20px; text-decoration:none;} a.reply:hover {text-decoration:underline;} .newtopic .textbox {padding:2px 5px; border:1px solid #baad9d; background:#fff;} .newtopic .textarea {padding:2px 5px; border:1px solid #baad9d; background:#fff; width:500px;} ul.forumfilelist {display:block; margin:0; padding:10px 5px;} ul.forumfilelist li {background:none; list-style:disc; padding:0; margin:0 0 0 10px;} input.cancelbutton {clear:left; margin:10px 0 60px 195px; display:block; float:left; font-size:12px; line-height:16px; background:#e0d24f; color:#3f2d11; border:1px solid #e0d24f; padding:4px 25px;} input.cancelbutton:hover {border:1px solid #3f2d11;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; 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;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/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/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #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; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } .login { margin-left: 1px; margin-top: 3px; } .login, .login a, .login a:visited, .login a:active { text-decoration:none; color: black; font-size: 10px; } .login a:hover { text-decoration:none; color: white; } .appArea { float:left; } div.searchBox { display:none; } select#news_iv_ctrl { margin-right: 25px; } form#catselect table tbody tr td p a { display:none }