/* CSS RESET */

/*
Dark Green: 7A923B
Ligth Green: A9C638
*/

@import url('gnocore_style_reset.css');

/* LAYOUT - http://csstinderbox.raykonline.com */

#layout_container {
margin: 0 auto 10px auto;
padding: 0;
width: 840px;
border-left: 1px solid #A9C638;
border-right: 1px solid #A9C638;
border-bottom: 1px solid #A9C638;
}

#layout_header {
margin: 0;
background: #7A923B;
padding: 10px;
background-image: url(../images/header_right.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

#layout_header img {
margin: 0;
}

#layout_content {
padding: 0 10px 0 10px;
}

#layout_footer {
clear: both;
background: #A9C638;
color: #FFF;
padding: 10px 10px 10px 10px;
}

#layout_footer p {
font-size: .9em;
text-align: center;
margin: 0;
}

/* COLUMNS */

.layout_column {
float: left;
}

/* 3 COLUMNS - NON-EQUAL */

.layout_column_3_1 {
width: 180px;
}

.layout_column_3_2 {
width: 440px;
margin: 0 10px 0 10px;
}

.layout_column_3_3 {
width: 180px;
}

/* 3 COLUMNS - EQUAL */

.layout_column_3eq_1 {
width: 260px;
margin: 0 15px 0 0;
}

.layout_column_3eq_2 {
width: 270px;
margin: 0;
}

.layout_column_3eq_3 {
width: 260px;
margin: 0 0 0 15px;
}

/* 2 COLUMNS - NON-EQUAL - LEFT */

.layout_column_2_1_left {
width: 180px;
}

.layout_column_2_2_left {
width: 630px;
margin: 0 0 0 10px;
}

/* 2 COLUMNS - NON-EQUAL - RIGHT */

.layout_column_2_1_right {
width: 630px;
margin: 0 10px 0 0;
}

/* LAYOUT FIXES - http://csstinderbox.raykonline.com */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* GENERAL */

.box {
border: 1px solid #CCC;
padding: 5px 10px 5px 10px;
margin: 0 0 10px 0;
}

.box_2 {
border: 1px solid #CCC;
padding: 10px 10px 0 10px;
margin: 0 0 10px 0;
}

.error {
background: #FCF6CF;
padding: 10px 10px 0 10px;
}

.error_text {
background: #FCF6CF;
padding: 10px;
}

.error_text_paragraph {
background: #FFB6C1;
padding: 10px;
border: 2px solid #990000;
}

.fatal_error {
background: #FCF6CF;
padding: 10px 10px 0 10px;
margin: 20px auto;
width: 400px;
}

.hidden {
position: absolute; 
left: 0px; 
top: -500px; 
width: 1px; 
height: 1px; 
overflow: hidden;
}

.display_none {
display: none;
}

.force_clear {
clear: both;
}

