html, body {
    font-size: 100%;
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: 100%; /* Prevent text from scaling in landscape (preserves text zoom on desktop) */
}

#awesomebar {
    font-size: 12pt;
    height: 50px !important;
    line-height: 50px !important;
    margin: 0;
    padding: 0;
    position: absolute !important;
    top: 0 !important;
    width: 100%;
    z-index: 2000;
    display: none !important;
}
#awesomebar .wrapper { height:50px !important; line-height: 50px !important; }
#awesomebar #left, #awesomebar #right {
    height: 50px !important;
    overflow: visible !important;
    width: 100% !important;
}
#awesomebar #left li,
#awesomebar #right li {
	width: auto !important;
	height: 50px !important;
	line-height: 50px !important;
}
#awesomebar #left li a,
#awesomebar #right li a {
	padding: 0 10px !important;
}
.wrapper {
    width: 100%;
}
#awesomebar #left li {
    border-right: 1px solid #3A3A3A;
    float: left;
}
#awesomebar li a {
    padding: 0 10px;
}
#header {
    border-bottom: 1px solid gray;
    height: 70px !important;
    position: fixed !important;
    /* top: 50px !important; */
    top: 0 !important;
    width: 100% !important;
}
#header #homebtn {
	width: 250px !important;
	display: block;
	height: 70px !important;
}
/* #header .wrapper .logo { width:180px; height: 70px; display: block; float: left; } Commenting this out for now because the current anchor tag opens in a new window -- strange for mobile */
#content {
    font-size: 14px;
    width: 96% !important;
    margin: 20px 2% !important;
    padding: 0 0 10px 0;
}
#container {
    height: auto;
    margin: 0;
    min-height: auto;
    padding: 0;
    width: 100% !important;
    margin-top: 70px !important;
    /* margin-top:50px !important; */
}
#nav {
    border: medium none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#ad {
    display: none !important;
}
.MainText {
    font-size: 12pt;
    line-height: 1.4em;
}

#content h3 {
    font-size: 14px !important;
    margin: 0 0 6px 0 !important;
    text-align: center;
    letter-spacing: normal !important;
    text-transform: none !important;
}

#content h2, #content .heading-text {
	font-size:16px !important;
	text-align: center !important;
    margin: 0 0 6px 0 !important;
}
#content h3.page-title {
	font-size:16px !important;
	text-align: center !important;
    margin: 0 0 6px 0 !important;
	text-transform: uppercase !important;
    letter-spacing: 3px !important;
}    

h4 {
	text-align:center !important;
}

#list .tools a.deletePres {
	position: absolute;
	top: 50%;
}

#list .presenter {display:block;text-align:left;width:100% !important;font-weight:bold;}
#list a.posterLink2 span.number {text-align:left;}

#content ul {
    font-size: 12pt;
}
#list .postertitlespan, #list .presname2, .PresTime, .PresenterInfo, #list .exhibspan, #list .presname {
	width: 90% !important;
	float:left !important;
	text-align: left !important;
	display:block !important;
}

#list .break .preswrap {
	width:140px;
}

#list .break .PresTime, #list .break .presname {
	margin-left:0 !important;
}

#list .presLinkActive .presname {width:90% !important;}

#list li a {
	padding: 6% 3% !important;
	height: 100%;
	width: 94% !important;
	margin: 0 !important;
	float:left !important;
}

.button {
    border: none;
    border-radius: 6px 6px 6px 6px !important;
    font-size: 16pt !important;
    font-weight: bold !important;
    height: auto !important;
    line-height: 0;
    padding: 30px 0;
    text-align: center !important;
    width: 100%;
}
#LoginArea input[type="submit"].button {
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ededed 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #B3B3B3;
    border-radius: 6px 6px 6px 6px !important;
    color: #444444 !important;
    font-size: 16pt;
    font-weight: bold;
    height: auto;
    line-height: 0;
    padding: 30px 0;
    text-align: center;
    text-shadow: 1px 1px 0px white;
    width: 100%;
    box-shadow:0px 2px 3px #D3D3D3;
    -webkit-box-shadow: 0px 2px 3px #D3D3D3;
    -webkit-appearance: none;
}


.button a {
    border: medium none;
    font-size: 16pt;
    text-align: center !important;
}


