﻿/*@font-face {
    font-family: "OpenSans";
    src: url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic");
}*/

.contentWrapMaster .last_updated {
    float: right;
    font-size: 10px;
    padding-right: 20px;
    padding-top: 13px;
    text-align: right;
    width: 200px;
}

.contentWrapMaster .insights_by_persistent { 
    float: right;
    width: 112px;
    position: relative;
}

.contentWrapMaster .insights_by_persistent .insights {
    color: #000000;
    font-family: Arial;
    font-size: 11.69px;
    font-style: normal;
    font-weight: normal;
    left: 44px;
    margin-left: -1px;
    margin-top: 2px;
    position: absolute;
}
 
.contentWrapMaster .responses {
    float: left;
    width: 100%;
    /*height: 70px;
    border-bottom: 1px solid #b0b7bd;*/
    margin-top: 28px;
    font-family: aleobold,Bold !important;
}

.contentWrapMaster .responses .label_count_wrapper {
    float: left;
    height: auto;
    margin-top: 15px;
    padding-bottom: 20px;
    width: 180px;
}

.contentWrapMaster .responses .label_count_wrapper .label {
    width: 152px;
    height: 24px;
    /*font-family: OpenSans-Semibold;*/ 
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid black;
}

.contentWrapMaster .responses .label_count_wrapper .count {
    width: 100%;
    height: 47px;
    /*font-family: OpenSans-BoldItalic;*/  
    
    /*font-family: Tahoma;
    font-style: italic;*/
    font-weight: bold;

    font-size: 30px;
    color: #dc551d;
}

.contentWrapMaster .responses .count_wrapper {
    /*float: left;*/
    height: auto;
    width: auto;
    margin-left: 180px;
}


.contentWrapMaster .responses .votes_wrapper, 
.contentWrapMaster .responses .twitter_wrapper, 
.contentWrapMaster .responses .facebook_wrapper, 
.contentWrapMaster .responses .website_wrapper, 
.contentWrapMaster .responses .sms_wrapper, 
.contentWrapMaster .responses .video_views_wrapper, 
.contentWrapMaster .responses .action_taken_wrapper {
    width: 155px;
    height: 73px;
    float: left;
    border-right: 1px dotted #a7abaf;
    margin-bottom: 5px;
}

.contentWrapMaster .responses .votes_wrapper .label, 
.contentWrapMaster .responses .twitter_wrapper .label, 
.contentWrapMaster .responses .facebook_wrapper .label,  
.contentWrapMaster .responses .website_wrapper .label,  
.contentWrapMaster .responses .sms_wrapper .label, 
.contentWrapMaster .responses .video_views_wrapper .label,  
.contentWrapMaster .responses .action_taken_wrapper .label {
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #000000;
}

.contentWrapMaster .responses .icon_wrapper {
    height: 31px;
}

.contentWrapMaster .responses .votes_wrapper .count, 
.contentWrapMaster .responses .twitter_wrapper .count, 
.contentWrapMaster .responses .facebook_wrapper .count,  
.contentWrapMaster .responses .website_wrapper .count,  
.contentWrapMaster .responses .sms_wrapper .count, 
.contentWrapMaster .responses .video_views_wrapper .count,  
.contentWrapMaster .responses .action_taken_wrapper .count {
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #dc551d;
}

/*.contentWrapMaster .responses .missed_calls_wrapper,  
.contentWrapMaster .responses .sms_wrapper {
    width: 166px;
}

.contentWrapMaster .responses .twitter_wrapper, 
.contentWrapMaster .responses .facebook_wrapper, 
.contentWrapMaster .responses .email_wrapper {
    width: 180px; 
}*/

.contentWrapMaster .responses .website_wrapper {
    border-right: none;
}

.contentWrapMaster .responses .refresh_wrapper {
    width: 94px;
    height: 60px;
    float: left;
}

.contentWrapMaster .responses .refresh_wrapper a {
    text-decoration: none;
    height: 46px;
    display: block;
    padding: 9px 0 0 35px;
}

.contentWrapMaster .responses .progressbar_label_count {
    /*font-family: OpenSans-Regular;*/      
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;

    font-size: 13px;
    color: #333333;    
    padding-bottom: 2px;
    /*padding-left: 5px;*/
    text-align: center;
} 

.contentWrapMaster .responses .progressbar_label_count .icon {  
}

.contentWrapMaster .responses .progressbar_outer {
    /*width: 100%;
    height: 24px;*/
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #d5e0e8;
}

.contentWrapMaster .responses .progressbar_outer .progressbar_inner {
    height: 10px;
    /*margin-top: 7px;*/
}

.contentWrapMaster .responses .missed_calls_wrapper .progressbar_outer { 
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-left: 7px;
    /*width: 159px;*/
}

.contentWrapMaster .responses .sms_wrapper .progressbar_outer { 
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-right: 7px;
    /*width: 159px;*/
}

.contentWrapMaster .responses .missed_calls_wrapper .progressbar_inner {
    background-color: #ed1c24;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.contentWrapMaster .responses .twitter_wrapper .progressbar_inner {
    background-color: #74cefe;
}

