/* @override https://s3.amazonaws.com/s3.freepress.net/template-set-assets/shared/redux.css */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
/*  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; */
}

html body {
  color: #232323;
  font: 14px/20px arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  margin: 9px 0 18px 0;
}

h1 {
  line-height: 26px;
  font-size: 26px;
}

h2 {
  line-height: 28px;
  font-size: 24px;
}

p {
  margin-bottom: 18px;
}

label {
  font-weight: bold;
  display: block;
}

textarea, select {
  background-color: white;
  border: 1px solid #bbbbbb;
}

input[type=text]:focus, input[type=password]:focus {
  border-color: #666666;
}

textarea:focus, select:focus {
  border-color: #666666;
}

textarea {
  width: 390px;
  height: 250px;
  border: 1px solid #bbbbbb;
  padding: 3px;
  color: #232323;
  font: 12px/18px arial, sans-serif;
}

input#amount_other_field {
  width: 80px;
  margin-left: 5px;
}

.donation-amount {
  margin-right: 10px;
  vertical-align: middle;
  float: left;
  display: inline;
}

select {
  height:22px;
  width:65px;
}

.col {
  float:left;
  display:inline;
  width: 47.5%;
  margin-right: 5%;
}

.form-item-col {
  float: left;
  display: inline;
  margin-right: 10px;
}

body input#card_code[type="text"] {
width:60px;
}

/*modal stuff */
/* Modal Message for vn number */

#modal,
#modal-overlay,
div#container div#content #modal,
div#container div#content #modal-overlay {
  display:none;
}

#modal,
div#container div#content #modal {
  left:0;
  position: absolute;
  top: 70px;
  width: 100%;
  z-index:30;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 400px;
}

#modal-content,
div#container div#content #modal-content {
  padding: 18px;
  text-align:left;
}

#modal-close,
div#container div#content #modal-close {
  color:#eee;
  cursor:pointer;
  font: bold 11px/12px verdana,sans-serif;
  position: absolute;
  right:0;
  top:-20px;
  width: 60px;
}

#modal-close:hover,
div#container div#content #modal-close:hover {
  color:#aaa;
}

#modal-content ul,
div#container div#content #modal-content ul {
  padding:0 12px 12px 24px;
}

#modal .action-button,
div#container div#content #modal .action-button {
  margin:20px 0;
  text-align:center;
}

#modal .action-button a,
div#container div#content #modal .action-button a {
  background:#ccc;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-box-shadow: 0 0 8px #333;
  -moz-box-shadow: 0 0 8px #333;
  color:#333;
  font-weight:bold;
  padding:12px 10px;
  text-decoration:none;
  text-shadow: 0 0 1px #fff;
}

#modal .action-button a:hover,
div#container div#content #modal .action-button a:hover {
  background:#bbb;
  text-decoration:none;
}

#modal .action-button span.ext,
div#container div#content #modal .action-button span.ext {
  background-image:none;
}

#modal-overlay,
div#container div#content #modal-overlay {
  background:#000;
  cursor:pointer;
  left:0;
  height:100%;
  opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=60); /* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
  -khtml-opacity: .6; /* Safari 1.x */
  -moz-opacity: .6; /* FF lt 1.5, Netscape */
  position:fixed;
  top:0;
  width:100%;
  z-index: 29;
}

#modal th, #modal td, #modal caption {
padding:0;
font-size: 11px;
}

#modal td p {
padding:0;
margin:p;
}

/****************************************************
end of base-ak.css
****************************************************/

/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0 20px; font-size: 13px; line-height: 1.231; background: #dddddd; }

body, button, input, select, textarea { font-family: sans-serif; color: #222;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #94c730; color: #fff; text-shadow: none; }
::selection { background: #94c730; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #9B1C26; text-decoration: none; font-weight: bold;}
a:visited { color: #9B1C26; }
a:hover { color: #d12836; text-decoration: underline;}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; color: #2576b4;}
li.menu-227 a.active, li.menu-417 a.active {color: #2576b4;}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* remove blue hover box */
input:focus, textarea:focus {
    outline: none;
}

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */   

#header {
	background: url(https://s3.amazonaws.com/s3.freepress.net/template-set-assets/sti/images/sti-pattern.gif) #2B3D8B;
	color: #fff;
	height: 170px;
	margin:  0 -20px;
}

#content {
	background: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 20px 27px;
	margin-top: -40px;
}

.intro-text p {
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#logos {
	padding: 14px 0px 20px 0px;
	text-align: center;
}

img.freepress_logo, img.freepress-action_logo {
	float: right;
	margin: 5px 15px 0 0;
	width: 340px;
}

img.freepress_logo {
	width: 250px;
}

img.freepress-action_logo {
	width: 230px;
}

img.sti_logo {
	padding-left: 0px;
	margin: -15px 0 0 20px;
	float: left;
	box-shadow: 5px 5px 20px #333, -3px 3px 8px #333;
	background: #f9991d;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

img.sti_logo:hover, img.sti_logo:active {
	padding-top:5px;
	}

/* this is the intro stuff */
.information img, .information object{
	float: right;
	margin: 0px 0px 15px 15px;
}

.information {
	max-width: 650px;
}

div.asym-col2.asym-col-bigger2 {
	background: #eee;
	padding: 20px;
}

.letter2 {
	background: #fff;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 20px;
	border: 0;
	border-right: 2px solid #b57512;
	border-bottom: 2px solid #b57512;
	box-shadow: none;
	
	}

div.letter {
	width: 310px;
	background: #fff;
	padding: 20px 20px 0px 20px;
	font-size: 12px;
	margin-bottom: 20px;
	border: 0;
	border-right: 2px solid #b57512;
	border-bottom: 2px solid #b57512;
	box-shadow: none;
}

div.letter textarea#id_comment, #letter_form table textarea {
	background: #fff;
	border: none;
	padding: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	font-size: 12px;
	color: #000;
	width: 100%;
	}

div.letter textarea#id_comment:focus, #letter_form table textarea:focus {
	background: #eee;
	}
	
div.pointer {
	margin: 5px 0px 0px 40px;
}

div.pointer img {
	float: left;
	margin-right: 5px;
}

div.pointer p {
	padding-top: 5px;
	font-style: italic;
	color: #888;
}

/* petition Letter */

div.intro-info {
	width:  100%;
	margin: 0px -430px 0px 0px;
	float: left;
}

div.intro-info div.intro-info-wrapper {
  margin-right: 420px;
}

/* this is the form box */

#intl_user_fields{
	display:none;
}
div.asym-col.asym-col-smaller, div#call-steps, div.donation_person-info, div.donation_type, div.card_info {
	background: #ffa924;
	float: right;
	margin: 5px 0px 10px 30px;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 350px;
}

.ak-form.survey.contains-errors {
		width: 400px;
		float: right;
}

div.asym-col.asym-col-smaller h2 {
	margin: -5px 0 15px 0;
	padding: 0px;
	}
	
div.asym-col.asym-col-smaller input[type="text"], div.asym-col.asym-col-smaller input[type="email"], textarea#id_comment, div#call-steps input[type="text"], textarea#id_action_survey, div.question textarea, div.donation_box input[type="text"], .unsubscribe_freepress input[type="text"], .unsubscribe_freepress textarea, #letter_form table textarea {
	background: #e39920 url(https://s3.amazonaws.com/s3.freepress.net/template-set-assets/sti/images/form_bg.png) repeat-x;
	border: none;
	border-bottom: 1px solid #fdd79c;
	border-right: 1px solid #fdd79c;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0;
	font-size: 16px;
	color: #444;
	width: 330px;
}

