/*
-------------------------------------
Body
-------------------------------------
*/
body {
    font-family: Georgia, Times, serif;
    background-color: #000;
    }


/*
-------------------------------------
Links' base
-------------------------------------
*/
a:link {
    color: #09c;
   }

a:visited { 
    color: #69c; 
    }

a:hover { 
    color: #6cf; 
	}

a:active { 	
   color: #09c; 
    }


a.more {
    padding-right: 15px;
}

a.audioFile {
    padding-left: 20px;
    background: transparent url(../img/sound.png) left no-repeat;
   }


a.back {
    padding: 5px 0 5px 25px;
    font-size: 90%;
    background: url(../img/arrow_left.png) left no-repeat;
}



/*
-------------------------------------
icons
-------------------------------------
*/
.iconComposer {
    background: transparent url(../img/user_business.png) 0 50% no-repeat;
    padding-left: 20px;
    }

.iconScore {
    background: transparent url(../img/doc_music_playlist.png) 0 50%  no-repeat;
    padding-left: 20px;
    }
    
.iconPerformance {
    background: transparent url(../img/data.png) 0 50%  no-repeat;
    padding-left: 20px;
}

.iconRecording {
    background: transparent url(../img/cd.png) 0 50%  no-repeat;
    padding-left: 20px;
}

.iconListening {
    background: transparent url(../img/sound.png) 0 50%  no-repeat;
    padding-left: 20px;
}

/*
-------------------------------------
Mainnav
-------------------------------------
*/
#mainNav {
    width: 100%;
    background: #101010;
    height: 40px;
    
    }


#mainNav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    height: 40px;
        line-height: 40px;

    margin: 0px auto;
    max-width: 960px;
    min-width: 700px;
    }

#mainNav ul li {
    float: left;
    position: relative;
    color: #ccc;
    margin: 0 10px;
    }


#mainNav  ul li a { 

    font-size: 90%;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    display: block;
    }

#mainNav  ul  li a:hover {
    color: #09c;    
    }

#mainNav  ul li a.here {
    background: url(../img/mainnav_here.gif) no-repeat bottom;
    }
 
#mainNav li.access {
    float: right;
    }
    
/*#mainNav li.login {
    padding-left: 12px;
    background: transparent url(../img/lock_lock.png) no-repeat left;
    }
    


#mainNav li.logout {
    padding-left: 12px;
    background: transparent url(../img/lock_unlock.png) no-repeat left;
    }    
*/
/*
--------------------------
MAIN WRAPPER & HEADER
--------------------------
*/
#header {
	width: 960px;
        margin: 0 auto;
	padding-top: 50px;
	text-align:center;
    }



#header h1 {
    font-size: 400%;
    font-weight: normal;
    font-style: italic;
    }


#header a {
    text-decoration: none;
    color: #000;
    }

#header h2 {
        font-size: 120%;
	line-height: 140%;
        margin-top: 5px;
        font-weight: normal;
	font-style: italic;
        color: #333;
    }

#presents {
    color: #666;
    font-weight: normal;
    font-size: 110%;
    line-height: 130%;
    padding-bottom: 10px;
}

/*
-------------------------------------
container
-------------------------------------
*/

#mainWrapper {
    border-top: 1px solid #fff;
    border-bottom: 5px solid #ccc;
    padding: 0;
    margin: 0;
    width: 100%;
    background: #fff url(../img/gradient_wrapper.png) top left repeat-x;
    float: left;
    }



/*
--------------------------
Content wrapper
--------------------------
*/
#content {
    margin: 0 auto;
    width: 960px;
    text-align: left;
    padding: 5px 0 100px 0;
    margin-top: 60px;
    border-top: 1px solid #333;

    }

#content.noBorder {
    border: none;
    }


/* check tags */

#content p {
  font-size: 120%;
  line-height: 160%;
    margin-top: 10px;
}


p.confirmation {
  color: #006600;
  font-size: 140%;
  font-weight: bold;
  padding-left: 25px;
  background: #fff url(../img/accept.png) 0 50% no-repeat;
  
}

/* check tags */
    

    
#content h5 {
    text-align: left;
    font-size: 120%;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    padding: 5px 0 5px 20px;
    /*border-bottom: 1px solid #333;*/
    }    
#content h5.preview {
    padding: 5px 0 5px 20px;
    background: transparent url(../img/doc_music_playlist.png) left no-repeat;
    }

