- modified sidebar css

- modified rightbar html/css
- added patch to enabled ie6 :hover pseudo classes
- modified boxes html/css to remove table tags and enable box floating
- added 1st version of 3.4 greysme theme (needs more work, especially on ie6)

2 files changed, 785 insertions, 726 deletions

diff --git a/themes/classic/images/rightbar_top.jpg b/themes/classic/images/rightbar_top.jpg
new file mode 100644
index 00000000..196fa41b
--- /dev/null
+++ b/themes/classic/images/rightbar_top.jpg
diff --git a/themes/classic/templates/default.css b/themes/classic/templates/default.css
index 3d80a449..fe4c3db2 100644
--- a/themes/classic/templates/default.css
+++ b/themes/classic/templates/default.css
@@ -1,726 +1,785 @@
-/*
-
- Copyright (c) 2001 - 2007 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:underline; }
-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:#d3d3d3;
-	font-family:Arial, Helvetica, Sans-Serif;
-	min-width:1000px;
-}
-p { 
-	color: #000;
-	margin:1em 0;
-}
-a, a:visited, a:active{ 
-	color: #000; 
-	font-family: Verdana, Helvetica, sans-serif; 
-}
-td { 
-	padding: 0 8px;
-	color: #000; 
-	font:12px Verdana, Helvetica, sans-serif; 
-}
-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;
-}
-
-.link { cursor:pointer; }
-
-/************************************************/
-/*             Header                           */
-/************************************************/
-#topbar { 
-	height: 85px;
-	padding: 3px 0 0 10px;
-}
-#topbarright { 
-	float: right;
-	font-size: 10px;
-}
-#topbarleft, #topbarleft a{ 
-	float: left;
-}
-
-/************************************************/
-/*                XSPF Player                   */
-/************************************************/
-
-.xspf_player {
-    right: 20px;
-    position: absolute;
-}
-
-/************************************************/
-/*                Footer                        */
-/************************************************/
-#footer {
-  clear:both;
-	float:right;
-	margin:5px;
-	font-size:10px;
-}
-#footer p {
-	color:#999;
-	font-size:10px;
-}
-#footer-content { 
-	font-size:10px; 
-} 
-
-
-/************************************************/
-/*                  Buttons                     */
-/************************************************/
-.selected_button {
-	background: #000;
-  color: #fff;
-}
-.unselected_button {
-}
-#sb_Subsearch input{ margin:0; padding:0;}
-.smallbutton {
-  border-top:1px solid #f0f0f0;
-  border-left:1px solid #f0f0f0;
-  border-bottom:1px solid #a0a0a0;
-  border-right:1px solid #a0a0a0;
-	padding: 0 1px;
-	margin:0;
-	font-size: 11px;
-	cursor: pointer;
-  font-weight:bold;
-  background: #d0d0d0;
-}
-.smallbutton:active { 
-  border-bottom:1px solid #f0f0f0;
-  border-right:1px solid #f0f0f0;
-  border-top:1px solid #a0a0a0;
-  border-left:1px solid #a0a0a0;
-}	
-a.smallbutton { 
-	text-decoration:none;
-	padding:1px 2px;
-} 
-
-
-/************************************************/
-/*         Tables (songs lists...)              */
-/************************************************/
-.table-header {
-/*	background: url(../images/ampache-light-bg.gif) #dddddd repeat-x; */
-	font-size:1.1em;
-	vertical-align: top;
-	text-align:center;
-}
-.odd, .odd td {
-	font-size: 12px;
-	border-bottom:1px dotted #c0c0c0;
-}
-.even, .even td {
-	font-size: 12px;
-	border-bottom:1px dotted #c0c0c0;
-}
-.even:hover, .odd:hover { 
-	background:#99ccff;
-} 
-.headrow {
-	font-size: 12px;
-	background:#ccc;
-}
-.blank {
-	background: #fff;
-}
-.border { 
-	background: #000; 
-}
-.header { 
-	font-size: 12px; 
-}
-
-/************************************************/
-/*               Content block                  */
-/************************************************/
-#content {
-	margin: 0px 220px 20px 135px;
-}
-h3#content_title{
-	font: 12px/32px Arial,Helvetica,Sans-Serif;
-	background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;
-	color:#fff;
-}
-h3#content_title span {
-	text-align:left;
-}
-
-/************************************************/
-/*                  Rightbar                    */
-/************************************************/
-#rightbar { 
-	width:200px;
-	float:right;
-} 
-#rightbar table.box
-{
-  float:right;
-}
-#rightbar li { 
-	list-style:none;	
-	float:left;
-	margin-right:3px;
-}
-#rightbar-bottom span { 
-	padding-left:10px; 
-	display:block; 
-} 
-
-#current_playlist { 
-	clear:left; 
-} 
-
-/************************************************/
-/*                  Sidebar                     */
-/************************************************/
-#sidebar{
-	float:left;
-  position:relative;
-	width:120px;
-	padding-top:28px;
-	background:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat;
-	font-size:0.9em;
-}
-
-#sidebar select	{	width: 95%; }
-#sidebar input  { vertical-align:middle; background:#fff; }
-#sidebar ul     { list-style:none; }
-#sidebar a      {	text-decoration:none; } 
-
-
-/* For sidebar tabs */
-/********************/
-#sidebar-tabs{
-	border-top:1px solid #8b8b8b;
-}
-
-#sidebar-tabs li.sb1 {
-  float: left;
-	padding:2px;
-  background: #c0c0c0 ; 
-}
-#sidebar-tabs li.active { 
-	background: #fff url(../images/top.gif) repeat-x 0 0; 
-	margin-top:8px;
-} 
-#sidebar-tabs li.active img{ 
-	margin-top:4px;position:relative;z-index:2;
-} 
-
-/* Tabs content */
-/****************/
-#sidebar-page {
-  position:absolute;
-  left:0;
-  top:52px;
-	background: #fff url(../images/bottom.gif) 0 100% repeat-x;
-	padding-bottom:0.5em;
-	border-right:2px solid #c0c0c0;
-	font-size: 0.8em;
-  width:118px;
-} 
-#sidebar-page ul.sb2 {
-  padding:2px 4px;
-}
-#sidebar-page ul.sb2 li{
-  font-weight:bold;
-  margin:1em auto;
-  padding-bottom: 0.5em;
-  border-bottom: 1px solid #666;
-}
-#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; }
-
-#sidebar-page ul.sb3, #sidebar-page div.sb3 {
-  font-size:0.9em;
-  margin-left:2px;
-  font-weight:normal;
-  color:#5b5b5b;
-}
-
-#sidebar-page ul.sb3 li{
-  margin:0;
-  padding:0;
-  border:none;
-  font-weight:normal;
-}
-* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */
-
-#sidebar-page .sb3 a, #sidebar-page .sb3 .link{
- padding:0.1em;
- border-bottom:1px dotted #c0c0c0;
- color:#5b5b5b;
-}
-
-
-#sidebar-page a{
-  display:block;
-}
-#sidebar-page a:hover, #sidebar-page .link:hover{
-  background:#99ccff;
-  color:#fff;
-}
-
-/* SIDEBAR : Home */
-/******************/
-
-/* SIDEBAR : Browse */
-/********************/
-.alphabet { 
-  background:transparent; /* fix ie bug */
-  font-size:0.95em;
-	font-weight:normal;
-	margin: 0.3em auto;
-	color:#5b5b5b;
-}
-.alphabet span.link { 
-	cursor: pointer;
-	margin: 0;
-	padding:0 5px;
-	font-family: monospace, Courier, Georgia;
-} 
-.alphabet span.active{ background:#5b5b5b; color:#fff; }
-.alphabet span.link:hover { 
-	background: #99ccff;
-	color:#fff;
-} 
-
-/* SIDEBAR : Search */
-/********************/
-
-/* SIDEBAR : Preferences */
-/*************************/
-
-/* SIDEBAR : Admin */
-/*******************/
-#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;}
-#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{
-  display:inline; 
-  padding:0; 
-  border:none; 
-}
-
-
-/************************************************/
-/*          Albums of the moment                */
-/************************************************/
-
-.random_album
-{
-  position:relative;
-  float:left;
-  padding:8px;
-  width:80px;
-}
-
-.random_album .play_album
-{
-  display:none;
-}
-
-/************************************************/
-/*          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 Verdana, sans-serif;
-	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;
-	color: #000;
-}
-.np_row {
-	padding: 3px 0;
-}
-.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {
-	margin: 10px;
-}
-
-
-/************************************************/
-/*        Styles for the star ratings           */
-/************************************************/
-.star-rating {
-  position:relative;
-  display:inline;
-}
-
-.star-rating ul,
-.star-rating a:hover,
-.star-rating .current-rating{
-  background: url(../../../images/ratings/star_rating.gif) left -1000px repeat-x;
-}
-.star-rating ul{
-  position:relative;
-  width:80px;
-  height:15px;
-  overflow:hidden;
-  list-style:none;
-  margin:0;
-  padding:0;
-  background-position: left top;
-}
-.star-rating li{
-  display: inline;
-}
-.star-rating a, .star-rating span,  
-.star-rating .current-rating{
-  position:absolute;
-  top:0;
-  left:0;
-  text-indent:-1000em;
-  height:15px;
-  line-height:15px;
-  outline:none;
-  overflow:hidden;
-  border: none;
-}
-.star-rating .one-stars  { width:20%; z-index:6; }
-.star-rating .two-stars  { width:40%; z-index:5; }
-.star-rating .three-stars { width:60%; z-index:4; }
-.star-rating .four-stars { width:80%; z-index:3; }
-.star-rating .five-stars { width:100%; z-index:2; }
-.star-rating .current-rating { z-index:1; background-position: left bottom; }
-
-.star-rating a.zero-stars {
-  left:80px;
-  width:16px;
-  background-image: url(../../../images/ratings/x_off.gif);
-}
-
-/* hovering effect only for dynamic star rating */
-.dynamic-star-rating a:hover{
-  background-position: left center;
-}
-.dynamic-star-rating a:hover.zero-stars {
-  background-image: url(../../../images/ratings/x.gif);
-}
-
-/************************************************/
-/*              Box Related Styles              */
-/************************************************/
-.box { 
-	background: #f7f7f7;
-	/*clear:left;/*both;*/
-}
-.info-box { 
-	background: #f7f7f7;
-	/*float:left;*/
-} 
-.box-title { 
-	border-bottom: solid 1px #000;
-	font-size: 1.05em;
-	font-weight: bold;
-}
-.box-list { 
-	padding-right: 10px;
-}
-
-/* Enclosing Boxes Styles */
-.box-left-top { 
-	background: url(../images/topleft.gif) no-repeat;
-	height:16px;
-}
-.box-left-bottom {
-	background: url(../images/bottomleft.gif) no-repeat;
-	height:18px;
-}
-.box-left { 
-	background: url(../images/left.gif);
-}
-.box-bottom { 
-	background: url(../images/bottom.gif);
-	height:18px;
-}
-.box-right-bottom { 
-	background: url(../images/bottomright.gif) no-repeat;
-}
-.box-right-top {
-	background: url(../images/topright.gif) no-repeat;
-}
-.box-right { 
-	background: url(../images/right.gif);
-}
-.box-top { 
-	background: url(../images/top.gif);
-}
-
-
-/************************************************/
-/*             List Header Styles               */
-/************************************************/
-table.list-header { 
-	margin:3px;
-} 
-div.list-header { 
-	cursor:pointer; 
-	text-decoration: none;
-	font-size: 0.8em; 
-	padding:2px 4px 0px 4px;
-	border: 1px solid #000; 
-	display:inline;
-} 
-div.list-header-selected {
-        text-decoration: none;
-        font-size: 0.8em;
-        padding:2px 4px 0px 4px;
-        border: 1px solid #000;
-	background: #e0e0e0; 
-	display:inline;
-}
-div.list-header:hover { 
-	background: #d0d0d0; 
-} 
-
-
-/************************************************/
-/*             Text Action Styles               */
-/************************************************/
-.text-action, .text-action li {
-	list-style: none;
-	margin:5px 0;
-	padding-left:0px;
-}
-.text-action div {
-	text-decoration: underline; 
-	cursor: pointer; 
-	display:block; 
-}
-.text-action #pt_active {
-	background: #000;
-	color: #fff;
-	border:1px solid #ddd;
-}
-
-
-/************************************************/
-/*            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 label{
-	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{
-	background:#0f0;
-}
-td.user_offline {
-	background:#7f0000;
-}
-td.user_disabled {
-	background:#ccc;
-}
-
-
-/************************************************/
-/*         Additional Information Boxes         */
-/************************************************/
-#information_actions { 
-	margin-left:5px; 
-} 
-#additional_information { 
-	float:left; 
-} 
-
-
-/************************************************/
-/*                Misc                          */
-/************************************************/
-.text-box, .confirmation-box {
-	display:table-cell;
-	padding:5px 5px 0 5px;
-	margin-bottom:10px;
-	background:#bbb;
-	border:2px solid #000;
-}
-
-#mpdpl td {
-	padding:0 2px 0 2px;
-	text-align:left;
-}
-.header1 { 
-	color:#000; 
-	font:bold 18px Verdana, Helvetica, sans-serif; 
-}
-.header2 {
-  color:#000;
-	font:bold 14px Verdana, Helvetica, sans-serif;
-}
-.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 {
-	text-align: center; /*for compatibility, may be controlled by themers now*/
-/* 	padding-top: 5px; */
-}
-.lp_box_vol {
-	text-align: center; /*for compatibility, may be controlled by themers now*/
-/* 	padding-left: 7px; */
-}
+/*

+

+ Copyright (c) 2001 - 2007 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:underline; }

+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:#d3d3d3;

+	font-family:Arial, Helvetica, Sans-Serif;

+	min-width:1000px;

+}

+p { 

+	color: #000;

+	margin:1em 0;

+}

+a, a:visited, a:active{ 

+	color: #000; 

+	font-family: Verdana, Helvetica, sans-serif; 

+}

+td { 

+	padding: 0 8px;

+	color: #000; 

+	font:12px Verdana, Helvetica, sans-serif;

+}

+th {

+	padding-right: 10px;

+	font-family: Verdana, Helvetica, sans-serif;

+  font-size:13px; 

+}

+input, select, textarea{

+	font: 12px Verdana, Helvetica, sans-serif; 

+	background: #ddd; 

+	color: #000; 

+}

+input {

+	font-weight: bold;

+  margin: 2px 2px 2px 0;

+}

+

+/************************************************/

