.indexBox {
  position: fixed;
  width: 700px;
  min-height: 300px;
  padding: 15px;
  left: 50%;
  top: 50%;
  margin: -200px auto auto -373px;
  border: 7px solid #191e1c;
  background: #222825;
  display: none;
}

.indexBox .indexBoxLoading {
  position: absolute;
  width: 700px;
  margin: 134px 0 0 0;
  padding: 0;
  text-align: center;
}

.indexBox .indexBoxTitle {
  float: left;
  width: 700px;
  margin: 0;
  padding: 0 0 5px 0;
  color: #37c94a;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
  border-bottom: 1px solid #404641;
}

.indexBox .indexBoxTitle .indexBoxTitleTxt {
  float: left;
  text-align: left;
}

.indexBox .indexBoxTitle .indexBoxClose {
  float: right;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.indexBox .indexBoxSignUpWrapper {
  float: left; 
  width: 370px; 
  margin: 0;
  padding: 10px;
}

.indexBox .indexBoxSignUpContainer {
  float: left; 
  width: 370px; 
  margin: 5px 0 0 0;
  padding: 0;
}

.indexBox .indexBoxSignUpContainer .indexBoxSignUpTxt {
  float: left; 
  width: 120px;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
}

.indexBox .indexBoxSignUpContainer .indexBoxSignUpField {
  float: left; 
  width: 200px;
  margin: 0;
  padding: 0;
}

.indexBox .indexBoxSignUpContainer input.textField {
  width: 227px;
  margin: 0;
  padding: 2px;
  border: none;
}

.indexBox .indexBoxSignUpContainer input.phTextField {
  width: 50px;
  margin: 0;
  padding: 2px;
  border: none;
}

.indexBox .indexBoxSignUpContainer .indexBoxSignUpInput {
  width: 66px;
  margin: 0;
  padding: 0 2px 2px 2px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  background: url('../images/grn_btn_25x1.png') repeat-x;
}

.indexBox .indexBoxSignUpContainer .hiddenField {
  display: none;
}

.indexBox .indexBoxMemberContainer {
  float: right;
  width: 285px;
  min-height: 300px;
  margin: 0;
  padding: 10px;
  border-left: 1px solid #404641;
}

.indexBox .indexBoxMemberContainer .indexMemberTxt {
  float: left;
  font-weight: bold;
  font-size: 16px;
  width: 285px;
  clear: left;
}

.indexBox .indexBoxMemberContainer .indexMemberLoginTxt {
  float: left;
  width: 100px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
}

.indexBox .indexBoxMemberContainer .indexMemberLogin {
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
}

.indexBox .indexBoxMemberContainer .indexMemberLogin a {
  width: 80px;
  margin: 0;
  padding: 3px 5px 3px 5px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  background: url('../images/grn_btn_25x1.png') repeat-x;
}

.indexBox #popUpSignUpMessage {
  display: none;
  clear: both;
}

/* Index Page */
.indexUpperFold {
  float: left;
  width: 968px;
  height:auto;
  margin:-10px 0 0 0;
  padding:0;
}

.indexUpperFold .indexUpperIntro {
  float: left;
  width: 587px;
  margin: 0;
  padding: 0;
}

/* 15px right signup 336px */

.indexUpperFold .indexUpperFoldTitle {
  float: left;
  /*height:26px;*/
  width: 560px;
  margin: 0 0 5px 0;
  padding: 0 0 0px 0;
  font-family: arial;
  font-size: 16pt;
  font-weight: bold;
  color: #FFF;
  border-bottom: 0px solid #37C94A;
}

.indexUpperFold .indexUpperFoldSubTitle {
  float: left;
  width: 618px;
  font-size: 12px;
  margin: 0;
  padding: 0 7px 10px 0;
  text-align: justify;
  font-weight: bold;
  border-right: 1px solid #686868;
}

.indexUpperFold .indexUpperFoldIcon {
  float: left;
}

.indexInfoBoxContainer{
	width:370px;
	height:auto;
	float:right;
	}

.indexRightContainer{
	float:right;
	width:336px;
	border-bottom: 0px solid #F18325;	
	}
.indexLeftContainer{
	float:left;
	width:618px;
	display:block;
	border-bottom: 1px solid #37C94A;
	}

/* Sign Up */
.indexUpperFold .indexSignUpContainer {
  float: right;
  width: 336px;
  margin: 0 0 0 0;
  padding: 0;
  
}

