HTML{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}
body{
	margin:0;
	font-size: 14px;
	line-height: 1.375;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table, th, tr, td, pre, p, ol, ul, li, form, input, select, textarea, .text, .pageHeader, 
  a:active, a:visited, a:link, a:active, a.r123Link:link, a.r123Link:visited,  a.r123Link:active,
  .section-header, .subheader, .error, .ms-tablelayout td,  .r123formelement , i, span, div, p
{
	font-size: 1em;
    line-height: 1.375;
    font-family: inherit;
	font-weight:normal;
  
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.5;
}
h1,h2, .header{
	margin: 0 0 6px 0;
    padding: 0;
    font-weight: 400;
     font-family: inherit;
}

h1{
	color:#635d59;
	
}
h2{
	
    color:#635d59;
}

h3{
	
	color:#635d59;
}
h4{
	
	color:#635d59;
}
h5{
	
	color:#635d59;
}
h6{
	
	color:#635d59;
}
a:link, a:active, a:visited {
	text-decoration:none; 
	color:#00a85d;
}

a:focus,a:hover{    
	color: #1e7c51;
    text-decoration: none;
}

#page-table{
	border: none;
    margin: 0 auto 10px auto;
    background-color: #FFF;
	width:100%;
}
.width50 .form-table{
	/*width:50%;
	background-color:#f1f1f1;
	padding:20px;*/
}
.form-section-2Cols #page-table{
	width:100%;
}


/*navigation*/
/*Strip the ul of padding and list styling*/
#navigation {
    position: relative;
}
#navigation-menu:before {
	content: " ";
    display: table;
}
#navigation-menu {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#55A1C5;
}

/*Create a horizontal list with spacing*/
#navigation-menu td {
	/*display:inline-block;
	float: left;
	margin-right: 1px;*/
}

/*Style for menu links*/
#navigation-menu td a, #navigation-menu td a > .title{
	/*display:block;*/
	min-width:100px;
	height: 34px;
	text-align: center;
	line-height: 64px;
	color: #fff;
	text-decoration: none;
	
	font-weight:normal;
	padding:0 2px 5px 2px;
	font-size:100%;
	border-bottom:2px solid transparent;
}

/*Hover state for top level links*/
#navigation-menu  td.nav-cell:hover a{
	
	border-bottom:2px solid #fff;
}

#navigation-menu  td.nav-active a > .title{
	color:#59b7e7;
}

/*Style 'show menu' label button and hide it by default*/
.nav-mobile-menu-icon{
	display:none;
	color: #262626;
}

/*Hide checkbox*/
#nav-mobile-menu-icon {
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
#nav-mobile-menu-icon:checked ~ #navigation-menu{
    display: block;
   
	
}

/*end navigation*/

.registrationForm {
	padding-top: 30px;
	padding-bottom: 20px;		
}


.title {
	font-family: inherit;
	font-size:1.71em;
	color: #635d59;
}
.subtitle {
	font-family: inherit;
	font-size:1.28em;
	color: #635d59;
}
.header {
	color: #635d59;
	font-family: inherit;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 0;	
	font-size: 2.57em;
	display:inline-block;
	
}

.subheader {
	font-family: inherit;
	font-weight: bold;
	font-size: 1em;
	color:#635d59;
}
.highlight {
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	color:#635d59;
}
.error {
	font-size: small;
	font-weight: inherit;
	font-size: 1em;
	font-family: inherit;
	color:crimson;
}
.text {
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;

}
.fine-print {
	font-family: inherit;
	font-size: 0.71em;
	font-weight: normal;
}


.header-section{
	border-top:4px solid #00a85d;
	/*border-bottom:4px solid #00a85d;*/
}


.banner-image-wrapper{
	position:relative;
	margin-bottom:15px;
}
.banner-title-text{
	font-family: inherit;
	font-weight: 300;
	color: #fff;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner-title-text.left{
	width:100%;
	max-width:1172px;
	margin:auto;
	padding-left:15px;
	
}

.content-wrapper{
	margin:0 auto;
	width:100%;
	display:table;
	padding:20px 0;
}
.section-wrapper {
	padding:15px; 
	margin:0 auto;
	width:100%;
	max-width:1170px;
	box-sizing:border-box;
	display:table;

} 
.header-logo{
	padding:15px 0;
}


.banner-section .section-header .section-title{
	line-height:250px !important;
}
.content-section{
	width:49%;
	float:left;
	padding:0 15px;
	box-sizing:border-box; 
} 
.form-section{
	width:100%;
	float:right;
	padding:0 15px;
	box-sizing:border-box;
	display:block;
}   
.content-section-2Cols{
	width:49%;
	float:left;
	padding:0px;
	box-sizing:border-box; 
	margin:18px auto;
} 
.form-section-2Cols{
	width:48%;
	float:right;
	padding:0px;
	box-sizing:border-box;
	display:inline-block;
	margin-top:	15px;
}     
.responsive-image {
  display: block;
  max-width: 100%;
  height: auto;
  margin:0 auto;
}

