/********************
Reset
********************/
@import url("loc_reset_v2.css");

/********************
Base styles
********************/
a#skip {
position: absolute;
top:-100px;
}
a:link {
color: #036;
text-decoration: underline;
}
a:visited {
color: #609;
}
a:focus,
a:hover,
a:active {
color: #36c;
text-decoration: underline;
}
a img {
text-decoration: none;
vertical-align:middle;
}
body {
font-size: 68.75%; /* 11px */
line-height: 1.333;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
}
#footer h2 {font-family:Georgia, Verdana, Arial, Serif;}
/*h1, h2, h3 {font-family:Georgia, Verdana, Arial, Serif;}*/
h1 {font-size: 1.75em;color:#343268;}
h2 {font-size: 1.33em;margin: 0 0 0.6em 0;color:#36C;}
h3, h4, h5, h6 {color:#666;}
h2, h3 {font-size: 1.125em;margin: 0 0 0.4em 0;}
h3, h4 {font-size: 1em;margin: 0 0 0.2em 0;color:#333;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
p, dl {margin: 0 0 1.25em 0;}
ul, ol {margin: 0 0 1.25em 0; padding-left: 2.5em;}
dt {margin: 0 0 0.5em 0;font-weight:bold;}
dd {margin: 0 0 0.5em 2.5em;}
pre, code, tt {margin: 0 0 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
pre code {border-bottom: 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
table {
border-collapse:separate;
width:100%;
border-color:#ccc;
border-width: 1px 0 0 1px;
border-style:solid;
text-align:left;
empty-cells:hide;
margin-bottom:1.25em;
}
th, td {
border-color:#ccc;
border-width: 0 1px 1px 0;
border-style:solid;
padding:3px;
vertical-align:middle;
}
ul li, ol li {margin-bottom: 4px;}
li ul, li ol {margin: .5em 0 .5em 0;}


/********************
forms
********************/
.req {
background-color: #EEE;
padding: 5px 7px;
}
form {margin-bottom:1.25em;}
form label,
form input,
form select,
form button,
form p {
vertical-align:middle;
}
form small {color:#666;}
form label {font-weight:bold;}
form label.norm {font-weight:normal;}
form .label_alt {font-weight:bold;}
form input.txt,
form textarea.txtarea,
form select.sel {
border:1px solid #999;
margin: 2px 0;
}

/**/
#question label, #question input{
color:#FFF;
background-color:#FFF;
border-color:#FFF;
border:1px solid #FFF;
outline: none;
position: absolute;
left: -999em;
}
/**/

form input.radio,
form input.check {
/* nothing here yet */
}
form .error span,
form .error label,
form .error .label_alt,
form .error small {
color:#f00;
}
form .error input.txt,
form .error select.sel,
form .error textarea.txtarea { 
border-color: #ffb2b2; 
border-color: #f00; 
background-color: #fdf1f1;
}

.box-error {
background-color: #FDF1F1;
border: 1px solid #FFB2B2;
color: #333333;
margin-bottom: 1em;
padding: 9px 9px 0;
}
.box-error ul li, .box-error ul li.error {
color: #f00;	
}


/************* new buttons **************/
button,
input.resetbtn,
input.submitbtn { 
border:1px solid #666;
color:#666;
cursor:pointer; 
text-align:center;
font:normal 1em Verdana, Arial, Helvetica, sans-serif;
padding:2px 7px;
margin:0;
overflow:visible;
background: #d0cecf url(../images/btn_submit_bg.gif) left bottom repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
}
button.primary,
input.submitbtn { 
border:2px solid #000;
color:#000;
font-weight:bold;
}
button.btn-sm,
input.btn-sm {
font:normal .9em Verdana, Arial, Helvetica, sans-serif;
padding:1px 4px;
border:1px solid #666;
color:#666;
cursor:pointer; 
text-align:center;
overflow:visible;
background: #d0cecf url(../images/btn_submit_bg.gif) left bottom repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
}
p.box-btns {
padding: 15px;
background-color: #eee;
border-top:1px dotted #ccc;
text-align:right;
}
.btns-left {float:left;}

/* old buttons */
input.reset {
background-color: #fff;
width:auto;
font-weight: bold;
color: #666;
margin: 0px 0px 0px 0px;
border: 1px solid #999;
}
/*input.submit {
background-color: #fff;
width:auto;
font-weight: bold;
color: #f60;
margin: 0px 0px 0px 0px;
border: 1px solid #f60;
}*/
input.std,
select.std,
textarea.std {
border: 1px solid #999;
}
input.submit { 
border:1px solid #666;
color:#666;
cursor:pointer; 
text-align:center;
font:normal 1em Verdana, Arial, Helvetica, sans-serif;
padding:2px 7px;
margin:0;
overflow:visible;
background: #d0cecf url(../images/btn_submit_bg.gif) left bottom repeat-x;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
}
.msg-error {
padding:10px;
border:1px solid #fbc2c4;
background-color:#fbe3e4;
color:#8a1f11;
}
.msg-notice {
padding:10px;
border:1px solid #ffd324;
background-color:#fff6bf;
color:#514721;
}
.msg-success {
padding:10px;
border:1px solid #c6d880;
background-color:#e6efc2;
color:#264409;
}

/********************
Lists and icon styles
********************/
/* external links */
a.external {
background: transparent url(../images/icon-external.gif) 100% 100% no-repeat;
padding: 0 10px 0 0;
}
a.external span {
display:none;
} 
.nomargin-bottom {margin-bottom: 0;}
.nomargin-bottom2 {margin-bottom: 3px;}
.nomargin-bottom3 {margin-bottom: 5px;}
.margin_double {margin-bottom: 2em;}
.gray {color:#666;}
.fix-float {overflow:hidden;}
ul.std {
list-style: none;
padding-left: 0px;
}
ul.std li {
padding: 0 0 0 14px;
background: transparent url(../images/arrow.gif) 3px 5px no-repeat;
}
ul.bullet {
list-style: none;
padding-left: 0px;
}
ul.bullet li {
padding: 0 0 0 14px;
background: transparent url(../images/bullet.gif) 3px 6px no-repeat;
}
ul.arrow_o {
list-style: none;
padding-left: 0px;
}
ul.arrow_o li {
padding: 0 0 0 14px;
background: transparent url(../images/arrow_o.gif) 0px 4px no-repeat;
}
ul.plain {
list-style: none;
padding-left: 0px;
}
ul.plain li {
padding: 0;
}
ul.bold {font-weight:bold;}
ul.std ul,
ul.bullet ul,
ul.arrow_o ul {
list-style:none;
padding-left: 1em;
}
ul.leftpad {padding-left: 15px;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
a.ar-more {
padding: 0 8px 0 0 ;
background: transparent url(../images/arrow-dbl-right.gif) right 5px no-repeat;
}
a.ar-back {
padding: 0 0 0 8px ;
background: transparent url(../images/arrow-dbl-left.gif) left 5px no-repeat;
}
a.ar-more-gray {
padding: 0 8px 0 0 ;
background: transparent url(../images/arrow-dbl-gray-right.gif) right 5px no-repeat;
}
a.ar-back-gray {
padding: 0 0 0 8px ;
background: transparent url(../images/arrow-dbl-gray-left.gif) left 5px no-repeat;
}
a.enlarge {
padding: 0 0 0 15px;
background: transparent url(../images/icon-enlarge.gif) 0 0 no-repeat;
}
a.gray:link,
a.gray:visited {
color: #666;
text-decoration: underline;
}
a.gray:focus,
a.gray:hover,
a.gray:active {
color: #333;
text-decoration: underline;
}
.backtotop {
clear: both;
text-align: right;
}
.backtotop a {
padding: 0 12px 0 0 ;
background: transparent url(../images/arrow_up.gif) right 3px no-repeat;
}
h2.dot-top {
border-top:1px dotted #ccc;
padding-top: 13px;
}
h2.dot-bot {
border-bottom:1px dotted #ccc;
padding-bottom: 8px;
}
p.dot-top {
border-top:1px dotted #ccc;
padding-top: 13px;
}
p.dot-bot {
border-bottom:1px dotted #ccc;
padding-bottom: 13px;
}
ul.list-container {
padding:0; 
list-style: none;
}
ul.list-container ul {
margin: 2px 0 1.25em 0;
}
ul.list-container li h3 {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1px;
}
.alpha-browse {
color:#999;
}
.alpha-browse a {
padding: 0 3px;
}
.alpha-browse a.selected {
color:#333;
text-decoration:none;
cursor:text;
font-weight:bold;
}
.alpha_tags, 
.alpha_tags li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.alpha_tags li {
float: left;
}
.alpha_tags {
overflow:hidden;
margin-bottom:1.5em;
}
.alpha_tags li a {
border: 1px solid #afc5d2;
display: block;
line-height: 1em;
margin: 3px 3px 3px 0;
padding: 3px 5px 4px 5px;
position: relative;
font-weight:bold;
font-size:1.125em;
text-decoration:none;
background-color:#fcfce5;
}
.alpha_tags li a:hover,
.alpha_tags li a:focus {
border-color: #52758e;
background-color:#f6f6b9;
}
.alpha-letter {
font-size:4em;
line-height:.9em;
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

/********************
images
********************/
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding:4px;
border: 1px solid #ccc;
}
img.alignright {
margin: 0 0 2px 5px;
border: 1px solid #ccc;
padding:4px;
margin: 0 0 5px 7px;
float: right;
}
img.alignleft {
margin: 0 7px 5px 0;
border: 1px solid #ccc;
padding:4px;
margin: 0 7px 5px 0;
float: left;
}
.wp-caption {
text-align: center;
background-color: #fff;
}
.wp-caption img, .wp-caption a img {
margin: 0;
padding: 0;
border: 0 none;
padding: 4px;
border: 1px solid #ccc;
}
#content .wp-caption a:hover,
#content .wp-caption a:active,
#content .wp-caption a:link,
#content .wp-caption a:visited {
border: none;
}
.wp-caption p.wp-caption-text {
font-size: 9px;
line-height: 13px;
padding: 3px 4px 5px;
margin: 0;
color:#666;
}

/********************
container, content and img box
********************/
#container {
width:983px; /**************** LINKED *****************/
margin: 0 auto;
background-color: #fff;
border: 1px solid #ccc;
color:#333;
clear:both;
}
#branding {
display: none;
position: absolute;
top:-50px;
}
#content {
padding: 20px;
clear:both;
}
.box_img {
border:5px solid #ccc;
background-color:#eee;
margin-bottom:1.25em;
}
.box_img img {
display:block;
}
#main_nav {
border:1px solid #d4e9ff;
background-color:#eff6fd;
/*new*/
border:none;
background-color:#e9e9e9;
padding:9px;
margin-bottom: 1.25em;
color: #666;
}

/********************
left nav
********************/
#left_nav {
width: 219px;
margin-right:20px;
margin-bottom: 1.25em;
position: relative; 
text-align: left;
float:left;
clear:left;
background-color:transparent;
}
#left_nav table, 
#left_nav form,
#left_nav p,
#left_nav dl,
#left_nav ol,
#left_nav ul {
margin-bottom:0;
}
#left_nav .box {
padding:10px 10px 11px 10px;
margin:0;
border:1px solid #ccc;
border-top:none;
}
#left_nav .box-gray {background-color:#eee;}
#left_nav .box-altcolor {background-color:#eee;} /* third color */
#left_nav .box-nopad {padding:0;}
#left_nav .box-nobord {border:0;}
#left_nav .leftnavtitle {
padding:0;
border:0;
margin-bottom:13px;
}
#left_nav .leftnavimg {
border:1px solid #ccc;
padding:0;
width: 217px; 
height: 50px;
background: transparent url(../images/leftnav03.jpg) 0 0 no-repeat;
}
#left_nav .leftnavimg {
text-indent:-9000em;
}
#left_nav h2 {
font-size:1.125em;
margin: 0 0 0.33em 0;
color: #900;
}
/*#left_nav form#site_search input.button,
form#site_search input.button {
font: bold 1em/1.3em verdana, helvetica, sans-serif;
width:auto;
background-color: #fff;
color: #f60;
border: 1px solid #f60;
}
#left_nav form#site_search input,
form#site_search input {
width: 162px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #999;
}*/

