/* CSS Document */

body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: small;background:#555;color:#333;}
body div#en_content {width: 910px;margin-top:0px;}
body#bulletin {background-color:transparent;}

p, ol, ul, td {
    font-family: Arial, Verdana, Helvetica, helvetica, sans-serif;
}

a {color: #1010DD;text-decoration: none;}
a:hover {text-decoration:underline;}

div#mid {line-height: 1.5em;}
div#mid p {line-height: 1.5em;}

img.left {float:left;}
img.right {float:right;}

.clearleft {clear:left;}

div#sponsors {padding:15px;overflow: hidden;}
div#sponsors .sponsor_list_heading {font-size:1.1em;}
div.sponsor-blurb img {float:left;padding:0 10px 2px 0;}

/* en_header styles
------------------ */
div#en_header {width:910px;}
#home_header {float:right;padding:0;background:transparent url('//cdn.oreillystatic.com/conferences/toc/assets2013/home_header.jpg') top left no-repeat;width:618px;height:285px;}
#inside_header {float:right;padding:0;background:transparent url('//cdn.oreillystatic.com/conferences/toc/assets2013/inside_header.jpg') top left no-repeat;width:618px;height:220px;}
#tagline {margin:88px 0 0 88px;}
#logo {float:left;margin:20px 0 0 20px;}
#date_place {float:left;width:199px;height:33px;clear:left;margin:25px 0 0 45px;}

#inside_tagline {margin:57px 0 0 88px;float:left;}
#inside_logo {float:left;margin:30px 0 0 20px;}
#inside_date_place {float:left;width:376px;height:49px;margin:-15px 0 0 132px;}

div#nav {float: left;font-size: 1em;font-weight: normal;}

div#en_main_parts div#right_col {width: 150px;background: #fff;}

/* Collapsable accordions */
.accordion {margin-bottom: 30px;}
.accordion h2 {font-size:1.4em;padding-top:10px;list-style-image:url('//cdn.oreillystatic.com/en/assets/1/event/90/toc2013_bullet.png');cursor:pointer;}
.accordion .content {font-size:.9em;/*background-color:#f4f4f4;*/margin:0 20px;}

/* Updated these 3 lines to include rules for live stream schedule */
.accordion h2.closed:before, .accordion h2.open:before {margin-right:4px;}
.accordion h2.closed:before {content:"+";}
.accordion h2.open:before {content:"-";}


/* en_main styles
------------------ */

div#en_main_parts {background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/73/toc2012_main_parts_bg.gif') repeat-y;border-bottom:1px solid #e8e6e4;}
div#en_main_parts div#en_main {/*padding-top: 10px;*/color: #333;width: 760px;background:#fff;}

#mid ul li {list-style-image: url('//cdn.oreillystatic.com/en/assets/1/event/90/toc2013_bullet.png');}

/* Career Zone */
#mid ul.career-zone-listing { margin: 20px 0 0 20px; overflow: hidden; padding: 0;}
#mid ul.career-zone-listing li { float: left; list-style: none; margin: 0 0 20px; padding: 0; text-align: center; width: 165px; min-height: 90px; }
/* end career zone */

div#en_main #mid h1 {font-size: 2em;margin: 15px 20px .5em 20px;padding: 0;color:#000;} 
div#en_main #mid h2 {font-size: 1.5em;margin: 20px 20px .5em 20px;padding: 0;line-height: 1.2em;color:#e23522;}
div#en_main #mid h2.fn {font-size:1.5em;margin-bottom:0;padding-bottom:0;}
div#en_main #mid h3 {padding: 0;margin: 20px 20px .8em 20px;font-size: 1.3em;color:#e23522;background:none;line-height: 1.2em;}

div#en_main #mid .en_article_body h1 {font-size: 2.5em;margin: 15px 20px .5em 20px;padding: 0;color:#000;} 
div#en_main #mid .en_article_body h2 {font-size: 1.7em;margin: 20px 20px .5em 20px;padding: 0;line-height: 1.2em;color:#e23522;}
div#en_main #mid .en_article_body h3 {padding: 0;margin: 20px 20px .8em 20px;font-size: 1.4em;color:#e23522;background:none;line-height: 1.2em;}

/* older heading styles 11/29/12 */
/*h1, h2 {font-weight:normal;}
div#en_main #mid h1 {font-size: 2em;margin: 15px 20px .6em 20px;padding: 0;line-height: 1.2em;color:#000;} 
div#en_main #mid h2 {font-size: 1.5em;margin: 20px 20px .5em 20px;padding: 0;line-height: 1.2em;color:#000;}
div#en_main #mid h2.fn {font-size:1.5em;margin-bottom:0;padding-bottom:0;}
div#en_main #mid h3 {padding: 0;margin: 20px 20px .8em 20px;font-size: 1.3em;color:#000;background:none;line-height: 1.2em;}
div#en_main #mid h4 {font-size: 1.15em;font-size: 1.2em;color:#000;margin: .5em 20px .5em 20px;padding: 0;line-height: 1.2em;}*/

div#sitemap ul a.level_one { color:#333333;font-weight:bold; }
div#sitemap ul ul.level_two li.title {list-style: none;}
div#sitemap ul ul.level_two a.title { color:#333333;text-decoration:none;font-weight:bold;}
div#sitemap ul ul.level_two a.title:hover {text-decoration:none;}

p.quote, p#kudos {padding: 5px 10px;font-style:italic;font-size:1.1em;font-weight:normal;font-family:"Times New Roman", Times, Georgia, serif;color:#555;}

div#en_footerwrap {background-color:#ebebeb;color:#000;}
div#en_footer {padding-bottom: 22px;line-height:1.5em;font-weight:normal;background-color:#ebebeb;font-size:.9em;line-height:1.3em;}
div#en_footer .banner_ad {padding: 15px 0 0 0;background:transparent url('//cdn.oreillystatic.com/en/assets/1/event/79/velocity2012_footer_top.gif')top right no-repeat;}
div#en_footer p {margin: 0;font-size: .9em;padding: 0 22px}
/*div#en_footer a {color:#dc5d32;}*/
div#en_footer #footer_logo {float:left;width:220px;margin:20px;}
div#en_footer .footercol {float:left;width:165px;}
div#en_footer ul {margin:0;padding:20px 0;list-style:none;}
div#en_footer ul li {list-style:none;padding:0;margin:0;font-size:.9em;line-height:1.3em;}

/* Footer Banner Ads */

div#en_footer div.banner_ad { padding: 15px 0; }
div.banner_ad .banners { height: 90px; margin: 0 auto; padding: 0; position: relative; width: 728px; }
div.banner_ad .banners .banner { display: none; left: 0; position: absolute; top: 0; }

/* Conference specific Widget styles */

/* Widgets */

div#widget-column { float: right; margin: 3px 0 20px 20px; padding: 0; width: 300px; }
/*div#widget-column .foot { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/85/stratany2012_widget_bottom.png') left top no-repeat; height: 9px; }*/

#widget-column .content a { color: #1010DD; }
    
div.widget { background-color:#f0e6e4; margin: 0; padding: 0; }
div.widget .toggle { background: transparent url('//cdn.oreillystatic.com/conferences/toc/assets2013/widget_bar.gif') left -27px no-repeat; color: #FFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; line-height: 27px; margin: 0; padding: 0 30px 0 10px; text-decoration: none; height: 27px; }
div.widget .toggle .sub { float: right; font-size: 12px; }
div.widget .content { display: none; margin: 0; padding: 10px; }

div.widget.open .toggle { background-position: left top; }
div.widget.open .content { display: block; }

div.widget p { margin: 0; padding: 0 0 10px; }

#widget-twitter .content ul { margin: 0; padding: 0; }
#widget-twitter .content ul li { list-style: none; list-style-image: none; background-color: white; margin: 0 5px 10px; padding: 5px 10px; border: 1px solid #CCC; border-radius: 10px; }
#widget-twitter .content ul li .info { margin: 5px 0 0; padding: 0; text-align: right; }
#widget-twitter .content .more { padding: 0; text-align: right; }

/* widget Featured Speakers */
/* Cheese-Boards */

.cheese-board-verticle { position: relative; }
.cheese-board-verticle .content { overflow-y: scroll;; padding: 0 !important; height: 246px; }
.cheese-board-verticle .content .speaker { background: transparent none; overflow: hidden; padding: 5px; }
.cheese-board-verticle .content .speaker .head { float: left; position: relative; }
.cheese-board-verticle .content .speaker .head .frame { margin: 0 auto; overflow: hidden; position: relative; width: 72px; height: 72px; }
.cheese-board-verticle .content .speaker .head .frame img { margin-top: -12px; }
.cheese-board-verticle .content .speaker .head .frame .border { display: block; border: 1px solid #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.cheese-board-verticle .content .speaker .caption { font-size: 12px; margin-left: 82px; }
.cheese-board-verticle .content .speaker .caption .name { display: block; font-weight: bold; }
.cheese-board-verticle .content .speaker .caption a { color: inherit; }
.cheese-board-verticle .content .speaker .caption a { text-decoration: none; }

.cheese-board-verticle .content .speaker.offset { margin-left: -95px; }

.cheese-board-verticle .control-slider { position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.cheese-board-verticle .control-slider .track { padding: 5px 0 4px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.cheese-board-verticle .control-slider .track .handle { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/33/toc2010_speaker_slider_handle.gif') left top no-repeat; margin: -5px -8px -4px -9px; width: 9px; height: 17px; }

.cheese-board-verticle .content .tray { margin-left: 0; overflow: visible; }

body#bulletin { background-color: #f0e6e4; background-image: none; }

    /* Stay Connected */
    #stay_connected .label { display: none; }

div.en_session {padding-bottom:15px;border-bottom:#ccc dashed 1px;} 

/* START NAV */
div#top_level_nav {float:left;padding:0px;margin:0;clear:left;width:910px;height:33px;background:#b6341e url('//cdn.oreillystatic.com/conferences/toc/assets2013/nav_bg.png') top left repeat-x;}
div#top_level_nav ul#nav, div#top_level_nav ul#nav * {margin: 0;padding: 0;list-style: none;}
div#top_level_nav ul#nav { line-height:1em;font-size:.9em;/*float:right;height:33px;*/}

/*div#top_level_nav ul#nav li a.level_main {background:transparent url('//cdn.oreillystatic.com/conferences/toc/assets2013/velocity2012_nav_divider.png') bottom left no-repeat;padding-left:20px;padding-bottom:7px;}*/

div#top_level_nav ul#nav ul {position: absolute;top: -999em;font-weight:bold;
width: 15em; /* left offset of submenus need to match (see below) */
}

div#top_level_nav ul#nav ul li {width: 100%;}

div#top_level_nav ul#nav li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}

div#top_level_nav ul#nav li {float: left;position: relative;height:100%;z-index:20;margin-left:15px;}
div#top_level_nav ul#nav a {display: block;position: relative;padding: 10px 6px;text-decoration:none;color:#fff;}
div#top_level_nav ul#nav a:hover {color: #000;}
div#top_level_nav ul#nav ul li a {color:#fff;font-weight:normal;display:block;margin:0;padding:5px 10px;}
div#top_level_nav ul#nav li a.level_one {text-transform:uppercase;font-weight:bold;}
div#top_level_nav ul#nav ul li a:hover {background-color:#dc4029;color:#000;}

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul {left: 8px;z-index: 99;
top: 33px; /* match top ul list item height */
}
div#top_level_nav ul#nav li:hover li ul, div#top_level_nav ul#nav li.sfHover li ul {top: -999em;}

div#top_level_nav ul#nav li li:hover ul, div#top_level_nav ul#nav li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}
div#top_level_nav ul#nav li li:hover li ul, div#top_level_nav ul#nav li li.sfHover li ul {top: -999em;}
div#top_level_nav ul#nav li li li:hover ul, div#top_level_nav ul#nav li li li.sfHover ul {top: 0;
left: 15em; /* match ul width */
}

div#top_level_nav ul#nav li li, div#top_level_nav ul#nav li li li {font-size:.9em;border-bottom:1px solid #a41e0a;background-color:#a1301e;margin-left:1px;}
div#top_level_nav ul#nav li li.title {background-color:#999;color:#000;cursor:default;}
div#top_level_nav ul#nav li li.title a:hover {background-color:#999;color:#000;cursor:default;}
div#top_level_nav ul#nav li li a.title {color:#000;font-weight:bold;}
div#top_level_nav ul#nav li:hover, div#top_level_nav ul#nav li.sfHover, div#top_level_nav ul#nav a:focus, div#top_level_nav ul#nav a:hover, div#top_level_nav ul#nav a:active {outline: 0;}


/*** arrows **/
div#top_level_nav ul#nav a.sf-with-ul {
padding-right: 1.5em;
min-width: 1px;
}
.sf-sub-indicator {
position: absolute;display: block;right:0.5em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;
top:0.65em; /* IE6 only */
/*background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}*/

a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
/*a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; }*/ /* arrow hovers for modern browsers*/

/* point right for anchors in subs */
div#top_level_nav ul#nav ul .sf-sub-indicator { background-position: -10px 0; }
div#top_level_nav ul#nav ul a > .sf-sub-indicator { background-position: 0 0; }

/* apply hovers to modern browsers */
div#top_level_nav ul#nav ul a:focus > .sf-sub-indicator, div#top_level_nav ul#nav ul a:hover > .sf-sub-indicator, div#top_level_nav ul#nav ul a:active > .sf-sub-indicator, div#top_level_nav ul#nav ul li:hover > a > .sf-sub-indicator, div#top_level_nav ul#nav ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {background:    url('../images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}*/
.sf-shadow ul.sf-shadow-off {background: transparent;}

div#top_level_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* END NAV */


#content:after, #en_main_parts:after, div.get_flickr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#en_content:after, div#en_main_parts:after, ul#nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.slot_detail {line-height:1.1em;}

/* for sitemap page */
div#sitemap ul a.level_one { color:#333333;font-weight:bold;}
div#sitemap ul ul.level_two li.title {list-style: none;margin-left:-15px;}
div#sitemap ul ul.level_two a.title { color:#333333;text-decoration:none;font-weight:bold;}
div#sitemap ul ul.level_two a.title:hover {text-decoration:none;}

/* for sponsor/exhibitor pages */
div.sponsor-listing img {float:left;padding-right:10px;}

/* Register */

table#package td {font-size:.95em;}
#mid .package > p.ptitle {margin: 6px 20px;}
.package > p.ptitle > strong {cursor:pointer;}
.package .package_description {display:none;padding: 10px 20px; margin: 0pt 20px;}
.package .package_description ul {margin:0;}

.package > p.closed:before, .package > p.open:before {margin-right:4px;font-weight:bold;}
.package > p.closed:before {content:"+";}
.package > p.open:before {content:"-";}

/* Stay Connected Chicklets */
div.stay_connected a.chicklet { background: transparent url('//cdn.oreillystatic.com/conferences/assets/social.png') left top no-repeat; border: 0 none; display: inline-block; width: 29px; height: 18px; margin-top:8px; }
div.stay_connected a.chicklet-twitter { background-position: 0 0; }
div.stay_connected a.chicklet-facebook { background-position: 0 -20px; }
div.stay_connected a.chicklet-gplus { background-position: 0 -40px; }
div.stay_connected a.chicklet-linkedin { background-position: 0 -60px; }
div.stay_connected a.chicklet-bliptv { background-position: 0 -80px; }
div.stay_connected a.chicklet-lanyrd { background-position: 0 -100px; }
div.stay_connected a.chicklet-slideshare { background-position: 0 -120px; }
div.stay_connected a.chicklet-schedule { background-position: 0 -140px; }
div.stay_connected a.chicklet-directory { background-position: 0 -160px; }

/* for sponsor/exhibitor banners & flair pages */
div#flair {padding:10px 0 20px 0;border-bottom: 1px dashed #ccc;}

img.track-icon {float:left;margin:5px 0 20px 0;}

/* Labels */

.label { background-color: #999; padding: 2px 4px 2px; font-size: 11.049999999999999px; font-weight: bold; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.label-important { background-color: #b6341e; }

/* office hours */
.office-hours h1 { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/75/strata2012_office_hours_logo.jpg') left top no-repeat; float: left; margin: 0 !important; padding: 0 !important; text-indent: -9999px; width: 269px; height: 142px; }
.office-hours .intro { clear: both; margin-top: 20px; margin-left: 20px; overflow: hidden; }
.office-hours .intro p { font-size: 16px; line-height: 24px; margin-left: 288px !important; }

#office-hours-grid { margin-left: 20px; }

#office-hours-grid .tabs { border-bottom: 2px solid #b6341e; margin: 10px 0; padding: 0; overflow: hidden; }
#office-hours-grid .tabs li { cursor: pointer; float: left; list-style: none; margin: 0; padding: 8px 10px 5px; color: #b6341e; font-size: 20px; }
#office-hours-grid .tabs li.active { background-color: #b6341e; color: #FFF; cursor: text; }

#office-hours-grid .content { margin-bottom: 20px; }
#office-hours-grid .content .day { display: none; }
#office-hours-grid .content .day.active { display: block; }
div#en_main #office-hours-grid .content .day h2 { display: none; margin-left: 0; padding-left: 0; }
#office-hours-grid .content .day .time { overflow: hidden; }
#office-hours-grid .content .day .time .heading { border-bottom: 1px solid #CCC; font-weight: bold; }
#office-hours-grid .content .day .time .session { background-color: #F5F5F5; border-radius: 5px; float: left; margin: 5px 10px 5px 0; padding: 10px; width: 200px; min-height: 135px; }
#office-hours-grid .content .day .time .session .heading { display: none; }
#office-hours-grid .content .day .time .session .speakers { overflow: hidden; }

#office-hours-grid .speaker { float: left; overflow: hidden; padding-right: 10px; width: 90px; }
#office-hours-grid .speaker .frame { float: left; position: relative;  }
#office-hours-grid .speaker .frame .border { border: 1px solid #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#office-hours-grid .speaker .frame .border:hover { border-color: #1E90ff; }
#office-hours-grid .speaker .frame img {  }
#office-hours-grid .speaker .caption { clear: both; line-height: 14px; padding-top: 5px; }

/* for skip to main content link (seen by screen readers) */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Blue Button */
.btn-blue {display:block; text-decoration:none; font-size:20px; line-height:22px; color:#fff; padding:8px 0; text-align:center; text-shadow: 0px 0px 2px #37609f; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(77,135,222); background: -moz-linear-gradient(top, rgba(169,200,245,1) 0%, rgba(92,140,208,1) 50%, rgba(65,115,189,1) 50%, rgba(77,135,222,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,200,245,1)), color-stop(50%,rgba(92,140,208,1)), color-stop(50%,rgba(65,115,189,1)), color-stop(100%,rgba(77,135,222,1))); background: -webkit-linear-gradient(top, rgba(169,200,245,1) 0%,rgba(92,140,208,1) 50%,rgba(65,115,189,1) 50%,rgba(77,135,222,1) 100%); background: -o-linear-gradient(top, rgba(169,200,245,1) 0%,rgba(92,140,208,1) 50%,rgba(65,115,189,1) 50%,rgba(77,135,222,1) 100%); background: -ms-linear-gradient(top, rgba(169,200,245,1) 0%,rgba(92,140,208,1) 50%,rgba(65,115,189,1) 50%,rgba(77,135,222,1) 100%); background: linear-gradient(to bottom, rgba(169,200,245,1) 0%,rgba(92,140,208,1) 50%,rgba(65,115,189,1) 50%,rgba(77,135,222,1) 100%); -webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .4); box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .4); }
a.btn-blue:hover {text-decoration:none;}