﻿/* ====================== */
/* = Global Form Styles = */
/* ====================== */

#mcSharedForm {
	margin: 0;
	padding: 0;
}
#mcSharedForm img {
	border: none;
}
#mcSharedForm {
	font-family: Arial;
	font-size: 11px;
	width:700px;
}

#mcSharedForm a{
	font-family: Arial;
	font-size: 11px;
}

#mcSharedForm input {
	padding: 2px;
}
#mcSharedForm legend {
	font-size: 11px;
	font-weight: bold;
}
#mcSharedForm fieldset {
	padding: 5px;
	border: 0;
}
#mcSharedForm .mcFormFieldWrapper {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
}
#mcSharedForm label {
	position: absolute; 
	top: 0; 
	left: 0;
	color: #666666;
	margin: 4px 5px 5px 6px;
}
#mcSharedForm #mcFormLeftCol {
	width: 400px;
	float: left;
}
#mcSharedForm #mcFormRightCol {
	width: 250px;
	float: right;
}

legend
{
	color:#000000;
	.margin-left:-9px;
}

#mcSharedForm .lowerLabel
{
	.margin-top:12px;
}


/* ================== */
/* = Column Headers = */
/* ================== */

#mcSharedForm .mcFormColHeader {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 7px 0;
	
}

/* =============== */
/* = Form Footer = */
/* =============== */

#mcSharedForm #mcFormFooter {
	clear: both;
}

/*Error Prompt*/
#mcSharedForm  #mcErrorPrompt {
	background-color: #f9e0de;
	color:#000000;
	padding: 5px;
	border: 1px solid red;
	color: red;
	width: 200px;
	top:30px;
	margin-left:7px;
	display: inline;
	position:relative;
	bottom:18px;
}

/* ========== */
/* = Errors = */
/* ========== */

#mcSharedForm input.errorState {
	background-color: #fd9a9a;
}

#mcSharedForm textarea.errorState {
background-color:#FD9A9A;
}

#mcSharedForm div.errorState {
	position: absolute;
	top: -30px;
	background-color: #fd9a9a;
	padding: 5px;
	border: 2px solid #666666;
	width: 190px;
	z-index: 1;
}


#mcSharedForm span .errorState {
	background-color: #fd9a9a;
}

input { color: #333; font-size:10px;}
/* ======== */
/* = Name = */
/* ======== */

#mcSharedForm #fsName {
	padding-bottom: 0;
	padding-top: 0;
}
#mcSharedForm #fsName legend {
	display: none;
}

/* =========== */
/* = Address = */
/* =========== */

#mcSharedForm #fsAddress {
	padding-bottom: 0;
	padding-top: 0;
}
#mcSharedForm #fsAddress legend {
	display: none;
}
#mcSharedForm .txtCity {
	clear: both;
}

#mcSharedForm .streetClass {
	.margin-top:6px;
	width:183px;
}

#mcSharedForm .apartmentClass
{
	.margin-top:6px;
	width: 119px;
}

#mcSharedForm .zipClass {
	width: 64px;
}
#mcSharedForm .ddlState label {
	display: none;
}

#mcSharedForm .cityClass
{
	width:93px;
}

#mcSharedForm .stateClass
{
	margin-top:2px;
} 

/* ================ */
/* = Phone Number = */
/* ================ */

#mcSharedForm #fsPhone label {
	display: none;
}

#mcSharedForm #fsPhone input {
	text-align: center;
	width: 25px;
}
#mcSharedForm #fsPhone .phoneSuffixClass {
	width: 40px;
}

/* ============= */
/* = Birthdate = */
/* ============= */

#mcSharedForm #fsBirthDate {
	float: left;
}
#mcSharedForm #fsBirthDate input {
	text-align: center;
	width: 25px;
}
#mcSharedForm #fsBirthDate .yearClass {
	width: 40px;
}


/* ========== */
/* = Gender = */
/* ========== */

#mcSharedForm #fsGender {
	float: left;
}
#mcSharedForm #fsGender label {
	position: relative;
	color: #000000;
}

#mcSharedForm #fsGender input
{
	border:none;
}

/* ============================== */
/* = Commnunication Preferences = */
/* ============================== */

#mcSharedForm #fsCommPrefs {
	clear: both;
}
#mcSharedForm #fsCommPrefs .mcFormFieldWrapper {
	/*width: 300px;*/
}
#mcSharedForm #fsCommPrefs label {
	margin: 0px 0px 0px 21px;
	display:block;
	color:#000000;
}

