A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
BODY
{
    SCROLLBAR-FACE-COLOR: #ffffff;
    FONT-SIZE: 10px;
    SCROLLBAR-HIGHLIGHT-COLOR: #7d7d7d;
    SCROLLBAR-SHADOW-COLOR: #7d7d7d;
    COLOR: #7d7d7d;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #7d7d7d;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff
}
PRE.NFO
{
    CLEAR: both;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'Lucida Console', 'Lucida Console ANSI', 'Courier New';
    BACKGROUND-COLOR: lightgrey
}
TABLE
{
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FONT-SIZE: 12pt;
    BORDER-LEFT: outset;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana
}
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana
}
TH
{
    FONT-SIZE: 14pt;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 40px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana
}
H2
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 20px;
    COLOR: #7d7d7d;
    FONT-FAMILY: Verdana
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: cornflowerblue;
    FONT-FAMILY: Verdana
}
TABLE
{
    FONT-SIZE: 10px;
    COLOR: #3d3d3d;
    FONT-FAMILY: Verdana
}
INPUT
{
    BORDER-RIGHT: gray 1px inset;
    BORDER-TOP: gray 1px inset;
    FONT-SIZE: 10px;
    BORDER-LEFT: gray 1px inset;
    COLOR: black;
    BORDER-BOTTOM: gray 1px inset;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ededed
}
TEXTAREA
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ededed
}
OPTION
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: white 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: white 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ededed
}
SELECT
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #efefef
}
TEXTAREA.NFO
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Lucida Console ANSI', 'Lucida Console', 'Courier New', Verdana;
    BACKGROUND-COLOR: lightgrey
}
TABLE.INNER
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.READONLY
{
    FONT-SIZE: 16px;
    BACKGROUND-COLOR: silver;
    TEXT-DECORATION: none
}
.NAVSEL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-FAMILY: Verdana
}
TABLE.MAIN
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid
}
.DIVUSERS
{
	border:1px solid;
    MARGIN: 1px;
	background: #fefefe;
	TEXT-ALIGN: center;
	ALIGN: center;
	position: relative;
	left: 50%;
	margin-left: -250px;
	width: 500px;
}
.FOOTER
{
	border:black 1px solid;
	background: #fdfdfd;
	TEXT-ALIGN: center;
	position: relative;
	left: 50%;
	margin-left: -250px;
	width: 500px;
}
.FILMLIST
{
	position: relative;
	left: 50%;
	margin-left: -450px;
	width: 900px;
}



/*Rating stuff comes here (this is the big version) */
.starlight {
	color: #e00;
}
#star-rating ul {
	list-style: none;
	margin: 3px;
	padding: 0px;
	width: 300px;
	height: 30px;
	position: relative;
	background: url(/rating/rating.gif) top left repeat-x;
}
#star-rating li {
	padding: 0px;
	margin: 0px;
	/*\*/
	float: left;
	/* */
}
#star-rating li.current-rating {
	background: url(/rating/rating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
#star-rating li a {
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image: none;
	outline: none; /* Remove the link dotted-border */
}
#star-rating li a:hover {
	background: url(/rating/rating.gif) left center;
	z-index: 1;
	left: 0px;
}
#star-rating a.star-1 {
	left: 0px;
}
#star-rating a.star-1:hover {
	width: 30px;
}
#star-rating a.star-2 {
	left: 30px;
}
#star-rating a.star-2:hover {
	width: 60px;
}
#star-rating a.star-3 {
	left: 60px;
}
#star-rating a.star-3:hover {
	width: 90px;
}
#star-rating a.star-4 {
	left: 90px;
}
#star-rating a.star-4:hover {
	width: 120px;
}
#star-rating a.star-5 {
	left: 120px;
}
#star-rating a.star-5:hover {
	width: 150px;
}
#star-rating a.star-6 {
	left: 150px;
}
#star-rating a.star-6:hover {
	width: 180px;
}
#star-rating a.star-7 {
	left: 180px;
}
#star-rating a.star-7:hover {
	width: 210px;
}
#star-rating a.star-8 {
	left: 210px;
}
#star-rating a.star-8:hover {
	width: 240px;
}
#star-rating a.star-9 {
	left: 240px;
}
#star-rating a.star-9:hover {
	width: 270px;
}
#star-rating a.star-10 {
	left: 270px;
}
#star-rating a.star-10:hover {
	width: 300px;
}

/* This is a different version (we use the small-start setting here for showing the IMDB vote as stars)*/
.star-rate,
.star-rate a:hover,
.star-rate a:active,
.star-rate a:focus,
.star-rate .current-rating{
	background: url(/rating/star.gif) left -1000px repeat-x;
}
.star-rate{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rate li{
	display: inline;
}
.star-rate a, 
.star-rate .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rate a:hover,
.star-rate a:active,
.star-rate a:focus{
	background-position: left bottom;
}
.star-rate a.one-star{
	width:20%;
	z-index:6;
}
.star-rate a.two-stars{
	width:40%;
	z-index:5;
}
.star-rate a.three-stars{
	width:60%;
	z-index:4;
}
.star-rate a.four-stars{
	width:80%;
	z-index:3;
}
.star-rate a.five-stars{
	width:100%;
	z-index:2;
}
.star-rate .current-rating{
	z-index:1;
	background-position: left bottom;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:100px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/rating/star_small.gif);
	line-height: 10px;
	height: 10px;
}