#content h5.datasheet {
    padding: 5px 0 5px 20px;
    background: transparent url(../img/bookmark_document.png) left no-repeat;
    }
    
#content h5.biography {
    padding: 5px 0 5px 20px;
    background: transparent  url(../img/user_business.png)  left no-repeat;
    }   

/*
--------------------------
Content wrapper
--------------------------
*/
#disabledSearch {
    display: block;
    height: 100px;
    background: transparent url(../img/disabledsearch.png)  50% 50% no-repeat;
    text-indent:-9999px;

    }


/*
--------------------------
Page title
--------------------------
*/
#pageTitle {
    text-align: left;
    width: 960px;
    margin: 0 auto;


    }

#pageTitle  h1 {
    font-size: 250%;
    font-weight: normal;
    color: #333;
    margin-top: 10px;

    }
    
#pageTitle h1.subtitle {
    font-size: 180%;
    font-weight: normal;
    color: #333;
    margin-top: 10px;
    }

#pageTitle  h2, div.pageTitle h2 {
        font-size: 180%;
	line-height: 140%;
        margin-top: 5px;
        font-weight: normal;
        color: #333;
        font-style: italic;
    }

#pageTitle  h3 {
        font-size: 180%;
	line-height: 120%;
        font-weight: normal;
        color: #999;
	margin-bottom: 5px;
    }

#pageTitle  h4 {
        font-size: 100%;
	line-height: 120%;
        font-weight: normal;
        color: #999;
	margin-bottom: 15px;
    }




#pageTitle  img {
    float: left;
    margin: 0 15px 10px 0;
     }

/*
--------------------------
shoutbox
--------------------------
*/


#resultList {
    width: 960px;
    text-align: left;
    margin: 50px 0 25px 0;
    float: left;
    font-size: 100%;
    border-top: 1px solid #333;
    }



#categoryFilter {
    width: 960px;
    float: left;
    background-color: #09c;
    font-size: 130%;

    }

#categoryFilter p {
    padding: 0;
    margin: 5px 10px;
    font-size: 100%;
    line-height: 130%;
    color: #fff;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    }

#categoryFilter a:link {
    color: #fff;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    }



#content div.tweet {
    background-color: #E2F0F6;
    border-top: 1px solid #09c;
    float: left;
    position: relative;
    width: 960px;
}

#content div.tweet.altTweet {
    background-color: #fff;
}

#content div.tweet h4 {
    width: 820px;
    margin: 15px 0 0 15px;
    font-size: 130%;
    line-height: 150%;
    font-weight: normal;
    color: #666;
}

#content div.tweet p {
    padding: 0;
    margin: 5px 10px 20px 15px;
    font-size: 90%;
    color: #999;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}



a:link.tweetCategory, a:visited.tweetCategory  {
    position: absolute;
    top: 5px;
    right: 0;
    color: #E2F0F6;
    text-transform: uppercase;
    font-size: 50%;
    letter-spacing: 2px;
    background-color: #09c;
    padding: 5px;
    text-decoration: none;
}

a:hover.tweetCategory {
    position: absolute;
    top: 5px;
    right: 0;
    color: #E2F0F6;
    text-transform: uppercase;
    font-size: 50%;
    letter-spacing: 2px;
    background-color: #06c;
    padding: 5px;
    text-decoration: none;
}

#resultList p.searchCriteria {
    padding: 10px 5px;
    margin: 0 0 10px 0;
    font-size: 90%;
    line-height: 100%;
    color: #666;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    background-color: #efefef;

    }

/* search results */
#content div.result {
    float: left;
    width: 960px;
}

#content div.result h4 {
    margin: 10px 0 5px 0;
    width: 820px;
    font-size: 140%;
    line-height: 120%;
    font-weight: normal;
    color: #666;
}

#content div.result p {
    margin: 0 10px 20px 0;
    font-size: 110%;
    color: #333;

}

/*
--------------------------
Score
--------------------------
*/
#techData {
    width: 960px;
    text-align: left;
    margin: 25px 0 25px 0;
    border-top: 1px solid #333;

    }

#techDataLeft {
    width: 450px;
    margin-right: 30px;
    text-align: left;
    float: left;
    }


#techDataRight{
    width: 479px;
    text-align: left;
    float: left;
    }

 dl {
    margin: 10px 0;
    text-align: left;

    }

dt {
    font-size: 120%;
    line-height: 120%;
    color: #666;
    margin-top: 20px;
    }

