
<!--
/*

 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: #ffffcc;
}

a { 
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
}
a:visited 
	{ 
	color: #ffffcc; 	
	font-family: Verdana, Helvetica, sans-serif; 
	}
a:active  { 
	color: #ffffcc; 
	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: #0C395B;
	border-right:2px solid #ffffcc;
	border-bottom:2px solid #ffffcc;
	border-left:2px solid #ffffcc;
	border-top:2px solid #ffffcc;
}
.selected_button {
	background-color: black;color:white;
}
.unselected_button {
	/* there really isn't anything for this */
}
.display {}

table.tabledata {}
td { 
	padding: 0px 8px 0px 8px;
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px;
}
th {
	padding-right: 10px;
}
input {
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #1483CF; 
	margin: 2px 2px 2px 2px;
}
select	{ 
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #1483CF; 
}
textarea { 
	background-color: #1483CF;
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
}
.table-header {
	background: url(../themes/classic/images/ampache-light-bg.gif) #1483CF repeat-x;
	vertical-align: top;
}
    .header1 
    { 
	color: #ffffcc; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: 900;
    }
    .header2
    {
    	color: #ffffcc;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
    }
	.headrow 
		{
		background:#cccccc;
		font-size: 12px;
		}
	.odd 
		{
		background:#0C395B;
		font-size: 12px;
		}
	.even
		{
		background:#0F4670;
		font-size: 12px;
		}
.blank {
	background: #fff;
}
.border { 
	background:#ffffcc; 
}
.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{ 
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	background-color:#27465A;
	font-family:Arial, Helvetica, Sans-Serif;
	color: #ffffcc;
}

#maincontainer{
	margin-right: 0px !important;
	background-color:#1483CF;
}

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

/* Content block */
#content {
	padding-top:10px;
	padding-left:0px !important;
	margin:10px 0px 0px 0px !important;
	width: 100% !important;
	background:#27465A url("../images/bottomfill.jpg") repeat-x;
	/*float:left;  use for horizontal menu; comment out otherwise */
}

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

h3#content_title span {
	text-align:left;
}
			
/* Styles for Header */
div#Header{
	height:80px;
	margin-bottom:3px;
	padding:0px;
}

#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 */
/**
 * Experimental for menus (Thx Sigger)
 * TO DO: Fill in 1px border around menus & submenu items
 * Make padding apply to the li, not just an a.  Moving padding: to li throws off the dropdown menu alignment.
 */

#sidebar{
	/* clear:both; */
	position:absolute;
	left:400px;
	top:400px;
	width:60%;
}

#sidebar select	{
	width: 95%; 
}

#sidebar h3 {
	border:0; 
	width: 120px; 
	height: 28px; 
	margin:0;
	padding:0; 
	background: transparent url(../images/sidebar_top.jpg) no-repeat left; 
}
	
#sidebar h3 span {
	display:none
}

#sidebar ul {
	list-style: none;
	font-family:Arial, Helvetica, Sans-Serif;
	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: 12em;
    width: /**/10.5em; /* Only IE5.5 can't see this */
    height: 12px; /*fixed by the_foster*/
    margin: 0;
    padding: .5em 0 .5em 1em;
    border-bottom: 1px solid #8B8B8B;
    border-left: 1px solid #8B8B8B;
    border-right: 4px solid #B4B4B4;
    border-top: 1px solid #8B8B8B;
    background:#00283e;
}

#sidebar ul.subnavside li { 
    border-right: 1px solid #B4B4B4;
}

#sidebar a, #sidebar .navbutton {
    display: block;
    position: relative;
    text-decoration: none;
}

#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
    display:block;
}

#sidebar li:hover, #sidebar li.sfhover,  #sidebar li.activetopmenu {
    color:#000;
    background-color:#1483cf;
}

#sidebar li.hover:active {
    background-color:#1483cf;
    z-index:30;
}

/* For horizontal menu */
.horizontal_menu #content {margin:0em 0 0 2em;}
.horizontal_menu #sidebar { width: auto; top: 50px;}
.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; }


/* 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-content {

/* TODO: put this at the bottom of the flow...does not currently work on show album
	position: absolute;
	bottom: 0px;
	margin: 0px;
	background-color:#000000;
	width:100%;
	height:20px; */
}

#footer p {
	color:#999999;
	font-size:10px;
}
#topbar {
	height: 362px;
	padding-top:0px;
	padding-left:0px;
	background-color: #000000;


}
#topbarright { 
	float: right;
	width:300px;
	height: 360px;
	font-size: 10px;
	background: url("../images/ampache.jpg") no-repeat bottom right;
}
#topbarleft, #topbarleft a{ 
	float: left;
}

/* Box Related Styles */
.box { 
	padding:0px;
	background: #00283E;
	margin: 10px 0px 10px 10px;
}
.box-title { 
	border-bottom: solid 1px #0C395B;
	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: #320000;
	border-right:2px solid #ffffcc;
	border-bottom:2px solid #ffffcc;
	border-left:2px solid #ffffcc;
	border-top:2px solid #ffffcc;}

.text-action, .text-action li {
	margin-top:5px;
	list-style: none;
	margin-bottom:5px;
	padding-left:0px;
}
.text-action a, .text-action span {
	background: #9F0000;
	border:1px solid #ffffcc;
 	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
}
.text-action #pt_active {
	background: #ffffcc;
	color: #ffffff;
	border:1px solid #1483CF;
}


/*
#np_data	{
	position:absolute;
	left: 450px;
	top: 200px;
}
*/
#nowplaying {
	width:650px;
	background: #00283E;
}
.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: #1483CF;
        text-decoration: none;
}

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

#tablist li a:hover {
        color: #ffffcc;
        background: #0C395B;
        border-color: #ffffcc;
}

#tablist li a#current {
        color: #ffffcc;
        background: #0C395B;
        border-color: #ffffcc;
        border-bottom: 1px solid #ffffcc;
}

#tv_left {
        float: left;
        clear: left;
}
#tv_np {
        float: right;
}

/* styles for the star ratings */
.star-rating{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 80px;
        height: 15px;
        position: relative;
        background: url(../../../images/ratings/star_rating.gif) top left repeat-x;
}
.star-rating li{
        padding:0px;
        margin:0px;
        float: right;
}
.star-rating li span{
        display:block;
        width:16px;
        height: 15px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
}
.star-rating li span:hover{
        background: url(../../../images/ratings/star_rating.gif) left center;
        z-index: 2;
        left: 0px;
}
li.zero-stars span:hover {
        background: url(../../../images/ratings/x.gif);
        height: 15px;
        left: 80px;
        display: block;
}
span.zero-stars {
        background: url(../../../images/ratings/x_off.gif);
        height: 15px;
        left: 80px;
        display: block;
}
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;
}
li.current-rating{
        background: url(../../../images/ratings/star_rating.gif) left bottom;
        position: absolute;
        height: 15px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
}


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

.smeg-ie { padding-left:0px;
	margin:0px;
}