html, body {
	margin: 0;
	padding: 0;
}

html {
	/* force vertical scrollbar */
	height: 100%;
	margin-bottom: 1px;
}

body {
	font: 68.75% verdana,arial,helvetica,sans-serif; /* 10px @ 16px/em */
	background-color: #ffffff;
	color: #000000;
}

img {
	display: block;
}

a {
	background-color: transparent;
	color: #000000;
}

a img {
	border: 0;
}

input, select, textarea {
	font: 1em verdana,arial,helvetica,sans-serif;
	/* box-sizing is css3 and -moz-box-sizing is the corresponding experimental mozilla declaration
	   so these will not validate (yet) */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

fieldset, form, h1, h2, h3, dl, dt, dd, p, ul {
	margin: 0 0 1.2em; /* 12px @ 10px/em */
	padding: 0;
}

fieldset {
	border: none;
}

/* easy clearing for ie7 from http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
fieldset:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
fieldset {
	display: inline-block;
}
/* Hide from IE Mac \*/
fieldset {
	display: block;
}
/* End hide from IE Mac */

h1, h2, h3 {
	margin-bottom: 0;
	font-weight: bold;
	background-color: transparent;
	color: #339933;
}

h1 {
	font-size: 1.5em; /* 15px @ 10px/em */
}

h2 {
	margin-bottom: 0.933em; /* 14px @ 15px/em */
	font-size: 1.5em; /* 15px @ 10px/em */
}

h3 {
	font-size: 1.1em;
}

textarea {
	overflow: auto;
}

ul {
	padding-left: 16px;
}

ol {
	margin-top: 0;
	margin-bottom: 1.2em; /* 12px @ 10px/em */
}

dt, dd, input, label, li, p, select, textarea, td, th {
	font-size: 1.1em; /* 11px @ 10px/em */
}

li input, li label, li select,
p input, p label, p select,
td input, td label, td select,
li li, li p, li td,
p li, p td,
td li, td p {
	font-size: 1em; /* 11px @ 11px/em */
}

/* easy clearing for ie7 from http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

.rollover {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.rollover:hover img {
	visibility: hidden;
}

a.top {
	width: 54px;
	height: 24px;
	background-image: url("/images/tc/b_top_on.gif");
}

a.back {
	width: 47px;
	height: 21px;
	background-image: url("/images/tc/back_on.gif");
}

a.send_to_a_friend {
	width: 143px;
	height: 23px;
	background-image: url("/images/tc/programme/sendtofriend_on.gif");
}

a.clear {
	width: 83px;
	height: 27px;
	background-image: url("/images/tc/clear_on.gif");
}

a.terms {
	width: 134px;
	height: 15px;
	background-image: url("/images/tc/ticketing/view_terms_&_conditions_on.gif");
}

a.cart {
	width: 82px;
	height: 21px;
	background-image: url("/images/tc/my_cart_on.gif");
}

a.info {
	width: 27px;
	height: 28px;
	background-image: url("/images/more_info_on.gif");
}



#container_container {
	position: relative;
	background: url("/images/bg_bottom.jpg") repeat-x left bottom;
	z-index: 1; /* be on top of #background */
}

#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding-top: 86px;
}

#main .heading {
	position: relative;
	background: url("/images/title_bg.jpg") no-repeat right top;
}

#main .heading a.terms {
	position: absolute;
	left: 686px;
	top: 2px;
}

#main .heading a.cart {
	position: absolute;
	left: 853px;
	top: 0;
}

#main .section {
	margin-bottom: 8.7em; /* 87px @ 10px/em */
}

#main .section_nav {
	float: right;
	width: 140px;
	margin-right: 5px;
	padding: 0;
	list-style: none;
}
#main ul.section_nav {
	padding:6px 0 0 21px;
	list-style: none;
}

#main .section_nav a {
	display: block;
	/*width: 140px;*/
	height: 13px;
	margin-bottom: 11px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* Ray Yeung */
#main .section_nav .fb_name{
	//width: 45px;
	//width: 0px;
	font-size: 1.2em;
	font-family: Tahoma;
	color: #237986;
	text-decoration:none;
	padding:5px 0px 5px 0px
}
#main .section_nav #profilePic td{
	width: 50px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
}
/* Ray Yeung */

/* cms styles */

.larger {
	font-size: 1.1em; /* 11px @ 10px/em */
}

.largest {
	font-size: 1.2em; /* 12px @ 10px/em */
}

.larger .larger,
.largest .largest,
.largest .larger {
	font-size: 1em;
}

.larger .largest {
	font-size: 1.091em; /* 12px @ 11px/em */
}

.gray_underline {
	margin-bottom: 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d5d5d4;
}

.black_underline {
	margin-bottom: 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000000;
}

.burgundy {
	background-color: transparent;
	color: #339933;
}

.red {
	background-color: transparent;
	color: #339933;
}

.gray {
	background-color: transparent;
	color: #666666;
}

.black {
	background-color: transparent;
	color: #000000;
}
.headline {
	font-weight: bold;
	font-size: 1.4em; /* 14px @ 10px/em */
	background-color: transparent;
	color: #339933;
}

.no_underline {
	text-decoration: none;
}

a:hover.no_underline {
	text-decoration: underline;
}

.double_line_spacing {
	line-height: 1.833em; /* 22px @ 12px/em (largest) */
}

.no_bottom_margin {
	margin-bottom: 0;
}

.quadruple_bottom_margin {
	margin-bottom: 4.8em; /* 48px @ 10px/em */
}

.seating_gold {
	color: #fff200;
}

.seating_red {
	color: #ed1c24;
}

.seating_blue {
	color: #00adef;
}

.seating_orange {
	color: #f7941d;
}

.seating_green {
	color: #8dc63f;
}

.seating_purple {
	color: #5b57a6;
}

.seating_pink {
	color: #ec008c;
}

.seating_white {
	color: #000000;
}



.programme #main {
	position: relative;
	float: left;
	width: 738px;
	margin-right: -46px;
	z-index: 1;
}

.programme #main .heading {
	background: none;
}

.programme #main .heading img {
	border: none;
}

.programme #main .body {
	width: 639px;
	padding: 30px 53px 0 0;
}

.programme #main .sections {
	float: right;
	width: 471px;
	padding-left: 1px;
}

.programme #main .sections h2 {
	margin-left: -1px;
}

.programme #main .sections h2 img{
display:inline;
}

.programme #main .sections h2 img.asia-premiere,.programme #main .sections h2 img.world-premiere{
margin-left:10px;
}

.programme #main .sections h2.within {
	margin-bottom: 0;
}



.programme #main #book_now li,
.list #main tbody .actions .book_now li,
div.popup_lite .book_now li {
	margin-bottom: 1.2em; /* 12px @ 10px/em */
	background-color: transparent;
	color: #339933;
}

.programme #main #book_now a,
.list #main tbody .actions .book_now a,
div.popup_lite .book_now a {
	background-color: transparent;
	color: #000000;
}

.programme #main #book_now {
	margin-bottom: 8.7em; /* 87px @ 10px/em */
}



.programme #main .section_nav a.about {
	background-image: url("/images/tc/programme/snav_about_on.gif");
}

.programme #main .section_nav a.programme {
	background-image: url("/images/tc/programme/snav_programme_on.gif");
}

.programme #main .section_nav a.cast {
	background-image: url("/images/tc/programme/snav_cast_on.gif");
}

.programme #main .section_nav a.plus {
	background-image: url("/images/tc/programme/snav_plus_on.gif");
}

.programme #main .section_nav a.festmag {
	background-image: url("/images/tc/programme/snav_festmag_on.gif");
}



.programme #related {
	float: left;
	width: 258px;
	/*background: url("/images/programme/bg_right_new.jpg") no-repeat left top;*/
	background: url("/images/programme/bg_right.gif") no-repeat left top;
}

.programme #related h2 {
	margin-bottom: 0;
	font-size: 1.4em; /* 14px @ 10px/em */
	text-transform: lowercase;
	padding-left: 1px;
	*+padding-top: 17px;
}

.programme #related h3 {
	font-size: 1.3em; /* 13px @ 10px/em */
	text-transform: lowercase;
}



.programme #related .details {
	float: right;
	width: 212px;
	min-height: 650px;
	/* interim
	width: 212px;
	height: 224px;
	padding-top: 426px;
	*/
}

.programme #related .details ul.main_actions {
	position: relative;
	height: 118px;
	margin-bottom: 17px;
	margin-left: 7px;
}

.programme #related .details ul.main_actions a,
.programme #related .details ul.main_actions img.add_to_planner_image {
	position: absolute;
	left: 0;
	top: 0;
}

.programme #related .details ul.main_actions a.cart {
	left: 108px;
}

.programme #related .details ul.main_actions a.add_to_planner,
.programme #related .details ul.main_actions img.add_to_planner_image {
	top: 48px;
}

.programme #related .details ul.main_actions a.add_to_planner {
	width: 118px;
	height: 21px;
	background-image: url("/images/tc/programme/add_on.gif");
}

.programme #related .details ul.main_actions a.book_now {
	top: 69px;
	width: 118px;
	height: 26px;
	background-image: url("/images/tc/programme/booknow_on.gif");
}

.programme #related .details div.actual_details {
	margin-left: 10px;
	margin-bottom: 28px;
}

.programme #related .details h2.text_heading {
	position: absolute;
	left: -5000px;
	top: -5000px;
}

.programme #related .details ul {
	margin: 0 0 1.32em; /* 13.2px @ 10px/em */
	padding: 0;
	list-style: none;
}

.programme #related .details ul.actions {
	width: 143px;
	border-top: 1px solid #e5e5e5;
	/*margin-top: 2.7em; /* 27px @ 10px/em */
	margin-bottom: 2.4em; /* 24px @ 10px/em */
}

