/* @override http://ghir-dark.smithbrosagency.com/css/form.css */

/* @group Forms */
label       { font-weight: bold; }
fieldset    { padding: 0; margin: 0; border: none; }
legend      { font-weight: bold; font-size: 12px; }

form#createflavor { 
    width: 850px;
    position: relative;
    overflow: hidden; 
	margin: 0 auto; }

body#subpage.voting.thank-you form#createflavor { 
    width: 550px;
    position: relative;
    overflow: hidden; 
	margin: 0 auto; }
    
form#sendtofriend { 
    overflow: hidden; 
    background: url(../images/shared/rule-small-red.gif) no-repeat left top; 
    padding-top: 25px; 
    margin-top: 30px; }

fieldset.left { 
    width: 215px;
    float: left; 
    margin-right: 50px; }
    
form#sendtofriend fieldset.left { 
    width: 215px;
    float: left;
    overflow: hidden; 
    margin-right: 0; 
    margin-top: 10px; }

fieldset.right { 
    width: 245px;
    float: left; }

form#sendtofriend fieldset.right { 
    width: 215px;
    float: right;
    overflow: hidden; 
    margin-top: 10px; } 
    
form#createflavor h3 { 
    clear: both;
    display: block;
    width: 850px; 
    padding-top: 25px; }
    
#createflavor input.text,
form#sendtofriend input.text,
form#email-reminder input.text,
form#find-flavor input.text { 
    width: 200px;
    padding: 3px 0 3px 5px;
    background-color: #1b0906;
    border: 1px solid #5f4124; 
    font: 12px Times, Georgia, "Times New Roman", serif; 
    color: #e9b47c; 
	height: 13px; }
    
form#email-reminder input.text { 
    width: 213px; }
    
form#find-flavor input.text { 
    width: 125px; }

.notification { 
    border: 1px solid #7b120d !important;  }
    
#createflavor textarea { 
    width: 235px;
    height: 75px;
    padding: 2px 0 2px 5px;
    background-color: #1b0906;
    border: 1px solid #5f4124; 
    font: 11px Verdana, "Lucida Grande", Lucida, sans-serif; 
    color: #e9b47c; }
    
#createflavor div,
#createflavor fieldset div,
form#sendtofriend div,
form#email-reminder div { 
    overflow: hidden;
    position: relative; 
    margin-bottom: 15px;  } 
    
   #createflavor div { 
	margin: 0; }
    
div.flavor-name-status,
div.flavor-inspiration-status { 
    font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; 
    color: #e9ba90; 
    margin-top: 3px; }

input#zip.text { 
    width: 85px; }
    
#createflavor input.error,
#createflavor textarea.error,
#createflavor select.error {border-color: #450c03 !important;}
#pagree.error {color: #450c03 !important;}
    
