/* global */


body {
	padding:0;
	margin:0;
	background-color:#EBEBEB;
}
body { font-size:0.7em }
body, td, input, textarea, select {
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


a {
	color:#2173B5;
	text-decoration:none;
	border-bottom:solid 1px #BCD5E9;
}
a:hover {
	color:#154B77;
	border-color:#154B77;
}


h1, h2, h3, h4, h5, p { margin-top:0 }


.subtle { color:#999999 }
.subtle a { border:none }
h3 sup.subtle { font-size:0.7em }


.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}


#top, #header, #main, #footer, #banner div {
	width:80%;
	min-width:770px;
	text-align:left;
}


/* top */


#top { padding:5px 0; text-align:right }
#top span { display:block; padding-right:10px }
#top span span { padding:0 }
#top.login_active span span { padding:5px 0 0 5px; float:left }
#top form { margin:0; padding:0; display:none }
#top form input { padding:1px }
#top form input.email { width:140px }
#top form input.password { width:70px }
#top form input.checkbox { position:relative; top:3px }
#top form input.submit { font-size:1.2em }


/* header */


#header {
	background:top right no-repeat url(../../images/header-bgnd.gif);
	height:79px;
}
#header span {
	display:block;
	background:top left no-repeat url(../../images/nz-cinema-logo.png);
	padding:46px 0 0 72px;
	color:#999999;
}
#header span a {
	margin-left:6px;
	font-size:1.4em;
}


/* banner */


#banner {
	height:98px;
	margin:4px 0;
	padding:22px 0 0 0;
	background:#000000 center center no-repeat url(../../images/banners/silver-tickets-20011101.jpg);
	color:#FFFFFF;
}
#banner h5 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding-left:20px;
}
#banner p {
	width:340px;
	margin:15px 0 0 0;
	padding-left:20px;
}
#banner a { color:#FFFFFF; border:none }
#banner a:hover { text-decoration:underline }


/* subnav */


#subnav {
	float:left;
	width:200px;
}
#subnav h4, h1 {
	font-family:"Kozuka Gothic Pro L", "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color:#000000;
	margin:0 0 16px 0;
	padding:0;
}


#subnav .search {
	background-color:#CCCCCC;
	border-top:1px solid #C2C2C2;
	border-right:1px solid #C2C2C2;
	padding:20px;
}
#subnav .search h4 {
	margin-bottom:0;
}
#subnav .search p {
	color:#999999;
	margin:0;
}
#subnav .search form {
	margin:14px 0 0 0;
}
#subnav .search form input.text {
	border:2px solid #EBEBEB;
	background-color:#FFFFFF;
	font-size:1.45em;
	color:#CCCCCC;
	padding:0 3px 2px 3px;
	width:112px;
}
#subnav .search form input.text.on {
	color:#666666;
}
#subnav .search form input.button {
	border:none;
	background-color:#EBEBEB;
	font-size:1.45em;
	line-height:0.95em;
	font-weight:normal;
	color:#818181;
	padding:1px 0 3px 0;
	cursor:pointer;
}


#subnav .main {
	padding:20px 10px 20px 20px;
}
#subnav .main ul {
	margin-left:0;
	padding-left:0;
	list-style:none;
}
#subnav .main li {
	margin:0;
	padding:0;
	line-height:18px;
}
#subnav .main p {
	line-height:20px;
	margin-right:10px;
	background:top left no-repeat url(../../images/underline.gif);
}
#subnav .main form select { width:95%; font-size:1em; margin:2px 0 }
#subnav .main form fieldset { padding:0; margin:10px 0; border:none }
.submit	{ padding:2px 4px 2px 4px; font-size:1.4em; cursor:pointer }


/* notices */


