/*!
 * St Jude Events FY14 prod
 */

/* Fonts
------------------------------------------------------------------------ */

		@font-face {
			font-family: 'stj-p2p';
			src:url('../../fonts/stj-p2p.eot?7b075w');
			src:url('../../fonts/stj-p2p.eot?#iefix7b075w') format('embedded-opentype'),
				url('../../fonts/stj-p2p.woff?7b075w') format('woff'),
				url('../../fonts/stj-p2p.ttf?7b075w') format('truetype'),
				url('../../fonts/stj-p2p.svg?7b075w#stj-p2p') format('svg');
			font-weight: normal;
			font-style: normal;
		}

		[class^="icon-"], [class*=" icon-"] {
			font-family: 'stj-p2p';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;

			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon-search:before {
			content: "\e600";
			font-size: 1em;
		}
		.icon-facebook:before {
			content: "\e601";
		}
		.icon-twitter:before {
			content: "\e602";
		}
		.icon-location:before {
			content: "\e604";
			font-size: 2em;
		}
		.icon-pinterest:before {
			content: "\e603";
		}

		.icon{
			text-align: center;
		}

/* Home
------------------------------------------------------------------------- */

	body.home div.pageBottomWrapper div.innerWrapper
	 {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}

	body.home div.pageBottomWrapper div.innerWrapper div.pageContent
	{
		width: 100%;
	}

	/* Note - body.pg\=entry needs to be reset on homepage width otherwise we get margins */

	body.home div.section {
		padding: 2em 0 5em;
	}

	div.section:after {
	   content: " "; /* Older browser do not support empty content */
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	}

	body.home div.section h2
	{
		text-align: center;
		margin: 0em 0 1em;
	}

	#billBoard.section{
		background-color: #e4e4e4;
		background-image: url(../images/events/img_billboard_00126576-006.jpg);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/events/img_billboard_00126576-006.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/events/img_billboard_00126576-006.jpg', sizingMethod='scale')";
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0px -100px;
		color: #333;
		text-align: center;
		padding: 1em 0 2em;
		width: 100%;
		height: 100%;
	}




		#billBoard div.mainMessage{
			text-align: center;
		}

			#billBoard .BrightcoveExperience{
				width: 100%;
				width: 464px\9;
				height: 261px;
			}

			#billBoard div.mainMessage h1{
				font-size: 3.5em;
				font-weight: 100;
				margin: 6em 0 .1em;
				color: #fff;
			}

			#billBoard div.mainMessage h3{
				font-size: 1.8em;
				line-height: 1.5em;
				color: #666;
				font-weight: 100;
				margin: 1em 0;
			}

			#billBoard div.mainMessage p{
				font-size: 1.5em;
			}

		#billBoard div.actionCenter{
			display: block;
			padding: 2em;
			text-align: center;
		}

			#billBoard div.actionCenter a.action{
				font-size: 1.5em;
				display: inline-block;
				font-weight: 700;
				color: #fff;
				padding: 1.1em 0;
				margin: 0 1%;
				width: 28%;
				border-radius: .3em;
				background-color: #93082f;
				border: none;
				color: #fff !important;
				text-align: center;
			}

			#billBoard div.actionCenter a.action:hover{
				text-decoration: none;
				background-color: #ae1d3e;
			}

			#billBoard div.actionCenter span.search a{
				font-size: 1.2em;
				margin-left: .5em;

			}

			#billBoard .video{
				padding: 4em 0;
			}

	#reinforce{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

		#reinforce h2{
			padding: 2em 0 0;
		}

	#pinBoard.section{
		background: #ececec;
		padding: 1em 0;
	}

	#howToParticipate.section h3{
		color: #666;
		padding: 0 0 .5em;
		line-height: 1.4em;
	}
	div#eventshtp {
