#last_year_notification {
	height: 30px;
	background: rgba(255, 255, 0, 0.5);
	text-align: center;
	font-weight: bold;
	color: #444;
	line-height: 1.75em;
}

#notification_noyellow {
	height: 30px;
	
	text-align: center;
	font-weight: bold;
	color: teal;
	line-height: 1.75em;
}


/*-------------- INDEX --------------*/
#cfcimg {
	float:left;
}

/*-------------- GENERAL --------------*/
html { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }

body { background:url(../img/util/bg_slash.gif); }

a:link { text-decoration:none; }

a:hover { text-decoration:underline; }

hr { border: none; height: 1px; background: rgba(100, 100, 100, 0.35); }

img {
	border:none;
	max-width: 100%;
}

h1 {
	margin: 0;
	padding: 0 0 1em 0;
}

h2 {
	margin: 0;
	padding: 0;
}
/*-------------- NAVIGATION MENU --------------*/
nav {
	min-width:850px;
	position: relative;
	z-index: 999;
}

nav ol {
	text-align: center;
}

nav ol,
li ul {
	list-style:none;
	margin:0;
	padding:0.3em;
}

nav li {
	float: left;
	padding: 0;
}

nav li a {
	display:block;
	margin-right: 2px;
	background: #92b1b1;
	padding:10px;
	color: #fff;
	text-decoration:none;
	line-height:1.3em;
	letter-spacing: 0.1em;
	font-weight: normal;
	border: 1px solid rgba(125, 156, 156, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

nav li a:hover {
	background: #a2bdbd;
	color: #eee;
	text-decoration:none;
}

nav li ul {
	display:none;
	position:absolute;
	padding:0;
}

nav li:hover ul { display:block; }

nav li li { float:none; }

nav li li a {
	border:0;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

nav li a.active,
nav li a.active:hover
{
	color: #404040;
	background: #79a8a9;
	font-weight:bold;
}

/*-------------- HEADER --------------*/
header {
	width:1004px;
	margin: 0 auto;
	overflow: auto;
	text-align: center;
}

header ul { /* WILL PROBABLY HAVE TO FIX */
	list-style: none;
	padding: 0;
}

.animation {
	float: left;
}

.info-text {
	float: right;
}

.animation div {
	height: 100%;
}

#Stage {
	height: 300px;
	width: 400px;
}

.info-text {
	margin-top: 50px;
	height: 300px;
	width: 604px;
	text-align: right;
}

.info-text h1 {
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 2.3em;
	line-height: 1em;
	text-align: right;
	padding-bottom: 0;
}

.info-text h1 span:first-child {
	color: rgb(211, 73, 43);
}

.info-text h1 span:nth-child(2) {
	color: rgb(112, 162, 158);
}

.info-text h1 span:last-child {
	margin-left: 4px;
}

.info-text p {
	font-size: 1.5em;
	margin: 0;
}

.info-text p.venue-name {
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 18px;
}

.info-text .banner-dates {
	text-align: center;
	position: relative;
	top: 64px;
}

.info-text .banner-title {
	/*position: relative;
	top: 48px;*/
}
/*-------------- SOCIAL MEDIA --------------*/
.smlinks {
	position: relative;
	z-index: 998;
	overflow: auto;
	float: left;

}

.smlinks ul {
	display: block;
	float: left;
	margin-top: 4px;
	padding: 0;
}

.smlinks ul li {
	display: inline-block;
	text-align: center;
}

.smlinks ul li a {
	display: block;
	width: 40px;
	font-size: 1.8em;
	color: #e44d26;
	border: 2px solid rgba(228, 77, 38, 0.25);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.smlinks ul li a:hover { background: rgba(228, 77, 38, 0.25); }

.hotel-links {
	width: 96%;
	text-align: center;
	margin: 0 auto 0px auto;
	padding-bottom: 10px;
	position: relative;
	overflow: auto;
	margin-bottom: 20px;
	margin-top: -50px;

}

.hotel-links span:first-child {
	position: absolute;
	font-size: 2em;
	left: -20px;
	top: -20px;
	border: 2px solid #7d9c9c; /* #e44d26 */
	border-radius: 50%;
	width: 36px;
	height: 36px;
	color: #7d9c9c; /* #e44d26 */
	background: #fff;
}

.hotel-links p {
	font-size: 1.25em;
	color: #333;
	display: inline-block;
}

.hotel-links a {
	display: inline-block;
	padding: 10px;
	color: #fff;
	background: #7d9c9c; /* #e44d26 */
	padding: 10px;
	border-radius: 4px;
	text-decoration: none;
	border: 2px solid transparent;
	margin-bottom: 10px;
}

.hotel-links a:hover {
	border: 2px solid #5b7a7a; /* #d33c15 */
	background: #6c8b8b; /* #e45526 */
}

/* Register button */
.register-button {
	float: left;
	display: inline-block;
}

.hotel-links a.register-button {
	display: block;
	background: #F06329;
	color: rgb(255, 255, 255);
	text-align: center;
	padding: 12px 24px;
	font-size: 1.25em;
	border-radius: 7px;
	border: 2px solid rgba(223, 138, 6, 0.36);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.16);
	transition: all 0.2s ease;
	text-decoration: none;
	position: relative;
	top: 6px;
}

.hotel-links a.register-button:hover {
	border: 2px solid rgba(253, 168, 6, 0.36);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	background: #e05218;
	text-decoration: none;
}

.hotel-links .deals {
	float: right;
}
/*-------------- LAYOUT --------------*/
.contentwrapper {
	width:1004px;
	margin-left:auto;
	margin-right:auto;
	overflow: visible;
}

.leftcolwrapper {
	float:left;
	padding:0;
	width:789px;
}

.rightcolwrapper {
	float:right;
	padding:0;
	width:190px;
}

/*-------------- CONTAINERS --------------*/
.indexcall {
	background: rgb(255, 255, 255);
	margin: 0 0 10px;
	overflow: hidden;
	padding: 14px 60px 44px;
	text-align: left;
	width: 792px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.indexcall4 {
	background: #7d9c9c;
	color:#fff;
	float:right;
	height:35px;
	padding:5px;
	position:relative;
	width:180px;
	text-align:center;
	line-height: 2em;
	font-weight: bold;
	margin-top: 10px;
}

.indexcall42 {
	background:#fff;
	clear:right;
	color:#000;
	float:right;
	margin: 0 0 15px;
	overflow:hidden;
	padding:5px 14px 14px;
	text-align:center;
	width:162px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.indexcallsmall {
	color: #000;
	float: left;
	margin-left: 25px;
	padding: 0;
	text-align: left;
	width: 300px;
	font-size: 0.9em;
}




/*-------------- hidden;BUTTONS --------------*/


a.class-reg:hover {
	text-decoration: none;
	background: #f1da36;
	text-shadow: none;
	cursor: pointer;
}

/*-------------- FOOTER --------------*/
footer {
	clear:both;
	color:#000;
	font-family:arial;
	font-size:12px;
	margin-top:10px;
	padding-bottom:1em;
	text-align:center;
	width:100%;
	bottom:0;
	overflow:hidden;
}

footer hr.divide {
	background-color:#e44d26;
	height:3px;
	margin-top:100px;
	padding:0;
	border:none;
	width:1004px;
}

footer hr.seperator {
	background-color:#000;
	height:1px;
	margin:10px auto 0 auto;
	border-bottom:1px solid #707070;
	width:50%;

}

.footer_sectiontitle {
	color:#000;
	font-size:15px;
	font-weight:bold;
	display:block;
	margin-top: 10px;
}

.job-title, .job-company { font-size: 1.5em; }

.job-title, .job-description .section-title { font-weight: bold; }



/*-------------- SESSIONS --------------*/
.session {
	min-height: 50px;
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	position: relative;
	border-bottom: 2px solid rgba(228, 77, 38, 0.5);
	margin: 1% 0;
	padding: 8px 5%;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.session > ul {
	list-style: none;
	padding: 0;
}

.session > ul li a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.session > ul li:first-child { font-size: 1.5em; }

.session > ul li:nth-child(2) a,
.session > ul li:nth-child(3) {
	color: #5b7a7a;
}

.session > ul li:nth-child(2) {
	margin-bottom: 2%;
}

.session > ul li:nth-child(3) {
	text-align: right;
}

.leftcolwrapper .session:hover {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 8px 1px rgba(125, 156, 156, 0.3);

}

.session-summary,
.session ul li:nth-child(3) {
	margin-bottom: 4%;
}

.session-summary {
	line-height: 1.5em;
}



/*-------------- VENUE --------------*/

.big-buttons { /* container */
	text-align: center;
	margin: 10px 0;
}

.big-button.hotel {
	background: #F06329;
	border: 2px solid #e05218;
}

.big-button.hotel:hover {
	background: #6c8b8b;
}

.big-button.hotel .text {
	position: relative;
	left: 24px;
	top: 0px;
}

.big-button.reg {
	background: #F06329;
	border: 2px solid #e05218;
}

.big-button.reg .text {
	position: relative;
	top: 12px;
}

.big-button.reg:hover {
	background: #e05218;
}

a.big-button { /* individual buttons */
	display: inline-block;
	height: 50px;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
}

.big-button i {
	display: block;
	width: 20%;
	float: left;
	position: relative;
	top: 6px;
	font-size: 1.5em;
}

.big-button .text {
	display: block;
	width: 80%;
	float: left;
	top: -14px;
	font-size: 1em;
	text-align: left;
}

.big-button.half {
	width: 48% !important;
}

.big-button.half .text {
	font-size: 0.8em;
}

a.big-button:hover {
	cursor: pointer;
	text-decoration: none;
}

h2 a {
	color: #222;
	text-decoration: none;
}

.venue-blurb {
	line-height: 1.5em;
}

.centeredtext
{
	font-size:14px;
	width:408px;
	float:left;
}

.directions
{
	position:relative;
	display:block;
	width:320px;
	float:left;
	margin-bottom: 40px;
}

div.venue-map {
	width: 58% !important;
	float: left;
}

.venueimg {
	width: 24%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	border: 2px solid rgba(228, 77, 38, 0.5);
}

/*-------------- SCRIPTS --------------*/


.clear { clear:both; }

.tester
{
	width: 220px;
	height: 187px;
	position: relative;
	float: left;
	margin-right: 1em;
	margin-bottom: 1%;
	border-bottom: 1px solid #7d9c9c;
}


/*-------------- ORGANIZERS/ABOUT --------------*/
.organizer img {
	height: 120px;
	width: 120px;
	float: left;
}

.organizer div {
	float: left;
	padding: 0 16px;
	width: 612px;
}

.organizer h2 {
	font-size: 1.25em;
}

.organizer h2 small {
	font-weight: normal;
}

.organizer p {
	font-size: 1em;
}

.tester a { text-decoration:none; }

.advisory_board { padding-left:50px; }

.advisory_board div.tester:last-child { margin-right:0; }





.about
{
	font-size:28px;
	font-weight:bold;
	position:relative;
	margin-top:25px;
}


.name_position_A
{
	background: #7d9c9c;
	height: 50px;
	width: 220px;
	text-align: center;
	padding: 3px;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.name_position_A p:first-child
{
	margin:3px;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}

.name_position_A p:nth-child(2)
{
	margin:3px;
	margin-left:10px;
	font-size:14px;
	
}


.affiliation {
	width: 100%;
	float: left;
	margin-bottom: 4%;
	padding: 5% 2% 0;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

}

.affiliation a {
	display: block;
	margin-bottom: 6%;
}

.affiliation a img {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
}

.about-sub ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.about-sub ul li {
	display: inline-block;
	margin: 0 16px;
}






.dl-letter a {
	float: left;
	margin-right: 2%;
}

.dl-letter span.arrow-sm {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
}

.dl-letter span.arrow-sm span.triangle {
	display: block;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f00;
}

.dl-letter span.arrow-sm span.square {
	display: block;
	width: 8px;
	height: 10px;
	border-top-right-radius: 7px;
	background: #f00;
	margin: 0 auto;
}

.centertext { text-align:center; }

/* NEWSLETTER SIGN UP */
.form-container {
	float: left;
	margin: 3px 0 0 17px;
	border: 2px solid rgba(125, 156, 156, 0.25);
	text-align: center;
	padding: 4px 17px;
}

#newsletter_form label {
	color: #7d9c9c;
	font-weight: bold;
}

#newsletter_form input[name="email"] {
	height: 24px;
	width: 200px;
	border: none;
	border-radius: 4px;
	text-align: center;
	color: #555;
	font-size: 1em;
	border: 1px solid rgba(125, 156, 156, 0.25);
	margin: 0 16px;
}

#newsletter_form input[name="submit"] {
	background: rgba(125, 156, 156, 0.9);
	border: none;
	height: 28px;
	padding: 0 8px;
	color: #fff;
	font-size: 1em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#newsletter_form input[name="submit"]:hover {
	cursor: pointer;
	background: rgba(125, 156, 156, 1);
}

.cfscontent {
	clear:both;
	margin-left:15px;
	
	font-size:16px;
	font-weight:400;
}

.home_date {
	width:294px;
	padding-bottom:30px;
	float:right;
	position:relative;
	left:-5px;
	background: rgba(255,100,0,0.1);
	text-align:center;
	
}

.home_date ul {
	list-style:none;
	margin:0;
	padding:14px 0 0 10px;
	color:#333;
}

.home_date li:first-child {
	text-decoration:underline;
	font-weight:bold;
	font-size:16px;
	margin:26px 0 35px 0;
}

.home_date li {
	margin-bottom:28px;
	font-size:21px;
}


.home_leftbox {
	position:relative;
	left:-10px;
	border-radius:14px;
}

.home_leftbox p {
	font-size:16px;
	line-height:21px;
	color:#333;
	padding:0 28px;
}

.home_leftbox p.highlight {
	background: rgba(255, 255, 0, 0.16);
}

.indexcall .features li { margin-bottom:1em; }

.ah-title { font-size:21px; }

.aclass h2 { font-size: 1em; }

.aclass .instructor { margin-bottom: 5%; }



ul.training-selection {
	display:block;
	width: 100%;
	margin: 0 auto 300px;
	padding:0;
	text-align:center;
	list-style:none;
}

.training-selection li a {
	display: block;
	width: 49%;
	height: 48px;
	float: left;
	margin: 0.5%;
	color: #333;
	background: rgba(255, 255, 255, 0.65);
	padding: 5px 0;
	text-decoration: none;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
	line-height: 2.5em;
	border: 1px solid rgba(125, 156, 156, 0.25);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.training-selection li a:hover {
	background:#7d9c9c;
	color:#000;
	text-shadow:none;
}


ul.class-info {
	width: 100%;
	padding: 0;
}

ul.class-info li {
	list-style: none;
	float: left;
	margin-right: 1%;
	height: 160px;
	background: rgba(125, 156, 156, 0.25);
	width: 24%;
	text-align: center;
	position: relative;
}


ul.class-info li b { color: red; }


ul.class-info li u {
	display: block;
	margin-bottom: 12%;
	background: rgba(125, 156, 156, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	text-decoration: none;
	font-weight: bold;
}

a.class-reg {
	padding: 1.25%;
	float: left;
	background: #fcf29c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom,  #fcf29c 0%,#f1da36 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf29c', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */
	border: 2px solid #ccc;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.75);
	border-radius: 4px;
	margin-top: 2%;
}

.go-top {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 0;
	right: 6%;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 1em;
	display: none;
	opacity: 0.5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-transition: opacity 0.3s ease;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 1;
}

a.go-top .arrow .top-triangle {
	display: block;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
	margin: 0 auto;
}

a.go-top .arrow .bottom-box {
	display: block;
	width: 25px;
	height: 25px;
	background: #fff;
	margin: 0 auto;
}
/******/

/*----- VIDEO PAGE ------*/
.videos-wrapper {
	width: 100%;
	float: left;
}

.video-container {
	width: 33%;
	float: left;
	position: relative;
	margin: 0 0.16% 17px;
}

.video-container img {
	margin-bottom: -3px;
	-webkit-filter: grayscale(0.5);
}

.video-container:hover img {
	-webkit-filter: grayscale(0);
}

.video-container:hover i.fa {
	opacity: 1;
}

.video-container p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 71px;
	background: rgba(255, 255, 255, 0.8);
	color: #333;
	padding: 8px;
	margin: 0;
	position: absolute;
	bottom: 0;
}

.video-container p span {
	display: block;
	font-weight: bold;
}

.video-container i.fa {
	position: absolute;
	top: 32px;
	left: calc(50% - 32px);
	font-size: 2em;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-indent: 0.35em;
	line-height: 1.25em;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
}

.das_vids div.vid_container:nth-child(odd) {
	margin-right: 10px;
}

.vid_container {
	width: 47.7%;
	height: 120px;
	float: left;
	padding: 5px;	
	border: 1px solid rgba(125, 156, 156, 0.2);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
	background: rgba(255, 255, 255, 0.5);
}



.vid_container:hover {
	border: 1px solid rgba(0,0,0,0.10);
	box-shadow: none;
	background: rgb(240, 240, 240);
}

.vid_container div:not(.videos) {
	display: block;
	width: 229px;
	height: 120px;
	margin-left: 15px;
	text-decoration: none;
	float: left;
}

.vid_container div a.vid_title {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.vid_container div a:hover {
	color: #777;
}

.press img {
	position: relative;
	float: left;
}

.press div {
	display: block;
	float: right;
	width: 80%;
}

.press div p:first-child a {
	font-size: 1.2em;
	color: #000;
	font-weight: bold;
}

.press div p:first-child a:hover {
	color: #444;
}

.zz1 {
	width: 24%;
	height: 289px;
	margin: 0 0 1% 1%;
	padding: 2%;
	background: rgba(255, 255, 255, 0.35);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.125);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.3s ease;
}

.zz1:hover {
	border-radius: 10px;
	background: rgba(156, 192, 192, 0.15);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);

}

.zz1 div.img, .tester a .img {
	display: block;
	margin: 5% auto;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
}

.zz1 ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}

.zz1 ul li:first-child {
	font-weight: bold;
}

.zz1 p {
	font-size: 0.9em;
	text-align: center;
}

/* SPONSOR PAGE */

.level {
	clear: both;
}

.level span {
	background: rgba(125, 156, 156, 0.25);
	border: 1px solid #7d9c9c;
	text-align: center;
	padding: 3px 1%;
	margin-left: 1%;
	font-weight: normal;
}

.level+p {
	float: left;
}


.trainer {
	float: left;
	margin: 0 4% 3% 0;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
}

.news-entry .news-heading {
	overflow:auto;
	margin: 2% 0;
}

.news-entry .news-heading .image {
	width:300px;
	float:left;
	margin-right: 4%;
}

.news-entry .news-heading h2 {
	margin:0 0 0 4%;
}

.news-entry .blurb {
	clear:both;
  text-align: center;

}

.news-heading a.news-action {
	font-size: 1.5em;
	display: block;
	float: left;
	margin: 1% 0 0 0;
	color: #e44d26;
}

.volunteer-button {
	display: inline-block;
	width: 200px;
	padding: 9px;
	border: 2px solid rgb(208, 57, 18);
	margin: 0 auto;
	text-align: center;
	background: rgb(228, 77, 38);
	color: #fff;
	font-size: 0.7em;
	border-radius: 4px;
}

.volunteer-button:hover {
	text-decoration: none;
	border: 2px solid rgb(208, 57, 18);
	background: rgb(238, 87, 48);
}


a[href="mailto:ramona@html5devconf.com"] {
	color: #e44d26;
}

/* Ind. Speaker Pages */

/*-------------- SPEAKER PROFILE PAGES --------------*/
.kontainer {
	width: 100%;
	min-height: 300px;
	background: rgba(250, 250, 250, 0.75);
	padding: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.first {
	margin-top: 25px;
}

.kontainer .basic-info {
	width: 464px;
	float: left;
}

.kontainer .spkrbio {
	line-height: 1.5em;
}

.kontainer .fullwidth:last-child p {
	line-height: 1.5em;
}

.kontainer .basic-info ul, .seshion ul {
	list-style: none;
}
.kontainer .basic-info ul li {
	margin-bottom: 25px;
}

.kontainer .basic-info ul li:first-child {
	font-size: 2em;
}

.kontainer .basic-info ul li:nth-child(2) {
	font-size: 1.25em;
}


.kontainer .img {
	width: 120px;
	height: 120px;
	float: left;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px;
}

.fullwidth {
	width: 100%;
	min-height: 50px;
	float: left;
	margin-top: 25px;
}

.fullwidth p, .seshion ul, .kontainer .basic-info ul {
	margin: 0;
	padding: 0;
}

.seshion ul li span {
	background: rgba(125, 156, 156, 0.35);
	border: 1px solid rgba(125, 156, 156, 0.65);
	font-size: 0.7em;
	padding: 1%;
	display: block;
	width: 110px;
	text-align: center;
	margin-bottom: 2%;
}

.seshion ul li:first-child {
	font-size: 1.5em;
	margin-bottom: 10px;
}

p.heading {
	display: block;
	float: left;
	width: 100%;
	margin: 25px auto;
	font-size: 2em;
	padding: 0;
	text-align: center;
}

.kontainer .media-container {
	width: 332px;
	float: left;
}

.kontainer .media-container:first-child {
	margin-right: 25px;
}

.kontainer .media-container span {
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 1.25em;
}

.kontainer .media-container .video,
.kontainer .media-container .slides {
	width: 100%;
	height: 249px;
	background: #ddd;
	float: left;
}

.kontainer .media-container .slides iframe,
.kontainer .media-container .video iframe {
	width: 332px;
	height: 249px;
	border: none;
}




/* ============================ */
/* == SPONSOR SPRITE CLASSES == */
/* ============================ */
.sponsors-contact-us { margin-bottom: 10%; }

.slogo a div {
	display:inline-block;
	margin: 5% auto;
	overflow:hidden;
	background-repeat: no-repeat;
	background-image: url(html5devconf-sponsors_01.png);
}

.academyx {width:150px; height:54px; background-position: -2px -2px}
.apicloud {width:150px; height:33px; background-position: -2px -58px}
.chrome {width:150px; height:58px; background-position: -2px -93px}
.dolby {width:150px; height:61px; background-position: -2px -153px}
.meteor {width:150px; height:36px; background-position: -2px -216px}
.microsoft {width:150px; height:55px; background-position: -2px -254px}
.pro_tek {width:150px; height:46px; background-position: -2px -311px}
.pubnub {width:150px; height:33px; background-position: -2px -359px}
.sticker_mule {width:150px; height:31px; background-position: -2px -394px}
.vaadin {width:150px; height:36px; background-position: -2px -427px}
.xchop {width:150px; height:89px; background-position: -2px -465px}






/* ============================ */
/* == SPEAKER SPRITE CLASSES == */
/* ============================ */
div.img {
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(html5devconf-headshots-01.jpg);
	width: 120px;
	height: 120px;
}

.0 {width:120px; height:120px; background-position: -2px -2px}
.aaron_ladage {width:120px; height:120px; background-position: -124px -2px}
.aaron_reisman {width:120px; height:120px; background-position: -246px -2px}
.adonis_fung {width:120px; height:120px; background-position: -368px -2px}
.alex_liu {width:120px; height:120px; background-position: -490px -2px}
.anton_pleshivtsev {width:120px; height:120px; background-position: -612px -2px}
.austin_knight {width:120px; height:120px; background-position: -734px -2px}
.bharath_chakravarthy {width:120px; height:120px; background-position: -856px -2px}
.brad_nelson {width:120px; height:120px; background-position: -978px -2px}
.brandon_weaver {width:120px; height:120px; background-position: -1100px -2px}
.chris_ferdinandi {width:120px; height:120px; background-position: -1222px -2px}
.chris_griffith {width:120px; height:120px; background-position: -1344px -2px}
.chris_wilson {width:120px; height:120px; background-position: -1466px -2px}
.daniel_austin {width:120px; height:120px; background-position: -1588px -2px}
.daniel_khan {width:120px; height:120px; background-position: -1710px -2px}
.daniel_roesler {width:120px; height:120px; background-position: -1832px -2px}
.david_catuhe {width:120px; height:120px; background-position: -2px -124px}
.david_greenspan {width:120px; height:120px; background-position: -124px -124px}
.demian_borba {width:120px; height:120px; background-position: -246px -124px}
.doris_chen {width:120px; height:120px; background-position: -368px -124px}
.eli_mattson {width:120px; height:120px; background-position: -490px -124px}
.frank_greco {width:120px; height:120px; background-position: -612px -124px}
.freddy_rangel {width:120px; height:120px; background-position: -734px -124px}
.garrett_nantz {width:120px; height:120px; background-position: -856px -124px}
.gavan_wilhite {width:120px; height:120px; background-position: -978px -124px}
.jafar_husain {width:120px; height:120px; background-position: -1100px -124px}
.jamund_ferguson {width:120px; height:120px; background-position: -1222px -124px}
.jarrod_overson {width:120px; height:120px; background-position: -1344px -124px}
.jeff_burtoft {width:120px; height:120px; background-position: -1466px -124px}
.jen_kramer {width:120px; height:120px; background-position: -1588px -124px}
.jennifer_tong {width:120px; height:120px; background-position: -1710px -124px}
.jeremy_fairbank {width:120px; height:120px; background-position: -1832px -124px}
.john_herren {width:120px; height:120px; background-position: -2px -246px}
.ken_struys {width:120px; height:120px; background-position: -124px -246px}
.ken_tabor {width:120px; height:120px; background-position: -246px -246px}
.kevin_nilson {width:120px; height:120px; background-position: -368px -246px}
.leith_abdulla {width:120px; height:120px; background-position: -490px -246px}
.logan_smyth {width:120px; height:120px; background-position: -612px -246px}
.manuel_rego {width:120px; height:120px; background-position: -734px -246px}
.matt_debergalis {width:120px; height:120px; background-position: -856px -246px}
.michael_jackson {width:120px; height:120px; background-position: -978px -246px}
.mike_kivikoski {width:120px; height:120px; background-position: -1100px -246px}
.mike_north {width:120px; height:120px; background-position: -1222px -246px}
.pablo_farias_navarro {width:120px; height:120px; background-position: -1344px -246px}
.parashuram_narasimhan {width:120px; height:120px; background-position: -1466px -246px}
.paul_dowman {width:120px; height:120px; background-position: -1588px -246px}
.peter_moskovits {width:120px; height:120px; background-position: -1710px -246px}
.rodrigo_fernandez {width:120px; height:120px; background-position: -1832px -246px}
.ryan_anklam {width:120px; height:120px; background-position: -2px -368px}
.ryan_salva {width:120px; height:120px; background-position: -124px -368px}
.sean_liu {width:120px; height:120px; background-position: -246px -368px}
.stephen_preston {width:120px; height:120px; background-position: -368px -368px}
.steve_souders {width:120px; height:120px; background-position: -490px -368px}
.sumit_amar {width:120px; height:120px; background-position: -612px -368px}
.swizec_teller {width:120px; height:120px; background-position: -734px -368px}
.tamas_kokeny {width:120px; height:120px; background-position: -856px -368px}
.tamas_piros {width:120px; height:120px; background-position: -978px -368px}
.tim_messerschmidt {width:120px; height:120px; background-position: -1100px -368px}
.todd_gehring {width:120px; height:120px; background-position: -1222px -368px}
.tomomi_imura {width:120px; height:120px; background-position: -1344px -368px}
.tony_parisi {width:120px; height:120px; background-position: -1466px -368px}
.william_hoang {width:120px; height:120px; background-position: -1588px -368px}





/* ========================== */
/* == VIDEO SPRITE CLASSES == */
/* ========================== */
.sprite {
	overflow:hidden;
	background-repeat: no-repeat;
	background-image:url(hdfc-video-sprite-011.jpg);

}
/*== thumbnail class ==*/

.AGalpern-thumb {width:260px; height:179px; background-position: -0px -0px}
.ARodic-thumb {width:260px; height:179px; background-position: -260px -0px}
.ARussell-thumb {width:260px; height:179px; background-position: -520px -0px}
.ASilveira-thumb {width:260px; height:179px; background-position: -780px -0px}
.BFarrell-thumb {width:260px; height:179px; background-position: -1040px -0px}
.BFisher-thumb {width:260px; height:179px; background-position: -0px -179px}
.CHemphill-thumb {width:260px; height:179px; background-position: -260px -179px}
.DCatuhe-thumb {width:260px; height:179px; background-position: -520px -179px}
.JBurtoft-thumb {width:260px; height:179px; background-position: -780px -179px}
.JHusain-1-thumb {width:260px; height:179px; background-position: -1040px -179px}
.JHusain-thumb {width:260px; height:179px; background-position: -0px -358px}
.KNilson-thumb {width:260px; height:179px; background-position: -260px -358px}
.KStruys-thumb {width:260px; height:179px; background-position: -520px -358px}
.MCohen-thumb {width:260px; height:179px; background-position: -780px -358px}
.MDebergalis-thumb {width:260px; height:179px; background-position: -1040px -358px}
.MHaghighat-thumb {width:260px; height:179px; background-position: -0px -537px}
.MLancaster-thumb {width:260px; height:179px; background-position: -260px -537px}
.MMikowski-thumb {width:260px; height:179px; background-position: -520px -537px}
.MMocny-thumb {width:260px; height:179px; background-position: -780px -537px}
.MReintjan-thumb {width:260px; height:179px; background-position: -1040px -537px}
.MSibigtroth-thumb {width:260px; height:179px; background-position: -0px -716px}
.NGrenie-thumb {width:260px; height:179px; background-position: -260px -716px}
.SChristie-thumb {width:260px; height:179px; background-position: -520px -716px}
.SChristie1-thumb {width:260px; height:179px; background-position: -780px -716px}
.bbelder-thumb {width:260px; height:179px; background-position: -1040px -716px}



/* Location tooltip for training page */

.class-info .location u {
  margin-bottom: 7%;
}

.class-info .location span.tooltip {
	position: absolute;
	top: -260px;
	left: 300px;

	background: #7d9c9c;
	color: #eee;
	text-align: center;
	text-decoration: none;

	padding: 4px 4px 1px 4px;

	border-radius: 2px 2px 2px 0;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.class-info .location span.tooltip i {
	font-size: 1.5em;
}

.class-info .location span.tooltip::after {
	content: "";
	display: block;

	border-right: 10px solid #7d9c9c;
	border-bottom: 10px solid transparent;

	position: absolute;
	bottom: -10px;
	right: 0;
}

.class-info .location:hover span.tooltip {
	left: -148px;
	opacity: 1;
}

.class-info .location span.tooltip iframe {
	width: 300px;
	height: 250px;
	border: none;

}


/* Party Page */

.party-page {
  padding: 3% 7% 7% 7%;
  position: relative;
}

.party-page .pp-map {
  width: 100%;
  height: 300px;
  background: #555;

  position: absolute;
  left: 0;
  top: 88px;
  z-index: 1;
}

.party-page .pp-map iframe {
  border: 0;
  width: 100%;
  height: 300px;
}

.party-page .pp-map .title-info {
  position: absolute;
  bottom: 0;
  left: 72px;
  z-index: 2;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.16);
}

.party-page ul {
  padding: 2%;
  background: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
  width: 320px;

}

.party-page ul li {
  list-style: none;
  font-size: 1.5em;
}

.party-page .pp-content {
  margin-top: 320px;
}

.party-page .pp-content p:first-of-type {
  font-weight: bold;
  text-align: center;
}

.party-page .slogo {
  height: 70px;
}

.party-page p {
  line-height: 1.5em;
}

/* Schedule Page */

.time-heading {
  text-align: center;
  padding: 1% 0;
  background: rgba(226, 88, 30, 1);
  color: #fff;
}

.time-heading span {
  font-size: 2em;
}

.session.break {
  text-align: center;
  padding: 1% 0;
  line-height: 2em;
  font-size: 1.5em;
}

.slogo.sched {
  display: inline-block;
}

.sponsor-logo.sched a div {
  margin: 0 17px;
}

.session.break small {
  display: block;
}

iframe.training-feedback-form {
  width: 100%;
  height: 1500px;
  border: none;
}

/* =================== */
/* == training page == */
/* =================== */
#training-courses {
	width: 100%;
	position: relative;
	font-size: 18px
}

#training-courses .course {
	background: #fff;
	padding: 5% 10%;
	margin-bottom: 5%;
}

#training-courses .course h3 {
	font-size: 2em;
	margin: 0.5em 0;
}

