/*-----[Yahoo UI Reset]-----*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -------------------- GLOBAL STYLES -------------------- */

body { 
    /* this percentage sets 1em = 10px (therefore 1.1em = 11px etc) allowing us to 
       consistently use em's as a value to describe the size of text ACROSS ALL BrowSERS AND PLATFORMS */
    font-size: 62.5%;  
    background-color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
}

#bookingformlist li { font-size:1.2em; }

html, body {
	height:100%;
}

strong {
    font-weight:bold;
}

/* -------------------- Layout ------------------- */
#sitewrapper {
	position:relative;
	margin:0 auto;
	width:780px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/

	min-height:100%; /* real browsers */
	background-color:#fff;
}

#header {
	padding:0px;
	margin:20px 0 10px 0;
	color:#ee53d0;
}

#content {
	padding:20px;
	background-color:#fff;
}

#footer {
	width:740px;
	padding:20px;
	color:#000;
}

/*----[Header]----*/
#header h1 {
    font-size:2.4em;
    margin-bottom:5px;
}

#header h2 {
    font-size:1.6em;
    margin-bottom:0;
}

/*----[Navigation]----*/
#mainnavwrapper {
	padding:0;
	height:40px;
	background: url("/Images/Templates/DefaultTemplate/nav-bg.gif") no-repeat top left;
}

#mainnavwrapper ul {
	    list-style-type: none;
margin-left:0;
}

#mainnavwrapper ul li {
	float:left;
	padding:12px 20px 0 20px;
	border-right: solid 1px #999;
	height:28px;
}

#mainnavwrapper ul li a {
    font-size:1.4em;
    font-weight:bold;
	color:#000040;
	text-decoration:none;
}

#mainnavwrapper ul li a:hover {
	text-decoration:underline;
}

#mainnavwrapper ul li.selected a {
	color:#ffffff;
}

/*----[Venue]----*/


div.venueMap #map_canvas {

    margin:20px 0 20px 10px;
width:500px;
height:400px;
}

/*----[Generic]----*/
h1 {
    font-size:2em;
    margin-bottom:20px;
}

h2 {
    font-size:1.4em;
    margin:15px 0;
    font-weight:bold;
}

h3 {
    font-size:1.2em;
    margin-bottom:1px;
}

p {
    font-size:1.2em;
    margin-bottom:15px;
}

ul {
    list-style-type: disc;
    font-size:1.2em;
    margin-left:20px;
}

.clear {
    clear:both;
}

table {
    margin-bottom:20px;
    font-size:1.2em;
}

table caption {
    font-style:italic;
    margin-bottom:10px;
}

table th {
    font-weight:bold;
    border-bottom: solid 1px #ddd;
}

table th,
table td {
    padding:5px;
}

div.error {
    font-size:1.2em;
}

div.row
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

div.row div.label {
    float: left;
    width: 300px;
    font-size:1.2em;
    padding:5px;
}


div.row div.title 
{
	clear:both;
    float: left;
    width: 200px;
    font-size:1.2em;
    padding:5px;
}

div.row div.field {
    margin-left:300px;
    margin-bottom:7px;
    padding:5px;
}

span.mandatory {
    color:#f00;
    font-size:1.4em;
}

input[type=radio],
input[type=checkbox] {
    margin-right:10px;
}

input[type=checkbox] {
    margin-bottom:10px;
}

span.session label {
    font-size:1.2em;
}

div#promoCode div.row {
    background-color:Transparent;
}

div#promoCode label {
    font-size:1.2em;
}

div#paymentmethod label {
    font-size:1.2em;
}

div#paymentmethod table {
    border:none;
}

/*----[Contact]----*/
#contactusform div.row div.label {
    width:150px;
}

#contactusform div.row div.field {
    margin-left:150px;
}

#contactusform .button {
    margin-left:160px;
}

/*-----Programme-----*/
div#programme
{
    margin-top:20px;
}

div#programme h3
{
    background:url(/Images/Templates/RoundedTabs/gradientheader_centre.png) repeat-x;
    height:35px;
    line-height:35px;
    text-indent:10px;
    margin:30px 0 0 0;
}
div#programme h3 span.left
{
    background:url(/Images/Templates/RoundedTabs/gradientheader_left.png) repeat-x;
    height:35px;
    width:9px;
    display:block;
    float:left;
}

div#programme h3 span.right
{
    background:url(/Images/Templates/RoundedTabs/gradientheader_right.png) repeat-x;
    height:35px;
    width:9px;
    display:block;
    float:right;
}

div#programme table
{
    border-left: solid 1px #cccccc;
    border-collapse:collapse;
    width:99.9%;
    margin-left:1px;
}
div#programme table tr td
{
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    padding:8px;
    margin:0;
}

div#programme table tr td.columnTime
{
    width:156px;
    vertical-align:text-top;
}
div#programme table tr td.ProgrammeSessionColumn0
{
    background:#ffebeb;
}

#progressbarwrapper
{
	float:right;
    width:400px;
}

#progressbarwrapper ol#progressbar
{
    float:right;
    width:320px;
}

#progressbarwrapper ol li .number
{
	background:url(/Images/Templates/visited-unselected-step.gif) no-repeat;
	display:block;
	width:80px;
	height:11px;
	padding:4px 0 5px 0px;
	font-weight:bold;
	float:left;
	margin:20px 0 0 0;
	text-align:center;
}

#progressbarwrapper ol li.first .number
{
    background:url(/Images/Templates/visited-unselected-step-first.gif) no-repeat top right;
}

