*
{
	font-family: verdana,arial,helvetica;
	font-size: 11px; 
	color: #666;	
	padding: 0px;
	margin: 0px;
	border: 0px;
}

html
{
	overflow-y: scroll;
}

body
{
	background-image: url("../images/body2.png");
	background-repeat: repeat;
	behavior: url(../includes/csshover.htc);
}

P	
{ 
	line-height: 1.4em;
	text-align: justify;
	padding-bottom: 12px;
}
P.nojust
{
	text-align: left;
}

h2 
{
	margin: 0 50px 0px 0px;
	font-size: 18px; 
	font-weight: bold;
}

.h2 b, .bright
{
	color: White;
}

h3 
{
	margin: 0px 60px 4px 0px;
	font-size: 12px;
	font-weight: bold;
}

.h1 
{ 
	color: white; 
	font-family: verdana,arial,helvetica; 
	font-size: 14px; 
	font-weight: bold;
	background: url(../images/back.gif) repeat-x;
	height: 30px;
	padding-left: 8px;
}

.h2 
{ 
	color: white; 
	font-family: verdana,arial,helvetica; 
	font-size: 11px; 
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
}

body.blue .h1, body.blue .h2 { background: url(../images/back.gif) repeat-x }
body.green .h1, body.green .h2 { background: url(../images/backgr.gif) repeat-x }
body.red .h1, body.red .h2 { background: url(../images/backrd.gif) repeat-x }

.h3
{ 
	color: white; 
	font-family: verdana,arial,helvetica; 
	font-size: 9px; 
	font-weight: bold;
	height: 21px;
	text-align: center;
}

body.blue .h3 { background: url(../images/sback.gif) repeat-x }
body.green .h3 { background: url(../images/sback-gr.gif) repeat-x }
body.red .h3 { background: url(../images/sback-rd.gif) repeat-x }

A {text-decoration: none; font-weight: bold;}
A:hover {text-decoration: underline; font-weight: bold;}

