/* -------- Kelloggs Registration Forms CSS -------- */

/* -------- Common Elements * -------- */ 
#formWrap {text-align:left; padding:0 0 0 0; min-height:250px;}
.form-container { position:relative; width:480px; background:url(../images/forms/form-middle.gif); margin:0; }
.form-content { background:url(../images/forms/form-bottom.gif) no-repeat bottom; padding-left:15px; padding-bottom:9px; }

label {	color:#0063A7;	font-weight:bold; padding:0px; margin:0px; font-size:1.2em;}
input[type="radio"] { margin:0 0 0 5px;	padding:0;}

.fieldGroup { color:#666666; width:204px; float:left; padding:0 0 0 0; margin:0 0 0 0; }
.fieldWrap { position:relative;	clear:both;	padding:0 0 0 0; margin:0 0 0 0; margin-top:10px; }

.normalLabel { color:#0063A7; width:200px;	text-align:right; width: 80px; display: block; float:left; padding-right:5px; margin:5px 0 0 0;}
.radioLabel { font-size:1em; color:#666666; }

.reg_field { color:#666666; width:200px; float:left; }
.optin-group { margin-left:85px;}

.form-divider-inner { background: url(../images/forms/form-divider-inner.gif) no-repeat center; height:4px; width:100%; margin:5px 0 5px 0px; }
.form-divider-outer { background: url(../images/forms/form-divider-outer.gif) no-repeat center; height:4px; width:100%; margin:5px 0 5px 0px; }

.under16check {float:left; display:inline; width:30px;padding-top:4px;}
p.under16text {float:left; display:inline; width:400px; font-size:0.85em; font-weight:bold;}
/* -------- Headers  -------- */ 
h4.txt-login{ background: url(../images/forms/head-login.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden;	display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-register{ background: url(../images/forms/head-register.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px;	margin-bottom:15px; }
h4.txt-thanks{ background: url(../images/forms/head-thanks.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-goodluck{ background: url(../images/forms/head-goodluck.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-reset{ background: url(../images/forms/head-reset.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-enter{ background: url(../images/forms/head-enter.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-enter-adopt{ background: url(../images/forms/head-enter-adopt.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-ringtone{ background: url(../images/forms/head-ringtone.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden; display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-loggedin{ background: url(../images/forms/head-loggedin.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden;	display:block; margin-left:-15px; margin-bottom:15px; }
h4.txt-sorry{ background: url(../images/forms/head-sorry.gif) no-repeat; width:480px; padding-top:38px; height:0 !important; height /**/:38px; overflow:hidden;	display:block; margin-left:-15px; margin-bottom:15px; }


/* -------- Buttons  -------- */ 
.register-button { float:right;	margin-right:15px; margin-top:-10px; }
.login-button {	float:right; margin-right:15px; margin-top:-10px; }
.continue-button { position:absolute; bottom:18px; left:325px; }
.enter-button { float:right; margin-right:15px; margin-top:-10px; }
.reset-button {	float:right; margin-right:15px; margin-top:-10px; }
.signup-button { position:absolute; bottom:18px; left:325px; }

/* -------- Fonts, Links, and Styling -------- */ 
/*reset*/
div#content-one p {padding: 0 0 0 0;}
#formWrap p { margin:0 0 0 0; padding:0 0 0 0; }
#formWrap a { color:#0063A7; text-decoration:underline; }
#formWrap a:hover { text-decoration:none; }

#formWrap p.fieldHint { clear:left; margin:0 0 5px 84px; color:#666666; padding:0 0 0 0;  }
#formWrap p.fieldHint a { color:#666666; text-decoration:underline; padding-left:7px; background:url(../images/forms/form-arrow-bullet.gif) no-repeat left 3px; }
#formWrap p.fieldHint a:hover { text-decoration:none;	}

p.fieldHint { clear:left; margin:0 0 5px 84px; color:#666666; padding:0 0 0 0;  }
p.fieldHint a { color:#666666; text-decoration:underline; padding-left:7px; background:url(../images/forms/form-arrow-bullet.gif) no-repeat left 3px; }
p.fieldHint a:hover { text-decoration:none;	}

p.fieldHint { clear:left; margin:0 0 5px 84px; color:#666666; padding:0 0 0 0;  }
p.fieldHint a { color:#666666; text-decoration:underline; padding-left:7px; background:url(../images/forms/form-arrow-bullet.gif) no-repeat left 3px; }
p.fieldHint a:hover { text-decoration:none;	}

#formWrap p.legals { color:#666666; margin:10px; font-size:0.9em;}
#formWrap p.legals a { color:#666666; text-decoration:underline; }

#formWrap p.newsletter { padding-left:0px }

#formWrap p.userEmail {margin-left:84px; font-weight:bold;}
#formWrap p.instruction {font-weight:bold; margin:10px 10px 10px 0; color:#4c3e94;}
#formWrap p.note {font-size:0.9em; margin:10px 10px 10px 0; line-height:1.2em;}
#formWrap p.endLink {margin:10px 10px 10px 0; line-height:1.2em;}


.errorMsg {	color :#cc3333; font-weight:bold; clear:both; margin-left:80px; }
.error { color:#cc3333;	font-size:0.9em; margin-left:8px; font-weight:bold; }
#formWrap p.error { color :#cc3333;	font-size:0.9em; font-weight:bold; }

.errormessage {	color:#cc3333; display:block; font-weight:bold;	padding:0 0 5px 10px; font-size:1.1em;}
li.errormessages { background:none; color:#cc3333; display:block; margin:0px; font-weight:bold; padding:0 0 5px 10px; }

.infomessage{ color:#333; display:block; font-weight:bold; padding:0 0 5px 10px; }

/* -------- Custom and extra panels -------- */
#thanksMsg, #under16Msg {margin:0 0 0 0; padding:0 5px 10px 10px;}
#thanksMsg p{margin:0 0 10px 0;}
.radioList {margin:10px 0 10px 0;}
.radioList label {font-weight:normal; margin:0 15px 0 0;}
.radioList input[type="radio"] { margin:0 5px 0 0;	padding:0;}
.ringtoneList input[type="radio"] { margin:0 5px 0 20px;	padding:0;}

/* --- Send Recipe Form --- */
.send-button {float:right; margin-right:40px;}
.clearer {width:auto; height:0px; clear:both; background-color:Yellow;

/*--- CODE INPUTS ---*/
label.checkText {margin:0 0 0 3px; color:#0063A7;  font-weight:normal; width:300px; text-align:left;}
#checkHolder {margin:0 0 0 10px;}

#lblTerms{float:left; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; color:#0F3677;}
#lblAuthorisation{float:left; font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; color:#0F3677;}