/* style.css
*
* Stylesheet for vsi public
*/
@charset "utf-8";

/*html { width:100%; height:100%; }*/
html, body {
/*	width: auto!important;*/
	width:100%;
/*	height:100%;*/
	overflow-x:hidden!important;
}

/* zero things out */
body, div, h1, h2, h3, h4, h5, h6, p, label, ul, li, img, a, input, section, aside, header, footer, nav, form, button {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

div {
	display:block;
	box-sizing: border-box;
}

body {
	font-family: 'Asap',arial,sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight:400;
	color:#333;
	background:#ffffff;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust: 100%;
}
/*
button::-moz-focus-inner {
  border: 0;
}
*/
/* ANCHORS */
/*
a:link, a:visited { color:#2c7fa1; text-decoration:none; }
a:hover, a:active { color:#80c0ff; text-decoration:underline; }
*/
a { color:#2c7fa1; text-decoration:underline; }


/* HEADERS */
h1, h2, h3 {
	font-weight:lighter;
}

h1 {
	font-size:28px;
	line-height:28px;
}
h2 {
	font-size:22px;
	line-height:26px;
}
.h-left {
	text-align: left;
	padding:0 0 0 20px;
}
.h-center {
	text-align: center;
	padding:0 20px 0 20px;
}
.h-right {
	text-align: right;
	padding:0 20px 0 0;
}

h3 {
	font-size:20px;
	line-height:24px;
	margin:0 0 5px 0;
}

h4 {
	font-size:16px;
	line-height:18px;
}
h5 {
	font-weight:700;
	font-size:15px;
	line-height:21px;
/*	text-decoration:underline;*/
	margin:5px 0 0 0;
/*	padding:0 0 0 5px;*/
}

h6 {
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	margin:0 0 3px 0;
	padding:0 0 0 0;
}

/* TEXT */
p {
	font-size: 15px;
	line-height:21px;
	margin:0 0 20px 0;
}

.pcenter { text-align:center; }

.bold700 { font-weight:700; }

/*
label { font-weight:bold; font-size:13px; line-height:13px!important; }
label span { font-weight:normal; font-size:11px; line-height:11px; }
label br, label span br { font-size:11px; line-height:11px; }
*/
span.err {
	font-size:12px;
	line-height:15px;
	color:#b00000;
}
span.err-big {
	font-size:16px;
	line-height:36px;
	text-align:center;
	color:#ffffff;
	background-color:#ff5000;
	display:block;
	padding:0 10px;
}
span.hilite1 { color:#0000b0; }

.underline { text-decoration:underline; }

/* Lists */
ul {
	margin:0 0 0 20px;
}



/* Success/Error handlers */
.handlers {
	margin:0 0 0 0;
	padding:10px 20px 10px 20px;
	color:#333;
	background-color:#f8f8f8;
}
button.close {
	width:24px;
	height:24px;
	border:solid 2px #ffffff;;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#ffffff;
	background:#b00000;
/*box-shadow:0 0 1px #000000;*/
	font-weight:700;
	text-align:center;
	line-height:20px;
	float:right;
	cursor:pointer;
}

/* Utility */
.hide_me { display:none; }
.show_me { display:block; }
.hide_me2 { display:none !important; }
.show_me2 { display:block !important; }

.rounded10 { border-radius:10px; }
.rounded20 { border-radius:20px; }

div.spacer10 { height:10px; content:" " }
div.spacer20 { height:20px; }
div.spacer30 { height:30px; }
div.spacer40 { height:40px; }
div.spacer50 { height:50px; }
div.spacer90 { height:91px; }
div.spacer200 { height:200px; }

.nobr { white-space:nowrap }

span.save-status {
	display:inline-block;
	margin:0 0 0 0;
	padding:5px 0;
	text-align:right;
	font-weight:700;
	vertical-align:middle;
	cursor: url(css/x.png),auto;
/*	float:right;*/
}

.save-saving { color:#0000ff; }
.save-saved { color:#00b000; }
.save-error { color:#ff0000; }

.clr { clear:both; }


/* =============
	DIV
   ============= */
/* common */
#wrapper,
#header,
#footer,
#debug,
#h1-debug {
/*	width:1200px;*/
}

#wrapper{
	width:100%;
	margin:0 auto;
/*	border:solid 1px #ff0000; */
}
#wrapper-inner {
	display:block;
	margin:0 auto;
	max-width:1200px;
	position:relative;
}

/**************
 *** Header ***
 **************/
#header-wrapper {
	width:100%;
}
#header {
	max-width:1200px;
	min-height:50px;
	margin:0 auto 5px auto;
	background:transparent none;
	position:relative;
}
#header_logo,
.header_logo_1,
.header_logo_2 {
	max-width:100%;
/*	box-sizing:border-box;*/
display:block;
}

.logo-left {
	float:none;
	padding:10px 0 0 20px;
	
}
.logo-center {
	margin:0 auto;
	display:block;
}
.logo-right {
	float:right;
	padding:10px 20px 0 0;
}
/*
div.titles-header {
	float:left;
	border:solid 1px #ff8f00;
}
*/
.div-title {
	padding:0 0 0 0;
}

.sub-title-bar {
	box-sizing:border-box;
	padding:10px 20px;
	margin:0 0 0 0;
}
.sub-title-bar h4 { font-size:150%; line-height:100%; }

/* default page */
@-webkit-keyframes logozoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
@keyframes logozoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
} 
#header #vsi-logo {
	display:block;
	margin:0 auto;
	width:100%;

	-webkit-transform: scale(0);
	transform: scale(0);
	animation-name: logozoom;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}


/**************
 *** Footer ***
 **************/
#footer {
	padding:10px 20px;
	color:#ffffff;
	background:#000000;
}
/* cmp */
#footer-cmp {
	width:100%;
	position:fixed;
	bottom:0;
	color:#c41f3e;
	background:#ffffff;
}
#footer-cmp .footer-cmp-inner {
	box-sizing:border-box;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:5px 20px;
}
.footer-cmp-inner a.cmp-footer-link {
	display:inline-block;
	padding:0 10px;
	color:#555555;
	text-decoration:none;
}


/* ===========================
	LANGUAGE SWITCHER
   =========================== */
.language-switcher-wrapper {
	max-width:1200px;
	margin:0 auto;
}
.language-switcher {
	display:block;
	margin:0 auto;
	padding: 5px 0 5px 0;
	float:right;
}
form.language-switcher-form {
	display:block;
	margin:0 0 0 0;
	float:left;
	border-right:solid 2px #999999;
}
form.language-switcher-form:last-of-type {
	border-right:none;
}
form.language-switcher-form button {
	font-size:16px;
	font-weight:400;
	line-height:18px;
	padding:3px 8px;
	color:#999999;
	background:#ffffff;
	border:none;
	cursor:pointer;
	border-radius:0;
}
form.language-switcher-form button.button_on { color:#333333; }
#language-switcher-bill96 {
	padding-right:5px;
	font-size:18px;
	line-height:25px;
	float:left;
}

/* ===========================
	REGISTRATION PAGE
   =========================== */
/* the container */
div.registration-flex {
	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	/* IE 10 */
	display: -webkit-flex;	/* NEW - Chrome */
	display: flex;
}

div.registration-content {
	-webkit-box-flex: 1;	/* Safari 6.0- */
	-moz-box-flex: 1;	/* FF old */   
	-webkit-flex: 1;	/* Safari 6.1+ */
	-moz-flex: 1;		/* FF */
	-ms-flex: 1;		/* IE 10 */
	flex: 1;

	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order:1;		/* put the order here, so div shows up in right order depending on selection*/

	-ms-flex-align: center;
	-webkit-align-items: center;
	justify-content: center;

	-ms-flex-pack: center;
	-webkit-justify-content: center;
	align-items: center;
}

img.full {
	display:block;
	margin:0 auto 0 auto;
	max-width:100%;
/*outline:solid 1px #0b0*/
} 
.reg_text_1 {
	padding:0 0 0 10px;
}
.reg_text_3 {
	padding:0 10px 0 0;
}

.reg_boxes_1 {
	padding:0 0 0 15px;
}
.reg_boxes_3 {
	padding:0 15px 0 0;
}