hr {
border: none; 
border-top: 2px solid #A9C638;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}

img {
margin: 0 0 10px 0;
}

img.float_left {
float: left;
margin: 0 10px 10px 0;
background-color: #FFF;
}

img.float_right {
float: right;
margin: 0 0 10px 10px;
background-color: #FFF;
}

img.page_top_buttons {
margin: 0 0 0 10px;
}

img.border {
padding: 5px;
border: 1px solid #999;
background-color: #FFF;
}

img.zoom {
padding: 5px 5px 30px 5px;
background-color: #FFF;
background-image: url(../images/zoom.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

/* GENERAL TEXT */

body {
font: small Arial, Helvetica, Verdana sans-serif;
font-size: .7em;
line-height: 1.5em;
color: #333;
/* fix for Firefox text blink */

}

p,h1,h2,h3 {
margin: 0 0 10px 0;
}

p,ul,ol,label {
}

h1,h2 {
font-weight: bold;
text-transform: uppercase;
}

h1 {
font-size: 1.6em;
font-weight: normal;
}

h3 {
font-weight: bold;
}

strong {
font-weight: bold;
}

small {
font-size: 90%;
}

em {
font-style: italic;
}

ul {
list-style-type: circle;
margin: 0 0 10px 30px;
}

ol {
margin: 0 30px 10px 40px;
}

ol li em {
font-style: normal;
}

a {
color: #7A923B;
}

.center_text {
text-align: center;
}

/* FORMS */

fieldset {
}

legend {
display: none;
padding: 2px 5px;
border: 1px solid #999;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
}

label {
display: block;
border: 1px solid #CCC;
background: #EEE;
padding: 5px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 10px 0;
}

.label_box {
padding: 5px;
}

label.form_radio {
margin: 0 0 10px 20px;
border: none;
background: inherit;
}

input.form_radio {
float: left;
margin: 7px 0 0 5px;
}

label.form_checkbox {
margin: 0 0 10px 30px;
border: none;
background: #FFF;
}

input.form_checkbox {
float: left;
margin: 7px 0 0 5px;
border: none;
}

input {
display: block;
margin: 0 0 10px 0;
border: 1px solid #999;
}

input.form_input {
padding: 5px;
}

input.form_pass {
display: block;
margin: 0 0 10px 0;
border: 1px solid #999;
padding: 5px;
}

input.form_submit {
padding: 5px 15px 5px 15px;
background: #FCF6CF;
color: #333;
}

select {
margin: 0 0 10px 0;
}

textarea {
margin: 0 0 10px 0;
border: 1px solid #999;
padding: 10px;
}

.form_required_box {
text-transform: uppercase;
font-size: 90%;
}

/* TABLES */

table {
margin: 0 0 10px 0;
}

table img {
vertical-align: middle;
margin: 0;
}

td, th {
padding: 5px;
vertical-align: middle;
border: 1px solid #CCC;
}

th {
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
background: #EEE;
text-align: center;
}

/* TINY-MCE */

/* For bottom margin see .defaultSkin table {background:#F0F0EE; margin-bottom: 10px;} in advanced/skins/default/ui.css */

body.mceContentBody {
padding: 10px;
}

/* SCROLL BOX */

.scroll_box {
border: 1px solid #999;
height: 100px;
overflow: auto;
margin: 0 0 10px 0;
padding: 10px 10px 0 10px;
}

/* ROUNDED SIDE BOX */

.rounded_side_box_top {
font-size: .96em;
line-height: 1.4em;
text-transform: uppercase;
padding: 10px;
margin: 0;
text-align: center;
color: #FFF;
font-weight: bold;
background-image: url(../images/bg_side_top.gif);
background-repeat: no-repeat;
background-position: top center;
}

.rounded_side_box_top a {
text-decoration: none;
color: #FFF;
}

.rounded_side_box_body {
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #FFF;
padding: 5px 5px 0 5px;
}

.rounded_side_box_body img {
display: block;
margin: 0 auto;
padding: 10px 0 10px 0;
}

.rounded_side_box_bottom {
padding: 12px 0 0 0;
margin: 0 0 7px 0;
background-image: url(../images/bg_side_bottom.gif);
background-position: bottom center;
background-repeat: no-repeat;
}

/* TOP NAVIGATION */

ul.nav_top {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
text-transform: uppercase;
background: #A9C638;
}

ul.nav_top li {
width: 105px;
display: block;
float: left;
padding: 0;
margin: 0 0 10px 0;
}

ul.nav_top li a {
color: #FFF;
background: #A9C638;
text-decoration: none;
display: block;
padding: 10px;
font-size: 1.3em;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;
}

ul.nav_top li a.nav_top_store, ul.nav_top li a.nav_top_store:hover {
background: #7A923B;
border-right: none;
border-bottom: none;
background-image: url(../images/store_bg.gif);
background-position: middle left;
background-repeat: repeat-x;
padding: 10px 10px 10px 8px;
font-weight: bold;
}

ul.nav_top li a.nav_top_store img {
margin: 0 10px 0 0;
width: 14px;
}

ul.nav_top li a:hover, ul.nav_top li a#nav_top_current {
background: #222;
}

/* SIDE NAVIGATION */

ul.nav_side .img_video {
margin: 0;
}

ul.nav_side, ul.nav_side ul {
width: 180px;
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

ul.nav_side li {
border-bottom: 1px solid #CCC;
margin: 0;
}

ul.nav_side li a {
display: block;
padding: 5px 7px 5px 7px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
color: #333;
text-decoration: none;
}

ul.nav_side li li {
border-top: 1px solid #CCC;
border-bottom: none;
}

ul.nav_side li li a {
background-color: #FFF;
background-image: none;
padding: 5px 5px 5px 25px;
background-image: url(../images/nav_sub.png);
background-position: 7px 9px;
background-repeat: no-repeat;
}

ul.nav_side li li li a {
background-position: 15px 9px;
padding: 5px 5px 5px 33px;
}

ul.nav_side li a:hover, ul.nav_side #nav_current_cat {
color: #4682B4;
}

ul.nav_side li li a:hover, ul.nav_side #nav_current_sub {
color: #4682B4;
background: #FFF;
background-image: url(../images/nav_current_sub.png);
background-position: 7px 9px;
background-repeat: no-repeat;
}

ul.nav_side li li li a:hover, ul.nav_side #nav_current_sub_sub {
background-position: 15px 9px;
padding: 5px 5px 5px 33px;
background-image: url(../images/nav_current_sub_sub.png);
color: #990000;
}

ul.nav_side .current_sub_video {
background: #FFF;
background-image: url(../images/video.gif);
background-position: 5px 9px;
background-repeat: no-repeat;
padding: 5px 5px 5px 25px;
}

/* INNER-PAGE NAVIGATION */

