#artistlisting, #albumlisting, #songlisting{
/*background: url('http://viixy.com/app/webroot/img/backgroundrectangle.png'); /*,#playlistwrapper*/
}
#sidebarwrapper{
height:329px;
}
#albumlisting,#artistlisting{
width:50%;float:right;overflow:scroll;overflow-x:hidden;height:282px;
}
#artistlistingheader,#albumlistingheader{
width:50%;float:right;height:17px;
text-align:center;
}

#albumlisting .album.odd,#artistlisting .artist.odd,#songlisting .track.odd{
/*background-color:#0f0f0f;*/
}
.playlist_name{
background-color:transparent;
}
.playlist_name.odd{
background-color:transparent;
}


html, body {
background:#000000 none repeat scroll 0 0;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10pt;
font-style:normal;
margin:0;
padding:0;
width:100%;
height:100%; } html, body { color:#000000; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt; font-style:normal; } body.font-medium { font-size:12px; } body { color:yellow; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:150%; } body { position:relative; overflow-y:hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; } a:link{color:green;} a img { border: none; } 
div#page-header { 
/*background:#000000 url(http://viixy.com/img/page_header_bg.png) repeat-x scroll 50% 0;*/

} 
#viixyguy{ background:url(http://www.viixy.com/img/smallviixyguy.png) no-repeat; padding-bottom:20px; } div.wrapper { width:780px; margin:auto; }

div#header {
clear:both;
height:97px;
margin:0;
padding:0px;
position:relative;
width:auto;
z-index:10;
}
.floatbox {
overflow:hidden;
}

#logolink{
display:block;
height:60px;
left:0px;
top:0;
position:absolute;
width:169px;
z-index:4;
}

span#logo {
background:transparent url(http://viixy.com/images/logo.png) no-repeat scroll 0 0;
display:block;
height:80px;
left:0px;
top:0;
position:absolute;
width:169px;
z-index:3;
}
	#tweetthis {
		height:30px;
		width:56px;
		background:url(/img/tweetthistransparent.png) no-repeat;
		top:62px;
		position:absolute;
		left:0px;
		z-index:4;
	}

	#tweetthis:hover{		background-position: 0 100%;}




div#menu {
height:40px;
position:absolute;
right:10px;
top:60px;
}
/*
div#menu ul {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#menu li {
background:#1E1E1E none repeat scroll 0 0;
border-left:1px solid #282828;
border-right:1px solid #282828;
border-top:1px solid #282828;
display:block;
float:left;
margin:5px 0 0 5px;
}
/*
div#menu li.active a {
background:#000000 none repeat scroll 0 0;
color:#FFFFAA;
font-weight:bold;
height:39px;
}
div#menu a:link, div#menu a:visited {
color:#FFFFAA;
}
div#menu li a {
color:#FFFFAA;
display:block;
float:left;
font-size:100%;
height:24px;
line-height:25px;
overflow:hidden;
padding:0 20px;
text-decoration:none;
}
*/

a:link, a:visited {
color:#E15000;
text-decoration:none;
}


div#topmenu {
position:absolute;
right:0;
top:0;
}
div#topmenu ul {
float:right;
clear:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
div#topmenu li {
display:block;
float:left;
}

div#topmenu li.item1 a {
background:transparent none repeat scroll 0 0;
padding:0 10px 0 0;
}
div#topmenu a:link, div#topmenu a:visited {
color:#FFFFAA;
}
div#topmenu li a {
background:transparent url(http://viixy.com/img/topmenu_item_bg.png) no-repeat scroll 0 4px;
display:block;
float:left;
font-size:85%;
height:20px;
line-height:17px;
overflow:hidden;
padding:0 10px;
position:relative;
text-decoration:none;
}



div#topmodule {
float:right;
height:18px;
margin:7px 0 0 20px;
}


div#top-login {
width:228px;
}

.top-box{
padding-right:5px;
float:left;
}