/********************
main body
********************/
#main_body {
width:704px; /* container(983)-content(40pad)-leftnav(219+20marg)=704*/  /**************** LINKED *****************/
float:left;
clear:right;
margin:0;
margin-bottom: .5em;
}
#main_body_full {
margin-bottom: .5em;
clear:both;
}
.clear-share {
clear:both;
height:10px;
}

/*********************   
h1 heading
*********************/
#page_head {
margin-bottom: 20px;
clear:both;
}
#page_head h1 {
color: #343268;
margin: 0;
line-height: 1.1em;
font-family:Arial, Helvetica, sans-serif; 
}
#page_head h1 span {
color: #000;
font-size: 70%;
font-weight: 200;
}
#page_head h1 span a {
color: #036;
}

/*********************   
TABBED NAV 1
*********************/
ul.tabnav {
margin: 0;
padding: 0;
list-style: none;
height: 26px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
ul.tabnav li {
float: left;
margin: 0;
padding: 0;
height: 25px;
line-height: 25px;
border: 1px solid #ccc;
margin-bottom: -1px;
margin-right:4px;
background: #eee url(../images/tabs-bg.gif) left bottom repeat-x;
position: relative;
}
ul.tabnav li.first {
border-left: none;
}
ul.tabnav li a,
ul.tabnav li a:visited {
text-decoration: none;
color: #666;
display: block;
padding: 0 15px;
border: 1px none #fff;
outline: none;
}
ul.tabnav li a:hover,
ul.tabnav li a:focus {
background: #fff;
color: #666;
}
ul.tabnav li a:visited,
ul.tabnav li a:active,
ul.tabnav li a:hover {
text-decoration: none;
}
ul.tabnav li.active,
ul.tabnav li.active a,
ul.tabnav li.active a:hover,
ul.tabnav li.active a:visited  {
background: #fff;
border-bottom: 1px solid #fff;
color:#900;
font-weight:bold;
text-decoration:none;
}
.tab_container {
border: 1px solid #ccc;
border-top: none;
clear: both;
padding:15px 10px 10px 10px;
margin-bottom:1.25em;
}
.tab_content {
background-color:transparent;
}

/*********************   
2 columns
*********************/
.col2_equal {
width:50%;
float:left;
}
/* outside innerbox */
#col2_left_out {
width:356px;  /**************** LINKED *****************/
margin-right:10px;
float:left;
clear:left;
}
#col2_right_out {
width:169px;
float:left;
clear:right;
}
/* inside innerbox */
#col2_left {
width:465px;  /**************** LINKED *****************/
margin-right:20px;
float:left;
clear:left;
}
#col2_right {
width:219px;
float:left;
clear:right;
}
#col2full_left {
width:704px;  /**************** LINKED *****************/
margin-right:20px;
float:left;
clear:left;
}
#col2full_right {
width:219px;
float:left;
clear:right;
}
#col2_left_item {
width:162px;
margin-right:20px;
float:left;
clear:left;
}
#col2_right_item {
width:522px;
float:left;
clear:right;
}
#col2_left.jb_home {width:439px;}
#col2_right.jb_home {width:245px;}
.jb_home_aboutbox {
border:1px solid #ccc; 
padding:10px;
padding-bottom:2px;
margin-bottom:1.5em;
background-color:#eeebda;
}
.jb_home_feat_left {
margin-right:20px;
width:249px;
float:left;
}
.jb_home_feat_right {
width:170px;
float:left;
}
/*********************   
clear
*********************/
.clear {
height: 0;
clear: both;
}
.clear-std {
clear: both;
}