.programme #related .details ul.actions a {
	border-bottom: 1px solid #e5e5e5;
	width: 143px;
	height: 23px;
}

.programme #related .details ul.actions a.email_reminder {
	background-image: url("/images/tc/programme/reminder_on.gif");
}

.programme #related .details ul.actions a.send_to_a_friend {
	background-image: url("/images/tc/programme/sendtofriend_on.gif");
}

.programme #related .details ul.actions a.print {
	background-image: url("/images/tc/programme/print_on.gif");
}

.programme #related .details ul.websites {
	margin-top: 0.8em; /* 8px @ 10px/em */
	padding-left: 3px;
}

.programme #related .details ul.websites li {
	overflow: hidden;
}

.programme #share {
	float: right;
	margin-left: 10px;
	margin-bottom: 14px;

}

.programme #related ul.share {
	margin-top: 0.8em;
	
}

.programme #related .sponsors {
	float: right;
	width: 258px;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.programme #related .sponsors li {
	border-top: 1px solid #cccccc;
}

.programme #related .sponsors li.box {
	padding: 19px 0;
}

/* Start: swf alternative */
.seo {
	display:none;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
/* End: swf alternative */



.about #main {
	background: url("/images/bg_caligraphy_repeat.gif") repeat-y 216px 60px;
}

.about #main .body {
	margin-top: 45px; /* this isn't set as padding because explorer adds padding-top to the back to top link on hover */
	padding: 0 63px 0 0;
}



.about #main .section {
	float: right;
	width: 729px;
	padding-left: 1px;
}

.about #main .section h1 {
	margin-bottom: 1.6em; /* 24px @ 15px/em */
	border-bottom: 1px solid #999999;
}

.about #main .section .logo {
	margin: 27px 0 34px;
}



.about #main .section_nav a.message {
	background-image: url("/images/tc/about/b_exec_dir_message_on.gif");
}

.about #main .section_nav a.past {
	background-image: url("/images/tc/about/b_past_programmes_on.gif");
}

.about #main .section_nav a.job {
	background-image: url("/images/tc/about/b_job_opportunities_on.gif");
}


.about .message #main .section a.top {
	margin-top: 72px;
}



.about .past #main .section h1 {
	margin-bottom: 1.267em; /* 19px @ 15px/em */
}

.about .past #main .section .year {
	clear: both;
	margin-bottom: 21px;
	border-bottom: 1px solid #339933;
}

.about .past #main .section .year h2,
.about .past #main .section .year a.download_programme {
	float: left;
}

.about .past #main .section a.download_programme {
	width: 147px;
	height: 26px;
	background-image: url("/images/tc/about/download_programme_on.gif");
}

.about .past #main .section a.top {
	float: right;
	margin-right: -11px;
}



.about .past #main .section_nav a.past {
	margin-bottom: 14px;
}

.about .past #main .section_nav a.year1973 {
	background-image: url("/images/about/b_1973-1977_on.gif");
}

.about .past #main .section_nav a.year1978 {
	background-image: url("/images/about/b_1978-1982_on.gif");
}

.about .past #main .section_nav a.year1983 {
	background-image: url("/images/about/b_1983-1987_on.gif");
}

.about .past #main .section_nav a.year1988 {
	background-image: url("/images/about/b_1988-1992_on.gif");
}

.about .past #main .section_nav a.year1993 {
	background-image: url("/images/about/b_1993-1997_on.gif");
}

.about .past #main .section_nav a.year1998 {
	background-image: url("/images/about/b_1998-2002_on.gif");
}

.about .past #main .section_nav a.year2003 {
	background-image: url("/images/about/b_2003-2007_on.gif");
}

.about .past #main .section_nav a.year2008 {
	background-image: url("/images/about/b_2008-2010_on.gif");
}


.press #main {
	position: relative;
	float: left;
	width: 738px;
	margin-right: -46px;
	z-index: 1;
}

.press #main .heading {
	background: none;
}

.press #main .body {
	width: 628px;
	padding: 20px 64px 0 0;
}

.press #main .section {
	float: right;
	width: 565px;
}

.press #main .section h1 {
	padding-bottom: 6px;
	border-bottom: 1px solid #999999;
}

.press #main .section dt {
	margin-top: 0.455em; /* 5px @ 11px/em */
	margin-bottom: 0.273em; /* 3px @ 11px/em */
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.press #main .section a {
	background-color: transparent;
	color: #339933;
	text-decoration: none;
}

.press #main .section a:hover {
	text-decoration: underline;
}

.press #main .section dd {
	margin-bottom: 0;
	padding-bottom: 0.6em; /* 6px @ 10px/em */
	border-bottom: 1px solid #d5d5d4;
}

.press #main .section_nav {
	width: 40px;
	margin-right: 12px;
}

.press #main .section_nav a {
	width: 40px;
}

.press #related {
	float: left;
	width: 258px;
	background: url("/images/press/bg_right_column.jpg") no-repeat left top;
}

.press #related h2 {
	margin-bottom: 0;
	font-size: 1.4em; /* 14px @ 10px/em */
	text-transform: lowercase;
}

.press #related h3 {
	font-size: 1.3em; /* 13px @ 10px/em */
	text-transform: lowercase;
}

.press #related .details {
	float: right;
	width: 173px;
	height: 541px;
	padding: 136px 29px 0 10px;
}

.press #related .details a.buy_tickets {
	width: 173px;
	height: 54px;
	background-image: url("/images/tc/press/advert_credit_card_on.gif");
}

.press #related .details h2.text_heading {
	position: absolute;
	left: -5000px;
	top: -5000px;
}

.press #related .details ul.actions {
	width: 173px;
	border-top: 1px solid #e5e5e5;
	margin: 0 0 2.2em; /* 22px @ 10px/em */
	padding: 0;
	list-style: none;
}

.press #related .details ul.actions a {
	border-bottom: 1px solid #e5e5e5;
}

.press #related .details ul.actions a.download_programme {
	width: 173px;
	height: 39px;
	background-image: url("/images/tc/press/download_programme_on.gif");
}

.press #related .details ul.actions a.message {
	width: 173px;
	height: 34px;
	background-image: url("/images/tc/press/executive_director_on.gif");
}

.press #related .details ul.contact {
	margin-top: 0.6em; /* 6px @ 10px/em */
	padding: 0;
	list-style: none;
}

.press #related .details ul.contact li {
	margin-bottom: 1.2em; /* 12px @ 10px/em */
}



.press .detail #main .section a.back {
	margin-top: 30px;
}



.view #main {
	background: url("/images/bg_caligraphy_repeat.gif") repeat-y 216px 60px;
}

.view #main .body {
	margin-top: 33px;
	padding: 0 0 0 63px;
}

.view #main .one {
	float: left;
	width: 376px;
	margin-right: 53px;
}

.view #main .two {
	float: left;
	width: 383px;
}

.view #main .section h2 {
	margin-bottom: 0;
	padding-bottom: 2px;
/*	border-bottom: 1px solid #999999;*/
}

.view #main .section ul {
	margin-bottom: 2.7em; /* 27px @ 10px/em */
	padding: 0;
	list-style: none;
}

.view #main .section li {
	margin-top: 1em; /* 11px @ 11px/em */
	padding-bottom: 0.364em; /* 4px @ 11px/em */
/*	border-bottom: 1px solid #d5d5d4;*/
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.view #main .section li img {
	float: left;
	margin: 1px 18px 0 0;
}

.view #main .section a {
	background-color: transparent;
	color: #339933;
	text-decoration: none;
}

.view #main .section a:hover {
	text-decoration: underline;
}



/*
.contact #main {
	background: url("/images/bg_caligraphy_repeat.gif") repeat-y 216px 60px;
}
*/

.contact #main .body {
	margin-top: 27px;
	padding: 0 300px 0 30px;
}

.contact #main .section fieldset {
	margin-bottom: 0;
}

.contact #main .section fieldset p {
	margin-bottom: 0.909em; /* 10px @ 11px/em */
}

.contact #main .section label {
	float: left;
	clear: left;
	width: 65px;
	margin-top: 0.182em; /* 2px @ 11px/em */
}

.contact #main .section input,
.contact #main .section select {
	float: left;
	margin-bottom: 0.545em; /* 6px @ 11px/em */
}

.contact #main .section fieldset.name {
	float: left;
	width: 261px;
	padding-top: 2.3em; /* 23px @ 10px/em */
}

.contact #main .section fieldset.telephone {
	float: left;
	width: 296px;
}

.contact #main .section fieldset.name input{
	width: 190px;
}
.contact #main .section fieldset.telephone input {
	width: 196px;
}

.contact #main .section fieldset.telephone p,
.contact #main .section fieldset.telephone label {
	margin-left: 28px;
}

.contact #main .section fieldset.address {
	clear: both;
	padding-bottom: 2.2em; /* 22px @ 10px/em */
}

.contact #main .section fieldset.address input {
	width: 485px;
}

.contact #main .section fieldset.message,
.contact #main .section fieldset.news {
	padding-bottom: 2.7em; /* 27px @ 10px/em */
}

.contact #main .section fieldset.message textarea {
	float: left;
	width: 485px;
	height: 144px;
}

.contact #main .section fieldset.news p {
	margin: 0 0 0.545em; /* 6px @ 11px/em */
}

.contact #main .section fieldset.news ul {
	padding: 0;
	list-style: none;
}

.contact #main .section fieldset.news li {
	margin: 0 0 0.545em; /* 6px @ 11px/em */
}

.contact #main .section fieldset.news input,
.contact #main .section fieldset.news label,
.contact #main .section fieldset.news span {
	float: none;
	width: auto;
	margin: 0;
	vertical-align: middle;
}

.contact #main .section a.send {
	float: right;
	width: 83px;
	height: 27px;
	margin-right: 65px;
	background-image: url("/images/tc/send_on.gif");
}