.top-input{
background:transparent url(http://viixy.com/img/login_bg.png) no-repeat scroll 0 0;
color:#FFFFAA;
float:left;
font-size:75%;
height:14px;
padding:2px 2px 2px 10px;
width:88px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border: 0 none;
}

.top-login-button{
float:left;
margin:0;
padding:0;
}
.top-login-button input{
background:transparent url(http://viixy.com/img/login_button.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:block;
height:18px;
overflow:hidden;
width:18px;
}

#slider1{
margin-top:29px;
width:200px;

}

.top-login-submit{
float:left;
margin:0;
padding:0;
margin-left:4px;
}
.top-login-submit input{
background:transparent url(http://static.jquery.com/files/rocker/images/icon_searchglass.png) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:18px;
overflow:hidden;
width:18px;
float:left;
border:0 none;
cursor:pointer;
font-size:1.1em;
height:35px;
width:35px;
margin-left:-35px;
margin-top:-2px;
}

#quicksearch{
width:400px;
}
.live{
margin-left: 116px;
background:transparent url(http://viixy.com/img/login_bg.png) repeat-x scroll 0 0;
color:#FFFFAA;
padding-left:8px;
border-radius:8px;

-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;

background:#FFFFFF none repeat scroll 0 0;
border:1px solid #AAAAAA;
color:#333333;
font-size:1.5em;
height:1.1em;
padding:2px 5px;
width:268px;
float:left;

}

div#player-header {
/*background:#000000 url(http://viixy.com/img/page_header_bg.png) repeat-x scroll 50% 0;*/background:red;
border-top: medium solid white

}




















table {
  border: 0;
  border-collapse: collapse;
  border-spacing:0;
}

td {
  padding: 0;
  vertical-align: top;
}
.musicpagetable {
width:80px;
overflow:hidden;
}
#side-accordian{
width: 155px;
overflow:hidden;
vertical-align: top;
}
#side-nav{
bottom:0;
margin-top:4px;
overflow-x:hidden;
width: 155px;

}
#leftwrapp{
overflow-x:hidden;
}
#side-nav .nav-row {
/*line-height:18px;*/
margin-left:8px;
margin-right:8px;
overflow:hidden;
white-space:nowrap;
}


#top-search{
position: relative;
margin: 0 auto;
left:0px;
float:left;
width:286px;
clear:left;
margin-left: 70px;
}

/*fancy static nav bar */


	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
/*		min-width:780px; */

	}
	.scroll{
		overflow-y:auto;
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:url('http://viixy.com/app/webroot/img/backgroundrectangle.png');
		width:100%;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#1e1e1e;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:0em;
	}
	.leftmenu .col1 {
        margin:0 0px 0 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		background-color:#1e1e1e;
	}
    .leftmenu .col2 {
        float:left;
        width:200px;
        position:relative;
        right:185px;
		margin-left:-15px;
		background-color:#1e1e1e;
    }



/*end fancy*/



	#rightwrapptop{
	height: 300px;
	}

	.floatright{
		float:right;
		width:50%;
		overflow-y:scroll;
		height:300px;
		padding:0px;
		background-color:#1e1e1e;
	}
	.videowrap{
		float:right;
		width:400px;
		background-color:black;
		height:300px;
	}

	#songlisting{
		overflow-y:scroll;
		height:auto;
		overflow-x:none;
		float:left;
	}
	#artistlisting .artist,#albumlisting .album, #songlisting .track{
/*	background-color: black;*/
	}
	.noscript{
	height:2000px;
	overflow:none;
	text-align:center;
	}
	#widthjavafix{
	float:right;
		background-color:#1e1e1e;

	}


	#ytapiplayer,#myytplayer{
		position:absolute;
		right:0px;
		top:97px;
		height:300px;
		width:400px;
		text-align:center;
		z-index:9999;
		}
.playerwrap{
		height:48px;
		position:relative;	
		float: left;
		margin:0px;
		margin-top: 12px;
		margin-bottom: 2px;
		margin-left:185px;
	}
/*
	.playerwrap{
		height:48px;
		position:relative;	
		float: left;
		margin: 0px;
		margin-top:0px;
		margin-bottom:0px;
		right:0px;
		margin-left:185px;
	}

*/
	.playerleft{
	width:8px;
	height:46px;
	background: url(http://www.viixy.com/app/webroot/img/player_left_bg.png) no-repeat;
	float:left;
	}

	#playerstretch{
	height:46px;
	background: url(http://www.viixy.com/app/webroot/img/player_fill_bg.png) repeat-x;	
	width: 579px;
	float:left;
			
	}
	
	
	.playerright{	
	width:8px;
	height:46px;
	background: url(http://www.viixy.com/app/webroot/img/player_right_bg.png) no-repeat;
	float:left;
	}

#ohai{
position:absolute;		z-index:9999; top:-100000px;
}
.dragging{
	background-color:red;
		z-index:9999;
		position:absolute;
	margin:0;
padding:0;
top:0;
left:0;
cursor:default;

	padding-right:15px;
	padding-top:15px;
	
	padding: 3px;
	font-size:20px;
	top:0px;
	border: 2px white dotted;
	cursor: default;
	
}

.selected_last{
	border: 1px red dotted;
	margin-top:-1px;
	margin-bottom:-1px;

}
 
::-moz-selection{
	background:transparent;
/*	color:black;*/
}
 
::selection {
	background:transparent;
/*	color:black; */
}
 
code::-moz-selection {
	background:transparent;
/*	color:black; */
}
 
code::selection {
	background:transparent;	
/*	color:black; */
}


div.track,div.artist,div.album{
/*background-color:#ccccff;*/
}



span.artist,span.song,span.album,span.sequence,span.duration{
cursor:default;
}


#slider{
margin-top:18px;
width:260px;
float:right;
}