.contentWrapMaster .responses .facebook_wrapper .progressbar_inner {
    background-color: #ffcb05;
}

.contentWrapMaster .responses .email_wrapper .progressbar_inner {
    background-color: #33cc33;
}

.contentWrapMaster .responses .sms_wrapper .progressbar_inner {
    background-color: #ff9933;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}





.contentWrapMaster .online_impressions_wrapper {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    clear: both;
    display: none;
    float: left;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}
.contentWrapMaster .online_impressions_wrapper .label,
.contentWrapMaster .online_impressions_wrapper .value,
.contentWrapMaster .online_impressions_wrapper .note {
    float: left;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}
.contentWrapMaster .online_impressions_wrapper .label {
    color: #000000;
    font-size: 20px;
    font-style: normal;
    font-family: aleobold,Bold;
}
.contentWrapMaster .online_impressions_wrapper .label img {
    vertical-align: middle;
}
.contentWrapMaster .online_impressions_wrapper .value {
    color: #4bb3d2;
    font-size: 35px;
    font-style: normal;
    font-family: aleobold,Bold;
    margin-left: 12px;
}
.contentWrapMaster .online_impressions_wrapper .note {
    color: #7d7d7d;
    font-size: 14px;
    font-style: normal;
    font-family: Arial;
    margin-left: 14px;
}
.contentWrapMaster .online_impressions_wrapper .note span {
    border: 1px solid #D5D5D5;
    display: block;
    padding: 0 5px;
}
.contentWrapMaster .online_impressions_wrapper .note span .arrow_left {
    margin-left: -12px;
    vertical-align: middle;
}




.contentWrapMaster .charts_row_1,
.contentWrapMaster .charts_row_2,
.contentWrapMaster .charts_row_3,
.contentWrapMaster .charts_row_4 {
    width: 100%;
    /*height: 340px;*/
    /*border-bottom: 1px solid #bebfc1;*/
    float: left;
}

.contentWrapMaster .charts_row_1 .label,
.contentWrapMaster .charts_row_2 .label,
.contentWrapMaster .charts_row_3 .label,
.contentWrapMaster .charts_row_4 .label {
    width: 100%;
    /*height: 42px;*/ 
    padding-top: 8px;
    /*font-family: OpenSans-Semibold;*/      
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    font-family: aleobold,Bold !important;
}


.margin_down20 {
    margin-bottom: 20px;
}

.contentWrapMaster .episode_filter { 
    width: 260px; 
    float: left;
        
    font-family: aleobold,Bold !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500; 
}

.contentWrapMaster .episode_filter .label_left { 
    color: #7d7c7c;
}

.contentWrapMaster .episode_filter .label_right { 
    color: #333333;
    cursor: pointer;
    text-decoration: underline;
}

.contentWrapMaster .charts_row_1 .tag_mood_wrapper {
    width: 100%;
    height: 306px;
    position: relative;
}

/*.social_buzz_wrapper {
    float: left;
    height: 266px;
    margin: 0 20px 20px 0;
    width: 470px;
    background-color: #EFF0F2;
}*/

.map_chart {
    height: 255px;
    margin-top: 15px;
}

/*.top_states_wrapper {
    float: left;
    height: 266px;
    margin: 0 0 20px 0;
    width: 470px;
    background-color: #EFF0F2;
}*/

.top_states {
    height: 255px;
    margin-top: 15px;
}

.gender_age_wrapper {
    background-color: #EFF0F2;
    float: left;
    height: 235px;
    margin: 0 20px 20px 0;
    width: 470px;
}

.gender_chart {
    height: 201px;
}

.age_chart {
    float: left;
    height: 201px;
    width: 230px;
} 

/*.gender_wrapper {
    float: left;
    height: 235px;
    width: 265px;
    margin: 0 0 20px 0;
    background-color: #EFF0F2;
}

.age_wrapper {
    float: left;
    height: 235px;
    width: 205px;
    margin: 0 20px 20px 0;
    background-color: #EFF0F2; 
}

.gender_wrapper .label, 
.age_wrapper .label {
    color: #333333; 
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding-top: 8px;
    width: 100%;
}*/


/*.tag_cloud_wrapper {
    float: left;
    height: 235px;     
    margin: 0 0 20px 0;
    width: 470px;
    background-color: #EFF0F2;
}*/

#tag_cloud {
    float: left;
    height: 255px;
    margin-top: 15px;
    width: 100%;
}

/*.donations_wrapper {
    float: left;
    margin: 0 20px 20px 0;
    height: 303px;     
    width: 470px;
    background-color: #EFF0F2;
}

.voting_wrapper {
    float: left;
    margin: 0 0 20px 0;
    height: 303px;     
    width: 470px;
    background-color: #EFF0F2;
}*/

.donations_chart {
    height: 255px;
    margin-top: 15px;
    width: 100%;
    position: relative;
}

.donations_chart table {
    margin: auto;
}