.notice {
	display:block;
	padding:5px;
	margin:15px 15px 15px 0;
	border:solid 1px;
}
.notice ul, .notice li {
	padding:0;
	margin:0;
	list-style:none;
}
.notice.error { border-color:#DF5D5D; background-color:#FAE5E5; }
.notice.error strong { color:#DF5D5D; }
.notice.warning { border-color:#FFCC00; background-color:#FFFFCC; }
.notice.warning strong { color:#FFCC00; }
.notice.confirmation { border-color:#7CB261; background-color:#E5F0DF; }
.notice.confirmation strong { color:#7CB261; }


/* main body */


#main {
	background-color:#FFFFFF;
}


#content {
	margin-left:200px;
}


#content .left {
	margin-right:220px;
}
#content .right {
	float:right;
	width:200px;
}


#content .upper {
	padding:20px 15px 8px 20px;
	background-color:#EBEBEB;
	line-height:150%;
}


#content .lower {
	padding:15px 15px 15px 20px;
	line-height:150%;
	background:top right no-repeat url(../../images/tabnav-right.gif);
}
#content .lower .right {
	background:#EBEBEB top center no-repeat url(../../images/box-200-top.gif);
}
#content .lower .right form			{ padding:15px 15px 10px 15px; margin:0; }
#content .lower .right form input, #content .lower .right form textarea, #content .lower .right select { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; }
#content .lower .right label		{ display:block; padding-bottom:12px; }
#content .lower .right label.rating select		{ width:12em; }
#content .lower .right label.title input			{ width:12em; }
#content .lower .right label.review textarea	{ width:12em; height:90px; }
#content .lower .right label.tags textarea		{ width:12em; height:60px; }
#content .lower .right .subtle	{ color:#999999; font-size:0.8em; }
#content .lower .right .footer	{
	height:8px;
	overflow:hidden;
	background:top center no-repeat url(../../images/box-200-bottom.gif);
}
#content .lower h2, #content .lower h3 {
	color:#2173B5;
	font-size:1.4em;
	font-weight:normal;
}


/* homepage */


#content.home .upper .left { margin-right:170px; }
#content.home .upper .right { width:150px; }
#content.home .upper .movie_list_inline a {
	border:none;
	margin:5px 5px 0 0;
}


#content.home .lower .widebox {
	background:#EBEBEB top left no-repeat url(../../images/box-206-left.gif);
	height:206px;
}
#content.home .lower .widebox .r {
	background:top right no-repeat url(../../images/box-206-right.gif);
	margin-left:216px;
	padding:20px 20px 0 0;
}
#content.home .lower .widebox .l {
	float:left;
	width:200px;
	padding:8px 0 0 8px;
}
#content.home .lower .widebox .l a { margin:0 5px 5px 0; border:none; }
#content.home .lower .widebox .l a img { border:none; }
#content.home .lower .widebox .r h2 { margin-bottom:5px }
#content.home .lower .widebox .r ol, #content.home .lower .widebox .r ul {
	list-style:none;
	margin:0;
	padding:0;
}
#content.home .lower .widebox .r ul li { display:inline }


#content.home .allmovies {
	float:right;
	padding-right:40px;
}

	
/* cinema page */


#content .upper .island {
	float:left;
	display:block;
	width:170px;
}
#content .upper .island.south { width:130px }

