/* CSS Document */
#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:194px;
	height:109px;
	background-image: url(images/2009bg/index_01.jpg);
	background-repeat: no-repeat;
}

#index-02 {
	position:absolute;
	left:194px;
	top:0px;
	width:571px;
	height:91px;
}

#index-03 {
	position:absolute;
	left:765px;
	top:0px;
	width:195px;
	height:109px;
	background-image: url(images/2009bg/index_03.jpg);
	background-repeat: no-repeat;
}

#index-04 {
	position:absolute;
	left:194px;
	top:91px;
	width:571px;
	height:18px;
	background-image: url(images/2009bg/index_04.jpg);
	background-repeat: no-repeat;
}

.menuItems {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #0093D1;
	font-weight: bold;
	margin-top: 3px;
	padding: 0;
}
.submenu {
	text-align: center;
	margin: 0;
	padding: 0;
}

.submenu a {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #0093D1;
	font-weight: bold;
	font-style: normal;
	display: block;
	height: 100%;
	border: 0 none;
}

.submenu a:hover, .submenu a:focus, #index-04 dt:hover, #index-04 dt:focus, #index-04 dt a:hover, #index-04 dt a:focus {
	text-decoration: none;
	background: #A4002B;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #0093D1;
	font-weight: bold;
	font-style: normal;
	height: 100%;
	border: 0 none;
}

a { color: #0093D1; }
a:link,a:active,a:visited { text-decoration: none; color: #0093D1; }
a:hover { text-decoration: underline; cursor: pointer; color: #0093D1; }

.redDayNumber {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}

.whiteDayLabel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	margin-top: 3px;
}

.blackDayLabel {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
}

.whiteBold {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
}

.categories {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	list-style-type: none;
}

.categories ul {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	padding: 0;
	margin-left: 14px;
	margin-top: 0;
}

.GMapLabel {
	font-size: small; 
	color: #000000; 
	font-family: Arial, sans-serif; 
	font-style: normal;
	text-align: left;
}

.GMapDetails {
	font-size: small; 
	color: #000000; 
	font-family: Arial, sans-serif; 
	font-style: normal;
	text-align: left;
}

.normalText {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	color: #FFFFFF;
}

.xxx-small-black {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}

.xxx-small-white {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
}

.404-error {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.xxx-small-red,
label.error {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px;
	color: #FF0000;
}

div#error p {
	margin: 2px 0 2px 10px;
	padding: 0;
}

ul.twitter {
	width: 130px;
	margin-left: 14px;
	padding: 0;
}

li.twitter-item,
p.twitter-message {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF; 
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 5px;
}

select.archives {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px; 
}

form.search {
	margin: 0;
}

img.ui-datepicker-trigger {
	padding: 0 0 0 3px;
}

form.orderForm div.fieldName {
	width: 150px;
	float: left;
}

form.orderForm input,
form.orderForm select,
form.orderForm textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 3px 0;
}

#headline,
form.search input,
form.commentform input,
form.commentform textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input.submit {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	color: #000000;
	background-color: #ccc;
	margin: 4px auto 4px auto;
	display: block;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
	border-radius: 4px;
	padding: 2px 4px;
}

input.submit:hover {
	background-color: #ddd;
	color: #0093D1;
}

input.submit:active {
	border-color: #0093D1;
}

input.button {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	color: #000000;
	background-color: #ccc;
	margin-top: 4px;
	display: block;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: none;
	border-radius: 4px;
	padding: 2px 4px;
}

input.button:hover {
	background-color: #ddd;
	color: #0093D1;
}

input.button:active {	
	border-color: #0093D1;
}

div.container {
	background-image: url(images/2009bg/rightCol_space.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

div.wrapper {
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
}

div.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

html {height: 100%;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	height: 100%;
}

.header-upper {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.3;
	color: #FFFFFF;
	text-transform: uppercase;
	float: left;
	width: 80%;
	text-align: center;
}

.header-year {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.3;
	color: #FFFFFF;
}

.header {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.3;
	color: #FFFFFF;
	text-align: center;
}

#director, #cast { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

#filmjpg {
	padding: 10px 5px 10px 5px;
	float: left;
}

#addtifflist {
	padding: 10px 5px 10px 5px;
	float: right;
}

#discuss {
	position: relative;
	margin: 40px 0 0 0;
	text-align: right;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}

#twitter {
	position: relative;
	margin: 5px 0 0 0;
	text-align: right;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}

#trailer {
	position: relative;
	margin: 5px 0 0 0;
	text-align: right;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}

#screeningtimes, #overallRating, #myRating, #synopsis, #official_links, #external_links, #notes {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	clear: both;
	padding: 0px 0px 10px 0px;
}

.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { font-weight: bold; position: relative; top:-15px; left: 275px; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

#programme, #language, #country, #runtime {
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	clear: both;
}
 
.numRating {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	padding: 0px 0px 0px 20px;
}

.content { 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
}

hr { color: #FFBF00; }

div.leftCol {
	margin: 0; 
	padding: 0;
	width: 194px;
	background: url(images/2009bg/leftCol_body.jpg);
	background-repeat: repeat-y;
}

div.leftCol h1 {margin: 0; padding: 12px 27px 0px 24px;
background: url(images/2009bg/leftCol_top.jpg); background-repeat: no-repeat;}

div.leftCol_bottom {margin: 0; padding: 0; width: 194px; height: 37px;
background: url(images/2009bg/leftCol_bottom.jpg); background-repeat: no-repeat;}

div.leftCol_space {
	background: url(images/2009bg/leftCol_space.jpg); 
	width: 194px; 
	height: 100%; 
	background-repeat: repeat-y;
}

div.main {
	margin: 0;
	padding: 0;
	width: 561px;
	background: url(images/2009bg/main_body.jpg);
	background-repeat: repeat-y;
}

div.main h1 {
	margin: 0;
	padding: 12px 18px 0px 20px; 
	background: url(images/2009bg/main_top.jpg);
	background-repeat: no-repeat;
}

div.main_bottom {
	margin: 0; 
	padding: 0; 
	width: 561px;
	height: 33px;
	background: url(images/2009bg/main_bottom.jpg);
	background-repeat: no-repeat;
}

div.rightCol {
	margin: 0; 
	padding: 0;
	width: 195px;
	background: url(images/2009bg/rightCol_body.jpg);
	background-repeat: repeat-y;
}

div.rightCol h1 {margin: 0; padding: 12px 22px 0px 29px;
background: url(images/2009bg/rightCol_top.jpg); background-repeat: no-repeat;}

div.rightCol_bottom {margin: 0; padding: 0; width: 195px; height: 37px;
background: url(images/2009bg/rightCol_bottom.jpg); background-repeat: no-repeat;}

div.rightCol_space {
	background: url(images/2009bg/rightCol_space.jpg); 
	width: 195px; 
	height: 100%; 
	background-repeat: repeat-y;
}

.storycontent p, .storycontent img {
	clear: left;
}