div.asym-col.asym-col-smaller input[type="checkbox"], div#call-steps input[type="checkbox"], div.donation_box input[type="checkbox"]{
	width:auto;
	margin-right:5px;
}

/*
div.asym-col.asym-col-smaller input {
	background: #fff url(https://s3.amazonaws.com/s3.freepress.net/template-set-assets/sti/images/form-check.png) no-repeat right;
	border: 2px solid #2bff26;
}
*/

div.asym-col.asym-col-smaller input#id_city, div#call-steps input#id_city, div.donation_box input#city{
	margin-right: 15px;
	min-width: 20px;
	width: 80px;
}

div.asym-col.asym-col-smaller input#id_zip, div#call-steps input#id_zip, div.donation_box input#zip{
	margin-left: 15px;
	width: 75px;
}

div.asym-col.asym-col-smaller input#id_zip.ak-error, div#call-steps input#id_zip.ak-error, div.donation_box input#zip.ak-error{
	margin-left: 15px;
	width: 68px;
}

div.asym-col.asym-col-smaller input[type="text"]:focus, div.asym-col.asym-col-smaller input[type="email"]:focus, textarea#id_comment:focus, div#call-steps input[type="text"]:focus, textarea#id_action_survey:focus, div.question textarea:focus, div.donation_box input[type="text"]:focus, #letter_form table textarea:focus {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #000;
	}

/* hiding labels
div.asym-col.asym-col-smaller label, div#call-steps label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
*/

div.asym-col.asym-col-smaller label, div#call-steps label {
	margin:  0px 0px 0px 0px;
	font-size: .9em;
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);

}

p.form-item-zip label.required {
	margin-left: 15px;
}




div.asym-col.asym-col-smaller label.ak-error, div#call-steps label.ak-error, div.asym-col.asym-col-smaller div.asym-col.asym-col-bigger label{
}

/* phone-choice labels */
p#phone-choice, div#call-steps p#phone-choice {
	width: 74px;
	float: right;
	margin-top: -50px;
}

p#phone-choice label, div#call-steps p#phone-choice label{
	display: inline;
	position:relative;
	left:0px;
	top:auto;
	width: auto;
	height: auto;
	overflow: visible;
    float: right;
}

p#phone-choice input, div#call-steps p#phone-choice input {
	display: block;
	margin-top: 3px;
	width: 15px;
}

div#call-steps p#phone-choice span {
	width: 74px;
	display: inline-block;
	margin: 0px; padding: 0px;
	height: 15px;
}
div.asym-col.asym-col-smaller input#id_phone, div#call-steps input#id_phone, div.donation_person-info input#id_phone {
	width: 245px;
}

div.asym-col.asym-col-smaller p, div#call-steps p {
	margin: 0 0 10px 0;
}

div.asym-col.asym-col-smaller input[type="submit"], div#call-steps input[type="submit"], div.donation_box input[type="submit"], .unsubscribe_freepress .action_form p.submit input, div#taf div#donate a#donate-button  {
	color: #ffffff;
	font-weight: bold;
	text-shadow: none;
	border: none;
	font-size: 20px;
	padding: 15px 17px;
	float: right;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-webkit-border-radius: 25px;
	width: 200px;
	text-transform: uppercase;
	text-align: center;
	background: #f13c26; /* Old browsers */
	background: -moz-linear-gradient(top, #f13c26 0%, #8c2e16 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f13c26), color-stop(100%,#8c2e16)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f13c26 0%,#8c2e16 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f13c26 0%,#8c2e16 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f13c26 0%,#8c2e16 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13c26', endColorstr='#8c2e16',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f13c26 0%,#8c2e16 100%); /* W3C */
	}

div.asym-col.asym-col-smaller input[type="submit"]:hover, div#call-steps input[type="submit"]:hover, div.donation_box input[type="submit"]:hover, .unsubscribe_freepress .action_form p.submit input, div#taf div#donate a#donate-button:hover {
	background: #f13c26;
	text-decoration: none;
	}

#footer-inner.center p {
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px 0px 0px;
	color: #666;
}

p.footer-text {
		text-align: center;
}

div.asym-col p.sincerely, div.asym-col p.your_name {
	padding: 0px;
	margin: 0px 0px 0px 170px;
}

div.asym-col p.your_name {
	margin-bottom: 10px;
}

p.updates {
	float: right;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	width: 230px;
	margin: 10px 0px 0px 0px;
	text-align: right;
	padding-top: 5px;
	}
	
	
/* Call */

div.col {
	float: none;
}

body.redux #call-steps .step, 
body.redux #call-steps textarea, 
body.redux #call-steps input[type="text"], 
body.redux #call-steps input[type="password"] { width: auto; }

div#step1.step.first-step, div#step2, div#step3 {
	background: #ffa924;
	margin: 0px;
	padding: 0px;
}

div#call-steps .form-item-zip label {
	margin-left: 15px;
}

body.redux #call-steps input[type="text"] {
width: 330px;
	}

h3.step-number {
  margin: 15px 0px 15px 0px;
  padding-left: 50px;
  font-size: 18px;
	
}
div#step1 h3.step-number {
  line-height: 21px;
  margin: 0px 0px 15px 0px;
}

div.call-item, div#what_to_say {
	margin: 5px 0px 15px 0px;
}

div#what_to_say p {
	line-height: 18px;
}

div#call-steps div#step3 div#target_checkboxes div.target label {
	display: block;
	font-size: 15px;
	margin: 1px 0px 0px 0px;
}

div#call-steps div.target input {
	width: 20px;
}

div#ak-survey_question p textarea#id_action_survey {
	width: 330px;
	margin-bottom: 5px;
}

h3.step-number {
  background: url(images/number-1-black.png) no-repeat 0 50%;
  height: 40px;
  padding-left: 45px;
  line-height: 40px;
  font-size: 20px;
}

h3.two-line {
  line-height: 20px;
  font-size: 18px;
}

#step-number1 { background-image: url(images/number-1-black.png); }
#step-number2 { background-image: url(images/number-2-black.png); }
#step-number3 { background-image: url(images/number-3-black.png); }