dd {
    font-size: 120%;
    line-height: 140%;
    color: #333;
    margin-top: 5px;

    }

#techData h6 {
    font-size: 90%;
    line-height: 100%;
    color: #999;
    margin-top: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    }

#techData p {
    font-size: 120%;
    line-height: 140%;
    color: #333;
    margin-top: 5px;
    }


/*
--------------------------
Composer bio
--------------------------
*/
#composerBio {
    width: 960px;
    text-align: left;
    margin-bottom: 25px;
    }


#composerBio img {
    float: left;
    margin: 0 20px 20px 20px;
    height: 200px;
    }

#composerBio p {
    margin: 10px 0 20px 0;
    font-size: 140%;
    line-height: 160%;
    color: #333;

    }



/*
--------------------------
Score thumbs
--------------------------
*/

#thumbs {
    width: 960px;
    float: left;
    text-align: left;
    margin-bottom: 15px;
    }

.img
  {
  margin:5px 12px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #09c;
  }
.img a:hover img
  {
  border:1px solid #6cf;
  }
.desc
  {
    font-size: 90%;
    color: #333;
  text-align:center;

  width:120px;
  margin:2px;
  }

    
/*
--------------------------
forms
--------------------------
*/
.paypal {
    margin-left: 30px;
    width: 92px;
}

.mandatoryNote {
    margin-top: 10px;
    font-size: 100%;
    color: #f60;
    padding-left: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fff url(../img/asterisk_orange.png) left top no-repeat;

        }
	
div.required {
    background: #fff url(../img/asterisk_orange.png) left .2em no-repeat;

}

form {
	clear: both;
	padding: 0;
}
fieldset {
	margin: 50px 0 0 30px;

}
fieldset legend {
	background:#fff;
	color: #666;
	font-weight: normal;
	font-size: 130%;
	padding: 5px;
}

fieldset legend.edit {
	padding: 5px 5px 5px 30px;
	background: transparent url(../img/pencil_24.png) left no-repeat;
}

fieldset legend.new {
	padding: 5px 5px 5px 30px;
	background: transparent url(../img/list-add-32.png) left no-repeat;
}

fieldset fieldset {
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	
}
fieldset fieldset div {
	clear: left;
	margin: 0 10px;
}
form div {
	clear: both;
	margin-bottom: 30px;
	padding: 2px 2px 20px 25px;
	vertical-align: text-top;
}

#ScoreSearchForm {
    text-align: center;    
}

#searchIntro {
    text-align: center;    
}

#searchIntro p {
    color: #666;
    font-size: 110%;
    line-height: 100%;
    }

#ShoutAddForm {
    margin-top: 20px;
    vertical-align: middle;
}



#ShoutAddForm input, #ShoutAddForm select {
    margin-right: 10px;
    vertical-align: middle;
}




form div.input {
	color: #444;
}

form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	padding-left: 55px;

}
label {
	display: block;
	font-size: 130%;
	padding: 0 0 10px 0;
	font-weight: normal;
}
input, textarea {
	clear: both;
	font-size: 130%;
	font-family: Georgia, Times, serif;
	padding: 2px;
	width: 100%;
}

input.short, textarea.short {
	clear: both;
	font-size: 130%;
	font-family: Georgia, Times, serif;
	padding: 2px;
	width: 50%;
}

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 140%;
	padding: 2px 5px;
	width: auto;
	font-family: Georgia, Times, serif;

       /* border: 1px solid #333;
        background: #efefef;
        -webkit-border-bottom-left-radius: 2px 2px;
        -webkit-border-bottom-right-radius: 2px 2px;
        -webkit-border-top-left-radius: 2px 2px;
        -webkit-border-top-right-radius: 2px 2px;*/
}

/* Notices and Errors */
div.message {
	clear: both;
	font-size: 140%;
	line-height: 130%;
	font-weight: bold;
	margin: 5px 0 30px 0;
	padding: 5px 40px;
}



div.message.error {
	color: #900;
	background: transparent url(../img/software-update-urgent.png) left no-repeat;
}

div.message.confirmation {
	color: #669933;
	background: transparent url(../img/check_32.png) left no-repeat;

}

/* field validation */
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
	padding: 2px 25px;
	margin-top: 5px;
	font-size: 115%;
	background: transparent url(../img/go-up-red.png) 1px 0 no-repeat;
}

.explaination {
	clear: both;
	color: #666;
	font-weight: normal;
	font-size: 110%;
	line-height: 130%;
}

