/*MASTER RESET*/
*{padding: 0; margin: 0; outline: none; background-repeat: no-repeat !important; }
html {height:100%; width:100%; } /* overflow: -moz-scrollbars-vertical !important;  force vertical scroll on ff margin-bottom: 1px;*/
body{height: 100%; font: 12px Arial; color: #000; background: #f3f3f3 url(../images/bg_page.png) 50% 0 no-repeat; }

a{color: #ffd100; font-weight: bold; text-decoration: none;}
a:hover{color: #ffd100; text-decoration: underline;}
a:visited{color: #ffd100;}
/*a span{display: none;}*/

li{list-style-type: none; color: #ffffff;}
hr {border: 0; width: 100%;}
p{margin: 14px 0px 10px 0px; line-height: 18px;} /*text-align: justify;*/
img{border: 0; display: block; margin: 0;}

h2{font-size: 28px;}
h3{font-size: 18px;}


/*CLASSES*/
.left{float: left;}
.right{float: right;}
.block{display: block;}
.fixer{display: none;}
.clearer{clear: both; height: 0; line-height: 0; font-size: 0;}
.spacer{clear: both; line-height: 0; font-size: 0;}
.spacer_xxx{height: 22px;}
.spacer_xx{height: 14px;}
.spacer_x{height: 8px;}

.wrapLR{}
.wrapL{float: left; width: 50%;}
.wrapR{float: right; width: 48%;}

.list li{list-style-type: disc; color: #fff; padding: 6px 14px; margin: 6px 14px; line-height: 16px;}
.listNum {width: 481px;}
.listNum li{list-style-type: none; color: #fff; padding: 5px 0 5px 22px ; margin:5px 0; line-height: 16px; text-align: left; background-position: 0 8px !important;}

.fixAuto{clear: left; padding: 0 !important; margin:0 !important;}
.noLead{margin: 0px 0px 10px 0px !important;}

/*Delimiters*/
.delimiter{width: 563px; height: 10px; margin-left: -7px; background-position: 50%; background-repeat: no-repeat; }
.delimiter_red {background: url(../images/delimiter_red.png);}
.delimiter_green {background: url(../images/delimiter_green.png);}
.delimiter_yellow {background: url(../images/delimiter_yellow.png);}

/*Colors*/
.white{color: #ffffff !important;}
.red{color: #de061e !important;}
.blue{color: #009aa6 !important;}
.orange{color: #f47d20 !important;}
.yellow{color: #ffd100 !important;}
.green{color: #59aa29 !important;}
.purple{color: #cb0e6c !important;}
.pink{color: #f49ac1 !important;}

/*Titles*/
.title{display: block;}
.title span{display: none;}
.title_time2rockInAction{height: 50px; background: url(../images/title_time2rockInAction.png); margin-left: -15px;}
.title_whatIst2r{height: 50px; background: url(../images/title_whatIst2r.png);}
.title_getConcertTix{height: 50px; background: url(../images/title_getConcertTix.png);}
.title_getInvolved{height: 50px; background: url(../images/title_getInvolved.png); margin-left: -15px;}
.title_thankYou{height: 50px; background: url(../images/title_thankYou.png); margin-top: -7px;}
.title_thankYou{height: 50px; background: url(../images/title_thankYou.png); margin-top: -7px;}
.title_comeRockWithUs {height: 50px; background: url(../images/title_comeRockWithUs.png); margin-left: -15px;}
.title_claimPrize{height: 50px; background: url(../images/title_claimPrize.png); margin-left: -15px;}
.title_getCoolStuff{height: 50px; background: url(../images/title_getCoolStuff.png); margin-left: -15px;}
.title_createYourOwn{height: 90px; background: url(../images/title_createYourOwn.png); margin-top: -17px;}
.title_shareStory{height: 56px; background: url(../images/title_shareStory.png); margin-left: -15px;}
.title_myProfile{height: 56px; background: url(../images/title_myProfile.png); margin-left: -15px;}
.title_attend{height: 50px; background: url(../images/title_attend.png);}
.title_create{height: 50px; background: url(../images/title_create.png);}
.title_share{height: 50px; background: url(../images/title_share.png);}
.title_t2rNews{height: 50px; background: url(../images/title_t2rNews.png); margin-left: -15px;}
.title_happening{height: 76px; background: url(../images/title_happening.png); margin-top: -17px;}
.title_sendToFriend{height: 56px; background: url(../images/title_sendToFriend.png); margin-left: -15px;}
.title_congrats{height: 56px; background: url(../images/title_congrats.png); margin-left: -15px;}
.title_videoArchive{height: 50px; background: url(../images/title_videoArchive.png); margin-left: -15px; margin-top: -7px;}


/*Font-Sizes*/
.fontSize_XL{font-size: 24px; font-weight: bold;}
.fontSize_L{font-size: 18px; font-weight: bold;}
.fontSize_M{font-size: 16px; font-weight: bold;}
.fontSize_S{font-size: 12px; font-weight: normal; }
.fontSize_S p {line-height: 16px;}

.note{font-size: 10px; line-height: 11px !important;}

/*Images*/
.thumbClear{border: none !important; margin:3px 15px 15px 0;}
.thumbSmall{border:2px solid #4b4b4b !important; margin: 3px 15px 15px 0;}
.thumbActive{border:2px solid #ffd100 !important;}

/*Buttons*/
.btn {background-position: 50% 50%; background-repeat: no-repeat; cursor:pointer; border:none;}
.btn span{display: none;}
.btn_attendThisEvent{display: block; width: 190px; height: 40px; background: url(../images/btn_attendThisEvent.png)}
.btn_Login{width:74px; height:35px; background:url(../images/btn_Login.png);  text-indent: -1000px; margin-right: 4px;}
.btn_Submit{width:110px; height:35px; background:url(../images/btn_Submit.png);  text-indent: -1000px; margin-right: 4px; }
.btn_shareYourStory{display: block; width: 185px; height: 35px; background: url(../images/btn_shareYourStory.png)}
.btn_submitBlue{width:110px; height:35px; background:url(../images/btn_submitBlue.png);  text-indent: -1000px; margin-right: 4px; }
.btn_visitToChange{display: block; width:481px; height:53px; background:url(../images/btn_visitToChange.png); }
.btn_edit{display: block; width:75px; height:35px; background:url(../images/btn_edit.png); }
.btn_next{width:90px; height:35px; background:url(../images/btn_next.png);  text-indent: -1000px; margin-right: 4px;}
.btn_next-blue{width:90px; height:35px; background:url(../images/btn_next-blue.png);  text-indent: -1000px; margin-right: 4px;}
.btn_save{width:75px; height:35px; background:url(../images/btn_save.png);  text-indent: -1000px; margin-right: 4px;}
.btn_sendNow{width:120px; height:35px; background:url(../images/btn_sendNow.png);  text-indent: -1000px; margin-right: 4px;}
.btn_iCantMakeIt{display: block; width:170px; height:35px; background:url(../images/btn_iCantMakeIt.png); }
.btn_claimTicketNow{width:230px; height:35px; background:url(../images/btn_claimTicketNow.png);  text-indent: -1000px; margin-right: 4px;}
.btn_download{display: block; width:270px; height:35px; background:url(../images/btn_download.png); }

/*Pagination*/
.pagination{background: #1e1e1e; font-size: 12px; padding: 2px 8px;}
.pagination .prevPage{float: left;}
.pagination .pages{width: 65%; margin: 0 auto; text-align: center; }
.pagination .nextPage{float: right;}
.pagination .currPage{text-decoration: underline; font-weight: normal ;}
.pagination li{display: inline; padding: 2px;}
.pagination li a{font-weight: normal !important;}

/*Forms*/
form label {cursor: pointer; font-size: 14px; font-weight: bold; color: #f2f2f2 !important;}
input{text-align: left; font-size: 14px; line-height: 16px; font-weight: bold; font-style: italic; background: #434343; border: 1px solid #606060; color: #a6a6a6; /*background-color: Transparent !important;*/}
select{font-size: 10px;}
.input_typeCheckbox{width: 16px; height: 16px; margin-right: 6px;}
.input_typeRadio{width: 16px; height: 16px; margin-right: 6px;}
.input_typeText{padding: 3px 3px 3px 3px;}
.input_typeFile{padding: 3px 3px 3px 3px;}
.input_typeTextArea{padding: 3px 3px 3px 3px; text-align: left; font-size: 14px; line-height: 16px; font-family: Arial; font-weight: bold; font-style: italic; background: #434343; border: 1px solid #606060; color: #a6a6a6; overflow: auto;}
.input_typeSelect{height: 23px; text-align: left; font-size: 14px; line-height: 16px; font-family: Arial; font-weight: bold; font-style: italic; background: #434343; border: 1px solid #606060; color: #a6a6a6; overflow: auto;}

#wrapLoginSignIn{background: url(../images/delimiter_white-v.png) 183px 50% no-repeat; width: 100%;}
#wrapLoginSignIn #login{float: left; width: 185px;}
#wrapLoginSignIn #signIn{float: right; width: 346px;}
#wrapLoginSignIn .input_typeText{width: 160px;}
#wrapLoginSignIn .input_typeTextLong{width: 260px;}
#wrapLoginSignIn .input_typeTextShort{width: 70px;}

#wrapClaimPrize {background: url(../images/delimiter_blue-v.png) 294px 50% no-repeat; width: 100%;}
#wrapClaimPrize #cleanUpAustralia{float: left; width: 270px;}
#wrapClaimPrize #didYourOwn{float: right; width: 230px;}
#wrapClaimPrize .input_typeTextLong{width: 260px;}

#shareStory{}
#shareStory .input_typeText{width: 240px;}
#shareStory .input_typeTextArea{width: 380px; height: 50px;}
#shareStory .input_typeFile{}
#shareStory .wrapLR{width: 340px;}

#claimPrizeShareStory{}
#claimPrizeShareStory .input_typeText{width: 240px;}
#claimPrizeShareStory .input_typeTextArea{width: 380px; height: 50px;}
#claimPrizeShareStory .input_typeFile{}
#claimPrizeShareStory .wrapLR{width: 340px;}

#editProfile{width: 346px;}
#editProfile .input_typeTextLong{width: 260px;}
#editProfile .input_typeTextShort{width: 70px;}

#getIvolved {background: url(../images/bg_getIvolved.png) -10px 50% no-repeat; width: 550px;}

#sendToFriend{width: 380px;}
#sendToFriend .input_typeText{width: 180px;}
#sendToFriend .input_typeTextArea{width: 380px; height: 50px;}

#wrapEvents{width: 340px; margin: 0 auto;}
#wrapEvents .wrapEvent{}
#wrapEvents .shift{margin-left: 6px;}
#wrapEvents .wrapEvent .eventInfo{float: left; width: 220px;}

#congrats{width: 420px; margin: 0 auto;}
#congrats #wrapConcerts{width: 300px; margin: 0 auto;}
#congrats #wrapConcerts .wrapConcert{}
#congrats #wrapConcerts .wrapConcert .input_typeRadio{float: left; margin-right: 10px;}
#congrats #wrapConcerts .wrapConcert .concertInfo{float: left; width: 240px;}

#wrapDownloads{width: 320px; margin: 0 auto;}
#wrapDownloads img{float: left; margin-right: 10px;}

 
/*Wrap*/
#wrapPage {width: 100%; height: 100%; }
#wrapContent{width: 994px; margin: 0 auto;}
#wrapContent p, #wrapContent span{color: #fff;}

#wrapMain{position: absolute; top: 0; margin-left: 315px; margin-top: 24px;}
#wrapSocial{width: 44px; height: 643px; background: url(../images/bg_socail.png); float: left;}

/*Navigation*/
#wrapNavigation{background: #000; height: 34px; }
#wrapNavigation .content{width: 994px; margin: 0 auto;}
#wrapNavigation .content ul{margin: 0; padding: 0;}
#wrapNavigation .content ul li{margin: 0; padding: 0; height: 34px;  display: block; float: left;}
#wrapNavigation .content ul li a{color: #fff; display: block; height: 34px; }
#wrapNavigation .content ul li a:hover, #wrapNavigation .content ul .active a{background-position:100% !important;}
#wrapNavigation .content ul li a span{display: none;}
#wrapNavigation .content ul .navItem01 a{width: 53px; background: url(../images/navItem01.png);}
#wrapNavigation .content ul .navItem02 a{width: 143px; background: url(../images/navItem02.png);}
#wrapNavigation .content ul .navItem03 a{width: 103px; background: url(../images/navItem03.png);}
#wrapNavigation .content ul .navItem04 a{width: 121px; background: url(../images/navItem04.png);}
#wrapNavigation .content ul .navItem05 a{width: 116px; background: url(../images/navItem05.png);}
#wrapNavigation .content ul .navItem06 a{width: 145px; background: url(../images/navItem06.png);}
#wrapNavigation .content #subscribe{height: 34px; line-height: 34px; padding-right: 20px; float: right; font-weight: bold; background: url(../images/icon_rss.png) 100% 50%;}

/*Action Packs*/
#actionPack1{width: 330px; height: 430px; background: url(../images/graph_t2r.png) 100% 0  no-repeat; position: absolute; top: 38px; z-index: 9999;}

#actionPack1 #time2RockHome{width: 342px; height: 170px; display: block; position: relative; top: 0px;}
#actionPack1 #becomeVolunteer{width: 234px; height: 234px; display: block; position: relative; top: 10px;}
#actionPack1 #sendFriend{width: 144px; height: 144px; display: block; position: relative; margin-top: -130px; margin-left: 160px;}

#actionPack2{width: 310px; height: 310px; position: absolute; top: 470px; margin-left: 645px; z-index: 9998;}
#actionPack2 #claimPrize{display: block; position: absolute; margin-top: 0px; margin-left: 85px;}
#actionPack2 #shareStory{display: block; position: absolute; margin-top: 0px; margin-left: 105px; top: 128px;}
#actionPack2 #peopleRock{display: block; position: absolute; margin-top: 0px; margin-left: 0px; top: 140px; z-index: 9997;} 

/*Side*/
#sideHome {width: 738px; position: absolute; top: 0; margin-top: 417px; z-index: 9995;}
#sideHome #sideHomeContent {background:url(../images/bg_sideHome.png) 0 0 no-repeat; }
#sideHome #sideHomeContent .title_t2rAction{background: url(../images/title_t2rAction.png); width:491px; height: 44px; position: relative; left: 110px; top: 10px; margin-bottom: 16px;}
#sideHome #sideHomeContent .content{width: 613px; background: #000; margin-left: 49px; }
#sideHome #sideHomeBottom {display:block; height: 100px; }

#sideHome #sideHomeContent .content #news{width: 175px; float: left; color: #fff; margin-left: 16px; }
#sideHome #sideHomeContent .content #news img{display: block; border:3px solid #4b4b4b;}
#sideHome #sideHomeContent .content #news .date{display: block; font-weight: bold;  margin-top: 5px;}
#sideHome #sideHomeContent .content #news .info{display: block;}
#sideHome #sideHomeContent .content #news .info .readMore{display: block; margin-top: 5px;}

#sideHome #sideHomeContent .content #commentsHome{width:405px; float: left; color: #fff; margin-left: 2px; }
#sideHome #sideHomeContent .content #commentsHome .commentHome {width: 390px; background: url(../images/bg_commentHome.png);}
#sideHome #sideHomeContent .content #commentsHome .commentHome .commentHomeBottom{background: url(../images/bg_commentHome.png) 0 100%; padding: 5px;}
#sideHome #sideHomeContent .content #commentsHome .commentHome .content{background: none; width: auto; margin: 0; padding-top:14px; padding-left: 36px; padding-right: 16px;}
#sideHome #sideHomeContent .content #commentsHome .commentHome .content img{display: inline; float: left; margin-right: 7px;}
#sideHome #sideHomeContent .content #commentsHome .commentHome .content .info .readMore{width: auto; display: block; margin-top: 5px;}
#sideHome #sideHomeContent .content #commentsHome .indent{margin-left: 20px;}

#sideInner {width: 371px; position: absolute; top: 0; margin-top: 417px; z-index: 9995;}
#sideInner #sideInnerContent {background:url(../images/bg_sideInner.png) 0 0 no-repeat; height: 386px; }

#actionPack2Inner {width: 310px; height: 310px; position: absolute; top: 16px; margin-left: 48px; z-index: 9998; }
#actionPack2Inner #claimPrize{display: block; position: absolute; margin-top: 0px; margin-left: 65px;}
#actionPack2Inner #shareStory{display: block; position: absolute; margin-top: 0px; margin-left: 0px; top: 135px;}
#actionPack2Inner #peopleRock{display: block; position: absolute; margin-top: 0px; margin-left: 193px; top: 172px; z-index: 9997;} 

/*Main Home*/
#mainHome{width: 635px; height: 467px;  background: url(../images/bg_mainHome.png); float: left;}
#mainHome .content{width: 589px;margin-top: 58px; margin-left: 46px;}
#mainHome .poweredBy {display: block; width:200px; height: 28px; position: relative; top: 340px; left: 433px; z-index: 9999;}

/*Main Inner*/
#mainInner{width: 635px; height: 467px;  background: url(../images/bg_mainHome.png); float: left;}
#mainInner .content{width: 588px;margin-top: 58px; margin-left: 46px; font-size: 14px; background: #000; min-height: 610px; height:auto !important; height: 610px;}
#mainInner .content #innerContent {padding: 0 23px 0 16px;}
#mainInner .content #innerContent img{display: block; border:5px solid #3d3d3d; }
#mainInner #mainInnerBottom{position: relative; left: 30px;}
#mainInner .poweredBy {display: block; width:200px; height: 28px; position: relative; top: -40px; left: 433px; z-index: 9999;}

/*Heading Overlay*/
#headingOverlay{margin: 0 0 10px 0;}
#headingOverlay h1{position: absolute; height: 50px; width: 588px; margin: -5px 0 0 5px;}
#headingOverlay img{padding-top: 10px;}

/*Columns*/
#columns{}
.columnsABC{}
.columnsABC .column{width: 30%; float: left; margin-right: 25px;}
.columnsABC .column p {text-align: left !important;}

/*Functions*/
#functions{width: 645px; height: 57px; position: absolute; top: 25px; margin-left: 352px; z-index: 9996; }
#functionsHome{background: url(../images/bg_functionsHome.png); height: 57px; }
#functionsHome .content{}
#functionsHome .content #wrapLogin{float: right; padding-right:30px; padding-top: 28px; color: #ffd100; font-weight: bold;}

#functionsInner{background: url(../images/bg_functionsInner.png); height: 57px; }
#functionsInner .content{}
#functionsInner .content #wrapLogin{float: right; padding-right:30px; padding-top: 28px; color: #ffd100; font-weight: bold; }
#functionsInner .content #wrapLogin span{background:#000; padding: 0px 6px 4px 6px; line-height: 18px; margin-top: -2px; color: #fff; font-weight: normal; display: block; float: left;}

#functionsHome .content #wrapGet{float: left; padding-left: 21px; padding-top: 34px;}
#functionsHome .content #wrapGet a{height: 18px; display: block; float: left;}
#functionsHome .content #wrapGet a:hover{background-position: 100% 0 !important;}
#functionsHome .content #wrapGet a span{display: none;}
#functionsHome .content #wrapGet #getInvolved{width: 120px; background: url(../images/text_getInvolved.png);}
#functionsHome .content #wrapGet #getConcert{width: 140px; background: url(../images/text_getConcert.png); margin-left:21px;}

/*Footer*/
#footerLinks{position: absolute; top: 520px;}
#footerLinks ul{margin: 0;margin-left: 30px; padding: 0; width: 14px;}
#footerLinks ul li{margin: 0; padding: 0;  display: block; float: left;}
#footerLinks ul li a{display: block; width: 14px;}
#footerLinks ul li a span{display: none;}
#footerLinks ul .footerItem01 a{height: 29px; background: url(../images/text_faq.png); margin-top: 10px;}
#footerLinks ul .footerItem02 a{height: 39px; background: url(../images/text_terms.png); margin-top: 25px;}
#footerLinks ul .footerItem03 a{height: 46px; background: url(../images/text_privacy.png); margin-top: 10px;}
#footerLinks ul .footerItem04 a{height: 49px; background: url(../images/text_sitemap.png);}

#socialBookmarks{position: absolute; top: 286px; background: url(../images/title_spreadIt.png) no-repeat; width: 44px;}
#socialBookmarks ul{margin: 0; margin-left: 5px; margin-top: 17px; padding: 0; width: 20px;}
#socialBookmarks ul li{margin: 0; margin-top: 4px; padding: 0;  display: block; float: left;}
#socialBookmarks ul li a{display: block; width: 20px;}
#socialBookmarks ul li a span{display: none;}