.need-user-info-to-determine-target #step-number1 { background-image: url(images/number-1-black.png); }
.need-user-info-to-determine-target #step-number2 { background-image: url(images/number-2-grey.png); color: #666;}
.need-user-info-to-determine-target #step-number3 { background-image: url(images/number-3-grey.png); color: #666;}

.need-user-info-to-determine-target #step2-content,
.need-user-info-to-determine-target #step3-content {
  display: none;
}

.known-user-name-true #step-number1 { background-image: url(images/number-1-grey.png); }

div.call-item div.target input {
	float: left;
	padding: 0px 0px 0px 0px;
}

div.call-item div.target label {
	padding:  0px 0px 10px 0px;
	line-height: 14px;
}

/* Survey */
div.questions {
	width: 350px;
	padding: 0px;
	margin: 0px;
}

div.question {
	background: none;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	border-radius: 0px;
}

div.asym-col.asym-col-smaller div.questions label {
	display: block;
	font-size: 16px;
	line-height: 22px;
}

div.asym-col.asym-col-smaller div.question input {
	width: 20px;
	margin: 4px 0px;
}

div.asym-col.asym-col-smaller div.question input.other-field {
	margin-left: 0px;
	width: 330px;
}

div.asym-col.asym-col-bigger div.questions div.question textarea {
width: 330px;
margin-top: 5px;
height: 80px;
}

div.asym-col.asym-col-bigger {
	width:  100%;
}
.personal_info {
	float: left;
	padding-top: 15px;
}

/* donation page */


div.intro-info.donation {
	margin-top: -50px;
}


div.intro-info.donation {
	margin: 0px;
	float: none;
	margin-right: 0px;
}

div.intro-info.donation div.intro-info-wrapper {
	padding: 0px;
	margin:  0px;
}


div.donation_box {
	width: 820px;
	margin: 20px auto 0px;
}

div.donation_person-info {
	float: left;
	margin: 0px 0px 0px 0px;
}

div.donation_type {
	margin: 0px 0px 20px 0px;
	float: right;
}

div.card_info {
	margin: 0px;
	padding-bottom: 10px;
	float:  right;
}

hr {
	border: none;
	border-top: 1px solid #e39920;
	border-bottom: 1px solid #fdd79c;	
	margin: 15px 0px 10px 0px;
}

div.donation_box p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

input#address1, input#address2 {
	margin-bottom: 0px;
}

p.form-item.form-item-col.form-item-zip.last label{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

span.donation-amount-other {
	margin-left: 0px;
	margin-top: 5px;
}


div.exp_date_box label{
	padding-bottom: 2px;
}

div.donation_box select {
	border: 0;
	font-size: 16px;
	color: #444;
	margin-bottom: 16px;
}
div.exp_date_box select#exp_date_year {
	width: 80px;
}


div.ver_box {
	float: left;
	margin-right: 20px;
}
div.donation-personal-info {
	border-bottom: 1px solid #e39920;
	padding-bottom: 7px;	
}

span.donation-amount input, div#type input {
	width: 15px;
}

div.donation_box label {
	margin: 0px 0px 3px 0px;
}

div.donation_person-info input#name, div.donation_person-info input#email, div.donation_person-info input#address1, div.donation_person-info input#address2, div.card_info input#card_num {
	width: 330px;
}

input#recurring-donation {
	margin-left: 20px;
}

p.donation-amounts label {
	margin-bottom: 5px;
}

input#amount_other_field {
	margin: 0px 0px 5px 5px;
	font-size: 14px;
	padding: 5px;
}

div.donation_box input[type="submit"] {
	width: 250px;
	margin: 0px 0px 10px 0px;
}

#modal-verification-number, #modal-common-questions, #modal-ways-give{
	display:none;
}

div.footnote {
	margin-top: 20px;
	color: #666;
	font-style: italic;
}

.trustlogo {
	float: right;
	margin-left: 20px;
	margin-top: -18px;
}
/*Common Questions*/
a#common-questions {
	display: block;
	background: #cccccc;
	width: 215px;
	height: 50px;
	border-top-right-radius:    24px;
	border-bottom-right-radius: 24px;
	border-radius: 24px;
	float: right;
	color: #000;
}

a#common-questions div p {
	padding: 15px 0px 15px 20px;
}
a#common-questions div span {
	background: #fff;
	display: block;
	border-radius: 15px;
	float: right;
	margin: 10px;
	padding: 5px 10px;
}

a#common-questions:hover{
	text-decoration: none;
	background: #ddd;
}

/*Common Questions modal pop up */

div#modal{
	border-radius: 10px
}
div#modal div.top_blue {
	background: #ddd;
	padding: 10px 20px 1px 20px;
	border-radius: 5px
}

div#modal li {
	list-style: none;
	border-bottom: 1px solid #ddd;
	margin:0px;
	padding: 0px;
}

div#modal li h3 {
	margin-bottom: 10px;
	}

div#modal ul {
	padding:0px;
	margin-right: 10px;
	margin-left: 10px;
}

/*ratings*/
ul#ratings {
	margin: 20px 0px 0px 0px;
	list-style: none;
	text-align: center;
}

ul#ratings li {
	display: inline;
	margin-right: 10px;
}

ul#ratings li img {
	height: 60px;
}

/* fluid images */

.images {
	float: right;
	padding:  0px 0px 10px 20px;
	max-width: 100%;
}
.images img, .images object, .images iframe {
	max-width: 100%;
}

.images.full-image {
	padding: 0px;
}

.images .social_media {
	margin-top: 5px;
}

.images .social_media img {
	width: 16px;
	}

.images.full {
	padding: 0px 0px 10px 0px;
}

.images .caption {
	font-size: 12px;
	color: #888;
}

.intro-text p:before {
  content: "";
  width: 7em;
  display: block;
  overflow: hidden;
}

/* error */


div p label.ak-error {
	color: inherit;
}

#page div.asym-col.asym-col-smaller input.ak-error, #page div#call-steps input.ak-error:focus, #page div.donation_box input.ak-error, div p input.ak-error, div#call-steps div.gridded p input.ak-error {
    border: 2px solid red; 
}

div.asym-col.asym-col-smaller input.ak-error:focus, div#call-steps input.ak-error:focus, div.donation_box input.ak-error:focus, div p input.ak-error, div#call-steps div.gridded p input.ak-error {
    background: #fff; 
	color: #000;
}

ul#ak-errors {
	background: none;
	clear: both;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

form.survey ul#ak-errors {
	clear: none;	
	float: right;
	margin: 0px 8px 0px 0px;
	padding: 0px;
}

div#content ul#ak-errors li {
	background: url('https://s3.amazonaws.com/s3.freepress.net/template-set-assets/shared/images/ak-error.png') no-repeat left red; 
	border: 2px solid red;
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 10px 50px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 20px;
}