.cinema_list, .cinema_list li {
	margin:0;
	padding:0;
	list-style:none;
}
.cinema_list li { clear:left }
.cinema_list li span {
	display:block;
	width:220px;
	float:left;
}
.cinema_list li:hover span { background-color:#FFFFCC }
.cinema_list li span.sessions { width:110px; text-align:right }
.cinema_list li.disabled span, .cinema_list li.disabled a { color:#999999; border-bottom-color:#CCCCCC }


/* region map */


.map {
	float:left;
	width:120px;
	height:165px;
	background:top left no-repeat url(../../images/map-regions.jpg);
	background-position:0 0;
}
.map.nor { background-position:-120px 0; }
.map.auc { background-position:-240px 0; }
.map.wai { background-position:-360px 0; }
.map.bay { background-position:-480px 0; }
.map.haw { background-position:-600px 0; }
.map.tau { background-position:-720px 0; }
.map.man { background-position:-840px 0; }
.map.tar { background-position:-960px 0; }
.map.wel { background-position:-1080px 0; }
.map.nel { background-position:-1200px 0; }
.map.can { background-position:-1320px 0; }
.map.wes { background-position:-1440px 0; }
.map.ota { background-position:-1560px 0; }
.map.sou { background-position:-1680px 0; }


/* movie page */


#content.movie .upper .left { margin-right:262px; color:#333333 }
#content.movie .upper .left h1 { margin-bottom:0 }
#content.movie .upper .left h2 { font-size:1.3em; font-weight:normal; color:#999999 }
#content.movie .upper .left p { margin:1em 20px 1em 0 }
#content.movie .upper .left #stars_caption { margin-top:1em }

#content.movie .upper .right { width:252px; padding:0 }

#content.movie .upper ol, #content.movie .upper ol li {
	margin:0;
	padding:0;
	list-style:none;
}

#content.movie .upper .right img { border:1px solid #CCCCCC; margin:0 5px 5px 0; }
#content.movie .upper .right span img { margin:15px 0 5px 0; }
#content.movie .upper a.img { border:none; }

#content.movie .lower h2 { display:none; }

#content.movie .lower .movie_list li .icon { display:none; }

#content.movie .trailer_standalone a { margin-top:1em; font-size:1.4em; }

	/* movie reviews */
	
	ol.reviews, ol.reviews li {
		list-style:none;
		padding:0;
		margin:0;
	}
	ol.reviews {
		padding-top:15px;
	}
	ol.reviews li {
		padding-bottom:30px;
	}
	ol.reviews strong {
		color:#333333;
	}
	ol.reviews span.subtle {
		display:block;
		color:#BFBFBF;
		padding:0 0 8px 0;
	}
	
	/* ratings */
	
	.mf_m, .mf_f, .mf_bar_m, .mf_bar_f { float:left; width:6em; }
	.mf_m { text-align:right; }
	.mf_f { width:8em; }
	.mf_bar_m, .mf_bar_f {
		border:solid 1px;
		overflow:hidden;
		height:14px;
	}
	.mf_bar_m {
		background:#2173B5 top left repeat-x url(../../images/bar-horiz-blue.gif);
		border-color:#2173B5;
		border-right:none;
		margin-left:5px;
	}
	.mf_bar_f {
		background:#FF6600 top left repeat-x url(../../images/bar-horiz-orange.gif);
		border-color:#FF6600;
		border-left:none;
		margin-right:5px;
	}


/* rating stars */


.rating {
	width:auto;
	height:44px;
}
.stars {
	float:left;
	width:90px;
	height:20px;
	background:top left no-repeat url(../../images/stars-bgnd.gif);
}
.synopsis { margin-top:10px; }
.stars_text {
	margin-top:-6px;
	font-size:0.8em;
	color:#999999;
}
.stars_text { height:2em; overflow:hidden; }
.stars a, .stars_unseen_yes, .stars_unseen_no {
	display:block;
	float:left;
	width:9px;
	height:20px;
	padding:0;
	border:none;
}
.stars.a0 { background-position:-90px 0; }
.stars.a5 { background-position:-72px -20px; }
.stars.a10 { background-position:-72px 0; }
.stars.a15 { background-position:-54px -20px; }
.stars.a20 { background-position:-54px 0; }
.stars.a25 { background-position:-36px -20px; }
.stars.a30 { background-position:-36px 0; }
.stars.a35 { background-position:-18px -20px; }
.stars.a40 { background-position:-18px 0; }
.stars.a45 { background-position:0 -20px; }
.stars.a50 { background-position:0 0; }
.stars.b0 { background-position:-90px -40px; }
.stars.b5 { background-position:-72px -60px; }
.stars.b10 { background-position:-72px -40px; }
.stars.b15 { background-position:-54px -60px; }
.stars.b20 { background-position:-54px -40px; }
.stars.b25 { background-position:-36px -60px; }
.stars.b30 { background-position:-36px -40px; }
.stars.b35 { background-position:-18px -60px; }
.stars.b40 { background-position:-18px -40px; }
.stars.b45 { background-position:0 -60px; }
.stars.b50 { background-position:0 -40px; }


a.stars_unseen_yes, a.stars_unseen_no {
	background:top left no-repeat;
}
a.stars_unseen_yes {
	width:71px;
	height:16px;
	margin:3px 0 0 10px;
	padding-right:5px;
	background-image:url(../../images/rate-unseen-yes.gif);
}
a.stars_unseen_no {
	width:88px;
	height:16px;
	margin:3px 0 0 0;
	background-image:url(../../images/rate-unseen-no.gif);
}
a.stars_unseen_yes.selected, a.stars_unseen_no.selected { background-position:0 -32px; }
a.stars_unseen_yes:hover { background-position:0 -16px; }
a.stars_unseen_no:hover { background-position:0 -16px; }


/* icon lists */


.icon, .icon li {
	margin:0;
	padding:0;
	list-style:none;
}
.icon li {
	padding:0 5px 0 18px !important;
	background:center left no-repeat;
}
.icon li.noicon { padding-left:0; }
.icon li.classification_tbc	{ background-image:url(../../images/icon-classification-tbc.gif); }
.icon li.classification_g		{ background-image:url(../../images/icon-classification-g.gif); }
.icon li.classification_pg	{ background-image:url(../../images/icon-classification-pg.gif); }
.icon li.classification_m		{ background-image:url(../../images/icon-classification-m.gif); }
.icon li.classification_r		{ background-image:url(../../images/icon-classification-r.gif); }
.icon li.classification_r13	{ background-image:url(../../images/icon-classification-r13.gif); }
.icon li.classification_r15	{ background-image:url(../../images/icon-classification-r15.gif); }
.icon li.classification_r16	{ background-image:url(../../images/icon-classification-r16.gif); }
.icon li.classification_rp16{ background-image:url(../../images/icon-classification-r16.gif); }
.icon li.classification_r18	{ background-image:url(../../images/icon-classification-r18.gif); }
.icon li.duration	{ background-image:url(../../images/icon-session.gif); }
.icon li.sessions	{ background-image:url(../../images/icon-session.gif); }
.icon li.reviews	{ background-image:url(../../images/icon-review.gif); }
.icon li.ratings	{ background-image:url(../../images/icon-rating.gif); }
.icon li.tags			{ background-image:url(../../images/icon-tag.gif); }


/* movie list */


.movie_list, .movie_list li {
	margin:0;
	padding:0;
	list-style:none;
}
.movie_list li {
	background:top left no-repeat;
	padding:0 0 10px 95px;
	min-height: 120px;
}
.movie_list li li { min-height: 0; }
.movie_list.short li { height:60px; }
.movie_list li h3 { margin-bottom:4px }
.movie_list li ul li { display:inline }
.movie_list li .stars { float:none }


.movie_list .session_list, .movie_list .session_list li {
	margin:0;
	padding:0;
	display:block;
}
.movie_list .session_list li .sessions {
	position:absolute;
	margin-left:140px;
	height:1.4em;
	overflow:hidden;
}

.poster_list, .poster_list li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
.poster_list li {
	display:block;
	float:left;
	width:80px;
	margin:0 9px 9px 0;
	line-height:normal;
}

.poster_list li a.p {
	display:block;
	width:80px;
	height:118px;
	background:top left no-repeat;
	border:none;
}
.poster_list li a.p.with_caption {
	padding-top:120px;
	height:16px;
}
.poster_list li a.p.notrailer {
	margin-top:20px;
}
.poster_list li img {
	border:1px solid #CCCCCC;
	margin-bottom:110px;
}
.poster_list li a.t {
	display:block;
	width:58px;
	height:17px;
	padding:3px 0 0 22px;
	color:#A7A6A6;
	font-family: tahoma;
	background:top left no-repeat url(../../images/play-bgnd-multi.gif);
	border:none;
}
.poster_list li a.t:hover {
	color:#FFF;
	background-position:0 -40px;
}
	a.colour_g:hover, a.colour_pg:hover {background-position:0 -20px !important;}
	a.colour_m:hover, a.colour_tbc:hover {background-position:0 -40px !important;}
	a.colour_e:hover, a.colour_r:hover, a.colour_r13:hover, a.colour_r15:hover, a.colour_r16:hover, a.colour_rp16:hover, a.colour_r18:hover {background-position:0 -60px !important;}


/* sessions */


.timeline thead td {
	border-bottom:solid 1px #CCCCCC;
	font-weight:normal;
	color:#999999;
	text-align:right;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
.timeline thead div {
	text-align:right;
	float:right;
}
.timeline thead span {
	display:block;
	padding-right:4px;
	border-right:solid 1px #CCCCCC;
}


.timeline tbody td {
	padding:2px 0;
	margin:0;
}
.timeline tbody div {
	float:left;
	height:18px;
	background:#2173B5 top left repeat-x url(../../images/timeline-bgnd.gif);
	font-size:0.9em;
	color:#9ABFDE;
	overflow:hidden;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor:default;
}
#timeline{
	float:left;
	height:18px;
	background:#2173B5 top left repeat-x url(../../images/timeline-bgnd.gif);
	font-size:0.9em;
	color:#9ABFDE;
	overflow:hidden;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor:hand;
}
.timeline tbody .subtle a { font-size:0.9em; color:#999999 }
.timeline tbody .subtle a:hover { color:#666666 }
.timeline tbody a { border:none }
.timeline tbody tr:hover { background-color:#FFFFCC }


/* user */


a.user {
	font-size:1.4em;
	line-height:1.4em;
	border:none;
	padding:4px 28px 0 0;
	background:center right no-repeat;
}
a.user.fame0				{ background-image:url(../../images/icon-fame-0.gif); }
a.user.fame0:hover	{ background-image:url(../../images/icon-fame-0-on.gif); }
a.user.fame1				{ background-image:url(../../images/icon-fame-1.gif); }
a.user.fame1:hover	{ background-image:url(../../images/icon-fame-1-on.gif); }
a.user.fame2				{ background-image:url(../../images/icon-fame-2.gif); }
a.user.fame2:hover	{ background-image:url(../../images/icon-fame-2-on.gif); }
a.user.fame3				{ background-image:url(../../images/icon-fame-3.gif); }
a.user.fame3:hover	{ background-image:url(../../images/icon-fame-3-on.gif); }
a.user.fame4				{ background-image:url(../../images/icon-fame-4.gif); }
a.user.fame4:hover	{ background-image:url(../../images/icon-fame-4-on.gif); }
a.user.fame5				{ background-image:url(../../images/icon-fame-5.gif); }
a.user.fame5:hover	{ background-image:url(../../images/icon-fame-5-on.gif); }
a.user.fame6				{ background-image:url(../../images/icon-fame-6.gif); }
a.user.fame6:hover	{ background-image:url(../../images/icon-fame-6-on.gif); }
a.user.fame7				{ background-image:url(../../images/icon-fame-7.gif); }
a.user.fame7:hover	{ background-image:url(../../images/icon-fame-7-on.gif); }


/* login */


form.login input, form.login .input_container {
	position:absolute;
	margin-left:110px;
}
form.login h3 {
	margin:16px 0;
	padding:0 0 2px 0;
	font-size:16px;
	font-weight:normal;
	color:#333333;
	border-bottom:1px dotted #CCCCCC;
}
form.login label {
	display:block;
	margin-top:5px;
}
form.login .input_container input {
	position:static;
	margin:0;
	width:auto;
}
form.login .input_container label {
	display:inline;
	margin:0;
}


/* tabbed navigation */


#divider {
	background-color:#EBEBEB;
}
#divider span { 
	display:block;
	background:bottom left repeat-x url(../../images/tabnav-bgnd.gif);
	margin-right:7px;
}
#divider span span { 
	display:block;
	width:19px;
	padding:5px 0 5px 0;
	background:top left no-repeat url(../../images/tabnav-left.gif);
}


#tabnav {
	background-color:#EBEBEB;
}
#tabnav ul {
	display:block;
	height:23px;
	margin:0 7px 0 0;
	padding:0;
	list-style:none;
	text-align:left;
	background:repeat-x url(../../images/tabnav-bgnd.gif);
}
#tabnav ul li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	background:top right no-repeat url(../../images/tabnav-tab-right.gif);
}
#tabnav ul a {
	display:block;
	padding:5px 10px 5px 8px;
	color:#333333;
	border:none;
	background:top left no-repeat url(../../images/tabnav-tab-left.gif);
}
#tabnav ul li.first span {
	display:block;
	width:20px;
	padding:5px 0 5px 0;
	background:top left no-repeat url(../../images/tabnav-left.gif);
}
#tabnav ul li.selected { background-image:url(../../images/tabnav-tab-right-on.gif); }
#tabnav ul li.selected a { background-image:url(../../images/tabnav-tab-left-on.gif); }
#tabnav ul li a span { padding:0 0 2px 18px; background:center left no-repeat; }
#tabnav ul li.reviews a span { background-image:url(../../images/icon-review.gif); }
#tabnav ul li.ratings a span { background-image:url(../../images/icon-rating.gif); }
#tabnav ul li.tags a span { background-image:url(../../images/icon-tag.gif); }
#tabnav ul li.sessions a span { background-image:url(../../images/icon-session.gif); }
#tabnav ul a:hover { color:#2173B5; }


/* popup window */


body.popup {
	background:#FFFFFF;
}
body.popup #header, body.popup #main {
	width:auto;
	min-width:inherit;
}
body.popup #header {
	height:auto;
	padding:5px 20px;
	text-align:right;
	background:none;
	background-color:#EBEBEB;
}
body.popup #main {
	background:none;
	padding:20px;
	font-size:1.1em;
	line-height:1.3em;
}


body.popup h2 {
	font-size:1.3em;
	font-weight:normal;
	color:#2173B5;
	border-bottom:solid 1px #BCD5E9;
}


/* footer */


#footer {
	color:#B5B5B5;
	text-align:center;
	background:top right no-repeat url(../../images/footer-right.gif);
}
#footer span {
	display:block;
	padding:22px 0 15px 0;
	background:top left no-repeat url(../../images/footer-left.gif);
}
#footer a {
	border:none;
	color:#B5B5B5;
}