/*DMNS.org - master.css - Started 10-14-2013*/ /*CSS by Denver Museum of Nature & Science. All rights reserved */ /*Colors Gray text colors:#828587 Dark Gray:#424242 Link blue:#00a3f2 Bright Green:#b2bb1c Bright Orange:#f4911e Purple: #872174 */ /*--- PLEASE NOTE: All Desktop styles in this sheet (media query > 768) NEED to go into the IE-styles.css.' IE8 and below DO NOT read media queries ---*/ /*=====RESET=====*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;border:0;outline:0;font-size:100%;/*vertical-align:baseline;*/background:transparent} ol, ul {list-style:disc;} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none} :focus {outline:0} ins {text-decoration:none} del {text-decoration:line-through} table {border-collapse:collapse;border-spacing:0} body {font:13px/1.5 Arial, sans-serif} a:focus {outline:1px dotted invert} hr {border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1 {font-size:24px} h2 {font-size:22px} h3 {font-size:20px} h4 {font-size:18px} h5 {font-size:16px} h6 {font-size:14px} ol {list-style:decimal} ul {list-style:square} li {margin-left:30px} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom:20px} html, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, label, table, /*caption,*/ tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { /*font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;*/} html, button, input, select, textarea {font-family:Arial,san-serif;color:#424242;} /*==FONT IMPORT ==*/ @font-face { font-family: Futura-Light; src: url(Fonts/Futura-Light.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: Futura-Medium; src: url(Fonts/Futura-Medium.woff) format('woff'); font-weight: normal; font-style: normal; } /*=====GLOBALS=====*/ body {background:#ededed;font-size:14px;} /*GLOBAL - Header tags*/ h1,h2,h3,h4,h5{width:100%;display:block;} h1,h2, h3,h4{font-family:Futura-Light, Arial, san-serif} h2,h3,h4{font-size:18px;margin:10px 0;float:left;} h4{color:#872174;} #Header h1#siteName{text-indent:-9999px;font-size:1px;float:left;margin:0; display:none} h1#PageTitleHeader{font-size:30px;text-transform:uppercase;margin:20px 0 15px; float:left;} h2#sectionTitle{font-size:22px;} img#PageTitleHeaderImg{margin:-44px 0 20px 0;display:block;z-index:500} /*GLOBAL - Paragraphs, Lists, Text generic styles*/ p{white-space:normal;display:block;} ul{margin:0; padding:0; clear:left} ul,li{list-style:disc} img{border:none;} em, i{font-style:italic} b, strong{font-weight:bold} object, embed{position:relative;z-index:1;display:block;} hr{float:left;margin:10px 0 5px 0;} .OrangeText,.purpleHeader,hr{width:100%} .OrangeText{color:#f4911e;font-weight:bold;font-size:14px;display:block;float:left;} .purpleHeader{font-size:22px; color:#872174; text-transform:uppercase; margin-bottom:20px !important; padding-bottom:5px;border-bottom:1px solid #bbb; display:block; width:100%;} /*In editor text*/ .imageCaptionText{font-size:10px !important; font-style:italic; border:1px solid #ddd; padding:5px; margin-top:0} /*GLOBAL - Links and Buttons*/ a {color:#00a3f2; text-decoration:none} a:hover {text-decoration:underline} a.btnRight, a.btnLeft, a.learnMoreBtn, a.buyNowBtn, a.JoinTodayBtn, a.RenewBtn, .btnRight a, .btnLeft a, .learnMoreBtn a, .buyNowBtn a, .JoinTodayBtn a, .RenewBtn a {background:#00a3f2; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.22, #00A1F2), color-stop(0.72, #0099E6), color-stop(1, #008DD4) ); background-image: -o-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -moz-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -webkit-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -ms-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: linear-gradient(to bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); border-radius:3px; box-shadow: 0px 2px 3px #9d9d9d; width:140px;height:35px;line-height:35px;border:1px #00a3f2 solid;float:left;color:#fff;text-decoration:none;text-align:center;margin-top:10px;display:block;text-transform:uppercase;} /*Green Buy Now Button test*/ a.buyNowBtn, .buyNowBtn a{} a.giftMembershipBtn, .giftMembershipBtn a{background:#00a3f2; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.22, #00A1F2), color-stop(0.72, #0099E6), color-stop(1, #008DD4) ); background-image: -o-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -moz-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -webkit-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -ms-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: linear-gradient(to bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); border-radius:3px; box-shadow: 0px 2px 3px #9d9d9d; width:190px;height:35px;line-height:35px; padding-left:10px;border:1px #00a3f2 solid; float:left;color:#fff;text-decoration:none;text-align:left; margin:10px 0 0 10px;display:block;text-transform:uppercase} a.giftMembershipBtn img, .giftMembershipBtn a img{float:right;padding:2px 10px 0 10px} a.btnRight:hover, a.btnLeft:hover,a.learnMoreBtn:hover, a.buyNowBtn:hover, a.JoinTodayBtn:hover, a.RenewBtn:hover, a.giftMembershipBtn:hover, .btnRight a:hover, .btnLeft a:hover,.learnMoreBtn a:hover, .buyNowBtn a:hover, .JoinTodayBtn a:hover, .RenewBtn a:hover, .giftMembershipBtn a:hover {background:#fff;border:1px #00a3f2 solid;color:#00a3f2;text-decoration:none;} a.btnRight, a.buyNowBtn, a.RenewBtn, .btnRight a, .buyNowBtn a, .RenewBtn a{margin-left:10px} a.buyNowBtn.detailsBuyBtn{width:150px;height:30px;line-height:30px;margin-left:auto;clear:left; float:none; margin-right:auto;font-size:16px} .homeBtnWrapper{display:block;width:250px;height:30px;margin:0;padding:0;left:130px;bottom:38px;position:absolute} a.buyNowBtn.homeBtn, a.learnMoreBtn.homeBtn{display:inline;padding:0;margin:0;bottom:0;position:absolute;} a.learnMoreBtn.homeBtn{left:0;} a.buyNowBtn.homeBtn{left:125px;} a.buyNowBtn:hover, .buyNowBtn a:hover{} .smallOrangeBtn a, .smallGreenBtn a, .smallBlueBtn a, .smallPurpleBtn a{color:#fff} .smallBlueBtn,.smallOrangeBtn,.smallGreenBtn, .smallPurpleBtn{box-shadow: 0px 2px 3px #9d9d9d;display:block;line-height:20px;padding:10px 15px;border-radius:3px;color:#fff;margin-bottom:10px;max-width:250px;text-align:center;clear:both;font-size:16px;} .smallBlueBtn{text-shadow:0 -1px #05a1e9; max-width:200px; border:1px solid #05a1e9; background:#00a3f2; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.22, #00A1F2), color-stop(0.72, #0099E6), color-stop(1, #008DD4) ); background-image: -o-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -moz-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -webkit-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: -ms-linear-gradient(bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); background-image: linear-gradient(to bottom, #00A1F2 22%, #0099E6 72%, #008DD4 100%); } .smallOrangeBtn{text-shadow:0 -1px #c26c0f;border:2px solid #F4901E;background:#F4901E;background-image:linear-gradient(bottom, #F4901E 30%, #F1A140 70%);background-image:-o-linear-gradient(bottom, #F4901E 30%, #F1A140 70%);background-image:-moz-linear-gradient(bottom, #F4901E 30%, #F1A140 70%);background-image:-webkit-linear-gradient(bottom, #F4901E 30%, #F1A140 70%);background-image:-ms-linear-gradient(bottom, #F4901E 30%, #F1A140 70%);background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.3, #F4901E), color-stop(0.7, #F1A140) );/* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1A140, endColorstr=#F4901E);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#F1A140, endColorstr=#F4901E)";} .smallGreenBtn, .smallGreenDonateBtn{text-shadow:0 -1px #A1A912;border:1px solid #A1A912;background:#A1A912;background-image:linear-gradient(bottom, #A1A912 30%, #C1CB07 70%);background-image:-o-linear-gradient(bottom, #A1A912 30%, #C1CB07 70%);background-image:-moz-linear-gradient(bottom, #A1A912 30%, #C1CB07 70%);background-image:-webkit-linear-gradient(bottom, #A1A912 30%, #C1CB07 70%);background-image:-ms-linear-gradient(bottom, #A1A912 30%, #C1CB07 70%);background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.3, #A1A912), color-stop(0.7, #C1CB07) );/* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C1CB07, endColorstr=#A1A912);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#C1CB07, endColorstr=#A1A912)";} .smallPurpleBtn{border:2px solid #872174;text-align:center;text-shadow:0 -1px #631355;background:#AA3895;background-image:linear-gradient(bottom, #751764 30%, #AA3895 70%);background-image:-o-linear-gradient(bottom, #751764 30%, #AA3895 70%);background-image:-moz-linear-gradient(bottom, #751764 30%, #AA3895 70%);background-image:-webkit-linear-gradient(bottom, #751764 30%, #AA3895 70%);background-image:-ms-linear-gradient(bottom, #751764 30%, #AA3895 70%);background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.3, #751764), color-stop(0.7, #AA3895) );/* For Internet Explorer 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#631354 , endColorstr=#AA3895 );/* For Internet Explorer 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#631354 , endColorstr=#AA3895 )";} /*GLOBAL - Layout Elements*/ /*GLOBAL - Header*/ #Header{background:white;float:left;width:100%;text-align:left;z-index:9999;position:relative;} #Logo{float:left;display:block;padding:0;} #allContent{} #mainWrapper{width:auto;} #homeAnnouncementContainer{display:block;background:#fffce9;width:350px;min-height:150px;padding:20px;border:3px solid Red;position:absolute;float:left;top:95px;left:550px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:10;} #homeAnnouncementContainer h3{text-align:center;color:Red} #Accessiblity{text-align:left;display:block;float:left;width:210px;height:14px;margin-top:10px;} #AccessiblityTop{ display: block; visibility: visible; position: absolute;} #fadeTicker{text-align:center;background:#282828;color:#fff; display:none; width:100%; float:left; font-weight:bold; padding:20px 0; -webkit-box-shadow:inset 0px 1px 4px #000;-moz-box-shadow:inset 0px 1px 4px #000;/* Fallback for web browsers that doesn't support RGBa */ background:rgb(40, 40,4 0);/* RGBa with 0.6 opacity */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";background:transparent\9;/*hack for all IE versions for transparent background*/ } .no-js #fadeTicker{display:block} #fadeTicker ul{padding:0;margin:0; margin:0 auto; text-align:center;} #fadeTicker ul li{list-style:none;margin:0;padding:2px 0;} #fadeTicker p{color:#fff} #fadeTicker h5{margin:0;} /*GLOBAL - Impaired CSS overrides*/ #SkipToContainer, a#skipToContent, a#skipToNavigation, #addressHolderTop{display:block;position:absolute;color:white;clip: rect(1px,1px,1px,1px);height:1px;} #addressHolderTop{display:none;} ul#styleSwitch{display:block;margin:0;padding:0;z-index:9000;position:relative;top:0;left:3px;color:#999;font-size:10px;width:200px;float:left;} ul#styleSwitch li{float:left;list-style:none;margin:0 2px;padding:0 0;} /*End Impaired CSS overrides*/ #textPrintContainer{width:135px;position:absolute;left:800px;top:30px;padding:2px 3px 0px 3px;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-top:none;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:-webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(204,204,204)), color-stop(0.77, rgb(255,255,255)), color-stop(0.96, rgb(238,238,238)) );background:-moz-linear-gradient(top, #ccc 1%, #eee , #fff 15%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');} #textPrintContainer img{margin:3px 0 0 5px} #textPrintContainer, #textPrintContainer span a{color:#424242} /*IMPORTANT: FOR MOBILE ITEMS TO NOT SHOW STYLES GO HERE*/ #mobileUtilBar, #mobileHoursLocation, #mobileTopNavBar{display:none;} /*Still being used by Stelter. Take out when done*/ #utilityNav{display:none;visibility:hidden} /*GLOBAL - utility content in header*/ #utilityContent{float:left;} #utilityContent a.greenLink{color:#b2bb1c !important;} .untilityLinks{ display:block; float:left; padding-top:3px; text-transform:uppercase;font-size:12px} /*GLOBAL - DMNS Search and Google Search*/ #dmnsSearch{padding:0; /*box-shadow: inset 0px 2px 3px #999; */ background: #fff;height: 30px; border-radius: 15px; border: 1px solid #ddd;} #dmnsSearch div{height:30px;display:block;/*float:left;*/margin:0;padding:0;} #q{width:170px;height:17px;float:left;} /*GLOBAL - Google search text box*/ .gsc-completion-container{position:relative;z-index:9999} #cse-search-results{width:99%;display:block;float:left;min-height:100px} #cse-search-results iframe{width:100% !important} .gssb_c{z-index:999999 !important} .gsc-search-box{padding-top:0 !important} input.gsc-input{border:none !important;border-radius: 20px;background:transparent !important} .gsc-search-box table, .gsc-search-box table td{border-color:white !important; padding:0 !important} /*GLOBAL - Navigation*/ #mainNavTop{} ul#mainNav{text-transform:uppercase;display:block;z-index:9999 } ul#mainNav li{margin:0;padding:0;float:left;position:relative;z-index:9999;} li.homeLi{display:inline;} ul#mainNav a{margin:0 1px;color:#00a3f2;text-decoration:none;display:block;position:relative;} /*GLOBAL - Breadcrumbs*/ #breadcrumbNavWrapper{background:#fff;border-bottom:1px solid #ddd;float:left;height:22px;margin:0;display:block;position:relative;z-index:4500;} #breadcrumbNavWrapper span{color:#7c7c7c} #breadcrumbNav ul {margin-left:0;padding-left:0;display:inline;border:none;color:#999;} #breadcrumbNav ul li {margin-left:0;padding-left:2px;border:none;list-style:none;display:inline;background:#fff;} #breadcrumbNav{margin:0;display:block;color:#fff} #breadcrumbNav a{color:#7c7c7c;padding:0;} #breadcrumbNav a:hover{text-decoration:underline;} #breadcrumbNav li.current{color:#00a3f2} /*GLOBAL - HOMEPAGE PROMO SLIDER Styles - Big SlideShow*/ #background {background:#FFF;min-width:993px;max-width:100%;width:100%;min-height:768px;height:100%;left:0;position:absolute;top:0;background:#000;z-index:1;margin:0;padding:0;} #background img {height:auto;left:0;min-width:993px;position:absolute;top:0;width:100%;z-index:0 } body #HomeContentWrapper{margin:0;padding:0;display:block;z-index:1;} body #HomeContent {float:left;margin:0;padding:0;min-height:335px;overflow-x:hidden;position:relative;width:495px;z-index:4000;} /*GLOBAL - NEW HOMEPAGE SLIDESHOW*/ #HomepageSlideshow{height:495px; width:100%; position:relative; background:black; overflow:hidden; display:block; float:left;} /*GLOBAL - NEW PROMO BOXES*/ .boxItem{background:white; position:relative; float:left; display:block;margin:15px 13px; box-shadow: 0px 2px 3px #ddd; text-align:center; border-radius:5px;overflow:hidden} .boxItem .boxButtons, .boxItem a.learnMoreBtn, .boxItem a.buyNowBtn{ opacity: 0; -webkit-transition: opacity .25s ease-in; -ms-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; position:absolute; } .boxItem a.learnMoreBtn, .boxItem a.buyNowBtn{box-shadow: 0px 2px 3px #1f1f1f;} .boxItem .boxButtons{background:black;top:0; left:0; height:215px; width:100%; border-top-left-radius:5px;border-top-right-radius:5px;} .boxItem:hover .boxButtons{opacity:0.7} .boxItem a.buyNowBtn{top:65px;left:40px; margin:0} .boxItem a.learnMoreBtn{top:102px;left:40px; background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #cecece 50%, #bfbfbf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#cecece), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#cecece 50%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#cecece 50%,#bfbfbf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#cecece 50%,#bfbfbf 100%); /* IE10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#cecece 50%,#bfbfbf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */ color:#424242; border-color:#424242; } .boxItem a.learnMoreBtn:hover{color:#00a3f2; background:white;} .boxItem:hover a{opacity:1} .boxItem img{height:215px; margin:0 auto 8px auto;float:left;display:block;} .boxItem h3{padding:0 10px; width:204px;height:;54px;overflow:hidden; font-size:16px; margin:0; font-weight:normal; display:block; vertical-align:middle; clear:both;} #HomePromoBoxes{margin-top:20px;} #HomePromoBoxes h2{font-size:30px; border-bottom:1px solid #ccc} #HomePromoBoxes div.boxItem h3{height:54px; overflow:hidden; font-size:;} #HomePromoBoxes div.boxItem{} #HomePromoBoxes div.boxItem p{} /*#HomePromoBoxes div.boxItem:nth-child(2){margin-left:0} #HomePromoBoxes div.boxItem:nth-child(5){margin-right:0;}*/ #HomePromoBoxes img{} /*GLOBAL - Activities boxes*/ #DMNSActivities{float:left; width:100%;} #DMNSActivities h4{border-bottom: 1px solid #ddd;padding-bottom:7px;font-size: 24px;} /*Internal Promo Boxes landing page*/ /*GLOBAL - Internal Page Rules*/ #InternalContentWrapper{display:block;float:left;width:100%;position:relative; background:none} #InternalContent{display:block;min-height:400px;/*float:left;*/ } #InternalContent h3{margin-top:0; /*height:50px*/} #InternalContent p{margin-bottom:5px;} p.statusAlert{font-size:18px;font-weight:bold;color:red;display:block} /*GLOBAL - Landing Page Styles*/ /*DO WE USE THIS????*/ #LandingPageSlideShowWrapper{width:993px;float:left;display:block;margin:0 0 0 10px;padding:0;position:relative;z-index:2000;} #landingSliderPromoContainer{width:936px;height:415px;display:block;margin:0 0 50px -10px;padding:0;background:#fff;position:relative;float:left;} ul#landingSlider{height:415px;width:933px;background:none;display:block;padding:0;margin:0 0 20px 10px;float:left;overflow:hidden;position:relative;} ul#landingSlider li{display:inline;float:left;position:relative;z-index:6500;margin:0;padding:0;width:933px;height:auto } #LandingPageSlideShowWrapper img.scrollLeft, #LandingPageSlideShowWrapper img.scrollRight{position:absolute;height:30px;width:30px;top:200px;z-index:2000;cursor:pointer;background:white;display:block;visibility:visible} #LandingPageSlideShowWrapper img.scrollLeft{left:-25px;} #LandingPageSlideShowWrapper img.scrollRight{right:-34px;} div.landingInnerSliderContainer{background:url(/media/1571/landingSliderBg.png) no-repeat;float:left;display:inline;position:relative;height:415px;width:303px;margin:0 3px;padding:0} div.landingInnerSliderContainer-noBox{background:none;float:left;display:inline;position:relative;height:415px;width:303px;margin:0 0;padding:0;} ul#landingSlider li ul.landingInnerSlider{background:#fff;display:block;overflow:hidden;width:273px;height:385px;margin:15px;padding:0;float:left;position:relative;} ul#landingSlider li ul.landingInnerSlider li{display:block;float:left;z-index:4000;margin:0;padding:0;position:relative;text-align:left;height:385px;width:273px} ul#landingSlider li ul.landingInnerSlider img{display:block;width:250px;height:150px;margin:0 auto 10px 10px;padding:0;} ul#landingSlider li ul.landingInnerSlider h3{font-size:18px;font-weight:normal;margin-bottom:7px;margin-top:0} ul#landingSlider li ul.landingInnerSlider p{font-size:11px;width:270px;padding:0;margin:0;} ul#landingSlider li ul.landingInnerSlider a.learnMoreBtn, ul#landingSlider li ul.landingInnerSlider a.buyNowBtn{position:absolute;bottom:5px;} ul#landingSlider li ul.landingInnerSlider a.buyNowBtn{left:120px;} ul#landingSlider li ul.landingInnerSlider li ul li{height:auto;padding:0;margin:0;} /*GLOBAL - Listing Page Styles*/ #listingTemplateContent{} #listingTemplateContent ul{padding:0;margin:0;width:100%;} #listingTemplateContent ul li{float:left;margin:10px 0;padding:0;width:100%;list-style-position:inside;} #listingTemplateContent img{margin:0 15px 10px 0;} #listingTemplateContent h2{margin-bottom:10px; margin-top:0;} #listingContent, .listingContent, #landingPageBottomContent, #listingTemplateContent p, #listingTemplateContent h2, #listingTemplateContent img, #listingPageItems img, ul#listingPageItems li{display:block; float:left} #listingContent, .listingContent, #landingPageBottomContent, #listingTemplateContent p, #listingTemplateContent h2{width:100%} ul#listingPageItems li{list-style:none; margin-bottom:30px; margin-left:0;width:100%} ul#listingPageItems li h2{margin:0 0 10px 0} #landingPageBottomContent{margin-top:20px} /*GLOBAL - Landing Event Page Styles*/ #landingEventTemplateContent{} #landingEventTemplateContent ul.listingPageItems{padding:0;margin:0;} #landingEventTemplateContent ul.listingPageItems li{display:block;float:left;margin:10px 0;padding:0;} #landingEventTemplateContent img{float:left;margin:0 15px 10px 0} #landingEventTemplateContent h2{float:left;margin:0 0 10px 0} .dateTimeHeader{font-weight:normal;} /*GLOBAL - Box style landing page. No sliders, or list. Rows of boxes*/ #boxLandingTemplateContent{display:block;margin-bottom:20px;} #boxLandingBodyText, .BoxLandingPageBox{display:inline;float:left;position:relative;margin:0 12px 12px 0; padding:10px;} #boxLandingBodyText{width:276px;min-height:270px;} #boxLandingBodyText h3{width:100%;float:left;text-align:left} .BoxLandingPageBox{width:280px;height:344px;border:1px solid #ddd;overflow:hidden; padding:12px;margin-right:10px} .BoxLandingPageBox p{width:90%;height:90px;overflow:hidden; color:#fff; } .BoxLandingPageBox h2{width:90%; float:none;} .BoxLandingPageBox h2 a{color:#fff !important} .BoxLandingPageBox img{margin:10px auto; padding-bottom:5px; display:block; width:250px; height:150px;} /*GLOBAL - Box landing default background colors. Development section are white*/ .boxColor1, .boxColor6, .boxColor12 {background:#f4911e;}/*Orange*/ .boxColor2, .boxColor7, .boxColor13 {background:#a1a912;}/*green*/ .boxColor3, .boxColor8, .boxColor14 {background:#872175;}/*Purple*/ .boxColor4, .boxColor9, .boxColor15 {background:#b32017;}/*Red*/ .boxColor5, .boxColor10, .boxColor16 {background:#559cbe;}/*Light Blue*/ /*GLOBAL - CUSTOM PROMO BOX - 7-2-12*/ #customPromo{border:none; background:#fff; font-size:12px;} #allContent #customPromo h3{text-transform:capitalize;color:#872175; margin-bottom:10px; font-size:18px; width:280px} #allContent #customPromo p{line-height:18px} #customPromo .smallGreenBtn{border-radius:3px; font-size:22px; height:24px; padding-top:9px; margin:10px auto 13px auto; float:none; } /*GLOBAL - DEVELOPMENT SECTION*/ .developmentSectionInternalContentWrapper div#crossPromoHolder .crossPromoBox{margin-right:40px; margin-right:25px\9 !important; /*Good ol' IE8 and below box model issues*/} .developmentSectionInternalContentWrapper div#crossPromoHolder .crossPromoBox:last-child{margin-right:0 !important} .developmentSectionInternalContentWrapper #crossPromoHolder #customPromo.crossPromoBox p a { display: block; border-top: 1px solid #ddd; padding: 4px 4px 0 4px; font-size: 14px; } .developmentSectionInternalContentWrapper #mediaHolder, #singleColumnTemplateContent #mediaHolder{float:right; margin-left:20px; display:block;} .developmentSectionInternalContentWrapper p{float:none;} #staffProfilesWrapper{} #staffProfilesWrapper h3{color:#872175; text-transform:uppercase; margin-top:30px; float:left; width:100%; font-size:22px} .staffProfileItem{float:left;margin-bottom:20px;} .profileImgHolder{margin-right:20px;} .profileImgHolder img{} .profileContent{float:right; width:330px;} .profileTitleInfo{font-size:18px; font-weight:bold; color:#404040; margin:0 0 20px 0; float:left; width:100%;} /*GLOBAL - DEVELOPMENT Gift and product Listing */ .productListingContent p{width:430px;float:left;} .smallGreenDonateBtn{width:200px; height:30px; padding-top:3px; padding-bottom:4px; font-weight:bold;color:#fff; font-size:20px; text-shadow:0px -1px #A1A912; display:block; float:right; text-align:center; border-radius:3px} /*GLOBAL - DEVELOPMENT Large Grid Table for Dev Corporate levels*/ table.largeGridTable{background:#dbdbdb;border-collapse:collapse; background-image: linear-gradient(bottom, #dbdbdb 25%, #f0f0f0 63%, #ffffff 82%); background-image: -o-linear-gradient(bottom, #dbdbdb 25%, # 63%, #ffffff 82%); background-image: -moz-linear-gradient(bottom, #dbdbdb 25%, # 63%, #ffffff 82%); background-image: -webkit-linear-gradient(bottom, #dbdbdb 25%, # 63%, #ffffff 82%); background-image: -ms-linear-gradient(bottom, #dbdbdb 25%, # 63%, #31B4F5 82%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, #dbdbdb), color-stop(0.63, #f0f0f0), color-stop(0.82, #ffffff) ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dbdbdb);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dbdbdb)"; } table.largeGridTable tr td{padding:5px; text-align:center; height:65px; vertical-align:middle; border:1px solid #cccccc; font-size:14px;} tr.largeGridTableHeader{color:#fff; font-size:18px; text-shadow:0px -1px #117baf; line-height:18px; width:100%; height:100%; background:#117AAF; background-image: linear-gradient(bottom, #117AAF 25%, #23A0DE 63%, #31B4F5 82%); background-image: -o-linear-gradient(bottom, #117AAF 25%, #23A0DE 63%, #31B4F5 82%); background-image: -moz-linear-gradient(bottom, #117AAF 25%, #23A0DE 63%, #31B4F5 82%); background-image: -webkit-linear-gradient(bottom, #117AAF 25%, #23A0DE 63%, #31B4F5 82%); background-image: -ms-linear-gradient(bottom, #117AAF 25%, #23A0DE 63%, #31B4F5 82%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, #117AAF), color-stop(0.63, #23A0DE), color-stop(0.82, #31B4F5) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#31B4F5, endColorstr=#117AAF); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#31B4F5, endColorstr=#117AAF)"; } table.largeGridTable tr.largeGridTableHeader td{font-size:18px;} table.largeGridTable tr td ul{padding:0; margin:0; font-size:10px; text-align:left;} /*GLOBAL - DEVELOPMENT News sections*/ ul#featureNewsItems{float:left; margin:0; padding:0; display:block;} ul#featureNewsItems li{list-style:none; float:left; padding:0; margin:0; display:inline; zoom:1; *display:inline; border:1px solid #d0d0d0; width:420px; height:370px; padding:20px; -moz-box-shadow: 0 0 5px #d0d0d0; -webkit-box-shadow: 0 0 5px #d0d0d0; box-shadow: 0 0 5px #d0d0d0; position:relative;} ul#featureNewsItems li:first-child{margin-right:20px;} ul#featureNewsItems li .learnMoreBtn{position:absolute; bottom:20px; left:20px;} .featuredNewsBtn{float:right !important; width:200px !important; margin-right:20px;} /*GLOBAL - SCIENCE SECTION*/ .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_container .flex-control-nav{bottom:-42px !important} /*Global - WEATHER*/ .WeatherBodyContent{ float:left; } /*GLOBAL - Web Page Styles*/ #webpageTemplateContent{margin:0 0 20px 0;display:block;float:left;color:#252525;} #webpageTemplate-Col1, #webpageTemplate-Col2{display:block;} #webpageTemplate-Col2 h4{font-weight:bold;text-transform:uppercase;font-size:14px;clear:both;} #webpageTemplate-Col2 ul{margin:10px 0 10px 20px;float:left;display:block;} #webpageTemplate-Col2 ul li{float:left;} #webpageTemplate-Col2 p{width:100%;margin:10px 0;float:left;} #webpageTemplate-Col2 table{width:335px;border:1px solid #424242;margin-bottom:10px} #webpageTemplate-Col2 table td{border:1px solid #424242;padding:3px;vertical-align:top} #webpageTemplate-Col2 table td p{vertical-align:top;padding:0;margin:0;} /*GLOBAL LIST BOX LANDING V2*/ #listLandingTopContent{margin-bottom:20px; overflow:hidden} /*GLOBAL - DETAILS PAGE V2*/ #webpageTemplateContent{margin:0 0 20px 0;display:block;float:left;color:#252525;} #webpageTemplate-Col1, #webpageTemplate-Col2{display:block;} #detailBodyContent{background:white;box-shadow: 0 2px 3px #d0d0d0;border-radius:4px; width:92%; padding:0 4% 30px 4%; margin-top:10px;float:left;} #detailBodyContent ul li{clear:both} #detailInfo{background:#ededed;border-radius:5px; box-shadow: 0 2px 5px #b7b7b7} #detailBodyContent{} #detailBodyText{} .detailsSidebarBox{background:white; text-align:center;box-shadow: 0 2px 3px #d0d0d0; float:right; margin-top:10px; margin-bottom:10px; border-radius:5px; min-height:190px; padding:10px;width:190px;} .detailsSidebarBox.membershipPromo{} #InternalContentWrapper .detailsSidebarBox.membershipPromo h3{margin:30px 0 10PX 0;height:20px} .detailsSidebarBox.membershipPromo .learnMoreBtn{float:none;margin:10PX auto; clear:left} #detailpageTemplateContent #detailpageTemplate-Col1 #detailBodyContent ul ul{ padding-left:20px} #detailpageTemplateContent #detailpageTemplate-Col1 #detailBodyContent ul ul li{list-style:circle;} /*GLOBAL - Single Column Styles*/ #singleColumnTemplateContent{display:block;float:left;min-height:400px } #singleColumnTemplateContent p{display:block;width:100%;float:none; clear:left} #singleColumnTemplateContent img{margin:0 8px 8px 0;float:left;display:block;} #InternalContentWrapper #singleColumnTemplateContent ul, #InternalContentWrapper #singleColumnTemplateContent ul li{list-style-position:inside;list-style:disc;} #InternalContentWrapper #singleColumnTemplateContent ul{margin:5px 0;padding-left:10px;display:block; overflow:hidden} #InternalContentWrapper #singleColumnTemplateContent ul li{width:100%; display:block; clear:left} #InternalContentWrapper #singleColumnTemplateContent ul li ul li, #InternalContentWrapper #singleColumnTemplateContent ul ul li {list-style:circle} /*GLOBAL - GOOGLE DIRECTIONS*/ #singleColumnTemplateContent #GoogleDirectionsContainer p, #singleColumnTemplateContent #GoogleDirectionsContainer h3{display:block} #GoogleDirectionsContainer{display:block;height:auto;border:1px solid #CCC;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;z-index:999999;float:left;margin-bottom:20px;}#GoogleInputForm{width:550px;display:block;float:right;} #map.directionMap, #map.fullWidthMap{height:300px;float:left;display:block;} #directions{clear:both;margin:0 auto; padding-top:10px} .direcitonsField{display:block;float:left;margin:10px 0;padding:0;} #getdirections{background:#00a3f2;border:1px #00a3f2 solid;display:block;float:left;width:158px;color:#FFF;text-align:center;font-weight:bold;border:none;padding:5px 0 5px 0;cursor:pointer;}input#getdirections:hover{background:#fff;border:1px #00a3f2 solid;color:#00a3f2;text-decoration:none;}#directionsAddress{display:block;float:left;margin-top:10px;} #GoogleDirectionsContainer #start, #GoogleDirectionsContainer #end{padding:10px} /*GLOBAL - SiteMap*/ #singleColumnTemplateContent div#sitemap ul li{width:930px;display:block;float:left;} /*GLOBAL - Pricing Table Stylings*/ table.PricingTable{border-bottom:#ddd 1px solid;width:100%;margin-bottom:10px} table.PricingTable td{width:150px;padding:5px;border-bottom:1px #ddd solid;border-left:1px #ddd solid;text-align:center;}/*color: #00a3f2;*/ tr.PricingTableRowHeader{} tr.PricingTableRowHeader td{background:#252525;color:#fff;font-weight:bold;height:auto;padding:5px;} td.TableGroupTitle{background:#252525;color:#fff;font-weight:bold;} #internalContent #singleColumnTemplateContent table.PricingTable tr td p{width:100px;display:block;} table.PricingTable table td{border:none;width:75px} table.PricingTable .firstCell {color:#252525} /*GLOBAL - SHOW/HIDE TEMP EXHIBITION COLUMNS*/ .TemporaryExhibit-ColumnTitle, .TemporaryExhibit-MemVistorTitle-Table, .TemporaryExhibit-AdultPricing-Table, .TemporaryExhibit-JuniorPricing-Table, .TemporaryExhibit-SeniorPricing-Table, .TemporaryExhibit-PackageTitle, .TemporaryExhibit-Package-MemVisitor-Title, .TemporaryExhibit-Package-AdultPricing, .TemporaryExhibit-Package-JuniorPricing, .TemporaryExhibit-Package-SeniorPricing, .TemporaryExhibit-Column{display:none} /*GLOBAL - Membership page Styles*/ .membershipButtonsWrapper{display:block;float:left;} #webpageTemplate-Col2 .membershipButtonsWrapper{width:335px;} .museumMagList li{list-style:none !important; float:left} /*GLOBAL - Media Holders*/ #mediaHolder{width:100%} #mediaHolder,.profileImgHolder,.listingMediaHolder{display:block;float:left;position:relative} #loadingImg., .loadingImg{background:url(/media/119203/ajax-loader-edit.gif) no-repeat;height:35px;width:140px;display:block;position:absolute;z-index:0;top:50%;left:50%} #mediaHolder img.webPageImg, .listingMediaHolder img.webPageImg{margin-top:0;position:relative;z-index:3;} #mediaHolder #webPageVideoPlayer{margin-top:25px;z-index:3;position:relative } #mediaHolder #webPageVideoPlayer object{} #mediaHolder #vimeoVideo{margin-top:25px;position:absolute;z-index:3;display:block;} #webPage-ScienceVideoPlayer{margin:-35px 0 0 -20px} #mainWrapper #allContent iframe{padding:0;background:#ddd;display:block;} #InternalContentWrapper #singleColumnTemplateContent #mediaHolder{text-align:center; background-color:white; padding:10px 0} #InternalContentWrapper #singleColumnTemplateContent #mediaHolder ul{text-align:center !important; margin:0 auto 10px auto; float:none !important; } #listLandingTopContent #mediaHolder{width:100%;} /*GLOBAL - WUFOO FORM STUFF*/ .altContactFormInfo{display:none;visibility:hidden;} #loadingForm{display:block;visibility:visible;position:absolute;background:#000;text-align:center;border-radius:5px;-moz-border-radius:5px;z-index:1;font-size:14px;width:300px;padding:10px} #InternalContent .formLoadingText{float:left;font-weight:bold;width:300px;color:#fff;margin-top:5px;} #InternalContent .formLoadingProgress{margin-left:130px} #InternalContent .formLoadingInfo{color:#fff;font-size:12px;} div.wufooFormContainer{position:relative;z-index:100; width:100%; float:left} .formNoRefreshMessage{margin-bottom:10px; padding-bottom:10px;} .noShow{display:none; visibility:hidden} /*GLOBAL - Scroll to top*/ #toTop { width:40px; border:1px solid #ccc;background:#999;opacity:0.8;text-align:center;padding:5px;position:fixed; /* this is the magic */ bottom:50px; /* together with this to put the div at the bottom*/right:2px; cursor:pointer;display:none;color:#fff;font-family:verdana;font-size:11px;z-index:90000;border-radius:3px; height:50px; } /*GLOBAL - Calendar Styles*/ #calCalendarContainer{float:left;} #calCalendarContainer table{border:1px solid #d0cfd0;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));background:-moz-linear-gradient(top, #fff, #ddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');} #singleColumnTemplateContent #calCalendarContainer table tr{background-color:transparent;} #singleColumnTemplateContent #calCalendarContainer table td{border:1px solid #d0cfd0;color:#424242;background-color:transparent;width:27px;height:27px;} #todaysDate{font-size:14px;float:left;color:#00a3f2;font-weight:bold;margin:0 0 5px 0;padding:0;} #todaysDate p{margin:0;padding:0;color:#00a3f2;} #searchHeader{float:left;width:100%;display:none;} #calControls{float:left;} #calControls table{} #calControls table td a{display:block} .calSelectedDay{font-size:20px;-moz-box-shadow:inset 0 0 2px 2px #1a506a;-webkit-box-shadow:inset 0 0 2px 2px #1a506a;box-shadow:inset 0 0 2px 2px #1a506a;/* Firefox 3.6+ */ background:-moz-linear-gradient(100% 100% 90deg, #03a0ed, #3abefe);/* Safari 4-5, Chrome 1-9 */ background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#03a0ed), to(#3abefe));/* Safari 5.1+, Chrome 10+ */ background:-webkit-linear-gradient(#3abefe, #03a0ed);/* Opera 11.10+ */ background:-o-linear-gradient(#3abefe, #03a0ed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3abefe', endColorstr='#03a0ed');text-shadow:0 1px 3px #000;} .calSelectedDay a{} .calDayHeader{color:#fff;background:#424242;font-size:18px} .calDayName{font-size:20px;} .calDayName a{width:70px;height:30px;} .calNextPrev{font-size:24px;text-align:center} .calNextPrev a{width:74px;height:37px;} td.calNextPrev a:hover{background:#ddd;} .calOtherMonthDay{background-color:#999;color:#ddd;font-size:20px} .calOtherMonthDay a{background-color:#c8c8c8;width:70px;height:30px;} .calTitle{font-size:24px} td.calTodayDay{font-size:20px;height:40px;} td.calTodayDay a{background-color:#7cb20d;width:70px;height:30px;} .calWeekendDay{font-size:20px;} .calWeekendDay a{display:block;} .calDay{font-size:20px;} .calDay a{} .calDay a:hover,.calOtherMonthDay a:hover,.calWeekendDay a:hover {-moz-box-shadow:inset 0 0 2px 2px #1a506a;-webkit-box-shadow:inset 0 0 2px 2px #1a506a;box-shadow:inset 0 0 2px 2px #1a506a;background:#fff} .calDay a:hover, .calOtherMonthDay a:hover, .calWeekendDay a:hover {background:url(/media/6307/CalendarHoverBackground.png) no-repeat\9;} .calSelector{} #calendarEventTypeLabel{display:block;position:absolute;top:140px;left:500px;font-size:18px;width:235px;} #searchHeader{display:block;border-bottom:1px solid #ddd;font-size:18px;padding:0 0 10px 0;margin:0 0 15px 0} /*Calendar Header*/ #singleColumnTemplateContent #calCalendarContainer table#ContentPlaceHolderDefault_MainContentPlaceholder_MainContentPlaceholderInternal_ctl01_Calendar_4_clEventCal tbody tr td table.calCalendar{border:none;padding:0;background:#fff} #singleColumnTemplateContent #calCalendarContainer table tbody tr td table.calCalendar tbody tr td{background:#fff;border:none;font-weight:bold;} #singleColumnTemplateContent #calCalendarContainer table tbody tr td table.calCalendar tbody tr td a{background:#fff;color:blue;border:none;font-weight:bold;} .accessibility div#mainWrapper div#allContent div#InternalContentWrapper div#InternalContent div#singleColumnTemplateContent form#mainForm div#basicForm div#ContentPlaceHolderDefault_MainContentPlaceholder_MainContentPlaceholderInternal_ctl01_Calendar_6_UpdatePanel1 div#calControls div#calCalendarContainer #ContentPlaceHolderDefault_MainContentPlaceholder_MainContentPlaceholderInternal_ctl01_Calendar_6_clEventCal.calCalendar tbody tr td .calCalendar tbody tr td a{font-size:18px;color:blue} body #mainWrapper #allContent #InternalContentWrapper #InternalContent #singleColumnTemplateContent #calCalendarContainer table#ContentPlaceHolderDefault_MainContentPlaceholder_MainContentPlaceholderInternal_ctl01_Calendar_4_clEventCal tbody tr td table.calCalendar tbody tr td a{color:blue;font-weight:bold;font-size:16px;padding:0 5px} #calCalendarInstructions{display:inline;width:225px;float:left;margin-right:10px} #calCheckboxContainer{width:253px;float:left;margin-top:30px;display:inline;} #calButtonContainer{display:block;width:235px;float:right;height:125px;position:relative;} input.calendarButton{background-image:none;border:none;background-color:#00a3f2;width:auto;height:25px;line-height:25px;border:1px #00a3f2 solid;float:left;color:#fff;text-decoration:none;padding:3px 5px 5px 5px;text-align:center;display:block;text-transform:uppercase;cursor:pointer;bottom:0;position:absolute;} input.calendarButton:hover{background:#fff;border:1px #00a3f2 solid;color:#00a3f2;text-decoration:none;} #calResultListContainer{border-top:1px solid #ddd;margin-top:10px;float:left;display:block;width:100% } ul#calResultList{margin:0;padding:0;list-style:none;display:block} ul#calResultList li{list-style:none;margin:0;padding:0;display:block;float:left;border-bottom:1px solid #ccc;} .resultItemBuyNow{width:150px;display:block;} .resultItemDescription{float:left;display:block;} .resultItemDescription h2{color:#00A3F2} .resultItemcategory{color:#f4911e;font-weight:bold;float:left;} .socialIcons{float:left;margin-left:10px;} #noResultsMessage{font-size:20px;font-weight:bold;padding:10px;} #dateDisplay{font-size:16px;display:block;margin:10px 0 0 0;background:#00a3f2; color:#fff; padding:3px 10px} /*GLOBAL - TWITTER*/ /*--Twitter is now only able to be used one way through Twitter. No More API - Styles are determined there.--*/ /*GLOBAL - Main Accordian Styles*/ #accordianMainContainer{display:block;float:left;} h2.acc_trigger,h2.acc_trigger.active {background:url(/media/1727485/GlobalIcons-compressed.png) no-repeat} h2.acc_trigger{color:#424242;display:block;float:left;cursor:pointer;text-transform:uppercase;padding:0;background-position:138% 100%;} h2.acc_trigger.active{background-position:138% 68%;} h2.acc_trigger a{text-decoration:none;color:#424242; margin-left:5px} .accordianItemContainer{display:block;float:left;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #dfdfdf;-webkit-box-shadow:0px 0px 7px #dfdfdf;-moz-box-shadow:0px 0px 7px #dfdfdf;box-shadow:0px 0px 7px #dfdfdf;} .accordianItemContainer img.AccordianImg{margin-top:20px;} .accordianItemDescription{float:left;display:block;} .accordianItemDescription h3{color:#424242} .accordianLearnMoreBtnContainer{display:block;float:left;width:100%} .tabImageContainer{width:290px;float:left;position:relative;display:block;margin-bottom:20px;margin-right:20px;} .tabImageContainer img{width:290px;float:left;} .tabInfoContainer{padding-bottom:20px;width:610px;float:left;} /*CSS originally from Soh Tanaka. Modified by DMNS*/ .simpleTabs{}/*just a container that makes jQuery able to target each tab group on a page.*/ /*GLOBAL MULTI MEDIA TABS*/ #mainTabContainer, #mainMultiMediaTabContainer {float:left;display:block;margin-top:30px;} #mainTabContainer h2, #mainMultiMediaTabContainer h2{font-size:20px;font-weight:normal;padding:0;margin:0 0 10px 0;float:left;} #mainTabContainer h3, #mainMultiMediaTabContainer h3{margin-bottom:10px;} .tab_container, #mainMultiMediaTabContainer .tab_container {border:1px solid #00a3f2;border-top:none;overflow:hidden;clear:both;float:left;background:#fff;} .tab_content, #mainMultiMediaTabContainer .tab_content{font-size:12px;float:left;background:#fff;position:relative;} .tab_content #loadingImg{position:absolute;margin-right:100px} ul.tabs {margin:0;padding:0;float:left;list-style:none;height:32px;/*--Set height of tabs--*/border-bottom:1px solid #00a3f2;border-left:1px solid #00a3f2;width:100%;} ul.tabs li {width:159px;text-align:center;text-transform:uppercase;list-style:none;float:left;margin:0;padding:0;height:31px;/*--Subtract 1px from the height of the unordered list--*/ border:1px solid #00a3f2;border-left:none;margin-bottom:-1px;/*--Pull the list item down 1px--*/overflow:hidden;position:relative;background:#00a3f2;} ul.tabs li a {text-decoration:none;color:#fff;display:block;font-size:12px;padding:6px 5px;border:1px solid #fff;/*--Gives the bevel look with a 1px white border inside the list item--*/ outline:none;height:31px} ul.tabs li a:hover {background:#fff;color:#00a3f2} /*used for IE7 BG color fix - DMNS*/ ul.tabs li:hover{background:#fff} html ul.tabs li.active, html ul.tabs li.active a:hover {/*--Makes sure that the active tab does not listen to the hover properties--*/ background:#fff;border-bottom:1px solid #fff;/*--Makes the active tab look like it's connected with its content--*/color:#00a3f2;} html ul.tabs li.active a{color:#00a3f2} /*GLOBAL - Multi Media Tabs- Used for Scientist pages, any page that utilizes the multi media tabs.*/ #mainMultiMediaTabContainer{} #mainMultiMediaTabContainer h2{} #mainMultiMediaTabContainer h3{} #mainMultiMediaTabContainer .tab_container{border:1px solid #c4c4c4;float:left;} #mainMultiMediaTabContainer ul.tabs{border-bottom:none;border-left:none;margin-bottom:-1px;} #mainMultiMediaTabContainer ul.tabs li{border:none;} #mainMultiMediaTabContainer ul.tabs li a{border:1px solid #00a3f2} #mainMultiMediaTabContainer .tab_container .SlideshowWrapper{margin:-40px 0 0 -20px;padding:0;} #mainMultiMediaTabContainer .tab_container .SlideshowWrapper .supersize{margin:0;padding:0;} /*GLOBAL - PANO VIEW IN TABS*/ .panoViewButton{top: 50%; left: 50%; margin-top: -30px; margin-left: -105px;} /*GLOBAL - FAQs*/ ul.faqHolder{display:block;float:left;min-height:400px;padding:0;margin:0 !IMPORTANT;position:relative} ul.faqHolder .faqBox{border-top:1px solid #ddd;float:left;display:block;padding:5px 0} #webpageTemplate-Col2 ul.faqHolder .faqBox p{width:225px;max-width:225px;float:left;display:block;} ul.faqHolder li.faqQuestion, ul.faqHolder li.faqAnswer{position:relative;list-style:none;width:250px;padding:0 0 0 0;margin:0 0 0 0;display:block;float:left;} ul.faqHolder li.faqQuestion{background:url(/media/239295/accordianarrowdown.png) no-repeat right -10px;cursor:pointer} ul.faqHolder li.faqQuestion.active{background:url(/media/239302/accordianarrowup.png) no-repeat right -10px} ul.faqHolder li.faqAnswer{} .faqLetter{display:block;font-size:18px;color:#999;width:200px;height:20px;position:absolute;left:0;} #webpageTemplate-Col2 .accordianBox ul.faqHolder li.faqQuestion p, #webpageTemplate-Col2 .accordianBox ul.faqHolder li.faqAnswer p{width:225px;float:left;position:relative;top:0;left:20px;margin-top:6px;} .faq_trigger.faqCloseAnswer{position:absolute;right:20px;cursor:pointer;display:block;font-weight:bold;font-size:12px;color:#999;} /*GLOBAL - FLOOR MAP*/ #floorMapContent{float:left;margin-top:20px;} #privateLoginBox{border:2px solid #ddd;font-size:14px;border-radius:10px;padding:20px;width:400px;background:#000;color:#fff;background-image:linear-gradient(bottom, #14161a 16%, #262c32 61%);background-image:-o-linear-gradient(bottom, #14161a 16%, #262c32 61%);background-image:-moz-linear-gradient(bottom, #14161a 16%, #262c32 61%);background-image:-webkit-linear-gradient(bottom, #14161a 16%, #262c32 61%);background-image:-ms-linear-gradient(bottom, #14161a 16%, #262c32 61%);background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.16, #14161a ), color-stop(0.61, #262c32) );/* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#262c32, endColorstr=#14161a );/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#262c32, endColorstr=#14161a)";} #privateLoginBox table{margin:0 auto;} #privateLoginBox table td{padding:3px;} #privateLoginBox input#ContentPlaceHolderDefault_MainContentPlaceholder_FloorMapLogin_LoginButton{width:100%;cursor:pointer;color:#fff;padding:5px 0;font-size:14px;font-weight:bold;margin-top:10px;background:#b2bb1c;border-radius:5px;text-shadow:0 -1px #A1A912;border:2px solid #A1A912;background-image:linear-gradient(bottom, #C1CB07 10%, #A1A912 57%, #C1CB07 90%);background-image:-o-linear-gradient(bottom, #C1CB07 10%, #A1A912 57%, #C1CB07 90%);background-image:-moz-linear-gradient(bottom, #C1CB07 10%, #A1A912 57%, #C1CB07 90%);background-image:-webkit-linear-gradient(bottom, #C1CB07 10%, #A1A912 57%, #C1CB07 90%);background-image:-ms-linear-gradient(bottom, #C1CB07 10%, #A1A912 57%, #C1CB07 90%);background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.10, #C1CB07), color-stop(0.57, #A1A912), color-stop(0.90, #C1CB07) );/* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#A1A912, endColorstr=#C1CB07);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#A1A912, endColorstr=#C1CB07)";} #futurePlansInteractiveMapContainer{float:left;margin:10px 0 20px 0;} #floorMapsObject{} /*GLOBAL - Disqus Comments*/ #disqus_thread{float:left; clear:both; width:96%; padding:2%; background:#ddd; border-radius:5px} #disqus_thread iframe{background:transparent !important} /*GLOBAL - SURVEY MONKEY FORMS*/ body #surveyMonkeyInfo{width:100% !important; height:1050px; margin-left:-10px} body #surveyMonkeyInfo iframe{width:100% !important; float:left; height:1020px !important} /*If the survey has content entered next to it in the node these elements will show*/ .surveyFormColumnLeft{width:60% !important; float:left; height:auto} .surveyFormColumnRight{width:30% !important; float:right;} /*GLOBAL - Survey Module*/ .surveyHintModule{ background:#fff; background-image: linear-gradient(bottom, #C2C2C2 24%, #CCCCCC 47%, #EBEBEB 81%); background-image: -o-linear-gradient(bottom, #C2C2C2 24%, #CCCCCC 47%, #EBEBEB 81%); background-image: -moz-linear-gradient(bottom, #C2C2C2 24%, #CCCCCC 47%, #EBEBEB 81%); background-image: -webkit-linear-gradient(bottom, #C2C2C2 24%, #CCCCCC 47%, #EBEBEB 81%); background-image: -ms-linear-gradient(bottom, #C2C2C2 24%, #CCCCCC 47%, #EBEBEB 81%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2C2C2, endColorstr=#EBEBEB);/* For IE 8*/ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2C2C2, endColorstr=#EBEBEB)"; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.24, #C2C2C2), color-stop(0.47, #CCCCCC), color-stop(0.81, #EBEBEB) ); border-top:1px solid #00a3f2; padding:20px 8px 8px 8px; } .surveyModuleCloseBtn{position:absolute; right:5px; display:block; top:0; cursor:pointer; background:#fff} .surveyModuleLink{background:#00a3f2; float:left; margin-top:5px; padding:3px; color:#fff} /*GLOBAL - Footer*/ #footer{background:#282828; width:100%;height:415px; margin:50px 0 0 0; clear:both; float:left} #footerContent{font-size:18px;border-bottom:1px solid #1d1d1d; overflow:hidden; padding-bottom:10px} #footerContent h4{color:#83d0fe;font-size:24px;margin-bottom:0} #footerContent p{color:#fff;} #footerContent a{color:#8b8b8b} #subFooterContent{font-size:12px; text-align:center; padding-top:20px; color:#696969} #subFooterContent a{color:#696969} #subFooterContent .SCFDLogo{display:block; margin:10px auto; width:200px} #subFooterContent .SCFDLogo img{ width:200px;} #subFooterContent .SCFDLogo img:hover{background:#323232;} .NLLink,.FBLink,.TWTRLink,.YTLink,.VIMLink,.InstaLink,.GooglePlusLink, .TumblrLink{height:20px;padding-left:32px;display:block; float:left;margin-top:6px;background: url("/media/2460078/FooterSocialIcons-v4.png") no-repeat left} .NLLink:hover,.FBLink:hover,.TWTRLink:hover,.YTLink:hover,.VIMLink:hover,.InstaLink:hover,.GooglePlusLink:hover, .TumblrLink:hover{ /* -webkit-box-shadow: inset 0px 0px 2px 2px rgba(139,139,139,1); -moz-box-shadow: inset 0px 0px 2px 2px rgba(139,139,139,1); box-shadow: inset 0px 0px 2px 2px rgba(139,139,139,1);*/ margin-top:4px } .NLLink{background-position:center 2px} .FBLink{background-position:center -20px} .TWTRLink{background-position:center -38px} .YTLink{background-position:center -60px} .VIMLink{background-position:center -80px} .InstaLink{background-position:center -100px} .GooglePlusLink{background-position:center -120px} .TumblrLink{background-position:center -140px} /*GLOBAL - Custom Grid*/ .grid_3,.grid_4{/*float:left;*/ margin:10px 31px 10px 0} .grid_4{display:inline-block} .grid_3{width:265px;display:inline-block} .grid_4{width:224px;} #boxItemContainer{} #boxItemContainer .grid_4{float:none;margin:10px 28px 10px 0 } span.boxLandingPageText{display:block; float:none;margin:0 auto; width:95%; text-align:center} span.boxLandingPageText p{font-size:12px !important; text-align:center !important} /*GLOBAL TRIP ADVISOR*/ .cdsROW.narrow{margin-top:45px; margin-left:12px,} /*Global Pres Blog*/ #PresPostListHolder {float:left;display:block;height:400px;margin-top:10px; background: white; padding: 10px; border-radius: 4px; box-shadow: 0 2px 3px #d0d0d0; } #PresPostListHolder h3{border-bottom:1px solid #ddd} #PresPostListHolder ul {margin:0;padding:0 0 0 0;display:block;height:340px;overflow:auto;overflow-x:hidden;border-bottom:1px solid #ddd;} #PresPostListHolder ul li{list-style:none;display:block;float:left;margin:0;padding:10px 0 5px 0;width:220px;} #PresPostListHolder ul li a{font-weight:bold;margin:0;padding:0;} #PresPostListHolder ul li p{padding:0;margin:0;} #PresPostListHolder span{display:block;float:left;width:330px;} #PresPostListHolder span.scienceEventTitle{font-size:14px} #PresPostListHolder span.scienceEventDate{color:#f68302} /*=====MEDIA QUERIES=====*/ /*=====DESKTOP AND TABLETS=====*/ /*Anything width specific for desktop or tablet layouts*/ /*NOTE: These style will go into a ie8 and below stylesheet because of no Media Query support */ @media screen and (min-width:768px) { #utilityContent{display:block; width:530px; height:30px; position:absolute; top:10px; right:100px} .untilityLinks {width:513px; text-align:right; float:right} /*DESKTOP - Header*/ #Header{min-width:993px;height:127px;border-bottom:none} #HeaderContent{margin:0 auto;width:1020px; position:relative;height:82px} #Logo{margin-top:20px} #dmnsSearch{margin:10px 0;display:none;float:right;width:250px;height:30px;} /*DESKTOP - Main Navigation*/ #mainNavTop{display:block; float:left; width:100%; border-top:1px solid #e5e5e5; /*border-bottom:1px solid #e5e5e5*/ } ul#mainNav{width:925px;height:38px;margin:0 auto;padding:0 0 5px 0;} ul#mainNav li{display:inline;} ul#mainNav a{font-size:12px;padding:13px 15px 7px 15px;} ul#mainNav a:hover, ul#mainNav li.selected a, ul#mainNav li:hover a{color:#424242;border-bottom:4px solid #00a3f2;} ul#mainNav li:hover ul a, ul#mainNav li:hover ul ul a{border:none;} /*2nd level subNav*/ ul#mainNav li ul.subNavFirst{visibility:hidden;display:none;background:white;background:rgba(255,255,255, 0.9);border:1px solid #e5e5e5;width:300px;position:absolute;z-index:99999;padding:4px;margin-bottom:-5px;box-shadow: 0px 2px 3px #ccc;} ul#mainNav li:hover ul.subNavFirst li{float:left;display:inline;border-top:1px dotted #e5e5e5;height:auto;min-height:20px;width:300px;text-transform:none;} ul#mainNav li:hover ul.subNavFirst li a{padding:5px 10px;display:block;font-weight:normal;font-size:14px;border:none;} ul#mainNav li:hover ul.subNavFirst li a:hover, ul#mainNav li ul.subNavFirst li.selected a{color:#00a3f2;background:none;border:none;} ul#mainNav li:hover ul.subNavRightAlign{right:0;} ul#mainNav li:hover ul.subNavFirst li a.current_subFirst{font-weight:bold;} ul#mainNav li:hover ul.subNavFirst img{margin:0 0 0 -4px;position:absolute;padding:0;bottom:-5px;left:0;} ul#mainNav li:hover ul.subNavFirst{visibility:visible;display:block;float:left;} /*3rd Level subNav*/ ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond{width:370px;display:block;margin:0 0 0 0;float:left;position:relative;padding:4px 15px;list-style:disc} ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond li{background:none;border:none;display:block;min-height:12px;color:#999;list-style:none;width:185px;} ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond li a{font-weight:normal;width:175px;font-size:12px;padding:3px 5px;color:#3b3b3b;display:block;} ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond li a:hover{border:none;color:white;} ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond li a.current_subSecond{text-decoration:underline;} /*DESKTOP - BreadCrumbs*/ #breadcrumbNavWrapper{display:none;width:100%;margin-top:-6px;padding:8px 0 0 0; min-width:993px;} #breadcrumbNav{width:973px;padding:0 25px;} /*DESKTOP - Home Announcements*/ #fadeTicker{font-size:24px;} #fadeTicker ul{width:980px;} /*DESKTOP - Homepage styles*/ body #HomeContentWrapper{} #categorySliderPromoContainer,ul#categorySlider{height:250px;width:936px;} #categorySliderPromoContainer{margin:0 0 25px 38px;} div.innerSliderContainer{height:300px;width:311px;} div.innerSliderContainer h2 {width:250px;} #HomePromoBoxes{margin-left:0; width:1020px;clear:left; float:left} #HomePromoBoxes h2{width:980px} /*DESKTOP - All Content*/ #mainWrapper{width:auto;} #allContent{ margin:0 auto; float:none;clear:left; min-height:400px; width:1020px;} #loadingForm{top:175px;left:50px;} #InternalContentWrapper{min-width:980px;margin:0;padding:0 0 20px 0;} #InternalContent{margin:0 auto;width:1020px; } /*DESKTOP - Media Holders*/ #mainWrapper #allContent iframe, #InternalContentWrapper #singleColumnTemplateContent #mediaHolder ul{} #mainWrapper #allContent #mediaHolder iframe{width: 100%;height: 495px;} #mediaHolder,.listingMediaHolder,.profileImgHolder{margin:0 0 20px 0;padding:0;} #mediaHolder img{width:100%;height:495px;} #mediaHolder{width:100%} #webpageTemplate-Col1 #mediaHolder img.webPageImg{height:auto;} .scienceSectionInternalContentWrapper #webpageTemplate-Col1 #mediaHolder img.webPageImg{height:336px} .listingMediaHolder{width:100%;height:495px;} .dwtPostList #mediaHolder img, .dwtPostList #mediaHolder{height:auto !important; padding-top:0 !important} /*DESKTOP - Science Section Media Holder*/ .scienceSectionInternalContentWrapper #mediaHolder{height:340px} .scienceSectionInternalContentWrapper #mediaHolder .loadingImg{height:40px;width:120px; margin-top:0; top:0} .profileImgHolder{height:336px} /*DESKTOP - Landing Page Styles*/ /*DESKTOP - Listing Page Styles*/ #listingContent, .listingContent{width:660px;} ul#listingPageItems img{width:250px;height:150px;margin-right:20px} #listLandingTopContent, #landingPageBottomContent{width: 980px;margin-left: 7px;} /*DESKTOP - Landing Event Page Styles*/ #landingEventTemplateContent h2, .dateTimeHeader{width:640px;} /*DESKTOP - Webpage Template Styles*/ #webpageTemplateContent{width:963px;} #webpageTemplate-Col1{width:595px;float:left;margin:0;} #webpageTemplate-Col2{width:335px;float:right;margin:0 10px 0 20px;} #webpageTemplate-Col2 ul li{width:285px;} /*DESKTOP - DETAILS PAGE V2*/ .boxItem{height:360px;} .boxItem .dateTimeHeader{width:96%;padding:0 2%;} #detailpageTemplateContent{width:100%} #detailpageTemplate-Col1{width:745px;float:left;margin:0;} #detailpageTemplate-Col2{width:225px;float:right;margin-right:35px} #detailInfo{width:205px;min-height:100px; margin-top:30px;float:right;padding:10px;} #detailBodyText{width:400px; float:left;} .scienceSectionInternalContentWrapper #webpageTemplate-Col1{width:595px} .scienceSectionInternalContentWrapper #webpageTemplate-Col1 img{width:100%; height:auto} /*DESKTOP - Single Column Styles*/ #singleColumnTemplateContent{width:980px;} #singleColumnTemplateContent p{display:block;width:100%;float:none; clear:none} #singleColumnTemplateContent h3{float:none} #singleColumnTemplateContent #detailBodyText{width:620px} /*DESKTOP - ACCORDION*//*Move below other styles*/ #accordianMainContainer{width:590px;min-height:900px;} h2.acc_trigger{width:570px;height:50px;margin:-20px 0;line-height:50px;font-weight:normal;font-size:20px;} .accordianItemContainer{width:560px;padding:20px 15px 20px 15px;margin:0 0 10px 0;} .accordianItemContainer img.AccordianImg{margin-bottom:-20px;} .accordianItemDescription{margin:30px 0 0 0;} /*DESKTOP - TABS*//*Move below other styles*/ #mainTabContainer, #mainMultiMediaTabContainer{min-height:400px;} #mainTabContainer h2, #mainMultiMediaTabContainer h2{} .tab_container, #mainMultiMediaTabContainer .tab_container {} .tab_content, #mainMultiMediaTabContainer .tab_content{padding:0;} #mainMultiMediaTabContainer{width:743px; margin-top:10px} #mainMultiMediaTabContainer h2{width:560px} #mainMultiMediaTabContainer .tab_container{width:743px;height:495px;padding:0;} #mainMultiMediaTabContainer .tab_container img.webPageImg{width:743px; height:495px;} #mainMultiMediaTabContainer .tab_content{width:743px} .tab_content, #mainMultiMediaTabContainer .tab_content{} /*DESKTOP - TABS - SCIENCE SECTION SPECIFIC*//*Move below other styles*/ .scienceSectionInternalContentWrapper #mainTabContainer, .scienceSectionInternalContentWrapper#mainMultiMediaTabContainer{min-height:400px;} .scienceSectionInternalContentWrapper #mainTabContainer h2, .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer h2{} .scienceSectionInternalContentWrapper .tab_container, .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_container {} .scienceSectionInternalContentWrapper .tab_content, .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_content{padding:20px 0;} .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer{width:562px;margin-top:0} .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer h2{width:560px} .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_container{width:560px;height:370px;padding:0 8px;} .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_container img.webPageImg, .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_container iframe{width:500px; height:300px} .scienceSectionInternalContentWrapper #mainMultiMediaTabContainer .tab_content{width:560px} /*DESKTOP - PANORAMA*//*Move below other styles*/ .panoPosterImage{width:743px; height:495px;} .panoViewButton{position:absolute;} /*DESKTOP - FAQ*/ ul.faqHolder{width:250px;} /*DESKTOP - GOOGLE DIRECTIONS*/ #singleColumnTemplateContent #GoogleDirectionsContainer p, #singleColumnTemplateContent #GoogleDirectionsContainer h3{width:540px;} #GoogleDirectionsContainer{width:970px;} .direcitonsField{width:560px;} #map.directionMap{width:400px;} #directions{width:900px;} /*DESKTOP - Membership Page Styles*/ .membershipButtonsWrapper{width:960px;} /*DESKTOP - CROSS PROMO BOXES*/ #crossPromoHolder{height:390px;display:block;float:left;margin:45px 0 0 0;} .crossPromoBox{background:url(/media/1534/promobox.png) no-repeat;display:block;width:264px;height:307px;padding:15px;float:left;position:relative;} .crossPromoBox img{width:250px;height:150px;margin:0 0 0 6px;padding:0;} #crossPromoHolder .crossPromoBox h3{font-size:15px;text-transform:uppercase;margin:5px 0 2px 0;padding:0;} .crossPromoBox p{padding:0;margin:0;line-height:normal;width:250px;display:block;} .crossPromoBox h3{width:260px} .crossPromoBox h3 a{font-weight:bold;width:260px} .crossPromoBox a.buyNowBtn{margin-left:10px } .crossPromoBox a.learnMoreBtn, .crossPromoBox a.buyNowBtn{position:absolute;bottom:8px;} .crossPromoBox a.buyNowBtn{left:120px;} .crossPromoBtnContainer{display:block;width:270px;float:left;clear:both;} .crossPromoBoxContent{height:117px; overflow:hidden; float:left; width:260px} #singleColumnTemplateContent div#crossPromoHolder, .developmentSectionInternalContentWrapper div#crossPromoHolder{float:left;width:100%} /*DESKTOP - DEVELOPMENT SECTION*/ table.largeGridTable{width:960px;} table.largeGridTable tr td{width:182px;} ul#featureNewsItems{width:963px;} .staffProfileItem{width:960px;} #InternalContentWrapper.developmentSectionInternalContentWrapper #mediaHolder{background:transparent;height:336px; width:560px;} #InternalContentWrapper.developmentSectionInternalContentWrapper #mediaHolder img{height:336px; display:block} #InternalContentWrapper.developmentSectionInternalContentWrapper h3{float:none} /*DESKTOP - Calendar*/ #calCalendarContainer{width:235px;} #calCalendarContainer table{width:200px;} #todaysDate, #calControls table{width:570px} #calControls table td a{padding:5px} #calResultListContainer h2, .resultItemDescription{width:700px;} .resultItemBuyNow{float:right;height:150px;padding-top:35px} .resultItemDescription{padding-bottom:3px;} /*DESKTOP - Floor Map*/ #floorMapContent{width:963px;} #futurePlansInteractiveMapContainer, #futurePlansInteractiveMapContainer object{width:960px;height:540px;} /*DESKTOP - Footer*/ #footerContent, #subFooter{ margin:0 auto;} #footerContent{width:780px;} #subFooter{width:980px;} #footerContent .grid_4{float:left;} /*DESKTOP - Survey Module*/ .surveyHintModule{ position:fixed; bottom:0; right:0;border-left:1px solid #00a3f2; width:275px; height:120px; z-index:99999;} #browserContentWrapper{width:100%;display:block;float:left;background:#000;height:150px;left:0;margin:20px 0 0 0;padding:10px 0 0 0;clear:both;position:relative;z-index:9999;border-top:1px solid #424242} #browserContent{color:#999;background:#000;display:block;width:900px;padding:0 0 20px 0;margin:0 0 10px 30px;text-align:left;float:left;clear:both;position:relative;z-index:5000} #browserContent p{width:550px;float:left;} #browserContent img{right:0; position:absolute; top:0;} #browserContent img.imagine{right:80px; position:absolute; top:0;} /*Footer Logos*/ /*TripAdvisor Overtakes*/ .TA_certificateOfExcellence{float:right; display:block; position:absolute;width:148px; right:200px} .TA_certificateOfExcellence #CDSWIDCOE.widCOE{} .widCOETitle{font-size:10px;} .widCOEDate{font-size:9px;} #CDSWIDCOE.widCOE .widCOELogo .widCOEImg{position:relative !important; margin:0 auto} .widCOELink a{font-size:11px !important} }/*End Desktop Styles*/ /*TABLET STYLES*/ /*No tablet styles. Too unreliable*/ /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { #utilityContent{ right:5px} #HomePromoBoxes{margin-left:0; width:1020px;} #InternalContent, #allContent{width:980px;} .grid_4{margin-left:10px; margin-right:10px} .grid_4.boxItem {height:250px;margin-right:10px;} #mainNavTop{display:none; height:auto;} ul#mainNav, ul#rootSubNav{position:relative; float:left; height:auto;top:5px; left:0; margin:0 0 20px 0;padding:3px 0;font-size:16px;min-width:290px;width:100%;min-height:350px; -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px; border-bottom-right-radius: 8px;border-bottom-left-radius:8px;} body ul#mainNav li, ul#rootSubNav li{margin-left:0;border-bottom:1px solid #e5e5e5;display:block; float:left;height:auto;width:100%;list-style:none;} ul#mainNav a, ul#rootSubNav a{padding:15px 8px 13px 15px;margin:0 1px;font-weight:bold;text-decoration:none;display:block;} ul#mainNav a:hover, ul#mainNav li.selected a, ul#rootSubNav a:hover{color:#fff;border-bottom:none;text-decoration:none; background:#00a3f2;} ul#mainNav li ul.subNavFirst, ul#mainNav li:hover ul.subNavFirst, ul#mainNav li:hover ul.subNavFirst li, ul#mainNav li:hover ul.subNavFirst li a, ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond,ul#mainNav .subNavBottom {visibility:hidden;display:none !important;} #dmnsSearch{min-width:290px;width:95%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0px 2px 3px #999;-moz-box-shadow:inset 0px 2px 3px #999;box-shadow:inset 0px 2px 3px #999;background:#fff;height:30px;margin:2%;padding:0;display:inline;float:left} #utilityContent{display:none; position:relative;width:100%; height:auto; margin:13px 0 0 0; padding:0; border-top:1px solid #e5e5e5;} .untilityLinks{margin-left:2%; width:300px;} #Header{min-width:290px;min-height:50px; height:auto; position:fixed; top:0px; margin:0; padding:0;} #HeaderContent{height:50px;} #Logo{width:190px; margin:12px 0 0 10px;} #textPrintContainer{display:none !important;} #mobileUtilBar{display:block; height:53px; position:absolute; right:0;top:0} #mobileUtilBar a{border:none; border-left:1px solid #161a1d} #mobileUtilBar a:hover{text-decoration:none;} .mobileNavIcon, .mobileSearchIcon{background:url(/media/1807590/GlobalIcons-v2.png) no-repeat;width:53px; height:50px; display:block; float:left; border-left:1px solid #e5e5e5 } .mobileSearchIcon{background-position:33% 102%;} .mobileNavIcon{background-position:32% 67%;} .mobileSearchIcon.active, .mobileNavIcon.active{box-shadow:inset 0 0 8px #077abd} .boxItem .boxButtons, .boxItem a.learnMoreBtn, .boxItem a.buyNowBtn, .boxItem:hover .boxButtons{display:none; } #mainForm{margin-top:50px;} #detailpageTemplate-Col2{margin-right:0; margin-top:10px} } */ /*=====PHONES=====*/ /*Phones and anything smaller than an iPad Vertical*/ @media screen and (max-width:767px) { body {} h1#PageTitleHeader {text-align:center;margin-top:50px;} p,ul{font-size:14px;} ul{ list-style:disc;min-width:280px;width:98% } body #HomeContentWrapper{margin-top:38px;} #HomePromoBoxes h2{text-align:center; width:98%;margin-left:1%;margin-right:1%} #InternalContentWrapper h4{width:100% !important} #utilityContent{display:block; position:relative;width:100%; height:auto; margin:13px 0 0 0; padding:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;text-align:center; z-index: 100; background: white;} .untilityLinks{ padding:10px 1% 8px 1%; width:98%;background:white;font-size:10px;} /*MOBILE - Header*/ #Header{min-width:290px;min-height:50px; height:auto; margin:0; top:0; padding:0; position:absolute; } #HeaderContent{height:50px;border-bottom:1px solid #e5e5e5; background:white; z-index:100; position:relative;} #Logo{width:190px; margin:12px 0 0 10px;} #textPrintContainer{display:none !important;} .showSearchLink{display:none} /*MOBILE - BreadCrumbs*/ #breadcrumbNavWrapper{width:99% !important; height:auto; min-width:280px;margin-bottom:5px;padding:5px 0;border-top:1px solid #ddd;} #breadcrumbNav{width:96%; padding:0 2%;} #breadcrumbNavWrapper span{display:none;} #breadcrumbNavWrapper ul{float:left;width:90%; margin:0} #breadcrumbNavWrapper ul li{float:left;display:inline;} /*MOBILE - Back and Home Btn Top Bar*/ /*#mobileTopNavBar{background:#ddd;height:31px;display:block;float:left;margin:0 0 10px 0;width:99%;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));background:-moz-linear-gradient(top, #ccc 1%, #eee , #fff 15%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');} .mobileBackToHomeBtn{background:#000;display:block;float:left;width:100px;height:25px;border:1px solid black;padding:0 5px;margin:2px 10px 0 10px;line-height:25px;font-size:14px;color:#fff;text-decoration:none;text-align:center;background:-webkit-gradient(linear, left top, left bottom, from(#565656), to(#090909));background:-moz-linear-gradient(top, #090909 50%, #565656 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#090909');} .mobileBackLastPageBtn{background:url(/media/9087/mobileBackBtnBg.png) no-repeat;display:block;float:left;width:50px;height:28px;padding:0 5px;margin:1px 10px 0 10px;line-height:28px;font-size:14px;color:#fff;text-decoration:none;text-align:center;}*/ #mobileTopNavBar{display:none;background:#3c3c3c;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),color-stop(1,#111)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')"; height:31px;padding:5px 0;float:left;margin:0 0 10px 0;width:99%; } #navModalBg{display:none;position:fixed; z-index:1; background:#000; opacity:0.7; height:100%; width:100%; top:0; left:0} .mobileBackLastPageBtn, .mobileBackToHomeBtn{background:#333;width:50px;height:28px;padding:0 5px;margin:1px 10px 0 10px;line-height:28px; display:inline; border:1px solid #222; font-weight:bold; font-size:13px; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#333)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; border-bottom:1px solid #777;border-top:1px solid #555; box-shadow:0 1px 0 rbga(255,255,255,.8); text-align:center; color:white;background-clip:padding-box; border-radius:16px;} .mobileBackLastPageBtn:hover, .mobileBackToHomeBtn:hover{ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#555)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#555555')";} .mobileBackLastPageBtn{float:left;} .mobileBackToHomeBtn{float:right;} /*MOBILE - CONTACT INFO*/ #mobileHoursLocation{font-size:12px;font-weight:normal;min-width:300px;width:96%;height:auto;float:left;display:block;margin:4px 2%;padding:0;background:#ddd;border:1px solid #999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));background:-moz-linear-gradient(top, #ccc 20%, #eee , #fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');} #mobileHoursLocation a{color:#00a3f2;text-decoration:none;} #mobileHoursLocation span{width:130px;height:50px;float:left;padding:5px 10px;} #mobileHoursLocation span.mobileHours{float:right;} /*MOBILE - DMNS Search and Google Search*/ #dmnsSearch{display:none;min-width:290px;width:95%; border-radius:15px; border:1px solid #ddd; /*box-shadow:inset 0px 2px 3px #999;*/ background:#fff;height:30px;margin:2%;padding:0;float:left} /*MOBILE - NAVIGATION*/ #mainNavTop{display:none; height:auto; background:white; position:relative; float:left; /*overflow: scroll;height: 518px;*/z-index:91000} ul#mainNav, ul#rootSubNav{position:relative; float:left; height:auto;top:0; left:0;z-index:100; margin:0 0 20px 0;padding:0 0;font-size:16px;min-width:290px;width:100%;min-height:350px; -moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px; border-bottom-right-radius: 8px;border-bottom-left-radius:8px;} body ul#mainNav li, ul#rootSubNav li{margin-left:0;border-top:none;border-bottom:1px solid #e5e5e5;display:block; float:left;height:auto;width:100%;list-style:none;} #allContent ul#rootSubNav{min-width:300px;width:98%;min-height:125px;float:left;overflow:visible;padding:5px 0} #mainWrapper #allContent ul#rootSubNav li{} ul#mainNav a, ul#rootSubNav a{padding:9px 8px 8px 15px;font-size:14px;margin:0 1px;font-weight:bold;text-decoration:none;display:block;} ul#mainNav a:hover, ul#mainNav li.selected a, ul#rootSubNav a:hover{color:#fff;border-bottom:none;text-decoration:underline; background:#077abd;} /*subNavs*/ ul#mainNav li ul.subNavFirst, ul#mainNav li:hover ul.subNavFirst, ul#mainNav li:hover ul.subNavFirst li, ul#mainNav li:hover ul.subNavFirst li a, ul#mainNav li:hover ul.subNavFirst li ul.subNavSecond,ul#mainNav .subNavBottom {visibility:hidden;display:none !important;} /*MOBILE - Utility Bar, Nav Icons*/ #mobileUtilBar{display:block; height:53px; position:absolute; right:0;top:0; z-index:100; background:white;} #mobileUtilBar a{border:none; border-left:1px solid #161a1d} #mobileUtilBar a:hover{text-decoration:none;} .mobileNavIcon, .mobileSearchIcon{background:url(/media/1807590/GlobalIcons-V2.png) no-repeat;width:53px; height:50px; display:block; float:left; border-left:1px solid #e5e5e5 } .mobileSearchIcon{background-position:33% 102%;} .mobileNavIcon{background-position:32% 67%;} .mobileSearchIcon.active, .mobileNavIcon.active{box-shadow:inset 0 4px 8px #077abd; background-color:white;} /*MOBILE - All Content*/ #mainWrapper{float:left;margin:0;padding:0;min-width:300px;width:100%; } #mainForm{float:left;width:100%;margin-top:50px; min-width:300px; padding:0; position:relative;} #mainWrapper #allContent img{display:block;margin:auto} #mainWrapper #allContent img.webPageImg{width:100%} #mainWrapper ul{float:left;} #mainWrapper ul li{margin:0 0 0 5px;padding:0;list-style-position:inside} #mainWrapper ul li li{list-style:circle} #mainWrapper #allContent p{float:left;width:98%} #listLandingTopContent{margin-top:60px} #listLandingTopContent #PageTitleHeader{margin-top:20px;} /*MOBILE - Home Announcements*/ #fadeTicker{left:0; top:0;margin-top:20px} #fadeTicker ul{float:none} #fadeTicker ul li, #fadeTicker p{color:#fff;} /*MOBILE - Homepage Styles*/ /* #mainWrapper #allContent #HomeContentWrapper{float:left;display:block;min-width:300px; width:96%;margin:0;padding:0 2%} #categorySliderPromoContainer{width:100%; margin:110px 0 0 -5px; height:auto; background:transparent !important;} #categorySliderPromoContainer ul{float:left; height:auto;} #categorySliderPromoContainer ul li{float:left; display:block; margin:0 } ul#categorySlider{width:100% !important; margin:0} div.innerSliderContainer{border-bottom:1px solid #ddd; width:100%; height:230px} div.innerSliderContainer h2 {width:90%; float:none; display:block} ul#categorySlider li ul.innerSlider{margin:0 auto; float:none;} ul#categorySlider li ul.innerSlider li{float:none; margin:0 auto; width:90%; display:block} ul#categorySlider li ul.innerSlider img{float:left;} */ /*NEW HOMEPAGE SLIDESHOW STYLES*/ #HomepageSlideshow{height:300px;} /*MOBILE - Internal Content*/ #InternalContentWrapper{min-width:290px; margin:0; margin-top:0px; padding:0; background:transparent;} #InternalContent{width:95%; margin:0 auto; padding:0; float:none;} /*MOBILE - Landing Page Styles*/ /*MOBILE - Listing Page Styles*/ /*Listing Page Styles*/ #listingTemplateContent{float:left;} ul#listingPageItems{padding:0; margin:0 0 20px 0; width:100%} ul#listingPageItems li{margin:0;padding:10px 2%;width:96%;list-style-position:inside; list-style:none; border-top:1px solid #ddd; display:block; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #ffffff), color-stop(0.63, #eeeeee) ); background-image: linear-gradient(bottom, #ffffff 25%, #eeeeee 63%);} ul#listingPageItems li:first-child{border:none;} ul#listingPageItems img{width:30%; height:auto; margin-right:5% !important;} ul#listingPageItems li h2 {width:100%; float:left; padding:0; margin:0;} ul#listingPageItems li div.listingContent{width:60%} #listingTemplateContent ul#listingPageItems p{display:none; visibility:hidden;} ul#listingPageItems .dateTimeHeader{width:100%} ul#listingPageItems .learnMoreBtn{margin-left:0} ul#listingPageItems .buyNowBtn{display:none} /*MOBILE - NEW PROMO BOXES*/ .boxItem .boxButtons, .boxItem a.learnMoreBtn, .boxItem a.buyNowBtn, .boxItem:hover .boxButtons{display:none; } .grid_3, .grid_4{width:150px; height:198px;} .grid_4.boxItem {height:270px;margin:0.5%;} .grid_4.boxItem p {font-size:12px} .boxItem .dateTimeHeader{font-size:12px;clear:both;padding-top:10px} .boxItem img{height:144px; width:150px;margin-bottom:4px !important} .boxItem h3{width:130px; font-size:14px; height:50px !important;font-family:Futura-Medium, Arial, san-serif} #HomePromoBoxes{text-align:center} #HomePromoBoxes div.boxItem{float:none} #boxItemContainer{text-align:center} #boxItemContainer .grid_4{float:none;margin:0%; } /*MOBILE - Webpages, columns*/ #webpageTemplateContent{width:100%} #webpageTemplate-Col1, #webpageTemplate-Col2{float:left; width:100%; margin:0 0 10px 0;} #webpageTemplate-Col2 ul{} #webpageTemplate-Col2 ul li{width:95%} #singleColumnTemplateContent, #singleColumnTemplateContent h2, #singleColumnTemplateContent h3, #singleColumnTemplateContent h4{} #allContent #singleColumnTemplateContent ul,#singleColumnTemplateContent ul li{width:95% !important} #mainWrapper #allContent #singleColumnTemplateContent img{margin:0 8px 8px 0;} #crossPromoHolder{display:none !important; visibility:hidden} /*MOBILE - DETAILS PAGE*/ #detailInfo{width:92%; padding:4%; margin-top:15px;float:left;} .detailsSidebarBox{float:none; margin:10px auto;} #detailpageTemplate-Col2{float:none; clear:left; overflow:hidden; margin:10px auto;} /*MOBILE - GOOGLE DIRECTIONS*/ #GoogleDirectionsContainer, #map.directionMap{ width:100%} #GoogleInputForm{float:left; width:90%; padding:10px 5%;} .direcitonsField{width:90%;} #singleColumnTemplateContent #GoogleDirectionsContainer p, #singleColumnTemplateContent #GoogleDirectionsContainer h3{width:80%} #directions{width:90%; margin:0 auto;} a#getdirections{margin-left:29px} #map.fullWidthMap{width:100%;} /*MOBILE - SiteMap*/ #singleColumnTemplateContent div#sitemap ul li{width:100%;} /*MOBILE - MEDIA STYLES*/ #mediaHolder {min-width:300px !important; width:100% !important; max-width:767px; height:auto !important; background:transparent !important;margin:0 auto 20px auto;padding:0 !important;} .acc_accordian #mediaHolder{background:#fff} #mediaHolder img{min-width:250px; width:100% !important; height:auto;} #mediaHolder img.webPageImg{width:95% !important; height:auto;} #mainWrapper #allContent iframe{width:100% !important;} #mainWrapper #InternalContent iframe{width:100% !important;} .teachersFlexslider .slides, .largeFlexslider .slides, .generalFlexlslider .slides, .generalFlexsliderVideo .slides, .flexslider .slides{float:none !important;} /*MOBILE - DEVELOPMENT SECTION - 2012*/ .developmentSectionInternalContentWrapper #generalMediaContainer, #allContent .developmentSectionInternalContentWrapper #generalMediaVideoContainer{width:300px; margin-left:-50px; margin-top:-20px} .developmentSectionInternalContentWrapper div#crossPromoHolder{display:block !important; visibility:visible;width:96%;float:none;height:auto; clear:both; position:relative; margin:30px auto;} .developmentSectionInternalContentWrapper #crossPromoHolder .crossPromoBox, .developmentSectionInternalContentWrapper div#crossPromoHolder .crossPromoBox:last-child{margin-right:0 !important;margin:20px auto 0 auto !important; clear:left; overflow:hidden; border-radius:5px;background:white;padding:20px 2%; text-align:center;} .developmentSectionInternalContentWrapper #crossPromoHolder .crossPromoBox img{ height:150px; width:250px;} .developmentSectionInternalContentWrapper #crossPromoHolder #customPromo{height:auto; } .developmentSectionInternalContentWrapper #crossPromoHolder #customPromo.crossPromoBox p a{display:block; border-top:1px solid #ddd; padding:4px 4px 0 4px; font-size:16px} .developmentSectionInternalContentWrapper #crossPromoHolder #customPromo.crossPromoBox p:last-child a{border-bottom:1px solid #ddd; padding-bottom:4px} .developmentSectionInternalContentWrapper #crossPromoHolder .learnMoreBtn{float:none; clear:both; margin-left:auto; margin-right:auto;} .developmentSectionInternalContentWrapper #mediaHolder{ display:block; float:left; margin-left:0;} .developmentSectionInternalContentWrapper p{float:left;width:100%} .developmentSectionInternalContentWrapper .generalFlexslider-container{margin-left:0; margin-bottom:20px;} #corporatePartnersTable td{float:left} /*MOBILE - DEVELOPMENT Staff Profiles*/ #staffProfilesWrapper{} #staffProfilesWrapper h3{font-size:18px} .staffProfileItem{float:left;margin-top:10px;width:98%} .profileImgHolder, .profileImgHolder img, .profileContent, .profileTitleInfo, table.largeGridTable{width:100%;} .profileImgHolder{background:none; height:auto;padding:0;margin:0} .profileImgHolder img{margin:0 0 10px 0;} .profileContent{float:left;} .profileTitleInfo{font-size:14px; font-weight:bold; color:#404040; margin:5px 0 0 0; float:left;} /*MOBILE - Levels Table*/ table.largeGridTable{font-size:12px !important} table.largeGridTable tr td{width:20%; font-size:12px} table.largeGridTable tr.largeGridTableHeader td{font-size:12px !important} /*MOBILE - DEVELOPMENT Gift and product Listing */ .productListingContent p{/*width:300px;*/float:left;} /*MOBILE - DEVELOPMENT News sections*/ ul#featureNewsItems, ul#featureNewsItems li img{width:100%} ul#featureNewsItems li{ display:block; float:left; width:300px !important;} ul#featureNewsItems li p{padding:0 5px} .featuredNewsBtn{float:left !important; width:200px !important;} /*MOBILE - Wufoo form*/ #loadingForm{top:25px;} /*MOBILE - TABS AND ACCORDION*/ /*Main Accordian Styles*/ .accordianMainContainer{min-width:295px;width:98%;margin:5px 0 0 0;} .accordianMainContainer p{padding:5px;width:290px} .accordianMainContainer h3{padding:5px 5px 5px 0;width:290px} h2.acc_trigger{min-width:295px;width:98%;height:30px;margin:0;line-height:30px;font-weight:bold;font-size:16px;} .accordianItemContainer{min-width:300px;width:98%;padding:10px 1%;margin:0 0 5px 0;} .accordianItemContainer img.AccordianImg{margin-bottom:0;margin-left:0px} .accordianItemDescription{margin:20px 0 5px 0;padding:5px 0;font-size:12px;border-bottom:1px solid #ddd;width:90%; padding-left:5%} .acc_container{float:left;margin-top:0;padding:0;top:0; width:95%} .accordianItemContainer .acc_container #mediaHolder{padding:0;margin:-20px 0 0 0;height:200px;background:transparent;} .accordianItemContainer .acc_container #generalMediaHolder{float:left;} .accordianItemContainer .acc_container #mediaHolder .slider-nav{} /*.accordianItemContainer .acc_container div.museumOrbitSlider{padding:0;margin:-20px 0 0 0;width:250px;height:147px;}*/ .accordianLearnMoreBtnContainer{display:block;float:left;width:100%} div.acc_container img.webPageImg{width:95% !important} .generalFormTable, #DMNSgeneralForm{width:300px} /*--TABS -- CSS originally from Soh Tanaka. Modified by DMNS*/ .simpleTabs{}/*just a container that makes jQuery able to target each tab group on a page.*/ #mainTabContainer, #mainMultiMediaTabContainer {min-height:210px;width:100%} #mainTabContainer h2, #mainMultiMediaTabContainer h2{width:98%;} .tab_container, #mainMultiMediaTabContainer .tab_container {width:100%;} .tab_content, #mainMultiMediaTabContainer .tab_content{padding:2%;width:95%;} ul.tabs li {width:20%;text-transform:normal; font-size:11px;margin-left:0 !important} #mainMultiMediaTabContainer ul.tabs li{width:25% } ul.tabs li a {padding:6px 0;} /*MOBILE - Multi Media Tabs- Used for Scientist pages, any page that utilizes the multi media tabs.*/ #mainMultiMediaTabContainer{width:98%;} #mainMultiMediaTabContainer h2{width:90%} #mainMultiMediaTabContainer .tab_container{width:100%;padding:0 0 40px 0; min-height:200px; height:auto;} #mainMultiMediaTabContainer .tab_container img.webPageImg{width:100%; height:auto} #mainMultiMediaTabContainer .tab_container .museumOrbitSlider.orbit{height:147px !important} #mainMultiMediaTabContainer .tab_container .museumOrbitSlider.orbit img{height:147px !important} #scienceBioPageMediaHolder{width:100% !important; height:260px !important} /*MOBILE - TABS - SCIENCE SECTION SPECIFIC*//*Move below other styles*/ /*MOBILE - FAQ*/ ul.faqHolder{width:100%;min-height:100px;padding:0;clear:both} ul.faqHolder .faqBox{width:100%;border-top:1px solid #999;background:white;background:-webkit-gradient( linear, left bottom, left top, color-stop(0, #ddd),/*bottom*/ color-stop(0.75, #fff)/*top*/ );background:-moz-linear-gradient(center bottom, #ddd 0%, #fff 75%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddddd');} ul.faqHolder li.faqQuestion, ul.faqHolder li.faqAnswer{position:relative;list-style:none;width:100%;padding:0;margin:0;display:block;float:left;} .faqLetter{display:block;font-size:18px;color:#999;width:80%;height:20px;position:absolute;left:0;} #mobile ul.faqHolder li.faqQuestion p, #mobile ul.faqHolder li.faqAnswer p{width:80%;min-width:240px;float:left;position:relative;top:0;left:20px;margin-top:6px;} .faq_trigger.faqCloseAnswer{position:absolute;right:10px;cursor:pointer;display:block;font-weight:bold;font-size:12px;color:#999;} /*MOBILE - Floor Map*/ #futurePlansInteractiveMapContainer, #futurePlansInteractiveMapContainer object{width:100%;height:320px;max-width:480px;} #floorMapsObject{min-width:300px;max-width:480px;} /*MOBILE - Panoramic/spherical viewer Styles - Used mainly in catering*/ .panoPosterImage{width:100%; height:auto;} .panoViewButton{position:absolute; top:30%; left:20%; top: 50%; left: 50%; margin-left: -105px !important; margin-top: -30px !important;} /*Panoramic viewer*/ #sphericalViewerDialog{width:100% !important; height:480px !important;margin:0 !important; top:0 !important; left:0 !important;} #sphericalViewerDialog iframe{width:100% !important; height:480px !important; } /*MOBILE - Survey Module*/ .surveyHintModule{float:left; position:relative;} /*MOBILE - FOOTER STYLES*/ #footer{height:auto} #footer .grid_4{float:none; margin:10px auto; width:224px; height:auto;display:block} #footerContent{width:100%} #MuseumSocialMediaShareWrapper{background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0; width:95%; margin:0 10px; float: left;} #MuseumSocialMediaShareIcons{margin:0; max-width:450px; width:100%;} /*MOBILE - Calendar*/ #calCalendarContainer, #todaysDate,#calControls, #calControls table{width:100%;} #calCalendarContainer table{width:98%;} #calControls table td a{padding:0} .calDayName{font-size:16px;} .calNextPrev{font-size:18px;} .calNextPrev a{width:100%;} td.calOtherMonthDay a, td.calTodayDay a{width:100% !important} .calTitle{font-size:18px} /*MOBILE - Calendar Header*/ #calResultListContainer h2{width:100%;} ul#calResultList li{padding-bottom:10px} .resultItemBuyNow{float:left;height:75px;} .resultItemDescription{padding:0 10px; width:98%} .socialIcons img{margin-left:10px} .container_16{width:100%} #countdownClock{bottom:30px !important} }/*END MOBILE STYLES*/ /*SMALL SCREEN HEIGHT MENU FIX*/ @media screen and (max-width:767px) and (max-height:460px){ #HeaderContent{ -webkit-box-shadow: 0px 4px 4px -2px rgba(74,74,74,0.75); -moz-box-shadow: 0px 4px 4px -2px rgba(74,74,74,0.75); box-shadow: 0px 4px 4px -2px rgba(74,74,74,0.75); } #mainNavTop{height:auto;background:white;} } @media screen and (max-width:767px) and (max-height:320px){ #mainNavTop{height:auto;background:white; z-index:10; } } .wufooContactForm iframe{height:577px} /*====PROMO MODAL FOR HOMEPAGE - MAINLY CYBER MONDAY===*/ /*===== site HOMEPAGE MODAL POP UP. WRAPPER LIVES homepage tempplate =====*/ #homeModalBg{width:100%; height:100%; position:fixed; top:0;left:0;z-index:999999; background:black; opacity: 0.5; rgba(0,0,0,0.8);} #homeModalContentWrapper{width:850px; height:70%; padding:2%; margin-left:-425px; left:50%; top:10%; position:absolute;z-index:9999999; background:white; -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75); border-radius:4px; } #homeModalContentWrapper h3, #homeModalContentWrapper h4{margin-bottom:20px;} #homeModalContentWrapper #closeHomeModal{cursor:pointer; background:#00a3f2; color:white; font-size:16px; padding:10px;border-radius:4px; position:absolute;right:0px; top:-20px;border:2px solid white;} .homeModalContent{font-size:14px; line-height:20px;} .homeModalContent p{ margin:8px 0; width:100%;} .homeModalContent img{float:left; margin:0 10px 10px 0} .homeModalContent .MuseumBtn{margin-right:10px !important; padding:10px 10px !important; width:auto; margin:10px 0; } #modalNoThanks{position:absolute; right:10px; bottom:10px;} .enterPromoCodeText{margin-left:0px; font-weight:bold; font-size:16px} /*HIDE ALL UNTIL LIVE*/ .no-JS #homeModalBg,.no-JS #homeModalContentWrapper{display:none;} .js #homeModalBg,.js #homeModalContentWrapper{display:none;} @media screen and (max-width:767px){ #homeModalContentWrapper{ width:80%; margin-left:-42%; left:50%; } } @media screen and (max-width:550px){ .homeModalContent img { float: none; margin: 0 auto 10px auto; display: block; } } /*PRESS ROOM STYLES*/ .PressRoomImagesCaptionsTable{vertical-align:top; padding:10px;} .PressRoomImagesCaptionsTable td{padding:10px; vertical-align:middle} .PressRoomImagesCaptionsTable img{max-width:250px;} .GeneralTable{} .GeneralTable td{border:1px solid #424242; padding:8px;} /*Fluid JS overrides*/ .fluid-width-video-wrapper{max-height:400px !important;} .fluid-width-video-wrapper iframe{max-height:495px;} @media screen and (min-width:768px){ #directVideoLink{margin: -150px 0 0 0% !important;position:relative;} #detailpageTemplate-Col1 #directVideoLink{margin: 0 !important;} } /*NO JS STYLES*//*TODO: Figure out a way to get this to not load UNLESS no JS is detected. Causes slight layout jump. Separate style sheet?*/ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */