/*

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