/* -------------------------------------------------------------
 *	FORMS
 *
 *  This style sheet manages all styles for sitewide forms.
 *  This style inherits from the layout.css and typography.css.
 *
 * -------------------------------------------------------------
 */

/**
 * Form Base Styles
 **/
.form-row, .form-row-no-label
{
	line-height: 2em;
	margin: 6px 0;
}

.input-group, .input-group-narrow
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 256px;
	
}

.input-group-narrow
{
	width: 150px;
}

.input-group-left
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 200px;
}

.input-group-right
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 135px;
}

.form-row .input-group-right label
{
	width: 70px;
}

.inline-selects select
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: auto;
	margin-right: 10px;
}

label, input, select, .no-label, .form-note
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
}

.form-row label, .form-row-no-label .no-label
{
	text-align: right;
	float: left;
	display: inline; /* IE6 double margin hack */
	margin: 0 10px 0 0;
	/*width: 130px; mg*/
	width: 150px;
}

#optout .form-row label, .form-row-no-label .no-label
{
	width: 270px;
}


.form-row-empty-label
{
	margin: 10px 25px;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: text-bottom;
}

/* IE7 */
*:first-child+html input[type="radio"], input[type="checkbox"] { vertical-align: middle; }

input[type="text"], input.text-input
{
	float: left;
	display: inline; /* IE6 double margin hack */
	border: 1px solid #cacaca;
	border-radius: 4px; /* full CSS3 support only */
	padding: 4px;
}

.text-input-500-width
{
	width: 500px;
}

.text-input-360-width
{
	width: 360px;
}

.text-input-235-width
{
	width: 235px;
}

.text-input-170-width
{
	width: 170px;
}

.text-input-150-width
{
	width: 150px;
}

.text-input-70-width
{
	width: 70px;
}

.text-input-40-width
{
	width: 40px;
}

.text-input-full-width
{
	width: 100%;
}

.text-input-full-block
{
	width: 100%;
	display: block;
}

.text-input-auto-width
{
	width: auto;
}

input.textarea
{
	float: left;
	display: inline; /* IE6 double margin hack */
	border: 1px solid #cacaca;
	border-radius: 4px; /* full CSS3 support only */
	padding: 4px;
}

select
{
	border: 1px solid #cacaca;
}

select.inline
{
	float: left;
	display: inline; /* IE6 double margin hack */
	margin-right: 3px;
}

.form-row select, .form-row-no-label select
{
	max-width: 254px; /* IE & Safari don't grok this */
}

input.checkbox
{
}

button.right-with-margin
{
	float: right;
	display: inline; /* IE6 double margin hack */
	margin: 0 20px 20px 0;
}

/**
 * Navbar Search Form
 **/
#email-signup input
{
	width: 180px;
	padding: 2px;
	margin-right: 3px;
	border: 1px solid #c6c6c6;
}

/**
 * Checkout Forms
 **/
#billing-info, #shipping-info, #age-confirm
{
	margin-bottom: 10px;
}

#customer-info-col, #summary, #myaccount-left-col, #myaccount-right
{
	float: left;
	display: inline; /* IE6 double margin hack */
}

#customer-info-col
{
	width: 427px;
	margin-right: 5px;
}

#myaccount-left-col
{
	width: 665px;
	margin-right: 55px;
}

#summary
{
	width: 187px;
}

#myaccount-right
{
	width: 235px;
}

#myaccount-banner {
	text-align: center;
	margin-bottom: 8px;
}

/**
 * Checkout Forms Review and Payment Page
 **/
#reviewpmt-info-sect
{
	width: 652px;
	margin: 0 2px 20px 2px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	/* Fake Center Border */
	background: #f1f1f1 url(/images/backgrounds/bkgd-grey-line.png) repeat-y 326px top;
}

#payment-info, #review-info
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 329px;
}

#payment-info
{
	margin-left: -3px;
}

#payment-info .rounded-box-left
{
	padding-left: 15px;
}

