/*

 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; list-style: none;} /* White space reset */


/************************************************/
/*           General style rules                */
/************************************************/
body{ 
	font-family:Arial, Helvetica, Sans-Serif;
	background: #000000 url(../images/background.jpg) repeat;
	color: #00ff00;
}

p { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; }

a, a:visited, a:active { color: #00ff00; }

td { padding: 0 8px; font:12px Verdana, Helvetica, sans-serif; }
th { padding-right: 10px; }
tr td a { text-align: center; }

input {
	color: #00ff00; 
	background-color: #000000;
	font-size: 12px; 
	font-weight: bold; 
	border-color: #111111; 
	margin:2px;
}
select	{ 
	background-color: #000000;
	color: #00ff00; 
	font-size: 12px; 
	border: 1px solid #555555; 
	border-collapse: collapse;
}
textarea { 
	background-color: #000000;
	color: #000000; 
	font-size: 12px; 
	border-color:#555555; 
}

/************************************************/
/*                Footer                        */
/************************************************/
#footer {
	margin: 0 0 10px 150px;
}
#footer p {
	color:#999;
	font-size:10px;
}


/************************************************/
/*                  Buttons                     */
/************************************************/
.selected_button { color:#00ff00; background: url(../images/tablebg.gif) #000000 repeat-x; }
.unselected_button { display: none; }
.smallbutton {
	border:0px solid #555555;
	padding-left:1px;
	padding-right:1px;
	font-size: 11px;
	cursor: pointer;
	background: url(../images/active.tablebg.gif) #000000 repeat-x;
}

/************************************************/
/*         Tables (songs lists...)              */
/************************************************/
.table-header {
	background: url(../images/tablebg.gif) #000000 repeat-x;
	vertical-align: top;
	text-align: center;
}
.headrow{ font-size: 12px; background: url(../images/active.tablebg.gif) #000000 repeat-x; }
.border { background: url(../images/active.tablebg.gif) #000000 repeat-x; }
.header { font-size: 12px; }
.blank  { background: #ffffff; }


/************************************************/
/*               Content block                  */
/************************************************/
#content {
	top:90px;
	float: none;
	margin:7px 0 0 135px;
	/* background:#fff url(../images/bg_content.gif) repeat-y right top; */
}
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;
}
/************************************************/
/*               Side Menu block                */
/************************************************/

#sidebar{
	position:absolute;
	left:5px;
	top:87px;
	font-family: Verdana, Helvetica, sans-serif; 
}

#sidebar select	{ width: 95%;}
#sidebar h3 { display:none }
#sidebar h3 span { display:none }

#sidebar ul {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
   
#sidebar ul.subnavside {
    display: none;
    position: absolute;
    width: 9em;
    top: -1px;
    left: 11.5em;
    font-size: 1em;
    z-index: 1;		
}

#sidebar li {
    float: left;
    clear: both;
    display: inline;	/* IE6 Patch */
    position: relative;
    width: 13em;
    width: /**/11.5em; /* Only IE5.5 can't see this */
    margin: 0;
    border: 1px solid #000000;
    background: url(../images/menu.jpg) #000000 repeat;
}
#sidebar a, #sidebar .navbutton {
    display: block;
    position: relative;
    text-decoration: none;
    margin:0px;
    padding: .5em 0 .5em 1em;
}

#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside { display:block; }
#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu { background: url(../images/menu-active.jpg) #000000 repeat; }
#sidebar li.hover:active { background: url(../images/menu-active.jpg) #000000 repeat; 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 #000000}
.horizontal_menu #sidebar ul.subnavside  { left: 0; top: 2em; }


/* Menu Elements Display (icons, visibility...)
#sidebar_home a 	{ }
#sidebar_admin a 	{ }
#sidebar_prefs a 	{ }
#sidebar_browse a 	{ }
#sidebar_plists a 	{ }
#sidebar_stats a 	{ }
#sidebar_search a 	{ }
#sidebar_subsearch  	{ }
#sidebar_random a 	{ }
#sidebar_form  		{ }
#sidebar_localplay a 	{ }
#sidebar_localplay_ctrl	{ }
#sidebar_logout a 	{ }

#sidebar_admin_users a		{ }
#sidebar_admin_mail_users a	{ }
#sidebar_admin_catalog a	{ }
#sidebar_admin_config a 	{ }
#sidebar_admin_access_list a	{ }

#sidebar_browse_albums a	{ }
#sidebar_browse_artists a	{ }
#sidebar_browse_genre a		{ }
#sidebar_browse_song_title a	{ }
#sidebar_browse_lists a		{ }
*/

/************************************************/
/*             Header                           */
/************************************************/
#topbar { 
	height: 120px;
	padding-top:13px;
	margin-left:230px;
	border: 2px black;
}
#topbarright { 
	font-size: 10px;
}
#topbarleft, #topbarleft a{ 
	float: left;
}

/************************************************/
/*          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;
        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 { 
	padding:0px;
	margin-bottom:5px;
	background: #000000;
}
.box-title { 
	text-align:center;
	border-bottom: solid 1px #000000;
	font-size: 1.05em;
	font-weight: bold;
}
/* 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               */
/************************************************/
.list-header { 
	text-decoration: none;
} 
.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: url(../images/active.tablebg.gif) #000000 repeat-x;
	border:1px solid #000;
	text-decoration: none;
}
.text-action #pt_active {
	background: #000;
	color: #fff;
	border:1px solid #ddd;
}


/************************************************/
/*            Tabs (for preferences)            */
/************************************************/
#tablist {
        padding: 3px 0;
        margin: 12px 0 0 0;
        font: bold 12px Verdana, sans-serif;
}
#tablist li {
        list-style: none;
        display: inline;
}
#tablist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        background: #444444;
        text-decoration: none;
}
#tablist li a:link { color: #777777; }
#tablist li a:visited { color: #777777; }
#tablist li a:hover {
        color: #000000;
        background: #bbbbbb;
        border-color: #000000;
}
#tablist li a#current {
        color: #00ff00;
        background: #444444;
}

/************************************************/
/*            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{
	background:#0f0;
}
td.user_offline {
	background:#7f0000;
}
td.user_disabled {
	background:#ccc;
}


/************************************************/
/*                Misc                          */
/************************************************/
.text-box {
	display: table-cell;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	margin-bottom:10px;
	background-color: #000000;
	border:2px solid #000000;
}
.confirmation-box {
	padding-left:5px;
	padding-top:5px;
 	padding-right:5px;
	margin-bottom:10px;
	display: table-cell;
	background-color: #bbbbbb;
	border:2px solid #000000;
}
.alphabet { 
	margin:10px;
	font-size:10px; 
	font-weight:normal; 
}
#mpdpl td {
	padding:0 2px 0 2px;
	text-align:left;
}
.header1{ font-size: 18px; font-weight: 900; }
.header2{ font-size: 14px; font-weight: 900; }
.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; */
}