#nav, #nav div, #nav div a {
    height: auto;
    width: auto;
}
#nav div {
    border: 1px solid gray;
    display: block;
}
#nav div a {
    width: auto;
}
#nav {
    display: none;
    width: 100%;
}
#nav ul li {
    color: white;
    float: left;
    font-size: 14px;
    height: auto;
    line-height: 60px;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #474747; /* Old browsers */
	background: -moz-linear-gradient(top,  #474747 0%, #313131 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#313131)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #474747 0%,#313131 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #474747 0%,#313131 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #474747 0%,#313131 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #474747 0%,#313131 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid lightgray;
	border-top: none;
	text-shadow: 1px 1px 1px #313131;
}
#nav ul li ul li:first-child {
    border-top: 2px solid white;
    border-radius: 10px 0 0 0;
    margin-top: 20px;
}
#nav ul li ul li:last-child {
	border-radius: 0 0 0 10px;
	margin-bottom: 20px;
}
#nav ul li ul li:last-child:first-child {
	border-radius: 10px 0 0 10px;
}

#nav ul li ul a {
    background: none;
    color: gray;
    font-size: 14px !important;
    height: auto !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#nav li li {
    background: none repeat scroll 0 0 #F1F1F1;
    font-size: 14px !important;
    padding: 0 !important;
}
.qmmc ul {
    display: none;
    left: 0 !important;
    position: relative !important;
    z-index: 10;
}
#nav {background:#fff !important;}
#qm0 ul {
    background: none repeat scroll 0 0 white;
    border: medium none;
    padding-left: 22px;
}
#qm0 a {
    font-size: 14px;
    padding: 0 22px;
    color: white;
}
#qm0 a:hover {
	background:none;
	color:none;
}
#container, #nav {
    width: 100% !important;
}
#qm0 {
    width: 100%;
}
#nav > ul > li > ul > li > ul > li > a {
    color: gray !important;
}
#mobile-nav-button {
	display: block !important;
	font-size: 16px !important;
	font-weight: bold !important;
	color: #fff !important;
	position: absolute !important;
	right: 6px !important;
	top: 7px !important;
	line-height: 57px !important;
	height: 57px !important;
	padding: 0 10px;
	width: auto !important;
}
#nav #qm0 > li {
    border-bottom: 1px solid gray;
}
#nav .expanded-nav {
    background: none repeat scroll 0 0 white;
}
#nav .expanded-nav > a {
    background: none repeat scroll 0 0 white;
    color: #3D847B !important;
}
#nav #qm0 > .expanded-nav > a {
	background: #565656;
    color: white !important;
}
#qm0 .navhover {
    background: none repeat scroll 0 0 transparent;
}
#nav > #qm0 > li > ul {
	margin: 0;
} 
#qm0 ul a {
    padding: 0 0 0 20px;
}
/* --------- SCHEDULE ---------*/
#list .presname, #attPres, #list .TitleHead, .TimeHead {
	width: auto;
}
#list .presname {
	float: left;
}

a.exhibLink2 .booth {width:100% !important; display: block !important; float:left !important;margin: 0 !important; position: static !important;}
.TimeHead, .TitleHead {
	display: none;
}
.search-container {
    height: 30px;
    margin: 0 auto;
	position: static;
	width: 250px;
}
#list {
	width: auto;
	padding: 10px 0 0 0;
}
#TipContainer {
	padding: 0;
}
#content .date-div, #content .date-div h3 {
    font-size: 10pt !important;
    font-weight: bold;
    height: auto;
    letter-spacing: 1px;
    margin: 0 !important;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
#list li h2 a {
	padding: 16px 40px 16px 14px;
	margin: 0;
}
.acc_container, .acc_container .block {
	padding: 0;
	width: auto;
}
/* trigger hover arrows
.acc_trigger {
	background:transparent url(images/arrow2.png) 98% -255px no-repeat !important;
}
.acc_trigger.active {
	background-position: 98% 19px !important;
}
*/

.att {
position: absolute;
right: 23px;
top: 30px;
width: 16px;
clear: both;
overflow: hidden;
height: 16px;
padding: 0;
left:auto;
}