.form-table {
	margin: auto;
	width:100%;
	border-collapse: separate;
    border-spacing: 0px;
    /*background-color: #f1f1f1;*/
    padding: 0px 0px 20px 0;
    border-radius: 10px;
}

#formWeb .form-table {
	margin: auto;
	width:100%;
	border-collapse: collapse;
    border-spacing: 0;
	padding:0;
	background-color:transparent;
	
}
label {
	margin:5px 10px 2px 0;
}
.r123formelement{
	
	line-height: 17px;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 2px 0;
	padding: 3px 8px;
	background-color: #fff;
	background-image: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#000;
	outline: 0;
	transition: border-color .2s;
	width: 50%;
	/*uncomment the following 5 lines if you want box looking input fields*/
	
	height: 35px !important;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border: 1px solid #A9A9A9;
	
	/*the following styles makes the form fields as just underline*/
	/*
	height: 26px !important;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #999;
	*/
}
textarea.r123formelement{
	height:76px !important;
}
.form-section-2Cols .r123formelement{
	width:100%;
}
.r123formelement:focus {
	border-color: #bbb;
	outline: 0;
	/*comment the following line if you want box looking input fields*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.r123FormSubmit{
	display: inline-block;
    font-weight: bold;
    padding: 1em 2em;
    text-decoration: none;
    font-size: 1em;
    margin: 12px 0;
	border: 3px solid transparent;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-style: none;
	cursor: pointer; 
	color: #ffffff;
	background-color: #00a85d;
	
  
}

.r123FormSubmit:hover{
	background-color: #1e7c51;
	color:#fff;
}
#username, #password{
	width:100%;
}

.form-table input[type=checkbox], .form-table input[type=radio]
 {         
    width:auto !important;  
    height: auto !important;  
	margin: 8px 6px 0 0;
	padding:0;
	border:none;
	box-shadow:none;
 }       
 .form-table input[type=checkbox] + .text
 {
  vertical-align:top;
  display: inline-block;

 }
 .control-label{
	 margin-right:5px;
 }
 /*tables*/
table[data=entryTable] table {
    border-spacing: 4px;
    border-collapse: separate;
}

table[data=agendaTable]{
	width:auto;
	margin-left:0;
}
table[data=attendeeTypeTable]{
	width:auto;
	margin: 10px 0;
	text-align:left;
}
.form-section-2Cols table[data=attendeeTypeTable]{
	width:100%;
}
.form-section-2Cols table[data=attendeeTypeTable] label, .form-section-2Cols table[data=attendeeTypeTable] td:nth-child(2){
	float:right;
}

table[data=profileTable], table[data=questionTable]{
	border-spacing:0 10px;
	border-collapse:separate;
}

table[data=verifyTable], table[data=transactionSummaryTable], table[data=agendaTable], table[data=personalAgendaRemoveTable], 
table[data=personalAgendaTable], table[data=regMultipleTable], table[data=confirmationTable]{
	text-align:left;
	border-collapse: separate;
   border-spacing:5px 0;
   
}
table[data=verifyTable], table[data=transactionSummaryTable], table[data=regMultipleTable], table[data=confirmationTable]{
	border-spacing: 0px 10px;
	width:100%;
}

table[data=ccPaymentMethodTable]{
	text-align:left;
	border-collapse: separate;
   border-spacing:5px 0;
   width:100%;
}

table[data=personalAgendaTable], table[data=personalAgendaRemoveTable]{
	width: 100%;
}
table[data=agendaTable] td{
	vertical-align:top;
	padding:10px 2px;
}
table[data=agendaTable] .title {
	background-color: #0076A8 ;
    display: table;
    width: 100%;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}
table[data=agendaTable]  td:nth-child(3){
	/*time cell*/
	min-width:200px;
	
}
table[data=agendaTable] .subtitle {
	font-weight:bold;
	display:block;
	padding-top:5px;
}
table[data=agendaTable] label > .text > div{
	font-weight:bold;
	color:#0076A8 ;
}
 
 /*session section*/
#load-section{
	margin-top:10px;
}
.certain-session-title{
	color:#635d59 !important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.certain-session-title:hover{
	background-color:#ddd !important;
}
.certain-session-body{
	padding:10px;
}
.add-btn {
    background-color: #3155a4 !important;
	color:#fff;
}
.certain-container {
	padding-left:0 !important;
}
.certain-col, .certain-col-xs-1, .certain-col-sm-1, .certain-col-md-1, .certain-col-lg-1, .certain-col-xs-2, .certain-col-sm-2, .certain-col-md-2, .certain-col-lg-2, 
.certain-col-xs-3, .certain-col-sm-3, .certain-col-md-3, .certain-col-lg-3, .certain-col-xs-4, .certain-col-sm-4, .certain-col-md-4, .certain-col-lg-4, 
.certain-col-xs-5, .certain-col-sm-5, .certain-col-md-5, .certain-col-lg-5, .certain-col-xs-6, .certain-col-sm-6, .certain-col-md-6, .certain-col-lg-6, 
.certain-col-xs-7, .certain-col-sm-7, .certain-col-md-7, .certain-col-lg-7, .certain-col-xs-8, .certain-col-sm-8, .certain-col-md-8, .certain-col-lg-8, 
.certain-col-xs-9, .certain-col-sm-9, .certain-col-md-9, .certain-col-lg-9, .certain-col-xs-10, .certain-col-sm-10, .certain-col-md-10, .certain-col-lg-10, 
.certain-col-xs-11, .certain-col-sm-11, .certain-col-md-11, .certain-col-lg-11, .certain-col-xs-12, .certain-col-sm-12, .certain-col-md-12, .certain-col-lg-12 {
	padding-left:0 !important;
  
}
/*end session section*/
 
