
@font-face {
	font-family: myCharlesworth;
	src: url('../poster/ttf/CHRLWRTB.TTF');
}

@font-face {
	font-family: myFuturaExtra;
	src: url('../poster/ttf/FUTURAXK.TTF');
}

@font-face {
	font-family: myFuturaMedium;
	src: url('../poster/ttf/tt0142m_.ttf');
}

@font-face {
	font-family: mySquare;
	src: url('../poster/ttf/TT0246M_.TTF');
}

.ttf1 {
	FONT-FAMILY:	myCharlesworth;
	FONT-SIZE:	18px;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #F6BF1C;
	LINE-HEIGHT:	1.4em;
}

.ttf2 {
	FONT-FAMILY:	myFuturaExtra;
	FONT-SIZE:	18px;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #F6BF1C;
	LINE-HEIGHT:	1.4em;
}

.ttf3 {
	FONT-FAMILY:	myFuturaMedium;
	FONT-SIZE:	18px;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #F6BF1C;
	LINE-HEIGHT:	1.4em;
}

.ttf4 {
	FONT-FAMILY:	mySquare;
	FONT-SIZE:	18px;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #F6BF1C;
	LINE-HEIGHT:	1.4em;
}

.cnormal {
	FONT-FAMILY:	Arial,Verdana,Sans Serif;
	FONT-SIZE:	70%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: yellow;
	LINE-HEIGHT:	1.1em;
}

.normal {
	FONT-FAMILY:	Arial,Verdana,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.4em;
}

.justify {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	justify;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.4em;
}

.center {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	center;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.4em;
}

.slogan {
	FONT-FAMILY:	Arial,Verdana,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #F6BF1C;
	LINE-HEIGHT:	1.4em;
}

.footer
{
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	65%;
	TEXT-ALIGN:	left;
	FONT-WEIGHT:	normal;
	COLOR:		white;
}

.fcenter
{
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	65%;
	TEXT-ALIGN:	left;
	FONT-WEIGHT:	center;
	COLOR:		white;
}

.hl_left {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	100%;
	TEXT-ALIGN:	left;
	FONT-WEIGHT:	bold;
	COLOR:		#F6BF1C;
}

.hl_right {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	90%;
	TEXT-ALIGN:	right;
	FONT-WEIGHT:	bold;
	COLOR:		#F6BF1C;
}

.PictureBorder {
	BORDER-RIGHT:	#606060 1px solid;
	BORDER-TOP:	#606060 1px solid;
	BORDER-LEFT:	#606060 1px solid;
	BORDER-BOTTOM:	#606060 1px solid;
}

td.listnumber {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.0em;
	WIDTH: 24px;
}

td.songlink {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: #FFFFFF;
	LINE-HEIGHT:	1.0em;
	TEXT-DECORATION: none;
}

td.runtime {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	right;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.0em;
	WIDTH: 42px;
}

td.smallplayer {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: middle;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT: 1.0em;
}

td.spacersmallplayer {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	left;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.0em;
	WIDTH: 10px;
}

td.pix {
	TEXT-ALIGN:	center;
	VERTICAL-ALIGN: middle;
	WIDTH: 100px;
	HEIGHT: 100px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER-STYLE: none;
	BORDER-WIDTH: 0px;
	-moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari, Chrome */
	-khtml-border-radius:4px; /* Konqueror */
	border-radius:4px; /* CSS3 */
	BACKGROUND-COLOR: #505050;
}

td.pixspacer {
	TEXT-ALIGN:	center;
	VERTICAL-ALIGN: top;
	WIDTH: 20px;
	HEIGHT: 100px;
	MARGIN: 0px;
	PADDING: 0px;
	BORDER-STYLE: none;
	BORDER-WIDTH: 0px;
	BACKGROUND-COLOR: black;
}

.textlink {
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	TEXT-DECORATION: none;
}

a.textlink:link {COLOR: white;}
a.textlink:visited {COLOR: white;}
a.textlink:hover {COLOR: #F6BF1C;}
a.textlink:active {COLOR: #F6BF1C;}
a.textlink:focus {COLOR: white;}

.label {
	FONT-FAMILY:	Verdana,Arial,Sans Serif;
	FONT-SIZE:	80%;
	TEXT-ALIGN:	center;
	VERTICAL-ALIGN: top;
	FONT-WEIGHT:	normal;
	COLOR: white;
	LINE-HEIGHT:	1.4em;
}

.form {
	POSITION:	absolute;
	LEFT:		150px;
	WIDTH:	300px;
}

.error {
	POSITION:	absolute;
	LEFT:		150px;
	WIDTH:	300px;
}

input, select, textarea, checkbox {
	FONT-FAMILY:	Verdana, Arial, Geneva, Sans-Serif;
	FONT-SIZE:	85%;
	FONT-WEIGHT:	normal;
	COLOR:		black;
}

.button {
	POSITION:	absolute;
	MARGIN-LEFT:		150px;
	BORDER-TOP:		1px solid #eee;
	BORDER-RIGHT:		1px solid #555;
	BORDER-BOTTOM:		1px solid #555;
	BORDER-LEFT:		1px solid #eee;
	BACKGROUND-COLOR:	#A0A0A0;
	PADDING:		2px 5px;
	FONT-WEIGHT:		bold;
	COLOR:			black;
}

input.form, textarea.form, checkbox.form {
	BORDER-TOP:		1px solid #555;
	BORDER-RIGHT:		1px solid #eee;
	BORDER-BOTTOM:		1px solid #eee;
	BORDER-LEFT:		1px solid #555;
	BACKGROUND-COLOR:	#A0A0A0;
	PADDING:		2px 5px;
	FONT-WEIGHT:		bold;
	COLOR:			black;
}

input.error, textarea.error, checkbox.error {
	BORDER-TOP:		1px solid #555;
	BORDER-RIGHT:		1px solid #eee;
	BORDER-BOTTOM:		1px solid #eee;
	BORDER-LEFT:		1px solid #555;
	BACKGROUND-COLOR:	#F6BF1C;
	PADDING:		2px 5px;
	FONT-WEIGHT:		bold;
	COLOR:			black;
}

.field {
	FONT-FAMILY:		Verdana, Arial, Geneva, Sans-Serif;
	FONT-SIZE:		75%;
	BORDER-TOP:		1px solid #555;
	BORDER-RIGHT:		1px solid #eee;
	BORDER-BOTTOM:		1px solid #eee;
	BORDER-LEFT:		1px solid #555;
	BACKGROUND-COLOR:	#A0A0A0;
	PADDING:		2px 5px;
	FONT-WEIGHT:		bold;
	COLOR:			black;
}

.ferror {
	FONT-FAMILY:		Verdana, Arial, Geneva, Sans-Serif;
	FONT-SIZE:		75%;
	BORDER-TOP:		1px solid #555;
	BORDER-RIGHT:		1px solid #eee;
	BORDER-BOTTOM:		1px solid #eee;
	BORDER-LEFT:		1px solid #555;
	BACKGROUND-COLOR:	#14B4EB;
	PADDING:		2px 5px;
	FONT-WEIGHT:		bold;
	COLOR:			black;
}

.submit {
	font-size:	85%;
	color:		black;
}