#progressbarwrapper ol li.firstcurrent .number
{
    background:url(/Images/Templates/selected-step-first.gif) no-repeat top right;
    color:#fff;	
}

#progressbarwrapper ol li.current .number
{
	background:url(/Images/Templates/selected-step.gif) no-repeat top left;
	color:#fff;	
}

#progressbarwrapper ol li.after .number
{
	background:url(/Images/Templates/unvisited-unselected-step.gif) no-repeat top left;
	color:#CCCCCC;	
}

#progressbarwrapper ol li.last .number
{
    background:url(/Images/Templates/unvisited-unselected-step-last.gif) no-repeat top left;
}
#progressbarwrapper ol li.lastcurrent .number
{
    background:url(/Images/Templates/selected-step-last.gif) no-repeat top left;
    color:#ffffff;
}

#progressbarwrapper ol li .stepname
{
	float:left;
	margin-left:-80px;
	width:80px;	
	text-align:center;
}

/*----[Login]----*/

.loginwrapper 
{
	float:left;
}

.loginwrapper a
{
	display:block;
	height:33px;
	width:190px;
	background:url(/Images/Templates/9_DefaultTemplate/expandable_left.png);
	line-height:33px;
	color:#000;
	text-decoration:none;
	font-size:1.1em;
	text-indent:15px;
}

.loginwrapper a span
{
	display:block;
	background:url(/Images/Templates/9_DefaultTemplate/expandable_right.png) no-repeat top right;
	height:33px;
	width:auto;
	float:right;
	margin:0 -15px 0 0;
	padding: 0 17px 0 0;
	font-weight: bold;
}

/*----[Buttons]----*/
input.continue
{
    /*background:url(/Images/Templates/RoundedTabs/continue_button.png);*/
    border:none;
    height:33px;
    width:86px;
    text-indent:-99999px;
    cursor:pointer;
}

input.submit
{
    /*background:url(/Images/Templates/RoundedTabs/confirm_button.png);*/
    border:none;
    cursor:pointer;
    width:131px;
    height:32px;
    text-indent:-99999px;
}

input.previous
{
    /*background:url(/Images/Templates/RoundedTabs/previous_button.png);*/
    border:none;
    cursor:pointer;
    width:77px;
    height:33px;
    margin-right:20px;
    text-indent:-99999px;
}

input.addattendee
{
    /*background:url(/Images/Templates/RoundedTabs/addAttendee_button.png);*/
    border:none;
    height:33px;
    width:143px;
    cursor:pointer;
    margin:20px;
    float:left;
}

input.addCode
{
    border:none;
    cursor:pointer;
    margin:20px;
}
input.promo-code-box
{
	float: left;
	margin-right: 10px; 
	margin-top: 7px;
}

/*----[Summary]----*/
table#bookingSummary
{
    margin:20px 0 0 0;
    border-collapse:collapse;
    border: solid 1px #cccccc;
}
table#bookingSummary tr td
{
    font-size:1.2em;
    text-align:center;
    border-right:solid 1px #cccccc;
    padding: 10px 20px;
}

table#bookingSummary tr td td
{
    font-size:1em;	
}

table#bookingSummary tr th
{
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    padding: 10px 20px;
    background:url(/Images/Templates/RoundedTabs/tableheader_fade.png) repeat-x;
}

table#bookingSummary tr td.attendee
{
    padding:0;
}

table#bookingSummary tr th.attedeneeHeader
{
    width:180px;
}
table#bookingSummary tr th.costHeader
{
    width:80px;
}

table#bookingSummary tr th.taxHeader
{
    width:80px;
}

table#bookingSummary tr td table
{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}
table#bookingSummary tr td table tr td.cost
{
    border:none;	
	border-right:1px solid #CCCCCC;
    width:80px;
}

table#bookingSummary tr td table tr td.tax
{
    width:80px;
    border:none;
}

table#bookingSummary tr td.vat,
table#bookingSummary tr td.total
{
    text-align:right;
}

#promoCode .row label
{
    margin-right:15px;
}


table.attendetickettypeviewer
{
    margin:10px 0 0 0;
    border-collapse:collapse;
    border: solid 1px #cccccc;
}
table.attendetickettypeviewer tr td
{
    font-size:1.2em;
    text-align:center;
    border-right:solid 1px #cccccc;
    padding: 10px 20px;
}

table.attendetickettypeviewer tr th
{
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    padding: 10px 20px;
    background:url(/Images/Templates/RoundedTabs/tableheader_fade.png) repeat-x;
}

.loginwrapper 
{
	font-size:1.2em;
	margin:10px 10px 20px 0;
}

a.summary
{
	font-size:1.2em;
	margin: 10px 0 0 20px;
	float: left;
}

.gifLoader
{
	background: url(/Images/Templates/DefaultTemplate/ajax-loader.gif) no-repeat center;
	left:40%; 
	top:40%; 
	position:fixed;
	width:200px;
	height:150px;
	text-align:center;
	padding:20px;
	
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50; 
}

.expandable-button
{
	background: url(/Images/Templates/9_DefaultTemplate/expandable_left.png) no-repeat left;
	height: 33px;
	width: auto;
	float: left;
	padding: 0 0 0 10px;
}
.expandable-button input
{
	background: url(/Images/Templates/9_DefaultTemplate/expandable_right.png) no-repeat right;
	float: left;
	color: #000000;
	padding: 0 10px 0 0;
	height: 33px;
	text-indent: 0;
	width: auto;
	border: none;
	font-weight: bold;
	outline: none;
	margin: 0;
}
.expandable-button-previous
{
	margin-right: 20px;
}
.expandable-button-add-new
{
	margin-top: 20px;
}