/*
''<summary>
		<page>02layout.css</page>
		<description>This stylesheet is responsible for the layout of the site</description>
		<notes>
		Everything is built using fixed widths (940px for the outer area, 920 for the inner).
		Font sizes are all set as a percentage of the main template.
		Everything has the color and background-color set on it for W3C validation
		Each main area has a bottom margin of 10px which is adjustable
		Footer sits seperate from the main content, but, it can be moved inside #maincontainer
		</notes>
		<version>
			2006/07/05	Gregory Brine	Initial creation of file
		</version>
''</summary>
*/
/* ############# CONTAINERS ############ */
div#outsidecontainer { margin: 0 auto 0 auto; padding: 20px 0 0 0; width: 850px; color: inherit; background-color: inherit; } 
div#outsidecontainercolour { float: left; color: inherit; background-color: #FFFFFF; padding: 0; }
div#maincontainer { float: left; margin: 0; padding: 0; width: 850px; color: inherit; background: #FFFFFF url(/images/template/bg-tile.gif) repeat-y left top; } 
div#maincontainer_inner{float: left; margin: 0; padding: 0; width: 850px; color: inherit;  	background: url(/images/template/bg-top.gif) no-repeat left top; }
div#maincontainer_innercontent { float: left; margin: 0; padding: 46px 25px 46px 25px; width: 800px; color: #inherit;background: url(/images/template/bg-bottom.gif) no-repeat left bottom;}


/* ############# TOPBAR ############ */
div#topbar { float: left; width: 740px; margin: 0 0 10px 0; padding:0 30px 0 30px; color: inherit; background-color: inherit;   }

	/* the logo area */
div#topbar .topbar_logo { float: left; width: 300px; }
div#topbar .topbar_right { float: right; width: 300px; }


/* ############# TOPNAV ############  */
div#topnav { float: left; margin: 0 ; padding: 0 0 0 0; width: 100%; color: inherit; }
div#topnav div.topnav_toptab {	margin: 0; padding: 0; color: inherit;	background: url(/images/menu/bg-top-repeat.gif) repeat-x left bottom; }
div#topnav div.topnav_bottomtab { margin: 0; padding: 0; color: inherit; background: url(/images/menu/bg-bottom-repeat.gif) repeat-x left bottom; }

div#topnav_menu { float: left; margin: 0 ; padding: 0; width: 100%; color: inherit; background-color: #fbdde8; border-top:#e31869 solid 1px; border-bottom:#e31869 solid 1px; }
div.topnav_hotspot {float:left;width:600px;overflow:hidden;}
div.topnav_hotspot img {}

/* ############# CONTENT ############ */
div#content_outer { float: left; width: 770px; margin: 0 0 0 0; padding:30px 0 0 30px; }
div#content_left { float: left; padding: 0 20px 0 0; margin: 0; } /*padding used instead of margin to help avoid IE bugs */
div#content_right { float: left; width: 248px; padding: 0; margin:0;}

div#content_outer  .width1{ width:466px}

/* ############# INNER FOOTER ############ */
div#innerfooter { padding: 0 24px 0 30px; margin: 0;}