p.form-item-zip label.ak-error {
	margin-left: 15px;
}

/*Defend Public Media Sticker Donation Page Specific */

.publicmedia_sticker #shipping_address, .publicmedia_sticker .donation_type, .publicmedia_sticker .card_info div, .publicmedia_sticker .card_info p, .publicmedia_sticker .card_info hr,
.publicmedia_sticker #common-questions, .sticker #shipping_address, .sticker .donation_type, .sticker .card_info div, .sticker .card_info p, .sticker .card_info hr, .sticker #common-questions {
	display:none;
	visibility:hidden;
}

.sticker .more-options {
	display: none;
}

.publicmedia_sticker .card_info p.submit-container, .sticker .card_info p.submit-container {
	display:block;
	visibility:visible;
}

.publicmedia_sticker div.donation_person-info, .sticker div.donation_person-info {
	float: right;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	margin-top: 7px;
	padding-bottom: 0px;
}

.publicmedia_sticker div.card_info, .sticker div.card_info {
	float: right;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}

.publicmedia_sticker div.intro-info, .sticker .page-title, .sticker #intro-text {
	width: 540px;
	float: left;
	margin: 0;
}
.publicmedia_sticker div#intro-text, .sticker div#intro-text {
}

.publicmedia_sticker div.intro-info-wrapper, .sticker div.intro-info-wrapper {
	width: 100%;
	margin-right: -400px;
	float: left;
}

.publicmedia_sticker div.donation_box, .sticker div.donation_box {
	width: 400px;
	margin: 0px;
	float: right;
}

.sticker div.donation_box {
	margin-top: -50px;
	margin-bottom: 10px;
}

.publicmedia_sticker div.footnote, .publicmedia_sticker ul#ratings, .sticker div.footnote, .sticker ul#ratings {
	display:none;
	visibility:hidden;
}

.publicmedia_sticker div.images, .sticker div.images {
	float: none;
	margin: 0px auto 0px;
	width: 350px;
}

.sticker .hide-on-sticker {
	display: none;
}

/* TAF */
div#taf div#container, .thankyou-page .main-container {
	width: 100%;
	height: 100%;
}

div#taf div.item, .thankyou-page .item {
	background: #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 20px;
}

div#taf h3, .thankyou-page h3 {
	font-size: 2em;
	line-height: 1em;
}
div#taf h4 a, .thankyou-page h4 a{
	color: #333;
}

div#taf h4 a:hover, .thankyou-page h4 a:hover {
	color: #666;
	text-decoration: none;
	}

div#taf div#share, .thankyou-page .aside {
	float: right;
	width: 350px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 100;
}

div#taf div#donate-wrapper, .thankyou-page .main-wrapper {
	width: 100%;
	float: left;
	margin-right: -370px;
}

div#taf div#donate, .thankyou-page .main-wrapper div{
	margin-right: 370px;
	padding: 10px 20px 5px 20px;
}

.thankyou-page .main-wrapper div img {
	max-width:  100%;
	margin-bottom: 20px;
}

div#taf div#donate p a#donate-button{
	text-shadow: 0px -1px 0px rgba(0,0,0,.2);
	width: 140px;
	float: none;
	margin: 0px 0px;
	display: block;
	background: #88a624; /* Old browsers */
	background: -moz-linear-gradient(top, #b9cc3b 0%, #88a624 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9cc3b), color-stop(100%,#88a624)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b9cc3b 0%,#88a624 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b9cc3b 0%,#88a624 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b9cc3b 0%,#88a624 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9cc3b', endColorstr='#88a624',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b9cc3b 0%,#88a624 100%); /* W3C */
}

div#taf div#donate p a {
	color: #88a624;
}

div#taf div#donate p a:hover {
	color: #b9cc3b;
}

div#taf div#donate p a#donate-button:hover {
	background: #b9cc3b; /* Old browsers */
	
}

div#taf div#facebook, div#taf div#twitter, .thankyou-page #twitter, .thankyou-page #facebook, .thankyou-page #mrd {
	padding: 10px 20px 15px 20px;
}

div#taf div#facebook, .thankyou-page #facebook, .thankyou-page #mrd {
	padding-bottom: 28px;
}

div#taf .socialmedia_icon, .thankyou-page .socialmedia_icon {
	float: left;
	margin: 10px 15px 0px 0px;
}

div#taf a.share-button, .thankyou-page a.share-button {
	border: 1px solid #999;
	padding: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #ccc;
	color: #333;
	text-shadow: 0px 1px 0px #eee;
}

div#taf a.share-button:hover, .thankyou-page a.share-button:hover {
	border: 1px solid #777;
	background: #aaa;
	text-decoration: none;
	color: #fff;
	text-shadow: none;
}

div#taf a.share-button img, .thankyou-page a.share-button img {
	margin: 0px 7px 4px 0px;
	}

div#taf div#twitter textarea, .thankyou-page #twitter textarea {
	width: 205px;
	height: 100px;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 10px;
}

div#twitter.item h4 {
	margin-bottom: 10px;
}

div#twitter iframe, #mrd a.share-button {
	margin-left: 82px;
}

/* chip in donate code */
div#taf .chip-in .title {
	font-weight: bold;
	font-size: 1.8em;
	float: left;
	margin: 18px 10px 0px 0px;
}

div#taf .chip-in input {
	  margin: 0;
	  font-size: 100%;
	  vertical-align: middle;	
	  *overflow: visible;
	  line-height: normal;
	  font-size: 13px;
	  font-weight: normal;
	  line-height: 18px;
	  display: inline-block;
	  width: 210px;
	  height: 18px;
	  padding: 4px;
	  margin-bottom: 9px;
	  font-size: 13px;
	  line-height: 18px;
	  color: #555555;
	  border: 1px solid #ccc;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -webkit-border-top-left-radius: 0;
	      -moz-border-radius-topleft: 0;
	          border-top-left-radius: 0;
	  -webkit-border-bottom-left-radius: 0;
	      -moz-border-radius-leftright: 0;
	          border-bottom-left-radius: 0;
	  width: 40px;
	  font-size: 1.8em;
	  padding: 16px 10px 16px 5px;
}

div#taf .chip-in div.input-prepend span.add-on {
	font-size: 1.7em;
	  padding: 16px 5px 16px 5px;
}

div#taf .chip-in div.input-prepend {
	float: left;
	width: 93px;
}
div#taf div#donate.item div.chip-in a#donate-button {
	float: left;
}

div#taf .chip-in input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}

.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}

.input-prepend, .input-append {
  margin-bottom: 5px;
  *zoom: 1;
}
.input-prepend:before,
.input-append:before,
.input-prepend:after,
.input-append:after {
  display: table;
  content: "";
}
.input-prepend:after, .input-append:after {
  clear: both;
}
.input-prepend input,
.input-append input,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;

}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input, .input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on, .input-append .add-on {
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  margin-right: -1px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  color: #999999;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;

}
.input-prepend .active, .input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input, .input-append .uneditable-input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;

}
.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc;
}
.input-append .add-on {
  margin-right: 0;
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;

}
.input-append input:first-child {
  *margin-left: -160px;
}
.input-append input:first-child + .add-on {
  *margin-left: -21px;
}