/*agenda page*/
.agenda-table{
	border:1px solid #ccc;
}
.agenda-table td:nth-child(1) {
	white-space:nowrap;
}
.day-agenda-table{
	border-collapse: collapse;
	width:75%;
}

.day-agenda-table tr {
    background-color: #EAEAEA;
    border-bottom: 2px solid white;
}
.day-agenda-table td {
    padding: 5px 10px;
    vertical-align: top;
}

.stipe-table{
	border-collapse: collapse;
	width:75%;
}
.stipe-table tr.odd-row {
    background-color: #EAEAEA;
    border-bottom: 0px solid white;
}
.stipe-table td {
    padding: 5px 10px;
    vertical-align: top;
}
/*end agenda page*/

/*expand/collapse agenda */
 
.main-box {float:left; width:100%; overflow:hidden; }
.question { 
  width:100%; 
  clear:both; 
  float: left; 
  margin:2px 0 0 0; 
  padding:0px 0 0px 30px; 
  cursor: pointer;  
  background:#065FA3 url('/accounts/register123/events/templatehostedfiles/plus-minus.png') no-repeat 10px -21px; 
  font-size:1em; 
  line-height:16px; 
  font-family: 'Roboto Condensed', sans-serif; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration:none; 
  color:#fff; 
  height:auto; 
  text-indent:0px; 
}
.answer { 
width:100%;  
	float: left;  
	padding:10px 0 10px 0px; 
	display:none;  }
.selected-t {  
	background:#0e385f url('/accounts/register123/events/templatehostedfiles/plus-minus.png') no-repeat 10px 13px !important; 
	color:#fff !important;  
}
.question > h2 {
	color:#fff !important;  
}


/* footer section*/

.footer-wrapper{
	background-color:#14a751;
	color:white;
} 

.footer-wrapper table tr td, .footer-wrapper p, .footer-wrapper table tr td p, 
.footer-wrapper table tr td a:link, .footer-wrapper table tr td a:active,
.footer-wrapper table tr td a:hover,.footer-wrapper table tr td a:visited{
  color:#fff;
}
.social-title{
	color:#fff;
}

.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.whiteline{
	border-top:1px solid #fff;
	padding:5px 0;
}
/*footer social*/
.footer-social {
    text-align: center;
    margin: 5px auto 45px auto;
}
.footer-social i.fa {
    color: #fff;
    padding: 15px 15px;
    margin: 1px 5px;
    font-size: 30px;
    line-height: 0.9;
    border-radius: 100%;
    min-width: 28px;
}

/*end footer social*/
/*end footer section*/

/*Speaker section*/
.speakers-container {
	display:block;
	width:100%;
	max-width:1200px;
}
.speaker-col{
	position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	min-height:450px;
}

