html {
	/*background-color: #fff;
	background-image: url("backgrounds/exf-9sq.png");
	background-position: top center;
	background: transparent url("images/title-bg.png") 0 114px repeat-x;*/
	background-color: #fff;
	background-image: url("images/title-bg.png");
	background-image: url("images/hexbg%20copy.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-position: top left;
	padding-bottom: 50px;
}
body {
	color: #000;
	width: 960px;
	font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	font-size: small;
	border-collapse: collapse;
	margin: 0 auto;
}

#design {
	width: 960px;
}

body > *, #design > * {
	padding: 0 5px;
}

a[href]:link, a[href]:visited {
	color: #339; /* #BECFE8; ** C5B6A0,3A495F; */
}
a[href]:focus, a[href]:hover, a[href]:active {
	color: #86A4D1;
}

img {
	border: 0px solid #000;
	line-height: 100%;
}
a img {
	border: 2px solid #339;
	vertical-align: text-bottom;
}
a:hover img, a:active img {
	border-color: #86A4D1;
}

audio {
	width: 960px;
	height: 45px;
	padding: 0;
	margin: 0;
}

ul {
	padding: 0 15px;
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	border-width: 2px 0;
	margin: 0.8em 0;
}
table.m {
	width: auto;
}
th, td {
	padding: 1px 2px;
	border: 1px solid #000;
	border-width: 1px 0;
}
th {
	text-align: left;
	padding: 2px;
}
td {
	vertical-align: top;
}
thead th {
	background-color: #BECFE8;
	padding: 2px;
}
thead th abbr { padding-left: 0.25em; }
table.vlines th {
	padding: 0;
}
table.vlines th, table.vlines td {
	border-width: 1px;
}
em {
	font-weight: 700;
	font-style: normal;
}

#content thead th {
	border-bottom: 1px solid #000;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
}

p {
	text-align: left;
	line-height: 160%;
	margin: 0px;
}
p + p { margin-top: 1.2em; }

big {
	font-size: large;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	word-spacing: 0.25em;
}

hr {
	background-color: #fff;
	color: #fff;
	height: 1px;
	border: 0px;
	margin: 0.6em auto;
}

div.hr {
	color: inherit;
	background-image: url("/images/hr-hex.png");
	background-position: center center;
	background-repeat: repeat-x;
	height: 14px;
	border: 0px;
	margin: 0.8em 0px;
}
div.hr hr { display: none; }

#jukebox {
	background-image: url("/images/black50.png");
	color: #fff;
	font-family: "Verdana", sans-serif;
	font-size: x-small;
	text-align: center;
	padding: 0;
}
#jukebox #asrc {
	text-align: left;
	padding: 5px;
}

*:first-child { margin-top: 0 !important; }
*:last-child { margin-bottom: 0 !important; }

h1 { margin: 0.4em 0; }
h2 { margin: 0.7em 0; }
h3, h4, h5, h6 { margin: 1em 0; }


/*************************
** SITE AND PAGE TITLES **
*************************/
#socialbar, #sitetitle, #pagetitle {
	background-color: #00000080;
	color: #fff;
}
#sitetitle {
	font-size: xx-large;
	font-weight: 700;
	padding: 0;
}
#sitetitle a img {
	background-image: url("/images/title3.png");
	background-position: 0 0;
}
#sitetitle a:hover img {
	background-position: 0 57px;
}
#sitetitle img, #sitetitle a img, #pagetitle img {
	border-width: 0;
}

#pagetitle {
	font-size: x-large;
	padding: 0 4px;
}

/************************
** MAIN NAVIGATION BAR **
************************/
#navigation, #content {
	min-height: 386px;
}
#navigation {
	background-color: /* #DDD #E4ECF0 transparent #648FA6 */ #FFF;
	color: /* #fff */ #000;
	font-size: medium;
	text-align: left;
	float: right;
	width: 18%;
	padding: 2px 1%;
}

#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 1.4em 0;
}
#navigation a[href]:link, #navigation a[href]:visited {
	/* color: #8989CC; */
}
#navigation a[href]:focus, #navigation a[href]:hover, #navigation a[href]:active {
	/* color: #548FE8; */
}
#navigation a img {
	border: 2px solid #8989CC;
	vertical-align: text-bottom;
}
#navigation a[href]:focus img, #navigation a[href]:hover img, #navigation a[href]:active img {
	border-color: #548FE8;
}
#navigation ul ul {
	list-style-type: disc;
	font-size: small;
	padding: 0 0 0 15px;
	margin: 0;
}
#navigation ul li {
	padding: 0;
}
#navigation ul:nth-child(3) {
	font-size: small;
}

