﻿sup { font-size: 8px !important; }

.moduleWide .topPromotionRounded { height: 8px; background: url('/Images/Promotions/BOTB_2010/topBOTBRoundedWide.png') no-repeat; }

.moduleWide .bottomPromotionRounded { height: 8px; background: url('/Images/Promotions/BOTB_2010/bottomBOTBRoundedWide.png') no-repeat; }

.moduleWide .contentPromotion { min-height: 602px; font-size: 12px; color: #ffffff; background: #ffffff url('/Images/Promotions/BOTB_2010/backgroundBOTB.jpg') no-repeat; }

.moduleWide .moduleLeftColumnContent
{
    width: 638px;
    margin: 0px;
    padding: 20px 10px 0px 30px;
}

.moduleWide .moduleRightColumnContent
{
    width: 342px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#contentBOTB
{
    padding-top: 10px;
    text-align: left;
}

#contentBOTB #ctl00_uxContentPlaceholder_uxBOTBEnter3EditCommand
{
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}

#contentBOTB #containerModuleFlashBOTBHome
{
    width: 566px;
    height: 256px;
}

#contentBOTB #videoShareBOTB
{
    text-align: right;
    padding-right: 52px;
}

#contentBOTB a
{
    color: #ea2227;
    font-weight: bold;
    text-decoration: underline;
}

#contentBOTB p
{
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #444444;
}

#contentBOTB p.intro
{
    font-size: 14px;
    line-height: 20px;
}

#contentBOTB ul
{
    margin: 0px;
    padding: 5px 0px 10px 15px;
    list-style-type: disc;
    font-size: 11px;
}

#contentBOTB ul li
{
    margin: 0px;
    padding: 3px 0px 3px 0px;
    color: #444444;
}

#contentBOTB .required
{
    color: #ea2227;
}

#contentBOTB .join
{
    padding-left: 25px;
    border-left: dashed 1px #444444;
}

#contentBOTB .header
{
    padding-bottom: 15px;    
}

#contentBOTB .error
{
    font-size: 12px !important;
    color: #ff0000 !important;
}

#contentBOTB label
{
    color: #444444;
}

#contentBOTB .separator
{
    width: 280px;
    height: 1px;
    margin: 7px 0px 7px 0px;
    border-bottom: dashed 1px #444444;
}

#contentBOTB td.separated
{
    padding: 0px 0px 0px 15px;
    border-left: dashed 1px #444444;
}

#contentBOTB.confirmation
{
    padding-top: 100px;
}

#contentBOTB #containerModuleBandPhoto
{
    width: 160px;
    padding: 5px;
    background-color: #e2e2e2;
}

#contentBOTB #containerModuleFlashSong1
{
    width: 160px;
    height: 120px;
    display: none;
    padding: 5px;
    background-color: #e2e2e2;
}

#contentBOTB #containerModuleFlashSong2
{
    width: 160px;
    height: 120px;
    display: none;
    padding: 5px;
    background-color: #e2e2e2;
}

#contentBOTB #containerModuleFlashSong3
{
    width: 160px;
    height: 120px;
    display: none;
    padding: 5px;
    background-color: #e2e2e2;
}

#contentBOTB a.songListen
{
    color: #444444;
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
}

#contentBOTB #songUploadTips p
{
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#contentBOTB .superimposed
{
    width: 143px;
    position: absolute; 
    overflow: hidden;
    margin-top: 21px; 
    margin-left: 3px; 
    color: #000000; 
    z-index: 980;
}

#facebookCommentShare
{
    margin-top: -8px;
    margin-left: 80px;
}

#facebookCommentShare #facebookCommentsCount
{
    /* Comments are going away for post-recruitment */
    display: none;
    
    width: 136px;
    height: 29px;
    margin: 0px;
    padding: 5px 0px 0px 3px;
    font-weight: bold;
    color: #ffffff;
    background: url('/Images/Promotions/BOTB_2010/facebookComments.png') no-repeat;
}

#rulesBOTB
{
    position: absolute;
    margin-top: -27px;
    left: 69%;
}

a#modalBOTBEventTip { font-weight: normal !important; }

#containerModalBOTBEventTip { width: 482px; height: 270px; position: absolute; top: 34%; left: 10%; display: none; z-index: 1010; }

.BOTBModal { display: none; position: absolute; left: 250px; }
.BOTBModal .modalHeader { width: 441px; height: 63px; background: url('/Images/Promotions/BOTB_2010/modalHeader.png') no-repeat; cursor: pointer; }
.BOTBModal .modalContent { width: 441px; min-height: 50px; background: url('/Images/Promotions/BOTB_2010/backgroundModal.png') repeat-y; }
.BOTBModal .modalContent .copy { padding-left: 25px; padding-right: 25px; color: #d71b22; }
.BOTBModal .modalContent .copy.header { padding-top: 5px; font-size: 16px; font-weight: bold; color: #0baae2; }
.BOTBModal .modalContent .copy.subHeader { color: #444444; }
.BOTBModal .modalContent .copy.body { padding-top: 10px; }
.BOTBModal .modalContent .copy.body .legal { color: #444444; font-size: 10px; }
.BOTBModal .modalContent .copy.body .error { color: #d71b22 !important; }
.BOTBModal .modalContent .copy.body a { color: #d71b22; text-decoration: underline; }
.BOTBModal .modalContent .copy.warning { color: #d71b22; }
.BOTBModal .modalContent #containerFlashBOTBSong { width: 380px; height: 260px; margin-top: 5px; margin-left: auto; margin-right: auto; }
.BOTBModal .modalContent .shareFacebook { padding-top: 5px; padding-right: 30px; text-align: right; }
.BOTBModal .modalFooter { width: 441px; height: 31px; background: url('/Images/Promotions/BOTB_2010/modalFooter.png') no-repeat; }

#BOTBMain .calloutModule { float: left; margin-top: 10px; padding-bottom: 0px; }
#BOTBMain .calloutModule.main { width: 638px; height: 324px; margin-top: 0px; }
#BOTBMain .calloutModule.main .copy { width: 638px; position: absolute; text-align: center; color: #ffffff; font-weight: bold; }
#BOTBMain .calloutModule.main .copy.eventCityWinner { margin-top: 20px; font-size: 28px; }
#BOTBMain .calloutModule.main .copy.saveWinner { width: 600px; margin-top: 15px; margin-left: 15px; font-size: 28px; }
#BOTBMain .calloutModule.main .copy.sixToFourWinner { width: 600px; margin-top: 10px; margin-left: 15px; font-size: 22px; }
#BOTBMain .calloutModule.main .copy.musicVideosWinner { width: 600px; margin-top: 10px; margin-left: 15px; font-size: 26px; }
#BOTBMain .calloutModule.subContainer { width: 317px; border: solid 0px blue; }
#BOTBMain .calloutModule.subContainer.left { margin-right: 3px; }
#BOTBMain .calloutModule.miniCallout { width: 316px; height: 131px; margin-top: 10px; border: solid 0px red; }
#BOTBMain .calloutModule.subContainer.thin { width: 300px; margin-left: 10px; border: solid 0px blue; }
#BOTBMain .calloutModule.twitter { margin-top: 10px; }
/*#BOTBMain .calloutModule.subContainer.twitter { width: 300px; margin-left: 10px; border: solid 0px blue; }
#BOTBMain .calloutModule.subContainer.twitter #feedTwitter { height: 232px; margin-top: 0px; border: solid 0px red; background: url('/Images/Promotions/BOTB_2010/backgroundTwitterFeed.png') no-repeat; }
#BOTBMain .calloutModule.subContainer.twitter #feedTwitter a { color: #15aae2; }
#BOTBMain .calloutModule.subContainer.twitter #feedTwitter .postTwitter { padding: 35px 15px 0px 10px; color: #444444; }
#BOTBMain .calloutModule.subContainer.twitter #feedTwitter .postTwitter .postUser { display: none; color: #444444; font-weight: bold; }
#BOTBMain .calloutModule.subContainer.twitter #feedTwitter .postTwitter .postDate { color: #444444; font-size: 10px; }
#BOTBMain .calloutModule.subContainer.twitter .footerTwitter { margin-bottom: 10px; }
*/

#BOTBEvents {width: 638px; margin-top: 20px; margin-bottom: 20px; border: solid 0px black;}
#BOTBEvents .accordianPanel{border:0px solid blue; width:638px; height: 0px; background-repeat:no-repeat;}
#BOTBEvents .accordianHeader{width: 638px; height: 36px; background-repeat: no-repeat; cursor: pointer; border: solid 0px red;}
#BOTBEvents .accordianHeader.current{width: 638px; background-image:url('/Images/Promotions/BOTB_2010/eventsPhaseCurrent.png');}
#BOTBEvents .accordianHeader.past{width: 638px; background-image:url('/Images/Promotions/BOTB_2010/eventsPhasePast.png');}
#BOTBEvents .accordianContent{width: 638px; height: 169px; background-image:url('/Images/Promotions/BOTB_2010/eventsPhaseContent.png'); background-repeat: no-repeat; border: solid 0px red;}
#BOTBEvents .accordianPanel.open{height:169px;}
#BOTBEvents .accordianPanel.open .accordianHeader{height: 0px; display: none;}
#BOTBEvents .accordianPanel.closed {height:36px;}
#BOTBEvents .accordianPanel.closed .accordianContent{display:none;}
#BOTBEvents .accordianHeader .phaseName{float: left; padding-top: 10px; padding-left: 8px; font-weight: normal;}
#BOTBEvents .accordianHeader .phaseCTA{float: right; padding-top: 10px; padding-right: 10px;}
#BOTBEvents .accordianContent .phaseDesc{float: left; padding-top: 4px; padding-left: 8px;}
#BOTBEvents .accordianContent .phaseDesc p { color: #ffffff; }
#BOTBEvents .accordianContent .phaseDesc.headerImage{ float: none; }
#BOTBEvents .accordianContent .phaseDesc.image img{ width: 138px; height: 131px; padding-top: 1px; }
#BOTBEvents .accordianContent .phaseDesc.copy { width: 325px; padding-right: 5px; font-size: 11px; font-weight: normal; }
#BOTBEvents .accordianContent .phaseDesc.copy b { font-size: 13px; }
#BOTBEvents .accordianContent .phaseDesc.bands { width: 425px; padding-right: 5px; font-size: 11px; font-weight: normal; }
#BOTBEvents .accordianContent .phaseDesc.CTAs { width: 139px; }
#BOTBEvents a{color: #ffffff;}

#BOTBEventDetails {}
#BOTBEventDetails #containerFlashBOTBEventCity { width: 638px; height: 170px; }
#BOTBEventDetails .details .bands {width: 369px; height: 192px; float: left; margin-top: 10px; padding-top: 5px; padding-left: 10px; background: url('/Images/Promotions/BOTB_2010/backgroundEventBands.png') no-repeat;}
#BOTBEventDetails .details .scoop {width: 235px; height: 192px; margin-top: 10px; padding-top: 5px; padding-left: 15px; float: left;}
#BOTBEventDetails .details .bands .bandPhoto {float: left; padding-right: 5px;}
#BOTBEventDetails .details .bands .bandInfo {float: left; padding-right: 5px;}
#BOTBEventDetails .details .bands .bandInfo .headliner {font-size: 18px; font-weight: bold;}
#BOTBEventDetails .details .bands .bandInfo .headliner a {font-size: 12px; color: #454545; font-weight: normal;}
#BOTBEventDetails .separator {width: 638px; height: 32px; margin-top: 10px; margin-bottom: 10px; border: none;}
#BOTBEventDetails .bandsVote .separator {background: url('/Images/Promotions/BOTB_2010/separatorVote.png') no-repeat;}
#BOTBEventDetails .bandsSave .separator {background: url('/Images/Promotions/BOTB_2010/separatorSave.png') no-repeat;}
#BOTBEventDetails .bandsVote .bandList .bandModule { background: url('/Images/Promotions/BOTB_2010/backgroundBandSmallBlue.png') no-repeat; }
#BOTBEventDetails .bandsSave .bandList .bandModule { background: url('/Images/Promotions/BOTB_2010/backgroundBandSmallRed.png') no-repeat; }
#BOTBEventDetails .bandList .bandModule.filler { background: url('/Images/Promotions/BOTB_2010/phaseCategory7_Cell.jpg') no-repeat; }
#BOTBEventDetails .bandList { padding-top: 10px; padding-bottom: 10px; }
#BOTBEventDetails .bandList .bandModule { width: 205px; height: 259px; float: left; margin-bottom: 5px; margin-right: 5px; text-align: center; color: #ffffff; border: solid 0px red; }
#BOTBEventDetails .bandList .bandModule p { color: #ffffff; }
#BOTBEventDetails .bandList .bandModule p.numVotes { font-size: 13px; font-weight: bold; }
#BOTBEventDetails .bandList .bandModule .bandImage img { width: 178px; height: 148px; padding-top: 10px; }
#BOTBEventDetails .bandList .bandModule a { color: #ffffff; }
#BOTBEventDetails .bandList .bandModule .bandInfo { padding-top: 10px; padding-bottom: 5px; }
#BOTBEventDetails .bandList .bandModule .bandDesc { display: none; }
#BOTBEventDetails .bandList .bandModule .videoButton { width: inherit; padding-top: 55px; position: absolute; text-align: center; }
#BOTBEventDetails .bandList .bandModule .videoButton img { width: 55px !important; height: 54px !important; }
#BOTBEventDetails .movingOn { width: 78px; height: 78px; position: absolute; float: left; background: url('/Images/Promotions/BOTB_2010/bannerMovingOn.png') no-repeat; }

#BOTBEventDetails .bandsVote .bandList .bandModule.finalFour { background: url('/Images/Promotions/BOTB_2010/backgroundBandLargeRed.png') no-repeat; }
#BOTBEventDetails .bandList .bandModule.finalFour { width: 636px; height: 259px; float: left; margin-bottom: 10px; text-align: left; color: #ffffff; border: solid 0px red; }
#BOTBEventDetails .bandList .bandModule.finalFour img { width: 307px; height: 243px; float: left; padding-top: 8px; padding-left: 10px; padding-right: 10px; }
#BOTBEventDetails .bandList .bandModule.finalFour .bandInfo { padding-top: 10px; }
#BOTBEventDetails .bandList .bandModule.finalFour .bandInfo a { font-size: 16px; font-weight: bold; }
#BOTBEventDetails .bandList .bandModule.finalFour .bandDesc { display: block; padding-right: 15px; padding-bottom: 10px; }
#BOTBEventDetails .bandList .bandModule.finalFour .videoButton { width: 100px; height: 100px; padding-top: 95px; padding-left: 110px; }

#BOTBEventDetails .bandsVote .bandList .bandModule.finals { background: url('/Images/Promotions/BOTB_2010/backgroundBandMedium.png') no-repeat; }
#BOTBEventDetails .bandList .bandModule.finals { width: 255px; height: 299px; float: left; margin-right: 10px; text-align: center; color: #ffffff; border: solid 0px red; }
#BOTBEventDetails .bandList .bandModule.finals img { width: 229px; height: 190px; padding-top: 10px; }
#BOTBEventDetails .bandList .bandModule.finals .bandInfo { padding-top: 10px; }
#BOTBEventDetails .bandList .bandModule.finals .bandInfo a { font-size: 14px; font-weight: bold; }
#BOTBEventDetails .bandList .bandModule.finals .bandDesc { display: none; }
#BOTBEventDetails .bandList .bandModule.finals .videoButton { padding-top: 65px; }

#BOTBEventDetails #containerWinnersCircle .separator { width: 99%; height: 1px; margin: 15px 0px 10px 0px; border-bottom: dashed 1px #444444; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle { width: 625px; height: 436px; background: url('/Images/Promotions/BOTB_2010/backgroundWinnersCircle.jpg') no-repeat; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .bandList { margin-left: 220px; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .bandList .bandModule { width: 190px; height: 200px; color: #444444; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .bandList .bandModule a { color: #444444; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .bandlist .bandModule .bandImage img { width: 178px; height: 148px; padding-top: 10px; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .movingOn { width: 50px; height: 55px; background: url('/Images/Promotions/BOTB_2010/bannerLocked.png') no-repeat 5px 10px; }
#BOTBEventDetails #containerWinnersCircle #contentWinnersCircle .videoButton { width: 178px; }

#BOTBBands .separator { width: 99%;  }
#BOTBBands .bandList { padding-top: 10px; padding-bottom: 10px; }
#BOTBBands .bandList .bandModule { width: 205px; height: 199px; float: left; margin-bottom: 7px; margin-right: 7px; text-align: center; background: url('/Images/Promotions/BOTB_2010/backgroundBandBlue.png') no-repeat; }
#BOTBBands .bandList .bandModule p { color: #ffffff; }
#BOTBBands .bandList .bandModule img { width: 178px; height: 148px; padding-top: 10px; }
#BOTBBands .bandList .bandModule a { color: #ffffff; }
#BOTBBands .bandList .bandModule.eliminated { background: url('/Images/Promotions/BOTB_2010/backgroundBandGray.png') no-repeat; }
#BOTBBands .movingOn { width: 78px; height: 78px; position: absolute; float: left; background: url('/Images/Promotions/BOTB_2010/bannerMovingOn.png') no-repeat; }

#BOTBBandDetails .separator { width: 99%;  }
#BOTBBandDetails p.bandName { font-size: 16px; font-weight: bold; color: #ea2227; }
#BOTBBandDetails .bandModule { width: 636px; height: 259px; margin-bottom: 10px; float: left; background: url('/Images/Promotions/BOTB_2010/backgroundBandLargeBlue.png') no-repeat; }
#BOTBBandDetails .bandModule .bandInfo { width: 293px; float: left; padding-top: 10px; padding-left: 10px; }
#BOTBBandDetails .bandModule .bandInfo img { width: 293px; height: 237px; padding-right: 10px; }
#BOTBBandDetails .bandModule p { color: #ffffff; }
#BOTBBandDetails .bandModule a { color: #ffffff; }
#BOTBBandDetails .videoList { height: 117px; background: url('/Images/Promotions/BOTB_2010/backgroundBandVideos.png') no-repeat; }
#BOTBBandDetails .videoList img { width: 101px; height: 102px; padding: 7px; }
#BOTBBandDetails .bandDesc { padding-top: 15px; padding-bottom: 20px; color: #ea2227; }
#BOTBBandDetails #bandCommentsModule { width: 100%; height: 522px; margin-top: 10px; margin-bottom: 30px; background: url('/Images/Promotions/BOTB_2010/backgroundBandComments.png') no-repeat; }
#BOTBBandDetails #facebookCommentShareBand { position: absolute; }
#BOTBBandDetails #facebookCommentShareBand div { float: left; }
#BOTBBandDetails #facebookCommentShareBand #facebookCommentsCountBand { width: 172px; height: 29px; margin: 0px 0px 0px 15px; padding: 5px 0px 0px 33px; font-weight: bold; color: #ea2227; background: url('/Images/Promotions/BOTB_2010/facebookCommentsBand.png') no-repeat; }
#BOTBBandDetails #commentsFBML { position: absolute; margin-top: 50px; margin-left: 40px; float: left; border: solid 0px red; }

#BOTBFilmTeams .separator { width: 95%; padding-top: 10px; margin-bottom: 10px; clear: both; }
/*#BOTBFilmTeams .filmTeamModule { width: 205px; height: 174px; float: left; background: url('/Images/Promotions/BOTB_2010/backgroundFilmTeam.png') no-repeat; border: solid 0px blue; }*/
#BOTBFilmTeams .filmTeamModule { width: 205px; height: 120px; float: left; }
#BOTBFilmTeams .filmTeamContent { width: 400px; height: 100px; float: left; padding-top: 15px; padding-left: 15px; border: solid 0px red; }
#BOTBFilmTeams .filmTeamContent .copy { font-size: 12px; line-height: 18px; color: #444444; }
#BOTBFilmTeams .filmTeamContent .copy.header { font-size: 18px; color: #d71b22; }