+/*             IE6 behaviors                    */

+/* - csshover2: :hover support on any element   */

+/************************************************/

+body { behavior:url("csshover2.htc"); }

+

+/************************************************/

+/*             Header                           */

+/************************************************/

+#topbar { 

+	height: 85px;

+	padding: 3px 0 0 10px;

+}

+#topbarright { 

+	float: right;

+	font-size: 10px;

+}

+#topbarleft, #topbarleft a{ 

+	float: left;

+}

+/************************************************/

+/*                XSPF Player                   */

+/************************************************/

+

+.xspf_player {

+    right: 20px;

+    position: absolute;

+}

+

+/************************************************/

+/*                Footer                        */

+/************************************************/

+#footer {

+  clear:both;

+	text-align:center;

+	font-size:10px;

+	padding:3px;

+}

+#footer p {

+	color:#999;

+	font-size:10px;

+}

+#footer-content { 

+	font-size:10px; 

+} 

+

+

+/************************************************/

+/*                  Buttons                     */

+/************************************************/

+.selected_button {

+	background: #000;

+  color: #fff;

+}

+.unselected_button {

+}

+#sb_Subsearch input{ margin:0; padding:0;}

+.smallbutton {

+  border: 1px solid #f0f0f0;

+  border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;

+	padding: 0 1px;

+	margin:0;

+	font-size: 11px;

+	cursor: pointer;

+  font-weight:bold;

+  background: #d0d0d0;

+}

