@charset "UTF-8";
/* CSS Document with styles specific to meeting theme */
/* blue bg #004258 */
/* med blue #00A3E3 - replaces ee4023, fec30e and f6921e */


header {height:230px;background:url('/static/images/ethos/meeting-generic/meeting-generic-banner-1704.jpg') no-repeat scroll 50% -4px #004258;}/*-10*/
#topBanner {height:230px;background:url('/static/images/ethos/meeting-generic/meeting-generic-banner-1704.jpg') no-repeat 50% -4px #004258;}
header h1 {position:absolute;top:22px;left:70px;width:300px;height:150px;}
header h1 {
    background: url('/static/images/ethos/meeting-generic/meeting-generic-logo.png');/*put trans png here*/
}
body.sub {
    background: url('/static/images/ethos/meeting-generic/meeting-generic-banner-1704.jpg') no-repeat scroll 50% -4px, 
      url('/static/images/ethos/meeting-generic/meeting-mini-bg.jpg') repeat scroll 0% 0% transparent;
}
footer {background: url('/static/images/ethos/meeting-generic/meeting-mini-bg.jpg') repeat scroll 0% 0% transparent;}
footer#fat {padding:0% 0%;}
.meeting .background, .program .background {
    /*background: url('/static/images/ethos/meeting-generic/meeting-generic-banner-1704.jpg') no-repeat scroll 58% -240px transparent;*/
    background:none;
    max-width:1060px;
    margin:0 auto;}
.meeting div.noCols {
    background-color:#ffffff;
    /*background-image:url('../../images/ethos/crossconnects/cropped-screened-background.png');*/
    background-repeat:no-repeat;
    background-position:50% -110%;}/*-37%*/
.genericSubpage.meeting div.noCols, .sub.program div.noCols {background-color:transparent;
    background-image:none;
    background-repeat:no-repeat;
    background-position:50% 24%;}/*48%*/

.breadcrumbs ul li:last-child {color:#ffffff;}
.homepage.meeting .columnContent, .homepage.meeting .articleContent {background:#00a3e3 url('');margin-bottom:0;}
.meeting .columnContent, .meeting .articleContent, .program .articleContent {background:#ffffff url('');margin-bottom:0;}
/*.meeting .columnContent, .meeting .articleContent {background-image:none;} /* uncomment this rule to test alignment of backgrounds */
.page-content {
    margin: -818px auto 0px; /* if banner height 103, top margin -774px, if 140, then -811, -875 */
    max-width: 1060px;
    min-height: 818px;/* this and negative margin above should add up to 0 */
}
.articleContent {padding:1% 3% 3%;}
.meeting .filterIntro p {color:#ffffff;font-weight:bold;padding:0 0 0 20px;font-size:1.5em;}
.sub article h1 {color:#ffffff;text-transform:none;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:42px;}
h2 {color:#363636;}

.account, .search {
    background-color:rgb(255,255,255);
    background-color:rgba(255, 255, 255, 0.5);}
.accountSignIn {
    background-color:rgb(21,120,160);
    background-color:rgba(21, 120, 160, 0.9);}
.searchInput {border-color:#fff;}
.account {border-radius: 0px 0px 0px 0px;}
div.footerContents {background-color:#004258;padding:0;min-width:1060px;}

.breadcrumbs {min-height:14px;height:14px;}
#search {padding-left:15px;}

.homepage.meeting .columnContent, .homepage.meeting .columnContent .onetwo, .homepage.meeting .columnContent #intro {position:relative;}
.homepage.meeting .columnContent p.introtext {text-transform:uppercase;font-size:1.2em;}
.homepage-block {background-color:#004258;width:210px;padding:20px 20px 20px 26px;float:left;position:relative;top:0px;left:-26px;margin:10px 0;}
.onetwo .homepage-block h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color:#fff;/*fec30e*/
    border:none;
    padding:1em 0;}
.homepage .onetwo a {color:#004258;}
.homepage .onetwo .homepage-block a {color:#00A3E3;}
.homepage .onetwo a:hover {text-decoration:underline;}

.sub article h1 {padding-bottom:30px;padding-top:0px;}
.sub #channelContent .block-header h2 {font-family:'Century Gothic', Helvetica, Arial, sans-serif;font-size:.8em;text-transform:uppercase;margin:0;color:#ffffff;letter-spacing:.5ex;font-weight:normal;padding:7px 10px;}/*chg ln 24*/
.meeting #two p {font-size:14px;line-height:18px;}

/*.breadcrumbs ol, .breadcrumbs ul {#363636;}*/
.breadcrumbs a {color: #ffffff;}/*ab6f2d*/
.breadcrumbs a:hover {color: #00A3E3;}/*ee4023*/
.sub article h3 a[href]:hover, .articleContent a:hover, .details-meeting-title  a:hover, .sub article h2.details-meeting-title a[href]:hover {
    color: #00a3e3;/*#003b98*/}
#filterIntro .introCopy a, #filterIntro .introFull a {color: #00A3E3;font-weight:bold;}
#filterIntro .introCopy a:hover, #filterIntro .introFull a:hover {color: #00a3e3;text-decoration:underline;}
.channelNav li ul li a {color: #ffffff;}
.channelNav li ul li a:before {content:':: '}
.sub article h3 a[href], .articleContent a, .details-meeting-title  a, .sub article h2.details-meeting-title a[href] {color: #00a3e3;/*#003b98 ab6f2d*/}
.quickview-container a {color:#00a3e3;font-weight:bold;}
.quickview-container .articleTeaser .title a {color:#00a3e3;}
.quickview-container a:hover {text-decoration:underline;}
.quickview-container a.btnMore {color:#fff;font-weight:normal;}
.quickview-container a.btnMore:hover {text-decoration:none;}
.quickview-container .articleTeaser {border:none;}
.quickview-container .detail-sponsor-title {font-weight:bold;}

.sub article h2.speaker-title {color:#94cce3;text-transform:uppercase;}
div.col1 {width:25%;margin:0 2% 0 0;float:left;}
div.col2 {width:41%;margin:0 2% 0 0;float:left;}
div.col3 {width:30%;margin:0;float:left;}

.homepage #channelContent .note-well {font-style:italic;color:#bdd8e3;}
.note-well {color:#bdd8e3;}


/* program styles */
.sectionTOC li {
    width:16%;
}
.sectionTOC li a {
    font-size: 1.3em;
    /*padding:8% 2%;*/
}
.sectionTOC li a {background-color:rgba(255,255,255,0.25);background-image:none;color:#fff;}
.sectionTOC {border-bottom:none;}
.sectionTOC li a.current {background-color:#00a3e3;color:#000000;border-color:#00a3e3;}
.sectionTOC li a.current:hover {color:#000;}
.sectionTOC li a:hover {color:#00a3e3;}
h2.tab-title {color:#231F20;}
.sub.meeting article h2 a[href],.sub.meeting article h3 a[href],.sub article h3 a[href] {background:none;color:#00a3e3;}
.meeting-details h3.media {margin-bottom:0;}
.meeting #filterIntro .introFull {line-height:16px}
.meeting #filterIntro .introFull p {font-size:14px;line-height:20px;font-weight:normal;}
.meeting #filterIntro .introFull h2.title + p:first-of-type {padding-top:0px;}
.meeting #filterIntro .introFull h2.title {padding-top:0px;}

.meeting article h2.media-title {font-weight:bold;}

.meeting span.details-sponsor {display:block;}
.meeting span.detail-speaker {clear:none;}

.channelContent #intro {padding:0px 3% 3%;}/*cd remove rule if put video or other content there*/
.channelContent #one {width:32.5%;}
.channelContent #two {width:55%;border-left:0px none;}
.channelContent #three {background:#ffffff;}
.homepage .channelContent #three.contentCol {padding:0;width:100%;border-left:none;}
.channelContent .three {}

hr {border:none;border-bottom: 1px solid #bdd8e3;}
.row {border-bottom: 1px solid #bdd8e3;}
.row:last-of-type {border-bottom:none;}

.meeting .three img {border:none;}

div#reg-button {width:600px;height:120px;margin-top:20px;}
div#button-img {float:left;width:130px;height:120px;text-align:center;margin-right:20px;}
div#button-img div {width:130px;height:120px;vertical-align:middle;}
div#button-text {width:600px;height:120px;}
div#button-text div {width:600px;height:120px;vertical-align:middle;display:table-cell;}
/*new button styles*/
.sub article .button-img a, #filterIntro .button-img a {color:#ffffff;}
.sub article .button-img a span  {display:block;width:350px;text-align:center;padding: 10px 20px; margin: 20px 0; border-radius: 0px;font-family:'Roboto Condensed',Helvetica, Arial, sans-serif;font-size:1.5em;line-height:1.3em;background-color:#00A3E3;}
.sub article .button-img a span:hover {background-color:#EE4023;}
.sub.homepage article .columnContent .button-img a span {background-color:#186482;}
.sub.homepage article .columnContent .button-img a span:hover {background-color:#EE4023;}
.sub article .button-img a:hover, #filterIntro .button-img a:hover {color:#ffffff;text-decoration:none;}

table.reg {width:90%;border:0px;margin:20px 0;/*border-bottom:4px solid #003366;border-top:4px solid #003366;*/}
table.reg th {background-color:#003366;color:white;font-weight:bold;}
table.reg th, table.reg td {padding:8px 5px 5px 5px;}
table.reg td {border-bottom:1px solid #003366;border-right:1px solid #003366;}
table.reg td.activity {text-align:left;}
table.reg td {text-align:right;}
table.reg td.subhead {font-weight:bold;background-color:#66ccff;border-bottom:none;border-right:none;text-align:left;}
table.reg td.subhead a {}
table.reg td.subhead a:hover {text-decoration:underline;}
table.reg td.first-deadline, table.reg th.first-deadline  {color:#ccc;}
table.reg td.second-deadline, table.reg th.second-deadline  {color:#ccc;}
table.reg th.style1 {text-align:right;font-weight:bold;}
table.reg td.style2 {text-align:left;}
table.reg input, #content table.reg textarea {min-width: 18em;}

/* sponsor styles */
#sponsors {text-align:center;margin:1em 0;}
#sponsors h3, #supporter h3 {font-family:Arial, Helvetica, sans-serif;font-size:1em;text-transform:uppercase;font-weight:bold;margin:0 0 1em 0;padding:10px;font-style:normal;width:75%;}
#sponsors h3.platinum {background-color:#00a3e3;color:#fff;float:right;margin-top:10px;padding:10px;}
#sponsors h3.gold {background-color:#00a3e3;color:#fff;}
#sponsors h3.silver {background-color:#00a3e3;color:#fff;float:right;}
#sponsors h3.bronze {background-color:#00a3e3;color:#fff;}
/*#channelContent h3.supporter {background-color: #A3BEC7;font-style:normal;font-family:'Century Gothic',Helvetica, Arial, sans-serif;font-size:.8em;
text-transform:uppercase;font-weight:normal;margin:0 0 8px 0;letter-spacing:.5ex;padding:5px;text-align:center;}*/
#supporter li {text-align:center;clear:both;}
#supporter li:last-child {padding-bottom:20px;}
#supporter h3.supporter {background-color:#00a3e3;color:#fff;float:right;font-weight:bold;font-size:12px;letter-spacing:.15ex;padding:10px;font-family: Arial,Helvetica,sans-serif;}
.fivecol #sponsors h3, .fivecol #supporter h3 {font-family:Arial, Helvetica, sans-serif;font-size:1em;text-transform:uppercase;
    font-weight:bold;margin:0 0 1em 0;padding:10px;letter-spacing:.15ex;}

.sponsor-img {padding:8px 0;border-bottom:none;clear:both;}/*6px solid #fff;*/
#bronze img {width:150px;}
#supporter ul {margin:20px 0 0 0;padding:0;}
#supporter ul li {list-style-type:none;font-size:larger;}
#sponsors h3 {color:#036;letter-spacing:.25ex;}
#supporter li {margin-bottom:8px;padding:0;background:none;}

/*for program*/
/*sponsor chgs for program*/
.hour + .row:last-of-type {border-bottom:none;}
.fivecol img {width:140px;background-color:#fff;}
.fivecol div.sponsor-img {width:100%;}
.fivecol #sponsors h3.platinum {margin-top:0;}
.fivecol #sponsors h3 {float:none;}
.fivecol #gold img {width:125px;}
.fivecol #silver img {width:115px;}
.fivecol #bronze img, .fivecol #supporter img {width:100px;}
.fivecol #sponsors > div {float:left;width:20%;}
.fivecol #sponsors h3 {min-height:32px;width:auto;}
.fivecol #sponsors div div {float:none;}
.fivecol #sponsors {margin-bottom:20px;padding-bottom:20px;}


/*Specific to Navigation */
.filterSubpage .channelNav > ul > li {
    border-top: 1px solid transparent;
}.channelNav > ul > li {
    border-top: 1px solid transparent;
}
.channelNav > ul > li > a, .channelNav > ul > li.active-menu-item > a.active-menu-item-link {
    background: none repeat scroll 0% 0% transparent;
    color: #fff;
}
.channelNav > ul > li.active-menu-item > a.active-menu-item-link {color:#00A3E3;}/*fec30e*/
.channelNav li a:hover, .channelNav li ul li a:hover {
    color: #00A3E3;
}
.channelNav li.active-menu-item ul li a.active-menu-item-link {
    color: #00a3e3;
}
.channelNav li ul {
    background: none repeat scroll 0% 0% transparent;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}

/* program styles */
.hour, .media-title {
    background: none repeat scroll 0px 0px #bdd8e3;/*#fec30e ee4023 28ace2*/
    color: #FFF;
    padding:3px 10px;
    
}
div.continued {
    background-color: #bdd8e3;border-top:1px solid #fff;
}
.continued-notice.ttl {color:#fff;}
.btnMore {
    background: none repeat scroll 0% 0% #00a3e3;
}
.btnMore:hover {background: none repeat scroll 0% 0% #004258;color:#ffffff;border-color:#004258;}

.continued-notice, .ttl, .session-sponsor-title, .detail-sponsor-title, .sponsor-title, h2.detail-abstract-title.ttl, .sponsor_title {
    color: #94cce3;}
.detail-sponsor-title +.detail-sponsor-title {padding-top:0;}

/*body */

.filterIntro {
    background: transparent;
    background: #134b93; /* Old browsers */
    background: -moz-linear-gradient(top,  #134b93 0%, #011a46 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#134b93), color-stop(100%,#011a46)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #134b93 0%,#011a46 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #134b93 0%,#011a46 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #134b93 0%,#011a46 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #134b93 0%,#011a46 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134b93', endColorstr='#011a46',GradientType=0 ); /* IE6-9 */

}/*3 rules below override rule above, remove gradient, left-top border-radius, top margin on channel nav */
#filterIntro {
    background:#000000;
    border-radius:0px 0px 0px;
    border:none;}
.program #filterIntro {border-left:3px solid #00a3e3;background:url('/static/images/ethos/meeting-generic/blue-arrow.png') no-repeat scroll 0px 0px #000000;}
/*.homepage #filterIntro {background:#00a3e3;padding:0;}*/
.homepage #filterIntro, #filterIntro {
    background: url('') no-repeat scroll 0px 0px transparent;
    padding: 1%;
  border-left: 3px solid #00A3E3;
}

.homepage #channelContent p {color:#ffffff;font-size:1.1em;line-height:1.3em;}
.genericSubpage .channelContent {border-radius:0;}
.channelNav {margin-top:0;}

.fatFooterNav {
    border-top: 1px solid #fff;/*231F20*/
    border-bottom: 1px solid #fff;
    line-height:1.1em;
    width:1020px;
    float:left;position:relative;overflow:hidden;
    }
.homepage .fatFooterNav {border-color:#00a3e3;}
.fatFooterNav .depth-1 {clear:left;margin:0;padding:0;float:left;position:relative;left:50%;}
.fatFooterNav .depth-1 > li {display:block;float:left;margin:0;padding:0;position:relative;right:50%;}
.fatFooterNav ul.depth-1 > li > a {color:#00a3e3;;font-weight:bold;}/*fec30e*/
.fatFooterNav ul.depth-1 > li > a:hover {text-decoration:underline;}
.fatFooterNav .depth-2 {display:block;}
.fatFooterNav ul.depth-2 > li > a {color:#ffffff;}/*BFA39A*/
.fatFooterNav ul li a:hover {color:#00a3e3;text-decoration:none;}
.minFooterNav .copyright {color:#00a3e3;float:left;display:block;position:absolute;}
.minFooterNav a {color: #fff;}/*fec30e*/
.minFooterNav .menu a:hover {color: #00a3e3;}
.minFooterNav li {border-left: none;}
.minFooterNav, .fatFooterNav {text-align:center;padding:20px;clear:left;}
.minFooterNav a, .fatFooterNav a {padding:0 20px;}
.minFooterNav .depth-0 {margin:0 auto 0 auto;width:75%;display:block;padding-left:0;}

/* netcast page */
#live-now .net_sponsor {width:19%;text-align:right;float:right;margin:0 0 0 20px;}
#live-now .net_sponsor .net_sponsor_title {text-transform:uppercase;color:#94cce3;font-weight:bold;}
#live-now div.live-video {margin-bottom:20px;}
#live-now div.live-video .session-title {font-size:1.2em;line-height:1.2em}

@media screen and (max-width: 640px) {

    header {background: url('/static/images/ethos/meeting-generic/meeting-banner-mobile-640x88.jpg') no-repeat scroll 0% 0% #004258;height:88px;}
    header h1 {background: url('') transparent;height: 70px;width: 133px;position:relative;top:10px;left:7px;}
    .navMobile {padding-top:15px}
    article > h1 {display:none;}
    .background {height:auto;}
    .page-content {margin: 0px auto 0px;min-height:0px;}
body.sub {background: url('/static/images/ethos/meeting-generic/meeting-generic-banner-1704.jpg') no-repeat scroll 50% -124px, 
      url('/static/images/ethos/meeting-generic/meeting-mini-bg.jpg') repeat scroll 0% 0% transparent;
}
.sub article .button-img a span  {width:100%;padding:10px 0;}
.homepage.meeting .columnContent, .homepage.meeting .articleContent {
    background: #00A3E3 url("") repeat scroll 0% 0%;
    margin-bottom: 0px;
}
.homepage.meeting .contentCol {border-top:none;}
.homepage.meeting .three a, .homepage.meeting .three a img {padding-left:20px;}
.homepage.meeting .three a:first-of-type, .homepage.meeting .three a img:first-of-type {padding-left:0px;}
.columnContent section {background-color:#00A3E3;}
    
    .genericSubpage .articleContent {margin-top:5%;}
    .topLevel li a.open {color: #ffb819;}
    .topLevel li a {color: #ffffff;}
    .topLevel li {border-left: 1px solid #ffffff;}
    .accountSignIn {color: #ffffff;}
    .mobileMenu.mobileOpen {background-color:#ffffff;}
    .mobileMenu li a {color: #231F20;}
    #topBanner {display:none;}
    div#filterIntro {margin-top:50px;}
    .mobileAcc.current, .articleContent .mobileAcc.current,  #cse-search-box .searchBtn {
        background: none repeat scroll 0% 0% #ffb819;
    }
    .mobileAcc, .articleContent .mobileAcc {
        background: none repeat scroll 0% 0% #003b98;
    }
    .channelNav > ul > li.inactive-menu-item > a.inactive-menu-item-link {
        color: #FFF;
    }
}
@media screen and (min-width: 321px) and (max-width: 639px) {
	.homepage.meeting .three a img {padding:0 0 0 0;margin 0 auto 0 auto;}
	

}
@media screen and (max-width: 320px) {
	header {height:130px;}
	

}