.donations_chart .donations_without_sms {
    width: 425px;
    padding-top: 50px;
}
   
.donations_chart img{
    width:318px;
}
   
.donations_chart .donations_without_sms img{
    width:369px;
}

.voting_chart {
    width: 100%;
    height: 272px;
}

.donations_chart .episode_amount_wrapper {
    width: 100%;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
}

.donations_chart .episode_amount_wrapper {
    width: 100%; 
    vertical-align: middle;
    color: #268CD4; 
}

.donations_chart .episode_no {
    font-size: 15px; 
    padding-left: 35px;
    padding-top: 55px;
    padding-bottom: 10px;
    /*float: left;*/
}

.donation_amount_wrapper {
    clear: both; 
}

.donations_chart .episode_amount_wrapper .donation_amount {
    /*width: 100%; 
    height: 100px;*/
    font-size: 50px;
    padding-left: 30px;
    line-height: 100px;
}

.donations_chart .note {
    bottom: 5px;
    position: absolute;
    font-family: Arial;
    font-size: 13px;
    color: #626262;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender {
    width: 200px;
    height: 100%; 
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age {
    width: 200px;
    height: 100%; 
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender .label,
.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age .label {
    width: 100%;
    padding-top: 8px; 
    /*font-family: OpenSans-Semibold;*/             
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    color: #333333;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender .chart,
.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age .chart {
    width: 100%;
    height: 201px;  
}















.contentWrapMaster .charts_row_1 .tag_mood_wrapper .tag_cloud_wrapper, 
.contentWrapMaster .charts_row_1 .tag_mood_wrapper .public_mood_wrapper {
    /*width: 585px;
    height: 100%;*/
    float: left;
    height: 266px;
    margin: 20px;
    max-width: 440px;
    width: 100%;
}

.contentWrapMaster .main_bottom_wrapper {
    width: 100%;
    height: 539px; 
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper {
    width: 100%;
    height: 100%; 
    float: left;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper {
    width: 100%;
    max-width: 440px;
    height: 235px; 
    border-bottom: 1px solid #bebfc2;
    margin: 20px 10px 20px 10px;
    float: left;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender {
    width: 200px;
    height: 100%; 
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age {
    width: 200px;
    height: 100%; 
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender .label,
.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age .label {
    width: 100%;
    padding-top: 8px; 
    /*font-family: OpenSans-Semibold;*/             
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    color: #333333;
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .gender .chart,
.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .gender_age_wrapper .age .chart {
    width: 100%;
    height: 201px;  
}

.contentWrapMaster .charts_row_2 .gender_age_map_wrapper .map_chart {
    float: left;
    height: 266px;
    margin: 20px;
    width: 440px;
}

.contentWrapMaster .main_bottom_wrapper .gender_age_donations_wrapper .donations {
    width: 100%;
    height: 303px;  
}

.contentWrapMaster .main_bottom_wrapper .gender_age_donations_wrapper .donations .label {
    width: 100%;
    padding-top: 8px; 
    /*font-family: OpenSans-Semibold;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    color: #333333;
}

.contentWrapMaster .main_bottom_wrapper .gender_age_donations_wrapper .donations .chart {
    width: 100%;
    height: 272px;   
} 

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper {
    width: 570px;
    height: 100%;
    padding-left: 30px;
    float: left;
}

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .sentiment {
    width: 100%;
    height: 235px; 
    border-bottom: 1px solid #bfbfc2;
}

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .voting {
    width: 100%;
    height: 303px;  
}

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .sentiment .label,
.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .voting .label {
    width: 100%;
    padding-top: 8px;
    /*font-family: OpenSans-Semibold;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: 500;

    font-size: 18px;
    color: #333333;
}

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .sentiment .container {
    width: 100%;
    height: 214px;  
    overflow-y: auto; 
}

.contentWrapMaster .main_bottom_wrapper .sentiment_voting_wrapper .voting .container {
    width: 100%;
    height: 272px;  
    overflow-y: auto; 
}
 


/* Styles for Line Chart */

.line_chart {
    /*font: 10.64px OpenSans-Regular;*/

    font: 10.64px Tahoma; 

    fill: #000000;
}

.line_chart .axis path,
.line_chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line_chart .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}


.line_chart div.chart_tooltip {   
    position: absolute;           
    text-align: center;           
    width: auto;                  
    height: 18px;                 
    padding: 5px;             
    font: 12px sans-serif;        
    background: lightsteelblue;   
    border: 0px;      
    border-radius: 10px;           
    pointer-events: none;
}

.line_chart circle {
    cursor: pointer;
}


/* Styles for Donations Chart */

.donations .chart .axis text {
    /*font: 10.64px OpenSans-Regular;*/
    
    font: 10.64px Tahoma; 

    fill: #000000;
}

.donations .chart .axis path,
.donations .chart .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.donations .chart .x.axis path {
    display: none;
}

div.chart_tooltip {   
    position: absolute;           
    text-align: center;           
    width: auto;                  
    height: auto;                 
    padding: 5px;             
    font: 12px sans-serif;        
    background: lightsteelblue;   
    border: 0px;      
    border-radius: 10px;           
    pointer-events: none;
}

.donations .chart .tick line {
    display: none;
}




/* style for voting chart*/

.voting .container {
	overflow:hidden !important;
}
.voting {
  font: 10px sans-serif;
}
.voting .axis path,
.voting .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.voting .x.axis path {
  display: none;
}

.voting .legend line {
  stroke: #000;
  shape-rendering: crispEdges;
}

.voting .tick line {
    display: none;
}

.voting .tick text {
    font-size: 10.64px;
    /*font-family: OpenSans-Regular;*/
    fill: black; 
}

.voting div.chart_tooltip {   
    position: absolute;           
    text-align: center;           
    width: auto;                  
    height: 18px;                 
    padding: 5px;             
    font: 12px sans-serif;        
    background: lightsteelblue;   
    border: 0px;      
    border-radius: 10px;           
    pointer-events: none;
}


/**/

.persistent_logo_small {
    float: right;
    margin-right: 8px;
}

.response_details {
}

.response_details .topic_label,
.response_details .date_label {
    /*font-family: OpenSans-Regular;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;

    font-size: 13px;
    color: #e9e9e9;
}

.response_details .topic_value,
.response_details .date_value {
    /*font-family: OpenSans-Regular;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;

    font-size: 13px;
    color: #ffffff;
} 

.response_details .response_label {
    /*font-family: OpenSans-Regular;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;

    font-size: 16px;
    color: #e9e9e9;
}

.response_details .response_filter {
    /*font-family: OpenSans-Regular;*/                  
    
    /*font-family: Tahoma;*/
    font-style: normal;
    font-weight: normal;

    font-size: 16px;
    color: #ffcb05;
}




/****************** mood chart starts here ****************/
/*.contentWrapMaster .charts_row_4 {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #bebfc1;
    float: left;
}

.contentWrapMaster .charts_row_4 .label {
    width: 100%;
    padding-top: 8px;
    font-family: Tahoma;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}*/
.mood_wrapper {
    float: left;
    height: auto;    
    margin-right: 0 20px 20px 0;
    width: 470px;    
    background-color: #EFF0F2;
}
.mood_wrapper #mood_chart{
	height:auto;
}
.mood_wrapper #divCircle { 
    width: 100%;
    height: 100*;  
    position: relative;
}

.mood_wrapper #divCircle .moodDesc{
	text-align:center;
	text-transform:uppercase;
	color:#dc551d;
	width:auto;
	font-size:12px;
	font-weight:bold;
	border-top: 1px solid #ccc;
	width:120px;
    padding-top: 3px;
}
.mood_wrapper #divCircle .moodPerc{
	color:#000000;
	font-size:10px;
}
.mood_wrapper #divCircle .mood{
    width: 120px;
  	height: 120px;
  	min-width: 120px;
  	min-height: 120px;
  	position: relative;
  	display:inline-block;
	text-align:center;
	padding: 2px;
	background: #fff;
	margin: 8px;
	font-size: 12px;
	float: left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	 border-radius: 4px;
	
}
.mood .moodImage{
 	width: 120px;
  	height: 100px;
  	vertical-align:middle;
  	text-align:center;
  	position: relative;
  	
}
.mood .moodImage img {
    max-height: 100px;  
    max-width: 120px;  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  
}
/****************** mood chart ends here ****************/



.action_taken_wrapper, 
.top_states_wrapper,
.votes_for_change_wrapper,
.top_states_wrapper,
.social_buzz_wrapper,
.tag_cloud_wrapper,
.donations_wrapper {
    float: left;
    margin: 0 0 20px 0;
    height: 303px;     
    width: 470px;
    background-color: #EFF0F2;
}

.action_taken_wrapper,
.top_states_wrapper,
.tag_cloud_wrapper { 
    margin-right: 20px; 
}




.social_buzz_wrapper .social_legend { 
    display: inline-block;
    list-style: none outside none; 
    width: auto;
    float: right;
}

.social_buzz_wrapper .social_legend li {
    display: inline;
    float: left;
    /*height: 42px;
    line-height: 42px;
    margin-left: 10px;*/
    list-style: none outside none;
    padding: 0;
    width: auto;
    padding-right: 8px;
}

.social_buzz_wrapper .social_legend .legend_icon {
    padding-top: 7px;
    position: absolute;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.social_buzz_wrapper .social_legend li .legend_label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding-bottom: 3px;
    padding-left: 14px;
}


#actions_taken table {
    width: 380px;
    height: auto;
    margin: auto;
}

#actions_taken table tr {
    height: 125px;
}

#actions_taken table td {
    text-align: center;
}

#actions_taken .chart_label {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #010101;
}

