/* Book a seat index page */
body a {color:#003366}
.content * {padding:0; margin:0; border: 0; color: #663300; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.content {background: #FAE24E url(assets-fr/bas-bg.jpg) no-repeat;}
.content h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #663300; text-transform:uppercase; margin: 25px 20px 15px 0}
.content h2 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #663300; text-transform:uppercase; margin: 23px 10px 7px 0}
.content p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #663300; margin: 5px 20px 15px 0; line-height: 1.4}
.content a {color:#003366}
.content td {vertical-align: top}
.smaller, .smaller a {font-size: 80%;}
.content .bold {font-weight: bold}
.content li {padding:0; margin: 10px 10px 10px 15px;}
.red {color:#c00}
.border-right {border-right: 1px dotted #630;}
.small, .small a {font-size: 90%;}
.content strong {font-weigth: bold; font-size: inherit}


/* seat counter */

/* no seat left */
.content .counter0 {width: 249px; height: 136px; background: #FAE24E url(assets-fr/counter-bg-0.gif) no-repeat;} 
.seatsLeft0 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 38px 0 0 58px; text-decoration:none; color: #663300; display:block;}
.book-seat-link {width: 170px; height: 20px; margin: 15px 0 0 0; display:block}

/* 25% left */
.content .counter25 {width: 249px; height: 136px; background: #FAE24E url(assets-fr/counter-bg-25.gif) no-repeat;} 
.seatsLeft25 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 38px 0 0 38px; text-decoration:none; color: #663300; display:block;} 

/* 50% left */
.content .counter50 {width: 249px; height: 136px; background: #FAE24E url(assets-fr/counter-bg-50.gif) no-repeat;} 
.seatsLeft50 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 38px 0 0 38px; text-decoration:none; color: #663300; display:block;} 

/* 75% left */
.content .counter75 {width: 249px; height: 136px; background: #FAE24E url(assets-fr/counter-bg-75.gif) no-repeat;} 
.seatsLeft75 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 38px 0 0 38px; text-decoration:none; color: #663300; display:block;} 

/* 100% left */
.content .counter100 {width: 249px; height: 136px; background: #FAE24E url(assets-fr/counter-bg-100.gif) no-repeat;} 
.seatsLeft100 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 38px 0 0 38px; text-decoration:none; color: #663300; display:block;} 

/* bakeshop schedule table */
.content .schedule {width: 249px; height: 242px; background: #FAE24E url(assets-fr/schedule-bg.gif) no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #663300;}
.content .schedule td {padding: 2px 0 2px 27px;}
.content td.scheduleDay {color: #CB3818; text-transform: uppercase; width: 40px; font-size: 12px; }
.content td.schedulePeriod {background: url(assets-fr/schedule-rule.gif) no-repeat bottom left; vertical-align: bottom; font-size: 11px; text-transform:uppercase; text-align:center; padding: 47px 0 10px 30px;}
.content .schedule td.toprow {padding-top: 10px; vertical-align: top;}
sup {font-size: 80% !important; text-transform:none;}

/* bottom part */
.contentBottomLeft {float:left; margin: 0 25px 0 0; padding-left:30px; display:inline}
.contentBottomLeft h1 {margin-top: 0}
.contentBottomCenter {float:left; margin: 0 10px 0 0; width: 240px; padding-top: 50px; display:inline}
.contentBottomRight {float:left; width: 220px; padding-top: 30px; }

/* faq pop up */
.faqs {background: #Ffcc00; width:680px; padding: 4px 0 10px 0}
.faqs h1 {text-transform:none; font-size: 25px; margin: 20px 0 20px 20px;}
.faqs h2 {text-transform:none; font-size: 15px; margin: 20px 0 20px 20px;}
.faqs p.question {color: #630; background: url(assets-fr/q.gif) no-repeat bottom left; padding: 10px 0 0 40px; margin: 20px 10px 5px 20px; font-weight:bold}
.faqs p {color: #000;  margin: 5px 20px 20px 20px;}
.faqs li {color: #000;  margin: 5px 20px 20px 40px;}
.faqs .closeWindow {float:right; margin:20px 15px 0 0; display:inline}

/* registration form, confirmation, complete */
.form {margin-bottom: 20px; float:left}
.form select {border: 1px solid #aaa; height: 20px; margin: 4px 0 10px 0; vertical-align:middle; background:#fff !important}
.form .formlabel {display:block; font-weight:bold; margin: 0}
.form .formfield-l {width: 200px; border: 1px solid #aaa; margin: 4px 0 10px 0; padding: 2px; vertical-align:middle; background:#fff !important}
.form .formfield-m {width: 80px;  border: 1px solid #aaa; margin: 4px 0 10px 0;  padding: 2px; vertical-align:middle; background:#fff !important}
.form .formfield-s {width: 40px;  border: 1px solid #aaa; margin: 4px 0 10px 0;  padding: 2px; vertical-align:middle;background:#fff !important}
.form .radiobut {border:0; color:black}
.form .optin {margin: 15px 0; vertical-align: top}
.form .optin input {float:left; margin:0 10px 0 0; border:0; display:inline}
.form .submitBut {margin: 5px 10px 2px 0; clear:both; }
.formValue {color:#000; display:block; margin:0 0 10px 0}
.narrowText {width: 400px}
.direction {float: left; width: 431px; margin-bottom: 0px}
.complete { width: 250px;}

/* calendar popup */
.calendar {width: 203px; background:#FAEEEB; color:#BF3517; font-size:10px; font-family: Arial, Helvetica, sans-serif;}
.calendar td {padding: 2px 1px ; width: 29px; text-align:center; background:#FAEEEB; color:#BF3517}
.month th {background:#A42E14; color:#FFF; white-space:nowrap; font-size:11px;}
.month th a {color:#E19079; text-decoration:none} /* arrows */
.week td {background:#BF3517; color:#FFF; font-weight:bold; font-size:11px;}
td.lastMonthDate {color:#EAA697}
.calendar a {color:#BF3517; text-decoration:none} /* all default dates */
td.full {background:#fff; color:#EAA697} /* full dates */
td.closed {background:#FAEEEB; color:#FAEEEB} /* closed dates */

/* bubble popup */
a.tt{
    position:relative;
    z-index:24;
	color: #630;
	text-decoration: none;
	font-size:10px;
}
a.tt span{display: none;}

a.tt:hover {z-index:25; color: #630;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0; left: 0;
	padding: 0 0 0 20px;
	width:225px;
	color: #630;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block; 
	padding: 28px 7px 0 40px;
    background: url(assets-fr/bubble1.gif) no-repeat top;
}
a.tt:hover span.middle{
	display: block;
	padding: 0 7px 10px 40px; 
	margin-top:-20px;
	background: url(assets-fr/bubble_filler1.gif) repeat bottom; 
}

/* confirmation popup */
.confirm-popup * {padding:0; margin:0; border: 0;}
.confirm-popup {width: 270px; border: 1px solid #CB3818; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:#fff}
.confirm-popup h3 {background:#CB3818; color:#fff; padding: 5px 10px; font-size: 13px; font-weight: bold; margin: 0}
.confirm-popup p {margin: 10px 10px; color: #000;}
.confirm-popup .btn {margin: 0 0 10px 10px; border:0}
.confirm-popup .form {color: #663300; margin: 0 0 0 10px; float: none}
.confirm-popup .form .btn {margin: 0 0 15px 0}
.confirm-popup .button-only {margin: 20px 0 10px 0; text-align: center;}
.confirm-popup ul {margin:0; padding:0}
.confirm-popup li {margin: 5px 10px 5px 25px; padding:0;}

/* on the road */
.on-the-road * {padding:0; margin:0; border: 0; }
.on-the-road {background: #FAE24E url(assets-fr/spacer.gif) no-repeat; float: left; width:680px; padding: 4px 0 0px 0; color: #663300; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.7}

.on-the-road h2 {text-transform:none; font-size: 17px; color: #663300; margin: 15px 10px 7px 0}
.on-the-road p {margin: 10px 70px 0 5px; line-height:1.5;}
.on-the-road a {color:#003366}
.otrlogo {float: left; margin: 20px 10px 20px 20px; display:inline}
.otr-location {float: left; margin: 0 0 20px 20px; width: 200px; color: #000; display:inline}
.otr-location p {color: #000; line-height:1.3; margin: 0 0 15px 0}
.on-the-road .closeWindow {float:right; margin: 20px 25px 0 0; display:inline}
.on-the-road  h3 {margin: -10px 0 10px 0; font-size: 12px; color:#000; font-weight:normal}


/* headers image replacement */
/* book a seat */
.h1-book-your-seats {background: url(assets-fr/h1-book-your-seats.gif) no-repeat; width: 214px; height:21px; text-indent:-9999px; margin:0;}
.h1-cancel {background: url(assets-fr/h1-cancel.gif) no-repeat; width: 301px; height:24px; text-indent:-9999px; margin:0;}
.h1-cancelled {background:url(assets-fr/h1-cancelled.gif) no-repeat; width: 495px; height:25px; text-indent:-9999px; margin:0;}
.h1-celebrate {background: url(assets-fr/h1-celebrate.gif) no-repeat; width: 446px; height:50px; text-indent:-9999px; margin:0;}
.h1-congrat1 {background: url(assets-fr/h1-congrat1.gif) no-repeat; width: 386px; height:49px; text-indent:-9999px; margin:0;}
.h1-congrat2 {background: url(assets-fr/h1-congrat2.gif) no-repeat; width: 282px; height:46px; text-indent:-9999px; margin:0;}
.h1-faqs {background: url(assets-fr/h1-faqs.gif) no-repeat; width: 338px; height:28px; text-indent:-9999px; margin:0;}
.h1-on-the-road {background: url(assets-fr/h1-on-the-road.gif) no-repeat; width: 468px; height:26px; text-indent:-9999px; margin: 20px 0 0 130px;}
.h1-waiting1 {background: url(assets-fr/h1-waiting1.gif) no-repeat; width: 397px; height:47px; text-indent:-9999px; margin:0;}
.h1-waiting2 {background: url(assets-fr/h1-waiting2.gif) no-repeat; width: 410px; height:20px; text-indent:-9999px; margin:0;}
.h2-booking-info {background: url(assets-fr/h2-booking-info.gif) no-repeat; width: 223px; height:19px; text-indent:-9999px; margin:0;}
.h2-cancel {background: url(assets-fr/h2-cancel.gif) no-repeat; width: 178px; height:16px; text-indent:-9999px; margin:0;}
.h2-directions {background: url(assets-fr/h2-directions.gif) no-repeat; width: 178px; height:17px; text-indent:-9999px; margin:0;}
.h2-map {background: url(assets-fr/h2-map.gif) no-repeat; width: 326px; height:37px; text-indent:-9999px; margin:0;}
.h2-on-the-road {background: url(assets-fr/h2-on-the-road.gif) no-repeat; width: 174px; height:36px; text-indent:-9999px; margin:0;}
.h1-single-login {background: url(assets-fr/h1-single-login.gif) no-repeat; width: 468px; height:23px; text-indent:-9999px; margin:0;}
.h1-you-could-win {background: url(assets-fr/h1-you-could-win.gif) no-repeat; width: 576px; height:57px; text-indent:-9999px; margin:0;}