.presentaions {
	padding: 0px 0px 6px 0px 
}
.PresTime {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
}
#list li:hover {
	background: none;
}
#list li:nth-child(2n):hover {
	background:#E2EBF5;
}
#content img {
	/* width: 100%; */
}
.organ {
    display: block;
    float: left;
    width: auto !important;
}
.speakerBios, .DeadLink {
	float:left !important;
}
.speakerBios .organ, .speakerBios .thePres {
    display: block;
    float: left;
    width: auto !important;
    text-align:left !important;
}
#ShowBio, #ShowPhoto {
	display: none;
}
#list .presentaions ul li .tools {
	display:block !important;
	position: absolute;
	top: 0;
	height: 50%;
}
#list .presentaions a.addPres {
    position: absolute;
    top: 50%;
}
#list .tools {
	height: 50%;
	width: 40px !important;
}
#list .tools a.addPres {
	position: absolute;
	top: 50%;
}
.date-div {
	float:left;
}
.PresenterName {
	font-size:20px;
}
#list li a.Reso {
width: 25px !important;
}

/* --------- POPUPS --------*/
#colorbox {
	display: block;
    left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
#cboxWrapper {
	height: 100% !important;
	width: 100% !important;
}
#cboxContent {
	height: 100% !important;
	width: 100% !important;
}
#cboxContent img {
	max-width: 80% !important;
}
#cboxLoadedContent {
	height: 100% !important;
	width: 100% !important;
	padding: 0;
}

#cboxClose {
	font-size: 31px;
	line-height: .5;
	position: fixed;
	top: 13px;
	right: 13px;
	z-index: 1000;
	text-shadow: none;
	font-weight: bold;
}
#cboxClose {
	color:#fff !important;
}

#wrap {
	width: 94% !important;
	height: 78% !important;
	padding: 0 3% 200px 3% !important;
	position:static !important;
	margin: 48px 0 0 0 !important;
	display:inline-block !important;
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch;
}
#wrap .customScrollBox {
    width: 100% !important;
}
#wrap .customScrollBox .container {
    width: 100% !important;
}

.scroll-pane {
	padding: 0 !important;
	width:100% !important;
	height: 100% !important;
	float: left !important;
}

#TopToolbar {
	z-index:999;
	height: 44px !important;
	position:fixed !important;
	top: 0 !important;
}
#BottomToolbar {
	position: fixed !important;
	bottom: 0 !important;
	width: 100% !important;
	display:block !important;
	margin: 0 !important;
	height:auto !important;
	padding-bottom:6px;
}
#BottomToolbar h2 {
	display: none !important;
}

#BottomToolbar .available {
position: absolute;
margin: 0;
right: 4px;
top: 2px;
}

#cboxWrapper > div + div {
	height: 100% !important;
}

#popupdetails {margin: 10px 0 20px 0 !important; height: auto !important; float:left;}

.prsentersBio, .NameHead {width: 100% !important;}
.NameHead {margin: 3% 0 !important;}

.PresentationRoom,
.PresentationTimeFrame,
.PresentationDate {
	padding: 5px 0 !important;
	width: 100% !important;
}

#BottomToolbar .available {
	margin: 0 2%;
	width:96%;
	position: static;
}

#BottomToolbar .buttons {
	width:100%;
	padding: 10px 0;
	text-align:center;
	display:none;
}

#BottomToolbar #downloads {
	display:block;
	background: transparent;
	color:#525252;
	text-transform: uppercase;
	font-size:12px;
	text-shadow: none;
}

.day-time {
	display:block;
}


/* --------- LOGIN ---------*/
#LoginArea {
	width: 100% !important;
	display: block !important;
	padding: 0 !important;
	text-align: center !important;
	margin: 0 !important;
}
#LoginArea form {
	width: 90% !important;
	display: block !important;
	padding: 5% !important;
}
#LoginArea img {
	display: none;
}
#LoginArea p, #LoginArea div {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
#container #LoginArea input {
	width: 100% !important;
	display: block !important;
	margin: 30px 0 !important;
}
#container #LoginArea input[type="text"] {
	padding: 1% !important;
	width: 43% !important;
	margin:0 auto 10px auto !important;
}
#container #LoginArea .button {
	width: 120px !important;
	border-radius: 38px !important;
	font-size: 15px !important;
	height: auto !important;
	padding: 15px !important;
	display: block !important;
	margin: 30px auto !important;
	text-align: center !important;
}

/* --------- BROWSE BY ATTENDEE -------- */

.buttonwrap {
	position: static !important;
	margin: 0 auto 15px auto !important;
	width:96% !important;
}

.buttonwrap a {
	width: 100% !important;
	border-bottom: 1px solid #A7B1B8 !important;
	padding: 8px 0 !important;
}