#training-courses .course .details {
	width: 100%;
	overflow: auto;
}

#training-courses .course .detail {
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

#training-courses .course .detail:not(:last-child) {
	margin-right: 5%;
}

#training-courses .course .detail span:first-child,
#training-courses .course .detail span:nth-child(2) {
	display: block;
}

#training-courses .course .detail span:first-child {
	color: rgba(0, 0, 0, 0.56);
	border-bottom: 1px solid rgba(0, 0, 0, 0.56);
}

#training-courses .course .detail span:nth-child(2) {
	font-weight: bold;
	margin-top: 14px;
}

#training-courses .course .prerequisites,
#training-courses .course .objectives {
	margin: 5% 0;
}

#training-courses .course .prerequisites h4,
#training-courses .course .objectives h4,
#training-courses .course .description h4 {
	font-weight: normal;
	border-bottom: 1px solid rgba(0, 0, 0, 0.56);;
	color: rgba(0, 0, 0, 0.56);
}

#training-courses .course .prerequisites ul {
	padding: 0;
}

#training-courses .course .prerequisites ul li {
	display: inline-block;
	margin-right: 0 1.25% 0 0;
	background: rgba(125, 156, 156, 0.2);
	padding: 1.25%;
}

#training-courses .course .objectives ul li {
	margin-bottom: 0.75%;
}