/********************
Jukebox specific styles
********************/
/********************
Jukebox - homepage
********************/
.nowplaying {
margin-bottom:1.25em;
overflow:visible;
position:relative;
position:relative;
}
.nowplaying_head {
position:absolute;
left:-16px;
top:0;
width:261px;
height:33px;
background: transparent url(../images/playlist_head.png) 0 0 no-repeat;
}
.nowplaying_head h2 {
color:#000;
padding: 9px 0 0 26px;
}
.nowplaying_content_wrapper {
border:1px solid #ccc;
background-color:#dfdede;
padding:2px;
padding-top:33px;
}
.nowplaying_content {
border:1px solid #ccc;
background-color:#fff;
padding:10px;
padding-bottom:2px;
}

/********************
Jukebox - playlist
********************/
.view-playlist {
/*float:left;
clear:left;
padding: 1px 0 0 7px;*/
}
.view-playlist.default {
float:right;
}

/********************
Jukebox - accordion
********************/
/*.expand_accord {margin: 0 7px 5px 7px;text-align:right;}
#accordion {
border:1px solid #d0d0d0;
border-top:none;
}
#accordion div.box {
padding:10px;
height:auto;
}
#accordion h3.head {
font-size:1.125em;
background-color:#eee;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
padding: 0;
margin-bottom:5px;
}
#accordion h3.head:hover,
#accordion h3.head:focus {
background-color:#dfdfdf;
}
#accordion h3.head a {
display:block;
padding: 6px 0;
color:#333;
text-decoration:none;
padding-left: 40px;
background: transparent url(../images/arrow-accord.png) -16px -9px no-repeat;
}
#accordion h3.head a:hover,
#accordion h3.head a:focus {
text-decoration:underline;
}
#accordion h3.ui-state-active a {
color:#900;
background-position: -16px -54px;
}*/

