/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Structure & Backgrounds++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*-----------------Structure & Backgrounds ------------------*/ body {background-color: #143850; font-family: Arial, Helvetica, sans-serif; } .hidden {visibility:hidden;display:none;} #maincontainer {width: 870px; margin-right:auto; margin-left:auto; background: url(../assets/body_content_bg.jpg) repeat-y;} #body_content { width: 740px; padding-top:17px;} /* Contains Both Left & Right Columns*/ #body_content .centercol {width: 740px; float:left;} /*Center Col Begins*/ #body_content .leftcol {width: 490px; float:left; margin-bottom:50px;} /*Left Col Begins*/ #body_content .rightcol {width: 194px; float:right; background-color:#e5e0db; border:1px solid #c0bcb8;}/*Right Col Begins*/ #content_wrapper_top {background:url(../assets/bg_cntr_top.gif) no-repeat; height:38px; } #content_wrapper_middle {background:url(../assets/bg_cntr.gif) repeat-y;width: 870px;margin:0px; padding-left:65px; height:100%; color: #666; font-size:14px; line-height: 1.7em; margin:0px; } #content_wrapper_bottom {background:url(../assets/bg_cntr_bot.gif) no-repeat; height:30px;} a { color:#913b26;} /*-----------------Fail-Safe & Resets ------------------*/ h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;} #maincontainer p { color: #666; font-size:14px; line-height: 1.7em; margin:0px; } #maincontainer h1 { color:#913b26; font-size:21px; line-height:1.5em;} #maincontainer h2 { color:#666; font-size:12px; margin:0px; } #clearleft {clear:left;} #clearright {clear:right;} #clear {clear:both;} ul {margin:0px; padding:0px;} img { border: 0; } hr { margin: 20px 0 20px 0; border: none 0; border-top: 1px dotted #1b364b; height: 1px; color:#FFF; clear:both; } .floatleft { float:left;} img.photo {float:left; padding:0 10px 0 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++End of Structure & Backgrounds++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Header and Scroller++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Header and Scroller++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #mainheader {width:870px; height:286px; margin:0px auto; background:url(../assets/header_new.jpg) 0 0 no-repeat;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; text-align:center;} #mainheader #spacer {display:block; width: 870px; height: 183px; margin: 0px; padding: 0px;} #mainheader #container {margin: 0px auto; width: 100%; padding:0px;} #mainheader #speakersText {width: 90px; height: 100px; display: block; float:left; margin-left: 25px; padding: 0px;} #mainheader #speakersText p {margin-top:40px; text-align:center; font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; color: #000; font-size: 14px;} .tooltip { display:none; background:transparent url("../assets/tooltip.png"); font-size:11px; height:90px; width:189px; padding:0px 10px; color:#000; } .tooltip span {display:table; width: 169px; height: 70px; margin: 0px auto; padding:0px;} .tooltip p {display: table-cell; vertical-align: middle; text-align:center; margin: 10px auto;} #mainheader .carousel { padding-top: 5px; margin: 0px; position: relative; } #mainheader .main { } .#mainheader demo em { color: #FF3300; font-weight: bold; font-size: 60%; font-style: normal; } #mainheader .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; } #mainheader .carousel a:link, #mainheader .carousel a:visited { border: none; outline: none; } #mainheader .carousel a.prev, #mainheader .carousel a.next { display: block; float: left; width: 32px; height: 81px; text-decoration: none; background: url("../assets/arrow-prev.png") left 29px no-repeat; cursor:pointer; } #mainheader .carousel a.prev { padding-right: 10px; } #mainheader .carousel a.next { padding-left: 10px; background: url("../assets/arrow-next.png") right 29px no-repeat; } #mainheader .carousel a.next:hover { background-image: url("../assets/arrow-next-over.png"); cursor:pointer; } #mainheader .carousel a.prev:hover { background-image: url("../assets/arrow-prev-over.png"); cursor:pointer; } #mainheader .carousel a:hover, #mainheader .carousel a:active { border: none; outline: none; } #mainheader .carousel .jCarouselLite { /*border: 1px solid black;*/ float: left; /*background-color: #dfdfdf;*/ /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } #mainheader .carousel ul { margin: 0px; } #mainheader .carousel ul li { position: relative; } #mainheader .carousel li img, #mainheader .carousel li p { width: 60px; height: 71px; padding: 10px 5px; } #mainheader .carousel ul li img { position: relative; border: 0; } #mainheader .widget img { cursor: pointer; } #mainheader .mid { margin-left: 80px; width: 400px; height: 300px; } #mainheader .vertical { margin-left: 170px; } #mainheader .vertical .jCarouselLite { /* so that in IE 6, the carousel div doesnt expand to fill the space */ width: 170px; } #mainheader .imageSlider li img, #mainheader .imageSlider li p, #mainheader .imageSliderExt li img , #mainheader .imageSliderExt li p { width: 400px; height: 300px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Navigation++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*-----------------Main Navigation------------------*/ #mainnavigation { margin: 0 0 0 20px;} #mainnavigation ul { background: url(../assets/nav_bg_blue.gif) repeat-x; padding: 0px; margin:0px; font-family:arial, helvetica, sans-serif; font-size:15px; text-transform:uppercase; float:left; width:830px;} #mainnavigation li { display:inline; padding: 6px 0; background: url(../assets/nav_bg_blue.gif) repeat-x; float: left; border-left: 1px solid #fff; text-align:center; font-family:Arial, Helvetica, sans-serif;} #mainnavigation li a { color: White; text-decoration: none; text-align:center; font-weight:normal !important; font-weight:bold;} #mainnavigation li a:hover {color:#ffcc33; } #mainnavigation li.home {background: url(../assets/nav_bg_blue_home.gif) repeat-x;} #mainnavigation li.register {background: url(../assets/nav_bg_register.gif) repeat-x;} #mainnavigation li.register a {color:black;} #mainnavigation li.sessions{ background: url(../assets/nav_bg_sessions.gif) repeat-x;} #home {width:86px;} #register {width:99px;} #sessions {width:99px;} #agenda {width:86px;} #speakers {width:103px;} #hotel_travel {width:148px;} #connect {width:97px;} #resources {width:118px;} #sponsors{width:104px;} /*-----------------Sub Navigation------------------*/ #subnavigation { margin: 0 0 0 21px;} #subnavigation ul { background: #cfdae2; padding: 0px; margin:0px; color: #858585; font-family:arial, helvetica, sans-serif; font-size:9px; text-transform:uppercase; float:left; width:829px;} #subnavigation li { display:inline; padding: 7px 10px !important; padding:7px 10px; background: #cfdae2; float: left; text-align:center; } #subnavigation li a { color: #585858; text-decoration: none; text-align:center;} #subnavigation li.sessions, #subnavigation li.sessions a { background: #a8b1b7; color:#585858; } #subnavigation li a:hover, #subnavigation li.sessions a:hover { color:black;} #subnavigation li.clientside, #subnavigation li.clientside a { background: #9BCCCC; color:#000000; } #subnavigation li a:hover, #subnavigation li.clientside a:hover { color:black;} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++END OF NAVIGATION++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++INTERSTITIAL STYLES++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ html, body { height:100%; } #blackout { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: #000; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; z-index: 9; } #divpopup{ position: fixed; top: 50%; left: 50%; margin-top: -225px; /*half of the height plus a little to the top*/ margin-left: -325px; /*half of the width */ visibility: hidden; display: none; background-color: #FFF; color: #333; padding: 0; height: 480px; width: 640px; z-index: 10; border:none; font-size: 12px; } #divpop_head{ position:absolute; top:0; left:0; width:100%; background-color: #999999; text-align:center; padding:2px 0; z-index:-1; } #close_pop{ float:right; text-align:right; cursor:pointer; padding-right:10px; width:600px; } #close_pop a{ text-decoration:none; color: #333; } #close_pop a:hover{ color:#FF0000; } #pop_content{ clear:both; padding: 10px; } #iframe_popup{ } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++END OF IMAGE STYLES++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++IMAGE STYLES++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #body_content .centercol img {margin:10px 0px;} #body_content .leftcol img {margin:10px 10px 10px 0px;} #body_content .rightcol img {margin:10px 0px;} #body_content .rightcol img.sponsors {margin:0px;} #body_content .rightcol #sponsors_logos {background-color:white;} #body_content .leftcol #speakersection img { margin:0 10px 0px 0; float:left; border:1px #666 solid;} /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++END OF IMAGE STYLES++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++TYPOGRAPHY BEGINS++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*----------------Typography For Content------------------*/ #body_content .leftcol #speakersection { margin-top:40px; font-size:.9em; } #body_content .leftcol #speakersection p { font-size:inherit; } #body_content .leftcol #speakersection .title {color:#1b364b; } #body_content .leftcol #speakersection h2 { margin:0px; font-size:1em;color: #913b26; line-height: 1.7em;} #body_content .leftcol p, #body_content .centercol p { color: #666; font-size:14px; line-height: 1.7em; margin: 0 0 15px 0;} #body_content .leftcol h1, #body_content .centercol h1 { color:#913b26; font-size:21px; line-height:1.5em;} #body_content .leftcol h2, #body_content .centercol h2 { color:#1b364b; font-size:16px; margin: 0 0 15px 0; } #body_content .leftcol h3, #body_content .centercol h3 { color:#916c32; font-size:14px; margin: 0 0 15px 0; } #body_content .leftcol h4, #body_content .centercol h4 { color:#916c32; font-size:14px; margin:0; } #body_content .leftcol h5, #body_content .centercol h5 { color:#333; font-size:14px; margin: 0 0 15px 0; } #body_content .leftcol h6, #body_content .centercol h6 { color:#333; font-size:14px; margin: 0; } #body_content .rightcol p {font-size:11px; padding:6px 6px 6px 10px;} #body_content .rightcol h1 {color: #913b26; font-size:12px; background-color:#f3f1ef; padding:6px 0 6px 10px; line-height:1.5em;} #body_content .rightcol h2 {color: #666; font-size:12px; background-color:#f3f1ef; padding:6px 0 6px 10px; line-height:1.5em; } #body_content .rightcol h3 {color: #333; font-size:11px; padding-left:10px;} #body_content .rightcol h4 {font-size:11px; padding:6px 6px 6px 10px;} #body_content .rightcol h5 {font-size:11px; padding:6px 6px 6px 10px;} #body_content .rightcol h6 {font-size:11px; padding:6px 6px 6px 10px;} /*----------------Sponsors Page Headings------------------*/ #body_content .leftcol h6.level_sponsors {background-color:#e5e5e5; padding:5px;} #body_content .leftcol table h6.level {display:inline;} #body_content .leftcol table p.level_description {display:inline; font-size:12px;} /*----------------Typography for Unordered List------------------*/ #content_wrapper_middle table#speakertable td li { margin:0px; } #content_wrapper_middle ul { list-style-type: none; margin: 0 0 15px 6px; padding-left: 0px; } #content_wrapper_middle li { background-image: url(../assets/bullet_blue.gif); background-repeat: no-repeat; list-style-type: none; background-position: 0px 0.65em; padding-left: 12px; } #body_content .rightcol ul {list-style-type: none; margin: 0 0 15px 6px; padding-left: 0px; font-size:11px; padding-right:5px; } #body_content .rightcol li {background-image: url(../assets/bullet_blue.gif); background-repeat: no-repeat; list-style-type: none; background-position: 0px 0.65em; padding-left: 12px; line-height:1.7em; margin:5px 0; } /* -------------Typography for Agenda Table --------------------- */ #body_content .centercol table#caag td h1 { font-size: 120%; font-weight: bold; color: #fff; padding-left: 3px; } #body_content .centercol table#caag td.caag-header { background-color: #1f5170; } /*Changes the Background of each date*/ #body_content .centercol table#caag td.breakouts { background-color: #cacaca; } #body_content .centercol table#caag td.breakout-session { background-color: #e0e0e0; } #body_content table#caag { border-left: 1px solid #dadada; border-top: 1px solid #dadada; margin-bottom:10px; } #body_content table#caag td { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } #body_content table#caag td { font-size: .8em; line-height: 1.4; padding: 5px; background:#ececec; } #body_content table#caag td h1, #body_content table#caag td h2, #body_content table#caag td h3, #body_content table#caag td h4, #body_content table#caag td h5, #body_content table#caag td h6 { line-height: 1.3;margin: 0; padding: 0; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++TYPOGRAPHY STYLES END++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++FOOTER STYLES BEGIN++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #footer { clear: both; background-color: #e6e1dc; background-repeat: no-repeat; background-position: 134px 0; color: #797979; width: 830px; margin-left: 20px; padding-top: 40px; } body#splashpage #footer { padding-top: 15px; } #footer-top, #footer-bot { background-color: #d8d5d3; margin-left: 18px; width: 800px; } /* COLOR CHANGE - TOP PART OF FOOTER BACKGROUND COLOR */ #footer-bot { background-color: #dfdddb; } /* COLOR CHANGE - BOTTOM PART OF FOOTER BACKGROUND COLOR */ #footer p { font-size: .65em; line-height: 1.5; margin: 0; padding: 10px; } #footer a { color: #797979; } /* COLOR CHANGE - FOOTER TEXT COLOR */ #footer hr { display: none; visability: hidden; } #footer { clear: both; background-color: #e6e1dc; background-repeat: no-repeat; background-position: 134px 0; color: #797979; width: 830px; margin-left: 20px; padding-top: 40px; } #tt_logo_bot { background: url(../assets/bg_ttlogo_bot.gif) no-repeat 0 0; width: 870px; height: 169px; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++FOOTER STYLES ENDS++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/