/*
-------------------------------------
-------------------------------------
Resul table
-------------------------------------
*/

.resultTable {
    font-size: 120%;        
    border-collapse: collapse;
    text-align: left;
    color: #666;
    margin: 30px 0 30px 0;
    display: block; /* fixes FF mac/pc bug with table top margin */
    }


.page tbody {
    font-size: 85%;
    line-height: 130%;
    }


.resultTable li {
    padding: 2px 0;    
    }
    
.resultTable caption {
    text-align: left;
    font-size: 90%;
    font-weight: normal;
    color: #999;
    border-top: 1px solid #666;
    padding: 5px 0;
    }

.resultTable th {
        font-size: 70%;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 0 10px 5px;
	text-align: left;
        background-color: #E2F0F6;

       }




/* colum names no link */
.resultTable th.instrumentation {
    padding: 10px 0 5px 25px;
    background: #E2F0F6 url(../img/piano.png) 0 50% no-repeat;
    }

.resultTable th.performers {
    padding: 10px 0 5px 25px;
    background: #E2F0F6 url(../img/user_business.png) 0 50% no-repeat;
    }


/* colum names */
.resultTable th.title a {
    padding: 10px 0 5px 20px;
    background: transparent url(../img/bookmark_document.png) 0 50% no-repeat;
    }

.resultTable th.title a {
    padding: 10px 0 5px 20px;
    background: transparent url(../img/bookmark_document.png)  0 50% no-repeat;
    }


.resultTable th.video a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/films.png) 0 50% no-repeat;
    }

.resultTable th.video a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/films.png)  0 50% no-repeat;
    }


.resultTable th.fullName a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/user_business.png) 5px 50% no-repeat;
    }

.resultTable th.score a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/doc_music_playlist.png)  left no-repeat;
    }
    
.resultTable th.calendar a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/data.png) left no-repeat;
    }

.resultTable th.category a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/music_beam.png) left no-repeat;
    }    

.resultTable th.country a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/world.png) left no-repeat;
    }  

.resultTable th.website a {
    padding: 10px 0 5px 25px;
    background: transparent url(../img/go-home.png) left no-repeat;
    } 




/* caption */

.resultTable caption.scores {
    padding: 5px 20px;
    background: transparent url(../img/doc_music_playlist.png)  0 50% no-repeat;
    font-size: 100%;
    color: #333;
    
    }

    
.resultTable caption.composer {
    padding-left: 20px;
    background:  transparent url(../img/user_business.png) 0 50% no-repeat;
    font-size: 100%;
    color: #333;
    }       

    
.resultTable caption.sheet {
    padding-left: 20px;
    background: transparent url(../img/bookmark_document.png) 0 50%  no-repeat;
    font-size: 100%;
    color: #333;
    }

.resultTable caption.calendar {
    padding-left: 20px;
    background: transparent url(../img/data.png) 0 50%  no-repeat;
    font-size: 100%;
    color: #333;
    }

.resultTable caption.records {
    padding-left: 20px;
    background: transparent url(../img/cd.png) 0 50% no-repeat;
    font-size: 100%;
    color: #333;
    }


.resultTable caption.listenings {
    padding-left: 20px;
    background: transparent url(../img/sound.png) 0 50% no-repeat;
    font-size: 100%;
    color: #333;
    }

.resultTable tr.altrow td {
    background: #efefef;
    border-top: 1px solid #999;
    }


.resultTable tr.lastTr {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    }

.resultTable td {
    padding: 10px 15px 15px 5px;
    vertical-align: top;
    border-bottom: 1px solid #999; /* can't apply to <tr> because IE6 and IE7 don't see tr borders */
        }
	


.resultTable tfoot tr {
	border-bottom: 1px solid #333;
       }

.firstPerfLabel {
    font-size: 80%;
    text-align: right;
    padding: 2px 0 2px 20px;
    background: transparent url(../img/data.png) left no-repeat;
    /*background: transparent url(../img/tango/16x16/mimetypes/x-office-calendar.png) left no-repeat;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    
    
    }
    
.firstPerfTr {
    color: #663300;
    background-color: #FFFFCC;
    }    

.asterixNote {
    font-size: 80%;
    
}
	
/* javascripts styles*/
.resultTable tr.rowglowover { background-color: #efefef;}
.resultTable tr.rowglowdown { background-color: #ccc;}
/*
-------------------------------------
authorship
-------------------------------------
*/
#submissionData {
    width:960px;
    float: left;
    margin: 35px 0;
    }

#submissionData p {
    font-size: 80%;
    color: #999;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;

}


/*
-------------------------------------
Pagination
-------------------------------------
*/
#pagination {
    width:960px;
    float: left;
    margin-top: 10px;
    padding-bottom: 5px;

}