/*****************
** PAGE CONTENT **
*****************
*****************/
#container {
	padding: 0;
	background-color: rgba(0, 0, 0, 0.5);
	background-color: #FFF;
}
#clear {
	clear: both;
	width: 100%;
	/*height: 2px;*/
	background-color: #880;
}
#content, #content2 {
	text-align: left;
	border: 0;
	/*margin: 0 auto;*/
}

/* Standard Content */
#content, #content2 {
	background-color: #fff;
	/*background-color: transparent;
	background-image: url("/images/content-bg.png");*/
	/*-moz-box-shadow: 0 7px 7px rgba(0, 0, 0, 1);*/
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
	width: 78%;
	padding: 5px 1%;
	/*width: 76.6%;
	padding: 5px 1.7%;*/
}
#content a { text-decoration: none; }

#content p.center {
	font-weight: 700;
}

#premiereinfo {
	margin: 0.6em 0;
}
#premiereinfo.coll {
	height: 32px;
	overflow: hidden;
}
#premiereinfo.open {
	height: auto;
	overflow: auto;
}

#premiereinfo h2 {
	/*cursor: pointer;
	background: #BECFE8 url("/images/tg-open.png") no-repeat 124px 11px;*/
	background-color: #BECFE8;
	font-size: medium;
	font-weight: 700;
	text-transform: uppercase;
	padding: 4px 2px;
	border: 1px solid #000;
	border-width: 1px 0;
}
#premiereinfo.coll h2, #premiereinfo.open h2 {
	background-repeat: no-repeat;
	background-position: 119px 11px;
}
#premiereinfo.coll h2 {
	background-image: url("/images/tg-open.png");
}
#premiereinfo.open h2 {
	background-image: url("/images/tg-close.png");
}

ul.truncate_v {
	/*background: transparent url("/images/lr.png") bottom right no-repeat;*/
	height: 7em;
	overflow-y: scroll;
}
/*ul.truncate_v:focus, ul.truncate_v:hover {
	background: transparent none;
	height: 21em !important;
	overflow-y: scroll;
}*/

/**********************
** SERIES INDEX PAGE **
**********************/
#scr_up, #scr_down {
	background-color: inherit;
	background-repeat: no-repeat;
	background-position: center;
}
#scr_up { background-image: url("/series/up.gif"); }
#scr_down { background-image: url("/series/down.gif"); }

/* Column Sizing & Colors*/
.link, .series { text-align: right; }
.link {
	width: 28%;
}
.series {
	width: 40%;
}

/**************************************
** Newest Series - Adds Highlighting **
**************************************/
.hl {
	background-image: url("/backgrounds/marknew.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: bold;
}
.special.hl {
	background-image: url("/backgrounds/marknew_spc.gif");
}

/* Special Series */
.special a:link, .special a:visited {
	color: #339999;
}
.special a:focus, .special a:hover, .special a:active {
	color: #87CCB0;
}


/****************************
** INDIVIDUAL SERIES PAGES **
****************************/
/* Series Page Headers */
#title {
	font-weight: bold;
	text-align: left;
	width: 60%;
	word-spacing: -1px;
}
#list {
	float: right;
	font-size: x-small;
	width: 100%;
	text-align: right;
	vertical-align: middle;
}
#list a, #head a {
	cursor: pointer;
}
#list a img, #head a img {
	border-width: 0px;
	vertical-align: -2px;
}

/****************
** Song Charts **
****************/
#songchart, #packchart {
	width: 100%;
	font-size: small;
}
.subhead, .subhead1, .subhead2, .subhead3, .subhead4 {
	font-weight: bold;
	text-align: center;
}

td.sercol {
	text-align: right;
	padding-right: 10px;
}
.full, .mini, .r21, .gs {
	width: 15%;
	text-align: center;
}

.pack { width: 58%; }
.size { width: 12%; text-align: center; }
.locs { width: 30%; text-align: center; }

