*
{
	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	
{ 
	text-align: justify;
	padding-bottom: 12px;
}

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-repeat: 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;
	background-repeat: repeat-x;
}

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

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

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

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, a.actionItemDisabled
{
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 4px;
	text-decoration: none;
	text-align: center;
}
a.actionItem:hover
{
	text-decoration: none;
}

a.actionItemDisabled
{
	border: 1px solid #ccc; 
	background-color: #eee;
} 

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

body.blue a.actionItem, body.blue a.goLink { border: 1px solid #657B99; background: url(../images/btn-lo.gif) repeat-x center }
body.blue a.actionItem:hover, body.blue a.goLink:hover { background: url(../images/btn-hi.gif) repeat-x center }
body.green a.actionItem, body.green a.goLink { border: 1px solid #65997B; background: url(../images/btn-lo-gr.gif) repeat-x center }
body.green a.actionItem:hover, body.green a.goLink:hover { background: url(../images/btn-hi-gr.gif) repeat-x center }
body.red a.actionItem, body.red a.goLink { border: 1px solid #99657B; background: url(../images/btn-lo-rd.gif) repeat-x center }
body.red a.actionItem:hover, body.red a.goLink: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;
	resize: none;
	vertical-align: middle;
    margin-right: 3px;
}

option
{
	padding-right: 10px;
}

label 
{
    vertical-align: middle;
    padding-right: 12px;
}

textarea.large, select.large, table.input select
{
	font-family: verdana,arial,helvetica;
	padding: 3px;
	border: solid 1px #b0b0b0;
	font-size: 12px;
	color: Black;
	background-color: White;
}

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;
}

p.pageBreak
{
	page-break-before: always;
}

#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;
	padding-right: 4px;
}

#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;
}

#mediumcontent, div.mediumcontent
{
	float: left;
	width: 650px;
}

#fullcontent, div.fullcontent 
{
	float: left;
}

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

.inputBack
{
	background: #f7f7f7;
}

.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;
	background-repeat: repeat-x repeat-y;
}

.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;
}

div.buttonBar
{
	padding-top: 12px;
	padding-bottom: 12px;
}

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

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

.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;
}

.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;
}
.quizEntry img
{
	vertical-align: middle;
}

.quizInfo
{
	border-bottom: solid 1px #e0e0e0;
	padding-left:6px;
	padding-right:6px;
	background: #f4f4f4;
	padding-top: 8px;
	padding-bottom: 8px;
}

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

.inputValue
{
	xwidth: 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
}

.artistTitle
{
	width: 46px;
}

.multiTitle
{
	width: 58px;
}

.multiAnswer
{
	height: 26px;
}

input.quiz
{
	margin: 2px;
	padding: 3px;
	background-color: #ffffff;
}

input.greyed
{
	margin: 2px;
	padding: 3px;
	background-color: #efefef;
}

input.wrong
{
	margin: 2px;
	padding: 3px;
	background-color: #f7e7e7;
}

input.right
{
	margin: 2px;
	padding: 3px;
	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
{
	text-align: right;
	color: #ccc;
	float: right;
	padding: 12px 0px 0px 0px;
}

.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; }
.amber { color: #dd5500; }

.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;
}

.userSays
{
	font-weight: bold;
}

.forumNote
{
	padding: 8px;
}

.forumDescription
{
	padding-top: 4px;
}

div.rightPoints
{
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	color: #187e18;
	font-weight: bold;
	font-size: 12px;
	width: 36px;
	text-align: right;
}
.goodPoints
{
	color: #187e18;
	font-weight: bold;
}

div.wrongPoints
{
	background-image: url(../images/wrong.png);
	background-repeat: no-repeat;
	color: #d22907;
	font-weight: bold;
	font-size: 12px;
	width: 36px;
	text-align: right;
}
.badPoints
{
	color: #d22907;
	font-weight: bold;
}

.quizlow
{
     filter: alpha(opacity=50); 
     opacity: 0.5; 
}

.quizMark
{
	vertical-align: middle;
}