+.smallbutton:active { 

+  border: 1px solid #f0f0f0;

+  border-color: #f0f0f0 #a0a0a0 #a0a0a0 #f0f0f0;

+}	

+a.smallbutton { 

+	text-decoration:none;

+	padding:1px 2px;

+} 

+

+

+/************************************************/

+/*         Tables (songs lists...)              */

+/************************************************/

+.table-header {

+	font-size:1.1em;

+	vertical-align: top;

+	text-align:center;

+}

+.odd, .odd td {

+	font-size: 12px;

+	border-bottom:1px dotted #c0c0c0;

+}

+.even, .even td {

+	font-size: 12px;

+	border-bottom:1px dotted #c0c0c0;

+}

+.even:hover, .odd:hover { 

+	background:#99ccff;

+} 

+.headrow {

+	font-size: 12px;

+	background:#ccc;

+}

+.blank {

+	background: #fff;

+}

+.border { 

+	background: #000; 

+}

+.header { 

+	font-size: 12px; 

+}

+

+/************************************************/

+/*               Content block                  */

+/************************************************/

+#content {

+	margin: 20px 135px 20px 135px;

+}

+h3#content_title{

+	font: 12px/32px Arial,Helvetica,Sans-Serif;

+	background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;

+	color:#fff;

+}

