html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } textarea { height:50px; width:300px; } .clear { clear:both; font-size:0px; height:0px; } .error, .success { font-weight: bold; padding: 10px 15px; text-align:center; } .success { background-color: #7E860E; color: #fff } .error { background-color:#A33131; color:#F7F6E6; } #panel { width: 950px; } #panel #toppane { border: 1px solid #000; } #panel #leftpane { border: 1px solid #000; height: 450px; float: left; width: 200px; } #panel #rightpane { float: right; width: 180px; height: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; overflow: auto; margin:0; padding:0; border: 1px solid #000; } html { overflow-y: scroll; } html, body { height: 100%; min-height: 100%; } html, body, input { font-size:12px; } body { background: url(../images/bg.jpg) top left repeat-x #f6f4e5; font-family: Arial, Helvetica, sans-serif; color: #666; } input { font-family: Arial, Helvetica, sans-serif; } a img { border: none } /* Global */ a:focus { outline: none; } p { margin: 5px 0; line-height: 16px; font-size: 11px; } #container { min-width: 1000px; position:relative; height:auto !important; height:100%; min-height:100%; } #header { height: 135px; background: url(../images/header.jpg) top left no-repeat; position: relative; } #header #logo { position: absolute; top: 0; left: 5px; z-index: 99; } #header #headertrees { background: url(../images/header_bg_right.gif) bottom right no-repeat; height: 107px; } #nav { margin-left: 210px; height: 53px; width: 774px; } #nav li { float: left; margin: 0; margin-top: 10px; list-style: none; } #nav a { float: left; text-decoration: none; color: #fff; text-indent: -500em; height: 24px; display: block; background: top left no-repeat; } #nav a:hover, #nav a:active { text-decoration: underline; } #nav a.planatrip { background-image: url(../images/nav_planatrip.gif); width: 106px; } #nav a.packagedeals { background-image: url(../images/nav_packagedeals.gif); width: 130px; } #nav a.grandtour { background-image: url(../images/nav_oregongrandtour.gif); width: 164px; } #nav a.soundtracks { background-image: url(../images/nav_soundtracks.gif); width: 117px; } #nav a.faq { background-image: url(../images/nav_faq.gif); width: 44px; } #nav a.login { background-image: url(../images/nav_login.gif); width: 49px; } #nav a.logout { background-image: url(../images/nav_logout.gif); margin-top:2px; width: 49px; } #nav li.auth { float: right; margin-right: 15px; } .loggedIn #nav a.login { display:none; } #nav a.logout { display:none; } .loggedIn #nav a.logout { display:block; } body.challenge #nav a.challenge, body.map.index #nav a.planatrip, body.packagedeals #nav a.triprules, body.grandtour #nav a.grandtour, body.soundtracks #nav a.soundtracks, body.login #nav a.login { background-position: 0 -30px; height: 30px; } #nav a:hover { background-position: 0 -30px; } .button { display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 11px; text-align: center; padding: 3px 4px 3px 4px; margin-bottom: 3px; } #userProfile { position: absolute; top: 25px; left: 606px; width: 380px; height: 154px; z-index: 2; font-size: 10px; color: #6c740c; text-transform: uppercase; } #userProfile a:link, #userProfile a:visited { color: #7e860e; text-decoration: none; } #userProfile a:hover, #userProfile a:active { text-decoration: underline; } #userProfile #message { color:#FFFFFF; font-size:12px; line-height:18px; font-weight: bold; background: url(../images/login_or_register.png) 0 0 no-repeat; bottom:50px; height:68px; left:85px; position:absolute; width:246px; } #userProfile #message p { margin:15px 0px 0px 70px; } #userProfile .button { background-color: #899314; float: right; margin-right: 12px; } #userProfile a.button:link, #userProfile a.button:visited { color: #fff; } #userProfile a.button:hover, #userProfile a.button:active { color: #fef; } #userProfile .helpLink { float:right; } #profileUploaderContainer { left:-65px; position:absolute; top:120px; } #profileUploaderContainer .file { margin-top: 10px; } #profileDetailsContainer { background: url(../images/profilebox_bg.png) 0 0 no-repeat; height:115px; position:absolute; right:7px; top:18px; width:243px; } #profileDetails { color: #fff; font-weight:bold; padding: 7px 10px 0; } #profileDetails p { margin: 2px 0; } #profileDetails h3, #profileDetails .stat { color: #3c5323; margin-right:2px; } #profileDetails h3 { font-size:13px; } #profileDetails a.edit { color: #fff; float: right; } #profileDetails .categorystatus img { font-size: 0px; padding-right: 5px; width: 25px; } #profileDetails .stats { margin-top: 3px; } #profileDetails .congrats { background: url(../images/profilebox_congrats_bg.png) 0 0 no-repeat; color: #bdcb17; height: 46px; line-height: 13px; margin-left:-6px; margin-top:-2px; padding: 13px 10px 10px 10px; text-align: center; width: 214px; } #profileDetails .congrats a { display: block; } #registerform { margin: 33px 0 0 145px; } #registerform .textfield { font-size: 9px; color: #5b432c; width: 100px; height: 12px; margin: 0 4px 4px 0; padding: 3px; border: 1px solid #9ea915; } #registerform .checkbox { margin-bottom: 3px; } #registerform label { margin-top: 3px; font-size: 9px; } .avatar { background: url(../images/polaroid.png) 0 0 no-repeat; display:block; height:102px; left:14px; position:absolute; top:17px; width:109px; } #avatar { border:none; left:9px; position:absolute; top:9px; } #uploadPhoto { background: url(../images/upload_photo.png) center center no-repeat; display:none; height:23px; left:38px; position:absolute; top:53px; width:37px; } .avatar:hover #uploadPhoto { display:block; } /*shadowbox*/ .shadowbox { background:url(../images/shadow.png) no-repeat bottom right; margin: 6px 0 0 6px !important; margin: 6px 0 0 6px; width:245px; } .shadowbox { color: #6c740e; left:735px; position:absolute; top:42px; z-index:10; } .shadowbox .success, .shadowbox .error { margin: -6px 6px 6px -6px; width: 219px; } .shadowbox .errors { display:none; } .shadowbox .submit { bottom: 10px; position: absolute; right: 10px; } .shadowbox .submit input:hover { background-color:#646a0b; color: #fff; } .shadowboxcontent { background-color: #bdcb17; margin: -6px 6px 6px -6px; padding: 5px; position: relative; width:239px; } .shadowboxcontent h3 { font-size: 13px; padding: 5px 0px; } .shadowboxcontent a:hover { color: #7e860e } .shadowboxcontent h3, .shadowboxcontent a { color: #ffffff; text-transform: uppercase; } .shadowboxcontent input { border: 1px solid #7e860e; color:#666666; font-size:11px; padding:2px 5px; width:103px; } .shadowboxcontent .submit input { background-color:#7e860e; border: none; color: #ffffff; font-weight: bold; text-transform: uppercase; width: auto; } .shadowboxcontent .submit input:hover { background-color:#ffffff; color: #7e860e; } /* home login */ #home .shadowboxcontent { width: 395px; } /*close button*/ .closex { position: absolute; top: -6px; } .shadowbox .closex, #challenge .closex, #anytimeCertificate .closex, .orangepopup .closex, #anytimeTerms .closex, #soundtracks .closex { right: -10px } .shadowbox .closex { top: -10px; } /*login*/ #anytimeLogin #authForm { height: 75px; margin-top: 25px; } #anytimeLogin .links div { margin-top:5px; } #anytimeLogin .links { bottom:10px; left:5px; position:absolute; } #anytimeLogin .links a { font-size: 11px; font-weight: bold; } /*register*/ #anytimeRegistration form { height: 165px } #anytimeRegistration .leftFields, #anytimeRegistration .rightFields { float: left; } #anytimeRegistration .rightFields { margin-left: 5px; } #anytimeRegistration .leftFields label, #anytimeRegistration .rightFields label { display: none } #anytimeRegistration .leftFields input, #anytimeRegistration .rightFields input { display: block; margin-top: 4px; } #anytimeRegistration .checkboxes input { margin: 0px; width: auto; } #anytimeRegistration .checkboxes { font-size: 10px; margin-top: 15px; text-transform: uppercase; } #anytimeRegistration .checkboxes label, #anytimeRegistration .checkboxes input { float: left } #anytimeRegistration .checkboxes label { margin-left: 5px; width:210px; } #anytimeRegistration .checkboxes .row { float: left; margin-bottom: 5px; } /*forgot password*/ #anytimeForgotPassword form { height: 55px; } #anytimeForgotPassword input.email { width:225px; } /*prompt for login*/ #promptForLoginContainer { font-weight: bold; left: 200px; top: 330px; z-index:10; } #promptForLoginContainer .shadowboxcontent { padding:15px 10px 0px 10px; } #promptForLoginContainer h3 { color: #7e860e; padding: 0; } #promptForLoginContainer p.choice { color: #ffffff; margin:10px 0; text-transform: uppercase; } #promptForLoginContainer .choices { padding-bottom: 5px; } #promptForLoginContainer a.button { background-color: #7e860e; float: left; margin-right: 25px; } #promptForLoginContainer a.last { margin-right: 0; } #promptForLoginContainer a:hover.button { background-color: #ffffff; color: #7e860e; } div.dotted, div.dottedwhite, div.wave { height: 13px; margin: 6px 0; border: 0; } div.dotted { background: url(../images/hline.gif) center left repeat-x; } div.dottedwhite { background: url(../images/hline_white.gif) center left repeat-x; } div.wave { background: url(../images/hline_wave.gif) center left repeat-x; } .left { float: left; } .right { float: right; } .center { text-align: center; } .middle { margin-left: auto; margin-right: auto; } .spacer { height: 0; clear: both; font-size: 0; } .closex { display: block; width: 36px; height: 37px; text-indent: -500em; background: url(../images/close_x.png) top left no-repeat; } .closex:hover { background: url(../images/close_x_hover.png) top left no-repeat; } /* Home */ #content { background: url(../images/content_topborder.gif) top left repeat-x; padding: 40px 0 100px 0; } body.content.index #header { background: url(../images/header_home.jpg) top left no-repeat; height: 143px; } #contentwrapper { background: url(../images/trees_bl.gif) bottom left no-repeat; } #contentmain { background: url(../images/trees_br.gif) bottom right no-repeat; } #feature { height: 227px; background: url(../images/woodgrain.jpg) top left repeat-x; position: relative; } #feature img { border: 0; } #featurecontainer { width: 970px; margin: 0 auto; position: relative; top: -91px; } #rotatingfeatures { float: left; width: 714px; height: 305px; background: url(../images/home/feature_bg.png) top left no-repeat; position: relative; padding: 12px; } #rotatingfeatures #images { position: relative; width: 690px; height: 281px; overflow: hidden; } #featurenav { position: absolute; bottom: 31px; right: 30px; z-index: 50; background: url(../images/home/feature_nav_bg.png) top left no-repeat; width:133px; height:27px; padding: 10px 0 0 15px; } #featurenav a:link, #featurenav a:visited { width: 16px; height: 17px; display: block; float: left; text-decoration: none; color: #a35a31; font-size: 14px; font-weight: bold; text-align: center; } #featurenav a:hover, #featurenav a:active, #featurenav a.activeSlide { background: url(../images/home/feature_nav_selected_bg.gif) top left no-repeat; color: #fff; } #featurebox { margin-left: 720px; background: url(../images/home/feature_box.png) top left no-repeat; width:211px; height:256px; padding: 51px 0 0 32px; } #featurebox p { color: #523d31; padding: 5px 0 12px 0; font-weight: bold; font-size: 12px; } #featurebox #beensomeplace { background: url(../images/home/ttl_feature.gif) top left no-repeat; text-indent: -500em; width:185px; height:95px; } #home #content { padding-bottom: 160px; } #home #frame { width: 970px; margin: 0 auto; padding: 1px 15px; position: relative; top: -60px; } #home #frame p { font-size: 12px; } #home #col1 { width: 480px; float: left; } #home #col2 { width: 440px; margin: 24px 0 0 0; padding-left: 40px; background: url(../images/home/home_vdivider.gif) top left repeat-y; float: left; } #home #content p { font-weight: bold; color: #999; padding-right: 15px; } #home #categories { margin: 20px 0 0 30px; width: 340px; } #home .icon { float: left; } #home .catdivider { margin: 10px 0; background: url(../images/home/cat_divider.gif) bottom center no-repeat; width: 358px; height: 13px; } #home .cattext { margin-left: 45px; } #home .cattext h3 { text-transform: uppercase; color: #523d31; font-size: 12px; } #home .cattext p { margin-top: 0; } #home .regionpick .cattext a:link, #home .regionpick .cattext a:visited { text-decoration: none; color: #a35a31; } #home .regionpick .cattext a:hover, #home .regionpick .cattext a:active { text-decoration: underline; } #home .premade { margin-bottom: 20px; text-transform: uppercase; } #home .premade .button, #home .regionpick .button, #featurebox .button { display: inline; background-color: #ae6732; padding: 6px; margin-right: 10px; } #home .arrowleft:link, #home .arrowleft:visited { background: url(../images/arrow_righttri_brown2.gif) center left no-repeat; padding-left: 10px; color: #523d31; font-weight: bold; text-decoration: none; } #home .arrowleft:hover, #home .arrowleft:active { text-decoration: underline; } #home #homemap { margin-bottom: 30px; } #home #homemap p { padding-top: 25px; } #home #inlineauth { position: relative; font-size: 11px; margin-top: 15px; } #home #inlineauth .errors { display: none; } #inlineauth .checkboxes input { float: left; } #inlineauth .checkboxes label { margin-left: 0; } #inlineauth .formfields { background: url(../images/home/inlineauth_vline.gif) top left repeat-y; margin-left: 115px; } #inlineauth #authlabels { width: 120px; float: left; } #homeauth .links { padding-left: 5px; } #homeauth #homeauthform { margin-left: 115px; position: relative; background: url(../images/home/inlineauth_vline.gif) top left repeat-y; } #homeauth #homeauthform #authFormInline input { width: 192px; margin-bottom: 6px; float: left; } #homeauth #homeauthform #authFormInline #submit { float: right; width: 60px; height: 40px; position: absolute; top: 0; right: 0; } #inlineauth #authlabels p { text-transform: uppercase; color: #fff; font-weight: bold; font-size: 14px; text-align: right; } #homeregister { display: none; } #homeregister #accountFormInline .leftFields label, #homeregister #accountFormInline .rightFields label { display: none; } #homeregister #accountFormInline .row { margin-left: 5px; text-transform: uppercase; color: #899314; margin-bottom: 5px; } #homeregister #accountFormInline input { width: 115px; margin: 0 4px 4px 0; } #homeregister #accountFormInline #submit { float: right; width: 63px; height: 44px; margin-top: 6px; } #whatsthechallenge, #getstarted, #pickaregion, #easyroute { text-indent: -500em; } #whatsthechallenge { background: url(../images/home/ttl_whats_the_challenge.gif) top left no-repeat; width: 399px; height: 28px; margin-top: 10px; } #getstarted { background: url(../images/home/ttl_getstarted.gif) top left no-repeat; width: 206px; height: 28px; } #pickaregion { background: url(../images/home/ttl_pick_a_region.gif) top left no-repeat; width: 166px; height: 35px; margin: 20px 0 0 0; } #easyroute { background: url(../images/home/ttl_premade_trip.gif) top left no-repeat; width: 242px; height: 47px; margin: 20px 0 30px 0; } #home .wave { text-align: center; margin: 15px 0; } /* Footer */ #footer { position:absolute; width:100%; bottom: 0; background: url(../images/trees_bl.gif) bottom left no-repeat; height: 147px; } #footerwrapper { background: url(../images/trees_br.gif) bottom right no-repeat; height: 147px; } #footernav { padding-top: 112px; } #footernav ul { width: 530px; margin: 0 auto; } #footernav li { float: left; list-style: none; } #footernav #statelogo { float: left; } #footernav #statelogo a { background: url(../images/statelogo.gif) top left no-repeat; display: block; height: 31px; padding-left: 45px; } #footernav #portofportland { position: absolute; bottom: 5px; right: 10px; } #footernav a { float: left; text-decoration: none; color: #fff; padding-top: 13px; margin: 0 15px; display: block; text-transform: uppercase; font-size: 10px; } #footernav a:hover, #footernav a:active { text-decoration: underline; } #footernav #portofportland a { margin: 0; padding: 0; display: inline; float: none; } body.map #leftpane, body.map #rightpane { padding-bottom: 177px; } #stats { height: 0; overflow: hidden; } /* Challenge */ #challengeheader { background: url(../images/challenge_header.png) top left no-repeat; width: 960px; height: 127px; text-indent: -500em; } #challengebody { background: url(../images/challenge_bg.png) top left repeat-y; width: 960px; } #challengefooter { background: url(../images/challenge_footer.png) top left no-repeat; width: 960px; height: 28px; } #challengecol1 { width: 638px; float: left; background: url(../images/challenge_vline.gif) top right repeat-y; padding: 15px 0 0 15px; } #challengecol2 { width: 265px; margin-left: 638px; padding: 15px 0 0 15px; } #challenge h2 { text-transform: uppercase; color: #493930; font-size: 16px; } #challenge strong { color: #a35a31; } #challenge h3 { text-transform: uppercase; color: #666; font-size: 14px; } #challenge #break1 { background: url(../images/challenge_break1.gif) top left no-repeat; width: 625px; height: 13px; margin: 10px 0; } #challenge #break2 { background: url(../images/challenge_break2.gif) top left no-repeat; width: 625px; height: 13px; margin: 10px 0; clear: both; } #challenge #break3 { background: url(../images/challenge_break3.gif) top left no-repeat; width: 293px; height: 13px; margin: 10px 0; } #challenge p, #challenge h3, #challenge .icon { margin-left: 20px; } #challenge p { font-weight: bold; color: #999; padding-right: 15px; } #challenge #cats1 { float: left; width: 286px; } #challenge #cats2 { margin-left: 286px; width: 296px; } #challengemap { margin-left: 20px; } #challenge .icon { float: left; } #challenge .cat { margin-left: 45px; } #challengetour { background: url(../images/challenge_tour.png) top left no-repeat; width: 269px; height: 218px; display: block; position: relative; } #challengetour .button { position: absolute; left: 120px; bottom: 26px; background-color: #c5753a; } #challengetour .button:link, #challengetour .button:visited { background-color: #dc8341; } #challengetour .button:hover, #challengetour .button:active { background-color: #c5753a; } body.challenge .pad { padding-bottom: 130px; } #challenge { width: 960px; margin: 0 auto; color: #858368; font-size: 12px; position: relative; } #challenge #startchallenge { position: absolute; bottom: 8px; margin-left: 480px; display: block; width: 452px; height: 73px; background: url(../images/arrow_startchallenge.png) top left no-repeat; text-indent: -500em; } #challenge #startchallenge:hover { background-position: 0 -73px; } /* Oregon Grand Tour */ #tournav { margin-left: 60px; margin-bottom: 120px; } #tournav li { float: left; margin:0; list-style: none; } #tournav a { float: left; text-decoration: none; color: #523d31; display: block; } #tournav span { display: none; } #tournav a img { border: none; } #tournav a img.hover, #tournav a:hover img.regular { display: none; } #tournav a:hover img.hover { display: block; } #tourcentral, #toureastern, #tourportland, #toursouthern, #tourcoast, #tourmthood, #tourvalley { display: none; } #grandtour #detailscontainer { margin-top: 12px; } #grandtour { width: 965px; margin: 0 auto; position: relative; } #grandtour h1 { display: block; position: absolute; text-indent: -500em; background: url(../images/grandtour.png) top left no-repeat; width: 322px; height: 101px; top: -12px; left: 4px; } #grandtour h2 { text-transform: uppercase; color: #523d31; font-size: 16px; margin-left: 120px; } #grandtour h2 strong { color: #a35a31; } #grandtour h3 { color: #a35a31; text-transform: uppercase; font-size: 12px; margin: 10px 0; } #grandtour .wavehr { background: url(../images/tour_wave.gif) top left no-repeat; width: 677px; height: 16px; margin: 20px 0 10px 0; } .tourdetails { width: 500px; margin: 0 0 0 120px; padding: 0; } #grandtour .tourlist { margin-left: 20px; } #grandtour .tourlist li { border-bottom: 1px dotted #ccc; padding: 4px 0; color: #999; } #grandtour .tourlist li.noborder { border-bottom: none; } #grandtour #terms .top, #grandtour #terms .bottom { display: none; } #grandtour #terms .main { background: none; margin-left: 110px; width: 500px; } #grandtour #terms .termContent { width: 480px; background: none; margin: 0; padding: 0 20px 0 0; } #grandtour #terms .description { float: left; } #grandtour #terms .description span { display: inline; color: #493930; padding-left: 4px; } #grandtour #termsinline .wavehr { background: url(../images/hline_wave.gif) left center repeat-x; width: 500px; margin-left: 120px; } /* Soundtracks */ #soundtracks { width: 667px; margin: 0 auto; position: relative; } #soundtracksheader { background: url(../images/soundtracks/header.png) top left no-repeat; width: 667px; height: 123px; text-indent: -500em; } #soundtracksbody { background: url(../images/soundtracks/bg.png) top left repeat-y; width: 667px; padding: 0 0 15px 0; } #soundtracksfooter { background: url(../images/soundtracks/footer.png) top left no-repeat; width: 670px; height: 21px; } #soundtracksdivider { background: url(../images/soundtracks/divider.gif) top center no-repeat; } #soundtracks h2 { text-transform: uppercase; font-size: 14px; color: #fff; margin-top: 4px; } #soundtracks .button { display: inline; } #soundtracks .button:link, #soundtracks .button:visited { background-color: #ea8133; } #soundtracks .button:hover, #soundtracks .button:active { background-color: #c5753a; } #soundtracks .jazz, #soundtracks .blues, #soundtracks .bluegrass, #soundtracks .altrock, #soundtracks .podcasts { text-indent: -500em; margin: 0 auto 15px auto; } #soundtracks .playlist { width: 320px; margin-top: 30px; margin-bottom: 30px; text-align: center; } #soundtracks .jazz { background: url(../images/soundtracks/jazz.gif) top left no-repeat; width: 172px; height: 60px; } #soundtracks .blues { background: url(../images/soundtracks/blues.gif) top left no-repeat; width: 213px; height: 60px; } #soundtracks .bluegrass { background: url(../images/soundtracks/bluegrass.gif) top left no-repeat; width: 220px; height: 60px; } #soundtracks .altrock { background: url(../images/soundtracks/altrock.gif) top left no-repeat; width: 261px; height: 60px; } #soundtracks .podcasts { background: url(../images/soundtracks/podcasts.gif) top left no-repeat; width: 283px; height: 60px; } /* Plan a Trip */ #columns { background: url(../images/column_bg.png) center 75px no-repeat; margin-top:4px; } #columns #currentStep { text-transform: uppercase; color: #938f76; font-weight: bold; text-align: center; margin: 15px 0; font-size: 12px; } #columns #currentStep span { color: #945c3a; font-size: 13px; } #leftpane { width: 632px; height: 100%; float: left; } #leftpane .col1 { width: 305px; float: left; overflow: hidden; } #leftpane .col2 { width: 305px; float: left; margin-left: 15px; overflow: hidden; } #leftpane .col1 .shadow, #leftpane .col2 .shadow { background: url(../images/scrollarea_shadow.png) center 0 no-repeat; bottom: 0px; height: 9px; position: absolute; width: 305px; } #leftpane .columnview { background-color: #F6F4E5; width: 305px } #leftpane .scrollarea { height:420px; overflow-x: hidden; overflow-y: scroll; } #leftpane h3 { font-weight: normal; text-transform: uppercase; font-size: 11px; color: #fff; padding: 2px 0 2px 7px; margin: 0 6px 4px 7px; } #leftpane h3.current { background-color: #cbbe6d; } #leftpane h3.completed { background-color: #acd4c0; } #leftpane h3.pending { background-color: #dfbe58; } #searchContainer { position: relative; height: 160px; } #searchContainer a.smallButton { background: url(../images/small_button.png) 0 0 no-repeat; display:block; float:left; font-weight:bold; height:17px; margin-right:10px; margin-top:7px; padding-top:4px; text-align:center; text-decoration:none; text-transform:uppercase; width:47px; } #searchContainer a.smallButton:link, #searchContainer a.smallButton:visited, #searchContainer a.smallButton:active { color: #fff; } #searchContainer a.smallButton:hover { background: url(../images/small_button_hover.png) 0 0 no-repeat; color: #fff; } #search { overflow: hidden; height: 145px; padding: 15px 0 0 20px; background: url(../images/filter_background.jpg) 0 0 no-repeat; width: 612px; } #searchBottom { display: block; background: url(../images/filter_bottom.png) 0 0 no-repeat; height: 26px; text-decoration: none; text-transform: uppercase; } #searchBottom div { background: url(../images/border_tab.png) 0 0 no-repeat; color: #98d7f6; font-size:11px; height: 24px; margin: 0 auto; padding-top: 5px; text-align: center; text-transform: uppercase; width: 85px; } #search #regionchooser { float: left; width: 210px; } #search #filter { margin-left: 210px; } #searchrigthcolumn { float: right; padding:0 10px 0px 20px; width:145px; } #searchrigthcolumn .regions, #home .regions { display: none; background: url(../images/regionmap.gif) top left no-repeat; width: 127px; height: 97px; margin-top:20px; background-position: 0 0; } #home .regions { display: block; margin-top: 0; margin-right: 15px; float: left; } #searchrigthcolumn .regions.willamette, #home .regions.willamette { background-position: 0 -97px; } #searchrigthcolumn .regions.coast, #home .regions.coast { background-position: 0 -194px; } #searchrigthcolumn .regions.metro, #home .regions.metro { background-position: 0 -291px; } #searchrigthcolumn .regions.columbia, #home .regions.columbia { background-position: 0 -388px; } #searchrigthcolumn .regions.southern, #home .regions.southern { background-position: 0 -582px; } #searchrigthcolumn .regions.central, #home .regions.central { background-position: 0 -485px; } #searchrigthcolumn .regions.eastern, #home .regions.eastern { background-position: 0 -679px; } #premadeTripAction img { padding-top: 26px; } #premadeTripAction a { background: url(../images/premade_trip_button.png) 0 0 no-repeat; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; height:18px; margin-top:17px; padding-top:4px; text-align:center; text-decoration:none; text-transform:uppercase; width: 144px; } #premadeTripAction a:hover { background: url(../images/premade_trip_button_hover.png) 0 0 no-repeat; } #search h2 { margin-bottom: 10px } h2#exploreregion { background: url(../images/explore.png) top left no-repeat; width: 131px; height: 13px; margin-left: 10px; text-indent: -500em; } h2#narrowItDown { background: url(../images/narrow_it_down.png) top left no-repeat; width: 125px; height: 13px; text-indent: -500em; } #search #regionchooser #regionlist { list-style: none; } #search #regionchooser li { margin-bottom: 1px; } #search #regionchooser li a { font-size: 12px; text-transform: uppercase; text-decoration: none; font-weight: bold; } #search #regionchooser li a:link, #search #regionchooser li a:visited { padding:1px 10px; color: #a35a31; } #search #regionchooser li a:hover, #search #regionchooser li a:active { color: #a35a31; background-color: #f1f3ee; } #search #regionchooser li a.highlighted { background-color: #f1f3ee; } #search #filterform select { width: 210px; margin-top: 4px; font-size: 10px; } #rightpane { margin-left: 632px; } #mapcontainershadow { background: url(../images/destination_bg.png) bottom left no-repeat; bottom: -9px; height: 60px; left: -8px; position: absolute; width: 89px; } #mapcontainer { background-color:white; padding: 0px 0px 7px 7px; position: relative; height: 315px; } #map { height: 315px; } #topshadow { background: url(../images/maptopshadow.png) top left repeat-x; position:absolute; z-index:1; top:0; left:0; height: 7px; width: 100%; } #searchbox { display: none; bottom:12px; left: 229px; position:absolute; } body.map #searchbox { display: block; } #searchbox #searchform { } #searchbox #searchform .field { border:1px solid #C8CDC1; color: #9e9e9e; font-size: 11px; margin-left: 5px; width: 237px; padding: 5px; background: url(../images/icon_eyeglass.gif) 230px center no-repeat #fff; } #searchbox #searchform .search { background: url(../images/find.png) 0 0 no-repeat; float: left; height: 12px; margin-top:6px; width: 31px; text-indent: -500em; } #premadeTripList { background: url(../images/premade_background.jpg) 0 0 no-repeat; height: 145px; overflow: hidden; padding: 15px 0 0 20px; } #premadeTripList a.title { background-color: #f1f3ee; color: #9a8662; display: block; font-size: 10px; font-weight: bold; float: left; margin-bottom:3px; padding: 2px 5px 0px; text-decoration: none; text-transform: uppercase; white-space: nowrap; } #premadeTripList .leftColumn { float: left; margin-top:10px; width: 265px; } #premadeTripList .rightColumn { float:left; margin-top:10px; width:200px; } #premadeTripList a.title:hover, #premadeTripList a.selected { background-color: #a35a31; color: #f1f3ee; } #premadeTripList .premaderightcolumn { float: right; padding:0 10px 0px 20px; width:90px; } #premadeTripList .premaderightcolumn img { padding-top: 26px; } #premadeTripList .premaderightcolumn a { margin-top:17px; } /*destination*/ .destination { width: 275px; min-height: 57px; padding: 0 0 10px 9px; position: relative; } .destination .inside { padding: 10px 7px 0 3px; min-height: 52px; } .destination .icon { float: left; font-size: 0px; height: 34px; margin: 4px; width: 34px; } .destination .details { margin: 0 0 3px 3px; width: 162px; float: left; } .destination a.title { color: #666; opacity: .7; display: block; width: 160px; font-weight:bold; margin-top: 6px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .destination a.title:hover { opacity: 1; } .destination p { color: #999; margin: 0; } .destination.odd { background: url(../images/destination_bg.png) bottom left no-repeat; height: 62px; } .destination.selected a.title { opacity: 1; } #backFromTripBuilderLink { display: none; text-transform: uppercase; background: url(../images/arrow_left2.gif) center left no-repeat; padding-left: 11px; font-weight: bold; color: #938f76; margin: 10px 0 0 10px; text-decoration: none; font-size: 11px; } #backFromTripBuilderLink:hover { text-decoration: underline; } /* destination icons */ .destination .inside .outdoor { background: url(../images/icon_outdoor.png) 0 0 no-repeat; } .destination .inside .event { background: url(../images/icon_event.png) 0 0 no-repeat; } .destination .inside .attraction { background: url(../images/icon_attraction.png) 0 0 no-repeat; } .destination .inside .dining { background: url(../images/icon_dining.png) 0 0 no-repeat; } /*destination custom state*/ #searchDestinationResult .inside { } #searchDestinations .destination .button, #preMadeTrips .destination .button { background-color: #addbf1; } #searchDestinations .destination a:hover.button, #preMadeTrips .destination a:hover.button { background-color: #7daec5; } #searchDestinations .destination.odd .inside, #preMadeTrips .destination.odd .inside { background-color: #dcedea; } #searchDestinations .destination.search .details { width: 178px; } #searchDestinations .destination.completed .details, #userDestinations .destination.completed .details { width: 218px; } #tripDestinations .destination.odd .inside { background-color: #dde390 } #tripDestinations .destination a.button { background-color:#bbc075 } #tripDestinations .destination a:hover.button { background-color:#bbc075 } #tripDestinations .destination .buttons { margin-top: 0px } #tripDestinations .destination .icon { width: 24px; } /*destination listing*/ .destination.odd.pending.current .inside { background-color: #e0dbbf; } .destination.odd.pending .inside { background-color: #ebdaa7; } .destination.odd.completed .inside { background-color: #d7ece1; } /*destination buttons*/ .destination .buttons { float: right; margin-top: 10px; } .destination.pending a.button { background-color: #cfb66a; } .destination.pending a:hover.button { background-color: #c0a03b; } .destination.pending.current .button { background-color: #b2a973; } .destination.pending.current a:hover.button { background-color: #8b8459; } .destination.completed a.button { background-color: #d7ece1; } /* .destination a.addToTrip { background: url(../images/plus_brown.png) 0 0 no-repeat; background-color: transparent !important; height: 18px; padding: 0; text-indent: -500em; width: 18px; } */ .destination a.addToTrip { background: url(../images/arrow_righttri_white2.gif) center right no-repeat #9c935f; padding-right: 11px; width: 25px; } .destination.completed a.addToTrip { background: url(../images/plus_blue.png) 0 0 no-repeat; } /*destination button prove it*/ .destination .buttons a.proveit { background: url(../images/prove_it.png) left top no-repeat; width: 76px; height: 30px; position: absolute; top: 0px; left: 7px; text-indent: -500em; } .destination .buttons a:hover.proveit { background-color: none; background-position: 0px -30px; } .pagination { height: 23px; background-color: #fff; color: #c0c0be; padding: 10px 10px 0px 10px; font-size: 11px; margin: 4px 6px; text-transform: uppercase; } .pagination .nav { float: right; } .pagination a { text-transform: uppercase; color: #c0c0be; text-decoration: none; } .pagination a:hover { color: #666 } /*section titles*/ #columns .sectiontitle { height: 60px; margin: 0 auto 15px; width: 281px; text-indent: -500em } #searchDestinationWrapper .sectiontitle, #searchInstructions .sectiontitle { background: url(../images/list_your_results.png) 0 0px no-repeat; width: 284px; } #preMadeTrips .sectiontitle { background: url(../images/list_premade_trips.png) 0 2px no-repeat; } #tripBuilderCol1 .sectiontitle, #userDestinations .sectiontitle, #listInstructions .sectiontitle { background: url(../images/list_your_dream_list.png) 0 0 no-repeat; } #tripBuilderCol2 .sectiontitle, #directionInstructions .sectiontitle { background: url(../images/list_your_trip.png) 0 0 no-repeat; } /*section navigation buttons*/ .navLink { background: url(../images/arrow_right_big.png) top left no-repeat; display: block; margin:-35px auto 9px auto; padding-right:20px; text-decoration:none; width:208px; } .navLink:hover { /* background: url(../images/nav_link/arrow_forward_hover.png) right 0 no-repeat; */ } .navLink.back { /* background: url(../images/nav_link/arrow_back.png) left 0 no-repeat; */ padding-right: 0px; padding-left: 11px; } .navLink.back:hover { /* background: url(../images/nav_link/arrow_back_hover.png) left 0 no-repeat; */ } .navLink .navText { color: white; height: 22px; padding: 8px 0 0 0; text-align: center; text-transform: uppercase; width: 210px; } .navLink.back .navText { padding-left: 2px; } .navLink:hover .navText { } /*#tripBuilderCol1 .navLink { width:180px; } #preMadeTrips .navLink { width:120px; } #searchDestinationWrapper .navLink { width: 180px } #userDestinations .navLink { width: 150px }*/ /*destination instructions*/ /*#leftpane .instructionsContainer { overflow-x:visible; overflow-y:visible; background: url(../images/list_drawing.png) center top no-repeat; height: 481px; } #listInstructions .instruction { background: url(../images/queue_instructions.png) center top no-repeat; height: 218px; margin:20px 0 0 -8px; position:absolute; width: 252px } #directionInstructions .instruction { background: url(../images/directions_instructions.png) center top no-repeat; height: 218px; margin:20px 0 0 -8px; position:absolute; width: 252px; }*/ /*empty lists*/ .empty { color: #666; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; } .empty span { color: #a35a31; } /*saw button*/ span.arrow { background: url(../images/sawbutton_arrow_right.png) 0 0 no-repeat; display:block; float:right; height:10px; width:6px; } .sawbutton span.arrow { margin:2px 10px 0px 10px; } #destinationDetails a.moredetails { background: url(../images/sawtooth_red.gif) bottom left repeat-x #c35e59; color: #f9f6e7; display: block; filter: alpha( opacity=100 ); font-weight: bold; height:25px; margin: 5px 0px 5px 0px; opacity: 1; padding: 10px 0 0 15px; text-align: right; text-decoration: none; text-transform: uppercase; } #destinationDetails a:hover.moredetails { background-color: #954743; background-image: url(../images/sawtooth_red_hover.gif); } /*destination details*/ #destinationDetailsContainer { float:left; max-width: 600px; margin-bottom: 110px; } #destinationDetails { padding: 10px 10px 50px 10px; } #destinationDetails #info #icon { float: left; width: 67px; } #destinationDetails #info #title { margin-left: 73px; } #destinationDetails #info #icon a.button { background-color: #bdcb17; width: 30px; margin-left: 9px; } #destinationDetails #info #icon a:hover.button { background-color: #a3ae12; } #destinationDetails h3 { font-size: 14px; } #destinationDetails h4 { font-size: 11px; text-transform: uppercase; } #destinationDetails a.website { color: #666666; text-decoration:none; } #destinationDetails a:hover.website { color: #666666; text-decoration:underline; } #destinationDetails .description a { color: #ea8133; text-decoration:none; } #destinationDetails .description a:hover { color: #ea8133; text-decoration:underline; } #destinationDetails .imageview img { border: 1px solid #eee; background-color: #fff; } #destinationDetails .imageview .bigimage { float: left; padding: 5px; margin: 3px 3px 0 0; } #destinationDetails .imageview .smallimage { padding: 3px; margin: 3px 1px 0 0; } .caption { color: #999; font-size: 11px; clear: both; } .postedby { color: #b2a973; } /*premade trip*/ #preMadeTrips #takeThisTripLink { display: none } /* prove it */ .orangepopup { width: 280px; position: absolute; top: 140px; left: 170px; z-index: 2; font-size: 11px; background: url(../images/popup_shadow.png) top right repeat-y; } .orangepopup input { margin: 3px 0; } .orangepopup .popuptop { background-color: #fff; color: #999; cursor: move; padding: 15px 15px 15px 10px; border: 1px solid #b3b4b3; border-width: 1px 1px 0 1px; width: 245px; } .orangepopup h1 { color: #6f6e61; font-size: 14px; } .orangepopup h2 { color: #999; font-size: 12px; } .orangepopup textarea { width: 240px; } .orangepopup .popupbottom { background-color: #ea8133; color: #fff; padding: 15px; border: 1px solid #b3b4b3; border-width: 0 1px; width: 240px; } .orangepopup .popupbottom h1 { color: #fff; } .orangepopup .popupbottom .errors { display: none } .orangepopup .submitbutton, .orangepopup .submitbutton.disabled { height: 23px; width: 255px; text-align: right; padding: 23px 25px 0 0; text-transform: uppercase; } .orangepopup .submitbutton { background: url(../images/proveit_submit.png) top left no-repeat; } .orangepopup .submitbutton span { display:none } .orangepopup .submitbutton.disabled { background: url(../images/proveit_submit_disabled.png) top left no-repeat; color: #f4d8c3; } .orangepopup .submitbutton.disabled a { display:none; } .orangepopup .submitbutton.disabled span { display:inline; } .orangepopup .submitbutton a, .orangepopup .submitbutton span { color: #fff !important; padding-right: 11px; } .orangepopup .submitbutton a { text-decoration: none; background: url(../images/arrow_righttri_white.gif) center right no-repeat; } .orangepopup .bottomshadow { background: url(../images/popup_shadow_bottom.png) bottom right no-repeat; width: 272px; height: 10px; } .orangepopup .error, .orangepopup .success { border-color:#B3B4B3; border-style:solid; border-width:0 1px 1px; width:240px; } .orangepopup .optionSubTitle, #shareTripContainer form label { display: block; font-weight: bold; margin-bottom: 5px; } #DestinationverificationContainer .popuptop { padding: 5px 15px 0px 10px } #DestinationverificationContainer .popuptop h1 { margin-top: 15px; text-align: left; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 175px; } #DestinationverificationContainer a:link, #DestinationverificationContainer a:visited { color: #8b532a; } #DestinationverificationContainer a:hover, #DestinationverificationContainer a:active { color: #fff; } #DestinationverificationContainer .submit { display: none } #DestinationverificationContainer .file .title { float:left; overflow: hidden; text-overflow: ellipsis; width: 220px; } #DestinationverificationContainer .file a { background: url(../images/photo_cancel_button.png) 0 0 no-repeat; display: block; float: right; height: 14px; text-indent: -500em; width: 14px; } #DestinationverificationContainer .file .sub { clear: both; font-style: italic; margin-bottom: 10px; } #DestinationverificationContainer .file .inlineError { color: #fbdd13; } #DestinationverificationContainer .comment label { display: none } /* share trip */ #shareTripContainer .popupleft, #shareTripContainer .popupright { float: left; width: 120px; } #shareTripContainer .popupright input { width: 115px; } #shareTripContainer input { width: 110px; } #shareTripContainer .submit { display: none } #shareTripContainer .sendanother { display: none } #shareTripContainer .emailsentmessage { display: none } #shareTripContainer .emailsent form { display: none } #shareTripContainer .emailsent .sendanother { display: inline } #shareTripContainer .emailsent .send { display: none } #shareTripContainer .emailsent .emailsentmessage { font-weight: bold; display: block; text-transform: uppercase; } /*destination controls*/ .search a.proveit, .search a.forget, .pending a.save, .pending a.proveit, .completed a.save, .completed a.proveit, .completed a.forget, a.addToTrip, a.removeFromTrip, div.dragme, #tripDestinations a.proveit, #tripDestinations a.forget, #tripDestinations a.save, #pendingTripDestinations a.proveit, #pendingTripDestinations a.forget, #pendingTripDestinations a.save { display:none; } .loggedIn #userDestinations #tripCategory .pending a.proveit, #pendingTripDestinations a.addToTrip, #tripDestinations a.removeFromTrip, #tripDestinations div.dragme { display:block; } #tripDestinations div.dragme { cursor: move; background: #B2A973 url(../images/drag_button.png) 42px center no-repeat; text-align:left; width: 48px; } /*trip builder*/ #addressContainer { margin: 0 6px 3px 8px; padding: 3px 0; border: 1px solid #dcd6c1; border-left: none; border-right: none; } #addressForm { background-color: #ffffff; border:2px solid #E6E6E6; height:62px; padding:0 5px; } #addressForm input { padding: 2px 5px } #addressForm .startingpoint { color: #858368; font-size: 12px; font-style: italic; padding:5px 0px; margin: 0px; } #addressForm .address { float: left; } #addressForm .address input { border: 1px solid #858368; color: #666666; width: 180px; } #addressForm .submit { margin-left: 200px; } #addressForm .submit input { background-color:#858368; border:none; color:#FFFFFF; font-weight:bold; text-transform:uppercase; } #addressForm .submit input:hover { background-color: #ffffff; color: #858368; } #tripDetails { background-color:#8cc6e1; font-size:11px; font-weight:bold; height: 10px; padding: 10px 0px 10px 20px; } #tripDetails div { float: left; text-transform: uppercase; } #tripDetails div { color: #1c4554; margin-right:15px; } #tripDetails div.label { color: #fff; display:block; margin-right:5px; } #tripDetailsBottom { background: url(../images/sawbottom_directions.png) 0 0 repeat-x; height: 5px; } /* congradulations page/terms page */ #anytimeCertificate, #anytimeTerms { left:24px; position:absolute; top:42px; width:960px; z-index:100; padding-bottom:20px; } #certificateContainer { width: 960px; } #certificateContainer .certificate, #terms .main { background: url(../images/certificate_bg.png) 0 0 repeat-y; width: 960px; } #certificateContainer .top, #terms .top { background: url(../images/certificate_bg_top.png) 0 0 no-repeat; font-size: 0px; height: 15px; } #certificateContainer .bottom, #terms .bottom { background: url(../images/certificate_bg_bottom.png) 0 0 no-repeat; font-size: 0px; height: 15px; width: 960px; } #certificateContainer label { color: #523d31; font-weight: bold; } #certificateContainer .button { background-color: #ea8133; float: left; } #certificateContainer .button:hover { background-color: #C5753A; } #certificateContainer .description, #terms .description { color:#493930; font-size:15px; font-weight:bold; line-height:20px; margin-bottom: 20px; text-transform:uppercase; } #certificateContainer .description span, #terms .description span { color: #a35a31; display: block; } #certificateContainer .certheader { background: url(../images/congragulations.png) 0 15px no-repeat; height: 135px; margin: 0 auto; width: 771px; } #certificateContainer .certleft { float: left; padding: 15px 0px 0px 30px; width: 255px; } #certificateContainer .certleft img.preview { display:block; margin:0px auto 30px; } #certificateContainer .certleft .or { color:#A35A31; margin: 25px auto; text-decoration: underline; } #certificateContainer .certleft #certificateMailTo input { margin-bottom: 10px; border: 1px solid #cecece; } #certificateContainer .certleft .address .error { background: none; color:#A33131; padding-left:0; text-align:left; } #certificateContainer .certleft #certificateMailTo .errors { display: none; } #certificateContainer .certleft #certificateMailTo #address, #certificateContainer .certleft #certificateMailTo #city { width: 210px; } #certificateContainer .certleft #zip { width: 5em; } #certificateContainer .certleft #state { width: 2em; } #certificateContainer .certright { border-left: 1px dashed #999; float: left; padding: 10px 25px 40px 40px; width: 609px; } #certificateContainer .certright #grandprizerules .rules, #terms .termContent { background-color: #fff; height: 300px; margin-bottom: 20px; padding: 10px; overflow-y: scroll; } #certificateContainer .certright #grandprizerules p { margin-bottom: 10px; } #certificateContainer .certright #grandprizerules span { color: #a35a31; font-weight: bold; } #certificateContainer .certright #termaction { float:right; height: 22px; width:233px; } #certificateContainer .certright #agreeterms { float: left; margin-right: 20px; } #certificateContainer .certright #grandPrizeEnteredContainer { font-size: 10px; } #certificateContainer .certfooter { background: url(../images/certificate_trees.png) 0 0 no-repeat; bottom:28px; height:48px; left:240px; position:absolute; width:287px; } #certificateContainer #content { background: none; padding: 0; } #certificateContainer #grandtour .tourfeature, #certificateContainer #grandtour h1 { display: none } #certificateContainer #grandtour .tourdetails, #certificateContainer #grandtour h2 { margin-left: 0px } #certificateContainer #grandtour h2 { font-size: 14px; } #certificateContainer #tournav { margin: 0; } #certificateContainer #tournav li, #tournav a { height: 77px; } #certificateContainer #tournav img { height: 62% } #certificateContainer #grandtour { margin-bottom: 30px; position:static; width:auto; } #certificateContainer #grandtour .wavehr { background: url(../images/hline_wave.gif) left center repeat-x; width: auto; } /* terms */ #terms .main { padding: 15px; width: 930px; } #terms .description { margin-bottom: 0px; } #terms .termContent { margin: 20px 0 0 0; width: 900px; } /*quicksearch*/ .autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; } .autocomplete { border:1px solid #F1F3EE; border-top: none; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:5px 6px 6px -5px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; padding:1px; width:300px; } .autocomplete .selected { background-color:#F1F3EE; color:#706E61; } .autocomplete div { font-size:10px; text-decoration:none; text-transform:uppercase; padding:2px 5px; white-space:nowrap; border-top:1px dotted #C8CDC1; } .autocomplete strong { font-weight:normal; color:#C5753A; } /*dropDown*/ .dropDown { background-color: #F1F3EE; border: 1px solid #C8CDC1; font-size: 10px; font-weight: bold; margin-bottom:5px; text-transform: uppercase; width: 207px; } .dropDown a { color: #706e61; font-size: 10px; text-decoration: none; text-transform: uppercase; } .dropDown a img { border: none; width: 16px; } .dropDown .selected { cursor: pointer; float: left; padding: 4px 7px; width: 168px; } .dropDown .dropDownButton { background: url(../images/drop_down/arrow_disabled.gif) center center no-repeat; border-left: 1px dotted #C8CDC1; display: block; height: 20px; margin-left: 183px; width: 24px; text-indent: -500em; } .dropDown .dropDownButton:hover { background: url(../images/drop_down/arrow.gif) center center no-repeat; } .dropDown .dropDownOptions { background-color: #F1F3EE; border: 1px solid #C8CDC1; border-top: none; margin-left:-1px; padding: 1px; position:absolute; width:205px; z-index:10; } .dropDown .option:hover { background-color: #E0DBBF; color: #706E61; } .dropDown .option { background-color: #F1F3EE; border-top: 1px dotted #C8CDC1; color: #706E61; padding: 2px 7px; } .dropDown .option.first { } #categories_filter .selected { padding: 0px; width:182px; } #categories_filter .option { padding: 0; } .dropDown .selected .img { padding: 3px 0px 0 4px; } .dropDown .selected .text { padding: 4px 0px 0 7px; } .dropDown .img { background-color: #F1F3EE; float: left; font-size: 0; padding: 3px 4px 1px; } .dropDown .img img { width: 16px; } .dropDown .text { float: left; padding: 4px 0 2px 4px; } .dropDown.disabled a { cursor:default; } .dropDown.disabled .selected { cursor: default; color: #9d9981; } .dropDown.disabled .dropDownButton:hover { background: url(../images/drop_down/arrow_disabled.gif) center center no-repeat; } #popupcontainer { display: none; position: absolute; top: 30px; left: 30px; z-index: 101; } #strip { height: 9px; background-color:#3d5323; }