/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * File: $RCSfile: styles.css,v $ Description: These are the styles for the 2008 Riemer Week pages Last Modified: $Date: 2008/06/11 20:28:53 $ by $Author: dmkash $ Revision: $Revision: 1.2.2.37 $ ($Name: $) --- Company Colors --- blue (text): #039 green (headers): #363 maroon (links): #600 --- Track Colors --- International: #95cdb4 Domestic: #cd9d95 Essentials: #95a2cd Meetings: #b9cd95 Networking: #ca95cd brown: #726257 644f45 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* =OTHER STYLESHEETS ------------------------------------------------------------------- */ @import url('/RiemerWeek/common/styles.css'); body { font-family: "Trebuchet MS", Verdana, "Deja Vu Sans", sans-serif; } ul li { background-image: none; } /* =DIVS -------------------------------------------------------------------------*/ #airfarewatchdog { clear: right; float: right; margin-top: 20px; width: 168px; } #cancellation { font-size: 1em; font-style: italic; } #container { background: #fff; border-top: none; margin: 0 auto; text-align: left; width: 682px; } #content { background: #fff; overflow: auto; padding: 0 35px 25px; } #gene h3, #gene h4 { text-align: center; } #genefun { margin: 0 18px; } #genePhotos { float: left; margin: 0 35px 0 0; width: 217px; } #header { background: #fff url('images/bak_header.jpg') no-repeat; height: 242px; width: 680px; } #header h1, #header h2 { display: none; } /* This is floated so that it stretches to contain the floated img inside */ /* Width is width of container minus padding of content */ #hyattInfo { float: left; line-height: 1.4; margin-bottom: 20px; width: 610px; } #hyattInfo h3 { margin-top: 0; } #hyattInfo img { float: left; margin: 20px 0; } #hyattInfo div.adr, #hyattInfo dl { margin-left: 277px; } #map { border: 1px solid #363; float: left; height: 400px; margin: 20px 20px 20px 0; width: 420px; } #printLink { border: 1px solid #91bacc; display: block; float: right; font-weight: bold; margin: 0 0 20px 20px; padding: 5px; text-decoration: none; text-transform: lowercase; } #printLink:link, #printLink:visited { background-color: #fff; color: #91bacc; } #printLink:hover, #printLink:active { background-color: #91bacc; color: #fff; } #sessionPic, #regdesk { float: right; margin: 20px; } #tagline { font-weight: bold; font-style: italic; } /* =NAVIGATION -------------------------------------------------------------------------*/ /*ul#nav { color: #644f45; font: bold 1.1em Helvetica,Arial,sans-serif; margin: 0 0 0 15px; padding-top: 202px; position: absolute; } ul#nav li { float: left; list-style-image: none; margin: 0 10px; padding: 0 0 3px; width: auto; } */ ul#nav { color: #644f45; font: bold 1.2em Helvetica,Arial,sans-serif; margin: 0 0 0 10px; padding-top: 202px; position: absolute; top: auto; } ul#nav li { display: inline; margin: 0 0 0 10px; padding-left: 15px; } ul#nav li.first { margin-left: 0; } ul#nav li a:link, ul#nav li a:visited { color: #644f45; text-decoration: none; } /*ul#nav li a:hover { border-bottom: 2px solid #977f59; color: #977f59; }*/ ul#nav li a:hover { border-bottom: 1px solid #644f45; } ul#nav li a:active { border-bottom: none; color: #6f99af; } ul#nav-secondary { float: left; font-weight: bold; list-style-image: none; margin: 5px 0 0; text-transform: lowercase; } ul#nav-secondary li { border: none; float: left; padding: 0; text-align: left; width: auto; } ul#nav-secondary li a { border: 1px solid #91bacc; border-left-width: 0; display: block; line-height: 1.4; padding: 3px 8px; text-decoration: none; } ul#nav-secondary li a.first { border-left-width: 1px; } ul#nav-secondary li a:link, ul#nav-secondary li a:visited { background-color: #fcffff; color: #91BACC; } ul#nav-secondary li a:hover, ul#nav-secondary li a:active { background-color: #91BACC; color: #fcffff; } /* Current page backgrounds */ body#location li#n-location, body#about li#n-about, body#speakers li#n-speakers, body#sessions li#n-sessions, body#tracks li#n-tracks, body#schedule li#n-schedule, body#photos li#n-photos, body#register li#n-register { background: url('/RiemerWeek/2008/images/bak_currentpage.gif') no-repeat left; } /*body#location li#n-location, body#about li#n-about, body#speakers li#n-speakers, body#sessions li#n-sessions, body#tracks li#n-tracks, body#schedule li#n-schedule, body#register li#n-register { border-bottom: 2px solid #644f45; } body#location li#n-location a:hover, body#about li#n-about a:hover, body#speakers li#n-speakers a:hover, body#sessions li#n-sessions a:hover, body#tracks li#n-tracks a:hover, body#schedule li#n-schedule a:hover, body#register li#n-register a:hover { border-bottom: none; color: #644f45; } */ .sessionnav { float: left; width: 45%; } .sessionnav.alt { float: right; } .sessionnav ul { list-style-image: none; margin: 0 0 20px; } .sessionnav ul li { list-style-type: none; margin-top: 8px; } .sessionnav li a { color: #568aa0; } .sessionnav li a:link, .sessionnav li a:visited { text-decoration: none; } .sessionnav li a:hover, .sessionnav li a:active { text-decoration: underline; } #regNav { float: left; margin: 0 0 20px; } #regNav h3 { color: #426475; float: left; font: normal 1.6em/1.4 Helvetica, Arial, sans-serif; margin: 0; padding: 5px 0; text-transform: lowercase; vertical-align: bottom; } #regNav #nav-secondary { margin: 0 0 0 10px; } /* =CLASSES -------------------------------------------------------------------------*/ .bubbleDirections { display: block; margin-top: 20px; } .ceu { color: #039; font: normal bold 1.2em Arial, sans-serif; margin: 10px 0 0 5px; } .ceu a { font-size: 0.8em; font-weight: normal; } .clear { clear: both; display: block; } .first, #daytime .first { margin-top: 0; } .photowrap, .photowrap p { color: #644f45; } .photowrap a { color: #426475; } #genephotos .photowrap { margin: 0 0 35px 0; width: 217px; } .sessioninfo { float: right; width: 510px; } .sessioninfo h3 { font: bold 1.4em/1.6 Arial, sans-serif; margin-top: 0; } .sessioninfo .speaker { font-size: 1.2em; font-weight: normal; } .sessionmeta { color: #363; font-style: italic; float: left; width: 90px; } .sessionmeta .day { color: #363; font: italic bold 1.4em/1.6 Arial, sans-serif; } .sessionmeta img { display: block; margin-top: 10px; } .sessionwrap { float: left; margin-bottom: 20px; width: 610px;} .slides.on, .handout.on { color: #426475; margin-top: 20px; } .slides.on a, .handout.on a { background-repeat: no-repeat; background-position: top left; color: #426475; display: block; font-size: 1.2em; height: 20px; padding-left: 20px; } .handout.on a { background-image: url("/RiemerWeek/2008/images/handout_on.gif"); } .slides.on a { background-image: url("/RiemerWeek/2008/images/slide_on.jpg"); } .slides.off, .handout.off { background-repeat: no-repeat; background-position: top left; color: #b4b4b4; margin-top: 20px; padding-left: 20px; } .slides.off { background-image: url("/RiemerWeek/2008/images/slide_off.jpg"); } .handout.off { background-image: url("/RiemerWeek/2008/images/handout_off.gif"); } .sponsor { font-style: italic; margin-top: 20px; text-align: center;} .sponsor img { display: block; margin: 0 auto; } .tag { font-weight: bold; padding: 5px 0; text-align: center; width: 70px; } .todo { color: red; font-weight: bold; } /* Marks things that are unfinished on pages */ #tracks .first { margin-left: 0; } /* innovations red meeting orange retail yellow intl green core essentials blue networking purple general grey */ .innovations { background-color: #fcc; } /*.meeting { background-color: #ffe5cc; }*/ .meeting { background-color: #cff; } .retail { background-color: #ffc; } .intl { background-color: #cfc; } .essentials { background-color: #ccf; } .networking { background-color: #fcf; } .general { background-color: #eee; } /* =MICROFORMATS -------------------------------------------------------------------------*/ div.adr div, div.adr span, div.adr abbr, div.vcard dl { font-size: 1.2em; line-height: 1.4; } div.vcard dt { float: left; font-weight: bold; margin-left: 10px; width: 80px; } div.vcard dd { margin-left: 100px; } td.vevent { padding: 8px 3px; } td.vevent strong, td.vevent a.summary { color: #426475; display: block; font-weight: bold; margin-bottom: 8px; } td.vevent a:link, td.vevent a:visited { text-decoration: none; } td.vevent a:hover, td.vevent a:active { text-decoration: underline; } td.vevent span.eventTimes { font-size: 0.8em; text-transform: uppercase; } td.vevent span.eventTimes abbr { border: none; cursor: default; } td.vevent li span.eventTimes { margin-left: 10px; } /* =TABLES -------------------------------------------------------------------------*/ table, th, td { border: none; } #pricing td { background-color: #fff; border-top-color: #ccc; color: #777; } #pricing th.secondary { background-color: #eee; border-color: #777; color: #777; } #pricing th span { color: #777; } #pricing .registerButton { border-top: none; text-align: center; } #pricing .registerButton p { text-align: left; font-size: 1em; font-style: italic; margin: 0 40px 10px; } #pricing ul { font-size: 0.8em; list-style: square none; margin: 0 0 0 15px; padding: 0; } #schedule table.events { border-collapse: separate; border-spacing: 3pt; clear: both; font-size: 1.2em; margin: 20px 0 20px; width: 610px; } #schedule table.events th.day, #pricing th { background-color: #fff; border-width: 0; color: #426475; font-size: 1.4em; font-weight: 100; padding: 0 0 3px; text-align: left; text-transform: lowercase; } #schedule table.events tr.times th { background: #eee url('images/bak_th.gif') repeat-x bottom left; border: 1px solid #c5c5c5; color: #777; font-size: 1em; padding: 5px; text-align: center; } #schedule table.events td { border: 1px solid #c5c5c5; color: #777; text-align: left; vertical-align: middle; } #schedule table.events td.general { border: 1px solid #c5c5c5; } #schedule table.events td.innovations { border: 1px solid #c66; } #schedule table.events td.meeting { border: 1px solid #6cc; } #schedule table.events td.retail { border: 1px solid #993; } #schedule table.events td.intl { border: 1px solid #3c3; } #schedule table.events td.essentials { border: 1px solid #66f; } #schedule table.events td.networking { border: 1px solid #c3c; } /* =LISTS -------------------------------------------------------------------------*/ ol { list-style-type: decimal; margin: 10px 0 0 20px; } ol ul li { font-size: 1em; } #sessions ol { margin-left: 40px; } ul { list-style-image: url('images/bullet.gif'); margin: 0 20px 20px 25px; } ul li, ol li { font-size: 1.2em; line-height: 1.4; } ul ul { list-style-image: none; margin: 0 20px 0 25px; } ul ul li { font-size: 1em; line-height: 1.4; margin: 10px 0; } ul#footnotes { list-style-image: none; margin-left: 40px; } ul#footnotes li { margin-top: 10px; text-indent: -1.5em; } ul#footnotes a { font-style: italic; margin: 0 0.25em; } ul#footnotes a:link, ul#footnotes a:visited { text-decoration: none; } ul#footnotes a:hover, ul#footnotes a:active { text-decoration: underline; } #speakers dl { float: left; margin: 0; width: 610px; } #speakers dd { margin: 0 0 30px 110px; } #speakers dt { float: right; font-size: 1.4em; font-weight: bold; margin: 0; width: 500px; } #speakers dd.photo { float: left; margin: 0 0 0; width: 90px; } td.meeting ul { list-style-image: none; margin: 8px; } td.meeting ul li { font-size: 1em; /*font-style: italic;*/ } dl#globalFocusDays { margin: 10px 0 10px 40px; } dl#globalFocusDays dt { float: left; width: 100px; } dl#globalFocusDays dt, dl#globalFocusDays dd { font-size: 1em; margin: 0 0 5px 0; } dl#globalFocusDays dd .slides { margin: 0 0 10px 100px; } dl#globalFocusDays dd .slides.on a { display: inline; font-size: 1em; padding: 0 5px 5px 20px; } .sessioninfo dl#globalFocusDays dt, .sessioninfo dl#globalFocusDays dd { font-size: 1.2em; } #tracks dl dt { margin: 20px 0 0; } #tracks dl dd { font-size: 1.2em; line-height: 1.4; margin: 0 0 0 40px; } #tracks dl p { font-size: 1em; margin: 0; } #tracks dl dd dl { margin: 10px 0 10px 40px; } #tracks dl dd dl dt { float: left; width: 100px; } #tracks dl dd dl dt, #tracks dl dd dl dd { font-size: 1em; margin: 0 0 5px 0; } #tracks dl dd ul { font-size: 0.8em; line-height: 1.4; margin: 10px 0 10px 60px; } /* =FORMS -------------------------------------------------------------------------*/ #register form { margin: 0 auto; text-align: center; } #register form * { text-align: left; } #register form ul { color: #777; list-style-image: none; margin: 0; } #register form li { margin: 0 0 10px 20px; text-indent: -21px; } #register form fieldset { border: 1px solid #c5c5c5; margin: 20px 0 0; padding: 10px 20px 20px; } #register form legend { color: #426475; font-size: 1.4em; margin: 0 10px; padding: 0 3px; text-transform: lowercase; } #register form label { color: #039; font-size: 1em; font-weight: bold; margin-right: 10px; } #register form p { color: #777; margin: 0 0 10px; } #register form p strong { color: #426475; text-transform: uppercase; } #register form fieldset fieldset { border-width: 1px 0 0; } #register form fieldset fieldset ul { margin: 0 0 0 20px; padding: 0; } #register form fieldset fieldset ul li { margin: 0 0 0 10px; text-indent: -21px; } /*#register form fieldset fieldset { border-width: 0; margin: 0 0 0 25px; padding: 0; } #register form fieldset fieldset legend { color: #777; font-size: 1em; font-weight: bold; margin: 0; } #register form fieldset fieldset label { font-weight: normal; } */ #register form .twocol { float: left; margin: 0; padding: 0 10px 0 0; } #register form .twocol.alt { float: right; } #register form .twocol ul { margin: 0; } #register form .twocol li { width: 260px; } #contactInfo ul li { margin: 0 0 10px; text-indent: 0; } #contactInfo input { display: block; width: 260px; } #contactInfo #stateItem, #contactInfo #zipItem { float: left; } #contactInfo #zipItem { margin-left: 20px; } #contactInfo ul li#stateItem, #stateItem input { width: 40px; } #contactInfo ul li#zipItem, #zipItem input { width: 120px; } #familyGuestItem input { display: inline; width: auto; } #packages .twocol { color: #777; font-style: italic; } #packages .twocol ul { list-style-type: square; } #packages .twocol ul li { margin-left: 20px; width: 240px; } #packages fieldset fieldset { width: 260px; } /*#paymentOpts ul li ul { margin-left: 50px; }*/ #paymentOpts ul li ul li label { float: left; text-align: right; width: 150px; } button { background-color: #426475; color: #fff; margin: 20px auto; text-align: center; }