/** forms.css
    Contains references to forms
*/


/* Basic form element
*/ 
.form
{
  display: block;
}

/* Form Header */
.form .formHeader
{
  display: block;
  background-position: 0px 0px;
	background-repeat: no-repeat;	
	width: 364px;
	padding: 22px 0px 0px 24px;	
}
.form .formHeader h3
{
  margin: 0px;
	padding: 0px;
  background-position: 0px 0px;
	background-repeat: no-repeat;	
	overflow: hidden;	
	display: block;
}
.form .formHeader h3 span
{
  visibility: hidden;
}

/* Form Body */
.form .formBody
{
  display: block;
}
.form .formBody label
{
	font-size: 0.75em;		
	color: #ffffff;
}
.form .formBody label.labelInput
{
	margin: 0px 12px 0px 0px;
  float: left;	
	text-align: right;		
	padding-top: 4px;
}
.form .formBody label.labelInput span
{
  color: #ffcb30;
}
.form .formBody input
{
	border: none;
	font-size: 0.75em;		
	background-color: transparent;
}
.form .formBody .textArea 
{
	background-position: 0px 0px;
	background-repeat: no-repeat;
  float: left;	  	
	margin-bottom: 5px;		
}
.form .formBody .textArea textarea
{
	border: none;
	font-size: 0.69em;		
	background-color: transparent;
  overflow: auto;	
	color: #666666;
} 
.form .formBody br
{
  clear: both;
}
.form .formBody .textInput 
{
	background-position: 0px 0px;
	background-repeat: no-repeat;
  float: left;	  	
	height: 25px;	
	margin-bottom: 5px;		
}
.form .formBody .textInput input
{
	padding: 4px 6px 2px 6px;	
	color: #666666;
}
.form .formBody a
{
  color: #ffcb30;
}
.form a:hover
{
  background-position: 0px 100% !important;
}
.form .formBody .bodyLink
{
  width: auto;
	padding: 0px 0px 20px 110px;
	font-size: 0.75em;			
}


.form .formBody .defaultText
{
   margin: 0px;
	 padding: 5px 5px 25px 5px;
	text-align: center;	 
}
.form .formBody .defaultText p
{
  color: #ffffff;
	font-weight: bold;
  margin: 0px auto;
}


/* Form Footer */
.form .formFooter
{
  width: 100%;
  display: block;
	clear: both;
}
.form .formFooter .formFooterBorder
{
  width: 100%;
  display: block;
  background-position: left top;
	background-repeat: no-repeat;		  		
}
.form .formFooter .formFooterBorder .formFooterBody
{
	display: block;
  background-position: left bottom;
	background-repeat: no-repeat;
	padding: 6px 0px 15px 0px;	  	
	text-align: right;
	clear: both;	
}
.form .formFooter .formFooterBorder .formFooterBody a
{
  display: block;
	text-decoration: none;
	padding: 0px;
	margin-left: auto;			
	background-position: 0px 0px;
	background-repeat: no-repeat;	
}
.form .formFooter .formFooterBorder .formFooterBody a span
{
  visibility: hidden;
}
.form .formFooter .formFooterBorder .formFooterBody .formFooterBackground 
{
  width: 100%;
	height: 45px;
	display: block;
}
.form .formFooter .formFooterBorder .formFooterBody .formFooterBackground.imageOR
{
  background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url("../images/forms/bg_footer_or.gif");
}
.floatLeft
{
  float: left;
}
.floatRight
{
  float: right;
}





/* Radio Group
*/
.radioGroup
{
	float: left;
	padding: 10px 0px 10px 85px;
}
.radioGroup label
{
	float: left;
	height: auto;
	display: block;
	margin-bottom: 5px;
  width: auto;   
}
.radioGroup input
{
  margin: 0px 8px 0px 0px;
 padding: 0px;	
 float: left;
}
.radioGroup input
{
  display: block;
}