ul.speakers {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.speakers li {
	box-sizing:border-box;
	background-color: rgba(255, 255, 255, 0.1);
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	float: left;
	clear: none;
}
#boxes-half ul.speakers li {
	width: calc(50% - 8px);
}
#boxes-full ul.speakers li {
	width: 100%;
}
ul.speakers li.blank {
	background-color: transparent;
}
#boxes-half ul.speakers li:nth-child(2n+1) {
	margin-right: 15px;
}
ul.speakers li:last-child,
#boxes-half ul.speakers li:nth-last-child(2) {
	margin-bottom: 0px;
}
ul.speakers li img {
	float: left;
	margin-right: 10px;
}
ul.speakers li span {
	width: calc(100% - 95px);
	display: inline-block;
}

.content-raw-html {}


/* reg page banner image */
#banner-img { display:block; }


/* pre reg form stuff */
.default-reg-title {
	display:block;
	font-size:200%;
	line-height:100%;
}
.default-reg-subtitle {
	display:block;
	font-size:150%;
	line-height:100%;
}
.default-reg-synopsis {

}
.default-reg-preform {
	display:block;
	margin:10px 0 10px 0;
}

/* reg form stuff */
.registration-form {
	width:320px;
	-webkit-box-flex: 0 1 320px;  /* Safari 6.0- */
	-webkit-flex: 0 1 320px;  /* Safari 6.1+ */
	-moz-box-flex: 0 1 320px;  /* FF old */   
	-moz-flex: 0 1 320px;  /* FF */ 
	-ms-flex: 0 1 320px;  /* IE 10 */  
	flex: 0 1 320px;
/*outline:solid 1px #b00;*/
}
.registration-form {
	display:block;
	margin:0 auto;
	max-width:320px;
/*outline:solid 1px #ff0;*/
}

.registration-form form.hide_me { display:none; }
.registration-form form.show_me { display:block; }

.registration-form-left {
	-webkit-box-ordinal-group: 0;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}
.registration-form.registration-form-left {
	margin-right:10px;
/*outline:solid 1px #b00;*/
}

.registration-form-center {
	display:block;
	margin:0 auto;
}
.registration-form-right {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order:2;
}
.registration-form.registration-form-right {
	margin-left:10px;
/*outline:solid 1px #0b0;*/
}

.reg-header {
	display:block;
	margin:0 auto;
}
.title_signin_register {
	margin-top:10px;
}

fieldset {
	border:0;
	padding:0;
}
.reg-header-wrapper {}

/* wrapper for already registered checkbox and text */
.already_registered_checkbox_wrapper {
	display:block;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
}
.already_registered_checkbox_wrapper input[type=checkbox] {
	vertical-align:middle;
	zoom: 1.35;
	transform: scale(1.35);
	margin-right:5px;
}
.already_registered_checkbox_wrapper label#label-checkbox {
	display:inline;
	font-weight:400;
	vertical-align:middle;
}
/* inputs */
label {
	display:block;
	margin:10px 0 0 0;
	font-weight:700;
}
.label_reg_form {}

.req {
	font-weight:700;
	font-size:130%;
/*	color:#ff0000;*/
}
.text_req {}

.registration-form form input[type="text"],
.registration-form form input[type="text"].required,
.registration-form form input[type="email"],
.registration-form form input[type="email"].required,
.registration-form form input[type="password"],
.registration-form form input[type="password"].required,
.registration-form form select,
.registration-form form select.required,
.registration-form form textarea,
textarea.reg-textarea {
	box-sizing:border-box;
	width:100%;
	padding:5px 5px;

	background:#ffffff;
	border:solid 1px #808080;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.registration-form form input[type="text"]:focus,
.registration-form form input[type="email"]:focus,
.registration-form form input[type="password"]:focus {
	background:#ffffb0;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
	background:#ffffff;
	border:solid 1px #808080;
}
*/
.span_radio_text {}

.registration-form form select,
.registration-form form select.required {
	height:30px;
	padding:5px 5px;
	border:solid 1px #808080;
	background-color:#ffffff;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size:12px;
}
.registration-form form select option,
.registration-form form select.required {
	height:28px;
}
textarea.reg-textarea {
	height:75px;
}

/* privacy notice */
input#input21 {
	transform: scale(1.35);
/*	margin:20px 5px 8px 0;*/
	margin:5px 5px 8px 0;
}
label[for="input21"] {
	display:inline;
}
#show-privacy {
	margin-bottom:5px;
	padding:5px 10px;
	cursor:pointer;
}
#privacy-notice {
	display:none;
}
#privacy-notice ol {
	margin:0;
	padding:0 0 0 15px;
}
#privacy-notice ol li {
	padding-bottom:5px;
}
/* privacy checkbox break element */
#br21 {
    display:none;
}