/* known user stuff */

div#known_user {
	margin-bottom: 15px;
}

/* additonal comments label */
div.asym-col.asym-col-smaller label.add_comment {
	display: block;
	margin-bottom: 5px;
}

/* thermometer fp */
.thermometer_fp {
	float: left;
	margin: 0px 20px;
}

.thermometer_fp_text {
}

ul.more-options {
	margin: 20px auto; 
	padding: 0px;
	width:  830px;
}

.more-options li {
	list-style: none;
	margin: 0 10px 10px 0;
	float:  right;
	text-align: center;
}

/* Common Questions 2 */
a#common-questions2 {
	display: block;
	background: #cccccc;
	width: 190px;
	height: 50px;
	border-top-right-radius:    24px;
	border-bottom-right-radius: 24px;
	border-radius: 24px;
	color: #000;
}

a#common-questions2 div p {
	padding: 15px 0px;
}
a#common-questions2 div span {
	display: none;
}

a#common-questions2:hover{
	text-decoration: none;
	background: #ddd;
}

/* more-ways 2 */
a#more-ways2 {
	display: block;
	background: #cccccc;
	width: 190px;
	height: 50px;
	border-top-right-radius:    24px;
	border-bottom-right-radius: 24px;
	border-radius: 24px;
	color: #000;
}

a#more-ways2 div p {
	padding: 15px 0px;
}
a#more-ways2 div span {
	display: none;
}

a#more-ways2:hover{
	text-decoration: none;
	background: #ddd;
}

.thermometer_fp2 img {
	width: 100%;
	max-width: 700px;
	margin-bottom: 10px;
}

/* Staff Donation Page */

.staff_challenge_2011 ul.more-options {
	width: 440px;
	list-style: inline;
	margin: -55px -10px 0px 0px;
}

.staff_challenge_2011 ul.more-options li {
	float: left;
	list-style: inline;
}

.staff_challenge_2011 ul.more-options li #common-questions2 {
	margin-right: 10px;
}

.staff_challenge_2011 #intro-text.thermometer_fp_text {
	margin: 0px;
}

.staff_challenge_2011 div.fp_staff_text img{
	width: 100%;
}

.staff_challenge_2011 .sidebar img {
	width: 100%;
	margin: 10px 0px;
	
}

.staff_challenge_2011 .wrapper {
	width: 100%;
	float: left;
	margin-right: -495px;
}

.staff_challenge_2011 div.fp_staff_text {
	margin-right: 495px;
}

.staff_challenge_2011 .sidebar {
	float: right;
	width: 470px;
}

.staff_challenge_2011 .sidebar iframe {
	position: relative;
	z-index: 1;
}

.staff_challenge_2011 .thermometer_fp2 {
	display: none;
}

/* thankyou page tell a friend via e-mail */

#taf_form {
	background: #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: 370px;
	padding: 20px 20px 20px 20px;
	clear: left;
}

#taf_form h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 15px;
}

#taf_form label.wide {
	font-weight: normal;
}

#taf_form textarea {
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 98%;
	margin: 5px 0px 10px 0px;
}

#taf_form #taf_preview {
	border: 1px dotted #ccc;
	border-radius: 10px;
	padding: 20px;
	margin: 5px 0px 0px 0px;
}

#taf_form #taf_preview label.wide {
	font-weight: bold;
	}

#taf_form p.subject {
	margin-bottom: 10px;
}

#taf_form label#lbl_taf_subject {
	display: inline;
	margin: 0x 5px 0px 0px;
}

#taf_form .taf_body {
	background: #ddd;
	border: 1px solid #ccc;
	padding: 10px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 5px;
	}
	
#taf_form input {
	border: 1px solid #999;
	padding: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #ccc;
	color: #333;
	text-shadow: 0px 1px 0px #eee;
	margin: 10px 0px 20px 0px;
	float: left;
}

#taf_form p input:hover {
	border: 1px solid #777;
	background: #aaa;
	text-decoration: none;
	color: #fff;
	text-shadow: none;
}

#taf_form p.mail_program {
	clear: both;
	margin: 0px;
}

#taf_form p.edit_mail_link {
	color: #0645AD;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}

#taf_form p.edit_mail_link:hover {
	text-decoration: underline;
	cursor:pointer;
}

/* unsubscribe page */

.unsubscribe_freepress div#content {
	max-width: 400px;
}

.unsubscribe_freepress .action_form p.submit input {
float: none;
background: #888;
text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
margin: 10px 0px 0px 160px;
color: #000;
}

.unsubscribe_freepress .action_form p.submit input:hover {
	background: #ccc;
}

.unsubscribe_freepress #id_email {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	background-color: #bbb;
	border: 1px solid #ccc;
	width: 277px;
}

.unsubscribe_freepress .action_form {
	width: 360px;
	margin: 0px auto 0px;
	padding: 20px;
	background: #ddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}

.unsubscribe_freepress .action_form textarea {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 335px;
	padding: 10px;
	background-color: #bbb;
	border: 1px solid #ccc;
}

.unsubscribe_freepress .action_form textarea:focus, .unsubscribe_freepress #id_email:focus {
	background: #fff;
	}
	
.unsubscribe_freepress label {
	float: left;
	margin: 12px 10px 0px 0px;
	font-size: 16px;
}

.unsubscribe_freepress .action_form p {
	margin-bottom: 10px;
}

/* fcc complaint form specific styles */

.fcc_complaint input#callsign, .fcc_complaint input#channel, .fcc_complaint input#stationcity, .fcc_complaint input#program, .fcc_complaint input#date, .fcc_complaint input#program {
	width:  330px;
}

.nodisplay {
	display: none;
}

/* required */
/*
div.asym-col.asym-col-smaller input[type="text"].required, textarea#id_comment.required, div#call-steps input[type="text"].required, textarea#id_action_survey.required, div.question textarea.required, .unsubscribe_freepress input[type="text"].required, .unsubscribe_freepress textarea.required {
	background: #e39920 url(https://s3.amazonaws.com/s3.freepress.net/template-set-assets/shared/images/ak-required-bar.png) no-repeat top right;
}

div.asym-col.asym-col-smaller input[type="text"].required:focus, textarea#id_comment.required:focus, div#call-steps input[type="text"].required:focus, textarea#id_action_survey.required:focus, div.question textarea.required:focus, .unsubscribe_freepress input[type="text"].required:focus, .unsubscribe_freepress textarea.required:focus {
	background: #fff
}
*/

/* audio listen here */

.journalists_delivery .audio_clip {
	margin: 0px 0px 0px 11%;
	position: relative;
	z-index: 10;
}

