html {
	min-width:940px;
}
body {
	margin:0;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight: bold;
	background: #000;
	/*background-image:url('/images/bg1.jpg');*/
    background-attachment:fixed;
    background-position:center; 
}
a {
	text-decoration:none;
	color: #ffd;
}
    
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#wrapper {
	width:940px;
	margin:0 auto;
	padding: 0 0 45px 0;
}
#header {
	position:relative;
}
#header .google-ads {
	width: 900px;
	padding: 36px 40px 0 0;
	overflow: hidden;
}
#header .banner 
{
    width:728px;
    height:90px;
	float: right;
	overflow: hidden;
	background-color:#fff;
}
.logo-image {
	position:absolute;
	top:27px;
	left:34px;
	display:block;
	height:136px;
	width:105px;
	background:url(/images/logo.gif) no-repeat;
}
.main-nav {
	margin:34px 0 0 ;
	overflow:hidden;
	width:940px;
}
.main-nav .logo {
	float:left;
	margin:0;
	width:230px;
	background:url(/images/title-hypster.gif) no-repeat;
}
.main-nav .logo a {
	display:block;
	width:230px;
	height:39px;
	text-indent:-9999px;
}
.main-nav ul {
	float:left;
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	width:710px;
}
.main-nav li {
	float:left;
}
.main-nav li a {
	display:block;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding-top: 14px;
	font-family: Arial;
	color: #fff;
	/*background:url(/images/bg-main-nav.gif) no-repeat;*/
	height:25px;
}
.main-nav a.upgrade
{
    width:267px;
    background: url(/images/nav_link.gif);
}
.main-nav a.upgrade:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.browse
{
	width:179px;
    background: url(/images/nav_link.gif);
}
.main-nav a.browse:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.tutorial
{
	width:106px;
    background: url(/images/nav_link.gif);
}
.main-nav a.tutorial:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.invite {
	width:75px;
    background: url(/images/nav_link.gif);
}
.main-nav a.invite:hover {
    background: url(/images/nav_link_over.gif);
}

.main-nav a.login {
	width:93px;
    background: url(/images/nav_link.gif);
}
.main-nav a.login:hover
{
    background: url(/images/nav_link_over.gif);
}
.main-nav a.register
{
	width:116px;
    background: url(/images/nav_link.gif);
}
.main-nav a.register:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.search {
	width:90px;
    background: url(/images/nav_link.gif);
}
.main-nav a.search:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.help {
	width:70px;
    background: url(/images/nav_link.gif);
}
.main-nav a.help:hover {
    background: url(/images/nav_link_over.gif);
}
.main-nav a.ringtones {
	width:161px;
    background: url(/images/nav_link.gif);
}
.main-nav a.ringtones:hover {
    background: url(/images/nav_link_over.gif);
}
#content {
	overflow:hidden;
	margin:15px 0 0 0;
}
#content .row {
	width:940px;
	overflow:hidden;
}
.player-box {
	float:left;
	height:250px;
	width:621px;
	background:url(/images/bg-player-box.gif) repeat-y;
}
.player-box .holder {
	overflow:hidden;
	padding:28px 0 14px 20px;
	width:601px;
}
.player-box .side {
	width:146px;
	float:left;
	background:url(/images/separator.gif) repeat-y 100% 0;
	padding:7px  19px 0 0;
}
.player-box .side p {
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
	font-size:12px;
	color:#fff;
	display:block;
	line-height:15px;
}
.player-box .buttons {
	padding:0;
	list-style:none;
	
	margin:0;
	width:146px;
}
.player-box .buttons li {
	display:block;
	margin:0 0 14px;

}
.player-box li a {
	border:0;
	text-indent:-9999px;
	display:block;
	width:117px;
	height:43px;
	margin:0 0 0 12px;
	
}
.player-box a.join {
	background:url(/images/btn-join.gif) no-repeat;
}
.player-box a.join:hover {
	background:url(/images/btn-join-hover.gif) no-repeat;
}
.player-box a.invite {
	background:url(/images/btn-invite.gif) no-repeat;
}
.player-box a.invite:hover {
	background:url(/images/btn-invite-hover.gif) no-repeat;
}
.player-box .wrap {
	padding:2px 0 0 5px;
	float:left;
	width:620px;
}
.player-box h2.start-building {
	width:580px;
	height:30px;
	background:url(/images/ttl-start-building.gif) no-repeat;
	display:block;
	margin:0 0 12px 4px;
}
.player-box form span 
{
	background:url(/images/bg-input.gif) no-repeat;
    background-position: right;
	width:363px;
	height:43px;
	display:block;
	float:left;
	overflow:hidden;
	padding:0 25px;
}
.player-box form input {
	display:block;
	float:left;
	background:0;
	border:0;
	width:363px;
	height:26px;
	color:#666;
	font-size:17px;
	font-weight:bold;
	padding:12px 0 5px;
}
.player-box .search-form 
{
	overflow:hidden;
	height:1%;
}
.player-box .button {
	display:block;
	text-indent:-9999px;
	width:117px;
	height:43px;
	background:url(/images/btn-search.gif) no-repeat;
	float:left;
	margin:0 0 0 10px;
}
.player-box .button:hover {
	background:url(/images/btn-search-hover.gif) no-repeat;
}
.player-box .player-holder {
	margin:19px 0 0 0;
	
}
#content .google-ads {
	float:right;
	width:300px;
	padding:0;
	background-color:#fff;
}
#content .google-ads img {
	display:inline;
}
.four-columns {
	overflow:hidden;
	width:960px;
	background:url(/images/bg-four-column.gif) repeat-y;
	margin:16px -20px 0 0;
}
.column {
	width:198px;
	float:left;
	margin:0 20px 0 0;
	padding:12px 11px;
}
.column img {
	margin:0 0 15px;
	display:block;
}
.column h2 {
	font-size:15px;
	padding:0 0 7px;
	margin:0;
	background:url(/images/separator2.gif) repeat-x 0 100%;
}
.column p {
	margin:10px 5px 0;
	/*line-height:14px;*/
}
.column .more {
	display:block;
	text-indent:-9999px;
	width:9px;
	height:13px;
	float:right;
	background:url(/images/bg-more.gif) no-repeat;
}
.bottom {
	
	width:960px;
	margin:16px -20px 0 0;
	overflow:hidden;
}
.bottom .left,
.bottom .right {
	width:460px;
	margin:0 20px 0 0;
}