#pagination ul {
    list-style: none;
        line-height: 20px;
	float: left;

    }

#pagination ul li {
    float: left;
    font-size: 90%;
    border-right: 1px solid #999;
    color: #999;
}

#pagination ul li.lastLi {
    border-right: none;
}


#pagination ul li.current {
    display: block;
    height:20px;
    width: 25px;
    text-align: center;
    color: #333;
    font-weight: bold;
    
}

#pagination ul li a {
    text-decoration: none;
    display: block;
    width: 25px;
    height:20px;
    text-align: center;
    }

#pagination ul li.prev a {
    display: block;
    height: 20px;
    text-align: left;
    padding: 0 10px 0 20px;
    margin-right: 5px;
    background: url(../img/bullet_back.png) left no-repeat;
    }

#pagination ul li.disabled {
    display: block;
    height:20px;
    text-align: left;
    padding: 0 10px 0 20px;

    background: url(../img/bullet_back_disabled.png) left no-repeat;
    }

#pagination ul li.next a {
    display: block;
    height:20px;
    text-align: left;
    margin-left: 10px;
    padding: 0 25px 0 0;
    background: url(../img/bullet_go.png) right no-repeat;
    }

#pagination ul li.next.disabled {
    display: block;
    width: 25px;
    height:20px;
    text-align: left;
    padding: 0 25px 0 5px;
    margin-left: 5px;
    background: url(../img/bullet_go_disabled.png) right no-repeat;
    }

/*
--------------------------
featured in home
--------------------------
*/

#featuredWrapper {
    width: 100%;
    background-color: #101010;
    }


#featured {
    margin: 0 auto;
    width: 960px;
    }

.featuredCol {
    margin: 30px 0;
    float: left;
    width: 300px;
    height: 220px;
    overflow: hidden;
    }
    
.featuredCol.brd {
    border-left: 1px solid #333;
}

.featuredCol h4, .featuredCol p, .featuredCol ul {
    margin: 5px 30px;
    line-height: 160%;
    }

.featuredCol h4 {
    font-style: italic;
    font-size: 170%;
    font-weight: normal;
    padding-left: 40px;
    color: #ccc;

    }

.featuredCol p, .featuredCol ul {
    margin-top: 5px;
    color: #ccc;
    font-size: 120%;
    }

ul#catData {
    font-size: 110%;
    list-style: none;
    }

ul#catData li {
    font-size: 110%;
    line-height: 180%;
    }
    
.count {
    float: left;
    width: 45px;
    text-align: right;
    padding-right: 10px;
    }    
#association {
    /*background: transparent url(../img/group.png) left no-repeat;*/
    background: transparent url(../img/internet-web-browser-32.png) left no-repeat;

    }    
    
#catalogue {
    /*background: transparent url(../img/book_open.png) left no-repeat;*/
        background: transparent url(../img/audio-x-generic.png) left no-repeat;

    }        

#newsletter {
    /*background: transparent url(../img/envelope.png) left no-repeat;*/
    background: transparent url(../img/internet-mail.png) left no-repeat;

    }

#donation {
    /*background: transparent url(../img/book_open.png) left no-repeat;*/
        background: transparent url(../img/emblem-favorite.png) left no-repeat;

    }  

/*
--------------------------
festival
--------------------------
*/
ul.concertProgram {
	margin-top: 10px;
	margin-left: 30px;
    font-size: 110%;
    list-style: none;
    }

ul.concertProgram li {
    font-size: 110%;
    line-height: 180%;
    }

div#acknowledgement {
	margin-top: 100px;
}

div#acknowledgement h3 {
	    font-size: 180%;
	line-height: 120%;
        font-weight: normal;
        color: #999;
	margin-bottom: 20px;
}
	
div#acknowledgement ul li {
	display: inline;
	padding-right: 20px;
}    
/*
--------------------------
footer
--------------------------
*/
#footerWrapper {
    width: 100%;
    background-color: #000;
    }

#footer {
    margin: 0 auto;
    width: 960px;
    }
    
 #footer p {
    padding: 10px 0;
    font-size:90%;
    color: #666;
    }