body { padding: 0; margin: 0; font-family: Arial; font-size:12px; background: url(http://www.slayve.com/images/bg_body.png) repeat-x #084b80; color:#FFFFFF; }
img { border: none; }
.nofont { font-size: 0px; }
.lnk { cursor: pointer; }
.right { float: right; }
.left { float: left; }
form { padding: 0; margin: 0; }
.advertisercolor { color: #206096; }
.usercolor { color: #2d2d2d; }
.merchcolor { color: #4e7b00; }
#container { width: 900px; margin: 0 auto; }
.txtbox1 input { position: relative; margin: 0; padding: 0;	padding-top: 10px; border: 0px solid red; color: #666666; font-size: 11px; letter-spacing: 1px; height: 23px; width: 110px; background: url(http://www.slayve.com/images/txtbox1_rep-x.gif) repeat-x; top: -1px; }
html>body .txtbox1 input { /* correction for FF */ top: 0px; }
.txtbox1 img { vertical-align: top; }
.txtbox2 input { position: relative; margin: 0; padding: 0; padding-top: 9px; border: 0px solid red; color: #000; font-size: 12px; height: 21px; width: 200px; background: url(http://www.slayve.com/images/txtbox2_rep-x.gif) repeat-x; top: -1px; }
html>body .txtbox2 input { /* correction for FF */ top: 0px; }
.txtbox2 input.checkbox { width: auto; height: auto; font-size: 11px; background: #fff; }
.txtbox2 img { vertical-align: top; }
.txtbox2 a { font-size: 12px; color: #ff6600; }
h1.usertype { color: #ff6600; height: 43px; font-size: 22px; font-weight: normal; text-align: center; letter-spacing: -1px; line-height: 17px; margin: 0; padding: 0; }
h1.usertype div { font-size: 30px; font-weight: bolder; }
ul.reglist { list-style: none; color: #526014; font-size: 12px; margin: 0; padding: 0; width: 100%; }
ul.reglist li { background: url(http://www.slayve.com/images/bullet_registerexpl.png) no-repeat; background-position: left 1px; padding-left: 25px; margin: 0 0 13px 0; }
#header { width: 840px; margin: 0 auto; margin-top: 7px; } #header #logo { float: left; }
#header #counter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.slayve.com/images/head_usrcounter_bg.png', sizingMethod='image'); width: 337px; height: 32px; font-weight: bold; font-size:14px; letter-spacing: -1px; padding-top: 9px; padding-left: 20px; }
html>body #header #counter { background: url(http://www.slayve.com/images/head_usrcounter_bg.png) no-repeat; }
#header #login { margin-top: 7px; }
#header #login form { padding: 0; margin: 0; }
#header #login input { position: relative; margin: 0; padding: 0; padding-top: 10px; border: 0px solid red; color: #666666; font-size: 11px; letter-spacing: 1px; height: 23px; width: 110px; background: url(http://www.slayve.com/images/txtbox1_rep-x.gif) repeat-x; top: -1px; }
html>body #header #login input { /* correction for FF */ top: 0px; }
#header #login img { vertical-align: top; }
#header #menu { clear: both; margin: 0 auto; height: 53px; }
#header #menu .cornerleft { float: left; background: url(http://www.slayve.com/images/menu_bg_left.gif) no-repeat; display: block; width: 8px; height: 53px; }
#header #menu .content { background: url(http://www.slayve.com/images/menu_bg_rep-x.png) repeat-x; float: left; width: 819px; height: 100%; padding: 0 3px; }
#header #menu .content .buttonsel { float: left; height: 33px; margin: 10px 1px 0 0; }
#header #menu .content .buttonsel .cornerleft { float: left; background: url(http://www.slayve.com/images/menu_sel_left.gif) no-repeat; width: 11px; height: 100%; }
#header #menu .content .buttonsel .cornerright { float: left; background: url(http://www.slayve.com/images/menu_sel_right.gif) no-repeat; width: 11px; height: 100%; }
#header #menu .content .buttonsel a { display: block; float: left; background: url(http://www.slayve.com/images/menu_sel_rep-x.png) repeat-x; height: 25px; color: #000000; font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 0 4px; padding-top: 8px; text-decoration: none; }
#header #menu .content .button { float: left; height: 33px; margin: 10px 1px 0 0; }
#header #menu .content .button .cornerleft { float: left; background: url(http://www.slayve.com/images/menu_usel_left.gif) no-repeat; width: 11px; height: 100%; }
#header #menu .content .button .cornerright { float: left; background: url(http://www.slayve.com/images/menu_usel_right.gif) no-repeat; width: 11px; height: 100%; }
#header #menu .content .button a { display: block; float: left; background: url(http://www.slayve.com/images/menu_usel_rep-x.png) repeat-x; height: 25px; color: #8c8c8c; font-size: 14px; font-weight: bold; letter-spacing: -1px; padding: 0 4px; padding-top: 8px; text-decoration: none; }
#header #menu .content #languageselect { float: right; font-size: 13px; font-weight: bold; letter-spacing: -0.05em; margin-top: 18px; } 
#header #menu .content #languageselect img { vertical-align: bottom; }
#header #menu .content #languageselect ul { display: inline; vertical-align: middle; padding: 0; margin: 0 0 0 8px; }
#header #menu .content #languageselect ul li { display: inline; }
#header #menu .cornerright { float: right; background: url(http://www.slayve.com/images/menu_bg_right.gif) no-repeat; display: block; width: 7px; height: 53px; }
#header #search { margin: 0 auto; width: 820px; height: 40px; background: url(http://www.slayve.com/images/search_bg_rep-x.png) repeat-x; color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 0px 10px; padding-top:5px; }
#banner { height: 260px; z-index: 1; }
#banner .cornerleft { float: left; background: url(http://www.slayve.com/images/banner_bg_left.gif) no-repeat; height: 100%; width: 10px; }
#banner .cornerright { float: right; background: url(http://www.slayve.com/images/banner_bg_right.gif) no-repeat; height: 100%; width: 10px; }
#banner .content { float: left; background: #fff; width: 880px; height: 100%; }
#banner .content #flash { margin-top: 10px; }
#banner .content #bulletsbg { position: absolute; top: 212px; background: #fff; margin-left: 630px; width: 250px; height: 240px; z-index: 2; filter: alpha(opacity=15); opacity: 0.15; -moz-opacity: 0.15; }
#banner .content #bullets { position: absolute; top: 212px; margin-left: 630px; width: 250px; height: 240px; z-index: 3; }
#banner .content #bullets ul { list-style: none; padding: 0; margin: 0; width: 210px; margin: 5px 0 0 22px; }
#banner .content #bullets ul img { vertical-align: middle; }
#banner .content #bullets h1 { color: #fff; font-size: 19px; font-weight: bold; padding: 0; margin: 0; letter-spacing: -1px; line-height: 18px; }
#banner .content #bullets h1 div { clear: both; color: #dcff00; font-size: 30px; font-family: Arial Black; font-weight: normal; }
#banner .content #bullets p { clear: both; font-size: 11px; line-height: 12px; margin: 7px 0 0 0; padding: 0; }
#banner .content #bullets p a { color: #dcff00; }
#leftover { position: absolute; top: 235px; width: 260px; /*	margin-left: 41px;*/ margin-left: 1px; z-index: 2; font-size: 0px; }
html>body #leftover { margin-left: 11px; }
#leftover .up { height: 9px; }
#leftover .up .cornerleft { float: left; background: url(http://www.slayve.com/images/leftover_bg_left-up.gif) no-repeat; width: 9px; height: 100%; }
#leftover .up .line { float: left; background: #FFFFFF; width: 242px; height: 100%; }
#leftover .up .cornerright{ float: right; background: url(http://www.slayve.com/images/leftover_bg_right-up.gif) no-repeat; width: 9px; height: 100%; }
#leftover .content { background: #ebebeb url(http://www.slayve.com/images/leftover_bg_rep-x.png) repeat-x; height: 849px; padding-bottom: 20px; color: #333333; font-size: 11px; }
#leftover .content .box { width: 219px; margin: 0 10px; }
#leftover .content .box h1 { color: #ff6600; margin: 0 0 0 10px; padding: 0; padding-top: 15px; font-size: 22px; font-weight: bold; letter-spacing: -1px; }
#leftover .content .box p { clear: both; padding: 0; margin: 0; margin-left: 10px; }
#leftover .content .box .hr { background: url(http://www.slayve.com/images/line2_rep-x.gif) repeat-x; height: 2px; width: 100%; margin: 8px 0; font-size: 0px; }
#leftover .content .box table.list { width: 100%; margin: 0; padding: 0; }
#leftover .content .box table.list .listbtn { background: url(http://www.slayve.com/images/table1_listbtn.png) no-repeat; width: 29px; height: 30px; text-align: center; color: #999999; font-weight: bold; }
#leftover .content .box table.list .filename { background: url(http://www.slayve.com/images/table1_longtxt_rep-x.png) repeat-x; text-align: left; white-space: nowrap; overflow: hidden; color: #333; font-weight: bold; vertical-align: middle; }
#leftover .content .box table.list .filename a { color: #333; text-decoration: none; margin-top: 8px; display: block; float: left; width: 70px;  }
#leftover .content .box table.list .filename div.left { float: left; width: 9px; height: 30px; background: url(http://www.slayve.com/images/table1_longtxt_left.png) no-repeat; }
#leftover .content .box table.list .filename img { float: right; margin-top: 10px; }
#leftover .content .box table.list .filename div.right { float: right; width: 10px; height: 30px; background: url(http://www.slayve.com/images/table1_longtxt_right.png) no-repeat; }
#leftover .down { height: 9px; }
#leftover .down .cornerleft { float: left; background: url(http://www.slayve.com/images/leftover_bg_left-down.gif) no-repeat; width: 9px; height: 100%; }
#leftover .down .line { float: left; background: #ebebeb; width: 242px; height: 100%; }
#leftover .down .cornerright { float: right; background: url(http://www.slayve.com/images/leftover_bg_right-down.gif) no-repeat; width: 9px; height: 100%; }
#leftpart { float: left; width: 260px; padding-left: 11px; font-size: 0px; }
#leftpart .up { height: 9px; }
#leftpart .up .cornerleft { float: left; background: url(http://www.slayve.com/images/leftover_bg_left-up.gif) no-repeat; width: 9px; height: 100%; }
#leftpart .up .line { float: left; background: #FFFFFF; width: 242px; height: 100%; }
#leftpart .up .cornerright{ float: right; background: url(http://www.slayve.com/images/leftover_bg_right-up.gif) no-repeat; width: 9px; height: 100%; }
#leftpart .content { background: #ebebeb url(http://www.slayve.com/images/leftover_bg_rep-x.png) repeat-x; padding-bottom: 20px; color: #333333; font-size: 11px; height: 100%; }
#leftpart .content .box { width: 219px; margin: 0 10px; }
#leftpart .content .box h1 { color: #ff6600; margin: 0 0 0 10px; padding: 0; padding-top: 15px; font-size: 22px; font-weight: bold; letter-spacing: -1px; }
#leftpart .content .box p { clear: both; padding: 0; margin: 0; margin-left: 10px; }
#leftpart .content .box .hr { background: url(http://www.slayve.com/images/line2_rep-x.gif) repeat-x; height: 2px; width: 100%; margin: 8px 0; font-size: 0px; }
#leftpart .content .box table.list { width: 100%; margin: 0; padding: 0; }
#leftpart .content .box table.list .listbtn { background: url(http://www.slayve.com/images/table1_listbtn.png) no-repeat; width: 29px; height: 30px; text-align: center; color: #999999; font-weight: bold; }
#leftpart .content .box table.list .filename { background: url(http://www.slayve.com/images/table1_longtxt_rep-x.png) repeat-x; text-align: left; white-space: nowrap; overflow: hidden; color: #333; font-weight: bold; vertical-align: middle; }
#leftpart .content .box table.list .filename a { color: #333; text-decoration: none; margin-top: 8px; display: block; float: left; overflow: hidden; white-space: nowrap; }
#leftpart .content .box table.list .filename div.left { float: left; width: 9px; height: 30px; background: url(http://www.slayve.com/images/table1_longtxt_left.png) no-repeat; } 
#leftpart .content .box table.list .filename img { float: right; margin-top: 10px; }
#leftpart .content .box table.list .filename div.right { float: right; width: 10px; height: 30px; background: url(http://www.slayve.com/images/table1_longtxt_right.png) no-repeat; }
#leftpart .down { height: 9px; }
#leftpart .down .cornerleft { float: left; background: url(http://www.slayve.com/images/leftover_bg_left-down.gif) no-repeat; width: 9px; height: 100%; }
#leftpart .down .line { float: left; background: #ebebeb; width: 242px; height: 100%; }
#leftpart .down .cornerright { float: right; background: url(http://www.slayve.com/images/leftover_bg_right-down.gif) no-repeat; width: 9px; height: 100%; }
#content { background: #fff; width: 840px; height: 100%; overflow: auto; margin: 0 auto;	}
#content .util { width: 560px; float: right; font-size: 0px; }
#content .util table {  clear: both; color: #333333; font-size: 11px; }
#content .util .shadow { width: 100%; height: 11px; background: url(http://www.slayve.com/images/banner_sha_rep-x.png) repeat-x; }
#content .util div.content { width: 540px; margin: 10px 0 10px 5px; }
#content .util div.content .paginate { font-size: 11px; color: #a0a0a0; padding: 8px; }
#content .util div.content .paginate p { clear: both; margin: 0; padding: 0; }
#content .util div.content .paginate a { font-weight: bold; font-size: 12px; color: #ff6600; text-decoration: none; margin: 3px 0 5px 0; }
#content .util table.playlist { margin-top: 5px; background: url(http://www.slayve.com/images/table_pl_big_rep-x.png) repeat-x; background-position: 0px 32px; }
#content .util table.playlist tr.header td { background: url(http://www.slayve.com/images/table_pl_rep-x.png) repeat-x; height: 31px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; }
#content .util table.playlist tr.line1 td { background: #f0f0f0; }
#content .util table.playlist tr.line td { padding: 0 3px 0 3px; border-bottom: 1px solid #fff; }
#content .util table.playlist tr.merch td { background: #efdbc0; }
#content .util table.playlist tr.selected td { background: #7c7c7c; color: #FFFFFF; }
#content .util table.playlist tr.selected td a { color: #FFFFFF; }
#content .util table.playlist tr.line td span { font-size: 9px; }
#content .util table.playlist td { color: #292929; white-space: nowrap; text-align: center; }
#content .util table.playlist td a { text-decoration: none; color: #292929; white-space: nowrap; overflow: hidden; display: block; float: left; }
#content .util table.playlist td a img { vertical-align: top; }
#content .util table.playlist tr.header td.borderright { border-right: 1px solid #575757; white-space: nowrap; }
#content .util table.playlist tr.header td.borderleft { border-left: 1px solid #b5b5b5; white-space: nowrap; }
#content .util table.playlist tr.merch td.borderright { border-right: 1px solid #decaaf; white-space: nowrap; }
#content .util table.playlist tr.merch td.borderleft { border-left: 1px solid #fbe7cc; white-space: nowrap; }
#content .util table.playlist td.borderright { border-right: 1px solid #dbdbdb; white-space: nowrap; }
#content .util table.playlist td.borderleft { border-left: 1px solid #ffffff; white-space: nowrap; }
#content .util table.register { }
#content .util table.register td { width: 150px; height: 188px; background: url(http://www.slayve.com/images/table2_td_bg.jpg) no-repeat; vertical-align: top; padding: 10px 10px 0 10px; }
html>body #content .util table.register td { height: 197px; }
#content .util table.register h1 { margin: 3px 0 7px 0; padding: 0 5px; color: #1d1d1d; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#content .util table.register p { padding: 0 0 0 5px; margin: 5px 0; }
#content .util table.register2 { }
#content .util table.register2 td { width: 150px; height: 134px; background: url(http://www.slayve.com/images/table3_td_bg.jpg) no-repeat; vertical-align: top; padding: 10px 10px 0 10px; }
html>body #content .util table.register2 td { height: 143px; }
#content .util table.register2 h1 { margin: 3px 0 7px 0; padding: 0 5px; color: #1d1d1d; font-size: 14px; font-weight: bold; letter-spacing: -1px; }
#content .util table.register2 p { padding: 0 0 0 5px; margin: 5px 0; }
#content .util .header1 { padding-left: 10px; padding-right: 20px; clear: both; }
#content .util .header1 .left { width: 9px; height: 42px; background: url(http://www.slayve.com/images/header1_left.png) no-repeat; float: left; }
#content .util .header1 .right { width: 9px; height: 42px; background: url(http://www.slayve.com/images/header1_right.png) no-repeat; float: right; }
#content .util .header1 h1 { float: left; background: url(http://www.slayve.com/images/header1_rep-x.png) repeat-x; margin: 0; padding: 0; padding-top: 12px; padding-left: 5px; color: #1d1d1d; font-size: 14px; font-weight: bold; height: 30px; letter-spacing: -1px; width: 507px; } 
#content .util table.news { color: #333; margin-left: 10px; margin-right: 20px; clear: both; }
#content .util table.news td { vertical-align: top; }
#content .util table.news div.img { border: 1px solid #e5e5e5; background: #f2f2f2; float: left; margin-bottom: 10px; }
#content .util table.news div.img img  { border: 3px solid #fff; margin: 5px; }
#footer { clear: both; width: 840px; height: 63px; margin: 0 auto; background: #f2f2f2; border-bottom: 10px solid white; border-top: 10px solid white; }
#footer div { color: #999; font-size: 11px; margin: 17px 0 0 30px; line-height: 15px; }
#footer div span { color: #d2d2d2; padding: 0 10px; }
#footer div a { color: #999; }
a, a:visited, a:active { font-size: 12px; color: #ff6600; text-decoration:none; }
a:hover { text-decoration:underline;  }
.error { color:#EE1111; }
.gray { color:#CCCCCC; }
a.orange, a.orange:visited, a.orange:active { font-size: 12px; color: #ff6600; text-decoration:none; }
a.orange:hover { text-decoration:underline;  }
input.textbox, select.textbox, textarea.textbox { border:1px solid #CCCCCC; padding:2px; color: #000; font-family: Arial; font-size:12px; width: 204px; background:none; background-color:#FFFFFF; }
input.textbox { height: 15px; }
.reqstar { font: bold 19px Arial; color:#333333; }
.lyrics { font: italic 12px Arial; color:#445577; }
.faded { font: normal 11px Arial; color:#999999; }
a.LinkImage img, a.LinkImage:visited img, a.LinkImage:active img { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0 }
a.LinkImage:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6 }
.help_selected { background-color: #C8E1FD }
.help_li { background-color: #EDF5FE }
div.clear { clear:both; line-height:1px; font-size:1px; height:1px }
table.GreyT { }
table.GreyT tr { margin:0; padding:0; }
table.GreyT tr th { background:url(http://www.slayve.com/images/table_th_bg.png) center left repeat-x; background-color:#F3F3F3; }
div.fileCategory { width:222px; height:34px; overflow:hidden; background-image:url(http://www.slayve.com/images/category_bg.png); background-repeat:norepeat; background-position:left; font: bold 12px #FFFFFF }
div.fileCategory b { font-size: 11px; color: #FFFFFF; text-decoration:none; padding-left:10px }
.Important { color: #ff6600; } 