<!--
/*

 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.

 (nf) nospam.foster -at- web -dot- de

Spin-off from Cleandy theme.

 Used the css from Cleandy.
 Integrated the rating images from "Apogee"with little modification, thanks to apexeleven.

/*just replaced base color #F7FAFF with #FFF6E0 (very light orange) and #FFE9A5 with #FFE28B (light orange) */
/* looks and works best with the included patches */

-->
p { 
	color: #3F5F5E;
}

a { 
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
a:visited 
	{ 
	color: #666666; 	
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; 
	}
a:active  { 
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif; 
}
a:hover  { 
	color: #ff9d4d; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}


.text-box {
	display: table-cell;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-bottom:15px;
	background-color: #ffffff;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
}
.selected_button {
	background-color: black;color:white;
}
.unselected_button {
	/* there really isn't anything for this */
}
.display {}

/*table{border-collapse: separate;empty-cells:show;}*/

table.tabledata {border-collapse: collapse;}
td { 
	padding: 0px 8px 0px 8px;
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
/*	border: 1pt solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;*/
}
th {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
/*	border: 1pt solid #c0c0c0; */
}
/*	.table-header td{border: 1pt solid #c0c0c0;}
	.table-header th{border: 1pt solid #c0c0c0;}
	.tabledata .table-header th{border: 1pt solid #c0c0c0;}*/

input, select, textarea 	{
/* 	padding: 0px; */
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px 1px 1px 1px
}

/* uncomment for themeing of dropdown-menus, fields and buttons */
/*input {
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	background-color: #F7FAFF; 
	margin: 2px 2px 2px 2px
}
select	{ 
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-color: #F7FAFF; 
};
textarea { 
	background-color: #F7FAFF;
	color: #3F5F5E; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
};*/

.table-header {
	background: url(../images/ampache-light-bg.gif) #FFF6E0 repeat-x;
	vertical-align: top;
}
    .header1 
    { 
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: 900;
    }
    .header2
    {
    	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 900;
    }
	.headrow 
		{
		background:#cccccc;
		font-size: 10px;
		}
	.odd 
		{
		background:#ffffff;
		font-size: 10px;
		}
	.even
		{
		background:#FFF6E0;
		font-size: 10px;
		}
.blank {
	background: #fff;
}
.border { 
	background:#666666; 
}
.header { 
        font-size: 10px; 
}
.error { 
        color: #BBBBBB; /*#CAD0D5;*/ 
}
.fatalerror {
        padding-top: 3px;
	padding-left: 3px;
        padding-right: 3px;
        display: table-cell;
        padding-bottom: 3px;
        color: #D5625E;
 border-right:4px solid #BBBBBB;
 border-bottom:4px solid #BBBBBB;
 border-left:4px solid #BBBBBB;
 border-top:4px solid #BBBBBB;
}
.disabled {
        text-decoration: line-through;
}
.smallbutton {
	border:0px;
	padding-left:1px;
	padding-right:1px;
	font-size: 11px;
	cursor: pointer;
}

/* General style rules  */
body{ 
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px; 
	background-color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif;
	color: #666666;
}

#maincontainer{
	margin: 0px;
}

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

/* Content block */
#content {
	postion:absolute;
	float: left;
	clear: both;
	margin-left:135px;
	float:left; /* use for horizontal menu; comment out otherwise */
	/* background:#fff url("../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:1px;
	background:#c0c0c0;/* url("../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:1px;
}

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

#Header h2 { 
	background: transparent url(..images/blank-pixel.gif) no-repeat top left;  /* 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:5px;
	top:87px;
}

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

#sidebar li {
    float: left;
    clear: both;
    display: inline;	/* IE6 Patch */
    position: relative;
    width: 12em;
    width: /**/8.5em; /* Only IE5.5 can't see this */  /* top menu entries width */
    height: 12px;
    margin: 0;
    padding: .5em 0 .5em 1em;
    border-bottom: 1px solid #c0c0c0; /*  #8B8B8B;*/
    border-left: 1px solid #c0c0c0;
    border-right: 4px solid #c0c0c0; /*#B4B4B4;*/
    border-top: 1px solid #c0c0c0;
    background:#ffffff;
}

