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

body
{
	margin: 0px;
	behavior: url(../includes/csshover.htc);
	overflow-y: scroll;
}

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

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

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

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


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 {color: #f66; text-decoration: none; font-weight: normal;}
A.edit:hover {color: #f00; text-decoration: underline; font-weight: normal;}

input,select,textarea
{
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #b0b0b0;
	border-left: solid 1px #f7f7f7;
	border-right: solid 1px #f7f7f7;
	border-top: solid 1px #f7f7f7;
	background-color: #efefef;
	font-size: 12px; 
	color: Black;
}

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

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

#topbarLeft
{
	white-space: nowrap;
}

#topbarMiddle
{
	white-space: nowrap;
	width: 100%;
}

#topbarRight
{
	white-space: nowrap;
}

td#topbarRight div
{
	color: White;
}

td#topbarRight div b
{
	color: White;
	font-weight: bold;
}

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

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

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

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

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

.helpText, td.forumGroupHeader
{
	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;
	
}

#mainContent, div.mainContent
{
	padding: 15px 15px 0 15px;
}

div.mainContentInner
{
	line-height: 1.4em;
	width: 1095px;
	xbackground-color: Green;
}

#content 
{
	float: left;
	width: 700px;
}

#narrowcontent 
{
	float: left;
	width: 570px;
}

#widecontent, div.widecontent
{
	float: left;
	width: 900px;
}

div#innerContent
{
	width:100%;
	float:left;
}

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

td#content 
{
	vertical-align: top;
	width: 700px;
	padding-left: 13px;
}

td#sidebar 
{
	vertical-align: top;
	width: 175px;
	padding: 0px;
}

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

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

#popupTitleLeft
{
	height: 19px;
	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: 19px;
	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
{
	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;
}

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;
	margin-right: 2px;
}

.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 !important;
	width: 213px;
	background-color: #FCFCFC;
	border-left: solid 2px #F0F0F0;
	border-right: solid 2px #F0F0F0;
}

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

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

div.band
{
	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 !important;
	height: 48px;
}

.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.boxContents, div.boxContentsStatic
{
	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:hover
{
	background: url(../images/helpback.gif) repeat-y;
}

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

div.boxContentsStatic div
{
	padding: 6px;
}

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

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
{
	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
{
	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: 700;
	text-align: center;
	padding-top: 100px;
	color: #666;
}

div.stock
{
	margin-left: 9px;
	margin-bottom: 6px;
	width: 194px;
	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: 100px !important;
	width: 102px;
}

div.stockName
{
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	margin: 0px;
	float: right;
	width: 96px !important;
	width: 102px;
}

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

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

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

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

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

.tabtable td
{
	xborder: solid 1px red;
}

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

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

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

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

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

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