#transmask{position:absolute; top:0px; left:0px; width:100%; height:100%; display:none;height:100%;z-index:1;}
#joinmask{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;height:100%;z-index:100; background-color:#666; opacity:.5;}
#lightboxcontainer{display:block;position:relative;margin-left:auto; margin-right:auto; width:400px; top:100px; z-index:100;}

#poplogo, #poptitle, #popclose{float:left;position:relative;}
#popheader{width:600px; height:100px;}

#poplogo{width:120px;text-align: left;}
#poplogo img{margin-left: 10px; margin-top:10px;}
#poptitle{width:360px; height:100px; text-align:center;}
#popclose{width: 120px;}
#popclose a{float: right; margin-top:10px; margin-right: 10px; display:block; text-align:center; text-decoration:none !important; color: #000 !important; border: solid 1px #000; line-height: 22px; height:22px; width:22px; }

#poptitle h6{font-size: 30px; color: #da291c; margin:0; margin-top:25px; margin-bottom: 10px;}

#lightboxcontainer #topnavjoincomplete{width:200px !important;}
#lightboxcontainer #conf-headline h1{text-transform: uppercase; margin-top:50px;font-size:18pt !important;}

#joinlink{color: #fd0 !important; font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: 0.1em;
/*    line-height:36px;*/
    text-decoration:none !important;
    display:block;
    position: relative;
    float:right;
   outline:0;
 background: transparent url("http://www.mcdonalds.com/themes/USA/images/backgrounds/topbar_spacer.png") repeat-y scroll left top;
 height: 32px;
line-height: 30px;
padding: 2px 17px 0;
  }

#joinlink.active{
  background-color:#ffc829 !important;
  color: #910201 !important;

}

#joincontainer{ width:250px !important;position:relative; margin-left:-65px;z-index:100; }
#joincontainer a{color:#910201; text-decoration:underline;}
#joincontainer a:hover{color:#910201;text-decoration:none;}
#joincontainer a:focus{outline: #333333 dotted 1px;}
#joincontainer a.joinbutton{ color:#fff; text-decoration:none;font-size:12px; font-weight:bold; margin-bottom:15px;padding-top:7px; padding-bottom:7px; border-radius:20px;}




.valid{border: solid 1px #00ff00; background:#ddffdd;}
.invalid{border:solid 1px #ff0000;background:#ffdddd;}

.deactivated{background-color:#aaaaaa; background:#aaaaaa linear-gradient(#cccccc, #999999) repeat scroll 0 0;cursor: default !important;}
.activated{background-color:#910201 ;background:#910201 linear-gradient(#bf0403, #900c0a) repeat scroll 0 0;}

#joincontainer a.joinbutton:hover{color:#fff;}

.topnaverr{color:#da291c; font-size:10px;display:inline-block; line-height;13px;}
#emaildropDownInner, #emaildropDownConfirm {
 background-image:url(/content/dam/McDonalds/preferencecenter/join_container_bg.png);
 background-repeat: repeat-y;
  z-index: 100;
  background-color: #ffc829;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
  text-align: left;
  color: #000000;
  overflow: hidden;
  width: 100%;
  height: 360px;
  float: left;
  clear: both;
  -webkit-box-shadow: inset 0 8px 10px -8px black;
  -moz-box-shadow: inset 0 8px 10px -8px black;
  box-shadow: inset 0 8px 10px -8px black;
}

#emaildropDownInner.popup, #emaildropDownConfirm.popup{
 background-color:#fff !important;
 background-image: none !important;
 height:400px;
 box-shadow: none;
 width:360px;
 margin-left:110px;
} 

#emaildropDownConfirm.popup{
  width:500px;
  margin-left:50px;

}
#emaildropDownConfirm.popup{font-size: 18pt}


#emaildropDownInner.popup .dd-input-box{
  height:30px;
}

#emaildropDownInner.popup #join_nav_subscribe
{width:100px; }

.joincontainerfoot{
  width:246px;
   height:9px;
  background-image: url(/content/dam/McDonalds/preferencecenter/join_container_foot_bg.png);
  background-repeat: repeat-x;
  display:inline-block;
position:absolute;
bottom:0px;
left:2px;

}


#emaildropDownConfirm{
  height:160px;
}

#dropcontainer{
  height:0px;
  overflow:hidden;
  position: absolute;
  z-index:100;
  width:250px ;
  top:34px;
}
.dd-close {
  background-color: #e1261c;
    color: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
  cursor: pointer;
}

#emaildropDownConfirm {
  text-align: center;
  display: none;
}

#emaillist-head {
  font-size: 11px;
  padding-top:15px;
  }

#emaillist-head p{
  font-size: 11px !important;
 line-height:14px !important; 
}
#list-fields {
  margin-bottom: 12px;
}

.dd-label {
  font-size: 13px;
}

.dd-required {
  font-size: 9px;
}

.dd-input-box {
  -webkit-appearance: none;
  border: none;
  width: 95%;
  height: 20px;
  border: 1px solid #aeaeae;
}

.copy-area p{
  font-size: 11px;
  
  margin-bottom: 10px;
  line-height:14px;
  color:#000;
}


.listDropDownEmail {
 display:block;
  margin-bottom:10px;
}

.emailListSignup {
  -webkit-appearance: none;
/*  background-color: #e1261c;*/
  color: #fff;
  border-radius: 10px;
  border: none;
  width: 100%;
  height: 20px;
  font-size:11px;
  cursor: pointer;
  text-align: center;
  
  display: inline-block; 
  line-height: 18px; 
  text-transform: none;
}

#emaillist-foot {
  font-size: 11px;
   line-height:14px;
   color:#000;
}

.dd-alert {
  color:#da291c;
}

.padded {
  padding-left:12px;
  padding-right:12px;
}

#conf-headline{padding-top:10px;}
#conf-headline h1 {
  text-align:center;
  color:#5d4777;
  width: 100%;
  margin:6px 0;
color: #552d58;font-family: "colfax-web",ColfaxBlack,"Arial Black","Arial Bold",Gadget,sans-serif;
font-weight:800;
}

#conf-subhead {
  margin:10px 0;
  font-size:11px;
}

.validated {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  height: auto !important;
}

.selected {
  background-color: #ffc829;
  cursor: default;
}

.showAll {
  overflow: visible !important;
}

.anchor-select {
  background:url('navarrow-select.png') no-repeat center right !important;
  cursor: default;
}

#emailListForm p{
 font-size:11px;
 color:#000;

}