html, body {
	background: url(im/bg.gif) repeat-x #353433;
	color: #E9E8E7;
	margin: 0;
	padding: 0;
}

html, body, input {
	font-family: Segoe UI, Lucida Grande, Verdana;
	font-family: Verdana, sans-serif;
}

a { text-decoration: none; color: #ccc; }
a:hover { text-decoration: underline; }

.centerout , .centerme { text-align:  center; }
.centerin { margin:  0 auto; text-align:  left; }
.unpadleft { margin-left: -20px; }

h2 { text-align: center; margin: 0; padding: 0.4em; color: #FFBDF1; }
img { vertical-align: middle; }
.png24 { behavior: url(iepngfix/iepngfix.php); }
/* USER SET */
.user-sets tr { height: 44px; }
.user-sets .popular-set td { background: #AC407D; color: #FBDEEF; }
.user-sets .popular-set .td-set-title { -moz-border-radius-topleft: 8px; }
.user-sets .popular-set .td-score,
.user-sets .popular-set .td-na { -moz-border-radius-topright: 8px;}
.user-sets .all-sets td { background: #8156B3; color: #EAD7FD; }
.user-sets .all-sets .td-set-title { -moz-border-radius-bottomleft: 8px; }
.user-sets .all-sets .td-score,
.user-sets .all-sets .td-na { -moz-border-radius-bottomright: 8px;}
.user-sets .all-sets-noran td { background: #7249A0; color: #EAD7FD; }
.user-sets a { color: #fff; }
.user-sets .technical-set td { background: #E3E4FA; color: #5E5895; }
.user-sets .technical-set.tr-even td { background: #F1F2FF; }
.user-sets .technical-set .td-set-title { color: #AEA0BD; }
.user-sets .technical-set .td-set-title a { color: #57457B; display: block; }
.user-sets .technical-set .td-set-title span { font-size: 0.85em; }
.user-sets .td-set-title { padding: 0 10px; width: 15em; }
.user-sets .td-selected-song { text-align: right; width: 150px; }
.user-sets { margin-bottom: 2em; }
.user-sets .td-na { text-align: center; min-width: 10em; }
/* END USER SET */

/* USER MUSIC */
.user-music tr { height: 44px; }
.user-music td { color: #645964; }
.user-music { margin-bottom: 2em; }
.user-music .tr-song-summary, .user-music .td-song-summary { height: 30px; padding: 0 20px; }
.user-music .td-song-summary { text-align: center; background: #AC407D; color: #FBDEFF; -moz-border-radius: 8px 8px 0 0; }
.user-music .td-song-image { background: #FFBDF1; width: 40px; text-align: center; }
.user-music .tr-music { background: #FCE1F9; }
.user-music .tr-even { background: #FFFFFF; }
.user-music .td-song-title { width: 16em; padding-left: 1em; }
.user-music .song-title a { display: block; color: #76495F; }
.user-music .song-separator { display: none; }
.user-music .song-artist { color: #A594A6; font-size: 0.85em; }
/* END USER MUSIC */

/* USER MISSIONS */
.user-missions tr { height: 44px; }
.user-missions td, .user-missions td a { color: #1B2F45; }
.user-missions .tr-mission { background: #E6F2F7; }
.user-missions .tr-all-missions td { background: #47636F; }
.user-missions .tr-all-missions td, .user-missions .tr-all-missions td a { color: #EDF0F2; }
.user-missions .tr-even { background: #fff; }
.user-missions .tr-all-missions .td-mission-name { -moz-border-radius-topleft: 8px; }
.user-missions .td-mission-cleared { text-align: center; -moz-border-radius-topright: 8px; }
.user-missions .td-mission-name { width: 16em; padding-left: 1em; }
/* END USER MISSIONS */

/* COMMON THING */
.td-rank, .td-song-rank, .td-mission-rank { text-align: right; width: 5em; }
.td-score, .td-song-score, .td-mission-score { text-align: right; width: 8em; padding-right: 1em; }
.td-song-combo, .td-mission-combo { text-align: right; width: 3em; padding-right: 1ex; }
.td-song-flag, .td-mission-grade { text-align: left; width: 2em; padding-right: 1em; }
.rank-block, .popular-music-block { display: inline; display: inline-block; zoom: 1; padding: 0.6em; vertical-align: top; }
/* END COMMON THING */

/* PAGINATION THING */
.pagination { text-align: center; clear: both; font-size: 1.6em; padding: 0.5em;}
/* END PAGINATION THING */

/* RANK TABLE */
.rank-table th { color: #898785; }
.rank-table td { text-align: center; }
.rank-table .rth-rank, .rank-table .rtd-rank { text-align: right; width: 4em; padding-right: 1ex; }
.rank-table .rtd-djname { text-align: left; padding-left: 1ex; width: 9em; }
.rank-table .rtd-score { text-align: right; width: 6em; }
.rank-table .rth-title { width: 104px; }
/* END RANK TABLE */

/* POPULAR MUSIC TOC */
.popular-music-toc { text-align: center; }
.popular-music-toc a { display: inline; text-align: left; vertical-align: top; display: inline-block; zoom: 1; width: 16em; height: 44px; font-size: 0.85em; }
.popular-music-toc a img { float: left; border: 0; }
.popular-music-toc a .toc-title { display: block; padding-left: 35px; text-align: left; }
.popular-music-toc a .toc-artist { display: block; padding-left: 35px; font-size: 0.9em; text-align: left; }
/* END POPULAR MUSIC TOC */

/* POPULAR MUSIC TABLES */
.popular-music-main { text-align: center; }
.popular-music-table { width: 270px; }
.popular-music-table td { padding: 0 1px; white-space: nowrap; }
.popular-music-table th { text-align: center; }
.popular-music-table .song-title { display: block; font-size: 1.3em; font-weight: normal; }
.popular-music-table .song-title a { color: #fff; }
.popular-music-table .song-separator { display: none; }
.popular-music-table .song-artist { color: #999897; }
.popular-music-table .ptd-djname { text-align: left; text-indent: 3px; }
.popular-music-table .ptd-rank, .popular-music-table .ptd-score { text-align: right; }
.popular-music-table .ptd-combo { text-align:  right; text-indent: 3px; }
/* END POPULAR MUSIC TABLES */


.numth-num, .numth-th, .score, .combo-num, .combo-all, .combo-perfect, .grade-text { font-family: Monaco, Consolas, DejaVu Sans Mono, Courier New, sans-serif; }
.numth-num, .combo-all, .combo-perfect, .score { font-weight: bold; }
.numth-th { font-size: 0.8em; vertical-align: top; line-height: 1px; }
.combo-all { color: #A42EAE; }
.combo-perfect { color: #B22A5F; }

body { font-size: 10pt; }

.content {
	float: right;
	width: 100%;
	margin-left: -250px;
}

.content-inner {
	margin-left: 270px;
}


.navigation {
	width: 240px;
	float: left;
}

.nav {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.nav li {
	background: #403f3e;
	display: block;
	color: #888;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
}
.nav li a {
	display: block;
	padding: 3px 6px;
	color: #ccc;
	font-size: 1.4em;
	text-decoration: none;
}
.nav li span {
	display: block;
	padding: 0 6px 3px;
}
.nav li strong {
	text-align: center;
	display: block;
	text-transform:  uppercase;
	letter-spacing: 0.2ex;
}
.nav li ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav li ul li {
	background: #484746;
}
.li-lookup {
	text-align: center;
	padding: 10px 0;
}
.li-lookup .text { background: #090808; color: #e9e8e8; border: 0; font-size: 1em; height: 1.4em; margin: 0; padding: 0; vertical-align: top; }
.li-lookup .submit { background: #e9e8e8; color: #090808; border: 0; font-size: 1em; height: 1.4em; margin: 0; padding: 0; vertical-align: top; }

.footer {
	clear: both;
	text-align: center;
	padding: 10px;
	color: #555657;
}
.footer p { margin: 0; padding: 3px;}
.footer a, .footer a:hover { color: #6d6e6f; text-decoration:  none; }

.nav .li-image {
	height: 180px;
	padding: 0;
	position: relative;
	background: url(im/set.jpg) no-repeat;
	border-bottom: 7px solid #898785;
	border-right: 7px solid #898785;
	margin-right: -7px;
	-moz-border-radius-bottomright: 10px;
}

.nav .li-image span { display: block; width: 240px; height: 180px; background: url(im/set.jpg) no-repeat; position: absolute; top: 0; left: 0; padding: 0; }

/*
for I in 1 2 3 4 5 6 7 8 9 10; do J=$(($I*-240+240))px; echo '
.image'$I' .li-image      { background-position: '$J'      0; }
.image'$I' .li-image .b2  { background-position: '$J' -180px; }
.image'$I' .li-image .b3  { background-position: '$J' -360px; }
.image'$I' .li-image .b4  { background-position: '$J' -540px; }'; done
*/

h1 {
	margin: 0;
	padding: 50px 0 10px 30px;
	margin-left: -30px;
	margin-bottom: 20px;
	border-bottom: 7px solid #898785;
	color: #898785;
	font: bold 3em/1.3 "Free Sans", FreeSans, "Helvetica", Arial, sans-serif;
}
h1 a { color: #a9a7a5; text-decoration: none; }

h1 .dj-avatar { float: left; border: 2px solid #000; border-color: rgba(255,255,255, 0.5); margin: -2px; -moz-border-radius: 3px; -moz-box-shadow: 0 2px 10px #000; }
.title-l1 { display: block; height: 48px; line-height: 44px; padding-left: 84px; }
.title-l2 { display: block; height: 16px; padding-bottom: 1ex; font-size: 0.4em; line-height: 16px; padding-left: 84px; }
.title-l1 .dj-title-img { vertical-align: middle; }

.image1 .li-image      { background-position: 0px      0; }
.image1 .li-image .b2  { background-position: 0px -180px; }
.image1 .li-image .b3  { background-position: 0px -360px; }
.image1 .li-image .b4  { background-position: 0px -540px; }

.image2 .li-image      { background-position: -240px      0; }
.image2 .li-image .b2  { background-position: -240px -180px; }
.image2 .li-image .b3  { background-position: -240px -360px; }
.image2 .li-image .b4  { background-position: -240px -540px; }

.image3 .li-image      { background-position: -480px      0; }
.image3 .li-image .b2  { background-position: -480px -180px; }
.image3 .li-image .b3  { background-position: -480px -360px; }
.image3 .li-image .b4  { background-position: -480px -540px; }

.image4 .li-image      { background-position: -720px      0; }
.image4 .li-image .b2  { background-position: -720px -180px; }
.image4 .li-image .b3  { background-position: -720px -360px; }
.image4 .li-image .b4  { background-position: -720px -540px; }

.image5 .li-image      { background-position: -960px      0; }
.image5 .li-image .b2  { background-position: -960px -180px; }
.image5 .li-image .b3  { background-position: -960px -360px; }
.image5 .li-image .b4  { background-position: -960px -540px; }

.image6 .li-image      { background-position: -1200px      0; }
.image6 .li-image .b2  { background-position: -1200px -180px; }
.image6 .li-image .b3  { background-position: -1200px -360px; }
.image6 .li-image .b4  { background-position: -1200px -540px; }

.image7 .li-image      { background-position: -1440px      0; }
.image7 .li-image .b2  { background-position: -1440px -180px; }
.image7 .li-image .b3  { background-position: -1440px -360px; }
.image7 .li-image .b4  { background-position: -1440px -540px; }

.image8 .li-image      { background-position: -1680px      0; }
.image8 .li-image .b2  { background-position: -1680px -180px; }
.image8 .li-image .b3  { background-position: -1680px -360px; }
.image8 .li-image .b4  { background-position: -1680px -540px; }

.image9 .li-image      { background-position: -1920px      0; }
.image9 .li-image .b2  { background-position: -1920px -180px; }
.image9 .li-image .b3  { background-position: -1920px -360px; }
.image9 .li-image .b4  { background-position: -1920px -540px; }

.image10 .li-image      { background-position: -2160px      0; }
.image10 .li-image .b2  { background-position: -2160px -180px; }
.image10 .li-image .b3  { background-position: -2160px -360px; }
.image10 .li-image .b4  { background-position: -2160px -540px; }

.image11 .li-image      { background-position: -2400px      0; }
.image11 .li-image .b2  { background-position: -2400px -180px; }
.image11 .li-image .b3  { background-position: -2400px -360px; }
.image11 .li-image .b4  { background-position: -2400px -540px; }

.li-mi { float: left; width: 20%; font-size: 80%; text-align: center }
.li-special { clear: left; }
.li-sp { float: left; width: 25%; text-align: center }
.li-techt { clear: left; }

.autocomplete-li-show {
	border-bottom: 3px solid #888888;
	background: #2E2D2C;
}
.nav li.autocomplete-li-hide {
	display: none;
}
.autocomplete-div {
	padding: 1px 8px;
}