/**** jquery ui overwrite ****/
/* Corner radius */
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all { 
-moz-border-radius: 0px/*{cornerRadius}*/ !important; 
-webkit-border-radius: 0px/*{cornerRadius}*/ !important; 
border-radius: 0px/*{cornerRadius}*/;  !important
}
/* Accordion
----------------------------------*/
.ui-accordion {
border:1px solid #d0d0d0 !important;
border-top:0 !important;
}
.ui-accordion .ui-accordion-header { 
border:1px solid #d0d0d0 !important;
border-right:0 !important;
border-left:0 !important;
margin-top:0 !important;
margin-bottom:5px !important;
font-size:1.125em !important;
font-weight:bold !important;
}
.ui-accordion .ui-accordion-header:hover,
.ui-accordion .ui-accordion-header:focus {
background-color:#dfdfdf !important;
}
.ui-accordion .ui-state-default, 
.ui-accordion .ui-widget-content .ui-state-default, 
.ui-accordion .ui-widget-header .ui-state-default {
border-color:#d0d0d0 !important;
background-image:none !important;
background-color:#eee !important;
}
.ui-accordion .ui-state-active, 
.ui-accordion .ui-widget-content .ui-state-active, 
.ui-accordion .ui-widget-header .ui-state-active {
border-color:#d0d0d0 !important;
background-image:none !important;
background-color:#eee !important;
}
.ui-accordion .ui-accordion-header a { 
font-size: 1em !important;
padding: 6px !important;
color:#333 !important;
text-decoration:none !important;
padding-left: 40px !important;
background: transparent url(../images/arrow-accord.png) -16px -9px no-repeat !important;
display:block;
}
.ui-accordion .ui-accordion-header.ui-state-active a { 
color:#900 !important;
background-position: -16px -54px !important;
}
.ui-accordion .ui-accordion-header .ui-icon { 
display:none !important;
}
.ui-accordion .ui-accordion-content { 
border:0 !important;
padding:10px !important;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-widget {
font-size: 1em !important; 
}
.ui-widget-content a:link {
color: #036 !important;
text-decoration: underline !important;
}
.ui-widget-content a:visited {
color: #609 !important;
}
.ui-widget-content a:focus,
.ui-widget-content a:hover,
.ui-widget-content a:active {
color: #36c !important;
text-decoration: underline !important;
}

/********************
Jukebox - search
********************/
.jb_search_top {
border:1px solid #d4e9ff;
background-color:#eff6fd;
padding:6px 15px 10px 15px;
margin-bottom:1.5em;
position:relative;
}
.jb_search_top form {
margin:0;
}
.jb_search_top label#searchtext_id {
float:left;
padding:9px 10px 0 0;
font-size:1.125em;
}
.jb_search_top .search_wrap {
width:auto;
background-color:#fff;
border:1px solid #999;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius:0 2px 2px 0;
border-radius: 0 2px 2px 0;
float:left;
margin-top:4px;
}
.jb_search_top input,
.jb_search_top button {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius:0;
margin:0;
padding:5px;
}
.jb_search_top input.search {
width:400px;
background-color:transparent;
border:none;
float:left;
clear:left;
}
.jb_search_top button { 
font-weight:bold;
color:#666;
background: #d0cece url(../images/btn_submit_bg.gif) left top repeat-x;
border-color:#999;
border-width: 0 0 0 1px;
border-style:solid;
float:right;
clear:right;
max-width:31px; /* firefox  */
}
.jb_search_top button:hover, 
.jb_search_top button:focus,
.jb_search_top buttons:active {
/**/
background-image:none;
}
.wrapper_jb_search_top {
background-color:#deeefc;
overflow:hidden;
margin-bottom:1.5em;
border:1px solid #d4e9ff;
}
.jb_search_top_title {
width:238px;
float:left;
text-align:center;
padding-top:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
}
.jb_search_top_title a:link,
.jb_search_top_title a:visited{
color: #333;
text-decoration: none;
}
.jb_search_top_title a:focus,
.jb_search_top_title a:hover,
.jb_search_top_title a:active {
color: #36c;
text-decoration: underline;
}
.jb_search_top.wide {
margin:0;
float:right;
width:672px;
border-width:0; 
border-left-width:1px;
}
.jb_search_top .searchwithin { 
position:absolute;
right:21px;
top:7px;
}
.jb_search_top .searchwithin_adv { 
position:absolute;
right:29px;
bottom:9px;
}
input#search_within {
padding:0;
margin:0;
}
label#search_within_option {
font-weight:normal;
color:#666;
}
.jb_search_top a.ar-more { 
font-size:.9em;
float:right;
margin-top:9px;
}
.jb_search_top a.ar-more.searchwith  { 
float:none;
margin:0;
}


