body { font-family: Arial, Verdana, sans-serif; font-size: small; background-color: #CCC; text-align: center; color: #333; } a { color: #007DC3; } h1 sup, h2 sup, h3 sup, h4 sup, .sup { font-size: 60%; vertical-align: super; } .clear { clear: both; } .pdf_indicator { padding-left: 5px; font-size: 65%; font-weight: normal; color: #666; } a.readmore { display: block; background-color: #e95a11; background-image: url(images/more-arrow.png); padding-left: 12px; } .small { font-size: 75%; } /* --------------------------- Super Container --------------------------- */ #supercontainer { width: 900px; margin: 0 auto; text-align: left; position: relative; } /* --------------------------- Phantom click overlay makes the upper right part of the page clickable --------------------------- */ div#phantomClick { position: absolute; top: 0; right: 0; z-index: 9000; } div#phantomClick a { outline: none; } div#phantomClick img { width: 280px; height: 210px; border: none; outline: none;} /* --------------------------- Header Container --------------------------- */ #headerContainer { background: url(images/headerContainer_bg.gif) no-repeat; padding-left: 10px; } /* --------------------------- Image assignment based on body class --------------------------- */ #header { background: url(images/header_bg.png) no-repeat right top; padding-right: 10px; position: relative; } body.whitepaper #header { background-image: url(images/header_bg/whitepaper.jpg); } body.golfevent #header { background-image: url(images/header_bg/golf.jpg); } body.brochure #header { background-image: url(images/header_bg/brochure.jpg); } body.e-newsletter #header { background-image: url(images/header_bg/e-newsletter.jpg); } body.factsheet #header { background-image: url(images/header_bg/factsheet.jpg); } body.infokit #header { background-image: url(images/header_bg/infokit.jpg); } body.infokit2 #header { background-image: url(images/header_bg/infokit_with_computer.jpg); } body.webcast #header { background-image: url(images/header_bg/desktop.jpg); } body.interactivetour #header { background-image: url(images/header_bg/desktop.jpg); } body.podcast #header { background-image: url(images/header_bg/podcast.jpg); } body.solutionbrief #header { background-image: url(images/header_bg/solution_brief.jpg); } body.success #header { background-image: url(images/header_bg/customer_success.jpg); } body.event #header { background-image: url(images/header_bg/appointment.jpg); } body.exec_podium #header { background-image: url(images/header_bg/podium.jpg); } body.exec_table #header { background-image: url(images/header_bg/exec_table.jpg); } body.hospitality_1 #header { background-image: url(images/header_bg/coffee.jpg); } body.hospitality_2 #header { background-image: url(images/header_bg/martini.jpg); } body.hospitality_3 #header { background-image: url(images/header_bg/wine.jpg); } body.hospitality_4 #header { background-image: url(images/header_bg/fruit_plate.jpg); } body.workshop #header { background-image: url(images/header_bg/workshop.jpg); } #header img#SASlogo { padding: 20px 0 16px 10px; border: none; } /* --------------------------- Headline and subheadline --------------------------- */ #offer { background: url(images/headline_bg.png) no-repeat right bottom; _background: url(images/headline_bg_ie.gif) no-repeat right bottom; position: relative; _height: 1%; } #offerHeadline { padding: 20px 0 20px 15px; border-top: 0; border-right: 0; border-bottom: 1px white solid; border-left: 0; position: relative; } #offerHeadline h1 { margin: 0; padding: 0; color: white; font-weight: bold; font-size: 2.2em; font-family: 'Arial Narrow', Arial, Verdana, sans-serif; width: 640px; } #offerHeadline h2 { margin: 0; padding: 0; color: white; font-size: 1.2em; font-weight: 200; width: 635px; } h3#offerType { color: white; position: absolute; right: 10px; bottom: 0px; margin: 0; padding: 0; text-transform: uppercase; font-weight: bold; font-size: 18px; font-family: 'Arial Narrow', Arial, Verdana, sans-serif; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* --------------------------- Tabbed nav --------------------------- */ #nav { height: 30px; position: relative; } #nav ul { padding: 0; margin: 0; list-style-type: none; position: absolute; bottom: 0; left: 0; } #nav ul li { float: left; padding: 0; margin: 0 0 0 1px; height: 23px; cursor: pointer; } #nav ul li a { background: url(images/sprites.gif) no-repeat right -25px; margin: 0; padding: 0 8px 0 0; display: inline-block; color: white; font-size: 1.1em; line-height: 23px; text-decoration: none; cursor: pointer; } #nav ul li a span { background: url(images/sprites.gif) no-repeat left -25px; margin: 0; padding: 0 0 2px 8px; line-height: 21px; display: inline-block; cursor: pointer; } #nav ul li a:hover { background-position: right -50px; text-decoration: none;} #nav ul li a:hover span { background-position: left -50px;} #nav ul li.active a { background: url(images/sprites.gif) no-repeat right top; color: #00539b; } #nav ul li.active a span { background: url(images/sprites.gif) no-repeat left top; padding: 0 0 2px 8px; line-height: 21px; } /* --------------------------- Main content --------------------------- */ #contentContainer { background: url(images/contentContainer_bg.gif) repeat-y; padding-left: 10px; margin: 0; } #content { background: url(images/content_bg.gif) repeat-y right top; padding: 20px 10px 0 0; min-height: 200px; _height: 200px; } #main { padding-bottom: 20px; } div.twoCol #main { width: 640px; float: left; } div.oneCol #main { width: 100%; position: relative; } div.oneCol #main p, div.oneCol #main h3, div.oneCol #main ul { margin-right: 15px;} div.oneCol #sidebar { display: none;} #main h2 { font-size: 1.3em;} #main h2 { font-size: 1.2em;} #main h3 { background: url(images/sprites.gif) no-repeat left -250px; font-weight: bold; font-size: 1.1em; margin: 0; line-height: 27px; padding-left: 20px; } #main h4 { font-weight: bold; font-size: 1em; line-height: 27px; background: url(images/dot.gif) repeat-x left bottom;} #main table, #main h2, #main h4, #main h5, #main div { margin-left: 20px; margin-right: 20px;} #main p { margin: 10px 20px 20px 20px; } #main ul { margin: 10px 0 20px 0px; padding: 0 0 0 20px; list-style-type: none; } #main ul li { background: url(images/bullet.gif) no-repeat left 5px; padding: 0 0 8px 15px; } #main a.button { background: url(images/sprites.gif) no-repeat left -75px; display: inline-block; color: white; text-decoration: none; padding-left: 25px; } #main a.button span { background: url(images/sprites.gif) no-repeat right -75px; font-weight: bold; font-size: 12px; line-height: 20px; display: block; padding: 0 15px 2px 0; } #main a.button:hover { background-position: left -100px; } #main a.button:hover span { background-position: right -100px; } #main img { margin-left: 20px; } #main p img { margin-left: 0px; } #main ul.fulfillment li { background-image: url(/images/icons/news_list_bullet.gif); } #main ul.fulfillment li a { font-weight: bold; text-decoration: none; } #main ul.fulfillment li a:hover { text-decoration: underline; } #viewwebcast a { background: url(images/sprites.gif) no-repeat right -150px; display: block; line-height: 31px; color: white; text-decoration: none; text-align: center; font-weight: bold; font-size: 16px; line-height: 35px; padding: 0 40px 5px 0; } #viewwebcast { background: url(images/viewwebcast.gif) no-repeat left top; display: inline-block; margin: 0 0 0 20px; padding: 4px 0 0 55px; height: 40px; } #viewwebcast { *display: inline; } /*Tabs */ #yui-history-iframe { display: none; } div#tabbed-content { margin-left: 20px;} #main div#tabbed-content h3 { background: url(images/dot.gif) repeat-x left bottom; padding-left: 0;} #main div#tabbed-content table, #main div#tabbed-content h2, #main div#tabbed-content h4, #main div#tabbed-content h5, #main div#tabbed-content div, #main div#tabbed-content p { margin-left: 5px; margin-right: 5px;} div#tabs { padding: 0; margin: 15px 0px; } ul#tabbed_nav { margin: 0 0 30px 0; padding: 0; list-style: none; background: url(/images/globalnavigation/tabs-border.png) repeat-x left bottom; min-width: 480px; display: block; height: 24px; } ul#tabbed_nav li { float: left; padding: 0; margin: 0; display: inline-block; height: 24px; } ul#tabbed_nav li a { font-weight: normal; text-decoration: none; display: inline-block; background: url(/images/globalnavigation/tabs.png) no-repeat left -50px; padding-left: 10px; margin: 0 0 -1px 0; font: normal 12px/24px Arial, sans-serif; height: 24px; color: #333; outline: 0; cursor: pointer; } ul#tabbed_nav li a em { line-height: 24px; height: 24px; display: inline-block; padding: 0 10px 0 0; text-align: center; background: url(/images/globalnavigation/tabs.png) no-repeat right -50px; font-style: normal; } ul#tabbed_nav li a:hover { text-decoration: none; background-position: left -100px; } ul#tabbed_nav li a:hover em { background-position: right -100px; } ul#tabbed_nav li.active a { background-position: left top; color: #003b76; } ul#tabbed_nav li.active a em { background-position: right top; font-style: normal !important; } div #tabs ul.multiline { height: 48px; } div #tabs ul.multiline li { height: 48px; } div #tabs ul.multiline li a { background: url(/images/globalnavigation/tabs.png) no-repeat left -150px; line-height: 48px; height: 48px; } div #tabs ul.multiline li a span { line-height: 42px; height: 42px; display: inline-block; padding: 6px 10px 0 0; text-align: center; background: url(/images/globalnavigation/tabs.png) no-repeat right -150px; } div #tabs ul.multiline li.double a span { line-height: 18px; height: 42px; display: inline-block; padding: 6px 10px 0 0; text-align: center; background: url(/images/globalnavigation/tabs.png) no-repeat right -150px; } div #tabs ul.multiline li a:hover { text-decoration: none; background-position: left -200px; } div #tabs ul.multiline li a:hover em { background-position: right -200px; } div #tabs ul.multiline li.active a { background-position: left top;} div #tabs ul.multiline li.active a em { background-position: right top; } /* --------------------------- Agenda Table --------------------------- */ table.agenda { border: 0; margin-top: 15px 0; } table.agenda th { background-color: #999; padding: 5px; color: white; } table.agenda td { padding: 10px; vertical-align: top; border-bottom: 1px #C9C9C9 dotted; } #main table.agenda p { margin: 0 0 2px 0; } table.agenda td.agendaDay { color: #003b76; font-weight: bold; border-bottom: 1px #999 solid; padding-top: 15px; border-right: none; } table.agenda td.col1 { font-weight: bold; width: 150px;} /* --------------------------- Speaker Bios --------------------------- */ div.speakerBio { float: left; padding-bottom: 10px; border-bottom: 1px #C9C9C9 dotted; margin: 20px 0 0 20px; } div.speakerBio img { float: left; padding-right: 15px; } #main div.speakerBio div { margin-left: 150px;} #main div.speakerBio h4 { margin: 0 0 0 20px; padding: 0; background: none; line-height: normal;} div.speakerBio h5 { margin: 0; padding; 0; font-weight: normal; } div.speakerBio p { margin: 10px 0; padding: 0; } /* --------------------------- City Table --------------------------- */ table.citytable { border: none; font-size: 85%; border-collapse: collapse; margin-top: 15px; } table.citytable th { background-color: #007DC3; color: white; padding: 4px 8px; text-align: center; border-right: 1px #007DC3 solid; border-left: 2px white solid; } table.citytable th.first { border-left: 1px #007DC3 solid; } table.citytable td { border: 1px #7299B6 solid; padding: 5px; } table.citytable tr.even { background-color: #DBDBDB; } table.citytable td span.time { font-size: 80%; white-space: nowrap; } table.citytable a.register { color: #FC6209; font-size: 90%; font-weight: bold; } table.citytable a.register:hover { color: #0E437D; } /* --------------------------- Sidebar--------------------------- */ #sidebar { width: 220px; float: right; margin-bottom: 30px; } #maincta { width: 220px; position: relative; height: 80px; text-align: center; margin-left: 5px;} #sidebar #maincta a.button { background: url(images/sprites.gif) no-repeat left -150px; display: block; width: 190px; line-height: 31px; color: white; text-decoration: none; text-align: center; position: absolute; left: 0px; top: 20px; z-index: 10000; padding-left: 20px; } #sidebar #maincta a.button span { background: url(images/sprites.gif) no-repeat right -150px; font-weight: bold; font-size: 16px; line-height: 31px; display: block; padding-right: 15px; padding-top: 3px; } #saveDate { font-size: 108%; padding: 15px 5px 15px 5px; background: #eee; color: #333; } #sidebar h5 { background-color: #999999; font-weight: bold; font-size: .9em; line-height: 2em; padding-left: 5px; color: white; margin: 10px 0; } #sidebar p { font-size: 90%; padding: 0 5px; margin: 0;} #sidebar ul { margin: 15px 5px 5px 5px; padding: 0 0 0 5px; list-style-type: none; } #sidebar ul li { background: url(images/bullet.gif) no-repeat left 5px; padding: 0 0 8px 10px; } #sidebar a.button:hover { background-position: left -200px; } #sidebar a.button:hover span { background-position: right -200px; } div.sidebar_item { text-align: left; } #pageTools { border-top: 1px #BEBEBE solid; margin-top: 30px; } #pageTools ul { margin: 10px; padding: 0; list-style: none;} #pageTools ul li { margin: 0; padding: 0; background: none;} #pageTools ul li #social ul { left: -190px; bottom: -100px; *bottom: -108px; _bottom: 50%; _left: -200px; background-position: right 50%; } #pageTools ul li #social ul li { height: 25px; } #pageTools ul li #social ul li a { } #secondarycta { background: url(images/sprites.gif) no-repeat left -274px; padding: 20px; } #secondarycta h4 { margin: 0; padding: 0; font-size: 90%; color: #00539b; } #secondarycta ul { margin: 0; padding: 0; list-style: none; } #secondarycta ul li { background: url(images/arrowcircle.png) no-repeat left center; padding-left: 20px; margin: 8px 0; } #secondarycta p, #secondarycta h1, #secondarycta h2, #secondarycta h3 { margin-left: 0px; margin-right: 0px; } /* --------------------------- Footer --------------------------- */ #footerContainer { background: #117DC3 url(images/footerContainer_bg.gif) no-repeat left bottom; padding-left: 20px; } #footer { background: url(images/footer_bg.gif) no-repeat right bottom; height: 40px; padding-right: 10px; padding-top: 10px; font-size: 85%; } #footer ul { padding: 0; margin: 0; list-style-type: none; } #footer ul li { float: left; padding: 0 15px; border-right: 1px white solid; } #footer ul li.last { border: none; } #footer ul li a { color: white; } #footer p#copyright { float: right; padding-right: 10px; margin: 0; color: white; } /* --------------------------- Forms --------------------------- */ form#event { clear: both;} #main form table { margin-left: 0; } /* input { background: url(images/sprites.gif) no-repeat left -125px; border: 1px #ccc solid; height: 20px; } */ #main #formSubmit { padding-left: 30%; margin-left: 0; } form span.button { background: url(images/sprites.gif) no-repeat right -75px; margin: 0; height: 22px; display: inline-block; padding: 0 7px 0 0; *padding: 0; } form span.button input { background: url(images/sprites.gif) no-repeat left -75px; border: none; color: white; font-weight: bold; font-size: 90%; line-height: 22px; display: inline-block; height: 22px; padding: 0 2px 0 20px; cursor: pointer; _padding: 0 0 0 12px; *padding: 0 0 0 12px; *margin-right: -12px; } form span.button:hover { background-position: right -100px; } form span.button:hover input { background-position: left -100px; } p.form-instruct { font-weight: bold; } p.requiredField { float: right; } p.notice { font-size: .8em; line-height: 1.3em; color: #585858; margin-bottom: 0; } input[type=text] { background: url(images/sprites.gif) no-repeat left -125px; border: 1px #ccc solid; height: 20px; } #main p.profileLogin { background: #eee; margin: 5px 0 5px 0; padding: 10px 10px 10px 40px; display: inline-block; } #main p.profileLogin span.profileMgt { font-size: 90%; padding-left: 10px;} form li { position: relative; vertical-align: text-top; } form li select#state { position: absolute; top: 0; } #main form li p { display: inline; margin: 0 0 0 10px; padding: 0; position: absolute; top: 0; line-height: 20px;} /* --------------------------- LivePerson --------------------------- */ #sidebar .sidebar_item .lpPoweredByDiv { display: none; } #sidebar .sidebar_item ul.questions { margin: 10px 0 0 0; padding: 0; line-height: 18px; font-size: 12px; } #sidebar .sidebar_item ul.questions li { margin: 0 0 10px 0; padding: 0 0 0 22px; color: #007dc3; font-weight: bold; list-style-type: none; line-height: 18px; } #sidebar .sidebar_item ul.questions li.phone { background: url(/images/contact_box/cobalt/cobalt_qs_icons.png) no-repeat 0 0; } #sidebar .sidebar_item ul.questions li.email { background: url(/images/contact_box/cobalt/cobalt_qs_icons.png) no-repeat 0 -36px; } #sidebar .sidebar_item ul.questions li.email a { color: #007dc3; font-weight: bold; text-decoration: none; } #sidebar .sidebar_item ul.questions li.email a:hover { text-decoration: underline; } .urgent { color:red; }