.reg_multi_session {
	display:block;
	margin-bottom:8px;
}
.label_reg_form.label_multi_session {
	margin:15px 0 8px 0;
	line-height:110%;
}
.label-reg-session {
	display:inline;
	margin:0 0 0 0;
}
.reg_multi_session_time {
	font-size:85%;
}

#button_signin,
#button_register,
#speed-test,
.button-generic {
	display:block;
	margin:20px 0 10px 0;
	padding:10px 10px;
	cursor:pointer;
}
.default-reg-error {
	display:block;
	font-weight:700;
	text-align:center;
	color:#ff6f00;
}

#speed-test {
	width:100%;
	margin:10px 0 10px 0;
/*	font-size:13px;*/

}

.title_add_to_calendar {margin:10px 0 3px 0; /*font-weight:700;*/}

#form-welcome-msg {
	padding:15px 5px;
	animation: fadeIn 1s;
	-webkit-animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-o-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	from { transform: scale(0); }
	to { transform: scale(1); }
}
@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	from { transform: scale(0); }
	to { transform: scale(1); }
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	from { transform: scale(0); }
	to { transform: scale(1); }
}
@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	from { transform: scale(0); }
	to { transform: scale(1); }
}
@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
	from { transform: scale(0); }
	to { transform: scale(1); }
}

.welcome-arrow {
	display:block;
	text-align:center;
	animation-name: arrow;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: backwards
}
@keyframes arrow {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes arrow {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes arrow {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes arrow {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes arrow {
	0% {opacity:0;}
	100% {opacity:1;}
}



.maintenance-msg {
	padding:5px 10px;
	font-size:120%;
}
.inactive-msg {
	padding:5px 10px;
	font-size:120%;
}
.speed-test-wrapper {
	max-width:320px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	border-top:dotted 1px #606060;

}
.speed-test-left {
	margin:0 0 0 0;
}
.speed-test-center {
	margin:0 auto 0 auto;
}
.speed-test-right {
	margin:0 0 0 0;
	float:right;
}
#speed-test-container {
	width:100%;
/*	background:#ffff80;*/
}
#speed-test-container iframe {
	display:block;
	width:100%;
	height:240px;
}

/* welcome modal */



/* ======================
	AGENDA PAGE
   ====================== */
/* compatibility test container and link */
.compatible-test {
	box-sizing:border-box;
	width:100%;
	padding:5px 20px;
	margin:0 0 0 0;
}
.compatible-test a {}

/* multi-session management */
#agenda-session-form-wrapper {
	box-sizing:border-box;
	padding:10px;
	font-size:14px;
	line-height:18px;
	background:#f0f0f0;
	border-bottom:solid 1px #b0b0b0;
}
.agenda-session-form-heading {}
.ul-session-legend {
	margin:0 0 20px 15px;
}
.ul-session-legend li {
	padding:5px 0 5px 0;
}
.session-info-icon-legend {
	display:inline-block;
	width:16px;
	height:18px;
	font-size:14px;
	font-weight:700;
	line-height:18px;
	text-align:center;
	border:none;
}
#agenda-session-form-flex {
	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;	/* IE 10 */
	display: -webkit-flex;	/* NEW - Chrome */
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
}
#agenda-session-form-flex > .agenda-session-form-container {
/*	flex: 378px;*/
	flex-basis:378px;
	margin:3px 3px;
	padding:0 0;
}

.agenda-session-form-container div.agenda-session-form-inner {
	box-sizing:border-box;
	width:100%;
	height:100%;
	max-width:378px;
	margin:0 0;
	padding:5px 5px;
	background:#ffffff;
	border:solid 1px #b0b0b0;
}
.button-save-sessions {
	padding:5px 10px;
	cursor:pointer;
}
#toggle-sessions-wrapper {
	display:block;
	margin:0 auto 0 auto;
}
#toggle-sessions {
	display:block;
	margin:0 auto;
	padding:3px 8px;
/*	font-size:150%;*/
	cursor:pointer;
}

span.agenda-session-date {
	float:left;
}
.session-info-icon {
	width:18px;
	height:18px;
	font-size:15px;
	font-weight:700;
	line-height:18px;
	border:none;
	cursor:pointer;
}
.session-info-icon.button-colors,
.session-info-icon.button-colors:hover {
	border:none;
}

