/*
<primarycolor>#b40ff00</primarycolor> color 1
<colorscheme>analog</colorscheme> mono (1 color), compl (2 color), triad (3 color), tetrad (4 color), analog (4 color, 4th is complement)
<variation>default</variation> default, pastel ,soft, hard, light, pale
<spreadangle>120</spreadangle> in degrees
<swapcolor2and3>1</swapcolor2and3>
/*
#8F0FF0
#640AA8
#E5C3FF
#CB87FF
#5E0FF0
#420AA8
#D8C3FF
#B287FF
#EC0FF0
#A50AA8
#FEC3FF
#FD87FF
#F0E70F
#A8A20A
#FFFDC3
#FFFA87
*/


a:link, a:visited, a:active {color:#E5C3FF;}
a:hover {color:#A50AA8;}
a{text-decoration:none}
a:active, a:focus {outline:0;}
h1,h2,h3,hr,body 
{
	color:#E5C3FF;
}

#menucontainersongsplaylist, #menucontainer, #menucontainervideoplayer, #menucontainerremotevideoplayer, #menucontainermusicplayer, #menucontainermusicplayerplaylists 
{
	color:#5E0FF0;
}

a.menulink:link, a.menulink:visited, a.menulink:active 
{
	color:#5E0FF0;
}
a.menulink:hover
{
	color:#B287FF;
}

select, input
{
	color:#5E0FF0;
}

ie. div.itemouter
{
	width:100%;
	min-height:50px;
	display:block;
	overflow:auto;
	margin-top:8px;
	clear:both;
}

.gecko div.itemouter
{
	width:100%;
	min-height:50px;
	display:block;
	clear:both;
	margin-top:8px;
}

.safari div.itemouter
{
	width:100%;
	min-height:50px;
	display:block;
	clear:both;
	margin-top:8px;
}

.opera div.itemouter
{
	width:100%;
	min-height:50px;
	display:block;
	clear:both;
	margin-top:8px;
}

div.itempic 
{
	width:70px;
	float:left;
}

div.itemtext
{
	margin-left:80px;
}

div.itemcaption 
{
	font-size:110%;
}

div.itemdetail 
{
	font-size:90%;
}

div.itemdetailsmaller 
{
	font-size:70%;
}


input.editbutton
{
   font-size:9px;
   font-family:Tahoma,sans-serif;
   color:#E5C3FF;
   width:36px;
   background-color:#8F0FF0;
   border-top-style:solid;
   border-top-color:#5E0FF0;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#5E0FF0;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#5E0FF0;
   border-left-width:6px;
   border-right-style:solid;
   border-right-color:#5E0FF0;
   border-right-width:1px;
   margin-right:5px;
}

.ie input.editbutton 
{
    height:15px;
	background-color:#8F0FF0;
    margin-bottom:3px;
}
.opera input.editbutton 
{
    height:15px;
	background-color:Transparent;
    color:#8F0FF0;
    margin-bottom:3px;
}
.gecko input.editbutton 
{
    height:15px;
	background-color:Transparent;
    color:#8F0FF0;
    margin-bottom:2px;
}
.safari input.editbutton 
{
    height:15px;
	background-color:Transparent;
    color:#8F0FF0;
    margin-bottom:2px;
}

input.editbuttonbright
{
   font-size:9px;
   font-family:Tahoma,sans-serif;
   color:#5E0FF0;
   width:36px;
   background-color:#8F0FF0;
   border-top-style:solid;
   border-top-color:#5E0FF0;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#5E0FF0;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#5E0FF0;
   border-left-width:6px;
   border-right-style:solid;
   border-right-color:#5E0FF0;
   border-right-width:1px;
   margin-right:5px;
}

.ie input.editbuttonbright 
{
    height:15px;
	background-color:#E5C3FF;
    margin-bottom:3px;
}
.opera input.editbuttonbright 
{
    height:15px;
	background-color:#E5C3FF;
    margin-bottom:3px;
}
.gecko input.editbuttonbright 
{
    height:15px;
	background-color:#E5C3FF;
    margin-bottom:2px;
}
.safari input.editbuttonbright 
{
    height:15px;
	background-color:#E5C3FF;
    margin-bottom:2px;
}

.smallbutton {  font-size: 9px;}

::-moz-selection{
	background:#5E0FF0;
	color:#CB87FF;
}

::selection {
	background:#5E0FF0;
	color:#CB87FF;
}

code::-moz-selection {
	background: #5E0FF0;
}

code::selection {
	background: #5E0FF0;
}


div.dropdiv 
{
	position: fixed;
	top: 60px;
	right:20px;
	width:270px;
	height:360px;
	visibility:visible;
}

select.droparea 
{
	width:163px;
	left:0px;
}
.ie #droparea 
{
	width:163px;
	left:0px;
}
.gecko #droparea 
{
	width:163px;
	left:0px;
}
.safari #droparea 
{
	width:163px;
	left:0px;
}
.opera #droparea
{
	width:163px;
	left:0px;
}


h1,h2,h3
{
	font-family: arial, 'sans serif'; 
}

a.filtermenu
{
	background-color:#B287FF;
	width:20px;
	font-size:110%;
	padding-right:4px;
	padding-left:4px;
}

a.filtermenuunavailable
{
	background-color:#D8C3FF;
	width:16px;
	font-size:90%;
	padding-right:4px;
	padding-left:4px;
	-moz-opacity:.40;
	opacity:.40;
}

.ie a.filtermenuunavailable 
{
	color:#5E0FF0;
	background-color: #420AA8;
	width:16px;
	font-size:90%;
	padding-right:4px;
	padding-left:4px;
}

div.menutextbar 
{
	font-size:120%;
	padding-bottom:0px;
}

h3
{
	background-color:#CB87FF;
	width:350px;	
}

table
{
	border:0;
}

p,table,li,body
{
	font-family: arial, 'sans serif'; 
	margin-left: 10pt;
}


body
{
	padding-top:10px;
}

body.mcdialog
{
	padding-top:10px;
	background-repeat:repeat;
	background-attachment: fixed;

}

body.iframeholder
{
	background-repeat:repeat;
	background-attachment: fixed;
}

body.mccontent
{
	margin-left:13px;
	padding-top:13px;
	background-color:Transparent;
}

body.musicplayerframe
{
	padding-top:10px;
	background-color:Transparent;
}

p,li,th,td
{
	font-size:100%;
}

table.textremote
{
	table-layout:fixed;
	font-size:75%;
}	

table.textremote td
{
	width:50px;
	background-color:#CB87FF;
}	

table.textremote tr
{
	height:35px;
}	



/* ######### Style for Menu ######### */

.ddcolortabs{
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.ddcolortabs ul{
	font-family: arial, 'sans serif'; 
	font-size:75%;
	margin:0;
	padding:0;
	list-style:none;
}

.ddcolortabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}

.ddcolortabs a{
	float:left;
	color:#8F0FF0;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 1px;
}

.ddcolortabs span {
	float:left;
	display:block;
	background-color:Transparent;
}

.ie .ddcolortabs a {
	float:left;
	display:block;
	padding: 2px 8px 2px 7px;
	color:#E5C3FF;
	background-color:#8F0FF0;
	border-top-style:solid;
	border-top-color:#5E0FF0;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5E0FF0;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#5E0FF0;
	border-left-width:6px;
	border-right-style:solid;
	border-right-color:#5E0FF0;
	border-right-width:1px;
	margin-right:5px;
}

.gecko .ddcolortabs a {
	float:left;
	display:block;
	padding: 2px 8px 2px 7px;
	background-color:Transparent;
	border-top-style:solid;
	border-top-color:#5E0FF0;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5E0FF0;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#5E0FF0;
	border-left-width:6px;
	border-right-style:solid;
	border-right-color:#5E0FF0;
	border-right-width:1px;
	margin-right:5px;
}
.safari .ddcolortabs a {
	float:left;
	display:block;
	padding: 2px 8px 2px 7px;
	background-color:Transparent;
	border-top-style:solid;
	border-top-color:#5E0FF0;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5E0FF0;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#5E0FF0;
	border-left-width:6px;
	border-right-style:solid;
	border-right-color:#5E0FF0;
	border-right-width:1px;
	margin-right:5px;
}

.opera .ddcolortabs a {
	float:left;
	display:block;
	padding: 2px 8px 2px 7px;
	background-color:Transparent;
	border-top-style:solid;
	border-top-color:#5E0FF0;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#5E0FF0;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-color:#5E0FF0;
	border-left-width:6px;
	border-right-style:solid;
	border-right-color:#5E0FF0;
	border-right-width:1px;
	margin-right:5px;
}

.ddcolortabs a span{
	float:none;
}

.ddcolortabs a:hover {
	background-color: #E5C3FF;
	color: #8F0FF0;
	
}

.ddcolortabs .selected a, #ddcolortabs .selected a { 
	background-color: #E5C3FF;
	color: #8F0FF0;
}

.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 3px;
	line-height: 3px;
	background: #5E0FF0;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a
{
	position:absolute;
	top: 0;
	border: 1px solid #5E0FF0; 
	border-top-width: 1px; 
	border-bottom-width: 0;
	border-left-width:6px;
	font-family: arial, 'sans serif'; 
	font-size:75%;
	line-height:18px;
	z-index:100;
	background-color: #8F0FF0;
	width: 230px;
	visibility: hidden;
}

.dropmenudiv_a a
{
	width: auto;
	display: block;
	text-indent: 5px;
	border-top: 0 solid #5E0FF0;
	border-bottom: 1px solid #5E0FF0; 
	padding: 2px 0;
	text-decoration: none;
	color:#E5C3FF;
}

* html .dropmenudiv_a a
{
	width: 100%;
}

.dropmenudiv_a a:hover
{ 
	background-color: #E5C3FF;
	color:#8F0FF0;
}