/* color palette 
blue: 4a84c6
orange: e77917
green: 91bc0f
Lime: c2ff06
Light blue: c5fffe 
*/

@media screen {
* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

body { color: #333; font: normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif; text-align: center; background: url(/images/ticket-centre/html-bg-tile.gif); }

p, h1, h2, h3, h4, h5, h6, table, ul, img { margin: 0 0 10px 0; }

h1, h2, h3, h4, h5, h6 { font-size: 13px; font-weight: bold; }

a, a:link { color: #e77917; text-decoration: underline; cursor: pointer; }

a:visited, a:hover { color: #91bc0f; }

a.tip { position: relative; text-decoration: none; }

a.tip span { display: none; position: absolute; top: 10px; left: 150px; width: 150px; padding: 5px;
z-index: 100; background: #fff; border: 1px #91bc0f solid; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

a:hover.tip { font-size: 99%; /* this is just for IE */ }

a:hover.tip span { display: block; }

br { line-height: 7px; }

strong, b, em, i { font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

cite { font: italic 11px Arial; display: block; }

img { border: 0; padding: 0; }

img.fl { margin: 10px 10px 10px 0; }

img.fr { margin: 10px 0 10px 10px; }

ul, li { list-style-type: none; padding: 0; }

label { display: block; margin: 5px 0 0; }

select, input { font: normal 12px Lucida Grande, Verdana, Arial sans-serif; border: 1px solid #333; padding: 0; margin: 0 0 3px; }

select > option { padding-left: 3px; padding-right: 5px; }

/* FF fix for the select after all elements set to 0 */

caption { font-weight: bold; text-align: left; margin: 0; background: #a0d8fc; }

/* Regular Classes */

.offset { position: absolute; left: -5000px; display: none; }

.fl { float: left }

.fr { float: right }

.cl, h1, h2, h3, h4, h5, h6 { clear: left }

.cr { clear: right }

.cb { clear: both; }

.di { display: inline; }

.db { display: block; }

.bold { font-weight: bold; }

.hide { display: none; }

.clearFloat { clear: both; display: block; line-height:0; }

.bpg { background: url(/images/ticket-centre/bpg-tick.gif) no-repeat; width: 185px; height: 46px; display: block; margin: 0 7px 10px; }

.permission { margin: 0; padding: 0 0 3px 0; text-align: center; font: normal 10px Verdana; background: #fff; color: #333; }

p.intro { margin-top: -10px;  border: 1px #91bc0f solid; padding: 10px; width: 100%; }

.blueHeader { background: #4a84c6 url(/images/ticket-centre/corner.gif) no-repeat top right; color: #fff; padding: 5px; font-size: 12px; font-weight: bold; margin: -11px -11px 10px -11px; }

.blueHeader1 { background: #4a84c6 url(/images/ticket-centre/corner.gif) no-repeat top right; color: #fff; padding: 5px; font-size: 12px; font-weight: bold; margin: -11px -11px 10px 0px; width:148px;height:97px;float:right;}

.greenHeader { background: #91bc0f url(/images/ticket-centre/corner.gif) no-repeat top right; color: #fff; padding: 5px; font-size: 18px; }

.lightBlueText { color: #c5fffe; }

.limeText { color: #c2ff06; }

.smallLimeText {color: #c5fffe; font-size: 70%;}

#top { display: none; }

#outerWrapper { margin: 10px auto; text-align: left; width: 957px; }

* html #outerWrapper { margin-top: -10px; }

#outerWrapper #header { position: relative; }

#outerWrapper #header .filler { margin: 0; padding: 0; background: #f18b0b; width: 914px; height: 44px; }
* html #outerWrapper #header .filler { z-index: -1; }

#outerWrapper #header .corner { background: url(/images/ticket-centre/header-corner.gif) top right; width: 44px; height: 44px; position: absolute; top: 0; right: 0; }

* html #outerWrapper #header .corner { right: 1px; }

#outerWrapper #header #siteLogo { background: url(/images/ticket-centre/header-bg-tile.gif) repeat-x bottom center; }

a.logo { margin: -15px 0 15px 20px; width: 362px; height: 51px;}

#outerWrapper #contentWrapper1, #outerWrapper #contentWrapper2, #outerWrapper #contentWrapper3, #footer, #globalNavigation { background: #fff; border: 1px #ef8908 solid; border-width: 0 1px; clear: left; }
* html #outerWrapper #contentWrapper2 { height: 100%; }

div#globalNavigation {float: left; width: 955px; border-bottom: 1px #ef8908 solid; }

ul#primaryNav { padding: 0; margin: 0; list-style: none; }
  
ul#primaryNav li { float: left; position: relative; }

ul#primaryNav li.active, ul#primaryNav li.active a, ul#primaryNav li a:hover, ul#primaryNav li.active li a:hover { background: #ef8908; color: #fff !important; }

ul#primaryNav li.active li a { background: #fff; color: #ef8908 !important; }

ul#primaryNav li li {padding:0; width:180px; clear:left; background:#fff; border:1px #ef8908 solid; border-width:0 1px 1px 1px; }

ul#primaryNav li ul { display: none; position: absolute; top: 16px; left: 0; }
  
* html ul#primaryNav li ul { top: 24px; }
  
ul#primaryNav > li > ul { top: auto; left: auto; }
	
ul#primaryNav li:hover ul, ul#primaryNav li.over ul { display: block; }

ul#primaryNav li a { display: block; font-weight: bold; text-decoration: none; color: #ef8908; padding: 3px 24px; }

ul#primaryNav li li a { padding: 0; font-weight: normal; }

/* 3 col structure */
#outerWrapper #contentWrapper1, #outerWrapper #contentWrapper2 , #outerWrapper #contentWrapper3 { padding: 10px 10px 0px 10px; }

#outerWrapper #contentWrapper3 #leftColumn3 { float: left; width: 200px; }

#outerWrapper #contentWrapper3 #rightColumn3 { float: right; width: 306px; }

* html #outerWrapper #contentWrapper3 #rightColumn3 { width: 309px; }

#outerWrapper #contentWrapper3 #mainContent { width: 388px; float: left; padding: 10px; }

#rightColumn3 li, #rightColumn3 li p, #rightColumn3 li img { margin: 0; }

#rightColumn3 li { margin: 0 0 17px 0; height: 104px; }

* html #rightColumn3 li { margin: 0 0 9px 0;  }

#rightColumn3 li img { border: 1px #4a84c6 solid; }

#rightColumn3 p.blueHeader {padding:8px 5px;}

/* Styles for banner re-jigging TO UNCOMMENT

* html #banners li {background:#3399cc;}

* html #banners li img {width:143px;margin-top:3px;} */

/* 2 col structure */
#outerWrapper #contentWrapper2 #leftColumn2 { float: left; width: 400px; }

#outerWrapper #contentWrapper2 #leftColumn2 img.db { margin: 10px auto; }

#outerWrapper #contentWrapper2 #mainContent { border: 1px #4a84c6 solid; float: right; width: 480px; padding: 10px; margin-top:30px;}

#mainContent .blueHeader { margin: -11px -11px 10px -11px; }

* html #mainContent .blueHeader { margin: -12px -12px 10px -12px; }

#outerWrapper #footer { width: 955px; float:left;  font-weight: bold; background: url(/images/ticket-centre/footer-bg-tile.gif) repeat-x bottom center; text-align: center; color: #fff; margin-bottom: 10px; }

* html #outerWrapper #footer { margin-top: -5px; }

#footer p { padding: 5px; }

#footer p.copyright, #footer ul#footerLinks {float: left; display: inline; margin:0; padding:6px; }

#footer ul#footerLinks {float:right;}

#footer ul#footerLinks li { display: inline; padding: 0 10px; border-right: 1px #fff solid; }

#footer ul#footerLinks li a { color: #fff; text-decoration: none; }

#footer ul#footerLinks li.last { border-right: none;  }

#dataCapture { background: url(/images/ticket-centre/prizeTickets.gif) no-repeat bottom right; }

#dataCapture * { margin: 0; padding: 0; }

/* in left Col  */
#leftColumn2 #dataCapture { width: 410px; font-size: 11px; margin-top:15px; }

#leftColumn2 #dataCapture h3 { margin: 0; padding: 5px; }

#leftColumn2 #dataCapture form { border: 1px #4a84c6 solid; padding: 5px; }

#leftColumn2 #dataCapture label { font-weight: bold; clear: left; color: #4a84c6; margin: 5px 0 0 0; }

#leftColumn2 #dataCapture input { padding: 3px; width: 50%; }

#leftColumn2 #dataCapture input.submit { background: #4a84c6; color: #fff; width: 25%; }

/* in footer */
#footer #dataCapture { width: 935px; font-size: 11px; margin: 0 0 10px 10px; color: #4a84c6; float: left; font-weight: normal; }

* html #footer #dataCapture { margin-left: 5px; }

#footer #dataCapture h3 { margin: 0; padding: 5px; }

#footer #dataCapture form { border: 1px #4a84c6 solid; padding: 5px; }

#footer #dataCapture label { display:inline; font-weight: bold; margin: 0 0 0 10px;}

#footer #dataCapture input { padding: 3px; }

#footer #dataCapture input.submit { margin-top:10px; background: #4a84c6; color: #fff; }

/* Booking Form */
#engine { width: 408px; display: none; } 

#leftColumn2 #engine { margin-top:10px;}

#engine form {  margin: 0; padding: 20px 10px; border: 1px #91bc0f solid;  }

#engine h3.greenHeader { margin: 0; }

#engine .form_button { background: url(/images/ticket-centre/form_button.gif) no-repeat; width: 152px; height: 38px; border:0; color: #fff; font:bold 16px Verdana; cursor: pointer; }

.form_label { float:left; width: 150px; margin:0 0 10px 0; }

.formBlock { clear: left;  }

select#Area { width: 234px; }
* html select#Area { width: 226px; }

select#TicketDate { width: 234px; }
* html select#TicketDate { width: 226px; }

.defaultInput { color:#333; }

/*Gate Savings Tables*/
table.savings {width: 480px; border: 1px solid #91bc0f; margin:5px; background:#fff; border-collapse:collapse; }

table.savings td { padding: 2px; }

table tr.strong { font-weight:bold; font-size: 12px; background: #91bc0f;}

table.savings a {color: #fff; }

table.savings a:hover {color: #fff; }
}

@media print {
body { font:10pt Arial, Verdana, sans-serif; color:#000; background:#fff; width:90%; }
div#globalNavigation, #leftColumn, #footer, #dataCapture, #engine, #holdingPage, #accessList { display:none; }
h1, h2, h3, h4, h5, h6 { font-size:14pt; }
p { font-size:12pt; }
img { display:none; }
#rightColumn { display:block; }
}