/* -------------------------------------------------------------- 
   
   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
   
-------------------------------------------------------------- */

form		{ margin: 0; padding: 0;}
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; background: #fff;}
legend      { font-weight: bold; font-size:1.4em; color: #2d72bf; }


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

input.text, input.title,
textarea, select , input.file{
  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, input.file{ width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; font-size:1em;  font-family: Verdana, Arial, Helvetica, sans-serif;}
select		  { width: 220px; padding:5px; }
select.short	  { width: 120px; padding:2px; }
select.multiple  { width: 300px; padding:5px; }

textarea.short      { width: 390px; height: 90px; padding:5px; }
textarea.narrow      { width: 217px; height: 90px; padding:5px; }
textarea.embed      { width: 300px; height: 250px; padding:5px; }
textarea.caption	{ width: 140px; height: 50px; padding:5px; }
textarea.wide      { width: 825px; height: 90px; padding:5px; }

select.left, input.left {float: left;}
input.membership {margin-top: -10px; margin-left: 10px; width: 200px;}
/* Success, notice and error boxes
-------------------------------------------------------------- */
.hide	{display: none;}
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.disabled   { background: #EDEDED; color: #222; border-color: #bbb; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.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; }
ul.errors { list-style: none; color: red;}


fieldset#fieldset-CheckAvailability {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	}
	
fieldset#fieldset-CheckAvailability input,
fieldset#fieldset-CheckAvailability select {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	}
	
fieldset#fieldset-CheckAvailability input#submit {
	margin-top: 15px;
	}
	
fieldset#fieldset-CheckAvailability label {
	display: block;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	}
	
fieldset#fieldset-CheckAvailability dl,
fieldset#fieldset-CheckAvailability dt,
fieldset#fieldset-CheckAvailability dd {
	width: auto;
	margin: 0;
	padding: 0;
	}
	
	
fieldset#fieldset-credentials {
	display: block;
	padding-left: 80px;
	background: url(webedee/icn_padlock.jpg) no-repeat 0px 30px #fff;
	}
	
fieldset#fieldset-credentials dl
{
	margin: 40px;
}
	
fieldset dd
{
	margin: 0;
}
	
div.padding fieldset#fieldset-CheckAvailability {
	display: block;
	width: 450px;
	padding: 20px;
	background: url(webedee/icn_search.jpg) no-repeat 330px 20px #fff;
	border: 1px solid #ccc;
	}
	
div.padding fieldset#fieldset-PaymentDetails {
	padding-top: 60px;
	
	background: url(webedee/Credit-Card-Icons.jpg) no-repeat 50px 20px #fff;
	}	
	
fieldset#fieldset-OrderSummary {
	float: right;
	width: 300px;
	display: block;
	padding-top: 182px;
	background: url(webedee/icn_basket.jpg) no-repeat 100px 20px #fff;
	border: 1px solid #ccc;
	}
	
fieldset#fieldset-Notifyme {
	width: 460px;
	display: block;
/* 	padding: 130px; */
	background: url(webedee/icn_email.jpg) no-repeat right top #fff;
	border: 1px solid #ccc;
	}
	
fieldset#fieldset-PersonalDetails,
fieldset#fieldset-PaymentDetails,
fieldset#fieldset-BillingDetails {
	width: 470px;
	}
	
p.availability_message,
p.availability_message_good {
	display: block;
	width: 390px;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
/* 	text-align: center; */
	color: #663;
	margin-top: 20px !important;
	padding: 25px 15px 25px 85px !important;
	background: url(webedee/icn_msg_warning.gif) no-repeat 10px  #ffc;
	border: 1px dashed #cc9;
	}
	
p.availability_message_good {
	color: #363;
	background: url(webedee/icn_msg_ok.gif) no-repeat 10px  #ebffe5;
	border: 1px dashed #9c9;
	}
	
		
dl#other_available_pages dt {
	clear: both;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
	}
	
dl#other_available_pages dd {
	float: left;
	width: 250px;
	margin-left: 0;
	margin-right: 20px;
	padding: 3px 0;
/* 	border: 1px solid; */
	}
	
div#paymentsummary
{
	display: none;
}

table.paymentsummary
{
	width: 300px;
	border-collapse: collapse;
}

table.paymentsummary td
{
	padding: 10px 0;
	vertical-align: top;
}

td.price
{
	text-align: right;
}

span.free
{
	font-weight: bold;
	color: #79B500;
}

tr.total
{
	border-top: 1px solid #222;
}

div#promocodemsg
{
	padding: 15px 0;
}

span.creditcard
{
	display: block;
	height: 50px;
	padding: 10px;
	background: #fff url(webedee/Credit-Card-Icons.jpg) no-repeat top right;
}

fieldset#fieldset-PayPalCustomer {
	width: 456px;
	margin-top: 20px;
	}
	
span.paypal
{
	display: block;
	height: 50px;
	padding: 10px;
	background: #fff url(webedee/btn_xpressCheckout.gif) no-repeat top right;
}

div.spaced
{
	float: left;
	margin: 20px 0;
}

span.separe label
{
	display: block;
	padding: 4px 0;
	border-bottom: 1px solid #CCC;
}

input.spaced
{
	float: right;
	margin: 20px 0;
}

.frozen
{
	border: none;
	width: 300px;
}

ul.clientData
{
	list-style: none;
}

input.membership
{
	width: 90px;
}

input.apply
{
	margin: 0 5px -5px 0;
}

select.Completed, select.Manual, select.Payed
{
	background: #6FC000;
}

select.UnderReview, select.Pending
{
	background: orange;
}

select.Denied
{
	background: red;
}

option
{
	background: #FFF;
}