html {
    background-color: #F4F7F8;
}

body {
    background-color: #F4F7F8;
 background-image: url(/style/syncme/images/background.jpg);
    background-repeat: repeat-y;
 background-position: center top;
}



h1 {
 font-size: 120%;
    font-weight: bold;
    color: #009EF5;
    margin-bottom: 5px;
}

h2 {
 font-size: 120%;
    font-weight: bold;
    color: #009EF5;
    margin-bottom: 5px;
}

p { margin-bottom: 5px; color: #444; }

a { color: #009EF5; }

#hd { padding: 5px;
    padding-top:10px;
border-left: 1px solid #ddf;
border-right: 1px solid #ddf;
 background-image: url(/style/syncme/images/blueline.jpg);
    background-repeat: no-repeat;
 background-position: center bottom;
    height: 120px;
}

#title {
 height: 90px;
 width: 256px;
 background-image: url(/style/syncme/images/logo.jpg);
 float: left;
}

#title h1 {
    display:none;
}

#address {
 float: right;
 color: #777; 
 font-size: 90%;
}

#menu {
    margin-top:15px;
 overflow: auto;
    height: 70px;
    width: 540px;
    padding-left:110px;
}


#menu li {
    float: left; 
    display: block;
}

#menu li a {
    display: block;
    height: 30px;
 width: 100px;
}


#menu li a.index {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-home.jpg);
}
#menu li a.index:hover {
 background-image: url(/style/syncme/images/menu-home-over.jpg);
}
#menu li a.index-selected {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-home-over.jpg);
}

#menu li a.news {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-news.jpg);
}
#menu li a.news:hover {
 background-image: url(/style/syncme/images/menu-news-over.jpg);
}
#menu li a.news-selected {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-news-over.jpg);
}


#menu li a.rightsholders {
 width: 160px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-rightsholders.jpg);
}
#menu li a.rightsholders:hover {
 background-image: url(/style/syncme/images/menu-rightsholders-over.jpg);
}
#menu li a.rightsholders-selected {
 width: 160px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-rightsholders-over.jpg);
}

#menu li a.licensing {
 width: 112px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-licensing.jpg);
}
#menu li a.licensing:hover {
 background-image: url(/style/syncme/images/menu-licensing-over.jpg);
}
#menu li a.licensing-selected {
 width: 112px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-licensing-over.jpg);
}


#menu li a.catalogue {
 width: 114px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-catalogue.jpg);
}
#menu li a.catalogue:hover {
 background-image: url(/style/syncme/images/menu-catalogue-over.jpg);
}
#menu li a.catalogue-selected {
 width: 114px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-catalogue-over.jpg);
}


#menu li a.contact {
 width: 90px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-contact.jpg);
}
#menu li a.contact:hover {
 background-image: url(/style/syncme/images/menu-contact-over.jpg);
}
#menu li a.contact-selected {
 width: 90px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-contact-over.jpg);
}


#menu li a.login {
 width: 68px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-login.jpg);
}
#menu li a.login:hover {
 background-image: url(/style/syncme/images/menu-login-over.jpg);
}
#menu li a.login-selected {
 width: 68px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-login-over.jpg);
}


#menu li a.register {
 width: 90px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-register.jpg);
}
#menu li a.register:hover {
 background-image: url(/style/syncme/images/menu-register-over.jpg);
}
#menu li a.register-selected {
 width: 90px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-register-over.jpg);
}


#menu li a.myaccount {
 width: 120px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-myaccount.jpg);
}
#menu li a.myaccount:hover {
 background-image: url(/style/syncme/images/menu-myaccount-over.jpg);
}
#menu li a.myaccount-selected {
 width: 120px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-myaccount-over.jpg);
}

#menu li a.logout {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-logout.jpg);
}
#menu li a.logout:hover {
 background-image: url(/style/syncme/images/menu-logout-over.jpg);
}
#menu li a.logout-selected {
 width: 70px;
 text-indent:-9000px;
 background-image: url(/style/syncme/images/menu-logout-over.jpg);
}




#bd {
border-left: 1px solid #ddf;
border-right: 1px solid #ddf;
min-height: 400px;
}


#ft {
border-left: 1px solid #ddf;
border-right: 1px solid #ddf;
height: 100px;
 background-image: url(/style/syncme/images/footer.jpg);
    background-repeat: no-repeat;
 background-position: center top;
}

div.news {
 padding: 15px;
 float: left;
 width: 280px;
}

div.forrightsholders {
 padding: 15px;
 float: left;
 width: 280px;
border-left: 1px solid #f1f1f7;
border-right: 1px solid #f1f1f7;
}
div.forusers {
 padding: 15px;
 float: left;
 width: 280px;
}

span.artist {
    padding-top: 5px;
    display: block;
    color: #009EF5;
}

div.newsitem { padding-bottom: 5px; }

.newsitem h2 {
 font-size: 120%;
    font-weight: bold;
    color: #009EF5;
    margin-bottom: 0px;
}

.newsitem .date { 
    font-size: 90%;
    color: #aaa; }

a.plain {
 text-decoration: none;
    color: black;
}


a.plain:hover {
 text-decoration: underline;
    color: black;
}


.formdata tr.sectionbreak {
    border-top:solid 1px #d0d0dd; 
}

.formdata td {
    padding: 5px;
    vertical-align: top;
}

.formdata td.label {
    color: #70707d;
    font-size: 90%;
    text-align: right;
    padding-left:10px;
    padding-top:8px;
}

.formdata td.fields {
 padding-right: 10px;   
}

.formdata input.textfield {
    font-size: 95%;
    padding: 3px;
    border:solid 1px #a0a0ad; 
}

.formdata select {
    font-size: 95%;
    padding: 1px;
    border:solid 1px #a0a0ad; 
    
}

.formdata ul {  }
.formdata li.checkbox { width: 200px; float: left; }


table.tracks { width: 100%; }

table.tracks tr {
    border-bottom: 1px solid #ddf;
}

.itemview td {
    padding-left:10px;
    padding-top:8px;    
}

.itemview td.label {
    color: #70707d;
    font-size: 90%;
    text-align: right;
    padding-left:10px;
    padding-top:8px;    
}