/*
 *  GENERAL NOTES:
 *
 *	* It is assumed that typography.css from the Blueprint package is included
 *	* A 18px baseline is used. All elements should have a height that is a multiple of 18px
 */

/* ----------------------------------------------------------------------------
 * Miscellaneous elements
 */

/* All submit buttons are now the same, unless overridden elsewhere */
input.submit {
	background: #5a3d35;
	color: white;
	border: 1px double #5a3d35;
	font-size: 11px;
}

input.submit:hover {
	background: #8a4d45;
	border: 1px inset #5a3d35;
}

hr {
	border-width: 0;
	border-top: 1px dotted #606060;
	margin: 15px 0 0 0;
	background: none;
	color: white;
}

/* Images within paragraphs are better off separated from text by default */
p img {
	margin: 1em;
}

/* For forms with required field */
.required {
	color:#d72381;
}

/*
 * By default, borderless tables. Note we do not ditch the border, but rather make it transparent,
 * so it still honours the baseline accounting.
 */
table, table td, table th {
	border-color: transparent;
}

/* Header cells within TBODYs are most probably better displayed right-aligned */
tbody th {
	text-align: right;
	padding-right: 1em;
}

.bold {
	font-weight: bold;
}

.formNote {
	font-size: 0.8em;
}


/* ----------------------------------------------------------------------------
 * Body
 */
#layout-body {
	width: 800px;
	margin: 0 auto;
}


/* ----------------------------------------------------------------------------
 * Header area of site
*/

#layout-header {
	/* This is to have #layout-home-link absolutely positioned in respect to us */
	position: relative;
	border-bottom: 2px solid white;
}

#layout-home-link {
	position: absolute;
	width: 210px;
	height: 50px;
	left: 15px;
	top: 15px;
}

#layout-language-link {
	position: absolute;
	top: 3px;
	right: 10px;
}

#layout-language-link a {
	color: black;
}

#layout-language-link a:hover {
	color: black;
	text-decoration: underline;
}

#layout-header-container {
	width: 100%;
	height: 75px;
	border-bottom: 2px solid white;
	background: url('/images/framework/header.gif') no-repeat white;
}

#layout-header-container-fr {
	width: 100%;
	height: 75px;
	border-bottom: 2px solid white;
	background: url('/images/framework/header_fr.gif') no-repeat white;
}

#layout-header-content {
}

#layout-header-content a {
	text-decoration: none;
	color: #bbbbbb;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#layout-header-content .accessibility {
	visibility: hidden;
}


/* ----------------------------------------------------------------------------
 * Top navigation bar
 */

#layoutNavigation {

	font-size: 0.9em;
	font-weight: bold;
	background-color: #000080;
	color: white;
	text-align: left;

	position: relative;
	border-top: 1px solid #000080;
	border-left: 1px solid #000080;
	border-bottom: 1px solid #000080;
	padding-left: 12px;

	/*
	 * W3C box model is annoying, and forces us to use the following measures,
	 * as we have to account for borders and padding
	 */
	width: 787px;
}

#layoutNavigation a {
	color: white;
}

.lang-es #layoutNavigation {
	font-size: 0.8em;
}

.lang-fr #layoutNavigation {
	font-size: 0.8em;
}


/* ----------------------------------------------------------------------------
 * Pipe ('|') separator for horizontal lists in both navigation bars
 */

.pipesep {
	margin: 0 8px;
	font-size: 10px;
	position: relative;
	top: -2px;
}

#layout-end .pipesep {
	margin: 0 4px;
}

.lang-fr .pipesep {
	margin: 0 6px;
	font-size: 10px;
	position: relative;
	top: -2px;
}


/* ----------------------------------------------------------------------------
 * For BASKET & LOGOUT links within header section
 */

#basketLogoutLinks {
	position: absolute;
	top: -20px;
	right: 12px;
}

#basketLogoutLinks a {
	font-size: 12px;
	color: #dc1769;
}

#basketLogoutLinks .pipesep {
	margin: 0 5px;
	font-size: 8px;
	position: relative;
	top: -2px;
	color: #dc1769;
}


