﻿@import url('tipTip.css');

.no-display {display: none }
.cancelBookingLink {float: right; width: 20px; height:20px; bottom: 3px; background: url(../ico/system-delete_faded.png)   no-repeat; text-indent: -9999px; position:relative; }

.greeting {font-weight: bold; }

table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}

.main-subcontent {padding-top: 21px;}
#SearchBoxContent {min-height: 446px; }
ul#SearchTypeList li {background:none;}

ul#SearchTypeList li input {margin-right: 8px; padding:0;}

#IncludeStartedP {padding-left: 8px;}
#IncludeStartedP label, #SearchSaver label {position: relative; left: 8px;}

#logindisplay {margin: 5px 0 4px 4px; text-align: center;}

#subLocSelect {min-width: 140px;}

/* CRITERIA */
li.SavedSearchLink {min-height: 15px; margin-bottom: 0;}
.RemoveSS {float: right; width: 20px; }
#SavedSearchNameWarning { font-size: 8pt; }

#SearchProgressNavigation { width: 160px; margin: 0 10px 0 10px; }

/* LOGON AND REGISTRATION */
.ActiveDirectoryAuto {padding-top: 25px;}

/* TOP-LEVEL SEARCH RESULTS */
#SearchDateControl { list-style: none; }
#SearchDateControl li { display: inline; }

h3.ui-accordion-header {margin: 0; }
div.SiteResults {padding-bottom:25px !important; padding-left:19px !important;  padding-right:19px !important;}
.SiteContactLink a {float: right;}

/* ACTIVITY SEARCH RESULTS */
table.ActivitySearchResults {margin: 0;}
.asr_TimeCol, .csr_TimeCol {width: 60px; }
.asr_LocationCol, .csr_NameCol  {width: 230px; }
.asr_CostCol, .csr_CostCol {width: 66px; }
.asr_AddCol, .scr_AddCol {width: 34px; }
table.ActivitySearchResults .TimeColumnHead {padding: 5px;}
table.ActivitySearchResults .LocationColumnHead {padding: 5px;}
table.ActivitySearchResults .CostColumnHead {padding: 5px; text-align: center;}
table.ActivitySearchResults .MoneyField {text-align: right;}
table.ActivitySearchResults .PriceUnavailable {text-align: center; }
table.ActivitySearchResults .AddToBasketColumnHead {padding: 5px; }
table.ActivitySearchResults .sr_AddToBasket {top: 0;}
table.ActivitySearchResults .sr_OutOfHours {float: right; width: 20px; height:20px; background: url(../ico/clock-delete.png) no-repeat; text-indent: -9999px; position:relative; } 
table.ActivitySearchResults .sr_MustLogOn {float: right; width: 20px; height:20px; background: url(../ico/input-edit.png) no-repeat; text-indent: -9999px; position:relative; } 
table.ActivitySearchResults .sr_TooEarly {float: right; width: 16px; height:16px; background: url(../ico/date_error.png) no-repeat; text-indent: -9999px; position:relative; } 
table.ActivitySearchResults .sr_BasketFull {float: right; width: 20px; height:20px; background: url(../ico/system-delete-alt-03.png) no-repeat; text-indent: -9999px; position:relative; } 

/* ENROLMENT SEARCH RESULTS */
.CourseSearchResult .sr_AddToBasket, .ClassSearchResult .sr_AddToBasket 
                           {float: right; width: 20px; height:20px; background: url(../ico/basket.png)                 no-repeat; text-indent: -9999px; position:relative; top: -18px; left: -8px;}
.CourseSearchResult .sr_OutOfHours, .ClassSearchResult .sr_OutOfHours 
                           {float: right; width: 20px; height:20px; background: url(../ico/clock-delete.png)           no-repeat; text-indent: -9999px; position:relative; top: -18px; left: -8px;}
.CourseSearchResult .sr_MustLogOn, .ClassSearchResult .sr_MustLogOn 
                           {float: right; width: 20px; height:20px; background: url(../ico/input-edit.png)             no-repeat; text-indent: -9999px; position:relative; top: -18px; left: -8px;}
