.campaign-details{
    background:#f7f7f4;
}
#mobile-indicator {
    display:block;
}

.social-links{
	position:absolute;
	right:20px;
	top:33px
}

.social-links .instruction{
	position:relative;
	top:-10px;
	margin:0 10px 0 0;
}

form.action-form{
    background:#f5f5f3;
    padding:10px 30px 30px 30px;
}

body.embedded form.action-form{
    margin-bottom: 10px;
}

form.action-form .field-wrapper{
    margin: 20px 0;
    clear: both;
}

form.action-form .field-wrapper.grouped{
    margin: 0;
}

form.action-form .field-wrapper.grouped-first{
    margin:20px 0 0 0;
}

form.action-form .field-wrapper.grouped-last{
    margin:0 0 20px 0;
}

form.action-form .subscribe-container{
    padding:10px 10px 0 10px;
    margin:0 0 15px 0;
    float:right;
}

form.action-form .indent .subscribe-container{
    float:none;
    margin:0 0 5px -95px;
    width:330px;
    padding:10px;
}

form.action-form .subscribe-container input[type=checkbox]{
    width:15px;
    margin:5px 5px 0;
    display: block;
    float: left;
}

form.action-form .subscribe-container label{
    text-align: left;
}

form.action-form .subscribe-container .simple-tooltip{
    display:block;
    float:right;
    padding:4px 0 0 4px;
}

form.action-form label.for-checkbox{
    width:auto;
    font-weight:normal;
    text-transform:none;
}

form.action-form table.subscribe-container label{
    font-weight:normal;
}
body.embedded form.action-form .subscribe-container {
    margin:0 20px 0 0;
    padding-left:0;
    padding-right:25px;
    width:auto;
    display:inline-block;
    position:relative;
}

body.embedded .action-form .subscribe-container .simple-tooltip {
    position: absolute;
    right:0;
    top:10px;
    padding-top:2px;
}

form.action-form .error{
}

form.action-form ul.error{
    list-style-type:none;
    text-align:right;
    color:#e22;
    margin:0 30px 0 0;
}

form.action-form label{
    font-weight:bold;
	display:inline-block;
	width:110px;
	text-align:right;
	margin:0 10px 0 0;
}

form.action-form input[type=text],
form.action-form input[type=number],
form.action-form input[type=email],
form.action-form input[type=url],
form.action-form input[type=password],
form.action-form textarea{
    width:215px;
}

form.action-form select{
	width:226px;
}

form.action-form input#id_subject{
	width:390px;
}

form.action-form input[type="submit"] {    
    font-size: 16px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    letter-spacing: 0.3px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px rgba(233, 105, 42, 0.4); 
    -moz-box-shadow: 0px 0px 2px rgba(233, 105, 42, 0.4);
    box-shadow: 0px 0px 2px rgba(233, 105, 42, 0.4);
    
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    cursor: pointer;
    border: 0px;
    color: #fff;
    padding: 8px 12px 10px;

	background:#fc7657;
   	background-image: -webkit-gradient(
       linear,
       left bottom,
       left top,
       color-stop(0.39, rgb(236, 101, 71)),
       color-stop(0.7, rgb(253, 119, 88))
   	);
   	background-image: -moz-linear-gradient(
       center bottom,
       rgb(236, 101, 71) 39%,
       rgb(253, 119, 88) 70%
   	);
    -webkit-appearance: none;
}

form.action-form label#id_details_label,
form.action-form label#id_message_label{
    display:none;
}

form.action-form #id_details,
form.action-form #id_message{
    width:485px;
    padding:20px;
    height:325px;
}

form.action-form .radio-set ul{
    display:inline-block;
    padding:0;
    margin:0;
}

form.action-form .field-wrapper.radio-set ul label{
    font-weight:normal;
    width:auto;
}

form.action-form .flag-campaign{
	margin:20px 0 0 0;
}

body .flag-campaign a,
body.custom-theme .flag-campaign a{
    color:#FF6D4C;
    background:url("../../img/flag-orange.2fced685296e.png") no-repeat left top;
    padding:5px 0 0 25px;
    line-height:22px;
}

.decision-maker-details{
   padding:20px;
   background-color:#fff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

#campaign-action-page {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}

#campaign-action-page > div.primary {
    float: left;
    margin-right: 40px;
}
#campaign-action-page > div.primary, #campaign-title-and-description-inner{
    width: 590px;
}
#campaign-action-page > div.primary h2, #campaign-action-page > div.primary h3 {
    color: #333;
    margin:0 0 5px 0;
}

#campaign-action-page > div.secondary {
    float: left;
    width: 255px;
}

.resp-image-container img{
    width: 275px;
}

#campaign-action-page > div.secondary .media{
    margin:30px 0;
}

