body { margin:0; font-family: "verdana", "tahoma","arial","sans-serif"; color:#444; background:url(images/background.png) top center no-repeat #002656; font-size:12px; }

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

.fl { float:left }
.fr { float:right }
.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:#f1f1f2; padding:1px 3px; }
.b2-midi { background-color:#eeeeff; padding:1px 3px; }
.b2-audio { background-color:#ffeeff; padding:1px 3px; }
.b2-multi { background-color:#ffffdd; padding:1px 3px; }
.b2-arranger { background-color:#ffeeff; padding:1px 3px; }

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

.header { margin-top:0px; text-align:right; width:100%  }
.h2 { text-align:center; color:#F90; font-weight:bold }
.logo img { vertical-align:middle   }
.logo { font-size:10px;  padding: 3px 5px 0 0;  }
.logo a { color:#ccc   }
.user2 { display:none; color:#ccc; position:absolute; background-color:#002656; width:300px; height:40px; left:50%; padding:5px 10px;  }
.user { display:none; color:#ccc; position:absolute; background-color:#002656; width:250px; height:110px; left:50%; padding:3px 20px 10px 20px;  }
.user form { margin:2px 0; }
.user .mail { font-size:10px; border:none; padding:2px 5px 0 5px; width:141px; height:16px; margin-bottom:3px; color:#333 }
.user .pass { font-size:10px; border:none; padding:2px 5px 0 5px; width:87px; height:16px; color:#333 }
.user .button { background:transparent left; font-size:10px; border:none;  width:42px; height:18px; vertical-align:top; margin:5px 0 10px 0; padding:0 }
div.cart { float:right; padding:17px 5px 0 0; height:88px; color:#FFF; font-size:10px}
.user a, .cart a { font-size:10px; color:#999 }
.user a:hover, .cart a:hover { font-size:10px; color:#fff }

.search { float:left; width:235px; height:23px; font-size:14px; margin-right:15px}
#txtajaxsearch { background-color:#fff; border:none; width:170px; font-size:14px; padding:0px 15px 0 5px; margin:0;   height:23px }
.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:right; width:530px; height:29px; color:#FFF; font-size:14px; font-weight:bold; text-align:right}
.menu a {  height:29px;  }
.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 {  }
.menu a.multi:hover, .menu a.current-multi, .menu a.current-multi:hover {  }
.menu a.arranger:hover, .menu a.current-arranger, .menu a.current-arranger:hover {  }
.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 { clear:left; float:right;  margin-right:0px }
.currency span { font-size:11px; display:block; float:left; color:#999; text-align:center; margin-left:3px;
	height:15px; width:16px; font-weight:bold; cursor:pointer; border:1px solid transparent  }
.currency span:hover, span.on { color:#fff; text-decoration:underline  }

.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; cursor:pointer;  }
.currency img { vertical-align:middle}
.currency a:hover, .currency a.on { }

.leftpanel { float:left; margin-right:7px }
.leftpanel .midi { background-color:#fff; border-left:5px solid #42C1FF; border-right:5px solid #42C1FF; }
.leftpanel .audio { background-color:#fff; border-left:5px solid #DE539B; border-right:5px solid #DE539B; }
.leftpanel .multi { background-color:#fff; border-left:5px solid #FFC603; border-right:5px solid #FFC603; }
.leftpanel .arranger { background-color:#fff; border-left:5px solid #990099; border-right:5px solid #990099; }
.leftpanel .software { background-color:#fff; border-left:5px solid #FF7E00; border-right:5px solid #FF7E00; }
.leftpanel .categories a { display:block; width:170px; color:#003882; padding:5px 0 5px 20px; text-align:left;  }
.leftpanel .categories a:hover { color:#00f; background-color:#f1f1f2 }
.leftpanel .artists {  width:170px; padding:5px 10px; color:#999 }
.leftpanel .artists a { color:#003882; padding:0px; }
.leftpanel .artists a:hover { text-decoration:underline }
.leftpanel .bigcart {  width:180px; padding:5px 5px }
.leftpanel .bigcart p { margin:0; padding:2px 0; text-align:left; font-size:11px; border-bottom: 1px solid #ddd }
.leftpanel .bigcart .price { text-align:right; padding:4px 0; border:none  }
.leftpanel .voting {  width:170px; padding:5px 10px }
.leftpanel .voting a { color:#003882 }
.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:#444; font-size:11px}
.leftpanel .title { margin:0; padding:4px 0; color:#fff; font-size:12px; font-weight:bold; text-align:center}

.top10 div { width:340px; }
.top10 p { text-align:center }
.top10 p a { padding:3px 2px; }
.top10 .on { background-color:#fcc;  }
.main { float:left; width:783px; }
.main table { text-align:left; margin:auto}
.main .archive { margin:15px auto; font-size:11px; white-space:nowrap }
.main .pages { margin:10px auto; float:left; font-size:13px; text-align:left;   }
.main .pages a, .pages a:visited { display:block; float: left; padding:1px 5px; margin-right:1px;  color: #7F3F97; }
.main .pages a.mark  { background:url(images/page-active.png) no-repeat center; font-weight:bold; padding:1px 5px; color: #fff  }
.main .pages a:hover  { background:url(images/page-active.png) no-repeat center; padding:1px 5px; color: #fff }
.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:733px; background-color:#fff; border-left:5px solid #FF3300; border-right:5px solid #FF3300; margin:0; padding:10px 20px }
.main div.midi  { border-left:5px solid #0EA9FF; border-right:5px solid #0EA9FF; }
.main div.audio { border-left:5px solid #DE539B; border-right:5px solid #DE539B; }
.main div.multi { border-left:5px solid #FFC603; border-right:5px solid #FFC603; }
.main div.arranger { border-left:5px solid #880088; border-right:5px solid #880088; }
.main div.software { background-color:#fff; border-left:5px solid #FF7E00; border-right:5px solid #FF7E00; }
.main .contentsong { width:100%; margin:0px auto 20px auto; clear:both }
.main .contentsong td { height:31px; }
.main .contentsong .b1 { border-top:0px solid #FFdddd; background-color:#FFF }
.main .contentsong .b2 { border-top:0px solid #f1f1f2;  }
.main .title { font-weight:bold }
.main .info { width:700px; margin:auto;  margin-bottom:20px ; padding-bottom:5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }

.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;  width:698px;  }
.main .cont p { text-align:left; padding:0 10px }
.main .info .l { float:left; padding-right:5px; }
.main span.price { color:#a00; font-size:16px; border:0px solid #ff9999; padding:2px 0px}


.main .cart { width:698px; margin:auto }
.main .cart th { background-color:#DE539B; color:#fff;  }
.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 .download a:hover { color:#000  }
.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:733px; }
.main .software .cont { padding:10px; width:678px; }

.main .software h2 { text-align:left; font-size:18px }

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


.smallcontent { background:#ffffff; text-align:center;}

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