
.fundraiserOuterTable .row {
  margin-left: -15px; /* for compatibility with bootstrap 3.3.7 */
  margin-right: -15px;
}

.fundraiser-dir h1,
.fundraiserPageWrapperDiv h1,
.gg-fundraisingSignup-container h1 {
	font-size: 130%;
	margin-top: 7px;
	padding-top: 0px;
	margin-bottom: 7px;
	padding-bottom: 0px;
}

.fundraiser-dir h1,
.fundraiserPageWrapperDiv h2,
.gg-fundraisingSignup-container h2 {
	font-size: 115%;
	margin-top: 7px;
	padding-top: 0px;
	margin-bottom: 7px;
	padding-bottom: 0px;
}

.DonorsComments {
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	max-height: 400px;
	overflow-x:visible;
	overflow-y:auto;
    border-radius: 3px;
}

.DonorCommentAlt {
	background-color: #EAEAEA; 
	padding: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
  height:auto;
	white-space: normal;
    color: #444;
}

.DonorCommentAlt .label{
    background-color: #EAEAEA;
    color: #444;
    text-shadow: none;
    white-space: normal;
    border-radius: 0px 0px 0px 0px;
}

.DonorComment {
    background-color: #FFFFFF; 
	padding: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
    height:auto;
	white-space: normal;
    color: #333;
}

.DonorComment .label{
    background-color: #FFFFFF;
    color: #333;
    text-shadow: none;
    white-space: normal;
    border-radius: 0px 0px 0px 0px;
}

.DonorsComments h2 {
	color: #888;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 10px;
	text-align:center;
}

.DonorsComments p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10pt;
	white-space: normal;
}

.Donor {
	margin-bottom: 2px;
	font-weight: normal;
	font-size: 10pt;
	
}

.Donor b {
	font-size: 10pt;
}

.EndOfPage {
	clear: both;
	background-color: #EAEAEA;
	font-size: 10pt;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.DonationSuccessHeader {
	text-align: center;
	padding-top: 20px;
}

.SuccessHeader {
	color: #F26707;
}

.DonationSuccess {
	text-align: center;
	padding: 10px;
}

.DonationSuccess h1{
	color: #F26707;
}

.DonationSuccess h2{
	color: #F26707;
}

.AddDonorComment {
	margin-left: 5px;
	padding: 3px;
	text-align: center;
}

.AddDonorComment h2 {
	color: #777;
	padding-bottom: 5px;
	font-size: 95%;
}

.AddDonorCommentFormBtns {
	padding-top: 15px;
}

.AddDonorCommentForm textarea {
  width: 80%;
  max-width: 425px; /* align with right side of 2nd button*/
}

input.btn { 

margin-right: 10px;
	}



.donation-other-amt-fieldset label
{
    width:43%;
}


 .gg-fundraisingSignup-container p {
   margin-top: 10px;
 }

 .JoinmeLink:link,
 .JoinmeLink a,
 a.JoinmeLink,
 .gg-fundraisingSignup-Joinme:link,
 .gg-fundraisingSignup-Joinme a  {
   font-size: 18px;
 }

.fundraiserWidgetSidebar {
  text-align: center;
}

.fundraiserWidgetDiv {
  width: 100%;
  padding-top:0; 
  overflow: hidden;
}

/* force background to white to be consistent with gague image */
.fundraiserGaugeDiv {
  width: 100%;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color: #ffffff !important;
  color: #777777 !important;
}

.fundraiserGaugeDiv img {
  width: auto;
  margin-top: 2px;
  text-align: center;
  margin-bottom: 10px;
  }

/* force color to be consistent with background */
  .fundraiserGaugeDiv > hr {
    margin-top: 0;
    margin-bottom: 8px;
    border-bottom: 1px solid;
    border-top-color: #EEEEEE !important;
    border-right-color: #808080 !important;
    border-bottom-color: #808080 !important;
    border-left-color: #808080 !important;
  }

/* force color to be consistent with background 
  user defined color of white won't show up
*/
.fundraiserGaugeDiv h4 {
  color: #777777 !important;
}

.fundraiserGaugeDiv   .dnnPrimaryAction {
  color: #FFFFFF !important;
}

.fundraiserGaugeDiv  a.dnnPrimaryAction.btn,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn:link,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn:hover,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn:focus,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn:active,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn.active,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn.disabled,
.fundraiserGaugeDiv  a.dnnPrimaryAction.btn[disabled],
.fundraiserGaugeDiv  .btn,
.fundraiserGaugeDiv  .btn:hover,
.fundraiserGaugeDiv  .btn:focus,
.fundraiserGaugeDiv  .btn:active,
.fundraiserGaugeDiv  .btn.active,
.fundraiserGaugeDiv  .btn.disabled,
.fundraiserGaugeDiv  .btn[disabled]{
  color: #FFFFFF !important;
  background-color: #777777 !important;
}


 .fundraiserWidgetDiv
, .gg-sponsor-list-container
,.gg-sponsor-list
,.gg-sponsors
, .gg-sponsor-list ul
, .gg-sponsor-list ul li
,.gg-sponsor-list ul li a
 {
 max-width : 100%;
}

.gg-sponsor-list ul li a img {
 width: auto;
}

 /*--- Responsive Styles --- */
@media (min-width:1200px) {
 
}

@media (max-width: 979px) {
 
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {   
  .gg-dnn-content-pane .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .fundraiserOuterTable .container-fluid > .row .col-sm-3 {
     width: 215px;
  }

  .fundraiserOuterTable .container-fluid > .row .col-sm-9 {
     width: 489px;
  }

  .fundraiserTitleDiv {
    margin-left: 10px;
    margin-right: 10px;
  }

  .fundraiserWidgetDiv, .gg-donation-form {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fundraiserOuterTable .container-fluid .row .col-sm-9 {
    width: 489px;
    padding-right: 10px;
  }

  .fundraiserOuterTable .container-fluid .row .col-sm-9 .col-sm-6 {
    width: 100%;
  }
   
} /* end @media (min-width: 768px) and (max-width: 979px) */

@media (max-width: 767px) {
  
  .row .fundraiserWidgetSidebar .gg-sponsor-list-container {
    display:none;
  }
} /*end @media (max-width: 767px)*/


@media (max-width: 979px) {

    
} /*end @media (max-width: 979px)*/


/* Use Media Query to handle extreme table collapse behavior with the reg-table, survey questions, etc. fields */

@media (max-width: 440px) {

    
} /*end @media (max-width: 440px)*/