#actions_taken .count {
    font-family: aleobold,Bold;
    font-size: 22px;
    font-style: normal;
    color: #0e0e0e;
}

#actions_taken hr 
{
    display: block; 
    height: 1px;
    border: 0;  
    margin: auto; 
    padding: 0;
    width: 115px;
}

#actions_taken .twitter hr {  
    border-top: 2px solid #4bb3d2; 
}

#actions_taken .votes hr { 
    border-top: 2px solid #d94d4d; 
}

#actions_taken .videoViews hr { 
    border-top: 2px solid #eba538; 
}

#actions_taken .websiteViews hr { 
    border-top: 2px solid #87ab66; 
}

#actions_taken .facebook hr { 
    border-top: 2px solid #69c7ff; 
}




#votes_for_change {
}


#votes_for_change table {
    width: 380px;
    height: auto;
    margin: auto;
    margin-top: 35px;

    border-collapse: collapse;
}

#votes_for_change table tr {
    /*height: 125px;*/
}

#votes_for_change table td {
    /*text-align: center;*/
    vertical-align: bottom;
}

#votes_for_change .center_spacer {
    width: 30px;
}

#votes_for_change .chart_label {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #010101;
}

#votes_for_change .value {
    font-family: aleobold,Bold;
    font-size: 22px;
    font-style: normal;
    color: #0e0e0e;
    padding-left: 10px;
}

