
#wrap .zoneFeature .splitRight {
  right:45px;
  top:60px;
  text-align: center;
}

#wrap .zoneFeature .splitLeft {
  top:50px;
  text-align: center;
  left:72px;
}

.splitRight p, .splitRight h1, .splitRight h2 {
  color:#fff;
}

/*
 * TD Friend Selector
 * @author Bram Verdyck, Keegan Street
 */#TDFriendSelector{display:none;width:100%;padding:10px 0 0;position:fixed;left:0;top:0;z-index:1000;color:#333;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px}#TDFriendSelector a,#TDFriendSelector a:active,#TDFriendSelector a:hover,#TDFriendSelector a:visited{text-decoration:none;color:#3B5998}#TDFriendSelector p,#TDFriendSelector ul,#TDFriendSelector li{margin:0;padding:0}#TDFriendSelector li{list-style-type:none}#TDFriendSelector .TDFriendSelector_clearfix:before,#TDFriendSelector .TDFriendSelector_clearfix:after{content:"";display:table}#TDFriendSelector .TDFriendSelector_clearfix:after{clear:both}#TDFriendSelector .TDFriendSelector_clearfix{zoom:1}#TDFriendSelector .TDFriendSelector_dialog{width:392px;padding:10px;margin:0 auto;position:relative;background:rgba(82, 82, 82, 0.7);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#TDFriendSelector .TDFriendSelector_dialog #TDFriendSelector_buttonClose{position:absolute;right:18px;top:15px;font-size:16px}#TDFriendSelector .TDFriendSelector_dialog #TDFriendSelector_buttonClose,#TDFriendSelector .TDFriendSelector_dialog #TDFriendSelector_buttonClose:active,#TDFriendSelector .TDFriendSelector_dialog #TDFriendSelector_buttonClose:hover,#TDFriendSelector .TDFriendSelector_dialog #TDFriendSelector_buttonClose:visited{color:#FFF}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_form{border:1px solid #3B5998}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_header{padding:7px 10px;background:#6D84B4;color:#FFF;font-size:14px;font-weight:bold}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_content{background:#FFF;padding:10px}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_searchContainer{margin-top:10px;padding:10px;background:#f1f1f1;border:solid #cacaca;border-width:1px 0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_searchContainer .TDFriendSelector_selectedCountContainer{font-weight:bold;float:left;padding:3px 0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_searchContainer #TDFriendSelector_searchField{float:right}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer{width:370px;margin:10px 0 0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend{display:block;padding:5px 10px;margin-bottom:2px;border-bottom:1px solid #cacaca;cursor:pointer}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend .TDFriendSelector_friendAvatar{float:left;height:50px;width:50px}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend .TDFriendSelector_friendName{float:left;font-size:14px;font-weight:bold;padding:17px 0 17px 20px;position:relative;width:280px}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend .TDFriendSelector_friendSelect{display:none;position:absolute;right:0;top:19px;text-align:right;color:#666;font-size:10px;font-weight:normal}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend:hover .TDFriendSelector_friendSelect{display:block}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend.TDFriendSelector_friendSelected{background:#f0f0f0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend.TDFriendSelector_friendDisabled{cursor:default;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend.TDFriendSelector_friendDisabled:hover .TDFriendSelector_friendSelect{display:none}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_friendsContainer .TDFriendSelector_friend.TDFriendSelector_friendFiltered{display:none}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer{padding:8px 10px;background:#F2F2F2;border-top:1px solid #CCC}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pagePrev,#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pageNext{float:left;height:21px;width:22px;overflow:hidden;text-indent:-999em;background:transparent url(tdfriendselector.png) no-repeat 0 0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pagePrev{background-position:-44px 0;margin-right:2px}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pageNext{margin-right:6px}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pagePrev.TDFriendSelector_disabled{background-position:-66px 0;cursor:default}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_pageNext.TDFriendSelector_disabled{background-position:-22px 0;cursor:default}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer .TDFriendSelector_pageNumberContainer{float:left;padding:4px 0 0}#TDFriendSelector .TDFriendSelector_dialog .TDFriendSelector_footer #TDFriendSelector_buttonOK{float:right;background:#3B5998;color:#FFF;padding:4px 20px 5px 20px;border:1px solid;border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA}
 

