﻿/* Overall Page */
body, html
{
    color: black;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    margin:0;
	padding:0;
	border:none;
	font-size: 10px;
	
}

hr 
{
	border: none 0; 
	border-top: 1px #1258AE;/*the border*/
	border-color:#1258AE;
	width: 100%;
	height: 0px;/*whatever the total width of the border-top and border-bottom equal*/
	margin: 0 0 0 auto;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }

A:visited, A:active, A:link { COLOR: #333399; }
A:hover { COLOR: #3399cc; }

div.clearer { clear:both; margin:0 !important; padding:0 !important; }

.PageHeader { color: #000; font-weight:bold; BACKGROUND-COLOR: #CCC; font-size:1.2em; }

.CustomDropDown { display: block; width: 300px; padding:2px; padding-right: 50px; FONT-SIZE: 1em; }

.CurrencyCode { display:none; }

/* Page */
.pgFrame { width: 600px; margin:0 auto; }
#Header { width: 600px; margin:0 auto; padding: 10px 0 10px 0; text-align:right; }
.MiniBasket { float:left; margin: 5px 0 0 0; }
.CurrencySelect {  }

/* Login Page */
.LoginBox { width: 300px; height: 140px; FONT-SIZE: 1em; }
.LoginTitleBox { background-color:#333399; padding: 2px 2px 2px 2px; FONT-SIZE: 1em; COLOR: #FFF; }
div#LoginForm p#LoggedInAsAdmin { font-weight:bold; text-align:center; }
div#LoginForm div.btns { text-align:right; margin: 10px 0 0 0; }
div#LoginForm { width: 450px; }
div#LoginForm h2 { font-size:1em; }

/* Registration Page */
div#RegistrationForm .InvalidField { margin: 20px 0 20px 0; }
/* Password Strength Indicator */
#psr_score {padding:0;margin:0 0 0 140px;width:200px;display:block;background:none transparent scroll repeat 0% 0%}
.psr_Weak {padding:10px 0 0 0;margin:0.5em 0 0.2em 5px;display:block;background:url(images/bg-password-strength.png) no-repeat 0px 0px}
.psr_Medium {padding:10px 0 0 0;margin:0.5em 0 0.2em 5px;display:block;background:url(images/bg-password-strength.png) no-repeat 0px 0px;background-position:0 -50px}
.psr_Strong {padding:10px 0 0 0;margin:0.5em 0 0.2em 5px;display:block;background:url(images/bg-password-strength.png) no-repeat 0px 0px;background-position:0 -100px}
.psr_Excellent {padding:10px 0 0 0;margin:0.5em 0 0.2em 5px;display:block;background:url(images/bg-password-strength.png) no-repeat 0px 0px;background-position:0 -150px}

/* Main Content */ 
#content { margin-top:1em; margin-left: 1em; margin-right: 2em; }
#content p { line-height: 1.6em; }
#content ul { line-height: 1.6em; }

.MyDetailsGrid { border-color: #333399; border-style: solid; border-width: 1px; color: #000; FONT-SIZE: 1em; }

.MyHeaderTypeStyle { clear: both;background-color:#333399; padding: 2px 2px 2px 2px; FONT-SIZE: 1em; MARGIN-BOTTOM: 2px; COLOR: #FFF; }
.MyCaptionTypeStyle { background-color: #999; color:#FFF; font-weight: bold; font-size:1em; }

.NormalGridRow { color: #000; FONT-SIZE: 1em; background-color:#FFF; }
.NormalGridRow tr td { text-align:left; }

.InvalidField { color: Red; FONT-SIZE: 1em; }
.FormMessage { color: Red; FONT-SIZE: 1em; }
.ValidationErrorMessage { color: Red; FONT-SIZE: 1em; }

.MouseOverRow td { color: #000; FONT-SIZE: 1em; background-color: #EEE; border-style:solid; border-width: 1px; }
.MouseOutrow td { color: #000; FONT-SIZE: 1em; background-color: #FFF; border-style:solid; border-width: 1px; border-color:#FFF; }

div#ReturnToLogin { text-align:center; }

/* PASSWORD STRENGTH STYLES */
.BarIndicator_Weak { background-color: #B9121B; }
.BarIndicator_Average { background-color:#DB4105; }
.BarIndicator_Good { background-color:#85DB18;  }
.BarIndicator_Weak, .BarIndicator_Average, .BarIndicator_Good{ margin: 2px 0 0 0; padding:1px 1px 1px 1px; height:16px !important; }
.BarBorder { padding:0px 0px 0px 0px; width:150px; }

/* Standard Pagination */
div.PaginationLinks { margin: 10px 0px 10px 0px; }
div.PaginationLinks a.First, div.PaginationLinks a.Previous, div.PaginationLinks a.Next, div.PaginationLinks a.Last { padding: 5px; }  
div.PaginationLinks a.PageNumber { padding: 5px; }
div.PaginationLinks a.Selected { background-color: #333399; color: #FFF; }

/* My Account */
table.UnprocessedOrders{ font-size: 1em; border: none; width: 100%; }
table.UnprocessedOrders tr td{ padding: 6px;}
table.UnprocessedOrders tr.Header{ font-weight:bold; background-color:#333399; color:#FFF; }
table.UnprocessedOrders tr.Even{ background-color: #EEE; }
table.UnprocessedOrders tr.Odd{}

table.OrderLines{ font-size: 1em; border: none; width: 100%; }
table.OrderLines tr td{ padding: 6px;}
table.OrderLines tr.Header{ font-weight:bold; background-color:#333399; color:#FFF; }

div.Filters{ margin: 0px 0px 10px 0px; }

/* Product Fulfillments */
table.ProductFulfillments{ font-size: 1em; border: none; width: 100%; }
table.ProductFulfillments tr td{ padding: 6px;}
table.ProductFulfillments tr.Header{ font-weight:bold; background-color:#333399; color:#FFF; }
table.ProductFulfillments tr.Even{ background-color: #EEE; }
table.ProductFulfillments tr.Odd{}

/* Bread Crumbs */
ul#Crumbs { list-style: none; margin: 0px 0px 20px 0px; padding:0; }
ul#Crumbs li { display:inline; margin: 0; padding:0px 10px 0px 0px; }
ul#Crumbs li.Selected { font-weight:bold; }

/* Footer Login Links */
div.LoginLinks{ text-align:center;}
div.LoginLinks a:visited, div.LoginLinks a:active, div.LoginLinks a:link, div.LoginLinks a:hover{ margin: 0px 10px 0px 10px; }

/* Product Display */
td.VariantBuyColumn { white-space:nowrap; background-color: #EEE; }
td.VariantBuyColumn label { padding: 3px 0px 0px 0px; }
td.VariantBuyColumn input { margin: 3px 2px 0px 2px; vertical-align:middle;  }

/* FieldInfo */
.FieldInfo-Header{ height:30px; line-height:30px; padding-left: 36px; background-position: 10px center;  background-image: url(Images/Icons/Information.png); background-color: #EEE; background-repeat:no-repeat; font-weight: bold; }
.FieldInfo-Contents{ padding: 20px 20px 20px 20px; }

/* CSS Form */

div.StyledForm { margin-bottom: 20px; }
div.StyledForm div { padding: 2px; display:block; margin-bottom: 2px;position:relative }
div.StyledForm div.even { clear:both; }
div.StyledForm div.odd { clear:both; }
div.StyledForm div label { display: block; width: 140px; float:left; text-align:right; overflow: hidden; margin: 5px 5px 0px 0px; vertical-align:baseline }
div.StyledForm  span.litLabel { display: block; width: 140px; float:left; text-align:right; overflow: hidden; padding-right:5px; vertical-align:baseline; }
div.StyledForm div input.TextBox, div.StyledForm div textarea.TextArea { width: 204px; }
div.StyledForm div input.TextBox:focus, div.StyledForm div textarea.TextArea:focus, div.StyledForm div select.DropDownList:focus, div.StyledForm div.MultiSelect:focus {border-color:#636d77; }
div.StyledForm div select.DropDownList{ width: 210px; }
div.StyledForm div textarea.TextArea { height: 100px; }
div.StyledForm div div.MultiSelect { height: 200px;  clear:none !important; border: solid 1px #999; }
div.StyledForm div span.CheckBoxList input { display:inline; }
div.StyledForm div span.CheckBoxList label { display:inline; float:none; }
div.StyledForm div label.litLabel {margin-top:0px}
div.StyledForm div ul{float:left;display:block;width:204px}

div.StyledForm fieldset div.group{border:none !important}
div.StyledForm fieldset div.MultiSelect {width:204px}

div#PublicMyDetailsForm input.file {display:none}

/* Address Blocks */
div.StyledForm div.AddressBlock-Find {clear:both}
div.StyledForm span.addressRadioButton {display:block}
div.StyledForm span.addressRadioButton input {margin-left:110px;float:left}
div.StyledForm span.addressRadioButton label {text-align:left;padding-left:15px}


/*Start Date Picker*/
div.StyledForm div .DatePicker { height:22px !important; border: solid 1px #999; }

.TitleStyle { font-weight:bold; background-color:Transparent; }
.DayHeaderStyle { text-decoration:underline; }
.CalendarStyle { background: #FFF url(images/calendarGreyBg.jpg) repeat-x left top; }
.OtherMonthDayStyle { color: #666; }
.FooterStyle { padding: 4px; font-weight:bold; }
.SelectedDayStyle { background-color: #666; color:#FFF; font-weight:bold; }

.WrapValidator { float:left; display:inline !important; margin:0 0 0 0 !important; padding:5px 0 0 5px !important; }
.WrapField { float:left; display:inline !important; margin:1px 0 1px 0 !important; padding:0 !important; }
/*End Date Picker*/

/*Start OrderUDFs*/
.DatePicker { height:22px !important; border: solid 1px #999; }
div.tblOrderUDF {Padding-top:3px}
div.tblOrderUDF div.fldRow {padding-top:2px;height:25px}
div.tblOrderUDF div label { display: block; width: 140px; float:left; text-align:right; overflow: hidden; margin: 5px 5px 0px 0px; }


/*End Date Picker*/

div.StyledForm .controls { text-align:right; }
input.submit { margin: 0px 0px 0px 5px; }
div.StyledForm div.AddressBlock-Msg { margin-left: 150px; }
div.StyledForm div.BankFinder-Find { padding:0; margin:0; }
div.StyledForm div.BankFinder-List { padding:0 0 0 5px; margin:10px 0 0 0; }
div.StyledForm div.BankAccountValidator { padding:0; margin:0; }
div.StyledForm br { clear:left; }
div.StyledForm div span.little { clear: right; margin-left: 145px; display:block; }
div.StyledForm div span.static { display:-moz-inline-box; display:inline-block; line-height:20px; }
.indent { margin-left:140px; }
.rightSpace { margin-right: 5px;}
div.MaxWidth label { width:90% !important; text-align:left !important; }
div.MaxWidth span {  float:right !important; }

div#PageHeader { font-weight:bold; }
div.FieldHeader { font-weight:bold; }
div.SelectDefaultAddressHeader label { margin: 0 0 0 5px !important; display:inline !important; width: auto !important; float:none !important; }
.FieldMoreInfo { float:right; display:-moz-inline-box; display:inline-block; overflow:hidden; text-indent: -10000px; background: url(images/icons/information.png) no-repeat left center; width:16px; height:20px; }



/*Shopping Basket*/
.btnLeft{ float:left;}
.btnRight{ float:right;}
.BasketButtons{ margin: 40px 0 0 0; }
.BasketItems span.little { font-size: 0.9em; border-collapse: collapse; }
.BasketItems span.newline { display:block; }
.BasketItems td, .BasketItems th { padding:5px; }
.BasketItems { width:100%; border-collapse:collapse; }
.BasketItems tr.BasketHeader { background-color:Transparent; }
.BasketItems tr.BasketHeader th#Desc { text-align: left; }
.BasketItems tr.BasketHeader th#Qty {text-align: right; width: 50px;}
.BasketItems tr.BasketHeader th#Price {text-align: right; width: 60px;}
.BasketItems tr.BasketHeader th#Remove {text-align: center; width: 80px;}
.BasketItems tr.odd td.Desc, .BasketItems tr.even td.Desc { text-align: left; }
.BasketItems tr.odd td.Qty, .BasketItems tr.even td.Qty { text-align: right; }
.BasketItems tr.odd td.Price, .BasketItems tr.even td.Price { text-align: right;  }
.BasketItems tr.odd td.Remove, .BasketItems tr.even td.Remove {text-align: center; }
.BasketItems tr.Headings{ background-color: #EEE; font-weight:bold; }
.BasketItems tr.subGroup {background-color:#EEE}


.BasketItems tr.discount td.label, .BasketItems tr.discount td.amount, .BasketItems tr.total td.label, .BasketItems tr.total td.amount, .BasketItems td.amount { text-align:right;}
.BasketItems tr.discount td.label, .BasketItems tr.total td.label { font-weight:bold; }

#ShoppingBasket-Header { clear:both; }
#ShoppingBasket-Footer { clear:both; }

div.SessionTimeout { padding:10px; text-align:center; width:80%; margin: 0 auto; }

.BasketItems div.Delegate { display:block; margin: 5px 0 0 20px; }
.BasketItems div.Session { display:block; margin: 5px 0 0 40px; }
.BasketItems div.SubSession { display:block; margin: 5px 0 0 60px; }

div#deliveryAddressFooter { margin:20px 0 0 0; }

/* Checkout */
div#CheckoutForm h2{ font-size:1.2em; }
div#CheckoutForm h3{ font-size:1em; }
div#CheckoutForm h3#BasketTotalTitle { text-align:center; margin:0; }
div#CheckoutForm span#BasketTotal { display:block; text-align:center; margin: 5px 0 5px 0;}
div#CheckoutForm div.StyledForm div span.little { margin-left: 140px; }
div#CheckoutForm div.StyledForm div.special { font-style:italic; }
div#CheckoutForm div.StyledForm input.TextBox, div#CheckoutForm div.StyledForm input.TextArea, div#CheckoutForm div.StyledForm select.DropDownList { width:300px; }
div#CheckoutForm div.StyledForm select.DropDownList { width:306px; }
div#CheckoutForm div.StyledForm input.Auto, div#CheckoutForm div.StyledForm select.Auto, div#CheckoutForm div.StyledForm textarea.Auto { width:auto !important; }
div#CheckoutForm div#CreditCardStrip { text-align: center;}
div#Message { text-align:center; }
div#Seals { text-align:center; margin: 10px 0 0 0; }
div#AuthWindow { text-align:center; }
body#Checkout div.LoginLinks { display:none;}
div#CheckoutForm div.StyledForm input.submit { float:right; }
div.processingMessageWrap {height:100%;position:fixed;top:0;left:0;width:100%;
				background-color:#eee;
				opacity:0.5;
                filter: alpha(opacity=50);/*ie*/
                display:none}
div.processingWrap {height:100%;position:fixed;top:0;left:0;width:100%;display:none}
div.processingMessage{font-size:150%;font-weight:bold;border:1px solid #333;padding:5px 5px 5px 25px;margin:auto;width:200px;height:25px;background:white url(images/ajax-loader-small.gif) no-repeat center left;color:#444;}


/* Order Complete */
div#OrderComplete table { border-collapse:collapse; }
div#OrderComplete table td, div#OrderComplete table th { padding:6px; }
div#OrderComplete table.OrderSummaryDetails { width:100%; margin: 20px 0 0 0; }
div#OrderComplete table.OrderSummaryDetails td.label { font-weight:bold; }
div#OrderComplete table.BasketItems { width:100%; }
div#OrderComplete div#btns { text-align: right; margin: 20px 0 20px 0; } 
div#OrderComplete Table TD {width:auto}
.BasketItems .subHeading {clear: both;font-weight:bold; padding: 2px 2px 2px 2px; FONT-SIZE: 1em; MARGIN-BOTTOM: 1px;display:block }
.BasketItems div.EventWrap{float:left;clear:both;margin:0 0 20px 5px}
.BasketItems div.EventRow{float:left;margin-left:5px}
.BasketItems label.udfDescription{display:block;width:25em;float:left}
.BasketItems label.udfValue{display:block;margin-left:27em;}


/* Payment Processing */
#PaymentProcessing { text-align:center; }
#PaymentProcessing h2 { width:100%; text-align:left; }
#ExportReceipts input { margin: 0 auto;}

/*Product Page*/
#ProductVariantBreak { color: #333399; height: 2px; }

/* Product Search */
.SearchTitle { background-color: #333399; color: #FFF; }
.SearchTitle td { padding: 5px; }

/* File Upload */
div.FileUpload{ }
div.FileUploadLeft{ float:left; padding: 10px; }
div.FileUploadRight{padding: 10px;}
p.FileUploadDescription { margin: 0 0 10px 0; }
div.FileUploadAlternative{}
div.FileUploadRight .sendupload{ margin-top: 10px; }
div.FileUploadRight .cancelupload{ margin-top: 10px;}
div.FileUploadRight .confirmupload{ margin-top: 10px;}
div.saveuploadcontrols { text-align:right; border-top: solid 1px #999; }

/* Promotional Codes */
div#PromotionalCode, div#GiftVoucher { margin: 20px 0 0 0; }
div#PromotionalCode label, div#GiftVoucher label{ display: block; width: 135px; float:left; text-align:left; margin: 5px 5px 0px 0px; }
div#PromotionalCode span#Message, div#GiftVoucher span#Message{margin: 5px 5px 0px 140px; display:block; color:#FFF;}

/* Events Pages */
div#EventsForm {}
div#EventErrorMessage { margin: 0 0 20px 0; }

div#EventsForm div#Nav-NextPrevious { text-align:right; margin: 20px 0 0 0; }
div#EventsForm div#Nav-NextPrevious input { margin: 0 0 0 10px;}
div#EventsForm div#Nav-Continue { text-align:right; margin: 20px 0 0 0; }

div#Selected-Delegates { padding: 5px; border-bottom:1px solid #999; }
div#Selected-Delegates h3{ font-size:1em; margin: 0 0 10px 0; }

div#Selected-Delegates select.List-Delegates {float:left; width: 380px; height: 200px;}
div#Selected-Delegates input.Add-Delegate {float:right; margin: 0 0 10px 0; }
div#Selected-Delegates input.Remove-Delegate {float:right; clear:right; margin: 0 0 10px 0; }
div#Selected-Delegates input.Amend-Delegate {float:right; clear:right; }

div#Add-Delegate div#Delegate-FindByContactID{ padding: 5px; border-bottom:1px solid #999; }
div#Add-Delegate div#Delegate-LinkedContact{ padding: 5px; border-bottom:1px solid #999; }
div#Add-Delegate div#Delegate-Create{ padding: 5px; border-bottom:1px solid #999; }
div#Add-Delegate select.Linked-Delegates { width: 200px; height: 100px; }
div#Add-Delegate div.Buttons { text-align:right; margin: 20px 0 0 0; }
div#Add-Delegate div.Buttons input{ margin: 0 0 0 10px; }

div#Sessions table { width: 100%; border-collapse:collapse; }
div#Sessions table tr {margin:2px;}

div#Sessions tr.session { background-color:#EEE; height:20px; margin:1px; }
div#Sessions tr.session td { padding: 5px 5px 5px 5px; border-top: 2px solid #FFF; }
div#Sessions tr.subsession td { padding: 5px 5px 5px 5px; }

div#Sessions tr.section td { font-weight:bold; padding: 5px 5px 5px 20px; }

div#Sessions tr.session td:first-child input { margin: 0 5px 0 0; }
div#Sessions tr.subsession td:first-child { padding: 5px 5px 5px 40px; }

div#Sessions tr.session td input { vertical-align:middle; }
div#Sessions tr.subsession td input { vertical-align:middle; margin: 0 5px 0 0; }

div#Sessions tr.session td img.open { background: url(images/icons/tree_plus.gif) no-repeat center center; width:16px; height:16px; }
div#Sessions tr.session td img.close { background: url(images/icons/tree_minus.gif) no-repeat center center; width:16px; height:16px; }

div#Sessions tr.session td.selected { text-align: center; width: 20px; }
div#Sessions tr.subsession td.selected { text-align: center; width: 20px; }

div#Sessions tr.session td.datetime { text-align:right; }
div#Sessions tr.subsession td.datetime { text-align:right; }

div#PriceLists span input {  }
div#PriceLists span label { margin: 2px 5px 0 0; width: 140px; float:left; text-align:right; }

div#Add-Event table th, div#Add-Event table td { padding: 5px; }
div#Add-Event table th#Event-Name { text-align:left; padding: 0 0 0 25px; }
div#Add-Event table th#Event-StartDate {  }
div#Add-Event table th#Event-EndDate {  }
div#Add-Event table td { vertical-align:top;}
div#Add-Event table td.Event-StartDate { padding-top: 8px; }
div#Add-Event table th.Event-EndDate { padding-top: 8px }
div#Add-Event table td input { float:left;  }
div#Add-Event table td label { float:left; margin: 3px 0 0 5px; }

div#Add-Event div#Nav-Add-Event {text-align:right;}

div#EventProduct { border-bottom: 1px solid #999; }
div#EventProduct div.StyledForm { clear:both; }

div#EventProduct div#name { display:inline; font-weight:bold;  }
div#EventProduct div#price { display:inline; margin: 0 0 0 20px; }
div#EventProduct div#quantity { float:right; }
div#EventProduct div#quantity label{ width:auto; }
div#EventProduct div#quantity input.SmallNumeric { width:50px; }

div#Booking-Summary table { width:100%; border-collapse:collapse; }
div#Booking-Summary table td, div#Booking-Summary table th { padding: 5px 5px 5px 5px; }
div#Booking-Summary table th#item { text-align:left; }
div#Booking-Summary table th#net { text-align:right; width:80px; }
div#Booking-Summary table th#vat { text-align:right; width:80px; }
div#Booking-Summary table th#total { text-align:right; width:80px; }
div#Booking-Summary table tr.event td.name { font-weight:bold; }
div#Booking-Summary table tr.delegate td.name { padding-left: 40px; }
div#Booking-Summary table tr.delegate td.price { text-align:right; width: 50px; }
div#Booking-Summary table tr.session td.name { padding-left: 80px; }
div#Booking-Summary table tr.session td.net {text-align:right; }
div#Booking-Summary table tr.session td.vat { text-align:right; }
div#Booking-Summary table tr.session td.gross { text-align:right; }

div#Booking-Summary table tr.subsession td.name { padding-left: 120px; }
div#Booking-Summary table tr.product td.name { padding-left: 40px; }
div#Booking-Summary table tr.product td.price { text-align:right; width: 50px; }

div#Booking-Summary table tr.net td.label { text-align:right; font-weight:bold; }
div#Booking-Summary table tr.net td.price { text-align:right; width: 80px; }
div#Booking-Summary table tr.vat td.label { text-align:right; font-weight:bold; }
div#Booking-Summary table tr.vat td.price { text-align:right; width: 80px; }
div#Booking-Summary table tr.total td.label { text-align:right; font-weight:bold; }
div#Booking-Summary table tr.total td.price { text-align:right; width: 80px; }

div#Booking-Summary div#Nav-Booking-Summary { text-align: right;  margin: 20px 0 20px 0; padding: 20px 0 0 0; }
div#Booking-Summary div#terms { margin: 20px 0 20px 0; text-align:left; }
div#Booking-Summary div#terms input { float:left; margin: 0 5px 0 0; }
div#Booking-Summary div#terms p { margin: 0;}
td.Spaces {color:Red}



/* Member Subscriptions */
div#MemberSubscriptions table { border-collapse:collapse; width: 100%; }
div#MemberSubscriptions table td, div#MemberSubscriptions table th  { padding: 5px; }
div#MemberSubscriptions table tr.Header { background-color:#EEE; }
div#MemberSubscriptions table tr.GroupName { background-color:#CCC; font-weight: bold; }
div#MemberSubscriptions-Header { margin: 20px 0 20px 0; }
div#MemberSubscriptions-Footer { margin: 20px 0 20px 0; }

div#MemberSubscriptions table tr th.Desc { text-align: left; }
div#MemberSubscriptions table tr th.ExpiryDate { text-align: center; }
div#MemberSubscriptions table tr th.Status { text-align: center; }
div#MemberSubscriptions table tr th.AmountPaid { text-align:right;}
div#MemberSubscriptions table tr th.Outstanding { text-align:right;}
div#MemberSubscriptions table tr th.Buy { text-align:center;}

div#MemberSubscriptions table tr td.Desc { text-align: left; }
div#MemberSubscriptions table tr td.ExpiryDate { text-align: center; }
div#MemberSubscriptions table tr td.Status { text-align: center; }
div#MemberSubscriptions table tr td.AmountPaid { text-align:right;}
div#MemberSubscriptions table tr td.Outstanding { text-align:right;}
div#MemberSubscriptions table tr td.Buy { text-align: center; }

/* List Subscriptions Types */
table.SubscriptionType { width:100%; border-collapse: collapse; }
table.SubscriptionType th, table.SubscriptionType td { padding: 5px; }
table.SubscriptionType th.Desc { text-align:left; }
table.SubscriptionType th.JoinFee, table.SubscriptionType th.SubFee, table.SubscriptionType th.Buy { text-align: center; }

table.SubscriptionType td.Desc { text-align:left; }
table.SubscriptionType td.JoinFee, table.SubscriptionType td.SubFee { text-align: right; }
table.SubscriptionType td.Buy { text-align: center; }
table.SubscriptionType td.GroupBuy { text-align: right; }

table.SubscriptionType tr  td.Name { background-color: #EEE; font-weight:bold; font-size: 1.2em; }
table.SubscriptionType tr.Headings{ background-color: #EEE; font-weight:bold; }
table.SubscriptionType .toggler {font-size:75%;cursor:pointer;font-weight:normal;text-decoration:underline}

table.SubscriptionType thead {background-color:#EEE;font-weight:bold;font-size:1.2em;}
table.SubscriptionType thead .Subscription {background-color:#EEE;font-weight:bold;font-size:10px;}
table.SubscriptionType thead TD.JoinFee {background-color:#EEE;font-weight:bold;font-size:10px;}
table.SubscriptionType thead TD.SubFee {background-color:#EEE;font-weight:bold;font-size:10px;}
table.SubscriptionType  {border-top:solid 3px #FFF}

/* Purchase Subscription */
div#PurchaseSubscription table { width: 100%; border-collapse:collapse; }
div#PurchaseSubscription table td { padding:5px; }

div#PurchaseSubscription div#Description { background-color:#EEE; font-size:1.2em; font-weight:bold; padding:5px; }
div#PurchaseSubscription table tr#EffectiveFrom td:First-Child{ font-weight:bold; width: 100px !important; }
div#PurchaseSubscription table tr#DueForRenewal td:First-Child { font-weight:bold; width: 100px; }
div#PurchaseSubscription table tr#JoiningFee td:First-Child { font-weight:bold; width: 100px; }
div#PurchaseSubscription table tr#SubscriptionFee td:First-Child { font-weight:bold; width: 100px; }
div#PurchaseSubscription table tr#Total td:First-Child { font-weight:bold; width: 100px; }


div#PurchaseSubscription div#Controls { text-align:right; }

.RadioButtonList { display:block; margin-left: 140px; }
.RadioButtonList label { display:inline !important; float:none !important; text-align:left;  }

/* Donations */
body#Donations input.submit { float:right; margin: 0 0 10px 0; }
body#Donations p input, body#Donations p label { vertical-align:middle; }
body#Donations #Funds { text-align:right; margin: 10px 0 10px 0; }
body#Donations #Funds .odd { margin: 10px 0 10px 0; }
body#Donations #Funds .even {  margin: 10px 0 10px 0; }
body#Donations #Funds span { float:left; padding: 3px 0 0 0; }
body#Donations #Funds .TextBox { width: 60px; }


/* Gift Aid */
body#GiftAid .RadioButtonList2 input { float: left; }
body#GiftAid .RadioButtonList2 label { padding: 3px 0 0 0; margin: 0 0 0 30px; display:block; }

body#GiftAid div#Container { width: 100%; float: right; margin-right: -186px;}
body#GiftAid div#gaLogo {  text-indent:-1000px; float:left; width:186px; height:100px; background: #FFF url(images/Gift_Aid.jpg) no-repeat center top; }
body#GiftAid div#GiftAidIt { margin-right: 186px; background-color: #EEE; padding: 10px; }
body#GiftAid div.StyledForm { margin: 20px 0 0 0;}
body#GiftAid .submit { float:right;  }

/* Result Tables */
table#Results { border-collapse:collapse; width:100%; }
table#Results th { background-color: #333399; color:#FFF; padding: 5px;}
table#Results td { padding: 10px 5px 10px 5px; vertical-align:top; }
table#Results tr.odd, table#Results tr.even { cursor:pointer; }
table#Results tr.odd:hover, table#Results tr.even:hover { background-color:#EEE; }

/*Directory Result Tables */
table.DirectorySearchResults
{
	width: 100%;
	border-top: black thin dotted;
	border-right: black thin dotted;
	border-left: black thin dotted;
	border-bottom: black thin dotted;
	margin-top: 2px;
	margin-bottom: 2px;
}
.SearchTitle
{
	background-color: #333399;
	width: auto;
}
.SearchResult
{ padding: 10px 5px 10px 5px; vertical-align:top; width:80%; }

#extendedDataWrap, #extendedDataLoader
{
	position:absolute;
	border:1px solid black;
	background-color:White;
	}
#extendedDataLoader
	{
		background:white url(images/ajax-loader-small.gif) no-repeat center left;
		padding-left:25px
		
	}
#extendedDataWrap fieldset
{
	border:none;
}	
#extendedDataWrap .AddressBlock-Find {display:none}
#extendedDataBar 
	{
		cursor:pointer;
		background-color:#f2f2f2;
		border:1px solid black;
		text-align:center;
}
/* List Products */
div#ListProducts table#Results th.Code, 
div#ListProducts table#Results th.Description, 
div#ListProducts table#Results th.ISBN, 
div#ListProducts table#Results th.Other1, 
div#ListProducts table#Results th.Other2 { text-align:left; }
div#ListProducts table#Results th.Other3 { text-align:left; }
div#ListProducts table#Results th.Price { text-align: center; }
div#ListProducts table#Results td.Price { text-align: right; }

/* Search Products */
div#SearchProducts table#Results th.GroupCode, 
div#SearchProducts table#Results th.ProductCode, 
div#SearchProducts table#Results th.ProductDescription, 
div#SearchProducts table#Results th.Stock,
div#SearchProducts table#Results th.Other1, 
div#SearchProducts table#Results th.Other2,
div#SearchProducts table#Results th.Other3,
div#SearchProducts table#Results th.ISBN { text-align:left; }
div#SearchProducts table#Results th.GroupDescription { text-align:left; }

div#SearchProducts table#Results td.GroupDescription{ text-align: center; }


/* Display Product */
div#DisplayProduct div.wrapper { float:right;width:100%;margin-left:-170px; }
div#DisplayProduct div.img { float:left;width:170px }
div#DisplayProduct div.props { margin-left:170px; }

div#DisplayProduct div.props table { border-collapse:collapse; width:100%; }
div#DisplayProduct div.props td.label{ vertical-align:top; width: 100px; font-weight:bold; }
div#DisplayProduct div.props td.value{ vertical-align:top; }

div#DisplayProduct div.without-image div.wrapper {float:none; margin-left:0; }
div#DisplayProduct div.without-image div.props { margin-left:0; }

div#DisplayProduct div.AddToBasket { margin-left:170px; }
div#DisplayProduct div.AddToBasket div.category { font-weight:bold; margin: 10px 0 10px 0; }
div#DisplayProduct div.AddToBasket ul { margin:0; padding:0; }
div#DisplayProduct div.AddToBasket ul li { display:inline; margin-right: 20px; }
div#DisplayProduct div.AddToBasket ul li span.label { display:inline-block; font-weight:bold;  }
div#DisplayProduct div.AddToBasket ul li span.value { display:inline-block; width: 80px; text-align:right; }
div#DisplayProduct div.AddToBasket div.Qty { margin: 10px 0 10px 0;}
div#DisplayProduct div.AddToBasket div.Qty span.label { font-weight:bold; vertical-align:middle; }
div#DisplayProduct div.AddToBasket div.Qty .TextBox { vertical-align:middle; width:50px; margin-left:25px; text-align:right; }
div#DisplayProduct div.AddToBasket .submit { margin: 0 0 0 10px; vertical-align:middle; }

div#DisplayProduct div.Variant { margin-bottom: 20px; padding:5px; border:solid 1px #999; }
div#DisplayProduct div.Variant div.wrapper{float:left;width:100%; margin-left:0;}
div#DisplayProduct div.Variant div.props {margin: 0 110px}
div#DisplayProduct div.Variant div.consolidated {margin: 0;}
div#DisplayProduct div.Variant div.img{float:left;width:110px;margin-left:-100%; padding: 0 0 0 10px;}

div#DisplayProduct div.Variant div.AddToBasket{float:left; width:280px; margin-left:-280px;}
div#DisplayProduct div.Variant div.AddToBasket ul { margin: 0 0 5px 0;}
div#DisplayProduct div.Variant div.AddToBasket div.category { margin: 0 0 5px 0; }
div#DisplayProduct div.Variant div.props span{ width: 50px; }

div#DisplayProduct div.RelatedProducts table { width:100%; border-collapse:collapse; }
div#DisplayProduct div.RelatedProducts table th { background-color:#EEE; padding:5px; text-align:left; }
div#DisplayProduct div.RelatedProducts table td { padding:5px; }

div#DisplayProduct div.RelatedProducts .Net, div#DisplayProduct div.RelatedProducts .Vat, div#DisplayProduct div.RelatedProducts .Gross { text-align:right; }

div #Message {background-color : #FFFFD9; padding : 1px 1px 1px 1px; margin : 10px 0px 10px 0px; border-color: #FFD9D9; border-style: solid; border-width: 1px;}
div #Message p{font-style : italic ; text-align : center }
/* Registration Form */
.watermarkOn {color: #CCCCCC; font-style: italic; }
/*MyCompanyDetailsForm */
DIV#MyCompanyNewRecord FIELDSET {margin-top:5em;padding-top:1em}
DIV#MyCompanyNewRecord .StyledForm {margin-top:3em;margin-bottom:2em;padding-top:1em}
DIV#MyCompanyNewRecord table {margin-top:3em}
DIV#MyCompanyNewRecord table input.submit {margin-top:1em}
DIV#MyCompanyNewRecord DIV.MultiSelect {background-color: White}
DIV#MyCompanyLinkedRecordsForm TABLE,DIV#MyCompanySubscriptionsForm TABLE  
{
	
	top:15px;
	font-size:1.1em;
	border-collapse:collapse;
}
DIV#MyCompanyLinkedRecordsForm TBODY{}
DIV#MyCompanyLinkedRecordsForm TH ,DIV#MyCompanySubscriptionsForm TH 
{
	padding-right:1.2em;
}
DIV#MyCompanyLinkedRecordsForm TR:hover,DIV#MyCompanySubscriptionsForm TR:hover 
{
	background-color:#f8f8f8;
}
DIV#MyCompanySubscriptionsForm TD.AmountPaid,DIV#MyCompanySubscriptionsForm TD.Outstanding
{text-align:right;}
DIV#MyCompanySubscriptionsForm #MemberSubscriptions-Header
{
	position:relative;
	top:15px;
}
DIV#MyCompanyDetailsForm DIV.StyledForm
{padding-top:15px;}
DIV#Navigation a
{
	display:block;
	float:left;
	border:solid 1px #666;
	padding:4px;
	text-decoration:none;
	color:#666;
	background-color:#f8f8f8;
	font-weight:bold;
	font-size:1.2em;
	
}
DIV#Navigation .selected 
{
	color:#000;
	background-color:#fff
}


/*Step Wizard */
#wizardWrap {display:none}
#PageBody UL.StepWizard {display:inline  }
.StepWizard LI {list-style:none;float:left;margin:0 5px;}
.StepWizard li.selected {font-weight:bold;color:Red }

/* validation Settings */
fieldset {border:none}
div.StyledForm fieldset div input.error, div.StyledForm fieldset div select.error{border:#933 solid 1px}
div.StyledForm fieldset div div.error{border:1px solid #933}
div.StyledForm div span.CheckBoxList input.error{border:none}
div.StyledForm fieldset div label abbr {position:absolute;display:block;color:#7b0101;font-size:1.5em;padding:0;width:16px;left:372px;top:5px;vertical-align:middle;font-weight:bold;line-height:1;border:bottom:none}
fieldset img.icon {left:372px;position:absolute;top:5px}
.WrapField img.icon{left:225px;position:absolute;top:4px}
.DateError table.error {border:1px solid #933 !important}
table.error {border:1px solid #933 !important}
#form-messages {padding-left:140px}
div#form-header  abbr {color:#7b0101;font-size:1.5em;padding:0;width:16px;vertical-align:middle;font-weight:bold;line-height:1;border:bottom:none}


.MandateLabel label{width:340px !important}
/* form Preview */
#PreviewForm #PageBody
{
	margin-left:auto;
	margin-right:auto;
	float:none;
}
#formInfoDiv 
{
	display:block;
	background-color:#eee;
	border:solid 1px black;
	width:100%;
	margin-bottom:10px;
}
   
#formInfoDiv UL 
{
	line-height:1.5em;	
}             
#formPreview #CustomForm 
{
	border:solid 2px #f2f2f2
}

/* Direct Debit Payments */
div#divClientDDAlternativeText{margin-bottom:15px}
table.tblDDs{ font-size: 1em; border: none; width: 100%;  }
table.tblDDs tr td{ padding: 6px;}
table.tblDDs tr.Header{ font-weight:bold; background-color:#333399; color:#FFF; }



/*html editor */
#editorContainer {margin-left:160px;}
#editorContainer div {padding:0;margin:0}