
/*------------------------------------------------------------------------
# Soapbox -> Core CSS (v2.3.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
/* ----------------------------------------------------------------------*/
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

select.select-responsive		{ font-size: 14px; line-height: 19px; padding: 4px 0; width: 100%; }



/* ------------------------------------------------------------------------
/* !EXTENDED + JOOMLA MENU > Inline Horizontal RWD 2/1 Column Stacked  */
/* ----------------------------------------------------------------------*/
ul.menu-rwd-inline						{ margin: 0; padding: 0; list-style: none; }
ul.menu-rwd-inline li					{ margin: 0; padding: 0; display: inline-block; *display:inline; background: none; border-right: 1px solid #666; line-height: normal; height: auto; }
ul.menu-rwd-inline li a					{ padding: 0 8px; display: inline; color: #666; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; }
ul.menu-rwd-inline li a:hover				{ color: #333; text-decoration: none; }
ul.menu-rwd-inline li.active a 			{ color: #999; }
ul.menu-rwd-inline li.last-item			{ border-right: none; }
ul.menu-rwd-inline li span.separator		{ padding: 0 8px; display: inline; color: #999; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; }
ul.menu-rwd-inline li span.separator span	{}

ul.menu-rwd-inlinestacked					{ margin: 0; padding: 0; list-style: none; }
ul.menu-rwd-inlinestacked li					{ margin: 0; padding: 0; display: inline-block; *display:inline; background: none; border-right: 1px solid #666; line-height: normal; height: auto; }
ul.menu-rwd-inlinestacked li a				{ padding: 0 8px; display: inline; color: #666; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; }
ul.menu-rwd-inlinestacked li a:hover			{ color: #333; text-decoration: none; }
ul.menu-rwd-inlinestacked li.active a 			{ color: #999; }
ul.menu-rwd-inlinestacked li.last-item			{ border-right: none; }
ul.menu-rwd-inlinestacked li span.separator		{ padding: 0 8px; display: inline; color: #999; font-weight: bold; font-size: .9em; line-height: normal; text-decoration: none; text-transform: uppercase; }
ul.menu-rwd-inlinestacked li span.separator span	{}



/* ------------------------------------------------------------------------
/* !EXTENDED MENU > Suckerfish RWD 2/1 Column Stacked */
/* ----------------------------------------------------------------------*/

ul.menuhorz-rwd-stacked 			{ margin: 0; padding: 0; position: relative; z-index: 1000; width: 100%; list-style: none; }
ul.menuhorz-rwd-stacked ul 		{ margin: 0; padding: 0; z-index: 1000; }
ul.menuhorz-rwd-stacked li 		{ margin: 0; padding: 0; float: left; display: block; background: none; cursor: pointer; clear: none; z-index: 1000; height: auto; }
ul.menuhorz-rwd-stacked ul a 		{ width: 140px; z-index: 1000; /* width of links can be whatever but don't let them go over the arrows */ }

/* !2nd Level */
ul.menuhorz-rwd-stacked li ul		{ width: 160px; position: absolute; left: -999em; height: auto; z-index: 1000; margin-left: -1px; }
ul.menuhorz-rwd-stacked li li 	{ padding: 0; margin: 0; width: 160px; }

/* !3rd Level */
ul.menuhorz-rwd-stacked li ul ul 	{ margin: -27px 0 0 160px; }

ul.menuhorz-rwd-stacked li:hover ul ul, ul.menuhorz-rwd-stacked li:hover ul ul ul,
ul.menuhorz-rwd-stacked li.sfhover ul ul, ul.menuhorz-rwd-stacked li.havechildsfhover ul ul, ul.menuhorz-rwd-stacked li.havechild-activesfhover ul ul, ul.menuhorz-rwd-stacked li.activesfhover ul ul,
ul.menuhorz-rwd-stacked li.sfhover ul ul ul, ul.menuhorz-rwd-stacked li.havechildsfhover ul ul ul, ul.menuhorz-rwd-stacked li.havechild-activesfhover ul ul ul, ul.menuhorz-rwd-stacked li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
ul.menuhorz-rwd-stacked li:hover ul, ul.menuhorz-rwd-stacked li li:hover ul, ul.menuhorz-rwd-stacked li li li:hover ul,
ul.menuhorz-rwd-stacked li.sfhover ul, ul.menuhorz-rwd-stacked li.havechildsfhover ul, ul.menuhorz-rwd-stacked li.havechild-activesfhover ul, ul.menuhorz-rwd-stacked li.activesfhover ul,
ul.menuhorz-rwd-stacked li li.sfhover ul, ul.menuhorz-rwd-stacked li li.havesubchildsfhover ul, ul.menuhorz-rwd-stacked li li.havesubchild-activesfhover ul, ul.menuhorz-rwd-stacked li li.activesfhover ul,
ul.menuhorz-rwd-stacked li li li.sfhover ul, ul.menuhorz-rwd-stacked li li li.havesubchildsfhover ul, ul.menuhorz-rwd-stacked li li li.havesubchild-activesfhover ul, ul.menuhorz-rwd-stacked li li li.activesfhover ul {
	left: auto;
}

/* !STYLE: 1st Level */
/* ------------------------------------------------------ */
ul.menuhorz-rwd-stacked > li							{}
ul.menuhorz-rwd-stacked > li > a 						{ color: #fff; background: #666; font-size: 100%; line-height: 40px; font-weight: bold; text-decoration: none; padding: 0 20px; border-right: 1px solid #999; display: block; }
ul.menuhorz-rwd-stacked > li > a:hover					{ color: #fff; background: #333; }
ul.menuhorz-rwd-stacked > li:last-child > a				{ border-right: none; }

ul.menuhorz-rwd-stacked > li:hover,
ul.menuhorz-rwd-stacked > li.sfhover,
ul.menuhorz-rwd-stacked > li.havechildsfhover,
ul.menuhorz-rwd-stacked > li.havechild-activesfhover 		{ color: #fff; background: #333; }

ul.menuhorz-rwd-stacked > li > a.active,
ul.menuhorz-rwd-stacked > li > a.active:hover			{ color: #666; background: #ccc; }

/* !STYLE: 2nd+ Level */
/* ------------------------------------------------------ */
ul.menuhorz-rwd-stacked li ul									{ border: 1px solid #999; background: #666; }
ul.menuhorz-rwd-stacked li ul li 								{ border-bottom: 1px solid #999; float: none; }
ul.menuhorz-rwd-stacked li ul li:last-child						{ border-bottom: none; }
ul.menuhorz-rwd-stacked li ul a 								{ color: #fff; background: #666; font-size: .9em; line-height: 1.0em; font-weight: normal; text-decoration: none; padding: 10px 10px; display: block; }

/* !LI with subitems, want to show arrow */
ul.menuhorz-rwd-stacked li.havesubchild 						{}
ul.menuhorz-rwd-stacked li.havesubchild:hover					{ background: #333; }

/*! LI active state, want to show arrow */
ul.menuhorz-rwd-stacked li.havesubchild-active 					{}
ul.menuhorz-rwd-stacked li.havesubchild-active:hover 				{ background: #333; }

ul.menuhorz-rwd-stacked li.havesubchildsfhover:hover,
ul.menuhorz-rwd-stacked li.havesubchild-activesfhover:hover,
ul.menuhorz-rwd-stacked ul ul li.havesubchildsfhover:hover,
ul.menuhorz-rwd-stacked ul ul li.havesubchild-activesfhover:hover 	{ background: #333; }

ul.menuhorz-rwd-stacked li.havesubchildsfhover,
ul.menuhorz-rwd-stacked li.havesubchild-activesfhover,
ul.menuhorz-rwd-stacked ul ul li.havesubchildsfhover,
ul.menuhorz-rwd-stacked ul ul li.havesubchild-activesfhover,
ul.menuhorz-rwd-stacked li ul a:hover,
ul.menuhorz-rwd-stacked li ul a:active,
ul.menuhorz-rwd-stacked li ul a:focus,
ul.menuhorz-rwd-stacked ul li:hover,
ul.menuhorz-rwd-stacked ul li.sfhover,
ul.menuhorz-rwd-stacked ul ul li:hover,
ul.menuhorz-rwd-stacked ul ul li.sfhover						{ background: #333; color: #fff; position: static; }

/* !LI active state */
ul.menuhorz-rwd-stacked ul li.active,
ul.menuhorz-rwd-stacked ul li.active:hover,
ul.menuhorz-rwd-stacked ul li.active:active,
ul.menuhorz-rwd-stacked ul li.active:focus,
ul.menuhorz-rwd-stacked ul li.activesfhover,
ul.menuhorz-rwd-stacked ul li.activesfhover:hover,
ul.menuhorz-rwd-stacked ul li.activesfhover:active,
ul.menuhorz-rwd-stacked ul li.activesfhover:focus					{ background-color: #2972a8; }

/* !LINK active state */
ul.menuhorz-rwd-stacked ul li a.active,
ul.menuhorz-rwd-stacked ul li a.active:hover						{ background: #2972a8 !important; color: #fff; font-weight: bold; }



/* ------------------------------------------------------------------------
/* !EXTENDED + JOOMLA MENU > Regular Vertical RWD Sub Nav */
/* ----------------------------------------------------------------------*/
/* !1st Level */
ul.menu-rwd-stacked 											{ margin: 0; padding: 1px 0 0; list-style: none; border-top: 1px dotted #ccc; }
ul.menu-rwd-stacked li 											{ margin: 0 !important; padding: 0 !important; background: none !important; height: auto; }
ul.menu-rwd-stacked li a											{ line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; }
ul.menu-rwd-stacked li a:hover 									{ background: #fff; text-decoration: none; }
ul.menu-rwd-stacked li a span 									{}

/* !1st Level > Parent (has sub items) */
ul.menu-rwd-stacked li.parent a									{}
ul.menu-rwd-stacked li.parent a:hover								{}
ul.menu-rwd-stacked li.parent a span 								{}

/* !1st Level > Active */
ul.menu-rwd-stacked li.active a									{ color: #7ba566; background: #fff; font-weight: bold; border-bottom: 1px dotted #ccc; text-decoration: none; }
ul.menu-rwd-stacked li.active a:hover								{}
ul.menu-rwd-stacked li.active a span 								{}

/* !1st Level > Seperator */
ul.menu-rwd-stacked li span.separator								{ color: #666; line-height: 1.2em; padding: .5em 0px .4em 5px; border-bottom: 1px dotted #ccc; text-decoration: none; display: block; outline: none; }
ul.menu-rwd-stacked li span.separator span							{}

/*-----------------------------------------------------------------------*/

/* !2nd Level */
ul.menu-rwd-stacked li ul 										{ margin: 0; padding: 0; list-style: none; }
ul.menu-rwd-stacked li ul li 										{ padding: 0 0 0 15px !important; list-style: none; }
ul.menu-rwd-stacked li ul li a,
ul.menu-rwd-stacked li.active ul li a								{ color: #006699; background: none !important; font-size: .9em; font-weight: normal; }
ul.menu-rwd-stacked li ul li a:hover,
ul.menu-rwd-stacked li.active ul li a:hover 							{ color: #333; }
ul.menu-rwd-stacked li ul li a span								{}

/* !2nd Level > Parent (has sub items) */
ul.menu-rwd-stacked li.active ul li.parent a							{}
ul.menu-rwd-stacked li.active ul li.parent a:hover					{}
ul.menu-rwd-stacked li.active ul li.parent a span 					{}

/* !2nd Level > Active */
ul.menu-rwd-stacked li.active ul li.active a							{ font-weight: normal; color: #333; }
ul.menu-rwd-stacked li.active ul li.active a:hover					{}
ul.menu-rwd-stacked li.active ul li.active a span 					{}

/* !2nd Level > Seperator */
ul.menu-rwd-stacked li ul li span.separator							{ color: #666; background: none !important; font-size: .9em; font-weight: normal; }
ul.menu-rwd-stacked li ul li span.separator span						{}

/*-----------------------------------------------------------------------*/

/* !3rd Level */
ul.menu-rwd-stacked li ul li ul									{}
ul.menu-rwd-stacked li ul li ul li									{}
ul.menu-rwd-stacked li ul li ul li a,
ul.menu-rwd-stacked li ul li ul li a:active,
ul.menu-rwd-stacked li ul li ul li a:visited,
ul.menu-rwd-stacked li.active ul li.active ul li a					{ color: #006699; font-weight: normal; }
ul.menu-rwd-stacked li ul li ul li a:hover,
ul.menu-rwd-stacked li.active ul li.active ul li a:hover 				{ color: #333; }
ul.menu-rwd-stacked li.active ul li.active ul li a span				{}

/* !3rd Level > Parent (has sub items) */
ul.menu-rwd-stacked li.active ul li.active ul li.parent a				{}
ul.menu-rwd-stacked li.active ul li.active ul li.parent a:hover			{}
ul.menu-rwd-stacked li.active ul li.active ul li.parent a span 			{}

/* !3rd Level > Active */
ul.menu-rwd-stacked li.active ul li.active ul li.active a				{ font-weight: normal; color: #333; }
ul.menu-rwd-stacked li.active ul li.active ul li.active a:hover			{}
ul.menu-rwd-stacked li.active ul li.active ul li.active a span 			{}

/* !3rd Level > Seperator */
ul.menu-rwd-stacked li ul li ul li span.separator						{}
ul.menu-rwd-stacked li ul li ul li span.separator span					{}




/* ------------------------------------------------------------------------
/* !MEDIA QUERIES */
/* ----------------------------------------------------------------------*/
@media (max-width: 979px) {

	#page.catList-layDefault table#articleTBL th.date,
	#page.catList-layDefault table#articleTBL td.date			{ white-space: normal; }
	#page.catList-layDefault table#articleTBL th.author,
	#page.catList-layDefault table#articleTBL td.author		{ white-space: normal; }
	
	  /*
.petition-progchart {
    width: 100px;
    height: 100px;
  }
  .petition-progchart canvas {
    width: 100px;
    height: 100px;
  }
  .petition-progchart .percent {
    line-height: 100px;
    font-size: 20px;
  }
*/
  .petition-prognum {
    font-size: 36px;
    line-height: 1.2em;
  }

}

@media (max-width: 767px) {

/*	input.inputbox, 
	input.text, 
	input.file, 
	textarea.textarea, 
	select.select, 
	select.inputbox, 
	td.paramlist_value select,
	input.input-text,
	textarea.textarea						{ padding: 5px 0; }
	
	input.field.text, 
	textarea.field, 
	.inputbox, 
	td.paramlist_value select,
	input.input-text,
	textarea.textarea						{ font-size: 1.2em; }
	
	select.inputbox, 
	select.select									{ font-size: 1.2em; }
	
	ul.compList label.choice							{ font-size: 1.2em; }*/
	
	.control-group {
    margin-bottom: 0px;
  }
  .control-group .controls {
    margin-bottom: 12px;
  }
  
/*  .petition-letter {
    font-size: 14px;
    line-height: 24px;
  }*/
  .petition-letter p:last-child {
    margin-bottom: 0;
  }
  .supporter-item:last-child .supporter-text p:last-child {
    margin-bottom: 0;
  }


	ul.compList button.btn,
	ul.compList button.button,
	ul.compList .btn-primary,
	ul.compList .btn-secondary						{ font-size: 1.2em; }
	
	
	/* Forms */
	ul.compList li span.span-block-under				{ margin-top: 12px; clear: left; }
	ul.compList li span.span-block-clear				{ clear: both; }
	
	.cntr-label									{ float: none; width: 100%; margin-right: 0px; }
	.cntr-label p.desc								{ margin-bottom: 12px; }
	
	ul.compList-leftLabel li div.cntr, 
	ul.compList-rightLabel li div.cntr					{ float: none; width: 85%; margin: 0 15px; }
	
	ul.compList li.complex div.cntr span.left, 
	ul.compList li.complex div.cntr span.right			{ width: 100%; float: none; }
	
	ul.compList li.complex div.cntr span.span-block		{ padding-bottom: 12px; }
	
	ul.compList li.notStacked label					{ float: none; width: 100%; margin-right: 0px; }
	ul.compList li.notStacked div.cntr					{ float: none; width: 100%; margin: 0px; }
	
	ul.compList li div label, 
	ul.compList li span label						{ line-height: 130%; }
	
	ul.compList li.buttons span.req					{ /*display: none;*/ }
	
	ul.compList li.leftHalf, 
	ul.compList li.leftThird, 
	ul.compList li.leftFourth, 
	ul.compList li.leftFifth							{ float: none; clear: both !important; width: 100% !important; margin-left: 0% !important; }
	
	ul.compList li.leftThird, 
	ul.compList li.middleThird, 
	ul.compList li.rightThird						{ float: none; clear: both !important; width: 100% !important; margin-left: 0% !important; }
	
	ul.compList li.rightHalf, 
	ul.compList li.rightThird, 
	ul.compList li.rightFourth, 
	ul.compList li.rightFifth						{ float: none; clear: both !important; width: 100% !important; margin-left: 0% !important; }
	
	.compSect-title h3.left							{ float: none; }
	
	div.item-actions								{ font-size: 12px; line-height: 12px; }
	div.title-item-actions							{ margin: .6em 0 .6em 0; }
	div.title-item-actions div.ia						{ float: none; }	
	a.ia-link										{ padding: 6px 8px; }	
	
	.compSectGrid-col								{ display: block; float: none; width: 100%; }
	
	.well-form select								{ width: 100%; }
	
	
	

	
	
	/* Default Styling */
	.component-title .buttonheading, 
	.article-title .buttonheading						{ display: none; }
							
	.meta-line									{ line-height: 1.2em; margin-bottom: .4em; }
	.meta-line-med									{ line-height: 1.2em; }
	
	
	/* Blog Styling */
	table.blog tr td								{ width: 100%; display: block; }
	table.blog tr td.column_separator					{ padding: 0px; }


	/* Events */
	.sbxEvents-event .googleMap						{ margin: 0px; float: none; }
	.sbxEvents-event .googleMap #map,
	.sbxEvents-event .googleMap #map-canvas				{ max-width: 100% !important; width: 100% !important; }
	
	.cal-monthNavTBL a span.month						{ display: none; }
	.cal-monthNavTBL td.cal-navthismonth				{ width: 50%; }
	.cal-monthNavTBL td.cal-navmonthPrev,
	.cal-monthNavTBL td.cal-navmonthNext				{ width: 25%; }
	
	.cal-monthTBL th.cal-wdHead span.visible-phone {
		display: block !important;
	}
	
	.cal-monthTBL .cal-wdEmptyName span,
	.cal-monthTBL .cal-weEmptyName span,
	.cal-monthTBL .cal-event,
	.cal-monthTBL .cal-item-actions {
		display: none;
	}
	.cal-monthTBL .cal-wdEvent 						{ background-color: #ddd; }
	
	.cal-monthTBL .cal-wd, 
	.cal-monthTBL .cal-wdEmpty						{ height: auto !important; }
	
	.cal-monthTBL td.cal-wd .cal-wdNum, 
	.cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName		{ padding: 0px; }
	
	.cal-monthTBL .cal-wd .cal-num a					{ padding: 6px; height: 50px; display: block; }
	
	.compResFilter-content label						{ line-height: 2.4em; }
	.compResPDFilter-content .rightSide label			{ line-height: 2.8em; }
	
	
	/* Columns */
	.col-one,
	.col-full, 
	.col-one-half, 
	.col-two-third, 
	.col-one-third, 
	.col-one-fourth,
	.col-three-fourth								{ float: left; margin-bottom: 25px; margin-right: 0; position: relative; width: 100%; }
	


	ul.menu-rwd-inlinestacked.stacked2col ul			{ display: none !important; }
	ul.menu-rwd-inlinestacked.stacked2col > li			{ width: 50%; border-right: 0px; display: block; float: left; }
	ul.menu-rwd-inlinestacked.stacked2col > li > a		{ background: #fff; border: 1px solid #ccc; text-align: center; margin: 0 0 -1px -1px; padding: 8px 10px; display: block; }
	ul.menu-rwd-inlinestacked.stacked2col > li > a:hover	{ background: #f2f2f2; }	

	ul.menu-rwd-inlinestacked.stacked1col ul			{ display: none !important; }
	ul.menu-rwd-inlinestacked.stacked1col > li			{ width: 100%; border-right: 0px; display: block; }
	ul.menu-rwd-inlinestacked.stacked1col > li > a		{ background: #fff; border: 1px solid #ccc; text-align: center; margin: 0 0 -1px 0; padding: 8px 10px; display: block; }
	ul.menu-rwd-inlinestacked.stacked1col > li > a:hover	{ background: #f2f2f2; }	
	
	
	ul.menuhorz-rwd-stacked ul						{ display: none !important; }
	ul.menuhorz-rwd-stacked > li						{ width: 50%; }
	ul.menuhorz-rwd-stacked > li > a					{ border-bottom: 1px solid #999; text-align: center; padding: 0 10px; }
	ul.menuhorz-rwd-stacked > li:nth-child(even) > a		{ border-right: none; }
	ul.menuhorz-rwd-stacked > li:nth-child(7) > a		{ border-bottom: none; }
	ul.menuhorz-rwd-stacked > li:nth-child(8) > a		{ border-bottom: none; }
	
	ul.menuhorz-rwd-stacked.stacked1col > li					{ width: 100%; }
	ul.menuhorz-rwd-stacked.stacked1col > li:nth-child(even) > a,
	ul.menuhorz-rwd-stacked.stacked1col > li:nth-child(odd) > a		{ border-right: none; }
	
	
	
	
	/*
		.tickets-tbl-rwd1,
	.tickets-tbl-rwd1 thead,
	.tickets-tbl-rwd1 tbody,
	.tickets-tbl-rwd1 th,
	.tickets-tbl-rwd1 td,
	.tickets-tbl-rwd1 tr {
		display: block;
	}
	
	.tickets-tbl-rwd1 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.tickets-tbl-rwd1 td,
	table.tickets-tbl-rwd1 .ticketPrice, 
	table.tickets-tbl-rwd1 .ticketTotal {
		text-align: center;
		padding: 8px 5px 7px 8px;
	}
		
	.tickets-tbl-rwd1 .inline-th {
		display: inline-block !important;
		font-weight: bold;
		margin-right: 4px;
	} 
	
	table.tickets-tbl span.discount {
		display: inline-block;
		font-size: inherit;
	}
	*/


	.tickets-footer-tbl .foot-promocode,
	.tickets-footer-tbl .foot-total {
		float: none !important;
		width: 100%;
		text-align: center;
		margin: .6em 0;
	}
	
	.tickets-total-tbl {
		margin: 0 auto;
		text-align: center;
	}
	
	
	
	
	.tickets-tbl tr.visible-phone {
		display: table-row !important;
	}


}


@media (max-width: 480px) {
	
	/* Donations */
	.donations .section-billing .section-header-secure	{ width: 100%; float: none; }
	.donations .section-billing img.payment-ssl			{ display: none; }
	.donations .section-billing img.payment-lock			{ margin-bottom: 10px; }
	.donations .section-billing p.desc					{ line-height: 1.3em; }
	.donations .section-billing .sbxPayType				{ width: 75% !important; } /* force 3 images per row */
	
	.donations .section-donation li.sfcampaign-group select	{ width: 100%; }
	
	
	/* Sitemap */	
	.com_xmap div.contentpaneopen > div	{ width: 100% !important; float: none !important; }
	.com_xmap div.contentpaneopen ul li	{ padding: .3em 0 .5em 15px; background-position: 4px .8em; }
	
	
	/* Captcha */
	.recaptchatable .recaptcha_image_cell center img		{ width: 100% !important; height: auto !important; }
	.recaptchatable img#recaptcha_logo					{ max-width: 100% !important; height: auto !important; }
	.recaptchatable img#recaptcha_tagline				{ max-width: 100% !important; height: auto !important; }
	.recaptchatable, #recaptcha_area td				{ padding-right: 0px !important; }
	
	
	/* Events */
	.sbxEvents-cal label#termmsg						{ clear: both; float: none; }
	.sbxEvents-cal .rightSide						{ float: left; }
	.compSect-payment .compSect-titleC.left				{ float: none !important; width: 100%; }
	.compSect-payment .compSect-title img.payment-ssl		{ display: none; }
	
	
	ul.compList li.notStacked div.cntr.sbxPayType		{ padding: 0 15px; width: 75%; }
	
	/*
  .petition-progchart {
    width: 70px;
    height: 70px;
  }
  .petition-progchart canvas {
    width: 70px;
    height: 70px;
  }
  .petition-progchart .percent {
    line-height: 70px;
    font-size: 14px;
  }
*/
  .petition-prognum {
    font-size: 28px;
    line-height: 1.2em;
  }
  .petition-proglabel {
    font-size: 14px;
    line-height: 1.2em;
  }
  .supporter-location {
    display: block;
    padding-left: 0px;
  }
	
}



/* Petitions: 2 Column Template form and toggle class overrides */
@media (min-width: 768px) {
	.is-hidden.form-visible-phone {
		display: none !important;
	}
	
	.toggle-visible-phone {
		display: none !important;
	}
}


@media (min-width: 767px) {
	.toggle-visible-phone {
		display: block;
	}
}



.item-meta .label								{ font-weight: bold; }
.item-form									{ margin-top: .2em; }

.eventlistTBL td.event-date						{ line-height: 1.3em; }
.eventlistTBL .event-dayofweek					{ display: block; font-weight: bold; }
.eventlistTBL a.title							{ font-weight: bold; font-size: 1.2em; line-height: 1.0em; }
.eventlistTBL .event-meta						{ margin-top: .2em; }

table.mobile-resultsTBL thead th						{ white-space: normal; }
table.mobile-resultsTBL thead a.sortLink				{ margin-left: 10px; }



img		{ max-width: 100%; height: auto !important; }


/* Responsive Videos */
.rwd-video,
.allvideos_player			{ height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-top: .4em; margin-bottom: .4em; position: relative; overflow: hidden; }

.rwd-video.widescreen		{ padding-bottom: 57.25%; }
.rwd-video.vimeo			{ padding-top: 0; }		

.rwd-video embed,
.allvideos_player embed, 
.rwd-video iframe, 
.allvideos_player iframe,
.rwd-video object, 
.allvideos_player object,
.rwd-video video,
.allvideos_player video		{ top: 0; left: 0; width: 100%; height: 100%; position: absolute;	}

.allvideos_player			{ width: 100% !important; height: 0 !important; display: block; }
.allvideos_player embed,
.allvideos_player iframe,
.allvideos_player object,
.allvideos_player video		{ width: 100% !important; height: 100% !important; }