.mail-icon-wrapper {
	float:right;
}
.mail-icon {
	border:none;
	cursor:pointer;
	
}
.status-session-mailed {
	margin-right:5px;
	font-size:20px;
/*	color:#00b000;*/
	cursor: url(css/x.png),auto;
}
.status-session-mailed img {
	width:18px;
	height:18px;
}

.ms-info-popup {
	position:fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -25%);
	box-sizing:border-box;
	width:100%;
	max-width:480px;
/*
	max-height:160px;
	max-height:calc(100% - 20%);
*/
	max-height:50%;
	padding:5px 0;
	background:#ffffff;
	z-index:100;
	overflow:scroll;
}
.modal-popup-wrapper {
	position:relative;
}
.close-modal {
	display:block;
/*	width:40px;*/
	height:20px;
	margin:0 auto;
	line-height:20px;
	text-align:center;
/*
	color:#ffffff;
	background:#b00;
*/
	cursor:pointer;
/*	border-radius:40%;*/
}
.ms-info-popup div.ms-info-popup-content {
	box-sizing:border-box;
	padding:10px;
/*	border:solid 1px #0b0;*/
/*	height:90%;*/
overflow: scroll;
	
}
#modal-bkgnd {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.7);
/*	z-index:10;*/
}


/* Checkbox Toggle Switch */
.switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 19px;
}
.switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #00bf48;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}



/* agenda headline container */
.agenda-headline {}
.agenda-headline img {
	max-width:100%;
}

/* wraps day header and all its streams */
.day-wrapper {
	display:block;
	padding:10px 0 0 0;
}
/* wraps day information header */
.day-date {
/*	padding:5px 10px;*/
	margin:0 0 0 0;
}
.day-date h4 {
	font-size:150%;
	line-height:150%;
}
.day-msg {}
/* END day_date information header */

/* slot wrappers */
.slot-break-wrapper,
.slot-active-wrapper {}

/* time divs */
.break-time,
.active-time {}
.tz_offset {}

/* break div and info spans */
.break-info {
	width:100%;
}
.break-info span {}
.break-info1 {}
.break-info2 { display:block; }

/* wraps stream information for a time slot */
.stream-container {
	width:100%;
}
/* START wraps single stream information */
.stream-container-single {
	padding:0 0;
}
.stream-link {
	width:100%;
}
.stream-link a {}

span.stream-label {}

.stream-location {}
span.location-name {}

.stream-desc-short {}
span.desc-short {}

.stream-sponsor {}
span.sponsor-name {}

.stream-speaker {}
span.speaker-name {}

.stream-moderator {}
span.moderator-name {}

.stream-panelists{}
span.panelists-name {}

.stream-no-webcast{}
span.no-webcast {}
span.stream-link-no-webcast {}

/* END stream-container-single */

/* START jump to session/stream on page */
.quick-jump-container {
	position: relative;
	width:100%;
	margin:0 0 0 0;
}
.quick-jump-container select {
	width:100%;
	height:32px;
	padding:1px 5px 1px 70px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
/*	color:#000000;*/
	background-color:transparent;
	border:solid 1px #999999;
	border:none;
	background-image: url("images/assets/icon-scroll-menu.png");
	background-repeat: no-repeat;
	background-position:left center;
	font-size:13px;
	cursor:pointer;
	display:block;
}
/* hide the default arrow in ie10 and ie11 */
select::-ms-expand { 
	display: none;
}
/* hide dotted border on FF */
/*
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
*/
.quick-jump-container select:hover {}
/* END jump to session/stream on page */

/* START text searchbox */
mark {
	background: yellow;
}

mark.current {
	background: orange;
}

#search-bar {
	box-sizing:border-box;
	height:44px;
	padding: 5px 10px;
	width: 100%;
	background: #efefef;
	border-top:solid 2px #555555;

	position: fixed;
	bottom: 0;
	left: 0;
}
#search-input {
	box-sizing:border-box;
	display:block;
	width:280px;
	height:32px!important;
	margin:0 0 0 0;
	padding:0 5px;
	font-size:14px;
	line-height:32px;
	float:left;
}
#search-bar button {
	display:block;
	margin:0 0 0 1px;
	padding:0 10px;
	color:#ffffff;
	background: #555555;
	border:none;
	font-size:20px;
	font-weight:700;
	line-height:32px;
	cursor:pointer;
	float:left;
}
#search-bar button:hover {
	background: #999999;
}
@media all and (max-width: 479px) {
	#search-input {
		width:135px;
	}
}
@media all and (max-width: 319px) {
	#search-bar {
		display:none;
	}
}
/* END text searchbox */