/* ----------------------------------------------------------------------------
 * Search box
 */

#layoutSearchbox {
	/*
	 * This box uses absolute positioning to make it work
	 * with both one- and two-column layouts
	 * Take into account the vertical border (3px), the
	 * artificial padding of the right-hand content, and
	 * the 20px left padding.
	 */
	width: 195px;
	/* TODO:
	Originally 225px. Shortened to 222px while we get the final heading images
	height: 225px;
	*/
	height: 222px;
	float: right;

	color: white;
	background-color: #9d8e67;
	border-bottom: 3px solid white;
	padding-left: 20px;
	padding-right: 10px;
}

#layoutSearchbox .topPadding {
	line-height: 0.5em;
}

#layoutSearchbox h2 {
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
	color: #dddddd;
	text-transform: uppercase;
	margin-top: 4px;
	line-height: 32px;
	font-size: 16px;
}

#layoutSearchbox p {
	line-height: 12px;
	font-size: 12px;
	padding: 0;
	margin-bottom: 8px;
	margin: 0 auto 8px auto;
	width: 194px;
}

#layoutSearchbox form {
	width: 188px;
}

#layoutSearchbox .text {
	width: 188px;
}

#layoutSearchbox select {
	width: 100%;
}

#layoutSearchbox .p-submit {
	margin-top: 10px;
	margin-bottom: 0;
}

#layoutSearchbox .p-submit input {
	float: right;
	background: #5a3d35;
	color: white;
	border: 3px double #5a3d35;
}

#layoutSearchbox .p-submit-fr input {
	float: right;
	background: #5a3d35;
	color: white;
	border: 3px double #5a3d35;
	font-size: 0.9em;
}

#layoutSearchbox .p-submit input:hover {
	background: #6a4d45;
	border: 3px inset #5a3d35;
}

#layoutSearchbox .links {
	padding-top: 1.0em;
}

#layoutSearchbox .links p {
	float: left;
	font-size: 1.1em;
	line-height: 1.2em;
}

#layoutSearchbox .links .pink {
	color: #dc1769;
}

#layoutSearchboxLink {
	color: #fff;
}


/* ----------------------------------------------------------------------------
 * Left section containing the main bulk of content
 */

#layout-main {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background: #ffffff;
}

#layout-left {
	float: left;
	width: 565px;
	background-color: #ffffff;
	padding-left: 10px;
}

#layout-left-content {
	padding-right: 20px;
	background-color: #ffffff;
}

#layout-complete {
	float: left;
	width: 790px;
	background-color: #ffffff;
	padding-left: 10px;
}


/* ----------------------------------------------------------------------------
 * Right sidebar
 */

#layoutRightContent {
	margin: 0;
	float: left;
	width: 225px;
	height: 1% /* Holly hack for Peekaboo Bug - leave in for IE7!! */
	padding: 0 20px;
	background-color: #d0d0d0;
}

#layoutRightContent .venueListBox {
	border: 0;
	margin-bottom: 15px;
}

#layoutRightContent .venueListTitle {
	background-color: #9d8e67;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#layoutRightContent .venueList {
	padding-left: 10px;
	padding-right: 10px;
}

#layoutRightContent .cmsSidebarBox {
	border: 0;
	margin-bottom: 15px;
}

#layoutRightContent .cmsSidebarTitle {
	background-color: #9d8e67;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#layoutRightContent .cmsSidebarContent {
	padding-left: 10px;
	padding-right: 10px;
}

#layoutRightContent .cmsSidebarContent .newsItem {
	margin-bottom: 5px;
}


/* ----------------------------------------------------------------------------
 * Layout Footer
 */

#layoutFooter {
	clear: both;
	background: #A2A2A2;
	background-color: #000080;
	color: #dddddd;
	padding-top: 8px;
	height: 60px;
	text-align: center;
}

#layoutFooter td {
	font-size: 0.8em;
}

#layoutFooter a {
	text-decoration: none;
	color: #dddddd;
}


