html, body {
    height: 100%;
}

body {
	background: #5C5C5C url('../images/page-bg.jpg') repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    padding: 0;
    margin: 0;
}
body.blank {
    background: #FFF;
    height: auto;
}

#page-area {
    width: 1000px;
    min-height: 100%;
    _height: 100%;
    margin: 0 auto;   
    padding: 0;
    background: #FFF url('../images/body-bg.jpg') repeat-y;
}
body.blank #page-area {
    width: auto;
    background: #FFF;
}

#page-header {
    height: 134px;
    background: url('../images/header-bg.jpg') no-repeat;
    padding: 0 25px;
}

#page-logo {
    width: 249px;
    height: 104px;
    float: left;
}
#page-logo a {
    display: block;
    width: 249px;
    height: 0;
    padding: 104px 0 0 0;
    overflow: hidden;
    background: url('../images/page-logo.jpg') no-repeat;
}

#page-breadcrumbs {
    float: left;
    margin: 15px 0 0 15px;
    width: 300px;
    height: 20px;
    *position: absolute;
    *margin-top: 75px;
}
#page-breadcrumbs a {
    color: #666;
}
#page-breadcrumbs .breadcrumbs0 a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
#page-breadcrumbs .breadcrumbs1 a {
    font-size: 12px;
}
#page-breadcrumbs .breadcrumbs2 a {
    font-weight: normal;
    font-size: 11px;
}
#page-breadcrumbs .breadcrumbs3 a {
    font-weight: normal;
    font-size: 10px;
}

#page-address {
    float: right;
    text-align: right;
    padding: 10px 15px;
    font-size: 0.9em;
}
#page-address .name {
    font-size: 1.1em;
    font-weight: bold;
}
#page-search {
    float: right;
    clear: right;
    padding: 5px 15px 0 0;
}
#page-search input.text {
    width: 200px;
    margin: 0 8px 0 56px;
    float: left;
    background: #FFF;
    padding: 1px 5px;
    color: #777;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -opera-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#page-search input.withLabel {
    color: #CCC;
}
#page-search input.goButton {
    margin: 1px 0 0 0;
    float: left;
}
#page-search a {
    line-height: 1.6em;
    margin-left: 1em;
    display: block;
    float: right;
    white-space: nowrap;
    *margin-top: -22px;
    _margin-top: 0;
}

#page-navbar {
    float: right;
    clear: both;
    height: 30px;
}
#page-navbar ul {
    list-style: none;
    padding: 0 0 0 9px;
    height: 30px;
    margin: 0;
    background: url('../images/navbar-divider-right.jpg') no-repeat left;
    *width: 692px;
    *margin-top: 12px;
}
#page-navbar li {
    float: left;
    background: url('../images/navbar-divider-right.jpg') no-repeat right;
}
#page-navbar li.selected, #page-navbar li:hover {
    background: url('../images/navbar-divider-right-on.jpg') no-repeat right;
}
#page-navbar li a {
    display: inline-block;
    line-height: 28px;
    font-size: 0.9em;
    padding: 0 15px;
    color: #FFF;
    height: 30px;
    background: url('../images/navbar-divider-left.jpg') no-repeat left;
    font-weight: normal;
    text-decoration: none;
}
#page-navbar li.selected a, #page-navbar li a:hover {
    background: url('../images/navbar-divider-left-on.jpg') no-repeat left;
}

#page-body {
    min-height: 100%;
    _height: 100%; 
    background: url('../images/content-bg.jpg') no-repeat 0 134px; 
    *background-position: top;
    padding: 0 25px 0;
    margin: 0;
    margin-top: -134px;
    *margin-top: 0;
}
#page-body:after {
	content: ".";
    display: block;
    height: 0;
	line-height: 0em;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#page-leftColumn {
    width: 219px;
    float: left;
    clear: both;
    padding: 15px;
    overflow: auto;
}
#page-leftColumn hr {
    background-color: #BBB;
    border-color: #BBB;
}
#page-leftColumn .panel {
    margin-bottom: 2.5em;
}