#training-courses .course .description p {
	line-height: 1.5em;
	margin-bottom: 5%;
}

#training-courses .course .register-status {
	overflow: auto;
	margin: 5% 0 10%;
}

#training-courses .course span.available,
	#training-courses .course span.sold-out {
	float: right;
	font-weight: bold;
	padding: 1.25%;
	border-radius: 4px;
}

#training-courses .course span.available {
	color: green;
	border: 2px solid green;
}

#training-courses .course span.sold-out {
	color: red;
	border: 2px solid red;
	text-decoration: line-through;
}




/*-------------- SCHEDULE --------------*/

/*-------------- hidden;BUTTONS --------------*/
.reg-area {
	display: block;
	clear: both;
	width: 100%;
	padding-bottom: 7%;
	margin: 3% 0;
}

.register {
	width: 200px;
	height: 50px;
	float: left;
	margin: 0;
	overflow: hidden;

	background: #fcf29c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZjI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fcf29c 0%, #f1da36 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf29c), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcf29c 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcf29c 0%,#f1da36 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcf29c 0%,#f1da36 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcf29c 0%,#f1da36 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf29c', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */

	border: 2px solid #ccc;
	font-size: 1.5em;
	text-align: center;
	line-height: 2.1em;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.75);
	border-radius: 5px;
}