.media{
    margin:20px 0 0 0;
}

h1 {
    font-size: 25px;
    font-weight: bold;
}

h2 {
    font-size: 20px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
    font-size: 18px;
    font-weight: normal;
}

.detail-content {
    padding: 15px 0;
}


#toolbar {
    background: #fff;
    top: 0px;
    width: 100%;
    z-index: 10000;
    color: #666666;
    padding: 20px 0px;
    font-size: 13px;
    border-bottom: 2px solid #cecdcb;
}
#toolbar > #toolbar-inner {
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    width: 960px; 
    margin: 0 auto;    
}

#toolbar a.back {
    font-size: 16px;
    margin-left: 40px;
}

#toolbar span.options {
    float: right;
}

#toolbar a:hover {
    color: #ed1f24;
}
#toolbar .button { margin-right: 6px; }

#campaign-title-and-description{
    background-color: #FEFBF9;
}

#campaign-logo-div{
}
.fixed-top-toolbar{
    position:fixed;
	background:#213735;
	background:#494545;
	width:100%;
	top:0;
	z-index:999;
	text-align:center;
}

.fixed-top-toolbar-content{
	width:900px;
	margin:0 auto;
	text-align:left;
}

.sub-toolbar{
	background:#fff;
	padding:20px 0 15px 0;
	-webkit-box-shadow: 0px 3px 0px 0 rgba(0,0,0,0.1); 
    -moz-box-shadow: 0px 3px 0px 0 rgba(0,0,0, 0.1);
    box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, 0.1);
    
}

.sub-toolbar .wizard-nav{
	float:right;
}

.sub-toolbar .alt-nav{ 
    float:left;
}

.sub-toolbar .admin-actions{
	position:relative;
	float:left;
    padding:0 0 0 10px;
}

.admin-actions .edit-button-large{
	float:left;
	margin:0 15px 0 0;
}

.admin-actions .primary-action{
	float:none;
	margin:0;
}

.admin-actions .campaign-actions{
	top:3px;
	left:10px;
}

.admin-actions ul.change-state-menu{
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    right:auto;
    left:0;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);    
}

.admin-actions .campaign-status.active{
    -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.2);    
}

.admin-actions .change-state-menu li.first a{
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;  
}

.admin-actions .campaign-status{
    left:0;
    right:auto;
}

.field-wrapper.talking-points{
    background:#fff;
    padding:15px 0 10px 0;
    margin:0 0 15px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.action-form .postcode-wrapper{
	padding:0px 30px;
	margin:0 -30px;
}

.action-form .postcode-wrapper input[type=text],
.action-form .postcode-wrapper input[type=number]{
	width:130px;
}
.autocomplete-address #id_location{
	width:300px;
}


.action-form .postcode-wrapper .contact-form input[type=text],
.action-form .postcode-wrapper .contact-form input[type=email]
{
	width: 200px;
}

.action-form h3{
    padding:20px 0 0 0;
}

.action-form .search-wrapper h3,
.action-form .postcode-wrapper h3{
    padding:20px 0 15px 0;
}

#targets{
	margin:20px 0 10px 0;
}

ul.houses{
    font-size:0.1px;
    margin:0 -25px;
}

#targets .collapsed{
	display:none;
}

.politician-nav{
	padding:10px;
	font-size:16px;
    line-height:1.2em;
}

.politician-nav span{
	font-size:14px;
}

