input:-moz-placeholder { opacity: 1; }
input::-moz-placeholder { opacity: 1; }
select:-moz-placeholder { opacity: 1; }
select::-moz-placeholder { opacity: 1; }
textarea:-moz-placeholder { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }

/* Form List Resets
--------------------------------------------------- */
form ol, 
form ul {
  list-style: none;
  margin: 0; }
form li, form div { position: relative; float:left; display:block; }

/* Error INPUT
--------------------------------------------------- */

input.error { 
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); 
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

input.error:hover { 
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }

input.error:active { 
  -moz-box-shadow:    inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
  box-shadow:         inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }     

/* Error LABEL
--------------------------------------------------- */



strong.error { 
  background: #ce5606;
  padding: 3px 5px;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  top: 40px;
  z-index: 9999;
  -moz-border-radius:    2px;
  -webkit-border-radius: 2px;
  border-radius:         2px; 
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
strong.error:after { 
  height: 0; 
  width: 0;    
  content: " ";    
  position: absolute; 
  left: 15px; 
  bottom: 100%;
  border: solid transparent; 
  pointer-events: none;
  border-color: rgba(206, 86, 6, 0);    
  border-bottom-color: #ce5606; 
  border-width: 4px; 
  margin-left: -4px; }

form input,
form select,
form textarea { 
   font-family: "Hind", Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
   border: 0;
   color: #2f71cd;
   margin: 0 auto;
   padding: 6px;   
   cursor: pointer; 
   font-size: 13px;
   line-height: 2;
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
   -o-transition:      all .35s ease-in-out;  
   -ms-transition:     all .35s ease-in-out;
   background: none;   
   cursor: text;  } 
  
form button, #gform_submit_button_1 {
  background: #2f71cd;
  width: auto;
  height: 30px;
  border: none;
  color: #fff;
  padding: 10px 5%;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
  font-family: 'Arvo', Georgia, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; 
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
form button:hover { background: #e55807; }

#action-bar.pledge form button.pledge { background: #e55807; }
#action-bar.pledge form button.pledge:hover { background: #2f71cd; }


#gform_submit_button_1 { height: auto; }

#content #cse-search-box button {
   background: #002f5b;
	width: 40px;
	height: 40px;
	padding: 4px;
	border: none;
	font-family: 'trilogyicons';
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 22px;
	text-transform: initial;
	line-height: 26px;
	color: rgba(255,255,255,.5);
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
	transition: background-color .35s ease-in-out;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out; }
	

/* ---- Placeholder Text Equalizer ---- */

form input:-moz-placeholder                 { opacity: 1; }
form input::-moz-placeholder                { opacity: 1; }
form input:-ms-input-placeholder            { color: #fff; }
form input::-webkit-input-placeholder       { color: #fff; }
form input:hover:-ms-input-placeholder      { color: #fff; }
form input:hover::-webkit-input-placeholder { color: #fff; }     

form textarea:-moz-placeholder                 { opacity: 1; }
form textarea::-moz-placeholder                { opacity: 1; }
form textarea:-ms-input-placeholder            { color: #fff; }
form textarea::-webkit-input-placeholder       { color: #fff; }
form textarea:hover:-ms-input-placeholder      { color: #fff; }
form textarea:hover::-webkit-input-placeholder { color: #fff; }      

form input:focus,
form select:focus,
form textarea:focus { 
  background: none; 
  cursor: text; }
  
form input:-webkit-autofill, form textarea:-webkit-autofill, form select:-webkit-autofill { 
	background-color: none !important; }


/* Search in Header 
--------------------------------------------------- */
#search {
   float: right;
   width: 160px;
   margin: 4px 0 0 20px;
   height: 29px;
   padding: 2px 0; 
   background: none; 
   position: relative;
   background: rgba(255,255,255,.3);
   transition: background-color .35s ease-in-out;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out; }
   
#search:hover { background: rgba(255,255,255,1); }
   
.search form {
   transition: background-color .35s ease-in-out;
   -webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out; }
   
.search form input { 
   height: 14px; 
   padding: 4px 6px;
   position: absolute;
   left: 0;
   margin: 5px; }
.search form input:focus { color: #e15604; }

.search form button {
   font-family: 'trilogyicons';
   background: none;
   color: #2f71cd;
   font-size: 18px;
   padding: 6px;
   height: auto;
   text-transform: none;
}
.search form button:hover {
   color: #e15604; }
   
   
/* Email Signup
--------------------------------------------------- */
form#join, form#slate-card-widget {
   margin-left: 0; }
   
#splash form#join {
   margin-left: 80px; }
   
.take-action #signup form#join {
   width: 50%;
   margin: 0 auto; }

#take-action-bar .signup form {
   margin: 1em 0 0 120px;
   width: auto; }

form#join li.email-container, form#join li.zip-container, form#slate-card-widget li.email-container  {
   background: #fff;
   width: 48%;
   margin: 0 1% 0 0;
   transition: background-color .35s ease-in-out;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;}
   
   form#slate-card-widget li.email-container.full {
      background: #aaa;
      width: 68%;
      margin: 0; }

#splash form#join li.email-container, #splash form#join li.zip-container {
   background: #eee; }

.module form#join li.email-container, .module form#join li.zip-container {
   width: 100%;
   clear: both;
   margin: 0 0 1% 0;
   background: #ddd; }
   
#take-action-bar .signup form li {
   background: #fff;
   float: left;
   clear: none; }

#take-action-bar .signup form li:hover {
   background: #dde3ea !important; }

form#join li.zip-container {
   width: 19%; }

form#join li.email-container:hover, form#join li.zip-container:hover, form#slate-card-widget li.email-container:hover  {
   background: none; }
   
#splash form#join li.email-container:hover, #splash form#join li.zip-container:hover {
   background: #ccc; }

.module form#join li.email-container:hover, .module form#join li.zip-container:hover {
   background: #fff; }

form#join li.email-container input, form#join li.zip-container input, form#slate-card-widget li.email-container input {
   font-size: 14px;
   width: 90%;
   padding: 10px 5%;
   color: #000;
   height: 20px;
   -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);
   box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); }
   
