/** 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.90em;
    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("http://www.wiggletime.com/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;
}
.purpleFull.wide
{
   
    width: 758px;
    margin-bottom:20px;
}
.form.purpleFull.wide .formHeader
{
    width: 758px;
    background-image: url(../images/forms/bdr_purpleWide_top_full.gif);
}
.form.purpleFull.wide .formBody
{
    padding-left: 125px;
}

.form.purpleFull.wide .formFooter .formFooterBorder
{
    background-image: url(../images/forms/bdr_purpleWide_footer_top_full.gif);
}
.form.purpleFull.wide .formFooter .formFooterBorder .formFooterBody
{
    width: 270px;
    padding-bottom:6px;
    background-image: url(../images/forms/bdr_purpleWide_footer_btm_full.gif);
}

.form.purpleFull.wide .formFooter
{
    width: 758px;
    background-image: url(../images/forms/bdr_purpleWide_footer_base_full.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
}

.form.purpleFull .upload input
{
    width:222px;
    color: #ffffff;
}
.form.purpleFull .checkbox 
{
    padding-left:160px;
}
.form.purpleFull.wide .formHeader
{
    padding: 0px;
}
.form.purpleFull.wide .formFooter p
{
    color:#DBCFE5;
    float: left;
    width: 350px;
    padding-left:20px;
}

.form.purpleFull.wide .formFooter .formFooterBackground
{
    float:right;
    margin-right:20px;
    margin-top:70px;
    background-image: url(../images/forms/bdr_purpleWide_footer.gif);
}

/* custom radios */
.form.purpleFull.wide div.formBody .radio-on 
{
    background:transparent url(../Images/forms/radio-on.gif) no-repeat 0px 0px;
    width:18px;
    height:18px;
}
.form.purpleFull.wide div.formBody .radio-off
{
    background:transparent url(../Images/forms/radio-off.gif) no-repeat 0px 0px;
    width:18px;
    height:18px;
}

/* 5th wiggle */
.form.purpleFull.wide div.formBody.fifthWiggle
{    
    margin-left:20px;
    padding:0;
    width:720px;
    padding-top: 24px;   
}

.form.purpleFull.wide div.formFooter.fifthWiggle .formFooterBackground
{
    margin:0px 0px 24px 0px;
} 
.form.purpleFull.wide div.formBody.fifthWiggle.details 
{    
    margin-left: 20px;
    position:relative;
    padding-left: 330px;
    background: transparent url(../images/forms/fifth-wiggle-steps.gif) no-repeat 0 0;
}    
.form.purpleFull.wide div.formBody.fifthWiggle .checkbox label 
{
    font-size:10px;
    display:block;
    width:140px;
    float:left;
}
.form.purpleFull.wide div.formBody.fifthWiggle .checkbox
{
    margin-top:10px;
}
.form.purpleFull.wide div.formBody.fifthWiggle .checkbox input 
{
    display:block;
    width:20px;
    float:left;
}
.form.purpleFull.wide div.formBody.fifthWiggle.desc p
{
    color:#DBCFE5;    
    width:380px;
    font-size:10px;
}
.form.purpleFull.wide div.formBody.fifthWiggle p
{
    color:White;
    font-size:12px;
}
.form.purpleFull.wide div.formBody.fifthWiggle.songs ol 
{
    margin:0;
    padding:0;
}
.form.purpleFull.wide div.formBody.fifthWiggle.songs li
{
    padding: 1px 0px 7px 25px;
    margin:0;
    width:600px;
    list-style-position: inside;
    color:White;
    font-weight:bold;
    position:relative;
}
.form.purpleFull.wide div.formBody.fifthWiggle.songs li a
{
    color:#d1a2fe;
    font-weight:bold;
}
.form.purpleFull.wide div.formBody.fifthWiggle.songs .radio-off,
.form.purpleFull.wide div.formBody.fifthWiggle.songs .radio-on
{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
}

.form.purpleFull.wide div.formBody.fifthWiggle.toppings ul 
{
    padding:0;
    margin:0;
}
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li 
{
    height:135px;
    width:135px;  
    float:left;
    display:block;
    margin-right:11px;
}
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li.last 
{
    margin-right:0px;
}
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li a.box
{
    height:100%;
    width:100%;  
    display:block;
    position:relative;
}
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li a.box.off
{
    background:transparent url(../Images/forms/purple-box-off.gif) no-repeat 0px 0px;
}
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li a.box.on
{
    background:transparent url(../Images/forms/purple-box-on.gif) no-repeat 0px 0px;
}
/*.form.purpleFull.wide div.formBody.fifthWiggle.toppings li a.box.off:hover 
{
    background:transparent url(../Images/forms/purple-box-on.gif) no-repeat 0px 0px;
}*/
.form.purpleFull.wide div.formBody.fifthWiggle.toppings li img 
{
    border:0;
    width:108px;
    height:108px;
    position:absolute;
    top:13px;
    left:13px;
}


.form.purpleFull .formBody.fifthWiggle .arrow 
{
    width:148px;
    height:102px;
    background:transparent url(../Images/forms/purchase-arrow.png) no-repeat 0px 0px;
    z-index:20;
    position:absolute;
    top:190px;
}
.form.purpleFull.wide div.formBody h4.step-4 
{
    background:transparent url(../Images/forms/h4_step-4.gif) no-repeat 0px 0px;
    width:45px;
    height:22px;
}
.form.purpleFull.wide div.formBody h4.step-5 
{
    background:transparent url(../Images/forms/h4_step-5.gif) no-repeat 0px 0px;
    width:45px;
    height:22px;
}

.form .formFooter.fifthWiggle .formFooterBorder .formFooterBody a
{
    margin-left:65px;
}

/* Custom upload 
.customfile {
    -moz-border-radius:7px 7px 7px 7px;
    background:none repeat scroll 0 0 #666666;
    border:1px solid #444444;
    cursor:pointer;
    overflow:hidden;
    padding:2px;
    position:relative;
    width:400px;
}
.customfile-button {
    -moz-border-radius:5px 5px 5px 5px;
    background:url("http://www.wiggletime.com/images/bg-submit.gif") repeat-x scroll center bottom #333333;
    border:1px solid #999999;
    color:#FFFFFF;
    float:right;
    font-size:1.2em;
    font-weight:bold;
    padding:0.3em 0.6em;
    text-align:center;
    text-decoration:none;
    width:50px;
}
.customfile-feedback {
    color:#FFFFFF;
    display:block;
    font-size:1.2em;
    font-style:italic;
    margin:1px 1px 1px 5px;
    padding:0.3em 0.6em;
}
.customfile-input {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    cursor:pointer;
    height:100px;
    opacity:0;
    position:absolute;
    z-index:999;
}*/


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */