/***************/
/***  FORMS  ***/
/***************/

form .field {
	margin-top: 4px;
}
form .field label {
	display: block;
	margin: 0;
	font-weight: bold;
}
form input {
	font-family: inherit;
	font-size: 16px;
    width:auto;
    overflow:visible;
}

.signup-form {
	width: 30em;
	margin: 8px 0 0 12px;
}
.signup-form fieldset {
	border-top: solid 1px #ccc;
	padding: 4px 8px 0px 12px;
}
.signup-form .field {
	clear: left;
	padding-top: 4px;
}
.signup-form .field label {
	width: 90px;
	display: block;
	margin: 0;
	font-weight: bold;
}
.signup-form .opt-in label {
	display: inline;
	margin: 0;
	font-weight: normal;
	font-size: 13px;
}
.signup-form .first-name,
.signup-form .last-name {
	float: left;
	clear: none;
	padding-right: 8px;
}
.signup-form #password {
	font-size: 16px;
	float: left;
	width: 120px;
}
.signup-form .field .forgot-password {
	display: block;
	float: left;
	padding: 3px 6px;
}
.signup-form .buttons {
	border-top: solid 1px #ccc;
	padding: 12px;
	background: #f4f4f4;
	text-align: center;
}

.signup-form {
	border: solid 1px #eee; 
	border-color: #ddd #eee; 
	border-top: 0; 
	background: #fcfcfc;
}




form.friendly p {
	margin: 0.75em 0;
}

form.friendly label {
	font-weight: bold;
}

form.friendly label span {
	font-weight: normal;
}

form.friendly input {
	margin: 2px 0;
	padding: 2px 5px;
	font-size: 1.2em;
	vertical-align: middle;
}
form.friendly select {
	font-size: 1.2em;
}

form.friendly input.textbox {
	border: solid 1px gray;
	padding: 3px 6px;
	font: 1.25em Arial, Helvetica, sans-serif;
	color: black;
}

form.friendly .form-tip {
	font-size: 90%;
	color: #666;
}

form.friendly .button {
	font-size: 1.15em;
	padding: .2em .6em;
	font-weight: bold;
}

form.friendly .big {
	font-size: 1.25em;
}

input.wide5  { width: 5em;  }
input.wide8  { width: 8em;  }
input.wide10 { width: 10em; }
input.wide12 { width: 12em; }
input.wide14 { width: 14em; }

.form-errors strong {
	color: #d00;
	font-size: 115%;
}

.form-errors {
	background-color: #fff3ec;
	border: solid 2px #fdb;
	margin-right: 2em;
	padding: 15px 20px;
}

/*
.field-with-errors {
	padding: 2px;
	background-color: red;
}
*/

input.invalid, textarea.invalid {
	border: solid 2px #f66 !important;
}
input.invalid {
	background-color: #fff5f5;
}
label.invalid {
	color: #c00;
}
.valid {
	background-color: #bfb;
}

.long-form {
	border: solid 1px #eee; 
	border-color: #ddd #eee; 
	border-top: 0; 
	background: #fcfcfc;
}
.long-form td {
	vertical-align: top;
	border-top: solid 1px #ccc; 
	padding: 12px;
}
.long-form td.label {
	vertical-align: top;
	border-top: solid 1px #ccc; 
	padding-top: 15px;
}
.long-form tr.shaded td {
	background: #f7f7f7;
}
.long-form .required,
.long-form .optional {
	font-size: 90%;
	color: #666;
	font-weight: bold;
}
.long-form .form-tip {
	line-height: 130%;
}
.long-form table.option-field td {
	border: none; 
	padding: 0px 4px;
	vertical-align: middle;
}
.long-form table.option-field .option-caption {
	font-size: 90%;
	color: #666;
	line-height: 140%;
	padding: 0 0 4px 4px;
}
.long-form table.option-field label {
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	padding: 0 0 4px 0;
	color: black;
}

/* BUTTONS */

.buttons a.button, .buttons button {
    display:inline-block;
    margin:0 7px 0 0;
    background-color: #3b5998;
    border:1px solid rgb(217, 223, 234);
    border-bottom:1px solid rgb(14, 31, 91);
    border-right:1px solid rgb(14, 31, 91);
    font-size: 14px;
	line-height: 130%;
    text-decoration:none;
    color:#fff;
    cursor:pointer;
    padding:3px 10px 4px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 10px 1px 7px; /* IE6 */
}
.buttons button[type]{
    padding:3px 10px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 10px 1px 7px; /* IE7 */
}
.buttons button img, .buttons a.button img{
    margin:0 5px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttons button img.right, .buttons a.button img.right{
    margin:0 0 -3px 3px !important;
}
.buttons button:hover, .buttons a.button:hover{
    background-color:#5a82cf;
}
.buttons button:active,
.buttons a.button:active {
    background-color:#27477f;
    border:1px solid rgb(217, 223, 234);
    border-top:1px solid rgb(14, 31, 91);
    border-left:1px solid rgb(14, 31, 91);
}

.buttons a.button[disabled], .buttons button[disabled] {
    background-color: #666;
    border:1px solid #aaa;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    cursor:default;
}
.buttons a.button.gray, .buttons button.gray {
    background-color: #777;
    border:1px solid #ddd;
    border-bottom:1px solid #222;
    border-right:1px solid #222;
}