body
{
    margin: 0;
    padding: 0;
    background-color: #C5D0D9;
    font-size: 9.5pt;
    font-family: verdana, geneva, helvetica, sans-serif;
}

#page-catalogue
{
    padding: 0;
}

#page-about
{
    padding: 0;
}

#authTable
{
    padding: 0.7em;
    min-width: 40em;
}

#songTable
{
    padding: 0.7em;
    min-width: 40em;
}

.topheader
{
    height: 22px;
    background-image: url('img/panelup.gif');
    background-repeat: repeat-x;
}

.menu-bar
{
    padding: 0;
    height: 34px;
    background-image: url("img/menu.gif");
}

.menu-bar div
{
    padding-left: 3em;
    padding-right: 3em;
    min-width: 10em;
    display: inline;
    vertical-align: middle;
}

.menu-bar img
{
    display: inline;
    text-align: center;
    vertical-align: middle;
}

.menu-bar a:link, .menu-bar a:visited
{
    min-width: 5em;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

.menu-bar a:hover
{
    text-decoration: underline;
}


.sub-bar
{
    color: rgb(153, 0, 51);
    padding: 0.3em;
    background-image: url("img/polosa.gif");
    padding-bottom: 0.7em;
}

.sub-bar a:link, .sub-bar a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: rgb(153, 0, 51);
}

.sub-bar a:hover
{
    text-decoration: underline;
}

.header
{
    height: 77px;
    background-image: url('img/midifon.gif');
}

.footer
{
    background-image: url('img/panelup.gif');
    background-repeat: repeat-x;
    height: 22px;
    text-align: right;
    vertical-align: middle;
    padding-right: 1em;
}

/* blue-box */

table.blue-box
{
    border-collapse: collapse;
}
.blue-box-head
{
    height: 21px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
}
.blue-box-head .l
{
    border: none;
    width: 28px;
    padding: 0;
    background: url('img/pipblue.gif') no-repeat;
}
.blue-box-head .c
{
    color: #ffffff;
    font-weight: bold;
    border: none;
    background: url('img/pipbluef.gif') repeat-x;
}
.blue-box-head .r
{
    border: none;
    width: 10px;
    padding: 0;
    background: url('img/pipblue-.gif') no-repeat;
}
.blue-box-body tr
{
    padding: 0;
    border: thin solid black;
}
.blue-box-body td
{
    padding: 0;
    background-color: #EEF3F7;
    /*border: thin solid black;*/
}

/* red-box */

table.red-box
{
    border-collapse: collapse;
}
.red-box-head
{
    height: 21px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
}
.red-box-head .l
{
    border: none;
    width: 28px;
    padding: 0;
    background: url('img/pipred.gif') no-repeat;
}
.red-box-head .c
{
    color: #ffffff;
    font-weight: bold;
    border: none;
    background: url('img/pipredf.gif') repeat-x;
}
.red-box-head .r
{
    border: none;
    width: 10px;
    padding: 0;
    background: url('img/pipred-.gif') no-repeat;
}
.red-box-body tr
{
    padding: 0;
    border: thin solid black;
}
.red-box-body td
{
    padding: 0;
    background-color: #EEF3F7;
    /*border: thin solid black;*/
}





/* list-table */

th.mus-list-head
{
    background-color: #e0eef5;
    font-weight: bold;
}

th.mus-list-sub-head
{
    background-color: #e0eef5;
    font-weight: normal;
}

table.list-table
{
    border-collapse: collapse;
}

table.list-table tr
{
    background-color: #FEFEFE;
}

table.list-table td, th
{
    border: thin solid black;
    padding: 0.2em;
}

tr.separator
{
    height: 0.3em;
}

.headcell
{
    font-weight: bold;
    min-width: 10em;
    white-space: nowrap;
}

td.list-song-icon
{
    background-color: #ffffff;
}

.list-song-icon
{
    width: 4em;
    height: 4em;
    text-align: center;
    vertical-align: middle;
}

td.list-song-title
{
    background-color: #ffffff;
}

.list-song-title
{
    min-width: 20em;
    text-align: left;
    color: rgb(153, 0, 51);
}

.list-song-title a:link, .list-song-title a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: rgb(153, 0, 51);
}

.list-song-title a:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #cc3300;
}

.list-authors-music-count
{
    text-align: center;
}

td.list-authors-music-count
{
    color: #004876;
    background-color: #E2E8ED;
}

th.list-artists
{
    background-color: #e0eef5;
}

td.list-artists-music-count
{
    color: #004876;
    text-align: center;
    background-color: #E2E8ED;
}

td.list-collection
{
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    color: black;
}

td.list-rating
{
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.list-rating-rate
{
    color: green;
    font-weight: bold;
}

.list-rating-votes
{
    color: #996699;
    font-weight: normal;
}

th.author-list-head
{
    background-color: #e0eef5;
    font-weight: bold;
}


td.list-author-name
{
    background-color: #ffffff;
}

.list-author-name
{
    min-width: 15em;
    color: rgb(128, 128, 128);
}

.list-author-name a:link, .list-author-name a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: rgb(128, 128, 128);
}

.list-author-name a:hover
{
    text-decoration: underline;
}

.list-song-artists
{
    padding-left: 2em;
    background-color: #EEF3F7;
}

.list-song-artists a:link, .list-song-artists a:visited
{
    text-decoration: none;
    font-weight: normal;
    color: rgb(0, 72, 118);
}

.list-song-artists a:hover
{
    text-decoration: underline;
}


.list-author-status
{
    background-color: #EEF3F7;
}

.list-info-line
{
    background-color: #E2E8ED;
}

.artist-entry a:link, .artist-entry a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: rgb(153, 0, 51);
}

.artist-entry a:hover
{
    text-decoration: underline;
    font-weight: bold;
    color: #cc3300;
}

.song-date
{

}

.song-standard
{
    color: #0033cc;
}

.song-type
{
    color: #0033cc;
}

.song-note
{

}

.review-head td
{
    background-color: #E2E8ED;
}

.review-author-name
{
    color: rgb(128, 128, 128);
}

.review-author-name a:link, .review-author-name a:visited
{
    text-decoration: none;
    font-weight: bold !important;
    color: rgb(128, 128, 128);
}

.review-author-name a:hover
{
    text-decoration: underline !important;
}

.review-date
{
    text-align: center;
    width: 6.5em;
}

.review-rate
{
    width: 0.6em;
    text-align: center;
    color: red;
}

td.review-comment-block
{
    background-color: white;
}

td.review-comment-block
{
    word-wrap: normal;
    white-space: normal !important;
    padding-left: 3em !important;
    padding-bottom: 2em !important;
}

.review-reply
{
    word-wrap: normal;
    white-space: normal !important;
    padding-top: 1.5em;
    padding-left: 1em !important;
    color: #004876;
}