.contact #main .section a.clear {
	margin-left: -3px;
}



.partner #main,
.book #main,
.global #main {
	background: url("/images/bg_caligraphy_repeat.gif") repeat-y 216px 60px;
}

.partner #main .body,
.book #main .body,
.global #main .body {
	margin-top: 38px; /* this isn't set as padding because explorer adds padding-top to the back to top link on hover */
	padding: 0 66px 0 50px;
}



.partner .overview #main .section #flash_slideshow {
	float: right;
	margin: 6px 0 0 90px;
}

.partner .overview #main .section h2,
.book .overview #main .section h2 {
	clear: both;
	margin-bottom: 7px;
	padding-bottom: 6px;
	border-bottom: 1px solid #339933;
}

.partner .overview #main .section a.donation {
	display: block;
	width: 126px;
	height: 31px;
	margin-left: -5px;
	background: url("/images/tc/partner/b_donation_on.gif") no-repeat left top;
}

.partner .overview #main .section div.top,
.book .overview #main .section div.top,
.global #main .section div.top {
	margin: 2.4em 0 11px; /* 24px @ 10px/em */
	padding-top: 9px;
	border-top: 1px solid #d5d5d4;
}

.partner .overview #main .section div.plain,
.book .overview #main .section div.plain,
.global #main .section div.plain {
	border-top: none;
}

.partner .overview #main .section div.top a.top,
.book .overview #main .section div.top a.top,
.global #main .section div.top a.top {
	float: right;
	margin-right: -11px;
}



.global .sitemap #main .section ul {
	padding-top: 2.182em; /* 24px @ 11px/em */
	padding-bottom: 2.636em; /* 29px @ 11px/em */
	border-top: 1px solid #339933;
	border-bottom: 1px solid #d5d5d4;
	font-size: 1.1em; /* 11px @ 10px/em */
	text-transform: lowercase;
}

.global .sitemap #main .section ul li {
	margin-bottom: 1em; /* 10px @ 10px/em */
	background-color: transparent;
	color: #339933;
}

.global .sitemap #main .section ul a {
	font-weight: bold;
	background-color: transparent;
	color: #339933;
	text-decoration: none;
}

.global .sitemap #main .section ul a:hover {
	text-decoration: underline;
}

.global .sitemap #main .section ul ul {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0.909em; /* 10px @ 11px/em */
	list-style: none;
}

.global .sitemap #main .section ul ul li {
	margin: 0.6em 0 0; /* 6px @ 10px/em */
}

.global .sitemap #main .section ul ul a {
	font-weight: normal;
	background-color: transparent;
	color: #000000;
}



.global .mastercard #main {
	background: none;
}

.global .mastercard #main .body {
	margin-top: 0;
	padding: 0 240px 0 34px;
}

.global .mastercard #main .section a.apply img {
	margin: 0 -58px 25px -18px;
}

.global .mastercard #main .section a.send_to_a_friend {
	margin-top: 2.4em; /* 24px @ 10px/em */
}



.global .product #main {
	background: none;
}

.global .product #main .body {
	margin-top: 0;
	padding: 0 240px 0 34px;
}

.global .product #main .section img {
	margin: 0 -58px 0 -18px;
}



.nobackground #main {
	background: none;
}

p.namedanchor {
	margin-bottom: 0;
}



.ticketing #main .body {
	padding: 0 27px 0 22px;
}

.ticketing #main ul.steps {
	margin: 0 0 9px;
	padding: 0 0 0 43px;
	list-style: none;
}

.ticketing #main ul.steps li {
	display: inline; /* ie7 */
}

.ticketing #main ul.steps img {
	float: left;
}

.ticketing #main .bg_beige {
	background-color: #f3f1dc;
	color: #000000;
}

.ticketing #main h2.bg_beige,
.ticketing #main h2.bg_white,
.ticketing #main h3.bg_beige,
.ticketing #main h3.bg_white {
	height: 2em; /* 22px @ 11px/em */
	margin: 0 -6px 0 -1px;
	padding: 9px 0 7px 14px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.ticketing #main h2.bg_beige,
.ticketing #main h3.bg_beige {
	background-image: url("/images/ticketing/billing_h1.gif");
}

.ticketing #main h2.bg_white,
.ticketing #main h3.bg_white {
	background-image: url("/images/ticketing/billing_h2.gif");
}

.ticketing #main .messages {
	font-size: 1.1em; /* 11px @ 10px/em */
	background-color: transparent;
	color: #339933;
}

.ticketing #main a.clear {
	width: 62px;
	height: 27px;
	background-image: url("/images/tc/ticketing/clear_on.gif");
}

.ticketing #main a.continue {
	width: 96px;
	height: 33px;
	background-image: url("/images/tc/ticketing/continue_on.gif");
}

.ticketing #main a.select_second_choice {
	width: 143px;
	height: 26px;
	background-image: url("/images/tc/ticketing/select_2nd_choice_on.gif");
}

.ticketing #main a.skip_second_choice {
	width: 141px;
	height: 27px;
	background-image: url("/images/tc/ticketing/skip_2nd_on.gif");
}

.ticketing #main a.delete {
	width: 53px;
	height: 23px;
	background-image: url("/images/tc/ticketing/delete_on.gif");
}

.ticketing #main a.delete_bg {
	width: 53px;
	height: 23px;
	background-image: url("/images/tc/ticketing/delete_bg_on.gif");
}

.ticketing #main a.my_planner {
	width: 99px;
	height: 27px;
	background-image: url("/images/tc/ticketing/my_planner_back_on.gif");
}

.ticketing #main a.all_events {
	width: 90px;
	height: 27px;
	background-image: url("/images/tc/ticketing/all_events_back_on.gif");
}

.ticketing #main a.update {
	width: 53px;
	height: 23px;
	background-image: url("/images/tc/ticketing/update_on.gif");
}

.ticketing #main a.agree {
	width: 80px;
	height: 32px;
	background-image: url("/images/tc/ticketing/agree_on.gif");
}

.ticketing #main a.disagree {
	width: 84px;
	height: 28px;
	background-image: url("/images/tc/ticketing/disagree_on.gif");
}

.ticketing #main a.continue_2 {
	width: 88px;
	height: 27px;
	background-image: url("/images/tc/ticketing/continue_2_on.gif");
}

.ticketing #main a.edit {
	width: 57px;
	height: 27px;
	background-image: url("/images/tc/ticketing/edit_bg_beige_on.gif");
}

.ticketing #main a.submit {
	width: 88px;
	height: 33px;
	background-image: url("/images/tc/ticketing/submit_on.gif");
}

.ticketing #main a.cancel {
	width: 72px;
	height: 27px;
	background-image: url("/images/tc/ticketing/cancel_on.gif");
}



.ticketing .reserve #main h2 {
	margin: 16px 0 22px;
	padding-bottom: 7px;
	border-bottom: 1px solid #999999;
	font-size: 1.6em; /* 16px @ 10px/em */
}

.ticketing .reserve #main .second {
	margin-top: 37px;
}

.ticketing .reserve #main .venue {
	float: left;
	width: 138px;
	margin: 40px 38px 0 16px;
	font-size: 1.091em; /* 10 x 1.091 x 1.1 = 12px */
}

.ticketing .reserve #main .venue img {
	margin: 3px 0;
}

.ticketing .reserve #main .choice {
	float: left;
	width: 709px;
}

.ticketing .reserve #main .notes,
.ticketing .reserve #main #first_second_choice {
	margin-left: 192px;
}



.ticketing .reserve #main div.title {
	border-bottom: 1px solid #444444;
}

.ticketing .reserve #main .title a.info {
	float: right;
	width: auto;
	background-position: right top;
	text-decoration: none;
}

.ticketing .reserve #main .title a.info span {
	float: left;
	margin: 6px 1px 0 0;
	background-color: transparent;
	color: #7f0504;
	text-transform: lowercase;
	cursor: pointer;
}

.ticketing .reserve #main .title a.info:hover span {
	background-color: transparent;
	color: #ff0000;
}

.ticketing .reserve #main .title img.title {
	padding-top: 2px;
}



.ticketing .reserve #main .step {
	padding-top: 0.5em; /* 6px @ 12px/em */
	font-size: 1.2em; /* 12px @ 10px/em */
	text-transform: lowercase;
}

.ticketing .reserve #main th.step {
	padding-top: 16px;
}

.ticketing .reserve #main .step span {
	float: left;
	height: 1.556em; /* 28px @ 18px/em */
	margin-top: -0.333em; /* 6px @ 18px/em */
	margin-right: 4px;
	font-size: 1.5em; /* 18px @ 12px/em */
	font-weight: bold;
	background-color: transparent;
	color: #339933;
}

.ticketing .reserve #main #reserve_form .step span {
	margin-top: 0;
}

.ticketing .reserve #main .step span.caps {
	float: none;
	font-size: 1em;
	font-weight: normal;
	background-color: transparent;
	color: #000000;
	text-transform: uppercase;
}



.ticketing .reserve #main .date {
	padding: 3px 0 0;
}

.ticketing .reserve #main .date li {
	font-size: 1.2em; /* 12px @ 10px/em */
}

.ticketing .reserve #main .date span.performance {
	font-size: 1.1em; /* 11px @ 10px/em */
}

.ticketing .reserve #main .date #date_selector {
	width: 510px;
}



.ticketing .reserve #main #performance_information {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.2em; /* 12px @ 10px/em */
}

.ticketing .reserve #main #performance_information caption {
	font-size: 0.917em; /* 11px @ 12px/em */
}

.ticketing .reserve #main #performance_information th,
.ticketing .reserve #main #performance_information td {
	padding: 3px;
	border: 1px solid #e7e7e4;
}

.ticketing .reserve #main #performance_information th {
	text-align: left;
}