+h3#content_title span {

+	text-align:left;

+}

+

+/************************************************/

+/*                  Rightbar                    */

+/************************************************/

+#rightbar { 

+	width:120px;

+	background:#fff;

+	padding-top:28px;

+	background:#c0c0c0 url(../images/rightbar_top.jpg) no-repeat;

+	float:right;

+	font-family: Verdana,Helvetica,sans-serif;

+} 

+#rightbar ul                      {	list-style:none; }

+#rightbar a                       { text-decoration:none; }

+

+

+/* Rightbar Menu */

+#rightbar #rb_action {	

+  border-top:1px solid #8b8b8b; 

+  padding:4px;

+}

+#rightbar #rb_action li         {	display:inline; }

+#rightbar li#rb_add             { position:relative; z-index:10;}

+#rightbar li#rb_add:hover       { background:#99ccff; } 

+/* Rightbar AddItems SubMenu */

+#rightbar li:hover #rb_action_additems  {	display:block; } 

+#rightbar #rb_action_additems   { 

+  display:none; 	

+  position:absolute;

+	right:0px;

+	top:18px;

+	background:#fff;

+	border:2px solid #c0c0c0;

+	width:120px;

+	font-size:0.7em;

+	padding:0.3em;

+}

+* html #rightbar #rb_action_additems {right:100px;} /* IE6 fix */