/* --------- ICONS ---------*/
@font-face {
	font-family: 'entypo';
	src:url('../fonts/entypo.eot');
	src:url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('../fonts/entypo.woff') format('woff'),
		url('../fonts/entypo.ttf') format('truetype'),
		url('../fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'entypo';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-arrow-right, .icon-arrow-up, .icon-arrow-down, .icon-arrow-left, .icon-arrow-left-2, .icon-arrow-up-2, .icon-arrow-right-2, .icon-arrow-down-2, .icon-arrow-up-3, .icon-arrow-down-3, .icon-arrow-left-3, .icon-untitled, .icon-arrow-down-4, .icon-arrow-up-4, .icon-arrow-right-3, .icon-arrow-left-4, .icon-arrow-left-5, .icon-arrow-down-5, .icon-arrow-right-4, .icon-arrow-up-5, .icon-arrow, .icon-bookmark, .icon-plus, .icon-minus, .icon-checkmark {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-arrow-right:before {
	content: "\e000";
}
.icon-arrow-up:before {
	content: "\e001";
}
.icon-arrow-down:before {
	content: "\e002";
    font-size: 18px;
}
.icon-arrow-down {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
}
.icon-arrow-left:before {
	content: "\e003";
}
.icon-arrow-left-2:before {
	content: "\e004";
}
.icon-arrow-up-2:before {
	content: "\e005";
}
.icon-arrow-right-2:before {
	content: "\e006";
}
.icon-arrow-down-2:before {
	content: "\e007";
}
.icon-arrow-up-3:before {
	content: "\e008";
}
.icon-arrow-down-3:before {
	content: "\e009";
}
.icon-arrow-left-3:before {
	content: "\e00a";
}
.icon-untitled:before {
	content: "\e00b";
}
.icon-arrow-down-4:before {
	content: "\e00c";
}
.icon-arrow-up-4:before {
	content: "\e00d";
}
.icon-arrow-right-3:before {
	content: "\e00e";
}
.icon-arrow-left-4:before {
	content: "\e00f";
}
.icon-arrow-left-5:before {
	content: "\e010";
}
.icon-arrow-down-5:before {
	content: "\e011";
}
.icon-arrow-right-4:before {
	content: "\e012";
}
.icon-arrow-up-5:before {
	content: "\e013";
}
.icon-arrow:before {
	content: "\e014";
}
.icon-bookmark:before {
	content: "\e015";
}
.icon-plus:before {
	content: "\e016";
}
.icon-minus:before {
	content: "\e017";
}
.icon-checkmark:before {
	content: "\e018";
}


/* MOBILE SETTINGS ------------------------------------------------------------------------------ */



.button {
    background: #F3713A; /* Old browsers */
	background: -moz-linear-gradient(top, #F3713A 0%, #e45d31 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3713A), color-stop(99%,#e45d31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F3713A 0%,#e45d31 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F3713A 0%,#e45d31 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F3713A 0%,#e45d31 99%); /* IE10+ */
	background: linear-gradient(to bottom, #F3713A 0%,#e45d31 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3713A', endColorstr='#e45d31',GradientType=0 ); /* IE6-9 */
    color: white !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    box-shadow:none;
    -moz-text-shadow: 1px 1px 2px black;
    -webkit-text-shadow: 1px 1px 2px black;
    text-shadow: 1px 1px 2px black;
}

.button:hover {
    background: #F3713A; /* Old browsers */
	background: -moz-linear-gradient(top, #e45d31 0%, #F3713A 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45d31), color-stop(99%,#F3713A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e45d31 0%,#F3713A 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e45d31 0%,#F3713A 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e45d31 0%,#F3713A 99%); /* IE10+ */
	background: linear-gradient(to bottom, #e45d31 0%,#F3713A 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45d31', endColorstr='#F3713A',GradientType=0 ); /* IE6-9 */
}

/* HIDDEN ELEMENTS ------------------------------------------------------------------------------ */

.desktophide {display:inline-block;}
.mobilehide, #container #nav #brochure, #container #nav div.socialmedia, #header img, #awesomebar #right, #footer, #qm0 .qmclear, .tipsy, ul.proceedingsAccount, #sponsorSideBanner,.backtotop,.social-icons,.sociallinks  {
    display: none !important;
}
.buttons.buttonhide {display:none;}


@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
	.desktophide{display:none !important;}
}