.ticketing .reserve #main #previous_selections,
.ticketing .reserve #main #previous_options,
.ticketing .reserve #main #cart_totals {
	display: none;
}



.ticketing .reserve #main #reserve_form fieldset {
	margin-bottom: 0;
}

.ticketing .reserve #main .reserve_table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}

.ticketing .reserve #main .reserve_table th {
	border-top: 1px solid #e7e7e4;
	font-weight: normal;
	text-align: left;
}

.ticketing .reserve #main #reserve_form .reserve_table th {
	padding-top: 10px;
}

.ticketing .reserve #main .reserve_table td {
	height: 36px;
	border-bottom: 1px solid #e7e7e4;
	vertical-align: middle;
}

.ticketing .reserve #main .reserve_table .type,
.ticketing .reserve #main .reserve_table .cat,
.ticketing .reserve #main .reserve_table .area {
	border-right: 1px solid #e7e7e4;
}

.ticketing .reserve #main .reserve_table .cat,
.ticketing .reserve #main .reserve_table .area,
.ticketing .reserve #main .reserve_table .quantity {
	padding-left: 17px;
}

.ticketing .reserve #main .reserve_table .type {
	width: 160px;
}

.ticketing .reserve #main .reserve_table .type select {
	width: 147px;
}

.ticketing .reserve #main .reserve_table .cat {
	width: 100px;
}

.ticketing .reserve #main .reserve_table .cat select {
	width: 66px;
}

.ticketing .reserve #main .reserve_table .area {
	width: 172px;
}

.ticketing .reserve #main .reserve_table .area select {
	width: 40px;
	margin-right: 4px;
}

.ticketing .reserve #main .reserve_table td.area span {
	display: -moz-inline-box;
	display: inline-block;
	width: 34px;
	margin-right: 4px;
	padding-left: 6px;
	line-height: 0.909em; /* 10px @ 11px/em, this keeps safari happy */
}

.ticketing .reserve #main .reserve_table .quantity select {
	width: 38px;
}

.ticketing .reserve #main .reserve_table .quantity input {
	width: 21px;
}



.ticketing .reserve #main .other {
	padding: 2px 0 5px;
	border-bottom: 1px solid #444444;
}

.ticketing .reserve #main .other span {
	float: left;
	margin: 0.167em 10px 3px 2px; /* 2px @ 12px/em */
	font-size: 1.2em; /* 12px @ 10px/em */
	text-transform: lowercase;
}

.ticketing .reserve #main .other ul {
	float: left;
	margin: 0;
	padding: 0 0 0 24px;
	list-style: none;
	background-color: transparent;
	color: #444444;
	line-height: 1.9em; /* 19px @ 10px/em */
}

.ticketing .reserve #main #reserve_form .other ul {
	padding: 0;
	line-height: normal;
}

.ticketing .reserve #main .other input,
.ticketing .reserve #main .other label {
	vertical-align: middle;
}



.ticketing .reserve #main #reserve_form .hide_delete a.del_row,
.ticketing .reserve #main #reserve_form li.hide {
	display: none;
}

.ticketing .reserve #main #reserve_form .buttons {
	padding-top: 7px;
}

.ticketing .reserve #main #reserve_form .buttons div {
	float: right;
}

.ticketing .reserve #main #reserve_form .buttons div img.text {
	float: left;
	margin-top: 8px;
}

.ticketing .reserve #main #reserve_form .buttons div input.select_second_choice,
.ticketing .reserve #main #reserve_form .buttons div input.continue,
.ticketing .reserve #main #reserve_form .buttons input.clear,
.ticketing .reserve #main #reserve_form .buttons input.skip_second_choice {
	float: left;
	margin-top: 4px;
}

.ticketing .reserve #main #reserve_form .buttons div a.select_second_choice {
	float: left;
	margin: 4px 5px 0 4px;
}

.ticketing .reserve #main #reserve_form .buttons div a.continue {
	float: left;
	margin: 0 1px 0 9px;
}

.ticketing .reserve #main #reserve_form .buttons a.clear {
	float: left;
	margin: 2px 0 0 -3px;
}

.ticketing .reserve #main #reserve_form .buttons a.skip_second_choice {
	float: left;
	margin: 2px 8px 0 -3px;
}

.ticketing .reserve #main .Gold {
	background-color: #fff200;
	color: #000000;
}

.ticketing .reserve #main .Red {
	background-color: #ed1c24;
	color: #ffffff;
}

.ticketing .reserve #main .Blue {
	background-color: #00adef;
	color: #000000;
}

.ticketing .reserve #main .Orange {
	background-color: #f7941d;
	color: #000000;
}

.ticketing .reserve #main .Green {
	background-color: #8dc63f;
	color: #000000;
}

.ticketing .reserve #main .Purple {
	background-color: #5b57a6;
	color: #ffffff;
}

.ticketing .reserve #main .Pink {
	background-color: #ec008c;
	color: #ffffff;
}

.ticketing .reserve #main .White {
	background-color: #ffffff;
	color: #000000;
}



.ticketing .cart #main .notes {
	margin-top: 28px;
}

.ticketing .cart #main .notes h3 {
	float: left;
	background-color: transparent;
	color: #000000;
}

.ticketing .cart #main .notes div {
	float: left;
	width: 700px;
}



.ticketing .cart #main #cart_form {
	margin: 0 -6px 0 -1px;
	padding: 0 6px 0 1px;
	background: url("/images/ticketing/cart_h1.gif") no-repeat 0px 6px;
}

.ticketing .cart #main .cart_table {
	margin-bottom: 2em; /* 20px @ 10px/em */
}

.ticketing #main .cart_table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.ticketing #main .cart_table #cart_name,
.ticketing #main .cart_table #cart_type,
.ticketing #main .cart_table #cart_price,
.ticketing #main .cart_table #cart_number,
.ticketing #main .cart_table #cart_amount,
.ticketing #main .cart_table #cart_max_amount {
	/* for some reason, firefox uses the traditional model for cell heights, while explorer and safari use w3c */
	height: 54px;
}

.ticketing #main .cart_table #cart_name {
	width: 247px;
	text-align: left;
}

.ticketing #main .cart_table #cart_type {
	width: 100px;
	text-align: left;
}

.ticketing #main .cart_table #cart_area {
	height: 27px;
	vertical-align: bottom;
}

.ticketing #main .cart_table #cart_first_area,
.ticketing #main .cart_table #cart_second_area {
	width: 100px;
	height: 27px;
	vertical-align: top;
}

.ticketing #main .cart_table #cart_price {
	width: 100px;
}

.ticketing #main .cart_table #cart_number {
	width: 60px;
}

.ticketing #main .cart_table #cart_amount {
	width: 80px;
}

.ticketing #main .cart_table #cart_max_amount {
	width: 100px;
}

.ticketing #main .cart_table thead td {
	width: 14px;
}

.ticketing #main .cart_table tbody.even {
	background-color: #f3f1dc;
	color: #000000;
}

.ticketing #main .cart_table th {
	font-weight: normal;
}

.ticketing #main .cart_table input {
	text-align: center;
}

.ticketing #main .cart_table tbody th,
.ticketing #main .cart_table tbody td {
	padding: 0 0 10px;
	font-size: 1em; /* 10px @ 10px/em */
	text-align: center;
}

.ticketing #main .cart_table .name {
	padding-top: 10px;
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
	color: #339933;
	text-align: left;
}

.ticketing #main .cart_table .max_amount {
	padding-top: 10px;
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.ticketing #main .cart_table .details {
	padding-top: 10px;
	text-align: left;
}

.ticketing #main .cart_table .details .choice {
	font-size: 1.2em; /* 11px @ 10px/em */
	color: #339933;
}

.ticketing #main .cart_table .details .date {
	font-weight: bold;
}

.ticketing #main .cart_table td.delete {
	text-align: left;
}

.ticketing #main .cart_table .type,
.ticketing #main .cart_table .options_heading {
	font-weight: bold;
	text-align: left;
}

.ticketing #main .cart_table .option th,
.ticketing #main .cart_table .option td {
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
}

.ticketing #main .cart_table .option td.input {
	text-align: center;
}

.ticketing #main .cart_table .details,
.ticketing #main .cart_table .amount,
.ticketing #main .cart_table .options_heading,
.ticketing #main .cart_table .option .first {
	padding-top: 10px;
	border-top: 1px solid #b3b4b6;
}

.ticketing #main .cart_table .option .last {
	padding-bottom: 13px;
}

.ticketing .cart #main .other_reservations {
	float: left;
	width: 285px;
	height: 6em; /* 60px @ 10px/em */
	margin: 0 8px 2em 14px; /* 20px @ 10px/em */
	padding: 10px 0 0 12px;
	border: 1px solid #b3b4b6;
}

.ticketing .cart #main .other_reservations h3 {
	margin: 0 0 6px 1px;
}

.ticketing .cart #main .other_reservations img.text {
	float: left;
	margin: 6px 5px 0 0;
}

.ticketing .cart #main .other_reservations a {
	float: left;
}

.ticketing .cart #main .other_reservations a.my_planner {
	margin-right: 7px;
}




.ticketing .cart #main div.max_amount {
	float: left;
	width: 556px;
	height: 6em; /* 60px @ 10px/em */
	margin-bottom: 2em; /* 20px @ 10px/em */
	padding: 5px 6px 5px 16px;
	border: 1px solid #999999;
	background-color: #f3f1dc;
	color: #000000;
}

.ticketing .cart #main div.max_amount h3 {
	float: left;
	margin-top: 8px;
	background-color: transparent;
	color: #000000;
}

.ticketing .cart #main div.max_amount div.update {
	float: right;
	margin-bottom: 12px;
}

.ticketing .cart #main div.max_amount div.update span {
	float: left;
	margin-top: 3px;
	text-transform: lowercase;
	font-size: 0.9em;
}

