/* --------------------------------- 
    NEW MODULE STYLING 2015 
 --------------------------------- */

/* USE #-ux-content TO SANDBOX COMMON (NON MODULE SPECIFIC) STYLING SAFELY AWAY FROM EASYSITE FUNCTIONALITY */
/* (.ClientAreaContainer DOES THE SAME JOB, BUT MAY BE USED HERE TO OVERWRITE OTHER SPECIFIC RULES) */

/* Based on generic font colour of #444 (inherited from lib.generics.css) */
/* A paler version for form labels etc, is #515151 */
/* Rust colour used for buttons and other details. #e54125; */
/* Mustard yellow for selected links, buttons, etc: #f6b332 */
/* Where -ux-content is used this is to ensure CSS does not affect editing modal windows */

/* --------------------------------- 
    GENERIC ELEMENTS
 --------------------------------- */
/* QUESTION/ANSWER format for all modules (directory, poll, asset browser, form, search, etc ) */
#-ux-content .question { width: 100%; text-align: left; }
#-ux-content .question .label  { padding: 0; }
/* for checkboxes etc */
#-ux-content .answer label { margin-right: 3px; padding: 3px 10px 3px 10px; }
#-ux-content .answer { width: 99%; }
#-ux-content .form-search .fields { margin-bottom: 10px; }
#-ux-content .form-search .element .question { width: 30%; float: left; padding-top: 14px; }
#-ux-content .form-search .element .answer { width: 69%; float: left; }