#votes_for_change hr 
{
    display: block; 
    height: 1px;
    border: 0;  
    margin: auto; 
    padding: 0;
    width: 90px;
}

#votes_for_change hr.missed_call_line {  
    border-top: 2px solid #87AB66; 
    /*margin-bottom: 5px;*/
}

#votes_for_change hr.sms_line {  
    border-top: 2px solid #EBA538; 
    /*margin-bottom: 5px;*/
}

#votes_for_change hr.petition_line {  
    border-top: 2px solid #87ABAD; 
    /*margin-bottom: 4px;*/
}

#votes_for_change hr.website_vote_line {  
    border-top: 2px solid #D94D4D; 
    /*margin-bottom: 4px;*/
}

#votes_for_change .missed_call_icon, 
#votes_for_change .petition_icon {
    display: block;
    margin-left: -8px;
    padding-right: 10px;
}
 
#votes_for_change .sms_icon, 
#votes_for_change .website_vote_icon {
    display: block;
    margin-right: -10px;
    padding-left: 10px;
}

.padding_left_10 {
    padding-left: 10px;
}

#votes_for_change .votes_without_sms {
    width: 425px;
    margin-top: 60px;
    margin-bottom: 60px;
}

#votes_for_change .votes_without_sms .circular_icon {
    display: block;
    margin: auto;
    margin-bottom: 14px;
}

#votes_for_change .votes_without_sms .chart_label {
    text-align: center;
    padding-top: 10px;
}

#votes_for_change .votes_without_sms .value {
    text-align: center;
    padding: 0;
    padding-top: 5px;
}


.donations_chart .reliance_donation span,
.donations_chart .axis_bank_donation span,
.donations_chart .sms_donation span
{
	display:block;
	text-align:center;
}
.donations_chart .reliance_donation,
.donations_chart .axis_bank_donation,
.donations_chart .sms_donation{
	width:155px;
	text-align:center;
	vertical-align:top;
}

.donations_chart .amount{
	font-family:aleobold,Bold;
	font-weight:Bold ;
	font-size:20px;
	color:#000000;
	
}
.donations_chart .label_small{
	font-family:Arial;
	color:#010101;
	font-size:12px;
	font-weight:bold;
}

.donations_chart .donor_name{
	font-family:Arial;
	color:#d9824d;
	font-size:19px;
	font-style: normal; 
	font-weight:bold;
	line-height:18px;
}


/*Public Donations Chart Styles*/

.donations_chart .public_donation {
    width: 189px;
    height: auto;
    margin: auto;
    position: relative;
}

.donations_chart .public_donation img {
    width: 189px;
    height: auto;
}

.donations_chart .public_donation .amount {
    position: absolute; 
    left: 0;
    top: 62px;
    width: 189px;
    font-size: 27px;
}



