/*	=============================================================================================================
	FORMS
	============================================================================================================= */

.form
{
	font-size:12px;
	color:#333;
	margin-bottom:10px;
	padding-bottom: 30px;
}

.form .input-container
{
	line-height:35px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.form .button-container
{
	margin-top:15px;
	padding-top:15px;
}

.form label,
.form .textbox,
.form .dropdown,
.form .additional,
.form .textarea
{
	float:left;
}

.form .textbox,
.form .dropdown,
.form .textarea
{
	background-color:#f4f4f4;
	border:1px solid #ccc;
}

.form label
{
	text-align:right;
	margin-right:10px;
}

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

.form .additional
{
	color:#bbb;
	margin-left:15px;
	font-size:11px;
}

.form .field-status
{
	margin:3px 0 0 10px;
	float:left;
	display:none;
}

/*	=============================================================================================================
	TOP-ALIGNED LABELS
	============================================================================================================= */

.top-label label, .top-label select { clear: both; line-height: 20px; }
.top-label label { float:none; display:block; text-align:left; }

/*	=============================================================================================================
	OUPUT MESSAGES
	============================================================================================================= */

.form .highlighted-container
{
	background-color:#fff;
	border-radius: 4px;
	padding-bottom:8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.form .highlighted-container input.req-field
{
	background-color: #F2F5A9;
}

.form .input-error
{
	font-weight:bold;
	display:none;
	color:#900;
}

/* form-wide errors generated by Zend_Form_Decorator_(Form)?Errors */
ul.form-errors
{
	display: block;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}

/* error messages generated by Zend_Form */
ul.errors li
{
	font-weight:bold;
	color:#900;
	margin: 10px 0 -10px;
	line-height: 1.5em;
}

form#public_form_signuppayment > ul.top-label > ul.form-errors > li > ul.errors li
{
	margin-bottom: 0px;
}

form#public_form_contact #captcha ul.errors,
form#public_form_support #captcha ul.errors {
	margin: 20px;
}

/*	=============================================================================================================
	CHECKBOXES
	============================================================================================================= */

/* wrapper divs */
.custom-checkbox, .custom-radio { display:block; position: relative; height:30px; }

/* input, label positioning */
.custom-checkbox input,
.custom-radio input
{
	display:none;
	position: absolute;
	left: 6px;
	top: 4px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label,
.custom-radio label {
	display: block;
	width:auto !important;
	position: relative;
	z-index: 1;
	text-align:left;
	padding-left:35px;
	cursor: pointer;
	line-height:28px;
}
.custom-checkbox label {
	background: url(../images/forms/checkbox.gif) no-repeat;
}

.custom-radio label {
	background: url(../images/forms/radiobutton.gif) no-repeat;
}
.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-checkbox label.focus,
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

/* disabled checkboxes on close account form */
form table tr td label.disabled a
{
	color: #888888;
}
/*	=============================================================================================================
	TEXTAREAS
	============================================================================================================= */

.textarea
{
	color:#555;
	padding:8px;
}

.txt-shortdescript,
.txt-longdescript { width:700px; }

/*	=============================================================================================================
	DROPDOWNS
	============================================================================================================= */

.dropdown
{
	line-height:29px;
	height:29px;
	color:#555;
}

/*	=============================================================================================================
	TEXTBOXES
	============================================================================================================= */

.textbox
{
	color:#555;
	padding:8px;
}

/*	=============================================================================================================
	INPUT WIDTH CLASSES
	============================================================================================================= */

.txt-booktitle { width:400px; }

.txt-email,
.txt-password,
.txt-address { width:300px; }

.txt-fullname { width:250px; }

.txt-name,
.txt-taxID,
.txt-banknumber { width:200px; }

.txt-creditcard { width:175px; }

.txt-phone,
.txt-date,
.txt-isbn { width:100px; }

.txt-paypoint,
.txt-zipcode,
.txt-series { width:60px; }

.txt-pagecount { width:40px; }

.txt-cvv { width:35px; }

/*	=============================================================================================================
	BUTTONS
	============================================================================================================= */

.form input[type="submit"]#cancel_payment {
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.20, rgb(170,170,170)),color-stop(1.0, rgb(153,153,153)));
	background-image: -moz-linear-gradient(center bottom , #aaaaaa 20%, #999999 100%);
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#999999'); /* for IE */
	font-size: 1em;
	padding: 3px 9px;
}

.form input[type="submit"]#cancel_payment:hover {
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.20, rgb(153,153,153)),color-stop(1.0, rgb(170,170,170)));
	background-image: -moz-linear-gradient(center bottom , #999999 20%, #aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#aaaaaa'); /* for IE */
}