.ticketing .cart #main div.max_amount div.update input,
.ticketing .cart #main div.max_amount div.update a {
	float: left;
	margin-left: 4px;
}

.ticketing .cart #main div.max_amount div.subtotal {
	float: right;
	clear: both;
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.ticketing .cart #main div.max_amount div.subtotal span.subtotal {
	float: left;
	margin-right: 28px;
}

.ticketing .cart #main div.max_amount div.subtotal span.amount {
	float: left;
	margin-right: 6px;
}



.ticketing .cart #main .payment_details {
	/*width: 569px;*/
	margin-bottom: 2em; /* 20px @ 10px/em */
	/*padding: 0 8px 2em 324px; /* 20px @ 10px/em */
	padding: 0 8px 2em 14px; /* 20px @ 10px/em */
	border-bottom: 1px solid #b3b4b6;
}

.ticketing .cart #main .payment_details img {
	float: right;
	margin-top: 2px;
}



.ticketing .cart #main .other_conditions {
	margin-bottom: 2em;
	padding: 0 0 2em 14px;
	border-bottom: 1px solid #b3b4b6;
}

.ticketing .cart #main .other_conditions h3 {
	margin-bottom: 0.5em;
}

.ticketing .cart #main .other_conditions input {
	float: left;
	margin-right: 10px;
}

.ticketing .cart #main .other_conditions span {
	float: left;
	width: 850px;
}



.ticketing .cart #main input.continue,
.ticketing .cart #main a.continue {
	float: right;
	margin-right: 14px;
}

.ticketing .cart #main a.top {
	float: left;
	margin-top: 3px;
	margin-left: 14px;
}



.ticketing .statement #main div.text {
	margin-top: 1.4em; /* 14px @ 10px/em */
	padding: 0 14px;
	border-bottom: 1px solid #999999;
}

.ticketing .statement #main .buttons {
	width: 171px;
	margin: 20px auto 0;
	padding-bottom: 5px;
}

.ticketing .statement #main .buttons a {
	float: right;
}

.ticketing .statement #main .buttons a.agree {
	margin-left: 7px;
}



.ticketing .billing #main #billing_form {
	margin-bottom: 18px;
}

.ticketing .billing #main h3 {
	clear: both;
	margin-bottom: 0.909em; /* 10px @ 11px/em */
	padding-top: 0.182em; /* 2px @ 11px/em */
	background-color: transparent;
	color: #000000;
}

.ticketing .billing #main fieldset {
	margin-bottom: 3px;
	padding: 15px 25px;
}

.ticketing .billing #main fieldset ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ticketing .billing #main fieldset li {
	line-height: 1.818em; /* 20px @ 11px/em */
}

.ticketing .billing #main label {
	float: left;
	margin-top: 0.182em; /* 2px @ 11px/em */
}

.ticketing .billing #main label.main {
	font-weight: bold;
}

.ticketing .billing #main label.main span {
	font-weight: normal;
}

.ticketing .billing #main fieldset li label,
.ticketing .billing #main fieldset li input {
	float: none;
	margin-top: 0;
	vertical-align: middle;
}

.ticketing .billing #main br {
	clear: left;
}

.ticketing .billing #main input.text,
.ticketing .billing #main select {
	float: left;
	width: 202px;
	margin-bottom: 0.545em; /* 6px @ 11px/em */
}

.ticketing .billing #main .name,
.ticketing .billing #main .address {
	float: left;
	width: 399px;
	height: 18.9em; /* 189px @ 10px/em */
	padding-bottom: 0;
}

.ticketing .billing #main .name {
	margin-right: 3px;
}

.ticketing .billing #main .name label,
.ticketing .billing #main .address label {
	width: 118px;
}

.ticketing .billing #main .identification {
	clear: both;
}

.ticketing .billing #main .identification label,
.ticketing .billing #main .email label {
	margin-right: 12px;
}

.ticketing .billing #main #billing_idnumber {
	margin-right: 36px;
}

.ticketing .billing #main .email,
.ticketing .billing #main .credit_card {
	margin-bottom: 2px;
}

.ticketing .billing #main .credit_card div {
	float: left;
	width: 399px;
}

.ticketing .billing #main .credit_card div.first {
	margin-right: 53px;
}

.ticketing .billing #main .credit_card div.first label {
	width: 140px;
}

.ticketing .billing #main .credit_card div.second label {
	width: 93px;
}

.ticketing .billing #main .credit_card div.second label.slash {
	width: auto;
	margin-left: 4px;
	margin-right: 4px;
}

.ticketing .billing #main .credit_card div.second select {
	width: auto;
}

.ticketing .billing #main .hkaf_mastercard li.full {
	margin-bottom: 1em; /* 6px @ 11px/em */
}

.ticketing .billing #main .hkaf_mastercard input {
	margin-right: 7px;
}

.ticketing .billing #main .hkaf_mastercard span.text {
	margin-left: 25px;
}

.ticketing .billing #main .hkaf_mastercard span.or {
	vertical-align: middle;
}

.ticketing .billing #main .news_and_continue {
	margin-bottom: 17px;
	padding-right: 11px;
	border-bottom: 1px solid #999999;
}

.ticketing .billing #main .news_and_continue ul {
	float: left;
}

.ticketing .billing #main .news_and_continue .continue {
	float: right;
}

.ticketing .billing #main .donation,
.ticketing .billing #main .notes {
	padding-left: 13px;
	padding-right: 11px;
}

.ticketing .billing #main .donation {
	margin-bottom: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}

.ticketing .billing #main .donation input {
	vertical-align: middle;
}

.ticketing .billing #main .donation p.amount {
	float: left;
}

.ticketing .billing #main .donation .continue_2 {
	float: right;
}

.ticketing .billing #main .notes {
	padding-bottom: 2em; /* 20px @ 10px/em */
	background-color: transparent;
	color: #444444;
}

.ticketing .billing #main .notes p {
	font-size: 1em; /* 10px @ 10px/em */
}

.ticketing .billing #main a.top {
	margin-left: 13px;
}



.ticketing .confirmation #main h2 {
	margin: 0;
	padding-left: 15px;
}

.ticketing .confirmation #main h2.billing {
	margin-bottom: 6px;
}

.ticketing .confirmation #main dl {
	margin: 0;
}

.ticketing .confirmation #main a.edit {
	float: right;
	clear: both;
}

.ticketing .confirmation #main .personal,
.ticketing .confirmation #main .credit_card {
	padding: 15px 4px 9px 25px;
}

.ticketing .confirmation #main .personal dt,
.ticketing .confirmation #main .personal dd,
.ticketing .confirmation #main .credit_card dt,
.ticketing .confirmation #main .credit_card dd {
	float: left;
	margin-bottom: 0.909em; /* 10px @ 11px/em */
}

.ticketing .confirmation #main .personal dt,
.ticketing .confirmation #main .credit_card dt {
	clear: both;
	width: 161px;
	font-weight: bold;
}

.ticketing .confirmation #main .personal {
	margin-bottom: 2px;
}

.ticketing .confirmation #main .personal dd {
	width: 708px;
}

.ticketing .confirmation #main .personal a.edit {
	margin-top: -2em; /* 20px @ 10px/em */
}

.ticketing .confirmation #main .credit_card {
	margin-bottom: 13px;
}

.ticketing .confirmation #main .credit_card .first,
.ticketing .confirmation #main .credit_card .second {
	float: left;
	width: 399px;
}

.ticketing .confirmation #main .credit_card .first {
	margin-right: 53px;
}

.ticketing .confirmation #main .credit_card .first dd,
.ticketing .confirmation #main .credit_card .second dd {
	width: 235px;
}

.ticketing .confirmation #main .credit_card .hkafmc_plan {
	clear: both;
	margin-top: 0.3em; /* 3px @ 10px/em */
	margin-right: 21px;
	padding-top: 1.3em; /* 13px @ 10px/em */
	border-top: 1px solid #b3b4b6;
}

.ticketing .confirmation #main .credit_card .hkafmc_plan dt,
.ticketing .confirmation #main .credit_card .hkafmc_plan dd {
	float: none;
	width: auto;
}

.ticketing .confirmation #main .credit_card .hkafmc_plan dd {
	margin: 0;
}

.ticketing .confirmation #main .credit_card a.edit {
	margin-top: -1em; /* 10px @ 10px/em */
}

.ticketing .confirmation #main .tickets {
	margin: 0 -6px 0 -1px;
	padding: 0 6px 0 1px;
	background: url("/images/ticketing/cart_h1.gif") no-repeat 0px 6px;
}

.ticketing .confirmation #main .donation {
	margin-top: 3px;
	padding: 12px 4px 9px 14px;
}

.ticketing .confirmation #main .donation h3 {
	width: 787px;
	margin-right: 93px;
	margin-bottom: 0.818em; /* 9px @ 11px/em */
	padding-bottom: 0.818em; /* 9px @ 11px/em */
	border-bottom: 1px solid #b3b4b6;
}

.ticketing .confirmation #main .donation p {
	float: left;
}

.ticketing .confirmation #main .donation span {
	float: right;
	margin-right: 11px;
	font-size: 1.1em; /* 11px @ 10px/em */
	font-weight: bold;
}

.ticketing .confirmation #main .news {
	float: left;
	width: 325px;
	height: 4em; /* 40px @ 10px/em */
	margin: 1.9em 8px 1em 0; /* 19px, 10px @ 10px/em */
	padding: 17px 13px 13px;
	border: 1px solid #b3b4b6;
}

.ticketing .confirmation #main .news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ticketing .confirmation #main .news li {
	margin-bottom: 0.545em; /* 6px @ 11px/em */
}

.ticketing .confirmation #main div.max_amount {
	float: left;
	width: 506px;
	height: 5em; /* 50px @ 10px/em */
	margin: 1.9em 0 1em 0; /* 19px, 10px @ 10px/em */
	padding: 12px 14px 8px 18px;
	border: 1px solid #999999;
}