.title, .artist {
	width: 36%;
}
.sep {
	background-color: #fff;
	width: 0;
}
.bpm, .lgt, .std, .hvy, .chl, .mv { text-align: center; }
.bpm {
	background-color: #ccc;
	width: 9%;
	word-spacing: -2px;
}
.lgt, .std, .hvy, .chl { width: 3%; }
.mv { width: 3%; }
.lgt { background-color: #DADF4D; }
.std { background-color: #ED8596 /* #DA1D3C; */; }
.hvy { background-color: #15D619; }
.chl { background-color: #7EC2FF; }
#songchart.gti .chl { background-color: #EF8AFF; }
.mv  { background-color: #CCCC99; /*width: 4%;*/ }

.ac {
}
.rep {
	width: 25px;
}
th.rep {
	height: 90px;
}
.rep p {
	transform: rotate(-90deg);
}

/* Coloring for Red Songs */
.red, .red a { color: #BB0000 !important; }
.red a:focus, .red a:hover, .red a:active { color: #E06798 !important; }


#list select { border-color: #000; }

ul.credit {
	font-size: 8pt;
	max-width: 90%;
	white-space: nowrap;
	padding-left: 30px;
	margin: 0px 0px 8px;
}

.b { font-weight: normal; }


/*************************
** GLOSSARY AND RECORDS **
*************************/
blockquote {
	width: 100%;
	margin: 1em 0 0;
	font-style: italic;
}

img.icon { position: relative; top: 2px; }

.cat_info, .cat_song, .cat_step {
	background-repeat: no-repeat;
}
.cat_info {
	background-image: url("images/icon-info.gif");
	background-position: 98% 50%;
}
.cat_song {
	background-image: url("images/icon-songs.gif");
	background-position: 100% 100%;
}
.cat_step {
	background-image: url("images/icon-steps.gif");
	background-position: 98% 50%;
}


/* text alignment */
.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }


/*****************
** ARTIST PAGES **
*****************/
div#picbar {
	float: right;
	background-color: #648FA6;
	text-align: center;
	width: 150px;
	padding: 5px;
	margin: 0 0 5px 5px;
}
div#picbar p {
	text-align: center;
	font-weight: 700;
}
div#picbar img {
	max-width: 150px;
}


/*******************
** VIDEOS SECTION **
*******************/
#videolist td {
	padding: 2px;
	position: relative;
}
#videolist td:first-child {
	width: 120px;
}
#videolist h1 {
	font-size: medium;
	border-bottom: 2px solid #339;
	margin: 0;
}
#videolist .meta {
	position: absolute;
	bottom: 0;
}
#videolist img {
	vertical-align: text-bottom;
}


/******************
	Invisible Items
*******************/
.invis {
	opacity: 0.0;
}
.hidden {
	display: none;
	margin: 0px;
}

.u { text-decoration: underline; }

#mvn td {
	background-color: #fdd !important;
	background-image: url("/images/icon-notice.png");
	background-position: 6px 50%;
	background-repeat: no-repeat;
	color: #f00;
	height: 36px;
	padding-left: 48px;
}

.overflowbox {
	height: 510px;
	background-color: #333;
	padding: 4px 10px;
	border: 2px inset #000;
	overflow-y: scroll;
}
.overflowbox h3 {
	background-color: #191919;
	padding: 2px 4px;
	border: 1px outset white;
	margin-top: 0px;
}
.overflowbox p { margin-bottom: 0.8em; }

/***************
	PREFS WINDOW
***************/
#prefswindow {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 300px;
	background-color: #333;
	color: #fff;
	padding: 10px;
	border: 2px solid #666;
	margin: 0px auto;
	z-index: 2;
}

/******************************
** NEW VISIBILITY TOGGLE     **
** Sunday, 28 February, 2010 **
** 6:18:51 AM                **
******************************/
li.coll ul { display: none; }
li.open ul { display: block; }

/**************
** SOCIALBAR **
**************/
#socialbar {
	height: 25px;
	padding: 0 11px;
	margin: 0;
}

form#paypal {
	display: inline;
}
-->

/*****************************
** LATEST AND NEXT RELEASES **
*****************************/
.latest, .latest-wide {
	background-color: transparent;
	font-weight: 700;
	width: 286px;
	margin: 0 auto;
}
.latest-wide {
	width: 537px;
	height: 197px;
}
.latest-head, .nextup-head {
	height: 22px;
	padding: 0;
	margin: 0;
}
.latest p, .latest-wide p {
	text-align: center;
}
.latest-content, .nextup-content {
	background-color: #cfc;
	background-color: #CCEDFF;
	padding: 3px;
	border: 0px solid #008000;
	border: 0px solid #005380;
}
.latest-wide .latest-content, .latest-wide .nextup-content {
	min-height: 145px;
}
.latest-wide .latest-content {
	float: left;
}
.latest-wide .nextup-content {
	float: right;
}

