﻿/* ------------------------------------------------------------------------------------------------------------------------------------
      SHEET MUSIC LISTS
------------------------------------------------------------------------------------------------------------------------------------ */
/* BROWSE SHEETS */
#sheetmusiclistleft { width: 260px; float: left; }
#sheetmusiclistright { width: 250px; float: left; margin: 7px 0px 0px 15px;}

#sheetmusiclistleft ul, #sheetmusiclistright ul {list-style: none; margin: 0; padding: 0}
#sheetmusiclistleft li, #sheetmusiclistright li { display: block; width: 207px; margin: 0px 2px 8px 2px; background-color: Yellow; overflow: hidden; height: 43px; padding: 0px 0px 0px 50px; background: url(../Images/sheet-bullet.gif) no-repeat left;}
#sheetmusiclistright li {width: 170px;}
#sheetmusiclistleft li label, #sheetmusiclistright li label { display: block; font-size: 15px; font-weight: bold;  text-align: left; white-space: nowrap;}
#sheetmusiclistleft li label small, #sheetmusiclistright li label small { font-weight: normal; margin: 0px 0px 0px 5px;}
#sheetmusiclistleft li a, #sheetmusiclistright li a {}
#sheetmusiclistleft li a:hover , #sheetmusiclistright li a:hover {}
#sheetmusiclistleft li cite, #sheetmusiclistright li cite { text-align: left; white-space: nowrap; font-size: 11px; }

/* BROWSER LETTER */
#browseletterleft { width: 250px; float: left;}
#browseletterright { width: 250px; float: left; margin: 7px 0px 0px 15px;}
#browseletterleft ul.list, #browseletterright ul.list {list-style: none; margin: 0; padding: 0}
ul.list li { display: block; width: 160px; margin: 0px 2px 8px 2px; background-color: Yellow; overflow: hidden; height: 43px; padding: 0px 0px 0px 50px; background: url(../Images/sheet-bullet.gif) no-repeat left;}
#browseletterright ul.list li { width: 170px;}
ul.list li label { display: block; font-size: 13px; font-weight: bold; position: relative; top: 10px; text-align: left; white-space: nowrap; overflow: hidden;}
ul.list li label small { font-weight: normal; margin: 0px 0px 0px 5px;}
ul.list li a {}
ul.list li a:hover {}

/* BROWSER INTERPRET */
#browseinterpretleft { width: 250px; float: left;}
#browseinterpretright { width: 250px; float: left; margin: 7px 0px 0px 15px;}
#browseinterpretleft ul.list2, #browseinterpretright ul.list2 {list-style: none; margin: 0; padding: 0}
ul.list2 li { display: block; width: 160px; margin: 0px 2px 8px 2px; background-color: Yellow; overflow: hidden; height: 43px; padding: 0px 0px 0px 50px; background: url(../Images/sheet_icon.gif) no-repeat left;}
#browseinterpretright ul.list li { width: 170px;}
ul.list2 li label { display: block; font-size: 13px; font-weight: bold; position: relative; text-align: left; white-space: nowrap; overflow: hidden;}
ul.list2 li label small { font-weight: normal; margin: 0px 0px 0px 5px;}
ul.list2 li a {}
ul.list2 li a:hover {}

/* ------------------------------------------------------------------------------------------------------------------------------------
      SHEET MUSIC
------------------------------------------------------------------------------------------------------------------------------------ */
/* SEARCH */
#search { width: 400px; margin: 0px auto 20px auto;}
#search label { width: 145px; display: block; float: left; position: relative; top: 3px;}
#search input[type="text"] { width: 150px; margin-right: 5px; border-color: Silver;}
#search input[type="text"]:hover { }
#search input[type="button"] { } 

/* SHEET MUSIC INFO */
#sheetinfo {width: 250px; float: left; margin: 0px 0px 5px 0px;}
#sheetinfo label { display: block;}
#sheetinfo label.first { margin-top: 10px;}
#sheetinfo cite { display: block; font-size: 13px; margin: 0px 0px 10px 10px; font-weight: bold; color: #944501;}

/* SHEET MUSIC DOWNLOAD */
#sheetdownload { float: right; width: 254px; margin: 4px 0px 4px 0px; font-size: 12px; line-height: 16px;  background: url(../Images/DownloadIcon.gif) no-repeat left; padding-left: 40px;}
#sheetdownload a { font-size: 14px; }

.top-link-bar { }


/* ------------------------------------------------------------------------------------------------------------------------------------
      UPLOAD
------------------------------------------------------------------------------------------------------------------------------------ */
/* UPLOAD FORM */
#uploadform { width: 450px; margin: 0 auto; margin-top: 20px;}
#uploadform label { width: 190px; display: block; float: left;}
#uploadform input[type="text"] { width: 222px; border-color: silver;}
#uploadform input[type="text"]:hover { }
#uploadform input[type="file"] { width: 234px; border-color: Silver;}
#uploadform input[type="button"] { }
#uploadform label.linkarea {width: 450px; margin-top: 10px; }
#uploadform textarea {width: 412px; height: 80px; overflow: auto; border-color: Silver;}