.ticketing .confirmation #main div.max_amount dt {
	float: left;
	clear: left;
	margin-bottom: 0.273em; /* 3px @ 11px/em */
}

.ticketing .confirmation #main div.max_amount dd {
	float: right;
	clear: right;
	margin-bottom: 0.273em; /* 3px @ 11px/em */
}

.ticketing .confirmation #main div.max_amount .amount {
	font-weight: bold;
}

.ticketing .confirmation #main div.max_amount .amount span {
	margin-right: 24px;
}

.ticketing .confirmation #main .other_conditions {
	clear: both;
	margin-bottom: 2.9em; /* 29px @ 10px/em */
	padding: 0 14px 0;
	border-top: 1px solid #b3b4b6;
	border-bottom: 1px solid #b3b4b6;
}

.ticketing .confirmation #main .other_conditions h3 {
	margin: 0.909em 0; /* 10px @ 11px/em */
}

.ticketing .confirmation #main .other_conditions p {
	font-size: 1em; /* 10px @ 10px/em */
}

.ticketing .confirmation #main .buttons a.submit {
	float: right;
}

.ticketing .confirmation #main .buttons a.top {
	float: left;
	margin: 4px 0 0 15px;
}

.ticketing .confirmation #main .buttons a.cancel {
	float: left;
	margin: 2px 0 0 43px;
}



.ticketing .thankyou #main .body {
	margin-top: 50px;
	padding: 0 39px;
}

.ticketing .thankyou #main a.print_reservation {
	width: 172px;
	height: 27px;
	background-image: url("/images/tc/ticketing/prit_reservation_on.gif");
}

.ticketing .thankyou #main .other_reservations {
	/*float: left;*/
	width: 285px;
	height: 6em; /* 60px @ 10px/em */
	/*margin: 0 8px 2em 14px; /* 20px @ 10px/em */
	padding: 10px 0 0 12px;
	border: 1px solid #b3b4b6;
}

.ticketing .thankyou #main .other_reservations h3 {
	margin: 0 0 6px 1px;
}

.ticketing .thankyou #main .other_reservations img.text {
	float: left;
	margin: 6px 5px 0 0;
}

.ticketing .thankyou #main .other_reservations a {
	float: left;
}

.ticketing .thankyou #main .other_reservations a.my_planner {
	margin-right: 7px;
}



.list #main .heading {
	background-image: url("/images/tc/list/bg_filter.gif");
}

.list #main table {
	width: 100%;
	margin-top: 17px;
	margin-bottom: 12px;
	border-bottom: 1px solid #c5c098;
	border-collapse: collapse;
	table-layout: fixed;
}

.list #main th,
.list #main td {
	vertical-align: top;
}

.list #main th {
	background-color: transparent;
	color: #339933;
	text-align: left;
}

.list #main th a {
	background-color: transparent;
	color: #339933;
	text-decoration: none;
}

.list #main th a:hover {
	text-decoration: underline;
}

.list #main tr.even th,
.list #main tr.even td {
	background-color: #f3f1dc;
	color: #000000;
}

.list #main thead th {
	text-transform: uppercase;
}

.list #main .name {
	width: 362px;
	padding-left: 24px;
	padding-right: 24px;
}

.list #main thead .name {
	font-size: 1px;
	background-color: transparent;
	color: #ffffff;
}

.list #main tbody .name {
	padding-top: 11px;
	padding-bottom :11px;
	font-size: 1.2em; /* 12px @ 10px/em */
	line-height: 1.25em; /* 15px @ 12px/em */
}

.list #main tbody .name img {
	float: left;
	margin-right: 23px;
}

.list #main .date,
.list #main .cat,
.list #main .venue {
	padding: 13px 0;
	font-size: 1em; /* 10px @ 10px/em */
}

.list #main thead .date,
.list #main thead .cat,
.list #main thead .venue {
	padding: 0 0 8px;
	font-size: 1em; /* 10px @ 10px/em */
	vertical-align: bottom;
}

.list #main .date {
	width: 118px;
}

.list #main .cat {
	width: 127px;
}

.list #main .venue {
	width: 131px;
}

.list #main .paging {
	width: 164px;
}

.list #main tbody .actions {
	width: 152px;
	padding: 10px 12px 8px 0;
	/*font-size: 1em; /* 10px @ 10px/em */
}

.list #main tbody .actions ul.buttons {
	width: 152px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list #main tbody .actions ul.buttons li {
	float: right;
}

.list #main a.add_to_planner {
	width: 109px;
	height: 23px;
	background-image: url("/images/tc/list/W_add_planner_on.gif");
}

.list #main tr.even a.add_to_planner {
	background-image: url("/images/tc/list/BG_add_planner_on.gif");
}

.list #main a.book_now {
	width: 70px;
	height: 22px;
	background-image: url("/images/tc/list/W_book_now_on.gif");
}

.list #main tr.even a.book_now {
	background-image: url("/images/tc/list/BG_book_now_on.gif");
}

.list #main a.view_full_programme {
	width: 123px;
	height: 23px;
	background-image: url("/images/tc/list/W_view_programme_on.gif");
}

.list #main tr.even a.view_full_programme {
	background-image: url("/images/tc/list/BG_view_programme_on.gif");
}



.list #main a.top {
	margin-top: 2px;
	margin-left: 41px;
}

.list #main td.paging {
	padding-bottom: 7px;
	vertical-align: bottom;
}

.list #main div.paging {
	float: right;
}

.list #main .paging ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.list #main .paging li {
	display: block;
	float: left;
	width: 1.6em; /* 16px @ 10px/em */
	height: 1.6em; /* 16px @ 10px/em */
	margin: 0 4px 0;
	font-size: 1em; /* 10px @ 10px/em */
}

.list #main td.paging li {
	font-size: 0.909em; /* 10px @ 11px/em */
}

.list #main .paging span,
.list #main .paging a {
	display: block;
	width: 1.4em; /* 14px @ 10px/em */
	height: 1.4em; /* 14px @ 10px/em */
	border: 1px solid #ffffff;
	text-decoration: none;
}

.list #main .paging span {
	border: 1px solid #7e0607;
}

.list #main .paging a:hover {
	border: 1px solid #c39674;
}

.list #main .paging li.prev,
.list #main .paging li.next {
	width: 10px;
	height: 1.4em; /* 14px @ 10px/em */
	padding-top: 0.1em; /* 1px @ 10px/em */
	padding-bottom: 0.1em; /* 1px @ 10px/em */
}

.list #main .paging li.prev a,
.list #main .paging li.next a,
.list #main .paging li.prev a:hover,
.list #main .paging li.next a:hover {
	width: 1em; /* 10px @ 10px/em */
	border: none;
}

.list #main .paging li.prev a {
	background-image: url("/images/list/pag_arrow_left_on.gif");
}

.list #main .paging li.next a {
	background-image: url("/images/list/pag_arrow_right_on.gif");
}

.list #main .paging li.prev img,
.list #main .paging li.next img {
	width: 1em; /* 10px @ 10px/em */
	height: 1.4em; /* 14px @ 10px/em */
}

.list #main .paging li.prev {
	margin-left: 0;
	margin-right: 3px;
}

.list #main .paging li.next {
	margin-left: 3px;
	margin-right: 15px;
}



.list .plus #main .programme {
	width: 738px;
	padding: 13px 24px;
}

.list .plus #main thead .programme {
	padding-top: 0;
	padding-bottom: 8px;
	font-size: 1px;
	background-color: transparent;
	color: #ffffff;
}

.list .plus #main .title {
	float: left;
	margin-right: 13px;
	font-size: 1.091em; /* 12px @ 11px/em */
	font-weight: bold;
	background-color: transparent;
	color: #339933;
}

.list .plus #main a.view_full_programme {
	float: left;
	margin-top: -4px;
	margin-bottom: -5px;
}

.list .plus #main .desc {
	clear: both;
}



.planner #main .heading .text {
	position: absolute;
	left: 236px;
	top: 10px;
}

.planner #main a.top {
	margin-left: 41px;
}



.promotions #main ul.items {
	margin: 40px 0 12px;
	padding: 0;
	border-bottom: 1px solid #c5c098;
	list-style: none;
}

.promotions #main li.even,
.promotions #main li.odd {
	padding: 13px 164px 13px 0;
}

.promotions #main li.even {
	background-color: #f3f1dc;
	color: #000000;
}

.promotions #main li div {
	float: right;
	width: 607px;
	margin-left: 23px;
}

.promotions #main li h2 {
	background-color: transparent;
	color: #339933;
	font-size: 1.091em; /* 12px @ 11px/em */
}

.promotions #main li img {
	float: right;
}

.promotions #main li div img {
	float: none;
}

.promotions #main a.top {
	margin-top: 2px;
	margin-left: 41px;
}



#header {
	position: relative;
	left: 0;
	top: 0;
	width: 950px;
	height: 80px;
	background: #000235 url("/images/nav/bar_all.jpg") no-repeat top center;
}

#header .logo img {
	position: absolute;
	left: 0;
	top: 0;
}

#header ul {
	padding: 0;
	list-style: none;
}



#header .main a {
	display: block;
	position: absolute;
	top: 47px;
	height: 39px;
	background-repeat: no-repeat;
	background-position: left top;
}

#header .main a.home {
	left: 245px;
	width: 51px;
	background-image: url("/images/tc/nav/nav_home_on.gif");
}

#header .main a.view {
	left: 319px;
	width: 97px;
	background-image: url("/images/tc/nav/nav_viewevents_on.jpg");
}

#header .main a.music {
	left: 319px;
	width: 53px;
	background-image: url("/images/tc/nav/nav_music_on.gif");
}

#header .main a.opera {
	left: 372px;
	width: 55px;
	background-image: url("/images/tc/nav/nav_opera_on.gif");
}

#header .main a.dance {
	left: 427px;
	width: 53px;
	background-image: url("/images/tc/nav/nav_dance_on.gif");
}

#header .main a.theatre {
	left: 480px;
	width: 65px;
	background-image: url("/images/tc/nav/nav_theatre_on.gif");
}

#header .main a.family {
	left: 545px;
	width: 56px;
	background-image: url("/images/tc/nav/nav_family_on.gif");
}

#header .main a.plus {
	left: 601px;
	width: 92px;
	background-image: url("/images/tc/nav/nav_plus_on.gif");
}

#header .main a.all {
	left: 750px;
	width: 77px;
	background-image: url("/images/tc/nav/nav_allevents_on.gif");
}

#header .main a.planner {
	left: 854px;
	width: 88px;
	background-image: url("/images/tc/nav/nav_myplanner_on.gif");
}



#header .also {
	position: absolute;
	left: 321px;
	top: 9px;
	width: 629px;
	height: 15px;
	background: url("/images/nav/gnav_hr.gif") no-repeat 584px 0px;
}

#header .also a {
	display: block;
	position: absolute;
	top: 0;
	height: 15px;
	background-repeat: no-repeat;
	background-position: left top;
}

#header .also a.book {
	left: 0;
	width: 72px;
	background-image: url("/images/tc/nav/gnav_book_on.gif");
}

#header .also a.press {
	left: 87px;
	width: 59px;
	background-image: url("/images/tc/nav/gnav_media_on.gif");
}

#header .also a.partner {
	left: 161px;
	width: 79px;
	background-image: url("/images/tc/nav/gnav_partner_on.gif");
}

#header .also a.friends {
	left: 254px;
	width: 79px;
	background-image: url("/images/tc/nav/gnav_friends_on.gif");
}

#header .also a.promotions {
	left: 347px;
	width: 63px;
	background-image: url("/images/tc/nav/gnav_promotions_on.gif");
}

#header .also a.about {
	left: 425px;
	width: 46px;
	background-image: url("/images/tc/nav/gnav_about_on.gif");
}

#header .also a.contact {
	left: 488px;
	width: 54px;
	background-image: url("/images/tc/nav/gnav_contact_on.gif");
}

#header .also a.tc {
	left: 570px;
	width: 14px;
	background-image: url("/images/nav/gnav_tc_on.gif");
}

#header .also a.sc {
	left: 601px;
	width: 14px;
	background-image: url("/images/nav/gnav_sc_on.gif");
}



#footer {
	height: 71px;
	padding: 39px 32px 0 38px;
	font-size: 0.9em; /* 9px @ 10px/em */
	background: #7f0504 url("/images/bg_bottom.jpg") repeat-x left top;
	color: #ffffff;
}

#footer h3 {
	margin-bottom: 0.5em; /* 6px @ 12px/em */
	font-size: 1.333em; /* 12px @ 9px/em */
	background-color: transparent;
	color: #ffffff;
	text-transform: lowercase;
}

#footer a {
	background-color: transparent;
	color: #ffffff;
}



#footer .newsletter_subscription {
	float: left;
	margin: -22px 83px 0 0;
}

#newsletter_email {
	width: 132px;
	height: 1.727em; /* 19px @ 11px/em */
	margin-right: 10px;
	font-size: 1.222em; /* 11px @ 9px/em */
}

#newsletter_email, #newsletter_subscribe {
	vertical-align: middle;
}



#footer .copyright {
	float: left;
	margin-right: 27px;
}

#footer .copyright a {
	text-decoration: none;
}

#footer .copyright a:hover {
	text-decoration: underline;
}

#footer .information {
	padding: 0;
	list-style: none;
}

#footer .information li {
	float: left;
	text-transform: lowercase;
	font-size: 1em; /* 10px @ 10px/em */
}

#footer .map {
	margin-right: 24px;
}



#background {
	position: absolute;
	left: 0;
	top: 78px;
	width: 100%;
	height: 65px;
	overflow: hidden;
}

#background .fakecontent {
	position: relative;
	width: 950px;
	height: 65px;
	margin: 0 auto;
}

#background .left {
	position: absolute;
	left: -5000px;
	top: 0;
	width: 5000px;
	height: 65px;
	background: url("/images/bg_interim_left.jpg") repeat-x right top;
}

#background .right {
	position: absolute;
	left: 950px;
	top: 0;
	width: 5000px;
/*	height: 35px;	*/
	height: 65px;
	background: url("/images/bg_interim_right.jpg") repeat-x left top;
}



.programme #background,
.programme #background .fakecontent,
.programme #background .right {
	/*height: 436px;*/
	height: 126px;
}

.programme #background .right {
	/*background-image: url("/images/programme/bg_interim_details_right.gif");*/
	background-image: url("/images/programme/bg_full_details_right.gif");
}



.press #background,
.press #background .fakecontent,
.press #background .right {
	height: 126px;
}

.press #background .right {
	background-image: url("/images/press/bg_interim_press_right.gif");
}



.popup h2 {
	margin-bottom: 1.2em; /* 12px @ 10px/em */
	font-size: 1em; /* 10px @ 10px/em */
	background-color: transparent;
	color: #000000;
}

.popup #container_container {
	background: none;
}

.popup #container {
	width: 700px;
	padding-top: 78px;
}

.popup #main .body {
	padding: 28px 30px 0;
}

.popup #main .section {
	margin-bottom: 3em; /* 30px @ 10px/em */
}

.popup #main .section .introduction {
	font-size: 1.1em; /* 11px @ 10px/em */
	line-height: 1.273em; /* 14px @ 11px/em */
}

.popup #main .section input.text {
	width: 180px;
}

.popup #main .section p input.text {
	vertical-align: middle;
}

.popup #main .section br {
	clear: left;
}

.popup #main .section a.continue,
.popup #main .section a.submit {
	float: right;
	width: 83px;
	height: 27px;
	margin-right: -5px;
}

.popup #main .section a.continue {
	background-image: url("/images/tc/continue_on.gif");
}

/*.popup #main .section a.submit {
	background-image: url("/images/tc/submit_on.gif");
}*/

.popup #main .section a.clear {
	float: left;
	margin-left: -3px;
	margin-right: 2px;
}

.popup #main .section div.close_popup {
	float: left;
}

.popup #main .section div.close_popup a {
	width: 83px;
	height: 27px;
	background-image: url("/images/tc/cancel_on.gif");
}



.popup .donation #main .section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.popup .donation #main .section li {
	margin-top: 0.6em; /* 6px @ 10px/em */
}

.popup .donation #main .section ul input,
.popup .donation #main .section ul label,
.popup .donation #main .section ul a {
	vertical-align: middle;
}

.popup .donation #main .section .donation {
	margin: 0;
}

.popup .donation #main .section .payment {
	margin: 1.6em 0 0; /* 16px @ 10px/em */
	padding-top: 1.6em; /* 16px @ 10px/em */
	border-top: 1px solid #d5d5d4;
}

.popup .donation #main .section .payment label {
	float: left;
	margin-top: 0.2em; /* 2px @ 10px/em */
}

.popup .donation #main .section .payment input,
.popup .donation #main .section .payment select {
	float: left;
	margin-bottom: 0.6em; /* 6px @ 10px/em */
}

.popup .donation #main .section .payment input.text {
	width: 136px;
}

.popup .donation #main .section .payment div.one {
	float: left;
	width: 380px;
}

.popup .donation #main .section .payment div.one label {
	width: 138px;
}

.popup .donation #main .section .payment div.two {
	float: left;
	width: 260px;
}

.popup .donation #main .section .payment div.two label {
	width: 94px;
}

.popup .donation #main .section .payment div.two label.slash {
	width: auto;
	margin-left: 0.4em; /* 4px @ 10px/em */
	margin-right: 0.4em; /* 4px @ 10px/em */
}

.popup .donation #main .section .contact {
	margin: 1em 0 0; /* 10px @ 10px/em */
	padding-top: 1.6em; /* 16px @ 10px/em */
	border-top: 1px solid #d5d5d4;
}

.popup .donation #main .section .contact p.type input,
.popup .donation #main .section .contact p.type label {
	vertical-align: middle;
}

.popup .donation #main .section .contact p.type label {
	margin-right: 1.2em; /* 12px @ 10px/em */
	font-weight: bold;
}

.popup .donation #main .section .contact div label {
	float: left;
	margin-top: 0.2em; /* 2px @ 10px/em */
}

.popup .donation #main .section .contact div input,
.popup .donation #main .section .contact div select {
	float: left;
	margin-bottom: 0.6em; /* 6px @ 10px/em */
}

.popup .donation #main .section .contact p.name {
	margin-bottom: 1.6em; /* 16px @ 10px/em */
}

.popup .donation #main .section .contact p.name label {
	margin-right: 0.6em; /* 6px @ 10px/em */
}

.popup .donation #main .section .contact p.name input {
	margin-right: 2.6em /* 26px @ 10px/em */;
}

.popup .donation #main .section .contact div.one {
	float: left;
	width: 138px;
	padding-top: 0.182em; /* 2px @ 11px/em */
	font-size: 1.1em; /* 11px @ 10px/em */
}

.popup .donation #main .section .contact div.two {
	float: left;
	width: 502px;
	margin-bottom: 1em; /* 10px @ 10px/em */
}

.popup .donation #main .section .contact div.two label {
	width: 113px;
}

.popup .donation #main .section .contact div.three {
	clear: both;
	margin-bottom: 1em; /* 10px @ 10px/em */
}

.popup .donation #main .section .contact div.three label.one {
	width: 138px;
}

.popup .donation #main .section .contact div.three label.two {
	width: 96px;
}