/* =====================
	PLAYER PAGE
   ===================== */
/* ----- iOS JW fallback ----- */
#jwplayer {
	display: block;
}
/* ----- END iOS JW fallback ----- */

h3.stream-title {}
.player-meta-content { font-weight:400; }
.player-meta-label {}
.player-meta-title {} /* to delete */
h4.speaker-name {}
.speaker-name-label {}
.speaker-name-title {} /* to delete */
h4.speaker-name-content { padding:0 0 10px 0;}
h4.moderator-name {}
.moderator-name-label {}
.moderator-name-title {} /* to delete */
h4.panelists-name {}
.panelists-name-label {}
.panelists-name-title {} /* to delete */
h4.sponsor-name {}
.sponsor-name-label {}
.sponsor-name-title {} /* to delete */
h4.description-short {}

.player-top-content { font-weight:400; } /* to delete */
.player-top-title {} /* to delete */

#wss-message-box {
	box-sizing:border-box;
	display:none;
}

#stream-wrapper-flex {
	display: -ms-flex;
	display: -webkit-box; /* BEN */
	display: -moz-box; /* BEN */
	display: -webkit-flex;
	display: flex;
	align-items:stretch;
/*border:solid 1px #0b0*/
}
#sidebar-wrapper {
/*	background:#f0f0f0;*/
	box-sizing:border-box;
}
#player-wrapper {}

#player-wrapper-1 {}
#player-wrapper-2 {}
#player-wrapper-3 {
	display:block;
	margin:0 auto;
	max-width:640px;
}

.player-container-1 {
	display:block;
	margin:0 auto;
	width:100%;
}
.player-half {
	width:50%;
	float:left;
}
button.pop-out {
	display:block;
	margin:10px auto 30px auto;
	padding:10px 10px;
	cursor:pointer;
}
img.player_stream_img {
	margin:0 10px 5px 0;
/*	padding:0 10px 5px 0;*/
	float:left;
}

#social-links {
	text-align:center;
}
img.social-icon {
	margin:0 5px;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.sidebar-buttons {
	box-sizing:border-box;
	display:inline-block;
	width:55px;
	height:55px;
	margin:0 8px 0 0;
	padding:10px 0;
	cursor:pointer;

	background-repeat: no-repeat;
	background-position: center center;
}
.sidebar-buttons:last-of-type {
	margin:0 0 0 0;
}
.sidebar-buttons.button-colors,
.sidebar-buttons.button-colors:hover {
	border:solid 2px #ffffff;
	border-radius:50%;
}

.sidebarContent {
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 100;
	background-color:transparent;
}
.sidebarChatContent,
.sidebarTransContent {
	width:100%;
	height:100%;
	z-index: 100;
	background-color:transparent;
}

/* various wrappers */
.width-full,
.bottom-links {
	margin:0 auto 0 auto;
}
.stream-html {
	margin-bottom:10px;
/*border:solid 1px #b00000;*/
}
.stream-meta {
	margin-bottom:10px;
}

.sidebar-button-wrapper {
	margin:0 auto 10px auto;
}

/* navigation links */
.nav-link {
	padding:10px 10px;
	margin:0 10px 10px 0;
	text-decoration:none;
}
.nav-link-left {
	float:left;
}
.nav-link-right {
	margin:0 0 0 10px;
	float:right;
}

/* link buttons for layout 4 */
#sidebar-buttons-layout-4-toggle {
	display:block;
	padding:11px 10px;
	margin:0 0 10px 0;
font-size:14px;
	cursor:pointer;
	float:right;
}
#layout-4-extra {
	display:none;
}
.layout-4 {
	display:inline-block;
	padding:10px 10px;
	margin:0 0 10px 10px;
	text-decoration:none;
	float:right;
}
.layout-4:last-of-type {
	margin:0 0 10px 0;
}

/* DEFAULT POPUP SURVEY */
#surveyDefaultWrapper {
	box-sizing:border-box;
	width:100%;
	z-index:9099;
	padding:10px 20px;
	text-align:center;
}
#h4-survey-button {
	margin-bottom:10px;
}

