/* Copyright (c) 1979-2010, Sail Caribbean Voyages. All rights reserved. Developed by markhealey.org */ /* YUI Reset :: Copyright (c) 2007, Yahoo! Inc. Version :: 2.4.1 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} /* floats */ .fNone{float:none;}.fLeft{float:left;}.fRight{float:right;}.posRel{position:relative;}.posAbs{position:absolute;} /* useful spacers */ .mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml5{margin-left:5px;}.ml8{margin-left:8px;}.ml10{margin-left:10px;}.ml12{margin-left:12px;}.ml14{margin-left:14px;}.ml16{margin-left:16px;}.ml18{margin-left:18px;}.ml20{margin-left:20px;}.mr3{margin-right:3px;}.mr5{margin-right:5px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mb10{margin-bottom:10px;}.mb15 {margin-bottom:15px;}.mb16{margin-bottom:16px;}.mb20{margin-bottom:20px;}.pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt6{padding-top:6px;}.pt8{padding-top:8px;}.pt10{padding-top:10px;}.pt12{padding-top:12px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb6{padding-bottom:6px;}.pb8{padding-bottom:8px;}.pb10{padding-bottom:10px;}.pb12{padding-bottom:12px;}.pb18{padding-bottom:18px;}.pb20{padding-bottom:20px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl6{padding-left:6px;}.pl8{padding-left:8px;}.pl10{padding-left:10px;}.pl12{padding-left:12px;}.pl14{padding-left:14px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr6{padding-right:6px;}.pr8{padding-right:8px;}.pr10{padding-right:10px;}.pr12{padding-right:12px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.ralign{text-align:right;}.lalign{text-align:left;}.txt90{ font-size:90%; }.lh14{line-height:1.4;} /* reuse these a lot */ .replaced { text-indent:-9000px; display:block; } .bold { font-weight:bold; } .em { font-style:italic; } .sm { font-size:90% !important; } .posRel { position:relative; } .fs100 { font-size:100% !important; } .fs110 { font-size:110% !important; } .pngfix { behavior: url(/j/iepngfix.htc); } /* sIFR */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /*---- Header styling ---*/ .sIFR-active div#theLeaderText { visibility: hidden; line-height: 1em; } /*global helpers*/ .pt10{padding-top:10px;}.pt20{padding-top:20px;} :focus { outline:0; } .georgia { font-family:Georgia; } a { text-decoration:none; } a:hover { text-decoration:underline; } small { font-size:11px; } .smaller { font-size:90% !important; } hr { height:1px; color:#999; } /*presentation*/ body { background:#0e80b9 url(../i/wave-tile2.jpg) top left repeat-x scroll; font:80% "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#333; } div#fullscreen { background:#fff none; background:transparent url(../i/header-tile.jpg) top left repeat-x scroll; } div#wrap { width:953px; margin:0 auto; } /*common header*/ div#header { width:909px; margin:0 auto; position:relative; height:169px; background:transparent url(../i/header_swirl2.png) 185px 0px no-repeat scroll; behavior: url(/j/iepngfix.htc); } body.inside div#header { background-position:172px 0; } /*.ie6 div#header { background:none; } */ div#logo a { float:left; text-indent:-9000px; background:transparent url(../i/header-logo.png) top left no-repeat; display:block; width:170px; height:100px; } .ie6 div#logo a { background-image:url(../i/header-logo.gif); } div#mainmenu { float:right; margin-top:80px; } div#mainmenu ul li { float:left; padding:0 10px; } div#mainmenu ul li.last { padding-right:0px; } div#mainmenu ul li a { color:#A2DC39; font-size:110%; font-weight:bold; } div#mainmenu ul li:hover a, div#mainmenu ul li.hover a, div#mainmenu ul li a:hover, div#mainmenu ul li a.on { color:#0E80B9; text-decoration:none; } /*flydowns*/ div#mainmenu ul li ul { position:absolute; width:162px; margin-top:-9999px; border:2px solid #0a3851; background:#0c3c54 url(../i/bg_flydown.gif) repeat-x scroll bottom right; } div#mainmenu ul li ul.programs { width:320px; } div#mainmenu ul li ul.contact { margin-left:-104px; } /*really annoying*/ .ie6 div#mainmenu ul li ul, .ie7 div#mainmenu ul li ul { margin-left:-78px; } .ie6 div#mainmenu ul li ul.aboutus, .ie7 div#mainmenu ul li ul.aboutus { margin-left:-74px; } .ie6 div#mainmenu ul li ul.programs, .ie7 div#mainmenu ul li ul.programs { margin-left:-76px; } .ie6 div#mainmenu ul li ul.destinations, .ie7 div#mainmenu ul li ul.destinations { margin-left:-99px; } .ie6 div#mainmenu ul li ul.activities, .ie7 div#mainmenu ul li ul.activities { margin-left:-73px; } .ie6 div#mainmenu ul li ul.dates-costs, .ie7 div#mainmenu ul li ul.dates-costs { margin-left:-110px; } .ie6 div#mainmenu ul li ul.community, .ie7 div#mainmenu ul li ul.community { margin-left:-90px; } .ie6 div#mainmenu ul li ul.contact, .ie7 div#mainmenu ul li ul.contact { margin-left:-165px; } div#mainmenu ul li:hover ul, div#mainmenu ul li.hover ul { margin-top:0px; padding-top:0px; display:block; z-index:9999; } .ie7 div#mainmenu ul li:hover ul, .ie div#mainmenu ul li.hover ul { margin-top:17px; } div#mainmenu ul li ul li { float:none; border:none; padding:0; } div#mainmenu ul li ul li a { cursor:pointer; font-size:90%; font-weight:normal; color:#A2DC39 !important; display:block; padding:6px; text-indent:0; float:none; height:auto; } div#mainmenu ul li ul li a:hover { text-decoration:none; color:#fff !important; background:#153f57; } /*sub-sub nav */ div#mainmenu ul li ul li ul.subnav { position:absolute; width:162px; margin-top:-9999px !important; border:2px solid #0a3851; background:#0c3c54 url(../i/bg_flydown.gif) repeat-x scroll bottom right; } div#mainmenu ul li ul li:hover > ul.subnav { margin-top:-28px !important; margin-left:162px; } div#mainmenu ul li ul li:hover > ul.commonquestions, div#mainmenu ul li ul li:hover > ul.employment { margin-left:-162px; } div#mainmenu ul li ul.programs li:hover > ul.subnav { margin-left:320px; } .ie6 div#mainmenu ul li ul li ul.subnav { display:none; } div#persistentMenu { position:absolute; top:0; right:0; } div#persistContainer { background:#153F57; height:35px; padding:0 10px; } .ie6 div#persistContainer { width:260px; } div#persistentMenu div.persistLink { margin-top:9px; float:left; color:#0E80B9; } div#persistentMenu div.persistLink a { color:#A2DC39; font-size:12px; padding:0 3px; } div#persistentMenu div.persistLink a.req { color:#FFEA00; } div#pBottomLeft, div#pBottomRight { position:absolute; bottom:0; width:3px; height:3px; margin:0; padding:0; } div#pBottomLeft { left:0; background:transparent url(../i/corner_blueBottLeft.png) bottom left no-repeat; } div#pBottomRight { right:0; background:transparent url(../i/corner_blueBottRight.png) bottom right no-repeat; } div.persistLink.darkBlueRoundBox { margin-top:7px !important; margin-left:10px; position:relative; } /*yellow alert box*/ #persistentAlert { background:url(../i/hpAlertBg.png) top left no-repeat;padding:6px 8px;font-size:11px;font-weight:bold;text-align:center; } #persistentAlert a { color:#066390; } /* little blue box */ div.darkBlueRoundBox div.topLeft, div.darkBlueRoundBox div.topRight, div.darkBlueRoundBox div.bottomLeft, div.darkBlueRoundBox div.bottomRight { position:absolute; width:3px; height:3px; margin:0; padding:0; background:transparent url(../i/corners_darkBlue.png) no-repeat; } .ie6 div.darkBlueRoundBox div { background:none; } div.darkBlueRoundBox div.topLeft { left:0; top:0; background-position:top left; } div.darkBlueRoundBox div.topRight { right:0; top:0; background-position:top right; } div.darkBlueRoundBox div.bottomLeft { left:0; bottom:0; background-position:bottom left; } div.darkBlueRoundBox div.bottomRight { right:0; bottom:0; background-position:bottom right; } div.darkBlueRoundBox { background:#001527 none; padding:3px; } div.darkBlueRoundBox a { color:#66FFFF !important; text-transform:uppercase; font-size:11px !important; } /*home*/ .home div#wrap { width:918px; /*need extra spacing for l & r shadows*/ } .home div#header, div#homeTop { width:874px; margin-left:22px; } div#ourPrograms, div#ourNews { margin-right:1px; text-align:center; } div#ourPrograms { width:126px; } div#ourNews { width:109px; } div#ourPrograms a, div#ourNews a { -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px; background:transparent url(../i/homeNavBg.png) top left repeat-x scroll; height:25px; line-height:25px; display:block; font-size:11px; text-transform:uppercase; color:#65FEFE; } div#ourPrograms.on a { background:transparent url(../i/homeNavBgProgramsOn.png) top left no-repeat scroll; } div#ourNews.on a { background:transparent url(../i/homeNavBgNewsOn.png) top left no-repeat scroll; } div#theLeaderTxt { width:612px; margin-right:0; font-size:110%; } div.homeMain { margin:0 auto; } div#homeLeft { float:left; width:304px; background:#07314B url(../i/homeMainBG.png) no-repeat scroll -22px 0; height:445px; } div#ourProgramsFlag a { margin-top:20px; display:block; height:50px; text-indent:-9000px; } ul#programNav { margin-top:6px; width:275px; } ul#programNav li { background:transparent url(../i/homeProgNavLine.png) bottom left no-repeat scroll; } body.ie6 ul#programNav li { background:none; } ul#programNav li.last { background-image:none; } ul#programNav li div.fLeft { padding-left:35px; text-transform:uppercase; font-style: italic; font-size:80%; padding-top:4px; } ul#programNav li div.fRight { font-size:80%; padding-top:4px; } body.ie ul#programNav li div { padding-top:1px; } ul#programNav li a { font-size:90%; color:#65FEFE; padding:0 0 7px 35px; display:block; background:transparent url(../i/pNavArrow.gif) 0 -6px no-repeat scroll; } /*body.ie6 ul#programNav li a { background-image:none; }*/ ul#programNav li a:hover { color:#A2DC39; } ul#programNav a#howToChooseAProgram { font-size:13px; } div#pane_news { display:none; height:410px; } div#latestNewsFlag a { margin-top:21px; margin-left:2px; display:block; height:50px; text-indent:-9000px; background:transparent url(../i/latestNewsFlag.png) top left no-repeat scroll; } ul#newsNav { margin-top:6px; width:275px; } ul#newsNav li { background:transparent url(../i/homeProgNavLine.png) bottom left no-repeat scroll; } body.ie6 ul#newsNav li { background:none; } ul#newsNav li.last { background-image:none; } ul#newsNav li div { font-size:110%; color:#fff; padding:7px 0 0 35px; display:block; } ul#newsNav li a { font-size:12px; color:#65FEFE; padding:3px 0 7px 35px; display:block; } ul#newsNav li a:hover { color:#A2DC39; } div#homeRight { float:left; width:570px; background:#07314B; } div#homeSlideShow { width:570px; height:287px; } div.since79 { height:158px; width:270px; background:transparent url(../i/homeMainBG.png) -326px -288px no-repeat scroll; behavior: url(/j/iepngfix.htc); } div.since79 div:first-child, div.since79 div.since { margin-top:24px; font-size:120%; color:#27ACD8; font-weight:bold; line-height:1.4; } div.since79 div.moreAbout { margin-top:10px; } div.since79 div.moreAbout a { font-size:11px; color:#65FEFE; padding-right:13px; /*background:transparent url(../i/pNavArrowDwn.png) bottom right no-repeat; behavior: url(/j/iepngfix.htc);*/ } div.liveAboard { height:158px; width:260px; padding-left:40px; background:transparent url(../i/homeMainBG.png) -597px -288px no-repeat scroll; behavior:url(/j/iepngfix.htc); } div.liveAboard div.actionItems { margin-top:30px; padding:10px 0; border-left:3px solid #183f52; padding-left:40px; font-size:110%; width:175px; } .ie6 div.liveAboard div.actionItems { padding-top:20px; } div.liveAboard div.actionItems a { color:#65FEFE; padding:10px 0 10px 37px; line-height:36px; } div.liveAboard div.actionItems a:hover { color:#0E80B9; text-decoration:none; } div.liveAboard div.actionItems div.enroll { border-bottom:1px solid #183f52; padding-bottom:12px; } div.liveAboard div.actionItems div.enroll a { background:transparent url(../i/icon-homeEnrollNow.png) center left no-repeat scroll; } div.liveAboard div.actionItems div.watch { margin:5px 0 0 0; } div.liveAboard div.actionItems div.watch a { background:transparent url(../i/icon-homeWatchVideo.png) center left no-repeat scroll; } div#lShadow { background:transparent url(../i/homeMainBG.png) 0px 0px no-repeat scroll; width:22px; height:445px; float:left; behavior: url(/j/iepngfix.htc); } div#rShadow { background:transparent url(../i/homeMainBG.png) no-repeat scroll -899px 0px; width:22px; height:445px; float:left; behavior: url(/j/iepngfix.htc); } .ie6 div#rShadow, .ie6 div#lShadow { } div#moreAboutSailCaribbean { font-size:11px; display:none; border:1px solid #fff; width:850px; margin:10px auto 0 auto; padding:10px; color:#fff; } div#moreAboutSailCaribbean a { color:#fff; text-decoration:underline; } div#moreAboutSailCaribbean a:hover { color:#65FEFE; background:#04213C none; text-decoration:none; } /*programs*/ .p-alpha { color: #ffe600; } .p-bravo { color: #009da8; } .p-charlie { color: #ff2236; } .p-delta { color: #22a250; } .p-foxtrot { color: #f46500; } .p-tango{ color: #038ad1; } .p-belize { color: #e40064; } .p-bahamas, .p-sierra { color: #81479c; } .p-echo { color: #8acc1b; } /*inside*/ div#content { width:953px; } div#content div#lShadow { background:transparent url(../i/bg_insideLeftShadow.png) 0px 0px no-repeat scroll; width:22px; height:445px; float:left; behavior:url(/j/iepngfix.htc); } div#content div#rShadow { background:transparent url(../i/bg_insideRightShadow.png) no-repeat scroll 0px 0px; width:22px; height:529px; float:left; behavior:url(/j/iepngfix.htc); } div#content .ie6 div#rShadow, div#content .ie6 div#lShadow { background:none; } div#content div.contentContainer { background:transparent url(../i/bg_insideContent.gif) top left repeat-y; } /*left nav*/ div#leftRail { background-color:none; width:207px; float:left; } div#leftNav { color: white; min-height:360px; background:#0c3c54 url(../i/bg_leftNavSwirl.png) top left no-repeat; } div#leftNav ul { padding-top:10px; } div#leftNav ul li { border-bottom:1px solid #1d4a60; } div#leftNav ul li.on { background:transparent url(../i/bg_leftNavOn.png) top left repeat; } .ie6 div#leftNav ul li.on { background:none; } div#leftNav ul li a { color:#65FEFE; padding:8px 0 8px 23px; display:block; background:transparent url(../i/bg_insideLeftNavArrow.gif) 0 3px no-repeat scroll; } div#leftNav ul li a.on, div#leftNav ul.programs li.on a { font-weight:bold; }/*color:#A2DC39;*/ /*program specific */ div#leftNav ul.programs li div { padding-top:4px; display:block; text-transform:uppercase; font-style:italic !important; font-size:11px; padding-left:23px; } div#leftNav ul.programs li a { padding-top:0; padding-right:7px; background-image:url(../i/bg_insideLeftNavArrowPg.gif) !important; } div#leftNav ul.programs li a.which { padding-top:8px; background-image:url(../i/bg_insideLeftNavArrow.gif) !important; } /*sub menus */ div#leftNav ul.programs li.on ul a { font-weight:normal; background-image:url(/i/blank.gif) !important; } div#leftNav ul.subnav { padding:0 0 7px 0; font-size:90%; } div#leftNav ul.subnav li { border-bottom:0 none; } div#leftNav ul.subnav li a { color:#A2DC39; padding:4px 0 4px 40px; display:block; background-image:url(/i/blank.gif) !important; } /*home, watch video, tell friend*/ div#leftNav ul.hwt { padding-bottom:10px; } div#leftNav ul.hwt li { border-bottom:0 none; } div#leftNav ul.hwt li a { color:#A2DC39; background:transparent none; padding:2px 0 2px 23px; font-size:11px; } div#leftNav ul.hwt li.tell { margin-left:23px; } div#utilNav { margin:25px 0; border:1px solid #89C1DD; border-right:0 none; } div#utilNav ul { padding:10px 0; margin-left:12px; } div#utilNav ul li a { display:block; padding:0 0 0 45px; height:49px; line-height:49px; color:#A2DC39; font-weight:bold; } div#utilNav ul li.brochure { background:transparent url(../i/bg_utilNavReq.png) top left no-repeat scroll; behavior: url(/j/iepngfix.htc); } div#utilNav ul li.enroll { background:transparent url(../i/bg_utilNavEnroll.png) top left no-repeat scroll; behavior: url(/j/iepngfix.htc); } div#photoRail div { border-bottom:4px solid #fce335; } /*content*/ div#page { width:622px; padding:30px 40px 30px 40px; float:left; background:#fff url(../i/bg_insidePageSwirl.png) top left no-repeat scroll; min-height:535px; line-height:1.5; } body.login div#page, body.password div#page, body.signup div#page { padding:30px 20px; width:662px; } body.community div#page a, div#page div.simstext a, a.link { color:#066390; text-decoration:underline; } body.community div#page a:hover, div#page div.simstext a:hover, a.link:hover { text-decoration:none; color:#90a920; } table tr.light, div.light { background:#eef0f2; } table tr.white, div.white { background:#fff; } /* h1,h2,h3,h4,h5,h6 { font-weight:bold; } body.mac h1,body.mac h2,body.mac h3,body.mac h4,body.mac h5,body.mac h6 { font-weight:normal; } */ div#page h1 { font-size:180%; color:#0C3C54; margin-bottom:20px; } div#page h2, div#page h3 { font-size:130%; color:#1383ba; } div#page h4 { font-size:110%; color:#009ca5/*4aa0a5*/; } div#page h1 span { padding-left:10px; font-size:12px; } div#page .simstext { margin-top:0px; line-height:1.5; } div#page .newsdate, div#page a.newsdate { font-size:11px; color:#666 !important; text-decoration:none !important; } div#page .newsbody { margin-bottom:20px; } div#page ul.faq, ul.list { margin-left:10px; } ul.bull, ul.bullNoSpace { margin-left:20px; } div#page ul.faq li, ul.list li { list-style:disc; margin-left:10px; padding:2px 0; } ul.bull li { list-style:disc; margin-left:14px; padding:4px 0; } ul.bullNoSpace li { list-style:disc; margin-left:14px; padding:4px 0; } ul.list li { list-style:none; } div#page ul.faq li a.reading { font-weight:bold; text-decoration:underline; } div#page .faqanswer { display:none; padding:6px 25px; } .bull li span { padding-left:6px; font-size:90%; color:#666; } div#page div#top3 { margin-top:30px; } blockquote.quote { background:transparent url(../i/blockquote_yellow_356.png) top left no-repeat; padding:25px 35px; float:right; width:286px/*305px*/; font-size:18px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:20px; } blockquote.quote cite { margin-top:5px; font-size:11px; display:block; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; } blockquote.quote.green { background-image:url(../i/blockquote_green_356.png); } blockquote.quote.purple { background-image:url(../i/blockquote_purple_356.png); color:#fff; } blockquote.quote.orange { background-image:url(../i/blockquote_orange_356.png); } /*video player page*/ #videoChoices { margin-top:20px; } #videoChoices ul { margin:10px 0 0 0; padding:0; } #videoChoices ul li { float:left; margin-right:10px; width:195px; } #videoChoices ul li a { display:block; font-size:11px; text-decoration:none; } #videoChoices ul li div.intro { margin-top:5px; border-top:1px solid #ccc; font-weight:bold; margin-bottom:2px; } #videoChoices ul li div.intro div { font-weight:normal; } #videoChoices ul li div.time { color:#999; margin-bottom:15px; } /*programs pages*/ body.programs div#page { background-image:url(../i/bg_programPageSwirl.png); padding:20px 20px 0 0; width:682px; } div#page div#pHeader { margin-left:0px; } body.programs div.pContent { margin-top:0px; } div#page div#pDownload { background:transparent url(../i/bg_pDownloadBox.png) top left no-repeat; width:245px; height:53px; color:#fff; font-size:85%; padding:3px 5px 3px 42px; line-height:1.2; } div#page div#pDownload a { color:#65FEFE; } div#pCurl { position:absolute; top:0; left:-14px; } body.programs div#page div.simstext img, div#page img.neatImage { padding:4px; border:1px solid #ccc; } body.programs div#page div.simstext img.detailImage, div#page #oneMinVideo { float:right; clear:right; margin-left:10px; } div#page #watchOurVideo { width:500px; height:361px; margin:0 auto; display:block; } div#page img.forceNoBorder { border:0 none !important; } body.programs div#page #oneMinVideo { width:346px; height:250px; display:block; text-align:center; } /*programs detail pages */ body.pDetail div#page { background-image: url(../i/bg_insidePageSwirl.png); } body.programs div#page div.simstext, body.pDetail div.pContent { margin-top:0px; } div.pDetails { padding-top:13px; height:135px; } div.pDetails div.leftCol { width:320px; float:left; padding-left:40px; } div.pDetails div.rightCol { float:left; width:300px; padding-left:20px; } div.pDetails div.detailRow { border-bottom:1px solid #77b8bc; padding-bottom:4px; } div.pDetails div.leftLabel { float:left; width:80px; font-weight:bold; color:#00213F; } div.pDetails div.rightData { float:left; color:#fff; width:220px; } table#pDatesAndCosts { width:100%; border:1px solid #eef0f2; } table#pDatesAndCosts th { background-color:#4aa0a5; color:#fff; font-weight:bold; } table#pDatesAndCosts th, table#pDatesAndCosts td { padding:2px 3px; } table#pDatesAndCosts th:first-child, table#pDatesAndCosts td:first-child { padding-left:5px; } /*find by program box template*/ .findByProgramBox { margin-top:10px; width:620px; border-width:2px; border-style:solid; font-size:12px; /*font-family:"Arial Narrow"*/ } .findByProgramBox .fbpb_hdr { padding:4px; } .findByProgramBox .fbpb_pName { width:250px; padding-right:10px; } .findByProgramBox .fbpb_firstCol, .findByProgramBox .fbpb_secondCol { width:200px; font-size:11px; } .findByProgramBox .fbpb_secondCol { padding-left:15px; width:130px; } .findByProgramBox .fbpb_body { padding:8px 4px; width:500px; } .findByProgramBox .fbpb_photo { padding:8px 4px 0 0; } .box_alpha { border-color:#ECD904; } .box_alpha .fbpb_hdr { background-color:#F3EA88; } .box_bravo { border-color:#08B6C1; } .box_bravo .fbpb_hdr { background-color:#DCF6F8; } .box_charlie { border-color:#ED4214; } .box_charlie .fbpb_hdr { background-color:#EFDAD4; } .box_delta { border-color:#458114; } .box_delta .fbpb_hdr { background-color:#D5F5BB; } .box_foxtrot { border-color:#D66705; } .box_foxtrot .fbpb_hdr { background-color:#F7D895; } .box_tango { border-color:#4A68E9; } .box_tango .fbpb_hdr { background-color:#C4CAE2; } .box_sierra { border-color:#6F00CD; } .box_sierra .fbpb_hdr { background-color:#CCC4D2; } .box_echo { border-color:#A3DE04; } .box_echo .fbpb_hdr { background-color:#E8F4C8; } /*optional courses*/ div.optCourseHdr, div.optCourseContainer { margin-right:65px; } .ie6 div.optCourseHdr, .ie6 div.optCourseContainer { margin-right:45px; } .optCourseRow table { height:23px; width:345px; margin-right:30px; } .optCourseRow table td { border:1px solid #fff; border-width:1px 1px 0 1px; } .firstRow table td { border-top:0px none; } .optCourseRow .p-alpha, .dandc .p-alpha { background-color: #ffe600; color:#333; } .optCourseRow .p-bravo, .dandc .p-bravo { background-color: #009da8; color:#fff; } .optCourseRow .p-charlie, .dandc .p-charlie { background-color: #ff2236; color:#fff; } .optCourseRow .p-delta, .dandc .p-delta { background-color: #22a250; color:#fff; } .optCourseRow .p-foxtrot, .dandc .p-foxtrot { background-color: #f46500; color:#fff; } .optCourseRow .p-tango, .dandc .p-tango { background-color: #038ad1; color:#fff; } .optCourseRow .p-belize, .dandc .p-belize { background-color: #e40064; color:#fff; } .optCourseRow .p-bahamas, .dandc .p-bahamas, .optCourseRow .p-sierra, .dandc .p-sierra { background-color: #81479c; color:#fff; } .optCourseRow .p-echo, .dandc .p-echo { background-color: #8acc1b; color:#fff; } /* dates & costs */ .dandc { font-size:90%; border:1px solid #e7e7e7; border-width:0 1px 1px 1px; background:#fff; } .programRow { border-bottom:1px solid #fff; } .leftCol { float:left; width:230px; padding:4px 0 4px 4px; } .sailings { width:428px; /*border-right:1px solid #fff;*/ } .sailingRow { padding-bottom:5px; } .ck { float:left; width:18px; padding-top:3px; } .program { float:left; width:150px; } .start { float:left; width:70px; } .end { float:left; width:60px; } .days { float:left; width:50px; text-align:center; } .tuition { float:left; width:63px; padding-right:17px; text-align:right; white-space:nowrap; } .arriveDepart { float:left; text-align:center; width:163px; } .airport { font-size:90%; } .headerRow div { padding:5px 0 0 0; } .headerRow div.tuition { padding-right:17px; } .programRow .sailings, .programRow .arriveDepart { padding-top:6px; } a.info { font-style:italic; background:transparent url(../i/icons/information.png) center left no-repeat; padding-left:18px; color:#fff; font-size:90%; text-decoration:underline; } a.info:hover { text-decoration:none; } .p-alpha a.info { color:#066390; } table.airportTable tr td { padding-bottom:6px; } .disclaimerFootnote { padding-top:5px; font-size:11px; color:#666; } /*combined */ .combined .leftCol { width:135px; } .combined .sailings { width:688px; } .combined .arriveDepart { width:100px; } /*comparison*/ #comparisonGrid { padding-top:15px; padding-bottom:50px; } table#pDatesAndCosts tr td { border-right:1px solid #FFFFFF; height:100%; padding:0 !important; } /*trip updates*/ div.tuHasPhoto { float:left; width:440px; } /*used on subpages where there's a right column with green header (e.g. news photo gallery) */ div.hasSidebar { float:left; width:430px; } div#pageSidebar { padding-left:15px; font-size:90%; } div.s-panel { width:175px; border:1px solid #ccc; background-color:#f9f9f9; padding:0; } div.s-panel-hdr { border-bottom:1px solid #ccc; background-color:#4AA0A5; padding: 4px 0 4px 6px; font-weight:bold; color:#fff; } div.s-panel-content { padding:6px; } div.s-panel-ftr { width:175px; height:8px; background:transparent url(../i/column_footer.gif) top left no-repeat; padding:0; } /* tabs */ #tabbednav { float: right; width:100%; background:transparent url("../i/tab_bg.gif") repeat-x bottom; line-height:normal; } #tabbednav ul { float: right; padding-right: 10px; list-style: none; margin: 0; } #tabbednav li { float: left; background: url("../i/tab_left_g.gif") no-repeat left top; margin: 0 2px 0 2px; padding: 0 0 0 6px; } #tabbednav a { font-size:90%; float: left; display: block; background: url("../i/tab_rt_g.gif") no-repeat right top; padding: 5px 15px 4px 6px; text-decoration: none; font-weight: normal; color: #777; } #tabbednav a:hover { color: #333; } #tabbednav #current { background-image:url("../i/tab_left_w.gif"); } #tabbednav #current a { background-image:url("../i/tab_rt_w.gif"); color:#082372; padding-bottom:5px; font-weight: bold; } .app-form-header { background:transparent url(/v2/images/form_glass_bg.gif) repeat-x scroll left top; color:#FFFFFF; font-weight:bold; height:23px; line-height:23px; margin:0; padding-left:6px; text-transform:uppercase; width:616px; } div.app-form-fields { border:1px solid #E1E1E1; width:620px; } /*request brochure form */ body.contact form div.app-form-fields table td { padding:3px; } div.app-form-fields p, div.app-form-fields table { padding: .1em; } div.app-form-fields input, div.app-form-fields textarea { width: 55%; } div.app-form-fields input.input-short { width: 40%; } .checkbox, .radio { padding: 5px; border: 0; background: transparent; width: auto !important; } #Other_Form_Completer, #other-interests, #HowFirstLearnedTextBox { display:none; } /* LOGIN ****/ #login-panel { float: left; width: 370px; background: transparent; margin: 0; padding: 0; } #signup-panel { float: left; width: 292px; background: transparent url(/i/vert_dots.gif) top left repeat-y; margin: 0; padding: 0 0 10px 0px; font-size:90%; } #userEmail, #userName, #userPassword, #userPasswordConfirm, #FirstName, #LastName, #feedURL, #feedName, #UserRequestForPassword, #q { width: 80%; font-weight: normal; } span.ajaxmsg a { color: #fff; } .login-error, .login-reason { width:285px; padding:5px; } .login-reason { font-weight: bold; color:#fff; background:#009CA5; } .login-error { font-weight:bold; color:#fff; background:#900; } body.login h2, body.login h4, body.signup h4, body.signup h2, body.password h4 { border-bottom: 1px solid #ddd; } ul#whysignup { margin: 0 0 10px 0; padding: 0; } ul#whysignup li { background: url(/i/icons/bullet_go.png) no-repeat top left scroll; list-style: none; padding: 0 0 10px 20px; } /* buttons */ div.whtBtn { background:transparent url(/i/btn-medium-white.gif) no-repeat scroll left top; margin-right:5px; padding-left:5px; height:24px; float:left; } div.whtBtn a { background:transparent url(/i/btn-medium-white.gif) no-repeat scroll right top; line-height:24px; padding:0 12px 2px 7px; display:block; font-size:11px; color:#066390; } div.whtBtn a:hover { text-decoration:none; color:#90a920; } div.grnBtnLG { background:transparent url(/i/btn-large-green.gif) no-repeat scroll left top; margin-right:10px; padding-left:10px; height:30px; float:left; } div.grnBtnLG a { background:transparent url(/i/btn-large-green.gif) no-repeat scroll right top; line-height:30px; padding:0 15px 2px 5px; display:block; font-size:12px; color:#fff !important; text-decoration:none !important; } div.grnBtnLG a:hover { text-decoration:none; color:#fff; } /* custom buttons, thanks Doug -- http://stopdesign.com/archive/2009/02/04/recreating-the-button.html */ .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; text-decoration:none; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(http://localhost/redesign/i/btn-custom-bg.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for