/* widget fixes for low resolution starts here */
@media all and (max-width: 299px) {
    .contentWrapMaster .online_impressions_wrapper .label,
    .contentWrapMaster .online_impressions_wrapper .value {
        float: none;
        text-align: center; 
    } 
    .contentWrapMaster .online_impressions_wrapper .note {
        float: none;
        width: 80%;
        margin: auto;
        line-height: normal;
    }
    
    .contentWrapMaster .responses .label_count_wrapper { 
        /*height: 555px;*/ 
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    } 
    .contentWrapMaster .responses .label_count_wrapper .label {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .contentWrapMaster .responses .label_count_wrapper .count { 
        text-align: center;
    }
    .contentWrapMaster .responses .count_wrapper {
        margin-left: 0;
    }
    .contentWrapMaster .responses .votes_wrapper, 
    .contentWrapMaster .responses .twitter_wrapper, 
    .contentWrapMaster .responses .facebook_wrapper, 
    .contentWrapMaster .responses .website_wrapper, 
    .contentWrapMaster .responses .sms_wrapper, 
    .contentWrapMaster .responses .video_views_wrapper, 
    .contentWrapMaster .responses .action_taken_wrapper { 
        margin-left: auto;
        margin-right: auto; 
        clear: both;
        float: none;

        border-right: medium none;
        border-top: 1px dotted #A7ABAF; 
        height: auto;
        margin-bottom: 0;
        padding: 10px 0; 
    }   
}


@media all and (max-width: 350px) and (min-width: 300px) {
    .contentWrapMaster .online_impressions_wrapper .label,
    .contentWrapMaster .online_impressions_wrapper .value {
        float: none;
        text-align: center; 
    } 
    .contentWrapMaster .online_impressions_wrapper .note {
        float: none;
        width: 80%;
        margin: auto;
        line-height: normal;
    }

 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper,
 	.votes_for_change_wrapper,
 	.action_taken_wrapper {
	   width: 300px;
	   margin:5px;
	   height:auto;
	   padding-right: 5px;
	}

     
    #actions_taken table { 
        width: 100%;
    }
    #actions_taken img { 
        /*width: 25%;*/
    }
    #actions_taken hr { 
        width: 100%;
    }
    #actions_taken .count { 
        font-size: 18px; 
    }

    #votes_for_change table { 
        width: 100%;
        margin-bottom: 35px;
    }
    #votes_for_change img { 
        width: 100%;
    }
    #votes_for_change hr { 
        width: 100%;
    }
    .icon_column {
        width: 55px;
        height: 55px;
    }
    #votes_for_change .center_spacer {
        width: 0px;
    }
    #votes_for_change .chart_label { 
        font-size: 10px; 
    }
    #votes_for_change .value { 
        font-size: 18px; 
    }

    
    #votes_for_change .votes_without_sms { 
        width: 95%;
    }
    #votes_for_change .votes_without_sms .circular_icon {
        width: 73px;
    }
    #votes_for_change .votes_without_sms hr {
        width: 90%;
    }



	.gender_chart {
		width:245px;
        margin-left: 30px; 
	} 
	.age_chart {
		width:220px; 
        margin-left: 50px;
	}
	#map{
		margin-left:10px;
	}
    .contentWrapMaster .responses .label_count_wrapper { 
        /*height: 555px;*/ 
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    }
    .contentWrapMaster .responses .label_count_wrapper .label {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .contentWrapMaster .responses .label_count_wrapper .count { 
        text-align: center;
    }
    .contentWrapMaster .responses .count_wrapper {
        margin-left: 0;
    }
    .contentWrapMaster .responses .votes_wrapper, 
    .contentWrapMaster .responses .twitter_wrapper, 
    .contentWrapMaster .responses .facebook_wrapper, 
    .contentWrapMaster .responses .website_wrapper, 
    .contentWrapMaster .responses .sms_wrapper, 
    .contentWrapMaster .responses .video_views_wrapper, 
    .contentWrapMaster .responses .action_taken_wrapper { 
        margin-left: auto;
        margin-right: auto; 
        clear: both;
        float: none;

        border-right: medium none;
        border-top: 1px dotted #A7ABAF; 
        height: auto;
        margin-bottom: 0;
        padding: 10px 0; 
    }     
    .contentWrapMaster .charts_row_1 .label,
    .contentWrapMaster .charts_row_2 .label,
    .contentWrapMaster .charts_row_3 .label,
    .contentWrapMaster .charts_row_4 .label { 
        font-size: 12px; 
    }

    .social_buzz_wrapper .social_legend .legend_icon { 
        padding-top: 2px; 
    }
    
    .donations_chart img{
    	width:199px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:96px;
		text-align:center;
		vertical-align:top;
	}
	
	.donations_chart .amount{
		font-size:14px;
	}
	.donations_chart .label_small{
		font-size:10px;
	}
	
	.donations_chart .donor_name{
		font-size:14px;
	}
    
    .donations_chart .donations_without_sms {
        width: 95%; 
    }
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width: 120px; 
	}
    
    .donations_chart .donations_without_sms img{
    	width:218px;
    }

}
@media all and (max-width: 400px) and (min-width: 351px) {
    .contentWrapMaster .online_impressions_wrapper .label,
    .contentWrapMaster .online_impressions_wrapper .value {
        float: none;
        text-align: center; 
    } 
    .contentWrapMaster .online_impressions_wrapper .note {
        float: none;
        width: 80%;
        margin: auto;
        line-height: normal;
    }

 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper, 
    .votes_for_change_wrapper, 
    .action_taken_wrapper {
	    width: 350px;
	   margin:10px;
	   padding-right: 10px;
	}
     
    #actions_taken table { 
        width: 100%;
    }
    #actions_taken img { 
        /*width: 25%;*/
    }
    #actions_taken hr { 
        width: 100%;
    }

    #votes_for_change table { 
        width: 100%;
    }
    #votes_for_change img { 
        width: 100%;
    }
    #votes_for_change hr { 
        width: 100%;
    }
    .icon_column {
        width: 55px;
        height: 55px;
    }
    #votes_for_change .center_spacer {
        width: 0px;
    }
    #votes_for_change .chart_label { 
        font-size: 13px; 
    }
    #votes_for_change .value { 
        font-size: 20px; 
    }

    
    #votes_for_change .votes_without_sms { 
        width: 95%;
    }
    #votes_for_change .votes_without_sms .circular_icon {
        width: 73px;
    }
    #votes_for_change .votes_without_sms hr {
        width: 90%;
    }


	.gender_chart {
		width:330px;
        margin-left: 15px;
	} 
	.age_chart {
		width:165px;
        margin-left: 10px;
	}
	#map{
		margin-left:10px;
	}
    
    .contentWrapMaster .responses .label_count_wrapper { 
        /*height: 555px;*/ 
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    } 
    .contentWrapMaster .responses .label_count_wrapper .label {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .contentWrapMaster .responses .label_count_wrapper .count { 
        text-align: center;
    }
    .contentWrapMaster .responses .count_wrapper {
        margin-left: 0;
    }
    .contentWrapMaster .responses .votes_wrapper, 
    .contentWrapMaster .responses .twitter_wrapper, 
    .contentWrapMaster .responses .facebook_wrapper, 
    .contentWrapMaster .responses .website_wrapper, 
    .contentWrapMaster .responses .sms_wrapper, 
    .contentWrapMaster .responses .video_views_wrapper, 
    .contentWrapMaster .responses .action_taken_wrapper { 
        margin-left: auto;
        margin-right: auto; 
        clear: both;
        float: none;
        
        border-right: medium none;
        border-top: 1px dotted #A7ABAF; 
        height: auto;
        margin-bottom: 0;
        padding: 10px 0; 
    } 
        
    .contentWrapMaster .charts_row_1 .label,
    .contentWrapMaster .charts_row_2 .label,
    .contentWrapMaster .charts_row_3 .label,
    .contentWrapMaster .charts_row_4 .label { 
        font-size: 15px; 
    }

    .social_buzz_wrapper .social_legend { 
        margin-top: -3px; 
    }
    .social_buzz_wrapper .social_legend .legend_icon { 
        padding-top: 6px; 
    }
    
    .donations_chart img{
    	width:228px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:110px;
		text-align:center;
		vertical-align:top;
	}
	
	.donations_chart .amount{
		font-size:14px;
	}
	.donations_chart .label_small{
		font-size:10px;
	}
	
	.donations_chart .donor_name{
		font-size:14px;
	}

    
    .donations_chart .donations_without_sms {
        width: 95%; 
    }
    .donations_chart .donations_without_sms img {
        width: 280px; 
    }
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width: 120px; 
	} 
}