/* ----------------------------------------------------------------------------
 * Page messages
 */

#layout-page-messages {
	width: 500px;
}

#layout-page-messages li {
	list-style: none;
	line-height: 1.2em;
	border-style: solid;
	border-width: 1px 0;
	padding: 0 1em;
}

#layout-page-messages .error {
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	border-color: red;
	background: #ffdddd;
	font-weight: bold;
}

#layout-page-messages .info {
	color: black;
	font-size: 1.1em;
	font-weight: bold;
	border-color: green;
	background: #DFD;
}


/* ----------------------------------------------------------------------------
 * Headings
 */

/* H1 is hidden. Only present for accessibility and SEO purposes */
h1 { position: absolute; top: -10em; }

/* H2 are heading to regions of the page */
#layout-main h2 {
	text-transform: uppercase;
	font-size: 26px;
	line-height: 28px;
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
	color: #6a6a6a;
	margin-right: 22px;
	padding-right: 20px;

	/* This makes 72px high */
	/* I use padding-top because IE ignores my margin-top :? */
	padding-top: 24px;
	padding-bottom: 11px;
	border-bottom: 1px dotted #6a6a6a;
	margin-bottom: 22px;
	font-weight: normal;
}

/* H3,H4,H5,H6 separate sections within a page region */
h3, h4, h5, h6 {
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
	color: #6a6a6a;
	line-height: 18px;
}

h3 {
	margin-top: 2px;
	margin-bottom: 15px;
	color: #dc1769;
	font-weight: bold;
	font-size: 20px;
	line-height: 22px;
}

table h3 {
	border-width: 0;
	margin: 9px 0;
	font-size: 20px;
	line-height: 22px;
}

h4 {
	color: #9d8e67;
	font-size: 19px;
	line-height: 20px;
}


/* ----------------------------------------------------------------------------
 * Course details page
 */

.course_detail_left {
	text-align: left;
}

.course_detail_left h4 {
	margin-bottom: 12px;
}

/* Required because IE7 is fubar and treats margin-left as margin-right.  Nice one, Microsoft */
.course_detail_booking_wrapper {
	padding-left :10px;
	float: right;
	width: 23em;
}

/* Booking section of event details */
.course_detail_booking {
	width: 22em;
	border: 0.1em solid #949494;
	padding: 0.1em 0.4em;
	margin-left: 10px;
	margin-bottom: 2.0em
}


.course_detail_booking_highlight {
	font-weight: bold;
}

.course_detail_booking_small {
	font-size: 0.8em;
}

.course_detail_booking_datelist {
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 0px;
}

.course_detail_booking_datelist_button {
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 28px;
}

.course_detail_booking_tc {
	font-size: 0.8em;
	float: right;
}

/* ----------------------------------------------------------------------------
 * Advanced search page
 */

#advancedSearch table {
	margin: 0 auto;
	border-width: 0px;
}

#advancedSearch td, #advancedSearch th {
	border-width: 0px;
}

#advancedSearch .text {
	width: 295px;
}

#advancedSearch select {
	width: 300px;
}

.submit {
	text-align: center;
	margin-top: 1em;
	padding-bottom: 5px;
}

#advancedSearch .submit input {
	background: #5a3d35;
	color: white;
	border: 3px double #5a3d35;
}

#advancedSearch .submit input:hover {
	background: #6a4d45;
	border: 3px inset #5a3d35;
}

}


/* ----------------------------------------------------------------------------
 * Search results page
 */

.searchResultsHeader {
	text-align: left;
}

.searchResultsTitle {
	font-size: 1.2em;
	font-weight: bold;
}

.searchResultsTitle a {
	/*color: #9D8E67;*/
	color: #dc1769;
	/*text-decoration: underline;*/
}

.searchResultsTitle a:hover {
	color: #dc1769;
}

.searchResultsList {
	list-style-type: none;
}

.searchResultsDuration {
	padding-top: 10px;
}

.searchResultsLeftJustify {
	text-align: left;
}

.searchResultsH2 {
	padding-top: 12px;
}

