/* Global Form Settings */
/*INPUT.FormInput {width:150px;font-size:10px;height:12px;}
DIV.errorMessage {color:Red;}
DIV.FormLabel {clear:left;width:90px;float:left;margin-bottom:5px;}
DIV.FormLabelLong {clear:left;width:160px;float:left;margin-bottom:5px;}
DIV.FormLabelExLong {clear:left;width:200px;float:left;margin-bottom:5px;}
DIV.FormLabelFull {clear:left;width:100%;margin-bottom:5px;}
.bold {font-weight:bold;)
DIV.FormField {width:auto;margin-bottom:5px;}
SELECT.RecipeFormSelect {width:150px;font-size:10px;}
INPUT.secondaryAction { color: #999; display: inline; }
INPUT.secondaryAction:hover { color: black; }*/

/**************************************************************************
    Author: Brandon Sander 
    Date Created: 12/03/2007 
    Modified by:
    Date Modified: 
**************************************************************************/

/**************************************************************************
                                !IMPORTANT

                 DO NOT MAKE CHANGES TO ANY EXISTING STYLES

    ***********************************************************************
                                !IMPORTANT

                            HOW TO MAKE CHANGES

                              **RECOMMENDED**
                          CREATE NEW CSS OUTSIDE 
                            OF THE FORMS THEME
                                    
                            **NOT RECOMMENDED**
                        ADD ADDITIONAL CLASSES WHERE 
                            SPECIFIED BELOW ONLY

**************************************************************************/

/**************************************************************************
    FORM
**************************************************************************/
.formwrapper { margin: 0px 0px; width: auto; }

.formwrapper .preLabel, .formwrapper .preLabelLong, .formwrapper .preLabelExLong { text-align: left; color: #fff; }
.formwrapper .preLabelAlt { text-align: right; color: #fff; } /* Used to align form text to the left */
.formwrapper em, .formwrapper .preLabel em, .formwrapper .preLabelAlt em, .formwrapper .preLabelLong em, .formwrapper .preLabelExLong em {color:#fff;padding:0 5px;}
.formwrapper em.notreq, .formwrapper .preLabel em.notreq, .formwrapper .preLabelAlt em.notreq, .formwrapper .preLabelLong em.notreq, .formwrapper .preLabelExLong em.notreq {color:#000;visibility:hidden;padding:0 5px;}
.formwrapper label.preLabel, .formwrapper label.preLabelAlt, .formwrapper .label { float: left; width: 110px; padding-right: 10px; }
.formwrapper label.preLabelLong {float: left; width: 130px; padding-right: 10px;}
.formwrapper label.preLabelExLong {float: left; width: 180px; padding-right: 10px;}

.formwrapper .oneField { margin: 6px 0px 6px 0px; display: block; }
.formwrapper .postField { font-weight: normal; }
.formwrapper label.postLabel { margin-left: 4px; margin-right: 4px; }
.formwrapper .field {float:left;}
.formwrapper .postFieldItem { width: 200px; margin-left: 160px; float: left; margin-top: -15px; }

.formwrapper .oneChoice { white-space: nowrap; margin: 5px 2px; }
.formwrapper .oneChoice input, .formwrapper .actions input { width: auto; }
.formwrapper .radio { display: block; width: auto;}
.formwrapper .inline { width: auto !important; }

.formwrapper textarea { padding: 0; vertical-align: top; margin: 2px 0 1px 0; }
.formwrapper select { padding: 0; margin: 2px 0 1px 0; }
.formwrapper input, .formwrapper textarea, .formwrapper .width { width: 190px; } 
.formwrapper .select { width: 195px; } 

.formwrapper .checkbox input { width: auto; margin: 0px; }
.formwrapper .alignelement {display:inline;}

.formwrapper .radio input {width: auto !important;margin: 0px 5px; display: inline; vertical-align: middle;}
.formwrapper .blockradio, .formwrapper .blockradios { margin: 15px 0px; display: block; vertical-align: middle; }
.formwrapper .blockradio label, .formwrapper .blockradios label { vertical-align: middle; width: auto !important; float: none !important; display: inline !important; font-weight: normal !important; }
.formwrapper .blockradio .oneChoice, .formwrapper .blockradios .oneChoice { vertical-align: middle; float: none; width: auto !important; padding: 0px 0px; font-weight: normal !important; }
.formwrapper .blockradio input { width: auto !important; margin: 7px 0px 4px 7px; vertical-align: middle; }

.formwrapper .actions { padding-top: 15px; margin-left: 140px; clear: right; }
.formwrapper .primaryAction { display: inline; }
.formwrapper .secondaryAction { color: #999; display: inline; }
.formwrapper .secondaryAction:hover { color: black; }

.formwrapper .errFld { border: 1px solid #F00; }
.formwrapper .errMsg  { color: #CC3333 !important; display: block; margin-left: 140px; }


/**************************************************************************
    MARKETING
**************************************************************************/
.formwrapper .marketing {margin-bottom:8px;}
.formwrapper .marketing {width:auto;}
.formwrapper .marketing LABEL, .marketing INPUT {width:auto;}
.formwrapper .marketing LABEL {font-weight:normal;}


/**************************************************************************
    DATE OF BIRTH USER CONTROL
**************************************************************************/
.formwrapper .month {width:65px;}
.formwrapper .day {width:65px;}
.formwrapper .year {width:65px;}
.formwrapper .why {font-size:10px;}


/**************************************************************************
    MISC
**************************************************************************/
.formwrapper em.req {color:Black;}
.error {color:Red;}
.validation-summary-errors {color:Yellow;font-weight:bold;}
.validation-summary-errors li {color:White;font-weight:normal;}
ul.validation-summary-errors {margin-bottom:20px;}
ul.validation-summary-errors li {padding-left:15px;}
span.field-validation-error {color:Yellow;font-weight:bold;}
br.clear {clear:both;}
.formwrapper .clearwidth {width: auto !important;}


/**************************************************************************
                                !IMPORTANT

                        ^DO NOT MODIFY STYLES ABOVE^

    ***********************************************************************
                                !IMPORTANT

             NEW STYLES CAN BE ADDED BELOW BUT DO NOT MODIFY ANY 
                 EXISTING STYLES ON THIS PAGE ABOVE OR BELOW

**************************************************************************/


/**************************************************************************
    ENTER NEW STYLES BELOW  -->
**************************************************************************/

.formwrapper .validator {} /* Do not remove but you may edit */
.formwrapper label.preLabelxLong {float: left; width: 160px; padding-right: 10px;}

.formwrapper label, .formwrapper span, .formwrapper input, .formwrapper select {font-family:Arial,Verdana,sans-serif;font-size:12px;}