@charset "UTF-8";

/* Eric Meyer's Reset Reloaded
------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family:Helvetica, Arial, sans-serif;!important; vertical-align: baseline; color:#333;}
ol, ul { list-style:none; margin-bottom:1em;}
ul.rss-items {margin-bottom:.75em;}
table { border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; }
th, td { text-align:left; font-weight:normal; }
strong { font-weight:bold; } em { font-style:italic; }
a, a:hover {text-decoration:none;}
a img { border: none; } p img { vertical-align:text-bottom; }
/* close Reset Reloaded ------------------------------------------------ */

/* changing link color on share dialog box to be white since it's not visible when dark blue */
.yui-panel-container .shareDialog .hd a, .yui-panel-container .shareDialog .hd a:hover, .yui-panel-container .shareDialog .hd A:link {
  color: #FFF;
  text-decoration: underline;
}

body{margin:0;padding:0; background:#f6f6f6;width:100%!important; padding:0!important; }

div.topLinks{text-align:right;font-size:12px;padding:4px 10px 0 0; color:#666; background-color:#ccd4e1; border-top:1px solid #9fb7cc; border-bottom:1px solid #9fb7cc; height:30px;}
div.topLinks a, .pageWrapper .topLinks a:visited{margin:0 8px; color:#006699; text-decoration:underline;}

.pageWrapper{width:960px; margin:0px auto;}
.pageWrapper a{color:#69c!important;text-decoration:underline;}
.pageWrapper a:hover{text-decoration:none;}
.pageWrapper a:visited{color:#69c!important;}
.pageWrapper #pageContent{padding: 8px 12px;}

/* ------ page layout ------------- */
.interior-wrapper {position:relative;text-align:left;padding:30px 0;}
.right-column {width:220px;float:left;display:inline;margin:0 0 0 20px;}
.left-column {width:580px; margin:0 0 0 70px;}
.h2p{float:left;}
.middle-column {width:580px;margin:0 auto;}
div.appArea {margin:0!important;}
.pageContent {background-color:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; top:-7px;}

#reg_payment_header_container, #FriendraiserUserWaiver{width:800px!important; margin:auto;}


/* ------ end of page layout ------------- */


/* ------ paragraph and header styles ------------- */
p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
.interior-wrapper {line-height:1.5em;}
h3, h4 {color:#333!important;margin:0 0 .75em 0;}
h5 {margin:0 0 .75em 0;font-size: 1.15em;}
h6 {font-size: 1em;}
ul {list-style:square;list-style-position: inside;}

ol {
  list-style-image: none;
  list-style-position: inside;
  list-style-type: decimal;
}
.middle-column li {margin-left:40px;}
small {}
small.footnote {font-style:italic;}
.interior-wrapper ul {margin:0 0 1em 1.5em;}
p.findInfo {line-height:150%!important;}
/* ------ end of universal paragraph and header styles ------------- */

.pageHeader {height:110px;}
.pageHeader h1, .pageHeader h2 {text-indent:-9999px;height:0px;margin:0;padding:0;}
img.stj-logo {float:left;margin-left:10px;}
img.heroes-logo {float:right;}

.navigation{margin:0 auto;height:81px; width:980px;clear:both;background:url(../images/heroes/backgroundNav.png) no-repeat;}
.navigation .mainnav {display:block; height:51px;}
.navigation li{display:block; float:left; display:inline;}
.navigation li a{display:block; text-decoration:none; color:#fff; float:left; display:inline;font-size:14px;font-weight:bold;padding:0 25px 0 20px;height:69px;line-height:69px;text-shadow:1px 1px 1px #39547d;}
.navigation li a:visited{color:#fff;}
.navigation .mainnav li a:hover{background-color:#8ea8d4;}
.navigation .mainnav li a:active{text-shadow:none;}
.navigation .navOn {background-color:#8ea8d4;}
.navigation .navOn a{color:#fff;}
.navigation .navOn a:visited{color:#fff;}

span#shareLinkText {color:#fff;font-weight:bold;}
.navigation ul.social{float:right; margin:-48px 45px 10px 5px; display:inline; width:150px;}
.navigation ul.social li{border:0px; margin-right:5px;}
.navigation ul.social li a{display:block; text-indent:-9999px; border:0px; padding:0px;}
.navigation ul.social .share{padding:5px 3px 0 0; font-size:13px;}
.navigation ul.social .twitter{background:url(../images/social/twitter.png) no-repeat; width:24px; height:24px;}
.navigation ul.social .facebook{background:url(../images/social/facebook.png) no-repeat; width:24px; height:24px;}
.navigation ul.social .linkedin{background:url(../images/social/linkedin.png) no-repeat; width:24px; height:24px;}
.navigation ul.social .myspace{background:url(../images/social/myspace.png) no-repeat; width:24px; height:24px;}
.navigation ul.social .yahoo{background:url(../images/social/yahoo.png) no-repeat; width:24px; height:24px;}
.pinbox {float: right; margin: -20px 5px 4px 0px; display: inline; width: 50px; }

.featureHome {width:960px;position:relative;text-align:left;}
.featureSearch {margin:0 0 0 555px;position:relative;padding-top:25px;}
.featureSearch h3 {color:#333;line-height:135%;font-weight:normal;padding-right:30px;font-size:inherit;}
.featureSearch h4 {color:#87ad70!important;height:31px;padding:4px 0 0 37px;background:url(../images/heroes/icon-search.png) no-repeat;margin:20px 0 15px 0;}
#featureBullets {margin:10px 0 0 0;}
.featureHome #featureBullets {margin:0;}

.featureHome #featureBullets a {display:block; font-size:13px; padding:2px 4px; font-weight:bold;}

.featureHome #searchNameCityStateProv{margin-bottom: 0;}
#fr_search_cancel {display:none;}
#fr_search_do {width:190px; margin:10px 10px 10px 0;}
#eventNameLabelContainer, #searchZipPostal label {padding-top:10px; display:inline;}
#searchControl {line-height:130%;}
#fr_event_searchType_2, #fr_event_searchType_1 {padding:0;margin:0;}
#ACTION_SUBMIT_SURVEY_RESPONSE {margin:10px 0 0 33px;}

.featureHome label {font-weight: bold;padding-bottom: 5px;display:inline;}
.featureHome label[for=fr_event_postal] {padding-bottom:5px;display:inline;}
.featureSearchRev {padding:20px 12px 0 0px;float:right; height:340px; width:320px;}
.featureSearchRev h4 {font-family: Georgia; color:#740000!important;; font-size:24px; font-style: italic; margin-bottom:20px;}
.featureSearchRev hr{margin:5px;}

h3, h5 em {color:#931638!important;}
h5.one {background:url(../images/icons/one.gif) no-repeat;height:40px;padding:12px 0 0 55px;}
h5.two {background:url(../images/icons/two.gif) no-repeat;height:40px;padding:3px 0 10px 55px;line-height:135%; margin-top:20px;}
h5.three {background:url(../images/icons/three.gif) no-repeat;height:40px;padding:3px 0 10px 55px;line-height:135%; margin-top:20px;}


.SidebarBox {background:url(../images/heroes/background-sidebar.jpg) no-repeat;margin-top:30px;padding:165px 15px 0 15px;height:380px;}
body.pagename\=lifetime.events .SidebarBox {background:none!important;}
.SidebarBox h5, .SidebarBox li {color:#fff;text-shadow: #35560a 1px 1px 1px;line-height:140%;}

.SidebarBox ul{padding-left:13px;}

#pauseButton, #resumeButton{cursor:pointer;}
#cnv2 .main ul {list-style-position: inside !important;}


.contactFormHeader{width:800px; margin:auto;}
.learnMore{font-weight:bold; font-size:16px; display:block; width:140px; margin:auto; text-align:center; line-height: 125%;}
.centerAlign{text-align:center; display:block;}
/* ------ icon link styles ------------- */
a.arrow {display:block;background:url(../images/heroes/arrow_right.png) no-repeat;padding:0 0 0 24px;font-weight:bold;height:18px;line-height:18px;}

.contact {background:url(../images/heroes/email.png) no-repeat 12px 17px;padding:15px 0 15px 42px;font-weight:bold;margin:10px 0;border:1px solid #e2e3e2;border-right:none;border-left:none;}


.donate {background:url(../images/heroes/icon-heart.png) no-repeat 0 0;padding:0 0 0 24px;font-weight:bold;margin:5px 10px;text-align:left;}
#Donate a{white-space: nowrap;}

/*-- these are all overwrite to styles in the formstyle.css file --*/
.contact-wrapper{width:930px!important; padding-top:10px;}
#InputForm{width:800px!important; padding-top:10px; margin:auto;}
.contact-wrapper .contactForm{width:auto!important;}
.contactForm{background-color:#fff!important;}
.contact-wrapper h3{width:800px!important; margin:auto;}
#content .appAreaNowidth .stretch_container_tbl {width:930px;}
.appSubArea .FormBoxNoWidth{width:800px!important; margin-left:0px!important;}
.appSubArea h3, .fr_reg_summary_table_heading_text{width:800px!important; margin:auto!important; display:block;}
br {clear:both;}

textarea.shareMessagePreview {
  max-width: 420px;
  max-height: 200px;
}

/* ------ errors overwriting formstyles-8-12 ------------- */
.pageWrapper .appSubArea .ErrorMessage {
  background-color: #feeaeb!important;
  width: 65%!important;
  border: 1px solid #B94A49!important;
  border-radius: 5px!important;
  position: relative;
}
.pageWrapper .appArea .FormBoxNoWidth .fr_reg_summary_table .ErrorMessage {
  color:#B94A49!important;
  font-weight:bold!important;
  border: 0!important;
  border-radius: 0!important;
}

/*-- these are all overwrite to styles in the bootstrap.css file --*/
input, textarea{height:20px; font-size:14px;}
select {height:30px!important; font-size:14px!important;}
label{text-align:left;}
.UserLogin form label {padding-right: 12px;}
#cons_middle_name{width:40px!important;}
#cons_email{width:485px!important;}
#cons_street1, #cons_street2, #cons_street3, #cons_city, #cons_country, #cons_phone, #cons_gender, #cons_email_format, #cons_employer {width:240px;}
.radio-array-list{width:300px;}
/* --- .contactForm #cons_email{width:210px!important;}   --*/
#cons_title, #cons_suffix{width:60px!important;}
#cons_prof_suffix{width:100px!important;}
#cons_first_name, #cons_last_name{width:160px;}
#payment_typecc_exp_date_MONTH, #payment_typecc_exp_date_YEAR{width:90px; float:left;}
fieldset.cardExpGroup{width:200px;}
#billing_title_row #billing_title, #billing_suffix_row #billing_suffix{width:90px;}
#billing_addr_zip_row #billing_addr_zipname{width:110px;}
#billing_addr_country_row #billing_addr_country{width:160px;}
#reg_total_block{text-align: left;}
div.registration-page-container span.option-amount, div.registration-page-container span.option-value{float:left;}
#payment_cc_container h3{margin-bottom:0; margin-top:12px;}
#payment_typecc_type_row{margin-bottom:0;}
.label, .badge {
    background-color: transparent;;}
   #InputForm input, #InputForm textarea{width:270px;}
   #InputForm textarea#sendtoemail{width:450px; height:70px!important; margin-top:8px;}
    #InputForm textarea#message{width:450px; height:130px!important;}
   input#youremailoptin{width:15px;}
   #InputForm label{float:none; clear:both; display:inline; font-weight:normal;}
   #InputForm .Button{width:130px;}
   #InputForm #taf_send{width:130px;margin-left:180px; margin-bottom:28px!important;}
   #cons_state{width:80px;}
   #cons_zip_code{width:120px;}
   #cons_email_format{margin-left:5px;}
.reg #cons_email_opt_in {float: left; margin-top: -1px;margin-right: 10px;}
#s_rememberMe{float:left;}
#fr_email_opt_in, #s_rememberMe{margin-right:10px; margin-top:-3px;}

.pg\=reg form#F2fRegContact label[for=cons_email_opt_in] {width: 90%;float: left;clear: none;vertical-align: top;padding: 0 8px 13px 0;}

.pg\=reg form#F2fRegContact #cons_email_opt_in {float: left;position: relative;margin-right: 10px;}

.pg\=reg form#F2fRegContact label[for=cons_email_format] {padding-left: 2em;height: 33px;margin-top: 5px;display: inline-block;margin-bottom: 5px;}

.pg\=reg form#F2fRegContact #cons_email_format {height: 33px!important;width: 100px;}

.pg\=reg form#F2fRegContact #cons_birth_date_MONTH, .pg\=reg form#F2fRegContact #cons_birth_date_DAY, .pg\=reg form#F2fRegContact #cons_birth_date_YEAR {width: 165px;}

.fr_reg_summary_table tbody tr td table tr td {
    vertical-align: top;
}

#fr_privacy_options_radio_0, #fr_privacy_options_radio_1, #fr_privacy_options_radio_2 {
    margin: 4px 10px 0;
    width: 30px;
}

.cons-pers td {
    background: none repeat scroll 0 0 transparent!important;
}

.cons-prof h3 {
    border-bottom: none!important;}

.proceedButton{padding-left:0!important;}

.fr_reg_summary_table_heading_row .fr_reg_summary_table_heading_text{width:200px;}
.fr_reg_summary_table .fr_reg_summary_table_heading_row{width:200px!important;}
.fr_reg_summary_table .fr_reg_summary_table_heading_text{width:300px!important;}
.pg\=tfind .appSubArea .FormBoxNoWidth .fr_reg_summary_table .fr_reg_summary_table_heading_row .fr_reg_summary_table_heading_text {width: 90%!important;float: left;}

#heroTabs .active a{font-weight:bold; color:#444!important; text-decoration: none;}
#payment_typecc_cvvname{width:80px;}
.participation_types tr td p strong label{padding-bottom:4px!important;}

/*-- these are all overwrite to styles in the p2pGlobal.css file --*/
form#F2fRegContact {width:800px!important;}
form{margin:auto!important;}
form#Donate{margin:inherit;}
#register_content {
    padding-top: 0px!important;;
}
#register_main {
    margin: auto;
    padding-left: 0;
    text-align: left;
    width: 790px;
}

#teamStJude{margin-left:350px; position:absolute; top:130px; width:400px; height:0px; overflow: visible;}

form#FriendraiserFind {
    margin-left: 0px!important;}

#login-div-content div.right-block{left:0;}

.trPage .header {margin-top:0;padding-top:25px; float:left; width:320px; margin-left:0;}
.pageContent #footerContainer{width:961px; position:relative; left:-1px; background-color:#f6f6f6; top:5px; border-top:1px solid #ccc; height:30px;margin-bottom:0;}
#footerContainer{margin-bottom:25px;}
.topLinksInner{width:960px; margin:auto; color:#333; font-weight:bold;}

#fr_anonymous_gift, #fr_show_public_gift{float:left; position:relative; top:-8px;}
#fr_accept{float:left; position:relative; top:-7px; margin-right:5px;}

div.responsive span.field-required{float:left; margin-right:2px; font-size:7px;}


.customprogressBarTeam {padding:0!important; margin:auto!important; width:820px;}

.FormBoxNoWidth {
    margin-left: 0px !important;
}

form#participantSelect {
    margin-left: 0 !important;
}

form#F2fRegPartType {
    margin-left: 0 !important;
}

#F2fRegPartType #ut_title_hint_container{margin-left:80px; display:block; margin-bottom:5px;}

#fr_new_user_container input, #fr_returning_user_container input{float:left; clear:both;}
#fr_oauth_login_container{clear:both; display:block;}
#fr_new_user_container label, #fr_returning_user_container label{padding:5px;}

INPUT[type="radio"] {
    width: 15px!important;
}

.pg\=ptype .fr_reg_summary_table table tbody tr td table.participation_types tbody tr td input { margin-top: 0;}
.pg\=ptype .fr_reg_summary_table table tbody tr td table.participation_types tbody tr td p { width: auto;}


#lmainLogonForm{width:350px!important;}

form#fr_payment_form{width:90%!important;}

#payment_typecc_number_row label{padding:12px 8px 0 0;}

#searchZipPostal label{padding-right:10px;}

.pbHeader{margin:10px 0 10px 80px;}
.pbHeader h3{margin:0 0 15px 0;}
.pbfakeHeight{width:800px; padding-top:20px; margin:auto; height:600px;}

.DonationAppTable td .DonationLevelRadio{margin:0 10px 5px 0}
.FormInput .RadioGroupLabel{position:relative; top:3px;}

#eventPostalSearchRow #fr_event_postal, #eventPostalSearchRow #fr_event_radius{float:left; margin-left:5px;}
#eventPostalSearchRow #fr_event_postal{width:130px;}
#eventPostalSearchRow #fr_event_radius{width:80px;}

#eventPostalSearchRow span .wrapable{padding:7px 5px 0 30px;}
#eventPostalSearchRow #eventPostalLabelContainer{position:relative; top:14px;}
#eventDistanceSearchHintRow span{display:block; padding-bottom:10px;}

#infoSearchForm{width:800px!important;}

#mainContent #searchForm{padding-top:20px;}


/********************Company edits - Registration**************************/
optgroup[label="National Teams"] {display: none;}

/*   ---- overwrites for TRRegBase.css -------*/



/* -- new button styles, this will replace much of the old form styles too ---*/

.mainAppLink{border: 1px solid rgba(0,0,0,.05);
	-webkit-border-radius:6px!important; -moz-border-radius:6px!important; border-radius:6px!important; -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important; -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important;
	    background: rgb(142,1,45); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(142,1,45,1) 0%, rgba(163,1,52,1) 6%, rgba(141,2,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,1,45,1)), color-stop(6%,rgba(163,1,52,1)), color-stop(100%,rgba(141,2,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* W3C */
	padding: .5em 1.2em;
	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow:1px 1px 4px rgba(0,0,0,.75);
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	}

.mainAppLink{border: 1px solid rgba(0,0,0,.05);
	-webkit-border-radius:6px!important; -moz-border-radius:6px!important; border-radius:6px!important; -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important; -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5)!important;
	    background: rgb(161,1,52); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(top,  rgba(161,1,52,1) 0%, rgba(181,1,58,1) 6%, rgba(161,1,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,1,52,1)), color-stop(6%,rgba(181,1,58,1)), color-stop(100%,rgba(161,1,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* W3C */
	padding: .5em 1.2em;
	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow:1px 1px 4px rgba(0,0,0,.75);
	text-decoration: none;
	white-space: nowrap;
	display: inline-block;
	}

/*////// Buttons //////*/
a.Button, button.Button, input.Button,  #pstep_previous, #pstep_finish, #previous_step, #next_step, #fuw_previous, #fuw_next, input#fr_find_search, #another_button, #next_button, #login, #pstep_next, #friend_potion_next, #btn_next, #infoSearchSubmit, #SendPassword, #SendUserName, #InputForm #taf_send{
	padding: .5em 1.2em;
	display: inline-block;
	border: 1px solid rgba(0,0,0,.05);
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5); -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5); box-shadow:2px 2px 2px 0 rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(255,255,255,.5);
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow:1px 1px 4px rgba(0,0,0,.75);
	text-decoration: none;
	white-space: nowrap;

	background: rgb(142,1,45); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(142,1,45,1) 0%, rgba(163,1,52,1) 6%, rgba(141,2,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,1,45,1)), color-stop(6%,rgba(163,1,52,1)), color-stop(100%,rgba(141,2,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e012d', endColorstr='#8d022e',GradientType=0 ); /* IE6-8 */

	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;
	margin-bottom:20px;

}

#btn_next span, #fuw_next span{color:#fff;}
.default-submit-hack{display:none!important;}
#waiver_header_container .customprogressBarTeam{display:none;}
span.Explicit, legend.Explicit span{width:inherit;}
.agree-block{margin:15px 0;}
.progress-bar-container{width:80%; margin:18px auto;}

a.Button, button.Button, input.Button, #pstep_previous, #pstep_finish, #previous_step, #next_step, #fuw_previous, #fuw_next, input#fr_find_search, #another_button, #next_button, #login, #pstep_next, #friend_potion_next, #infoSearchSubmit, #SendPassword, #SendUserName {height:40px!important;}
a.mainAppLink{padding:2px 8px;font-size:11px; text-decoration: none!important; color:#fff!important; margin:1px 7px!important; }

.default-submit-hack, #cancel, #fuw_cancel{display:none;}

#previous_step, #fuw_previous, #another_button, #pstep_previous, #InputForm .Button{position:relative; background: #E3E3E3;
    background-image: -moz-linear-gradient(center top , #EAEAEA, #DBDBDB);
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    color: #646464;
    cursor: pointer;
    margin-top: 10px;
    overflow: visible;
    padding: 5px 7px;
    text-shadow:none!important;
    padding:2px 6px;
    height:33px!important;
    margin-bottom:30px;}

#previous_step, #another_button{left:80px;}
#F2fRegContact #previous_step{left:0;}

#infoSearchClear{background-color:#fff; border:0; color:#6699CC; text-decoration:underline; font-size:10px; margin-bottom:4px; margin-top:10px; display:block; }
#infoSearchSubmit{float:left; margin-right:18px;}

#next_step, #fuw_next, input#fr_find_search, #next_button, #pstep_next, #friend_potion_next{position:relative; left:550px;min-width: inherit;}
div.responsive #fuw_next{position:static;}
#pstep_finish{position:relative; left:200px;}

a.Button:hover, button.Button:hover, input.Button:hover, .mainAppLink:hover, #pstep_finish:hover, #next_step:hover, #fuw_next:hover, input#fr_find_search:hover, #another_button:hover, #next_button:hover, #login:hover{
	background: rgb(161,1,52); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: -moz-linear-gradient(top,  rgba(161,1,52,1) 0%, rgba(181,1,58,1) 6%, rgba(161,1,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,1,52,1)), color-stop(6%,rgba(181,1,58,1)), color-stop(100%,rgba(161,1,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(161,1,52,1) 0%,rgba(181,1,58,1) 6%,rgba(161,1,52,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10134', endColorstr='#a10134',GradientType=0 ); /* IE6-8 */

}

a:active.buttonBrandRed, button:active.buttonBrandRed{
	color: white;
	text-decoration: none;

	-webkit-box-shadow:2px 2px 2px #999, inset 0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:2px 2px 2px #999, inset 0px 2px 2px rgba(0,0,0,.4); box-shadow:2px 2px 2px #999, inset 0px 2px 2px rgba(0,0,0,.4);
	background-color: ##A30134;
	background: rgb(114,2,37); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: -moz-linear-gradient(top,  rgba(114,2,37,1) 0%, rgba(137,3,46,1) 6%, rgba(114,2,37,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,2,37,1)), color-stop(6%,rgba(137,3,46,1)), color-stop(100%,rgba(114,2,37,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(114,2,37,1) 0%,rgba(137,3,46,1) 6%,rgba(114,2,37,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(114,2,37,1) 0%,rgba(137,3,46,1) 6%,rgba(114,2,37,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(114,2,37,1) 0%,rgba(137,3,46,1) 6%,rgba(114,2,37,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(114,2,37,1) 0%,rgba(137,3,46,1) 6%,rgba(114,2,37,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720225', endColorstr='#720225',GradientType=0 ); /* IE6-8 */
}

a.buttonBrandRed.mini{
padding: .4em .9em;
		font-size: 1em;
}

/* Slideshow Control */
a.buttonBrandRed.control{
padding: .5em .5em .4em .5em;
font-size: .7em;
line-height: 1em;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;
margin: 20px;
}
a.buttonBrandRed.control.left{float: left;padding:.5em .6em .4em .4em}
a.buttonBrandRed.control.right{float: right;padding:.5em .4em .4em .6em}



#reg_payment_info_block #payment_typecc_number_row input{float:left;}

#fr_event_searchType_1, #fr_event_searchType_2{float:left; margin:-5px 5px 5px 8px!important;}
#fr_search_all{background:none; color:#6699CC !important; font-size:12px!important; text-decoration: underline; border:none;}
body.eventsearch #TrEventSearchForm #FrEventSearchButtons #fr_search_all {
  margin-bottom: 8px!important;
  padding-bottom: 0!important;
  text-shadow: none!important;
  box-shadow: none!important;
}


/* ------ end of icon link styles ------------- */

.secondary-features-container {width:940px;text-align:left;padding:20px 10px 0 10px;}
.secondary {float:left;margin-right:15px;position:relative;}
.secondary h5 {margin-bottom:5px;padding-left:10px;}
.secondary h6 {padding-bottom:5px;}
.secondary h6 a, .rss-item a {text-decoration:underline;}
.rss-item {font-weight:normal;list-style:none;}
.rss-date {font-weight:normal;}
.secondary-border {width:255px;height:110px;padding:20px;border:1px solid #ccc;border-bottom:3px solid #ccc;}
.secondary-border .secondary-text {margin-left:120px;}
.secondary.pom {margin-right:0px;}
.secondary .thumb {float:left;}
.secondary .desc {font-size: 1em;}
.secondary.events .thumb {border:6px solid #e2e3e2;}

.featuredEvents {margin-bottom:45px;}
.featuredEvents .secondary-text {float:left;margin:20px 0 0 10px;}
.featuredEvents img.thumb {border:6px solid #e2e3e2;width:112px;height:112px;float:left;}
.featuredEvents h6 {}


/* ------ slideshow ------------- */
.slideshow img {display:none;}
.slideshow  img.first {display:block}
.slideshow a {display:block;width:620px;height:350px;}

#nav-container {margin:20px 0 0 -0px;position:absolute;z-index:10;}
#nav {float:left;}
#nav a {padding:2px 4px 1px 4px;margin:2px;text-align:center;text-decoration:none;background-color:#ccc;color:#fff!important;}
#nav a:hover, #nav a:active {background-color:#666;color:#fff!important;}
#nav a.activeSlide {color:#fff!important;background-color:#666;cursor:default;}
#nav a:focus {outline:none;}

#pauseButton {background:url(../images/icons/control_pause.png) no-repeat;width:16px;height:16px;float:left;display:inline-block;z-index:2000;margin:1px 0 2px 0;}
#resumeButton {background:url(../images/icons/control_play.png) no-repeat;width:16px;height:16px;float:left;display:inline-block;z-index:2000;margin:1px 0 0;}
#pauseButton span, #resumeButton span {margin-left:-9999px;}

#nav-container-events {margin:0 0 0 150px;text-align:left;position:absolute;z-index:10;}
#nav-events a {padding:2px 4px 1px 4px;margin:2px;text-align:center;text-decoration:none;background-color:#ccc;color:#fff!important;}
#nav-events a:hover, #nav a:active {background-color:#666;color:#fff!important;}
#nav-events a.activeSlide {color:#fff!important;background-color:#666;cursor:default;}
#nav-events a:focus {outline:none;}

/* ------ end of slideshow ------------- */


.footernav { margin:15px 0;  width:auto!important;}
.footernav, small.copy {}
.footernav a {font-weight:bold;}
.footernav a, small.copy a { padding:0 15px; border-right:1px solid #333; color:#931638; text-decoration:underline;}
.footernav a:visited, small.copy a:visited {color:#931638;}
.footernav .lastlink, small.copy .lastlink { border-right:0px!important;}
small.copy {color:#333; padding-left:15px;}
small.copy a {padding:0;}

.clear{clear:both;}
.left {float:left;}
.right {float:right;}
img.right {float:right;margin:0 0 10px 10px;}

/* -------- some program specific form styles ------------*/

#fr_event_searchType_1, #fr_event_searchType_2, #fr_event_name{margin-left:8px;margin-bottom: 8px;}

#FrEventSearchButtons{height:50px;}
#FrEventSearchResults span { color: #444444; font-weight: bold;}
#entry_sidebar_right .regclosed{font-size: 1.5em;margin: 0 0 20px 30px;font-weight: bold;}
#entry_sidebar_right .dononlyevent a{background-image: url(../images/DonateEvent.png);background-position:center;display:block;overflow:hidden;text-indent:-999px;height:60px;width:219px;}

.join_team a, .team_page a{padding-left: 10px;display:block;}
body #cnv2 .main ul{list-style: square inside !important}


/*----updates login page for the winter 2012 release ------*/
.outer-border{border:none!important;}
#login-div-content .outer-border table tr td{vertical-align: top!important;}
#login-div-content .input-border{border:none!important;}
#login-div-content .banner-header, #login-div-content .login-form{background-color:transparent!important;}
#login-div-content .Hint{display:block; padding:7px 0 10px; width: 100%;}
#login-div-content .footer-block{background-color:transparent!important; border:none!important;}
#login-div-content {padding-left: 35px!important;}
#login-div-content strong{display:block; padding-bottom:8px;}


/* ---------- event page ------------*/

#entry_content {padding-top:15px; width 960px;}
#entry_sidebar_left {float:left; padding-left:10px; width:220px; }
#entry_sidebar_left p {text-align:left; font-size: 0.9em; line-height:1.5em;}
#entry_main {float:left; padding-left:15px; width:405px!important; text-align: left; font-size: 0.9em;line-height: 1.5em;}
#entry_main h4 {color: #333333; font-size: 21px; padding-top: 10px;}
#entry_sidebar_right {float:left; width:200px; font-size: 0.9em; line-height: 1.5em;}
#entry_sublinks a {font-size:10pt; color:#B83C5E;padding-left:10px;padding-right:30px;}
#entry_content .teamPage ul{margin-left:20px!important;}
#entry_content .teamPage .entry_subheading{margin-top:10px;}

/* ---------- Brad's additions to remove styling from event page in to stylesheet ---------- */
#entry_sublinks img {max-width: none!important;}

.entry_sublinks_container {float: left;}

/* ---------- end Brad's event page additions ---------- */


div.teamHeaderImage {background-image: url("../../../images/content/pagebuilder/teamimage.jpg");background-repeat: no-repeat;float: left; height: 75px;margin: -8px 5px 30px 0;width: 75px;}

.entry_subheading {font-weight:bold; font-size:11pt;}
#entry_sidebar_left small {color: #333333;display: block;font-size: 12px;padding-top: 12px;}
#fr_html_container #entry_content #entry_main h4 {color: #005BB0;font-size: 21px;padding-top: 10px;}


.thermtitle {background-color: #EBEBEB;font-weight: bold; position: relative; text-align: center; top: 32px;}
.vScroll .title {background-color: #EBEBEBfont-weight: bold;text-align: center;}
#entry_sidebar_right {float: left;font-size: 0.9em;line-height: 1.5em;padding-top: 10px;width: 240px!important;}

#entry_sidebar_left { float: left;padding-left: 10px;width: 220px; padding-top: 10px;}
.entry_subheading { margin: 15px 0 8px;}
.sideBarReg{margin-left:15px;}
.appArea #fr_html_container #entry_content #entry_main {font-size: 12px;line-height: 160%;padding: 0 20px;width: 405px;}
.thermometer .title {width: 200px;display: none;}

.eventCenter {margin-bottom: 10px;padding: 20px 32px;text-align: left;width: 800px;}
.thermtitle {top: 0 !important;}



.thermometerTall .title{width:200px;}
.support_participant a{margin-left:17px;}
.goal p a{position:relative; top:6px; font-weight:bold;}

.dividerHeading{visibility:hidden;}
.dividerHeading div{visibility:visible; background:#eee; padding:5px; margin-bottom:8px;}

#entry_sublinks a{line-height:28px;}
.trPage .imageFrame{padding:0!important;}
.thermometerTall{height: 269px!important; width: 255px!important;}
.thermometerTall .goal, .thermometerTall .image{float:left;}
.thermometerTall .goal{padding-left:15px;}
.thermometerWide .title{top:0!important; width:100px; left:0!important; text-align:left;}
.thermtitle{top:0!important;background-color:transparent!important;}
.goal dt, .goal dd{margin:0!important;}
.goal dl{margin-top:20px;}

/* ----- Brad adding padding top of 20 to meter on team pages only and removing margin top of 20 to the trpage right_sidebar for team page only ------ */
.pg\=team .thermometerWide {padding-top: 20px;}
.pg\=team .trPage .right_sideBar {margin-top:0px;}
.pg\=team .trPage .right_sideBar #team_roster #team_roster_help {padding-top:0px;}

/* ----- Brad removing margin top of 20px to personal page only to get the donor scroll closer in spacing to the bottom of the barometer and text beneath it ------ */
.pg\=personal .trPage .vScroll {padding-top:0px;}
.pg\=personal .trPage .vScroll .title {margin-top:0px;}
.pg\=entry .vScroll .title {padding-top:10px;}

#participantSelect input{font-size:12px; margin-right:5px;}

#entry_sublinks a {font-size: 10pt !important;padding-left: 10px !important;padding-right: 30px !important;line-height: 29px !important;}

#entry_main p {line-height: 160% !important;}

.header .event_link a {color: #6699CC !important; font-size: 12px; }
.footer p {font-size: 12px;text-align: left;}
.header .teamJoin a:link {color: #6699CC !important;}
.footernav { clear: both;}

.appArea #results #resultlist li a{border-top:1px solid #E2E3E2; border-bottom:1px solid #E2E3E2; padding:8px;}
.appArea #results #resultlist li{ padding:8px;}
.appArea #results{margin-top:10px; diplay:block;}
.stretch_container_tbl{margin:auto;}

a #part_ctr_container {color:#6699CC; text-decoration:underline; text-align:left!important;}
#team_roster_table {
    font-size: 13px;
    height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#team_roster_table table th, #team_roster_table table td {padding:5px 0 3px 8px;}
table.tr_roster{width:100%;}
.right_sideBar table.tr_roster td.roster_row0, .right_sideBar table.tr_roster td.roster_row0{background-color:#fff;}
a.teamJoinLink{display:block;}
.pageWrapper .pageContent .appArea .ObjTitle {margin-top: 20px;margin-bottom: 20px;} /*-- the ObjTitle class controls some of the headers in the registration process ---*/
.Donation .ObjTitle {width:750px; margin:0 auto 40px !important;}
.appSubArea .FormBoxNoWidth .fr_reg_summary_table .fr_reg_summary_table_heading_row .fr_reg_summary_table_heading_text {font-size: 11px;line-height: 20px;margin-bottom:10px;display:block;}
#F2fRegPartType .appSubArea .FormBoxNoWidth .fr_reg_summary_table{margin-left:80px;}
#FriendraiserFind .appSubArea .FormBoxNoWidth .fr_reg_summary_table{margin-left:80px;}
.appSubArea .FormBoxNoWidth .fr_reg_summary_table{margin-left:80px;}
#F2fRegContact .appSubArea .FormBoxNoWidth .fr_reg_summary_table{margin-left:0px;}

/* This fixes the margins in the donation form  */
.DFEC_el_wrapper .FormRow table{margin-bottom: 0;}
.DonationLevelOtherAmount{width:80px; margin-left:20px;}

#TrEventSearchForm label{width:80px;}

.DonationAppTable .CheckboxLabel{padding-top:7px;}
.DonationAppTable .FormLabelText{position:relative; top:7px;}


/*----these set the width for the event name, city and state labels ont he event search page ---*/

#tr_event_search #eventNameSearchRow #eventNameLabelContainer, #tr_event_search  #eventNameSearchRow  #eventCityLabelContainer, #tr_event_search  #eventNameSearchRow  #eventStateLabelContainer{display:block; width:120px;}
#tr_event_search #eventNameSearchRow #fr_event_name, #tr_event_search  #eventNameSearchRow #fr_event_city, #tr_event_search  #eventNameSearchRow #fr_event_state{display:block; margin:0 0 5px 0px!important;}
#eventNameSearchRow td{vertical-align:top;}

/*----overwrites zindex for socail modal / resolves conflist with slieshow layers ---*/

.mask {overflow: auto;z-index: 11 !important;}
.yui-panel-container {overflow: visible;z-index: 12 !important;}
.contactForm form{width:100%!important;}
.contactForm form td{vertical-align: top;}
.contactForm textarea{width:380px!important; height:90px!important;}
.contactForm form .wrapable span.Explicit, .contactForm form legend.Explicit span{width:200px!important;}
#InputForm table tr td{vertical-align:top;}
form .appSubArea tr td #next_button {left:150px;}
#cboxClose{top:0;}

.contactForm .old-school table table {margin-top: 0px!important;}
.contactForm .old-school table table .Smaller{padding-bottom:0px;}



/*  ------- prod additions ------*/

#cnv2 .header .event_link {width:320px;}
#cnv2 .header .teamName {width:320px; line-height:25px;}
.pg\=team #cnv2 .header .event_link {width:330px;font-weight: normal;}
.right_sideBar{position:static!Important;}

.right_sideBar .menu{position:absolute; top:10px; right:30px;}
.pg\=personal .right_sideBar .menu{position:static;}
.pg\=personal .right_sideBar{position:absolute!important; top:0; right:5px;}
.pg\=personal .right_sideBar .menu p a {margin-left: 0px; margin-bottom:15px;}
.pg\=personal .right_sideBar #team_roster{position: relative; top: -90px;}

.pg\=personal  .pageContent { min-height: 800px; }
.pg\=personal .trPage .header h4.participant_name {font-size:1.7em!important;}
.pg\=personal .trPage .header div.event_link {font-size: 1.1em!important;font-weight: normal;}

/* styles for the event specific participant or team search page */
.pg\=pfind form#findFriendForm .appArea .fr_search_type_participant_div > input, .fr_search_type_team_div > input {margin: 0;float:left;}
.pg\=pfind form#findFriendForm .appArea div.fr_search_type_participant_div, .pg\=pfind form#findFriendForm .appArea div.fr_search_type_team_div {display:block; height:30px;float:left;}
.pg\=pfind form#findFriendForm .appArea div.fr_search_type_participant_div {float: left;margin: 1px 20px;top: 0;width:16%;}
.pg\=pfind form#findFriendForm .appArea div.fr_search_type_team_div {float: left;margin: 1px 7px;top: 0;width:10%;}
.pg\=pfind form#findFriendForm .appArea div.fr_search_for_field {float: left;margin: 0 10px;}
.pg\=pfind form#findFriendForm .appArea div#findParticipantTopText h3 {color: #333 !important;}
.pg\=pfind form#findFriendForm .appArea p#partSearchParagraph {margin: 0 0 1.55em 0;}

/* replicating above styles not using pfind class as when a search is performed the pg not longer is available */
#findFriendForm .appArea div.fr_search_type_participant_div > input, #findFriendForm .appArea div.fr_search_type_team_div > input {margin: 0;float:left;}
#findFriendForm .appArea div.fr_search_type_participant_div, #findFriendForm .appArea div.fr_search_type_team_div {display:block; height:30px;float:left;}
#findFriendForm .appArea div.fr_search_type_participant_div {float: left;margin: 1px 20px;top: 0;width:16%;}
#findFriendForm .appArea div.fr_search_type_team_div {float: left;margin: 1px 7px;top: 0;width:10%;}
#findFriendForm .appArea div.fr_search_for_field {float: left;margin: 0 10px;}
#findFriendForm .appArea div#findParticipantTopText h3 {color: #333 !important;}
#findFriendForm .appArea p#partSearchParagraph {margin: 0 0 1.55em 0;}
#findFriendForm .appArea .lc_Table .lc_Row1 th.lc_Heading span {color: #444444;font-weight: bold;}
/* end event participant or team search page */

/* changing label font size and table header text from white to selected color for search results tables with grey background color */
.fr_reg_summary_table .lc_Table .lc_Row1 th.lc_Heading span {color: #444444;font-weight: bold;}
.fr_reg_summary_table table label[for=fr_team_name] #team_label_container {font-size: 13px!important;}
/* end that one */

/* ----- updating SJCMM with horizontal thermometer to test before applying for all Heroes
body.id\=3861 .thermometer{background-color:transparent;}
body.id\=3861 .thermometer .goal{background-color:transparent; float:none; clear:both; padding:0; margin:0; }
body.id\=3861 .thermometerTall .image {padding-left: 0px; position:relative; left:-5px;}
body.id\=3861 .thermometerTall { height: inherit !important; padding-bottom:40px;}
body.id\=3861 .thermometerTall .image{padding:25px 0 40px;}
body.id\=3861 .thermometerWide { height: 149px; padding:0; margin:0px;}
body.id\=3861 .thermometerWide .text{float:left; padding:60px 0 0 5px; margin:0;}
body.id\=3861 .thermometerWide .image{float:left; padding:0; margin:0;}
body.id\=3861 .vScroll {padding-top:20px;}  */

.thermometer{background-color:transparent;}
.thermometer .goal{background-color:transparent; float:none; clear:both; padding:0; margin:0; }
.thermometerTall .image {padding-left: 0px; position:relative; left:-5px;}
.thermometerTall { height: inherit !important; padding-bottom:40px;}
.thermometerTall .image{padding:25px 0 40px;}
.thermometerWide { height: 149px; padding:0; margin:0px;}
.thermometerWide .text{float:left; padding:60px 0 0 5px; margin:0;}
.thermometerWide .image{float:left; padding:0; margin:0;}
.vScroll {padding-top:20px;}

/* hiding team join links for SJMMW event only */
body.id\=4820 .teamJoin {display: none;}
body.id\=4820 .join_team {display: none;}
/* end SJMMW customization */

/* ----- GEM tool styles FRID numbers will change every year  -------*/

.teamStJude{padding-top:15px;}

body.id\=4061 #frStatus2 {width:100%;}
body.id\=4061 #tr_left_col{width:300px; float:left;}
body.id\=4061 #tr_mid_col{width:400px; float:left;}
body.id\=4061 div.image_sideBar {height:inherit;padding-bottom:20px;}
body.id\=4061.pg\=team .pageContent .trPage, body.id\=4061.pg\=personal .pageContent .trPage, body.id\=4061.pg\=entry .pageContent .appArea{background: url(../images/heroes/gem-bg-tile.jpg) repeat-y #fff; margin:0;}
body.id\=4061 .thermometer{background-color:transparent;}
body.id\=4061 div.gem-event-row {float:none;}
body.id\=4061 .right_sideBar .menu { position: static; right: 0px; top: 0px;}
body.id\=4061 #gem-coming-events{width:100%;}
body.id\=4061 #gem-coming-events .gem-event-row{padding-top:20px;}
body.id\=4061 .gem-event-row .gem-event-name{font-size:15px!important;}
body.id\=4061 .vScroll .title, body.id\=4061 #gem-past-events-header, body.id\=4061 #gem-coming-events-header{font-family: Georgia; font-style: italic; color:#999; text-align: left; font-weight:normal; font-size:13px; border-bottom:1px solid #ccc; display:block; width:100%; margin-top:20px!important;}
body.id\=4061 .vScroll .title{border-bottom:3px solid #555; padding-bottom:5px!important;}
body.id\=4061 .vScroll .scrollContent{background-color:transparent; width:245px; }
body.id\=4061 .vScroll .scrollContent div{margin:0; padding: 0; width:230px!important;}
body.id\=4061 .scrollContent {margin-left:0;}
body.id\=4061 .thermometer .goal{background-color:transparent; float:none; clear:both; padding:0; margin:0; }
body.id\=4061 .right_sideBar .menu p a {margin-left: 5px!important;}
body.id\=4061 #frBadge {margin-left: 5px;}
body.id\=4061 .thermometerTall .image {padding-left: 0px; position:relative; left:-5px;}
body.id\=4061 .thermometerTall { height: inherit !important; padding-bottom:40px;}
body.id\=4061 .thermometerTall .image{padding:25px 0 40px;}

body.id\=4061 #past_events{padding-top:360px;}
body.id\=4061 #past_events #gem-past-events{padding-left:10px; width:235px;}
body.id\=4061 #past_events  .gem-event-row{padding:20px 0 0 0;}
body.id\=4061 .vScroll{background:transparent;}
body.id\=4061 .vScroll div div p{border-bottom: 1px solid #efefef; width:100%; padding:10px 0 10px 5px;;}
body.id\=4061 .footer p{text-align:left; padding-left:10px;}
body.id\=4061 .blog{border:1px solid #ccc; padding:10px; position:relative; top:30px;}
body.id\=4061 .trPage .main{overflow:visible;}

body.id\=4061 #entry_sidebar_right {width:250px!important; float:right;}
body.id\=4061 .thermometerWide { height: 149px; padding:0; margin:0px;}
body.id\=4061 #entry_sidebar_right .vScroll{position:relative; left:-720px; width:220px!important; clear:both;}
body.id\=4061 .thermometerWide .text{float:left; padding:60px 0 0 5px; margin:0;}
body.id\=4061 .thermometerWide .image{float:left; padding:0; margin:0;}


body.id\=4061.pg\=team .trPage .main {position:absolute; top:140px; left:310px;}
body.id\=4061.pg\=team .right_sideBar{float:right; width:255px;}
body.id\=4061.pg\=team .right_sideBar #team_roster{position:static;}
body.id\=4061.pg\=team  #frStatus2{position: absolute; left:10px; top:300px;}

.fr_reg_summary_table .blackBorder{vertical-align: top;}


body.dpage\=pay2 .appArea .FormBoxNoWidth table{margin:auto;}
body.pg\=regsummary .fr_reg_summary_table{width:inherit!important;}



/* ----- Brad attempting to apply vscroll styles to all of Heroes  -------*/

#frStatus2 {width:100%;}
.vScroll .title{font-family: Georgia; font-style: italic; color:#999; text-align: left; font-weight:normal; font-size:13px; border-bottom:1px solid #ccc; display:block; width:100%; margin-top:20px; margin-left:0!important; margin-right:0!important; margin-bottom:0 !important;}
.vScroll .title{border-bottom:3px solid #555; padding-bottom:5px;}
.vScroll .scrollContent{background-color:transparent; width:230px; }
.vScroll .scrollContent div{margin-left:0!important; margin-right:0!important; margin-top:0; margin-bottom:0; padding: 0; width:230px!important;}
.vScroll .scrollContent {margin-left:0;}


.vScroll{background:transparent;}
.vScroll div div p{border-bottom: 1px solid #efefef; width:100%; padding:10px 0 10px 5px;}
.trPage .main{overflow:visible;}

div.image_sideBar {height: inherit;}



/*----------- Adding some biutton stules from formstyles.css --------------------*/

#PARSE_PAYMENT_FORM, #TRANSACT_CHARGE {

    left: 450px;
    outline: medium none;
    padding: 12px 12px 30px !important;
    position: relative;
    text-align: center;
    text-shadow: -2px 2px 2px #333333;
    height:40px;
    margin-bottom: 30px;
    background: rgb(142,1,45); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  rgba(142,1,45,1) 0%, rgba(163,1,52,1) 6%, rgba(141,2,46,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,1,45,1)), color-stop(6%,rgba(163,1,52,1)), color-stop(100%,rgba(141,2,46,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(142,1,45,1) 0%,rgba(163,1,52,1) 6%,rgba(141,2,46,1) 100%); /* W3C */

	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;

    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: none;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
    transition: background 0.3s ease 0s;
    white-space: nowrap;
}

#CANCEL_DIRECT_PAY_FORM, #SHOW_PAYMENT_FORM{
background: -moz-linear-gradient(center top , #EAEAEA, #DBDBDB) repeat scroll 0 0 #E3E3E3;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    color: #646464;
    cursor: pointer;
    height: 33px !important;
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: visible;
    padding: 2px 6px;
    position: relative;
    text-shadow: none !important;
	-webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;
    display: inline-block;
    margin-bottom: 20px;
       padding: 12px 12px 30px !important;
    text-decoration: none;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
    transition: background 0.3s ease 0s;
    white-space: nowrap;
    position:relative;
}

#CANCEL_PAYMENT_PROCESS{display:none;}

#Donation div.apparea{width:inherit!important;} /*---- this overwrites a width from customstyles.css that sets the width and breaks IE ---------*/

body.dpage\=pay2 .appSubArea .FormBoxNoWidth, body.dpage\=pay2 .appArea p{margin-left:80px!important;}
body.dpage\=pay2 form{width:inherit!important; margin-top:40px!important;}

body.pg\=rthanks .proceedButton, body.pg\=rthanks .FormBox{margin-left:80px;}
#blog_reply_form {width:inherit!important;}
#blog_captcha{width:120px;}
#blog_captcha_container{clear:both;}
#blog_captcha_container td {vertical-align: top;}
#post_body {
  max-width:340px;
  min-height:40px;
  max-height: 200px;
  height:100px!important;
  min-width: 280px;
}