padding: 10px;
}
div#eventshtp a {
color: rgb(255, 255, 255);
text-shadow: 0px 1px 2px rgb(0, 0, 0);
}

	/*---- home - events div ----*/
  	.caroufredsel_wrapper { width: 100% !important; height: auto !important; font-size: .5em; color: #fff;}
  	.list_carousel ul {position: relative !important; margin: 0; padding: 0; list-style: none; display: block;}
      	.list_carousel li {position: relative; font-size: 40px; color: #999; text-align: center; background-color: #eee; width: 50px; height: auto; padding: 0; display: block; float: left;}
        	.list_carousel li div {display: inline-block; width: 100%;}
          		.list_carousel li div img {width: 100%; height: auto;}
        	.list_carousel.responsive {width: auto; margin-left: 0;}

	          a.prev, a.next {
	            font-size:3em;
	            font-weight:600;
	            line-height: 1em;
	            position:absolute;
	            margin-top: 180px;
	            text-decoration:none;
	            z-index: 100;
	            padding: .3em .5em .5em;
	            background: #fff;
	          }

	            a.prev {
	              left:0;
	              border-top-right-radius: .3em;
	              border-bottom-right-radius: .3em;
	            }

	            a.next {
	              right:0;
	              border-top-left-radius: .3em;
	              border-bottom-left-radius: .3em;
	            }

				  	.caroufredsel_wrapper h3.name{
				      	position: absolute;
				      	bottom: 3%;
				      	font-size: .7em;
				      	margin: 0;
				      	line-height: .8em;
				      	margin-top: 0;
				      	background-color: rgba(255,255,255, 0.8);
				      	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70FFFFFFF,endColorstr=#70FFFFFFF));
				      	behavior: url(../js/ddd/PIE.htc);
				      	width: 100%;
				      	padding: .5em 0;
				      	color: #333;
				  	}



	#howToParticipate{
		padding: 4em 0;
		background: url(../images/events/img_evn_00151033-003.jpg) no-repeat bottom;
	}

		#howToParticipate.section span.president.caption{
			display: block;
			margin-top: 1em;
			padding: 1em;
			color: #888;
			background-color:rgba(255,255,255,0.5);
			border-radius: .3em;
		}


	#howToParticipate div.grid_4{
		text-align: center;
	}

		#howToParticipate.section span.card{
			color: #333;
			background-color:rgba(255,255,255,0.5);
			display: block;
			padding: .5em 1em;
			border-radius: .3em;
		}

		#howToParticipate ol{
			list-style: none;
			margin: 0;
		}

			#howToParticipate li{
				display: block;
				margin-bottom: .5em
			}

			#howToParticipate li .number {
				padding: .8em 1.4em;
				background: white;
				border-radius: 3em;
				font-weight: bold;
				border: 1px solid #cccccc;
				display: block;
				float: left;
			}

			#howToParticipate li .instruction {
				padding: .8em 0;
				margin-left: 5em;
				display: block;
			}

			#howToParticipate li p {
				color: #333333;
				font-size: 15px;
				line-height: 1.4em;
				font-weight: normal;
			}

		#howToParticipate .actionCenter {
			display: block;
			margin: 2.5em 0 1em;
		}

			#howToParticipate .actionCenter h3{
				display: inline-block;
				margin: 0;
				padding: 0 .5em 0 0;
			}

			#howToParticipate .actionCenter .button{
				display: inline-block;
				font-size: 1.3em;
				margin: 0 0 1.0em;
			}

	#getStarted.section{
		background-color: #efefef;
		color: #333;
		text-align: center;
		padding: 4em 0 4em;

	}

		#getStarted.section div.grid_3 span.card{
			color: #333;
			background-color: #fff;
			display: block;
			padding: .5em;
			border-radius: .3em;
			margin-bottom: 2em;
		}

		#getStarted.section div.grid_4 span.card{
			color: #333;
			background-color: #fff;
			display: block;
			padding: .5em 0;
			border-radius: .3em;
			margin-bottom: 2em;
		}

		#getStarted.section div.grid_4 div.primary{
			padding: 0 1.5em;
			display: block;
			border-right: 1px solid #ddd;
		}


			#getStarted.section div.grid_4 span.card .caption{
				color: #333;
				font-size: .8em;
				padding: .5em 1em 1em;
				display: block;
				text-align: right;
				color: #888;
			}

			#getStarted.section div.grid_4 span.card a.button.large{
				font-size: 1.3em;
			}

			#getStarted.section a.contact {
				font-weight: bold;
				text-decoration: underline;
			}

			#getStarted.section div.grid_3 span.card{
			color: #333;
			background-color: #fff;
			display: block;
			padding: .5em;
			border-radius: .3em;
			margin-bottom: 2em;
		}


		#getStarted.section div.grid_6 span.card{
			color: #333;
			background-color: #fff;
			display: block;
			padding: .5em 0;
			border-radius: .3em;
			margin-bottom: 2em;
		}

		#getStarted.section div.grid_6 div.primary{
			padding: 0 1.5em;
			display: block;
			border-right: 1px solid #ddd;
		}


			#getStarted.section div.grid_6 span.card img{
				width: 100%;
			}

			#getStarted.section div.grid_6 span.card h4{
				margin-top: 0;
			}


			#getStarted.section div.grid_6 span.card .caption{
				color: #333;
				font-size: .8em;
				padding: .5em 1em;
				display: block;
				text-align: right;
				color: #888;
			}

			#getStarted.section div.grid_6 span.card a.button.large{
				font-size: 1.3em;
			}

			#getStarted.section a.contact {
				font-weight: bold;
				text-decoration: underline;
			}

/* Forms
------------------------------------------------------------------------- */

	div.progress-bar-step-container {
		padding-right: 0;
		margin-top: .5em;
		margin-bottom: 0;
	}

	body.request div.pageBottomWrapper div.innerWrapper{
		background: url('../images/events/img_form_00160650-076.jpg') no-repeat top;
	}

	body.contactus div.pageBottomWrapper div.innerWrapper{
		background: url('../images/events/img_form_00160650-076.jpg') no-repeat top;
		min-height: 600px;
	}

	body.contactus .contentSingleColumn {
		margin-left: 300px;
	}

	body.UserLogin div.pageBottomWrapper div.innerWrapper{
		background: url('../images/events/img_form_00161185-028.jpg') no-repeat bottom;
		min-height: 350px;
	}

	body.pg\=reg div.pageBottomWrapper div.innerWrapper{
		background: url('../images/events/img_form_00160650-076.jpg') no-repeat top;
		min-height: 350px;
	}

	body.pg\=ptype div.pageBottomWrapper div.innerWrapper{
		background: url('../images/events/img_form_00161185-028.jpg') no-repeat bottom;
		min-height: 350px;
	}

	#privacy_options_container{
		margin-top: 1em;
	}

	#cons_info_dob legend{
		float: left;
		position: absolute;
		top: 30%;
	}

	/* Registration Selection */

	.input-container fieldset span.input-container {
	    margin-left: 2em;
	}
	div#registration_options_page span.survey-textarea-container textarea {
		max-width: 100%;
	}

	.survey-question-container .input-container.style1 fieldset span.indented-field-group > label,
	.survey-question-container .input-container fieldset.style1 span.indented-field-group > label {
	    display: none;
	}
	.input-container.style1 legend,
	.survey-question-container .input-container.style1 fieldset legend,
	.survey-question-container .input-container fieldset.style1 legend {
	    width: 100%;
	}
	div.responsive .survey-question-container input[type="text"] {
	    text-indent: 0;
	}
	span.survey_combo_other_input_container span.combo-field-wrap > input {
	    max-width: 93%;
	}
	div#registration_options_page .indented-field-group {
	    margin-left: 1em;
	}

	#participantSelect .outerWrap.style1 {
	    background: linear-gradient(to bottom, #FFF 0%, #5D666C 100%) repeat scroll 0 0 transparent;
	    border: 3px solid #5D666C;
	}

	#participantSelect .outerWrap {
	    background: -moz-linear-gradient(center top , #EAEAEA, #DBDBDB) repeat scroll 0 0 #E3E3E3;
	    border: 1px solid #DBDBDB;
	    border-radius: 3px 3px 3px 3px;
	    color: #333333;
	    cursor: pointer;
	    float: left;
	    font-size: 16px;
	    height: 100px;
	    margin: 1.5%;
	    overflow: visible;
	    padding: 0;
	    width: 30%;
	}

	#participantSelect .outerWrap label {
	    cursor: pointer;
	    display: block;
	    float: right;
	    font-size: 18px;
	    height: 25px;
	    line-height: 130%;
	    padding: 28px 10%;
	    text-align: center;
	    white-space: normal;
	    width: 80%;
	}
	#participantSelect .outerWrap input {
	    margin: 38px 8px;
		position: absolute;
	}

	#participantSelect .outerWrap.style1{
		background: #EEE !important;
		border: solid 1px #5D666C !important;
	}

	.responsive input#btn_prev,
	.responsive input#btn_next {
		border: none;
		background-image: none;
		filter: none;
		-ms-filter: none;
		padding: 1em;
		margin: .5em 0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.responsive input#btn_prev{
		color: #3596D4
		float: left;
		background-color: inherit;
	}

	.responsive input#btn_next{
		color: #fff;
		float: right;
		background-color: #93082f;
	}

	#participantSelect #part_type_section_footer {
	    background-color: #F8F8F8;
	    border-bottom-left-radius: 12px;
	    border-bottom-right-radius: 12px;
	    padding: 10px;
	}

	#part_type_section_footer {
	    margin-top: 30px;
	    padding-top: 5px;
	}

	/* Registration Login */
	form#f2fLoginOauth{
		width: 50%;
	}

	#login-div-content .ErrorMessage {
  		float: none;
	}
	#login-div-content #lmainLogonForm {
 		margin-top: 1em;
	}

	/* limits the screen name display size */
	input#fr_screenname {
		width: 255px;
	}

	/* CASL */
	body.TRR div#email_opt_in_container span.input-label {white-space: normal;}