.speaker-wrapper{
    display: block;
    height: 320px;
    padding: 30px 7px;
    text-align: center;
}
.speaker-image{    
	width: 150px;
    max-width: none;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border-radius: 150px;
    text-align: center;
}
.speaker-modal-image-wrapper{
	float:left;
	
	display:inline-block;
}
.speaker-modal-image{
	margin-right:15px;
	
}
.speaker-modal-content-wrapper{
	width:70%;
	display:inline-block;
	text-align:left;
}
.speaker-name{
	margin-bottom: 6px;
    font-family: inherit;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.speaker-title{
	font-family: inherit;
    color: #d91215;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	margin-bottom:3px;
}
.speaker-company{
	font-family: inherit;
    color: #333;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 1px;
	margin-bottom:15px;
}

.speaker-view-profile{
	padding:5px 15px;
	color:#333 !important;
	border:1px solid #333;
}
.speaker-view-profile:hover{
	color:#838383 !important;
	border:1px solid #838383;
}
.grayscale {
    
    filter: gray;
    -webkit-filter: grayscale(100%);
}
/*end Speaker*/

.inline-block {
    max-width: 100%;
    display: inline-block;
}

/*Sponsors*/
.sponsor-category{
	display: block;
    height: 60px;
   margin-top:20px;
    border-bottom: 2px solid #333;
	
}
.sponsor-category-header{
	margin-top: 0px;
    border-bottom: 0px none #333;
   font-family: inherit;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
	text-transform:uppercase;
}
.sponsor-container{
	text-align:center;
	margin: 0 auto;
}	
.sponsor-container .sponsor-row{
    margin-left: -10px;
    margin-right: -10px;
}
.sponsor-row:before, .sponsor-row:after {
    content: " ";
    display: table;
}
.sponsor-item {
   
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	 position: relative;
    display:inline-block;
    min-height: 1px;
    padding: 10px;
}


.sponsor-image {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
   max-width: 100%;
    margin: auto;
	vertical-align:middle;
	
}
/*end Sponsors*/

/*crousel controls*/
.carousel-control.right{
	background-image:none;
	margin-right: -25px;
}
.carousel-control.left{
	background-image:none;
	margin-left: -25px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
	color:#dbd9d6;
	
}
/*end carousel controls*/


@media screen and (max-width: 991px ) {
	.speaker-col{
		width:33%;
	}
}



@media screen and (max-width: 768px ) {
	.header{
		font-size:26px;
	}
	.section-wrapper {
		padding:0 5px; 
	}
	.banner-section .section-header .section-title{
		line-height:50px !important;
		font-size:26px;
	}
	.form-section-2Cols{
		width:98%;
		float:none;
		
	}  
	
	.content-section-2Cols{   
		display:block;
		width:98%;
		float:none;
		
	}
	.form-section{
		width:95%;
		float:none;
		padding: 0 5px;
		box-sizing:border-box;
		margin: 0 auto;
	}  
	.content-section{   
		display:block;
		width:100%;
		float:none;
		padding-top: 0;
		padding-bottom: 0;
		
	}
	.r123formelement{
		width:100%;
	}
	#navigation-menu td a, #navigation-menu td a > .title {
		line-height:normal;
		color:#fff;
	}
	/*navigation*/
	.contentNav {
		padding:0;
	}
	.contentNav > .container{
		padding-left:0;
		padding-right:0;
	}
	/*Make dropdown links appear inline*/
	.top-section-nav-wrapper{
		width:100%;
		float:none;
		padding-bottom:0
	}
	#navigation {
		padding-left:0;
		padding-right:0;
	}
	#navigation-menu{
		position: absolute;
		display: none;
		background-color:#55A1C5;
		 width:100%;
		margin-top: 65px;
		padding: 15px 0;
		z-index:100;
	}
	
	/*Create vertical spacing*/
	ul#navigation-menu > li {
		margin-bottom: 0px;
		color:white;
	}
	/*Make all menu links full width*/
	#navigation-menu td, #navigation-menu td a {
		width: 100%;
		color:white;
		display:block;
	}
	#navigation-menu td a {
		padding:10px 15px;
		text-align:left;
		height:auto;
		line-height:20px;
		font-size:16px;
		font-weight:400;
		text-transform:none;
	}
	/*Display 'show menu' link*/
	.nav-mobile-menu-icon{
		display: inline-block;
		margin: 15px 15px;
		position: absolute;
		top: 7px;
		right: 0;
	}
	
	.
	/*responsive navigation menu*/
	
	/*speakers*/
	.speaker-col{
		width:50%;
	}
	
	
	/*footer*/
	 .footer-social i.fa {
        background: white;
        color: #14a751;
        padding: 10px 10px;
        margin: 1px 5px;
        font-size: 19px;
        line-height: 0.9;
        border: 1px solid #14a751;
        border-radius: 100%;
        min-width: 17px;
    }
}


@media screen and (max-width: 479px ) {
	
	/*remove background image and add a bg color*/
	.banner-image-wrapper {
		background-color:#000;
	}
	.banner-image-wrapper > img{
		display:none;
	}
	.banner-title-text{
		position:relative;
		top:0;
		left:0;
		transform:none;
		padding-bottom:15px;
	}
	
	.speaker-col{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	.speaker-wrapper{
		display:block;
		height:auto;
		padding:20px 0 10px 0;
		text-align:left;
	}
	.speaker-image{
		display:inline-block;
		width: 80px;
		margin-right: 15px;
		float: left;
		text-align: left;
	}
	.speaker-name{
		display:block;
		/*margin-top:10px;*/
		margin-bottom:6px;
		float:none;
	}
	

}
