/*** AB ***/
/**** CUSTOMIZATION to match template if desired */

#newtng-form table, 
#newtng-form td,
#newtng-form th,
#newtng-form input.text-input,
#newtng-form textarea.text-input,
#newtng-form h2 {
  border-color: #AAA;
}

#newtng-form input.text-input,
#newtng-form textarea.text-input,
#newtng-form select {
  background-color: #F0F0F0;
}

/*
#newtng-form a {
  border-width: 1px;
  border-style: none none solid none;
  border-color: #AAA;
}

#newtng-form a:hover {
  border-color: #666;  
}
*/

/* END CUSTOMIZATION */


/* LAYOUT */

#newtng-form {
  width: 500px;
  margin: 0px auto;
  padding:20px 0px 20px 0px;
}

#newtng-form * {
  margin: 0;
  padding: 0;
  line-height: 1.44em !important;
}

#newtng-form h2 {
  width: 500px;
  margin: 0 0 5px 0 !important;  
}

#newtng-form .tng-block {
  width:460px;
  padding:0px 20px 30px 20px;
}

#newtng-form p {
  padding:5px 10px;
}

#newtng-form table {
  margin:5px 0px; 
} 
 
#newtng-form input.full-width {
  width: 215px;
}

#newtng-form input.name-width {
  width: 115px;
}

#newtng-form select.full-width {
  width: 220px;
}

#newtng-form input.phone1-width {
  width: 35px;        
  margin: 0px 4px 0px 0px;
  display:inline;
}

#newtng-form input.phone2-width {
  width: 50px;        
  margin: 0px 4px 0px 0px;
  display:inline;
}

#newtng-form input.city-width {
  width: 105px;        
  margin: 0px 4px 0px 0px;
} 

#newtng-form select.state-width {
  width: 50px;
  margin: 0px 2px 0px 0px;
} 

#newtng-form input.zip-width {
  width: 45px;
  margin: 0px;
} 

#newtng-form select.country-width {
  width: 215px;
}

#newtng-form input.recurringtimes-width {
  width: 25px;
  margin: 0px;
}

#newtng-form input.other-width {
  width: 55px;
  margin: 0px;
  text-align: right;
}

#newtng-form select.month-width {
  width: 50px;
}

#newtng-form select.year-width {
  width: 60px;
}

#newtng-form select.prefix-width {
  width: 60px;
}

#newtng-form td.note2 {
  width: 400px;
}

#newtng-form td.note3 {
  width:200px;
}

#newtng-form .table-frame {
  margin-top: 15px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
}

#newtng-form td.table-frame {
  padding:15px;
  border:none;
}

#newtng-form td.table-frame table {
  padding:0px;
  margin:0px;
}

#newtng-form .data-confirmation {
  margin: 0px 0px 15px 0px;
}

#newtng-form .center-tables table {
  margin-left: auto;
  margin-right: auto;
}

/* END LAYOUT */


/* FORMATTING */

#newtng-form {
  font-family: Arial, Helvetica, sans-serif;
}


#newtng-form * {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
}

#newtng-form h2 {
  font-size:14px;
  font-weight:bold;
  border-style: none none solid none;
  border-width: 1px;
}

#newtng-form th {
  padding: 4px 0 0 2px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

#newtng-form td {
  border: none;
  padding: 0px;
  font-size: 12px;
  font-weight: normal;
  vertical-align:top;
  text-align: left;
}
  
#newtng-form td.note,
#newtng-form p.note,
#newtng-form td.note2,
#newtng-form td.note3,
#newtng-form td.note4,
#newtng-form td.note a,
#newtng-form p.note a,
#newtng-form td.note2 a,
#newtng-form td.note3 a,
#newtng-form td.note4 a {
  font-size: 11px;
}

#newtng-form td.note {
  vertical-align:top;
  padding:2px 0px 2px 2px;
}

#newtng-form td.note2 {
  vertical-align:top;
  padding: 0px 2px;
}

#newtng-form td.note3 {
  vertical-align:middle;
  padding:2px 0px 2px 2px;
}

#newtng-form td.note4 {
  width: 300px;
}

#newtng-form td.note4 ul,
#newtng-form td.note4 ul li {
  list-style: disc outside;
}

#newtng-form td.note4 ul li {
  margin-left: 20px;
  font-size: 11px;
}


