/* YUI ------------------------------------------------------------------------- Start with YUI reset/fonts for a well-tested & supported base to build upon Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*-------------------------------------------------------------------- * LAYOUT --------------------------------------------------------------------*/ html, body { background:#47637C url(img/body.png) repeat-x center 29px; margin:0; padding:0; height: 100%; color:#284155; } #skiplink { text-indent: -999em; position:absolute; top:0; left:0; } #doc { width:990px; margin:0 auto; padding:15px 0; min-height:100%; background:#74899C url(img/doc.gif) no-repeat center 0 ; position:relative; } #body { margin:0 15px; height:100%; } #content-primary, #promos { background:#FDFDFD; padding:12px 24px 12px 24px; position:relative; clear:both; } #content-secondary { padding-top:24px; padding-bottom:24px; background:#FFFFFF url(img/promos-background.png) repeat-x top; color:#495862; z-index:1;} #content-primary { *height:1%; z-index:2; padding-top:18px; } #content-primary:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #content-header { padding:6px; padding-bottom:0; background:#FDFDFD; z-index:2;} #content-footer { padding:0 24px 1px 24px; background:#FDFDFD; z-index:2;} /*-------------------------------------------------------------------- * BASE * Reset typography & colors after the YUI reset --------------------------------------------------------------------*/ body { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:17px; color:#284155; } h1, h2, h3, h4, h5, h6, strong { margin:0 0 1em 0; font-weight:bold; } h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; color: #65981C; } h1 { font-size:18px; line-height:21px; /* margin-top:12px; */ } h2 { font-size:14px; line-height:16px; } h3 { font-size:13px; line-height:15px; } h4 { font-size:12px; line-height:15px; margin-bottom:.5em } abbr, acronym { border-bottom:1px dotted #000; cursor:help; } strong { font-style:inherit } em { font-style:italic; font-weight:inherit; } cite {display:block; font-style:italic; text-align:right!important;} ul, ol, dl { margin:1em; } ol, ul, dl { margin-left:2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } li { margin-bottom:.75em; } dl dd { margin-left:1em; } blockquote { margin: 0 0 1.5em 0; padding:0 2em 1.5em 2em; border-top:1px dotted #B9C3CD; border-bottom:1px dotted #B9C3CD; clear:both; } blockquote p { font-size:16px; line-height:19px; padding-top:1em; margin:0; color:#65981C; font-style:italic; } caption { margin-bottom:.5em; text-align:center; } p, fieldset, table, pre { margin-bottom:1.5em; } a:link, a:visited { color:#9E5417; text-decoration:underline } a:hover, a:active { color:#65981C; text-decoration:underline } hr { background:#B9C3CD; color:#B9C3CD; height:2px; border:none; margin:1em 0; line-height:2px; clear:both; } p + hr { margin-top:0 } p.tight + hr { margin-top:1em } h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { text-decoration:none; } h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { text-decoration:underline; } h1 span, h2 span, h3 span, h4 span, h5 span { font-weight:normal; } label { cursor:pointer; _cursor:default; } /*-------------------------------------------------------------------- * SPRITES --------------------------------------------------------------------*/ .sprite { background-image:url(img/sprites.png); _background-image:url(img/sprites.gif); } .sprite-arrow-green-green { background-position: 0 -30px; } .sprite-arrow-hover { background-position: 0 -72px; } .sprite-arrow-orange-orange { background-position: 0 -112px; } .sprite-arrow-right-hover { background-position: 0 -154px; } .sprite-arrow-right { background-position: 0 -194px; } .sprite-arrow { background-position: 0 -234px; } .sprite-back-hover { background-position: 0 -274px; } .sprite-back { background-position: 0 -316px; } .sprite-email-hover { background-position: 0 -358px; } .sprite-email { background-position: 0 -398px; } .sprite-error { background-position: 0 -438px; } .sprite-globe { background-position: 0 -475px; } .sprite-pdf { background-position: 0 -637px; } .sprite-next-disabled { background-position: right -520px; } .sprite-next-hover { background-position: right -559px; } .sprite-next { background-position: right -598px; } .sprite-popup-hover { background-position: 0 -682px; } .sprite-popup { background-position: 0 -725px; } .sprite-prev-disabled { background-position: 0 -768px; } .sprite-prev-hover { background-position: 0 -807px; } .sprite-prev { background-position: 0 -846px; } .sprite-print-hover { background-position: 0 -885px; } .sprite-print { background-position: 0 -925px; } .sprite-rss { background-position: 0 -965px; } .sprite-scissors-hover { background-position: 0 -1008px; } .sprite-scissors { background-position: 0 -1056px; } .sprite-share-hover { background-position: 0 -1104px; } .sprite-share { background-position: 0 -1144px; } .sprite-subnav-separator { background-position: 0 -1184px; } .sprite-featured { background-position: 0 -1299px; } .sprite-video { background-position: 0 -1671px; } .sprite-document { background-position: 0 -1628px; } /*-------------------------------------------------------------------- * FORMS --------------------------------------------------------------------*/ form p { *height:1%; zoom:1; } form p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } form p label { } form p span { display:block; float:left; } form p span.half { width:48%; float:right; } form p span.onethird, form p span.twothirds { float:right } form p span.onethird { width:30%; } form p span.twothirds { width:66%; } form p span.first { float:left } form p span input, form p span select { width:auto; } form p input.text, form p textarea, form p select { display:block; margin:0; font-size:1em;} form p input.text, form p textarea { border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #dddddd; background:#ffffff; padding:2px 2px } form p select { margin:1px 0; } form p input, form p select, p button { vertical-align:middle } form p.single-option { padding-left:20px; position:relative; *padding-left:25px; } form p.single-option input.checkbox { position:absolute; top:3px; left:0; *top:0; } form p input.text, form p textarea, form p select { margin:0; font-size:1em;} form p input.text, form p textarea { border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #dddddd; background:#ffffff; padding:3px 0 } form p input, form p select, form p button { vertical-align:middle } form p input, form p select { margin-right:1em } form p label { margin-right:1em; } form p label input { margin-right:.5em; } /* Validation */ form p#error_summary { display:none; color:#CC0000; font-size:13px; font-weight:bold; } form p label.error { display:block; outline:none; color:#CC0000; font-size:12px; font-weight:bold; background:url(img/cross_small.png) no-repeat left center; padding-left:11px; text-decoration:underline; } form p label.valid { color:#339900; background-image:url(img/tick_small.png); text-decoration:none; font-weight:normal } /* Buttons */ button.button { border:0; cursor:pointer; margin:0; padding:0; background:none; } button.button span, form button.button b {float:none; display:block; cursor:pointer; margin:0; padding:0 25px 0 0; background:#FDFDFD url(img/button.png) no-repeat right top; } button.button span span, form button.button b span {display:block; white-space:nowrap; padding:0 5px 0 30px; height:25px; line-height:25px; background-position: left top; font-size:12px; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:#ffffff; float:none } button.button:hover span, form button.button:hover b { background-position: bottom right; } button.button:hover span span, form button.button:hover b span { background-position: bottom left; } button.button { *width:auto; *overflow:visible; } a.button:link, a.button:visited { font-family:Arial, Helvetica, sans-serif; display:-moz-inline-box; display:inline-block; margin:0; padding:0 25px 0 0; background:url(img/button.png) no-repeat right top; text-decoration:none; height:25px; line-height:25px; } a.button span { display:-moz-inline-box; display:inline-block; cursor:pointer; white-space:nowrap; padding:0 5px 0 30px; height:25px; line-height:25px; background:url(img/button.png) no-repeat left top; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ffffff; } a.button:hover, a.button:active { background-position: bottom right; } a.button:hover span, a.button:active span { background-position: bottom left; } div.blockUI { position:absolute; top:0; left:0; z-index:998; width:100%; height:100%; background:#FDFDFD url(img/ajax-loader.gif) no-repeat center center; display:none; cursor:wait; } /*-------------------------------------------------------------------- * GRIDS * Use the .grid_XXX class on the containing DIV * Use .col class on each column/cell * Add .first on first column/cell for grid_25x4 and grid_33x3 --------------------------------------------------------------------*/ .grid_50x2, .grid_33x3, .grid_25x4, .grid_66-33, .grid_33-66, .grid_60-40, .grid_75-25 { *height:1%; *zoom:1; clear:both; } .grid_50x2:after, .grid_33x3:after, .grid_25x4:after, .grid_66-33:after, .grid_33-66:after, .grid_60-40:after, .grid_75-25:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .grid_33x3 .col, .grid_25x4 .col { float: left; } .grid_66-33 .col, .grid_33-66 .col, .grid_50x2 .col, .grid_75-25 .col, .grid_60-40 .col { float: right; } .grid_66-33 div.first, .grid_33-66 div.first, .grid_50x2 div.first, .grid_60-40 div.first, .grid_75-25 div.first { float: left; } .grid_50x2 .col { width: 444px; } .grid_25x4 .col { width: 210px; } .grid_60-40 .col { width:360px; } .grid_33x3 .col, .grid_66-33 .col, .grid_33-66 div.first { width: 288px; _width:292px; /*?*/} .grid_66-33 div.first, .grid_33-66 .col { width: 600px; } .grid_33-66 div.first { width: 288px; _width:292px; } .grid_75-25 .col { width: 222px; } .grid_75-25 div.first { width: 666px; } .grid_60-40 div.first { width:544px; } .grid_25x4 .col, .grid_33x3 .col { margin-left:24px; overflow:visible; _margin-left:17px/* <= 3px-jog-bug*/ } .grid_25x4 div.first, .grid_33x3 div.first { margin-left: 0 !important; } /* only two grids supported for split-content layout */ .main .grid_50x2 .col { width: 288px; } .main .grid_33x3 .col, .main .grid_66-33 .col, .main .grid_33-66 div.first { width: 184px; } /*-------------------------------------------------------------------- * MAIN NAVIGATION * [Home, Parks...] --------------------------------------------------------------------*/ #main-nav { margin: 0; padding: 0; list-style: none; height:76px; background:#4C6780 url(img/main-nav.png) no-repeat; border-bottom:6px solid #4C6780 } #main-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #main-nav li { float: left; margin: 0; padding: 0; height: 76px; list-style-type:none; } #main-nav li a { background:url(img/main-nav.png) no-repeat; display: block; height: 76px; width: 98px; outline: 0; text-indent: -999em; } #main-nav li.home a:link, #main-nav li.home a:visited { background-position: -0px -0px; width: 275px; } #main-nav li.home a:focus, #main-nav li.home a:hover { background-position: -0px -76px; width: 275px; } #main-nav li.history a:link, #main-nav li.history a:visited { background-position: -275px -0px; } #main-nav li.history a:focus, #main-nav li.history a:hover { background-position: -275px -76px; } #main-nav li.parks a:link, #main-nav li.parks a:visited { background-position: -373px -0px; } #main-nav li.parks a:focus, #main-nav li.parks a:hover { background-position: -373px -76px; } #main-nav li.people a:link, #main-nav li.people a:visited { background-position: -471px -0px; } #main-nav li.people a:focus, #main-nav li.people a:hover { background-position: -471px -76px; } #main-nav li.storyshare a:link, #main-nav li.storyshare a:visited { background-position: -569px -0px; } #main-nav li.storyshare a:focus, #main-nav li.storyshare a:hover { background-position: -569px -76px; } #main-nav li.search-explore a:link, #main-nav li.search-explore a:visited { background-position: -667px -0px; } #main-nav li.search-explore a:focus, #main-nav li.search-explore a:hover { background-position: -667px -76px; } #main-nav li.watch-video a:link, #main-nav li.watch-video a:visited { background-position: -765px -0px; } #main-nav li.watch-video a:focus, #main-nav li.watch-video a:hover { background-position: -765px -76px; } #main-nav li.buy a:link, #main-nav li.buy a:visited { background-position: -863px -0px; width:97px;} #main-nav li.buy a:focus, #main-nav li.buy a:hover { background-position: -863px -76px; width:97px;} /* selected state */ body#history #main-nav, body#parks #main-nav, body#people #main-nav, body#storyshare #main-nav, body#search-explore #main-nav, body#watch-video #main-nav { border-color:#65981C; } body#history #main-nav li.history a { background-position: -275px -152px; } body#parks #main-nav li.parks a { background-position: -373px -152px; } body#people #main-nav li.people a { background-position: -471px -152px; } body#storyshare #main-nav li.storyshare a { background-position: -569px -152px; } body#search-explore #main-nav li.search-explore a { background-position: -667px -152px; } body#watch-video #main-nav li.watch-video a { background-position: -765px -152px;} body#buy #main-nav li.buy a { background-position: -863px -152px; width:97px;} /*-------------------------------------------------------------------- * SECONDARY NAV * [About, Get Involved...] --------------------------------------------------------------------*/ #secondary-nav { margin:0; padding:5px 0; background:#284155 url(img/secondary-nav-background.png) repeat-x left center; border-bottom:1px solid #2E465B; line-height:14px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; } #secondary-nav a:link, #secondary-nav a:visited { color:#C0CFDB; text-decoration:none; } #secondary-nav a:hover, #secondary-nav a:active { color:#FDFDFD; text-decoration:underline; } #secondary-nav img { vertical-align:baseline; margin:0 22px 1px; width:7px; height:7px; background-position: 0 -1184px; } /* selected state */ body#about #secondary-nav a.about, body#get-involved #secondary-nav a.get-involved, body#tv-schedules #secondary-nav a.tv-schedules, body#educators #secondary-nav a.educators, body#contact #secondary-nav a.contact, body#donate #secondary-nav a.donate { color:#96d734 !important; } /*-------------------------------------------------------------------- * SUBNAV * [Episode One, Episode Two...] --------------------------------------------------------------------*/ #subnav { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:948px; overflow:hidden; *height:1%; *zoom:1; } #subnav td { line-height:1.2; margin:0; padding:0; background:url(img/subnav-background.gif) repeat-x right 0px; vertical-align:top; border-left:1px solid #FDFDFD; } #subnav td.first { border:none; } #subnav td:hover, #subnav td.selected { background-position:right -75px ;} #subnav a { display:block; padding:8px 10px 10px 10px; } #subnav a:link, #subnav a:visited { text-decoration:none; color:#284155; } #subnav a:hover, #subnav a:active, #subnav td:hover a, #subnav td.selected a { text-decoration:none; color:#65981C; } /*-------------------------------------------------------------------- * SIDEBAR-SPECIFIC --------------------------------------------------------------------*/ .content-split { position:relative; } .content-split { background:url(img/content-split-background.gif) repeat-y -24px top; border-bottom:1px solid #C8D1D7; *height:1%;} .content-split:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .content-split .main { float:left; width:600px; } .content-split .sidebar { float:right; width:264px; margin:0; padding:14px 12px; border-top:1px solid #C8D1D7; color:#47637C; } .content-split .sidebar p, .content-split .sidebar li { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; } .content-split .sidebar #player-wrapper, .content-split .sidebar #player { width:260px; height:170px; } .content-split .main .sidebar-arrow { background:url(img/sidebar-arrow.gif); width:23px; height:54px; float:right; text-indent:-999em; margin-right:-29px; margin-top:-54px; line-height:1px; } .content-split .main em.see-sidebar { color:#65981C; } .content-split span.see-sidebar { background:url(img/sidebar-arrow.gif); width:23px; height:54px; display:block; position:absolute; right:283px; z-index:999; } .content-split .sidebar h2, .content-split .sidebar hr { clear:both; } .content-split .sidebar blockquote { padding:0 1em 1em 1em; } .content-split .sidebar blockquote p{font-size:13px} .content-split .main em.see-video { color:#65981C; } .content-split .sidebar h2 { position:relative; } .content-split .sidebar h2 span.see { background:url(img/sidebar-arrow.gif) no-repeat 0 0px; width:23px; height:54px; position:absolute; display:block; left:-30px; top:-19px; z-index:999;} .content-split .sidebar p.vid_caption{line-height:14px; padding-top:2px;} #photo-gallery { position:relative; padding:0; margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif; width:264px; *height:1%; zoom:1; } #photo-gallery.scrollable { padding-bottom: 2em; } #photo-gallery h2 { margin:0 0 10px 0; } #photo-gallery h2 span { font-size:11px; color:#47637C; } #photo-gallery div { position:relative; overflow:hidden; width:264px; height:138px; } #photo-gallery ul { margin:0; padding:0; width:20000em; position:absolute; } #photo-gallery li { list-style-type:none; float:left; margin:0; padding:1px; width:276px; height:138px; } #photo-gallery li a { margin:0 2px 4px 0; padding:0; float:left; background:#fff; border:1px solid; } #photo-gallery li a:link, #photo-gallery li a:visited { border-color:#C9C9C9; } #photo-gallery li a:hover, #photo-gallery li a:active { border-color:#65981C; /*outline:1px solid #65981C;*/ } #photo-gallery li img { padding:3px; } #photo-gallery a.next, #photo-gallery a.prev { font-size:12px; font-weight:bold; position:absolute; bottom:0; text-decoration:none; text-transform:uppercase; background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif) } #photo-gallery a.disabled { color:#B9C4CD; } #photo-gallery a.prev.disabled:link, #photo-gallery a.prev.disabled:visited, #photo-gallery a.prev.disabled:hover, #photo-gallery a.prev.disabled:active { background-position: left -764px; cursor:default; _background-position: left -842px; } #photo-gallery a.next.disabled:link, #photo-gallery a.next.disabled:visited, #photo-gallery a.next.disabled:hover, #photo-gallery a.next.disabled:active { background-position: right -516px; cursor:default; _background-position: right -594px; } #photo-gallery a.prev { left:0; padding-left:12px; } #photo-gallery a.prev:link, #photo-gallery a.prev:visited { background-position:left -842px; } #photo-gallery a.prev:hover, #photo-gallery a.prev:active { background-position:left -803px; } #photo-gallery a.next { right:0; padding-right:12px; } #photo-gallery a.next:link, #photo-gallery a.next:visited { background-position:right -594px; } #photo-gallery a.next:hover, #photo-gallery a.next:active { background-position:right -555px; } /*-------------------------------------------------------------------- * MAIN CONTENT AREA --------------------------------------------------------------------*/ .tight { margin-bottom:0 } ul.tight, ol.tight { margin-bottom:1em; } .tight li { margin-bottom:3px; } .swf { outline:none; border:0; text-align:center; background:#EEF1F3; color:#495862; } .swf p { padding:2.5em; padding-bottom:0; margin:0; font-size:1.3em; line-height:1.5; } .swf p img { display:block; margin:1em auto; } p.caption, p.credits { color:#47637C; font-size:11px; line-height:14px; font-family:Arial, Helvetica, sans-serif } p.credits { color:#8697A1; } p.subtitle { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:-1em; } .filmtitle { text-transform:uppercase; font-weight:bold; } /* highlight:like a blockquote, but no lines or margins */ p.highlight, p.highlight-green { font-size:16px; line-height:19px; } p.highlight-green { color:#65981C; } p.continued { color:#65981C; margin-bottom:0; font-style:italic;} /* more: arrow to left of text */ a.more:link, a.more:visited { background: url(img/sprites.png) no-repeat 0 -231px; _background-image:url(img/sprites.gif); padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; } a.more:hover, a.more:active { background-position:0 -69px; text-decoration:underline; } /* more: arrow to right of text */ a.more-right:link, a.more-right:visited { background: url(img/sprites.png) no-repeat right -191px; _background-image:url(img/sprites.gif); padding-right:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; } a.more-right:hover, a.more-right:active { background-position:right -151px; text-decoration:underline; } /* pagination */ .prev, .next { background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif);} .prev { padding-left:14px; margin-right:.25em; } .next { padding-right:14px; margin-left:.25em; } a.prev:link, a.prev:visited { background-position: left -843px; } a.prev:hover, a.prev:active { background-position: left -804px; } a.next:link, a.next:visited { background-position: right -595px; } a.next:hover, a.next:active { background-position: right -556px; } span.prev { background-position: left -765px; } span.next { background-position: right -517px; } /* featured: double-circles (used on the people-figures page) */ a.featured { font-weight:bold; background:url(img/sprites.png) no-repeat 0 -1298px; _background-image:url(img/sprites.gif); padding-left:19px; } /* info: "more info about this park" */ a.info { background:#FDFDFD url(img/sprites.png) no-repeat left -1342px; _background-image:url(img/sprites.gif); border:1px solid #DAE0E4; padding-left:29px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:15px; line-height:15px; padding-top:3px; padding-bottom:3px; display:block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } a.info:link, a.info:visited { text-decoration:none; color:#47637C; } a.info:hover, a.info:active { background-color:#E5F2CE; background-position:left -1577px; border-color:#64971C; color:#64971C; } /* add to scrapbook icons */ a.scrapbook-add { display:block; float:right; margin-left:7px; margin-top:0px; width:20px; height:16px; text-indent:-999em; background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif); outline:none; } a.scrapbook-add:link, a.scrapbook-add:visited { background-position: 0 -1056px; } a.scrapbook-add:hover, a.scrapbook-add:active { background-position: 0 -1008px; } /* show video larger icon */ a.video-pop { display:block; float:right; margin-left:7px; margin-top:0px; width:20px; height:16px; text-indent:-999em; background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif); outline:none; } a.video-pop:link, a.video-pop:visited { background-position: 0 -2360px; } a.video-pop:hover, a.video-pop:active { background-position: 0 -2400px; } /* horizontal rules */ hr.thick { height:3px; } hr.thin { height:1px; } hr.dots { background:none; border:none; border-collapse:collapse; height:1px; border-bottom:1px dotted #A2B0BC; } /* photos/movies + captions */ table.photo-left, table.photo-right, table.photo-full { margin:0 0 20px 0; width:1%; } table.photo-full { margin-bottom:1em; clear:both; } table.photo-left { float:left; clear:left; margin-right:20px; } table.photo-right { float:right; clear:right; margin-left:20px; } table.photo-left img, table.photo-right img, table.photo-full img { display:block; margin-bottom:5px; } table.photo-left p, table.photo-right p, table.photo-full p { margin: 0; color:#526D84; font-family:Arial, Helvetica, sans-serif; font-size:11px !important; line-height:13px; } table.photo-left p a:link, table.photo-right p a:link, table.photo-full p a:link, table.photo-left p a:visited, table.photo-right p a:visited, table.photo-full p a:visited { text-decoration:none } table.photo-left p a:hover, table.photo-right p a:hover, table.photo-full p a:hover, table.photo-left p a:active, table.photo-right p a:active, table.photo-full p a:active { text-decoration:none } table.photo-left p a:link, table.photo-left p a:visited { text-decoration:none; } table.photo-left p a:hover, table.photo-left p a:active { text-decoration:underline; } /* movies + thumbnails */ .player-wrapper { margin-bottom:10px; border:1px solid #A2ACB2; padding:1px; position:relative; background:#FFFFFF } table.photo-full .player-wrapper { margin-bottom:5px; overflow:hidden; } .swf { height:100%; } .player-thumbnails { margin:0 0 1em 0; padding:0; zoom:1; *height:1%; } .player-thumbnails:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .player-thumbnails li { list-style-type:none; margin:0 0 0 10px; _margin-left:5px/* <= double-float-bug*/; padding:0; float:left; width:80px; height:45px; position:relative; } .player-thumbnails li.first { margin-left:0; } .player-thumbnails a { display:block; padding:1px; width:80px; height:45px; } .player-thumbnails a:link, .player-thumbnails a:visited { border:1px solid #A2ACB2; } .player-thumbnails a:hover, .player-thumbnails a:active { border-color:#65981C; outline:1px solid #65981C } .player-thumbnails a:link img, .player-thumbnails a:visited img { filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; } .player-thumbnails a:hover img, .player-thumbnails a:active img { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } .player-thumbnails a span { display:block; width:80px; height:45px; position:absolute; top:2px; left:2px; z-index:9; background:url(img/play.png) no-repeat center center; _background-image:url(img/play.gif); } .player-thumbnails a:link span, .player-thumbnails a:visited span { } .player-thumbnails a:hover span, .player-thumbnails a:active span { } .player-thumbnails a.now-playing:link, .player-thumbnails a.now-playing:visited, .player-thumbnails a.now-playing:hover, .player-thumbnails a.now-playing:active { border-color:#65981C; outline:1px solid #65981C; cursor:default; } .player-thumbnails a.now-playing span { display:none; } .player-thumbnails a.now-playing img { filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } /* People:Overview, People:Historical Figures */ dl.grouped-listing { margin:0 0 2em 0; padding:5px 0 0 0; position:relative; font-size:12px; line-height:14px;font-family:Arial, Helvetica, sans-serif; } dl.grouped-listing dt { border-bottom:1px solid #B8C3CC; } dl.grouped-listing dt, dl.grouped-listing dt a { margin:0; color:#65981C; padding-bottom:4px; font-weight:bold; font-size:12px; line-height:14px; text-transform:uppercase; } dl.grouped-listing dd { list-style-type:none; border-bottom:1px dotted #B8C3CC; margin:0 0 0 0; padding:4px 0 4px 0; color:#47637C; } dl.grouped-listing a:link, dl.grouped-listing a:visited { text-decoration:none; } dl.grouped-listing a:hover, dl.grouped-listing a:active { text-decoration:underline; } /* Tabs: Search & Explore, Parks:Explorer */ ul.tabs { height:28px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } ul.tabs li { width:150px; float:left; list-style-type:none; margin:0 2px 0 0; } ul.tabs li a:link, ul.tabs li a:visited { display:block; line-height:28px; text-decoration:none; text-align:center; color:#FDFDFD; background:#74899C url(img/tabs.png) no-repeat -151px 0; } ul.tabs li a:hover, ul.tabs li a:active { background-position: -302px 0; background-color:#98A7B5; } ul.tabs li a.selected { background-position: 0 0 !important; background-color:#65981C; } /* Secondary Detail pages */ .detail-secondary #detail-secondary-header { padding:0; margin:0; position:relative; width:100%; } .detail-secondary #detail-secondary-header h1 { width:590px; z-index:2; font-size:18px; line-height:1.2; padding:8px 0; margin:0; } .detail-secondary #detail-secondary-header h1 span { font-size:12px; display:block; text-transform:uppercase; } .detail-secondary #detail-secondary-header ol { position:absolute; right:0; bottom:1px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } .detail-secondary #detail-secondary-header li { margin:0 0 0 1px; padding:0; list-style-type:none; float:left; color:#65981C; } .detail-secondary #detail-secondary-header li strong { font-size:12px; padding-right:12px; line-height:32px; } .detail-secondary #detail-secondary-header a { display:block; margin:0; padding:0; width:32px; line-height:32px; text-align:center; } .detail-secondary #detail-secondary-header a:link, .detail-secondary #detail-secondary-header a:visited { color:#47637C; background:#B8C3CC; text-decoration:none; } .detail-secondary #detail-secondary-header a:hover, .detail-secondary #detail-secondary-header a:active { color:#65981C; background:#DCEBC2; text-decoration:none; } .detail-secondary #detail-secondary-header a.selected { background:#DCEBC2 !important; color:#65981C !important; } .detail-secondary .content-split { border-top:1px solid #C8D1D7; } .detail-secondary .content-split .main { padding-top:14px; } .detail-secondary .content-split .sidebar { border-top:none; } /* Page anchors */ p.anchors { border-top:1px dotted #A2B0BC; border-bottom:1px dotted #A2B0BC; line-height:15px; padding: 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; } p.anchors a { text-transform:uppercase; margin:0 .5em; } p.anchors a:first-child { margin-left:0; } p.anchors a:link, p.anchors a:visited { text-decoration:none; } p.anchors a:hover, p.anchors a:active { text-decoration:underline; } h2.anchor { background:#65981C; color:#FFF; clear:both; padding:5px 10px; position:relative; } h2.anchor span { position:absolute; top:5px; right:10px; } /* Press / Resources / Calendar / Storyshare */ p.filter select { display:inline } p.filter label, p.filter select { margin-right:.5em } div.pagination { border-top:2px solid #B9C3CD; border-bottom:2px solid #B9C3CD; position:relative; padding:8px 10px; font-family:Arial, Helvetica, sans-serif; zoom:1; } div.pagination:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } div.pagination h2 { float:left; margin:0 1em 0 0 } div.pagination select, div.pagination button { float:left; } div.pagination p { color:#71A528; text-align:right; margin: 0; } div.pagination p a:link, div.pagination p a:visited { text-decoration:none } div.pagination p a:hover, div.pagination p a:active { text-decoration:none } div.pagination p span { display:inline; float:none; color:#B9C3CD; } div.pagination p .prev { margin-left:.5em; } /* Press / Resources / Calendar */ table.list { width:100%; margin-bottom:8px ; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; } table.list th { text-align:left; white-space:nowrap; font-size:11px; line-height:16px; color:#62951A; padding: 5px 10px; background:url(img/hr_dots.gif) repeat-x bottom; text-transform:uppercase; } table.list th span { color:#74899C; text-transform:none; } table.list th img { vertical-align:middle; margin-left:1em; } table.list td { padding:10px; vertical-align:top; background:url(img/hr_dots.gif) repeat-x bottom; color:#284155; } span.station, span.park { color:#62951A; } table.list td a { font-weight:bold; display:block; padding-left:21px; padding-bottom:2px; } table.list tr.alt td { background-color:#F0F0EB } table.list td .notes { padding-left:21px; display:block; } /*p#rss { width:286px; float:right; text-align:right }*/ table.list a.pdf, table.list a.website { background: url(img/sprites.png) no-repeat 0 0; _background-image:url(img/sprites.gif); line-height:15px; } table.list a.website { background-position: 0 -474px; } table.list a.pdf { background-position: 0 -636px; } /*-------------------------------------------------------------------- * CONTENT FOOTER * [Back To Top, Pagination] --------------------------------------------------------------------*/ #content-footer p { margin:0 0 12px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#62951A; } #content-footer a:link, #content-footer a:visited { text-decoration:none; } #content-footer a:hover, #content-footer a:active { text-decoration:underline; } #content-footer p span.bottom-pagination { color:#62951A; word-spacing:.4em; padding-left:1em; } #content-footer #back-to-top { text-transform:uppercase; font-size:11px; } /*-------------------------------------------------------------------- * PROMOS --------------------------------------------------------------------*/ #content-secondary { line-height:15px; z-index:1; padding-left:24px; } #content-secondary img { margin-bottom:10px; } #content-secondary h3, #content-secondary p { color: #F5F2EB; font-size:12px; padding: 0 12px } #content-secondary p {margin-bottom:1em} #content-secondary h3 { margin:0 0 3px 0; font-size:14px; } #content-secondary a:link, #content-secondary a:visited { color:#F5F2EB; text-decoration:underline; } #content-secondary a:hover, #content-secondary a:active { color:#FFFFFF; } #content-secondary p a:link, #content-secondary p a:visited { text-decoration:underline; } #content-secondary p a:hover, #content-secondary p a:active { color:#65981C; } #promo_postcards { background-color: #91A683; } #promo_badges, #promo_for_educators { background-color: #C59B77; } #promo_storyshare, #promo_donate { background-color: #9BAA9F; } #promo_npf { background-color: #7995AB; } #promo_nps { background-color: #7995AB; } #promo_wallpapers { background-color: #666666; } #promo_untold, #promo_watch {background-color: #c08788; } #promo_shop { background-color: #997b96; } #content-secondary div.col div { border:1px solid #ffffff; margin:1px; background-image:url(img/promos-gradients.png); background-repeat:no-repeat; } #content-secondary div.col#promo_postcards div { background-color: #436A33; background-position: -1030px 144px; } #content-secondary div.col#promo_badges div, #content-secondary div.col#promo_for_educators div{ background-color: #9E5417; background-position: -206px 144px; } #content-secondary div.col#promo_storyshare div, #content-secondary div.col#promo_donate div { background-color: #4E6D5E; background-position: -618px 144px; } #content-secondary div.col#promo_npf div { background-color: #0E476F; background-position: -412px 144px; } #content-secondary div.col#promo_nps div { background-color: #0E476F; background-position: -412px 144px; } #content-secondary div.col#promo_wallpapers div { background-color: #333333; background-position: 0px 144px; } #content-secondary div.col#promo_untold div, #content-secondary div.col#promo_watch div { background-color: #902C2E; background-position: -824px 144px; } #content-secondary div.col#promo_shop div { background-color: #5E2D5D; background-position: -1236px 144px; } /*-------------------------------------------------------------------- * SPONSORS --------------------------------------------------------------------*/ #sponsors { padding:24px 12px 12px 12px; text-align:center; } #sponsors { text-align:center } #sponsors p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #D0D8DD; font-weight:bold } #sponsors img { vertical-align:middle; margin: 0 18px; background-image:url(../images/sponsors/np-sponsors-020912.png); } #sponsors img.bankofamerica { background-position: 0 -406px; width:278px; height:34px; } #sponsors img.cpb { background-position: 0 -19px; } #sponsors img.davis { background-position: 0 -60px; } #sponsors img.florentine { background-position: 0 -98px; } #sponsors img.gm { background-position: 0 -114px; } #sponsors img.haas { background-position: 0 -155px; } #sponsors img.npf { background-position: 0 -171px; } #sponsors img.pbs { background-position: 0 -227px; } #sponsors img.pew { background-position: 0 -273px; } #sponsors img.pf { background-position: 0 -312px; } #sponsors img.sharp { background-position: 0 -337px; } #sponsors img.weta { background-position: 0 -376px; } #sponsors a { text-decoration:none } /*-------------------------------------------------------------------- * PAGE FOOTER --------------------------------------------------------------------*/ #footer { padding:18px 24px; text-align:center; border-top:1px solid #96A7B6; } #footer p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #182127; } #footer a:link, #footer a:visited { color:#D0D8DD; text-decoration:none } #footer a:hover, #footer a:active { color:#D0D8DD; text-decoration:underline } /*-------------------------------------------------------------------- * PBS HEADER FIX --------------------------------------------------------------------*/ #pbs_gnav_t td { padding:1px; border:none } #pbs_gnav_t, #pbs_gnav_t table { margin:0; } #pbs_gnav_t table td { padding:0px; } /*-------------------------------------------------------------------- * TOOLS/UTILITY --------------------------------------------------------------------*/ #tools { position:absolute; top:7px; right:17px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; z-index:99; zoom:1; } .content-split .main #tools { right:-9px; } .content-split .sidebar #tools { position:relative; top:0; right:0; margin-bottom:1em; display:block; } .content-split .sidebar #tools:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #tools li { margin:0; padding:0; font-size:11px !important; list-style-type:none; float:left; position:relative; } #tools li a { background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif); padding:4px 8px 4px 25px; line-height:14px; border-color:#FDFDFD; border-style:solid; border-width:1px 1px 0 1px; display:block; float:left; } .content-split .sidebar #tools { float:right; } .content-split .sidebar #tools li a { border-color:#EEF1F2; } .content-split .sidebar #tools li { } #tools li a:link, #tools li a:visited { color:#9E5417; text-decoration:none; } #tools li a:hover, #tools li a:active { color:#65981C; text-decoration:underline; } #tools a.print:link, #tools a.print:visited { background-position: 8px -920px; } #tools a.print:hover, #tools a.print:active { background-position: 8px -880px; } #tools a.email:link, #tools a.email:visited { background-position: 8px -392px; } #tools a.email:hover, #tools a.email:active, #tools li.selected a.email { background-position: 8px -352px !important; } #tools a.share:link, #tools a.share:visited { background-position: 8px -1138px; } #tools a.share:hover, #tools a.share:active, #tools li.selected a.share { background-position: 8px -1098px !important; } #tools li.selected a:link, #tools li.selected a:visited, #tools li.selected a:hover, #tools li.selected a:active { color:#65981C ; border-color:#B8C3CC; background-color:#EEF1F2; z-index:9; text-decoration:none; position:relative; } #tools div { margin:0; padding:10px; padding-bottom:0; position:absolute; top: 22px; right:0; display:none; width:350px; background:#EEF1F2; border:1px solid #B8C3CC; font-size:12px; z-index:1; } #tools li.selected div { display:block; _height:1%; } #tools li.selected div a.close { position:absolute; top:6px; right:8px; display:inline; padding:0; margin:0; border:0; background:none; border:none; background:#EEF1F2 url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif); padding-left:15px; font-size:11px; } #tools li.selected div a.close:link, #tools li.selected div a.close:visited { background-position:left -2294px; color:#9E5417; } #tools li.selected div a.close:hover, #tools li.selected div a.close:active { background-position:left -2324px; color:#62961A; } #tools-share ul { *height:1%; zoom:1; margin:1em 0 0 0; padding:0; } #tools ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #tools li.selected ul li { list-style-type:none; margin:0; padding:0 0 10px 0; width:33%; float:left; } #tools li.selected ul li a { background:url(img/sprites.png) no-repeat; _background:url(img/sprites.gif); padding:0 0 0 21px; display:block; line-height:20px; margin:0 !important; float:left; clear:left; border:0; } #tools li.selected ul li a:link, ul#share #tools li.selected li a:visited { text-decoration:none; color:#9E5417; } #tools li.selected ul li a:hover, ul#share #tools li.selected li a:active { text-decoration:underline; color:#65981C; } #tools li.selected ul li.share-delicious a { background-position: 0 -1750px; } #tools li.selected ul li.share-digg a { background-position: 0 -1797px; } #tools li.selected ul li.share-facebook a { background-position: 0 -1842px; } #tools li.selected ul li.share-google a { background-position: 0 -1888px; } #tools li.selected ul li.share-linkedin a { background-position: 0 -1934px; } #tools li.selected ul li.share-live a { background-position: 0 -1981px; } #tools li.selected ul li.share-myspace a { background-position: 0 -2027px; } #tools li.selected ul li.share-reddit a { background-position: 0 -2072px; } #tools li.selected ul li.share-stumbleupon a { background-position: 0 -2118px; } #tools li.selected ul li.share-technorati a { background-position: 0 -2165px; } #tools li.selected ul li.share-twitter a { background-position: 0 -2211px; } #tools li.selected ul li.share-yahoobuzz a { background-position: 0 -2256px; } #tools div#tools-email { right:-64px; } #tools div.loading { background:#EEF1F2 url(img/email-ajax-loader.gif) no-repeat center center; height:250px; } #tools form p { text-align:left; margin:0 0 10px 0;*height:1%; zoom:1; } #tools form p strong.error { color:#990000; margin-right:4em; } #tools form p:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #tools form label { font-size:12px; display:block; } #tools form input { } #tools form span.at { float:left; display:block; width:25px; text-align:center; padding: 0; } #tools form textarea { width:348px; } #tools form input#myusername, #tools form input#friendusername { width:140px; float:left } #tools form input#mydomain, #tools form input#frienddomain { width: 180px; float:left;} #tools form button.button { margin-right:1em } #tools form button.button span { background-color:#EEF1F2; } /*-------------------------------------------------------------------- * THICKBOX --------------------------------------------------------------------*/ #TB_window { display:block;width:912px; height:536px; padding:5px; z-index:102; background:url(img/popup-window.png) no-repeat center center; _background-image:url(img/popup-window.gif); position:absolute; z-index:9999; } #TB_ajaxContent { margin:0; padding:0; overflow:hidden; text-align:left; } #TB_windowInner { } #TB_close { position:absolute; top:14px; right:14px; font-size:10px; font-weight:bold; line-height:12px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; background-image: url(img/sprites.png); _background-image:url(img/sprites.gif); background-repeat:no-repeat; padding-right:15px; z-index:999; } #TB_close:link, #TB_close:visited { color:#74899C; background-position: right -1258px; } #TB_close:hover, #TB_close:active { color:#64971C; background-position: right -1219px; } #TB_prev, #TB_next { font-size:11px; text-decoration:none; text-transform:uppercase; background:url(img/sprites.png) no-repeat; _background-image:url(img/sprites.gif); line-height:16px; height:16px; position:absolute; bottom:17px; margin:0; z-index:9999; } #TB_prev { padding-left:21px; right:291px;} #TB_next { padding-right:21px; right:24px;} #TB_prev:link, #TB_prev:visited { background-position: left -1393px;} #TB_prev:hover, #TB_prev:active { background-position: left -1485px;} #TB_next:link, #TB_next:visited { background-position: right -1439px;} #TB_next:hover, #TB_next:active { background-position: right -1531px;} #TB_window { font-family:Arial, Helvetica, sans-serif; } #TB_window a:link, #TB_window a:visited { color:#74899C; } #TB_window a:hover, #TB_window a:active { color:#64971C; } #TB_window #content-primary { width:888px; height:512px; margin:0; padding:12px; position:relative; background:#FDFDFD; } /* content IN a thickbox */ #TB_window .content-split { background:#FDFDFD; border:none; width:888px; height:512px; overflow:hidden; } #TB_window .content-split:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #TB_window .main { float:left; width:512px; height:512px; background:#000; text-align:center; margin:0; padding:0; line-height:1px; overflow:hidden; } #TB_window .main object{ margin-top:112px;} #TB_window .scrollbar-right { overflow-y:auto; } #TB_window .scrollbar-bottom { overflow-x:auto; } #TB_window .main img { margin:0; border:0; } #TB_window .sidebar { float:right; width:320px; height:456px; margin:22px 22px 22px 0; _margin-right:11px; padding:0; font-size:12px; line-height:16px; overflow:auto; color:#284155; border:none; } #TB_window .sidebar a.scrapbook-add { float:none; width:auto; text-indent:0; font-size:11px; padding-left:25px; text-decoration:none; margin:0 0 0 0; } #TB_window .sidebar a.scrapbook-add:link, #TB_window .sidebar a.scrapbook-add:visited { } #TB_window .sidebar a.scrapbook-add:hover, #TB_window .sidebar a.scrapbook-add:active { } #TB_window .sidebar h1 { font-size:14px; line-height:16px; } #TB_window .sidebar p { margin:1em 0 0 0; } #TB_window .sidebar p.meta strong { font-weight:normal; color:#64971C; } #TB_window .sidebar a:link, #TB_window .sidebar a:visited { color:#9E5417; } #TB_window .sidebar a:hover, #TB_window .sidebar a:active {color:#64971C; } #TB_window .sidebar hr.dots { display:none; } /*-------------------------------------------------------------------- * SCRAPBOOK BAR + DIALOGS --------------------------------------------------------------------*/ #scrapbook-bar { position:fixed; bottom:0; left:0; width:100%; z-index:100; text-align:center; height:33px; background:#284155 url(img/scrapbook/bar-background.png) repeat-x; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#C8D4DD; } #scrapbook-bar form { margin:0 auto; width:auto; padding:0 0 5px 0; padding-left:145px; text-align:center; background:url(img/scrapbook/bar-title.png) no-repeat left 5px; display:inline-block; *zoom:1; *display:inline; } #scrapbook-bar form > * { margin:0; padding:0; height:33px; line-height:33px; vertical-align:middle; display:inline-block; *zoom:1; *display:inline; } #scrapbook-bar form p { color:#C8D4DD; } #scrapbook-bar a:link, #scrapbook-bar a:visited { color:#C8D4DD; text-decoration:none; } #scrapbook-bar a:hover, #scrapbook-bar a:active { color:#FFFFFF; text-decoration:none; } #scrapbook-bar div { background:url(img/scrapbook/bar-divider.gif) no-repeat center top; width:16px; height:33px; } #scrapbook-bar p { margin:0; padding:0; height:23px; line-height:23px; } #scrapbook-bar form textarea.text { display:inline; width:240px; margin:0; *margin-right:5px; padding:3px; font-size:12px; line-height:12px; border:none; height:13px; vertical-align:middle; background:#C8D4DD; overflow:hidden; } #scrapbook-bar form button.button span { background-image:url(img/scrapbook/bar-button.png); padding:0 15px 0 0; height:22px; vertical-align:middle; } #scrapbook-bar form button.button span span { line-height:22px; color:#FFFFFF; padding:0 5px 0 20px; } #scrapbook-bar a.logout { font-weight:bold; } #scrapbook-bar a.notme { } #scrapbook-bar a.view:link, #scrapbook-bar a.view:visited { background:url(img/scrapbook/bar-triangle.gif) no-repeat left 1px; padding-left:13px; } #scrapbook-bar a.view:hover, #scrapbook-bar a.view:active { background-position:left -29px; } #scrapbook-bar a.hide:link, #scrapbook-bar a.hide:visited { background:url(img/scrapbook/bar-hide.gif) no-repeat left 1px; padding-left:16px; } #scrapbook-bar a.hide:hover, #scrapbook-bar a.hide:active { background-position:left -29px; } #scrapbook-bar a.help:link, #scrapbook-bar a.help:visited { background:url(img/scrapbook/bar-help.gif) no-repeat left 1px; padding-left:16px; } #scrapbook-bar a.help:hover, #scrapbook-bar a.help:active { background-position:left -29px; } #scrapbook-bar.disabled form { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } #scrapbook-bar.disabled * { cursor:default; } #scrapbook-bar.disabled a:hover, #scrapbook-bar.disabled a:active { color:#C8D4DD; } #scrapbook-bar.disabled a.view:hover, #scrapbook-bar.disabled a.view:active { background-position:left 1px; } #scrapbook-bar.disabled a.hide:hover, #scrapbook-bar.disabled a.hide:active { background-position:left 1px; } #scrapbook-bar.disabled a.help:hover, #scrapbook-bar.disabled a.help:active { background-position:right 1px; } #scrapbook-bar.disabled .button:hover, #scrapbook-bar.disabled .button:active { background-position:top right; } #scrapbook-bar.disabled .button:hover span, #scrapbook-bar.disabled .button:active span { background-position:top left; } #scrabbook-bar-restore { position:fixed; bottom:-33px; left:0; width:100%; z-index:100; height:33px; margin:0; padding:0; } #scrabbook-bar-restore p { width:990px; margin:0 auto; position:relative; } #scrabbook-bar-restore p a.show { display:block; float:right; margin:0 15px 0 0; padding:0 ; background:url(img/scrapbook/bar-restore.png); width:154px; height:33px; text-indent:-999em; outline:none; } #scrabbook-bar-restore p a.show:link, #scrabbook-bar-restore p a.show:visited { background-position: left top; } #scrabbook-bar-restore p a.show:hover, #scrabbook-bar-restore p a.show:active { background-position: left bottom; } /*--------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget { font-family: Arial, Helvetica, sans-serif; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; } .ui-widget-content { } .ui-widget-content a { } .ui-widget-header { font-weight: bold; } .ui-widget-header a { } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } .ui-widget-overlay { background:#284155; opacity: .75; filter:Alpha(Opacity=75); } .ui-dialog { position: relative; padding: 5px; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: 15px; padding-bottom:0; position: relative; cursor:move; } .ui-dialog .ui-dialog-title { float: left; margin: 0; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { position:absolute; right:15px; top:15px; width: auto; margin:0; padding:0; line-height:1; font-weight:bold; letter-spacing:1px; text-decoration:none; text-transform:uppercase; font-size:11px; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:link, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:visited { color:#74899C; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active { color:#65981C; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { background: no-repeat; padding: 0 15px 0 0; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:link .ui-icon, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:visited .ui-icon { background-position:right 1px; } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active .ui-icon { background-position:right -17px; } .ui-dialog .ui-dialog-content { border: 0; padding:15px; background: none; overflow: auto; zoom: 1; } .ui-dialog form p label { font-weight:bold; color:#65981C; margin:0; padding:0; } .ui-dialog form p label input { width:150px; padding:4px; font-size:12px; border:1px solid #8C9EAD; color:#284155;} .ui-dialog form button { border:0; cursor:pointer; margin:0; padding:0; background:none; } .ui-dialog form button span { display:block; cursor:pointer; margin:0; padding:0 15px 0 0; background:no-repeat right top; } .ui-dialog form button span span { display:block; white-space:nowrap; padding:0 5px 0 20px; height:25px; line-height:25px; background-position: left top; font-size:12px; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:#ffffff; float:none } .ui-dialog form button:hover span { background-position: bottom right; } .ui-dialog form button:hover span span { background-position: bottom left; } .ui-dialog form button { *width:auto; *overflow:visible; margin:0 5px; } .ui-dialog form button.cancel span { background-image:url(img/scrapbook/popup-button2.png?0926091500); color:#284155; } .ui-dialog form button.submit span { background-image:url(img/scrapbook/popup-button1.png?0926091500); color:#FFFFFF; } .scrapbook-dialog { background: #EEF1F2; color: #47637C; } .scrapbook-dialog .ui-widget-header { background: #EEF1F2; color: #65981C; } .scrapbook-dialog .ui-widget-header a { color: #65981C; } .scrapbook-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:link, .scrapbook-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:visited { color:#74899C; } .scrapbook-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .scrapbook-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active { color:#65981C; } .scrapbook-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { background-image: url(img/scrapbook/dialog-close.gif); } .scrapbook-dialog .ui-dialog-title { font-size:14px; text-transform:uppercase; } .scrapbook-dialog .ui-dialog-title a.ui-dialog-titlebar-close, .scrapbook-dialog .ui-dialog-title a.ui-dialog-titlebar-close:link .ui-icon, .scrapbook-dialog .ui-dialog-title a.ui-dialog-titlebar-close:visited .ui-icon, .scrapbook-dialog .ui-dialog-title a.ui-dialog-titlebar-close:hover .ui-icon, .scrapbook-dialog .ui-dialog-title a.ui-dialog-titlebar-close:active .ui-icon { color:#4C6780; } .scrapbook-dialog .content-left { width:270px; float:left; } .scrapbook-dialog .content-right { width:350px; float:right; } .scrapbook-dialog .content-left table { width:270px; } .scrapbook-dialog .snippet { font:13px/16px Georgia, "Times New Roman", Times, serif; } .scrapbook-dialog .url { font-size:11px; color:#9E5417; line-height:1; width:270px; } .scrapbook-dialog form textarea { margin:0 0 15px 0; padding:10px; font-size:12px; width:328px; height:128px; border:1px solid #8C9EAD; color:#65981C; font-weight:bold; } .scrapbook-dialog form textarea.focused { font-weight:normal; color:#284155; } .scrapbook-dialog form button span { background-color:#EEF1F2; } .scrapbook-dialog form button {margin:0 0px; } .scrapbook-dialog form label.error { display:block; outline:none; color:#CC0000; font-size:12px; font-weight:bold; background:url(img/cross_small.png) no-repeat left center; padding-left:11px; text-decoration:underline; } .scrapbook-dialog div.blockUI { background-color:#EEF1F2 !important; background-image:url(img/email-ajax-loader.gif) !important; } .scrapbook-alert { background: #4C6780; color: #CFD7DC; } .scrapbook-alert .ui-widget-header { background: #4C6780; color: #CFD7DC; } .scrapbook-alert .ui-widget-header a { color: #CFD7DC; } .scrapbook-alert .ui-dialog-titlebar .ui-dialog-titlebar-close:link, .scrapbook-alert .ui-dialog-titlebar .ui-dialog-titlebar-close:visited { color:#CFD7DC; } .scrapbook-alert .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .scrapbook-alert .ui-dialog-titlebar .ui-dialog-titlebar-close:active { color:#FFFFFF; } .scrapbook-alert .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { background-image: url(img/scrapbook/alert-close.gif); } .scrapbook-alert p { text-align:center; } .scrapbook-alert p.error { font-weight:bold; color:#FFCC33; } .scrapbook-alert p.ok { font-weight:bold; color:#FFFFFF; } .scrapbook-alert form p button span { background-color:#4C6780; } .scrapbook-dialog ol li { font-weight:bold; } .scrapbook-dialog ol li span { font-weight:normal; } .scrapbook-alert form button.cancel span { background-color:#4C6780; } .scrapbook-alert form button.submit span { background-color:#4C6780; } #newScrapbook .tight {margin-bottom:2px} #newScrapbook label {color:#47637C!important;} /* TO FILE - Added by Ethan */ a.rss {background: url(img/sprites.png) no-repeat left; _background-image:url(img/sprites.gif)} a.rss:link, a.rss:visited { background-position: 0 -963px; padding-left:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none } a.rss:hover, a.rss:active { text-decoration:underline } body.ie6 #scrapbook-bar-wrapper { display:none; } body.ie6 a.scrapbook-add { display:none; }