#review-info
{
	margin-right: -3px;
}

#review-info .rounded-box-right
{
	padding: 0 3px 0 0;
}

#review-info ul
{
	font-size: .825em; /* Equivalent for 11pt at 96 ppi - (11/12) * .9 = .825em */
	border-bottom: 1px solid #d1d1d1;
	padding: 12px 25px;
}

#items-info
{
	margin-bottom: 20px;
}

#items-info-col
{
	width: 660px;
}

.edit-form
{
	background-color: #ebeddc;
	padding: 12px 0;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	width: 325px;
}

#edit-shipdetail
{
	border-bottom-style: none !important;
	border-bottom-width: 0 !important; /* for IE */
}

.edit-form-title
{
	margin: 0 25px;
}

#edit-billto
{
}

/**
 * Order Confirmation Page
 **/

#reviewpmt-ccinfo
{
	margin: 20px 0 0 0;
}

#reviewpmt-ccinfo p, #reviewpmt-ccinfo div
{
	float: left;
	display: inline; /* IE6 double margin hack */
	width: 140px;
}

#reviewpmt-ccinfo img
{
	border: 1px solid #707DC9;
	padding: 1px;
}

#reviewpmt-ccinfo p#reviewpmt-pmtmethod, #reviewpmt-ccinfo p#reviewpmt-ccnumber
{
	height: 50px;
}

#reviewpmt-ccinfo p#reviewpmt-pmtmethod
{
	text-align: right;
	padding: 0 20px 0 0;
}

#reviewpmt-ccinfo p#reviewpmt-expon
{
	clear: left;
	text-align: right;
	padding: 0 20px 0 0;
	margin: 10px 0 0 0;
}

#reviewpmt-ccinfo p#reviewpmt-expdate
{
	margin: 10px 0 0 0;
}

/**
 * Form Validation
 **/

.form-error, .form-no-error
{
	float: left;
	display: inline; /* IE6 double margin hack */
}

.form-error
{
	background-color: #fecbca;
}

.form-error .msg, .form-error .msg-long-text
{
	background: url("/images/icons/icon-form-alert.png") no-repeat 4px 2px;
	color: #ca0001;
	font-style: italic;
	padding: 4px 4px 4px 32px;
	width: 215px;
	line-height: normal;
}

.form-error .msg-long-text
{
	width: 330px;
}

.form-error input
{
	float: none;
	border: 1px solid #ca0001;
}

/*ZIP FORM CITY HELPERS*/
/*.inline-zip-form.national .cities,
.item-content .inline-zip-form .cities,
#form-zipentry .form-zipentry-content
*/
.cities
{
	/*padding: 10px;*/
	width: 230px;
	position:absolute; 
	/*background-color: #fff;*/
	z-index: 99; 
	/*border: 1px solid #999;*/	
	margin: 24px 0 0 5px;
}


.inline-zip-form.national .selected-city,
.item-content .inline-zip-form .selected-city
{
	font-size: 9px; 
	padding: 1px; 
	margin-top: 24px;
	width: 230px; 
	position:absolute; 
	background-color: #fff;
	z-index: 9999; 
	border: 1px solid #999;
}

.plans-national-zip-wrapper .inline-zip-form.national .cities,
.plans-national-zip-wrapper .inline-zip-form.national .selected-city,
.plans-detail-national-zip-wrapper .inline-zip-form.national .cities,
.plans-detail-national-zip-wrapper .inline-zip-form.national .selected-city
{
	margin: -10px 0 0 205px;
}





.box div.city-item
{
   border-bottom: 1px dotted #999999;
   padding: 3px 10px;
   margin-right: 10px;	
}

input.input-shadowed, select.input-shadowed
{
	padding: 4px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #cacaca;
	background: url("/images/backgrounds/bkgd-zip-natl-field-left.png") no-repeat scroll -2px 0 transparent;
}

/*
THIS IS FOR PHONES
inline-zip-form national
*/