#newtng-form input.text-input {
  display: block;
  border-style: solid;
  border-width: 1px;
  padding:1px 2px;
  margin:0;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

#newtng-form textarea.text-input {
  border-style: solid;
  border-width: 1px;
  padding:3px;
  margin:0;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

#newtng-form select {
  border-style: solid;
  border-width: 1px;
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

#newtng-form option {
  font-size: 11px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}

#newtng-form input.radio-button {
  display: block;
  border: none;
  font-size: 12px;
  margin: 0px 3px 0px 30px;
  padding: 0px;
}

#newtng-form #tip-choice input.radio-button {
  margin-left:3px;
}

#newtng-form #tip-choice .tip-spacer {
  width:20px;
}

#newtng-form input.check-box {
  display: inline;
  border: none;
  margin: 0px 1px 0px 5px;
}

#newtng-form input.submit-button {
  font-size:12px;
  font-weight: bold;
}

#newtng-form ol, #newtng-form ol li {
  list-style: decimal outside;
}

#newtng-form ol li {
  margin-left:25px;
  font-size:11px;
}

#newtng-form ul, #newtng-form ul li {
  list-style: disc outside;
}

#newtng-form ul li {
  margin-left:15px;
  font-size:12px;
}

#newtng-form img {
  margin: 0px;
  padding: 0px;
  border: none;
}                     

#newtng-form .contribution-summary td,
#newtng-form .contribution-summary th {
  padding:2px 5px;
}

#newtng-form .contribution-summary td.dollar-sign {
  padding-left:30px;
  padding-right:0px;
  text-align:right;
}

#newtng-form .contribution-summary td.entry-box {
  padding-left:0px;
}

#newtng-form .contribution-summary td.amount-confirmation,
#newtng-form .contribution-summary th.amount-confirmation {
  text-align:right; 
  padding-left:30px;
}

#newtng-form .data-confirmation {
  border-width: 1px;
  border-style: solid none solid none;
}

#newtng-form .data-confirmation td {
  text-align:right;
  padding: 0px 5px 0px 0px;
  font-size: 11px;
}

#newtng-form .data-confirmation th {
  padding:0px;
}

/* END FORMATTING */

/* BEGIN FAKE BUTTONS */

#newtng-form .fake-button a {
  padding:0px 3px;
  margin:1px;
  background-color: #CCC;
  color:#000;
  border: 2px solid;
  border-color: #FFF #000 #000 #FFF;
  font-size:11px;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
}

#newtng-form .fake-button a:hover {
  background-color: #CCC;
  color: #000;
  border: 2px solid;
  border-color: #FFF #000 #000 #FFF;
  text-decoration:none;
}

#newtng-form .fake-button a:active {
  border: 2px solid;
  color: #000;
  border: 2px solid;
  border-color: #000 #FFF #FFF #000;
  text-decoration:none;
}

/* END FAKE BUTTON */

#newtng-form #next-steps li {
  margin-bottom:3px;
  padding-bottom: 0px;
}

/* ERROR MESSAGES */

#newtng-form .error-message,
#newtng-form .error-message p {
  font-size: 11px;
  color: #F00;
  font-weight: bold;
}

#newtng-form .error-message .error-highlight {
  color: #000;
  font-size: 11px;
  font-weight: bold;
}

#newtng-form .error-message p {
  margin: 0px 20px 10px 20px;
}

/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		color:#cc0000;
		font-size:8px;
		clear:left;
	}
	form.form_validation_form_error table {
		border: 2px solid red;
	}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC0000;
	font-size: 10px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* END ERROR MESSAGES */

/* Special items : error containers, field hints, required table cell  */
	.KT_field_error {
		color: #cc0000;
	}
	.KT_field_hint {
		color:#0000cc;
		font-size: 10px;
	}
	.KT_tngtable td.KT_required {
	}
	/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required {
		padding: 0 2px;
		color: #cc0000;
		font-family: Courier New, Courier, monospace;
		font-weight: normal;
	}
	
	

#newtng-form blockquote {
  margin:5px;
  padding:5px;
  border:solid 1px #CCC;
  background:#EEF;
}

#newtng-form h3 {
  margin: 10px 0px 5px 0px;
  font-size:13px;
  font-weight:bold;
  border-style: none
}
  
#newtng-form ul {
  margin-bottom:10px;
}