﻿.leftbar 
{
    float:left;
    margin-left: -100%;
    /*width:455px;*/
    width:245px;
    height:100%;
    border:solid 1px #333333;
}

.innerrbar 
{  
    float:left;
    width:243px;
    height:100%;
    overflow:hidden;
}

.innerobar 
{  
    float:left;
    width:210px;
    height:100%;
    overflow:hidden;
    border-left:solid 1px #333333;
}

.mainwrapper 
{
    width:100%;
    height:100%;
    float:left; 
    
    -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;

    
}

.mainwin 
{
    margin-left:247px;
    /*margin-left:457px;*/
    height:100%;
    border-top:solid 1px #333333;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333;
    overflow:hidden;
}

.headerwrapper 
{
    height:80px;
    overflow:hidden;
    border-bottom:solid 1px #333333;
}

.headerline 
{
    height:80px;
    position:absolute;
    padding:0px;
}

.headerline table 
{ 
    border-collapse: collapse;
}

.headerline td
{
    padding:0px;
    margin:0px;
    width:161px;
    height:80px;
    border-right:solid 1px #333333; 
    text-align:center;
    font-size:120%;
    background-color:#C1D9EC;
}

.innerrbar .headerline td 
{
    width:243px;   
}

.innerobar .headerline td 
{
    width:212px;   
}


.dsched 
{
    /*overflow:hidden;
    position:relative;
    height:100%;*/
    position:relative;
    height:620px;
    padding:0px;
}

.daysline 
{
    position:absolute;
    padding:0px;
}

.daysline table 
{
    border-collapse: collapse;
    position:relative;
}

.daysline td
{
    width:110px;
    border-right:solid 1px #CCCCCC; 
    background:url(../../../images/daybg.png);
    position:relative;
    text-align:center;
    cursor:pointer;
    background-color:#FFFFFF;
}

.daysline td span 
{
    color:#CCCCCC;   
}

.mydayline 
{
    position:absolute;
    padding:0px;
}

.mydayline table 
{
    border-collapse: collapse;
    width:247px;
}

.mydayline td
{
    width:247px;
    background:url(../../../images/daybg.png);
    position:relative;
    background-color:#FFFFFF; 
}


.bblock 
{
    position:absolute;
    background-color:#C1D9EC;
    border:solid 1px #333333;
    width:154px;
    
    margin-left:1px;
    text-align:left;
    cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.selblock
{
    background-color:#c8dc57;
}


.bblock .titleb
{
    margin:0px;
    color:#333333;
    font-size:14px;
    text-align:center;
}

.bblock .titleb .i 
{
    float:left;
    width:38px;  
    margin-left:3px;  
}


.bblock .titleb .i img
{
    border:solid 1px #FFFFFF;
    width:30px;
    overflow:hidden;
}

.bblock .titleb .t
{
    font-weight:bold;
    padding-left:3px;
}

.bblock .titleb .s
{
    position:relative;
    font-size:11px;
    padding-left:3px;
}



.bblock div
{   
    margin-top:1px;
    margin-bottom:1px;
    overflow:hidden;
    white-space:nowrap; 
    text-align:left; 
}

.bblock div span 
{
    padding:3px;
    font-size:11px;
    color:#333333;   
}

.bblock .addlink 
{
    cursor:pointer; 
    position:absolute;
    left:3px;
    bottom:3px; 
    border:solid 1px #333333; 
    z-index:250;
    
}


.bblock .infolink 
{
    cursor:pointer; 
    position:absolute;
    left:23px;
    bottom:3px; 
    border:solid 1px #333333; 
    z-index:251;
}


.bblock .frbox 
{
    position:absolute;
    right:3px;
    bottom:3px;   
}

.bblock .frbox img 
{
    float:left;
    border:solid 1px #CCCCCC;    
}

.highlight .titleb 
{
    background:url(../../../images/splanheadbghigh.png) repeat-x;
    border-color:#999999;   
}

#stage0 .bblock 
{
    left:35px;
    width:201px;
    background-color:#c8dc57;
}

.oblock 
{
    text-align:center;
    background-color:#E4E4E4;
    color:#666666;
}


#scroll-overlay {
    background: transparent url(img/scroll_big.png) no-repeat center center;
    position: absolute;
    z-index: -1;
    cursor: pointer;
    /*background-color:Green;*/
  }
  
  #dayslistscrolloverlay {
    position: absolute;
    z-index: -1;
    cursor: pointer;
    /*background-color:Green;*/
  }
  
  #mydaylistscrolloverlay {
    position: absolute;
    z-index: 900;
    cursor: pointer;
    /*background-color:Green;*/
  }
  
  #otherdaylistscrolloverlay {
    position: absolute;
    z-index: 900;
    cursor: pointer;
    /*background-color:Green;*/
  }
  
   #dayslistcontainer {
    position: absolute; 
    top: 150;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  
  #mydaylistcontainer {
    position: absolute; 
    top: 150;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  
  #otherdaylistcontainer {
    position: absolute; 
    top: 150;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  #universe {
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
   .daysline {
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  #timebar 
  {
    background:url(../../../images/timebar.png) repeat-y;   
    background-attachment:scroll;
    width:30px;
    position:absolute;
    left:2px;
    top:0;
  }
  
  
  /* MESSAGES */
 
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

.ownbar 
{
    position:relative; 
    border:solid 1px #CCCCCC;  
}


#topbar 
{
   margin-bottom:4px;
}




#BandsDiv 
{
    margin-top:10px;
    float:right;
    text-align:right;
    width:320px;
}

#BandsDiv img 
{
    vertical-align:middle;   
} 

#BandsDiv select 
{
    width:200px;   
}



.bottombar 
{
    
}

.bottombar div 
{
    background-color:#FFFFFF;
    border:solid 2px #439CBD;
    min-height:150px;
}

.bottombar div span 
{
    margin:4px;   
}

.bottombar div h4 
{
    background-color:#439CBD;  
    color:#FFFFFF;
    margin:0;
    margin-bottom:3px;  
    
}

.genresdivc 
{
    float:left;
    width:49%;
}
    
.friendsdivc 
{
    float:right;
    width:49%;   
}
   
   
#navcross 
{
    position:absolute;
    width:56px;
    height:56px;
    right:5px;
    bottom:5px;
    z-index:98;
    background:url(../../../images/crossbg.png) no-repeat;
} 

#navcross #navleft
{
    position:absolute;
    left:6px;
    top:19px;
    z-index:99;
}

#navcross #navright
{
    position:absolute;
    right:10px;
    top:19px;
    z-index:99;
}

#navcross #navup
{
    position:absolute;
    left:19px;
    top:6px;
    z-index:99;
}

#navcross #navdown
{
    position:absolute;
    left:19px;
    bottom:8px;
    z-index:99;
}