@media all and (max-width: 500px) and (min-width: 401px) {
 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper,
    .votes_for_change_wrapper,
    .action_taken_wrapper {
	    width: 390px;
	    margin:15px;
	    padding-right: 15px;
	   
	}
    .gender_age_wrapper {
        height: 245px;
    }
	.gender_chart {
		width: 380px; 
	} 
	.age_chart{
		width: 310px; 
        margin-left: 50px;
	}
	#map{
		margin-left:10px;
	}
    
    .contentWrapMaster .responses .label_count_wrapper { 
        height: auto; 
    }
    #votes_for_change .votes_without_sms { 
        width: 100%;
    }

    .donations_chart .donations_without_sms { 
        width: 390px;
    }
    .donations_chart img{
    	width:245px;
    }
    .donations_chart .donations_without_sms img{
    	width:350px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:118px;
		text-align:center;
		vertical-align:top;
	}
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width:137px; 
	}
	
	.donations_chart .amount{
		font-size:14px;
	}
	.donations_chart .label_small{
		font-size:10px;
	}
	
	.donations_chart .donor_name{
		font-size:14px;
	}

}
@media all and (max-width: 600px) and (min-width: 501px) {
 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper{
	    width: 480px;
	    margin:15px;
	    padding-right: 15px;
	}
	.gender_chart {
		width:208px;
        margin-left: auto;
        margin-right: auto;
	} 
	.age_chart {
		width:225px;
        margin-left: 15px;
	}
	#map{
		margin-left:10px;
	}
    
    .contentWrapMaster .responses .label_count_wrapper { 
        height: auto; 
    }
    .donations_chart img{
    	width:290px;
    }
    .donations_chart .donations_without_sms img{
    	width:350px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:140px;
		text-align:center;
		vertical-align:top;
	}
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width:169px; 
	}
	
	.donations_chart .amount{
		font-size:14px;
	}
	.donations_chart .label_small{
		font-size:10px;
	}
	
	.donations_chart .donor_name{
		font-size:14px;
	}
}

