/* ------------ FACE AND BODY 2011 Styles ---------- --- COLORS --- N. CALIFORNIA GREEN: #66A32E rgba(102,163,46,.3) MIDWEST PURPLE: #692D83 rgba(105,45,131,.3) MIDWEST BLUE: #00b5d9 rgba(0,181,217,.3) SOUTHEAST ORANGE: #F7941E rgba(247,148,30,.3) MUSTARD YELLOW: #D5B542 HIGHLIGHT YELLOW: #FFFEC8 BACKGROUND BROWN: #754C23 -------------- ------------------------------------------------- */ /*_________________________________________________________________________________ GENERAL LAYOUT AND COLUMN LAYOUT ===================================================================================*/ body { min-width: 1000px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 17.5px; background: url("../images/fb/misc/seamlessbg.jpg") repeat 50% 0; } /*body.midwest { background-image: url("../images/fb/misc/bodyBg-mw.gif"); } body.california { background-image: url("../images/fb/misc/bodyBg-nc.gif"); } body.southeast { background-image: url("../images/fb/misc/bodyBg-se.gif"); } body.both { background-image: url("../images/fb/misc/bodyBg-both.gif"); }*/ div#header, div#main, div#footer { width: 100%; display:block; overflow: hidden; clear: both; } div.wrapper { width: 1000px; margin: 0px auto; padding: 0px; position: relative; overflow: hidden; } div#main { min-height: 280px; padding: 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 16.5px; background-color: #fff; } div#main div.wrapper { background: url("../images/fb/misc/brownDot-1x1.gif") repeat-y 717px 0px; } div#main div#col1 { width: 717px; overflow: hidden; float: left; } div#main div#col2 { width: 282px; overflow: hidden; float: left; margin-left: 1px; } div#col1Content, div#col2Content { padding: 0px 15px; position: relative; } /*_________________________________________________________________________________ HEADER LAYOUT ===================================================================================*/ div#header { /*background: url("../images/fb/misc/seamlessbg.jpg") repeat 50% 0;*/ } div#header:after { content:""; position: absolute; left: 0; right:0; bottom: 0; height: 2px; background-color: #754C23; z-index: 3; } body.midwest div#header:after { background-color: #00b5d9; } body.california div#header:after { background-color: #66A32E; } body.southeast div#header:after { background-color: #F7941E; } div#eventNavigation {display: inline-block; float: right; padding: 3px 0 0; overflow: hidden; text-align: right; position: relative; z-index: 6} div#eventNavigation h4 { display: inline-block; padding: 5px 10px 0px 0px; color: #754C23; font-weight: normal; line-height: 20px; text-align: right; } div#eventNavigation h4:after { content: ":"; } div#eventNavigation ul { height: 28px; padding-top: 2px; margin-right: 8px; display:inline-block; } div#eventNavigation ul li { height: 28px; display:inline-block; margin-left: 5px; text-align: center; } div#eventNavigation ul li a { height: 23px; display: block; padding: 2px 13px; line-height: 23px; text-decoration: none; color: #754C23; border-radius: 17px; } div#eventNavigation ul li a:hover { text-decoration: underline; } /*div#eventNavigation ul li.midwest { width: 90px; border-right: 1px solid #754C23; } div#eventNavigation ul li.midwest a { width: 90px; } div#eventNavigation ul li.california { width: 150px; border-left: 1px solid #754C23; } div#eventNavigation ul li.california a { width: 150px; } div#eventNavigation ul li.southeast { width: 100px; border-left: 1px solid #754C23; } div#eventNavigation ul li.southeast a { width: 100px; }*/ div#eventNavigation ul li.midwest a:hover, body.midwest div#eventNavigation ul li.midwest a { /*color: #754C23; */background-color: rgba(0,181,217,.3); } div#eventNavigation ul li.california a:hover, body.california div#eventNavigation ul li.california a { /*color: #754C23; */background-color: rgba(102,163,46,.3); } div#eventNavigation ul li.southeast a:hover, body.southeast div#eventNavigation ul li.southeast a { /*color: #754C23;*/ background-color: rgba(247,148,30,.3); } /*body.midwest div#eventNavigation ul li.california a, body.california div#eventNavigation ul li.midwest a, body.both div#eventNavigation ul li a { color: #FFFEC8; background-color: #754C23; }*/ div#eventInfo { display:block; height: 135px; /* padding: 10px 15px;width: 100%;overflow: hidden; */ position: relative; z-index: 5; } div#eventInfo h1 { width: 488px; height: 120px; position: absolute; top: 5px; left:15px; background: url("../images/fb/misc/logo-b-2016.png") no-repeat 0 0; } div#eventInfo h1 a { width: 250px; height: 72px; margin-top: 48px; display: inline-block; overflow: hidden; text-indent: -9999px; } div#eventInfo h2 { height: 25px; position: absolute; top: 65px; left:277px; display: block; overflow: hidden; text-indent: -9999px; } body.midwest div#eventInfo h2 { width: 142px; background: url("../images/fb/misc/showLocation-mw.png") no-repeat 0 0; } body.california div#eventInfo h2 { width: 364px; background: url("../images/fb/misc/showLocation-nc.png") no-repeat 0 0; } body.southeast div#eventInfo h2 { width: 364px; background: url("../images/fb/misc/showLocation-se.png") no-repeat 0 0; } div#eventInfo p#tagline { display:none; position: absolute; top: 56px; left:255px; color: #754C23; font-size: 12px; letter-spacing: 1.5px; } div#eventInfo p#eventDetails { width: 400px; margin: 0px; font-size: 18px; line-height: 25px; text-align: right; position: absolute; right: 20px; bottom: 10px; } body.midwest div#eventInfo p#eventDetails { color: #00b5d9; } body.california div#eventInfo p#eventDetails { color: #66A32E; } body.southeast div#eventInfo p#eventDetails { color: #F7941E; } /*_________________________________________________________________________________ NAV LAYOUT ===================================================================================*/ div#navigation { height: 32px; /*overflow: hidden;*/ position: relative; z-index: 4; padding-left: 5px; } body.midwest div#navigation li { background-color: #00b5d9; } body.california div#navigation li { background-color: #66A32E; } body.southeast div#navigation li { background-color: #F7941E; } body.both div#navigation { top: -2px; } div#navigation ul { list-style: none; } div#navigation ul li { height: 32px; border-style: solid; margin-right: 5px;border-width: 1px 1px 0px 1px; float: left; line-height: 32px; /*text-shadow: 1px 1px 1px rgba(0,0,0,.5);*/ border-color: #754C23; } /*div#navigation ul li#pnItem6 { border-right: 0px none; }*/ div#navigation ul li a { padding: 0px 10px; display: block; color: #fff; font-weight: bold; font-size: 15px; line-height: 32px; text-decoration: none; } div#navigation ul li a:hover { text-decoration: underline; } div#navigation ul li.currPage { /*height: 30px; border-width: 2px 0px 0px 0px; line-height: 28px; text-shadow: 1px 1px 1px rgba(0,0,0,.15);*/ background-color: #fff; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.4); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.4); box-shadow: 0px 0px 6px rgba(0,0,0,.4); } body.midwest div#navigation ul li { border-color: #00b5d9; } body.california div#navigation ul li { border-color: #66a32e; } body.southeast div#navigation ul li { border-color: #F7941E; } body.midwest div#navigation ul li.currPage a { line-height: 28px; color: #00b5d9; } body.california div#navigation ul li.currPage a { line-height: 28px; color: #66a32e; } body.southeast div#navigation ul li.currPage a { line-height: 28px; color: #F7941E; } /*body.both div#navigation ul { display: none; }*/ body.both div#navigation ul li#pnItem1 { background-color: #00b5d9; } body.both div#navigation ul li#pnItem2 { background-color: #66a32e; } body.both div#navigation ul li#pnItem3 { background-color: #F7941E; } /*_________________________________________________________________________________ BASIC STYLES ===================================================================================*/ p { margin:0px 0px 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 13.5px; line-height: 16.5px; } h1 { margin-bottom: 7px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 31px; font-weight: bold; } h2 { margin-bottom: 7px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; font-weight: bold; } h3 { margin-bottom: 7px; color: #754c23; font-family: Arial, Helvetica, sans-serif; font-size: 14.5px; line-height: 18px; font-weight: bold; } h4 { margin-bottom: 5px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; } h5 { margin-bottom: 5px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; } h6 { margin-bottom: 3px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; } span.midwest, body.midwest h1, body.midwest h2, body.midwest h3, body.midwest h4, body.midwest h6, body h1.midwest, body h2.midwest, body h3.midwest, body h4.midwest, body h5.midwest, body h6.midwest { color: #00b5d9; } span.california, body.california h1, body.california h2, body.california h3, body.california h4, body.california h6, body h1.california, body h2.california, body h3.california, body h4.california, body h5.california, body h6.california { color: #66A32E; } span.southeast, body.southeast h1, body.southeast h2, body.southeast h3, body.southeast h4, body.southeast h6, body h1.southeast, body h2.southeast, body h3.southeast, body h4.southeast, body h5.southeast, body h6.southeast { color: #F7941E; } span.both, body.both h1, body.both h2, body.both h3, body.both h4, body.both h6, body h1.both, body h2.both, body h3.both, body h4.both, body h5.both, body h6.both { color: #754C23; } div#main .massage { color:#02afeb; } div#main ul { margin: 0px 0px 12px 0px; list-style: disc; } div#main ol { margin: 0px 0px 12px 0px; padding-left: 10px; list-style: decimal; } div#main li { margin: 0px 0px 5px 15px; } div#main ol ul, div#main ul ol { margin-bottom: 7px; } /*_________________________________________________________________________________ UTILITY STYLES ===================================================================================*/ .headshot, .photo { float: right; margin: 0px 0px 10px 10px; } div.spEventInfo div.headshot { max-width: 150px; float: left; margin: 0px 15px 0px 3px; } div.quotes, div.sidebar { width: 255px; margin: 10px 0px 10px 15px; padding: 10px 0px 10px 15px; border-color: #754c23; border-style: solid; border-width: 1px 0px 1px 1px; float: right; clear: right; overflow: hidden; -moz-box-shadow: -2px 2px 3px rgba(0,0,0,.2); -webkit-box-shadow: -2px 2px 3px rgba(0,0,0,.2); box-shadow: -2px 2px 3px rgba(0,0,0,.2); } div.quotes h3, div.sidebar h3 { margin: 7px 0px 0px; } div.quotes p, div.sidebar p { font-size: 13px; color: #666; margin: 7px 0px 0px; } div.quotes p em { font-size: 13.5px; color: #000; display: block; margin-bottom: 2px; } div.quotes h3 + p, div.sidebar h3 + p { margin-top: 2px; } div#midwestExhibitInfo a.button, div#exhibitShowMidwest a.button, table.midwest a.button, table.midwest input.submit, body.midwest a.button { border-color: #5a2870; background: #00b5d9 url("../images/fb/misc/btnBg-mw.gif") repeat-x 0 0; } div#californiaExhibitInfo a.button, div#exhibitShowCalifornia a.button, table.california a.button, table.california input.submit, body.california a.button { border-color: #754c23; background: #66A32E url("../images/fb/misc/btnBg-nc.gif") repeat-x 0 0; } div#southeastExhibitInfo a.button, div#exhibitShowSoutheast a.button, table.southeast a.button, table.southeast input.submit, body.southeast a.button { border-color: #754c23; background: #F7941E url("../images/fb/misc/btnBg-se.gif") repeat-x 0 0; } div#midwestExhibitInfo a.button:hover, div#midwestExhibitInfo a.button:focus, div#exhibitShowMidwest a.button:hover, div#exhibitShowMidwest a.button:focus, table.midwest a.button:hover, table.midwest a.button:focus, table.midwest input.submit:hover, table.midwest input.submit:focus, body.midwest a.button:hover, body.midwest a.button:focus { border-color: #00b5d9; } div#californiaExhibitInfo a.button:hover, div#californiaExhibitInfo a.button:focus, div#exhibitShowCalifornia a.button:hover, div#exhibitShowCalifornia a.button:focus, table.california a.button:hover, table.california a.button:focus, table.california input.submit:hover, table.california input.submit:focus, body.california a.button:hover, body.california a.button:focus { border-color: #905e2b; } div#southeastExhibitInfo a.button:hover, div#southeastExhibitInfo a.button:focus, div#exhibitShowSoutheast a.button:hover, div#exhibitShowSoutheast a.button:focus, table.southeast a.button:hover, table.southeast a.button:focus, table.southeast input.submit:hover, table.southeast input.submit:focus, body.southeast a.button:hover, body.southeast a.button:focus { border-color: #905e2b; } div#midwestExhibitInfo a.button:active, table.midwest a.button:active, table.midwest input.submit:active, body.midwest a.button:active { border-color: #5a2870; } body.california a.button:active, table.california a.button:active, table.california input.submit:active, body.california a.button:active { border-color: #5c3c1c; } body.southeast a.button:active, table.southeast a.button:active, table.southeast input.submit:active, body.southeast a.button:active { border-color: #5c3c1c; } div#devHeader { display:none;} .smallCaps { font-variant: small-caps; } span.error { color: #900; } div.videoWrapper { width: 396px; height: 223px; margin: 10px 0px 30px; padding: 2px; overflow: hidden; border-radius: 3px; background-color: #000; } /*_________________________________________________________________________________ COL 2 ITEMS ===================================================================================*/ h4#mlLink { margin-bottom: 10px; padding-left: 20px; float: right; font-weight: bold; font-size: 10px; line-height: 11px; background: url("../images/icons/email.gif") no-repeat 0px 1px; } h4#mlLink a:link, h4#mlLink a:visited, h4#mlLink a:active { color: #754c23; } h4#mlLink a:hover { color: #06f; } h2#exhibitLink { height: 13px; margin-bottom: 15px; padding: 5px 0px; clear: right; color: #fffec8; font-size: 13px; line-height: 13px; text-align: center; background-color: #754c23; } h2#exhibitLink a:link, h2#exhibitLink a:visited, h2#exhibitLink a:active { color: #fffec8; } h2#exhibitLink a:hover { color: #fff; } #col2Content ul { padding-bottom: 10px; border-bottom: 1px solid #754c23; } #col2Content ul li { font-size: 11.5px; } #col2Content ul li a { font-size: 13.5px; } #col2Content p { padding-left: 10px; } #col2Content p.testimonial { margin-top: 15px; padding: 10px 0px 1px; border-top: 1px solid #754c23; } #col2Content p.quotee { padding-left: 5px; text-indent: -5px; } /*_________________________________________________________________________________ SPONSOR LOGO ROTATOR ===================================================================================*/ div#sponsorList { width: 250px; height: 180px; margin-bottom: 10px; border: 1px solid #bbb; position: relative; overflow: hidden; background: url("../images/fb/misc/sponsorBg.png") no-repeat 0 30px; } div#sponsorList div.sponsor { width: 250px; height: 180px; position: absolute; overflow: hidden; opacity: 0.0; z-index: 20; text-align: center; } div#sponsorList div.presentor { opacity: 1.0; } div#sponsorList div.sponsor h2 { margin-bottom: 0px; padding: 4px 5px 5px; border-bottom: 1px solid #bbb; text-align: center; letter-spacing: 1px; background-color: #fffec8; } div#sponsorList div.sponsor a { width: 240px; height: 140px; margin: 5px; display: block; text-align: center; background-color: #fff; } div#sponsorList div.sponsor a img { margin: 0px auto; } div#sponsorList div.presentor a img { margin-top: 27px; } div#sponsorList div.topLogo { z-index: 500; } div#sponsorList div.oldLogo { z-index: 490; } /*_________________________________________________________________________________ AD STYLES ===================================================================================*/ div.ad { margin: 0px; padding: 15px 0px 10px; border-top: 1px solid #754c23; background: url("../images/shared/adLabel-h-blk.gif") 50% 4px no-repeat; } div.ad div.adBackground { margin: 0px; padding: 0px; border: 1px solid #999; display: inline-block; overflow: hidden; background-color: #fff; } div#coLocated { width: 250px; border: 1px solid #bbb; overflow: hidden; } div#coLocated h2 { margin-bottom: 0px; padding: 4px 5px 5px; border-bottom: 1px solid #bbb; text-align: center; letter-spacing: 1px; background-color: #fffec8; } div#coLocated div { width: 250px; height: 250px; overflow: hidden; } /*_________________________________________________________________________________ FOOTER LAYOUT ===================================================================================*/ div#footer { color: #754c23; position: relative; } div#footer a, div#footer p { color: #754c23; } div#footer div.wrapper { padding: 15px 0px; } div#footer:before { content:""; position: absolute; left: 0; right:0; top: 0; height: 2px; background-color: #754C23; z-index: 2; } body.midwest div#footer:before { background-color: #00b5d9; } body.california div#footer:before { background-color: #66A32E; } body.southeast div#footer:before { background-color: #F7941E; } div#footer p#footerLink { padding: 0px 10px 20px; margin: 0; text-align: center; } div#footer div#eventLocations { /*height: 40px;*/ padding: 0px 15px 15px; overflow: hidden; text-align: center; } div#footer div#eventLocations h4 { padding: 0px 0px 7px 0px; color: #754c23; font-size: 11.5px; text-transform: none; } div#footer div#eventLocations div { width: 234px; display:inline-block; text-align: center;border-right: 1px solid #754c23; } div#footer div#eventLocations div:last-child { border-right: 0px none; } div#footer div#presenterLogos { height: 40px; padding: 9px 15px 15px; overflow: hidden; text-align: center;} div#footer div#presenterLogos h4 { margin: 0px; padding: 0px 5px 0px 0px; display:inline-block; color: #754c23; font-weight: normal; font-size: 11px; text-transform: none; vertical-align: bottom; } div#footer div#presenterLogos a { display: inline-block; text-indent: -9999px; text-decoration: none; vertical-align: top; } div#footer div#presenterLogos a#allured { width: 160px; height: 27px; margin: 13px 20px 0px 0px; background: url("../images/fb/misc/alluredLogo.png") no-repeat 0px 0px; } div#footer div#presenterLogos a#skininc { width: 145px; height: 40px; background: url("../images/fb/misc/siLogo.png") no-repeat 0px 0px; } div#footer div#eventLocations div p a { display: block; color: #754c23; font-size: 12px; text-decoration: none; } div#footer div#eventLocations div p a strong { color: #754c23; font-size: 13.5px; } div#footer div#eventLocations div p a:hover { text-decoration: underline; } div#footer p#copyright { margin: 5px 10px 0px; display: block; clear: both; font-size: 11px; text-align: center; } /*_________________________________________________________________________________ GENERIC TABLE STYLES ===================================================================================*/ body.midwest th, table.midwest th { background-color: #00b5d9; } body.california th, table.california th { background-color: #66a32e; } body.southeast th, table.southeast th { background-color: #F7941E; } /*th { padding: 5px; color: #fff; font-weight: bold; font-size: 13.5px; border: 1px solid #999; text-align: left; } table td { padding: 3px 5px; border: 1px solid #999; font-size: 13px; }*/ /*____________________________________________________________________________________________________________ PAGE-SPECIFIC STYLES ==============================================================================================================*/ /*_________________________________________________________________________________ HOMEPAGE - BOTH ===================================================================================*/ div#regLink { width: 200px; padding: 38px 15px 19px; float: right; text-align: center; } div#regLink a.regButton { margin: 0px 0px 7px 0px; display: block; font-size: 18px; line-height: 22px; } div#regLink p { margin: 0px; } /*_________________________________________________________________________________ EXHIBITOR LIST ===================================================================================*/ div#exhibitorList { margin-top: 15px; } p#exhibitorCount { color: #333; font-size: 14px; } fieldset#exhibitorFilters { margin: 10px 0px; padding: 10px; border: 1px solid #754c23; overflow: hidden; } fieldset#exhibitorFilters legend { padding: 0px 5px; color: #754c23; font-weight: bold; } fieldset#exhibitorFilters select { margin-right: 10px; } fieldset#exhibitorFilters span { margin-right: 7px; font-weight: bold; } div.exhibitor { margin: 0px 0px 15px; border: 1px solid #754C23; overflow: hidden; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); } div.exhibitorName { padding: 5px 10px; overflow: hidden; background-color: #FFFEC8; } div.exhibitorName h2 { margin: 0px; } div.exhibitorName p { margin: 0px 0px 0px 10px; float: right; color: #754C23; font-size: 16px; line-height: 20px; } div.exhibitorNameHover { background-color: #F5ECA7; } div.exhibitorName img { margin-left: 7px; float: right; } div.expandLink { width: 67px; margin: 0px 5px 0px 10px; padding: 3px 10px 3px 10px; border-style: solid; border-color: #754C23; border-width: 0px 1px 1px 1px; overflow: hidden; float: right; cursor: pointer; background-color: #FFFEC8; } div.expandLink p { margin: 0px; padding-right: 15px; font-size: 12px; line-height: 12px; text-align: right; background-position: 100% 50%; background-repeat: no-repeat; background-image: url("../images/icons/expand.gif"); } div.expandLinkHover p { text-decoration: underline; } div.expandLink p.expanded { background-image: url("../images/icons/collapse.gif"); } div.exhibitorPreview { min-height: 16px; padding: 5px 10px; border-top: 1px solid #754C23; background-color: #fff; } div.exhibitorPreview p { margin: 0px; color: #754C23; font-size: 12.5px; } div.exhibitorInfo { padding: 5px 10px 1px 10px; display: none; overflow: hidden; clear: both; } div.exhibitorInfo h6 { clear: left; } div.exhibitorInfo img { margin: 0px 0px 10px 10px; float: right; } div.exhibitorInfo p.massageIcon { height: 32px; line-height: 32px; padding-left: 40px; background: transparent url("../images/fb/misc/wellness-icon-32x32.png") no-repeat 0px 0px; } div.exhibitorInfo p.couponLink { display:none; } /* - Upgraded Exhibitor Styles: not expanded, but accented colors - */ div.upgraded div.expandLink p { background-image: url("../images/icons/expand-wht.gif"); } div.upgraded div.expandLink p.expanded { background-image: url("../images/icons/collapse-wht.gif"); } div.upgraded div.exhibitorName h2, div.upgraded div.exhibitorName p, div.upgraded div.expandLink p { color: #FFF; } /* - Sponsor Styles - always open and upgraded colors - */ div.sponsor div.expandLink { display: none !important; } div.sponsor div.exhibitorInfo { display: block !important; } /*body.midwest div.sponsor div.exhibitorNameHover { background-color: #00b5d9; } body.california div.sponsor div.exhibitorNameHover { background-color: #66a32e; }*/ div.sponsor div.exhibitorName h4, div.sponsor div.exhibitorName h2, div.sponsor div.exhibitorName p { color: #FFF; } /* - Common Styles for both Sponsor and Upgraded Exhibitors - */ body.midwest div.sponsor div.exhibitorName, body.midwest div.upgraded div.exhibitorName, body.midwest div.upgraded div.expandLink { background-color: #00b5d9; } body.california div.sponsor div.exhibitorName, body.california div.upgraded div.exhibitorName, body.california div.upgraded div.expandLink { background-color: #66A32E; } body.southeast div.sponsor div.exhibitorName, body.southeast div.upgraded div.exhibitorName, body.southeast div.upgraded div.expandLink { background-color: #F7941E; } body.midwest div.upgraded div.exhibitorNameHover, body.midwest div.upgraded div.expandLinkHover { background-color: #581d73; } body.california div.upgraded div.exhibitorNameHover, body.california div.upgraded div.expandLinkHover { background-color: #592; } body.southeast div.upgraded div.exhibitorNameHover, body.southeast div.upgraded div.expandLinkHover { background-color: #E5861F; } /* - non-expanding exhibitors - they dont have product categories or logo (if upgraded/sponsor) - */ /*_________________________________________________________________________________ CLASS LIST ===================================================================================*/ div#classList { } div.classListing { margin: 0px 0px 15px 15px; border: 1px solid #754C23; overflow: hidden; clear: both; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); } div.className { padding: 5px 10px; overflow: hidden; background-color: #FFFEC8; } div.className h2 { margin: 0px; } div.className p.classType { margin: 0px 0px 0px 10px; float: right; color: #754c23; font-size: 12px; line-height: 17px; background-position: right 0px; background-repeat: no-repeat; } div.className p.classType span.label { display: none; } div.className p.paid { padding-right: 15px; background-image: url("../images/icons/fb-paid.gif"); } div.classNameHover { background-color: #F5ECA7; } div.classSpeakers { min-height: 16px; padding: 5px 10px; border-top: 1px solid #754C23; background-color: #fff; } div.classSpeakers p { margin: 0px; color: #754C23; font-size: 12.5px; } div.classSpeakers span.speakerName { font-weight: bold; } p.classSpeakerNames { padding-left: 58px; text-indent: -58px; } div.classInfo { padding: 5px 10px 0px; display: block; overflow: hidden; clear: both; } /*_________________________________________________________________________________ CLASS DETAIL PAGES ===================================================================================*/ div#trackClasses { width: 225px; margin: 0px 0px 10px 10px; border: 1px solid #754c23; float: right; -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.3); box-shadow: 1px 1px 6px rgba(0,0,0,.3); } div#trackClasses h3 { margin: 0px; padding: 3px 10px; color: #754c23; text-align: center; background-color: #fffec8; } div#trackClasses h4 { margin: 0px; padding: 5px 10px; border-top: 1px solid #754c23; color: #666; } div#trackClasses ul { margin: 0px; padding: 0px 10px 7px 10px; } div#trackClasses ul li { margin-bottom: 3px; font-size: 12px; } p#classDateTime { color: #666; font-weight: bold; } div#main ul#additionalClasses { margin: 0px; padding: 0px 0px 8px; } div#main ul#additionalClasses li { margin-bottom: 2px; color: #666; font-size: 13px; } div#main p#classDateTime + h4 { margin-top: -5px; } p#classSpeaker { font-size: 12px; line-height: 20px; } p#classSpeaker span.label { display: none; } p#classSpeaker span.speakerName { font-weight: bold; font-size: 15px; } p#classListLinks { margin: 10px 0px 5px; padding-top: 5px; border-top: 1px solid #754c23; clear: both; } p#classListLinks a { margin-right: 20px; } /*_________________________________________________________________________________ SPEAKER LIST PAGES ===================================================================================*/ div#speakerList { } div.speaker { margin: 0px 0px 15px; border: 1px solid #754C23; overflow: hidden; clear: both; -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); } div.speakerName { padding: 5px 10px; overflow: hidden; background-color: #FFFEC8; } div.speakerName h2 { margin: 0px 0px 3px 0px; } div.speakerName p { margin: 0px; color: #754C23; font-size: 12.5px; } div.speakerName p a { } div.speakerNameHover, div.expandLinkHover { background-color: #F5ECA7; } div.speakerInfo { padding: 10px 10px 1px 222px; border-top: 1px solid #754C23; overflow: hidden; clear: both; background-color: #fff; } div.speakerInfo img.speakerPic { margin-left: -212px; border: 1px solid #999; } div.noHeadshot { padding-left: 10px; } div.speakerInfo h5 { margin-bottom: 2px; } div#main ul.speakerClasses { width: 453px; margin-bottom: 10px; overflow: hidden; } div#main ul.speakerClasses li { width: 441px; margin-left: 0px; padding: 2px 5px 3px; border: 1px solid #e0e0e0; display: block; overflow: hidden; } div#main ul.speakerClasses li.paid { width: 426px; padding-left: 20px; background-image: url("../images/icons/fb-paid.gif"); background-repeat: no-repeat; background-position: 3px 3px; } div#main ul.speakerClasses li:hover { background-color: #eee; } div#main ul.speakerClasses li span { margin-left: 10px; float: right; text-align: right; } /*_________________________________________________________________________________ SPEAKER DETAIL PAGES ===================================================================================*/ body#Midwest-Speakers p.speakerCompany, body#Midwest-Speakers p.speakerCompany { margin-top: -5px; color: #754c23; font-weight: bold; } div#speakerInfo { padding-left: 212px; } div#speakerInfo.noHeadshot { padding-left: 0px; } img.speakerPic { float: left; margin: 0px 10px 10px 0px; border: 1px solid #999; } /*_________________________________________________________________________________ SPECIAL EVENTS ===================================================================================*/ div.spEvent { margin-bottom: 15px; border: 1px solid #754c23; overflow: hidden; clear: both; } div#massageClasses div.spEvent { margin-top: 15px; margin-bottom: 15px; border: 0px; overflow: hidden; clear: left; } h2.spEventName { margin-bottom: 0px; padding: 5px 10px; border-bottom: 1px solid #754c23; background: #fffec8 url("../images/icons/fb-paid.gif") no-repeat 662px 50%; } div#massageClasses h2.spEventName { margin-bottom: 0px; padding: 5px 10px; background: none repeat scroll 0 0 #FFFEC8 } div.spEventInfo { padding: 10px 10px 1px; position: relative; overflow: hidden; } div.spEventInfo p.spEventDetails {} div#massageClasses div.spEvent div.spEventInfo div.headshot img { max-width: 150px; } div#massageClasses h1 {margin-top: 25px;} /*this will be for the special events page, and go to the right of the day/time paragraph, the positioning might need to be adjusted*/ p.soldOut { margin: 0px; padding: 5px 10px 3px; border: 2px solid #900; position: absolute; left: 150px; top: 10px; color: #900; font-weight: bold; font-size: 15px; line-height: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } div#venueGallery { width: 254px; margin: 0px 0px 10px 15px; float: right; clear: right; text-align: center; } div#venueGallery p#lafLogo { margin: 0px; } div#venueGallery p#lafLogo a { padding: 0px 0px 5px; border: 2px solid #754C23; border-radius: 2px 2px 6px 6px; display: block; text-decoration: none; background-color: #eaeaea; } div#venueGallery p#lafLogo a:hover, div#venueGallery p#lafLogo a:focus { border-color: #06f; background-color: #eaebff; box-shadow: 0px 0px 5px #06f; } div#venueGallery p#lafLogo img { margin-bottom: 3px; } div#venueGallery p#lafLogo a span { text-decoration: underline; } div#venueGallery p#morePics { display: none; } /*#venueGallery #lobbypic { width: 160px; height: 240px; margin: 0px auto; text-indent:-9999px; background: url("../images/wpc/misc/halls6.jpg") no-repeat 0 0; } #venueGallery #lobbypic a { width: 160px; height: 240px; display:block; background: url("../images/wpc/misc/halls6.jpg") no-repeat 0 0; } #venueGallery #lobbypic a:hover { background-image: url("../images/wpc/misc/halls5.jpg"); }*/ /*_________________________________________________________________________________ TRAVEL PAGE STYLES ===================================================================================*/ p.travel { min-height: 28px; padding-left: 45px; background-position: 0 5px; background-repeat: no-repeat; } body.midwest p#air { background-image: url("../images/fb/misc/travelIcons-mw-plane.png"); } body.midwest p#train { background-image: url("../images/fb/misc/travelIcons-mw-train.png"); } body.midwest p#bus { background-image: url("../images/fb/misc/travelIcons-mw-bus.png"); } body.midwest p#taxi { background-image: url("../images/fb/misc/travelIcons-mw-taxi.png"); } body.california p#air { background-image: url("../images/fb/misc/travelIcons-nc-plane.png"); } body.california p#train { background-image: url("../images/fb/misc/travelIcons-nc-train.png"); } body.california p#bus { background-image: url("../images/fb/misc/travelIcons-nc-bus.png"); } body.california p#taxi { background-image: url("../images/fb/misc/travelIcons-nc-taxi.png"); } body.southeast p#air { background-image: url("../images/fb/misc/travelIcons-se-plane.png"); } body.southeast p#train { background-image: url("../images/fb/misc/travelIcons-se-train.png"); } body.southeast p#bus { background-image: url("../images/fb/misc/travelIcons-se-bus.png"); } body.southeast p#taxi { background-image: url("../images/fb/misc/travelIcons-se-taxi.png"); } div#hotels { width: 400px; margin: 0px 0px 15px; overflow: hidden; } div#hotels div.hotel { margin: 5px 0px; padding: 8px 0px 0px 70px; border-top: 1px solid #754c23; overflow: hidden; background-position: 0px 8px; background-repeat: no-repeat; } div#hotels div.hotel:first-child { border-top: 0px none; margin-top: 0; } div#hotels div#crownePlaza { margin-top: 0px; border-top: 0px none; background-image: url("../images/fb/misc/fbnc-hotels-crownePlaza.jpg"); } div#hotels div#hilton { background-image: url("../images/fb/misc/fbnc-hotels-hilton.jpg"); } div#hotels div#sainteClaire { background-image: url("../images/fb/misc/fbnc-hotels-sainteClaire.jpg"); } div#hotels div#marriott { background-image: url("../images/fb/misc/fbnc-hotels-marriott.jpg"); } div#hotels div#hyatt { margin-top: 0px; border-top: 0px none; background-image: url("../images/fb/misc/fbnc-hotels-hyatt.jpg"); } div#hotels div#westin { background-image: url("../images/fb/misc/fbnc-hotels-westin.jpg"); } div#hotels div#renaissance { background-image: url("../images/fb/misc/fbse-hotels-renaissance.jpg"); } div#hotels div#sheraton { background-image: url("../images/fb/misc/fbse-hotels-sheraton.jpg"); } div.hotel p.price { width: 120px; margin: 0px 0px 0px 10px; float: right; font-weight: bold; font-size: 27px; line-height: 44px; text-align: center; } div.hotel p.price span.weak { display: block; font-size: 12px; line-height: 15px; font-weight: normal; } #housing { } #housing #housingBtn { float: right; clear: right; width: 241px; margin-left:15px; padding: 5px 15px 0; text-align: center; } #housing #housingBtn .button { display:block; } #housing #housingContact { float: right; clear: right; width: 231px; margin:0 0 10px 15px; padding: 5px 20px 0; list-style: none; } #housing #housingContact li { margin: 0 0 5px 0; padding-left: 30px; line-height: 23px; height: 23px; background: no-repeat 0 50%; background-size: 20px 20px; white-space:nowrap; } #housing #housingContact li .label { display: none; } #housing #housingContact li.phone { background-image: url("../images/icons/phone.png"); } #housing #housingContact li.email { background-image: url("../images/icons/email2.png"); } #housing div.sidebar { } #housing div.sidebar img { display:block;margin-bottom:10px;max-width:100%; } /*_________________________________________________________________________________ REGISTRATION PAGE STYLES ===================================================================================*/ h3#joinList { text-align: center; } table#mwRegChart p.soldOut, table#ncRegChart p.soldOut { margin-top: 13px; padding: 3px 5px; position: static; font-size: 12px; background-color: #fff; } /* - col2 styles for this page - */ /*body#Midwest-Register div#main div.wrapper, body#California-Register div#main div.wrapper { background-image: none; }*/ body#Midwest-Register p#partnerSchedule, body#California-Register p#partnerSchedule { padding: 3px 5px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } body#Midwest-Register div#col2Content h3, body#California-Register div#col2Content h3 { margin-bottom: 3px; } body#Midwest-Register div#col2Content ul, body#California-Register div#col2Content ul { margin-bottom: 5px; padding-bottom: 0px; border-bottom: none; } body#Midwest-Register div#col2Content ul li, body#California-Register div#col2Content ul li { margin: 0px 0px 1px 0px; padding: 2px 5px 2px 17px; border: 1px solid #fff; text-indent: -12px; list-style-position: inside; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } body#Midwest-Register div#col2Content .highlight, body#California-Register div#col2Content .highlight { border-color: #000; background-color: #fffec8; } body#Midwest-Register div#col2Content ul li.regHours, body#California-Register div#col2Content ul li.regHours { font-weight: bold; } div#col2Content h2#exhibReg { margin-top: 10px; padding-top: 10px; border-top: 1px solid #754c23; } /* - California Reg Page - */ div#hotelInfo { margin: 0px 0px 10px 0px; padding: 0px; display: block; overflow: hidden; } div#hotelInfo div#bookButton { width: 360px; margin: 0px 10px 0px 0px; float: left; text-align: center; } div#hotelInfo div#bookButton h5#hotelRegLink { margin: 5px 0px 7px 0px; text-align: center; } div#hotelInfo div#bookButton p { margin: 5px 0px 0px; font-size: 12px; } .eventName { font-size: 12px; font-weight: bold; } .eventNameHome { padding-top:2px; padding-bottom:2px; font-size: 14.5px; font-weight: bold; vertical-align: middle } .eventTime { font-size: 11px; text-align: right; } .eventTimeHome { padding-top:2px; padding-bottom:2px; font-size: 13.5px; text-align: right; vertical-align: middle} /*table#midwestEventSchedule tr:hover td { background-color: #eee; }*/ table#midwestEventSchedule th { background-color: #fff; } body#Midwest-Register div#col2Content table td.eventTime { width: 100px; } /* - temp styles while only on-site reg is available - */ div#onsiteRegInfo { width: 185px; margin-top: 60px; padding: 10px; float: right; color: #fff; text-align: center; background-color: #754C23; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } div#onsiteRegInfo h3 { color: #fff; } /* - MAKE SURE TO INCLUDE THE CODE FOR BUTTONS AND TABLES - */ div#hotelInfo table { width: 360px; margin: 0px 10px 10px 1px; float: left; } div#hotelInfo table tr > td { text-align: center; } div#hotelInfo table tr td:first-child { padding-left: 22px; text-align: left; text-indent: -15px; } div#hotelInfo table tr > th { text-align: center; background-color: #636567; } div#hotelInfo table tr th:first-child { text-align: left; } div#col1 div#hotelInfo table tfoot tr td { border-width: 1px 0px 0px 0px; color: #666; font-size: 12px; line-height: 14px; text-align: right; } div#hotelInfo table td.regular { text-decoration: line-through; } div#hotelInfo img#onPeakLogo { margin-top: -5px; float: right; } div#hotelInfo img#housingMap { width: 300px; margin: 0px 0px 0px 10px; border: 1px solid #000; float: right; clear: right; } /* - NEW REG TABLE STYLES FOR NC - */ form#regTableForm { padding: 0px 1px; margin-bottom: 10px; } table#regTable td { padding: 5px; /*background: #dadce1 -moz-linear-gradient(center top , #cfd2d6, #dadce1);*/ } table#regTable tbody th { padding: 5px; background-color: #cfd2d6; background: #cfd2d6 -moz-linear-gradient(center top, #dadce1, #bcbebf); background: #cfd2d6 -webkit-linear-gradient(top, #dadce1, #bcbebf); } table#regTable tfoot th { padding: 5px; line-height: 18px; text-align: right; background-color: #fffec8; /*border-color: #fff; border-top: 2px solid #000; background: #66a32e -moz-linear-gradient(center top , #75ac43, #66a32e);*/ }/*90BC67*/ table#regTable tfoot th#totalPrice { font-size: 15px; text-align: center; } table#regTable tbody th.empty, table#regTable tfoot th.empty { background: #fff none; } body#California-Register table#regTable th.empty { text-align: left; padding-left: 0px; } body#California-Register input#checkout { margin-left: 440px; } table#regTable tbody > tr:first-child > th:first-child { width: 426px; } table#regTable tr > td { text-align: center; } /*table#regTable tr > th { text-align: center; }*/ table#regTable tr > td:nth-child(2) { font-weight: bold; } table#regTable tr > td:first-child { text-align: left; padding-left: 10px; } table#regTable tbody tr > th:first-child { text-align: left; } /*table#regTable tr:hover td:nth-child(-n+2) { background-color: #f0f1f3; }*/ table#regTable { width: 660px; overflow: hidden; display: -webkit-inline-box; } table#regTable thead th { background-color: #fff; text-align: center; } table#regTable a.regButton { display: block; font-size: 16px; padding: .6em; } /*____________________________________________________________________________________________________________ GENERIC PAGES - NOT MIDWEST OR CALIFORNIA SPECIFIC ==============================================================================================================*/ /*_________________________________________________________________________________ SPLASH PAGE LAYOUT ===================================================================================*/ body#splash { background: #fff /*url("../images/fb/misc/seamlessbg.jpg") repeat 0 0*/; } body#splash p { font-family: "futura-pt",Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 15px; line-height: 1.35em; } body#splash h2 { font-family: "futura-pt-condensed",Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 20px; line-height: 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } body#splash div#wrapper { width: 1000px; margin: 0px auto; padding: 20px 20px 20px; position: relative; overflow: hidden; /*background: url("../images/fb/misc/fb-expo-banner-3.jpg") no-repeat 50% 0px; */} body#splash div#wrapper h1 { float: left; width: 300px; margin: 0 30px 20px 0; } body#splash div#wrapper h1 span { display: none; text-indent: -9999px; } body#splash div#description { margin-top: 40px; padding: 15px; } body#splash div#description p { font-size: 19px; } body#splash img#fbLogo { width: 177px; height: 178px; margin: 10px 40px 8px 25px; display: none; float: right; } body#splash h3#choose { margin: 15px 0px 10px; padding: 3px 0px; clear: both; color: #000; font-size: 17px; line-height: 19px; text-align: center; } body#splash div.location { padding: 0; margin: 10px 0; color: #FFF; position:relative; text-align: center; background: url("../images/fb/misc/swish-overlay.png") no-repeat 0 50%; } body#splash div#midwest { background-color: #00b5d9; } body#splash div#california { background-color: #66A32E; } body#splash div#southeast { background-color: #F7941E; } /*body#splash div#midwest { float: left; } body#splash div#california { float: left; } body#splash div#southeast { float: right; margin-right: 0; } body#splash div#midwest:before { content: ""; display: block; width: 256px; height: 256px; background-color: rgba(0,181,217,.3); position:absolute; border-radius: 200px; top: 0; } body#splash div#california:before { content: ""; display: block; width: 256px; height: 256px; background-color: rgba(102,163,46,.3); position:absolute; border-radius: 200px; top: 0; } body#splash div#southeast:before { content: ""; display: block; width: 256px; height: 256px; background-color: rgba(247,148,30,.3); position:absolute; border-radius: 200px; top: 0; } body#splash div.location a { position: relative; width: 100%; height: 116px; display: block; overflow: hidden; color: #754C23; text-decoration: none; background-color: transparent; background-position: 0px 0px; background-repeat: no-repeat; } body#splash div#california, body#splash div#california a { background-image: url("../images/fb/splash/splashBtn-nc.jpg"); background-color: #66A32E; } body#splash div#midwest, body#splash div#midwest a { background-image: url("../images/fb/splash/splashBtn-mw.png"); background-color: #00b5d9; } body#splash div#southeast, body#splash div#southeast a { background-image: url("../images/fb/splash/splashBtn-se.png"); background-color: #F7941E; }*/ body#splash .location { font-family: "futura-pt",Helvetica,"Helvetica Neue",Arial,sans-serif; color: #fff; } body#splash .location a { text-decoration: none; } body#splash .location a:hover { text-decoration: underline; } body#splash .location > a { padding: 15px 215px 15px 320px; display: block; color: #fff; position: relative; overflow: hidden; } body#splash .location > a:before { background: linear-gradient(111deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.25) 100%); content: ""; display: block; position: absolute; top: 0; left: 330px; right: 0; bottom: 0; opacity: .01; transition-duration: .2s; transition-property: opacity; } body#splash .location > a:after { background: linear-gradient(111deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 70%); content: ""; display: block; width: 150px; position: absolute; top: 0; left: 100%;opacity: .5; bottom: 0; transition: left .2s, opacity .4s; transition-timing-function: ease } body#splash .location > a:hover:before { opacity: 1; } body#splash .location > a:hover:after { left: 30%; opacity: .01; } body#splash .location > a * { color: #fff; } body#splash .location h2 { font-size: 40px; line-height: 32px; letter-spacing: 4px; } body#splash .location h2:after { content: ""; display: block; width: 200px; position: absolute; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,.15) url("../images/fb/splash/fb-conf-700x500.jpg") no-repeat 50% 50%; background-size: cover; } body#splash .location h3.regOpen {font-family: "futura-pt",Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 22px; line-height: 25px; font-weight: 700; position: absolute; top: 0; left: 0; width: 200px; text-align: left; } body#splash .location h3.regOpen a { color: inherit; padding: 10px 10px 10px 0; display:block; } body#splash .location h3.regOpen.moreText { font-size: 20px; line-height: 23px; } body#splash .location h3.regOpen.moreText a { padding-top: 0px; } body#splash .location h5 { font-family: "futura-pt",Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 20px; line-height: 25px; font-weight: 700; } body#splash .location h6 { font-family: "futura-pt",Helvetica,"Helvetica Neue",Arial,sans-serif; font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 1px; } body#splash .location p { margin: 10px 0 0; letter-spacing: 1px; } body#splash #midwest h2:after { background-image: url("../images/fb/splash/fbmw-demo-700x500.jpg"); } body#splash #california h2:after { background-image: url("../images/fb/splash/fb-expo-700x500.jpg"); } #eventPicker { display: flex; flex-direction: column; } #eventPicker .location { order: 4; } #eventPicker .location.regOpen { order: 2; } #eventPicker .location.regOpen + .location { order: 3; } #eventPicker .location.regOpen + .location + .location.regOpen { order: 1; } /*body#splash div#midwest a h2, body#splash div#california a h2, body#splash div#southeast a h2 { margin: 15px 0px 10px; color: #754C23; text-decoration: underline; } body#splash div#midwest a p, body#splash div#california a p, body#splash div#southeast a p { margin: 10px 0; color: #754C23; }*/ /* Reg Open callouts */ body#splash div#midwest.regOpen:before { box-shadow: 0 0 15px rgba(0,181,217,.9); } body#splash div#california.regOpen:before { box-shadow: 0 0 15px rgba(102,163,46,.9); } body#splash div#southeast.regOpen:before { box-shadow: 0 0 15px rgba(247,148,30,.9); } body#splash h2.regOpen { text-decoration: underline; font-weight: normal; } body#splash div.location h2.regOpen a { font-weight: bold; height: auto; line-height: 23px; margin-top: -10px; text-shadow: 0 0 6px #fff; } body#splash div#midwest .regOpen, body#splash div#midwest .regOpen a { color: #00b5d9; text-shadow: none; } body#splash div#california .regOpen, body#splash div#california .regOpen a { color: #66a32e; } body#splash div#southeast .regOpen, body#splash div#southeast .regOpen a { color: #F7941E; } body#splash h3#exhibit { display: none; margin: 30px 0px; padding: 0px 0px 10px; clear: both; text-align: center; } body#splash h3#exhibit a { color: #754C23; } body#splash #learnShopGrowBanner { text-align: center; } body#splash #learnShopGrowBanner img { margin: 0 auto; } /*body#splash h3#exhibit:after { content: ""; display:block; background: url("../images/fb/splash/learn-shop-grow-800x291.png") no-repeat 50% 50%; background-size: 600px; width: 800px; height: 219px; }*/ /*_________________________________________________________________________________ ADVERTISING PAGE LAYOUT ===================================================================================*/ body#Advertising table { width: 686px; margin: 0px 1px 15px; } body#Advertising table .col1 { width: 175px; } body#Advertising table .col2 { width: 310px; } body#Advertising table .col3 { width: 168px; } /*_________________________________________________________________________________ SPONSORSHIPS PAGE LAYOUT ===================================================================================*/ div.sponsorExample { margin: 0px 15px 15px 0px; padding: 10px; border: 2px solid #bbb; float: left; text-align: center; } div.sponsorExample img { border: 1px solid #666; } div.sponsorExample p { margin: 0px; padding-top: 3px; text-align: center; } div#entrance { width: 552px; } div#floorPlan { width: 202px; clear: left; } div#aisleBanner { width: 152px; } div#floorDecal { width: 202px; } div#luncheon { width: 302px; clear: left; } div#eveningOut { width: 302px; } /*_________________________________________________________________________________ PASSPORT TO PRIZES PAGE LAYOUT ===================================================================================*/ div#p2pExhibitors { } div.p2pExhib { margin: 0; padding: 13px 0 8px 0; border-top: 1px solid #dedede; overflow: hidden; } div.p2pExhib div.p2pLogo { width: 180px; text-align: center; float: left; margin: 0 15px 5px 0; } div.p2pExhib p { margin: 0; } div.p2pExhib:first-child { border-top: 0px none; } /*_________________________________________________________________________________ EXHIBIT PAGE STYLES ===================================================================================*/ body#Exhibit #col1Content { overflow: hidden; } body#Exhibit div#midwestExhibitInfo { width: 333px; margin: 10px 0px; padding-right: 10px; border-right: 1px solid #754c23; float: left; } body#Exhibit div#californiaExhibitInfo { width: 333px; margin: 10px 0px 10px -1px; padding-left: 10px; border-left: 1px solid #754c23; float: left; } body#Exhibit div#midwestExhibitInfo h2 { color: #00b5d9; } body#Exhibit div#californiaExhibitInfo h2 { color: #66a32e; } #midwestExhibitInfo + #californiaExhibitInfo + * { clear: both; } body#Exhibit #col1Content table { width: 331px; margin: 0px 1px 15px 1px; } div#midwestExhibitInfo p.soldOut, div#californiaExhibitInfo p.soldOut { position: static; margin: 10px 0; line-height: 18px; } /*_________________________________________________________________________________ EXHIBITOR PAYMENTS ===================================================================================*/ table.exhibit, body#Exhibit #col1Content table.exhibit { width: 660px; overflow: hidden; display: -webkit-inline-box; } table.exhibit thead th { background-color: #fff; text-align: center; } table.exhibit tbody th { padding: 5px; background-color: #cfd2d6; background: #cfd2d6 -moz-linear-gradient(center top, #dadce1, #bcbebf); background: #cfd2d6 -webkit-linear-gradient(top, #dadce1, #bcbebf); } table.exhibit tfoot th { padding: 5px; line-height: 18px; text-align: right; background-color: #fffec8; /*border-color: #fff; border-top: 2px solid #000; background: #66a32e -moz-linear-gradient(center top , #75ac43, #66a32e);*/ }/*90BC67*/ table.exhibit tbody th.empty, table.exhibit tfoot th.empty { background: #fff none; } table.exhibit td { padding: 5px; } table.exhibit tbody td { font-size: 110%; } table.exhibit tr > td { text-align: center; } table.exhibit tr > td:first-child { text-align: left; padding-left: 10px; } table.exhibit tbody tr > th:first-child { text-align: left; } table.exhibit tbody > tr:first-child > th:first-child { width: 426px; } table.exhibit form { display: inline-block; margin: 7px 0 7px 15px; vertical-align: middle; } table.exhibit a.regButton { display: block; font-size: 16px; padding: .6em; } /*_________________________________________________________________________________ ABOUT US PAGE STYLES ===================================================================================*/ body#AboutUs #col1Content { overflow: hidden; } body#AboutUs div#aboutUsMidwest { width: 45%; margin: 20px 5% 0 0; float: left; text-align: center; } body#AboutUs div#aboutUsCalifornia { width: 45%; margin: 20px 0 0 5%; float: left; text-align: center;} body#AboutUs div#aboutUsSoutheast { width: 100%; margin: 20px auto 0px; padding-top: 20px; text-align: center; display: inline-block; } div#aboutUsMidwest p img, div#aboutUsCalifornia p img { border: 1px solid #ccc; } /*_________________________________________________________________________________ Exhibitor Info Form PAGE LAYOUT ===================================================================================*/ body#exhibInfoForm div#header { border-bottom: 2px solid #754c23; } body#exhibInfoForm div#eventInfo { border-top: 25px solid #754c23; } body#exhibInfoForm div#eventInfo h1 { width: 231px; height: 59px; display: block; overflow: hidden; text-indent: -9999px; background: url("../images/fb/misc/logo.gif") no-repeat 0 0; } form#exhibInfo div.formWrapper { width: 520px; } form#exhibInfo fieldset#companyInfo input.text { width: 350px; } form#exhibInfo fieldset#productCategories div.split { float: left; width: 230px; } form#exhibInfo fieldset#productCategories div.left { width: 265px; margin-right: 10px; } form#exhibInfo fieldset#productCategories div.checkbox { margin-top: 0px; } form#exhibInfo fieldset#productCategories div.checkbox input { margin-right: 3px; } form#exhibInfo fieldset#approval { margin-top: 10px; } form#exhibBrands fieldset.brand label { width: auto; } form#exhibBrands fieldset.brand div.text { margin-right: 15px; } form#exhibBrands fieldset div.field { float: left; clear: none; } form#exhibBrands fieldset.error { border-color: #900; background-color: #fdd; } form#exhibBrands fieldset.error legend, form#exhibBrands fieldset.error div.select label { color: #900; } form#exhibBrands p#addBrand { margin: 0px 0px 7px; padding-top: 15px; } form#exhibBrands p#addBrand input { margin-right: 10px; padding: 3px 5px; } /* 2016 Updates */ #col1 #mediaDownloads { margin: 0 0 15px 15px; } #col1 #mediaDownloads span.weak { display: inline-block; } #exhibitShowsWrapper { overflow: hidden;padding: 15px 0; } #exhibitShowsWrapper > div { /*width: 27%; margin-left: 3.5%;float: left; border-radius: 20px;*/ margin-bottom: 15px; padding: 2%; background-color: #ddd; overflow: hidden; } #exhibitShowsWrapper > div h2 { /*text-align: center;*/ color: #674735; padding: 7px 0 8px; border-bottom: 1px solid #fff; } #exhibitShowsWrapper #exhibitShowMidwest { margin-left: 0; background-color:rgba(0,181,217, 0.3); background: linear-gradient(to right, rgba(0,181,217, 0.3) 30%, rgba(0,181,217, 0.15)); } #exhibitShowsWrapper #exhibitShowCalifornia { background-color:rgba(102, 163, 46, 0.3); background: linear-gradient(to right, rgba(102, 163, 46, 0.3) 30%, rgba(102, 163, 46, 0.15));} #exhibitShowsWrapper #exhibitShowSoutheast { background-color:rgba(247, 148, 30, 0.3); background: linear-gradient(to right, rgba(247, 148, 30, 0.3) 30%, rgba(247, 148, 30, 0.15));} #exhibitShowsWrapper h6 { float: right; margin: 0px 0 0px 10px; padding: 0; text-align: right; /*border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 20%,rgba(255,255,255,.6) 80%,rgba(255,255,255,0) 100%);*/} #exhibitShowsWrapper h3 { margin: 10px 0px 5px; /*text-align: center;*/ padding-bottom: 5px; font-style: italic; border-bottom: 1px solid #fff; } #exhibitShowsWrapper ul { list-style: none; margin: 0 0 10px 0; padding: 0; } #exhibitShowsWrapper ul li { margin: 0px 0 10px 0; padding: 0; list-style: none; display: inline-block; float:left; width: 45%; margin-right: 5%; } #exhibitShowsWrapper ul li:nth-child(odd) { width: 50%;} #exhibitShowsWrapper ul li:nth-child(even) { margin-right: 0; } #exhibitShowsWrapper ul li span.weak { display: inline-block; margin-left: 5px;} #exhibitShowsWrapper p.manual { float: right; width: 30%; margin: 0 0 10px 10px; } #exhibitShowsWrapper p.manual a.button { display: block; text-align: center; } body#Exhibit table#suppClassPrices { width: 100%; } body#Exhibit table#suppClassPrices thead th { text-align: center; background-color: #eee; } body#Exhibit table#suppClassPrices tbody th { text-align: left; background-color: #eee; } body#Exhibit table#suppClassPrices tbody span.weak { display:block; } body#Exhibit table#suppClassPrices tbody td { text-align: center; width: 80px; } body#Exhibit #col2 h3 { margin-top: 10px; padding-top: 10px; border-top: 1px solid #754c23; } body#Exhibit #col2 h3 + ul { border-bottom: 0px none; } body#Exhibit #col2 #attendeeTypes ul li { font-size: 13.5px; } body#Exhibit #col2 p.testimonial { padding: 10px; margin: 25px 0 0; background-color:#754c23; color: #fff; /*border-radius: 10px;*/ position: relative; } body#Exhibit #col2 p.testimonial:after { position: absolute; top: 100%; left: 15px; content:""; width: 0px; height: 0px; border-left: 12px solid transparent;border-right: 2px solid transparent;border-top: 15px solid #754c23; } body#Exhibit #col2 p.testimonial + p.quotee { margin-top: 0; padding: 3px 0 0 40px; } body#Exhibit #exhibitorTestimonials p.quotee + h3 { margin-top: 25px; } body#Exhibit #exhibitorTestimonials p.testimonial.southeast { background-color: #CBBDB5; border-top-color: #CBBDB5; color: #000; } body#Exhibit #exhibitorTestimonials p.testimonial.southeast:after { border-top-color: #CBBDB5; } /*_________________________________________________________________________________ CONTACT US ===================================================================================*/ body#ContactUs div#col1Content h2 { padding-top: 5px; } body#ContactUs div#col1Content p { padding-left: 10px; } body#ContactUs form { width: 260px; margin: 0px 0px 10px 15px; padding: 10px 10px 0px; border: 1px solid #754c23; overflow: hidden; float: right; } body#ContactUs div#col1Content form p { padding-left: 0px; } body#ContactUs div#col1Content form p.thanks_message{ padding-left: 5px; } body#ContactUs div#col1Content form h2 { padding-top: 0px; } form#feedbackForm textarea { width: 246px; min-width: 246px; max-width: 246px; min-height: 100px; max-height: 250px;} /*_________________________________________________________________________________ PRESS ===================================================================================*/ body#Press #col1Content ul li { margin-bottom: 10px; } /*_________________________________________________________________________________ LINK STYLES ===================================================================================*/ a, a:link { color: #04f; } a:visited { color: #754C23; } a:hover { color: #06f; text-decoration: underline; } a:active { color: #754C23; }