.splitRight p {
  font-size:1.2em;
  line-height: 1.5em;
}


#players {
width: 600px;
}

.track {
  width: 127px;
  height: 100px;
}

.options {
  display:none;
  position:absolute;
  top:-10px;
  left:0;
  right:20px;
  bottom:0;
  padding:20px;
  background:#000;
  background:rgba(0,0,0,0.8);
}

#unlock_methods {
  position:relative;
  padding:0 20px;
}

#unlock_methods form label {
  display:block;
  width:auto;
  font-weight: normal;
  font-size: 0.9em;
  float:none;
}

#unlock_methods form input {
  width:200px;
  padding:5px;
  color:#fff;
  background:transparent;
}


#unlock_methods form textarea {
  width:200px;
  padding:5px;
  height:80px;
  color:#fff;
  background:transparent;
}

#unlock_methods form input, #unlock_methods form textarea {
  border:2px solid #fff;
}

#unlock_methods form input:focus, #unlock_methods form textarea:focus {
  border:2px solid #A7BE7C;
}

#unlock_methods .button, button.button {
  background:#fff;
  color:#170806;
  display: block;
  float:none;
  border:1px solid #170806;
  border-radius:5px;
  padding:5px 10px 7px;
  width:150px;
  cursor:pointer;
  margin:5px auto;
  text-align: center;
  text-decoration: none;
  font-weight: bold;;
}

#unlock_methods img.button {
  width:auto;
  border:none;
  background:none;
  padding:0;
  margin: 0 auto;
}

#unlock_methods .button[type="submit"], button.button[type="submit"] {
  width:auto;
  margin:0;
}

#unlock_methods .hide-option.button {
  width:auto;
  position:absolute;
  top:0px;
  right:0px; 
}

#unlock_methods .button:hover, button.button:hover {
  background:#1a1a1a;
  color:#A7BE7C;
}

#unlock_methods img.button {
  -webkit-transition: 200ms opacity;
  -moz-transition: 200ms opacity;
  -ms-transition: 200ms opacity;
  -o-transition: 200ms opacity;
  transition: 200ms opacity;
}

#unlock_methods img.button:hover {
  background:transparent;
  opacity:0.8;
}




/* THIS IS THE STANDARD PLAYERS CSS */

#players {
display: block;;
padding: 0;
margin:0;
margin-left:-8px;
}
.track {
  float: left;
  margin: 4px;
  position: relative;
  list-style: none;
}

.track.active {
  border: 2px solid #fff;
  box-sizing: border-box;
}
.track .img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.track.revealed .img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.track .img, .track .img img {
  position: absolute;
  z-index: 1;
  width: 100%;
  display:block;
  height: 100%;
  top: 0;
  left: 0;
}

.track aside {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity:0;
}
.track.playing aside {
  opacity:1;
  z-index:99999;
  background: rgba(0,0,0,0.5);
}

.track aside h2 {
	text-align:center;
	text-transform: uppercase;
	font-family: "fenwick", Arial, Helvetica, sans-serif;
  padding: 10px 5px;
  background: rgba(0,0,0,0.5);
  z-index:99999;
  font-size: 15px;
/*  font-weight: bold;*/
/*  color: #4D443F;*/
  color: white;
}

.track {
  display:block;
}



.track .player {
  left: 0;
  right: 0;
  top: 0;
  display:block;
  bottom: 0;
  position:absolute;
  opacity:1;
/*  background-image:url(img/play.png);*/
  background-position: 5px 5px;
  background-repeat: no-repeat;
	z-index: 5;
}
body.touch .track .player {
  background-image:url(../img/play.png);
}
.track.playing .player, .track.playing:hover .player {
	opacity:1;
	background-image:url(../img/pause.png);
}
.track:hover .player {
	background-image:url(../img/play_hover.png);
}
.track.revealed .player {
  cursor: pointer;
}

.track .duration {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0;
  right:0;
  background:#000;
  padding:5px;
  background:rgba(0,0,0,0.5);
  text-align: center;
  z-index: 6;
  color: #DDD;
  text-shadow: 1px 1px 1px black;
  text-transform: uppercase;
	font-family: "fenwick", Arial, Helvetica, sans-serif;
}

.track:hover .duration, .track.playing .duration {
  display: block;
}