/********************
Jukebox - results
********************/
#results {
clear:both;
}
#results form {margin:0;}
#results input, 
#results select {
font-size:11px;
vertical-align:middle;
}
#results .nav-top,
#results .nav-bot {
background-color:#dbdcde;
padding: 7px;
clear:both;
text-align:center;
}
#results .nav-top.dbd-ctrl,
#results .nav-bot.dbd-ctrl {
background-color:#f0f0f0;
}
h2.dbd-month {
text-align:center;
line-height:19px;
}
h2.dbd-month * {
vertical-align:bottom;
}
a.dbd-btn {
padding:0;
margin: 0 3px;
text-decoration: none;
display:inline-block;
}
a.dbd-btn:link,
a.dbd-btn:visited {
border:1px solid #afc5d2;
background-color:#fcfce5;
}
a.dbd-btn:focus,
a.dbd-btn:hover,
a.dbd-btn:active {
border-color: #52758e;
background-color:#f6f6b9;
}
#results .nav-bot {margin-bottom: 1.25em;}
	.n_results {
	font-weight:bold;
	text-align:left;
	margin-bottom: 5px;
	}
	.n_results span {font-weight:normal;}
	.pagination {
	text-align:right;
	}
	.pagination a {
	padding: 0 3px;
	}
	.pagination a.selected {
	color:#333;
	text-decoration:none;
	cursor:text;
	font-weight:bold;
	}
	.pagination a.next {
	padding: 0 8px 0 0 ;
	background: transparent url(../images/arrow-dbl-right.gif) right 5px no-repeat;
	}
	.pagination a.prev {
	padding: 0 0 0 8px ;
	background: transparent url(../images/arrow-dbl-left.gif) left 5px no-repeat;
	}
	.pagination a.next.off {
	padding: 0 8px 0 0 ;
	background: transparent url(../images/arrow-dbl-gray-right.gif) right 5px no-repeat;
	color:#666;
	text-decoration:none;
	cursor:text;
	}
	.pagination a.prev.off {
	padding: 0 0 0 8px ;
	background: transparent url(../images/arrow-dbl-gray-left.gif) left 5px no-repeat;
	color:#666;
	text-decoration:none;
	cursor:text;
	}