.politician-nav-toggle{
    font-size:12px;
    display:inline-block;
    padding:0 10px;
    margin-top:-6px;
    float:right;
}
ul.cd-results {
    background-color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

ul.cd-results,
ul.houses{
    list-style: none;
}
ul.cd-results,
ul.politicians{
    display: block;
    padding: 5px;
    clear: both;
}
ul.politicians.list {
    margin-top:-15px;
}
ul.cd-results h2,
ul.houses h2{
    margin-top: 20px;
    clear: both;
}

li.gov-container {
    width:100%;
    display:inline-block;
    padding:0px 10px; 
    box-sizing:border-box;
    vertical-align:top;
    margin-bottom:10px;
    margin-right:-1px;
}

li.gov-container.single-rep {
    width:100%;
}
li.gov-container.single-rep ul.politicians span.action {
    min-height:0;
}
li.gov-container.single-rep li img {
    margin-right:25px;
}
li.gov-container > .gov {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-bottom:1px solid #ddd;
    padding:0px 15px 10px 15px;
    background-color:#fff;
}

ul.cd-results li {
    display: inline-block;
    width: 220px;
    background-color: white;
    margin: 2px;
    padding: 5px 5px 10px 5px;
}

ul.politicians li{
    display: block;
    width: 100%;
    background-color: white;
    margin: 2px;
    padding: 15px 0 10px;
}
ul.politicians.list li {
    padding:10px 0;
}
ul.politicians li + li {
	border-top:1px solid #ddd;
}

ul.politicians.collapsed li {
	border-top:1px solid #ddd;
}

ul.cd-results span.name,
.decision-maker-details span.name,
ul.politicians li span.first-name,
ul.politicians li span.full-name,
ul.politicians li span.last-name {
    display: block;
	color:#111;
	font-size:18px;
	line-height:25px;
}
ul.politicians li span.first-name,
ul.politicians li span.last-name {
    font-size:23px;
}
ul.politicians li span.first-name {
	font-size:12px;
    line-height:1em;
}
ul.politicians li span.full-name,
ul.politicians li span.last-name {
    margin-bottom:10px;
}
ul.politicians.list li span.full-name,
ul.politicians.list li span.last-name {
    margin-bottom:0px;
}

ul.politicians.list li span.first-name,
ul.politicians.list li span.full-name,
ul.politicians.list li span.last-name {
    display:inline-block;
    font-size:18px;
}
ul.politicians li a.phone {
    margin-top:5px;
    font-size:14px;
    display:inline-block;
}

ul.cd-results li a.phone {
    padding-left:20px;
}

ul.politicians.list li a.phone {
    margin-top:0px;
}

ul.politicians span.action{
    display:block;
    margin:10px 0 0 0;
    font-size:14px;
    min-height:42px;
}

ul.cd-results li span.name input[type=checkbox],
ul.cd-results li span.name input[type=radio],
ul.politicians li span.name input[type=checkbox],
ul.politicians li span.name input[type=radio]{
	margin:0 7px 0 0;
}

ul.cd-results li span.extra,
.decision-maker-details span.company,
ul.politicians li span.party{
    display: block;
	padding:0 0 0 20px;
	font-size:15px;
}
ul.politicians li span.party{
    padding:0;
    line-height:1em;
}

.decision-maker-details span.position,
ul.politicians li span.group{
    display: block;
	padding:0 0 0 20px;
	font-size:12px;
}
ul.politicians li span.group{
	padding:0;
}

ul.politicians li span.stance{
    display: block;
	font-size: 12px;
}
ul.politicians li.stance-supportive span.stance{
    color: #78a93b;
}
ul.politicians li.stance-undecided span.stance{
    color: #e08331;
}
ul.politicians li.stance-opposed span.stance{
    color: #ec483f;
}
ul.politicians li span.stance{
    margin-top: 6px;
    font-size: 15px;
}
ul.politicians.list li span.stance{
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-top: 5px;
}
@media(min-width: 650px) and (max-width: 767px){
    ul.politicians.list li span.stance{
        margin-top: -9px;
        background-size: 18px 18px;
        height: 18px;
        position: absolute;
        right: 0;
        line-height: 1;
        top: 50%;
        background-position: right center;
        padding-right: 25px;
        padding-left: 0;
    }
}
ul.politicians.list li.stance-supportive span.stance{
    background-image: url("../../img/stance-circle-supportive.9620a55e3da6.svg");
}
ul.politicians.list li.stance-undecided span.stance{
    background-image: url("../../img/stance-circle-undecided.b61fa6aabe48.svg");
}
ul.politicians.list li.stance-opposed span.stance{
    background-image: url("../../img/stance-circle-opposed.dde7b55c6d7b.svg");
}

ul.politicians li .stance-banner{
    content: ' ';
    color: transparent;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 8px;
    left: -2px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: top left;
}
ul.politicians li.stance-supportive .stance-banner{
    background-image: url("../../img/stance-banner-supportive.ad7e53f15b3a.svg");
}
ul.politicians li.stance-undecided .stance-banner{
    background-image: url("../../img/stance-banner-undecided.b13bea115d82.svg");
}
ul.politicians li.stance-opposed .stance-banner{
    background-image: url("../../img/stance-banner-opposed.fe5ea69dd49e.svg");
}

ul.cd-results li span.phone,
.decision-maker-details span.phone,
.decision-maker-details a.phone,
ul.politicians li span.phone{
    display: block;
	padding:0 0 0 20px;
	font-size:14px;
	color:#111;
	font-weight:bold;
}

.decision-maker-details img {
    display: block;
    margin:10px 0 10px 20px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
ul.politicians li img{
    display: block;
    margin:0 15px 10px 0;
    float:left;
    width:100px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
ul.politicians li:has(.target-details) {
    display: flex;
    align-items: center;
}
ul.politicians li:has(.target-details) img {
    float: none;
    flex-shrink: 0;
    margin-bottom: 0;
}
ul.politicians li .checkbox-container {
    margin-top:10px;
}
ul.politicians li label.include-politician {
    width:auto;
    display:inline;
    line-height:1.2em;
    color:#ff6d4c;
    font-weight:normal;

}
ul.politicians li .checkbox-container input[type="radio"],
ul.politicians li .checkbox-container input[type="checkbox"] {
    float:left;
    margin:1px 5px 0 0;
    display:inline-block;
}
ul.politicians.list li input[type="radio"],
ul.politicians.list li input[type="checkbox"] {
    margin:0 10px 5px 0;
    display:inline-block;
}

#share-tools{
    overflow:hidden;
    margin:20px 0;
}

#share-tools div{
    margin:10px 0;
    height:20px;
    overflow:hidden;
}

#share-tools .email-link{
    color:#1490b9;
    font-size:13px;
    display:inline-block;
    margin:0 0 0 10px;
    padding:10px;
    border:1px solid #d1e9f1;
    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;   
}

