/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
.clear {clear: both;}
form        {overflow: hidden;}
label       { font-weight: bold; }
fieldset    { width: 550px; padding:1.4em; margin: 0 0 1.5em 0; border: 0 none; }
legend      { font-weight: bold; font-size:2em; color:#0271B9; text-align: left;}
#entree .radio label {margin-top:0; padding: 0 1.5em 0 0;}
div.radio {margin-top: 1.2em; text-align: left;}

#techIssues h4 {margin:0.33em 0 0.66em .66em; display: block; font-size:2.4em; padding: 0; color:#0271B9;}

/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
 /* margin:0.5em 0;*/
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 334px; height: 80px; padding:5px; display: block; /*float: left;*/}
#techIssues textarea {width: 330px; height: 150px;}
input.radio,
#FormName input.check {
margin-top: .66em;
margin-bottom: 0;
margin-right: .66em;
width: 1em;
height: 1em;
}

input.radio {
margin-right: .33em;
float: left;
display: block;
}

input.check {
margin-right: .66em;
}

.rayDio {
margin-bottom: 1em;
}
.rayDio label {
padding-right: 6px;
padding-left: 0px;
white-space: nowrap;
}

/*form dl dt {margin: 6px 0 1em 148px; font-size: 1.4em;}*/
form dl dt {
font-size: 1.2em;
float: left;
width: 140px; 
text-align: right;
margin-right: 8px;
padding-top: .5em;
display: block;
color: #0D426E;}

#techIssues dl dt {float: none; margin-left: 123px; text-align: left; width: 330px; margin-bottom:0.33em;}
#techIssues dl dt label {white-space: nowrap;}
#techIssues dl .noLeft {margin-left: 123px;}
#techIssues dl dd .t_cap {width: 134px;}
#content #ctr #techIssues img {margin-top: 0;}
#content #ctr #techIssues fieldset {background-color: #ebebeb; padding: 3px 0px 1em 6px;}
#content #ctr #techIssues fieldset dd p {padding: 1.5em 0 .66em 1.5em;}
#nhpt_form {width: 352px; float: right;}
#FormName dl dt {display: none;}
#FormName input {margin-right: 0; font-size: 12px; border: #699 solid 1px; height: 23px; width: 338px;}
#FormName .form_fix {margin-right: 0; font-size: 12px; border: #699 solid 1px; height: 30px; width: 350px;}
#FormName #nhpt_form .form_fix select.jqTransformSelectWrapper {margin:0; padding: 6px; display: block; width: 350px; height: 30px; border: none; color: #707070; background: #fff;}
#FormName #nhpt_form .form_fix select option {color: #707070; padding: 0 0 0 8px;}
#FormName #nhpt_form select {color: #707070;}
.jqTransformHidden {display: none;}
#FormName option {color: #000;}
form fieldset dl dd {display: block; margin: 0 .8em .8em 100px;}
#techIssues fieldset dl dd {display: block; margin: 0 .8em .8em 0;}
#techIssues fieldset dl .f_select {margin-left: 123px; margin-bottom: .15em;}	
form dl dd {display: block; margin: 0 0 .8em 0;}
form dl dd.one_line,
form dl dd.one_line_first {display: inline; float: left; margin-left: 0; margin-right: 0;}
form dl dd.one_line_first {margin-left: 148px;}
form dl label span {color: red; padding-left: 1px;}
form dl dd input {margin: 0 4px 4px 0; width: 165px;}
#techIssues dl dd input {margin: 0 4px 4px 0; width: 330px;}

#FormName dd input {margin: 0; color: #707070; padding: 7px 0 0 12px;}
#FormName dd input:focus {color: #000;}
#FormName #nhpt_form dd {margin: 0 0 12px 0; padding: 0;}
form dl dd input[type="radio"] {margin-top: 6px;}
#nhpt_form .inactive,
#nhpt_form .focused,
#nhpt_form .active,
#FormName .form_fix #state {color: #707070; padding: 6px 0 0 10px;}
form dl dd select {height: 1.65em; margin: 0 4px 4px 0;font-size: 12px; line-height: 1em; padding: 2px;}
#techIssues dl dd select {height: 2em;}
form dl dd select option {height: 1em; padding: 2px;}

#techIssues dl dd select {width: 220px;}

#nhpt_form #FormName dl dd select option {padding: 2px 0;}
#FormName dl dd.one_line {margin-top: 0;}
#FormName #nhpt_form dd button {margin: 70px 0 6px 148px; cursor: pointer;}
#FormName #form_submit {background-color: #699; color: #fff; border: none; height: 30px; width: 70px; margin: 0; float: right;}
#FormName #form_submit:hover {background-color: #592E16;}
/*#FormName #form_send {margin-top: 70px;}*/
form dl dd #PP_submit {
background: url(/parts/pp_donate.gif) no-repeat left top;
width: 62px; height: 31px; font-size: 0px; padding:0; border: none 0; margin-left:0;}
#container form fieldset {border: 0 none; padding:0;}
#container form fieldset dd label {
font-size: 1.1em; 
font-weight: bold; 
text-align: left; 
position: relative; 
width: auto;
padding-top: 2px;
color: #0D426E;}
#container #techIssues fieldset dd label {width: 115px; float: left; margin-right: 8px; text-align: right;}
#container #techIssues .read_only {border: none 0; background: #ebebeb; padding: 0; color: #666;}
#content form {display: block;}
form .clear {display: block; clear: both;}
form fieldset dd input {}
form fieldset legend {display: block; padding: 0; text-align: left;}
#techIssues fieldset {margin-top: 0;}
#techIssues fieldset legend {display: block; padding-bottom: 1em; text-align: center; padding-left: 16px; margin-top: 0;}
/*
#container form #email,
#container form #company,
#container form #address,
#container form #recipient_adr {width: 340px;}
#container form #city,
#container form #recipient_city {width: 131px;}

#container form #state,
#container form #recipient_state {width: 106px;}
#container form #zipcode,
#container form #recipient_zip  {width: 90px;}*/
/* Success, notice and error boxes
-------------------------------------------------------------- */