#results .nav-control {
background-color:#f0f0f0;
padding: 6px 7px;
clear:both;
overflow:hidden;
}
	#results .nav-control .sort {float:left;/*width:27%;*/margin-right:25px;}
	#results .nav-control .view {float:right;width:30%;text-align:right;line-height:19px;}
		#results .nav-control .view span.listview a {
		padding-left: 15px;
		padding-right: 5px;
		background: transparent url(../images/icon-listview.gif) left 0px no-repeat;
		}
		#results .nav-control .view span.listview.selected a {
		cursor:text;
		background-position: left -17px;
		color:#666;
		text-decoration:none;
		}
		#results .nav-control .view span.galleryview a {
		padding-left: 15px;
		background: transparent url(../images/icon-galleryview.gif) left 0px no-repeat;
		}
		#results .nav-control .view span.galleryview.selected a {
		cursor:text;
		background-position: left -17px;
		color:#666;
		text-decoration:none;
		}
	#results .nav-control .page {float:left;width:35%;text-align:left;}
#results .body-results {
background:#fff;
clear:both;
padding: 7px 0 ;
}
	#results .body-results ul {
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	overflow:hidden;
	}
	#results .body-results ul li {
	padding:7px 0;
	clear:both;
	border:1px none #ccc;
	margin: 10px 0 15px 0;
	overflow:auto;
	background:none;
	}
	/* for homepage and other page that doesn't require lateral padding */
	#results .body-results.nopad {
	padding-top:0;
	padding-bottom:0;
	}
	#results .body-results.nopad ul li {
	padding:7px 0;
	}
	#results .body-results.nopad ul li.first {
	padding-top: 0;
	}
		#results .body-results.gallery-view ul li {
		clear:none;
		border:1px solid #ccc;
		float:left;
		width:156px;
		margin: 3px 5px 3px 0;
		padding: 12px 7px;
		height:170px;
		}
		#results .body-results.gallery-view ul li.last {
		margin-right: 0;
		clear:right;
		}
		
		#results .body-results.body-results-playlists ul li {
		border-bottom:1px dotted #ccc;
		margin: 0;
		padding: 20px 0;
		}
		
	#results .body-results ul li .image {
	text-align:center;
	clear:left;
	float:left;
	width:82px;
	margin: 0 15px 0 0;
	}
		#results .body-results.gallery-view ul li .image {
		width:auto;
		float:none;
		margin:0 auto 7px auto;
		width:82px;
		}
		.image {
		text-align:center;
		width:82px;
		}
		.image.right {
		float:right;
		/*margin: 0 0 5px 5px;*/
		}
		.album_single_lg {
		border:1px solid #7e7e7e;
		}
		.album_single {
		width:80px;
		height:80px;
		position:relative;
		border:1px solid #7e7e7e;
		}
		.album_single span.play a {
		position:absolute;
		top:23px;
		left:30px;
		}
		.album_multi {
		width:82px;
		height:82px;
		position:relative;
		}
		.album_multi span.tracks {
		position:absolute;
		bottom:1px;
		left:1px;
		width:80px;
		padding:0 0 0 0;
		font-size:10px;
		line-height: 16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		color:#333;
		}
		.album_button {
		margin:7px 0 0 0;
		text-align:right;
		}
		.album_button.album_button_playlists {
		margin-top:2px;
		}
	#results .body-results ul li .description {
	float:left;
	clear:right;
	width: 600px; /***** anchor *****/
	}
	#results .body-results.medwidth ul li .description {
	width: 242px; /***** anchor *****/
	width: 150px;
	}
		#results .body-results.gallery-view ul li .description {
		width:auto;
		}
		#results .body-results ul li .description dl,
		#results .body-results ul li .description dt,
		#results .body-results ul li .description dd {
		padding:0;
		margin:0;
		}
			#results .body-results.gallery-view ul li .description span.duration,
			#results .body-results.gallery-view ul li .description dd.desc-d,
			#results .body-results.gallery-view ul li .description dd.desc-e,
			#results .body-results.gallery-view ul li .description dd.desc-f,
			#results .body-results.gallery-view ul li .description dd.desc-g {
			display:none;
			}
		#results .body-results ul li .description dt {
		color: #666;
		margin-bottom:2px;
		}
		#results .body-results ul li .description dt span.duration {
		font-weight:normal;
		}
		