/* Participant Search
------------------------------------------------------------------------- */

	div#find_participant_header_container h2#find_hdr_title_container {
		font-size: 2em;
		font-weight: 100;
		margin: 0;
		font-family: inherit;
		font-weight: 100;
		line-height: 1.2em;
		color: inherit;
		text-rendering: optimizelegibility;
		text-align: left;
	}

	div.tr-page-container div.section-sub-header.empty {
		padding: 0;
		border: 0;
	}

	div#find_participant div.search-content {
		padding: 0;
	}

	#find_participant div.participant-find-search-container{
		width: 100%;
		margin: 2em 0;
	}

		form#findFriendForm,
		form#teamFindFriendForm{
			padding: 0;
		}

		#search_part_team ul li a {
			text-decoration: none;
			font-size: 1.2em;
		}

		#search_part_team ul li.ui-tabs-selected a {
			color: #333;
		}

			#search_part_team div.ui-tabs-panel input{
				width: 98%;
				margin: 0;
			}

			div#first_name_search_field,
			div#last_name_search_field{
				display: block;
				width: 100%;
			}

			div#last_name_search_field{
				margin-top: .5em;
			}

		div#find_participant button.search-button {
			background: url("../../images/friendraiser/icon_search_button.png") no-repeat top left;
			width: 38px;
			height: 31px;
			border: none;
			position: relative;
			bottom: inherit;
			left: inherit;
		}

		a#search_mode_link_basic,
		a#search_mode_link_basic_team,
		div#advanced_search_border,
		div#advanced_team_search_border,
		div#event_search_field,
		div#team_search_field,
		div#team_event_search_field,
		div#team_first_name_search_field,
		div#team_last_name_search_field,
		a#basic_team_search_container {
			display: none;
		}

		div#find_participant div.actionBar {
			width: 100%;
			display: block;
			float: left;
			padding: .5em 0;
			margin-top: .5em;
		}

			div#find_participant button.search-button{
				display: inline-block;
				padding: 1em;
				margin-bottom: 0px;
				font-family: inherit;
				font-size: 1.1em;
				font-weight: 600;
				line-height: 1.4em;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background: inherit;
				border: 2px solid #93082f;
				float: left;
				width: 100px;
				height: inherit;
			}

			div#find_participant span.icon-search {
				display: inline-block;
				margin-right: .2em;
			}

			div#find_participant button.search-button:hover{
				color: #fff !important;
				background-color: #ae1d3e;
				text-decoration: none;
			}

			div#find_participant span#participant_find_search_text,
			div#find_participant span#team_find_search_text{
				display: block;
			}

	#TrEventSearchForm .message{
		margin: 1em 0;
	}

	#search_part_team input.ghost-text.active{
		font-style: normal;
	}

	#screen_name_search_field {
		display: block;
		float: left;
		width: 100%;
		margin-top: 7px;
	}

	div#find_participant div.participant-find-search-results {
		background-color: inherit;
		border: 0px;
		padding: 0;
		margin-top: 35px;
	}

		div#find_participant span#team_find_search_results_header_text {
			display: block;
			font-size: 2em;
			margin-bottom: .5em;
		}

		div#find_participant div.list-component-row {
			-moz-border-radius: .5em;
			-webkit-border-radius: .5em;
			border-radius: .5em;
			filter: none;
			-ms-filter: none;
			background-image: none;
			border: 1px solid #dad7d0;
			margin-bottom: .5em;
			padding: 10px;
		}

		div#find_participant div.list-component-row:hover {
			background: #EFEFEF;
		}

/* Event Participant Search
------------------------------------------------------------------------- */

	body.part.search{

	}

	/*	body.part.search #classification_id{
		display:block !important;
	}*/

	body.part.search select {
		border: 2px solid #CCCCCC;
		line-height: 1.25em;
		font-size: 1.2em;
		color: #a9a9a9;
		-moz-appearance: none;
		background-image: url("../../images/select.gif");
		background-repeat: no-repeat;
		background-position: right center;
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 1em 1.2em 1em 0.7em;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		outline: none;
		margin-top: .3em;
		margin-bottom: .2em;
		display: inline-block;
		text-overflow: "";
		margin-top: .5em;
	}

	input#qf_go{
		font-size: 1.2em;
		padding: .5em 1em;
	}

	div.input-container.radio{
		float:left;
		display: block;
	}

	body.evntsearch fieldset{
		margin: 0 0 2em;
	}

	body.evntsearch .input-container.radio{
		padding: .2em 0;
	}

	div#FrEventSearchButtons{
		margin: 1em 0;
	}

	ul#privacy_options_input{
		margin: 2em 0 0;
	}

/* Custom Pages
------------------------------------------------------------------------- */

	div#dashboard{
		background: #f5f5f5 url(../images/events/dust.png) repeat;
		color: #333;
		padding-bottom: .5em;
	}

		div#dashboard div#personal_page_header,
		div#dashboard div#team_page_team_name,
		div#dashboard div#entry_campaign_banner_container {
			background: rgba(255, 255, 255, .5);
		}

		div#dashboard div.team-honor-list-row{
			color: #333;
		}