+

+#rightbar #rb_action_additems a {

+ display:block;

+ padding:0.1em;

+ border-bottom:1px dotted #c0c0c0;

+ color:#5b5b5b;

+ text-decoration:none;

+ text-align:right;

+}

+#rightbar #rb_action_additems a:hover,

+#rightbar #rb_current_playlist a:hover { background:#99ccff; color:#fff; }

+

+/* Rightbar playlist */

+#rightbar #rb_current_playlist    {

+  background: #fff url(../images/bottom.gif) 0 100% repeat-x;

+  padding-bottom:0.5em; 

+ 	border-left:2px solid #c0c0c0;

+ 	border-right:2px solid #c0c0c0;

+}

+#rightbar #rb_current_playlist li   { position:relative; font-size:0.6em;line-height:14px; color:#5b5b5b; padding-right:20px;}

+#rightbar #rb_current_playlist li a { display:block; padding:0.2em;}

+#rightbar .delitem                  { position:absolute;right:0;top:0; }

+

+/************************************************/

+/*                  Sidebar                     */

+/************************************************/

+#sidebar{

+	/*float:left;*/

+  position:absolute;

+  top:100px;

+  left:0;

+  width:120px;

+	padding-top:28px;

+	background:#c0c0c0 url(../images/sidebar_top.jpg) no-repeat;

+	font-size:0.9em;

+}

+

+#sidebar select	{	width: 95%; }

+#sidebar input  { vertical-align:middle; background:#fff; }

+#sidebar ul     { list-style:none; }

+#sidebar a      {	text-decoration:none; } 

+

+

+/* For sidebar tabs */

+/********************/

+#sidebar-tabs{

+	border-top:1px solid #8b8b8b;

+}

+

+#sidebar-tabs li.sb1 {

+  float: left;

+	padding:2px;

+  background: #c0c0c0 ; 

+}

+#sidebar-tabs li.active { 

+	background: #fff url(../images/top.gif) repeat-x 0 0; 

+	margin-top:8px;

+} 

+#sidebar-tabs li.active img{ 

+	margin-top:4px;position:relative;z-index:2;

+} 

+

+/* Tabs content */

+/****************/

+#sidebar-page {

+  position:absolute;

+  left:0;

+  top:52px;

+	background: #fff url(../images/bottom.gif) 0 100% repeat-x;

+	padding-bottom:0.5em;

+	border-right:2px solid #c0c0c0;

+	font-size: 0.8em;

+  width:118px;

+} 

+#sidebar-page ul.sb2 {

+  padding:2px 4px;

+}

+#sidebar-page ul.sb2 li{

