/* CSS Document */

@import url("reset.css");

body{font-family: Arial, Helvetica, sans-serif; color: #4f4f4f; background-color:#a6cc4a; text-align:center;}
sup{position:relative; font-size:65%; vertical-align:baseline; bottom:.40em; text-decoration: none;}
#wrap{position:relative; background-color: #4f4f4f; min-height:26.56em; _height: 26.56em; text-align: left;}
#header{position:relative; width:960px; height:80px; margin:0 auto 0 auto;}
#header img.mlLogo{position:absolute; top:10px; left:0;}
#header img.juiceConvoTag{position:absolute; top:20px; left:215px;}

p{font-size: .85em; padding: 0 0 .85em 0;}
a{color: #38c9f2; text-decoration: none;}
a:hover{color: #a6cc4a; text-decoration: none;}

#mainContentWrap{position:relative; width: 960px; margin: -20px auto 0 auto; padding-bottom: 30px;}
/* #mainContentWrap{position:relative; width: 960px; margin: 0 auto 0 auto;} */
#regStep #mainContentWrap{background: url(../images/coffee_lady.gif) left bottom no-repeat; min-height: 26em; _height: 26em;}
img.successWrap{position: absolute; top: -80px; left: 580px;}
h1.mainJoeBug{background: url(../images/main_joe_bug.gif) 0 0 no-repeat; width:348px; height:323px; text-indent: -9999em; float: left;}
h1.winJoeBug{background: url(../images/congrats_joebug.png) 0 0 no-repeat; width:434px; height:275px; text-indent: -9999em; float: left;}
h1.sorry{position:relative; background: url(../images/sorry_head.gif) left bottom no-repeat; width:217px; height:73px; margin: 0 auto 10px auto; padding-top: 50px; text-indent: -9999em;}
h1.sorryWentFast{position:relative; background: url(../images/sorrywentfast_head.gif) 0 0 no-repeat; width:668px; height:147px; margin: 0 auto 0 auto; text-indent: -9999em;}
h1.allSet{position:relative; background: url(../images/allset_head.gif) left bottom no-repeat; width:285px; height:82px; margin: 0 0 10px 280px; padding-top:100px; text-indent: -9999em; float: left;}
#mainContent{color:#fff; width: 612px; float: left;}
#regStep #mainContent{width: 485px; margin-left: 40px;}
#mainContent p{width:98%;}
#regStep #mainContent p strong{font-size: 115%; color: #a6cc4a;}
#mainContent h2.greenSubhead{font-size: 1.25em; color:#a6cc4a; padding:1px 3px 0 0; margin:0 0 16px 0; float:left;}
#mainContent img.doubleArrows{float:left;}
#mainContent p.promoSteps{font-size:1.1em; margin:0 0 20px 17px; padding:4px 0 0 30px; background-position: left center; background-repeat: no-repeat; min-height:26px; _height:26px;}
#mainContent p.step1{background-image:url(../images/number_one.gif);}
#mainContent p.step2{background-image:url(../images/number_two.gif);}
#mainContent p.step3{background-image:url(../images/number_three.gif);}
p.disclaim{font-size: .75em; padding-bottom: 1em;}

#mainsubContent{color:#fff; text-align: center;}
#mainsubContent h2.blueSubhead{font-size: 1.88em; color:#38c9f2; padding:1px 3px 0 0; margin:0 0 16px 0;}
#mainsubContent p{font-size: 1.50em;}
#mainsubContent a.aboutZNCLink{display:block; background-image: url(../images/aboutpromo_btn.gif); background-position: 0 0; background-repeat: no-repeat; width: 300px; height: 43px; margin:0 auto 0 auto; padding:0; text-indent: -9999em;}
#mainsubContent a.aboutZNCLink:hover{background-position: 0 -41px;}

#twitterSignIn{position: relative; background-color: #ccc; width: 476px; margin-bottom: 10px;}
#twitterSignIn div{background:#ccc url(../images/twittersignin_mid.gif) top left repeat-y; width: 476px; padding-top: 10px;}
#twitterSignIn div p{font: .85em 'Lucida Grande', Arial, Helvetica, sans-serif; color: #4f4f4f; width: 400px; margin-left: 30px; padding-top: 2px;}
/*
#twitterSignIn p#SignInCopy strong{color: #4f4f4f; font-size: 120%;}
#twitterSignIn p.twPostError, p.formError{font-weight: bold; color: #ffa11c;}
#twitterSignIn p span{font-family: Arial, Helvetica, sans-serif; display:block; width:80px; float:left;}
#twitterSignIn p em{display: block; font-style: normal; width: 320px; padding:0; margin:0; float: left;}
#twitterSignIn a.tweetDisclamer{display:block; font-size: .80em; color: blue; margin: 10px 0 0 30px;}
#twitterSignIn a.tweetDisclamer:hover{text-decoration: underline;}
#twitterSignIn div{background:#ccc url(../images/twittersignin_mid.gif) top left repeat-y; width: 476px;}
#twitterSignIn div#tweetDisclaim{background: none; font-size: .75em; color: #4f4f4f; padding: 0 30px; width: 420px;}
#twitterSignIn div#tweetDisclaim strong{color: #000;}
#twitterSignIn div#tweetDisclaim ol{font-size: .85em; margin: 0 0 .5em 1.27em; padding-left: 1em; list-style-type: decimal;}
#twitterSignIn div#tweetDisclaim ol li{padding-bottom: 5px;}
*/

/* FORM */
fieldset{font-size:.75em; color: #4f4f4f; padding-top:10px;}
fieldset#redeemAddress{font-size: .85em; color: #fff; margin-bottom: 40px;}
fieldset p.disclaim{font-size:85%; width: 220px; margin:0;}
fieldset label{display:block; margin:0 0 5px 30px; clear:both;}
fieldset#redeemAddress label{display:block; margin:0 0 5px 0; clear:both;}
fieldset label.mnameHide{display:none;}
fieldset label span{display:block; width:80px; float:left;}
fieldset#redeemAddress label span{display:block; width:125px; padding: 3px 3px 0 0; float:left;}
fieldset label input{width: 220px;}
fieldset label select{width: 225px;}
input.submit{margin: 8px 0 0 0;}
/* input.tweetSubmit{margin: 0 15px 10px 0; float: right;} */
img.tweetSubmit{margin: 0 5px 10px 0;}

#footer{position:relative; width: 960px; margin: 0 auto 0 auto; padding-top: 15px;}
#footer a{color: #4f4f4f; text-decoration: underline;}
#footer div{text-align: center; width: 355px; margin: 0 auto 0 auto; padding:0 0 10px 0;}
#footer div a{display:block; background-position: 0 0; background-repeat: no-repeat; height: 42px; text-indent: -9999em; float: left;}
#footer div a:hover{background-position: 0 -40px}
#footer div a.zncLink{background-image: url(../images/znc_btn.gif); width: 180px; margin-right:10px;}
#footer div a.mlsiteLink{background-image: url(../images/ML_btn.gif); width: 165px;}
#footer li a{display: inline; float: none;}
#footer div#thePromotion{padding: 0 20px 0 20px; text-align: left; width: 100%;}
#footer div#thePromotion ol{font-size: .85em; margin: 0 0 1em 1.27em; padding-left: 1em; list-style-type: decimal;}
#footer div#thePromotion ol li{padding-bottom: 10px;}
#footer div#thePromotion h4{padding-bottom: 20px;}

.clear{clear:both; font-size:0px; line-height:0; margin:0;}