@charset "UTF-8";
/* CSS Document */

#lower-wrapper-inner{
	background-color: transparent;
}

.ggallery{
	color:#e94a2b !important;	
}

.contentWindow{
	width: 100%;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

.dektopOnly {
	display:block;
}
 .mobileOnly {
	display:none;
	width:100%;
}

.housingBrushBox{
	height:460px;	
}

.regBrushBox{
	height:500px;	
}

/* ------ START: Text Blocks ------ */
.textBlock {
	width: 100%;
	clear: both;
}

.textBlockTwoColumn {
	width: 100%;
	clear: both;
}
.textBlockTwoColumn .left {
	width: 50% !important;
	box-sizing: border-box;
	float: left;
	padding-right: 3% !important;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgba(152, 106, 76, 0.3);
}
.textBlockTwoColumn .leftWide {
	width: 65% !important;
	box-sizing: border-box;
	float: left;
	padding-right: 3% !important;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgba(152, 106, 76, 0.3);
}
.textBlockTwoColumn .right {
	width: 50% !important;
	box-sizing: border-box;
	float: left;
	padding-left: 3% !important;
}
.textBlockTwoColumn .rightThin {
	width: 35% !important;
	box-sizing: border-box;
	float: left;
	padding-left: 3% !important;
}
.textBlockAndBox {
	width: 100%;
	clear: both;
}

.textBlockAndBox .left {
	float: left;
	width: 64%;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left:0px; /*top section in Travel.asp */
}


.textBlockAndBox .rightBox {
	float: left;
	width: 35%;
	box-sizing: border-box;
}

.textBlockAndBox .leftThin {
	float: left;
	width: 60%;
	box-sizing: border-box;
	padding-right: 20px;
}

.textBlockAndBox .rightBoxThick {
	float: left;
	width: 39%;
	box-sizing: border-box;
}

.textBlockAndLeftBox {
	width: 100%;
	clear: both;
}

.textBlockAndLeftBox .right {
	float: left;
	width: 64%;
	box-sizing: border-box;
	padding-left: 20px;
}

.textBlockAndLeftBox .leftBox {
	float: left;
	width: 35%;
	box-sizing: border-box;
}

.textBlockAndLeftPicture {
	width: 100%;
	clear: both;
}

.textBlockAndLeftPicture .mainImage {
	float: left;
	width: 50%;
	height: auto;
	box-sizing: border-box;
	margin-right: 20px;
	border-radius: 5px;
    margin-bottom: .5em;
}

.textBlockAndLeftPictureSmall {
	width: 100%;
	clear: both;
}

.textBlockAndLeftPictureSmall .mainImage {
	float: left;
	width: 35%;
	height: auto;
	box-sizing: border-box;
	margin-right: 20px;
	border-radius: 5px;
    margin-bottom: .5em;
}

.textBlockAndRightPicture {
	width: 100%;
	clear: both;
}

.textBlockAndRightPicture .mainImage {
	float: right;
	width: 50%;
	height: auto;
	box-sizing: border-box;
	margin-left: 20px;
	border-radius: 5px;
    margin-bottom: .5em;
}

.textBlockAndRightPictureSmall {
	width: 100%;
	clear: both;
}

.textBlockAndRightPictureSmall .mainImage {
	float: right;
	width: 45%;
	height: auto;
	box-sizing: border-box;
	margin-left: 20px;
	border-radius: 5px;
    margin-bottom: .5em;
	margin-top:2%;
}


.fourColumns {
	width: 100%;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.fourColumns aside {
	flex-grow: 1; 
	max-width: 23%;
	margin: 1%;
	min-width: 200px;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	font-size: .9em;
	line-height: 1.4em;
	display: flex;
	/*background-color: #e5d9b6;
	border-radius: 10px;*/
}

.fourColumns aside .leftBox {
    flex-grow: 1;
	padding-right: 20px;
	box-sizing: border-box;
}

.fourColumns aside .rightBox {
	flex-grow: 2;
	box-sizing: border-box;
}

 .leftBox {
    flex-grow: 1;
	padding-right: 20px;
	box-sizing: border-box;
}

.rightBox {
	flex-grow: 2;
	box-sizing: border-box;
}

.fiveColumns {
	width: 100%;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.fiveColumns aside {
	flex-grow: 1; 
	max-width: 31%;
	margin: 1%;
	min-width: 300px;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	font-size: .9em;
	line-height: 1.4em;
	display: flex;
	/*background-color: #e5d9b6;
	border-radius: 10px;*/
}

.fiveColumns aside .leftBox {
    flex-grow: 1;
	padding-right: 20px;
	box-sizing: border-box;
}

.fiveColumns aside .rightBox {
	flex-grow: 2;
	box-sizing: border-box;
}

.textBlockCentered {
	width: 100%;
	clear: both;
	text-align: center;
}

.textBlockCentered .expandBox {
	overflow: hidden;
}

.textBlockRibbonRight {
	width: 100%;
	clear: both;
	position: relative;
	box-sizing: border-box;
	margin-top:20px;
	margin-bottom:20px;
}

.textBlockRibbonRight::after{
	clear:both;
}

.textBlockRibbonRight .outerbox {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(80, 171, 129, .8);
	border-style: none;
	border-radius:7px;
	z-index: 0;
	position: absolute;
	height:104%;
}

.textBlockRibbonRight .left {
	width: 62%;
	position: relative;
	display: block;
	z-index: 1;
	color:#000;
	padding-left:2%;
	padding-right:2%;
}

.textBlockRibbonRight .left h3 {
	color:#000;
}

.textBlockRibbonRight .left a:link {
	color:#000;
	text-decoration:underline;
}

.yellowBrush{
	height:118%; 
	background:url(/events/am/AM2019/images/brush-yellow.png) bottom left no-repeat; 
	background-size:510px auto;
	margin-top:24px; 
	border-radius:7px;
}

.textBlockRibbonRight .ribbon {
	top: -24px;
	bottom: 0px;
	right: 0px;
	width: 385px;
	box-sizing: border-box;
	position: absolute;
	display: block;
	padding: 0px;
	z-index: 2;
	color: #000;
	
}

.textBlockRibbonRight .ribbon .ribbonTop {
	position: absolute;
	top: 0px;
	left: -13px;
}

.textBlockRibbonRight .ribbon .ribbonBottom {
	position: absolute;
	bottom: 0px;
}

.textBlockRibbonRight h3 {
	padding-top: 60px;
	
}

.textBlockRibbonRight .ribbon h3 {
	color: #000000;
	padding-top: 0px;
	padding-bottom:0px;
	margin-top: 60px;
	margin-left: 55px;
	margin-right: 30px;
	text-align:center;
	line-height: 25px;
}
.textBlockRibbonRight .ribbon p {
	color: #000000;
	padding-top: 0px;
	margin-left: 55px;
	margin-right: 30px;
}

.textBlockRibbonRight .ribbon a {
	color: #000000;
	text-decoration:underline;
}




.whiteBottomBox{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #dbc797;
	position: relative;
	padding: 20px 25px;
	/*margin: 15px -25px;*/
}

table .sectionTable {
	border-collapse: collapse;
	width:100%; /*added by Karla*/
}

.sectionTable th {
	padding: 8px;
	/*border-bottom: 1px solid rgba(152, 106, 76, 0.1); */
	font-weight: bold;
}

.purpleHeader th { 
	background-color: #cb83e9;
	color: #ffffff;
}

.orangeHeader th { 
	background-color: #f57f2d;
}

.pinkHeader th { 
	background-color: #ee6394;
	color: #ffffff;
}

.greenHeader th { 
	background-color: #56ac81;
	color: #ffffff;
	text-align: center;
}

.blueHeader th { 
	background-color: #75ccd2;
	color: #ffffff;
}

.sectionTable   td {
	padding: 8px;
	/*border-bottom: 1px solid rgba(152, 106, 76, 0.1); 
	background-color: rgba(254,209,10, 0.1);*/
}

 
.sectionTable tr:first-child td  {
	/*border-top: 1px solid rgba(152, 106, 76, 0.1);*/
}
 

.sectionTable tr:nth-child(even) {
	background-color: #f5eed9;
}
.shadedCallOut {
	/*width: 100%;*/
	background-color: #e4dbbb;
	padding: 13px;
	display: inline;
	margin-top: 5px;
}
.shadedCallOut .iconImage {
	width: 34px;
	height: auto;
	display: inline;
}
.singleList{
	float:left;
	width: 60%;
}
.doubleList{
	float:left;
	width: 60%;
}
.doubleList ul, .doubleList ol {
		float:left;
		width: 50%
	}
	
.yellowBoxBrush {
	text-align: center;
	background-color: #f7b21c;
	position: relative;
	padding: 10px 20px 10px 20px;
	margin-left: 20px;	
	border-radius:7px;	
}

.airline-info{
	background-color: #fff;
    margin-right: 34px;
    margin-left: 50px;
    padding: 0px 30px 30px 30px;
	border-radius:7px;
}

.airline-info img{
	text-align:center;
	display:block; 
	margin:0px auto;
}

@media (max-width:1024px){
.airline-info{
	background-color: #fff;
    margin-right: 15px;
    margin-left: 10px;
    padding: 0px 30px 30px 30px;
}

}

@media (max-width:950px){
	.textBlockRibbonRight {
		width: 100%;
		clear: both;
		position: relative;
		box-sizing: border-box;
		margin:0px;
		padding:0px;
	}

	.textBlockRibbonRight .outerbox {
		/*display: hidden;*/
		height:100%;
	}

	.textBlockRibbonRight .left {
		width: 100%;
		height: auto;
		padding: 1.5em;
		margin:0px;
	}

	.textBlockRibbonRight .ribbon {
		top: 0px;
		bottom: 0px;
		right: 0px;
		width: 100%;
		position: relative;
		padding: 1.5em;
		background-image: url(https://www.toxicology.org/events/am/AM2019/images/brush-yellow-h.png);
		background-size:1550px;
		background-position:center top;
		margin-top:0px;
	}

	.textBlockRibbonRight .ribbon .ribbonTop {
		display: none;
	}

	.textBlockRibbonRight .ribbon .ribbonBottom {
		display: none;
	}

	.textBlockRibbonRight h3 {
		padding-top: 0px;
	}

	.textBlockRibbonRight .ribbon h3 {
		color: #000;
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.textBlockRibbonRight .ribbon p {
		color: #000;
		padding-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.purpleBorder, .orangeBorder, .pinkBorder, .blueBorder, .greenBorder, .goldBorder {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	
	.yellowBoxBrush {
		margin-left: 0px;		
	}
	
	.airline-info{
		margin-bottom: 15px;
	}
		
	
}

@media (max-width:850px){
	.textBlock {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
	.textBlockTwoColumn {
		width: 96%;
		margin-left: auto;
		margin-right: auto;;
	}
	.textBlockTwoColumn .left, .textBlockTwoColumn .leftWide {
		width: 100% !important;
		float: none;
		padding-right: 0% !important;
		border-right-width: 0px;
		margin-bottom: 1em;
	}
	.textBlockTwoColumn .right, .textBlockTwoColumn .rightThin {
		width: 100% !important;
		float: none;
		padding-left: 0% !important;
		margin-bottom: 2em;
	}
	.textBlockAndBox .left {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
		padding-left:0px;
	}
	.textBlockAndBox .leftThin {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0px;
	}
	.textBlockAndBox .rightBox {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.textBlockAndBox .rightBoxThick {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.textBlockAndLeftBox .right {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
	}
	.textBlockAndLeftBox .leftBox {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.textBlockAndRightPicture, .textBlockAndRightPictureSmall {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.textBlockAndLeftPicture, .textBlockAndLeftPictureSmall {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.textBlockAndLeftPicture .mainImage, .textBlockAndLeftPictureSmall .mainImage {
		float: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
		margin-bottom: 1em;
		display: block;
	}
	.textBlockAndRightPicture .mainImage, .textBlockAndRightPictureSmall .mainImage {
		float: none;
		width: 90%;
		height: auto;
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		border-radius: 5px;
		margin-bottom: 1em;
		display: block;
		padding-top:8%;
	}
	.fourColumns aside {
		max-width: 100%;
		min-width: 100%;
		margin: 0%;
	}
	.fiveColumns aside {
		max-width: 100%;
		margin: 0%;
	}
	.fourColumns aside .leftBox {
		min-width: 20%;
		max-width: 20%;
	}

	.fourColumns aside .rightBox {
		min-width: 80%;
		max-width: 80%;
	}
	
	 .leftBox {
		min-width: 20%;
		max-width: 20%;
	}

	 .rightBox {
		min-width: 96%;
		max-width: 96%;
	}
	
	.fiveColumns aside .leftBox {
		min-width: 20%;
		max-width: 20%;
	}

	.fiveColumns aside .rightBox {
		min-width: 80%;
		max-width: 80%;
	}
	.shadedCallOut {
		width: 100%;
		display: block;
		text-align: center;
	}
	.singleList{
		float:none;
		width: 100%;
	}
	.doubleList{
		float:none;
		width: 100%;
	}
	.doubleList ul, .doubleList ol {
		float: none;
		width: 100%;
		margin-bottom: 0px;
	}
	.purpleBorder, .orangeBorder, .pinkBorder, .blueBorder, .greenBorder, .goldBorder {
		/*margin-top: 2em;
		margin-bottom: 2em;*/
		float:none;
	}
	
	.textBlockAndBox .text{
		float:none;	
	}
	
}
	

/* ------ END: Text Blocks ------ */

/* ------ START: Full Width Body Boxes ------ */

.fullWidthBox {
	clear: both;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 60px;
	padding-bottom: 40px;
	background-image: url(/events/am/AM2018/images/bottom-decoration-cream.png);
	background-repeat: repeat-x;
	position: relative;
}

.fullWidthBox h1 {
	color: #723a19;
}

.fullWidthBox a {
	text-decoration: none;
	color: #fffdeb !important;
}

.fullWidthBox .bottomShadow{
	width: 100%;
	height: 22px;
	background-image: url(/events/am/AM2018/images/bottomGrad.png);
	position: relative;
	bottom: -40px;
}
.fullWidthBox a:link, .fullWidthBox a:hover, .fullWidthBox a:active, .fullWidthBox a:visited {
	color: #fffdeb !important;
}

@media (max-width:850px){
	.fullWidthBox {
		clear: both;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-top: 60px;
		padding-bottom: 40px;
		padding-left: 1em;
		padding-right: 1em;
		background-image: url(/events/am/AM2018/images/bottom-decoration-cream.png);
		background-repeat: repeat-x;
		position: relative;
	}
	
	.fullWidthBox .bottomShadow{
		width: auto;
		margin-left: -1em;
		margin-right: -1em;
		height: 22px;
		background-image: url(/events/am/AM2018/images/bottomGrad.png);
		position: relative;
		bottom: -40px;
	}
}

/* ------ END: Full Width Body Boxes ------ */

/* -------- START: Color Styles --------- */
.purpleBorder {
	border: 30px solid #cb83e9;
    padding: 10px;
    border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31  repeat;
	-webkit-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	-o-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Opera 11-12.1 */
	-moz-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	background-color: #cb83e9;
	padding-top: 0%;
	padding-bottom: 0% ;
	color: #FFFFFF;
	
}

.purpleBorder h3 {
	padding-top: 0px;
	color: #FCD10E;
}

.orangeBorder {
	border: 30px solid #f57f2d;
    padding: 10px;
    border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat;
	-webkit-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	-o-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Opera 11-12.1 */
	-moz-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	background-color: #f57f2d;
	padding-top: 0%;
	padding-bottom: 0% ;
	color: #ffffff;
	
}

.orangeBorder h3 {
	padding-top: 0px;
	color: #FFFFFF;
}

.pinkBorder {
	border: 30px solid #ee6394;
    padding: 10px;
    border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat;
	-webkit-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	-o-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Opera 11-12.1 */
	-moz-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	background-color: #ee6394;
	padding-top: 0%;
	padding-bottom: 0% ;
	color: #ffffff;
	
}

.usbLeft {
	float: left;
}

.usbRight {
	float: left;
}

.usbFill {
	background-image: url(/events/am/AM2018/images/usb-fill.png);
	background-repeat: repeat-x;
	height: 67px;
	box-sizing: border-box;
	padding-top: 20px;
	float: left;
	color: white;
}

.pinkBorder h3 {
	padding-top: 0px;
	color: #FFFFFF;
}

.blueBorder {
	border: 30px solid #75ccd2;
    padding: 10px;
    border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat;
	-webkit-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	-o-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Opera 11-12.1 */
	-moz-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	background-color: #75ccd2;
	padding-top: 0%;
	padding-bottom: 0% ;
	color: #3A3A3A;
	
}

.blueBorder h3 {
	padding-top: 0px;
	color: #ffffff;
}

.greenBorder {
	background-color: #26356b;
	padding: 30px 40px;
	color: #ffffff;
	border-radius:7px;	
}

.greenBorder h3 {
	padding-top: 0px;
	color: #ffffff;
	font-size: 1.5em;
    line-height: 30px;
    margin-bottom: 15px;
	margin-top:0px;
}

.goldBorder {
	border: 30px solid #B2924A;
    padding: 10px;
    border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat;
	-webkit-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	-o-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Opera 11-12.1 */
	-moz-border-image: url(/events/am/AM2018/images/text-box-image-trans.png) 31 repeat; /* Safari 3.1-5 */
	background-color: #B2924A;
	padding-top: 0%;
	padding-bottom: 0% ;
	color: #FFFFFF;
	
}

.goldBorder h3 {
	padding-top: 0px;
	color: #fed10a;
}



.purpleBorder a:link, .orangeBorder a:link, .pinkBorder a:link, .blueBorder a:link, .greenBorder a:link, .goldBorder a:link{
	color: #ffffff;
	text-decoration:underline;
}
.purpleBorder a:hover, .orangeBorder a:hover, .pinkBorder a:hover, .blueBorder a:hover, .greenBorder a:hover, .goldBorder a:hover{
	color: #ffffff;
	text-decoration:none;
}
.purpleBorder a:active, .orangeBorder a:active, .pinkBorder a:active, .blueBorder a:active, .greenBorder a:active, .goldBorder a:active{
	color: #ffffff;
	text-decoration:underline;
}
.purpleBorder a:visited, .orangeBorder a:visited, .pinkBorder a:visited, .blueBorder a:visited, .greenBorder a:visited, .goldBorder a:visited{
	color: #ffffff;
	text-decoration:underline;
}

 a.grunchButton:link, a.grunchButton:active, a.grunchButton:visited{
	color: #26356b;
	text-decoration:none;
}

 a.grunchButton:hover{
	text-decoration:none;
}

.purpleBG {
	background-color: #cb83e9;
}
.orangeBG {
	background-color: #f57f2d;
}
.pinkBG {
	background-color: #ee6394;
}
.blueBG {
	background-color: #75ccd2;
}
.greenBG {
	background-color: #90c741;
}
.goldBG {
	background-color: #B2924A;
}
.brownBG {
	background-color: #684531;
}

.iconPurple, .iconOrange, .iconPink, .iconBlue, .iconGreen, .iconYellow, .iconGold, .iconBrown {
    width: 55px;
	height: 55px;
    border-radius: 50%;
	padding-top: 11px;
	padding-left: 1px;	
}

.fiveColumns .iconPurple, .fiveColumns .iconOrange, .fiveColumns .iconPink, .fiveColumns .iconBlue, .fiveColumns .iconGreen, .fiveColumns .iconYellow, .fiveColumns .iconGold, .fiveColumns .iconBrown {
    width: 100%;
	height: auto;
	text-align: center !important;
	background-color: transparent !important;
	padding-top: 0px;
	padding-left: 0px;
	/*text-shadow: 3px 3px 3px rgba(0,0,0, 0.1);*/
}
.fourColumns .iconPurple, .fourColumns .iconOrange, .fourColumns .iconPink, .fourColumns .iconBlue, .fourColumns .iconGreen, .fourColumns .iconYellow, .fourColumns .iconGold, .fourColumns .iconBrown {
    width: 100%;
	height: auto;
	text-align: center !important;
	background-color: transparent !important;
	padding-top: 0px;
	padding-left: 0px;
	/*text-shadow: 3px 3px 3px rgba(0,0,0, 0.1);*/
}

.largeIconPurple, .largeIconOrange, .largeIconPink, .largeIconBlue, .largeIconGreen, .largeIconYellow, .largeIconGold, .largeIconBrown {
    width: 85px;
	height: 85px;
    border-radius: 50%;
	padding-top: 20px;
	padding-left: 1px;	
	margin-top: 20px;
}

.iconPurple, .largeIconPurple {
    color: white;
    background-color: #cb83e9;
}

 .fiveColumns .iconPurple, .fiveColumns .largeIconPurple, .fourColumns .iconPurple, .fourColumns .largeIconPurple {
    color: #e94a2b;
}

.iconOrange, .largeIconOrange {
    color: white;
    background-color: #F47F2C;
}

.fiveColumns .iconOrange, .fiveColumns .largeIconOrange, .fourColumns .iconOrange, .fourColumns .largeIconOrange {
    color: #e94a2b;
}

.iconPink, .largeIconPink {
    color: white;
    background-color: #ee6394;
}

.fiveColumns .iconPink, .fiveColumns .largeIconPink, .fourColumns .iconPink, .fourColumns .largeIconPink {
    color: #ee6394;
}

.iconBlue, .largeIconBlue {
    color: white;
    background-color: #75ccd2;
}

.fiveColumns .iconBlue, .fiveColumns .largeIconBlue, .fourColumns .iconBlue, .fourColumns .largeIconBlue {
    color: #56ac81;
}

.iconGreen, .largeIconGreen {
    color: white;
    background-color: #90c741;
}

.fiveColumns .iconGreen, .fiveColumns .largeIconGreen, .fourColumns .iconGreen, .fourColumns .largeIconGreen {
    color: #90c741;
}

.iconYellow, .largeIconYellow {
    color: #684531;
    background-color: #fed10a;
}

.fiveColumns .iconYellow, .fiveColumns .largeIconYellow, .fourColumns .iconYellow, .fourColumns .largeIconYellow {
    color: #fed10a;
}

.iconGold, .largeIconGold {
    color: white;
    background-color: #B2924A;
}

.fiveColumns .iconGold, .fiveColumns .largeIconGold, .fourColumns .iconGold, .fourColumns .largeIconGold {
    color: #B2924A;
}
.iconBrown, .largeIconBrown {
    color: white;
    background-color: #684531;
}

.fiveColumns .iconBrown, .fiveColumns .largeIconBrown {
    color: #684531;
}
.buttonBlue, .buttonGreen, .buttonOrange, .buttonPurple, .buttonPink, .buttonYellow, .buttonRed {
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	height: 45px;
	display: inline-block;
	box-sizing: border-box;
	/*width: 150px;*/
	text-align: center;
	padding-top: 10px;
	padding-left: 1.7em;
	padding-right: 1.7em;
	margin-bottom: 1em;
	border-radius: 8px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	-webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
	/*background-image: url(/events/am/AM2018/images/buttonBorder.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;*/
}

.buttonBlue, .buttonBlue:link, .buttonBlue:active, .buttonBlue:visited  {
	background-color: #26356b;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonBlue:hover {
	background-color: #1b2549;
}
.buttonGreen, .buttonGreen:link, .buttonGreen:active, .buttonGreen:visited {
	background-color: #59ab81;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonGreen:hover {
	background-color: #498a69;
}

.buttonOrange, .buttonOrange:link, .buttonOrange:active, .buttonOrange:visited {
	background-color: #f57f2d;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonOrange:hover {
	background-color: #CC6621;
}

.buttonPurple, .buttonPurple:link, .buttonPurple:active, .buttonPurple:visited {
	background-color: #cb83e9;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonPurple:hover {
	background-color: #8734B7;
}


.buttonPink, .buttonPink:link, .buttonPink:active, .buttonPink:visited {
	background-color: #ee6394;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonPink:hover {
	background-color: #D15283;
}

.buttonYellow, .buttonYellow:link, .buttonYellow:active, .buttonYellow:visited {
	background-color: #f7b21c;
	color: #684531;
	text-decoration: none;
}
.buttonYellow:hover {
	background-color: #d29717;
}


.buttonRed, .buttonRed:link, .buttonRed:active, .buttonRed:visited {
	background-color: #e94a2b;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonRed:hover {
	background-color: #bb3c23;
}


/* -------- END: Color Styles -------- */

.exh-applyfees-icon{
	color: white;
    display: inline-block;
    float: left;
    height: 35px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 20px;
    vertical-align: top;
}
.exh-applyfees-info{
	padding-left: 45px;	
}

@media (max-width:1024px){
	.usbLeft {
		display: none;
	}

	.usbRight {
		display: none;
	}

	.usbFill {
		height: auto;
		padding: 1em;
		float: none;
		background-size: 20px 100%; 
		text-align: center;
		clear: both;
		margin:.5em;
	}
	.desktopOnly{
		display:none;
	}
	.mobileOnly {
		display:block;
		width:100% !important;
	}
	
	.purpleBorder, .orangeBorder, .pinkBorder, .blueBorder, .greenBorder, .goldBorder {
   /* margin-bottom: 2em;
    width: 97%;
    margin-left: 15px;
    margin-right: auto;*/
}
}