/*

 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;
}