.checkBoxGroup
{
	padding: 10px 0px 10px 135px;
	position: relative;
}
.checkBoxGroup.noPadding
{
  padding-left: 0px !important;
}
.checkBoxGroup input
{
  margin: 0px 8px 0px 0px;
	padding: 0px;	
	display: block;
  float: left;	
	width: auto;
	height: auto;
}
.checkBoxGroup label
{
	display: block;
	margin: 0px;
	padding: 0px;
  float: left;
	clear: right;
	width: auto;
	height: auto;	
	line-height: auto;
}

.checkBoxGroup.registerCheckBox label
{
  width: 320px;
	margin-bottom: 7px;
}


.radioGroup br, .checkBoxGroup br
{
	clear: both;
	width: auto;
}



/* Half screen purple form
*/
.form.purpleHalf
{
  width: 364px;
	background-color: #6c3f98;
}
.form.purpleHalf .formHeader
{
  background-image: url("../images/forms/bdr_purpleSmall_top.gif");
	width: 364px;
	padding: 22px 24px 10px 24px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 316px;	
}
html > body .form.purpleHalf .formHeader
{
	width: 316px;	
}
.form.purpleHalf .formBody
{
	width: 364px;
	padding: 0px 24px;		
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 316px;	
}
html > body .form.purpleHalf .formBody
{
	width: 316px;	
}
.form.purpleHalf .formBody label.labelInput
{
	width: 95px;
}
.form.purpleHalf .formFooter
{
  background: #6c3f98 url("../images/forms/bg_purpleSmall_footer.gif") 0px 0px repeat-y;
}
.form.purpleHalf .formFooter .formFooterBorder
{
  background-image: url("../images/forms/bdr_purpleSmall_footer_top.gif");
}
.form.purpleHalf .formFooter .formFooterBorder .formFooterBody
{
  background-image: url("../images/forms/bdr_purpleSmall_footer_btm.gif");
	width: 364px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 344px;	
	padding-right: 20px;
}
html > body .form.purpleHalf .formFooter .formFooterBorder .formFooterBody
{
	width: 344px;	
}
.form.purpleHalf .formBody .textInput
{
	width: 209px;
	background-image: url("../images/forms/purple_inputtxt.gif");
}
.form.purpleHalf .formBody .textInput input
{
  width: 184px;
}
.form .formBody .textArea  
{
	width: 226px;
	height: 94px;
	margin-bottom: 10px;	
	background-image: url("../images/forms/purple_textarea.gif");
}
.form .formBody .textArea  textarea
{
	padding: 5px 16px 0px 6px;	
	margin-bottom: 10px;
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 202px;	
	height: 89px;	
}
html > body .form .formBody .textArea textarea 
{
	width: 202px;
	height: 89px;	
}

/* Updated TextArea for Privacy Policy
*/
.form .formBody .textArea.wideTextArea
{
	width: 360px !important;
	height: 100px !important;		
	background-image: url("../images/forms/purple_textarea_wide.gif");
	margin: 3px 0px 0px 0px !important;
	padding: 5px 2px 0px 5px;	
  float: right;
}
.form .formBody .textArea.wideTextArea.floatLeft
{
  float: left;
}
.form .formBody .textArea.wideTextArea .textAreaContainer
{
	width: 342px;	
	height: 76px;	
	font-size: 0.75em;
	display: block;
	overflow-y: scroll;
	color: #666666;
	padding: 5px;
}
.form .formBody .textArea.wideTextArea .textAreaContainer p
{
  margin: 0px 0px 7px 0px;
}



/* Full screen purple form
*/
.form.purpleFull
{
  width: 549px;
	background-color: #6c3f98;
}
.form.purpleFull .formHeader
{
  background-image: url("../images/forms/bdr_purpleLarge_top.gif");
	background-position: 0px 0px;
	width: 549px;
	padding: 22px 24px 10px 24px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 501px;
  margin: 0px;		
}
html > body .form.purpleFull .formHeader
{
	width: 501px;	
}
.form.purpleFull .formHeader.noPadding
{
	width: 549px;
	padding: 15px 10px 0px 10px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 529px;	
}
html > body .form.purpleFull .formHeader.noPadding
{
	width: 529px;
}
.form.purpleFull .formHeader.noTopPadding
{
	width: 549px;
	padding: 0px 10px 0px 10px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 529px;	
}
html > body .form.purpleFull .formHeader.noTopPadding
{
	width: 529px;
}