#sidebar ul.subnavside li { 
    border-right: 1px solid #c0c0c0; /*#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:#FFEEB9;
}

#sidebar li.hover:active {
    background-color:#FFEEB9;
/*     z-index:50; */
}

#play_type_switch {
	position: relative;
/* 	width: 90px; */
	top: -4px;
}

/* 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 #c0c0c0} /*#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("../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: Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	background: #ffffff;/* url("../images/bg_row.jpg") repeat top left;*/
}

	
/* Styles for Login template  */
#container{
	margin:100px auto 0px auto;
	width:341px;
	font-size: 10px;
	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{
	background:url("../images/bg_login_1.jpg") no-repeat;
	height:192px;
}
#loginp_0{
	color:#333;
	margin-top:0px;
	padding-top:40px;
}
.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;
	font-weight: bold;
}
#topbar { 
	height: 80px;
	padding-top:3px;
	padding-left:10px;
}
#topbarright { 
	float: right;
	font-size: 10px;

	position: relative;
	z-index: 100;
	top: 15px;
	right: 40px;
	border: 0;
}
#topbarleft, #topbarleft a{ 
	float: left;
}

/* Box Related Styles */
.box { 
	padding:5px;
	background: #FFEEB9;
	margin:10px;
	border: 1px solid #c0c0c0;
}
.box-title { 
	border-bottom: solid 1px #ffffff;
	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: #ffffff;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:2px solid #666666;
	border-top:2px solid #666666;}

.text-action, .text-action li {
	margin-top:5px;
	list-style: none;
	margin-bottom:5px;
	padding-left:0px;
}
.text-action a, .text-action span {
	background: #FFF6E0;
	border:1px solid #c0c0c0;
 	padding-left:2px;
	padding-right:2px;
	text-decoration: bold;
}
.text-action #pt_active {
	background: #666666;
	color: #ffffff;
	border:1px solid #FFF6E0;
}
#nowplaying {
	width:650px;
	background: #FFEEB9;
}
.np_row {
	padding-top: 3px;
	padding-bottom: 3px;
}
.np_cell {
	margin: 10px;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}

/* for rating-patch by blueorder, needs a modified  */
.np_cell_left { /*username and rating, formerly 1*/
    list-style: none;
    width: 120px;
    padding: 0;
    text-align:left;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}
.np_cell_left li ul td{
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}
/*.np_cell_2 {
    width: 125px;
    padding: 0;
    text-align:center;
}
.np_cell_2 ul {
    margin-left: auto;
    margin-right: auto;
}*/
.np_cell_m { /*artist and album name, formerly 3*/
    width: 150px;
    padding: 2;
    text-align:right;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}
.np_cell_m ul {
    margin-left: auto;
    margin-right: auto;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}
.np_cell_right { /*album image, formerly 4*/
    width: 75px;
    padding: 0;
    text-align:center;
    border-bottom:1px dotted silver;
    border-top:1px dotted silver;
}
/*/rating-patch*/

#tablist {
        padding: 3px 0;
        margin: 10px 0 0 0;
        font: bold 10px Arial, 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: #FFF6E0;
        text-decoration: none;
}

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

#tablist li a:hover {
        color: #666666;
        background: #ffffff;
        border-color: #666666;
        border-bottom: 1px dotted silver;
}

#tablist li a#current {
        color: #666666;
        background: #ffffff;
        border-color: #666666;
        border-bottom: 1px solid #FFFFFF;
}

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


.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;
/*         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;
/*         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);
/*         background: url(../../../images/ratings/x.gif); */
        height: 15px;
        left: 80px;
        display: block;
}
span.zero-stars {
        background: url(../images/ratings/x_off.gif);
/*         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;
/*         background: url(../../../images/ratings/star_rating.gif) left bottom; */
        position: absolute;
        height: 15px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
}

/* .localplaycontrol { */
/* 	text-align: center; */
/* 	left: 2px; */
/* 	float: left; */
/* } */
.lp_box_ctrl {
	padding-top: 5px;
}
.lp_box_vol {
	padding-left: 7px;
}