/* ------------------------------------------------------------------- #
. File:Jukebox.css (Jukebox Template CSS)
. Author:Huw Williams | huw@oinkba.com
. Copyright 2007 Oinkba.com and Talldude Networks LLC.
. Revision:1.1 (1st May 2007)
 
* You may edit the files included with this distribution to suit your
* own site, but please leave these credits intact.
. ------------------------------------------------------------------- */


body {
font-family:Tahoma,"Trebuchet MS",Verdana,Helvetica;
background-color:#000;
font-size:11px;
color:#999;
padding:2px;
margin:0px;
}

.wrapper {
width:980px;
margin:0px auto;
padding:0px;
}

a {
color:#006699;
text-decoration:none;
}

a:hover {
color:#9C3;
text-decoration:none;
}

img {
border:0px;
vertical-align:text-bottom;
}

table{
border:0px;
}

.header {
width:980px;
margin:0px auto;
background:transparent url("images/header.png") repeat-x;
height:70px;
padding:0;
color:#000;
}

.logo {
float:right;
margin-top:12px;
margin-right:50px;
width:205px;
height:45px;
}

.welcome {
background:transparent url("images/panel_bottom.png") repeat-x;
height:38px;
width:980px;
margin:0px auto;
}

.search-box {
float:left;
margin-top:20px;
margin-left:50px;
}

.menu {
float:left;
margin-top:25px;
margin-left:200px;
}

.cart-box {
background:transparent url("images/cart_box.png") no-repeat 0px 0px;
float:right;
width:180px;
height:19px;
}

.panel-left {
width:180px;
float:left;
margin:0px 20px 0px 0px;
}

.panel-center {
width:570px;
margin:0px;
vertical-align:top;
}

.panel-right {
width:180px;
float:left;
margin:0px 0px 0px 20px;
}

.panel-full {
width:840px;
margin:0px;
padding:0px;
}

.head-1 {
background:transparent url("images/panel_header_180.png") no-repeat;
width:180px;
height:23px;
font-weight:bold;
line-height:22px;
padding-left:12px;
}

.head-2 {
background:transparent url("images/panel_header_580.png") no-repeat;
height:23px;
font-weight:bold;
line-height:22px;
padding-left:12px;
}

.head-3 {
font-size:12px;
background:transparent url("images/panel_header_980.png") no-repeat;
width:980px;
height:23px;
font-weight:bold;
line-height:22px;
padding-left:12px;
margin:0px auto;
}

.head-4 {
background:#FFF url("images/panel_header.png") repeat-x;
height:17px;
color:#666;
font-weight:bold;
line-height:16px;
text-transform:capitalize;
text-align:center;
border-left:#D9D9D9 solid 1px;
}

.body-1 {
width:178px;
background:#FFF;
border:#CCC solid 1px;
}

.body-2 {
background:#222;
vertical-align:top;
padding:5px;
color:#CCC;
}

.body-3 {
background:#D9D9D9;
}

.body-4 {
background:#999;
padding:5px;
color:#000;
}

.body-5 {
background:#000;
}

.row {
background:#FFF;
color:#222;
text-align:center;
padding:5px;
border-left:#D9D9D9 solid 1px;
}

.row_nh {
background:#FFF;
color:#222;
text-align:center;
padding:5px;
border-left:#D9D9D9 solid 1px;
}

.row:hover {
background:#222;
color:#999;
}

.inset {
background:#FFF;
color:#222;
}

.footer-1 {
background:transparent url("images/panel_footer.png") repeat-x;
height:15px;
width:180px;
margin-bottom:30px;
}

.footer-2 {
background:transparent url("images/panel_footer_strip.png") repeat-x;
height:26px;
}

.footer-3 {
background:transparent url("images/panel_bottom.png") repeat-x;
height:38px;
width:980px;
}

.hl-1 {
color:#F60;
}

.hl-2 {
color:#9C0;
}

.hl-3 {
color:#F00;
}

.large-link-txt {
font-size:16px;
}

.song-name {
font-size:16px;
font-weight:bold;
color:#F60;
}

.spacer-2px {
margin:2px;
}

.spacer-5px {
margin:5px;
}

.spacer-10px {
height:10px;
}

.spacer-20px {
background:transparent url("images/gray_back.png") repeat-x;
height:20px;
}

.spacer-30px {
height:30px;
}

.line {
border-bottom:1px #CCC solid;

}



/* --- POPUP BOXES --------- */

.popup-body {
background:#111;
padding:10px;
}

.popup-table {
background:#000;
border:1px #434343 solid;
padding:10px;
}



/* --- FORMS AND BUTTONS --------- */

form.margin {
margin:0px;
}

input.text, select, file {
background-color:#CCC;
font-size:11px;
border:1px #333 solid;
}

input.text-big {
font-size:17px;
border:1px #999 solid;
background-color:#000;
color:#C90;
}

input.text, select {
padding:2px;
margin-bottom:2px;
}

input.button {
font-size:12px;
cursor:pointer;
border:1px #333 solid;
color:#000;
background-color:#CCC;
}

select:hover {
background-color:#9C3;
color:#000;
}

input.button:hover {
background-color:#9C3;
color:#000;
}

input.button-pic {
margin-bottom:-5px;
}

textarea {
font-size:12px;
border:1px #999 solid;
background-color:#FFFFFF;
}

.gallery {
margin:0;
padding:0;
}

.gallery ul {
display:block;
margin:0;
padding:0;
}

.gallery li {
display:block;
list-style:none;
float:left;
margin:0.8em;
padding:0px;
text-align:left;
}

.footer {
width:980px;
background:transparent url("images/footer.png") repeat-x;
height:80px;
margin:0px auto;
padding:0;
clear:both;
}

.footer-credits {
font-size:10px;
margin:12px 2px 2px 12px;
float:left;
}

.footer-feed-rss {
margin:9px 2px 2px 15px;
float:left;
}

.footer-logo-delicious {
margin:9px 2px 2px 5px;
float:left;
}

.footer-logo-jamroom {
height:23px;
width:86px;
margin:7px 15px 2px 2px;
float:right;
}

.footer-logo-oinkba {
height:23px;
width:86px;
margin:7px 15px 2px 2px;
float:right;
}


/* --- AJAX TABS -- */

.shadetabs{
padding:3px 0;
margin-left:0;
margin-top:1px;
margin-bottom:0;
font:bold 12px Verdana;
list-style-type:none;
text-align:left; /*set to left, center, or right to align the menu as desired*/
}

.no-shadetabs li{
display:inline;
margin:0;
}

.shadetabs li{
display:inline;
margin:0;
}

.shadetabs li a{
text-decoration:none;
padding:3px 7px;
margin-right:3px;
border:1px solid #778;
color:#2d2b2b;
background:white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color:#2d2b2b;
}

.shadetabs li a:hover{
text-decoration:underline;
color:#2d2b2b;
}

.shadetabs li.selected{
position:relative;
top:1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image:url(shadeactive.gif);
border-bottom-color:white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration:none;
}