.indexUpperFold .indexSignUpContainer a:link,
.indexUpperFold .indexSignUpContainer a:active,
.indexUpperFold .indexSignUpContainer a:visited {
  color: #F18325;
}

.indexUpperFold .indexSignUpContainer .indexSignUpTitle {
  float: left;
  /*height:22px;*/	
  width: 336px;
  margin: 4px 0 5px 0;
  padding: 0 0 2px 0;
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 0px solid #F18325;
}

.indexUpperFold .indexSignUpContainer .indexSignUpTitle span {
  color: #F18325;
}

.indexUpperFold .indexSignUpFormContainer {
  float: left; 
  width: 340px; 
  margin: 5px 0 0 0;
  padding: 	0;
}

.indexUpperFold .indexSignUpFormContainer .indexSignUpTxt {
  float: left; 
  width: 120px;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
}

.indexUpperFold .indexSignUpFormContainer .indexSignUpField {
  float: left; 
  width: 210px;
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexSignUpContainer input.textField {
  width: 202px;
  margin: 0;
  padding: 2px;
  border: none;
}

.indexUpperFold .indexSignUpContainer .indexSignUpCheckBox {
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexSignUpContainer .indexSignUpInput {
  width: 66px;
  margin: 0;
  padding: 0 2px 2px 2px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  background: url('../images/home_signup_btn.png') repeat-x;
}

.indexUpperFold .indexSignUpContainer span.indexSmallLoader {
  
  margin: 5px 0 0 10px;
}

.indexSecurityNotice {
  float: left;
}

.securityCaptcha {
  width: 120px;
  margin: 10px 0 10px 0;
  padding: 5px;
  border: 1px solid #191e1c;
}

.indexUpperFold .indexSignUpContainer .indexSignUpMessage {
  float: left;
  width: 355px;
  margin: 13px 0 0 0;
  padding: 0;
  display: none;
}

.indexUpperFold .indexSignUpContainer .indexCreateCelebPage {
  float: left;
  width: 336px;
  padding: 30px 0 0 0;
  text-align:justify;
}
.indexUpperFold .indexSignUpContainer .indexCreateCelebPage span{
  float: left;
  width: 336px;
  margin: 10px 0 0px 0;
  font-size: 15px;
  font-weight: bold;
  clear: right;
  color: #F18325;
}
.indexUpperFold .indexPreviewPlayerContainer {
  float: left;
  width: 618px;
  height: auto;
  margin:0;
  padding:9px 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer {
  float: left;
  width: 618px;
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPreviewPlayerGenres {
  float: left;
  width: 150px;
  height: 496px;
  margin: 0;
  padding: 10px 0 0 10px;
  background: #0f1412;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer ul {
  width: 150px;
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer ul li {
  margin: 0 0 2px 0;
  padding: 0 0 0 2px;
  display: block;
  color: #ffffff;
  font-size:14px;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer ul li a {
  margin: 0;
  padding: 0;
  display: block;
  color: #ffffff;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer ul li a.active {
  color: #37c94a;
    font-weight:bolder;
	font-size:14px;
	color:#F18325;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer ul li a:hover {
color:#F18325;
}


.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPreviewPlayerGenre {
  float: left;
  width: 300px;
  margin: 0 0 0 5px;
  padding: 0 15px 15px 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer {
  float: right;
  width: 447px;
  height: 75px;
  margin: 0 0 0 0;
  padding: 10px 0;
  border-bottom: 1px solid #686868;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer a:link,
.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer a:active,
.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer a:visited {
  color: #ffffff;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer:hover {
  background: #0f1412;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPreviewPlayerGenre .indexPlayerError {
  float: left;
  width: 393px;
  height: 70px;
  margin: 0 0 0 5px;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPreviewPlayerLoading {
  position: absolute;
  width: 335px;
  height: 50px;
  margin: 150px 0 0 50px;
  padding: 0;
  display: none;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerCount {
  float: left;
  width: 30px;
  height: 65px;
  margin: 0 10px 0 0;
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  background: url('../images/home_playerbg_left.png') repeat-x;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerArtistPic {
  float: left;
  width: 75px;
  height: 75px;
  margin: 0 10px 0 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer  .indexPlayer .indexPlayerArtistPic img {
  width: 75px;
  height: 75px;
  margin: auto;
  display: block;
}
.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer  .indexPlayer .indexPlayerInfo {
  float: left;
  width: 245px;
  height: 75px;
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer  .indexPlayer .indexPlayerMusicName {
  float: left;
  width: 245px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  color: #32C94A;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer  .indexPlayer .indexPlayerArtistName {
  float: left;
  width: 245px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 10px;
  clear: both;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerOptions {
  float: left;
  width: 245px;
  margin: 2px 0 0 0;
  padding: 0;
  font-size: 10px;
  clear: both;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer span.highlights {
  color: #32C94A !important;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerStars {
  float: left;
  width: 75px;
  height: 15px;
  margin: 11px 0 0 0;
  padding: 0;
  clear: both;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerStars img {
  margin: 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerVoteTxt {
  float: left;
  height: 15px;
  margin: 11px 0 0 0;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerVoteTxt img {
  float: left;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerVoteTxtFix {
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerButton {
  float: right;
  width: 23px;
  height: 45px;
  margin: 0px 10px ;
  padding: 30px 0 0 2px;
  border-left: 1px solid #686868;
  clear: right;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerButton a.play {
  float: left;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  display: block;
  background: url('../images/voter_newartist_icon_play_h.png') no-repeat;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerButton a.play:hover {
  float: left;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  display: block;
  background: url('../images/newartist_icon_play_hover_s.png') no-repeat;
}

.indexUpperFold .indexPreviewPlayerContainer .indexPreviewPlayer .indexPlayer .indexPlayerButton a.pausee {
  float: left;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  display: block;
  /*background: url('../images/voter_newartist_icon_play_h.png') no-repeat;*/
  background: url('../images/voter_newartist_icon_pause_sm.png') no-repeat;
}

/* Lower */
.indexLowerFold {
  float: left;
  width: 968px;
  height:auto;
  margin:0 0 0px 0;
  padding: 0 0 0px 0;
  border-bottom: 1px solid #37C94A;
}

.indexLowerFoldArtistVoterContainer{
	width:968px;
	min-height:150px;
	float:left;
	margin:0;
	padding:0;
	clear:left;
	
	}
/* Artists */


.indexLowerFold .indexUpperFoldArtistsContainer {
  float: left;
  width: 618px;
  /*height:170px;*/
  margin: 9px 0 15px 0;
  display:block;
  padding: 0;
}

.indexLowerFold .indexUpperFoldArtistsContainer a:link,
.indexLowerFold .indexUpperFoldArtistsContainer a:active,
.indexLowerFold .indexUpperFoldArtistsContainer a:visited {
  color: #F18325 !important;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistIcon {
  float: left;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistTtitle {
  float: left;
  margin: 0 0 0 12px;
  padding: 0;
  font-weight: bold;
  font-size: 24px;
  color: #f18325;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo {
  float: left;
  width: 618px;
  margin:5px 0 0 0;
  padding: 0;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoTxt {
  width: 618px;
  float:left;
  margin: 0;
  padding: 0;
  text-align: justify;
  font-size:12px;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoTxt p {
	margin:0;
	padding:0;
	font-size:12px;
	}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoTxt a:link,
.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoTxt a:active,
.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoTxt a:visited {
  color: #ffffff;
}

.learnMore {
  padding-bottom: 5px;
  text-align: right;
  bottom:1;
  float:right;
  
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo .indexUpperFoldArtistInfoBullets {
  width: 80px;
  margin: 10px 0 -15px 30px;
  padding: 0;
  clear: left;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo ul {
  width: 80px;
  margin: 0;
  padding: 0;
  float:left;
}

.indexLowerFold .indexUpperFoldArtistsContainer .indexUpperFoldArtistInfo ul li {
  text-transform: uppercase;
  font-weight: bold;
}

/* Voters */
.indexLowerFold .indexUpperFoldVotersContainer {
  float: left;
  height:200px;	
  width: 618px;
  margin: 9px 0 0 0;
  padding: 0 0 2px 0;
  display:block;
  border-bottom: 1px solid #32C94A;
}


.indexLowerFold .indexUpperFoldVotersContainer a:link,
.indexLowerFold .indexUpperFoldVotersContainer a:active,
.indexLowerFold .indexUpperFoldVotersContainer a:visited {
  color: #32C94A !important;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterIcon {
  position: absolute;
  float:left;
  width: 55px;
  height: 55px;
  margin: 0;
  padding: 0;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterTtitle {
  float: left;
  margin: 0 0 0 12px;
  padding: 0;
  font-weight: bold;
  font-size: 24px;
  color: #32c94a;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo {
  float: left;
  width: 618px;
  margin: 5px 0;
  padding: 0;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt {
  float: left;
  width: 618px;
  /*height:400px;*/
  display:block;
  margin: 0;
  padding: 0;
  text-align: justify;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt p {
	margin:0;
	padding:0;
	font-size:12px;
	}
.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt a:link,
.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt a:visited, 
.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt a:active {
  color: #ffffff;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoTxt .learnMore {
  margin: -14px 0 0 0;
  text-align: right;
  float:right;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo .indexUpperFoldVoterInfoBullets {
  width:580px;
  margin: 10px 0 0 30px;
  padding:0;
  float:left;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo ul {
  width: 80px;
  margin: 0;
  padding: 0;
}

.indexLowerFold .indexUpperFoldVotersContainer .indexUpperFoldVoterInfo ul li {
  text-transform: uppercase;
  font-weight: bold;
}

.indexLowerFoldInfoBox {
  float: left;
  width: 313px;
  margin: 0px 0 0 0;
  padding: 5px 0 5px 0;
}

.infoBoxMarginTopFix {
  margin-top: 10px !important;
  *margin-top: 0px !important;
}

.infoBoxColored {
  height:67px;
  margin-top:30px;
  padding: 15px 0;	
  /*border-top: 1px solid #37C94A !important;
  border-bottom: 1px solid #37C94A !important;*/
}
.infoBoxColored2 {
  /*height:47px;*/
  margin-top:30px;
  padding: 15px 0;	
  /*border-top: 1px solid #37C94A !important;
  border-bottom: 1px solid #37C94A !important;*/
}

.indexLowerFoldInfoBox a:link,
.indexLowerFoldInfoBox a:active,
.indexLowerFoldInfoBox a:visited {
  color: #32C94A !important;
}

.indexLowerFoldInfoBox .indexLowerFoldInfoBoxTitle {
  float: left;
  width: 336px;
  margin: 0 0 0px 0;
  font-size: 15px;
  font-weight: bold;
  clear: right;
  color: #F18325;
}



.indexLowerFoldInfoBox_bot {
  /*border-top:1px solid #F18325 !important;
  border-bottom:1px solid #F18325 !important;*/
  border-left: 1px solid #686868;
  float: left;
  width: 295px;
  height:82px;
  margin: 23px 0 8px 0;
  padding: 15px 0 5px 15px;
}

.infoBoxMarginTopFix_bot {
  margin-top: 10px !important;
  *margin-top: 0px !important;
}

.infoBoxColored_bot {
	margin-top:20px;
}

.indexLowerFoldInfoBox_bot a:link,
.indexLowerFoldInfoBox_bot a:active,
.indexLowerFoldInfoBox_bot a:visited {
  color: #32C94A !important;
}

.indexLowerFoldInfoBox_bot .indexLowerFoldInfoBoxTitle_bot {
  float: left;
  width: 230px;
  height:auto;
  margin: 0 0 10px 0;
  padding:	20px 0 0 0;
  font-size: 15px;	
  font-weight: bold;
  clear: right;
  color: #F18325;
}


.indexInfoBoxNoTopBorder {
  border-top: 0 !important;
}

.indexInfoBoxNoBorder {
  border-bottom: 0 !important;
}

.indexLowerFoldInfoBox .indexLowerFoldVoterInfoBoxTitle {
  color: #32C94A !important;
}

.indexLowerFoldInfoBox .indexLowerFoldInfoBoxTxt {
  margin: 0 0 5px 0;
  clear: right;
  text-align:justify;
}

.indexLowerFoldInfoBox .indexLowerFoldInfoBoxIcons {
  clear: left;
}

.indexLowerFoldInfoBox .indexLowerFoldInfoBoxMore {
  float: right;
  clear: left;
}

.indexLowerFoldInfoBox .indexLowerFoldInfoBoxMore a{
  color:#FFFFFF;
}

/* Index Buttons */
.indexButtons {
  width: 460px;
  margin-left: 30px;
  padding: 0;
  clear: both;
}
.indexButtons img{
  margin: 0 auto -40px auto;
  padding: 0;
  border:none;
  float:left;
  width:50px;
}