﻿/* - Custom Inputs - */
    span.checkbox,
    span.radio{display:block; height:15px; width:15px; float:left;}
    span.checkbox{background-image:url(images/bg-checkBox.gif);}
    span.radio{background-image:url(images/bg-radioButton.gif);}
    input.styled{float:left; margin-top:-17px; height:15px; width:15px;}
    span.select{display:block; height:28px; float:left; line-height:28px; padding-right:39px; text-align:right;}
    select.styled{height:28px; float:left; margin-top:-28px;}


/* - Shared Styles - */
    fieldset ul{list-style:none; color:#606060;}
    fieldset li{float:left; padding-bottom:7px;}    
    fieldset label{float:left; text-align:right; color:#000;}
    fieldset input.text{float:left; border:0; background:url(images/bg-regInput.gif) no-repeat top left; color:#606060; padding:6px 0 0 6px; height:22px;}
    div.controls{text-align:right; padding:0 20px 20px 0;}


/* - Step One - */
    /* - Basics - */
        #stepOne fieldset.basics{padding:20px 0 13px 20px;}
        *html #stepOne fieldset.basics{position:absolute; height:280px; width:533px;}
        #stepOne fieldset.basics p{line-height:28px}
        #stepOne fieldset.basics li{height:28px; margin-right:16px;}
        #stepOne fieldset.basics li.state{margin-right:15px;}
        
        #stepOne fieldset.basics label{width:107px; padding-right:7px; line-height:28px; color:#033665;}
        
        #stepOne fieldset.basics label span{color:#f00;}
        #stepOne fieldset li.col2{width:250px;}
        *html #stepOne fieldset li.col2{width:240px;}
        #stepOne fieldset.basics li.col2 input{width:130px;}
        *html #stepOne fieldset.basics li.col2 input{width:110px;}
        #stepOne fieldset.basics li.col1 input{width:397px;}
        #stepOne fieldset.basics li.password{margin-right:11px;}
        #stepOne fieldset.basics li.confirmation{width:256px;}
        #stepOne fieldset.basics li.state label{width:40px;}
        #stepOne fieldset.basics li.zip label{width:23px;}   
        #stepOne fieldset.basics li.age span.select{width:97px; background:url(images/bg-selectAge.gif) no-repeat top left;}
        *html #stepOne fieldset.basics li.age span.select{width:97px;}
        #stepOne fieldset.basics li.age select.styled{width:136px; margin-left:110px;}
        #stepOne fieldset.basics li.state span.select{width:29px; background:url(images/bg-selectState.gif) no-repeat top left;}         
        #stepOne fieldset.basics li.state select.styled{width:68px; margin:0 0 0 -68px;}
        #stepOne fieldset.basics li.zip{margin-right:0;}
        #stepOne fieldset.basics li.zip input{width:80px;}
        #stepOne fieldset.basics li input#phoneArea,
        #stepOne fieldset.basics li input#phoneOne{margin-right:7px; width:34px;}
        #stepOne fieldset.basics li input#phoneTwo{width:36px;}
        *html #stepOne fieldset.basics li.phone{width:300px;}
    /* - Subscriptions - */
        #stepOne fieldset.subscriptions{margin:16px 20px 13px 20px; border-bottom:1px solid #ced0cf;}
        *html #stepOne fieldset.subscriptions{width:513px;}
        #stepOne fieldset.hear{border-bottom:none;}
        #stepOne fieldset.subscriptions p.title{color:#073b63;margin-bottom:10px;}
        #stepOne fieldset.subscriptions ul{margin-left:100px; padding-bottom:5px; float:left;}
        *html #stepOne fieldset.subscriptions ul{margin-left:50px;}
        #stepOne fieldset.subscriptions ul li{height:15px;}
        #stepOne fieldset.subscriptions ul li ul{margin-left:0;}
        #stepOne fieldset.subscriptions ul li ul li{width:78px;}
        #stepOne fieldset.subscriptions ul li.col2{width:206px}
        #stepOne fieldset.subscriptions ul li label{height:15px; line-height:15px; padding-left:5px; margin-top:-3px;}
        #stepOne fieldset.subscriptions ul li p{color:#000; width:206px; float:left;}
        #stepOne fieldset.subscriptions ul li.trimmerType{height:28px;}
        #stepOne fieldset.subscriptions ul li.trimmerType p{line-height:28px;}
        #stepOne fieldset.subscriptions ul li.trimmerType span.select{background:url(images/bg-selectProduct.gif) no-repeat top left; width:103px;}
        #stepOne fieldset.subscriptions ul li.trimmerType select.styled{width:142px;}
        #stepOne fieldset.subscriptions ul li.trimmerBuying{height:36px;}
    /* - Join the contest - */
        #stepOne fieldset.joinContest{margin:16px 20px 13px 20px;}
        #stepOne fieldset.joinContest p{color:#073b63;margin-bottom:10px;}
        #stepOne fieldset.joinContest ul{float:left; width:413px; padding-left:22px;}
        #stepOne fieldset.joinContest ul li{clear:left; width:100%;}
        #stepOne fieldset.joinContest ul li label{padding-left:5px; text-align:left; width:380px; margin-top:-2px;}
        #stepOne fieldset.joinContest p.learnMore{color:#000; float:left; padding:10px 0 0 44px;}
        
        
/* - Step Two - */
        #stepTwo fieldset ul{float:left; clear:left; width:100%;}
    /* - Upload - */
        #stepTwo fieldset.upload{margin:20px;}
        #stepTwo fieldset.upload ul{width:160px;}
        #stepTwo fieldset.upload ul li{padding:0 20px 6px 0; color:#000;}
        #stepTwo fieldset.upload ul li input{padding:0;}
        #stepTwo fieldset.upload img{display:block; margin-bottom:10px;}
        #stepTwo fieldset.upload p{float:left; width:350px}
    /* - Category - */
        #stepTwo fieldset.category{margin:20px;}
        #stepTwo fieldset.category ul{width:160px;}
        #stepTwo fieldset.category ul li{height:15px; width:160px;}
        #stepTwo fieldset.category ul li label{line-height:15px; height:15px; padding-left:5px; margin-top:-3px;}
        #stepTwo fieldset.category p{float:left; width:353px;}
    /* - Invite - */
        #stepTwo fieldset.invite{margin:20px;}
        #stepTwo fieldset.invite p{color:#073b63;margin-bottom:10px; float:left; clear:left; width:100%;}
        #stepTwo fieldset.invite textarea{border:0; padding:6px; height:116px; width:501px; background:url(images/bg-textArea.gif) no-repeat top left; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0 0 11px 0; color:#606060; float:left; clear:left;}
        *html #stepTwo fieldset.invite textarea{margin-left:-20px;}
        *+html #stepTwo fieldset.invite textarea{margin-left:-20px;}
        #stepTwo fieldset.invite textarea.last{margin-bottom:0;}
        *html #stepTwo fieldset.invite textarea.last{position:absolute; margin-left:0px;}
        *html div.controls{padding-top:130px;}
        #stepTwo fieldset.invite ul li.selectAddress{width:100%; float:none;}
        #stepTwo fieldset.invite ul li.selectAddress span.select{background:url(images/bg-selectAddress.gif) no-repeat top left; width:81px; float:none;}
        #stepTwo fieldset.invite ul li.selectAddress select.styled{width:120px;}
        #stepTwo fieldset.invite ul li label{float:left; line-height:28px;color:#073b63; margin-right:7px;}
        #stepTwo fieldset.invite ul li input.text {float:left; margin-right:14px; width:111px;}
        #stepTwo fieldset.invite ul li.image{margin-top:-6px; height:34px;}
        #stepTwo fieldset.invite p#friendControls{float:left; width:100%; margin-bottom:15px;}
        #stepTwo fieldset.invite div.friendSelect{float:left; clear:left; width:512px; margin-bottom:8px;}
        #stepTwo div#contactsTop{background:url(images/bg-contactTop.gif) no-repeat top left;}
        #stepTwo div#contactsList{background:url(images/bg-contact.gif) repeat-y top left;}
        #stepTwo div#contactsTop ul{padding:20px 20px 5px 20px;}
        #stepTwo div#contactsTop p{color:#000; padding:16px 19px 6px 19px;}
        #stepTwo fieldset.invite div.friendSelect ul li{height:15px; width:236px;}
        #stepTwo fieldset.invite div.friendSelect ul li span.checkbox{height:15px; margin-right:7px;}
        #stepTwo fieldset.invite div.friendSelect ul li label{height:15px; line-height:15px; color:#575757; margin-right:0; width:214px; text-align:left; margin-top:-2px;}
    /* - Agreement - */
        #stepTwo div#agreement{padding:20px 0 10px 0; float:left;}
        #stepTwo div#agreement span{margin:2px 10px 0 0;}
        #stepTwo div#agreement p{color:#000; clear:none; width:488px;}
        #stepTwo div#agreement p.last{padding-left:25px;}
        
/* - Voting Blocks - */
    div.vote fieldset input.text{width:92px; margin-right:10px; background-image:url(images/bg-voteInput.gif) !important;}
    div.vote fieldset input.image{margin-top:-2px;}
    
/* - Contact - */
    #contentBuffer.contact fieldset textarea{border:0; padding:6px; height:116px; width:481px; background:url(images/bg-textArea.gif) no-repeat top left; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin:0 0 11px 0; color:#606060; float:left; clear:left;}
    #contentBuffer.contact fieldset ul li{float:left; clear:left; width:300px}
    #contentBuffer.contact fieldset ul li label{float:left; line-height:28px;color:#073b63; margin-right:7px; width:93px; text-align:right;}
    #contentBuffer.contact fieldset ul li label span{color:#f00;}
    #contentBuffer.contact fieldset ul li.longer{width:100%;}
    #contentBuffer.contact fieldset ul li.longer label{width:100%; text-align:left;}
    #contentBuffer.contact fieldset ul li.longer textarea{width:381px; margin-left:100px;}
    #contentBuffer.contact div.controls{padding:0 0 17px 0; border-bottom:1px solid #ced0cf; margin-bottom:20px;}
    #contentBuffer.contact address.contactAddress{float:left; width:176px; margin-bottom:0;}
    #contentBuffer.contact address.contactAddress.second{width:250px;}
    
/* - Password Recovery - */
    #passwordRecovery p{padding:20px 20px 0 20px; margin-bottom:0;}
    #passwordRecovery fieldset{padding:20px 0 0 0;}
    #passwordRecovery fieldset label{width:93px; padding-right:7px; line-height:28px; color:#033665;}
    #passwordRecovery fieldset li#message{clear:left; padding-left:100px;}