form#join li.zip-container input {
   padding: 10px 10%;
   width: 80%; }

.module form#join li.email-container input, .module  form#join li.zip-container input {
   padding: 10px 5%;
   width: 90%; }
   
form#join li.button, form#slate-card-widget li.button  {
   width: 30%; 
   margin: 0; }
   
.module form#join li.button {
   width: 100%; }
   
form#join li.button button, form#slate-card-widget li.button button  {
   width: 100%;
   height: 40px;
   text-align: center;
   padding: 0; }

#home form#join li.button button {
   background: #999; }
   
#home form#join li.button button:hover {
   background: #fa6004;  }
   
#home form#slate-card-widget.mailing li.button button {
   background: #fa6004;  }
   
#home form#slate-card-widget.mailing li.button button:hover {
   background: rgb(47, 113, 205);  }

form#join input:-ms-input-placeholder            { color: #888; margin-bottom: -10px; }
form#join input::-webkit-input-placeholder       { color: #888; margin-bottom: -10px; }
form#join input:hover:-ms-input-placeholder      { color: #888; margin-bottom: -10px; }
form#join input:hover::-webkit-input-placeholder { color: #888; margin-bottom: -10px; }    


/* Contribute
--------------------------------------------------- */
#splash form#contribute {
   margin-left: 80px; }

#home form#contribute {
   width: 300px;
   margin: 0 auto; }

li.dollar {
   color: #888;
   width: 8%;
   font-size: 20px;
   font-weight: 100;
   margin: 0;
   height: 20px;
   line-height: 1;
   padding: 10px 1%;
   background: #eee;}
   
li.amount {
   width: 29%;
   background: #eee;
   margin: 0 1% 0 0; }
   
input#donation-amount {
   width: 90%;
   color: #333;
   font-weight: 500;
   font-size: 28px;
   text-align: left;
   margin: 0;
   padding: 0 5%;
   height: 40px; }

form#contribute li.button {
   width: 60%; 
   margin: 0; }

form#contribute li.button button {
   width: 100%;
   height: 40px;
   text-align: center;
   padding: 0; }
   
#home form#contribute li.button button {
   background: #999; }
   
#home form#contribute li.button button:hover {
   background: #e55807; }   


/* Content Body Form
--------------------------------------------------- */
#content form li, #content form div {
	float: none;
	clear:both;
}

#content form input,
#content form select,
#content form textarea {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 0;
}

#content form#cse-search-box input { background: #eee; color: #000; }

#content form select, #content select {
	width: 310px;
	border: 1px #ccc solid;
	border-radius: 2px;
	padding: 10px;
	opacity: 1;
	position: relative; 
	color: #000;
   background: #fff; }
#content select { width: auto; font-size: 16px; }

span.js-form-country {
	display:none;  }

label.control_label {
	font-family:"Lato", serif;
	font-size: 13px;
	color: #000;  }

#content form textarea {
	width:290px;  }

#content input[type="submit"] {
	background: #004691;
	margin: 0.5em 0;
	padding: 1em 2em;
	color: #fff;
	font-size: 20px;
	text-transform:uppercase;
}

form #d_sharing {
	font-size: 12px;
	padding: 10px;
}

form #d_sharing input {
	margin: 5px; 
}

#action_info, #logo_wrap {
	padding: 10px; 
}

.fancybox-inner {
	padding:1em !important; }
	
.gform_body,
ul.gform_fields {
	width: 100%;
	padding: 0;
	margin: 0; }
	
li.gfield {
	float: left !important;
	clear: both;
	width: inherit;
	margin: .1em 0; }
	
label.gfield_label {
	float: left;
	width: auto;
	margin-right: .5em; 
	color: black;
	font-weight:700;
	padding: .5em 0;
	text-align:left; }
	
#popup-email-signup .gform_body label.gfield_label {
	width: 40%; }
		
.ginput_container {
	background-color: #eee;
	float: left !important;
	width: 90%;
	border: 1px #ccc solid;
	padding: 0.5em;
	font-size: 16px; }
#popup-email-signup .ginput_container  {
	width: 50%; }
	
.gform_footer {
	width: 100%;}
		
.ginput_container input {
	background: none;
 	font-size: 16px;
	padding: 0;
	text-align: left;
	float: left;
	width: 100%;
	font-weight:300;
	color: #000; }
	
#content form .ginput_container textarea {
  width: 100%;
  background: none;
  padding: 0;
  margin: 0;
}

#field_4_4 .ginput_container, #field_2_17 .ginput_container, #input_2_22, #input_3_5, #input_4_7 {
	background: none;
	border: 0;
}
#input_2_22, #input_3_5, #input_4_7 { text-align: left; }
.gfield_radio li {
	float:left; }

#content form .ginput_container input[type="radio"] {
	width: auto;
	margin-right: .25em;
}
#content form .ginput_container label {
	float: left; }
	
#gform_wrapper_4 {
	width: 40%;
	float: left; }
	
.validation_error {
	color: red ;}

.validation_message {
	background-color: red;
	font-size: 10px;
	color: white;
	padding: .25em;
	margin: -5px 0 0 5px;
	width: 50%;
	float: left !important; }

.validation_message:before {
	content: "\A";
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent red transparent;
	position: absolute;
	top: -5px;
	left: 5px;}
	
.ginput_container input:focus .validation_message {
	display:none; }
   
   
/* HUB Form
--------------------------------------------------- */
section.act section.text { float: left; width: 65%; }
section.act section.form { float: right; width: 30%; }
   
.hub-form.left .text { float: right; }
.hub-form.right .text { float: left; }
.hub-form.center .text,
.page .hub-form .text { width: auto; }

#hub-form, #hub-form-response, #twitter-widget, #share-widget { 
  background: #1d2939; 
  border: none;
  color: #fff;
  width: 90%;
  float:left;
  padding: 5%;
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out;
  transition:         all .35s ease-in-out; }
