<!--
/*

 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
 as published by the Free Software Foundation; either version 2
 of the License, or (at your option) any later version.

 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.

*/
-->
p { 
	color: #000000;
}

a { 
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
}
a:visited 
	{ 
	color: #000000; 	
	font-family: Verdana, Helvetica, sans-serif; 
	}
a:active  { 
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
}
.text-box {
	display: table-cell;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	margin-bottom:10px;
	background-color: #F5F5F5;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:2px solid #000000;
	border-top:2px solid #000000;
}
.selected_button {
	background-color: #F5F5F5;
	color: #000000;
}
.unselected_button {
	/* there really isn't anything for this */
}
.display {}

table.tabledata {}
td { 
	padding: 0px 8px 0px 8px;
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px;
}
th {
	padding-right: 10px;
}
input {
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #F5F5F5; 
	margin: 2px 2px 2px 2px;
}
select	{ 
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #F5F5F5; 
}
textarea { 
	background-color: #F5F5F5;
	color: #000000; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
}
.table-header {
        background: url(../images/tablebg.jpg) #F5F5F5 repeat-x;
	vertical-align: top;
}
    .header1 
    { 
	color: #FFFFFF; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: 900;
    }
    .header2
    {
    	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
    }
	.headrow 
		{
		background:#F3F3F3;
		font-size: 12px;
		}
	.odd 
		{
		background:#EDEDED;
		font-size: 12px;
		}
	.even
		{
		background:#F9F9F9;
		font-size: 12px;
		}
.blank {
	background: #fff;
}
.border { 
	background:#D1D0D1; 
}
.header { 
	font-size: 12px; 
}
.error { 
	color: #990033; 
}
.fatalerror {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	display: table-cell;
	padding-bottom: 3px;
	color: #990033;
 border-right:4px solid #990033;
 border-bottom:4px solid #990033;
 border-left:4px solid #990033;
 border-top:4px solid #990033;		
}
.disabled {
	text-decoration: line-through;
}
.smallbutton {
	border:0px;
	padding-left:1px;
	padding-right:1px;
	font-size: 11px;
	cursor: pointer;
}
/* ////////////////////////////////////////////////////////////////*/	
/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache  */

/* General style rules  */
body{
        background-color: #4C669F;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	font-size: 12px;
	font-family: Verdana;
	color: #000000;
}

#maincontainer{
	margin: 0px;
}

.alphabet { 
	margin: 10px;
	font-size: 10px; 
	font-weight: normal; 
}

/* Content block */
#content {
	postion:absolute;
	float: left;
	clear: both;
	padding-top: 20px;
	margin-left:15px;
	/*float:left;  use for horizontal menu; comment out otherwise */
	/* background:#fff url("../themes/classic/images/bg_content.gif") repeat-y right top; */
}

h3#content_title{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:12px;
	line-height:32px;
	color:#fff;
	margin:0px;
	padding:0px;
	background:#F5F5F5 url("../themes/classic/images/content_corner.gif") no-repeat right top;
}

h3#content_title span {
	text-align:left;
}
			
/* Styles for Header */
div#Header{
	height:120px;
	margin-bottom:3px;
	padding:0px;
	background: url("../images/top_fill.jpg") repeat-x ; 
}

#Header h1 { 
	background: transparent url("../themes/classic/images/bg_login_0.jpg") no-repeat top left; 
	border:0px; 
	width: 439px; 
	height: 84px; 
	float: left;
	margin:0px;
	padding:0px;
}
	
#Header h1 span {
	display:none
}

#Header h2 { 
	background: transparent url(001/h2.gif) no-repeat top left; 
	margin-top: 75px;  
	width: 200px; 
	height: 18px; 
	float: right;
}

#Header h2 span {
	font-size:10px;
	margin-left:10px;
}


/* Sidebar */
div#sidebar{
        clear:both;
        position:absolute;
        left:0px;
        top:120px;
	padding-top:0px;
	background: #F5F5F5;
	width: 100%;
}

#sidebar h3 {
	display:none;
}

#sidebar h3 span {
        display:none
}

#sidebar ul {
        margin: 0px;
        list-style: none;
        font-family:Arial, Helvetica, Sans-Serif;
        font-size:10px;
        padding: 0px;
        line-height: 1.0;
	Background-color: #F5F5F5;
}

#sidebar li {
    margin: 0;
    float: left;
    display: block;
    border: 1px solid #F5F5F5;
    padding: 5px 0px 5px 10px;
    width: 10.5em;
    background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
}