.searchResultsNoResults {
	/*border-bottom: thin solid #aaaaaa;*/
}

.searchResultsResults {
	/*border-bottom: thin solid #aaaaaa;*/
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/* ----------------------------------------------------------------------------
 * Login page
 */

#login {
}

#login h4 {
	padding-bottom: 20px;
}

#login .loginbox {
	border: 1px solid #9d8e67;
	height: 160px;
	overflow: hidden;
}

#login .loginbox_es {
	border: 1px solid #9d8e67;
	height: 180px;
	overflow: hidden;
}

#login .loginbox .title {
	background-color: #9d8e67;
	font-weight: bold;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#login .loginbox .submit {
	text-align: center;
	margin: 0;
	padding: 0;
}

#login .loginbox_es .submit {
	text-align: center;
	margin: 0;
	padding: 0;
}

#login .loginbox a {
	text-decoration: underline;
	color: #ffffff;
}

#login .loginbox a:hover {
	text-decoration: underline;
	color: #dc1769;
}

#login .padded_text {
	padding: 5px;
	font-size: 0.9em;
	text-align: left;
}

#login .padded_text a{
	padding: 5px;
	font-size: 0.9em;
	text-align: left;
	color: #dc1769;
}


/* ----------------------------------------------------------------------------
 * Registration forms (new user, new contact, etc)
 */

#account_form {
	margin-top:2em
}

#account_form label {
	float:left;
	display:block;
	margin-right:0.5em;
	text-align:right;
	clear:left;
	width:15em;
}

#account_form .notetext {
	font-size: 0.9em;
}

.registerSubmit {
	text-align: center;
}

.registerSubmit input {
	background: #5a3d35;
	color: white;
	border: 3px double #5a3d35;
	font-size: 1.1em;
}

.registerSubmit input:hover {
	background: #6a4d45;
	border: 3px inset #5a3d35;
}


/* ----------------------------------------------------------------------------
 * Shopping basket + checkout
 */

/* Main order summary on several checkout pages. Center the table! */
/* Still used?? 27/01/2008 - stew */
#mainordersummary {text-align: center}

#checkout table {
	border:1px solid #949494;
	width: 100%;
}

#checkout th {
	background:#ccc;
	height:3em;
	text-align: left;
}

#checkout th.priceHeader {
	padding-left:0.4em;
	text-align: right;
}

#checkout td.priceColumn {
	padding-left:0.4em;
	text-align: right;
}

#checkout tr.attendee td {padding:0.2em 0.4em 0.2em 2em}
#checkout tr.addattendee td {padding:0.2em 0.4em 0.9em 2em}
#checkout td {padding:0.4em 0.4em; line-height:1.2em; border:0; white-space:nowrap}
#checkout td.subhead {background:#eee8ff; white-space:normal; border-top:1px solid #949494}
#checkout tr.change td {padding-top:1.5em}

#checkoutVatAllianceBox {
	border: 1px solid #000;
	padding: 5px;
	margin: 10px;
}

#checkout .notetext {
	color: #a04040;
	font-size: 0.8em;
	padding-left: 20em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#checkout .paymentButtons table {
	border: 0;
	width: 100%
}

#checkout .paymentButtons td {
	text-align: center;
}

#checkout .ccnote {
	font-size: 0.8em;
	margin-bottom:0.5em;
}

/* ----------------------------------------------------------------------------
 * Date list
 */

#datelist {
}

/*
 * IE sets margin-right on #topicform when I tell it to set margin-left,
 * so I have to use this wrapper div to create the desired margin using
 * a padding.
 */
#datelist .filterWrap {
	float: right;
	margin-top: -20px;
	margin-right: 0;
	width: 232px;
	/* This rule is the one forcing me to use this wrap */
	padding-left: 50px;
}

#datelist .filterWrap #filterForm {
	border: 1px solid black;
	padding: 5px;
	width: 180px;
	text-align: center;
	background-color: white;
}

#datelist .filterWrap #filterForm p {
	margin: 0 auto;
}