.red_note   { color: #ff1800;}
.error,
.notice, 
.success    { padding: .8em; margin-bottom: .33em;}

.error      { background: #fff; color: red; display: block; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* JUMPLINK 
------------ */
#ctr .jump {
border-top:1px dotted #BBBBAA;
font-family:"Helvetica Neue",Helvetica,Arial,verdana,sans-serif;
padding:0.33em;
text-align:center;
}
#ctr .jump a {
color:#420D0B;
font-size:0.7em;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
}

#ctr .err2 {
color:#BC0017;
font-weight:bold;
}

/*
#entree input{
display: block;
clear:left;
margin: 0 2em .66em 0;}
*/

#entree input[type="radio"] {margin-top: 0px; display: inline; clear: none;}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 350px;
	position:relative;
	height: 30px;
	background: url(/parts/arrow_down.gif) no-repeat 330px center;
	float:left;
}

#form_pg .jqTransformSelectWrapper div span {
	/*font-size: 12px;*/
	float: none;
	position: absolute;
	width: 338px !important;
	height: 21px;
	line-height: 1em;
	padding: 9px 0 0 12px;
	overflow: hidden;
	cursor:pointer;
	color: #707070;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

/*
.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 350px;
	height: 31px;
	background: url(/parts/select_right.gif) no-repeat center center;
}
*/

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 350px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #699;
	border-width: 0 1px 1px 1px;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul li {width: 350px; margin:0; padding:0;}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 2px 0 2px 12px;
	margin:0;
	text-decoration: none;
	color:#707070;
	background-color: #FFF;
	font-size: 12px;
	width: 338px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
/*.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
}

.jqTransformSafari input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}
*/