.form.purpleFull .formBody
{
	width: 549px;
	padding: 0px 24px 10px 24px;		
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 501px;	
  margin: 0px;			
}
html > body .form.purpleFull .formBody
{
	width: 501px;	
}
.form.purpleFull .formBody.noPadding
{
	width: 549px;
	padding: 22px 10px 15px 10px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 529px;	
}
html > body .form.purpleFull .formBody.noPadding
{
	width: 529px;	
}
.form.purpleFull .formBody.noTopPadding
{
	width: 549px;
	padding: 0px 10px 0px 10px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 529px;	
}
html > body .form.purpleFull .formBody.noTopPadding
{
	width: 529px;	
}
.form.purpleFull .formBody.bottomBorder
{
  background: #6c3f98 url("../images/forms/bdr_purpleLarge_footer_noButton_btm.gif") bottom left no-repeat;
}



.form.purpleFull .formBody label.labelInput
{
	width: 150px;
}
.form.purpleFull .formFooter
{
  background: #6c3f98 url("../images/forms/bg_purpleLarge_footer.gif") 0px 0px repeat-y;
}
.form.purpleFull .formFooter .formFooterBorder
{
  background-image: url("../images/forms/bdr_purpleLarge_footer_top.gif");
}
.form.purpleFull .formFooter .formFooterBorder .formFooterBody
{
  background-image: url("../images/forms/bdr_purpleLarge_footer_btm.gif");
	width: 549px;
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 509px;
	padding-left: 20px;
	padding-right: 20px;	
}

.form.purpleFull .formBody .textInput
{
	width: 230px;
	background-image: url("../images/forms/purple_inputtxt_large.gif");
}
.form.purpleFull .formBody .textInput input
{
  width: 205px !important;
}
.form.purpleFull .formBody .textInput select
{
  width: 218px;
	padding: 1px 0px;
	font-size: 0.69em;		
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #686868;
	border-bottom: 1px solid #c18ef4;
	border-right: 1px solid #c18ef4;	
	color: #666666;
	margin: 2px 0px 0px 2px;	
}
.form.purpleFull .formBody .textInput.small 
{
	width: 129px;
	background-image: url("../images/forms/purple_inputtxt_small.gif");
}
.form.purpleFull .formBody .textInput.small input
{
  width: 100px !important;
}
.form.purpleFull .formBody .textInput.extraLarge 
{
	width: 240px;
	background-image: url("../images/forms/purple_inputtxt_extralarge.gif");
}
.form.purpleFull .formBody .textInput.extraLarge input
{
  width: 219px !important;
}


/* Full screen blue form
*/
.form.blueFull
{
  width: 566px;
	background-color: #0077c1;
	float: left;
}
.form.blueFull .formHeader
{
  background-image: url("../images/forms/bdr_blueWide_top.gif");
	width: 566px;
	padding: 18px 24px 0px 24px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 518px;		
}
html > body .form.blueFull .formHeader
{
	width: 518px;	
}
.form.blueFull .formHeader p
{
  margin: 0px;
	padding: 0px;
	font-size: 0.75em;
	width: 92%;
	color: #ffffff;
}
.form.blueFull .formBody
{
  width: 566px;
}
.form.blueFull .formFooter
{
  background: #0077c1 url("../images/forms/bdr_blueWide_footer.gif") 0px 0px repeat-y;
}
.form.blueFull .formFooter .formFooterBorder
{
  background-image: url("../images/forms/bdr_blueWide_footer_top.gif");
}
.form.blueFull .formFooter .formFooterBorder .formFooterBody
{
  background-image: url("../images/forms/bdr_blueWide_footer_btm.gif");
  width: 566px;
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 546px;
	padding-right: 20px;
}

.form.blueFull .formHeader, .form.greenSmall .formHeader
{
    min-height: 170px;
}

.form.blueFull .formBody, .form.greenSmall .formBody
{
    min-height:240px;
}



