<!--
body {
	background-color: #FFF;
	background-image: url("/backgrounds/index2sq.png");
	background-position: top center;
	color: #000;
	margin: 11px auto;
	font-family: "Verdana", sans-serif;
	font-size: small;
	border-collapse: collapse;
}

a {
	color: #BECFE8; /* C5B6A0,3A495F; */
	text-decoration: none;
}
a:hover, a:active {
	color: #86A4D1;
	text-decoration: underline;
}
h2 a[name] { color: #fff !important; }

img { border-width: 0px; }
a img { border-width: 2px; border-color: #BECFE8; }
a:hover img, a:active img { border-color: #86A4D1; }

table {
	width: 100%;
	border-collapse: collapse;
	/* border: 2px solid #000; */
	margin: 0.8em 0px;
}
th, td {
	vertical-align: middle;
	padding: 1px 2px;
	border: 1px solid black;
}
th {
	text-align: center;
	padding: 2px;
}
thead th {
	background-color: #BECFE8;
	padding: 4px 2px;
}
thead th abbr { padding-left: 0.25em; }
em {
	font-weight: 700;
	font-style: normal;
}

#content thead th {
	background-color: #2e2e2e;
	color: #fff;
	border-bottom: 1px solid #000;

	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
	word-spacing: 0.25em;
}

p {
	text-align: justify;
	margin: 0px;
}
p + p { margin-top: 1.2em; }

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

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

div.hr {
	color: inherit;
	background-image: url("/images/hr-arrows.gif");
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 24px;
	border: 0px;
	margin: 0.8em 0px;
}
div.hr hr { display: none; }

h1, h2, h3, h4 { margin: 0px; }
h1 {
	background-color: #2D2D2D;
	color: #FFF;
	font-size: medium /* x-large */;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px;
	border: 2px solid #000;
	margin: 8px 0px /* 13px */;
}
h2 {
	background-color: #444;
	color: #FFF;
	font-size: small;
	font-variant: small-caps;
	letter-spacing: 2px;
	/* text-align: center; */
	text-decoration: none;
	padding: 2px 5px;
	border: 2px solid #000;
	margin: 0.5em 0;
}
h3 {
	font-size: small;
	text-decoration: none;
	white-space: nowrap;
	padding-bottom: 1px;
	border-bottom: 1px solid #FFF;
	margin-top: 0.5em;
}
h4 {
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 2px;
}

ul, ol {
	font-size: small;
	text-align: left;
	margin: 0 0 1em;
}
ul { padding-left: 20px; }
ul[id] { margin: 0px 0px 8px; }
ol {
	padding-left: 32px;
	padding-right: 10px;
}


/* Section Navigation */
#header, #header2, #footer {
	background-color: #000;
	color: #FFF;
	font-size: x-small;
	font-weight: bold;
	width: 580px;
	padding: 2px 10px;
	border-width: 0px;
	border-style: solid;
	border-color: #808080;
	margin: 0px auto;
	vertical-align: top;
}
#header2 {
	font-size: medium;
	text-align: left;
	width: 588px;
	padding: 4px 6px;
}
#header a, #header2 a, #footer a {
	font-weight: bold;
	text-decoration: none;
}
#header a:hover, #header2 a:hover, #footer a:hover {
	text-decoration: underline;
}

#header {
	text-align: right;
	padding: 4px 10px;
	border-bottom-width: 1px;
}
#footer {
	text-align: left;
	padding-bottom: 4px;
}


/* Page Content */
#content, #content2 {
	text-align: justify;
	width: 580px;
	padding: 8px;
	border-width: 2px;
	border-style: solid;
	border-color: #000;
	margin: 0px auto;
}

/* Standard Content */
#content {
	background-color: #666;
	color: #FFF;
}
#content a { text-decoration: none; }

/* Download Page Content */
#content2 {
	background-color: #FFF;
	color: #000;
	font-size: 8pt;
}
#content2 a:link, #content2 a:visited { text-decoration: none; }
#content2 a:hover, #content2 a:active { text-decoration: underline; }
#content2 p { margin: 1.2em 0px; }

/* Navigation Box */
div.box {
	background-color: #444;
	color: #FFF;
	border: 1px solid #000;
	text-align: center;
	line-height: 135%;
	width: 80%;
	padding: 2px 0px;
	margin: 8px auto;
}
div.box hr { width: 95%; }

/* Navigation Table */
#navtable {
	background-color: #444;
	color: #FFF;
	font-size: small;
	text-align: left;
	/* white-space: nowrap; */
	width: 80%;
	border: 1px solid #000;
	margin: 8px auto;
}
#navtable th {
	background-color: #2e2e2e;
	padding: 1px 5px;
	border-width: 0px 0px 1px;
}
#navtable td {
	padding: 1px 5px;
	border-width: 0px 0px 1px;
}


