@font-face
{
	font-family: 'FontAwesome';
	src: url('../fonts/fa-solid-900.eot');
	src: url('../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), /*ie5-ie8*/
		url('../fonts/fa-solid-900.woff') format('woff'), /*modern browsers*/
		url('../fonts/fa-solid-900.ttf') format('truetype'), /*safari,adroid,ios*/
		url('../fonts/fa-solid-900.svg#svgFontName') format('svg'); /*legacy ios*/
}

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i|Montserrat:400,400i');


body {
	background: #FFF;
	margin: 0;
	color: #787878;
	/*color: #2b2e32;*/
	font-family: "Lato", sans-serif;
}
* {box-sizing:border-box}

input[type='submit'] {cursor: pointer;}

hr {
	display: block; height: 1px;
	border: 0; border-top: 1px solid #CCC;
	margin: 1em 0; padding: 0;
}

a, a:link,  a:visited, a:active {
	cursor: pointer;
	color: #333;
	text-decoration:none;
	/*font-weight: bold;*/
}
a:hover {
	color: #8a3c8a;
}


.red {color: #C00;}
.darkblue {color: #010228;}
.green {color: #0C0;}

h1, h2, h3 {color: #787878}

.titlebar {
	background-color: #8a3c8a;
	color: #fff;
}




/*  ---------------------------  WATERMARK TEXTBOX AND TEXTBOXES  ---------------------------------------------------    */
.unwatermarked {
    width: 90%;
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    font-style: italic;
    text-align: left;
    box-shadow: inset 0 0 3px #888;
    padding: 8px;
    border-radius: 5px;
}
.watermarked, watermarked input {
    width: 90%;
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    font-style: italic;
    text-align: left;
    /*box-shadow: inset 0 0 3px #888;*/
    padding: 8px;
    border-radius: 5px;
}
.watermarkednormal, watermarkednormal input {
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    font-style: italic;
    text-align: left;
    /*box-shadow: inset 0 0 3px #888;*/
    padding: 8px;
    border-radius: 5px;
}
.watermarkednormalcalcwidth1, watermarkednormalcalcwidth1 input {
	width: calc( 100% - 202px);
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    font-style: italic;
    text-align: left;
    /*box-shadow: inset 0 0 3px #888;*/
    padding: 8px;
    border-radius: 5px;
}
.watermarkednormalcalcwidth2, watermarkednormalcalcwidth2 input {
	width: calc( 100% - 95px);
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    font-style: italic;
    text-align: left;
    /*box-shadow: inset 0 0 3px #888;*/
    padding: 8px;
    border-radius: 5px;
}

.tbwide {width: 90%; padding: 8px;}
.tb {
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    /*box-shadow: inset 0 0 2px #888;*/
    border-radius: 5px; 
    padding: 8px;
}
.tbcalcwidth1 {
	width: calc( 100% - 202px);
	font-size: 1.0em;
	background-color: #f5f5f5;
	border: 1px solid #777;
	color: #666;
	/*box-shadow: inset 0 0 2px #888;*/
	border-radius: 5px; 
	padding: 8px;
}
.tbcalcwidth2 {
	width: calc( 100% - 100px);
	font-size: 1.0em;
	background-color: #f5f5f5;
	border: 1px solid #777;
	color: #666;
	/*box-shadow: inset 0 0 2px #888;*/
	border-radius: 5px; 
	padding: 8px;
}

.tbdropdownlist {
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    border-radius: 5px;    
    /*box-shadow: inset 0 0 2px #888;*/
    padding: 8px;

}
.tbcal {
    font-size: 1.0em;
    background-color: #f5f5f5;
    border: 1px solid #777;
    color: #666;
    box-shadow: inset 0 0 2px #888;
    padding: 8px;
    background-image: url(Images/Calendar.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    width: 140px;
}

.errorlabel {color: #c00;}




/*  ---------------------------  TOP MENU  ---------------------------------------------------    */
.topmenu {
	display:block; 
	vertical-align:top; 
	float: right;
}

.topmenu .level1wide {
	width: 200px;
	color: #fff;
	text-align: center;
	display: inline-block;
	float: left;
	vertical-align:top;
}
.topmenu .level1narrow {
	width: 100px;
	color: #fff;
	text-align: center;
	display: inline-block;
	float: left;
	vertical-align:top;
}
.topmenu .level1wide a, .topmenu .level1narrow a {color: #fff; text-decoration: none; text-transform:uppercase; }
.topmenu .level1wide a:hover, .topmenu .level1narrow a:hover {color: #F0D538; text-transform:uppercase;}

.topmenu .level1wide .level2, .topmenu .level1narrow .level2 {
	width: 250px;
	padding: 10px;
	background-color: #fff;
	color: #010228;
	text-align: left;
	position: relative;
	margin-top: 10px;
	border: 1px solid #010228;
	margin-left: -10px;
	padding-bottom: 40px;
}
.topmenu .level1wide .level2hide, .topmenu .level1narrow .level2hide {
	display: none;
}
.topmenu .level1wide .level2 a, .topmenu .level1narrow .level2 a {color: #010228; text-decoration: none; padding: 20px 10px 20px 10px; text-transform:none;}
.topmenu .level1wide .level2 a:hover, .topmenu .level1narrow .level2 a:hover {color: #c00; text-transform:none;padding: 20px 10px 20px 10px;}
.topmenu .level1wide .level2 > div, .topmenu .level1narrow .level2 > div {
	margin-top: 10px;
}
.topmenu .level1wide .level2:after, .topmenu .level1narrow .level2:after {
	bottom: 100%;
	left: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -1px;
}
.topmenu .level1wide .level2 .linker a , .topmenu .level1narrow .level2 .linker a { padding: 5px 0 3px 10px;}








/*  ---------------------------  PAGE CONTENT  ---------------------------------------------------    */
.main_content {
	width: 100%;
	min-height: 50%;
	overflow: hidden;
	font-size: 1.0em;
	display: block;
	margin: 10px auto 0px auto;
	min-height: calc(100vh - 180px);
	background-color: #fff;
}


.content {
	line-height: 1.2em;
	padding: 5px 5px 0px 5px;
	border-radius: 3px;
	background-color: #fff;
	width: 100%;
	font-size: 1.0em;
	max-width: 900px;
	margin: 0 auto 0 auto;
}


.page_content {
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	transform-origin: 0 0;
	height: 100%;
	background: #FFF;
	transition: left .7s, transform .7s, height .5s;
	overflow-x:hidden;
}


.tdright {
	text-align:right; padding-right:5px;vertical-align:top;padding-top: 10px;
}




/*  ---------------------------  EVENT STUFF  ---------------------------------------------------    */
.divopen {line-height: 1.5em; font-size: 1.0em; width:370px; min-width:250px; display:inline-block; vertical-align:top; background-color: #eee; border-radius: 5px; padding: 20px; text-align:left; margin-bottom: 10px; margin-left:15px; margin-right: 15px;}
.divclosed {background-color: #ffe2e2; color: #cc0000; padding: 10px; border-radius: 5px;}

.divspeakercolumn {width:120px; display:inline-block; vertical-align:top; text-align:center; font-size: 0.8em; background-color:#ddd; padding: 5px; border-radius: 5px; z-index: 1; position:absolute;}
.pnlSpeakers {z-index: 10 !important;}

.divsessionheader {width:100%; padding: 1px 0px 10px 10px; background-color:#f0f0f0; border-radius: 5px;}

.divceubox {width: 150px; display:inline-block; font-size: 1.0em; margin: 3px 0 3px 0; background-color:#8a3c8a; color:#fff; padding: 5px; border-radius: 5px;}

.sponsorimage {width: 150px; margin: 0 10px 0 10px;}




/*  ---------------------------- BUTTONS ----------------------------------------    */
.valignbottom {vertical-align: bottom;}

.button {
	cursor: pointer;
	text-shadow: none;
	color: #B2A975;
	background: #FEFFFB;
	font-weight: 300;
	border: 1px solid #D8D7CE;
	text-shadow: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	border-radius: 3px;
	width:100%;
	line-height: 1em;
	padding: .25em .5em;
	letter-spacing: .05em;
	font-size: 1.0rem;
}
.button:hover {
	background-color: #DCDAC6;
	color: #FEFFFB;
}
.buttonsnormal {
	cursor: pointer;
	text-shadow: none;
	color: #B2A975;
	background: #FEFFFB;
	font-weight: 300;
	border: 1px solid #D8D7CE;
	text-shadow: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	border-radius: 3px;
	width: 48%;
	line-height: 1em;
	padding: .25em .5em;
	letter-spacing: .05em;
	font-size: 1.0rem;
	margin-left: 3px;
}
.buttonsnormal:hover {
	background-color: #DCDAC6;
	color: #FEFFFB;
}
.buttonhalf {
	cursor: pointer;
	text-shadow: none;
	color: #B2A975;
	background: #FEFFFB;
	font-weight: 300;
	border: 1px solid #D8D7CE;
	text-shadow: none;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	border-radius: 3px;
	width: 48%;
	line-height: 1em;
	padding: .25em .5em;
	letter-spacing: .05em;
	font-size: 1.0rem;
	margin-left: 3px;
}
.buttonhalf:hover {
	color: #4A4861;
}

.btnVerticalMiddle
{
	vertical-align: middle;
	padding-bottom: 8px;
	min-width: unset !important;
	box-shadow:none;
	background-color: transparent;
}

.stdButton {
	border-style:none;
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	background-color: #8a3c8a;
	padding: 8px;
	min-height:42px;
	min-width: 120px;
	border-radius: 5px;
	margin: 5px 0 5px 0;
    white-space: normal;
    word-wrap: break-word;
}
.stdButton:hover {
	background-color: #1eb0d5;
	color: #FFF;
}

.redButton {
	border-style:none;
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
	background-color: #C00;
	padding: 8px;
	min-height:42px;
	min-width: 120px;
	border-radius: 5px;
	margin: 5px 0 5px 0;
}
.redButton:hover {
    color: #F0D538;
}

.stdButtonSmall {
	border-style:none;
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
	background-color: #010228;
	padding: 8px;
	/*min-height:42px;
	min-width: 120px;*/
	border-radius: 5px;
	margin: 2px 0 2px 0;
}
.stdButtonSmall:disabled {
	color: #ccc;
	background-color: #777;
}
.stdButtonSmall:hover {
    color: #F0D538;
}

.redButtonSmall {
	border-style:none;
	font-size: 0.8em;
	color: #fff;
	text-transform: uppercase;
	background-color: #c00;
	padding: 8px 11px 8px 11px;
	/*min-height:42px;
	min-width: 120px;*/
	border-radius: 50%;
	margin: 2px 0 2px 0;
}
.redButtonSmall:disabled {
	color: #ccc;
	background-color: #777;
}
.redButtonSmall:hover {
    color: #F0D538;
}

.buttonClearBlue {
    font-size: 1.1em;
    color: #010228;
    text-transform: uppercase;
    background-color: transparent;
    padding: 8px;
    border: none;
    border-radius: 0;
    border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.bronzeButton {
	cursor: pointer;
	display: inline-block;
	color: #FEFFFB;
	background: #B2A975;
	font-weight: 100;
	border: 1px solid #D8D7CE;
	border-radius: 3px;
	min-width: 150px;
	line-height: 2em;
	padding: .25em .5em;
	letter-spacing: .05em;
	font-size: 1.0em;
}
.bronzeButton:hover {
	color: #B2A975;
	background: #FEFFFB;
	border: 1px solid #B2A975;
}

.greenButton {
	font-size: 1.0em;
	color: #fff;
	text-transform: uppercase;
	background-color: #00DD11;
	padding: 8px;
	min-height:42px;
	min-width: 120px;
	border-radius: 5px;
	border: 1px solid #11AB29;
}
.greenButton:hover {
    color: #003300;
}


.imagebuttonDelete, imagebuttonDelete img {padding: 0 !important}



/*  ---------------------------  LEFT NAVIGATION  ---------------------------------------------------    */

.nav
{
	margin: 0px 0 0 10px;
	font-family: FontAwesome;
	color: #B2A975;
	font-size: 2.4em;
	padding: 5px 6px 5px 6px;
	background: transparent;
	text-decoration: none;
	text-align: center;
}
.navexpand{
	height: 100%;
	min-height: 100%; 
	width: 100%; 
	background-color: #D5DBE5; 
	position: fixed; 
	top:0; left: 0; 
	display: none; 
	z-index:100; 
	padding-top: 10px;
}
.navexpanded
{
	margin: 5px 0 0 10px;
	font-family: FontAwesome;
	color: #010228;
	font-size: 2.0em;
	padding: 5px 6px 5px 6px;
	background: #D5DBE5;
	text-decoration: none;
	text-align: left;
	transition: left 2.7s, transform 2.7s, height 2.5s;
}
.navexpandedwrapper {
	overflow-x: hidden; overflow-y: auto; height: calc(100% - 50px);font-family:Montserrat;  
}

.navexpandedlinktext
{
	font-size: 0.75em;
	font-family: Lato, sans-serif;
	margin-left: 10px;
	padding-top: 0px;
	position: absolute;
}
.navexpandedwrapper a {
	color: #fff;
	text-decoration: none;
}
.navexpandedwrapper a:hover {
	color: #F0D538;
}
.navexpandedlinkdivwrapper {
	width: 100%; margin: 10px auto 10px auto; padding: 10px; border-radius: 5px;
}
.navexpandedlinkdiv {
	width: calc(100% - 5px);
	border-radius: 5px;
	background-color: #010228;
	color: #fff;
	font-weight: 700;
	padding: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-decoration: none;
	cursor: pointer;
}

.nav_bars:before
{
	content: "\f0c9";
}
.nav_caret_left 
{
	cursor: pointer;
}
.nav_caret_left:before
{
	content: "\f100";
}

.mailto:before {
	font-family: FontAwesome;
	color: #010228;
	content: "\f0e0";
	margin-right: 10px;
}


/* ----------------------------- EVENTS ---------------------------------------------------    */

.leftcolwithimage {width: 35%; display: inline-block; vertical-align: top;}
.rightcolwithdetail {width: calc(calc(100% - 35%) - 5px); display:inline-block;}
.innercol1 {width: 33%; display: table-cell; vertical-align: middle; padding: 5px; text-align: center;}
.innercol2 {width: 33%; display: table-cell; vertical-align: middle; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px; text-align: center;}
.innercol3 {width: 32%; display: table-cell; vertical-align: middle; padding: 5px; text-align: center;}

.nav_mapmarker
{
	font-family: FontAwesome;
	color: #777;
	font-size: 1.0em;
	padding-right: 5px;
}
.nav_mapmarker:before {content: "\f3c5"; }
a .nav_mapmarker:hover {color: #8a3c8a;}






  
/*  ---------------------------  STUFF  ---------------------------------------------------    */



.Default.reWrapper {width: 100% !important; border: none !important;}
.radeditor {width: 100% !important;}
.reToolbar {float:left !important;}

.divprompt200 {width: 200px; display:inline-block; text-align:right; padding: 8px 5px 0 0; margin-top: 5px;}
.divresponse200 {width: calc(100% - 206px); display:inline-block; min-width:300px; margin-top: 5px;}
.divprompt100 {width: 100px; display:inline-block; text-align:right; padding: 8px 5px 0 0; margin-top: 5px;}
.divresponse100 {width: calc(100% - 106px); display:inline-block; min-width:300px; margin-top: 5px;}
.divprompt50 {width: 50px; display:inline-block; text-align:right; padding: 8px 5px 0 0; margin-top: 5px;}
.divresponse50 {width: calc(100% - 56px); display:inline-block; min-width:300px; margin-top: 5px;}



/*  ---------------------------   PAGE HEADER  -------------------------------------------    */
.menu {cursor: pointer;}

.page_header {
	background: #FFF;
	/*position: fixed;*/
	height: 95px;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 0 0 0 25px;
	width: 100%;
	font-family: 'Lato', sans-serif;
	display: block;
	/*border-bottom: 1px solid #868163;*/
	/*box-shadow: 0px 3px 6px rgba(0,0,0,0.55);*/
}

.menu_wrapper {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: #010228;
}
.page_header .logo{
	vertical-align: middle;
	min-width: 215px;
	width: 215px;
	max-width: 215px;
	margin-left: 40px;
}
.page_header .menu {
	display: none;
}
.page_header .menudiv {
	line-height:1.5em; 
	float: right; 
	color: #fff; 
	/*height: 100px;*/
	margin-top: 10px;
	margin-right: 5%;
	color: #fff;
	width: calc(100% - 100px);
}






/*  --------------------------  MODAL POPUP  -------------------------------------------------    */
.modalBackground {
	background-color: #000;
	filter: alpha(opacity=75);
	opacity: 0.8;
}
.modalPopup {
	background-color: #fff;
	border: 10px solid #010228;
	border-radius: 8px;
	padding: 10px;
	width: 90%;
	max-width: 700px;
	margin: 0 auto 0 auto;
	max-height: 90%;
	/*overflow-y: auto;*/
	overflow: auto;
}
.modalPopupLeft {
	width: 20%; display: inline-block; padding: 5px; vertical-align: top;
}
.modalPopupRight {
	width: 70%; display: inline-block; padding: 5px; text-align: left; 
	vertical-align: top; margin-bottom: 5px;
	max-height: 40vh; overflow-y:auto;
}

.panelWhite {
	background-color: #fff;
}







/*  ------------------------------  PAGE FOOTER  ---------------------------------------------------    */
.page_footer {
	margin-top: 20px;
	top: 95%;
	left: 0;
	z-index: 0;
	width: 100%;
	background: #282A2B;
	font-family: 'Montserrat', sans-serif; 
	padding: 10px;

}
.page_footer .footer_content {
	/*position: relative;*/
	color: #eaeaea;
	padding: 10px 5% 10px 5%;
	display: inline-block;
	min-width:400px;
	width: inherit;
	font-size: 0.8em;
}







/*  ------------------------------  RESPONSIVE LAYOUT  --------------------------------------------  */



@media (min-width:1536px) {

}

@media (max-width: 1440px) {
}

@media (min-width:1280px) { /* desktop */

}

@media (max-width: 1200px) {

}

@media (max-width: 1100){

}

@media (max-width:1024px) { /* laptop, small desktop */


}

@media (max-width:950px) {
	.divprompt200 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px;width:99%}
	.divresponse200 {margin-top: 0px; width:99%}
	.divprompt100 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px;width:99%}
	.divresponse100 {margin-top: 0px; width:99%}
	.divprompt50 {text-align:left; padding: 5px 5px 0 0; margin-top: 5px;width:99%}
	.divresponse50 {margin-top: 0px; width:99%}

	.divresponse200 #rblMeal {margin: 0 auto; width: 300px !important;}
}

@media (max-width: 900px) {
	.content {max-width: calc(100% - 22px);}
	.btnClear {
		font-size: 1.0em;
		min-width: 130px;
	}
	.btnClearActive {
		font-size: 1.0em;
		min-width: 130px;
	}

}

@media (max-width:801px) { /* tablet, smaller laptop / desktop */
	.page_header .menu {
		display: none;
	}

}

@media (max-width:800px) { /* tablet, smaller laptop / desktop */
	.main_content {

	}

	.page_header .logo{
		min-width: 150px;
		width: 150px;
		max-width: 150px;
		margin-left: 0px;
	}
	.page_header .menu{
		display:block;
		vertical-align: top;
		padding: 5px;
		font-size: .7em;
		float: left;
		padding-top: 25px;
		width: 50px;
	}

	.content {
		margin: 0 10px 0 10px;

	}

.leftcolwithimage {width: 100%;}
.rightcolwithdetail {width: 100%;}
.innercol1 {width: 100%; display:inline-block; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0;}
.innercol2 {width: 100%; display:inline-block; text-align:center; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; border-left: none; border-right:none;}
.innercol3 {width: 100%; display:inline-block; padding: 10px 0 10px 0;}
}



@media (max-width: 700px) {
}

@media (max-width:650px) {
		.colrightwide li {width: 90%;}
	}

@media (max-height: 600px) {

}

@media (max-width:600px) { /* large phone,  */

	.button {
		width:100%;
		line-height: 1.0em;
		padding: .4em 1.0em;
		font-size: .7rem;
	}
	.buttonhalf {
		width:48%;
		line-height: 1.0em;
		padding: .4em 1.0em;
		font-size: .7rem;
	}

	.stdButton {font-size: 1.0em;}
	.navexpand{
		width: 100%; min-height: 100%; background-color: #D5DBE5; position: fixed; top:0; left: 0; 
		display: none;
	}

	.buttondark {
		display: block;
		text-shadow: none;
		color: #FEFFFB;
		background: #B2A975;
		font-weight: 100;
		border: 1px solid #D8D7CE;
		text-shadow: none;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
		border-radius: 3px;
		width: 100%;
		line-height: 2em;
		padding: .25em .5em;
		letter-spacing: .05em;
		font-size: 1.0rem;
	}

	.page_footer .footer_content {
		display: block;
		min-width: calc(100% - 20px);
		max-width:  calc(100% - 20px);
		text-align: center;
		padding-left: 0;
		
	}
	.page_footer .footer_content .links a {
			font-size: .8em;
		}

	.paypaldiv .tbdropdownlist option {font-size: 1.0em; }
}


@media (max-width:480px) { /* small  phone */
	.page_header .logo{
		min-width: 150px;
		width: 150px;
		max-width: 150px;
	}
	.page_header .menu{
		padding-top: 25px;
		width: 50px;
	}



	.page_footer .footer_content {
		max-width: 470px;
	}
}

@media print {
	.main_content {
		margin-top: 10px !important;
		color: #000 !important;
		font-family: Arial !important;
	}

	.content {border: none !important;}
	.noprint, .noprint *
	{
		display: none !important;
	}
}