.journalists_delivery .audio_text {
	margin: -35px 0px 10px 0px;
	z-index: 1;
	position: relative;
}

.journalists_delivery .audio_text img {
	max-width: 100%;
}

/* obama, murdoch, limbaugh and you checkboxes */

.checkboxes {
	margin: 10px 0px;
	float: left;
}
.checkboxes ul{
	list-style: none;
	padding: 0px;
}

.checkboxes li input {
	float: left;
	margin-top: 3px;
}

.checkboxes li p span {
	color: #444;
	font-style: italic;
}

.ownership_corporate_control .checkboxes li p {
	margin-left: 20px;
}


/* donation thankyou page */
.thankyou p.headline {
  line-height: 28px;
  font-size: 24px;
  font-weight: bold;
}

#content div.thankyou table tbody tr td{
	float: right;
	padding: 20px;
	display: block;
	margin: 0px 0px 0px 0px;
	width: 300px;
}

#content div.thankyou table {
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0px 0px 0px 20px;
}


/* pledge page */

.pledge .upper h2 {
	display: none;
}

.pledge .letter2 {
	background: #000;
	background: rgba(0,0,0,.4);
	border:  0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	padding: 17px 20px;	
}

/* credit for images */

.credit {
	font-size: 12px;
}


/* for partners */

.sign-on-partners {
	margin: 85px 0 10px 0;
}
.sign-on-partners label {
	float:  right;
	width:  320px;
	padding: 0 0 10px 0;
}

.sign-on-partners input {
	float:  left;
	margin:  3px 0 0 5px;
}

/* lte letter to the editor */

.asym-col.asym-col-smaller {
	position: relative;
	z-index: 500;
}
.help_tabs-wrapper {
	width:  100%;
	margin: 0px -430px 0px 0px;
	float: left;
	font-size: 12px;
}

#help_tabs {
  margin-right: 420px;
  border: 0px;
  padding: 0px;
  z-index: 1
}

#help_tabs ul {
	background: none;
	border: 0;
	margin-left: 0;
	padding: 0;
}

#help_tabs .ui-tabs-panel {
	border: 1px solid #bbb;
}

#media_target table tbody tr td label{
	width: 260px;
}

#media_target table td.number {
	padding: 3px 5px 0px 0px;
}

#media_target table input{
	float: left;
	margin: 3px 5px 6px 0px
}

#letter_form table {
	margin: 20px 0px 10px 0px;
}

#letter_form table input, #letter_form table textarea {
	width: 260px;
	margin-bottom: 5px;
}

#letter_form table .wordCount, #letter_form table .more-text {
	font-size: 13px;
}

/* THERMOMETER or PROGRESS METER */

#progress {
	margin: 0 0 20px 0;
}

#ball {
	border: 5px solid #333;
	background: #a5e705;
	height: 80px;
	width: 80px;
	position: absolute;	
	border-radius: 55px;
	-moz-border-radius: 55px;
	-webkit-border-radius: 55px;
	margin: -20px 0 0 0
}

#ball .wrapper {
	background: #fff;
	height: 40px;
	width: 40px;
	position: absolute;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	top: 12px;
	left: 12px;
	opacity: .3;
}

#meter {
	background:  #ddd;
	border: 5px solid #333;
	border-bottom: 5px solid #111;
	border-left: none;
	height: 40px;
	-webkit-box-shadow: inset 0px 0px 8px 0px #666;
	-moz-box-shadow: inset 0px 0px 8px 0px #666;
	-o-box-shadow: inset 0px 0px 8px 0px #666;
	box-shadow: inset 0px 0px 8px 0px #666;
 	margin: 50px 0px 8px 80px;
    position: relative;    
    max-width: 400px;
}

#progress-amount {
	background: #a5e705;
	background: -webkit-gradient(linear, left, right, from(#a5e705), to(#8cc502));
	background: -moz-linear-gradient(left, #a5e705, #8cc502);
	height: 40px;
	position: absolute;
	margin: 0;
	padding: 0;

}

#progress-amount-text {
	position: relative;
	text-align: right;
	font-size: 26px;
    font-weight: bold;
    padding: 11px 10px 0 10px;
    text-shadow: 0px 1px 0px rgba(255,255,255,.7);
    color:  #333;
    z-index: 10;
}

#meter .ticks-wrapper {
	position: relative;
	margin: 0 8px;
	z-index: 5;
}


#meter .ticks {
	width: 100%;
	height: 19px;
    background: url('https://s3.amazonaws.com/s3.freepress.net/template-set-assets/shared/images/ticks-white.png');
	position: absolute;
	top: 16px;
}

#progress-text {
	margin: 0 0 0 115px;
}

#progress-text div {
	
}

/*//////////////////////////////////////////////////////////////////////////////*/
/* FIXED Layout */
/*//////////////////////////////////////////////////////////////////////////////*/


.fixed {
	background: #efefef;
}

.fixed #header {
	background: url("https://s3.amazonaws.com/s3.freepress.net/template-set-assets/partner/images/bgnoise.gif");
}

.fixed #logos img {
	display: none;
}

.fixed #logos a{
	width: 315px;
	display: block;
	height: 90px;
	margin: 10px 0 0 10px;
	background: url("https://s3.amazonaws.com/s3.freepress.net/images/donation/freepress-logo.png");
}

body.fixed #content {
	background: 0;
	padding: 0;
	border-radius: 0;
}

.fixed .intro-info-wrapper .page-title {
	display: none;
}

.fixed .intro-info-wrapper #intro-text {
	width: 530px;
	margin: 0;
	float: left;
}

.fixed .intro-info-wrapper .list-of-items {
	padding: 0;
	margin: 0;
}

.fixed .intro-info-wrapper .list-of-items li{
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0px 20px 0;
	list-style: none;
	padding: 0 0 5px 0;
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	moz-box-shadow: 0px 0px 15px rgba(0,0,0,.2);

}

.fixed .intro-info-wrapper .list-of-items li.start, .fixed .intro-info-wrapper .list-of-items li.next{
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	}

.fixed .intro-info-wrapper .list-of-items li.start .text, .fixed .intro-info-wrapper .list-of-items li.next .text{
	background: #41ad49;
	color: #fff;
	padding: 5px 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	moz-box-shadow: 0px 0px 15px rgba(0,0,0,.2);

}

.fixed .intro-info-wrapper .list-of-items li.start .triangle, .fixed .intro-info-wrapper .list-of-items li.next .triangle {
	text-align: center;
	margin: -4px 0 0 0;
}

.fixed .intro-info-wrapper .list-of-items li.start p {
	margin-bottom: 10px;
}

.fixed .text ul {
	margin: 0;
	padding: 0 0 15px 0;
}

.fixed .intro-info-wrapper .list-of-items .text li {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	margin: 0 0 5px 50px;
	padding: 0 0 0 10px;
	list-style: disc;
}