/* Event Page
------------------------------------------------------------------------- */

	body.entry {
		font-size: 14px;
		line-height: 18px;
	}

	div#dashboard{
		padding: 2em 0;
	}

	div.event_info{
		position: relative;
	}

		div.event_info div#eventTitle{
			font-size: 4em;
			padding: 0 0;
			margin: 0 0 .3em;
			border: 0;
			text-align: left;
			line-height: 1.1em;
		}

		div.event_info div#eventDate{
			font-size: 2em;
			font-style: italic;
		}

	div.event_action{

	}



		div.event_action div#frStatus1{
			width: 100%;
			padding: 0;
		}

		div.thermometer-container div.thermometer-outer {
			/* height: 2em; */
			background: none repeat scroll 0 0 #ddd;
			border: 2px solid #ddd;
		}

		div.thermometer-image div.total-goal-info {
			display: block;
			float: right;
			padding-top: 5px;
		}

		div.thermometer-image div.amount-percentage-info {
			display: none !important;
		}


		div.thermometer-container div.amount-raised-info {
			text-align: left;
			float: left;
			position: relative;
		}

		div.thermometer-container div.total-goal-info  span.total-goal-value {
			font-size: 2em;
			font-weight: 100;
			line-height: .8em;
			margin-bottom: .2em;
			padding: 0.3em 0;
		}

			div.thermometer-container div.amount-raised-info span.amount-raised-value {
				display: inline-block;
				float: left;
				padding: .3em 0;
			}

			div.thermometer-container div.amount-raised-info span.amount-raised-label {
				display: block;
				/*
				float: left;
				position: absolute;
				*/
				margin: 0;
				border: 0;
				padding: .5em;
				font-size: 1em;
				color: #999999;
			}

			div.total-goal-info span.amount-goal-label {
				color: #999999;
				display: block;
				font-size: 1em;
				text-align: right;
				padding: .9em 0;
			}



			div.thermometer-container div.amount-raised-info div.amount-percentage-info {
				display: inline-block;
				float: left;
				text-align: left;
				margin-left: .5em;
				margin-bottom: 0em;
				border: 0;
				position: absolute;
				padding: 0;
				bottom: 0.2em;
				width: 100px;
			}

				div.thermometer-container div.amount-percentage-info span {
					margin-right: 0;
				}

		div.donation-link-container{
			text-align: right;
		}

			div#dashboard a.donation-link.indicator-link{
				/* float: right; */
				padding: 1em 0;
				text-align: right;
				background: none;
				border: 0;
				color: #3596D4 !important;
				font-size: inherit;
			}

			div.thermometer-container div.donation-link-container{
				padding: 0;
				/* text-align: right; */
			}

		div#dashboard div.event_action a#btn-register.step-button, div#dashboard div.event_action a#btn-center.step-button, div#dashboard div.event_action a#btn-donate.step-button {
			color: #fff !important;
			font-size: 1.4em;
			font-weight: 100;
			background-color: #93082f;
			padding: 1em 0;
			border: 0;
			margin-top: 0;
			margin-bottom: 1em;
			width: 100%;
		}

			div#dashboard div.event_action a#btn-register.step-button:hover, div#dashboard div.event_action a#btn-center.step-button:hover, div#dashboard div.event_action a#btn-donate.step-button:hover {
				color: #ffffff !important;
				background-color: #ae1d3e;
				text-decoration: none;
			}

	div.tr-page-container #entry_page_custom_html{
		padding: 1em 0;
	}

	body.entry div#entry_sidebar_left,
	body.pg\=entry div#entry_sidebar_left {

	}

	body.entry div#entry_main,
	body.pg\=entry div#entry_main {
		margin-left: 0.83333333333333%;
		margin-right: 0.83333333333333%;
	}

	div.card{
		border: 1px solid #ddd;
		background: #fff;
		margin: 0;
		padding: 1em;
	}

		div.card h4{
			font-weight: 100;
			padding: 0 0 .5em;
			margin: 0 0 .5em;
			border-bottom: 1px solid #ddd;
		}

			div#eventDetailsInfo {
				margin: 0 0 1em;
				width: 100%;
			}

				div#eventDetailsInfo div.card div.event-location-details{

				}

					div.event-location-details a.btn-directions{
						display: inline-block;
						padding: .5em 1em;
						margin-top: .5em;
						margin-bottom: .5em;
						font-family: inherit;
						font-size: 1em;
						font-weight: 600;
						line-height: 1.4em;
						text-align: center;
						vertical-align: middle;
						cursor: pointer;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
						background: inherit;
						border: 2px solid #93082f;
						color: #93082f;
					}

					div.event-location-details a.btn-directions:hover{
						color: #fff !important;
						background-color: #ae1d3e;
						text-decoration: none;
					}


				div#eventDetailsInfo div.card div.event-schedule{
					margin-top: 1em;
					float: left;
				}

				span.questions.label{
					display: block;
					float: left;
					width: 100%;
				}

				div#eventDetailsInfo div.card div.event-contact-details{
					padding: .5em 0 0 0;
					margin-top: 0;
					margin-bottom: .5em;
					border-top: 1px solid #ddd;
				}

					div#eventDetailsInfo div#eventContactInfo a{
						display: block;
						float: left;
						padding: .2em 0 0;
					}

	body.entry #event_image_one {
		float: left;
		width: 100%;
	}

	.tr_sponsorship_logo{
		margin: 0;
		display: block;
		float: left;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	.tr_sponsorship_logo img{
		width: 100%;
	}
	.tr_sponsorship_logo.tr_sponsorship_logo_vertical {
	  height: auto !important;
	}

		.tr_sponsorship_logo img.tr_sponsorship_logo_image {
			position: relative;
			top: inherit;
			left: inherit;
			margin-top: 0 !important;
			margin-left: 0 !important;
		}

	body.entry div.personalsocial{
		position: relative;
		top: inherit;
		width: 100%;
		border-bottom-left-radius: 0;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	body.entry div.personalsocial div.utility-social.card{
		padding: 0;
	}

	.janrainSocialRoot.janrainOrientationHorizontal .janrainShareCountContainer {display:none!important;}


		body.entry div.personalsocial div.utility-social div span,
		body.entry div.personalsocial div.utility-social .pinbox{
			width: 33.33%;
			float: left;
		}

		body.entry div#event_image_one span,
		body.entry div#event_image_two span{
			padding: 0;
			margin-bottom: 0 !important;
		}


		body.entry div.personalsocial div.utility-social div span#shareLinkText{
			background-color: #F5F5F5;
			color: #333;
			text-align: center;
			font-size: 9px;
			text-transform: uppercase;
			position: relative;
			z-index: 1;
			width: 100%;
			margin-bottom: 0;
		}

		body.entry div.personalsocial div.utility-social div span a,
		body.entry div.personalsocial div.utility-social .pinbox a{
			border-top: 0px;
			border-bottom: 0px;
			width: 100% !important;
			text-align: center;
			height: inherit !important;
			padding: 1em 0 !important;

		}

		body.entry div.personalsocial div.utility-social div span a{
			font-size: 1.15em;
		}

		body.entry div.personalsocial div.utility-social .pinbox a{
			padding: 1.2em 0 !important;
		}

		.personalsocial .utility-social div span.second a:hover,
		.personalsocial .utility-social div span.third a:hover,
		.personalsocial .utility-social .pinbox a:hover{
			border-top: 0px;
		}

	body.entry div.eventMgmt{
		margin: 0 0 1em 0;
	}

	body.entry .tr_sponsorship_logo{
		margin-top: 0;
	}