#volumeslider{
width:100px;
float:right;
margin-top:18px;

}

#playertime,#durationtime{
float:right;
margin-top:18px;
}

#playertime{
padding-right:10px;
}
#durationtime{
padding-left:10px;
padding-right:15px;
}
#buttonwrap{
margin-bottom:0px;
margin-left:0px;
position:absolute;
bottom:0px;
}

#playerinfo{
font-size:11px;
float:left;
margin: 0 auto;
border:none;
width:500px;
/*background-color:#1E1E1E;*/
height:11px;
}


#playerinfo span.artist{
/*
position:absolute;
left:0;
margin: 0 auto;
width:33%;
text-align:left;
/*padding-left:9px;*/

float:left;
width:33%;
text-align:left;
margin-left:9px;

}

#playerinfo span.song{
/*width:200px;*/
/*
left:33%;
position:absolute;
width:196px;
margin: 0 auto;
text-align:center;
*/
text-align: center;
}

#playerinfo span.album{
float: right;
text-align:right;
width: 33%;
margin-right:9px;
/*
width:33%;
position:absolute;
right:0;
margin: 0 auto;
text-align:right;
/*margin-right:9px;*/
}
.message{
color:red;
}

.delete{
margin-right: 14px;
}
.fltright{
float:right;
}
.playlist-name{
float:left;
}
.playlist_name{
float:left;clear:left;width:100%;
}
#below_header{
z-index:10;
}


div.emptytrack, .emptytrack span.artist,.emptytrack span.song,.emptytrack span.album,.emptytrack span.sequence,.emptytrack span.duration{
background-color:#1e1e1e !important;
color:red !important;
font-style: italic !important;
}
.selected,.selected_artist,.selected_album{
	background-color:blue !important;
	color:white !important;
}

#adsense4{
position:relative;float:right;
}


/*songs*/

.album{
}
.artist{
}
.song{
}
span.artist{
width:24%;
height:18px;
float:left;
overflow:hidden;
}
span.song{
width:29%;
height:18px;
float:left;
overflow:hidden;
}
span.album{
width:29%;
height:18px;
float:left;
overflow:hidden;
}
span.sequence{
width:5%;
height:18px;
float:left;
overflow:hidden;
}
span.duration{
width:8%;
float:left;
overflow:hidden;
height:18px;
}

#sidebarwrapper *{
width:auto;float:none;}

#songlisting span.lyrics{
width:5%;
float:left;
overflow:hidden;
height:18px;
text-decoration:underline;
cursor:pointer;
}
#songlisting span.lyrics:hover{
text-decoration:none;
}
div.track{
clear:both;
height:18px;
}
div#home{
height:auto;
}
div#below_header{
height:auto;
}

#songlistingheader span span{
margin-right:2px;
float:left;
font-size:15px;
}
#songlistingheader #sequenceheader span{
margin-right:0px !important;
}


#dialogue .loginmessage{
	color:blue;font-weight:bold;
}
#dialogue .newpassword{
float:right;
}
#dialogue .newpassword a{
	color:blue;
	text-decoration:underline;
}

#dialogue #remember_me{
margin-top:5px;
}
#dialogue #remember_me_label{
	margin-left:5px;
}

.no-border{
border: 0px !important;
}



#favorites,#libraries{
background:url(/img/favorites-24x24.png) no-repeat;
height:25px;
padding-left:30px;
padding-top:5px;

}
.playlist_name:hover,#favorites:hover,#libraries:hover{
background-color:blue;
cursor:pointer;	 
color:white;
}

#sidebar{
height:350px;
}

#fbthis{
	height:24px;
	width:24px;
	background:url(/img/facebook.png);
				left:62px;
		top:68px;
position:absolute;
z-index:4;
opacity:.9;
}
#fbthis:hover{
opacity:1;
}

.ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}