.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;
	background-color: #f0f0f0;
	border: solid 1px #999;
}

#popupTitleLeft
{
	float: left;
	font-family: "trebuchet ms",geneva,lucida,helvetica,arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 3px;
}

#popupTitleRight
{
	float: right;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}

#popupTitleRight img
{
	vertical-align: top;
	width: 47px;
	height: 19px;
	margin-bottom: 3px
}

#popupContent
{
	clear: both;
	background-color: #f7f7f7;
}

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;
}

.clear
{
	clear: left;
}

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

.lowkey
{
	color: #999;
}

.light
{
	color: #bbb;
}

div.monitorTable
{
	width: 805px;
}

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: 784px;
	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: 784px;
	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: 594px; }
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 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;
}

#popupCover 
{
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}

#popupImgBox
{
	display: none;
	border: solid 3px #666;
	background-color: #999;
	padding: 3px;
	position: absolute;
	z-index: 1001; 
}

#popupImgBox img
{
	cursor: pointer;
	border: solid 0px black;
	display: block;
}

#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.infopanel
{
	border: solid 1px #ddd;
	background-color: #f0f0f0;
	padding: 8px;
}

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#loadTime
{
	clear: both;
	color: #ccc;
	padding-left: 15px;
}

.fixed
{
	font-family: Courier New;
}

.fixedRight
{
	font-family: Courier New;
	padding-left: 12px;
	float: right;
}

img.blogKey
{
	vertical-align: middle;
	width: 9px;
	height: 9px;
	margin-bottom: 2px;
}


div.blog
{
	float: none;
	clear: both;
	padding-bottom: 34px;
}

div.blog img.right
{
	float: right;
	margin: 0px 0px 6px 16px;
	padding: 5px;
	border: solid 1px #cccccc;
}

div.blog img.rightp
{
	float: right;
	margin: 0px 0px 0px 16px;
}

div.blog div.header
{
	background-color: #ddd;
	height: 5px;
	padding: 0px;
	margin: 0px;
}

div.blog div.header img
{
	float: left;
	height: 5px;
	padding: 0px;
	margin: 0px;
	display: block;
}

div.blog div.upper
{
	background-color: #f0f0f0;
	height: 32px;
	padding: 0px;
	margin: 0px;
}

div.blog div.lower
{
	background-color: #f7f7f7;
	height: 24px;
}

div.blog h4 /* title */
{
	padding: 5px 0px 0px 7px;
	font-size: 14px;
	font-weight: bold;
}

div.blog h5 /* date */
{
	padding: 5px 0px 0px 7px;
	font-size: 10px;
}

div.blog h6 /* tags */
{
	float: right;
	padding: 7px 7px 0px 0px;
	font-size: 11px;
	color: #888;
	font-weight: normal;
	text-align: right;
}

div.blog h3 /* links */
{
	float: right;
	padding: 5px 7px 0px 0px;
	margin: 0px;
	font-size: 10px;
	text-align: right;
}

div.blogcontent
{
	padding: 16px 7px 0px 7px;
	text-align: justify;
}

br.blogend
{
	clear: both;
}

div.bloghidden
{
	background-color: #ffcccc;
	padding: 8px;
	margin-bottom: 20px;
}

table.timeline
{
	border-collapse: collapse;
	width: 100%
}

table.timeline tr
{
	height: 60px;
}

table.timeline td
{
	padding: 2px 8px 2px 8px;
	vertical-align: middle;
}

table.timeline td.year
{
	border: solid 1px #ddd;
	background-color: #e7e7e7;
	font-size: 14px;
}

table.timeline td.date
{
	border: solid 1px #ddd;
	background-color: #f0f0f0;
}

table.timeline td.entry
{
	border-left: solid 1px #ddd;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background-color: #f7f7f7;
}