/* Team Page
------------------------------------------------------------------------- */

	body.pg\=team div.pageBottomWrapper div#dashboard,
	body.team div.pageBottomWrapper div#dashboard{
		padding: 0;
	}

	body.team a#join_team_button,
	body.pg\=team a#join_team_button{
		color: #fff !important;
		background-color: #93082f;
		border-color: #93082f;
	}

	body.team a#join_team_button:hover,
	body.pg\=team a#join_team_button:hover{
		color: #fff !important;
		background-color: #ae1d3e;
	}

	body.pg\=team div.pageBottomWrapper div#teamRoster,
	body.team div.pageBottomWrapper div#teamRoster{
		margin-bottom: 2em;
		height: 200px;
		overflow: auto;
	}
	div.team-roster-participant-row {
		margin-bottom: 15px;
	}

		hidden.pg\=team div.pageBottomWrapper div#teamRoster a,
		body.team div.pageBottomWrapper div#teamRoster a{
			color: #93082F;
		}

		div.team-roster-icon-description{
			color: #666;
		}

		body.team div.team-roster-raised-label,
		body.pg\=team div.team-roster-raised-label {
			color: #666;
		}

/* Personal Page
------------------------------------------------------------------------- */

	body.pg\=personal a#personal_page_team_page_link,
	body.personal a#personal_page_team_page_link {
		color: #93082F;
	}

	/*DIY Fundraise your way*/
#primary_event + .mobile-donate {
  clear: both;
}


/* Credit Card payment
------------------------------------------------------------------------- */

	#reg_payment_page span.payment-type-option{
		background: none;
	}

	#reg_payment_page span.payment-type-option.selected{
		background: #fff;
	}

