/* Skin:Default */
html                    {}
body					{background-color:#111 ;color:#25f;padding:0px;font-family:Comic Sans MS;font-size:0.9em;}
form					{margin:0;position:relative;}
.odd,.r0				{background-color:#000;}
.even,.r1				{background-color:#111;}
.bold					{font-weight:bolder;}
.warning, .failed       {font-weight:bolder;color:#f25;}
.success, .passed		{font-weight:bolder;color:#5f2;}
div.update				{font-size:1.1em;text-align:left;color:#ff0}
.clickable:hover		{text-decoration:underline;cursor:pointer;}
.clear					{text-decoration:none;font-weight:normal;font-style:normal;}
button, .button, input[type=button], input[type=submit]{border:1px outset #333;color:#7f7;background:#333;margin:0 2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
button:hover, .button:hover, input[type=button]:hover, input[type=submit]:hover{border:1px outset #aaa;}
button:active, .button:active, input[type=button]:active, input[type=submit]:active{border-style:inset;}
input,select,textarea   {border:1px solid #555;background-color:#333;color:#7f7;}
input:disabled,select:disabled,textarea:disabled{color:#000;}

.scribble a:visited,.scribble a{color:#46f;}

/* PLAYER STUFF */
#player					{z-index:999;padding:5px;background-color:#555;color:#01f;z-index:11;width:100%;height:24px;position:fixed;top:0px;left:0px;white-space:nowrap;overflow:hidden;}

#playlist		        {font-size:1.3em;color:#7f7;position:absolute;top:3px;left:222px;background-color:transparent;}
#playlist button        {color:#f00;margin:0 2px;font-weight:bold;}

#player table			{z-index:100;}
#player div				{margin:0px;text-align:left;}
#progressbar	        {border:1px solid #000;height:20px;width:250px;cursor:pointer;overflow:hidden;position:relative;background-color:#000;}
#progressbar div        {cursor:pointer;height:20px;position:absolute;top:0px;left:0px;overflow:hidden;white-space:nowrap;}
#progress               {background-color:#444;z-index:3;color:#fff;}
#loading                {background-color:#222;z-index:1;color:#ff0;}
#current                {background-color:transparent;width:250px;z-index:2;color:#ff0;}

.title					{font-weight:bold;}
.artist            		{font-style:italic;}
.user			        {font-style:italic;color:#7f7;cursor:pointer;}
.user:hover             {text-decoration:underline;}
.user.upgrade           {color:#ff0;}

#player img				{background-color:transparent;margin-right:10px;cursor:pointer;}
#numrepeat		        {font-size:.5em;color:#fff;text-align:right;position:absolute;right:-3px;bottom:0px;}
#volume			        {background:url(../imgs/vol_back.png) no-repeat transparent;height:20px;width:35px;cursor:pointer;}
#volume div		        {background:url(../imgs/vol_fore.png) no-repeat transparent;height:20px;cursor:pointer;}
#progressbar #curhover  {position:fixed;right:20px;top:45px;display:none;z-index:101;background:#111;color:#25f;border:3px solid #444;white-space:nowrap;padding:2px;}
#progressbar:hover #curhover{display:inline;}
/* END PLAYER STUFF */

/*
.box					{overflow:hidden;border:1px solid #555;background-color:#000;margin:10px 0px;border-left:none;border-right:none;display:block;}
.box .box               {margin:10px;border-left:1px solid #555;border-right:1px solid #555;}*/
.box					{overflow:hidden;border:1px solid #555;background-color:#000;margin:20px;display:block;}
.box:last-of-type		{margin-bottom:0px;}
.box>.title				{text-align:center;display:block;font-size:1.3em;background-color:#333;width:100%;text-decoration:none;color:#fff;margin-bottom:3px;}
.box>.title:hover       {text-decoration:underline;}
.bos>.title.static:hover{text-decoration:none;}
.box>.title a			{background-color:#333;color:#000;border:0;font-family:verdana;cursor:pointer;text-align:center;padding:0px;}
.box>.title a:hover		{background-color:#555;}
.box.collapsed			{height:28px;overflow:hidden;}

div.error,div.success   {margin-top:20px;border:1px solid #555;background-color:#222;width:70%;margin-left:auto;margin-right:auto;font-size:1.5em;font-family:lucida console;text-align:center;padding:10px;}
div.error				{color:#f00;}
div.success				{color:#25f;}

/* release notes */
.box .highlight			{font-weight:bolder;color:#fff;}
.box.current>.title		{color:#ff0;}

.nav_left               {float:left;text-decoration:none;}
.nav_right              {float:right;text-decoration:none;}
.nav_left a,.nav_right a{margin:1px 3px;border:none;text-decoration:none;}
.nav_left img,.nav_right img{border:none;}

.full                   {width:100%;}
.half                   {width:50%;padding:1px 5px;}
.left                   {text-align:right;}
.right                  {text-align:left;}

.box.playlist>.title .title{color:#ff0;}
.box.playlist.smart>.title .title{color:#7f7;}
.box.playlist>.title .artist{color:#fff;}

.killSong				{width:16px;height:16px;background:url(../imgs/not_r0.gif) repeat-x transparent;display:block;cursor:pointer;}
.killSong.r0, .killSong:hover{background:url(../imgs/r0.gif) repeat-x transparent;}
.ratings,.avg			{width:64px;background:url(../imgs/star_empty.gif) repeat-x transparent;display:block;height:20px;cursor:pointer;margin-right:10px;position:relative;}
.ratings div,.avg div   {position:absolute;left:0px;top:0px;background:url(../imgs/star_full.gif) repeat-x transparent;display:block;height:20px;z-index:1;width:0px;}
.ratings .overtop,.avg .overtop{position:absolute;left:0px;top:0px;z-index:3;width:100%;background:transparent;height:20px;cursor:pointer;}
.ratings .average       {z-index:2;background:url(../imgs/avgrating_star.gif) repeat-x transparent;width:0px;}
.ratings .unrated,.avg .unrated{display:none;}
.ratings .r0,.avg .r0   {background:url(../imgs/star_red.gif) repeat-x transparent;width:64px;}
.ratings .r1,.avg .r1   {width:16px;}
.ratings .r2,.avg .r2   {width:32px;}
.ratings .r3,.avg .r3   {width:48px;}
.ratings .r4,.avg .r4   {width:64px;}
/*background:#111;background-image:url(../imgs/ytdj3_login.gif);background-repeat:no-repeat;background-position:center center;*/
#main					{position:fixed;top:35px;left:152px;overflow:auto;}

.frame #main            {overflow:visible;}
#main iframe            {border:none;margin:0;padding:0;}
.frame #search          {visibility:hidden;}

.advsect				{display:inline-block;width:250px;margin:3px;padding:3px;border:1px solid #555;}
.advsect table		    {margin-left:auto;margin-right:auto;margin-bottom:0px;}
.advsect td:first-child {height:24px;}
.advsect input          {margin-bottom:2px;}

.song,.plst,.rule     	{overflow:hidden;white-space:nowrap;position:relative;height:1.4em;text-align:left;}
.song .title,.plst .title{width:50%;overflow-x:hidden;display:block;cursor:url(../imgs/openhand.cur), pointer;z-index:0;}
.grabbed .song .title   {cursor:url(../imgs/closedhand.cur), pointer;}
.song .title:hover,.plst .title:hover{text-decoration:underline;background-color:#333;}
.song .artist,.plst .user{position:absolute;left:50%;top:0px;z-index:1;cursor:pointer;white-space:nowrap;display:block;}
.song .artist:hover,.plst .artist:hover{text-decoration:underline;}
.controls		        {position:absolute;right:2px;top:0px;z-index:2;white-space:nowrap;height:16px;background-color:inherit;}
.song .controls td      {height:16px;padding:0px;margin:0px;}
.song:hover,.plst:hover,.rule:hover{background-color:#222;}

.plst                   {color:#7f7;}
.plst .title            {cursor:pointer;}
.plst .self             {color:#25f;}

#ruleType               {width:20%;}
#ruleValue              {width:50%}
.rule .type             {white-space:nowrap;overflow:hidden;width:20%;}
.rule .value            {position:absolute;left:20%;top:0px;width:50%;}
.rule input             {border:none;background:none;}
.rule input:hover       {border:1px solid #555;}
.rule input:focus       {border:1px solid #555;background:#333;}

.bar					{background-color:#111;}

#leftbar				{position:fixed;left:0px;top:35px;border-right:2px solid #444;height:99%;width:150px;overflow-y:auto;overflow-x:hidden;}
#leftbar .container     {padding-bottom:10px;}
#leftbar .container div {padding-left:20px;white-space:nowrap;padding-top:0px;padding-bottom:0px;margin-top:5px;margin-bottom:0px;cursor:pointer;}
#leftbar .container .page:hover{background-color:#222;}
#leftbar .selected      {background-color:#555 !important;color:#fff;font-weight:bold;}
#leftbar .group         {background-repeat:no-repeat;background-position:top left;position:relative;}
#leftbar div.separator  {background-color:#444;height:2px;margin-top:5px;margin-bottom:5px;}
#leftbar .group span    {position:absolute;left:0px;top:0px;font-family:Times new roman;}
#leftbar #nowplaying    {overflow:auto;border-top:2px solid #444;}
#nowplaying .preloads   {display:block;position:relative;height:1.5em;overflow:hidden;}
#nowplaying #preloads   {width:30px;border:none;position:absolute;right:11px;top:2px;margin:0;padding:0;text-align:right;height:20px;}
#nowplaying .preloads button{padding:0;border:none;margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:9px;width:10px;height:10px;position:absolute;right:1px;}
#nowplaying .preloads button:hover{background:#444;}
#nowplaying .preloads button:active{background:#222;}
#nowplaying #pUp        {top:2px;}
#nowplaying #pDown      {top:12px;}
#nowplaying #pUp span   {position:relative;top:-2px;}
#nowplaying #pDown span {position:relative;top:-6px;left:1px;font-size:1.7em;}
div.comingup	        {padding-left:20px;overflow:hidden;white-space:nowrap;position:relative;}
div	.loaded             {z-index:3;padding-left:0;position:absolute;top:10%;left:2px;width:16px;height:0px;background-color:#7f7;}
div .fading             {z-index:4;position:absolute;left:3px;top:0px;font-family:Times new roman;}
#leftbar div .title     {cursor:url(../imgs/openhand.cur), pointer;}
.comingup .close	    {position:absolute;right:0px;top:0px;background-color:#333;z-index:2;color:#f00;cursor:pointer;display:none;}
.comingup:hover         {background-color:#222;}
.comingup:hover .close  {display:inline;}

#rightbar				{position:fixed;right:0px;top:35px;border-left:2px solid #444;height:99%;width:256px;}
#rightbar.collapsed     {width:0;border:none;display:none;}
#rightcollapser         {position:fixed;right:254px;top:35px;background:transparent;width:6px;background:transparent;height:99%;z-index:20;cursor:pointer;}
#rightcollapser:hover   {background:#f25;}
#rightcollapser.collapsed{right:-2px;background:#444;}
#rightcollapser.collapsed:hover{right:0px;background:#f25;}

#visual					{position:relative;margin-right:0px;padding-right:0px;padding-top:0px;}
#visual.collapsed .container{display:none;}
#visual .container      {border-bottom:2px solid #444;text-align:right;margin-bottom:0px;}
#visual .collapser      {cursor:pointer;height:6px;padding:0px;margin:0px;position:relative;top:-4px;background-color:transparent;}
#visual .collapser:hover{background-color:#f25 !important;}
#visual.collapsed .collapser{top:0px;background-color:#444;}
#sm2-container			{position:fixed;z-index:10;right:0px;width:8px;height:8px;top:100%;}
#visual.movie #sm2-container{bottom:auto;top:34px;}
#visual.zoomed.movie #sm2-container{position:fixed;z-index:101;width:inherit;height:inherit;}
#graph					{position:relative;z-index:10;background:#000000;background-image:url(../imgs/ytdj_embed.jpg);background-repeat:no-repeat;background-position:center center;}
.zoomed #graph			{position:fixed;right:0px;left:0px;top:34px;}
#visual #overtop		{position:absolute;z-index:999;left:0px;top:0px;width:256px;height:256px;}
#visual.zoomed #overtop {position:fixed;left:0px;top:34px;z-index:999;}
.collapsed #overtop     {position:fixed;left:111%;z-index:-999;}
#notification			{position:fixed;right:20px;bottom:20px;z-index:100;background:#333;color:#7f7;border:2px solid #393;white-space:nowrap;overflow:hidden;text-align:center;padding:1px;}

#scribbles				{overflow:auto;width:256px;overflow-x:hidden;}
.scribble, .scribble.general{border:1px solid #222;margin-bottom:4px;background-color:#000;}
.scribble.bug			{background-color:#300;}
.scribble.request		{background-color:#030;}
.scribble div			{padding-left:5px;text-align:left;}
#showScribbler          {text-align:center;position:absolute;bottom:3px;right:3px;width:250px;height:1.5em;z-index:9;}
#showScribbler button   {width:240px;background-color:#000;color:#25f;border:0;font-size:1.3em;}
#showScribbler button:hover{background-color:#222;}
#scribbler				{background:#222;border:2px solid #444;display:none;text-align:center;position:fixed;bottom:0px;right:256px;z-index:9;height:300px;width:400px;}
#scribbler.show         {display:block;}
#scribbler textarea     {width:392px;height:260px;}

.gens .bug,
.gens .request,
.bugs .general,
.bugs .request,
.reqs .bug,
.reqs .general          {display:none;}

img.commandBox			{cursor:pointer;}

.menu					{border:1px solid #555;background-color:#000;position:absolute;white-space:nowrap;font-family:Verdana,sans-serif;font-size:11px;}
.menu div				{overflow:hidden;padding:2px 0;padding-left:5px;}
.menu div:hover			{background-color:#333;}
.menu div.separator,.menu div.separator:hover{margin:3px 0;padding:0;height:1px;background-color:#555;cursor:auto;}
.menu div.submenu		{cursor:default;}
.menu div.submenu.open  {background-color:#333;}
.menu.hasImages div		{padding-left:19px;vertical-align:middle;margin-left:1px;}
.menu.hasImages div.hasImage{vertical-align:middle;}
.menu div.active		{background-color:#333;}

#search					{position:fixed;right:286px;top:33px;border:1px solid #555;background-color:#000;padding:2px;z-index:9;vertical-align:top;}
#search .collapse		{display:none;}
#search.collapsed .collapse{display:inline;}
#search.collapsed .expand{display:none;}
#search button			{width:30px;background-color:#000;color:#25f;border:0;font-size:1.3em;font-family:verdana;cursor:pointer;text-align:center;padding:0px;}
#search button:hover	{background-color:#222;}

#mouseover				{display:none;}

.tabHead				{font-family:verdana,arial,sans-serif;font-size:11px;font-weight:bold;text-align:left;padding:3px 5px 3px 5px;margin:20px auto 0px auto;width:90%;}
.tabHead li			    {display:inline;margin-left:4px;margin-bottom:1px;white-space:nowrap;}
.tabHead a			    {background-color:#111;border:#555 solid 1px;color:#444;border-bottom:0px;padding:3px 4px;text-decoration:none;cursor:pointer;color:#25f;}
.tabHead a:hover        {background-color:#444;}
.tabHead .selected      {background-color:#333;color:#FFF;}
.tabHead .selected a,.tabHead .selected a:hover{background-color:#333;color:#FFF;padding-top:3px;border-bottom:1px solid #333;}
.tabHead .disabled      {display:none;}
.tabHead+.box			{margin-top:0px;}

.bottom #player		    {top:auto;bottom:0px;}
.bottom #leftbar,
.bottom #rightbar,
.bottom #rightcollapser,
.bottom #main,
.bottom #visual.zoomed.movie #sm2-container,
.bottom .zoomed #graph,
.bottom #visual.zoomed #overtop,
.bottom #visual.collapsed #overtop{top:0px;}
.bottom #search		    {top:-1px;}
.bottom #notification   {bottom:45px;}

/* ADMIN STUFF */
#userswaiting		    {color:#f25;font-weight:bold;position:static !important;}

.usr                    {display:block;margin:3px;border:1px solid #555;text-align:left;}
.usr.odd                {background:#333;text-align:right;}
.usr .firstname,
.usr .lastname,
.usr .username,
.usr .password,
.usr .email,
.usr .status            {text-align:left;background:#000;position:relative;display:inline-block;width:250px;margin:3px;padding:3px;border:1px solid #555;}
.usr .username          {color:#7f7;}
.usr select,.usr input  {position:absolute;right:3px;width:160px;}

.log                    {position:relative;}
.log .action            {display:block;float:left;width:50%;cursor:pointer;white-space:nowrap;overflow:hidden;}
.log .action:hover      {background-color:#333}
.log div                {padding-left:15px;}
.log div span           {display:block;position:relative;color:#7f7;overflow:hidden;}
.log div span span      {display:inline;position:absolute;left:175px;color:#25f;white-space:nowrap;}
.log .controls          {float:right;}

iframe                  {border:0;}

#newUser {
	width: 150px;
	height: 80px;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
}
#loginBox {
	width: 300px;
	height: 130px;
	border-left: 1px solid #FFFFFF;
	padding: 55px 0px 25px 0px;
	float: left;
}
#loginContainer {
	margin: 0px auto;

	align: center;
	width: 455px;
	overflow: auto;
}
#tryIt {
	width: 150px;
	height: 80px;
}
#options {
	width: 150px;
	height: 165px;
	float: left;
}