@charset 'utf-8';
/*
 * Main CSS file for The Regals website
 * Created 8 November 2007
 */
 
/** Main elements **/
* { 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; }
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; }

/** 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('/images/layout/back_head.png') no-repeat center bottom; }
#sCont { background:#fff url('/images/layout/back_cont.png') repeat-y center top; }
#sCont div.sContBack { background:url('/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('/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('/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('/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('/images/layout/tab_c_r.gif'); border-bottom:0px; }
#nav .selected a { background-image:url('/images/layout/tab_c_l.gif'); padding-bottom:5px; color:#0f1349; }

/** 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('/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('/images/layout/sdates_tm.png') repeat-x top; }
table.showdates thead td.first, table.showdates tbody th.first { background:#191f6b url('/images/layout/sdates_tl.png') no-repeat top left; }
table.showdates thead td.last, table.showdates tbody th.last { background:#191f6b url('/images/layout/sdates_tr.png') no-repeat top right; }
table.showdates thead td.only, table.showdates tbody th.only { background:#191f6b url('/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('/images/layout/sdates_bm.png') repeat-x bottom; }
table.showdates tbody td.first { background:#ddf url('/images/layout/sdates_bl.png') no-repeat bottom left; }
table.showdates tbody td.last { background:#ddf url('/images/layout/sdates_br.png') no-repeat bottom right; }
table.showdates tbody td.only { background:#ddf url('/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:8px 0; }
#sMain p.booking a { background:transparent url('/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('/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 0px 8px; padding:0px; overflow:hidden; }
ol.showButtons li { float:left; margin: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 **/
form.mainform { width:500px; background:url('/images/layout/form_b.png') left bottom repeat-x; font-size:90%; margin-left:50px;}
form.mainform fieldset { margin-bottom:10px; border:none; border-top:1px solid #ffcc33; margin-top:8px; background:none;}
form.mainform fieldset.back { background:url('/images/layout/form_b.png') left bottom repeat-x; }
form.mainform fieldset input, form.mainform fieldset textarea { width:357px; }
form.mainform fieldset ol { margin:0; padding:0; }
form.mainform fieldset li { list-style:none; padding:5px; margin:0; /*padding:5px 10px 7px; background:url('/images/layout/form_l.gif') left bottom repeat-x;*/ }
form.mainform em { font-weight:bold; font-style:normal; color:#ff0000; }
form.mainform p { padding-left:3px; padding-right:3px; }
form.mainform p.submit { text-align:right; padding-right:10px; }
form.mainform legend { padding:0 2px 0 0; font-weight:bold; _margin:0 -7px; /* IE Win */ }
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:205px; }
form.mainform fieldset.twocol { background:url('/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:410px; }
form.mainform input.errInput, form.mainform select.errInput, form.mainform textarea.errInput { color:red; }

/** 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('/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('/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('/images/layout/button_yellow_r.png') no-repeat top right; }
ul.linkSelection.yellow a span { background:transparent url('/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; }

/** 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%; }
/* */