.form input[type="submit"]#cancel_payment:active {
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.20, rgb(219,130,14)),color-stop(1.0, rgb(219,130,14)));
	background-image: -moz-linear-gradient(center bottom , #db820e 20%, #db820e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db820e', endColorstr='#db820e'); /* for IE */
}

#fieldset-submits li.button-container {
	display:inline-block;
	margin-right: 2em;
}

/*	=============================================================================================================
	LABEL ALIGNMENT
	============================================================================================================= */

.inline-label label { width:120px; } /* set the width of the inline form labels */
.inline-label.custom-checkbox,
.inline-label.custom-radio { margin-left: 125px; } /* set the indent of radio + checkbox */
.table-label {position: relative; top: -4px;}
/*	=============================================================================================================
	MEMBERS AREA
	============================================================================================================= */
/**
 * Members/Pay and Members/Payent Pref tables
 */
#make_payment table tfoot {
	border-top: 1px solid #CCCCCC;
}

.method {
	height: 68px;
}

.method td {
	padding:10px 0 !important;
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

#make_payment .method td input[type=submit], #add-new-method .method td input[type=submit] {
	margin-left: 7px;
}

#make_payment .method td.cc, #add-new-method .method td.cc {
	text-align: left;
}

#make_payment .method td.or, #add-new-method .method td.or {
	font-weight: bold;
	text-align: center;
	width:115px;
}

#make_payment .method td.pp, #add-new-method .method td.pp {
	top: -3px;
}

/* ============================================================================================================= */
/**
 * Members/Pay Sidebar Area with discounts for prepayment and alternate payment methods
 */

#make_payment #special_discounts h3 {
	margin: 10px 0;
}

#make_payment #special_discounts ul {
	margin: 10px 0;
}

#other_methods .warning_orange {
	color: #F18B07;
}

#other_methods section {
	margin-top: 25px;
}

#other_methods address {
	font-style: normal;
	margin-top: 15px;
}

#other_methods address p {
	margin:0;
	padding: 0;
}

#members_form_makepayment {
	margin-top:0;
}

#members_form_paypalpayment {
	margin-top:-140px;
}

#members_form_paypalpayment input[type="hidden"] {
	display: none;
}

#paypal_items {
	display: none;
}

#make_payment input[type="image"], #add-new-method input[type="image"] {
	border:none;
}
/*	=============================================================================================================
	SIGNUP : Payment;
	============================================================================================================= */
#signup_payment h4 {
	margin:20px 0;
	font-size: 1.2em;
}

#signup_payment h3 {
	color: #68B0B9;
}

#cc-info {
	border-right: 1px solid #ccc;
}

#paypal {
	text-align: center;
}

#paypal input[type="image"] {
	border: none;
}

.paypal_button {
	position: relative;
	top:14px;
	left: 250px;
}

#minimum_warning, #minimum_warning_discount {
	display: none;
	color: red;
}


section#make_payment form#members_form_domainregistrationmakepayment input[type="text"]
{
	background: transparent;
	border: none;
	cursor: default;
}

/*	=============================================================================================================
	Jquery Valiation styling of signup form
	============================================================================================================= */

.invalid {
	border-radius: 5px;
	border:3px solid #b32f2b;
	background: #fee7ef;
	color:#fff;
	white-space:nowrap;
}

.invalid .tooltipster-content {
	font-famiy: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	padding: 8px 10px;
	color: #000;
}

#public_form_signuppersonal .button-container {
	clear:both;
}

input[type="checkbox"]#tos {
	float:none;
}
.required {
	font-weight: bold;
}


/*	=============================================================================================================
	Password Change form in Member's
	============================================================================================================= */
#domain_id-element {
	margin-top: 6px;
}
#username-label {
	height: 0px;
}

#dom_user_label {
	font-weight: bold;
}

#dom_user_label span {
	font-weight: normal;
}

#change_password p.good_alert,
#change_password p.bad_alert {
	margin: 10px 0 0 0;
}

/*	=============================================================================================================
	Support form domain list picker
	============================================================================================================= */

form#public_form_support dt#client_doms-label {
	display: none;
}

form#public_form_support a#showdomlist {
	/* this is awful, fix it */
	position: absolute;
	margin-top: -40px;
	margin-left: 255px;
	font-weight: bold;
}
form#public_form_support ul#dom_list {
	background-color: white;
	width: 240px;
	margin: -8px 5px 5px 5px;
	display: none;
}

form#public_form_support ul#dom_list li {
	border-bottom: 1px solid black;
	cursor: pointer;
}

form#public_form_support ul#dom_list li.dis {
	color: #7A7A7A;
}

form#public_form_support ul#dom_list li:hover {
	background-color: gray;
	color: white;
}