* { font-family:"Comic Sans MS",Verdana, Geneva, sans-serif }
body { margin:0; font-family:"Comic Sans MS","verdana", "tahoma","arial","sans-serif"; color:#333; background-color:#69F; font-size:0px; }

h1 { margin:0 0 10px 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:18px; 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; padding:0 5px }
th { font-size:14px; color:#666; text-align:center}
td, p { font-size:12px; }
img { border:none; margin:0; padding:0}

.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; }
.main .info, .payment, input, .round, .leftpanel { border:1px solid #acf;  -moz-border-radius:10px; -o-border-radius:10px }

.pagewidth { margin:auto; width:auto; min-width:900px }

.headerbg { margin-top:0px;  background:url(images/headerbg.jpg) no-repeat center; position:static; height:227px; padding:0 }
.header { margin:auto; width:900px; padding:0 }
.h2 { text-align:center; color:#333; font-weight:bold }
.logo { float:left; width:430px;  }
.user { float:right; padding-top:12px; color:#333; font-size:13px; margin-right:0px}
.user form { margin:2px 0; }
.user .mail {  font-size:11px; border:1px solid #999;  padding:0px 5px 0 5px; width:131px; height:15px; margin-bottom:3px; color:#333 }
.user .pass { border:1px solid #999; font-size:11px; padding:0px 5px 0 5px; width:77px; height:15px; color:#333 }
.user .button { background:transparent left; font-size:10px; border:1px solid #999;  width:50px; height:17px; vertical-align:top; margin:1px 0; padding:0 }
div.cart { float:right; margin-top:0px; padding-right:40px; ; color:#00f; font-size:11px}
.user a, .cart a { font-size:11px; color:#00F }
.user a:hover, .cart a:hover { font-size:11px; color:#99F }

.search { float:left; padding:27px 0 0 390px; height:30px; font-size:14px; }
#txtajaxsearch { background:none;  border:0px; width:222px; font-size:14px; padding:8px 15px 0 0px; margin-left:0px;  }
.search .button { behavior:url(iepngfix.htc); background:url(images/search.png) no-repeat top; width:32px; height:32px; font-size:10px; border:none;cursor:pointer;  vertical-align:top; margin:0; padding:0 }
#ajaxresults { position:absolute; z-index:200; width:350px;  padding:10px; display:none; background-color:#bdf; -moz-border-radius:10px; -o-border-radius:10px }
#ajaxresults a { display:block; font-size:12px; text-decoration:none; padding:4px; width:340px; color:#333 }
#ajaxresults a:hover { background-color:#ccc; color:#00f; display:block; text-decoration:none;  }
.menu { float:left; padding:13px 0 0 194px; height:49px; color:#FFF; font-size:14px; font-weight:bold; }
.menu a { float:left; display:block; width:150px; padding-top:7px; height:49px; margin-right:17px; color:#ccc; font-size:13px; text-align:center;}
.menu a.midi  { background:url(images/tab-midi-off.jpg) no-repeat; }
.menu a.audio { background:url(images/tab-audio-off.jpg) no-repeat; }
.menu a.software { background:url(images/tab-software-off.jpg) no-repeat; }
.menu a.midi:hover, .menu a.current-midi, .menu a.current-midi:hover { background:url(images/tab-midi.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.software:hover, .menu a.current-software, .menu a.current-software:hover { background:url(images/tab-software.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 }
.currency { float:right; padding:22px 55px 0 0 ; }
.currency a { display:block; float:left; color:#999; text-align:center; margin-left:18px; padding-top:4px; height:20px; width:23px; font-weight:bold; font-size:14px  }
.currency img { vertical-align:middle}
.currency a:hover, .currency a.on { color:#00F }

.leftpanel { float:right; width:190px;  margin:10px 0; padding:0 5px; text-align:right;  border-left: 1px solid #ccc }
.leftpanel .midi { background-color:; border-left:0px solid #C22702; border-right:0px solid #C22702; }
.leftpanel .audio { background-color:; border-left:0px solid #03f; border-right:0px solid #03f; }
.leftpanel .multi { background-color:; border-left:0px solid #006600; border-right:0px solid #006600; }
.leftpanel .categories a { font-size:13px; display:block; width:168px; color:#333; padding:5px 10px; text-align:left }
.leftpanel .categories a:hover { color:#00f; background-color:#Fcc }
.leftpanel .voting {  width:168px; padding:5px 10px;text-align:left }
.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:#666; 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:100%; }

.contentbg { background:url(images/mainbg.jpg) repeat-y top; min-height:300px; clear:both }
.footerwidth { background:url(images/footerbg.jpg) no-repeat bottom; padding-bottom:160px;  min-height:450px; }
.contentwidth { width:860px; margin:auto }
.main { float:left; width:640px; text-align:center;  }
.main .home .info { width:100%; text-align:center; padding:10px }
.main .info { width:620px; margin:auto; padding:10px 0; font-size:12px;   margin-bottom:20px ;   }
.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:12px; text-align:center  }
.main a.title { font-size:13px; }
.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:100%; margin:10px auto }
.main div.midi  { border-left:0px solid #C22702; border-right:0px solid #C22702; }
.main div.audio { border-left:0px solid #03f; border-right:0px solid #03f; }
.main div.multi { border-left:0px solid #006600; border-right:0px solid #006600; }
.main .round {  background-color:#ffea00; margin-bottom:20px}
.main .contentsong { width:100%; margin:0px auto 20px auto; padding:0; }
.main .contentsong th { color:#03F}
.main .contentsong td { padding:5px;}
.main .contentsong a { color:#333 }
.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 .rate img { vertical-align:middle }
.main .rate a { margin:0 }
.main h2.comments { margin-top:0px; font-size:14px}
.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:598px; -moz-border-radius:10px  }
.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:#03f; color:#CCC;  }
.main .cart .b2  { border-bottom:1px solid #ccf; background-color:#Fff }
.main .download { padding-left:300px; font-size:12px  }
.main .download img { vertical-align:middle  }
.main .download a { font-size:12px }
.main .payment { width:330px; float:left; height:110px}
.main .payment .t,.main .payment .b { width:310px; }
.main .backbuy { display:none }
.main .displayimg { float:left; margin-right:10px; border:1px solid #ccf; padding:1px }
.main .software { padding:10px; text-align:left }
.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:#999; font-size:11px; margin:0; height:20px; text-align: center; }