/********************
Jukebox detail page
********************/
.rhs_searchbox {padding:10px;background-color:#ecf2f0;margin-bottom:2px;}
.rhs_searchbox form {margin-bottom:0;}
.rhs_aboutbox {
border:1px solid #ccc; 
padding:10px;
padding-bottom:2px;
margin-bottom:1.5em;
background-color:#eeebda;
}
.rhs_gradbox {
padding:10px;
border:1px dotted #999;
}
.rhs_aboutbox h3,
.rhs_gradbox h3 {
color:#333;
margin-bottom:1em;
}
.rhs_gradbox h3 {
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

/********************
Jukebox playlists
********************/
.item_box {
background-color: #E9E9E9;
padding: 7px;
}
.item_box.bottom {
margin-bottom: 1.5em;
}

/********************
searchnav
********************/
.search-term {
padding: 0 7px 5px 7px;
color:#666;
}
.search-ref {
padding: 5px 0;
margin-bottom:10px;
color:#666;
vertical-align: middle;
}
.search-ref .title{
color:#900;
}
#searchnav {
width: 197px;
margin-right:20px;
margin-bottom: 1.25em;
position: relative; 
text-align: left;
float:left;
clear:left;
background-color:#fff;
padding:10px;
border:1px solid #ccc;
}
#searchnav table, 
#searchnav form,
#searchnav p,
#searchnav dl,
#searchnav ol,
#searchnav ul {
margin-bottom:0;
}
#searchnav .box {
padding:10px 10px 11px 10px;
margin-top:10px;
border:0;
background-color:#efefef;
}
#searchnav .top {
background-image:none;
}
#searchnav .wh {
background-color:transparent;
padding:0;
}
#searchnav .searchnavtitle {
padding:5px;
margin-top:0;
border:0;
background-color:#7f7d6f;
text-align:center;
}
#searchnav .searchnavtitle h2 {
color:#efede0;
margin-bottom:0;
}
#searchnav .searchnavtitle {
padding:5px;
margin-top:0;
border:0;
background-color:#7f7d6f;
text-align:center;
}
#searchnav .searchbox {
border:0;
background:none;
background-color:#c9d2cd;
text-align:center;
}
#searchnav h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-bottom:10px;
color:#900;
}
#searchnav h3.ui-state-active a {
background-position: left 3px;
}
#searchnav ul li {
margin-bottom:6px;
clear:both;
}
#searchnav ul li a {
text-decoration:none;
}
#searchnav ul li span {
display:inline-block;
}
#searchnav ul li span.name {
width:70%;
}
#searchnav ul li span.count {
width:30%;
text-align:right;
}
#searchnav .showall {
margin-top:13px;
clear:both;
}
#searchnav .showall a:link,
#searchnav .showall a:visited {
color:#036;
text-decoration: underline;
}
#searchnav .showall a:focus,
#searchnav .showall a:hover,
#searchnav .showall a:active {
color:#36c;
text-decoration: underline;
}
#searchnav a {
cursor:pointer;
}

/********************
Jukebox table
********************/
table.jb-std {
border-width: 0;
margin: 0 0 5px 0;
}
table.jb-std th, table.jb-std td {
border-width: 0;
padding: 7px 7px;
}
table.jb-std th {
background-color: #f0f0f0;
}
table.jb-std tr.alt td {
background-color: #fffff4;
}
table.jb-std tr.alt th.perform,
table.jb-std tr.alt td.date {
white-space:nowrap;
}
/* addon */
table.add-full th {vertical-align:bottom;} 
table.add-full td {vertical-align:top;}