.fixed .intro-info-wrapper .list-of-items li h2 {
	padding: 15px 15px 10px;
	margin: 0;
	font-family: Oswald, Oswald-firefox, Sans-Serif;
	font-weight: normal;
}

.fixed .intro-info-wrapper .list-of-items li h2.look {
	padding: 0px 15px 15px;
}

.fixed .intro-info-wrapper .list-of-items li p {
	padding: 0px 15px 0px;
}

.fixed .intro-info-wrapper .list-of-items li img {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;	
max-width: 100%;
}

.fixed .donation_box {
	width: 360px;
	float: right;
	margin: 0px 0 0 560px;
	background: #c3c3c3;
	padding: 20px 20px 10px;
	position: absolute;
}

.fixed .donation_box.fixed {
	position: fixed;
	margin-top: -130px;
	}

.fixed .donation_box h2 {
	font-weight: 400;
	margin: 0px 0 10px 0;
	color: #fff;
	font-family: Oswald, Sans-Serif;
	font-weight: normal;
}

.fixed .donation-header p {
	font-size: 12.4px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 18px;
}

.fixed .donation-header hr {
	margin-top: 10px;
}

.fixed .donation_type, .fixed .donation_person-info, .fixed .card_info {
	margin: 0;
	padding: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	background: none;
	font-size: 13px;
}

.fixed .donation_person-info {
	border-bottom: 2px solid #aaa;
	padding: 0 0 10px 0;
	margin: 0 0px 0px 5px;
	width: 345px;
}

.fixed .donation_person-info label {
	float: left;
	width: 70px;
	margin: 4px 0 5px 0;
	font-weight: bold;
	clear: both;
	}
	
.fixed .donation_person-info .address-1 label,
.fixed .donation_person-info .address-2 label {
	width: 120px;
	}

.fixed .donation_person-info .form-item-city label,
.fixed .donation_person-info .form-item-state label {
	width: 45px;
}

.fixed .donation_person-info .form-item-zip label, .fixed p.form-item.form-item-col.form-item-zip.last label {
	width: 40px;
    margin: 4px 0 5px 10px;
}

	
.fixed .donation_person-info input#name,
.fixed .donation_person-info input#email,
.fixed .donation_person-info input#id_phone,
.fixed .donation_person-info input#address1,
.fixed .donation_person-info input#address2,
.fixed .donation_person-info input#city,
.fixed .donation_person-info input#zip,
.fixed .donation-amount input#amount_other_field,
.fixed .card_info input#card_num,
.fixed .card_info input#card_code {
	display: block;
	width: 263px;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #aaa;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}


.fixed .donation_person-info input#address1,
.fixed .donation_person-info input#address2 {
	width: 213px;
}

.fixed .donation_person-info p.address-2 {
	display: none;
}

.fixed .hide-on-fixed {
	display: none;
}
.fixed div.donation_box select#state {
	width: 50px;
	margin: 3px 0 0;
	float: right;
}

.fixed div.donation_box .form-item-state {
	width: 95px;
}

.fixed div.donation_box input#city {
	width: 78px;
	min-width: 70px;
	margin: 0 10px 0 0;
	display: inline;
}

.fixed div.donation_box input#zip {
	width: 43px;
	margin: 0 0px 0 0;
	display: inline;
}
	
.fixed .donation_person-info input#id_phone {
	width: 100px;
}

.fixed p#phone-choice {
	margin: -31px 0 0 0;
	width: 200px;
}

.fixed p#phone-choice span {
	display: block;
	width: 60px;
	float: right;
	margin: 0 0 0 20px;
}

.fixed p#phone-choice input {
	margin: 7px 0 0 0;
}

.fixed .donation_type {
	border-bottom: 2px solid #aaa;
	padding-bottom: 10px;
	border-top: 1px solid #ddd;
	width: 345px;
	margin-right: 10px;
	padding-top:5px
}

body.fixed #amount_list:after, body.fixed .donation-amounts:after, body.fixed #amount_list:before, body.fixed .donation-amounts:before { clear: none; }

body.fixed .donation-amounts {
	margin: 5px 10px 0 0px;
	width: 185px;
	float: left;
	clear: none;
}

.fixed .donation-amounts .donation-amount-other {
	float: left;
	clear: both;
}

.fixed .donation-amount input#amount_other_field {
	width: 80px;
	display: inline;
}

.fixed .donation_type #type {
	width: 140px;
	float: right;
	margin: 5px 0 0 0;
}

.fixed .donation_type #type p span {
	display: block;
}

.fixed .donation_type #type p.quiet {
	font-size: 11px;
	line-height: 13px;
}

.fixed .donation_type #type input#recurring-donation {
	margin: 0;
}

.fixed .card_info {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin: 0 10px 0 0;
	width: 345px;
}

.fixed .card_info .card_image {
	width: 100px;
	float: right;
	margin: -25px 0 0 0;
}

.fixed .card_info input#card_num {
	width: 225px;
	}

.fixed .card_info input#card_code {
	width: 140px;
	display: inline;
}

.fixed .card_info hr {
	margin-top: 0px;
}

body.fixed input.submit {
	padding: 10px 0px;
	font-size: 16px;
	width: 190px
}

.fixed .more-options {
	padding: 0;
	margin: 588px 0 0 585px;
	background: none;
	width: auto;
	width: 125px;
	position: absolute;
	z-index: 10;
}

.fixed .more-options.fixed {
	margin-top: 458px;
	position: fixed;
}

.fixed .more-options ul {
	position: absolute;
}

.fixed .more-options li {
	margin: 0;
	display: inline;
	float: none;
}

.fixed .more-options li a#common-questions2, .fixed .more-options li a#more-ways2 {
	background: none;
	display: inline;
	height: auto;
	width: auto;
	font-size: 12px;
	color: #333;
}

.fixed .more-options li a#common-questions2:hover, .fixed .more-options li a#more-ways2:hover {
	text-decoration: underline;
	color: #000;
}

.fixed .more-options li a#common-questions2 div p, .fixed .more-options li a#more-ways2 div p {
	padding: 0;
	margin: 0;
}

.fixed .more-options li a#common-questions2 div, .fixed .more-options li a#more-ways2 div {
	display: inline;
}

.fixed .more-options li a#common-questions2 span, .fixed .more-options li a#more-ways2 span {
	display: none;
}

.fixed .footnote, .fixed #footer-inner {
	float: left;
	margin-bottom: 15px;
	max-width: 530px;
}

.fixed .footnote p {
	font-size: 12px;
	margin-bottom: 12px;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* Billy Bones center action */
.center {
	margin: 0px auto 0px;
	max-width: 960px;
}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


  /* Style adjustments for viewports 1035px and under */
@media all and (max-width: 1035px) {
.publicmedia_sticker div.intro-info, .sticker div.intro-info {
	width: 420px;
}

.sticker .page-title, .sticker #intro-text {
	width: 410px;
	float: none;
	margin: 0;
}

.sticker #content {
	width: 450px;
}
.sticker div.donation_box {
	margin-top: 0px;
	margin-bottom: 10px;
}
}
  /* Style adjustments for viewports 1000px and under */
