body
{
  color: #000000;
/*  background-color: #bbb;*/
  background-color: #040;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

h3, h4
{
    margin-bottom: 0.5em;
}

p
{
    margin-top: 0.5em;
}

A:hover {
    color: #ff0000;
}

div.pageouter
{
    border-style:none ;
    border-width:thin;
    margin:auto;
    max-width:47.5em;
    min-width:40em;
}

div.pagel
{
    position:relative;
    left:-8px;
    width:100%;
    background-image:url("/static/images/fadeleft.gif");
    background-repeat:repeat-y;
}

div.pager
{
    position:relative;
    left:16px;
    width:100%;
    background-image:url("/static/images/faderight.gif");
    background-position:right;
    background-repeat:repeat-y;
}

div.page
{
    position:relative;
    left:-8px;
    border-style:none ;
    border-width:thin;
    background-color:white;
    margin:0;
    width:100%;
/*    max-width:47.5em;*/
/*    min-width:40em;  */
}

div.header
{
    margin: 0;
    padding-top: 0;
    padding-left:1em;
    padding-bottom: 1px;
    min-height:6em;
}

div.header h1
{
/*    margin-top:0.6em;*/
    font-family: Palatino, "Palatino Linotype", Times New Roman, serif;
    margin-top:0em;
    padding-top:0.6em;
}

div.header hr
{
    max-width:50em;
    margin:0 2.5em 0 0em;
/*    position:relative;*/
/*    left:-2.5em;      */
    border:0;
    border-top:1px solid black;
    border-color:#AAA;
}

div.header A, div.header A:link, div.header A:visited {
/*    color: #ffffff;*/
    color: #000;
    text-decoration: none;
}

div.header A, div.header A:hover {
    color: #ff0000;
    text-decoration: none;
}

div.linkbar
{
    float:left;
    max-width:6em;
    margin-left:1em;
    margin-right:0em;
    margin-top:0px;
    padding-top:0px;
    padding-left:0em;
    padding-right:0em;
/*    background-color: red;*/
/*    border-right-style:solid;*/
/*    border-right-width:thin; */
}

div.links
{
    font-family:Verdana,sans-serif;
    font-size:smaller;
}

div.linkindent
{
    margin-left:1em;
}
        
div.linkbar #selectarrow
{
    font-family:DejaVu Sans,DejaVu LGC Sans,Lucida Sans Unicode,sans-serif;
    position:relative;
    left:-0.8em;
    float:left;
    margin:0em;
    padding:0em;
    width:0;
}

div.linkbar a
{
}

div.linkbar A:hover {
/*    color: #ff0000;*/
}

div.breadcrumbsframe
{
    margin:0 0 0 0;
    padding:0.25em 2.5em 0.25em 1em;
    border-bottom:thin solid #aaa;
}

div.breadcrumbs, div.logindiv
{
    font-family:Verdana,sans-serif;
    font-size:x-small;
    color: #999;
}

div.logindiv
{
    color: #555;
    float:right;
}

div.breadcrumbs a
{
    color:#99f;
} 

div.logindiv a
{
    color: #55f;
}

div.breadcrumbs a:visited
{
    color:#b7b;
}

div.breadcrumbs a:hover, div.logindiv a:hover
{
    color:#f00;
}

div.contentouter
{
    margin:0;
}

div.contentframe
{
    padding:0px 0px 0px 20px;
    min-height:35em;
    max-width:37em;
    min-width:20em;
    margin-bottom:10px;
    margin-left:7em;
    margin-right:2.5em;
    border-left-style:solid;
    border-left-width:thin;
    border-left-color:#AAA;
}

div.content
{
    font-family:Georgia,"Times New Roman",Times,serif;
}

div.content h2
{
    margin-top:0;
    padding-top:0;
}

table.maintable
{
}

table.maintable td
{
    vertical-align:top;
}

table.contenttable
{
    width:100%;
    height:100%;
    background-color:white;
}

div.editlink
{
    float:right;
    clear:right;
    font-family:Verdana,sans-serif;
    font-size:small;
    text-align:right;
}

a.editlink
{
    background:url(/static/admin/img/icon-changelink.svg) 0 75% no-repeat; 
    padding-left:14px;
}

a.deletelink
{
    background:url(/static/admin/img/icon-deletelink.svg) 0 75% no-repeat; 
    padding-left:14px;
}

a.deletelink:hover
{
    background:url(/static/images/icon_deletelink_hover.gif) 0 75% no-repeat; 
    padding-left:14px;
}


a.addlink
{
    background:url(/static/admin/img/icon-addlink.svg) 0 60% no-repeat; 
    padding-left:14px;
}

a.addlink:hover
{
    background:url(/static/images/icon_addlink_hover.gif) 0 60% no-repeat; 
}

a.printlink
{
    background:url(/static/images/icon_printlink.gif) 0 60% no-repeat; 
    padding-left:14px;
}

a.shiftedlink
{
    background-position: 0 60%; 
}

p.opener
{
    font-family:Times New Roman;
    padding-top:0;
    margin-top:0;
}

span.opener
{
    font-variant:small-caps;
}

p.opener:first-letter
{
    font-size:150%;
    font-weight:bold;
}

span.title, h2.title
{
    font-style:italic;
}

.footer
{
    font-family:Verdana,sans-serif;
    font-size:x-small;
    text-align:center;
    padding-bottom:0.5em;
}

img.inlineimg
{
    border-width:0;
    vertical-align:middle;
}

a:hover img
{
    outline-style:solid;
    outline-width:thin;
    outline-color:#f00;
}
 
div.music_person_pic
{
    clear:right;
    float:right;
}

div.music_person_pic img
{
    max-width:15em;
}

h4.music_list, ul.music_list
{
    margin-top:0.35em;
    margin-bottom:0.35em;
}

/* for filter list */
div.choicelist
{
    background-color:#eee;
    float:right;
    clear:right;
    border-style:solid;
    border-width:thin;
    font-family:Verdana,sans-serif;
    font-size:small;
}

div.choicelist h4
{
    background-color:#88f;
    font-size:small;
    font-weight:bold;
    border-bottom-style:solid;
    border-width:thin;
    margin:0;
    padding:0.1em 0 .15em 1.5em;
}

ul.choicelist
{
    font-size:small;
    list-style:none;
    padding:0 1em .2em 1.5em;
    margin:0 0; 
}

ul.choicelist li.selection
{
    list-style:disc;
}

div.floatingsearch
{
    float:right;
    clear:right;
    margin-top:0.4em;
    margin-bottom:1em;
}

div.floatingsearch form
{
    margin:0;
}

div.music_lyrics
{
/*    float:left;*/
/*    clear:right;*/
    border:solid thin;
    background-color:#ffd;
    padding:0 0.5em;
    font-size:smaller ;
    font-family:Verdana,Arial,sans;
}

img.lysmallimg
{
    border-width:0;
    vertical-align:middle;
    height:1em;
}

form th, form td
{
    padding:0.05em 0.1em;
}

.form_error
{
    color:red;
}

.form_error input
{
    border-color:red;
}

.form_error ul.errorlist
{
    padding:0;
    list-style:none;
    margin: 0.2em 0 .2em 0 !important;
}