+  font-weight:bold;

+  margin:1em auto;

+  padding-bottom: 0.5em;

+  border-bottom: 1px solid #666;

+}

+#sidebar-page ul.sb2 h4{ padding-bottom: 0.5em; }

+

+#sidebar-page ul.sb3, #sidebar-page div.sb3 {

+  font-size:0.9em;

+  margin-left:2px;

+  font-weight:normal;

+  color:#5b5b5b;

+}

+

+#sidebar-page ul.sb3 li{

+  margin:0;

+  padding:0;

+  border:none;

+  font-weight:normal;

+}

+* html #sidebar-page ul.sb3 li{display:inline;} /* fix ie6 */

+

+#sidebar-page .sb3 a{

+ padding:0.1em;

+ border-bottom:1px dotted #c0c0c0;

+ color:#5b5b5b;

+}

+

+

+#sidebar-page a{

+  display:block;

+}

+#sidebar-page a:hover{

+  background:#99ccff;

+  color:#fff;

+}

+

+/* SIDEBAR : Home */

+/******************/

+

+/* SIDEBAR : Browse */

+/********************/

+.alphabet { 

+  background:transparent; /* fix ie bug */

+  font-size:0.95em;

+	font-weight:normal;

+	margin: 0.3em auto;

+	color:#5b5b5b;

+}

+.alphabet span.link { 

+	cursor: pointer;

+	margin: 0;

+	padding:0 5px;

+	font-family: monospace, Courier, Georgia;

+} 

+.alphabet span.active{ background:#5b5b5b; color:#fff; }

+.alphabet span.link:hover { 

+	background: #99ccff;

+	color:#fff;

+} 

+

+/* SIDEBAR : Search */

+/********************/

+

+/* SIDEBAR : Preferences */

+/*************************/

+

+/* SIDEBAR : Admin */

+/*******************/

+#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {margin:0;}

+#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{

+  display:inline; 

+  padding:0; 

+  border:none; 

+}

+

+

+

+/************************************************/

+/*          Albums of the moment                */

+/************************************************/

+

+.random_album

+{

+  position:relative;

+  float:left;

+  padding:8px;

+  width:80px;

+}

+

+.random_album .play_album

+{

+  display:none;

+}

+

+/************************************************/

+/*          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 Verdana, sans-serif;

+	background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;

+	color: #000;

+}

+.np_row {

+	padding: 3px 0;

+}

+.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {

+	margin: 10px;

+}

+

+

+/************************************************/

+/*        Styles for the star ratings           */

+/************************************************/

+.star-rating {

+  position:relative;

+  display:inline;

+}

+

+.star-rating ul,

+.star-rating a:hover,

+.star-rating .current-rating{

+  background: url(../../../images/ratings/star_rating.gif) left -1000px repeat-x;

+}

+.star-rating ul{

+  position:relative;

+  width:80px;

+  height:15px;

+  overflow:hidden;

+  list-style:none;

+  margin:0;

+  padding:0;

+  background-position: left top;

+}

+.star-rating li{

+  display: inline;

+}

+.star-rating a, .star-rating span,  

+.star-rating .current-rating{

+  position:absolute;

+  top:0;

+  left:0;

+  text-indent:-1000em;

+  height:15px;

+  line-height:15px;

+  outline:none;

+  overflow:hidden;

+  border: none;

+}

+.star-rating .one-stars  { width:20%; z-index:6; }

+.star-rating .two-stars  { width:40%; z-index:5; }

+.star-rating .three-stars { width:60%; z-index:4; }

+.star-rating .four-stars { width:80%; z-index:3; }

+.star-rating .five-stars { width:100%; z-index:2; }

+.star-rating .current-rating { z-index:1; background-position: left bottom; }

+

+.star-rating a.zero-stars {

+  left:80px;

+  width:16px;

+  background-image: url(../../../images/ratings/x_off.gif);

+}

+

+/* hovering effect only for dynamic star rating */

+.dynamic-star-rating a:hover{

+  background-position: left center;

+}

+.dynamic-star-rating a:hover.zero-stars {

+  background-image: url(../../../images/ratings/x.gif);

+}

+

+/************************************************/

+/*              Box Related Styles              */

+/************************************************/

+ 

+.box-title { 

+	border-bottom: solid 1px #000;

+	font-size: 1.05em;

+	font-weight: bold;

+	margin: 0 10px;

+}