A.high {color: #fff; text-decoration: none; font-weight: normal;}
A.high:hover {color: #fff; text-decoration: underline; font-weight: normal;}

A.task {color: #666; text-decoration: none; font-weight: normal;}
A.task:hover {color: #666; text-decoration: underline; font-weight: normal;}
A.taskBlip {color: #004; background-color: #d7d7d7; text-decoration: underline; font-weight: normal;}
A.taskBlip:hover {color: #004; text-decoration: underline; font-weight: normal;}

A.light {color: #666; text-decoration: underline; font-weight: normal;}
A.light:hover {color: #000; text-decoration: underline; font-weight: normal;}

A.heavy {color: #666; text-decoration: underline; font-weight: bold;}
A.heavy:hover {color: #000; text-decoration: underline; font-weight: bold;}

A.edit {text-decoration: underline; font-weight: normal;}
A.edit:hover {color: #657B99; text-decoration: underline; font-weight: normal;}

A.action, A.edit {text-decoration: underline; font-weight: bold; color: #4B5676}
A.action:hover, A.edit:hover {text-decoration: underline; font-weight: bold; color: #000;}

a.actionItem 
{
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	text-align: center;
}
a.actionItem:hover
{
	text-decoration: none;
}

body.blue a.actionItem { border: 1px solid #657B99; background: url(../images/btn-lo.gif) repeat-x center }
body.blue a.actionItem:hover { background: url(../images/btn-hi.gif) repeat-x center }
body.green a.actionItem { border: 1px solid #65997B; background: url(../images/btn-lo-gr.gif) repeat-x center }
body.green a.actionItem:hover { background: url(../images/btn-hi-gr.gif) repeat-x center }
body.red a.actionItem { border: 1px solid #99657B; background: url(../images/btn-lo-rd.gif) repeat-x center }
body.red a.actionItem:hover { background: url(../images/btn-hi-rd.gif) repeat-x center }

a.menuItem 
{
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
}
a.menuItem:hover
{
	text-decoration: none;
}

body.blue a.menuItem { border: 1px solid #657B99; background: url(../images/menu-lo.gif) repeat-x center }
body.blue a.menuItem:hover { background: url(../images/menu-hi.gif) repeat-x center }
body.green a.menuItem { border: 1px solid #65997B; background: url(../images/menu-lo-gr.gif) repeat-x center }
body.green a.menuItem:hover { background: url(../images/menu-hi-gr.gif) repeat-x center }
body.red a.menuItem { border: 1px solid #99657B; background: url(../images/menu-lo-rd.gif) repeat-x center }
body.red a.menuItem:hover { background: url(../images/menu-hi-rd.gif) repeat-x center }

input,select,textarea
{
	border: solid 1px #b0b0b0;
	background-color: #efefef;
	font-size: 12px;
	color: Black;
}

input
{
}

span.checkBox
{
	vertical-align: middle;
}

span.checkBox input
{
	border: solid 0px black;
	background-color: Transparent;
	vertical-align: middle;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 12px;
}

span.checkBox label
{
	padding-left: 2px;
}

option
{
	font-size: 12px; 
	color: Black;
}

input.focus
{
	border-bottom: solid 1px #000000;
	border-left: solid 1px #f7f7f7;
	border-right: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	background: #f7f7f7;
}

#ctl00_topBar
{
	background: url(../images/fade4.png) repeat-x;
    margin: 0 auto;
    width: 1080px;
	height: 28px;
}

#topBarLeft
{
	float: left;
	width: 14px;
}

#topBarLeftInner
{
	float: left;
	line-height: 28px;
}

#topBarRightInner
{
	float: right;
	line-height: 28px;
}

#topBarRight
{
	float: right;
	width: 14px;
}

#ctl00_topBar span.divider
{
	color: #aaa;
}

#ctl00_middleBar
{
    margin: 0 auto;
    width: 1080px;
	height: 80px;
}

body.blue #ctl00_middleBar { background: url(../images/top_blu.jpg) no-repeat }
body.green #ctl00_middleBar { background: url(../images/top_gre.jpg) no-repeat }
body.red #ctl00_middleBar { background: url(../images/top_red.jpg) no-repeat }

body.blue .preLoad1 { background: url(../images/btn-hi.gif) repeat-x center }
body.blue .preLoad2 { background: url(../images/menu-hi.gif) repeat-x center }
body.green .preLoad1 { background: url(../images/btn-hi-gr.gif) repeat-x center }
body.green .preLoad2 { background: url(../images/menu-hi-gr.gif) repeat-x center }
body.red .preLoad1 { background: url(../images/btn-hi-rd.gif) repeat-x center }
body.red .preLoad2 { background: url(../images/menu-hi-rd.gif) repeat-x center }

#middleBarInner
{
	padding-right: 14px;
	padding-top: 33px;
	text-align: right;
}

#middleBarInner .adminMenu
{
	padding-top: 12px;
}

#ctl00_contentBar
{
	background-color: #fff;
    margin: 0 auto;
    width: 1080px;
}

#ctl00_contentBarInner
{
	padding: 10px;
}

div#sidebar, div.sidebar
{
	width: 190px;
	float: left;
}

#content, div.content 
{
	width: 870px;
	float: left;
}

#contentPadded, div.contentPadded
{
	padding: 15px;
} 

#narrowcontent, div.narrowcontent
{
	float: left;
	width: 570px;
}

.inputHi
{
	border-bottom: solid 1px #a08080;
	border-left: solid 1px #f7f7f7;
	border-right: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	background-color: #efefef
}

.inputBack, tr.forumBack
{
	background: #f7f7f7;
	padding-top: 4px;
	padding-bottom: 4px;
	height:34px;
}

.helpBack
{
	background: #f0f0f0;
	padding: 4px;
	height:34px;
}

tr.forumGroupHeader
{
	background: #e7e7e7;
	padding: 4px;
	height:34px;
}

.quizEntryBack
{
	background: #f7f7f7;
	padding-top: 4px;
	padding-bottom: 4px;
	height:34px;
}

.quizEntryBackHi
{
	background: #f0f0f0;
	padding-top: 4px;
	padding-bottom: 4px;
	height:34px;
}

.inputButtons
{
	height: 24px;
	padding-top: 12px;
	padding-bottom: 5px;
	text-align: right;
	vertical-align: top;
}

.topInputButtons
{
	height: 24px;
	padding-top: 5px;
	padding-bottom: 6px;
	text-align: left;
}

.errorMessages
{
	width: 70%;
	padding-top: 12px;
	padding-bottom: 5px;
	vertical-align: top;
}

.inputBackTitle
{
	background: #f7f7d7;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	
}

.inputPrompt, .errorInputPrompt, .inputPromptMulti
{
	font-weight: bold;
	text-align: right;
	padding-right: 12px;
	width: 35%;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
}

.inputPromptMulti
{
	padding-top: 10px;
	vertical-align: top;
}

.errorInputPrompt
{
	color: #900;
}

.helpText, td.forumGroupHeader
{
	padding-left: 8px;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
}

td.forumHi
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding: 6px;
}

td.forumLo
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	background: #f0f0f0;
	vertical-align: middle;
	padding: 6px;
}

td.forumGood
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding: 6px;
	color: #090;
	font-weight: bold;
	background: #f7fff7;
}

td.forumBad
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding: 6px;
	color: #900;
	background: #fff7f7;
}

.forumTitle
{
	font-size: 12px;
	font-weight: bold;
}

.quizEntry, .inputEntry
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	padding-left:6px;
	padding-right:6px;
}

.inputHeader
{
	background: url(../images/fade3.png) repeat-x;
	border-bottom: solid 1px #e0e0e0;
	padding-left:6px;
	padding-right:6px;
}

.inputValue
{
	width: 65%;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white
}

.score
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: verdana,arial,helvetica;
	text-align: center;
	background-color: #8f9fcf
}

.name
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #afbfdf
}

.actionField 
{
	font-family:verdana, arial;
	font-size:11px;
	color:#000000;
	height:18px;
	
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	background: #EEEEDD;
	
}

.artistTitle
{
	width: 46px;
}

.multiTitle
{
	width: 58px;
}

.multiAnswer
{
	height: 26px;
}

input.wrong
{
	border-bottom: solid 1px #b0b0b0;
	border-left: solid 1px #f7f7f7;
	border-right: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	background-color: #f7e7e7;
}

input.right
{
	border-bottom: solid 1px #b0b0b0;
	border-left: solid 1px #f7f7f7;
	border-right: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	background-color: #e7f7e7;
}


.clue
{
	font-weight: bold;
	width: 260px;
}

.posCell
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	padding: 2px;
	text-align: center;
	font-size: 9px;
	background-color: #f7f7f7;
}

.postdate
{
	width: 210px;
	text-align: right;
	color: #999;
	float: right;
	padding-top: 12px;
}

.topicdate {
	background: transparent;
	text-align: right;
	color: #999;
	float: right;
	width: 520px;
}

.error
{
	color: #900;
	font-weight: bold;
}

.warning
{
	color: #600;
}

.success
{
	color: #090;
	font-weight: bold;
}

.helpTitle
{
	border: solid 1px #ddd;
	background-color: #f0f0f0;
}

.helpBody
{
	border-top: solid 0px #f0f0f0;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #f7f7f7;
	padding: 5px;
}

.uktvComment
{
	padding-top: 4px;
	width: 392px;
}

.taskBody
{
	line-height: 1.7em;
	border-top: solid 0px #f0f0f0;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #f7f7f7;
	padding: 5px;
}

.taskBody:hover
{
	background: url(../images/helpback.gif) repeat-y;
}

.taskBody:hover a
{
	color: #222;
}

.userSays
{
	font-weight: bold;
}

.forumNote
{
	padding: 8px;
}

.forumDescription
{
	padding-top: 4px;
}

.rightPoints
{
	color: #007f00;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}

.wrongPoints
{
	color: #7f0000;
	font-weight: bold;
	font-size: 12px;
	padding-left: 3px;
}

.noGuess
{
	color: #7f0000;
	font-weight: bold;
}

.oneGuess
{
	color: #7f0000;
		font-weight: bold;
}

.multiGuess
{
	color: #007f00;
	font-weight: bold;
}

#popupWindow
{
	position:absolute;
	background-color:#DBD8D1;
	left:0px;
	top:0px;
	display:none;
	cursor: pointer;
	height: 300px;
}

#popupTitleLeft
{
	height: 20px;
	width: 100%;
	font-family: "trebuchet ms",geneva,lucida,helvetica,arial,sans-serif;
	font-size: 11px;
	background-color: #DBD8D1;
	border-left: solid 1px #808080;
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	padding-left: 3px;
}

#popupTitleRight
{
	height: 20px;
	width: 21px;
	background-color: #DBD8D1;
	border-right: solid 1px #808080;
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}

#popupContent
{
	height: 280px;
	background-color: #DBD8D1;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}

img.leftPhoto
{
	float: left;
	border: solid 1px #888;
	margin-right: 12px;
	padding: 0px;
	cursor: pointer;
}

img.rightPhoto
{
	float: right;
	border: solid 1px #888;
	margin-left: 12px;
	padding: 0px;
	cursor: pointer;
}

div.tagline
{
	padding-top: 8px;
	color: #888;
	font-style: italic;
}

div.fadeLeft
{
	clear: both;
	height: 36px;
	background-image: url(../Images/fadeleft.png);
	background-position: right center;
	background-repeat: no-repeat;
}
div.fadeRight
{
	clear: both;
	height: 36px;
	background-image: url(../Images/faderight.png);
	background-position: left center;
	background-repeat: no-repeat;
}

div.album
{
}

div.frontcover
{
	float: left;
	margin-right: 12px;
	padding: 0px;
	text-align: center;
	color: #ccc;
}

div.backcover
{
	float: right;
	margin-left: 12px;
	padding: 0px;
	text-align: center;
	color: #ccc;
}

div.albumdate
{
	float: right;
	font-weight: bold;
}

div.tracklist
{
	background: transparent;
	font-family: "trebuchet ms",geneva,"lucida grande", helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #666 !important;
	padding-top: 16px;
	padding-bottom: 8px;
	font-weight: bold;
}

div.tracklisting
{
	width: 250px;
	float: left !important;
	float: none;
	padding-right: 18px;
}

div.tracksamples
{
	float: right;
}

.tracknumber
{
	width: 21px;
	color: #aaa;
	padding-right: 4px;
}

div.tracksample
{
	clear: left;
	float: left;
	width: 22px;
	height: 18px;
}

.trackname
{
	padding-right: 12px;
}


img.audiocontrol
{
	cursor: pointer;
	width: 16px;
	height: 15px;
}

.clear
{
	clear: left;
}

div.newshi
{
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
}

.lowkey
{
	color: #999;
}

.light
{
	color: #bbb;
}

div.monitorTable
{
	width: 705px;
}

div.monitorTable div.row {  }

div.monitorTable div.head1,
div.monitorTable div.head2, 
div.monitorTable div.head3, 
div.monitorTable div.head4
{
	float: left;
	color: white; 
	background: url(../images/back.gif) repeat-x;
	height: 23px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	margin: 0px;
}

div.monitorTable div.headcol
{
	float: left;
	width: 684px;
	border-bottom: solid 1px #d7d7d7;
	border-top: solid 1px #f7f7f7;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	background: #e7e7e7;
	height:20px;
}

div.monitorTable div.colspan
{
	float: left;
	width: 684px;
	border-bottom: solid 1px #e7e7e7;
	border-top: solid 1px white;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	background: #f7f7f7;
	height:20px;
}

div.monitorTable div.col1, div.col3
{
	float: left;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	background: #f7f7f7;
	height:20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div.monitorTable div.col2, div.col4
{
	float: left;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	background: #f0f0f0;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	height:20px;
}

div.monitorTable div.col3Good
{
	float: left;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	background: #f7f7f7;
	height:20px;
	font-weight: bold;
	color: #090;
}

div.monitorTable div.col3Bad
{
	float: left;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	background: #f7f7f7;
	height:20px;
	color: #900;
}

div.monitorTable div.head1, div.monitorTable div.col1 { width: 494px; }
div.monitorTable div.head2, div.monitorTable div.col2 { width: 60px; text-align: center; }
div.monitorTable div.head3, div.monitorTable div.col3, div.monitorTable div.col3Good, div.monitorTable div.col3Bad { width: 50px; text-align: center; }
div.monitorTable div.head4, div.monitorTable div.col4 { width: 32px; text-align: center; }

#progressBar
{
	width: 154px;
	height: 18px;
	border: solid 1px #999;
}

#progressContent
{
	height: 18px;
	background-color: #e7e7e7;
	width: 0px;
}

div#columns
{
	width: 100%;
}

div.column
{
	float: left;
}

.columnTop
{
	width: 213px;
	text-align: center;
	background: url(../images/btop.png);
	height: 22px;
}

.columnTop div
{
	padding-top: 6px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #888;
}

div.columnMiddle
{
	width: 209px;
	background-color: #FCFCFC;
	border-left: solid 2px #F0F0F0;
	border-right: solid 2px #F0F0F0;
}

div.columnMiddle p
{
	padding-top: 12px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
div.columnMiddle>p
{
	margin: auto;
}

div.columnBottom
{
	width: 213px;
	margin-right: 6px;
	margin-bottom: 10px;
	text-align: center;
	background: url(../images/bbottom.png);
	height: 22px;
}

div.band
{
	width: 190px;
	margin-top: 12px;
	position: absolute;
	left: 500px;
	top: 300px;
	background-color: Black;
	cursor: pointer;
}

div.bandImage
{
	float: left;
	background-image: url(../eclectic/bands/bandss.jpg);
	width: 33px;
	height: 22px;
}

div.bandTitle
{
	margin: 0 auto;
	border: solid 1px #ddd;
	background-image: url(../images/fade2.png);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	width: 190px;
	height: 22px;
	text-align: left;
	line-height: 22px;
}

div.bandTitle b
{
	padding-left: 4px;
	margin: 0px;
}

div.bandContents
{
	margin: 0 auto;
	border-top: solid 0px #f0f0f0;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-image: url(../images/helpback.gif);
	background-repeat: repeat-y;
	background-color: #fafafa;
	width: 190px;
}

div.bandContents p
{
	padding: 6px;
	text-align: left;
	margin: 0px;
	font-size: 9px;
}

div.bandContents p i
{
	color: #999;
	font-style: normal;
	font-size: 9px;
}

#bandDetails i
{
	color: #999;
	font-style: normal;
}

#bandDetail
{
	display: none;
	border: solid 1px #000;
	position: absolute;
	background-image: url(../images/helpback.gif);
	background-repeat: repeat-y;
	background-color: #fafafa;
}

#bandImage
{
	float: left;
	background-image: url(../eclectic/bands/bands.jpg);
	width: 99px;
	height: 66px;
	border: solid 1px #999;
	margin: 8px;
}

#bandTitle
{
	margin: 0 auto;
	background-image: url(../images/fade3.png);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	text-align: left;
	line-height: 66px;
	border-bottom: solid 1px #000;
}

#bandTitle b
{
	font-size: 26px;
	padding-left: 12px;
	margin: 0px;
	width: 100%;
	height: 50%;
	font-weight: normal;
	background-image: url(../images/fade3.png);
	background-repeat: repeat-x;
	background-color: #f0f0f0;
}

.popupS1
{
	display: none;
	border: solid 1px #666;
	position: absolute;
	z-index: 1001; 
}

.popupS1Content
{
	background-image: url(../images/helpback.gif);
	background-repeat: repeat-y;
	background-color: #fafafa;
	height: 100%;
}

.popupS1Title
{
	margin: 0 auto;
	background-repeat: repeat-x;
	text-align: left;
	border-bottom: solid 1px #666;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 6px;
	cursor: move;
	color: White;
	height: 40px;
}

body.blue .popupS1Title { background-image: url(../images/title_blu.jpg) }
body.green .popupS1Title { background-image: url(../images/title_gre.jpg) }
body.red .popupS1Title { background-image: url(../images/title_red.jpg) }

.popupS1Title #mainTitle 
{
	color: white;
	font-size: 20px;
	margin: 0px;
	font-weight: normal;
}

.popupS1Title #subTitle, 
.popupS1Title #subTitle b
{
	color: #eee;
}

.popupS1Close
{
	float: right;
	padding: 3px 3px 8px 8px;
	cursor: pointer;
}

#popupTitle
{
	zoom: 1;
}

#filmImage
{
	float: left;
	border: solid 1px #999;
	margin: 8px;
}

#filmDetails
{
	float: left;
}


#filmTitle, #filmTitle b
{
	color: #eee;
}

#filmTitle b.filmTitle
{
	color: white;
	font-size: 20px;
	margin: 0px;
	width: 100%;
	height: 50%;
	font-weight: normal;
}

#filmOutline, #bandBio
{
	clear: both;
	padding: 0px 10px 10px 10px;
}

div.boxTitle
{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
	background-color: #f0f0f0;
	height: 22px;
	width: 170px;
}

div.boxTitle span
{
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
}

div.boxTitle div
{
	text-align: left;
	padding-left: 4px;
	float: left;
}

div.toolbar
{
	border: solid 1px #ddd;
	height: 22px;
	width: 728px;
	margin-bottom: 12px;
}

div.toolbarInner
{
	background: url(../images/spanner.gif) no-repeat;
	line-height: 22px;
	background-color: #f0f0f0;
}

div.toolbarContent
{
	margin-left: 30px;
}

div.infobar
{
	border: solid 1px #ddd;
	height: 22px;
	width: 100%;
	margin-bottom: 12px;
	text-align: center;
}

div.infobarInner
{
	background: url(../images/pie.gif) no-repeat;
	line-height: 22px;
	background-color: #f0f0f0;
}

div.boxContents
{
	border: solid 1px #ddd;
	background-color: #f7f7f7;
	width: 170px;
}

div.menuBoxContents
{
	line-height: 1.7em;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #f7f7f7;
	width: 170px;
	z-index: 1000;
}

div.boxContents div
{
	padding: 6px;
}

div.boxContents div p
{
	margin-top: 4px;
	margin-bottom: 4px;
}

div.menuBoxContents a, div.menuBoxContents a.current
{
	font-weight: normal;
	text-align: left;
	border-top: solid 1px #ddd;
	padding-top: 4px;
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 4px;
	text-decoration: none;
	background-color: #f7f7f7;
	display: block;
	width: 146px; /* IE */
}
div.menuBoxContents>a, div.menuBoxContents>a.current { width: auto; } /* others */

div.menuBoxContents a.current
{
	font-weight: bold;
	background-image: url(../images/arrow.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
}

div.menuBoxContents a:hover
{
	font-weight: normal;
	text-decoration: underline;
	background: url(../images/helpback.gif) repeat-y;
}

div.menuBoxContents a.current:hover
{
	font-weight: bold;
	background-image: url(../images/arrow.gif);
	background-position: 6px center;
	background-repeat: no-repeat;
	text-decoration: underline;
}

div.menuItemCurrent
{
	border-top: solid 1px #ddd;
	background: url(../images/menulo.gif) repeat-x;
	line-height: 1.7em;
	height: 24px;
	font-weight: bold;
}

div.menuItemCurrent div
{
	padding-top: 0px;
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 6px;
}

div.menuItem
{
	border-top: solid 1px #ddd;
	background-color: #f7f7f7;
	line-height: 1.7em;
	height: 24px;
}

div.menuItem:hover
{
	border-top: solid 1px #ddd;
	background: url(../images/helpback.gif) repeat-y;
	line-height: 1.7em;
	height: 24px;
}

div.menuItem:hover a
{
	color: #222;
}

div.menuItem div
{
	padding: 0px;
	padding-left: 10px;
	margin-top: 2px;
	margin-left: 6px;
}

div.menuItem a 
{ 
	font-weight: normal; 
}
div.menuItem a:hover 
{
	font-weight: normal; 
}

div.folderMenuItem
{
	z-index: 2000;
	position: relative;
	display: inline;
}

div.folderMenuItem div.subMenu
{
	border-top: solid 1px #ddd;
	width: 170px;
	background-color: #f7f7f7;
	position: absolute;
	left: 1px;
	top: 23px;	/* IE */
}
div.folderMenuItem>div.subMenu { top:18px; } /* others */

div.subMenu a
{
	text-align: left;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	text-decoration: none;
	background-color: #f7f7f7;
	display: block;
	width: 100%; /* IE */
}
div.subMenu>a { width:auto; } /* others */

div.subMenu a:hover
{
	text-decoration: none;
	background: url(../images/helpback.gif) repeat-y;
}

div.folderMenuItem div.subMenu
{
	display:none;
}

div.folderMenuItem:hover div.subMenu
{
	display:block;
}		

div.pageTop
{
	height: 2px;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	margin: 0px;
	padding: 0px;
	width:600px
}

div.pageMiddle
{
	border-left: solid 1px black;
	border-right: solid 3px black;
}

div.pageBottom
{
	border-left: solid 1px black;
	border-right: solid 3px black;
	border-bottom: solid 3px black;
}

.iframe
{
	border: solid 1px #f7f7f7;
}

div#loadTime
{
	clear: both;
	color: #ccc;
	padding-left: 15px;
}

div.blog
{
	float: none;
	background-image: url(../Images/fade0.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 5px;
}

div.blog h4
{
	float: none;
	margin: 3px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
}

div.blog h5
{
	float: none;
	margin: 0px 0px 2px 0px;
	font-size: 9px;
	color: #aaa;
}

div.blog h6
{
	float: right;
	margin: 1px 0px 2px 0px;
	font-size: 11px;
	color: #888;
	font-weight: normal;
	text-align: right;
}

div.blog h3
{
	float: right;
	margin: 0px 0px 2px 0px;
	font-size: 9px;
	text-align: right;
}

div.blog h3 a {color: #aaa; text-decoration: none; font-weight: normal;}
div.blog h3 a:hover {color: #666; text-decoration: none; font-weight: normal;}

div#loadingThumbnails
{
	width: 700px;
	text-align: center;
	padding-top: 100px;
	color: #666;
}

div.stock
{
	margin-left: 9px;
	margin-bottom: 6px;
	width: 190px;
	height: 60px;
	border: solid 1px #ddd;
	text-align: left;
}

div.stockThumb
{
	float: left;
	padding: 0px;
}

div.stockMake
{
	font-weight: bold;
	background-color: #eee;
	height: 18px;
	padding-left: 4px;
	margin: 0px;
	float: right;
	width: 96px;
}

div.stockName
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	margin: 0px;
	float: right;
	width: 92px;
}

img#stockImage
{
	width: 600px;
	height: 350px;
}

img#stockLoadImage
{
	position: absolute;
	left: 160px;
	top: 162px;
	width: 280px;
	height: 26px;
}

div#stockFull
{
	position: absolute;
	width: 600px;
	height: 400px;
	left: 240px;
	top: 170px;
	border: solid 1px #ddd;
	display: none;
	margin: 0px;
	z-index: 0;
	background-color: white;
}

div#stockFullMake
{
	width: 120px;
	height: 44px !important;
	height: 50px;
	font-weight: bold;
	background-color: #eee;
	font-size: 14px;
	padding-top: 9px;
	padding-left: 16px;
	margin: -2px 0px 0px 0px;
	float: left;
}

div#stockFullMake .ref
{
	font-size: 11px;
	font-weight: normal;
	padding-top: 0px;
	margin-top: 0px;
}

div#stockFullMake .noref
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	padding-top: 0px;
	margin-top: 0px;
}

div#stockFullName
{
	font-size: 14px;
	float: left;
	padding-top: 14px;
	padding-left: 16px;
}

div#stockFullClose
{
	font-size: 14px;
	float: right;
	padding-top: 14px;
	padding-right: 16px;
}

div#pager
{
	border: solid 1px #F2F2F2;
	background-color: #FCFCFC;
	width: 666px !important;
	width: 674px;
	height: 18px;
	padding: 4px;
	margin-bottom: 8px;
}

div#pager div#info
{
}

div#pager div#pages
{
	float: right;
}

div#pager div#pages A {text-decoration: none; font-weight: normal;}
div#pager div#pages A:hover {text-decoration: underline; font-weight: normal;}

table.tabholder
{
	width: 730px;
	background: url(../images/page.png) repeat-x;
}

table.tabholder table
{
}

table.tabholder td
{
	vertical-align: top;
}

table.tabholder table td.c1
{
	width: 10%;
	vertical-align: top;
}

table.tabholder table td.c2
{
	width: 90%;
	vertical-align: top;
}

table.backingholder
{
	width: 100%;
	background: url(../images/page.png) repeat-x;
}

table.backingholder td
{
	vertical-align: top;
}

table.backingholder table td.c1
{
	width: 10%;
	vertical-align: top;
}

table.backingholder table td.c2
{
	width: 90%;
	vertical-align: top;
}

.tabindex
{
	float: right;
	border: solid 1px #DDDDDD;
}

.tabgrouptitle
{
	font-size: 16px;
}

.tabheader
{
	width: 730px;
}

.tabtitle
{
	border-left: solid 1px #DDDDDD;
	border-top: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 5px 4px 5px;
	background-color: #F0F0F0;
}

.tabid
{
	font-size: 18px;
	float: right;
}

.tabrealid
{
	padding-top: 4px;
	padding-right: 10px;
	font-size: 12px;
	float: right;
	color: #ccc;
}

.tabartist
{
	border-left: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	font-size: 12px;
	background-color: #F7F7F7;
	padding: 3px 5px 5px 5px;
}

.tabver
{
	float: right;
	color: #999;
}

.tabtable
{
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

.chordlisttable
{
	padding: 0px;
	border: 0px;
}

.tabtable td
{
}

.lyrictable
{
	margin-top: 3px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

.tabcomment
{
	padding-top: 6px;
	padding-bottom: 6px;
	color: Black;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.tabindextitle
{
	color: Black;
}

p.guitarcomment
{
	margin: 0px;
	font-size: 12px;
}

.chordcomment
{
	font-size: 12px;
	color: #666;	
}

td.chord
{
	padding-top: 5px;
	color: Blue;
	font-size: 12px;
}

td.keyBar
{
	border: solid 1px #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: Blue;
	font-size: 12px;
}

td.altBar
{
	border: solid 1px #bbb;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: Blue;
	font-size: 12px;
}

td.comBar
{
	border: solid 1px #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
}

div.barpart
{
	color: Blue;
	font-size: 12px;
	float: left;
}

td.chordlist
{
	padding-top: 5px;
	font-size: 12px;
}

td.lyric
{
	color: Black;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}

td.lyricchorus
{
	color: #444;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}

td.lyrictab
{
	font-family: Courier New;
	color: #444;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}

table.tabgrid
{
}

table.tabgrid td
{
	color: #000;
	font-family: Courier New;
	font-size: 12px;
	background: url(../images/tabcon.gif) no-repeat center;
	vertical-align: middle;
}

table.tabgrid td.tl
{
	background: url(../images/tabtop.gif) no-repeat left;
}

table.tabgrid td.tr
{
	background: url(../images/tabtop.gif) no-repeat right;
}

table.tabgrid td.ml
{
	background: url(../images/tabmid.gif) no-repeat left;
}

table.tabgrid td.mr
{
	background: url(../images/tabmid.gif) no-repeat right;
}

table.tabgrid td.bl
{
	background: url(../images/tabbot.gif) no-repeat left;
}

table.tabgrid td.br
{
	background: url(../images/tabbot.gif) no-repeat right;
}

select.transpose
{
	font-size: 11px;
}

.chorus 
{
	padding-left: 3em;
	border-left: solid 1px #ddd;
}

.rssHeader
{
	cursor: pointer; 
	width: 100%; 
	background-color: #f7f7f7; 
	border-bottom: 1px solid #ddd;
	height:20px
}

.rssContent
{
	margin: 0px; 
	background-color: #eee; 
	height: 0px;
	overflow: hidden;
}

.rssContent div
{
	padding: 4px 4px 4px 16px; 
	overflow: hidden;
}

.video
{
	float: left;
	width: 168px;
	margin-right: 20px;
}

.video .title
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
}

.video .img
{
	height: 120px;
	
}

.video .img a
{
	display: block;
	border: solid 4px #ddd;
	height: 120px;
}

.video .img a:hover
{
	border: solid 4px #666;
}

.video .img img
{
	width: 160px;
	height: 120px;
}

.video .notes
{
	padding-top: 4px;
	background-color: red
}

.video .notes .added
{
	float: right;
}

#popupBack
{ 
     position: absolute; 
     top: 0px; 
     bottom: 0px; 
     left: 0px; 
     right: 0px; 
     overflow: hidden; 
     padding: 0; 
     margin: 0; 
     background-color: #000; 
     filter: alpha(opacity=50); 
     opacity: 0.5; 
     z-index: 1000; 
     width: 100%;
     height: 100%;
     display: none;
} 

#videoPopup
{
	z-index: 1001; 
}

#videoPopup .topArea
{
	background-color: white;
	border: solid 4px #ddd;
	padding: 8px;
}

#videoPopup .topAreaInner
{
	width: 624px;
	height: 40px;
}

#videoPopup .close
{
	float: right;
}

#videoPopup .title
{
	font-size: 16px;
	font-weight: bold;
}

#videoPopup .videoPlayer
{
	border-right: solid 4px #ddd;
	border-left: solid 4px #ddd;
}

#videoPopup .videoPlayerInner
{
	height: 480px;
	width: 640px;
}

#videoPopup .bottomArea
{
	background-color: White;
	border: solid 4px #ddd;
	padding: 8px;
}

#videoPopup .bottomAreaInner
{
	width: 624px;
	height: 40px;
}

.popupEx
{
	display: none;
	position: absolute;
	z-index: 1001; 
	background-color: Red;
}

.countBox
{
	background-color: #eee;
}

table.cell
{
	width: 730px;
	border-collapse: collapse;
}

table.cell tr td
{
	width: 73px;
	height: 75px;
	border: solid 1px #eee;
	text-align: center;
}

table.masterLayout
{
}

table.masterLayout tr
{
	background: #f7f7f7;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 30px;
}

table.masterLayout td
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	padding-left:6px;
	padding-right:6px;
}

table.masterLayout td.link
{
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px white;
	padding-left:6px;
	padding-right:6px;
	cursor: pointer;
}
table.masterLayout td.link:hover
{
	filter: alpha(opacity:55);
	KHTMLOpacity: 0.55;
	MozOpacity: 0.55;
	opacity: 0.55;
}

table.masterLayout td.grey
{
	border-bottom: solid 1px #f0f0f0;
	border-top: solid 1px #f0f0f0;
	background-color: #f0f0f0;
	padding-left:6px;
	padding-right:6px;
}

table.masterLayout td.header
{
	background: url(../images/fade3.png) repeat-x;
	border-top: solid 0px white;
}

table.masterLayout td.headerc
{
	background: url(../images/fade3.png) repeat-x;
	border-top: solid 0px white;
	vertical-align: middle;
	text-align: center;
}

table.masterLayout td.headerLink
{
	background: url(../images/fade3.png) repeat-x;
	border-top: solid 0px white;
	cursor: pointer;
}
table.masterLayout td.headerLink:hover
{
	filter: alpha(opacity:55);
	KHTMLOpacity: 0.55;
	MozOpacity: 0.55;
	opacity: 0.55;
}
table.masterLayout td.h2
{
	height: 32px !important;
	height: 30px;
}

#tabInserter
{
	clear: both;
	width: 100%;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	border-top: solid 1px #b0b0b0;
}

#tabInserter div
{
	padding: 4px;
}

table.admin th, table.admin td
{
	padding: 1px;
	border: solid 1px #666
}

table.admin th
{
	text-align: left;
}

/*---------- bubble tooltip -----------*/
.tt, .ttr
{
    position:relative;
    z-index:24;
}
span.tooltip, span.tooltipr
{ 
	display: none; 
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover,.ttr:hover{ z-index:25; background:;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:18px; left:0px;
	width:200px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	font-weight: normal;
	line-height: 16px;
}
.ttr:hover span.tooltip{
    display:block;
    position:absolute;
    top:18px; left:-180px;
	width:200px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	font-weight: normal;
	line-height: 16px;
}
.tt:hover span.top
{
	display: block;
	padding: 20px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
.ttr:hover span.top
{
	display: block;
	padding: 20px 8px 0;
    background: url(../Images/bubbler.gif) no-repeat top;
}
.tt:hover span.middle, .ttr:hover span.middle
{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
	xbackground-color: red
}
.tt:hover span.bottom
{
	display: block;
	padding: 3px 8px 4px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}
.ttr:hover span.bottom
{
	display: block;
	padding: 3px 8px 4px;
	color: #548912;
    background: url(../Images/bubbler.gif) no-repeat bottom;
}

table.layout
{
	border-collapse: collapse;
}

table.layout td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.chordSaved, .chordOK, .chordError
{
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px white;
	padding-left: 20px; 
	padding-right: 20px;
}
.chordSaved
{
	background-color: #eee;
}
.chordOK
{
	background-color: #0e0;
}
.chordError
{
	background-color: #e00;
}


input.large
{
	border: solid 1px #b0b0b0;
	font-size: 14px;
	color: Black;
	background-color: White;
}

.mjtime { color: #666; font-size: 12px }
.mjwind { color: #666; font-size: 18px }
.mjround { color: #666; font-size: 18px }
.mjwindlight { color: #ccc; font-size: 14px }
.mjname { color:#666; font-size: 18px }
.mjnamehigh { color:#fff; font-size: 18px }
.mjnamelight { color: #ccc; font-size: 22px }
.mjscore { color: #000; font-size: 18px }
.mjdouble { color: #000; font-size: 14px }
.mjscorebad { color: #900; font-size: 18px; }
.mjscoregood { color: #090; font-size: 18px; }
table.mjboard
{
	width: 100%;
	table-layout: fixed;
}
table.mjboard td
{
}
td.mjround
{
	border: solid 1px #ccc;
	padding: 8px;
	background-color: White;
}
td.mjseat
{
	vertical-align: middle;
	text-align:-moz-center;
	!text-align:center;
}
img.tile
{
	border: solid 3px #eee;
}
img.tilesel
{
	border: solid 3px #060;
}
.mjrack
{
	padding: 10px;
	border: solid 1px #ccc;
	background-color: #eee;
}
.mjrack div
{
	height: 50px;
}
.mjhead
{
	height: 30px;
	font-size: 18px;
	border: solid 1px #ccc;
	background-color: #eee;
	background: url(../images/fade3.png) repeat-x;
	line-height: 30px;
}
.mjhead b
{
	font-size: 18px;
	font-weight: normal;
	color: #090;
}
.mjhead .left
{
	padding-left: 6px;
	font-size: 18px;
	float: left;
}
.mjhead .right
{
	padding-right: 6px;
	font-size: 18px;
	float: right;
}
.mjtrans
{
	filter: alpha(opacity:30);
	KHTMLOpacity: 0.3;
	MozOpacity: 0.3;
	opacity: 0.3;
}
.mjtile
{
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
}
.mjmini
{
	vertical-align: middle;
	height: 25px;
}
div.mjpart
{
	float: left;
}

div.mjscore 
{ 
	color: #000; 
	font-size: 18px;
	width: 100px;
	text-align: right;
}

div.mjdouble 
{ 
	color: #000; 
	font-size: 14px;
	width: 100px;
	text-align: right;
}

div.mjscorehead
{
	color: White;
	width: 100px;
	text-align: right;
} 

table.simple, table.simplehi
{
	table-layout: fixed;
	border-collapse: collapse;
}

table.simple tr, table.simplehi tr
{
	padding: 0px;
}

table.simple td
{
	padding: 0px;
	border: 0px;
}

table.simplehi td
{
	background: url(../images/fade3.png) repeat-x;
	padding: 0px;
	border: 0px;
}