/* default .button-colors colors */
.button-colors,
.button-colors:hover {
	color:#ffffff;
	background-color:#606060;
	border:solid 1px #606060;
}
.button-disabled,
.button-disabled:hover {
	color:#666666;
	background-color:#bbbbbb;
	border:none;
	cursor:default!important;
}


/* START aaq */
/* aaq sidebar */
#aaq-wrapper-sidebar {
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:10px;
}
#aaq-form-sidebar {
	box-sizing:border-box;
	height:100%;
	color:#000000;
}
span.aaq-sidebar-title {
	display:block;
	padding:0 0 0 0;
	text-align:center;
/*	color:#000000;*/
}
#aaq-form-sidebar input[type="text"]#user_full_name {
	box-sizing:border-box;
	display:block;
	width:100%;
	margin:0 auto 5px auto;
	padding:5px;
	background:#ffffff;
	border:solid 1px #888888;
	font-size:16px;
}
#aaq-form-sidebar textarea#aaq_question {
	box-sizing:border-box;
	width:100%;
	height:50%;
	padding:5px;
	background:#ffffff;
	border:solid 1px #888888;
	font-size:16px;
}
#aaq-form-sidebar button#aaq-submit {
	display:block;
	width:100%;
	margin:5px auto 0 auto;
	padding:7px 0;
	font-weight:600;
	color:#ffffff;
	background:#555555;
	border:none;
	cursor:pointer;
}
#aaq-form-sidebar span#aaq-response {
	display:block;
	font-size:14px;
/*	color:#000000;*/
}


/* aaq slide toggle */
#aaq-wrapper {
	height:43px;
	position:relative;

	font-size:15px;
/*border:solid 1px #b00;*/
}
#aaq-clickme {
	color: #fff;
/*	background:#555555;*/
	cursor: pointer;
	font-weight:600;
	line-height:30px;
	text-align:center;
	height: 43px;
	width:45px;
	float:right;
}
#aaq-container {
	box-sizing:border-box;
	height: 43px;
	margin: 0 auto;
	z-index:9999;
}
#aaq-form {
	color:#000000;
	background: rgba(255,255,255,0.6) none repeat scroll 0 0;
	display: none;
	padding:10px;
	border-radius: 0;
	font-family: 'Arial',arial, sans-serif;
}
#aaq-form input[type="text"]#user_full_name {
	box-sizing:border-box;
	display:block;
	width:100%;
	margin:0 auto 5px auto;
	padding:5px;
	background:rgba(255,255,255,0.85);
	border:none;
	font-size:16px;
	font-family: 'Arial',arial, sans-serif;
}
#aaq-form textarea#aaq_question {
	box-sizing:border-box;
	width:100%;
	height:80px;
	padding:5px;
	background:rgba(255,255,255,0.85);
	border:solid 1px #888888;
	font-size:16px;
	font-family: 'Arial',arial, sans-serif;
}
#aaq-form button#button_anonymous {
	display:block;
	width:100%;
	margin:0 auto 5px auto;
	padding:7px 0;
	font-weight:600;
	color:#ffffff;
	background:#555555;
	border:none;
	cursor:pointer;
}
#aaq-form button#aaq-submit {
	display:block;
	width:100%;
	margin:5px auto 0 auto;
	padding:7px 0;
	font-weight:600;
	color:#ffffff;
	background:#555555;
	border:none;
	cursor:pointer;
}
#aaq-form span#aaq-response {
	display:block;
	font-size:14px;
	color:#000000;
}
/* END aaq */



/* JWPlayer *//* If Error */
body [id="jwplayer"].jw-error,
body .jwplayer.jw-state-error .jw-preview {
	background-size: contain !important;
}

body .jw-error .jw-error-msg,
body .jw-state-error .jw-error-msg {
	display: none !important;
}

/* Flowplayer */
#player {
	background-color:#f0f0f0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
}
.fp-share.fp-icon { display:none;}

/* Wowza error */
#playerElement-OverlayAlertMessage {
	display:none;
}

/* Websocket Player Message */
#wss-message-box {
	box-sizing:border-box;
	padding:10px 0 20px 0;
}