/* Small Green form
*/
.form.greenSmall
{
  width: 197px;
	background-color: #4ca831;
	float: left;
	margin-left: 7px;	
}
.form.greenSmall .formHeader
{
  background-image: url("../images/forms/bdr_greenSmall_top.gif");
  width: 197px;
	padding: 18px 20px 0px 20px;	
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 157px;	
}
html > body .form.greenSmall .formHeader
{
	width: 157px;
}
.form.greenSmall .formHeader p
{
  margin: 0px;
	padding: 0px 0px 0px 2px;
	font-size: 0.75em;
	color: #ffffff;
}
.form.greenSmall .formBody
{
  width: 197px;
	height: 214px;
	text-align: center;
}
.form.greenSmall .formBody img
{
  margin-top: 20px;
}
.form.greenSmall .formFooter
{
  background: #4ca831 url("../images/forms/bdr_greenSmall_footer.gif") 0px 0px repeat-y;
}
.form.greenSmall .formFooter .formFooterBorder
{
  background-image: url("../images/forms/bdr_greenSmall_footer_top.gif");
}
.form.greenSmall .formFooter .formFooterBorder .formFooterBody
{
  background-image: url("../images/forms/bdr_greenSmall_footer_btm.gif");
  width: 197px;
  voice-family: "\"}\"";
  voice-family: inherit;
	width: 172px;
	padding-right: 25px;
}




/* Form headings
*/
.formHeader h3.h3ContactUs
{
  width: 224px;
	height: 22px;
	background-image: url("../images/forms/h3_contactus.gif");
}
.formHeader h3.h3EnterDetails
{
  width: 159px;
	height: 22px;
	background-image: url("../images/forms/h3_enteryourdetails.gif");
}
.formHeader h3.h3EnterEmailAddress
{
  width: 224px;
	height: 22px;
	background-image: url("../images/forms/h3_enteryouremail.gif");
}
.formHeader h3.h3SubscribeForWiggly
{
  width: 455px;
	height: 37px;
	background-image: url("../images/forms/h3_subscribeforexciting.gif");
}
.formHeader h3.h3SubscribeLater
{
  width: 145px;
	height: 37px;
	background-image: url("../images/forms/h3_subscribelater.gif");
}
.formHeader h3.h3ConfirmSubscriptionDetails
{
  width: 298px;
	height: 39px;
	background-image: url("../images/forms/h3_confirmyoursubscriptiondetails.gif");
}
.formHeader h3.h3YourPurchaseDetails
{
  width: 194px;
	height: 23px;
	background-image: url("../images/forms/h3_yourpurchasedetails.gif");
}
.formHeader h3.h3ThereWasAnError
{
  width: 194px;
	height: 23px;
	background-image: url("../images/forms/h3_therewasanerror.gif");
}


/* Form Buttons
*/
.formFooterBody a.btnSubmit
{
	background-position: 0px 0px;
	background-repeat: no-repeat;	
  width: 134px; height: 44px; background-image: url("../images/forms/btn_submit.gif");
}
.formFooterBody a.btnSubscribeNow
{
  width: 183px; height: 45px; background-image: url("../images/forms/btn_subscribenow.gif");
}
.formFooterBody a.btnPlayNow
{
  width: 146px; height: 45px; background-image: url("../images/forms/btn_playnow.gif");
}
.formFooterBody a.btnNext
{
  width: 136px; height: 45px; background-image: url("../images/forms/btn_next.gif");
}
.formFooterBody a.btnGoBack
{
  width: 136px; height: 45px; background-image: url("../images/forms/btn_goback.gif");
}
.formFooterBody a.btnCheckCodeLarge
{
  width: 146px; height: 45px; background-image: url("../images/forms/btn_checkcode_lg.gif");
}
.formFooterBody a.btnPayWithCreditCard
{
  width: 223px; height: 44px; background-image: url("../images/forms/btn_paywithcreditcard.gif");
}
.formFooterBody a.btnPayWithPayPal
{
  width: 223px; height: 44px; background-image: url("../images/forms/btn_paywithpaypal.gif");
}
.formFooterBody a.btnConfirmPayment
{
  width: 223px; height: 44px; background-image: url("../images/forms/btn_confirmpayment.gif");
}
.formBody a.btnCheckCode
{
  width: 86px;
	height: 25px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background: #6c3f98 url("../images/forms/btn_checkcode.gif") top left no-repeat;
}
.formBody a.btnCheckCode:hover
{
  background-position: 0px -25px !important;
}
.formBody a.btnCheckCode span
{
  visibility:  hidden;
}