@media all and (max-width: 1000px) {
.help_tabs-wrapper {
	margin: 20px 0px 0px 0px;
	float: left;
}
#help_tabs {
  margin-right: 0px;
}

.fixed #logos {
	width: 300px;
}

.fixed #content {
	max-width: 700px;
}

.fixed .intro-info-wrapper #intro-text {
	width: 320px;
	margin: 0;
	float: left;
}

.fixed .donation_box {
	margin: 0 0 0 330px;
}


.fixed .more-options {
	margin-left: 360px;
}

.fixed .footnote, .fixed #footer-inner {
  max-width: 320px;
  float: none;
  margin: 0;
}

}
	
  /* Style adjustments for viewports 760px and under */
@media all and (max-width: 920px) {
	
div.donation_box {
	width: 400px;
	margin: 0px auto 0px;
}
div.donation_person-info {
	float: none;
	margin: 0px 0px 0px 0px;
}

div.donation_type {
	margin: 0px 0px 20px 0px;
	float: none;
}

div.card_info {
	margin: 0px;
	padding-bottom: 10px;
	float:  none;
}

.fixed div.donation_person-info, .fixed div.donation_type {
	margin: 0 0px 0px 5px;
	float: left;
	padding: 0 0 5px 0;
}

.fixed div.card_info {
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0 10px 0 5px;
	float: left;
}

.staff_challenge_2011 .wrapper {
	width: 100%;
	float: none;
	margin-right: 0px;
}

.staff_challenge_2011 div.fp_staff_text {
	margin-right: 0px;
}

.staff_challenge_2011 .sidebar {
	float: none;
	margin: 0px auto 0px;
	
}

.staff_challenge_2011 ul.more-options {
	width: 220px;
	list-style: inline;
	margin: 0px 0px 0px 20px;
}

.staff_challenge_2011 ul.more-options li {
	float: left;
	list-style: inline;
}

.staff_challenge_2011 ul.more-options li #common-questions2 {
	margin-right: 0px;
}

ul.more-options {
	width:  100%;
}



	}

  /* Style adjustments for viewports 800px and under */
@media all and (max-width: 915px) {
.publicmedia_sticker div.intro-info, .sticker div.intro-info {
	width: 100%;
}

.publicmedia_sticker div.donation_box, .sticker div.donation_box {
	margin:0px auto 0px;
	float: none;
}

.fixed .more-options {
	top: 115px;
}

}	
	
  /* Style adjustments for viewports 760px and under */
@media all and (max-width: 760px) {

#header {
	height: 140px;
}

#content {
	padding: 10px 15px 15px 15px;
}

div.intro-info div.intro-info-wrapper {
	padding: 0px 5px 0px 5px;
}

div#logos {
	margin: 0px; 
	padding: 0px;
}

img.freepress_logo, img.freepress-action_logo {
	margin: 10px auto 0px;
	padding: 0px;
	display: block;
	width: 140px;
}

img.freepress_logo {
	margin-top: 15px;
}

img.freepress-action_logo {
	
}

img.sti_logo {
	margin: 0px auto 20px;
	display: block;
	width: 230px;
}

img.sti_logo:hover, img.sti_logo:active {
	margin-bottom: 15px;
	}
	
div.intro-info {
	width:  100%;
	margin: 0px 0px 0px 0px;
	float: none;
}

div.intro-info div.intro-info-wrapper {
    margin-right: 0px;
}

.ak-form.survey.contains-errors {
		width: 300px;
		float: none;
}


/* this is the form box */
div.asym-col.asym-col-smaller, div#call-steps {
	margin: 0px auto 0px;
	margin-bottom: 0px;
	padding: 25px;
	width: 350px;
	float: left;
} 

.publicmedia_sticker div.intro-info, .sticker div.intro-info {
	width: 100%;
}

div#taf div#container {
}

div#taf div#share, .thankyou-page .aside {
	float: none;
	width: 100%;
}

div#taf div#donate-wrapper, .thankyou-page .main-wrapper {
	width: 100%;
	float: none;
	margin-right: 0px;
}

div#taf div#donate, .thankyou-page .main-wrapper div {
	margin-right: 0px;
	padding: 10px 20px 5px 20px;
}

div#taf h3, .thankyou-page h3 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 3em;
}

ul.more-options {
	margin: 0px; 
	padding: 0px;
	width: 100%;
	float: none;
}
.more-options li {
	display: inline-block;
	margin: 0px 5px 15px 0px;
	float:  none;
}

.staff_challenge_2011 ul.more-options {
	width: 100%;
	list-style: block;
	margin: 0px 20px 0px 0px;
}

.staff_challenge_2011 ul.more-options li {
	float: none;
	list-style: inline;
}


.thermometer_fp_text {
	margin-right: 0px;
}

.images.full {
	float: none;
	text-align: center;
}

.inline-taf-container {
	margin-right: 0px;
}

div#twitter iframe {
	margin-left: 10px;
}

#content div.thankyou table tbody tr td{
	float: none;
	width: 360px;
}

#content div.thankyou table {
	margin: 5px 0px 20px 0px;
}

#help_tabs {
  font-size: 11px;
}

#help_tabs .ui-tabs-panel {
	font-size: 13px;
}

.fixed #content {
	max-width: 530px;
}

.fixed .intro-info-wrapper #intro-text {
	width: 100%;
	margin: 0;
	float: left;
}

.fixed .donation_box {
	float: left;
	position: relative;
	margin: 0;
}

.fixed .donation_box.fixed {
	position: absolute;
	margin-top: 0px;
}

.fixed div#logos {
	margin: 0px auto 0px; 
	padding:  11px 0 0 0;
}

.fixed .more-options {
	display: none;
}

}

/* for mobile */
@media all and (max-device-width: 480px), all and (max-width: 480px), all and (max-width: 760px) {
body {
	margin: 0px 20px;
}
.center {
	width: 400px;
	margin: 0px auto 0px;
}

div#logos {
	margin: 0px auto 0px;
	}
	
a#common-questions div p {
	display:  none !important; visibility: hidden;
}	

a#common-questions {
	width: 50px;
}

.images {
	float: none;
	padding: 0px;
	margin-bottom: 10px;
	text-align: center;
}

ul.more-options {
	text-align: center;
	}

ul.more-options li {
	margin-right: 10px;
	}
a#common-questions2, a#more-ways2 {
	width: 180px;
}

a#common-questions2 div span, a#more-ways2 div span {
	display: none;
}

div#twitter iframe {
	margin-left: 82px;
}

}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}