#page-leftColumn .panel h3.blockHeader {
    margin: 0 -15px;
    color: #FFF;
    background: #a3a6ab;
    border-radius: 0;
    -moz-border-radius: 0;
    -opera-border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0.7em;
} 

#page-rightColumn {
    float: right;
    width: 671px;
    padding: 15px;
    overflow: auto;
    _overflow: hidden;
}

#page-content {
    min-height: 400px;
}

#page-footer {
    clear: both;
    margin: 0 40px;
    padding-top: 4px;
    padding-bottom: 2em;
    border-top: 1px #BBB solid;
    text-align: right;
    color: #999;
    font-size: 0.8em;
}

/* MISC */
a:link {
    text-decoration: underline;
    color: #4b5e70;
}
a:visited {
    text-decoration: none;
    color: #4b5e70;
}
a:hover, a:active {
    text-decoration: underline;
    color: #426484;
}

.contentBlock {
    background: #DDD;
    border: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -opera-border-radius: 8px;
    -webkit-border-radius: 8px;
}

fieldset {
    background: #E5E5E5;
}
form div.fieldArea {
    border-color: #E5E5E5;
}

h1 {
    color: #FFF;
    background: #7f8185;
    padding: 7px 10px;
    font-size: 1.2em;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -opera-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.contentBlock h1 {
    color: #444;
    background: none;
    padding: 0;
    font-size: 1.4em;
}
h2 {
    font-size: 1.2em;
    color: #333;
}
h3 {
    font-size: 1.1em;
    color: #907832;
    padding: 0;
}
h3 a:link, h3 a:visited {
    color: #907832;
}
h3 a:hover, h3 a:active {
    color: #A7893B;
    text-decoration: none;
}
h4 {
    color: #777;
}
h5 {
    color: #907832; 
}


textarea.text {
    width: 30em;
}


form div.inputArea {
    width: 70%;
}

.jsenabled label.toInput {
    display: none;
}

.artistIcon {
    padding: 1px 0 0 22px;
    background: url('../icons/famfamfam/user_green.png') no-repeat left center;
    behavior: url('/assets/theme/js/iepng/iepngfix.htc');
}
.disabled .artistIcon, .artistIcon.disabled {
    background: url('/neon/download/imageasset/theme/icons/famfamfam/user_green.png?transform=[gs]') no-repeat left center;
}

.aliasIcon {
    padding: 1px 0 0 22px;
    background: url('../icons/famfamfam/group.png') no-repeat left center;
    behavior: url('/assets/theme/js/iepng/iepngfix.htc');
}
.disabled .aliasIcon, .aliasIcon.disabled {
    background: url('/neon/download/imageasset/theme/icons/famfamfam/group.png?transform=[gs]') no-repeat left center;
}



ul.catalogue-myTrackList {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.catalogue-myTrackList li {
    background: #FFF;
    padding: 1px 6px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -opera-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 4px;
}

ul.catalogue-myTrackList li a.iconOnly {
    float: right;
    margin-top: 2px;
}


table.catalogue-latestTrackList {
    width: 215px;
    font-size: 0.9em;
}
table.catalogue-latestTrackList th {
    font-weight: bold;
    font-size: 1em;
    border-bottom: 1px #BBB solid;
    padding-bottom: 8px;
    background-position: 0 0 !important;
}
table.catalogue-latestTrackList tr.first td {
    padding-top: 6px;
}
table.catalogue-latestTrackList td {
    vertical-align: top;
    padding-right: 5px;
}
table.catalogue-latestTrackList a {
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    _display: inline;
}


ul.flashMessages {
    background: #d5d4b4;
}


.paginateInfo {
    float: right;
    margin: 0.7em 0 1em;
    font-weight: bold;
    color: #444;
}