table.jb-std th.sort {
padding-left:19px;
background:#f0f0f0 url(../images/sort-off-up.gif) 6px 100% no-repeat;
cursor:pointer;
}
table.jb-std th.asc {
background-image: url(../images/sort-on-down.gif);
}
table.jb-std th.desc {
background-image: url(../images/sort-on-up.gif);
}

/********************
Jukebox advanced search
********************/
form#Jukebox_Form_Advancedsearch {
border:1px solid #d4e9ff;
background-color:#eff6fd;
padding:20px;
}
form#Jukebox_Form_Advancedsearch .adv-box {
background-color:transparent;
border-bottom:1px dotted #ccc;
padding:0 0 15px 0;
margin-bottom:1.5em;
height:1%;
}
form#Jukebox_Form_Advancedsearch .adv-box-inner-2col {float:left;width:50%;}
form#Jukebox_Form_Advancedsearch label {
font-weight:bold;
display:block;
}
form#Jukebox_Form_Advancedsearch label.marg {margin-top:10px;}
form#Jukebox_Form_Advancedsearch input.long-w {width:350px;width:330px;border:1px solid #999;}
form#Jukebox_Form_Advancedsearch input.even-w {width:235px;border:1px solid #999;}
form#Jukebox_Form_Advancedsearch select.even-w {width:237px;}
form#Jukebox_Form_Advancedsearch input.sm-w {width:120px;border:1px solid #999;}
form#Jukebox_Form_Advancedsearch select.andor {margin-left:10px;}
form#Jukebox_Form_Advancedsearch input.radio {
margin:0;
padding:0;
}
form#Jukebox_Form_Advancedsearch h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-bottom:10px;
color:#333;
}
form#Jukebox_Form_Advancedsearch span.ex {
color:#666;
margin: 10px 0 5px 0;
display:block;
}
.div_search_term1, .div_search_term2 {margin-bottom:10px;}
form#Jukebox_Form_Advancedsearch .adv-box-button {
text-align:right;
}

/********************
Jukebox player
********************/
/* homepage */
#lcPlaylistPlayer {
width:439px;
height:138px;
margin-bottom: 1.5em;
}
/* detail page */
.wrapper-player {
height:150px;
margin-bottom:1.5em;
}

/********************
Jukebox simple search
********************/
form.simple input.txt {
width:200px;
border:1px solid #999;
}
form.simple label {
display:block;
}

/********************
Jukebox generic box style
********************/
.jb_box {
border:1px solid #d4e9ff;
background-color:#eff6fd;
padding: 15px;
padding-bottom:5px;
margin-bottom:1.25em;
}

/********************
Jukebox Artist detail page
********************/
.jb-img-cap {
float:left;
clear:left;
margin:0 15px 15px 0;
width:132px;
}
.jb-img-cap img {
background-color:white;
border:1px solid #ccc;
padding:2px;
}
.jb-img-cap p.for-enlarge {
text-align:right;
margin: 7px 0 7px 0;
}

/********************
Jukebox Playlist
********************/
h2.jb-playlist-head em {
color:#666;
font-style:normal;
font-weight:normal;
font-size:.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
dl.jb-playlist-desc {
margin-top: 1em;
}
dl.jb-playlist-desc dt,
dl.jb-playlist-desc dd {
margin-left:0;
}
dl.jb-playlist-desc dt {
margin-bottom: 2px;
}
dl.jb-playlist-desc dd {
margin-bottom: 1em;
}
ul.jb-playlist {
list-style:none;
margin:0 0 1.25em 0;
padding:0;
}
ul.jb-playlist li {
padding: 10px 7px;
overflow:hidden;
clear:both;
}
ul.jb-playlist li.alt {
background-color: #f7f6e4;
}
ul.jb-playlist li span.pl-number {
float:left;
clear:left;
width:20px;
font-weight:bold;
display:block;
}
ul.jb-playlist li p.pl-title {
margin:0;
float:left;
width:490px;
clear:right;
}
/********************
Jukebox day by day
********************/
.dbd-wrap {
background-color:#dbdcde;
}
.dbd-month {
width:174px;
float:left;
text-align:center;
padding-top:9px;
color:#333;
}
.dbd-nav {
float:left;
width:527px;
}
.dbd-nav form {
margin: 9px 15px;
}
.dbd-nav form label {
font-weight:normal;
}
/********************
Hidden elements
********************/
.hidden {
display: none;
position: absolute;
top:-50px;
}