#test-instruction{
    width:300px;
    height:90px;
}

#get_targets_button{
    display:none;
}
.thank-you-msg h1{
    font-size:40px;
}
.thank-you-msg p{
    font-size:16px;
    line-height:25px;
}

.thank-you-msg #share_tools{
}

.thank-you-msg #share_tools p{
    margin:0 0 10px 0;
}

.thank-you-msg #share_tools .primary-action {
    float: none;
    margin: 5px 5px 10px 0;
    padding-left:14px;
    padding-right:14px;
}

.thank-you-msg .errors-overview {
	color:#e22;
	padding: 18px 10px 10px 40px;
	margin:0 0 20px 0 0;
	background:url("/static/mgmt/img/error-icon-small.293ba9faa0f3.gif") no-repeat center left;
}

.thank-you-msg .errors-overview h1 {
    font-size: 22px;
    line-height: 29px;
}
.thank-you-msg  .errors-overview p{
    line-height: 24px;
}

.counters{
    float:right;
}

.counters h2{
    font-weight:normal;
    margin:0;
}

.counters #progress-indicator-container{
    margin:0 0 30px 0;
}

.campaign-url{
    font-size:12px;
    color:#666;
    z-index:40;
}

input.campaign-url.highlight{
    padding:5px;
    background:#f1f0f0;
    margin:0 0 0 10px;
    width:370px;
}

#test-instruction{
    background:url("../../img/bubble-box.bb8f96cc4078.png") no-repeat;
    top: 180px;
    right: 100px;
    position: fixed;
    padding:30px 30px 30px 40px;
    z-index:40;
}

.action-page #test-instruction h3{
    font-size:25px;
    font-weight:bold;
    margin:5px 0 0 0;
    padding:0;
}

.action-page #test-instruction p{
    color:#000;
    margin:5px 0;
}

.bubble {
    background: #666666;
    color: #fff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    display: inline-block;
    padding: 3px 8px 4px;
    position: relative;
}
.bubble > .downward.triangle {
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 14px;
    height: 14px;
}
.downward.triangle > div {
    border-color: #666666 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    height: 0px;
    width: 0px;
    position: absolute;
    left: -50%;
}

#get_politicians_button{
    font-size: 13px;
    line-height: 25px;
    height: 25px;
    border: 0;
    background:#ff614c;
    color:#fff;
    margin:0 0 0 4px;
    padding:0 18px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    -webkit-appearance: none;
}
#get_politicians_button:disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.error-heading{
    display: none;
}

.formatted-area{
   width: 370px;
    display:inline-block;	
}

#formatted-area-full{
    display:none;
}

.pseudo-text-area{
    background: #fff url("../../img/input-bg.0e72bde61530.png") repeat-x top;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    font: 12px/18px Helvetica, Arial, sans-serif;
    width: 370px;
    display:inline-block;
}

.field-wrapper .formatted-area p,
.field-wrapper .pseudo-text-area p{
	margin:1px 0 5px 0;
}

.field-wrapper .formatted-area ul,
.field-wrapper .pseudo-text-area ul{
    list-style-type:disc;
    padding:0 0 5px 20px;
}

.field-wrapper .formatted-area ol,
.field-wrapper .pseudo-text-area ol{
    list-style-type:decimal;
    padding:0 0 5px 22px;
}

#call-politician-form #id_details{}

#call-politician-form input[type=submit]{
}

#id_outcome_label,
#call-politician-form label#id_details_label,
#talking_points_label{
    float:left;
}

.new-section{
    padding:20px 0;
    border-top:1px solid #dedede;
    margin:20px 0 0 0;
}