table.timeline td.img
{
	text-align: right;
	background-color: #f7f7f7;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

table.timeline td.img img
{
	height: 44px;
	vertical-align: middle;
}

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.tabindexholder
{
	border-collapse: collapse;
	width: 730px;
}

table.tabindexholder table
{
	width: 100%;
}

table.tabindexholder td
{
	width: 50%;
	vertical-align: top;
}

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

table.tabindexholder 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, .isotabcomment
{
	padding-top: 0px;
	padding-bottom: 0px;
	color: #222;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}

.isotabcomment
{
	color: #900
}

.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.chordtab
{
	font-family: Courier New;
	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;
}

td.lyricchorus
{
	color: #444;
	font-size: 12px;
}

td.lyricoverlay
{
	font-size: 12px;
	font-style: italic;
}

td.lyrictab
{
	font-family: Courier New;
	color: #444;
	font-size: 12px;
}

span.bvocal
{
	font-size: 12px;
	color: #cc5500;
}

span.dvocal
{
	font-size: 12px;
	color: #990033;
}

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: 36px; border-left: solid 1px #ddd; }
.loud1 { padding-left: 36px; border-left: solid 1px #e00000; }
.loud2 { padding-left: 35px; border-left: solid 2px #c70000; }
.loud3 { padding-left: 34px; border-left: solid 3px #b00000; }
.loud4 { padding-left: 33px; border-left: solid 4px #970000; }
.loud5 { padding-left: 32px; border-left: solid 5px #800000; }
.quiet1 { padding-left: 36px; border-left: solid 1px #00e000; }
.quiet2 { padding-left: 35px; border-left: solid 2px #00c700; }
.quiet3 { padding-left: 34px; border-left: solid 3px #00b000; }
.quiet4 { padding-left: 33px; border-left: solid 4px #009700; }
.quiet5 { padding-left: 32px; border-left: solid 5px #008000; }

.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, table.input input
{
	padding: 3px;
	border: solid 1px #b0b0b0;
	font-size: 12px;
	color: Black;
	background-color: White;
}

table.input input.disabled
{
	padding: 3px;
	border: solid 1px #b0b0b0;
	font-size: 12px;
	color: Black;
	background-color: #eee;
}

.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; }
.mjscorenormal { color: #999; 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
{
}

table.simple td
{
}

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

table.input
{
	border-collapse: collapse;
}

table.input tr
{
}

table.input th
{
	padding-left: 8px;
	text-align: left;
}

table.input td
{
	padding-left: 8px;
	padding-left: 8px;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px #ffffff;
	background: #f7f7f7;
}

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

table.input td.buttons
{
	padding-top: 10px;
	padding-bottom: 10px;
	background: #f0f0f0;
}

table.input td.help
{
	background: #f0f0f0;
	padding-top: 8px;
	padding-bottom: 8px;
}

table.input td.prompt, table.input td.errorprompt
{
	background: #f4f4f4;
	border-right: dotted 1px #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 6px;
	vertical-align: top;
	text-align: right;
}

table.input td.errorprompt
{
	color: #900;
}

table.input td.value
{
	padding-top: 10px;
	vertical-align: top;
	font-weight: bold;
}

table.quizheader
{
	border-collapse: collapse;
}

table.quizheader tr
{
}

table.quizheader td.info
{
	width: 89%;
	padding: 12px 6px 12px 6px;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px #ffffff;
	background: #fafafa;
}

table.quizheader td.prompt
{
	width: 11%;
	background: #f4f4f4;
	border-right: dotted 1px #eeeeee;
	padding: 12px 6px 12px 6px;
	border-bottom: solid 1px #e0e0e0;
	border-top: solid 1px #ffffff;
	vertical-align: middle;
	text-align: right;
}

div.mscol1
{
	float: left;
	width: 40px;
}

div.mscol2
{
	padding-top: 18px;
	float: left;
	width: 40px;
}

div.mscol3
{
	padding-top: 18px;
	float: right;
	width: 80px;
	text-align: right;
}

div.mscoll
{
	float: left;
	margin-left: 40px;
	width: 60px;
	text-align: left;
}

div.mscolm
{
	float: right;
	width: 60px;
	text-align: right;
}

div.mscoln
{
	padding-top: 4px;
	float: right;
	width: 40px;
	text-align: right;
}

.mjinfo
{
	color: Red;
	background-color: Red;
	height: 50px;
}

div.awdotw, div.awday
{
	float:left;
	width: 110px;
	height: 110px;
	border: solid 1px #ccc;
	text-align: center;
	margin: 0px 10px 10px 0px;
	font-weight: bold;
}

div.awdotw div, div.awday div
{
	padding: 2px 4px 0px 4px;
}

div.awdotw
{
	background-color: #f7f7f7;
	height: 22px;
}

div.sitenode
{
	text-align: center;
	padding: 8px 6px 0px 6px;
}

.dice
{
	float: right;
	background-image: url(../tad/dice.png);
	width: 42px;
	height: 42px;
	vertical-align:middle;
	margin-bottom: 12px;
	margin-left: 12px;
}

table#tadBoard
{
	clear: both;
	border-collapse: collapse;
}

table#tadBoard td.cell, table#tadBoard td.cellr, table#tadBoard td.cellb
{
	border: 1px solid #ddd;
	width: 55px;
	height: 55px;
	text-align: center;
	font-weight: bold;
	background-position: 40px 40px;
	background-repeat: no-repeat;
}

table#tadBoard td.cellr
{
	color: White;
	background-color: #ff0000;
}

table#tadBoard td.cellb
{
	color: White;
	background-color: #3366ff;
}

#tadHeader
{
	float: left;
	vertical-align:middle;
	padding-top: 12px;
}

.tadPlayer
{
	position: absolute;
	display: none;
}

.tadMain
{
	clear: both;
	float: left;
}

#tadMoves
{
	float: right;
	border: 1px solid #ddd;
	width: 290px;
	overflow: auto;
}

#tadMoves div
{
	padding: 8px;
}

#tadInst
{
	padding-left: 32px;
}

div.mainBox1, div.mainBox2, div.mainBox3, div.mainBox4, div.mainBox5, div.mainBox6
{
	float: left;
	border: 1px solid #ddd;
	width: 343px;
	height: 343px;
}

div.mainBox1, div.mainBox3, div.mainBox5
{
	border: 2px solid #ddd;
}

div.mainBox2, div.mainBox4, div.mainBox6
{
	border: 2px dotted #ddd;
}

div.mainBox1, div.mainBox2, div.mainBox4, div.mainBox5
{
	margin-right: 9px;
}

div.mainBox1, div.mainBox2, div.mainBox3
{
	margin-bottom: 10px;
}

div.mainBox1 div, div.mainBox2 div, div.mainBox3 div, div.mainBox4 div, div.mainBox5 div, div.mainBox6 div
{
	padding: 12px 12px 0px 12px;
}

table.basic
{
	border-collapse: collapse;
}

table.basic th
{
	font-family: verdana,arial,helvetica; 
	font-size: 11px; 
	height: 22px;
	padding: 4px;
	background-color: #f0f0f0;
	border: solid 1px #ddd;
}

table.basic td
{
	padding: 4px;
	background-color: #f7f7f7;
	border: solid 1px #ddd;
}

table.quizSmallLeader
{
	width: 170px;
	border-collapse: collapse;
}

table.quizSmallLeader tr
{
	background-color: #f7f7f7;
}

table.quizSmallLeader tr.select
{
	background-image: url(../images/check.png);
	background-repeat: repeat-x repeat-y;
}

table.quizSmallLeader th
{
	font-family: verdana,arial,helvetica; 
	padding: 2px;
	background-color: #f0f0f0;
	border: solid 1px #ddd;
	text-align: center;
}

table.quizSmallLeader td
{
	padding: 2px;
	border: solid 1px #ddd;
	text-align: center;
}

table.quizLeader
{
	border-collapse: collapse;
}

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

table.quizLeader tr.select
{
	background-image: url(../images/check.png);
	background-repeat: repeat-x repeat-y;
}

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

img.quizPreviewLand
{
	width: 170px;
	height: 112px;
}
img.quizPreviewPort
{
	height: 170px;
	width: 112px;
}

div.quizawards
{
	border: solid 1px #ddd;
	background-color: #f0f0f0;
	padding: 20px 0px 0px 20px;
}

div.qaward
{
	float: left;
	border: solid 1px #ddd;
	background-color: #fff;
	width: 260px;
	margin: 0px 20px 20px 0px;
	xheight: 90px;
}

div.qaward img
{
	margin: 4px 12px 8px 4px;
	display: block;
	float: left;
}

div.qaward div.top, div.qaward div.top1, div.qaward div.top2, div.qaward div.top3, div.qaward div.top4, div.qaward div.top5, div.qaward div.top6, div.qaward div.top7, div.qaward div.top8, div.qaward div.top9
{
	background-repeat: no-repeat;
	background-position: 6px 6px;
	height: 60px;
}

div.qaward div.winner, div.qaward div.winner1, div.qaward div.winner2, div.qaward div.winner3, div.qaward div.winner4, div.qaward div.winner5, div.qaward div.winner6, div.qaward div.winner7, div.qaward div.winner8, div.qaward div.winner9
{
	padding: 6px 0px 2px 64px;
	font-size: 22px;
}

div.qaward i
{
	font-style: italic;
	font-size: 16px;
	color: #ccc;
}

div.qaward div.cat
{
	font-style: italic;
	margin: 0px 8px 8px 64px;
}

div.qaward div.stats, div.qaward div.stats1, div.qaward div.stats2, div.qaward div.stats3, div.qaward div.stats4, div.qaward div.stats5, div.qaward div.stats6, div.qaward div.stats7, div.qaward div.stats8, div.qaward div.stats9
{
	clear: both;
	border-top: solid 1px #ddd;
	padding: 8px;
	color: White;
	vertical-align: middle;
	height: 22px;
}

div.qaward div.top1 { background-image: url(../images/awards/star_gold_48.png); }
div.qaward div.winner1 { color: #f6ad08; }
div.qaward div.stats1 { background-color: #f6ad08; }

div.qaward div.top2 { background-image: url(../images/awards/star_green_48.png); }
div.qaward div.winner2 { color: #59c300; }
div.qaward div.stats2 { background-color: #59c300; }

div.qaward div.top3 { background-image: url(../images/awards/star_blue_48.png); }
div.qaward div.winner3 { color: #0327d4; }
div.qaward div.stats3 { background-color: #0327d4; }

div.qaward div.top4 { background-image: url(../images/awards/star_red_48.png); }
div.qaward div.winner4 { color: #da0000; }
div.qaward div.stats4 { background-color: #da0000; }

div.qaward div.top5 { background-image: url(../images/awards/star_purple_48.png); }
div.qaward div.winner5 { color: #d600bc; }
div.qaward div.stats5 { background-color: #d600bc; }

div.qaward div.top6 { background-image: url(../images/awards/star_orange_48.png); }
div.qaward div.winner6 { color: #fb7708; }
div.qaward div.stats6 { background-color: #fb7708; }

div.qaward div.top7 { background-image: url(../images/awards/star_rust_48.png); }
div.qaward div.winner7 { color: #ae4d28; }
div.qaward div.stats7 { background-color: #ae4d28; }

div.qaward div.top8 { background-image: url(../images/awards/star_cyan_48.png); }
div.qaward div.winner8 { color: #00add1; }
div.qaward div.stats8 { background-color: #00add1; }

div.qaward div.top9 { background-image: url(../images/awards/star_black_48.png); }
div.qaward div.winner9 { color: #272727; }
div.qaward div.stats9 { background-color: #272727; }

div.qaward span.prompt
{
	margin-top: 4px;
	color: White;
	vertical-align: middle;
	display: block;
	float: left;
}

div.qaward span.value
{
	margin-top: 2px;
	font-weight: bold;
	font-size: 16px;
	color: White;
	vertical-align: middle;
	display: block;
	float: right;
}

div.qaward span.value i
{
	font-weight: normal;
	color: White;
}