/* GEM - Event Management
------------------------------------------------------------------------- */

	/* Primary Event Display */

	body.pg\=personal #primary_event {
		width: 60%;
		float: left;
		display: block;
		position: relative;
		background: #efefef;
		margin: 0;
		border-radius: .5em;
		padding: 1em;
		margin-bottom: 1.5em;
	}

	div#gem-primary-event{
		font-size: 1.1em;
		margin-bottom: 0;
	}

		body.pg\=personal div.gem-event-name{
			font-size: 1.5em;
			display: block;
			font-weight: 400;
			color: #333;
			line-height: 1em;
			margin-bottom: .3em
		}

		div.gem-event-date{
			color: #888;
		}

			span.gem-event-date-startdate{
				display: block;
				font-size: 1.2em;
				margin-bottom: 1em;
			}

			span.gem-event-date-enddate{
				display: block;
				font-size: 1.2em;
				margin-bottom: 1em;
			}

		div.gem-event-location{
			font-size: 1em;
		}

			div.gem-event-location-street1{

			}

			div.gem-event-location-street2{

			}

			div.gem-event-location-citystatezip{

			}

			div.gem-event-location-country{
				display: none;
			}

	.pg\=personal #personal_page_main_content #upcoming_events,
	.pg\=personal #personal_page_main_content #past_events{
		font-size: .9em;
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em;
		width: 100% !important;
		display: block;
	}

	div#gem-coming-events,
	div#gem-past-events{
		padding: 1em;
	}

	div.gem-event-header{
		display: block;
		font-size: 1.2em !important;
		color: #888;
		text-transform: uppercase;
		font-weight: normal;
		margin-bottom: 1em !important;
	}

	div.gem-event-row{
		width: 100%;
	}


	#reg_payment_page span.external-payment span.payment-type-option {
		padding: .3em;
	}

	#reg_payment_page #billing_addr_street1_row input,
	#reg_payment_page #billing_addr_street2_row input{
		width: 100%;
	}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

	div.pageBottomWrapper div.innerWrapper{
		padding: 0 1em;
	}

	body.home div.pageContent{
		padding: 0;
	}

	#billBoard{
			background-position: -240px 0;
	}

	/* Event Page
    ------------------------------------------------------------------------- */
	div.pageContent {
		padding: 0;
	}

	body.entry.mobile  div.tr-page-container div.main-content,
	body.pg\=entry.mobile  div.tr-page-container div.main-content {
		width: 100%
	}

	/* Forms
	------------------------------------------------------------------------- */

	body.contactus div.pageBottomWrapper div.innerWrapper{
		background: none;
	}

	body.contactus .contentSingleColumn {
		margin-left: 0;
	}

	body.request div.pageBottomWrapper div.innerWrapper{
		background: none;
	}

	body.UserLogin div.pageBottomWrapper div.innerWrapper{
		background: none;
	}

	body.pg\=reg div.pageBottomWrapper div.innerWrapper{
		background: none;
	}

	body.pg\=ptype div.pageBottomWrapper div.innerWrapper{
		background: none;
	}

	/* Event Search
	------------------------------------------------------------------------ */
	th.lc_Heading{
		width: 60px;
	}
}
		select#fr_event_state{
			border: 2px solid #CCCCCC;
			line-height: 1.25em;
			font-size: 1.2em;
			/*color: #a9a9a9;*/
    		background-image: url("../../images/select.gif");
			background-repeat: no-repeat;
			background-position: right center;
			padding: 1em 1.2em 1em 0.4em;
			-webkit-border-radius: 4px 4px 4px 4px;
			-moz-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
			outline: none;
			margin-top: .3em;
			margin-bottom: .2em;
			display: inline-block;
			-webkit-appearance: none;  /*Removes default chrome and safari style*/
    		-moz-appearance: none;  /*Removes default style Firefox*/
     		text-indent: 0.01px;
     		text-overflow: "";

		}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {



 	/* Homepage
  	------------------------------------------------------------------------- */

      /* Billboard */
      #billboard{
         height: inherit;
         background-position-x: -480px;
         background-position-y: 120px;
      }

      #billboard h1{
         font-size: 4em;
         line-height: 1em;
      }

      #dosomething a.action {
        font-size: 1.2em;
        font-weight: 300;
        padding: 1.1em 0;
        margin: 0 1% .5em;
        width: 90%;
      }

      /* midrow */
      div.midrow h2{
        width: 90%;
        margin: 0 auto;
      }

      .caroufredsel_wrapper .overlay h3.name{
        margin-bottom: 3em;
      }

      a.prev, a.next {
        padding: .1em .2em .2em;
      }

      .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin-left: 0;
        margin-right: 0;
        float: left;
        display: block;
        position: relative;
        width: 100%;
      }

    /* Forms
	------------------------------------------------------------------------- */

	div.responsive .survey-question-container input[type="text"] {
		text-indent: 0;
	}

		body.contactus div.pageBottomWrapper div.innerWrapper{
			background: none;
		}

		body.UserLogin div.pageBottomWrapper div.innerWrapper{
			background: none;
		}

		/* Registration Selection */

		#participantSelect .outerWrap {
		    width: 29.5%;
		    height: 180px;
		}

		#participantSelect .outerWrap label {

		}
		#participantSelect .outerWrap input {
		    margin: .5em;
			position: relative;
			width: 100%;
		}


	/* Event Page
 	------------------------------------------------------------------------- */

		body.entry div.wrapper {
			width: inherit;
			padding: 0 .5em;
		}

		.mobile div.tr-page-container #entry_page_custom_html{
			padding: 0;
		}

		body.entry div.pageContent{
			padding: 1em 0;
		}

		div.event_info div#eventTitle {
			font-size: 3em;
			padding: 0 0;
			margin: 2em 0 .5em;
			border: 0;
			text-align: left;
			line-height: 1.1em;
		}

		div.event_info div#eventDate {
			font-size: 2em;
			margin-bottom: 1em;
		}

		div#entry_sidebar_left div.grid_3,
		div#entry_sidebar_left div.grid_9{
			width: inherit;
			margin-left: inherit;
			margin-right: inherit;
		}

		.mobile div#frStatus1.tr-status-indicator-container {
			margin: 0px;
		}

		div#dashboard div.event_action a#register_ind_container.step-button {
			margin-bottom: .5em;
		}

		.mobile div.tr-page-container #entry_page_custom_html{
			max-height: inherit;
		}

		a#view_more_link{
			display: none;
			visibility: hidden;
		}

 		body.entry div#entry_sidebar_left,
 		body.pg\=entry div#entry_sidebar_left {
			width: 100%;
		}

		body.entry.mobile div.tr-page-container #entry_page_custom_html img{
			display: block !important;
		}

		body.entry.mobile div.tr-page-container #entry_page_custom_html div.personalsocial img{
			display: none !important;
		}

		/*  TO DO: consider for the reset */
		.mobile div.responsive button.step-button {
			float: inherit;
		}

		.mobile #btn_prev{
			float: left;
			background: none;
			color: #3596D4 !important;
		}

		.mobile #btn_next{
			float: right;
		}


	/* Share widget
 	------------------------------------------------------------------------- */

		/*
div.personalsocial,
		body.loggedIn div.personalsocial,
		body.entry div.personalsocial{
			width: inherit;
			height: inherit;
			border: inherit;
			right: 0;
		}

		div.personalsocial div.card {
			padding: 0;
		}



 		span#shareLinkText{
 			height: inherit;
 			padding-top: 0;
 		}
*/



 		div.personalsocial,
		body.loggedIn div.personalsocial,
		body.entry div.personalsocial{
			width: inherit;
			height: inherit;
			border: inherit;
			right: 0;
			width: 100%;
		}

		shareLinkText,
			.personalsocial .utility-social div span,
			.pinbox a{
				width: 25%;
			}
			.personalsocial .utility-social .pinbox a:before {
				line-height: 1.5;
			}

			span#shareLinkText {
				height: inherit;
				padding-top: 2em;
			}

		div.personalsocial{
			height: 50px;
			overflow: hidden;
		}




}