.CourseSearchResult .sr_TooEarly, .ClassSearchResult .sr_TooEarly 
                           {float: right; width: 16px; height:16px; background: url(../ico/date_error.png)             no-repeat; text-indent: -9999px; position:relative; top: -18px; left: -8px;}
.CourseSearchResult .sr_BasketFull, .ClassSearchResult .sr_BasketFull 
                           {float: right; width: 20px; height:20px; background: url(../ico/system-delete-alt-03.png)   no-repeat; text-indent: -9999px; position:relative; }
.sr_AddMixedAvailability   {float: right; width: 20px; height:20px; background: url(../ico/phone-add.png)              no-repeat; text-indent: -9999px; position:relative; }
.sr_AddLimitedAvailability {float: right; width: 20px; height:20px; background: url(../ico/basket-warning.png)         no-repeat; text-indent: -9999px; position:relative; }
.sr_LimitedOffline         {float: right; width: 20px; height:20px; background: url(../ico/phone-delete.png)           no-repeat; text-indent: -9999px; position:relative; }
.sr_OfflineOnly            {float: right; width: 20px; height:20px; background: url(../ico/phone.png)                  no-repeat; text-indent: -9999px; position:relative; }
.sr_RegisterFull           {float: right; width: 20px; height:20px; background: url(../ico/system-delete-alt-03.png)   no-repeat; text-indent: -9999px; position:relative; }

.sr_AddMixedAvailability:hover, .sr_AddLimitedAvailability:hover { background: url(../ico/basket-add.png) no-repeat; }
.sr_OrderByOptions {float: left; margin-bottom: 4px; }
.ClassSearchResult {padding:1px 0 0 0; }

