/* There was clearfix code originally defined in this file,
but it was removed in light of IRB themes later version of
it.  If the widget is used on another site, the clearfix
css should be re-added */
/* Take Action Widget MOBILE+ */
.mtv_action_box
{
	background-color: #EAEAEA;
	color: #3B3B3B;
	margin: 1em 0;
}

.mtv_action_box .mtv_action_head
{
	position: relative;
	background-color: #2AAAE7;
}

.mtv_action_box h2
{
	padding: 0.5em 0.75em;
	margin: 0;
	color: #FFFFFF;
	font-size: 1.5em;
}

.mtv_action_box .mtv_content_wrapper
{
	margin: 1em;
}

.mtv_action_box img.mtv_image
{
	float: left;
	width: 75px;
	height: 60px;
	margin: 0 0.85em 0 0;
}

.mtv_action_box h3
{
	color: #000000;
	margin: 0;
	font-size: 1.25em;
}

.mtv_action_box p
{
	font-size: 0.9em;
	margin: 0.25em 0;
	line-height: 1.2em;
}

.mtv_action_box .mtv_button_box
{
	margin: 1em;
}


body.single article.post section.entry-content .mtv_action_box .mtv_counter
{
	padding: 5px 10px;
	color: #FFFFFF;
}

body.single article.post section.entry-content .mtv_action_box .mtv_counter:hover,
body.single article.post section.entry-content .mtv_action_box .mtv_counter:hover span
{
	color: #FFFFFF;
	background-color: #F5100F;
}

body.single article.post section.entry-content .mtv_action_box .mtv_counter.btn span
{
	display: inline;
	padding: 0;
}

body.single article.post section.entry-content .mtv_action_box .mtv_counter.btn span.mtv_clicks
{
	padding: 0 0 0 0.5em;
}

.mtv_action_box .mtv_center
{
	text-align: center;
	margin: 0 auto;
}

.mtv_action_box .mtv_center .icon-chevron-right
{
	position: relative;
	font-size: 14px;
	left: 5px;
	top: 1px;
	font-weight: bold;
}

.mtv_action_box .mtv_clicks
{
	border-left: 2px solid #F39999;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	font-weight: normal;
}


/* Take Action Widget DESKTOP */
@media only screen and (min-width: 481px) {

	.mtv_action_box
	{
		height: 100%;
		min-height: 100%;
		position: relative;
		display: table;
	}

	.mtv_action_box .mtv_action_head
	{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 19%;
		height: 100%;
	}

	.mtv_action_box .mtv_action_content
	{
		display: table-cell;
		margin: 1em;
	}

	.mtv_action_box .mtv_content_wrapper
	{
		padding-right: 1em;
		border-right: 1px dotted #000000;
	}

	.mtv_action_box .mtv_button_box
	{
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		height: 100%;
		margin: 1em 0;
	}

}/* END min-width: 481px; */





/* Act Counter Widget */

.mtv_act_count_widget {font-size:59px; margin-top:4px;}

.mtv_act_count_text_widget {margin-top:10px;}

.for_wildfire {display: none;}

/* necessary to test counter */
#primary, #secondary {
	width: 280px;
}

.mtv_act_total_counter_widget {
	width: 280px;
	height: 134px;
	background: url(images/counter_background.png) no-repeat 0 0;
	position: relative;
}

.mtv_act_total_counter_widget .total {
	position: absolute;
	top: 23px;
	left: 20px;
	text-align: center;
	clear: both;
	line-height: 1.1;
}

.mtv_act_total_counter_widget .total span.pad {
	display: block;
	background-color: transparent;
}

.mtv_act_total_counter_widget .total span.pad.pad1 {
	width: 25px;
}

.mtv_act_total_counter_widget .total span.pad.pad2 {
	width: 50px;
}

.mtv_act_total_counter_widget .total span.pad.pad3 {
	width: 75px;
}

.mtv_act_total_counter_widget .total span.pad.pad4 {
	width: 100px;
}

/** baseline style **/
.mtv_act_total_counter_widget .total span {
	font-family: Helvetica;
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	vertical-align: top;
}

.mtv_act_total_counter_widget .total span.number {
	margin-top: 0px;
	/*padding-top: 5px;*/
	color: white;
}

.mtv_act_total_counter_widget .total span.punc {
	color: #EA3E3E;
}

.mtv_act_total_counter_widget .mtv_act_count_text_widget {
	border-top: 1px #3A3A3B dotted;
	border-bottom: 1px #3A3A3B dotted;
	padding-top: 3px;
	font-family: Helvetica;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 85px; left: 20px; width: 240px;
}

/** large **/
.mtv_act_total_counter_widget .total.large span {
	font-size: 53px;
	margin-right: 5px;
}

.mtv_act_total_counter_widget .total.large span.number {
	background: url(images/number_background.png) no-repeat 0 0;
	width: 40px;
	height: 54px;
}

/** medium **/

.mtv_act_total_counter_widget .total.medium {
	top: 35px;
	left: 25px;
}

.mtv_act_total_counter_widget .total.medium span {
	font-size: 43px;
	margin-right: 4px;
}

.mtv_act_total_counter_widget .total.medium span.number {
	background: url(images/number_background_med.png) no-repeat 0 0;
	width: 33px;
	height: 45px;
}

/** small **/
.mtv_act_total_counter_widget .total.small {
	top: 35px;
	left: 23px;
}

.mtv_act_total_counter_widget .total.small span {
	font-size: 36px;
	margin-right: 3px;
}

.mtv_act_total_counter_widget .total span.punc {
	margin-right: 0px;
}

.mtv_act_total_counter_widget .total.small span.number {
	background: url(images/number_background_small.png) no-repeat 0 0;
	width: 28px;
	height: 38px;
}



/* Top Action posts widget */

.sidebar .mtv_act_top_action_posts ul{
	margin: 15px 0 0 0;
}

.sidebar .mtv_act_top_action_posts li{
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1em;
	width: 100%;
}

.top-action-graph-bar{
	float: left;
	width: 41px;
	height: 41px;
	margin: 0 5px 0 0;
	text-align: center;
}

.top-action-graph-bar span{
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	line-height: 41px;/* = parent height-padding to get vertical center */
	color: #FFFFFF;
}

#wrap a.top-action-graph-title{
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	line-height:20px;
}

.top-action-graph-item-1 .top-action-graph-bar{
	background-color:#ef4136;
}

.top-action-graph-item-2 .top-action-graph-bar{
	background-color:#ed5a4f;
}

.top-action-graph-item-3 .top-action-graph-bar{
	background-color:#ed726a;
}

.top-action-graph-item-4 .top-action-graph-bar{
	background-color:#ea8c84;
}

.top-action-graph-item-5 .top-action-graph-bar{
	background-color:#e7a39d;
}