﻿/* 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;font-size:12px; }

.formwrapper .preLabel, .formwrapper .preLabelLong, .formwrapper .preLabelExLong { text-align: left; color: #000; }
.formwrapper .preLabelAlt { text-align: right; color: #000; } /* Used to align form text to the left */
.formwrapper em, .formwrapper .preLabel em, .formwrapper .preLabelAlt em, .formwrapper .preLabelLong em, .formwrapper .preLabelExLong em {color:Red;}
.formwrapper em.notreq, .formwrapper .preLabel em.notreq, .formwrapper .preLabelAlt em.notreq, .formwrapper .preLabelLong em.notreq, .formwrapper .preLabelExLong em.notreq {color:White;visibility:hidden;}
.formwrapper label.preLabel, .formwrapper label.preLabelAlt, .formwrapper .label { float: left; width: 105px; 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: 2px 0px 2px 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;}
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:14px;}


/****************************************************************************
    GENERIC FORMS -->
****************************************************************************/
.stronglabel label { font-weight: bold; }

.fontfami { font-family: Arial;
    font-size: 12px !important; 
    margin: 0;
    padding: 0;
    line-height: normal !important;    
     }

.headerform h2, #loginright h2{
	/*padding-bottom:10px;*/
	font-size: 16px !important;
	font-weight:bold;
}
.headerform h3{
	/*padding-bottom:10px;*/
	font-size: 14px;
	font-weight:bold;
}
.centralform li{
	margin-bottom:10px;
}
/*decorations*/
.drafted{
	background-color: #F2F2F2;
}
.strong{
	font-weight: bold;
}
.paintred{
	color:#F00;
}
.borderdashed{
	border:1px dashed #000;
	overflow:auto;
}
.newsdescription{
	width: 450px;
}
.viewarchive{
	width:175px;
}
.publicity{
	height:120px;
}
/*position*/
.margintop{
	margin-top:15px !important;
}
.margintoplarge{
	margin-top:50px;
}
.paddingform{
	padding: 10px 10px;
}
.paddingclass{
	padding:10px;
}
.alignleft{
	position:relative;
	float: left;
}
.aligncenter{
	text-align: center;
	margin:0 auto;
}
.clear{
	clear: both;
}
.marginleft{
	margin-left: 18px;
	
}
/*CENTRAL FORM*/
.centralform{
	width: 670px;
	margin: 5px;
	background-color: #FFF;
	min-height:820px;
}
.textboxwidth input{
	width: 295px;
}
.singinbtn
{
    width:150px !important;
}
.largetextbox input{
	height: 21px;
	width: 400px;
}
.labelform{
	display: inline-block;
	width:115px;
	padding: 8px;
}
.spaceform{
	display: inline-block;
	width:115px;
	height: 12px;
	padding: 8px;
}
.centralform .button{
	height: 25px;
	width: 90px;
	font-weight: bold;
}
label.error { 
	display: block;
	margin-left: 135px;
	color:#F00;
}
.labelitems label.error
{
	color: red;
	display: list-item;
	list-style: none outside none;
	position: relative;
	top: 0;
	width: auto;
}

.haveAccount {
	float: right;
	position: relative;
	right: 44px;
	top: 8px;
}

/*register*/
.selectstate{
	width: 82;
}
.selectzip{
	padding:13px;
}
.selectbirth{
	margin-right:5px;
	width: 82;
}
/*RIGHT FORM*/
.rightform{
	width: 190px;
	margin: 0 0px;
	background-color: #FFF;
}
.buttonbig{
	height: 38px;
	width: 152px;
	font-size: 20px;
}
.labelformright{
	display: inline-block;
	width:70px;
	padding-top: 15px;
}
.textboxright{
	width: 100px !important;
	
}
.spaceformright{
	display: inline-block;
	width:55px;
	height: 12px;
	padding: 8px;
}
.dbltext{
	display:inline-table;
	width:109px;
}
.buttonright{
	height: 24px;
	width: 80px;
	font-weight:bold;
}
#errorZip.error {
	display: inline;
	margin-left: 10px;
}
#errorFormRight  {
	margin-left: 75px;
}
.newssingup{
	margin-top: 12px;
}
.marginright{
	margin-right: 40px;
}
	