#mcSharedForm #fsCommPrefs input[type="checkbox"] {
	width: 13px;
    height: 13px;
    border:none;
    padding: 0;
    margin:0px 3px 0px 0px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
    
}

#communicationLanguage
{
	padding-bottom:4px;
}


/* ================ */
/* = Mobile Phone = */
/* ================ */

#mcSharedForm #mcMobileWrapper label {
	width: 210px;
}
#mcSharedForm #mcMobileInput {
	display: none;
	margin-top:37px;
}
#mcSharedForm #mcMobileInput label {
	display: none;
}
#mcSharedForm #mcMobileInput input {
	text-align: center;
	width: 20px;
}
#mcSharedForm #mcMobileInput .mobileSuffixClass {
	width: 40px;
}

#mcSharedForm #mcMobileInput2 {
	display: none;
	margin-top:37px;
}
#mcSharedForm #mcMobileInput2 label {
	display: none;
}
#mcSharedForm #mcMobileInput2 input {
	text-align: center;
	width: 20px;
}
#mcSharedForm #mcMobileInput2 .mobileSuffixClass {
	width: 40px;
}


/* ======================= */
/* = Mobile Confirmation = */
/* ======================= */

#mcSharedForm #mcMobileConfirmation {
	display: none;
	position: absolute;
	margin-top: -30px;
	clear: both;
	background-color: #ffffc5;
	padding: 5px;
	border: 2px solid #666666;
	width: 350px;
	font-family:Arial;
	font-size:11px;
}

#mcSharedForm #mcMobileConfirmation #accept ,#mcSharedForm #mcMobileConfirmation #decline {
	cursor: pointer;
}

#mcSharedForm #mcMobileConfirmation2 {
	display: none;
	position: absolute;
	margin-top: -130px;
	clear: both;
	background-color: #ffffc5;
	padding: 5px;
	border: 2px solid #666666;
	width: 350px;
	font-family:Arial;
	font-size:11px;
}

#mcSharedForm #mcMobileConfirmation2 #accept2 ,#mcSharedForm #mcMobileConfirmation2 #decline2 {
	cursor: pointer;
}

/* ========================= */
/* = Sweepstakes Agreement = */
/* ========================= */

#mcSharedForm #fsOfficialRules label {
	position: relative;
	color: #000000;
}

/* ============ */
/* = Packcode = */
/* ============ */
#mcSharedForm #packPopUp {
	display: none;
	position: absolute;
	margin-top: -30px;
	margin-left:100px;
	clear: both;
	background-color: #ffffc5;
	padding: 5px;
	border: 2px solid #666666;
	width: 163px;
	font-family:Arial;
	font-size:11px;
}

#mcSharedForm #codeClose
{
	width:28px;
	height:13px;
	text-decoration:underline;
	display:block;
	float:right;
	cursor:pointer;
}

/* =============== */
/* = Float Clear = */
/* =============== */

#mcSharedForm .mcClear {
	clear: both;
}

/* =============== */
/* = CAPTCHA = */
/* =============== */

#captchaImage
{
	margin-top:8px;
	margin-bottom:0px;
}

#captchaError
{
	margin-bottom:8px;
}

#captchaText
{
}

#mcframe
{
	width:0px;
	height:0px;
	border:none;
}

/* =============== */
/* = Official rules = */
/* =============== */

#mcSharedForm #fsOfficialRules label {
	margin: 0px 0px 0px 21px;
	display:block;
	color:#000000;
	
}

#mcSharedForm #fsOfficialRules input[type="checkbox"] {
	width: 13px;
    height: 13px;
    border:none;
    padding: 0;
    margin:0px 3px 0px 0px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    float:left;
    *overflow: hidden;
}

.checkbox
{
	float:left;
	width:20px;
}


.clearfloat
{
	clear:both;
}


.checkLabel
{
	width:315px;
}

#mcMobileWrapper
{
	margin-top:12px;
}

.submitbutton
{
	margin-top:10px;
	margin-left:7px;
	background-image: url(../assets/images/SummerSweeps/formSubmit.png);
	background-repeat:no-repeat;
	width:80px;
	height:28px;
	border:0px;
	background-color:Transparent;
	z-index:600;
}

.submitbutton2
{
	margin-top:10px;
	margin-left:7px;
	background-image: url(../assets/images/SpringIntoAction/ContinueToDownloadBtn.png);
	background-repeat:no-repeat;
	width:200px;
	height:28px;
	border:0px;
	background-color:Transparent;
	z-index:600;
}