#datelist .filterWrap #filterForm input {
	font-size: 0.8em;
}

#datelist .filterWrap #filterForm select {
	width: 174px;
	font-size: 0.8em;
}

#datelist .filterWrap #filterForm .reset {
	float: right;
}

#datelist .filterWrap #filterForm .reset a {
	font-size: 0.8em;
}

#datelistTextWrap {
	width: 174px;
	padding-right: 0;
}

#datelist h2 {
	margin-top: -20px;
}

#datelist h2.first {
	margin-top: -40px;
}

#datelistLeftCol {
	white-space: nowrap;
	font-size: 0.8em;
}

#datelistHighlightBackground {
	background-color: #ede7ff;
}



/* ----------------------------------------------------------------------------
 * Event calendar
 */

#eventCalendar {
	border-width: 0px;
	border-spacing: 2px;
	width: 100%;
	padding-top: 2em;
}

/*
 * IE sets margin-right on #topicform when I tell it to set margin-left,
 * so I have to use this wrapper div to create the desired margin using
 * a padding.
 */
#eventCalendar .filterWrap {
	float: right;
	margin-top: -20px;
	margin-right: 0;
	width: 232px;
	/* This rule is the one forcing me to use this wrap */
	padding-left: 50px;
}

#eventCalendar .filterWrap #filterForm {
	border: 1px solid black;
	padding: 5px;
	width: 180px;
	text-align: center;
	background-color: white;
}

#eventCalendar .filterWrap #filterForm p {
	margin: 0 auto;
}

#eventCalendar .filterWrap #filterForm input {
	font-size: 0.8em;
}

#eventCalendar .filterWrap #filterForm select {
	width: 174px;
	font-size: 0.8em;
}

/* This rule applies to the day headings ("Mon 22") */
#eventCalendar h3 {
	color: #fff;
	margin: 0;
	padding-left: .5em;
	font-weight: bold;
}

/* This rule applies to the course list underneath the calendar */
#eventCalendar #EventCalendarCourselist h3 {
	color: #dc1769;
	margin: 0;
	padding-left: .5em;
	font-weight: bold;
}

#eventCalendar tr td {
	padding: 0;
	border: 0;
	padding: 3px;
}

#eventCalendar tr td.calheader {
	background: #31394e url(/i/blue-tl.gif) no-repeat;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

#eventCalendar tr td.calheadertoday {
	background: #d72381 url(/i/pink-tl.gif) no-repeat;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

#eventCalendar tr td:first {
	border-left: 1px solid #000;
}

#eventCalendar tr td.courselink {
	width: 10.9em;
	padding: 0.5em;
}

#eventCalendar tr td.selcourselink {
	width: 10.9em;
	padding: 0.5em;
}

#eventCalendar .eventCalendarInstructor {
	font-size: 0.9em;
}

#eventCalendar .eventCalendarVenue {
	font-size: 0.9em;
}

/* Defines the outer table for overlib */
.eventCalendarPopup {
}

/* Defines the inner table for overlib - where the text is displayed */
.eventCalendarPopup2 {
	border: 1px #7744ff solid;
	background-color: #ccccff;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

/* ----------------------------------------------------------------------------
 * The following are used by pages within the CMS
 */

/* Pricing & discount policy */

#cmdPad {
}

#cmsPad table {
	width: 400px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #eee;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #c6c6c6;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #eee;
}

#cmsPad table td {
	text-align: center;
	border-left: 0;
}

#cmsPad2 table {
	width: 500px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #eee;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #ddd;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #c6c6c6;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #eee;
}

#cmsPad2 table td {
	text-align: center;
	border-left: 0;
}


















/*
 * Misc stuff from the previous version of the site follows
 * Needs to be gone through!
 */

form#search4it {padding-top:0.3em}
form#login, form#pwreminder {padding-top:0.5em}
form#newdelegate, form#chkpay {margin-top:2em}

form#search4it label, form#login label, form#pwreminder label, form#newdelegate label, form#chkpay label {float:left;  display:block; margin-right:0.5em; text-align:right; clear:left}