.nav_inner {
padding: 10px;
border: 1px solid #CCC;
background: #EEE;
}

#nav_inner_current {
font-weight: bold;
}

.nav_inner_block_box {
padding: 10px 10px 0 10px;
border: 1px solid #CCC;
}

/* ALBUM GRID */

.build_album_grid_catalog {
float: left;
width: 145px;
padding: 0 10px 0 0;
}

.build_album_grid_catalog img {
margin: 0 5px 10px 0;
}

img.build_album_grid_album_img {
border: 1px solid #333;
margin: 0 0 5px 0;
}

.build_album_grid_catalog .build_album_grid_artist {
margin: 0;
font-weight: bold;
}

.build_album_grid_catalog .build_album_grid_title {
margin: 0;
font-style: italic;
}

.build_album_grid_catalog .build_album_grid_catno {
}

/* HOME NEW RELEASES */

.home_new_releases {
margin: 0 0 10px 0;
padding: 0 0 0 0;
border-bottom: 2px solid #CCC;
}

.home_new_releases h2, .home_new_releases p {
margin: 0;
}

.home_new_releases_text {
margin: 0 0 0 100px;
padding: 0 5px 5px 0;
}

.home_new_releases_text img {
margin: 5px 5px 0 0;
}

.home_new_releases .home_new_releases_img_album {
float: left;
border: 1px solid #333;
clear: both;
}

/* HOME NEWS BOX */

.home_news_box {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 2px solid #CCC;
}

.home_news_box h2, .home_news_box p {
margin: 0;
}

.home_news_box_text {
margin: 0 0 0 60px;
}

.home_news_box img {
float: left;
width: 50px;
border: 1px solid #333;
}

/* NEWS NEWS BOX */

.news_news_box {
margin: 0 0 10px 0;
padding: 0;
border-bottom: 2px solid #CCC;
}

.news_news_box h2 {
margin: 0;
}

.news_news_box img.news_news_box {
float: left;
border: 1px solid #333;
margin: 0 10px 10px 0;
width: 150px;
}

.news_news_box_text {
margin: 0 0 0 160px;
}

/* ARTISTS FORM */

.form_artists {
width: 500px;
float: right;
}

.form_artists label {
position: absolute; 
left: 0px; 
top: -500px; 
width: 1px; 
height: 1px; 
overflow: hidden;
}

.form_artists .form_submit, .form_artists .form_select {
float: right;
padding: 2px;
}

.form_artists .form_select {
border: 2px solid #333;
}

.form_artists .form_submit {
border: 2px solid #FFF;
margin: 0 0 0 10px;
background-color: #333;
color: #FFF;
cursor: pointer;
}

/* TABLESORTER */

table.tablesorter {
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
}

table.tablesorter thead tr .header {
cursor: pointer;
}

table.tablesorter thead tr .header:hover {
background-color: #7A923B;
color: #FFF;
}

table.tablesorter tbody td {
}

table.tablesorter tbody tr.odd td {
}

table.tablesorter thead tr .headerSortUp {

}

table.tablesorter thead tr .headerSortDown {

}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #7A923B;
color: #FFF;
}

/* SAMPLER BOX */

.sampler_box {
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

.sampler_box img {
display: block;
width: 178px;
border: 1px solid #333;
}

/* ARTISTS ARTIST BOX */

.artists_artist_box {
width: 205px;
float: left;
}

.artists_artist_box img {
width: 190px;
display: block;
margin: 0 auto 10px auto;
border: 1px solid #333;
}

.artists_artist_box h2 {
font-size: 1.6em;
line-height: 1.2em;
text-align: center;
}

.artists_artist_box h2 a {
text-decoration: none;
}

/* TWO COLUMN BOX */

.two_colum_box {
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

.two_colum_box_right, .two_colum_box_left {
float: left;
width: 390px;
margin: 0 0 0 0;
}

.two_colum_box_left {
padding: 0 10px 0 0;
}

.two_colum_box_right {
padding: 0 0 0 10px;
}

.two_colum_box_mov {
width: 320px;
margin: 0 auto 10px auto;
}

/* TWO COLUMN BROWSE BOX */

.two_colum_browse_box {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
border-top: 2px solid #999933;
border-bottom: 2px solid #999933;
}

.two_colum_browse_box_right, .two_colum_browse_box_left {
float: left;
margin: 0 0 0 0;
padding: 0 10px 0 0;
}

.two_colum_browse_box_right {
width: 390px;
}

.two_colum_browse_box_left {
width: 390px;
}

/* BROWSE ALBUM BOX */

.browse_album_box img {
float: left;
}

.browse_album_box_indent {
float: left;
width: 270px;
margin: 0 0 10px 10px;
font-size: .9em;
}

.browse_album_box_indent p, .browse_album_box_indent h1, .browse_album_box_indent h2, .browse_album_box_indent h3 {
margin: 0;
}

.browse_album_box_indent h3 {
color: #990000;
}

/* BROWSE CATEGORY BOX */

.browse_cat_box {
font-size: .9em;
}

.browse_cat_box h2 {
margin: 0 0 2px 0;
}

/* LOGIN FORM */

.form_login input {
float: left;
}

.form_login label {
background: #FFF;
border: none;
padding: 2px 0 0 0;
width: 160px;
float: left;
clear: both;
}

.form_login input.form_submit {
clear: both;
margin: 0 0 10px 0;
background: #A9C638;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
}

/* BROWSE TABLE */
table.browse_table th, table.browse_table td {
width: 100px;
}

/* TABS FEATURED */

#tabs_featured { 
margin: 0;
padding: 0;
border: none;
background: none;
}

#tabs_featured, #tabs_featured .ui-corner-all, #tabs_featured .ui-corner-top {
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

#tabs_featured ul.ui-tabs-nav {
display: none;
background: none;
border: none;
border-bottom: 1px solid #CCC;
margin: 0 0 0 0;
padding: 0;
float: right;
}