.progress-container{
    font-family:Arial, sans-serif;
    background:#eee;
    width:200px;
    margin: 35px 0 15px 0;
    padding:3px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.progress-bar{
    height:20px;
    background:#ff614c;
    width:0;
    text-align:right;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.prog-indicator{
    font-size:14px;
    color:#fff;
    float:right;
    position:relative;
    top:-28px;
    right:-18px;
    text-align:center;
    padding:0 0 10px 0;
    background:url("../../img/point-down-grey.dc122f5d5239.png") no-repeat bottom center;
}

.prog-indicator span{
    background:#666;
    padding:3px 8px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

#progress-indicator-container h2{
    font-size:18px;
}

.campaign-content .primary-action{
	font-size:28px;
	padding:12px 25px;
	float:none;
}

body.campaign-page .counters{
    float:none;
    margin:30px 0 0 0;
}

body.campaign-page #share-tools{
    margin:0;
}

.campaign-content .main-subsection{
   width:590px;
}

.campaign-content .minor-subsection{
    padding:50px 0 0 30px;
    width:250px;
}

.campaign-content .content img{
    max-width:590px;
}

.social-media {
    padding:0 0 0 20px;
}

.social-media div{
    float:left;
}

.flag-campaign{
    margin:10px 0 0 0;
}

.flag-intro{
    padding:10px 0 5px 0;
}
.custom-message-container,
.donate-message-container,
.petition-container{
	display: none;
}

.action-form .donate-message-container #id_message,
.action-form .petition-container #id_message{
	height:100px;
	width:208px;
	padding:10px;
}

.indent{
	padding:0 0 0 122px;
    margin:0 0 20px 0;
}

.action-form .petition-container .field-wrapper.checkbox{
	float:none;
	margin: 10px 0 15px 0;
}

.action-form .custom-message-container .field-wrapper,
.action-form .donate-message-container .field-wrapper,
{
	margin:5px 0 10px 0;
}

.action-form .form-footer input[type=submit]{
    float: left;
    margin:0 10px 30px 0;
}

#custom-message-nav, #donate-message-nav{
	background:url("../../img/buttons/plus-button.09c0ed0a715c.png") no-repeat;
	padding:2px 0 2px 22px;
}

#custom-message-nav.open, #donate-message-nav.open{
	background:url("../../img/buttons/minus-button.86105f175c11.png") no-repeat;
}
#donate-action-form .subscribe-container{
    float:left;
    padding: 10px 10px 0 39px;
    margin:0;
}

.not-your-rep, .contact-form-intro{
    padding: 10px;
    font-size: 16px;
}

.contact-form-intro{
    border-top: 1px solid #AAA;
    padding-top: 20px;
}

#targets .contact-form .field_can_be_hidden{
    display: none;
}

#targets .contact-form .field_can_be_hidden label,
#targets .contact-form .field_can_be_hidden input,
#targets .contact-form .field_can_be_hidden select{
    text-decoration: line-through;
}
.help-tooltip {
    padding: 0 5px;
}

.help-tooltip-content {
    display: none;
    padding: 10px;
    clear: both;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #eee;
    border: 1px solid #ddd;
    border-bottom: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.help-tooltip-head {
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px;
    float: right;
    padding: 4px 10px;
    background: #ff614c;
    color: #fff;
    cursor: pointer;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.help-tooltip-head span {
    width: 10px;
    font-weight: bold;
    display: inline-block;
}

.help-tooltip-content ul {
    list-style-type: disc;
    padding: 0 0 0 20px;
}

.help-tooltip-content ol {
    list-style-type: decimal;
    padding: 0 0 0 20px;
}


body.embedded{
    margin: 0 !important;
}

body.embedded #client-header{
    display: none;
}
body.embedded #page-header{
    display: none;
}
body.embedded div.campaign-details{
    display: none;
}
body.embedded div.fixed-top-toolbar{
    background: transparent;
    display: none;
}
body.embedded div.fixed-top-toolbar > *{
    display: none;
}
body.embedded div.fixed-top-toolbar > #messages{
}
body.embedded #footer{
    display: none;
}
body.embedded #container{
    margin-bottom: 0;
}
body.embedded #content{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    padding:0px 35px 25px 35px;
    -webkit-box-shadow:none; 
    -moz-box-shadow:none;
    box-shadow:none;

}

body.embedded .flag-campaign{
    display: none;
}

body.embedded.thanks-page section{
    padding:0;
}

body.embedded .media-container{
    float: left;
    margin: 0 20px 20px 0;
}

body.embedded .media-container #progress-indicator-container {
    display: none;
}

body.embedded .media-container .media {
    margin:0;
}

