html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote
{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Tahoma,Helvertica, sans-serif;
}
#mainnavwrapper ul, ol { list-style-type: none; }
body { font-size: 62.5%; }

.clear{clear:both;}

#header
{
	background:#5b6275;
}

#header img
{
	display:block;
	margin:0 auto;
}

div#mainnavwrapper
{
	border-bottom:solid 10px #aab7b7;
}

ul#mainnav
{
	margin:20px auto 0 auto;
	width:960px;
}

ul#mainnav li
{
	float:left;
	margin:0 2px 0 2px;	
	background:#6c98a5 url(/CornerGenerator.ashx?isleft=false&bg=5b6275&fg=6c98a5) top right no-repeat;
}

ul#mainnav li a
{
	background:url(/CornerGenerator.ashx?isleft=true&bg=5b6275&fg=6c98a5) top left no-repeat;	
	display:block;
	float:left;
	padding:11px;
	font-size:1.4em;
	text-decoration:none;
	color:#COLORPH4;
}

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

ul#mainnav li.selected
{
	background:#aab7b7 url(/CornerGenerator.ashx?isleft=false&bg=5b6275&fg=aab7b7) top right no-repeat;
}

ul#mainnav li.selected a
{
	background:url(/CornerGenerator.ashx?isleft=true&bg=5b6275&fg=aab7b7) top left no-repeat;
	color:#COLORPH5;
}

#content
{
	width:960px;
	margin:20px auto 0 auto;
	background:#fff;
}

h1
{
	font-size:2.4em;
	margin:0 0 10px 0;	
}

h2
{
	font-size:1.8em;
	margin:0 0 10px 0;	
}

h3
{
	font-size:1.4em;
	margin:0 0 10px 0;	
}

h4
{
	font-size:1.2em;
	margin:0 0 10px 0;
}

p
{
	font-size:1.2em;
	margin:0 0 10px 0;	
}

span.full
{
	color:#cc0000;
	padding-left:10px;
}
label span.full
{
	font-size:1.2em;	
}

.mandatory
{
    color:#cc0000;
}

.loginwrapper
{
	float:left;
	margin:10px 30px 0 0;
	font-size:1.2em;
}


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

div.row .title
{
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
}

div.row .title
{
	width:200px;
	float:left;
	text-align:right;
	margin-right:15px;
}
div.row .field 
{
    width:200px;
    float:left;
}
div.row .title span
{
    font-size:1.2em;
}

label
{
	font-size:1.2em;	
}


div.row .error
{
	width:200px;
	float:left;

}
div.error
{
	padding-top:5px;
}
div.error span
{
	font-size:1.2em;
}

#attendeeTypes
{
    margin-top:20px;
}

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;
    text-indent:-99999px;
    cursor:pointer;
    margin:20px;
    float:left;
}

input.addCode
{
    border:none;
    cursor:pointer;
}
input.promo-code-box
{
	float: left;
	margin-right: 10px; 
	margin-top: 5px;
}
#paymentmethod
{
	float: left;
	width: 100%;
}

.summary
{
	font-size:1.2em;
	margin: 10px 0 0 20px;
	float: left;
}
/*-----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;
}

#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;
}

table.attendetickettypeviewer
{
    margin:40px 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;
}

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;
}

.navigationbuttons
{
    clear:both;
    margin:20px 0;
}

#map_canvas
{
	height:540px;
}

.accommodationErrors ul,
.sessionErrors ul
{
	list-style-type:disc;
	padding:10px 25px;
}

.venueMap
{
	width:400px;	
	margin:0 auto 0 auto;
}

#map_canvas
{
	width:400px;
	height:400px;
}

.loginwrapper 
{
	float:right;

}

.loginwrapper a
{
	display:block;
	height:35px;
	background:url(/Images/Templates/RoundedTabs/buttonbg_left.gif) no-repeat top left;
	line-height:30px;
	color:#000;
	text-decoration:none;
	font-size:1.1em;
	text-indent:15px;
}

.loginwrapper a span
{
	display:block;
	background:url(/Images/Templates/RoundedTabs/buttonbg_right.gif) no-repeat top right;
	height:35px;
	width:auto;
	margin:0 -15px 0 0;
	padding: 0 17px 0 0;
	font-weight: bold;
}

.gifLoader
{
	background:url(/Images/Templates/RoundedTabs/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/RoundedTabs/expandable_left.png) no-repeat left;
	height: 33px;
	width: auto;
	float: left;
	padding: 0 0 0 10px;
}
.expandable-button input
{
	background: url(/Images/Templates/RoundedTabs/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;
}

/*Form SideBar CSS Changes*/
.form-side-content {
    width: 30%;
    display: inline-block;
    float: left;
}

.form-main-content {
    width: 70%;
    float: left;
}