/* General Buttons
*/
a.btnContinue
{
  width: 133px;
	height: 44px;
	display: block;
	text-decoration: none;
	background: #fff url("../images/forms/btn_continue.gif") 0px 0px no-repeat;
}
a.btnContinue span
{
  visibility: hidden;
}
a.btnPurchaseSubscription
{
  width: 277px; height: 44px; background-image: url("../images/forms/btn_purchasesubscription.gif");
}
a.btnViewInvoices
{
  width: 183px; height: 44px; background-image: url("../images/forms/btn_viewinvoice.gif");
}


.buttonDisplay
{
  display: block;
	width: auto;
	height: 100%;
	padding: 8px 0px;
}
.buttonDisplay a
{
  display: block;
	float: left;
	margin-right: 7px;
	overflow: hidden;
	background-position: 0px 0px ;
	text-decoration:none;
	background-repeat: no-repeat;
	text-decoration: none;
}
.buttonDisplay a:hover
{
  background-position: 0px 100% !important;
}
.buttonDisplay a span
{
  visibility: hidden;
}

/* Custom input */
.expirationInput
{  
  display: block;
  width: 200px;
  clear: right;
  float: left;	
}
.expirationInput .textInput.monthInput
{
  width: 95px !important;
 background-image : url("../images/forms/purple_inputtxt_month.gif") !important;  
padding-left: 1px; 
}
.expirationInput .textInput.monthInput select
{
  width: 45px !important;
}
.expirationInput .textInput.yearInput
{
 width: 93px !important;
 padding-left : 1px;   
 background-image : url("../images/forms/purple_inputtxt_year.gif") !important;    
}
.expirationInput .textInput.yearInput select
{
  width: 55px !important;
}
.expirationInput span
{
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    padding-left: 4px;
}

/* Updated background
*/ 
.textInput.cvnInput
{
 background-image : url("../images/forms/purple_inputtxt_month.gif") !important;    
}



/* Generic combo box
*/
.comboBox
{
  width: 165px;
	display: block;
}
.comboBox h4
{
  font-size: 0.75em;
	color: #ff7e30;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 21px;
	font-weight: normal;
  width: 165px;
	background-image: url("../images/forms/bg_comobobox.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;		
	cursor: pointer;
}
.comboBox h4.hoverOver
{
  color: #ed1b2f;
}
.comboBox ul
{
  width: 140px;
  margin: 0px 0px 0px 9px;
	padding: 2px 0px 5px 0px;	
	border-left: 2px solid #ffe597;
	border-right: 2px solid #ffe597;
	border-bottom: 2px solid #ffe597;		
	background-color: #fff;
	display: none;
}
.comboBox li
{
  margin: 0px;
	padding: 1px 0px 1px 10px;
	line-height: 16px;
	list-style: none;		
}
.comboBox li a
{
  font-size: 0.75em;
	color: #ff7e30;
	text-decoration: none;
}
.comboBox li a:hover
{
  color: #ed1b2f;
}



ul.autocomplete_completionListElement
{
  margin: -1px 0px 0px 0px;
	padding: 0px;
	display: block;
	background-color: #fff;
	border-bottom: 2px solid #c18ef4;
	padding: 2px 4px 0px 3px;		
	background-image: url("../images/layout/bg_autocomplete.gif");
	backgrond-repeat: repeat-y;
	background-position: 0px 0px;
	z-index: 500;
}
ul.autocomplete_completionListElement li
{
  margin: 0px;
	padding: 2px 4px 2px 4px;
	list-style: none;
  color:#666666;
	font-size: 11px;		
	width: 202px;
	display: block;
	height: 100%;	
}
.autocomplete_listItem
{

} 
.autocomplete_highlightedListItem
{
  background-color: #d2bbe9;
	cursor: pointer;
	color: #ffffff;
	width: 209px !important	
}
.grey 
{
    color:#777 ! important;
}