* { font-family:Verdana, Geneva, sans-serif }
body { margin:0; font-family:  "verdana", "tahoma","arial","sans-serif"; color:#333; background-color:#FFF; font-size:12px; }

h1 { margin:0; padding:5px; color:#c00; letter-spacing:1px; font-size:18px; text-align:center;  }
h1.midi { color:#c00; }
h1.audio { color:#00c; }
h1.multi { color:#060; }
h1.warn { color:#FF0; background-color: #333; font-size:24px; }
h2 { margin-top:10px; text-align:center; letter-spacing:1px; color:#cc0000; font-size:14px; font-style:normal; font-weight:700; }
h3 { font-size:14px }
a { text-decoration:none;  }
button { behavior:url(iepngfix.htc); background:url(images/button_red.png) no-repeat; border:none; width:150px;
	vertical-align:middle;  padding:6px 0 8px 0; font-weight:bold;  font-size:12px; cursor:pointer }
form { margin: 0px 4px 0px 0px; }
input, textarea, option { background:#f0f0f0; margin:0; border:1px solid #f99 }
th { font-size:12px; color:#666; text-align:center}
td { font-size:11px; }
img { border:none }

.fl { float:left }
.cl { clear:both; margin:0; padding:0; font-size:0px; }
.r { text-align:right }
.c { text-align:center }
.b1 { background-color:#ffffff; padding:1px 3px; }
.b2 { background-color:#ffeeee; padding:1px 3px; }
.b2-midi { background-color:#ffeeee; padding:1px 3px; }
.b2-audio { background-color:#eeeeff; padding:1px 3px; }
.b2-multi { background-color:#eeffee; padding:1px 3px; }
.b2-arranger { background-color:#ffeeff; padding:1px 3px; }

.pagewidth { margin:auto; width:1000px; }

.header { margin-top:0px;  background:#000}
.h2 { text-align:center; color:#F90; font-weight:bold }
.logo { float:left; width:430px;  }
.user { float:right; background:url(images/userback.jpg) no-repeat; width:306px; padding-top:12px; height:88px; color:#FFF; font-size:10px; margin-right:0px}
.user form { margin:2px 0; }
.user .mail { behavior:url(iepngfix.htc); background:url(images/userfield.png) no-repeat; font-size:10px; border:none; padding:2px 5px 0 5px; width:141px; height:16px; margin-bottom:3px; color:#ccc }
.user .pass { behavior:url(iepngfix.htc); background:url(images/userpass.png) no-repeat; font-size:10px; border:none; padding:2px 5px 0 5px; width:87px; height:16px; color:#ccc }
.user .button { background:transparent left; font-size:10px; border:none;  width:50px; height:18px; vertical-align:top; margin:0; padding:0 }
div.cart { float:right; background:url(images/cartback.jpg) no-repeat; width:253px; padding-top:12px; height:88px; color:#FFF; font-size:10px}
.user a, .cart a { font-size:10px; color:#99F }
.user a:hover, .cart a:hover { font-size:10px; color:#fff }

.search { float:left; width:235px; height:30px; font-size:14px; margin-right:10px}
#txtajaxsearch { background:url(images/searchfield.gif) no-repeat; border:none; width:172px; font-size:14px; padding:3px 15px 0 5px; margin-left:10px; height:25px }
.search .button { background:transparent left; font-size:10px; border:none; vertical-align:top; margin:0; padding:0 }
#ajaxsearch { position:absolute; z-index:20; top:180px; left:10px; width:350px; height:280px; display:none; }
#ajaxsearch .ajaxtop {  width:350px; height:10px;  background:url(images/ajaxsearchtop.png) no-repeat; font-size:1px }
#ajaxsearch .ajaxbottom {  width:350px; height:10px; background:url(images/ajaxsearchbottom.png) no-repeat; }
#ajaxsearch a { display:block; font-size:12px; text-decoration:none; padding:4px; width:320px; color:#CCC }
#ajaxsearch a:hover { background-color:#ccc; color:#00f; display:block; text-decoration:none;  }
.menu { float:left; width:615px; height:25px; color:#FFF; font-size:14px; font-weight:bold}
.menu a { behavior:url(iepngfix.htc); float:left; display:block; width:150px; background:url(images/tab_off.jpg) no-repeat;
	padding-top:7px; height:23px; margin-right:2px; color:#ccc; font-size:13px; text-align:center;}
.menu a.audio { background:url(images/tab-audio-off.jpg) no-repeat; }
.menu a.multi { background:url(images/tab-multi-off.jpg) no-repeat; }
.menu a.arranger { background:url(images/tab-arranger-off.jpg) no-repeat; }
.menu a:hover, .menu a.current { background:url(images/tab.jpg) no-repeat; color:#FFF }
.menu a.audio:hover, .menu a.current-audio, .menu a.current-audio:hover { background:url(images/tab-audio.jpg) no-repeat; color:#FFF }
.menu a.multi:hover, .menu a.current-multi, .menu a.current-multi:hover { background:url(images/tab-multi.jpg) no-repeat; color:#FFF }
.menu a.arranger:hover, .menu a.current-arranger, .menu a.current-arranger:hover { background:url(images/tab-arranger.jpg) no-repeat; color:#FFF }
.header .footer-midi { width:100%; font-size:1px; background-color:#900; height:5px; border-bottom:1px solid #c00; margin-bottom:10px }
.header .footer-audio { width:100%; font-size:1px; background-color:#009; height:5px; border-bottom:1px solid #00c; margin-bottom:10px }
.header .footer-multi { width:100%; font-size:1px; background-color:#090; height:5px; border-bottom:1px solid #0c0; margin-bottom:10px }
.header .footer-arranger { width:100%; font-size:1px; background-color:#909; height:5px; border-bottom:1px solid #c0c; margin-bottom:10px }
.currency { float:left; margin-right:0px }
.currency a { display:block; float:left; color:#FFF; text-align:center; margin-right:1px; padding-top:4px; height:20px; background:url(images/currency.gif) no-repeat; width:23px; font-weight:bold  }
.currency img { vertical-align:middle}
.currency a:hover, .currency a.on { background:url(images/currency_off.gif) no-repeat; }

.leftpanel { float:left; margin-right:10px }
.leftpanel .midi { background-color:#900; border-left:1px solid #C22702; border-right:1px solid #C22702; }
.leftpanel .audio { background-color:#00c; border-left:1px solid #03f; border-right:1px solid #03f; }
.leftpanel .multi { background-color:#006600; border-left:1px solid #006600; border-right:1px solid #006600; }
.leftpanel .arranger { background-color:#880088; border-left:1px solid #990099; border-right:1px solid #990099; }
.leftpanel .categories a { display:block; width:178px; color:#FFF; padding:5px 0 5px 20px; }
.leftpanel .categories a:hover { color:#00f; background-color:#Fcc }
.leftpanel .artists {  width:178px; padding:5px 10px; color:#999 }
.leftpanel .artists a { color:#ffF; padding:0px; }
.leftpanel .artists a:hover { text-decoration:underline }
.leftpanel .voting {  width:178px; padding:5px 10px }
.leftpanel .voting a { color:#99F }
.leftpanel .voting a:hover {  text-decoration:underline }
.leftpanel .voting ul { list-style:none; text-indent:0; margin:0; padding:0 }
.leftpanel .voting ul li { text-indent:0; margin:0; padding:0; margin-bottom:4px; color:#fff; font-size:11px}
.leftpanel .title { margin:0; padding:4px 0; color:#fff; font-size:12px; font-weight:bold; text-align:center}

#newmidi table, #newaudio table, #newmulti table, #topmidi table, #topaudio table, #topmulti table { width:698px; }
.main { float:left; width:790px; text-align:center}
.main table { text-align:left; margin:auto}
.main .archive { margin:15px auto; font-size:11px; white-space:nowrap }
.main .pages { margin:15px auto; font-weight:bold; width:400px; font-size:11px; text-align:center  }
.main a.mark { border:1px solid #666; padding:0 2px; }
.main a:visited { text-decoration:none; color:#00F}
.main .icon { background-repeat: no-repeat; width:11px; height:11px; margin-right:5px; border:0px; }
.main .content { width:748px; border-left:1px solid #FF3300; border-right:1px solid #FF3300; margin:0; padding:10px 20px }
.main div.midi  { border-left:1px solid #C22702; border-right:1px solid #C22702; }
.main div.audio { border-left:1px solid #03f; border-right:1px solid #03f; }
.main div.multi { border-left:1px solid #006600; border-right:1px solid #006600; }
.main div.arranger { border-left:1px solid #880088; border-right:1px solid #880088; }
.main .contentsong { width:100%; margin:0px auto 20px auto; clear:both }
.main .contentsong .b1 { border-top:0px solid #FFdddd; background-color:#FFF }
.main .contentsong .b2 { border-top:0px solid #FFdddd;  }
.main .title { font-weight:bold }
.main .info { width:700px; margin:auto;  margin-bottom:20px ;   }

.main .rate img { vertical-align:middle }
.main .rate a { margin:0 }
.main h2.comments { margin-top:0px; font-size:12px}
.main h2.comments img { vertical-align:middle}
.main div.comments { height:100px; overflow-y:scroll; margin:auto;  }
.main div.sm { height:auto;  }
.main div.comments table { background-color:#fff; width:500px }
.main div.comments table td { background-color:#fff; border-bottom:1px solid #ddd }
.main div.comments table td.commleft { width:140px; vertical-align:top; font-weight:bold; font-size:10px; color:#666 }
.main div.comments textarea { font-size:12px }

.main .bookmark { padding:5px;  }
.main .bookmark a { margin:0 2px;  }
.main .bookmark img { vertical-align:bottom; }

.main .cont { clear:both; border-left:1px solid #ccc; border-right:1px solid #ccc; width:698px;  }
.main .cont p { text-align:left; padding:0 10px }
.main .tl { float:left; background:url(images/roundtl.gif) no-repeat; height:10px; width:10px; font-size:1px; }
.main .t { float:left; border-top:1px solid #ccc; height:9px; width:680px;  font-size:1px; }
.main .tr { float:left; background:url(images/roundtr.gif) no-repeat; height:10px; width:10px; font-size:1px; }
.main .bl { float:left; background:url(images/roundbl.gif) no-repeat bottom; height:10px; width:10px; font-size:1px; }
.main .b { float:left; border-bottom:1px solid #ccc; height:9px; width:680px;  font-size:1px; }
.main .br { float:left; background:url(images/roundbr.gif) no-repeat bottom; height:10px; width:10px; font-size:1px; }
.main .info .l { float:left; padding-right:5px; }
.main span.price      { color:#c00; font-weight:bold; font-size:14px; border:3px double #ff9999; padding:2px 5px}
.main img.iconvocal { }

.main .cart { width:698px; margin:auto }
.main .cart th { background-color:#900; color:#CCC;  }
.main .cart .b2  { border-bottom:1px solid #fcc; background-color:#Fff }
.main .download { font-size:12px; padding-left:100px; text-align:left;  }
.main .download img { vertical-align:middle; margin-left: 20px; }
.main .download a { font-size:12px;  }
.main .payment { width:330px; float:left }
.main .payment .t,.main .payment .b { width:310px; }
.main .payment .cont { width:328px; height:110px }
.main .backbuy { display:none }
.main .displayimg { float:left; margin-right:10px; border:1px solid #ccf; padding:1px }
.main .software { width:700px; }
.main .software .cont { padding:10px; width:678px; }
.main .software td { border-top:0px solid #900; }
.main .software h2 { text-align:left; font-size:18px }

.main .voting td { border-top:1px solid #ccc; padding:2px  }

.smallcontent { background:#ffffff; border:#fcc solid 1px; text-align:center;}

.footer { padding:10px 0; font:bold; color:#ccc; font-size:10px; margin:10px 0; background:url(images/footer.gif) no-repeat; height:20px; text-align: center; }