@import url("boilerplate.css");
body{background-color:#000000}
#mainContent{width:1012px; height:741px; position:relative; padding:10px; margin:0 auto;}

#introBox{position:absolute; top:0; left:0; width:100%; height:100%;}
#flashIntro{position:absolute; top:0; left:0; z-index:100; margin:23px 0 0 8px; width:1024px; height:100%;}
#flashIntro{position:absolute; top:0; left:0; z-index:100; margin:23px 0 0 8px; width:1024px; height:100%; }
#flashMusicControl{width:25px; height:25px; z-index:101; position:absolute; top:11px; right:152px;}
#languageControls{height:25px; z-index:101; position:absolute; top:11px; right:11px;}
#languageControls img {margin-left:4px; cursor:pointer;}

#introBox .termsConditions{position:absolute; bottom:50px; z-index:104; color:#E6CA97; text-align:center; width:100%; margin:0}
.drinkResponsibly{position:absolute; bottom:0; z-index:104; color:#E6CA97; text-align:center; width:1032px; margin:0}
#introBox a{color:#E6CA97}

#ageVarDropdown .topBar{margin:12px 0 20px 0; position:relative; right:2px;}
#ageVarDropdown .bottomBar{position:absolute; bottom:12px; right:2px;}
#ageVarDropdown{position:relative; top:-560px; width:320px; height:516px; margin:47px auto 0; z-index:104; color:#e6e6e6;}
#ageVarDropdown p{padding:21px 58px; text-align:center;}
#ageVarDropdown p.error{text-align:left; font-size:1.1em}
#ageVarDropdown span{text-align:center; display:block;}
#ageVarDropdown select{display:block; margin:20px auto; width:200px; z-index:104; position:relative;}
#ageVarDropdown .ageVarLogo{background:transparent no-repeat center center; height:105px; width:100%;}
#ageVarDropdown .ageVarLogo.error{height:70px; background-position:top center;}
#ageVarDropdown input{text-align:center; width:156px; opacity:.7; filter:alpha(opacity=70); background-color:#a9abad; border:none; margin:0 auto 35px; display:block; position:relative; z-index:104}
#ageVarDropdown .background{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#000000; opacity:.75; filter:alpha(opacity=75);}
#ageVarDropdown #phoneBox input{float:left; width:50px; margin:0; padding:0;}
#ageVarDropdown #phoneBox span{display:block; float:left; margin:0 5px;}
#ageVarDropdown #phoneBox{ margin:20px auto; width:182px;}

#introBox .submitControl{width:76px; height:32px; margin:0 auto 27px; cursor:pointer; background:transparent url(../images/spanish/btn_enter.png) no-repeat;}
#introBox .whyAskControl{height:12px; cursor:pointer; font-size:.8em; color:#e6ca97; text-align:center;}
#introBox .whyAskControl:hover{text-decoration:underline;}
#introBox .errorDisplay{position:absolute; top:435px; left:10px; color:#F00; display:none; width:300px; height:20px;}

#frameBorder-top{ background:transparent url(../images/spanish/frameTop-bg.png) no-repeat; width:1032px; height:59px; position:absolute; top:0; left:0; z-index:10}
#frameBorder-bottom{display:none; background:transparent url(../images/spanish/frameBottom-bg.png) no-repeat; width:986px; height:97px; padding:0px 0 0 64px; position:absolute; bottom:0; left:0; z-index:10}

#frameBorder-bottom #recentPhotoBox{width:635px; padding-left:10px; height:46px; background-color:#333333; float:left; margin:23px 0 0 25px;}
#frameBorder-bottom #recentPhotoBox .recentPhoto{width:55px; height:36px; float:left; background-position:center 90px; margin:5px 8px 0 0; cursor:pointer;}

#frameBorder-bottom .copy{float:left; margin-top:35px;}
#frameBorder-bottom .logo{float:left; margin:25px 0 0 30px;}
#frameBorder-left{display:none; background:transparent url(../images/spanish/frameLeft-bg.png) no-repeat; width:65px; height:605px; position:absolute; top:59px; left:0; z-index:10}
#frameBorder-right{display:none; background:transparent url(../images/spanish/frameRight-bg.png) no-repeat; width:65px; height:605px; position:absolute; top:59px; right:0; z-index:10}


#map { width:100%; height:100%;}

#popUp { background:transparent url(../images/spanish/popUp-photoGrid.png); width:569px; height:575px; position:absolute; top:66px; left:123px; color:#000; display:none;}
#popUp .content{width:100%; height:100%;}
#popUp .close{width:45px; height:14px; background:transparent url(../images/spanish/btn_closePopUp.png); position:absolute; top:30px; right:35px; cursor:pointer; z-index:10}

#popUp div.photoUploaded .uploadMorePhotos{position:absolute; top:255px; left:202px; width:172px; height:19px; cursor:pointer;}

#popUp div.uploadPhoto .upload{margin:40px 0 0 96px;}
#popUp div.uploadPhoto .submitBtn{margin:10px 0 0 127px; cursor:pointer;}
#popUp div.uploadPhoto .upload select{width:223px;}

#popUp div.uploadPhoto .body,
#popUp div.allEvents .body{position:relative; margin:101px 62px 0 52px; color:#e0e0e0;}
#popUp div.allEvents .body p{margin-bottom:3em;}
#popUp div.allEvents .body .events {height:272px;  overflow:hidden;}
#popUp div.allEvents .body .events div{margin-right:11px}
#popUp div.allEvents .body .eventBlock {border-bottom:solid 1px #5f6367; padding:2px 0; font-size:.9em;}
#popUp div.allEvents .body .eventBlock h2{font-size:1em; color:#debf86;}
#popUp div.allEvents .body .eventBlock div{float:left;}
#popUp div.allEvents .body .eventBlock img{margin-top:12px; cursor:pointer;}
#popUp div.allEvents .body .eventBlock span{display:block;}
#popUp div.allEvents .body .eventBlock div.info{width:182px; margin-left:10px;}
#popUp div.allEvents .body .eventBlock div.date{width:84px; padding-top:15px;}

#popUp div.register .errorDisplay{position:absolute; bottom:40px; left:39px; height:20px; color:#F00; display:none;}
#popUp div.register .body{padding:96px 30px 0 58px; color:#e0e0e0;}
#popUp div.register .body #registerArea{position:absolute; top:184px; left:62px; font-size:.9em}
#popUp div.register .body #registerArea .nameInfo{margin-left:49px;}
#popUp div.register .body #registerArea label{width:49px;}
#popUp div.register .body #registerArea label.dob{width:110px; float:left;}
#popUp div.register .body #registerArea div#phoneBox{float:left;}
#popUp div.register .body #registerArea div#phoneBox input{width:35px; float:left;}
#popUp div.register .body #registerArea div#phoneBox span{float:left; margin:0 4px}
#popUp div.photoComment .body #shareLink,
#popUp div.register .body #loginArea input,
#popUp div.register .body #registerArea input{background-color:#a9abad; border:none; width:155px; opacity:.7; filter:alpha(opacity=70); margin:2px 0}
#popUp div.register .body .loginControl{height:24px; width:69px; position:absolute; top:243px; left:308px; cursor:pointer;}
#popUp div.register .body .submitControl{height:24px; width:100px; position:absolute; top:273px; left:64px; cursor:pointer;}
#popUp div.register .body #loginArea{position:absolute; top:190px; left:308px;}
#popUp div.register .body #loginArea input.checkBox{width:auto; margin-right:5px;}
#popUp div.register .body #loginArea label{margin-right:10px;}


#popUp div.icon_pastEvent #photoBox h2{font-size:1.2em; color:#e0e0e0; font-weight:normal;}

#popUp div.icon_pastEvent .body #photoBox{height:346px; padding:0 28px; overflow:auto; margin-top:20px;}
#popUp div.icon_pastEvent .body #photoBox div > div{width:85px; height:56px; margin:12px; float:left; background-position:center -14px; cursor:pointer;}
#popUp div.icon_pastEvent .body{padding:0 26px}
#popUp div.photoComment .head,
#popUp div.icon_pastEvent .head,
#popUp div.icon_newEvent .head{position:relative; height:57px; padding:43px 21px 0 84px; color:#e0e0e0}
#popUp div.photoComment .head h2,
#popUp div.icon_pastEvent .head h2,
#popUp div.icon_newEvent .head h2{color:#c19c44; padding:0; margin:0; text-transform:uppercase; line-height:1em; font-weight:normal; font-size:1.6em;}
#popUp div.icon_pastEvent .body,
#popUp div.photoComment .body,
#popUp div.icon_newEvent .body{position:relative;}
#popUp div.photoComment .body .selectedPhoto,
#popUp div.icon_newEvent .body .eventPhoto{position:absolute; top:35px; left:51px; width:279px; height:185px; background:transparent url(../images/spanish/demo-eventPicture.gif) no-repeat center -19px;}
#popUp div.photoComment .body .commentListings,
#popUp div.icon_newEvent .body .eventListings{position:absolute; top:46px; right:51px; height:320px; width:145px; padding-right:15px; overflow:hidden; font-size:.9em; color:#e0e0e0}
#popUp div.photoComment .body .eventListings > div,
#popUp div.icon_newEvent .body .eventListings > div {border-top:solid 1px #5f6367;}
#popUp div.photoComment .body .eventListings .event,
#popUp div.icon_newEvent .body .eventListings .event{padding:5px 0 5px 12px; border-bottom:solid 1px #5f6367}
#popUp div.icon_newEvent .body .eventListings h2{font-size:.9em; color:#debf86; font-weight:normal;}
#popUp div.icon_newEvent .body .eventListings span{display:block;}
#popUp div.photoComment .body #shareLink{ position:absolute; top:247px; left:119px; width:220px;}
#popUp div.photoComment .body .commentListings{padding-top:10px;}
#popUp div.photoComment .body .commentListings > div{border-top:none;}
#popUp div.photoComment .body .commentListings span {color:#debf86}
#popUp div.photoComment .body .photoOf{position:absolute; top:5px; left:45px; color:#debf86; display:block;}
#popUp div.photoComment .body .selectedPhoto{top:37px;}
#popUp div.photoComment .body .leftArrowControl,
#popUp div.photoComment .body .rightArrowControl{position:absolute; top:114px; width:13px; height:16px; cursor:pointer;}
#popUp div.photoComment .body .rightArrowControl{ left:332px;}
#popUp div.photoComment .body .leftArrowControl{left:38px;}
#popUp div.photoComment .head span{margin-left:108px;}
#popUp div.photoComment #commentControl{position:absolute; top:290px; left:174px;}
#popUp div.photoComment #commentControl textarea{width:165px; height:80px; background-color:#a9abad; border:none; opacity:.7; filter:alpha(opacity=70); overflow:hidden; font-size:.9em;}
#popUp div.photoComment #commentControl #submitControl{position:absolute; left:-121px; top:28px; width:76px; height:12px; cursor:pointer;}

.submitPhotos{cursor:pointer; position:absolute; height:18px; width:100px; cursor:pointer;}
#popUp div.icon_pastEvent .submitPhotos { top:66px; right:89px; }
#popUp div.allEvents .submitPhotos{top:-57px; right:87px;}
#popUp div.photoComment .submitPhotos {top:60px; left:81px; z-index:5;}

#rightInfoBox{width:289px; height:576px; background:transparent url(../images/spanish/right-info-box.png) no-repeat; position:absolute; top:70px; right:70px;}
#rightInfoBox{display:none; width:289px; height:576px; background:transparent url(../images/spanish/right-info-box.png) no-repeat; position:absolute; top:70px; right:70px;}
#rightInfoBox .proximosEventos {width:215px; height:37px; cursor:pointer; margin:218px 0 0 34px;}
#rightInfoBox .eventosPasados {width:215px; height:37px; cursor:pointer; margin:63px 0 0 34px;}
#rightInfoBox .subeTusFotos {width:215px; height:37px; cursor:pointer; margin:72px 0 0 27px;}
#rightInfoBox .johnnieWalkerWebsite {width:134px; height:37px; cursor:pointer; margin:23px 0 0 89px;}