Added new theme Piano (still beta).

Released because i don't know if i ever finish it ;-)

1 files changed, 937 insertions, 0 deletions

diff --git a/contrib/themes/Piano/templates/default.css b/contrib/themes/Piano/templates/default.css
new file mode 100644
index 00000000..1128b54f
--- /dev/null
+++ b/contrib/themes/Piano/templates/default.css
@@ -0,0 +1,937 @@
+/*
+
+ Copyright (c) 2001 - 2006 Ampache.org
+ All rights reserved.
+
+ This program is free software; you can redistribute it and/or
+ modify it under the terms of the GNU General Public License v2
+ as published by the Free Software Foundation
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program; if not, write to the Free Software
+ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+
+*/
+
+
+/************************************************/
+/*    Unify default browsers style rules        */
+/************************************************/
+:link,:visited { text-decoration:none; }
+h1, h2, h3, h4, h5, h6, pre, code	{ font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */
+a img, :link img, :visited img { border: none; } /* no blue linked image borders */
+ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */
+
+
+/************************************************/
+/*           General style rules                */
+/************************************************/
+body { 
+/* 	background: #FFF; */
+/* 	background:  #FFF url(../images/partitur_back.png);  */
+	background: transparent url(../images/partitur_back_a3.png) left repeat-y; 
+/* 	background: #FFF url(../images/jazzbar_s.gif) no-repeat fixed bottom right; */
+/* 	background-image: "../images/partitur_back.png"; */
+	font-family:Arial, Helvetica, Sans-Serif;
+	color: #666;
+}
+p { 
+	color: #666;
+	margin:1em 0;
+}
+a, a:visited, a:active{ 
+	color: #000; 
+	font-family: Arial, Helvetica, sans-serif; 
+	text-decoration: none;
+}
+/*a:hover {
+	padding: 8px;
+	background: transparent url(../images/mbw-btn2.gif) no-repeat right;
+}*/
+td { 
+	padding: 0 8px;
+	color: #666;
+	font:10px Arial, Helvetica, sans-serif; /*12*/
+}
+th {
+	padding-right: 10px;
+}
+/*input, select, textarea{
+	font: 12px Verdana, Helvetica, sans-serif;
+	background: #ddd; 
+	color: #000; 
+}
+input {
+	font-weight: bold;
+  margin: 2px 2px 2px 0;
+}*/
+input, textarea { 
+/* 	color: #71571A;  */
+/* 	font-family: Georgia, Helvetica, Arial, sans-serif;  */
+	font-size: 10px; 
+	padding-left: 2px;
+	padding-right: 2px;
+	background-color: #ECEEF1; 
+	margin: 2px 2px 2px 2px;
+	border: 1px solid #585857; 
+}
+select {
+/* 	color: #71571A; */
+/* 	font-family: Georgia, Helvetica, Arial, sans-serif;  */
+	font-size: 10px; 
+	padding: 0px;
+	background-color: #ECEEF1; 
+	margin: 1px 0px 1px 1px;
+	border: 1px solid #585857; 
+}
+input[type="checkbox"]{
+/* 	color: #71571A; */
+	background-color: #ECEEF1; 
+	border: 1px solid #585857; 
+	padding: 0px;
+}
+input[type="text"]{
+	padding-left: 2px;
+	padding-right: 2px;
+	padding-top: 1px;
+	padding-right: 1px;
+}
+input[type="radio"] {
+	border: none;
+	padding: 0;
+}
+/************************************************/
+/*             Header                           */
+/************************************************/
+#topbar { 
+	height: 80px;
+	padding: 5px 0 10px 10px;
+	background: transparent url(../images/top_shade2.png) repeat-x;
+}
+#topbarright {
+	color: #000;
+	position: absolute;
+/* 	clear: both; */
+/* 	float: left; */
+	font-size: 10px;
+	top: 20px;
+/* 	writing-mode: tb-rl; */
+	left: 190px;
+	height: 60px;
+	background: transparent url(../images/mbw-bar_a.png) no-repeat;
+	padding-left: 510px;
+	padding-top: 25px;
+	filter:alpha(opacity=50); 
+	opacity: 0.5;
+}
+#topbarleft { 
+/* 	background: transparent url(../images/left_shade2.png) repeat-y; */
+/* 	position: absolute; */
+/* 	height: 1000px; */
+/* 	width: 70px; */
+/* 	top: 0px; */
+/* 	left: 0px; */
+/* 	z-index: 1000; */
+}
+#topbarleft, #topbarleft a{ 
+/* 	float: left; */
+}
+
+/*#topbar_ctrl{ 
+	position: absolute;
+	clear: both;
+	top: 261px;
+	z-index: 100;
+	left: 8px;
+}*/
+/************************************************/
+/*                XSPF Player                   */
+/************************************************/
+
+.xspf_player {
+    right: 20px;
+    position: absolute;
+}
+
+/************************************************/
+/*                Footer                        */
+/************************************************/
+#footer {
+	margin: 0 0 10px 150px;
+/* 	height: 40px; */
+/* 	z-index: 10000; */
+}
+#footer p {
+	color:#999;
+	font-size:10px;
+}
+
+
+/************************************************/
+/*                  Buttons                     */
+/************************************************/
+.selected_button {
+	background: #000;
+  color: #fff;
+}
+.unselected_button {
+}
+.smallbutton {
+	border:0;
+	padding: 0 1px;
+	font-size: 10px; /*11*/
+	cursor: pointer;
+}
+
+
+/************************************************/
+/*         Tables (songs lists...)              */
+/************************************************/
+.table-header {
+/* 	background: #8b8b8b url(../images/topheader.png) repeat-x; */
+	background: #F0F3F5;
+/* 	height: 16px; */
+	vertical-align: top;
+	text-align: center;
+/* 	color: #FFF; */
+	text-decoration: underline;
+	border-top: 1px dotted #000;
+	border-bottom: 1px dotted #000;
+}
+.table-header a {
+/* 	color: #FFF; */
+}
+.table-header td{
+	border-top: 1px dotted #000;
+	border-bottom: 1px dotted #000;
+/* 	font-size: 10px; */
+}
+.odd {
+		font-size: 10px; /*12*/
+		color: #FFFFFF;
+		background:#F0F3F5;
+/* 		border: 1px dotted #c0c0c0; */
+}
+.even {
+		font-size: 10px; /*12*/
+		color: #000000;
+		background:#FFFFFF;
+		border: 1px dotted #c0c0c0;
+}
+.headrow { /*headline in boxes*/
+		font-size: 12px; 
+/*     background:#ccc; */
+		padding: 3px;
+		margin-bottom: 3px;
+}
+.blank {
+	background: #fff;
+}
+.border { 
+	background: #000; 
+}
+.header { 
+	font-size: 10px; /*12*/
+}
+.header1 { 
+	color:#000; 
+	font:bold 12px Arial, Helvetica, sans-serif; 
+}
+.header2 {
+  color:#000;
+	font:bold 12px Arial, Helvetica, sans-serif;
+}
+/************************************************/
+/*               Content block                  */
+/************************************************/
+#content {
+	top:90px;
+	float: none;
+	margin:7px 0 0 165px;
+/* 	padding-left: 100px; */
+/* 	background:  transparent url(../images/partitur_back_a.png) repeat-y; */
+	/* background:#fff url(../images/bg_content.gif) repeat-y right top; */
+}
+h3#content_title{
+	font: 12px Arial,Helvetica,Sans-Serif; /*12 32*/
+	background: #000; /*#8b8b8b url(../images/topheader.png) repeat-x;*/
+	color:#fff;
+}
+h3#content_title span {
+	text-align:left;
+}
+
+
+/************************************************/
+/*                  Sidebar                     */
+/************************************************/
+#sidebar{
+	clear:both;
+	position:absolute;
+	left: 5px;
+	top: 320px;
+	height: auto;/*500px;*/
+	width: 160px;
+	border-left: 5px solid #000;
+/* 		filter:alpha(opacity=85);  */
+/* 		opacity: 0.85; */
+/* 	background: transparent url(../images/left_shade2.png) repeat-y;  */
+}
+#sidebar select	{
+	width: 95%; 
+}
+#sidebar h3 {
+	width: 150px; 
+	height: 16px; /*28*/
+	background: transparent url(../images/rahmen_o.png) no-repeat left; 
+}
+#sidebar h3 span {
+	display:none
+}
+#sidebar ul {
+	list-style: none;
+	font: 10px/1em Arial, Helvetica, Sans-Serif;
+}
+#sidebar ul.subnavside {
+    display: none;
+    position: absolute;
+    top: -1px;
+    left: 13.5em;
+    font-size: 1em;
+    z-index: 1000;	
+	border: 3px solid #000;
+/*     background: #FFF; */
+/*	filter:alpha(opacity=75); 
+	opacity: 0.75; 
+	-moz-opacity: 0.75; */
+}
+#sidebar li {
+    float: left;
+    clear: both;
+    display: block;	/* IE6 Patch */
+    position: relative;
+	height: 27px;
+    width: 150px;
+    border-top: 1px #4B4843;
+/*     border-bottom: 1px solid #4B4843; */
+/* 	border-right: 1px #c0c0c0; */
+/* 	border-left: 1px solid #000; */
+/*     background:#fff; */
+	background: transparent url(../images/bar_b.png) no-repeat left; 
+	text-align: right;
+/* 	margin-right: 10px; */
+}
+#sidebar li a {
+	padding-top: 1px;
+}
+#sidebar ul.subnavside li { 
+	height: 25px;
+    width: 12em; /*60px;*/
+    border-top: 1px dotted #4B4843;
+    background: transparent;/*#ECEEF1;*/
+	padding-right: 0px;
+	margin-right: 10px;
+}
+#sidebar a, #sidebar .navbutton {
+    display: block;
+    position: relative;
+    text-decoration: none;
+    padding: 0em 0 .5em 1em;
+	text-align: right;
+	padding-right: 50px;
+	padding-bottom: 15px;
+}
+#sidebar ul.subnavside li a{ 
+/*     background:#FFF; */
+	text-align: left;
+	margin-left: 5px;
+	padding-right: 0px;
+}
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+    display: block;
+    background: #FFFFFF;
+/* 	text-align: left; */
+}
+#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu {
+    color:#000;
+/*     background:#ddd; */
+	background: #FFFFFF url(../images/bar_1e_p.png) no-repeat left; 
+}
+#sidebar li.activetopmenu a{
+	right: -25px;
+}
+#sidebar li.activetopmenu  ul.subnavside a{
+	right: 0px;
+}
+#sidebar li.hover:active {
+    background:#FFFFFF;
+    z-index:30;
+}
+
+/* For horizontal menu */
+.horizontal_menu #content { margin:3em 0 0 2em; }
+.horizontal_menu #sidebar { width: auto; top: 85px;}
+.horizontal_menu #sidebar h3 { display: none; }
+.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b; }
+.horizontal_menu #sidebar ul.subnavside  { left: 0; top: 2em; }
+
+
+/* Menu Elements Display (icons, visibility...) */
+#sidebar li#sidebar_home 	{ 
+/* 	background: transparent url(../images/bar_blank.png) no-repeat left;  */
+}
+#sidebar li#sidebar_admin 	{ 
+/* 	background: transparent url(../images/bar_1b.png) no-repeat left;  */
+}
+#sidebar li#sidebar_prefs  {
+/* 	background: transparent url(../images/bar_2.png) no-repeat left;  */
+}
+#sidebar li#sidebar_browse 	{
+/* 	background: transparent url(../images/bar_3.png) no-repeat left;  */
+}
+#sidebar li#sidebar_plists  	{ 
+/* 	background: transparent url(../images/bar_4.png) no-repeat left;  */
+}
+#sidebar li#sidebar_stats  	{ 
+/* 	background: transparent url(../images/bar_1b.png) no-repeat left;  */
+}
+#sidebar_search  	{ 
+/*	position: absolute;
+	left: 0px;
+	top: 400px;	*/
+}
+#sidebar #sidebar_subsearch  	{ /*input*/
+/*	position: absolute;
+	left: 0px;
+	top: 500px;	*/
+}
+#sidebar #sidebar_subsearch  input	{ /*input field*/
+/* 	margin-left: 80px; */
+	top: 2px;
+	width: 4em;
+	height: 2em;
+}
+#sidebar #sidebar_subsearch  .smallbutton { /*without "search"*/
+/* 	display: none; */
+	height: 14px;
+	float: left;
+	color: #FFFFFF;
+	background: transparent;
+	z-index: 10000;
+
+}
+#sidebar li#sidebar_random 	{ 
+/* 	background: transparent url(../images/bar_3.png) no-repeat left;  */
+}
+#sidebar li#sidebar_form  	{ /*lp_input incl background */
+	height: 156px;
+/* 	clear: both; */
+/* 	background: none; */
+	background: transparent url(../images/piano_rahmen_med7.png) no-repeat; 
+	border-left: 5px solid #000;
+	position: absolute;
+	left: -5px;
+	top: -180px;
+/* 	top: 100px;	 */
+	text-align: left;
+/* 	display: none;  */
+}
+.localplaycontrol{ 
+	position: absolute;
+	clear: both;
+	top: -345px;
+	z-index: 100;
+	left: 0px;
+}
+#sidebar li#sidebar_form form { /*lp_input */
+	position: relative;
+	top: 16px;
+}
+#sidebar li#sidebar_form form .smallbutton{ /*lp_input play button*/
+	height: 16px;
+	width: 93px;
+	color: #000;
+	background: #ECEEF1;
+	border: 1px solid #888888; /*dotted #000;*/
+}
+#sidebar li#sidebar_form  select	{ /*lp_input selectbuttons */
+/* 	background: none; */
+	width: 95px;/*135px;*/
+	height: 18px;
+	text-align: right;
+}
+
+#sidebar_localplay 		{
+}
+#sidebar_localplay_ctrl	{
+	display: none;
+}
+#sidebar li#play_type_switch {
+	height: 52px;
+}
+#sidebar li #play_type_switch {
+	width: 95px;
+}
+#play_type_switch {
+	display: none; /*couldn't get it in same position in all browsers*/
+	text-align: right;
+	clear: both;
+	position: absolute;
+	height: 18px;
+	width: 95px;
+	top: -385px;
+	left: 0px;
+}
+/*#play_type_switch select{
+	width: 95px;
+	height: 18px;
+	text-align: right;
+}*/
+#sidebar li#sidebar_logout  	{
+	height: 43px;
+	background: transparent url(../images/bar_logout.png) no-repeat left; 
+}
+
+#sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li:hover, #sidebar li#sidebar_logout li.sfhover {
+	background: transparent url(../images/bar_logout_p.png) no-repeat left; 
+}
+/*#sidebar_admin_users li		{ 
+	background:#FFF;
+	text-align: left;
+}
+#sidebar_admin_mail_users li	{ 
+	background:#FFF;
+	text-align: left;
+}
+#sidebar_admin_catalog li	{ 
+	background:#FFF;
+	text-align: left;
+}
+#sidebar_admin_config li 	{ 
+	background:#FFF;
+	text-align: left;
+}
+#sidebar_admin_access_list li	{
+	background:#FFF;
+	text-align: left;
+}*/
+
+#sidebar_browse_albums a	{ }
+#sidebar_browse_artists a	{ }
+#sidebar_browse_genre a		{ }
+#sidebar_browse_song_title a	{ }
+#sidebar_browse_lists a		{ }
+
+
+/************************************************/
+/*          Now Playing Styles                  */
+/************************************************/
+#nowplaying{
+	clear: both;
+	width: 600px;
+}
+
+#np_container1{
+	width: 260px;
+	height: 18px;
+/* 	background: #fff url(../images/tb_tab.jpg) no-repeat top left; */
+}
+
+#np_container1 h1{
+	font-size: 10px;
+	font-weight: bold;
+	padding: 2px;
+}
+
+#np_container2{
+	border: 1px solid #999;
+	border-color:#ddd #999 #999 #ccc;
+	padding: 6px;
+	font: 10px/12px Arial, sans-serif;
+/* 	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left; */
+	color: #000;
+}
+.np_row {
+	padding: 3px 0;
+}
+/* the following cells need a modified show_now_playing.inc (included) to work */
+.np_cell, .np_cell_left, .np_cell_2, .np_cell_m, .np_cell_right {
+	 border-bottom: 1px dotted #71571A;
+	 border-top: 1px dotted #71571A;
+}
+.np_cell {
+	margin: 10px;
+}
+.np_cell_left { /*username and rating*/
+	 width: 120px;
+	 padding: 2px;
+	 text-align: left;
+}
+.np_cell_2 {
+	 padding: 0;
+	 text-align: center;
+}
+.np_cell_m { /*artist and album name*/
+	 width: 150px;
+	 padding: 2px;
+	 text-align: right;
+}
+.np_cell_2 ul, .np_cell_m ul {
+	 margin-left: auto;
+	 margin-right: auto;
+}
+.np_cell_right { /*album image*/
+	 width: 75px;
+	 padding: 0;
+	 text-align: center;
+}
+/************************************************/
+/*        Styles for the star ratings           */
+/************************************************/
+.star-rating{
+        position: relative;
+        list-style:none;
+        width: 80px;
+        height: 15px;
+        background: url(../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+        float: right;
+}
+li.current-rating{
+        display: block;
+        position: absolute;
+        height: 15px;
+        background: url(../images/ratings/star_rating.gif) left bottom;
+        text-indent: -9000px;
+        z-index: 1;
+}
+.star-rating li span{
+        position: absolute;
+        display:block;
+        width:16px;
+        height: 15px;
+        text-decoration: none;
+        text-indent: -9000px;
+        z-index: 20;
+}
+.star-rating li span:hover{
+        background: url(../images/ratings/star_rating.gif) left center;
+        z-index: 2;
+        left: 0;
+}
+li.zero-stars span:hover {
+        display: block;
+        left: 80px;
+        height: 15px;
+        background: url(../images/ratings/x.gif);
+}
+span.zero-stars {
+        display: block;
+        left: 80px;
+        height: 15px;
+        background: url(../images/ratings/x_off.gif);
+}
+span.one-stars        { left: 0px; }
+span.one-stars:hover  { width:16px; }
+span.two-stars        { left:16px; }
+span.two-stars:hover  { width: 32px; }
+span.three-stars      { left: 32px; }
+span.three-stars:hover{ width: 48px; }
+span.four-stars       { left: 48px; }
+span.four-stars:hover { width: 64px; }
+span.five-stars       { left: 64px; }
+span.five-stars:hover { width: 80px; }
+
+
+/************************************************/
+/*              Box Related Styles              */
+/************************************************/
+.box { 
+/* 	background: #F2F2F2; */
+/* 	background: #FFF url(../images/partitur_back.png); */
+	margin: 5px; /*5px*/
+	padding: 5px;
+}
+.box-title { 
+	border-bottom: solid 1px #000;
+	font-size: 12px;
+	color: #000;
+	font-weight: bold;
+}
+.box-list { 
+	padding-right: 10px;
+	padding-left: 15px;
+	padding-bottom: 5px;
+/* 	margin-bottom: 15px; */
+/*		filter:alpha(opacity=60); 
+		opacity: 0.6;*/
+}
+
+/* Enclosing Boxes Styles */
+.box-left-top { 
+/* 	display: none; */
+	background: transparent url(../images/e_ol8.png) no-repeat right;
+	height:16px; /*16*/
+/* 	width: 0px; */
+/* 	margin-left: -5px; */
+}
+.box-left-bottom {
+	background: transparent url(../images/e_ul8.png) no-repeat right;
+	height:16px; /*16*/
+}
+.box-left { 
+	background: transparent url(../images/r_l8.png) repeat-y right;
+}
+.box-bottom { 
+	background: transparent url(../images/r_u.png);
+	height:16px;
+}
+.box-right-bottom { 
+	background: transparent url(../images/e_ur8.png) no-repeat;
+}
+.box-right-top {
+	background: transparent url(../images/e_or8.png) no-repeat;
+}
+.box-right { 
+	background: transparent url(../images/r_r8.png) repeat-y left;
+}
+.box-top { 
+	background: transparent url(../images/r_o.png);
+}
+
+.text-box, .confirmation-box {
+/* 	display:table-cell; */
+	padding:5px 5px 5px 5px;
+	margin-bottom:10px;
+	background:#FFFFFF;
+	border:3px solid #000000;
+/*		filter:alpha(opacity=75); 
+		opacity: 0.75;*/
+}
+/************************************************/
+/*             List Header Styles               */
+/************************************************/
+.list-header { 
+	text-decoration: none;
+/* 	border-bottom: 1px dotted #000; */
+} 
+.list-header:hover { 
+	color:#071fd4;
+}
+
+
+/************************************************/
+/*             Text Action Styles               */
+/************************************************/
+.text-action, .text-action li {
+	list-style: none;
+	margin:5px 0;
+	padding-left:0px;
+}
+.text-action a, .text-action span {
+ 	padding: 0 2px;
+	background: #ECEEF1;
+	border:1px solid #000;
+	text-decoration: none;
+}
+.text-action #pt_active {
+	background: #000;
+	color: #fff;
+	border:1px solid #ECEEF1;
+}
+
+
+/************************************************/
+/*            Tabs (for preferences)            */
+/************************************************/
+#tablist {
+        padding: 3px 0;
+        margin: 12px 5px 0 0;
+        font: bold 10px Verdana, sans-serif; /*12*/
+}
+#tablist li {
+        list-style: none;
+        display: inline;
+}
+#tablist li a {
+        padding: 3px 0.5em;
+        margin-right: 5px;
+        border: 1px solid #ccc;
+        border-bottom: none;
+        background: #F0F3F5;
+        text-decoration: none;
+}
+#tablist li a:link { color: #222; }
+#tablist li a:visited { color: #000; }
+#tablist li a:hover {
+        color: #FFF;
+        background: #000;
+        border-color: #000;
+}
+#tablist li a#current {
+        color: #F0F3F5;
+        background: #000;
+        border-color: #000;
+        border-bottom: 1px solid #000;
+}
+
+
+/************************************************/
+/*            Styles for Header                 */
+/*(for ampache admin : installation, update...) */
+/************************************************/
+div#Header{
+	height:80px;
+	margin-bottom:3px;
+}
+#Header h1 { 
+	width: 439px; 
+	height: 84px; 
+	float: left;
+	border:0; 
+	background: transparent url(../images/bg_login_0.jpg) no-repeat top left; 
+}
+#Header h1 span {
+	display:none
+}
+#Header h2 { 
+	float: right;
+	margin-top: 75px;  
+	width: 200px; 
+	height: 18px; 
+/* 	background: transparent url(001/h2.gif) no-repeat top left;  */
+}
+#Header h2 span {
+	font-size: 10px;
+	margin-left: 10px;
+}
+
+
+/************************************************/
+/*         Styles for Login template            */
+/************************************************/
+#container{
+	margin:100px auto 0 auto;
+	width:437px;
+	font-size:12px;
+	text-align:center;
+}
+#container h1{
+	background:url(../images/bg_login_0.jpg) no-repeat;
+	height:81px;
+	margin-bottom:8px;
+}
+#container h1 span{
+	display:none;
+}
+#container div.fatalerror {
+	display:block;
+	height:auto;
+	padding:5px;
+	margin:10px;
+	background:none;
+}
+#container div{
+	background:url(../images/bg_login_1.jpg) no-repeat;
+	height:285px;
+}
+#loginp_0{
+	color:#333;
+	margin-top:0;
+	padding-top:60px;
+}
+.loginp_1{
+	text-align:right;
+	padding-right:100px;
+}
+.loginp_1 span{
+	font-weight:bold;
+}
+.loginp_1 input{
+	border:1px solid #999;
+}
+input.text_input{
+width:12em;
+}
+.loginp_1 input.check_input{
+margin-right:5em;
+} 
+
+
+/************************************************/
+/*         TV Page Related Styles               */
+/************************************************/
+#tv_np{
+	float:right;
+}
+#tv_left{ 
+	float:left;
+	clear:right;
+}
+#tv_playlist{
+	clear:both;
+}
+
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+
+td.user_online{
+	text-align: center;
+        background:  url(../../../images/icon_add_user.png) no-repeat;
+}
+
+
+/************************************************/
+/*                Misc                          */
+/************************************************/
+
+.alphabet { 
+	margin:10px;
+	font-size:10px; 
+	font-weight:normal; 
+}
+input[type="text"]#match{
+	width: 5em;
+}
+#mpdpl td {
+	padding:0 2px 0 2px;
+	text-align:left;
+}
+
+.tabledata .header2 {
+	display: none;
+}
+.error { 
+	color:#903; 
+}
+.fatalerror {
+	display:table-cell;
+	padding:3px;
+	color: #903;
+	font-weight:bold;
+ 	border:2px solid #903;
+}
+.disabled {
+	text-decoration:line-through;
+}
+#maincontainer{}
+table.tabledata {}
+.display {}
+
+.lp_box_ctrl {
+	padding-top: 5px;
+}
+.lp_box_vol {
+	padding-left: 7px;
+}
+#lp_box_ctrl {
+	display: none;
+}