+.box-list { 

+	padding-right: 10px;

+}

+

+/* Enclosing Boxes Styles */

+

+.box, .info-box { 

+	background: #f7f7f7 url(../images/left.gif) top left repeat-y;

+	float:left;

+  clear:left;

+	height:1%; /* IE6 : Holly Hack comes to rescue once again */

+}

+.box-inside { 

+	background: url(../images/right.gif) top right repeat-y;

+}

+.box-content {

+	padding:8px 15px;

+}

+

+.box-top { 

+	background: url(../images/top.gif) 0 0 repeat-x;

+	position:relative;

+}

+.box-left-top { 

+	background: url(../images/topleft.gif) no-repeat;

+	height:16px;

+	width:16px;

+	position:relative;left:0;top:0;

+}

+.box-right-top {

+	background: url(../images/topright.gif) no-repeat;

+	height:16px;

+	width:20px;

+	position:absolute;right:0;top:0;

+}

+* html .box-right-top {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */

+.box-bottom { 

+	background: url(../images/bottom.gif) 0 0 repeat-x;

+	position:relative;clear:both;

+}

+.box-left-bottom {

+	background: url(../images/bottomleft.gif) no-repeat;

+	height:18px;

+	width:16px;

+	position:relative;left:0;top:0;

+}

+.box-right-bottom { 

+	background: url(../images/bottomright.gif) no-repeat;

+	height:18px;

+	width:20px;

+	position:absolute;right:0;top:0;

+}

+* html .box-right-bottom {right: expression(-this.parentNode.offsetWidth%2+"px");} /* Fixes an IE6 rounding error */

+

+/* Specific boxes */

+.box_newest_albums  {}

+.box_newest_artists {clear:none;}

+.box_newest_genres  {clear:none;}

+.box_topbarright    {display:table;}

+

+/************************************************/

+/*             List Header Styles               */

+/************************************************/

+table.list-header { 

+	margin:3px;

+} 

+div.list-header { 

+	cursor:pointer; 

+	text-decoration: none;

+	font-size: 0.8em; 

+	padding:2px 4px 0px 4px;

+	border: 1px solid #000; 

+	display:inline;

+} 

+div.list-header-selected {

+        text-decoration: none;

+        font-size: 0.8em;

+        padding:2px 4px 0px 4px;

+        border: 1px solid #000;

+	background: #e0e0e0; 

+	display:inline;

+}

+div.list-header:hover { 

+	background: #d0d0d0; 

+} 

+

+

+/************************************************/

+/*             Text Action Styles               */

+/************************************************/

+.text-action, .text-action li {

+	list-style: none;

+	margin:5px 0;

+	padding-left:0px;

+}

+.text-action div {

+	text-decoration: underline; 

+	cursor: pointer; 

+	display:block; 

+}

+.text-action #pt_active {

+	background: #000;

+	color: #fff;

+	border:1px solid #ddd;

+}

+

+

+/************************************************/

+/*            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 label{

+	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{

+	background:#0f0;

+}

+td.user_offline {

+	background:#7f0000;

+}

+td.user_disabled {

+	background:#ccc;

+}

+

+

+/************************************************/

+/*         Additional Information Boxes         */

+/************************************************/

+#information_actions { 

+	margin-left:5px; 

+	font-size:0.7em;

+} 

+#additional_information { 

+	float:left; 

+} 

+

+

+/************************************************/

+/*                Misc                          */

+/************************************************/

+.text-box, .confirmation-box {

+	display:table-cell;

+	padding:5px 5px 0 5px;

+	margin-bottom:10px;

+	background:#bbb;

+	border:2px solid #000;

+}

+

+#mpdpl td {

+	padding:0 2px 0 2px;

+	text-align:left;

+}

+.header1 { 

+	color:#000; 

+	font:bold 18px Verdana, Helvetica, sans-serif; 

+}

+.header2 {

+  color:#000;

+	font:bold 14px Verdana, Helvetica, sans-serif;

+}

+.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 {

+	text-align: center; /*for compatibility, may be controlled by themers now*/

+/* 	padding-top: 5px; */

+}

+.lp_box_vol {

+	text-align: center; /*for compatibility, may be controlled by themers now*/

+/* 	padding-left: 7px; */

+}