/* DEBUG */
#debug {
	margin:0 auto;
	min-width:320px;
	max-width:1200px;

}
#debug h1 {
	font-size:28px;
	line-height:28px;
	text-align:center;
	display:inline-block;
	width:100%;
	margin:0 0 0 0;
	padding:5px 0;
	color:#ffffff;
	background-color:#000060;
}
.debug-inner {
	padding:10px 20px 10px 20px;
color:#000000;
	background:#ffff8f;
}

/* page/content divs */
.content {
	padding:0;
/*	background-color:#ffff8f;*/
/*	outline:solid 1px #00b;*/
}
.content-inner {
	padding:10px 20px 20px 20px;
	position:relative;
}
.content-inner2 {
	padding:0 20px;
}

/* BACK TO TOP */
a#back-to-top,
a#back-to-top:hover {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 0;
	background: rgba(64, 64, 64, 0.75) url("images/assets/up-arrow.png") no-repeat center 43%;
	border:solid 1px #ffffff;
/*
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
*/
/*	outline:none;*/
	-moz-box-shadow:0 3px 4px #000000;
	-webkit-box-shadow:0 3px 4px #000000;
	box-shadow:0 3px 4px #000000;
}
/*
*:focus {
    outline:none;
}
*/
/*
*:focus:not(.focus-visible) {
	outline: none;
}
*/

/* Transcribe */
#transcribe-bottom-wrapper {
	margin-bottom:10px;
}
#transcribe-bottom {
	display:none;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #888;
}
#toggleTransBottom {
	width:35px;
	height:26px;
	border:none;
	background:transparent;
	cursor:pointer;
	float:right;
}

/* =====================
	MEDIA SIZES
   ===================== */
@media (max-width: 768px) {
	img.logo-left {
		margin:0;
		display:block;
		float:none;
		padding:10px 0 5px 10px;
	}
	img.logo-center,
	img.logo-right {
		margin:0 auto;
		display:block;
		float:none;
		padding:0 0 0 0;
	}

	#header_logo {
		max-width:96%;
	}

	.h-left {
		display:block;
		text-align: left;
		padding:0 10px 0 10px;
	}

	.h-center,
	.h-right {
		display:block;
		text-align: center;
		padding:0 20px 0 20px;
	}

	div.sub-title-bar {
		padding:10px 20px;
		margin:0 0 0 0;
	}

	.content-inner {
		padding:10px 10px;
	}
	.content-inner2 {
		padding:0 10px;
	}

	div.registration-flex {
		display: block;
		margin:0 auto;
	}

	.registration-form {
		box-sizing:border-box;
		display: block;
		margin:0;
		max-width:320px;
	}

	.registration-content {
		display: block;
		margin:0 auto 10px auto;
		width:100%;
	}

	.reg_text_1 {
		padding:0 0 0 0;
	}
	.reg_text_3 {
		padding:0 0 0 0;
	}

	.reg_boxes_1 {
		padding:0 0 0 0;
	}
	.reg_boxes_3 {
		padding:0 0 0 0;
	}

	.speed-test-left {
		margin:0 0 0 0;
	}
	.speed-test-center {
		margin:0 0 0 0;
	}
	.speed-test-right {
		margin:0 0 0 0;
		float:none;
	}

	.day_date h4 {
		font-size:120%;
		line-height:120%;
	}


	#aaq-container {
		width: 300px;
	}
	#aaq-form textarea#aaq_question {
		height:120px;
	}

	#sidebar-wrapper {
		border-bottom:dotted 1px #cfcfcf;
	}
	.sidebarChatContent {
		overflow-y: auto;
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		height:100%;
		z-index: 100;
		background-color:transparent;
	}
	.sidebarInner {
		padding:10px 0 10px 0;
	}

}

@media (max-width: 639px) {
	img.logo-left {
		margin:0;
		display:block;
		float:none;
		padding:10px 0 5px 5px;
	}
	.h-left {
		display:block;
		text-align: left;
		padding:0 5px 0 5px;
	}
	.registration-form {
		box-sizing:border-box;
		display: block;
		margin:0;
		max-width:310px;
	}
	.content-inner {
		padding:10px 5px;
	}
	.content-inner2 {
		padding:0 5px;
	}
}

@media (max-width: 479px) {
	#boxes-half ul.speakers li {
		width:100%;
	}

	#boxes-half ul.speakers li:nth-last-child(2) {
		margin-bottom: 15px;
	}

}