#hub-form:hover { background: #2f71cd; } 

#hub-form h2, #hub-form-response h2 { color: #fff; line-height: 1.2; }

#hub-form select {
  font-size: 14px;
  margin: 0 0 10px;
  width: 50%;  }

#hub-form li, form dt {
    display: inline-block;
    float: left;
    padding: 0 5px 5px 0;
    text-align: left;
}

#hub-form li, #hub-form div {
   display: block;
   float: left !important;
   position: relative;
   background: rgba(255,255,255,.2);
   width: 100%;
   padding: 0; }

#hub-form li:hover {
   background: rgba(255,255,255,.5);   }   

#hub-form input, #hub-form select, #hub-form textarea {
   border: medium none;
   cursor: pointer;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 16px;
   height: 20px;
   line-height: 1;
   margin: 0 auto;
   padding: 3%;
   transition: all 0.35s ease-in-out 0s;
   width: 94%;
   color: #000; }

#hub-form button {
   padding: 3% 0;
   font-size: 20px;
   display: block;
   height: auto;
   width: 100%;
   background: #e15604;}

#content form.unsubscribe input[type="radio"] {
   width: auto;
   margin-right: 10px; }

.divider {
   background-image: url("/theme/img/divider_left.png");
   background-position: -3em 0.75em;
   background-repeat: no-repeat;
   color: #999;
   font-size: 14px;
   margin: 0 auto; }

.divider span {
   background-image: url("/theme/img/divider_right.png");
   background-position: 127px 0.75em;
   background-repeat: no-repeat;
   display: block; }

/* constituency page custom styles */

.constituency-trilogy-hub-form .text {
    background: none repeat scroll 0 0 #ffffff;
    padding: 20px;
    width: 60%;
}

.constituency-trilogy-hub-form .form {
    background: none;
    float: left;
    margin: 0;
    padding: 20px;
    text-align: center;
    width: auto;
    clear: right;
}

.constituency-trilogy-hub-form #content {width: auto;}

.constituency-trilogy-hub-form #share-widget img {width: 98%; height: auto; border: 2px solid #fff;}

#constituency-sidebar {float: left; width: 320px;}

/* Voting Poll Lookup */
form.poll {
   padding: 1em;
   background: #ddd; }
   
form.poll input, form.poll select, form.poll textarea  { 
   background: #fff !important; 
   display: inline-block !important;
   float: none !important; }
    
form.poll input[type="submit"] {
   background: #004691 !important;
   margin: 0 !important;
   padding: .5em 2em !important; }
 
form.poll.la li {
   margin-bottom: 1em; }
   
form.poll.la label span {
   width: 140px;
   display: inline-block; }
   
form.poll.la input {
   width: 40%; }

form.poll.la span.note {
   display: block;
   clear: both;
   font-size: 12px;
   color: red; }
   
form.poll.la input[type="submit"] { width: 300px;}
form.poll.la input[type="reset"] { width: 50px; }
   
   
form#volunteer li {
   float: left;
   width: 50%;
   margin-right: 5%; }
   
form#volunteer li.zip-container {
   width: 20%; }
   
form#volunteer input {
   background-color: #ccc;
   width: 100%;
   font-size: 16px;
   color: black;
   line-height: 2; }
   

form.mobilecommons {
   width: auto;
   text-align: left;
   float: left;
}

form dl {
   float: left;
   width: 100%;
  }
form dt {
    float: left;
    clear: left;
    width: 40%;
    text-align: right;
    font-weight: bold;
    color: black;
  }
form dt::after {
    content: ":";
  }
form dd {
   width: auto;
   float: left;
   display: inline-block;
   clear: right;
  }
form dd input {
    border: 1px solid #ddd;
    margin-bottom: .25em !important;
    width: 100%; }
       
#content form dd input[type="submit"] {
   margin-top: 1em;
   padding: .5em 3em; 
   display: inline-block;
    float: none;
    width: auto;
    margin: 0 auto;
    text-align: center; }