/*RODRIGO*/
.specialMargTop{
	margin-top:130px;	
}
.specialWidth{
	width:165px !important;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.footLink{
	margin-top:9px;
	padding-right:19px;
}
.reserveSpace{
	height:123px;
	padding: 0px !important;
}
.buttonPadding{
	padding: 0px 15px;
}
.level2{
	font-size:18px;
}
.publicity{
	background-color:#d9d9d9 !important;
}

.whitebg{
	background-color:#FFF !important;
}
.specialHeight{
	height:190px !important;
}
#updateMailButton{
	float:right;
	margin-right:60px;
	*margin-right:30px;
	margin-top:-2px;
	*margin-top:0px;
}
#spanMail label.error{
	margin-left:92px;
}
#updateMSG{
	color:#F00;
	font-weight:bold;
}
#headNews{
	height:150px;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
#msgPassword{
	margin-left:135px;
}
/*TOP RIGHT MENU & BOTTOM MENU*/
.rightMenu{
	float:right;
	font-size:12px !important;
}
.rightMenu a{
	color:Green;
}
.rightMenu li, .bottomMenu li{
	display:inline;
	padding:5px;
}
.rightMenu li {
	padding-right:0;
	margin-right:0;
}
.bottomMenu{
	position:relative;
	top:9px;
}
#notmymail{
	margin-top:-15px;
}
/*END TOP RIGHT MENU*/

/*RESET PASSWORD*/
.resetElement{
	width:100%;
	text-align:left;
}
.resetInput{
	width:327px;
}
#login{
    padding: 0px !important;
}

.formwrapper label  
{
    height:auto;
}
.correctionpadding
{
    padding:-20px 0 0 -25px;
}

/* New */

.formwrapper2 { margin: 0px 0px; width: auto;font-size:16px; }


.formwrapper2 .oneField { margin: 10px auto; display: block; }
.formwrapper2 label.postLabel { margin-left: 4px; margin-right: 4px; }
.formwrapper2 .field {float:left;}
.formwrapper2 label { font-weight: bold; font-size: 12px;  }
.fontsize10 { font-size: 10px !important; }
.formwrapper2 label .preLabel { width: 100px !important; }
#widhtlabel { margin-right: 23px; }
.widthlabel  
{
    display: inline-block;
    width: 70px;
}
.loginbtn { width: 120px;  }
#global-landing-left2 {
    float: left;
    padding: 0 25px 0px 0;
    width: 485px;
}
#global-landing-left2 p { padding: 4px 0; margin: 0;  }

#fontfami label { font-size: 14px; }
.red { color: Red; } 

.formwrapper p,
{
 padding: 4px 0 !important;   
}
.p_descriptionpassword
{
    width:320px;
    margin-left: 130px !important;
}
.confirmpassword label
{
    margin-top: -12px !important;
    height: 36px !important;
}
#titlemyprofile .recipersstyle
{
    font-family:Times New Roman;
    font-size:22px;
    color:Black;
    font-weight:400;
    position: relative;
    top: -4px;
    left: 5px;
}
#titlemyprofile { width: 400px; }
.backgroundcolorsmukers
{
    background-color:#FFF5EC;
    padding: 10px 5px;
}
.fixwidth
{
    width:450px;
}
.marginstar
{
    margin-left:10px;
}
.margintop30
{
    margin-top:30px !important;
}
.margincheck
{
    margin-left:23px;
}
.descriptionpassword_p p
{
    width:300px;
    margin-left: 115px !important;
}
.no_descriptionpassword_p p
{
    margin-left: 0px !important;
    width: 400px;
}
.alreadyNews
{
    float: right;
    position: relative;
    top: -5px;
    *top: -27px;
    width: 90px;
}
#loginright p
{
    margin: 8px 0;
}
.newsletternbtn
{
    width:200px !important;
}
.textboxNewslettter
{
    width:255px !important;
}
