/* CSS Document - OSCON 2013 CSS */

body { background: #000 url('//cdn.oreillystatic.com/en/assets/1/event/95/oscon2013_body_bg.jpg') center top repeat-x; padding-top: 0; padding-bottom: 20px; color: #333; font-family: Arial, Helvetica, sans-serif;}

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

div#en_main_parts { background-color: transparent; }
div#en_body { background-color: #FFF; border-left: 1px solid #818181; border-right: 1px solid #818181; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; overflow: hidden; }

/* Header */
div#en_header { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/95/oscon2013_inside_header.png') center bottom no-repeat; position: relative; width: 910px; height: 224px; }
div#en_header div.logo { float:left; margin: 20px 0 0 20px; }

div#top_level_nav { bottom: 42px; left: 0; position: absolute; }

div#en_header #stay_connected { display: none; margin: 0; position: absolute; left: 20px; top: 210px; z-index: 200;}
#stay_connected .title {width:129px;height:19px;background:transparent url('//cdn.oreillystatic.com/en/assets/1/eventseries/13/where_stay_connected_icon.png') top left no-repeat;display:block;cursor:pointer;}
#stay_connected .title.active {background:transparent url('//cdn.oreillystatic.com/en/assets/1/eventseries/13/where_stay_connected_top.png') top left no-repeat;width:223px;)}
#stay_connected .content {display:none;background:transparent url('//cdn.oreillystatic.com/en/assets/1/eventseries/13/where_stay_connected_bottom.png') bottom left no-repeat;width:223px;color:#fff;font-weight:bold;padding-bottom:7px;}
#stay_connected .items {background:transparent url('//cdn.oreillystatic.com/en/assets/1/eventseries/13/where_stay_connected_bg.gif') top left repeat-x;padding:10px 10px 1px 10px;}
#stay_connected .items a {color:#fff;font-weight:bold;display:block;text-decoration:none;line-height:18px;height:18px;margin-bottom:6px;font-size:.75em;}
#stay_connected .items a img {border:0;margin-right:10px;margin-bottom:-4px;}

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

#widget-column .content a { color: #1010dd; }

div.widget { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/80/oscon2012_widget_back.gif') left top repeat-y; margin: 0; padding: 0; }    
div.widget .toggle { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/80/oscon2012_widget_bar.png') 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; }

#stay_connected .label { display: none; }
body#bulletin { background-color: #E7ECED; background-image: none; }

#widget-expo-hall ul { margin: 0; padding: 0 0 0 20px; }

/* Track Listings */
div#en_main div.topic-heading { margin: 0 0 10px 20px; overflow: hidden; padding: 10px; }
div#en_main div.topic-heading img { float: left; padding-right:10px; }
div#en_main div.topic-heading h1 { margin: 14px 0 10px 0px; padding: 0 0 10px 0; border-bottom: 1px solid #777; font-size: 46px; font-weight:normal; color: #444; }
div#en_main div.topic-heading p { margin: 0 0 10px 0;clear:left; font-weight: bold; font-size: 16px; }
div#schedule_topic div.en_session { border-bottom: 1px dashed #999; padding-bottom: 10px; }

/* Speaker Listings */
#speakerSearch {background-color: #F4F4F4;margin: 1em;padding: 1em;}
#speakerSearch h4 {display:inline;margin-left: 0;}
#speakerSearchResultsCount {display:none;}
#speakerSearch button {background: url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #dadada;border: 1px solid #999;color: #212121;font-weight: normal;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
#speakerSearch button span {padding: 0.2em .5em;display: block;line-height: 1.2em;}

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

/* Main Styles */
div#en_content { background: transparent none; margin-bottom: 0; padding: 0; }

div#en_main {padding: 0 0 10px 0;width: 759px;background-color: #fff;}
div#en_main #mid {line-height: 1.5em;}

div#en_main h1 { font-size: 2em; color: #a21300 }
div#en_main h2 { color: #222; font-size: 1.5em; padding-top: .5em; }
div#en_main h3 { color: #a21300; font-size: 1.3em; font-weight: normal; line-height: 1.3em; padding: .5em 0; }

div#en_main .en_article_body h1 { font-size: 36px; color: #a21300 }
div#en_main .en_article_body h2 { color: #222; font-size: 24px; padding-top: .5em; }
div#en_main .en_article_body h3 { color: #a21300; font-size: 1.6em; font-weight: normal; line-height: 1.3em; padding: .5em 0; }

ul li { list-style-image: url('//cdn.oreillystatic.com/en/assets/1/eventseries/12/oscon_series_arrow.png'); margin: 0 0 5px 0; }

p.quote { color: #666666; font-size: 16px; font-style: normal; padding: 5px 20px; }
p.quote span.quote_start { background-image: url('//cdn.oreillystatic.com/en/assets/1/eventseries/12/oscon_series_quotes.png'); display: inline-block; margin-right: 20px; padding: 0; text-indent: -9999px; width: 15px; height: 13px; }
p.quote span.quote_end { background-image: url('//cdn.oreillystatic.com/en/assets/1/eventseries/12/oscon_series_quotes.png'); background-position: -15px; display: inline-block; float: none; margin-left: 20px; padding: 0; text-indent: -9999px; width: 15px; height: 13px; }
p.quote span.attribution { display: block; padding: 10px 0 0; text-align: right; }

div#en_main ul.video_list li {margin: 0;padding: 10px 0 0px 0;list-style: none;list-style-image: none;clear: both;line-height: 1.2em}

ul.video_list li a:hover {color: #003399;text-decoration: none}
ul.video_list li img {float: left;border: 1px solid #aaa;margin:2px 8px 8px 0;padding:2px;}
ul.video_list li .time {color: #666;font-weight: normal}
img.quote {margin: 10px 0}

div#en_footerwrap { background-color: #CDCDCD; border-radius: 0 10px 0 0; width: 758px; }
div#en_footer {padding-bottom: 22px;line-height: 1.5em;font-weight: normal;background-color: transparent;font-size:.9em;line-height:1.3em;}
div#en_footer #banner_ad {padding: 15px 0 15px 0}
div#en_footer p {margin: 0;font-size: .9em;padding: 0 22px}
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;}

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

div.sponsor-blurb img {float:left;padding-right:15px;}


div#right_col { background-color: #fff; width: 149px; }

/* Grid Pages */
body#en_schedule_grid div#en_content { margin: 0 20px 20px; width: auto; min-width: 910px;}
body#en_schedule_grid div#en_main_parts {}
body#en_schedule_grid div#en_header { margin: 0 auto; }
body#en_schedule_grid div#en_main { width: 100%; } 
body#en_schedule_grid div#en_main div#en_grid_container { width: auto; overflow: visible; }
body#en_schedule_grid div#right_col { display: none; }

/* Grid styles */

#en_schedule_grid #slot_grid {margin-bottom:20px;}
#slot_grid div.slot_detail {line-height:1.1em;}
div#en_grid_topic_key { overflow: hidden; }
div#en_grid_topic_key li {float: left; padding:0 5px;margin:2px 4px 2px 0; display: block; }
/*
div#en_grid_topic_key .gridTopicsList {margin-left:0;font-size:1.2em;}
div#en_grid_topic_key .gridTopicsList a {color:#1010dd;}
div#en_grid_topic_key p.gridTopicsList {clear:left;}
*/

div#sponsors {padding: 0 15px 15px 15px;overflow: hidden}
#sponsors .sponsor_list_heading { background: transparent url('//cdn.oreillystatic.com/en/assets/1/event/95/oscon2013_sponsor_divider.png') -10px bottom no-repeat; font-size: 12px; margin: 0 -5px 10px -5px; padding: 5px 10px 14px 10px; text-align: center; }
#sponsors h3 { color: #333; margin: 5px 0; padding: 0; font-size: 13px; font-weight: bold; line-height: 1.2em;}


ul#sitemap a.title {cursor:default;color:#222}
ul#sitemap a.title:hover {text-decoration:none}

#wtooltip {background-color:#fff;border:1px solid #6290c3;color:#333;display:none;margin-left:0;margin-top:15px;padding:2px 5px;position:absolute;}

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

/*** arrows **/
.sf-sub-indicator {position: absolute;display: block;right: .75em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;
top: 1.05em; /* 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 */



div.get_flickr {
    margin-left:15px;
}

div.flickr_group {
    border:1px solid #AAAAAA;;
    float:left;
    margin:0 5px 5px 0;
    padding:2px;
}



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:"-";}

/* Bulletin iFrame */
iframe#bulletin {border:none;padding:0;}
div#signup {margin:0px 10px 10px -10px;}

.clearBoth { clear: both; }

/* For schedule at a glance */

table.schedule {width:100%;padding:10px;}
table.schedule td {padding:15px 10px;font-weight:bold;width:25%;text-align:center;}
table.schedule td.plenary {padding:10px;}
table.schedule td.title {background-color:#ddeedd;padding:2px 10px;}

/* All-Access Pass Page */
#books {margin:20px auto;}

#books .subset {position:absolute;top:0;left:0;}
#books .item img {border:0;display:block;margin:auto;}
#books .item .info {display:none;}
#books .item a {text-decoration:none;}
#books .gallery {margin:0;width:680px;position:relative;padding:10px 0;background-color:#fff;overflow:hidden;border:1px solid #e9e9e9;height:130px;}

#books .gallery .set {width:640px;position:absolute;top:10px;left:20px;overflow:hidden;height:130px;}
#books .subset:after {display:block;content:".";clear:both;visibility:hidden;}
#books .gallery .item {position:relative;float:left;padding:6px;}

#item_info {position: absolute; z-index: 100; background-color: #fffbeb; border: 1px solid #ccc;width:250px;padding:4px 14px;-moz-border-radius:8px;border-radius:8px;-webkit-border-radius:8px;}
#item_info h4.title {margin:4px 2px 0; font-size: 1.2em;font-weight:normal;color:#414140;}
#item_info h4.title span.small {font-size:.75em;line-height:1.3em;}
#item_info .author {color: #666; font-size:0.85em; margin: 0 2px;}
#item_info .description {margin: 4px 2px; font-size: 0.85em;color:#414140;line-height:1.4em;}
#item_info .description p {font-size: 1em;margin:6px 0;}

div#page_bot { clear: both; }

.bulletin body { background-color: #D7DDE5; }
.bulletin h3 { margin-top: 10px; }

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

div#mid img.left {float:left;}
div#mid img.right {float:right;}

div#mid address {
   padding-bottom:15px;
   font-weight:bold;
}

/* Primary Navigation */
div#top_level_nav { background: transparent none; height: 36px; }
div#top_level_nav ul#nav { background: transparent none; float: none; font-weight: normal; margin: 0 0 0 10px; padding: 0; height: 36px; }

div#top_level_nav ul#nav li { background-color: transparent; color: #FFF; font-size: 14px; font-weight: normal; margin: 0; padding: 0 10px; height: 30px; }
div#top_level_nav ul#nav li.first { margin: 0; }
div#top_level_nav ul#nav li a.level_one { color: #FFF; font-weight: normal; line-height: 36px; margin: 0; padding: 0; text-transform: uppercase; }
div#top_level_nav ul#nav li a.level_two.title { background-color: #4C3E3F; color: #FFFFFF; }

div#top_level_nav ul#nav li:hover ul, div#top_level_nav ul#nav li.sfHover ul { top: 100%; }
div#top_level_nav ul#nav li ul.level_two { margin: 0; padding: 0; left: auto; }

div#top_level_nav ul#nav li ul li, div#top_level_nav ul#nav li ul li li { border: 0 none; background-color: #000; border-top: 1px solid #FFFFFF; color: #FFFFFF; margin: 0; padding: 0; height: 28px; }
div#top_level_nav ul#nav li ul li a:hover, div#top_level_nav ul#nav li ul li li a:hover { background-color: #E50015; color: #FFFFFF; }

div#top_level_nav ul#nav li ul li a, div#top_level_nav ul#nav li ul li li a { color: #FFFFFF; font-weight: normal; line-height: 28px; margin: 0; padding: 0 10px; }
div#top_level_nav ul#nav li ul.level_two li.title {}
div#top_level_nav ul#nav li ul.level_two li a.level_two.title {}

div#top_level_nav ul#nav li.pull-right { float: right; }
div#top_level_nav ul#nav li.pull-right ul.level_two { right: -6px; left: auto; }
div#top_level_nav ul#nav li.pull-right:hover ul.level_two, div#top_level_nav ul#nav li.pull-right.sfHover ul.level_two { right: -6px; left: auto; }

/* Collapsable accordions (used for speaker resources) */
.accordion {margin-bottom: 30px;}
.accordion h2 {font-size:1.4em;padding-top:10px;list-style-image:url('//cdn.oreillystatic.com/en/assets/1/event/76/where2012_arrow_sm.png');cursor:pointer;}
.accordion .content {font-size:.9em;/*background-color:#f4f4f4;*/margin:0 20px;}
.accordion h2.closed:before, .accordion h2.open:before {margin-right:4px;}
.accordion h2.closed:before {content:"+";}
.accordion h2.open:before {content:"-";}

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

/* Booth Crawl Exhibitors */
ul.participating-exhibitors {margin: 20px 0 0 20px; overflow: hidden; padding: 0;}
ul.participating-exhibitors li {float: left; list-style: none; margin: 0 0 20px; padding: 0; text-align: center; width: 165px; min-height: 90px; }

/* Mobile Event Companion Widget */
div.content.mobile-app .text { line-height: 1.3em; }

/* Blue Button */
.btn-blue {display:block; margin-right:5px; 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;}