@media all and (max-width: 700px) and (min-width: 601px) {
 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper,
    .action_taken_wrapper,
    .votes_for_change_wrapper {
	    width: 580px;
	    margin:15px;
	    padding-right: 15px;
	   	height:auto;
	}
	.gender_chart,
	.age_chart{
		width:265px;
        margin-left: auto;
        margin-right: auto;
	}
	#map{
		margin-left:10px;
	}    
    .contentWrapMaster .responses .label_count_wrapper { 
        height: 140px; 
        margin-bottom: 10px;
    }
    #tag_cloud { 
        height: 250px; 
    }
    .donations_chart img{
    	width:375px;
    }
    .donations_chart .donations_without_sms img{
    	width:350px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:182px;
		text-align:center;
		vertical-align:top;
	}
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width:169px; 
	}
	
	.donations_chart .amount{
		font-size:14px;
	}
	.donations_chart .label_small{
		font-size:10px;
	}
	
	.donations_chart .donor_name{
		font-size:14px;
	}
}
@media all and (max-width: 800px) and (min-width: 701px) {
 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper,
     .votes_for_change_wrapper,
     .action_taken_wrapper {
	    width: 690px;
	    margin:15px;
	    padding-right: 15px;
	    height:auto;
	}

     
    #votes_for_change table {  
        margin-bottom: 35px;
    }

	.gender_chart {
        margin-left: auto;
        margin-right: auto;
		width:400px;
	} 
	.age_chart {
		width:275px;
	}
	#map{
		margin-left:10px;
	}  
    .contentWrapMaster .responses .label_count_wrapper { 
        height: 140px; 
        margin-bottom: 10px;
    }
    #tag_cloud { 
        height: 250px; 
    }
     .donations_chart img{
    	width:340px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:165px;
		text-align:center;
		vertical-align:top;
	}
	
	.donations_chart .amount{
		font-size:18px;
	}
	.donations_chart .label_small{
		font-size:18px;
	}
	
	.donations_chart .donor_name{
		font-size:18px;
	}
    
    .donations_chart .donations_without_sms img {
    	width:369px;
    }
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width:155px; 
	}

}

@media all and (max-width: 959px) and (min-width: 801px) {
 	.social_buzz_wrapper,
 	.top_states_wrapper,
 	.tag_cloud_wrapper,
 	.donations_wrapper,
 	.gender_age_wrapper,
 	.voting_wrapper,
 	.mood_wrapper,
    .action_taken_wrapper,
    .votes_for_change_wrapper {
	    width: 790px;
	    margin:15px;
	    padding-right: 15px;
	    height:auto;
	}
	.gender_chart {
		width:485px;
        margin-left: auto;
        margin-right: auto;
	} 
	.age_chart{
		width:270px;
	}
	#map{
		margin-left:10px;
	}  
    .contentWrapMaster .responses .label_count_wrapper { 
        height: 140px; 
        margin-bottom: 10px;
    }
    #tag_cloud { 
        height: 250px; 
    }
     
    .donations_chart img{
    	width:370px;
    }     
    .donations_chart .donations_without_sms img{
    	width:350px;
    }
    .donations_chart .reliance_donation,
	.donations_chart .axis_bank_donation,
	.donations_chart .sms_donation{
		width:180px;
		text-align:center;
		vertical-align:top;
	}
    .donations_chart .donations_without_sms .reliance_donation,
	.donations_chart .donations_without_sms .axis_bank_donation {
		width:169px; 
	}
	
	.donations_chart .amount{
		font-size:18px;
	}
	.donations_chart .label_small{
		font-size:18px;
	}
	
	.donations_chart .donor_name{
		font-size:18px;
	}
}
/* widget fixes for low resolution ends here */
.add_bottom {
    max-width: 728px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.add_bottom img,
.add_bottom object,
.add_bottom object embed { 
    width: 100%; 
    height: auto;
}

#voting_chart{
    height: 255px;
    margin-top: 15px;
    width: 100%;
}

.voting_value_wrapper {
    position: relative;
}

.voting_value_wrapper .voting_value {
    position: absolute;
    width: 65%;
    float: left;
    margin-top: 74px;
    color: #268CD4;
    margin-left: 36%;
}

/*#voting_chart{
	color: #268CD4;
	font-size: 30px;
	line-height: 100px;
	text-align: left;
	margin-top: 12%;
	float: right;
    width: 52%;
}*/

/*.voting_wrapper{
	background-image: url('/images/VoteForChange_back.png');
	background-size: 100%;
	background-repeat: no-repeat;
}*/

.actNow{
	float: left;
	height: auto;
	width: 34%;
	margin-top: 25px;
}

.yourVote{
	width: 80%;
}

.age_chart{
	display: none;
}

.map_chart .cluster{ 
    background-size: 100% 100%; 
}
 

/* To be removed after March 7th */
.charts_row_3 {
    /*display: none;*/
}

.donations_wrapper .domain{
	display:none;
}
.donations_chart{
	text-align:center;
}
.donations_chart .tick text{
	font-weight:bold;
	fill:grey;
}



.charts_row_1 .label_left{
	text-transform:uppercase;
	color:#DC551D;
}

.charts_row_1 .label_right{
	text-transform:uppercase;

    /*Uncomment After Enabling Episodic View*/
	/*cursor:pointer;*/
}

.arrow_down{
    display:inline-block;
    margin-left: 8px;
    cursor:pointer;

    /*Comment After Enabling Episodic View*/
    display: none;
}
