@charset "utf-8";
/*
 * Main CSS file for The Regals website
 * Created 8 November 2007
 */
 
/** Main elements **/
body, p, ul, ol { padding:0; margin:0; }
body { font-family:verdana, arial, sans-serif; font-size:80%; background:#fff; }
p { padding-bottom:12px; text-align:left; }
a { font-style:italic; text-decoration:none; color:#23216c; cursor:pointer; }
a:hover { color:#ffc726; }
a:active { color:#423c81; }
a img { border-width:0px; }
.imgLeft { float:left; }
.imgRight { float:right; }
.clearing { height:0; clear:both; }
.note { font-size:80%; font-style:italic; }
.smallMid { display:block; font-size:70%; }
.adCentre iframe { margin:2px auto; display:block; }
em { white-space:nowrap; }
ul, ol { list-style-position:inside; }

/** Main layout **/
#sCont div.layout, #sHead div.layout { width:780px; margin:0 auto; position:relative; }
#sCont div.layout { padding-top:32px; }
#sHead { background:#fff url("/static/images/layout/back_head.png") no-repeat center bottom; }
#sHead div.layout { background:#191f6b url("/static/images/layout/back_head.png") no-repeat center bottom; }
#sCont { background:#fff url("/static/images/layout/back_cont.png") repeat-y center top; }
#sCont div.sContBack { background:url("/static/images/layout/back_main.png") no-repeat center top; }
#sTitle { margin-left:220px; padding:16px 0px; color:#fff; }
/*#sMain { margin-left:180px; width:auto; padding-top:24px; }
#sLeftBar { position:absolute; top:32px; width:172px; font-size:90%;}*/
#sFooter { clear:both; font-size:70%; padding:24px 0px; text-align:center; background:url("/static/images/layout/back_foot.png") no-repeat center bottom; }
#sMain { width:600px; float:right; display:inline; }
#sLeftBar { width:172px; font-size:90%; }

/** Formatting for the main section **/
#sMain h1, #sMain h2, #sMain h3 { font-family:"poor richard", cambria, garamont, serif; margin-top:12px; }
#sMain h1 + h2, #sMain h1:first-child, div.layout h1:first-child { margin-top:0px; }

/** Horizontal tabs navigation **/
#nav { width:100%; font-size:93%; line-height:normal; float:left; }
#nav ul { margin:0 auto; padding:10px 10px 0px 240px; list-style:none; }
#nav li { float:left; background:#d8d8d8 url("/static/images/layout/tab_n_r.gif") no-repeat right top; margin:0; padding:0; border-bottom:1px solid #0f1349; }
#nav a { float:left; display:block; width:.1em; background:url("/static/images/layout/tab_n_l.gif") no-repeat left top; padding:5px 15px 4px; font-family:Georgia, Serif; font-weight:bold; font-style:normal; color:black; white-space:nowrap; }
#nav > ul a { width:auto; }
#nav a:hover { color:#191f6b; }
#nav li.selected { background-color:#ffffff; background-image:url("/static/images/layout/tab_c_r.gif"); border-bottom:0px; }
#nav .selected a { background-image:url("/static/images/layout/tab_c_l.gif"); padding-bottom:5px; color:#0f1349; }

/** The button-like links **/
ul.linkSelection { overflow:hidden; width:100%; margin-bottom:8px; }
ul.linkSelection li { list-style-type:none; float:left; }
ul.linkSelection a { background:#edf2ff url('/static/images/layout/button_blue_r.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 16px Georgia,Serif; height:30px; margin-right:6px; padding-right:12px; text-decoration:none; }
ul.linkSelection a span { background:transparent url('/static/images/layout/button_blue_l.png') no-repeat; display:block; line-height:18px; padding:6px 0 6px 12px; }
ul.linkSelection a:hover, ul.linkSelection a.selected { background-position:bottom right; color:#000; outline:none; background-color:#dee5ff; }
ul.linkSelection a:hover span, ul.linkSelection a.selected span { background-position:bottom left; }
ul.linkSelection.yellow a { background:#ffffed url('/static/images/layout/button_yellow_r.png') no-repeat top right; }
ul.linkSelection.yellow a span { background:transparent url('/static/images/layout/button_yellow_l.png') no-repeat; }
ul.linkSelection.yellow a:hover, ul.linkSelection.yellow a.selected { background-position:bottom right; background-color:#fcf9cb; }
ul.linkSelection.yellow a:hover span, ul.linkSelection.yellow a.selected span { background-position:bottom left; }

/** In-page tabs selections **/
ul.ui-tabs-nav { overflow:hidden; width:100%; margin-bottom:8px; }
ul.ui-tabs-nav li { list-style-type:none; float:left; }
ul.ui-tabs-nav a { background:#ffffed url('/static/images/layout/button_yellow_r.png') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 16px Georgia,Serif; height:30px; margin-right:6px; padding-right:12px; text-decoration:none; }
ul.ui-tabs-nav a span { background:transparent url('/static/images/layout/button_yellow_l.png') no-repeat; display:block; line-height:18px; padding:6px 0 6px 12px; }
ul.ui-tabs-nav li.ui-tabs-disabled a { background:#eee url('/static/images/layout/button_yellow_r.png') no-repeat scroll top right; color:#888; display:block; float:left; font:normal 16px Georgia,Serif; height:30px; margin-right:6px; padding-right:12px; text-decoration:none; cursor:default; }
ul.ui-tabs-nav li.ui-tabs-disabled a span { background:transparent url('/static/images/layout/button_yellow_l.png') no-repeat; display:block; line-height:18px; padding:6px 0 6px 12px; }
ul.ui-tabs-nav a:hover, ul.ui-tabs-nav li.ui-tabs-selected a { background-position:bottom right; color:#000; outline:none; background-color:#dee5ff; }
ul.ui-tabs-nav a:hover span, ul.ui-tabs-nav li.ui-tabs-selected span { background-position:bottom left; }
.ui-tabs-hide { display:none; }

/** Formatting for the left bar **/
#sLeftBar h3 { font-weight:bold; border-bottom:1px solid #0f1349; padding-top:12px; padding-bottom:2px; }
#sLeftBar form { padding-left:12px; }
#sLeftBar label { display:block; padding-top:4px; }
#sLeftBar input { width:150px; }
#sLeftBar form p { padding-bottom:0; }
#sLeftBar p.option input { margin-top:2px; width:auto; }
#sLeftBar p.option label { display:inline; vertical-align:baseline; }
#sLeftBar form div { padding-top:4px; width:150px; margin-right:auto; text-align:right; }
#sLeftBar form div label { display:inline; }
#sLeftBar form div input { width:auto; margin-top:4px; }
#sLeftBar #mLogin a { padding-left:12px; font-size:90%; }

/** The show list on the first page **/
dl.showlist dt { font-size:110%; font-weight:bold; }
dl.showlist dt a { font-style:normal; }
dl.showlist dd + dt { padding-top:8px; }

/** The news list on the first page **/
dl.newslist dt { font-size:80%; font-weight:bold; }
dl.newslist dd { margin-left:32px; padding-bottom:8px; }

/** Simple table (with white striping) **/
table.simple tbody tr td{ padding:2px 4px; margin:0; background-color:#eef; vertical-align:top; }
table.simple tbody tr.odd td{ background-color:#ddf; }
table.simple { border:1px solid #ddf; }

/** Table used to list the production teams **/
table.production { background:#eef url('/static/images/layout/table_b.png') repeat-x top; border:1px solid #ddf; border-collapse:collapse; }
table.production tbody tr td { padding:2px 8px; background:transparent; border:0px none; }
table.production tr + tr td { border-top:1px solid #ddf; }

/** Table used to list the dates for shows **/
table.showdates { border-collapse:collapse; border:0pt none; border-spacing:0; text-align:center; }
table.showdates thead, table.showdates tbody th { font-weight:bold; color:white; }
table.showdates thead td, table.showdates tbody th { margin:0; padding:8px 12px 4px; background:#191f6b url('/static/images/layout/sdates_tm.png') repeat-x top; }
table.showdates thead td.first, table.showdates tbody th.first { background:#191f6b url('/static/images/layout/sdates_tl.png') no-repeat top left; }
table.showdates thead td.last, table.showdates tbody th.last { background:#191f6b url('/static/images/layout/sdates_tr.png') no-repeat top right; }
table.showdates thead td.only, table.showdates tbody th.only { background:#191f6b url('/static/images/layout/sdates_to.png') no-repeat top; padding:8px 0px 4px; width:60px; }
table.showdates tbody td { margin:0; padding:4px 12px 8px; background:#ddf url('/static/images/layout/sdates_bm.png') repeat-x bottom; }
table.showdates tbody td.first { background:#ddf url('/static/images/layout/sdates_bl.png') no-repeat bottom left; }
table.showdates tbody td.last { background:#ddf url('/static/images/layout/sdates_br.png') no-repeat bottom right; }
table.showdates tbody td.only { background:#ddf url('/static/images/layout/sdates_bo.png') no-repeat bottom; padding:4px 0px 8px; width:60px; }
table.showdates tbody td.location { background:none; padding:0; }

/** Paragraph made to look like button (used for bookings) **/
#sMain p.booking { text-align:center; font-family:"poor richard", cambria, garamont, serif; font-size:2.5em; font-weight:bold; margin:0 auto; padding:24px 0; }
#sMain p.booking a { background:transparent url('/static/images/layout/button_l.png') no-repeat left; padding:24px; font-style:normal; color:white; margin:0px; }
#sMain p.booking a:hover { color:#ffc726; }
#sMain p.booking span { background:/*#970f22*/ transparent url('/static/images/layout/button_r.png') no-repeat right; margin:0; padding:24px 0; }

/** Used to for the buttons in the front page **/
ol.showButtons { display:block; list-style:none; border-width:0px; margin:0px; padding:0px; }
ol.showButtons li { float:left; margin:8px 0px; padding:0px; }
ol.showButtons li.x32 { width:300px; height:200px; }
ol.showButtons li.x22 { width:200px; height:200px; }
ol.showButtons li.x62 { width:600px; height:200px; }
ol.showButtons li.x61 { width:600px; height:100px; }
h2 span.dates { font-weight:normal; }

/** Used to format large-style forms **/
/** Normal sections of the form **/
form.mainform { width:600px; background:url('/static/images/layout/form_b.png') left bottom repeat-x; font-size:90%; margin:auto; }
form.mainform fieldset { margin-bottom:10px; border:none; border-top:1px solid #ffcc33; margin-top:8px; background:none;}
form.mainform fieldset.back { background:url('/static/images/layout/form_b.png') left bottom repeat-x; }
form.mainform fieldset ol { margin:0; padding:0; }
form.mainform fieldset li { list-style:none; padding:5px; margin:0 12px 0 124px; position:relative; }
form.mainform fieldset li.info, form.mainform p.info { font-size:90%; color:#444; }
form.mainform fieldset li.errdesc { padding-bottom:0; color:red; font-size:90%; font-weight:bold; font-style:italic; background-image:none; }
form.mainform label, form.mainform span.label { position:absolute; width:120px; left:-124px; text-align:right; padding-top:2px; }
form.mainform textarea { font-family:verdana,arial,sans-serif; font-size:1em; }
form.mainform fieldset input, form.mainform fieldset textarea, form.mainform fieldset select { width:100%; }
form.mainform em { font-weight:bold; font-style:normal; color:#f00; }
form.mainform p { padding-left:3px; padding-right:3px; }
form.mainform p.submit { text-align:right; padding-right:12px; }
form.mainform legend { padding:0 2px; font-weight:bold; _margin:0 -7px; /* IE Win */ }

/** Used when we want multiple fields on one row */
form.mainform ol li.multi { margin-right:0; padding-bottom:0; }
form.mainform ol li.multi ol { overflow:hidden; }
form.mainform ol li.multi ol li { float:left; padding: 0; margin:0 12px 5px 0; position:relative; }
form.mainform ol li.multi ol label { position:absolute; bottom:0; left:2px; font-size:9px; text-align:left; width:100%; }
form.mainform ol li.multi ol input, form.mainform ol li.multi ol select { margin-bottom:12px; }

/** For check and options boxes. */
form.mainform li.option input { width:auto; float:left; margin-right:8px; }
form.mainform li.option label { width:auto; position:static; }
form.mainform li.option p.info { margin-left:32px; }


/**form.mainform label { display:inline-block; line-height:1.8; vertical-align:top; font-size:90%; width:120px; text-align:right; }**/

form.mainform fieldset fieldset { border:none; margin:3px 0 0; }
form.mainform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
form.mainform fieldset fieldset label { display:block; width:auto; }
form.mainform fieldset fieldset label { margin-left:123px; } /* Width plus 3 (html space) */
form.mainform fieldset.twocol li { float:left; width:255px; }
form.mainform fieldset.twocol { background:url('/static/images/layout/form_l.gif') left bottom repeat-x; }
form.mainform fieldset li.errDesc { padding:2px 10px 1px 40px; color:red; font-size:90%; font-weight:bold; font-style:italic; background-image:none; }
form.mainform fieldset.twocol li.errDesc { float:none; width:510px; }
form.mainform input.errInput, form.mainform select.errInput, form.mainform textarea.errInput { color:red; }
form.mainform li.option { padding:2px 5px; }
form.mainform li.option input { width:auto; }
form.mainform li.option label { width:auto; font-size: 100%; display:inline; line-height:1.3; }

form.mainform li.split_row span { display:inline-block; line-height:1.8; vertical-align:top; font-size:90%; width:120px; text-align:right; }
form.mainform li.split_row input { width:180px; }


/** Below here are browser compatibility hacks **/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a { float:none; }
form.mainform legend { display:inline-block; }
/* End IE5-Mac hack */

/* \*/
* html .gainlayout { height: 1%; }
/* */