/* BUTTONS for all modules */
#-ux-content .oDataFormButtonContainer, .buttons { text-align: left; margin: 10px 0; clear: both; }
.oLoginButtonContainer .oDataFormButton { background: #e54125 !important; border-radius: 0 !important; padding: 30px; }
/* three different ways of targeting buttons used throughout system */
#-ux-content .oDataFormButtonContainer input, #-ux-content .buttons .button, #-ux-content input[type="submit"] { background: #e54125; color: #fff; border: none; padding: 13px; border-radius: 0; font-weight: bold; margin: 0 0.5em 0 0; line-height: 1em; font-size: 1.5em; font-family: "Relay Comp"; font-style: normal; font-weight: 900; letter-spacing: 0.03em;  }
/* hover/active/focus state */
#-ux-content .oDataFormButtonContainer input:hover, #-ux-content .oDataFormButtonContainer input:active, #-ux-content .oDataFormButtonContainer input:focus, 
#-ux-content .buttons .button:hover, #-ux-content .buttons .button:active, #-ux-content .buttons .button:focus, 
#-ux-content input[type="submit"]:hover, #-ux-content input[type="submit"]:active, #-ux-content input[type="submit"]:focus { background: #f6b332; } 
/* low importance, secondary buttons */ 
#-ux-content .button[value="Clear"], #-ux-content .button[value="Reset"] { color: #444; background: #d7d7d7 !important; }
/* LEGEND (forms, search, etc) - emulates a h2 */
#-ux-content legend, #-ux-content .oDataFormLegend { font-size: 3.3em; line-height: 1em; font-family: "Relay Comp"; font-style: normal; font-weight: 900; letter-spacing: 0.03em; }

/*--------------------------------------------
CODE ASSETS
-----------------------------------------------*/

/*social media code asset*/
.social-icons { width: 100%; border: 0; clear: both; }
.social-icons-inner { max-width: 180px; margin: 0 auto; }
.social-icons-inner a { float: left; display: block; padding: 30px 5px; }

/*code asset - as used on base of most pages*/
.join-us-asset { background: url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/1600members.png") no-repeat top center; clear: both; }
.join-us-inner { max-width: 1280px; margin: 0 auto; padding: 70px 10px; color: #fff; font-size: 2.1em; min-height: 310px; font-weight: bold; text-align: left; }
.join-us-inner span.bbutton { clear: both; display: block; max-width: 550px; margin: 0 auto; }
.join-us-inner span.bbutton a { border: 1px solid #8b8785; display: block; background: #e54125 url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/arrow-chev-wht.png") no-repeat scroll right 20px center; padding: 20px; margin-top: 30px; max-width: 230px; font-size: 0.6em; color: #fff; }

/*SOLT code asset - as used on base of most SOLT pages*/
.soltinfo-asset { background: url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/solt-bottombanner-bg.png") no-repeat top left; clear: both; max-width: 1900px; margin: 0 auto; }
.soltinfo-inner { max-width: 1280px; margin: 0 auto; padding: 70px 10px; color: #fff; font-size: 2.1em; min-height: 450px; font-weight: bold; text-align: center; }
.soltinfo-inner span.bbutton { clear: both; text-align: center; display: block; padding-left: 30%; }
.soltinfo-inner span.bbutton a { border: 1px solid #ada0a9; display: block; background: #b64c7b; padding: 20px; margin-top: 30px; max-width: 230px; font-size: 0.6em; color: #fff; }

/*my profile iframe*/
.divStandardContainer {  }

/* A - Z */
/* Directory A - Z */
.AZLinkBar { text-align: left !important; font-size: 0.9em; font-weight: 600; width: 100%; clear: both; overflow: hidden; margin: 0 0 1em; }
/* Ideally the right padding should be 1em, but reduced to allow all items to fit on one row at a smaller screen size */
.AZLinkBar a { padding: .55em .75em .55em 0; text-decoration: none; color: #e54125; display: block; float: left; clear: none; text-transform: uppercase; }
.AZLinkBar a:hover, .AZLinkBar a:active { color: #f6b332; }
.AZLinkBar .oAZSep { display: none; }
div.AZLinkBar > a:last-child { background: #e54125; color: #fff; border-radius: 5px; padding-left: 1em; }
div.AZLinkBar > a:last-child:hover, div.AZLinkBar > a:last-child:active { background: #f6b332; }
/* Asset Browser A - Z */
.atoz-outer { text-align: left !important; line-height: 1em; font-family: "Relay Comp"; font-style: normal; font-weight: 900; letter-spacing: 0.03em; font-size: 1.3em; width: 100%; clear: both; overflow: hidden; margin: 0 0 1em; }
.atoz-outer ul.links { margin: 0; padding: 0; }
.atoz-outer ul.links li { display: block; float: left; clear: none; color: #e54125; }
.atoz-outer ul.links li.nv-title, .atoz-outer ul.links li.sep { display: none; }
/* Ideally the right padding should be 1em, but reduced to allow all items to fit on one row at a smaller screen size */
.atoz-outer ul.links li a { padding: 0.55em 1.05em; text-decoration: none; color: #e54125; display: block; text-transform: uppercase;font-size: 1.2em; }
.atoz-outer ul.links li.last a { background: #f6b332 !important; color: #fff; padding-left: 1em; }
.atoz-outer ul.links li.last a:hover, div.atoz-outer ul.links li.last a:active { background: #f6b332; }

/* PAGINATION */
/* Directory & Asset Browser pagination */
.pagination-pages span.jump-title { display: none; }
.results-pagination-outer span.sep { display: none; }
.pagination-outer ul, .pagination-outer li { list-style-type: none; margin: 0; padding: 0; }
.pagination-outer li.nv-title, .pagination-outer li.sep { display: none !important; }
.results-pagination-outer a, .pagination-outer a { color: #e54125; display: block; float: left; clear: none; padding: 10px 20px; font-size: 1.1em; font-weight: bold; }
.results-pagination-outer a.selected, .pagination-outer li.selected a, .console .navigation-outer ul li.selected a { background: #f6b332; color: #fff; }
.results-pagination-outer a.selected, .pagination-outer li.selected a { border-radius: 25px;  }
.console .navigation-outer ul li a:hover, .console .navigation-outer ul li a:hover { float: left; }

/* --------------------------------- 
     FORMS
 --------------------------------- */
/* using .ClientAreaContainer as all form elements (within content area) should be consistent, regardless of the module they appear inside */
/* main container*/
.ClientAreaContainer, .oDataFormContainer, .oFormBuilder { margin: 0; width: 100%; overflow: hidden; clear: both; }
/* fieldset - overwrite browsers' default behaviour */
.ClientAreaContainer fieldset { border: none; padding: 0; margin: 0; }
/* separate the form elements */
.form .element { margin-bottom: 1em; }
/* Question */
.ClientAreaContainer .question { width: 100%; text-align: left; }
.ClientAreaContainer .question .label { padding: 0; color: #515151; }		
/* input areas */
/* width must not exceed 100% (1% allows for borders) */
/* text box/area */
.ClientAreaContainer .answer input.textbox, .ClientAreaContainer .answer textarea, .ClientAreaContainer .answer input[type="text"] { padding: 16px 0 16px 2%; margin: 0; width: 97% !important; border: 1px solid #a3a3a3; }
.oLoginContent .oDataFormAnswer input { padding: 16px 0 16px 2%; margin: 0; border: 1px solid #a3a3a3; width: 97%; }
/* Combobox - these need slightly less height */
.ClientAreaContainer select { padding: 13px; margin: 0; width: 97%; border: 1px solid #c9c9c9 !important; background: #fff; }
/* radio buttons */
.ClientAreaContainer ul.radiolist-items { list-style: none; padding: 0 0; }
.ClientAreaContainer .radiolist-items li { display: block; float: left; width: 100%; }
.ClientAreaContainer .radiolist-items li input, .ClientAreaContainer .radiolist-items li label { float: left; }
.ClientAreaContainer .radiolist-items li input { height: 1.6em; }
/* checklist */
.ClientAreaContainer ul.checklist-items { list-style: none; padding: 0 0; }
.ClientAreaContainer .checklist-items li { display: block; float: left; width: 100%; }
.ClientAreaContainer .checklist-items li input, .ClientAreaContainer .checklist-items li label { float: left; }
.ClientAreaContainer .checklist-items li input { height: 1.6em; }
/* Datepicker */
.ClientAreaContainer .answer input.hasDatepicker { width: auto; }
/* overwrite generic textbox styling and put border on surrounding element - so can include calendar image */
.ClientAreaContainer .date-picker .answer input { border: none; }
.date-picker .answer { border: 1px solid #c9c9c9; width: 97%; }
/* position calendar image */
.date-picker .answer img { float: right; margin: 0.8em; }

/* need to add further input fields... */

/* focus */
.ClientAreaContainer .answer input:focus, .ClientAreaContainer select:focus, .ClientAreaContainer textarea:focus, .ClientAreaContainer .date-picker .answer:focus { border-color: #7dc8f3; }
/* mandatory fields */
.mandatory .question .label { padding-left: 1em; background: transparent url(/EasySiteWeb/EasySite/StyleData/starter_master/Images/mandatory.png) left no-repeat; }
p.mandatory { padding-left: 1em; background: transparent url(/EasySiteWeb/EasySite/StyleData/starter_master/Images/mandatory.png) left no-repeat; }

/* --------------------------------- 
    DIRECTORIES, MAPPING & ASSET MANAGER
 --------------------------------- */
/* TABLE */
.oDataGrid, .grid { border-collapse: collapse; width: 100%; margin: 0 0 1em; }
.contacts .grid table { margin: 0 auto; border-collapse: collapse; }
.grid a:link, .grid a:visited { color: #e54125; }
/* header */
.oDataGrid th, .grid th { background: none; text-align: left; font-weight: normal; font-style: italic; border: 0; padding: 1em .55em; text-transform: uppercase; border-bottom: 1px solid #c9c9c9; }
.oDataGrid th a.oDataGridHeaderLinkSortAsc { display: block; background: url("/EasySiteWeb/EasySite/StyleData/Modules_master/Images/Table-sort-ascdending.png") no-repeat right center; }
.oDataGrid th a.oDataGridHeaderLinkSortDesc { display: block; background: url("/EasySiteWeb/EasySite/StyleData/Modules_master/Images/Table-sort-descending.png") no-repeat right center; }
/* rows */
.table-row-background-alpha { }
.grid-row-beta, .table-row-background-beta { background: #f9f9f9; }
/* cells */
.oDataGridCell, .grid td { padding: 1.1em 0.5em; vertical-align: top; }
/* MAP */
.oDirectoryBuilder .map { margin: 0 0 1em; }
/* SEARCH */
.form-search { width: 100%; overflow: hidden; clear: both; }
.oDirectoryBuilder .oDataFormContainer.form-search .oDataFormFieldset { border: 0; }
/* stack search elements on one row */
.form-search .element, .search-plugin .element, .console .form-search .element { width: auto; clear: none; margin-right: 5px; margin-top: 0; }
.contacts .form-search .element { width: 650px; }
.contacts .form-search .question label { text-align: right; margin-right: 15px; }
.console .form-search .element { margin-top: 23px; }
.contacts .form-search .element { margin-top: 0; }
/* results */
.search-results { display: block; width: 100%; margin: 0 0 1em; }
/* separate the fields on directory entry */
.oDirectoryBuilder .element { margin-bottom: 1em; }
/* Detail View - Directories AND Maps */
.oDirectoryBuilder .entry-outer .label, .oDirectoryBuilder .entry-outer label  { font-weight: bold; }

/*we want rid of the icon, it takes up unneccess space, but be aware that removing messes the th's up*/
/*.contacts .console td.ico { display: none; }*/

/*----------------------------------
MY PROFILE TABLE INFO
------------------------------------*/

.OMMainDiv { font-size: 1em; font-family: "Frutiger LT W01_55 Roma1475738" !important; }
.OMMainDiv table input { padding: 3px; }
.OMHeaderRow { background: #f9f9f9 !important; }

/* --------------------------------- 
    POLLS
 --------------------------------- */
.oPollingDescription { font-weight: 600; text-transform: uppercase; }
/* here the label emulates a heading */
.oPollingContainerOuter .question .label { font-size: 1.124em; font-weight: 600; text-transform: uppercase; }
/* Answer elements */
.oPollingContainerOuter .answer .radiolist { padding: 1em 0 0 2em; }
.oPollingContainerOuter .answer ul { list-style-type: none; }
.oPollingContainerOuter .answer ul li label { display: inline; }
/* Results */
.oPollingVotes { font-weight: 600; font-size: 1.12em; margin: 2% 0; }
.oPollingContainerOuter .oPollingFormContainer .question span.oPollingFormLabel { font-weight: 400; text-transform: none; }
.oPollingContainerOuter .oPollingFormContainer .answer span.oPollingChartBar { background: #e54125; display: block; }

/* --------------------------------- 
    EVENTS
 --------------------------------- */
.events .calendar .ui-datepicker { width: auto; border: 0; }
/* HEADER - need to overwrite some css brought in from external widget */
.events .calendar .ui-widget-header { background: none; border: 0; }
.events .calendar { margin: 0 0 1em; }
/* calendar navigator - need to overwrite some css brought in from external widget */
.events .calendar .ui-datepicker-prev { left: 0; margin: 0; top: .7em; }
.events .calendar .ui-datepicker-next { left: 36px; margin: 0; top: .7em; }
.events .calendar .ui-datepicker-prev:hover { border-width: 0; background: none; cursor: pointer; }
.events .calendar .ui-datepicker-next:hover { border-width: 0; background: none; cursor: pointer; }
/* images on spans inside links - need to overwrite some css brought in from external widget */
.events .calendar .ui-datepicker .ui-corner-all span { height: 27px; width: 27px; position: relative; margin: 0; left: 0; top: 0; }
.events .calendar .ui-datepicker-next span.ui-icon { background: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/next-calendar.png') no-repeat; }
.events .calendar .ui-datepicker-prev span.ui-icon { background: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/previous-calendar.png') no-repeat; }
/* Current month title */
.events .calendar .ui-datepicker-title { font-size: 1.5em; font-weight: 400; }
/* CALENDAR TABLE */
.events table { font-size: .9em; }
.events .calendar .ui-datepicker-calendar tbody { background: #eee; }
.events .calendar .ui-datepicker-calendar .ui-datepicker-unselectable { opacity: 1; }
.events .calendar .ui-datepicker-calendar span.ui-state-default { background: none; border: 0; }
.events .calendar .ui-datepicker-calendar th span { font-weight: 400; }
.events .calendar .ui-datepicker-calendar td { padding: 2% 3%; }
.events .calendar .ui-datepicker-calendar .ui-state-default { text-align: center; }
/* Day with event */
.events .calendar .ui-datepicker-calendar td.has-event .ui-state-default { background: #e54125; border: 0; color: #fff; } 
/* EVENT LIST */
.events .event-list .date { font-weight: 600; }
.events .event-list ul { list-style-type: none; margin: 0; padding: 0; }
.events .event-list li { margin: .55em 0; }
/* EVENT DETAILS */
/* Q & A all on one line, unlike forms */
.events .question { width: 30%; float: left; clear: none; }
.events .answer { width: 70%; float: left; clear: none; }
.events .buttons ul { list-style-type: none; margin: 0; padding: 0; }

/* --------------------------------- 
    ASSET MANAGER
 --------------------------------- */
/* General Layout */
.asset-manager .col-alpha { float: left; clear: none; width: 74%; margin-right: 1%; }
.asset-manager .col-beta { float: left; clear: none; width: 25%; }
.asset-manager ul li { list-style-type: none; }
/* Search */
.asset-manager .form-search .buttons { float: right; clear: none; margin: 1.5em 0; }
/* assuming these buttons are floated right (see above) then we knock the right margin off the final item - so they can be flush with the page boundary. */
.asset-manager .form-search .buttons > input:last-child { margin-right: 0; }
/* Column A */
/* A-Z same as directory */
/* hide unnecessary labels */
.asset-manager .navigation-outer .links li.first, .asset-manager .navigation-outer .links li.sep { display: none; }
/* switch view buttons */
.asset-manager .navigation-outer .views-outer { max-width: 140px; float: right; clear: none; margin: 0 0 1em; }
.asset-manager .navigation-outer .views-outer ul { padding: 0; margin: 0; list-style-type: none; }
.asset-manager .navigation-outer .views-outer li { margin: 0; padding: 0 .55em; display: block; float: left; clear: none; }
/* table same as directory */
/* Download button - change this image? */
.asset-manager .grid-outer td a[title^="Download"] { background: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/download.png') no-repeat center; display: block; }
.asset-manager .grid-outer td a[title^="Download"] span { display: inline-block; text-indent: -9999px; }
/* results message */
.ClientAreaContainer .matches-outer { width: 50%; float: right; clear: none; text-align: right; font-size: 0.9em; }
.ClientAreaContainer .pagination-outer { width: 50%; float: left; clear: none; padding: 1% 0; font-family: "Relay Comp"; font-style: normal; font-weight: 900; letter-spacing: 0.03em; font-size: 1.35em; margin-bottom: 15px; }
.ClientAreaContainer .matches-outer select { padding: 0% 1%; width: auto; border: 1px solid #c9c9c9 !important; }
body .console .matches-outer select, body .x-window .console .matches-outer select { border: 1px solid #c9c9c9 !important; }
/* column B */
/* hide unnecessary tabs */
.col-beta .tabbed-panels .tabs-menu-outer { display: none; }
.asset-manager .tabs-body-outer { border: 0; background: #f9f9f9; border: 0; padding: 0; }
.asset-manager .tabs-body-outer .category-tree-outer a { color: #444; }
/* adv accordion */
/* header tabs */
.advanced-accordion { margin: 0 0 1px; }
.advanced-accordion .panel-header { background: #e54125; overflow: Hidden; padding: .8em; }
.advanced-accordion .panel-header ul { list-style-type: none; padding: 0; margin: 0; }
.advanced-accordion .panel-header li { display: block; color: #fff; padding: 0; width: auto; text-transform: uppercase; }
.advanced-accordion .panel-header ul.tab-list li.expander { float: right; }
.advanced-accordion .panel-header button { border-width: 0; height: 20px; width: 20px; cursor: pointer; }
.advanced-accordion .panel-header ul.tab-list li.expander button { float: right; background: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/accordion-closed.png') no-repeat center; }
.advanced-accordion .panel-header ul.tab-list li.expanded button { background-image: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/accordion-open.png'); }
.advanced-accordion .panel-header .button-text { display: none; }
/* body of search */
.advanced-accordion .panel-body { padding: 1em; }
/* checklist items - emulate generic form styling */
.advanced-accordion ul { list-style: none; padding: 0 0; }
.advanced-accordion ul li, .advanced-accordion div.checkbox, .asset-manager-multiple-category-checkbox { display: block; float: left; width: 100%; }
.advanced-accordion ul li input, .advanced-accordion .checklist-items li label, .advanced-accordion div.checkbox input, .advanced-accordion div.checkbox label, .asset-manager-multiple-category-checkbox input, .asset-manager-multiple-category-checkbox label { float: left; padding: 0; }
.advanced-accordion ul li input, .advanced-accordion div.checkbox input, .asset-manager-multiple-category-checkbox input { height: 1em; }
/* Datepicker - needs to fit onto a narrower row - with a wider page this may not be necessary */
.advanced-accordion .answer input.hasDatepicker { max-width: 75%; }
/* introduce some white space */
.advanced-accordion .category-tree { margin: 0 0 1em; }
/* overwrite some strange inline values on asset browser rh col tables */
.category-tree-outer td { white-space: normal !important; }

/*to take some padding out of the content format list in cms*/
.rb-menu-button-items li.rb-button { padding: 0 3px!important; border: 1px solid #333; }

/* --------------------------------- 
    BLOG
 --------------------------------- */
/* New post button - inherit default site button colour 
#-ux-content .blogs input[value="New Post"] { background-image: url('/EasySiteWeb/EasySite/StyleData/Modules_master/Images/add-post.png'); background-repeat: no-repeat; background-position: 1em .5em; padding-left: 45px; }*/
/* Blog Body 
.blogs .vignette { padding: 0 1em 0 0; }
.blogs .oBlogTitle { margin: 0 0 .55em; }*/
/* why is this even a link? 
.blogs .oBlogTitleLink { text-decoration: none; }

.blogs .oBlogPostedBy a { color: #48b3f1; text-decoration: none; }
.blogs .oBlogPost { width: 90%; padding: 4% 0; }*/
/* Navigation 
.blogs .oBlogNavigation ul { list-style-type: none; }
.blogs .oBlogNavigation a { text-decoration: none; color: #444; font-size: 0.9em; }
.blogs .oBlogNavigation h2 { font-weight: 300; }
.blogs .oBlogNavigation ul.oBlogNavigationList { background: #eee; padding: 3% 0 3% 18%; }*/