.bottom .left {
	float:left;
}
.bottom .right {
	float:right;
}
.bottom .title {
	background:url( /images/bg-title.gif) repeat-x;
}
.bottom .title h2 {
	font-size:15px;
	line-height:39px;
	margin:0 13px;
}
.bottom .pictures,
.top-list 
{
	display: block;
	list-style:none;
	margin: 9px 0 0 0;
	padding:0px;
}
.top-list ul {
	display: block;
	list-style:none;
	padding:0;
	margin:0;
}
.top-list li {
	padding:0 2px 0 2px;
	overflow:hidden;
	line-height:20px;
	vertical-align:middle;
}
.bottom .top-list li.odd {
	background:#000;
}
.bottom .top-list li.even {
	background:#333;
}
.top-list li span {
	float:left;
}
.top-list li .link {
	float:right;
	font-weight: bold;
	background:url(/images/bullet.png) no-repeat ;
	padding:0 0 0 7px;
}
.bottom .pictures ul {
	width:472px;
	list-style:none;
	margin:0 -12px  8px 0;
	padding:0;
	overflow:hidden;
}
.bottom .pictures li {
	float:left;
	display:block;
	width:106px;
	background:url(/images/bg-picture.gif) no-repeat;
	padding:8px 0 6px;
	margin:0 12px 0 0;
}
.bottom .pictures img {
	margin:0 auto;
	display:block;
}