/* register form */
form.regform {font-size:90%;}
.regform h2 {font-weight: bold; font-size:120%; padding:5px 0 0 25px; margin:0;}
.regform h2.step1 {background: transparent url(../images/template/1-pink.gif) no-repeat top left;}
.regform h2.step2 {background: transparent url(../images/template/2-pink.gif) no-repeat top left;}
.regform h2.step3 {background: transparent url(../images/template/3-pink.gif) no-repeat top left;}
.regform h2.step4 {background: transparent url(../images/template/4-pink.gif) no-repeat top left;}
.regform h2.step5 {background: transparent url(../images/template/5-pink.gif) no-repeat top left;}
.regform table {border-collapse:collapse;width:100%;margin: 0 0 30px 0;}
.regform th,.regform td {text-align:left; vertical-align:middle;}
.regform td {border-right:1px solid #dbdbdb; padding: 10px 15px 10px 15px;}
.regform th {background-color: #dc1c67; color: #fff;padding: 10px 5px 10px 10px;border-bottom:1px solid #e96c98;}
/*.regform th label { white-space:nowrap;}*/

.regform tr.head th {background-image: url(../images/template/form-top.gif); background-repeat: no-repeat; background-position: top left;padding: 25px 0 10px 10px;width:131px;}
.regform tr.head td {background:url(../images/template/form-top.gif) no-repeat top right;padding: 25px 0 10px 15px;border:none;}
.regform tr.foot th {background-image: url(../images/template/form-bottom.gif); background-repeat: no-repeat; background-position: bottom left;padding:10px 0 25px 10px;border:none;}
.regform tr.foot td {background:url(../images/template/form-bottom.gif) no-repeat bottom right;padding:10px 0 25px 15px;border:none;}
.regform input.text, .regform select {border:1px solid #cacaca; padding: 3px;}
.regform input.long {width:274px;}
.regform span.note {color:#666;font-style:italic; font-size:95%; padding-left:5px;}
.regform tr.alt th {background-color:#af1754; text-indent:8px;}
.regform .formtext {color:#dc1c67;font-size:95%;font-weight:bold;}
.regform div.req {color:#636; font-size:95%;padding: 0 0 7px 26px;}
.regform table.nohead {margin-top:7px}

/*border-left:1px solid #e4e4e4;*/

.regform .nohead th {background:none; font-weight:normal;color:#dc1c67;}
.regform .nohead th, .regform .nohead td {border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
/*.regform .nohead th label { white-space:nowrap;}*/
.regform .nohead tr.head th {font-weight:normal;background: transparent url(../images/template/form-nohead-top.gif) no-repeat top left;padding:10px 0 25px 10px;width:200px;border-left:none; border-right:0;}
.regform .nohead tr.head td {background: transparent url(../images/template/form-nohead-top.gif) no-repeat top right;padding:10px 0 25px 10px;border-bottom:1px solid #e4e4e4;border-right:none;}
.regform .nohead tr.head th label{white-space:nowrap;}



.regform .nohead tr.foot th {background: transparent url(../images/template/form-nohead-bottom.gif) no-repeat bottom left;padding:10px 0 25px 10px;}
.regform .nohead tr.foot td {background:url(../images/template/form-nohead-bottom.gif) no-repeat bottom right;padding:10px 0 25px 15px;}

/*
.regform  table.moreinfo tr.head th {border:none;}
.regform .moreinfo th, .regform .moreinfo td {border-bottom:none;border-right:1px solid #e4e4e4;}
.regform .nohead tr.head th , .regform .nohead tr.foot td  {border:none !important;}
*/
.regform div.info_head {background: transparent url(../images/template/form-nohead-top.gif) no-repeat top left; height:15px;width:483px; float:left; margin-top: 7px;}
.regform div.info {float:left;width:451px; border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4; padding: 0 15px;}
.regform .info label {padding-bottom:10px; float:left;width:100%;color:#dc1c67}
.regform div.info_foot {background: transparent url(../images/template/form-nohead-bottom.gif) no-repeat bottom left; height:15px;width:483px; float:left;}
.regform div.options {font-size:95%;color:#636;padding: 10px 0 10px 100px; float:left;width:383px;}
.regform .options label {float:left;width:100%;padding-bottom:4px;}
.regform .options a {color:#636;text-decoration:underline;}

/* Events listing */
.eventitem { font-size:90%; padding:20px 0; }
.eventitem h2 { background: transparent url(../images/event_header.gif) no-repeat top left; color:#e31869; line-height:23px; letter-spacing:-1px; font-weight:bold; font-size:120%; padding-left:5px; }
.eventitem div.eventdetails { margin-left:5px; line-height:20px;}
.eventitem div.eventdetails table { border-collapse:collapse; margin:15px 0; width:374px; }
.eventitem div.eventdetails td { padding:5px 20px; border-top:solid 1px #ededed;}
.eventitem div.eventdetails td.leftcontent { color:#e31869; margin-left:5px; font-weight:bold; }
.eventitem div.eventdetails td.bottomrow { border-bottom:solid 1px #ededed;}
.eventitem div.rightcontent { float:right; margin-right:5px; text-align:center; font-size:90%; }
.eventitem div.eventimage { height:138px; width:138px; }

.eventitem div.register { background: transparent url(../images/event_register.gif) no-repeat bottom left; line-height:26px; color:#fff; font-weight:bold; padding-left:20px; margin-bottom:10px; font-size:110%; }
.eventitem div.register input { padding: 5px 0 0 0; }
.eventitem div.register span { padding-left:25px; font-size:90%; }

.eventitem div.eventfooter { background: transparent url(../images/event_footer.gif) no-repeat bottom left; line-height:23px; text-align:right; color:#e31869; font-weight:bold; padding-right:20px; }


.event_list { width:470px; background:transparent url(../images/event_header.gif) no-repeat top left; background-position:2px 0; margin-top:15px; }
.event_list .head { color:#e31869; letter-spacing:-1px; font-weight:bold; font-size:105%; }
.event_list .head td { padding:3px 0 0 8px; }
.event_list .items td { padding:4px 3px 0px 9px; font-size:90%; line-height:20px; }
.event_list .foot { background:transparent url(../images/event_footer.gif) no-repeat bottom left; height:20px; }


/* Donation Form */
.donation_form { font-size:90%; color:#666 !important; }
.donation_form h2 { margin-top:20px; background:transparent url(../images/event_header.gif) no-repeat top left; color:#e31869; line-height:23px; letter-spacing:-1px; font-weight:bold; font-size:120%; padding-left:5px; }
.donation_form table { width:450px; margin:auto; }
.donation_form table th { font-weight:normal; }
.donation_form table td input.textS { width:103px; border:1px #cacaca solid; }
.donation_form table td input.textL { width:200px; border:1px #cacaca solid; }
.donation_form table td textarea { width:200px; border:1px #cacaca solid; font-family:Arial, Helvetica, sans-serif; font-size:98%; }
.donation_form table td .selectS { width:100px; }
.donation_form table td .selectL { width:203px; }
.donation_form .required { color:#e31869; font-size:90%; }
.donation_form .bottom { background:transparent url(../images/event_footer.gif) no-repeat bottom left; width:467px; height:20px; }

/* Registration Form */
.registrationform { font-size:90%; }
.registrationform ul.regtabs { list-style:none; border-bottom:solid 2px #fbe0ea; height:22px; margin:0; padding:0; }
.registrationform ul.regtabs li { float:left; padding:5px 1px 0 0; }
.registrationform ul.regtabs li.selected { padding-top:0; }
.registrationform div.steps { padding:20px 0; font-weight:bold; }
.registrationform div.steps span { color:#f19bbb; padding:0 5px;}
.registrationform div.steps span.selected { color:#ea538e; }
.registrationform div.req { font-weight:bold; margin-bottom:10px; }
.registrationform input.text { width:200px; border:1px #cacaca solid; }
.registrationform table td { padding:5px 10px; width:210px; }
.registrationform table { width:466px; }
.registrationform select { width:200px; }
.registrationform input.nextbutton { margin:10px 5px 0 0; float:right; }
.registrationform input.backbutton { margin:10px 0 0 5px; float:left; }
.registrationform p { color:#666666; padding:10px; }
.registrationform div.required { color:#e31869; font-size:90%; line-height:15px; padding:10px; }
.registrationform div.registrationheader { padding:5px; background-color:#fef9fb; min-height:34px; font-size:90%; line-height:17px; border-top:1px #fbe8ef solid; border-bottom:1px #fbe8ef solid; }
.registrationform div.registrationheader p.pink { color:#e31869; font-weight:bold; }
.registrationform div.registrationheader p { padding:0; margin:0; color:#666666; }
.registrationform div.registrationheader span.divider { color:#e31869; }

.registrationform div.flightintro { line-height:20px; padding:0 0 10px 5px; }

.registrationform div.flightheader { background-color:#fef9fb; min-height:34px; font-size:90%; border-top:1px #fbe8ef solid; border-bottom:1px #fbe8ef solid; padding:5px 0 0 5px; }
.registrationform div.flightheader span { color:#e31869; }
.registrationform div.flightheader table { width:100%; }
.registrationform div.flightheader table td { padding:0 5px 5px 0; margin:0; }

.registrationform div.disclaimer { font-size:90%; border-bottom:1px solid #cacaca; padding:10px 0 20px 0; }

.registrationform div.termsheader { line-height:20px; padding:15px 0 15px 5px; }

.registrationform div.termsconditions { height:300px; overflow-y:scroll; border:1px solid #cacaca; line-height:15px; padding:5px; }
.registrationform div.termsconditions span { font-weight:bold; color:#e31869; }
.registrationform div.termsconditions ul { padding-bottom:10px; }
.registrationform div.termsconditions ul.termsheaders { list-style:none; margin:0; padding:0; }

.registrationform div.acknowledgment { padding:20px 0; }
.registrationform div.acknowledgment span { color:#e31869; font-weight:bold; line-height:15px; }
.registrationform div.acknowledgment p { padding:0; float:left; margin:0; }
.registrationform div.acknowledgment input { float:left; }

.registrationform div.navigation { padding-bottom:20px; }

.registrationform div.registrationnames { background-color:#fef9fb; border-top:1px solid #fbe8ef; border-bottom:1px solid #fbe8ef; } 
.registrationform div.registrationnames input { width:100px; } 
.registrationform div.registrationnames select { width:100px; }

.registrationform div.extendeddetails { background-color:#fef9fb; border-top:1px solid #fbe8ef; border-bottom:1px solid #fbe8ef; } 
.registrationform div.extendeddetails input { width:125px; border:1px #cacaca solid; } 
.registrationform div.extendeddetails select { width:125px; } 

.registrationform div.flightregheader { line-height:20px; padding-left:5px; }
.registrationform div.flightregheader div.req { font-weight:normal; padding-bottom:10px; }
.registrationform span.flightheader { font-weight:bold; padding-left:5px; }
.registrationform div.pinkdetails { color:#e31869; font-size:92%; padding-left:5px; padding-bottom:20px; }

.registrationform div.donation { background-color:#fef9fb; border:1px solid #fbe8ef; padding:10px; margin:5px 20px; }
.registrationform div.donation p { padding:0; }
.registrationform div.donation p.value { padding:0 0 0 93px; margin:0;}


/* Redirect & registration complete layout */
.padding { height:100px; padding:10px 5px; }

/* eTicket */
.ticket { font-family:Helvetica, Arial, sans-serif; color:#374f5a; background-color:#FFF; }
.ticket div.ribbon { float:left; }
.ticket div.maincontent img { display:block; }
.ticket div.maincontent h2 { margin: 5px 0 8px 0; font-size:175%; }
.ticket div.maincontent p { margin: 5px 0 10px 0; }
.ticket div.maincontent table { color:#374f5a; }
.ticket div.maincontent table tr td { padding-right:20px; vertical-align:bottom; }
.ticket div.maincontent table tr td.underline { border-bottom:1px solid #374f5a; }
.ticket div.maincontent .small { font-size:75%; }
.ticket div.maincontent .smaller { font-size:60%; }

.ticket div.maincontent div.flighttime { float:left; border-bottom:1px solid #374f5a; width:100px; margin:0; padding:0; }

.ticket div.maincontent div.name { float:right; border-bottom:1px solid #374f5a; border-right:1px solid #374f5a; width:310px; margin:0; padding:0; }
.ticket div.maincontent div.ticketno { float:right; border-bottom:1px solid #374f5a; border-right:1px solid #374f5a; width:170px; margin:0; padding:0; }
.ticket div.maincontent div.company { float:right; border-bottom:1px solid #374f5a; border-right:1px solid #374f5a; width:190px; margin:0; padding:0; }
.ticket div.maincontent div.purchasedate { float:right; border-bottom:1px solid #374f5a; border-right:1px solid #374f5a; width:130px; margin:0; padding:0; }

.ticket div.maincontent table.flightinfo { font-size:95%; }

.ticket div.maincontent table.passengerinfo { font-size:90%; }
.ticket div.maincontent table.passengerinfo tr td { padding:10px 20px 0 0; }
.ticket div.maincontent table.passengerinfo tr td.left { width:60%; }
.ticket div.maincontent table.passengerinfo tr td.right { width:40%; }

.ticket div.maincontent div.floatleft { float:left; }
.ticket div.maincontent div.clear { clear:both; width:0; height:0; padding:0; margin:0; }

/* ############# FOOTER ############ */
div#footer { float: left; padding: 0 30px 10px 50px; margin:0; background: #ffffff; color: inherit;font-size:85%; }

	/* bottom menu and copyright */
div.footer_left { float: left; padding: 0; width: 470px; font-weight: normal; color: #666666;	background:transparent; }
div.footer_left p { color: #999999; background-color: inherit; margin: 0; padding: 0; }
div.footer_left ul { list-style: none; padding: 5px 0 10px 0; margin: 0; }
div.footer_left ul li { display: inline; float: left; padding: 0 5px 0 0; margin: 0; }
div.footer_left ul li a:link, div.footer_left ul li a:visited { color: #999999; background-color: inherit; }
div.footer_left ul li a:hover, div.footer_left ul li a:focus, div.footer_left ul li a:active { color: #000000; background-color: inherit; }

div.footer_left a:link, div.footer_left a:visited { color: #999999; background-color: inherit; }
div.footer_left a:hover, div.footer_left a:focus { color: #f5a1c4 !important; background-color: inherit;  }

	/* wiliam logo */
div.footer_right { float: right; padding: 0; }
div.footer_right a:link, div.footer_right a:visited { color: #666666; background-color: inherit; text-decoration:none; }
div.footer_right a:hover, div.footer_right a:focus { color: #f5a1c4 !important; background-color: inherit; text-decoration:underline; }
div.footer_right div.text { float: left; width: 141px; padding: 10px 4px 12px 0; text-align: right; }
div.footer_right div.img { float: left; width: 99px; }