.popup .donation #main .section .contact div.three input {
	margin-right: 16px;
}

.popup .donation #main .section .contact div.three span {
	float: left;
	margin-bottom: 0.545em; /* 6px @ 11px/em */
	font-size: 1.1em; /* 11px @ 10px/em */
}

.popup .donation #main .section .contact div.three span.message1 {
	margin-left: 138px;
}

.popup .donation #main .section .contact div.three span.message2 {
	margin-left: 127px;
}

.popup .donation #main .section .contact ul {
	margin-bottom: 0.6em; /* 6px @ 10px/em */
}

.popup .donation #main .section .contact p.notes {
	margin-left: 24px;
}

.popup .donation #main .section .buttons {
	margin-bottom: 0;
	padding-top: 4.8em; /* 48px @ 10px/em */
}

.popup .donation #main .section a.submit {
	background-image: url("/images/tc/submit_on.gif");
}

.popup .send_to_a_friend #main .section label,
.popup .send_to_a_friend #main .section input.text {
	float: left;
	margin: 0 73px 0.6em 0; /* 6px @ 10px/em */
}

.popup .send_to_a_friend #main .section label {
	width: 180px;
}

.popup .send_to_a_friend #main .section .you input.text {
	margin-bottom: 0;
}

.popup .send_to_a_friend #main .section .friend {
	margin: 1.6em 0 0; /* 16px @ 10px/em */
	padding-top: 1.6em; /* 16px @ 10px/em */
	border-top: 1px solid #d5d5d4;
}

.popup .send_to_a_friend #main .section .buttons {
	margin-bottom: 0;
	padding-top: 3.2em; /* 32px @ 10px/em */
}

.popup .send_to_a_friend #main .section a.submit {
	background-image: url("/images/tc/submit_friends_on.gif");
}

.popup .email_reminder #main .section label,
.popup .email_reminder #main .section input.text {
	float: left;
	margin: 0 73px 0.6em 0; /* 6px @ 10px/em */
}

.popup .email_reminder #main .section .you input.text {
	margin-bottom: 0;
}

.popup .email_reminder #main .section .event {
	margin: 1.6em 0 0; /* 16px @ 10px/em */
	padding-top: 1.6em; /* 16px @ 10px/em */
	border-top: 1px solid #d5d5d4;
}

.popup .email_reminder #main .section .event #reminder_time {
	margin-bottom: 0.6em; /* 6px @ 10px/em */
}

.popup .email_reminder #main .section .event label {
	width: auto;
}

.popup .email_reminder #main .section .event p label {
	float: none;
	margin-right: 24px;
}

.popup .email_reminder #main .section .event p label,
.popup .email_reminder #main .section .event p input {
	vertical-align: middle;
}

.popup .email_reminder #main .section .event #reminder_event {
	width: 510px;
}

.popup .email_reminder #main .section .buttons {
	margin-bottom: 0;
	padding-top: 3.8em; /* 32px @ 10px/em */
}



.popup .newsletter #main .body {
	padding-right: 100px;
}



.popup #header {
	width: 700px;
	height: 78px;
	background: none;
}

.popup #header .close_popup,
.popup #header .close_popup a {
	width: 57px;
	height: 26px;
}

.popup #header .close_popup {
	position: absolute;
	left: 630px;
	top: 8px;
}

.popup #header .close_popup a {
	display: block;
	background: url("/images/tc/close_on.gif") no-repeat left top;
}



.popup #footer {
	height: auto;
	padding: 7px 30px 30px;
	background: #ffffff;
	color: #000000;
}

.popup #footer a {
	background: #ffffff;
	color: #000000;
}

.popup .newsletter #footer {
	padding-top: 201px;
}



.home #flash_content {
	position: absolute;
	left: 0;
	top: 78px;
	width: 100%;
	height: 530px;
	z-index: 2;
	overflow:hidden;
}

.home #flash_content img {
	margin: 0 auto;
	border: none;
}

.home #container_container {
	background: none;
}

.home #container {
	padding-top: 608px;
}



.home #header {
	/*height: 78px;
	background: none;*/
}

.home #header .main a.home,
.home #header .main a.music,
.home #header .main a.opera,
.home #header .main a.dance,
.home #header .main a.theatre,
.home #header .main a.family,
.home #header .main a.plus {
	position: absolute;
	left: -5000px;
	top: -5000px;
}


/* Start: 2010 edm features */
#featuredinedm{
position:relative;
clear:both;
width:950px;
float:left;
padding:15px 0 0;
}
#featuredinedm .special,#featuredinedm .expo{
position:relative;
float:left;
height:auto;
min-height:114px;
}
#featuredinedm .t,#featuredinedm .b{
position:absolute;
height:8px;
min-height:8px;
max-height:8px;
font-size:8px;
line-height:8px;
clear:none;
left:0;
overflow:hidden;
z-index:2;
float:none;
}
#featuredinedm .t{
top:0;
}
#featuredinedm .b{
bottom:0;
}
#featuredinedm .special,#featuredinedm .special .t,#featuredinedm .special .b{
width:239px;
}
#featuredinedm .expo,#featuredinedm .expo .t,#featuredinedm .expo .b{
width:414px;
}
#featuredinedm .special{
margin:0 20px 0 0;
clear:left;
background:url(/images/2011featured/box_special_programme_middle.gif) 0 0 repeat-y;
}
#featuredinedm .special .t{
background:url(/images/2011featured/box_special_programme_top.gif) 0 0 no-repeat;
}
#featuredinedm .special .b{
background:url(/images/2011featured/box_special_programme_bottom.gif) 0 0 no-repeat;
}
#featuredinedm .special .item{
clear:both;
}
#featuredinedm .expo{
clear:right;
background:url(/images/2011featured/box_hkaf_expo_shanghai_middle.gif) 0 0 repeat-y;
}
#featuredinedm .expo .t{
background:url(/images/2011featured/box_hkaf_expo_shanghai_top.gif) 0 0 no-repeat;
}
#featuredinedm .expo .b{
background:url(/images/2011featured/box_hkaf_expo_shanghai_bottom.gif) 0 0 no-repeat;
}
#featuredinedm h3{
padding:13px 16px 12px;
}
#featuredinedm .item{
padding:0 16px 0;
color:#777;
}
#featuredinedm .item p{
font-size:0.91em;
}
#featuredinedm .item h4,#featuredinedm .item p{
margin:0 0 .5em 73px;
}
#featuredinedm .item a{
color:#3b8616;
text-decoration:none;
}
#featuredinedm .item h4{
font-size:1.11em;
}
#featuredinedm .item img{
float:left;
padding:0 9px 0 0;
}
#featuredinedm .expo .l,#featuredinedm .expo .r{
float:left;
}
#featuredinedm .expo .l{
width:192px;
padding:0 16px 0;
}
#featuredinedm .expo .r{
width:174px;
padding:0 16px 0 0;
clear:right;
}
#featuredinedm .iphone{
position:relative;
float:left;
padding:0 0 0 50px;
width:210px;
}
/* End: 2010 edm features */

.home #footer {
	position: relative;
	height: 105px;
	padding: 155px 0 0 341px;
	background: #ffffff url("/images/footer_right.gif") no-repeat right top;
	color: #000000;
	clear:both;
}

.home #footer .logos {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	list-style: none;
}

.home #footer .logos li {
	position: absolute;
}

.home #footer .logos li.sponsors {
	left: 0;
}

.home #footer .logos li.technical {
	left: 268px;
}

.home #footer .logos li.hong_kong {
	left: 512px;
}

.home #footer .logos img {
	border: 0;
}

.home #footer .newsletter_subscription {
	position: absolute;
	float: none;
	left: 723px;
	top: 41px;
	margin: 0;
}

.home #footer .copyright {
	width: 326px; /* help safari out */
}



.home #background,
.home #background .fakecontent {
	height: 790px;
}

.home #background .left {
	height: 501px;
	background: #000000 url("/images/bg_home_left.jpg") no-repeat right top;
}

.home #background .right {
	height: 790px;
	background-image: url("/images/bg_home_right.gif");
}

/* Alex Law - Facebook stlye start */
li.facebook  {
 width: 110px;
 font-size: 1.1em;
 font-family: Tahoma;
 letter-spacing :0px;
 color: #666666;
 line-height : 15px;
 text-shadow: 1px 1px 1px white, 1px 1px 1px white, 1px 1px 1px white;
}
li.facebook-name {
 width: 110px;
 font-size: 1.1em;
 font-family: Tahoma;
 letter-spacing :0px;
 color: #237986;
 line-height : 15px;
}

li.facebook-countFriends {
 font-size: 0.9em;
 width: 110px;
 font-family: Tahoma;
 letter-spacing :0px;
 color: #777777;
 line-height : 0px;
// padding-top: 5px;
 	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

li.facebook-whoLikeThis {
 font-size: 1.1em;
 font-family: Tahoma;
 letter-spacing :0px;
 color : #222222;
 line-height : 15px;
 background: #e6eaec;
 height: 18px;
 width: 110px;
      padding: 5px 6px 5px 6px;
      border-style:solid none none none;
      border-width:1px;
      border-color:#9ca2b0;
}

li.facebook-countMyFriends {
 font-family: Tahoma;
 padding: 5px 6px 5px 6px;
 width: 110px;
 color: #444444;
 font-size: 1.1em; 
	border-style:none none solid none;
       border-width:1px;
       border-color:#EBF1F1;
}

li.facebook-profilePic {
 padding: 5px 2px 2px 2px;
 color: blue;
 font-family: Tahoma;
 font-size: 0.9em;
 text-decoration : none;
}

li img#unlikeButton{
	cursor: pointer;
}

/* Alex Law - Facebook stlye end */
/* bug:9307 */
img#fb-auth{
	cursor: pointer;
	margin-left:5px;
}
.connect_widget{
	margin-left:5px;
}