.roundedcornr_box_279111 {
   background: #ffb017;
}
.roundedcornr_top_279111 div {
   background: url(/images/roundedcornr_279111_tl.png) no-repeat top left;
}
.roundedcornr_top_279111 {
   background: url(/images/roundedcornr_279111_tr.png) no-repeat top right;
}
.roundedcornr_bottom_279111 div {
   background: url(/images/roundedcornr_279111_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_279111 {
   background: url(/images/roundedcornr_279111_br.png) no-repeat bottom right;
}

.roundedcornr_top_279111 div, .roundedcornr_top_279111, 
.roundedcornr_bottom_279111 div, .roundedcornr_bottom_279111 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_279111 { margin: 0 15px; color:#000; }

.roundedcornr_content_279111 a
{
    color: blue;
}

.footer
{
    background: #666666;
    margin-top: 15px;
    padding:10px;
    text-align: center;
    color: #fff;
    padding: 8px;
    font-size: 12px;
}


/* Errors */
.validation-summary-errors
{
    list-style: none;
    background-color: #ecf3fa;
    padding: 15px 20px 15px 20px;
    border: 1px solid #2e21a6;
    font-weight: bold;
    color: #000;
    margin: 0px 0px 10px 0px;
}

.validation-summary-errors li 
{
    display: block;
    background: url('/images/exclamation.png') no-repeat 0px 50%;
    padding: 5px 0px 5px 25px; 
}


.field-validation-error,
span.input-validation-error
{
    color: #cc0000;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    border: 1px solid #cc0000;
    background-color: #ffffcc;
}

	
.error
{
    
}
.loginLabel
{
    display: block;
    font-weight: bold;
    font-size:14px;
    margin-bottom:7px;
    margin-top:7px;
}



.first {background-color: #ddd;}
.second{background-color: #fff;}
.third{background-color: #9ff;}


.pagination {
    padding-top: 10px;
    font-weight: bold;
}
.defaultTextActive { color: #a1a1a1; }
.defaultText {}


/* playlist */
.player-area {
	float:left;
	width:700px;
	background:url(/images/bg-player-box-inner-top.gif) no-repeat;
	padding:14px 0 0;
}
.player-area .holder {
	overflow:hidden;
	padding:0 12px 2px 18px;
	width:670px;
	background:url(/images/bg-player-box-inner.gif) repeat-y;
}
.player-area .side {
	width:157px;
	float:left;
	background:none;
	padding:0;
}
.player-area .buttons {
	padding:0;
	list-style:none;
	margin:0;
	width:144px;
}
.player-area .buttons li {
	display:block;
	margin:0 0 6px;
	height:29px;
}
.player-area .buttons li a {
	/*text-indent:-9999px;*/
	display:block;
	background: url(/images/bg-buttons.gif) no-repeat;
	width:118px;
	height:29px;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	margin:0;
	padding:0 0 0 26px;
	cursor:pointer;
}
.player-area li span {
	display:block;
	height:29px;
	padding-top: 8px;
}
.player-area .bottom-bg {
	width:701px;
	height:8px;
	display:block;
	margin:0;
	background:url(/images/bg-player-box-inner-bottom.gif) no-repeat;
	overflow:hidden;
}
.search-form-hold{
	float:right;
	width:513px;
}
.player-area .wrap {
	width:513px;
	padding:0;
	background: url(/images/bg-wrap.gif) repeat-y;
	margin:0 0 6px;
	float:none;
}
.player-area .wrap-hold {
	background: url(/images/bg-wrap-top.gif) no-repeat;
}
.player-area .wrap-bg {
	background: url(/images/bg-wrap-bottom.gif) no-repeat 0 100%;
	overflow:hidden;
	padding:10px;
}
* html .player-area .wrap-bg{
	height:1%;
	overflow:visible;
}
.player-area .search-form {
	overflow:hidden;
	height:1%;
}
.player-area input {
	background:0;
	border:0;
	color:#666;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.player-area .lbl-username{
	float:left;
	overflow:hidden;
	font-weight: bold;
	font-size:18px;
	width:113px;
	height:13px;
	margin:10px 20px 0 15px;
	display:inline;
}
.player-area .search-txt {
	background:url(/images/bg-search-txt.gif) no-repeat;
	width:369px;
	height:31px;
	float:left;
	overflow:hidden;
	padding:0;
}
.player-area .search-txt input {
	float:left;
	width:361px;
	height:21px;
	padding:5px 4px;
}
.player-area .txt {
	background:url(/images/bg-txt.gif) no-repeat;
	width:344px;
	height:31px;
	float:left;
	overflow:hidden;
	padding:0;
}
.player-area .txt input {
	float:left;
	width:335px;
	height:21px;
	padding:5px 4px;
}
.player-area .button {
	display:block;
	text-indent:-9999px;
	background:url(/images/btn-search-inner.gif) no-repeat;
	width:133px;
	height:31px;
	float:left;
	margin:0 0 0 10px;
}
.player-area .update-button {
	display:block;
	text-indent:-9999px;
	background:url(/images/btn-update.gif) no-repeat;
	width:81px;
	height:31px;
	float:left;
	margin:0 0 0 10px;
}
.player-area .button:hover {
	background:url(/images/btn-search-inner.gif) no-repeat;
}
.player-area .player-holder {
	margin:11px 0 0;
	padding:0 0 2px 3px;
}
.player-area .player-holder img{
	display:block;
}
* html .player-area .player-holder{
	height:1%;
	overflow:visible;
}
.username-hold,
.search-hold{
	overflow:hidden;
	width:100%;
}
.play-area{
	float:right;
	width:198px;
	background:#333;
	padding:18px 11px 9px;
	overflow:hidden;
	height:1%;
}
.play-area img {
	display:block;
}
h3
{
    padding:6px;
    font-size:18px;
}
.play-area h3,
.box h3 {
	font-size:16px;
	padding:0 0 10px;
	margin:0 0 5px;
	background:url(/images/separator2.gif) repeat-x 0 100%;
}
.play-area p,
.box p{
	margin:0 0 10px;
	font-size:9px;
}
.play-buttons{
	background: url(/images/bg-play-buttons.gif) no-repeat 0 2px;
	overflow:hidden;
	margin:6px 0 0;
	height:1%;
}
.play-buttons a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
	margin:0 0 0 4px;
}
.prev{
	background: url(/images/bg-btn-prev.gif) no-repeat ;
	width:29px;
	height:28px;
}
.next{
	background: url(/images/bg-btn-next.gif) no-repeat ;
	width:29px;
	height:28px;
}
.main{
	overflow:hidden;
	margin:17px 0 0;
}
.side-area{
	float:left;
	width:240px;
}
.box{
	width:194px;
	background:#333;
	padding:13px;
	margin:0 0 17px;
}
.img-hold{
	/*background: url(/images/bg-img-hold.gif) no-repeat;*/
}
.img-hold img {
	display:block;
}
.playlist{
	float:left;
	width:461px;
}
.playlist-title{
	background: url(/images/bg-playlist.gif) repeat-y;
	padding:5px 6px 5px 14px;
	overflow:hidden;
	margin:0 0 9px;
	height:1%;
}
.playlist-title h2{
	text-indent:-9999px;
	background: url(/images/ttl-playlist.gif) no-repeat;
	width:73px;
	height:11px;
	margin:10px 0 0;
	float:left;
}
.currently-playing{
	float:right;
	width:222px;
}
.create-pl{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/images/bg-create-pl.gif) no-repeat;
	width:144px;
	height:29px;
}
.playlist-menu{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.playlist-menu li{
	float:left;
	margin:0 2px 0 0;
} 
.playlist-menu a{
	padding: 8px 10px 5px;
	display:block;
	background:#333;
	font-size:10px;
	color:#999;
	font-weight:bold;
}
.playlist-menu .active a{
	background:#999;
	color:#fff;
}
.playlist-management{
    display: block;
	overflow:hidden;
	background:#999 url(/images/bg-playlist-management.gif) no-repeat 297px 13px;
	height:30px;
	margin:0 0 18px;
	padding:0 0 8px;
	width:443px;
	list-style:none;
}
.playlist-management li {
	float:left;
}
.playlist-management a{
	float:left;
	overflow:hidden;
	background:url(/images/pls-mng-btn-l.gif) no-repeat;
	margin:10px 0 0 10px;
	display:inline;
	color:#fff;
	font-size:9px;
	padding:0;
	cursor:pointer;
	height:22px;
}
.playlist-management a span {
	background:url(/images/pls-mng-btn-r.gif) no-repeat 100% 0;
	line-height:22px;
	display:block;
	padding:0 13px 0 11px;
	text-align:center;
}
.playlist-management a:hover {
	text-decoration:none;
}
.download-list 
{
	overflow: auto;
	height: 450px;
	width: 460px;
}
.songlist 
{
    display: block;
	list-style:none;
	padding:0;
	margin:0;
}
.songlist li {
	padding:0 2px 0 2px;
	overflow:hidden;
	line-height:22px;
	vertical-align:middle;
}
.songlist li.odd, .songlist li.odd span {
	background:#333;
}
.songlist li.even, .songlist li.even span {
	background:#000;
}
.songlist li span {
	float:left;
	color:#999;
}
.songlist .songData
{
    height: 15px;
    width:360px;
    overflow: hidden;
}
.songListLink {
	float:right;
	color:#099;
	background: url(/images/bullet-download.gif) no-repeat 5px 6px;
	padding: 0 0px 0 16px;
	border-left:2px solid #000;
}
.currently-playing-ttl{
	background: url(/images/bg-currently-playing.gif) no-repeat;
	height:25px;
	padding:14px 0 0 27px;
	margin:0 0 10px;
}
.currently-playing-ttl h2{
	background: url(/images/bg-currently-playing-ttl.gif) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
}
.currently-playing .title{
	background: #333;
	padding:11px;
	margin:0 0 9px;
}
.currently-playing h3{
	margin:0;
	font-size:16px;
}
.list{
	padding:0;
	list-style:none;
	float:left;
	width:230px;
	margin:0 -8px 0 0;
	overflow:hidden;
}
.list li {
	width:106px;
	background:url(/images/bg-picture.gif) no-repeat;
	padding:8px 0 6px;
	vertical-align:middle;
	float:left;
	margin:0 8px 8px 0;
	overflow:hidden;
	height:93px;
}
.list img {
	margin:0 auto;
	display:block;
}
.clear 
{
    clear:both;
}

.profileBox
{
    background-color: #fff;
    margin-top: 15px;
    color: #000;
    font-weight: normal;
}
.profileBox a 
{
    color: #000;
}
.profileBoxHeader
{
    background-color: Blue;
    color: #fff;
    height: 20px;
    padding: 4px;
    font-weight: bold;
    font-size:12px;
    margin-bottom: 10px;
}
.profileBox .playlistSelected
{
    background-color:Yellow;
}
.profileBox .playlists
{
    font-size: 12px;
    font-weight: bold;
}



.myItemHover {
	background: #cef;
}

.myDragTarget {
	background: #cef;
	opacity: 0.7;
	border: 2px dashed #f90;
	/*padding: 10px 3px; /* matches '.list li' padding */
}

.lists .myDropTarget {
	background: #ccc;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}