/* CSS Document */

body {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: small;background:#9d9c98;color:#000;}
body div#en_content {width: 910px;margin-top:0px; -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;}
body#bulletin {background-color:transparent;}

div#velocity12_body_bg {width:940px;margin: 0 auto; /*background:transparent url('//cdn.oreillystatic.com/conferences/velocity/assets2012/velocity2012_body_bg.gif') center top repeat-y; */}

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;}
div#nav {float: left;font-size: 1em;font-weight: normal;}

div#en_main_parts div#right_col {width: 150px;background: #fff;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;}

/* Collapsable accordions */
.accordion {margin-bottom: 30px;}
.accordion h2 {font-size:1.4em;padding-top:10px;list-style-image:url('//cdn.oreillystatic.com/conferences/velocity/assets2012/velocity2012_arrow.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:white;-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;}
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/conferences/velocity/assets2012/velocity2012_arrow.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 */

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 {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;-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
div#en_footer {padding-bottom: 22px;line-height:1.5em;font-weight:normal;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:#45a1fb;}*/
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;}

/* #page_bot {background:transparent url('//cdn.oreillystatic.com/conferences/velocity/assets2012/velocity2012_page_bot.png') bottom center no-repeat;clear:both;width:940px;height:19px;} */

/* 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; }

/* Widgets */

div#widget-column { float: right; margin: 0 0 20px 20px; padding: 0; width: 300px; }
div#widget-column .foot { display: none; }
/*div#widget-column .widgets { margin-top: 20px; }*/
div#widget-column .widgets { margin-top: 5px; }

#widget-column .content a { color: #1E90FF; }
#widget-column .content li { margin-left:-15px;}
    
div.widget { background: #eee8dc none; margin: 0; padding: 0; }
div.widget .toggle { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/94/velocity2013_widget_bar.png') left -27px no-repeat; color: #FFF; cursor: pointer; display: block; font-size: 14px; font-weight: normal; text-transform: uppercase; 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; }
div#widget-resources .content p {line-height:1.2em;}

/* End additional styles for live widgets */

/* Stay Connected Chicklets */
div.stay_connected a.chicklet { background: transparent url('//cdn.oreillystatic.com/conferences/velocity/assets2012/social-buttons/social.png') left top no-repeat; border: 0 none; display: inline-block; width: 29px; height: 18px; }
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; }

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

/* START NAV */
div#top_level_nav {float:left;padding:0px;margin:0 0 0 3px;clear:left;}
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:22px;*/}

div#top_level_nav ul#nav li a.level_main {background:transparent url('//cdn.oreillystatic.com/conferences/velocity/assets2012/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:10px;}
div#top_level_nav ul#nav a {display: block;position: relative;padding: 3px 6px;text-decoration:none;color:#fff;}
div#top_level_nav ul#nav a:hover {color: #fff;}
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;}
div#top_level_nav ul#nav ul li a:hover {background-color:#106a6a;color:#fff;}

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul {left: 8px;z-index: 99;
top: 22px; /* 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 #fff;background-color:#009999;margin-left:1px;}
div#top_level_nav ul#nav li li.title {background-color:#153333;color:#fff;}
div#top_level_nav ul#nav li li.title a:hover {background-color:#153333;color:#fff;cursor:default;}
div#top_level_nav ul#nav li li a.title {color:#fff;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:"-";}

/* 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;}

/* for cross-links ribbon at top of page - applied to Velocity Santa Clara, London, China */
div#velocity_links {padding: 2px 0; font-weight:bold; position: absolute; top: 0; width:910px;}
div#velocity_links .inner {margin: 0 auto;padding: 0 10px 0 0;width: 900px;height: 19px;text-align: right;font-size: 12px;line-height: 9px;color: #974a22;}
div#velocity_links a {color: #D86018;}
div#velocity_links .current {color: #974a22;}
div#velocity_links .current a {color: #974a22;text-decoration: none;}
div#velocity_links .static {color: #00A499;}

/* 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 #00AAA6; 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: #00AAA6; font-size: 20px; }
#office-hours-grid .tabs li.active { background-color: #00AAA6; 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; }

/* 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;}

.cta_box {
   text-align: center;
   border:1px solid #bbb; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 15px 10px;
   margin-bottom: 10px;
   background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(234,234,234) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(234,234,234))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(234,234,234) 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); */ /* IE6-8 */
}

.cta_box p { line-height: 13px; margin: 0 0 5px 0; }

/* For newsletter pop-up on home page */
	#newsletter-popup-overlay { display:none; position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); background:none\9; /* IE8 and below */ }
	#newsletter-popup-overlay .popup { overflow:hidden; margin:140px auto 0; background-color:#f9f9f9; text-align:center; width:740px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); border:3px solid #ddd\9; /* IE8 and below */  }
	#newsletter-popup-overlay .popup .popup-header { background:#fff url('http://cdn.oreilly.com/oreilly/images/velocity-nl-popup-greyhound.jpg') 0 0 no-repeat; padding:10px 10px 15px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.3); }
	#newsletter-popup-overlay .popup .popup-header a.close { font-size:16px; line-height:19px; color:#999; display:block; padding-right:24px; float:right; background:transparent url('http://cdn.oreilly.com/oreilly/images/close-icon-19x19.png') right 0 no-repeat; }
	#newsletter-popup-overlay .popup .popup-header a.close:hover { color:#666; text-decoration:none; background:transparent url('http://cdn.oreilly.com/oreilly/images/close-icon-19x19.png') right -100px no-repeat; }
	#newsletter-popup-overlay .popup .popup-header h3 { margin:50px 13px 5px 13px; clear-both; padding:0; font-size:40px; line-height:44px; font-weight:normal; }
	#newsletter-popup-overlay .popup .popup-header p { margin:0 40px; padding:0; font-size:20px; line-height:28px; font-weight:normal; }
	#newsletter-popup-overlay .popup-form { margin:42px 23px 0; text-align:left;}
	#newsletter-popup-overlay #newsletter-popup-frame {display:block; border:none; padding:0; margin:0 auto; width:450px; height:90px; text-align:left;}
/* end newsletter pop-up styles */