@media all and (max-width: 1000px) {
    body.embedded #container{
        width: auto;
        margin: 20px 20px 44px 20px;
    }

    #get_politicians_button{
        display: inline-block;
    }

    body.embedded ul.cd-results li {
        text-align: left;
        margin: 0 1% 0 0;
        box-sizing: border-box;
    }

    body.embedded ul.politicians li:nth-child(2n), 
    body.embedded ul.cd-results li:nth-child(2n) {
        clear: both;
    }

    body.embedded ul.cd-results span.name,
    body.embedded ul.politicians li span.name {
        font-size: 16px;
        line-height: 20px;
        word-wrap:break-word;
    }

    body.embedded ul.cd-results li .party,
    body.embedded ul.politicians li .party,
    body.embedded ul.politicians li .phone,
    body.embedded ul.cd-results li .group,
    body.embedded ul.politicians li .group {
        padding: 0;
    }

    body.embedded ul.cd-results li img {
        display: block;
        margin: 10px 0 10px 0px;
        max-width: 100px !important;
    }

}
@media all and (max-width: 900px) and (min-width: 800px) {
    li.gov-container {
        width:100%;
        min-width:1px;
    }

    ul.politicians.collapsed li {
        border-top:none;
    }
    ul.politicians.collapsed li + li {
        border-top:1px solid #ddd;
    }
}
@media all and (max-width: 700px) {
    li.gov-container {
        width:100%;
        min-width:1px;
    }

    ul.politicians.collapsed li {
        border-top:none;
    }
    ul.politicians.collapsed li + li {
        border-top:1px solid #ddd;
    }
}

@media all and (max-width: 1000px) and (min-width: 550px) {
    body.embedded #campaign-action-page > div.primary,
    body.embedded #campaign-title-and-description-inner {
        width: 68%;
        margin:0 2% 0 0;
    }

    body.embedded #campaign-action-page > div.secondary {
        width: 30%;
    }

    .message-field-wrapper {
        position: relative;
    }
    .message-field-wrapper #id_message{
        padding-bottom: 20px;
    }
    .message-field-wrapper .valediction-container{
        cursor: default;
        font-size: 14px;
        color: inherit;
        position: relative;
    }
    .message-field-wrapper .valediction{
        margin-top: 20px;
        display: block;
        white-space: pre-wrap;
        width: 100%;
        padding: 12px 16px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        resize: none;
        min-height: 80px;
        overflow: hidden;
    }
    .message-field-wrapper .valediction.empty{
        display: none;
    }
    body.embedded form.action-form #id_details,
    body.embedded form.action-form #id_message{
        width: 93%;
        padding: 15px 3%;
        height: 250px;
    }
    body.embedded form.action-form .salutation{
        left: 3%;
    }
    body.embedded form.action-form .salutation+div #id_message,
    body.embedded form.action-form .salutation+#id_message{
        padding-top: 50px;
    }
    body.embedded form.action-form .message-field-wrapper .valediction-container{
        margin: 0 3%;
    }

    form.action-form input#id_subject{
        width: 64%;
    }

    body.embedded #talking_points_label{
        margin:0 0 5px 0;
        float: none;
        width: auto;
        text-align: left;
    }

    body.embedded form.action-form .talking-points{
        padding: 20px;
    }

    body.embedded .formatted-area{
        display: block;
        width: auto;
    }

    body.embedded .minor-subsection,
    body.embedded .main-subsection{
        width: 98%;
        float: none;
        margin:0;
        padding:0 0 15px 0;
        text-align: center;
    }
    body.embedded .thank-you-msg p{
        text-align: left;
        padding:0 10px;
    }

    body.embedded.thanks-page .counters{
        text-align: center;
        float: none;
        border-top: 1px solid #ddd;
        padding: 30px 0 0 0;
    }

    body.embedded.thanks-page .progress-container{
        margin:35px auto 15px auto;
    }

    body.embedded.thanks-page #progress-indicator-container {
        float: none;
        width: auto;
        margin:0;
    }
}