.ClassSearchResult h4, .CourseSearchResult h4 {clear:both; margin:0 0 5px 0; font-size:130%;} 
.sr_Time {float: right; padding-right: 2px; }
.sr_divider  {clear:both; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
.sr_Amount {float: right; text-align: right; padding-top:6px; }
.sr_Amount .PriceLabel, .sr_Amount .PriceUnavailable { font-weight:bold; font-size:125%; }
.sr_AddToBasket:hover {background: url(../ico/basket-add.png) no-repeat; text-indent: -9999px; }
.sr_AddToBasket {float: right; width: 20px; height:20px; background: url(../ico/basket.png) no-repeat; text-indent: -9999px; position:relative; top: -26px; } 
.sr_Main {max-width: 360px; min-height:25px;}
.ClassSearchResult h4.sr_unavailable {color: #DDD; font-style: italic}
.CourseResultSessionLabel {display: inline-block; min-width: 80px; }
.sr_resultExpanded .ui-icon, .sr_resultCompacted .ui-icon {float: left; width: 20px; }
.sr_resultCompacted .ui-icon { background-position: -32px -16px; }
.sr_resultExpanded .ui-icon { background-position: -64px -16px; }

td.PriceDisclaimer { background: url(../ico/system-info-alt-02.png) no-repeat; text-indent: -9999px; }


/* BASKET DETAIL */
.BasketItem:after, .TransactionItem:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.BasketItem h4 {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; font-size:140%;}
.BasketItem {clear: both; }

.bi_divider, .co_divider {clear:both; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
.bi_Amount, .co_Amount {float: right; font-weight:bold; font-size:125%; padding-top:6px; }

.bi_Delete {float: right; width: 20px; height:20px; background: url(../ico/basket-remove.png) no-repeat; text-indent: -9999px; position:relative; top: -9px; }
.bi_Delete:hover {background: url(../ico/system-delete-alt-02.png) no-repeat; text-indent: -9999px; }

#Basket {text-align: center;}

.hiddenCheckoutForm input[type=submit] { clear: both; float:right; min-width:6.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.hiddenCheckoutForm input[type=submit]:hover { clear: both; cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.checkoutButtonParagraph { clear:both; float: right; }

#BasketDetail h3 { padding-bottom: 14px; }

.emptyBasketLink {float: right; }
.emptyBasketLink a {background: transparent url('../ico/basket-remove.png') no-repeat right; padding: 1px 24px 1px 0;}
.NonMemberWarning, .basketAdvice {clear: both; }

#newCasualDialog { height: 323; width: 293px; }
.editNonMemberAddress input { width: 299px; }
.editNonMemberDoB input { width: 80px; }

/* CHECKOUT */

#CheckoutSection { margin-top: 12px; }
.TransactionItem h4 {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; font-weight:bold; font-size:140%; }
.PaymentSummary {float: right; font-size: 150%; font-weight: bold; padding-bottom: 8px; }
.co_Amount { font-weight: bold; text-align: right; width: 100%; }
.CheckoutFoCLink, .CheckoutPayLaterOptionLink { top: 18px; }
.CheckoutFoCLink a, .CheckoutPayLaterOptionLink a { font-size: 14px; }

.paymentOptions h2 { clear: both;
    margin: 1.0em 0 0.5em 0;
    padding: 2px 0 2px 2px;
    background: #BEBEBE;
    font-family: "trebuchet ms",arial,sans-serif;
    color: white;
    font-weight: bold; }
    
.paymentOptions a { clear:both; font-size: 14px; line-height: 48px; float: right; }
.paymentLogo { clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:none !important; }

/* MESSAGES */
#MsgStatus, #MsgAction{width: 36px;}
#MsgDate {width: 135px;}
.MsgStatusRead {background: url("../ico/mail-open.png") no-repeat scroll 7px 5px transparent }
.MsgStatusUnread {background: url("../ico/mail-closed.png") no-repeat scroll 7px 3px transparent }
.MsgStatusRead span, .MsgStatusUnread span {display: block; width: 0; height: 0; overflow: hidden; }
.MsgActionRead a, .MsgActionUnread a {float:right; width: 20px; height:20px; background: url(../ico/mail-closed-delete.png) no-repeat; text-indent: -9999px; position:relative;}

.MessageDetail {width:440px; margin:1px 1px 2.5em 1px; padding:1px 0 11px 0; }
.MessageDetail h4 {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; font-weight:bold; font-size:140%;}
.MessageDetailBody {padding: 15px 10px;}

/* ACCOUNT */
table.AccountTable {margin: 0}
table.AccountTable .MoneyField {text-align: right; }
table.AccountTable .LinkField {text-align: center; }

.receiptLink { padding-top: 1px; padding-right: 24px; background: transparent url('../ico/receipt.png') no-repeat center right; }

.ac_DateCol {width: 100px; }
.ac_CostCol {width: 75px;}
.ac_ActionCol {width: 34px; }
.ac_AddToBasket:hover {background: url(../ico/basket-add.png) no-repeat; text-indent: -9999px; }
.ac_AddToBasket {float: right; width: 20px; height:20px; background: url(../ico/basket.png) no-repeat; text-indent: -9999px; position:relative;} 


div.SiteAccountList {padding-bottom:25px !important; padding-left:19px !important;  padding-right:19px !important;}
#Bookings #tabs {font-size: 100%; margin-bottom: 25px;}

/* jQUERY UI */
.padded-widget { clear: both; padding: 0 .7em; margin-bottom: 12px;}
.padded-widget-icon { float: left; margin-right: .3em; }

.helpIcon { float: left; border: none; background: none; padding-top: 3px; padding-right: 3px; }
.helpIcon span { width: 16px; display: block; }

#NoPaymentSubmitted {color:Gray; font-family: Helvetica, Sans-Serif;}

/* WORLDPAY BANNER */
table.bannercontainer { 
    margin-top: 2px; 
    margin-left: 2px; 
    width: 95%; }

table.banner { 
    margin-top: 2px !important;
        margin-left: 0 !important;
}

/*** Table Sorter Plugin ***/
table.sortable thead th { background-repeat: no-repeat; background-position: center right; cursor: pointer; overflow: hidden;}
.headerSortable { background-image: url(../TableSorter/bg.gif); opacity:0.7;  }
.headerSortUp { background-image: url(../TableSorter/asc.gif);  opacity:1.0}
.headerSortDown { background-image: url(../TableSorter/desc.gif); opacity:1.0 }