#sidebar ul.subnavside li {
    border: 1px solid #F5F5F5;
    background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
}

#sidebar a, .navbutton {
    display: block;  /*Not sure why this is neccesary, but it is for IE*/
    text-decoration: none;
    text-align: center;
    padding:0px 12px 0px 0px;
    margin:0px;
}

#sidebar li:hover, #sidebar li.sfhover {
        color:#000000;
	background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
        background-color:#F5F5F5;
}

#sidebar li ul {
    float: left;
    position: absolute;
    width: 9em;
/*    margin: -1.5em 0 0 10.5em; /* for vertical menu; comment out otherwise */
    margin: 0.5em 0 0 -1.1em;
    left: -999em;  /* this -999em puts the submenu item way off to the left until it's called back by a hover (below) */
    z-index:30;
    background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
}

#sidebar #activetopmenu {
        background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
	}
#sidebar #activesubmenu {
        background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
}
#sidebar li:hover, #sidebar li.sfhover {
        left: auto;  /* this calls the submenu back when the parent li is hovered. */
        background: url(../images/bg_menubar.jpg) #F5F5F5 repeat-x;
}


/* Styles for Now Playing */

#np_container1{
	width: 260px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: #fff url("../themes/classic/images/tb_tab.jpg") no-repeat top left;
}

#np_container1 h1{
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}

#np_container2{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:#ddd #999 #999 #ccc;
	padding: 6px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	background: #D6D6D4 url("../themes/classic/images/bg_row.jpg") repeat top left;
}

	
/* Styles for Login template  */
#container{
	margin:100px auto 0px auto;
	width:437px;
	font-size: 12px;
	text-align:center;
}
#container h1{
	background:url("../themes/classic/images/bg_login_0.jpg") no-repeat;
	height:81px;
	margin-bottom:8px;
}
#container h1 span{
	display:none;
}
#container div{
	background:url("../themes/classic/images/bg_login_1.jpg") no-repeat;
	height:285px;
}
#loginp_0{
	color:#333;
	margin-top:0px;
	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;
} 
/* Footer */
#footer {
	margin-left: 150px;
	margin-bottom: 10px;
}

#footer p {
	color:#999999;
	font-size:10px;
}
#topbar { 
	float: left;
	top:20px;
	height: 120px;
	padding-top:0px;
	padding-left:0px;
	background: #000000 url("../images/top_fill.jpg") repeat-x;
	color: #ffffff;
}
#topbar a { 
	color: #ffffff;
}
#topbarright { 
	float: right;
	font-size: 10px;
}
#topbarleft, #topbarleft a{ 
	float: left;
}

/* Box Related Styles */
.box { 
	padding:0px;
	background: #F5F5F5;
	margin:10px;
	border: 1px solid #000000;
}
.box-title { 
	background: #EEFF65;
	width: 100%;
	font-weight: bold;
}
.box-left-top { display:none; }
.box-left-bottom { display:none; }
.box-left { display:none; }
.box-bottom { display:none; }
.box-right-bottom { display:none; }
.box-right-top { display:none; }
.box-right { display:none; }
.box-top { display:none; }

.confirmation-box {
	padding-left:5px;
	padding-top:5px;
 	padding-right:5px;
	margin-bottom:10px;
	display: table-cell;
	background-color: #EEFF65;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:2px solid #000000;
	border-top:2px solid #000000;}

.text-action, .text-action li {
	margin-top:5px;
	list-style: none;
	margin-bottom:5px;
	padding-left:0px;
}
.text-action a, .text-action span {
	background: #F5F5F5;
	border:1px solid #000000;
 	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
}
.text-action #pt_active {
	background: #000000;
	color: #ffffff;
	border:1px solid #000000;
}
#nowplaying {
	width:650px;
	background: #404040;
}
.np_row {
	padding-top: 3px;
	padding-bottom: 3px;
}
.np_cell, .np_cell_left, .np_cell_m, .np_cell_right {
	margin: 10px;
}
#tablist {
        padding: 3px 0;
        margin: 12px 0 0 0;
        font: bold 12px Verdana, sans-serif;
}

#tablist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#tablist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #cccccc;
        border-bottom: none;
        background: #F5F5F5;
        text-decoration: none;
}

#tablist li a:link { color: #222222; }
#tablist li a:visited { color: #000000; }

#tablist li a:hover {
        color: #000000;
        background: #EEFF65;
        border-color: #000000;
}

#tablist li a#current {
        color: #000000;
        background: #F5F5F5;
        border-color: #000000;
        border-bottom: 1px solid #000000;
}


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