@media all and (max-width: 750px){
    body.embedded {
        margin: 0 0 30px 0 !important;
    }

    body.embedded #campaign-action-page > div.primary,
    body.embedded #campaign-title-and-description-inner,
    body.embedded #campaign-action-page > div.secondary  {
        width: auto;
        float: none;
        margin:0;
    }

    body.embedded #campaign-action-page > div.secondary{
        overflow: hidden;
        background: #f1f1f0;
        padding:20px 20px 0 20px;
    }

    body.embedded .media-container{
        float: none;
        margin: 0 0 20px 0;
    }


    body.embedded form.action-form {
        margin:0;
        padding:10px 30px;
    }

    body.embedded ul.houses{
        padding:0 0 20px 0;
    }

    body.embedded .not-your-rep{
        margin: 0;
        padding: 0 15px 30px 15px;
    }

    body.embedded form.action-form #id_subject_label{
        float: none;
        width: auto;
        text-align: left;
        margin:10px 0 0 0;
    }

    body.embedded form.action-form input#id_subject{
        float: none;
        width: 97%;
    }

    body.embedded form.action-form #id_details,
    body.embedded form.action-form #id_message{
        width: 93%;
        padding: 15px 3%;
        height: 250px;
    }
    body.embedded form.action-form .salutation{
        left: 3%;
    }
    body.embedded form.action-form .salutation+div #id_message,
    body.embedded form.action-form .salutation+#id_message{
        padding-top: 50px;
    }

    body.embedded a.simple-tooltip.flush:hover span{
        left:-235px;
    }

    body.embedded a.simple-tooltip .pointer{
        border-left: 12px solid rgba(0,0,0,0.65);
        border-right: 0;
        left:auto;
        right:-12px;
    }

    body.embedded a.simple-tooltip .pointer-inner{
        border-right: 0;
        border-left: 9px solid #eee;
        left:auto;
        right:3px;
    }

    body.embedded #progress-indicator-container{
        float: left;
        width: 65%;
        margin:0 5% 0 0;
    }

    body.embedded .progress-container{
        background: #e6e6e6;
    }

    body.embedded .media-container #progress-indicator-container {
        display: block;
    }

    body.embedded #progress-indicator-container{
        float: none;
        width: auto;
        padding: 0;
        margin: 0 0 10px 0;
    }

    body.embedded #progress-indicator-container h2 {
        font-size: 13px;
        line-height: 19px;
        margin: 15px 0 0 0;
        color: #555;
        font-weight: bold;
    }

    body.embedded .progress-container{
        margin:0;
        position: relative;
    }

    body.embedded .prog-indicator {
        top:2px;
        background: 0;
        right:10px !important;
        text-align: right;
        position: absolute;
        z-index: 2;
    }

    body.embedded .prog-indicator span {
        color: #444;
        background: #e6e6e6;
        font-weight: bold;
        font-size: 11px;
        line-height: 14px;
        padding:1px 2px;
        display: inline-block;
    }

    body.embedded #progress-indicator-container {
        display: none;
    }

    body.embedded #share-tools{
        float: none;
        width: auto;
        padding: 0;
        margin:0;
        text-align: center;
    }

    body.embedded #share-tools div{
        display: inline-block;
    }

    body.embedded .help-tooltip-content {
        font-size: 14px;
        line-height: 19px;
    }
}

@media all and (max-width: 600px) {
    body.embedded .resp-image-container img{
        width: 100%;
        display: block;
        border: 0;
    }

    body.embedded .resp-video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
    }
     
    body.embedded .resp-video-container iframe,
    body.embedded .resp-video-container object,
    body.embedded .resp-video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    body.embedded .progress-container{
        width: 98%;
    }
}