.register:hover, a.class-reg:hover {
	text-decoration: none;
	background: #f1da36;
	text-shadow: none;
	cursor: pointer;
}


.indexcall .day1,
.indexcall .day2 {
	float: left;
	width: 49.6%;
	border-top: 5px solid #777;
}

.indexcall .whichday+p {
	text-indent: 15px;
	font-weight: bold;
}

.indexcall .day2 {
	border-left: 3px solid #777;
}

.sched-sess {
	list-style: none;
	padding: 0 0 6% 0;
	margin: 0 0 25px 15px;
	border-bottom: 1px solid rgba(50, 50, 50, 0.25);
}

p.whichday {
	background: #aaa;
	height: 30px;
	margin: 0 0 15px 0;
	padding: 0;
	text-indent: 15px;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 1.3em;
}

.go-top {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 0;
	right: 6%;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 1em;
	display: none;
	opacity: 0.5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-transition: opacity 0.3s ease;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 1;
}

a.go-top .arrow .top-triangle {
	display: block;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
	margin: 0 auto;
}

a.go-top .arrow .bottom-box {
	display: block;
	width: 25px;
	height: 25px;
	background: #fff;
	margin: 0 auto;
}


.room
{
    color:#000;
    display:block;
	margin-top:22px;
    margin-left:-85px;
    text-align:center;
	vertical-align:middle;
    width:120px;
	height:64px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	float:left;
	padding-top:25px;
	background:url(../img/util/bg_tabhighlight.png) rgba(125,156,156,0.3) repeat-x;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

ul.sched-sess li:first-child {
	font-weight: bold;
}

ul.sched-sess li:first-child a {
	color: #333;
}

ul.sched-sess li:first-child a:hover {
	color: blue;
}

ul.sched-sess li {
	display: block;
	clear: both;
	margin: 2% 0;
}

ul.sched-sess .sched-track {
	display: block;
	max-width: 160px;
	height: 24px;
	text-align: center;
	line-height: 1.7em;
	font-size: 0.9em;
	border: 1px solid rgba(155, 155, 155, 0.25);
	color: #333;
	margin: 2% 0;
	float: left;
	margin: 0 1% 1% 0;
}

.server { background: rgba(255, 0, 0, 0.15); }
.mobile { background: rgba(0, 255, 255, 0.15); }
.performance-devtools { background: rgba(255, 255, 0, 0.15); }
.os-platforms { background: rgba(255, 0, 255, 0.15); }
.core { background: rgba(255, 125, 0, 0.15); }
.graphics-design { background: rgba(0, 0, 255, 0.15); }
.games { background: rgba(0, 255, 0, 0.15); }
.keynote { background: rgba(0, 100, 255, 0.15); }


/******/