form#login label, form#pwreminder label{width:10em}
form#search4it label, form#advancedsearch label {width:12.5em}
form#newdelegate label, form#chkpay label {width:15em}


form#login input.button, form#pwreminder input.button {float:none; margin-left:10.7em}
html>body form#login input.button, html>body form#pwreminder input.button {margin-left:11em}

form#search4it input.button, form#advancedsearch input.button {float:none; margin-left:13.2em;}
html>body form#search4it input.button, html>body form#advancedsearch input.button {margin-left:13.6em;}

form#newdelegate input.button, form#chkpay input.button {float:none}

#payinv form#chkpay input.button {margin-left:16em}

/* IE5 Mac hack \*/

form#newdelegate input.button, form#chkpay input.button {background:url(/i/button2.gif); width:115px; min-width:115px}

#payinv form#chkpay input.button {background:url(/i/button.gif); width:71px; min-width:71px}

html>body form#newdelegate input.button, html>body form#chkpay input.button {width:0.1em; margin-left:17.6em}

html>body #payinv form#chkpay input.button {margin-left:16.7em}

/* End hack */

form#login p.forgot {margin:1.2em 0 0 0}
form#search4it p.adv {margin:1.2em 0 0 13em}




.button, #news input.button, #search input.button, form#search4it input.button {font-weight:bold; float:right;}

/* IE5 Mac hack \*/
.button, #news input.button, #search input.button, form#search4it input.button {color:#fff; background:url(/i/button.gif); width:71px; height:23px; border:0}

html>body .button, html>body #news input.button, html>body #search input.button, html>body form#search4it input.button {width:0.1em; height:0.1em; min-width:71px; min-height:21px}
/* End hack */




/* Forms */
#checkout fieldset {margin-right:63px;}
fieldset {border: solid 0.1em #949494; padding:0.3em 1em 0.6em; margin-bottom:2em;}
legend {background:#ddd7f3; font-weight:bold; padding:0.3em 0.7em; margin:0 0 0.5em}
.notenextto {float:left; margin-right:0.3em}


/*calendar*/
#calendar h1 {
	margin: 0 1em 1em;
	font-size: 1.1em;
	text-align: center;
}
#calendar p {
	font-size: 0.9em;
	margin: 0;
}
p.prev { float:left; }
p.next { float:right; }
.prev a {
	padding-left: 18px;
	background/**/: url(/i/rightbracket.gif) no-repeat 0 50%
}
.next a {
	padding-right: 18px;
	background/**/: url(/i/leftbracket.gif) no-repeat 100% 50%;
	}
#calendar table {
	margin:0 auto;
}
#calendar td, #calendar th {
	text-align: center;
	padding: 0;
	width: 3em;
	height: 1.8em;
	line-height: 1.8em;
}
#calendar th { background: #ccc; }
#calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}
* html #calendar td a { width: 100%; }
#calendar td a:hover {
	text-decoration: underline;
	background: #eee8ff
}
#calendar td.today { background: #eee8ff; }
#calendar td { color: #aaa; }


/* Order summary */
#ordersummary tr.attendee td.totals {padding-left:0.4em; text-align: right;}
#ordersummary table {border:1px solid #949494;}
#ordersummary td {padding:0.4em 0.4em; line-height:1.2em; border:0; white-space:nowrap}
#ordersummary tr.attendee td {padding:0.2em 0.4em 0.2em 2em}
#ordersummary tr.addattendee td {padding:0.2em 0.4em 0.9em 2em}
#ordersummary th {background:#ccc; height:3em}
html>body #ordersummary th {min-height:3em; height:auto}
#ordersummary td.subhead {background:#eee8ff; white-space:normal; border-top:1px solid #949494}
#ordersummary tr.change td {padding-top:1.5em}

/* Main order summary on several checkout pages. Center the table! */
#mainordersummary {text-align: center}

.totals {padding-left:0.4em; text-align: right;}

a.addanotherdelegate:link,a.addanotherdelegate:visited { color:#dc1769; }