#tabs_featured ul.ui-tabs-nav li { 
margin: 0;
padding: 0;
display: block;
background-image: none;
border: 1px solid #CCC;
}

#tabs_featured ul.ui-tabs-nav li:hover { 
}

#tabs_featured ul.ui-tabs-nav li img { 
float: left;
margin: 0;
padding: 0;
border: 1px solid #999;
}

#tabs_featured ul.ui-tabs-nav li span { 
margin: 0 0 0 0;
padding: 0;
display: block;
}

#tabs_featured li.ui-tabs-nav-item a { 
margin: 0;
padding: 0;
}

#tabs_featured li.ui-tabs-nav-item a:hover { 
}

#tabs_featured li.ui-tabs-selected {
margin: 0;
padding: 0;
background: none;
}

#tabs_featured ul.ui-tabs-nav li.ui-tabs-selected a { 
}

#tabs_featured .ui-tabs-panel { 
margin: 0 0 0 0;
padding: 0;
background: none;
}

#tabs_featured .ui-tabs-panel img { 
background: none;
}

#tabs_featured .ui-tabs-panel .info {
}

#tabs_featured .info h2 { 
}

#tabs_featured .info p{  
}

#tabs_featured .info a { 
}

#tabs_featured .info a:hover { 
}

#tabs_featured .ui-tabs-hide{ 
display:none; 
}

/* TABS FEATURED WITH NUMBERS */

#tabs_featured_num { 
margin: 0;
padding: 0;
border: none;
background: none;
}

#tabs_featured_num, #tabs_featured_num .ui-corner-all, #tabs_featured_num .ui-corner-top {
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

#tabs_featured_num ul.ui-tabs-nav {
display: none; 
background: none;
border: none;
margin: 0 0 20px 0;
padding: 0;

}

#tabs_featured_num ul.ui-tabs-nav li { 
margin: 0 10px 0 0;
padding: 5px;
display: block;
border: none;
}

#tabs_featured_num ul.ui-tabs-nav li:hover { 
}

#tabs_featured_num ul.ui-tabs-nav li img {
width: 50px;
margin: 0;
padding: 0;
border: 1px solid #333;
}

#tabs_featured_num ul.ui-tabs-nav li span { 
margin: 0 0 0 0;
padding: 0;
display: block;
}

#tabs_featured_num li.ui-tabs-nav-item a { 
margin: 0;
padding: 0;
}

#tabs_featured_num li.ui-tabs-nav-item a:hover { 
}

#tabs_featured_num li.ui-tabs-selected {
margin: 0;
padding: 0;
background: #A9C638;
}

#tabs_featured_num ul.ui-tabs-nav li.ui-tabs-selected a { 
}

#tabs_featured_num .ui-tabs-panel { 
margin: 0 0 0 0;
padding: 0;
background: none;
}

#tabs_featured_num .ui-tabs-panel img { 
background: none;
margin: 0 0 0 0;
}

#tabs_featured_num .ui-tabs-panel .info {
}

#tabs_featured_num .info h2 { 
}

#tabs_featured_num .info p{  
}

#tabs_featured_num .info a { 
}

#tabs_featured_num .info a:hover { 
}

#tabs_featured_num .ui-tabs-hide { 
display: none; 
}

#tabs_featured_num .next-tab {
right: 20px; 
}

#tabs_featured_num .prev-tab {
left: 20px; 
}

#tabs_featured_num a.mover {
display: block;
background: #900;
padding: 6px 12px;
color: white;
width: 200px;
}


.textl {
color: #FFE4B5; 
font-size: 8px;
text-decoration: none;
}

a.textl {
color: #FFE4B5; 
font-size: 8px;
text-decoration: none;
}