/* --- Layout only --- */

/* -- Legacy styles to be deleted when removed from templates -- */
.Spacer {float:left; width:960px; clear:both; height:10px;} 
.rm {position:absolute; left:-9999px;}
.MarginBottom {margin-bottom:15px;}
.right {text-align:right;}

/* -- Legacy styles to be deleted when removed from templates -- */

.NoDisplay {display:none;}
.NoRightMargin {margin-right:0px !important;}
.NoRightMarginWithFR {margin-right:0px !important; float:right !important;}
.NoBottomMargin {margin-bottom:0;}

/* Margins */
.nm {margin:0 !important;}
.mb {margin-bottom:10px !important;}
.mt {margin-top:10px;}
.ml {margin-left:15px;}
.mr {margin-right:15px;}

.ml10 {margin-left:10px !important;}
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}

.mt15 {margin-top:15px;}

/* Clears */

.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}

/* Border */
.bt {border-top:1px solid;}
.br {border-right:1px solid;}
.bb {border-bottom:1px solid;}
.btb {border-top:1px solid; border-bottom:1px solid;}
.nb, .removeRightBorder {border:none !important;}

.border {border:1px solid #ccc;}
.DarkBorder {border:1px solid #444;}

/* Padding */
.pb {padding-bottom:10px;}
.pl {padding-left:10px;}
.pr {padding-right:10px;}
.pt {padding-top:10px;}
.padding10 {padding:10px; margin-bottom:10px;}
.padding {padding:10px;}
.np {padding:0 !important;}

/* Text Aligns */
.ar {text-align:right;}
.ac {text-align:center;}

/* -- Positioning -- */
#psContent {position:static !important; float:left; padding:10px 0;} /* fixes page studio internal styling issue */
.relative {position:relative;}
.fLeft, .fl {float:left;}
.fRight, .fr {float:right;}
.clear {clear:both;}

.SingleColumn {width:310px;}
.DoubleColumn {width:635px;}
.DoublePanel {width:615px; padding:10px;}
.FullWidth {width:960px;}

.WideContent {width:712px;}
.SideColumn {width:223px; margin-right:5px;}
.Centre {width:474px;}

#MadeIn .WideContent {width:732px;}
#MadeIn .Centre {float:left;}
#MadeIn .docs {width: 222px; padding: 10px; float: right;}
/* --- Helpers --- */
hr.DashedRule {clear:both; height:1px; border:0px; margin:10px 0;}
legend {display:none;}
p.ui-state-highlight {padding:10px;}
 .over { overflow:  hidden;}             
/* -------------------------------------------------------------------------------------------------------- */
                                      /* GENERAL LAYOUT STYLES - All Pages */
/* -------------------------------------------------------------------------------------------------------- */
html, body {padding:0 !important; background-position:top left !important;}
body {background:#3e3e3e url(/images/interface/RoyalAndDerngate/bodybg.jpg) repeat-x;} 
 

/* ---------- HEADER ---------- */
#MastHead {position:relative;  clear:both; width:980px; height:197px; z-index:9999;}
    .SiteLogo {position:relative; top:24px; left:10px;}
#GlobalTools, #ButtonsPh, #SocialPanel, #Search, #Search .SearchButton, #Search input[type=text] {position:absolute;}

#GlobalTools {top:0px; right:10px; width:450px; height:136px;}
#ButtonsPh, #ButtonsPh .LogOut {bottom:3px; right:190px;}
    #ButtonsPh .LogOut:hover {text-decoration:none;}
    #ButtonsPh .LoginBtn, #ButtonsPh .LogOut, #ButtonsPh .LogOut a {height:26px; cursor:pointer; text-decoration:none;}
    #ButtonsPh .LogOut {line-height:26px; padding:5px 10px;}
.reviewloginBtn { right: 30px !important; bottom:32px !important; border: 1px solid black;}
    .reviewloginBtn #reviewloginopener{ padding: 5px; font-family: Arial Black, Arial, Verdana;}
#feedbackopener {padding:0; cursor:pointer; line-height: 16px; width:109px;}

#dialog .LoginBtn {height:26px; cursor:pointer;} 
#SocialPanel {right:0; padding:0 10px; height:41px; background:#2d2d2d;  width:auto;}
    #SocialPanel a {text-decoration:none; cursor:pointer; position: relative; top: 15px;}
    #SocialPanel span {margin:15px 3px 0 3px; float:left; }
    #SocialPanel button, #SocialPanel a {font-size:13px;}

.divBasket {background-image:url(../images/basket-test.png) !important; background-position: 66px 10px !important; background-repeat:no-repeat !important; padding-right:20px !important;}
p ul li {line-height:15px;}
/* --- Account Settings --- */
.accountMenu {position:relative; float:right; margin:8px 0 0 0; padding:0;}
.accountMenu .Username {padding:0 15px 0 5px; background:url(/images/arrow-right.png) no-repeat 93% 50%;}
.accountMenu .Username:hover {background:#000 url(/images/arrow-down.png) no-repeat 96% 50%;}
.accountMenu li {list-style:none; margin:0; padding:0 10px; height:25px; line-height:25px;}
.accountMenu li a {top:0 !important;}
.accountMenu li a:hover {}


#Wrapper {width:980px; margin:0 auto;}
/*style the sub menu*/
.accountMenu ul {position:absolute; top:24px; right:0; width:150px; visibility:hidden; margin:0; padding:10px; z-index:11; background:#000;}
.accountMenu ul li {float:none; display:block;}
.accountMenu ul li a:hover {}

/* SEARCH */
#Search {width:175px; bottom:30px; right:0px;}
    #Search .SearchButton {top:0px; right:0px;}
    #Search input[type=text] {top:0px; left:0px; height:27px; line-height:27px; padding:0 3px; border:0;}


/* --- FOOTER --- */
#FooterWrapper, #FooterNavWrapper {position:relative; clear:both; width:100%; min-width:980px; background:#2b2b2b;}
#Footer {position:relative;}

#Footer #QuickLinks {width:180px;}
     #Footer #QuickLinks li {line-height: 16px;}
    #Footer #QuickLinks li, #Footer #ImageButtons li, #Footer .SocialIcon li {list-style-type:none; margin:0;}
#Footer #FindUs {width:225px; margin-left:10px;}
#Footer #EList {position:relative; width:285px; margin-left:20px;}
    #Footer #FooterNewsLetter label {display:none;}
    #Footer #FooterNewsLetter li {list-style-type:none; margin:0 0 5px 0; padding:0;}
    #Footer #FooterNewsLetter input[type=text] {width:210px; border:0; padding:5px;}
    #Footer #FooterNewsLetter input[type=text]:focus {background:#F1DBAB; border-color:#3586FF;}
    #Footer #FooterNewsLetter .FooterButton {position:absolute; bottom:65px; right:0; width:34px; height:34px; margin:0; padding:0; background:transparent url(/images/interface/RoyalandDerngate/orange-arrows.png) top right no-repeat; text-indent:-9999px; font-size:0;}
#Footer .SocialIcon li {float:left; margin-right:10px;}
#Footer #ImageButtons {width:220px; margin-left:20px;}
#FooterNewsLetter {margin-bottom: 20px;}

#Footer, .FooterNav {clear:both; width:960px; padding:10px; margin: 0 auto; color:#fff;}
#FooterNavWrapper {border-top:1px solid #3e3e3e;}
    #Footer a, .FooterNav a {color:#eabb00; text-decoration:none;}
    #Footer a:hover, .FooterNav a:hover {text-decoration:underline;}
    .FooterNav span {color:#fff;}

/* --- BREADCRUMB --- */ 
#PageTools {padding:0 10px;}
#Breadcrumb {clear:both; width:940px; padding:0 10px; margin:0; height:32px; line-height:32px; }
    #Breadcrumb a, #WhatsOnBreadcrumb a {font-weight:bold;}
#WhatsOnBreadcrumb {clear:left; width:615px; padding:10px 10px 0 10px; margin:0; }
#GetInvolvedBreadcrumb {clear:left; width:615px; padding:10px; margin:0; }
#Breadcrumb.BreadcrumbSmall {width:615px;}
    
/* --- Main Content Holder --- */
#Content {float:left; width:960px; clear:both; margin-bottom:10px; padding:0 10px;}

/* -------------------------------------------------------------------------------------------------------- */
                                           /* TEMPLATE STYLES */
/* -------------------------------------------------------------------------------------------------------- */

/* ----- Home_Page/Standard ------ */
#Today {float:right; width:290px; height:350px; overflow:hidden;}
#Today ul li {list-style-type:none; margin:0;}
#FreeTextArea {clear:both;}
#FreeTextArea ul li {font-size:1.2em; clear:both;}
#FreeTextArea h3, #FreeTextArea h3 a {font-size:1.1em;}
#FreeTextArea a {text-decoration:none;}
#FreeTextArea a:hover {text-decoration:underline;}
#FreeTextArea .VenueTitle {float:right; }

#UpComingShows, #ExploreMore {width:940px;}

#HomepagePanels {float:left; clear:both;}
#HomepagePanels .ContentPanel {position:relative; float:left; width:270px; height:168px; overflow:hidden; margin:0; z-index:1; border:1px solid #fff;}
#HomepagePanels .ContentPanel .boxcaption {float:left; position:absolute; background:#000; width:94%; opacity:0.65; padding:3%; 
                                           filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  
                                           -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; z-index:9;}
.ContentPanel .boxcaption h1 {color:#fff;}
#HomepagePanels .ContentPanel .ProductionInfo {padding:10px;}
#HomepagePanels .ContentPanel .VenueTitle {float:left; font-size:1.2em; color:#C11E1F; font-family:Arial; font-weight:bold; z-index:10; font-style:normal; margin-right:10px}
#HomepagePanels .ContentPanel .Dates {font-size:1em; line-height:1.3em; font-family:Arial; font-weight:bold;}
#HomepagePanels .ContentPanel .Text, #slideshow .Text {position:absolute; top:0px; left:0px; right:0px; z-index:10; color:#fff; padding:9px; background:url(/Images/Interface/RoyalAndDerngate/bg65.png) top left repeat;}
.slider-code {position:relative; padding:0;}
.slider-code .viewport {position:relative; float:left; width:859px; height:172px; margin-left:45px; overflow:hidden;}
.slider-code .buttons {position:absolute; display:block; text-indent:-999em; overflow: hidden; z-index:20; top:70px; height:34px; width:34px;}
.slider-code .prev {background:url(/Images/interface/RoyalAndDerngate/arrows.png) top left no-repeat; left:0px;}
.slider-code .next {background:url(/Images/interface/RoyalAndDerngate/arrows.png) top right no-repeat; right:0px;}
.slider-code .disable {visibility: hidden;}
.slider-code .overview {position:absolute; left:0; top:0; list-style:none; width:240px;}
.slider-code .overview li{ float: left; margin: 0 15px 0 0; padding:1px; border: 0px solid #dcdcdc;}			
.slider-code .CTA {position:absolute; top:140px; right:10px;}
.ProductionImageHome {}
.WhitePanel span, .dropdown_Basket span { color: #000;}

.CTA .ShareArrow {width:52px !important; height:27px;}

#News {width:615px;}
#News .NewsPanel {clear:both;}
#News .NewsPanel .TextPanel {position:relative; float:left; width:320px; padding-left:15px; height:170px; color:White;}
#News .NewsPanel .TextPanel .CTA {position:absolute; bottom:0; right:0; padding:0;}

#FilterPage {position:relative; float:left; width:960px;}
.NewsItems {padding:0 10px}
.NewsItems .ContentPanel {float:left;}
.NewsSupportingImage {position:absolute; top:0; right:0;}


#TwitterFeed {width:290px; height:394px;}
#TwitterFeed .twtr-doc {width:270px !important;} /* overides internal styling controlled by twitter */
#TwitterHeader {position:relative;}
#TwitterHeader h3 {position:absolute; top:12px; left:85px;}
.twtr-timeline {height:260px !important;} /* overides auto height to */
.twtr-hd {display:none;} /* Removes twitter embedded header */
.twtr-tweets {font-style: normal;}


/* ---------- MADE IN NORTHAMPTON ------------------ */
#MadeIn {overflow:hidden;}
#MadeIn .Centre {width:470px; padding:10px; float:left;}
.TouringButton {position:absolute; top:62px; right:0; height:98px; width:110px; padding:5px 10px; background: url(/images/touring-stamp.png) no-repeat 0px 2px; }
.TouringButton p {color:#fff; margin:0; text-indent: -9999px;}
.ArchiveButton {position:absolute; top:62px; right:0; height:98px; width:130px; padding:5px 10px; background: url(/images/archive-stamp.png) no-repeat  0px 2px; }
.ArchiveButton p {color:#fff; margin:0; text-indent: -9999px;}

/* -------------------------------------------------------------------------------------------------------- */
                                           /* COMPONENT STYLES */
/* -------------------------------------------------------------------------------------------------------- */
/* Filter Panel */
#WhatsOnFilter {float:left; width:603px; height: 263px; padding:10px; margin:0 0 15px 10px; background:url(/images/interface/RoyalAndDerngate/rdbg.png) top left repeat;}
    .FilterText {position:relative; border-color:#fff; color:#fff; height:70px;}
 #WhatsOnFilter .FilterText a {right: 0; position: absolute;top: 24px;font-size: 12px; }
                               
    #FilterPanelControl { position:relative; top: -22px; font-weight:normal; padding: 7px; background: black; color: white; font-family: Arial Black, Arial, Verdana; text-transform: uppercase; font-size:0.9em;}
     #FilterPanelControl:hover{text-decoration:none !important;}
    .FilterShowsby{font-size:16px;}
#FilterPanel {border-color: #ffffff; padding-top:10px; width:603px; position:relative;}
    .FilterCategory label {}
    #FilterInterests {width:215px;}
    #FilterDates, #FilterVenues {width:283px;}
    #FilterGenre {width:277px;}
    #FilterGenre table td { width:35.6%;}
    .FilterCategory, .FilterCategoryLast {border-color:#fff; padding:0 10px 10px 10px; color:#fff; min-height:140px;}
    .FilterCategoryLast {}
.FilterCategory table tr { text-indent: 7px; text-transform: capitalize;}
.no-indent {text-indent:0px;}
.indent {padding-left: 5px;}
td span.indent {padding-left:0;}
#FilterGenre table tbody tr td span {padding-left:0px;}
/*.FilterCategory table tr:first-child {text-indent: 0px;}*/
#Pagination ul li {list-style:none; float:left; margin-left:0px;}

.Whatsonfiltershow{position: relative;right: 0;bottom: 4px;}

.newcalenderwhatson{ height: 263px;margin-bottom: 15px; position: relative; float: left; left: 10px; padding:10px; background: url(/images/interface/RoyalAndDerngate/rdbg.png) top left repeat;}

#ResultTools {position:relative; width:920px; clear:both; padding:10px; margin:0 0 0 0; border-color:#000;}
#Pagination {position:absolute; top:20px; right:10px;}
#Pagination a {margin-right:10px; font-size:15px; text-decoration:none;}
#Pagination a:hover {text-decoration:underline;}
#Pagination .active {font-weight:bold;}
#Pagination .PagerPrevNext {float:left; width:6px; height:16px; display:block; background:transparent url(/images/interface/RoyalAndDerngate/PagerArrows.png) no-repeat;  text-indent:-9999px; cursor:pointer;}
    #Pagination .PagerFirst {background-position:0px 3px;}
    #Pagination .PagerPrev {background-position:-9px 3px;}
    #Pagination .PagerNext {background-position:-14px 3px;}
    #Pagination .PagerLast {background-position:-23px 3px;}

/* --- Calendar --- */
#WhatsOnCalendar {width:282px; margin-left:3px;}
    #WhatsOnCalendar .CalendarTitle {height:26px; line-height:26px;}
    #WhatsOnCalendar .CalendarTitle td {font-size:1.3em; font-weight:bold;}
    #WhatsOnCalendar a {text-decoration:none;}
#WhatsOnCalendar {position:relative; top: 0px;}
    #WhatsOnCalendar table {width:280px !important;}
    #WhatsOnCalendar table a, #WhatsOnCalendar table a:hover {display:block;}
    #WhatsOnCalendar th {text-transform:uppercase; color:#fff;}
    #WhatsOnCalendar td {line-height:1.5em; text-transform:uppercase; text-align:center; font-size:10px;}

#WhatsOnCalendar .CalendarTitle, #WhatsOnCalendar .CalendarPrevNext {height:23px; line-height:23px;}
#WhatsOnCalendar .CalendarLabel {font-size:10px;}

#WhatsOnCalendar .TodayDate a, #WhatsOnCalendar .Days a, 
    #WhatsOnCalendar .OtherMonths a, #WhatsOnCalendar .ActiveDate a, #WhatsOnCalendar .TodayDate a {height:21px; line-height:21px; display:block; margin:2px; text-align:right; padding-right:2px;}
    
#WhatsOnCalendar .DayHeading {height:21px; line-height:21px;}
#WhatsOnCalendar .Days, #WhatsOnCalendar .ActiveDate, 
    #WhatsOnCalendar .TodayDate, #WhatsOnCalendar .OtherMonths {border:0;} 

/* --- Calendar --- */

#LoginReminder {position:relative; width:918px; padding:5px 10px; margin:0 0 10px 10px;}
#LoginReminder .ui-icon {position:absolute; top:10px; left:10px;}
#LoginReminder label {margin-right:10px;}
#LoginReminder .LoginPanelText {padding-left:25px;}

#Standard #Right .ContentArea {clear:both; float:left; width:184px; padding:0;}

/* -- TapestryList -- */
#WhatsOnResults .ContentPanel, #PromoPanel .ContentPanel, #PackageListing .ContentPanel   {margin-bottom:15px; padding-bottom:0;}
#WhatsOnResults .ContentPanel, #PromoPanel .ContentPanel, #PackageListing .ContentPanel  {float:left; width:301px; height:178px; overflow:hidden; margin:0 15px 15px 0; position:relative; z-index:1; border:1px solid #000;}
#WhatsOnResults .ContentPanel .boxcaption, 
    #PromoPanel .ContentPanel .boxcaption, #PackageListing .ContentPanel .boxcaption {float:left; position:absolute; background:#000; width:94%; opacity:0.65; padding:3%; 
                                            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  
                                            -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; z-index:9;}
#WhatsOnResults .ContentPanel .boxcaption li, #PromoPanel .ContentPanel .boxcaption li, #PackageListing .ContentPanel .boxcaption li {list-style-type:none; margin:0; color:#fff;}
#WhatsOnResults .ContentPanel .ProductionInfo, #PromoPanel .ContentPanel .ProductionInfo {padding:10px;}
#WhatsOnResults .ContentPanel .VenueTitle, #PromoPanel .ContentPanel .VenueTitle, #PackageDetails .ContentPanel .VenueTitle {float:left; z-index:10; font-size:1em; color:#E3A52A; font-family:Arial Black; margin-right:10px; line-height:1.8em;}
#WhatsOnResults .ContentPanel .Dates, #PromoPanel .ContentPanel .Dates, #PackageDetails .ContentPanel .Dates {font-size:1em; font-family:Arial; font-weight:bold;}

#WhatsOnResults .ContentPanel .Text, #slideshow .Text, #PromoPanel .ContentPanel .Text, #PackageListing .ContentPanel .Text {position:absolute; z-index:10; top:0px; left:0px; right:0px; color:#fff; padding:9px; min-height:36px; background:url(/Images/Interface/RoyalAndDerngate/bg65.png) top left repeat;}
#WhatsOnResults .ContentPanel .TeaserText, #PromoPanel .ContentPanel .TeaserText, #PackageListing .ContentPanel .TeaserText {color:#fff;}

#WhatsOnResults .ContentPanel .CTA, #PromoPanel .ContentPanel .CTA, #PackageListing .ContentPanel .CTA {position:absolute; bottom:0px; right:0px; padding:3%; z-index:999;}

#WhatsOnResults .ContentPanel .CTA .SharePanelContent {bottom:53px;}
#WhatsOnResults .ContentPanel .CTA .SharePanelContent a {float:left;}
#WhatsOnResults .ContentPanel .CTA .SharePanelContent .fb_edge_widget_with_comment {margin: 5px; overflow: hidden; float: left; width: 80px;}
#WhatsOnResults .ContentPanel .CTA .SharePanelContent .twitter-share-button {clear: both; float: left;  width: 82px !important; height: 20px; margin:0 5px 0 0;}


/* --- Packages --- */
#ProductionDetail {position:relative; /*width:615px; padding:10px;*/}
#PackageDetails {position:relative; float:left;}
.PackageIcon {position:absolute; top:43px; right:10px; display:block; width:110px; padding:10px 0; 
                border:1px solid #333; background:transparent url(/images/interface/RoyalandDerngate/bgwhite80.png); z-index:50; text-align:center;}
.PackageIcon p {margin:0;}
.PackageInfo {position:relative; width:615px; padding:10px;}


.PackageInfo {border:1px solid blue;}
#PackageMessage {position:relative;}
#PackageMessage .ui-icon {position:absolute; top:12px; left:10px;}
#PackageMessage p {padding:10px 10px 10px 30px; margin:0;}
#PackageMessage p span {color:#222;}

.PackageSummary {}

.PackageSoFar {position:relative; float:left; width:290px; padding:10px; margin:-32px 0 10px 15px;}
.PackageSoFar .PanelMessage {padding:10px; margin-bottom:10px;}
.PackageSoFar .PanelMessage p, .PackageSoFar .PanelMessage span {margin:0; padding:0; line-height:14px; color:#222;}

 .Message {}
#SelectedPackageDetails {position:relative; width:615px; padding:10px;}
.Drop-Line {display: block; clear: both; width: 100%;}
.Waiting-list {display: block; position: relative; width: 222px; height: 20px; top: 10px; padding: 28px; margin: 0 auto;  }

/* Search Resuls */
#SearchResults #Main {padding:10px;}
    #SearchResults #Main .ContentPanel h2 a { text-decoration: underline;}
#SearchResuls .ContentPanel {padding-top:10px;}

/* Global Social, Book Now and Share buttons */
.ContentPanel .CTA button, #News .NewsPanel .TextPanel .CTA button, 
    #News .NewsPanel input[type=submit], .slider-code .CTA button, 
    .ContentPanel input[type=submit], #ProductionImage .CTA button, 
    #ProductionImage input[type=submit], #PromoPanel .ContentPanel .CTA button {background:transparent url(/images/interface/RoyalandDerngate/buttonbg.gif) top left no-repeat; height:18px; 
                                            line-height:16px; padding:0 7px 3px 14px; margin-left:-2px; text-transform:uppercase; font-size:10px; font-family:Arial; cursor:pointer;}
.SharePnlHolder {float:left;}
    .SharePanelbtn {background:transparent url(/images/interface/RoyalandDerngate/buttonbg.gif) top left no-repeat; height:18px; 
                        line-height:16px; padding:0 7px 0 14px; cursor:pointer;}
    .SharePanelbtn a, .SharePanelbtn a:hover {text-decoration:none; font-weight:bold; font-size:10px; text-transform:uppercase; font-family:Arial;}
    .SharePanelContent {position:absolute; bottom:44px; left:-38px; width: 123px; border:2px solid #fff; display:none; background:#000; padding:10px; 
                            color:#fff; z-index:999; border-radius:6px; -moz-border-radius:6px; -iwebkit-border-radius:6px;}
    .ShareArrow {position:absolute; bottom:-27px; left:40px;}
.FacebookLike, .GPlus1, .Tweet, .Share {float:left;}

.NewsPanel .SharePanelContent {bottom:54px;}
    .NewsPanel .ShareArrow {left:35px;}
#PromoPanel .SharePanelContent {bottom:62px;}

#CrossSell .ContentPanel {margin:0; width:290px; border:0;}
#Right .ContentPanel {margin:0 10px 0 0;}

/* Reviews */
.PerformanceMini {padding:10px; margin-bottom:10px;}
.PerformanceMini .Text a { text-decoration: none;}
.PerformanceMini .Text a:hover { text-decoration:underline;}
.ReviewUserDetails {font-size:1.1em;}
.ReviewComment {}

/* -- Productions -- */
#Performances {padding-top:15px;}
.Row .Production .boxcaption span {padding:0 10px; display:block;}
.Text h2, .Text h2 a, .Dates { margin-bottom:0; padding-bottom:0; text-decoration:none;}
.Text h2, .Text h2 a {color:#fff; line-height:24px; height:24px; overflow:hidden;}
.ProductionInfo .Dates .VenueTitle {display:block; clear:both;}
/* --- Cast and Crew --- */
.Cast {float:left; margin-right:10px !important; border:1px solid red;}
.Cast {margin-right:10px;}
    .Cast li {text-align: center;}
.Creative {clear:both;}
.Creative li{float:left; clear:none !important;}
.no-pad{padding-bottom:0px !important;}
.actor-name span{}

/* --- Document Resources --- */
.ResourcesDocuments {margin:0; list-style-type:none;}
.ResourcesDocuments li {list-style-type:none;margin:0 0 10px 0; border: 1px solid #5B4211; background: #F4DBAA; color: black; padding: 10px; }
.ResourcesDocuments li h3 { font-size: 12px; } /* --- Support ticket #1526 --- */
.relatedItem { background-color: #fff; border: solid 2px #000; text-align:center; color: #000;}
.relatedItem a {color: #000; font-weight: bold; font-size:12px;}

/* Spinner - Loader */
#PageLoad {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:transparent url(/Images/Interface/RoyalAndDerngate/bg65.png) repeat left top;}
#PageLoad .LoadingIcon {position:relative; Width:300px; height:200px; margin:25% auto; border-radius:6px; background-color:#fff; 
                        opacity:0.8; filter:alpha(opacity=80); border:2px solid #444; box-shadow:0px 4px 20px 0px #000;}
#PageLoad .LoadingIcon #myAnimatedImage {display:block; margin:30% 0 0 45%;}
#PageLoad .LoadingText {position:absolute; bottom:20px; left:45px; color:#000; font-family:Arial Black;}

/* --- SYOS --- */
#hoverPhoto {z-index:30 !important;}
#hoverInformation {position:absolute; z-index:20; display:none;}
#PromotionInfo input[type=text] {width:130px; padding:5px; margin-right:10px; border:1px solid #ccc;}

/* -- Get Involved -- */
#ProductionImage {position:relative; height:290px;}
    #ProductionImage .SharePanelbtn {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png); height:22px; line-height:22px; padding:0 7px 0px 14px; cursor:pointer;}
    #ProductionImage .SharePanelbtn a,    
        #ProductionImage .SharePanelbtn a:hover {text-decoration:none; font-weight:bold; font-size:12px; font-family:Arial; height:22px; line-height:22px;}
#ProductionImage .CTA button, #ProductionImage .CTA input[type=submit] {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png) top left no-repeat; 
                              font-size:12px; height:22px; line-height:22px; padding:0 7px 3px 14px; margin:0 0 0 -2px; font-family:Arial; cursor:pointer;}
#ProductionImage .CTA {position:absolute; bottom:10px; right:10px; padding:0; z-index:999;}
#ProductionImage img {width:615px;}

.ProjectItem {position:relative; float:left; width:304px; height:155px; margin:10px 10px 0 0; border:1px solid #fff;}
.ProjectItem .Text {position:absolute; top:0; left:0; width:286px; padding:9px;}
.ProjectItem .Text h3 {color:#fff;}
.ProjectItem a{ text-decoration:none;}

/* -------------------------------------------------------------------------------------------------------- */
                                             /* FORM STYLES */
/* -------------------------------------------------------------------------------------------------------- */
fieldset.defaultform {width:615px;}
fieldset.defaultform li {padding-bottom:10px;}
fieldset.defaultform li h2 {clear:both;}
fieldset.defaultform li.small {width:200px;}
fieldset.defaultform li.large {width:450px;}
fieldset.defaultform .TextBoxLarge {width:605px;}
fieldset.defaultform li.contact {width:100px;}
fieldset.defaultform li.sCode input[type=text] {width:25px;}
fieldset.defaultform label {display:block; padding:0 0 3px 0; font-weight:bold;}
fieldset.defaultform input[type=text], fieldset.defaultform input[type=password], fieldset.defaultform input[type=file], .PackageForm input[type=text] {width:170px; padding:5px; margin-right:10px;}
fieldset.defaultform select, fieldset.defaultform input[type=checkbox]:focus, fieldset.defaultform input[type=radio]:focus, 
    fieldset.defaultform input[type=file]:focus, #PromotionInfo input[type=text]:focus, .PackageForm input[type=text]:focus {}
select {padding:5px; margin-right:10px;}
fieldset.defaultform input[type=text].error, fieldset.defaultform input[type=password].error, fieldset.defaultform .dotNetError {border-color:red;}
input[type=text].error:focus, input[type=password].error:focus {border-color:red; background:#FFFFCC;}
fieldset.defaultform textarea.large {width:610px;}
fieldset.defaultform label.error, fieldset.defaultform span.error {width:80%; padding:5px; margin-top:3px; color:#ff0000; background:#FFCECE; border:1px solid #ff0000; font-style:italic;}
fieldset.defaultform span.error {position:relative; top:9px; font-weight:bold;}
fieldset.defaultform .dotNetError {float:left; font-weight:bold; margin-bottom:10px; padding:10px; color:#ff0000; background:#FFCECE; border:1px solid #ff0000; font-style:italic;}
fieldset.defaultform input[type=file] {padding:10px;}
fieldset.defaultform legend h3 {padding:0px; margin-bottom: 8px;}
fieldset.defaultform .RadioButtonList label, fieldset.defaultform .CheckBoxList label {display:inline;}
fieldset.defaultform .RadioList {width:400px; line-height:20px;}
fieldset.defaultform .RadioList input[type=radio], fieldset.defaultform .RadioListLarge input[type=radio] {float:left;}
fieldset.defaultform .RadioList label {float:left;}
.RadioList tbody tr td {width:30%;}
.RadioList tbody tr td label {text-align:left;}
#MDForm{overflow:hidden; padding-bottom:10px;}

.NBB{display:block;}
/* --- Package Form ---- */
.PackageForm {position:relative; padding:10px; border:1px solid #6D5322; background-color:#E3A52A;}
.PackageForm legend {position:relative; display:block; width:auto;}
.PackageForm h2, .PackageForm h3 {color:#000F00;}
.PackageForm label {text-align:right; margin-left:10px; display:inline;}
.PackageForm li {clear:both; width:100%; text-align:right;}
.PackageForm li input[type=text] {margin:0;}
.PackageForm li p {float:left; width:220px; text-align:left; padding-left: 10px;}
.PackageForm .ui-state-highlight {position:relative; padding:10px 10px 10px 30px; margin:0;}
.PackageForm .ui-icon {position:absolute; top:12px; left:10px;}

.PackageForm li input[type=text] {border:1px solid #6D5322; background-color:#F5DBAA;}
.PackageForm li input[type=text]:focus {border:1px solid #6D5322; background-color:#ffffff;}

.gifttext{font-size:11px; margin-bottom:15px;}
.smallText {font-size:10px;}

/* ----- Buttons ------ */
button, input[type=submit], .btnPrimary {border:0;}
.btnPrimary, .btnSecondary, .btnDefault {padding:4px 10px; cursor:pointer; font-size:1em; text-transform:uppercase;}
.ButtonLarge {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png); height:22px; line-height:22px; border:0;}
.ButtonBookLarge, 
    input[type=submit].ButtonBookLarge {background:transparent url(/images/interface/RoyalandDerngate/Largebuttonbg.png); height:22px; line-height:22px; 
                    padding:0 7px 3px 12px; cursor:pointer; font-size:1.1em; border:0; font-family:Arial Black;}                   


/* Login Lightbox */
fieldset#HeaderLogin {width:275px;}
fieldset#HeaderLogin input[type=text], fieldset#HeaderLogin input[type=password] {width:250px;}
fieldset#HeaderLogin .CheckBoxList label {display:inline; line-height:19px;}
fieldset#HeaderLogin input[type=checkbox] {float:left;}

/* Feedback Lightbox */
fieldset#FeedbackForm {width:275px;}
fieldset#FeedbackForm input[type=text], fieldset#HeaderLogin input[type=password] {width:250px;}
fieldset#FeedbackForm .CheckBoxList label {display:inline; line-height:19px;}
fieldset#FeedbackForm input[type=checkbox] {float:left;}
.ui-draggable {z-index:9999 !important;}
/* Best Available */
fieldset#BestAvailable {width:615px; padding:10px;}
fieldset#BestAvailable .droplist {margin:0 0 10px 0;}
#bestAhold select {float:left;}
/* --- FORM BUILDER --- */
.Formbuilder {}
.Formbuilder label {}
.Formbuilder li {}
.Formbuilder input[type=text] {}
.Formbuilder input[type=button] {}
.Formbuilder .FormBuilderRadioButtonListField {}
.Formbuilder .FormBuilderLabelContainer {}
.Formbuilder .FormBuilderItemContainer  {}
.Formbuilder .FormBuilderValidatorContainer {}
.Formbuilder .FormBuilderList {}
.Formbuilder input[type=radio] {}


/* -------------------------------------------------------------------------------------------------------- */
                                              /* TABLE STYLES */
/* -------------------------------------------------------------------------------------------------------- */

/* --- SUB MENU --- */
#SubMenu {padding:0 0 10px 0; border-right:1px solid #636e73;}
#SubMenu ul {margin:0 10px 1px 10px; list-style: disc;}
#SubMenu ul li {display:block; padding:0; margin:0; border-bottom:1px solid #636e73; list-style: disc;}
#SubMenu ul ul li {min-height:19px; padding:5px 0 1px 0; border:0; border-bottom:0; background:transparent url(/images/interface/RoyalandDerngate/SubNavArrow.png) no-repeat 3px 7px;}
#SubMenu a {display:block; padding:0; color:#000;}
#SubMenu a:hover {}
#SubMenu a.SectionHeading {padding-bottom:10px;}
#SubMenu ul ul li {padding-left:15px; height:auto;}
#SubMenu ul ul ul li {display:list-item; margin-left:25px; background: none; list-style: disc; font-size: 11px; height:auto; padding-left: 0px;}
#SubMenu ul ul ul ul li {margin-left:35px; background:none; display:list-item; list-style: disc; font-size: 10px; }
#SubMenu ul ul ul ul li:hover { list-style: disc;}
.thirdlevelsubmenu li {padding-left:0px;}
#BaseList .selected a { margin-bottom:5px;}
#BaseList li { line-height:normal;}
/* -------------------------------------------------------------------------------------------------------- */
                                              /* Default Colours */
/* -------------------------------------------------------------------------------------------------------- */
/* --- Colours --- */
.White, #SocialPanel, #SocialPanel a, #WhatsOnFilter a, .btnDefault, #PromoPanel h2, #FreeTextArea a  {color:#ffffff;}

.ui-state-highlight a {color:#0000FF !important;} /*overide jquery ui styling*/
#tabs .ui-state-highlight span {color:#000000;}
.ui-state-error span {color:Red; line-height:1.3em;}

#Breadcrumb, #Breadcrumb a, #WhatsOnBreadcrumb, #WhatsOnBreadcrumb a, .black {color:#000000;}


.Red, .btnSecondary {color:#cd0808 !important;} /* used on share panel */

.Green, .btnPrimary {color:#00b809 !important;} /* used on share panel */

.Orange {color:#eabb00 !important;} /* used on share panel */

#feedbackopener {background:none !important; margin-top: 12px; float:left;}

.btnPrimary, .btnSecondary, .btnDefault {background-color:#000;}

.LightGradient {background: #dfdfdf; background: -moz-linear-gradient(top, #dfdfdf 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#cccccc));
                background: -webkit-linear-gradient(top, #dfdfdf 0%,#cccccc 100%); background: -o-linear-gradient(top, #dfdfdf 0%,#cccccc 100%);
                background: -ms-linear-gradient(top, #dfdfdf 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#cccccc',GradientType=0 );
                background: linear-gradient(top, #dfdfdf 0%,#cccccc 100%);}

.ProjectItem .Text  {background:url(/Images/Interface/RoyalAndDerngate/bg65.png) top left repeat;}


/* -------------------------------------------------------------------------------------------------------- */
                                              /* Search Results Page */
/* -------------------------------------------------------------------------------------------------------- */

#searchResults {padding-top:5px; margin-bottom:5px;}
#searchResults h3 {border-top: 1px solid #333; padding: 5px 0 5px 0;}
#searchResults p {text-indent: 10px;}
#searchResults  a {color: #fff;}

#SearchResultsWrapper .ContentPanel {border-top: 1px solid #333; padding-top:5px; margin-bottom:5px;}

/* -------------------------------------------------------------------------------------------------------- */
                                              /* News Item */
/* -------------------------------------------------------------------------------------------------------- */

#New-Single .ItemDetails {}
.spacefix {top: -22px; position: relative;}
.SoldOut-btn{ text-align: center; padding: 4px; background-color: black; line-height: normal; width: 87px; color: white; }
.SoldOut-btn .SoldOutBtn {color: #fff !important; font-family: Arial Black, Arial, Verdana; font-size:10px; text-decoration:none;}
.SoldOut-btn .SoldOutBtn {font-size:10px;}
#ui-dialog-title-videodialog {opacity: 0; text-indent: -9999px;}
.Warrning{ padding: 10px; color: red; background: #FFCECE; border: 1px solid red; font-style: italic;} 
.OV {overflow:visible;}
.ps_cell { margin-bottom: 10px;}
.ps_cell p {padding-bottom:6px;}
.SideColumn .ps_cell { background-image:url(/Images/black.png); margin-bottom: 10px; padding: 10px 5px 10px 5px;}
#videodialogclose { background-image: url(images/ui-icons_ffffff_256x240.png); }

#MadeIn .FullWidth div.fLeft {width:100%;}


/* confirmation page */
#confirmation {}
#confirmation .bold {font-weight:bold;}
#confirmation .bold p { font-weight: bold;}
#confirmation .bold span {}
#confirmation #Totals {width:44%; margin-left:56%;}
#confirmation .BasketRow {margin-bottom:7px; padding-top:7px;}
#confirmation #Totals .totalRow {border-top: 1px solid #333; border-bottom:1px solid #333; padding-top:10px; padding-bottom:10px; margin-top:15px;}
#confirmation .pushL{ padding-left:40%;}

#rd404 { overflow:hidden; padding:10px;}
#rd404 p { background-color: transparent !important; color:#fff !important;}
#rd404 span { background-color: transparent !important; color:#fff !important;}

#BlogList ul {list-style:none;}
#BlogList a {color:Black !important; font-size: 14px; font-style:normal}

#YourPref label{color:#fff;}
.White{color:#fff;}

/*#BlogList{font-size:14px;}*/  /* --- Support ticket #1526 --- */
.BlogListBlog {margin:0 15px; word-wrap: break-word;}
.BlogListBlog h2 {font-size:14px; text-decoration:none; line-height:1; padding-top:10px;}

.SideColumn {width: 223px;margin-right: 5px;}

#Main.bookingleft {width:635px; }
.bookingleft #Main {padding:10px;}
.DDetails {width: 591px !important;}
.DDetails .ui-state-error {display:block;}
.DDetails td { vertical-align:top;}
.DDetails td label {float:none !important; padding-left:21px;}

#PaymentDetails select { background-color:#fff; border-color:#000;}

/* order history */
.OHist {width:100%; padding:5px; background-color:#CF2D2E;}
.OHist td {text-align:center; padding-bottom:5px;}

/* Upsells */
.upsell{ padding:0 !important; width:607px !important;}
.UpDropdown{ position: absolute; left:275px;}
.slideUD { top: -120px;}
.tap { position: absolute; top: 140px; right: 10px;}

/* cookie */

#CookieLawHolder{ width:100%; background-color:#ebebeb; position:fixed; bottom:0; z-index:9999; display:none;}
#CookieLawText{width: 960px; margin: 0 auto; text-align: left; padding-left:30px;}
#CookieLawHolder a {color:#FF1F1F; font-weight:bold;}
#CookieLawHolder .CloseCookeMessage { text-align: right; float:right; margin-right:30px}



.YAHBU {padding: 10px; display:block; font-weight: bold; font-size:14px; }
#psContent{overflow:hidden;}
#component_5089{ margin-left:10px;}

/* fixes strange FB issues */
.fb-like.fb_iframe_widget span, .fb-like.fb_iframe_widget span iframe{height:24px !important; width:87px !important; }

/* Infinite scroll */
#infscr-loading 
{ clear: both;text-align: center; margin-bottom: 15px;}

#ui-tabs-3 span {
	color:#fff;
}
/*#Resources {font-size:14px; }*/  /* --- Support ticket #1526 --- */