@media all and (max-width: 550px) {
    ul.cd-results li span.extra {
        padding:0;
    }
    ul.politicians li input[type="radio"],
    ul.politicians li input[type="checkbox"] {
        display:inline-block;
    }
    ul.politicians li .checkbox-container {
        display:none;
    }
    ul.politicians li span.last-name,
    ul.politicians li span.first-name {
        display:inline-block;
        font-size:18px;
        margin-bottom:0px;
    }
    ul.politicians li img {
        display:block;
        float:none;
    }
    body.embedded ul.politicians li img {
        margin:10px auto;
    }
    ul.houses {
        margin:0;
    }
    body.embedded #container{
        width: auto;
        margin: 20px 0px 44px 0px;
    }

    body.embedded #content{
        padding: 0;
    }

    body.embedded .detail-content{
        padding:15px;
    }

    body.embedded .detail-content h2{
        font-size: 22px;
        line-height: 30px;
    }

    body.embedded .detail-content p{
        font-size: 15px;
        line-height: 22px;
    }

    body.embedded .decision-maker-details{
        text-align: left;
        padding: 10px;
    }

    body.embedded #campaign-action-page > div.secondary{
        text-align: center;
        padding: 20px 20px 0 20px;
        background: #f1f1f0;
    }

    body.embedded form.action-form {
        padding: 10px 15px 2px 15px;
    }
    
    body.embedded form.action-form.has-errors{
        background: #fee;
        border-top: 4px solid #f55;
        margin:4px 0 0 0;
    }

    body.embedded .error-heading{
        display: block;
        font-weight: bold;
        text-align: center;
        color: #f00;
    }

    div.error input[type=text],
    div.error input[type=number],
    div.error input[type=email],
    div.error input[type=url],
    div.error input[type=password],
    div.error textarea {
        background: #fff;
    }

    body.embedded form.action-form .postcode-wrapper input[type=text],
    body.embedded form.action-form .postcode-wrapper input[type=number]{
        width:150px;
    }

    body.embedded form.action-form .postcode-wrapper .errorlist{
        margin:0 0 10px 3px;
        float: none;
    }

    body.embedded form.action-form .postcode-wrapper .errorlist li{
        text-align: left;
    }

    body.embedded form.action-form #targets{
        text-align: center;
    }

    body.embedded #get_politicians_button{
        margin:5px 0 0 6px;
    }

    body.embedded form.action-form label{
        display: block;
        text-align: left;
        width: auto;
        float: none;
        margin:20px 0 0 0;
        font-size: 13px;
        line-height: 20px;
    }

    body.embedded form.action-form li > label{
        margin-top: 0;
    }

    body.embedded form.action-form input[type=text],
    body.embedded form.action-form input[type=number],
    body.embedded form.action-form input[type=email],
    body.embedded form.action-form input[type=url],
    body.embedded form.action-form input[type=password],
    body.embedded form.action-form input#id_subject{
        width: 97%;
        font-size: 16px;
        line-height: 22px;
    }

    body.embedded form.action-form label#id_details_label,
    body.embedded form.action-form label#id_message_label {
        display: block;
    }

    body.embedded form.action-form .subscribe-container {
        float: none;
        padding:15px 20px 15px 0;
        margin:0;
    }

    body.embedded a.simple-tooltip.flush:hover span{
        left:-203px;
        width: 175px;
    }

    body.embedded .field-wrapper.talking-points{
        padding: 10px;
        margin: 10px 0 20px 0;
        width: auto;
        text-align: left;
    }

    body.embedded .formatted-area{
        display: block;
        width: auto;
    }

    body.embedded #id_outcome_label{
        float: none;
    }

    body.embedded #talking_points_label{
        margin:0 0 5px 0;
        float: none;
    }

    body.embedded .decision-maker-details span.phone{
        padding:2px 0;
    }

    body.embedded .decision-maker-details a.phone,
    body.embedded ul.cd-results li .phone,
    body.embedded ul.politicians li .phone{
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        border: 0;
        background:#ff614c;
        color:#fff !important;
        margin:8px 0 0 0;
        padding:0 8px !important;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        border-radius: 999px;
        -webkit-appearance: none;
        display: inline-block;
    }

    body.embedded .action-form .radio-set li{
        padding: 5px 0;
    }

    body.embedded .action-form .radio-set label{
        margin:0;
    }

    body.embedded .action-form .subscribe-container {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    body.embedded .action-form .subscribe-container select {
        max-width:100%;
    }

    body.embedded .action-form .simple-tooltip {
        position: absolute;
        right:0;
        top:0;
    }
    body.embedded .action-form .subscribe-container .simple-tooltip {
        top:15px;
    }

    body.embedded #id_subscribe {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    body.embedded #id_subscribe_label {
        position: absolute;
        top: 1px;
        left: 22px;
        margin: 0;
    }

    body.embedded #id_subscription_type{
        position: absolute;
        top: 0;
        right: 30px;
        left: 80px;
        width: auto;
        max-width: 58%;
    }

    body.embedded form.action-form input[type="submit"]{
        width: 100%;
        float: none;
        padding:8px 0 10px 0;
    }

    body.embedded.thanks-page #content{
        padding: 0;
    }

    body.embedded .minor-subsection,
    body.embedded .main-subsection{
        width: auto;
        float: none;
        margin:0;
        padding:0 1% 15px 0;
        text-align: center;
    }

    body.embedded .thank-you-msg p{
        text-align: left;
        padding:0 10px;
        word-wrap: break-word;
    }

    body.embedded.thanks-page .counters{
        text-align: center;
        float: none;
        border-top: 1px solid #ddd;
        padding: 30px 0 0 0;
    }

    body.embedded.thanks-page #progress-indicator-container{
        margin:0 0 30px 0;
    }

    body.embedded.thanks-page .progress-container{
        margin:25px auto 15px auto;
    }

    body.embedded .thank-you-msg .embedded-powered-by{
        display: none;
    }

    body.embedded #share_tools, 
    body.embedded #share_tools p{
        text-align: center;
    }
    body.embedded #share_tools a{
        display: block;
    } 

    body.embedded .campaign-url{
        width: 80%;
        padding:5px 2%;
        margin:5px 0 0 0;
    }

    body.embedded .indent {
        padding: 0;
    }
    #mobile-indicator {
        display:none;
    }

}

span.zip5{
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding-right: 8px;
}

span.zip5 .plus{
    padding: 0 8px;
}

p.pre-submit-warning{
  color: #fff;
  font-size:16px;
  text-align: center;
  background: #FF6D4C;
  margin:0 0 15px 0;
  padding: 10px;
  line-height: 1.5;
}

p.pre-submit-warning a{
  color: white;
  text-decoration: underline;
}