/********************
  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: #E8D7BE; }
.special a:hover, .special a:active { color: #d1b386; text-decoration: none; }


/**************************
  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 { font-size: 8pt; }
.subhead, .subhead1, .subhead2, .subhead3, .subhead4, .header {
	font-weight: bold;
	text-align: center;
}
#songchart thead th.title { background-color: #fff; }

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 { width: 73%; }
.sep { width: 1%; background-color: #fff; }
.artist { margin-left: 8px; }
.bpm, .lgt, .std, .hvy, .chl, .mv { text-align: center; }
.lgt, .std, .hvy, .chl { width: 3%; }
.bpm {
  width: 12%;
  background-color: #ccc;
  word-spacing: -2px;
}
.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%; }

/* Coloring for Red Songs */
.red, .red a, .red a:hover { color: #b00 !important; }


/* Navigation Menu */
#header2 select, #header2 option {
	font-family: Tahoma;
	font-size: medium;
	font-weight: bold;
}
#header2 select {
	background-color: #666 /* #808080 */;
	width: 93%;
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	border: 1px solid #fff;
}
select#artist, select#info {
	color: #fff;
}
#header2 option[selected] {
	padding-left: 4px;
}
#header2 option {
	font-weight: normal;
	padding-left: 1em;
}
#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
***************/
#artistdata {
	border-collapse: collapse;
	margin: 0px;
}
#artistdata td {
	vertical-align: top;
	border-width: 0px;
}
/* #artistdata h2 { margin: 0 0 0.5em; } */

.mainfield, .sidebar {
	display: table-cell;
	width: auto;
	vertical-align: top;
}
.sidebar {
	vertical-align: top;
	text-align: center;
	padding-left: 10px;
	border-width: 0px;
}
.sidebar img { margin: 0px 0px 10px; }
.sidebar p img { margin: 0px; }


/***************
  TABBED BOXES
***************/
span.term {
	background-color: #454545;
	color: #FFF;
	font-size: small;
	font-weight: bold;
	padding: 0px 5px;
	border: 1px solid #000;
}
div.def {
	background-color: #555;
	border: 1px solid #000;
	text-align: justify;
	padding: 4px;
	margin-bottom: 0.8em;
}


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

.u { text-decoration: underline; }

/**************************
  togglescript.js support
**************************/
.toggle {
	cursor: pointer;
	background-color: #BECFE8 !important;
	background-image: url("/images/closed.gif");
	background-position: 6px 6px;
	background-repeat: no-repeat;
	color: #000;
	padding: 2px 6px 2px 21px;
	border-bottom: 0px !important;
	/* position: relative; top: 1px; */
}
.toggle2 {
	background-color: #444;
	color: #fff;
	/* background-color: #DEE7F3 !important;
	color: #000; */
	padding: 2px 4px;
	border: 2px solid #BECFE8;
	border-top: 0px;
}
#content2 .toggle2 {
	background-color: #DEE7F3 !important;
	color: #000;
}
#content2 .toggle2 p { margin: 0; }
#content2 .toggle2 p + p { margin: 1.2em 0 0; }
.toggle2 * { border-color: #fff; }
.toggle2 h3 { margin-top: 0px; }
.toggle2 p + h3 { margin-top: 0.5em; }

#mvn td {
	background-color: #fdd !important;
	background-image: url("/images/icon-notice.gif");
	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; }

/*********
  VIDEOS
*********/
#videolist td {
	vertical-align: top;
	text-align: left;
	padding: 5px 10px;
}
#videolist td div {
	font-size: x-small;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0.5em 0px;
}

select#pagesel {
  background-color: #333;
  color: #fff;
  font-family: "Verdana", sans-serif;
  padding: 1px;
  border: 1px solid #000;
}
select#pagesel option[selected] {
  background-color: #999;
  color: #333;
  font-weight: bold;
}
input {
  background-color: #333;
  color: #fff;
  padding: 1px 3px;
  border-width: 1px;
}


/***************
  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                **
******************************/
.coll:before, .open:before {
	font-size: 50%;
	cursor: help;
	border-bottom: 0px dotted;
	margin-right: 0.5ex;
	vertical-align: bottom;
}
.coll:before {
	content: url("images/tg-open.png");
	color: #0f0;
}
.open:before {
	content: url("images/tg-close.png");
	color: #f00;
}
.coll ul { display: none; }
.open ul { display: block; }
-->