/* Landscape phones and down */
@media (max-width: 480px) {

 	/* Homepage
  	------------------------------------------------------------------------- */

	/* Billboard */
      #billBoard.section{
      	background-position: center;
      }


	    #billBoard div.mainMessage h1{
			margin: 1em 0;
	    }

	    #billBoard div.actionCenter{
	    	padding: .5em;
	    }

		    #billBoard div.actionCenter a.action{
		    	width: 90%;
		        margin: .5em 0;
		    }

      /* pinBoard */

      #pinBoard .wrapper{
      	padding: 0;
      }

      .caroufredsel_wrapper .overlay h3.name{
        margin-bottom: 4.5em;
      }

      /* howToParticipate */

      	#howToParticipate{
      		background: #fff;
      	}

      /*getStarted */

      	#getStarted.section div.grid_4 div.primary {
			padding: 0;
			display: block;
			border-right: 0;
		}

		#getStarted span.card img{
			width: 100%;
		}

	/* Register
	------------------------------------------------------------------------- */

		#participantSelect .outerWrap {
		    width: 100%;
		    margin: 0 0 .5em;
		    height: inherit;
		}

		#participantSelect .outerWrap input{
			float: left;
			position: absolute;
			margin: 30px .5em;
		}

		/* Social Login */

		form#f2fLoginOauth{
			width: 100%;
		}

			div.responsive div.form-content{
				margin-bottom: 0;
			}

			.mobile div.social-provider-link-container a{
				margin-left: 20px;
				margin-top: 10px;
			}


	/* Participant Search
	------------------------------------------------------------------------- */

		.mobile div#find_participant div#search_part_team{
			padding: 0;
			margin: 0 0 2em;
		}

			.mobile div#find_participant li{
				width: inherit;
				padding: 1em .5em;
			}

			.mobile div#find_participant li a{
				margin: .5em;
			}

			.mobile #search_part_team div.ui-tabs-panel input{
				width: 96%;
			}

		.mobile div#find_participant div.participant-find-search-results{
			padding: 0;
			margin: 0;
		}

	/* Event Page
 	------------------------------------------------------------------------- */
		div.event_info div#eventTitle {
			font-size: 3em;
			padding: 0 0;
			margin: .5em 0 .5em;
			border: 0;
			text-align: left;
			line-height: 1.1em;
		}

		div.event_info div#eventDate {
			font-size: 2em;
			margin-bottom: 1em;
		}

		div#entry_sidebar_left{
			margin-bottom: 1em;
		}

		div#entry_sidebar_left div.grid_3,
		div#entry_sidebar_left div.grid_9{
			width: inherit;
			margin-left: inherit;
			margin-right: inherit;
		}


		body.entry #utility,
		body.pg\=entry #utility{
			padding-top: 0;
		}

		.mobile div#frStatus1.tr-status-indicator-container {
			margin: 0px;
		}

		div.tr_sponsorship_logo.tr_sponsorship_logo_vertical{
			width: 100% !important;
			height: inherit;
		}

		div#dashboard div.event_action a#register_ind_container.step-button {
			margin-bottom: .5em;
		}

		.mobile div.tr-page-container #entry_page_custom_html{
			max-height: inherit;
		}

		a#view_more_link{
			display: none;
			visibility: hidden;
		}

 		body.entry div#entry_sidebar_left,
 		body.pg\=entry div#entry_sidebar_left {
			width: 100%;
		}

		div#eventDetailsInfo .grid_2 {
			width: 15%;
		}

		div#eventDetailsInfo .grid_10{
			width: 81.666666666667%;
		}

		div.personalsocial,
		body.loggedIn div.personalsocial,
		body.entry div.personalsocial{
			width: 100%;
		}
			#shareLinkText,
			.personalsocial .utility-social div span,
			.pinbox a{
				width: 25%;
			}
			.personalsocial .utility-social .pinbox a:before {
				line-height: 1.5;
			}

			span#shareLinkText {
				height: inherit;
				padding-top: 2em;
			}

		div.personalsocial{
			height: 50px;
			overflow: hidden;
		}

		.shareDialog input[type="text"]{
			width: 35px !important;
			height: 24px !important;
			line-height: 1em !important;
			text-align: center !important;
			font-size: 0.9em !important;
			padding: 0 !important;
		}

		/*  TO DO: consider for the reset */
		.mobile div.responsive button.step-button {
			float: inherit;
		}

		.mobile #btn_prev{
			float: left;
			background: none;
			color: #3596D4 !important;
			text-align: left;
		}

		.mobile #btn_next,
		.mobile #next_step{
			float: right;
		}

		#participantSelect .outerWrap label {
		    cursor: pointer;
		    display: block;
		    float: right;
		    font-size: 18px;
		    height: 25px;
		    line-height: 130%;
		    padding: 28px 10%;
		    text-align: center;
		    white-space: normal;
		    width: 80%;
		}

}


/*last minute edits*/
.tr_sponsorship_logo_vertical {
  max-width: 100%;
}
/*.card img {padding: 10px 0;} */

.tr_sponsorship_logo.tr_sponsorship_logo_slideshow {
    max-width: 100%;
    height: auto !important;
    min-height: 220px;
}
.survey-question-container .input-container label {
	display: block;
}

/*getting rid of float labels*/
div.registration-page-container div.section-header{
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	background-color: inherit;
}