div.selector select {
	background-color: #1b0906 !important; 
	color: #e9b47c !important;
	font-size: 11px !important;  }
    
    /* Headlines */
    #createflavor div label,
    form#sendtofriend div label,
    form#email-reminder div label { 
        display: block;
        width: 215px; 
        height: 10px;
        overflow: hidden;
        text-indent: -123456px; 
        background: url(../images/titles/h-form-titles.gif) no-repeat 0 0; 
        padding-bottom: 4px; }
        
    form#find-flavor #find-flavor-container label { 
        overflow: hidden;
        text-indent: -123456px;
        display: block;
        float: left;
        width: 90px;
        height: 10px;
        background: url(../images/titles/h-form-titles.gif) no-repeat 0 -496px; 
        margin-top: 7px; 
    margin-right: 5px; }
    
    #createflavor #cocao-amount-container label { background-position: 0 0; }   
    #createflavor #ingredients-container label { background-position: 0 -31px; }    
    #createflavor #flavor-name-container label { background-position: 0 -62px; }
    #createflavor #flavor-container label { background-position: 0 -93px; }
    #createflavor #first-name-container label { background-position: 0 -124px; }
    #createflavor #email-address-container label { background-position: 0 -155px; } 
    #createflavor #city-container label { background-position: 0 -186px; }  
    #createflavor #zip-container label { background-position: 0 -217px; }
    #createflavor #last-name-container label { background-position: 0 -248px; }
    #createflavor #confirm-email-container label { background-position: 0 -279px; }
    #createflavor #state-container label { background-position: 0 -310px; }
    #createflavor #birth-container label { background-position: 0 -341px; }
    #sendtofriend .friends-first-name label { background-position: 0 -372px; }
    #sendtofriend .friends-email label { background-position: 0 -403px; }
    #email-reminder #email-name-container label { background-position: 0 -434px; }
    #email-reminder #email-email-container label { background-position: 0 -465px; }

    /* Specific Fields formatting */
    #cocao-amount-container { 
    margin-bottom: 10px !important; 
    height: 60px; }
    
    #cocao-amount-container p { 
        width: 35px;
        float: left; 
        margin: 6px 0 0; 
	padding-right: 10px; }
    #cocao-amount-container.error p { color: #5f4124 !important;}

    #cocao-amount-container p div { 
        width: 18px;
        text-align: center;
        display: block; 
        margin: 4px 11px 0 2px; }
        
    input#ingredients.text { 
        width: 175px; }
    
    #ingredients-container button { 
        position: absolute;
        right: 2px;
        top: 16px;
        width: 32px;
        height: 21px;
        border: none;
        text-indent: -123456px; 
        background: url(../images/shared/btn-add.jpg) no-repeat left top; }
        
    #ingredients-container span { 
        display: block; 
        margin-top: 8px; 
        margin-left: 20px; 
        color: #e9ba90; 
        font: 10px Verdana, "Lucida Grande", Lucida, sans-serif; }
        
    #ingredients-container ol { 
        margin: 5px 0 0 40px; 
        font-size: 11px; 
        color: #e9ba90; 
        line-height: 17px; }
        
    span.required-fields-bottom { 
        font-size: 12px; 
        font-weight: normal; 
        font-style: normal; 
        padding-left: 5px; }
        
    fieldset.agreement p { 
        width: 250px; 
        padding-left: 20px; 
        margin-bottom: 20px; 
        font: 10px/14px Verdana, "Lucida Grande", Lucida, sans-serif; 
        color: #e9ba90; }
        
    fieldset.agreement p input { 
        margin-left: -17px;
        position: relative; 
        top: 0; }
        
    #createflavor a#flavor-preview { 
        width: 89px;
        height: 24px;
        display: block;
        float: left;
        overflow: hidden;
        text-indent: -123456px; 
        border: none;
        background: url(../images/shared/btn-preview.gif) no-repeat 0 0; 
        margin: 15px 20px 0 0;
        cursor: pointer; }

    #createflavor input#submit { 
        width: 80px;
        height: 24px;
        padding-top: 22px;
        text-indent: -123456px !important; 
        border: none;
        background: url(../images/shared/btn-submit.gif) no-repeat left top;
        cursor: pointer; 
        margin-top: 30px;
        display: block; }
        
     form>#submit { /* For non-IE browsers*/
        height: 0px; }
        
        
    form#sendtofriend #btnsendtofriend { 
        width: 160px;
        height: 24px;
        margin: 15px 0 0;
        padding: 24px 0 0;
        border: none;
        display: block;
        text-indent: -123456px;
        overflow: hidden;
        cursor: pointer; 
        background: transparent url(../images/shared/btn-send-to-friend.gif) no-repeat left top; }
        
    #flavor-name-container { 
        height: 60px; }
        
    /* Email Reminder */
    form#email-reminder { 
    padding-top: 15px; 
    padding-left: 0;
    width: 220px; }
    
    div#email-reminder-container { 
        position: absolute;
        top: -28px;
        left: 50px;
        width: 221px;
        height: 297px;
        z-index: 9999; 
        background: transparent url(../images/shared/background-email-reminder-popup.gif) no-repeat left top; 
        padding: 10px 40px 0 65px; 
        line-height: 16px; }

	#homepage div#email-reminder-container { 
        top: 207px;
        left: 220px;
        visibility: hidden; }
        
     
        
    div#email-reminder-container h3 { 
        width: 185px; 
        height: 14px;
        overflow: hidden;
        text-indent: -123456px; 
        background: url(../images/titles/h-email-reminder.gif) no-repeat -1px top; 
        margin: 30px 0 0; 
    	padding-bottom: 12px; }
    
    form#email-reminder button#btn-close { 
        position: absolute;
        right: 14px;
        top: 14px;
        width: 49px;
        height: 12px;
        text-indent: -123456px;
        overflow: hidden; 
        border: none;
        background: transparent url(../images/titles/h-close.gif);
        cursor: pointer;
        outline: none; }
        
    button:focus { 
		outline: none; }
        
    form#email-reminder button#btn-cancel { 
        position: absolute;
        top: 251px;
        left: 74px;
        width: 39px;
        height: 21px;
        text-indent: -123456px;
        overflow: hidden; 
        border: none;
        cursor: pointer; 
        background: url(../images/shared/btn-cancel.gif) no-repeat; }

    form#email-reminder button#btn-remind-me { 
        position: absolute;
        top: 248px;
        left: 138px;
        width: 109px;
        height: 24px;
        text-indent: -123456px;
        overflow: hidden; 
        border: none;
        cursor: pointer; 
        background: url(../images/shared/btn-remind-me.gif) no-repeat; }
        
    /* Find Your Flavor */
    form#find-flavor { 
        position: relative; 
    padding-top: 15px; }
    
    p#no-flavor-response { 
	margin-top: 50px; 
	color: #e9ba90; 
	font-size: 18px; 
	font-style: italic; }
    
    button#btn-find-flavor { 
        width: 39px;
        height: 21px;
        display: block;
        overflow: hidden;
        position: absolute;
        right: 325px;
        top: 17px;
        text-indent: -123456px;
        border: none; 
        background: url(../images/shared/btn-find.gif) no-repeat; }
    
div#captcha {margin: 0px;}
div#captcha div {margin: 0px; display:  block;}

#ingredient-list li {padding: 0px; margin: 0px; padding-bottom: 5px;}
/* @end */