.latest-content {
	/*box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;*/
	border-width: 1px 1px;
}
.nextup-head, .nextup-content {
	/*position: relative;
	top: -1px;*/
}
.nextup-head {
	text-align: right;
}
.nextup-content {
	border-width: 1px 1px;
}
p.download {
	text-align: center;
	margin: 5px 0;
}
p.download a img {
	background-color: #090;
	background-color: #006399;
	padding: 3px;
	border-color: #fff;
	border-radius: 100px;
	-moz-border-radius: 100px;
}
p.download a:hover img {
	background-color: #0c0;
	background-color: #0085CC;
}
/*p.download a[title]:hover:after, p.download a[title]:focus:after, p.download a[title]:active:after {
	content: attr(title);
}*/

p.moreinfo {
	color: #000;
	text-align: right;
	font-style: italic;
	margin: 0;
}
p.moreinfo a {
	color: #090;
}
img.header, .header img {
	border: 0;
}

#release_menu {
	display: none;
	position: absolute;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	color: #000;
	font-size: small;
	width: 920px;
	padding: 10px;
	border: 1px solid #000;
}
#pagetitle:hover #release_menu {
	display: block;
}

/**********
** FORMS **
**********/
/*
	form fieldset legend|ul li label|input|textarea
*/
#content form {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	font-size: small;
	border: 0px solid #000;
	margin: 1.2em 0;
}
#content form fieldset {
	padding: 0;
	border: 0;
	margin: 0 0 2px;
}
#content form legend {
	font-weight: 700;
	padding: 5px 0;
}
#content form legend:empty {
	display: none;
}
#content form ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}
#content form li {
	padding: 2px 5px;
}
#content form li:nth-child(odd) {
	background-color: #A2BCCA;
}
#content form li:nth-child(even) {
	background-color: #648FA6;
}
#content form label:first-child {
	float: left;
	width: 35%;
	/*padding: 3px 0;*/
	margin-right: 1%;
}
#content form fieldset.fill input, #content form fieldset.fill select, #content form fieldset.fill textarea, #content form fieldset.fill button {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	font-size: small;
	width: 62%;
}
#content form input:focus, #content form select:focus, #content form textarea:focus {
	background-color: #99DBFF;
}
#content form button {
	width: auto !important;
}
#content form *[readonly] {
	background-color: #ddd !important;
	color: #222 !important;
}

button[type="submit"] {
	background-color: #efe;
	border: 1px outset #dfd;
}
button[type="reset"] {
	background-color: #fee;
	border: 1px outset #fdd;
}
button:focus {
	outline: none;
	border-style: inset;
	padding: 0 6px;
}

p.error, p.success {
	color: #000;
	padding: 10px;
	border: 2px solid #000;
}
p.error {
	background-color: #fcc;
	border-color: #f00;
}
p.success {
	background-color: #cfc;
	border-color: #080;
}

em.enhance, em.pg, em.up, .enhance {
	font-style: normal;
	font-weight: 700;
	padding: 0 0.25em;
	border: 1px solid #000;
}
em.enhance, .enhance {
	background-color: #86A4D1;
}
em.pg {
	background-color: #eee;
}
.up {
	font-size: larger;
}


.modal_bg {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 9999999;
	background-color: #00000080;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0px;
	margin: 0;
}
.modal {
	background-color: #fff;
	color: ;
	width: 1080px;
	padding: 18px;
	border-radius: 18px;
}
.modal table {
	width: 100%;
	margin: 0 auto;
}
.modal td {
	width: 25%;
}


/************
** CLASSES **
************/
table.z tbody tr:nth-child(even) {
	background-color: #CEF0FF;
	background-color: #DFE8F5;
}

.w20 td {
	width: 25%;
}
.w20 tr:first-child td:first-child {
	font-size: medium;
	font-weight: 700;
}

a:target {
	background-color: #86A4D1;
}
#navigation ul a[target] {
	background: transparent url("/images/extlink2.png") no-repeat right 4px;
	padding-right: 12px;
}
#navigation ul a[target]:focus, #navigation ul a[target]:hover, #navigation ul a[target]:active {
	background-position: right -18px;
}

img.button {
	border-width: 0 !important;
}

.boxed {
	padding:
}