/* 
Document   : style
Created on : Jan 3, 2008, 3:01:56 PM
Author     : hannu
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* With thanks to: http://kalsey.com/simplified/demos/formerrors/index.php */

root { 
  display: block;
}

html {
  font-family: Arial,Helvetica,sans-serif;
}

img {
  border: 0;
}

body {
  background-color: #FFFFCC;
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1em;
}

#fullpage {
  padding: 0 2em 2em 2em;
}

#header {
}

#footer {
  margin-top: 1em;
}

div.notebox {
  float: right;
}

div.notebox p {
  margin-left: 2em;
  text-align: right;
}

div.adminlinkbox {
  clear: both;
  float: right;
  margin-right: -2em;
  margin-top: -0.5em;
}

div.adminlinkbox a {
  color: #FFFFCC;
  text-decoration: none;
}

div.headertext {
  margin-top: 4em;
  float: right;
  text-align: right;
}

div.creditline {
  float: right;
  font-size: x-small;
}

div.clearboth {
  clear: both;
}

div.floatright {
  float: right;
}

div.logo {
  float: left;
}

#middlebox {
  clear: both;
  padding: 2em;
  border: 2px solid gray;
}

label {
  width: 8em;
  text-align: left;
  margin-right: 0.5em;
  float: left;
}

* html label {
  float: none;
}

.errorMsg {
  font-size: smaller;
}

.errorBox {
  clear: both;
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 0.5em 1em 0.5em 1em;
  font-family: Arial,Helvetica,sans-serif;
}

p.particulars {
  padding-left: 1em;
}

.errorMsgs {
  margin-left: 1.5em;
  padding-left: 1.5em;
}

input.textbox {
  margin-left: 0;
}

.errorMsg {
  padding-left: 1em;
  font: bold smaller;
  font-family: Arial,Helvetica,sans-serif;
}

.searchbox {
  clear: both;
  border: 1px solid gray;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
}

.searchboxerror {
  clear: both;
  border: 1px solid red;
  background-color : #FFCCCC;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
}

.infomessage {
  clear: both;
  /*background-color: #87CEFA;*/
  background-color: #E8E8E8;
  border: 1px solid gray;
  padding: 0.5em 1em 0.5em 1em;
  margin-bottom: 1em;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
}

p.remark {
  width: 70%;
  background-color: #E8E8E8;
  border: 1px solid gray;
  padding: 0.5em 1em 0.5em 1em;
  margin-bottom: 1em;
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
}

p.remark img {
  vertical-align: middle;
  margin-right: 2em;
}

ol.infomessage li {
  margin-left: 1em;
}

ul.infomessage {
  list-style: none;
}

.errormessage {
  clear: both;
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding: 0.5em 1em 0.5em 1em;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
}

p.floatright {
  float: right;
}

.required {
  color: red;
  text-align: right;
  padding: 0;
  margin: 0;
}

table.newshow td {
  text-align: left;
}

table.month td {
  text-align: center;
  font-weight: bold;

  border-top-style: double;
  border-bottom-style: double;
  border-left-style: double;
  border-right-style: double;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

tr.monthname {
  background-color: #6699ff;
}
td.sunday {
  color: red;
}
td.dummy {
  background-color: gray;
}

table.adminjobs {
  width: auto;
}

table.adminjobs tr {
  padding-bottom: 1em;
}

table.adminjobs th {
  text-align: left;
  background-color: #6699ff;

  padding-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.5em;
}
table.adminjobs td {
  border: 1px solid #C9D9F1;
  background-color: #EAF2FF;
  vertical-align: top;
}

table.adminjobs ul {
  margin-top: 10px;
  margin-right: 1em;
  margin-bottom: 0.5em;
  margin-left: 5px;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
  font-weight: bold;
}

table.adminjobs ul:first-child {
  margin-top: 0.5em;
}
table.adminjobs ul li {
  margin-top: 0.5em;
}
table.adminjobs ul li a {
  padding: 0 3px 0 3px;
  display: block;
  color: #3B639F;
  text-decoration: none;
  width: 100%; /*  IE hack, not needed with proper browsers */
}

html>body table.adminjobs ul li a {
  width: auto; /* override the previous IE hack */
}

table.login th {
  text-align: left;
}

table.adminjobs ul li a:hover {
  background-color: #C9D9F1;
  padding: 0 3px 0 3px;
  display: block;
  color: #3B639F;
  text-decoration: none;
}

table.adminjobs ul li a:active {
  background-color: #2586d7;
  padding: 0 3px 0 3px;
  display: block;
  color: #3B639F;
  text-decoration: none;
}

table.adminbookform {
  width: 100%;
  padding: 0;
}

table.adminbookform tr.errorRow {
  border: 1px solid red;
}

table.adminbookform tr.errorRow td {
  padding: 2px 5px 2px 5px;
  background-color : #FFCCCC;
}

table.adminbookform tr.okRow td {
  padding: 2px 5px 2px 5px;
}

table.adminbookform td.subform {
  vertical-align: top;
  padding: 0 2em 0 0;
}

table.adminbookform td.subform h3 {
  margin-top: 0;
  padding-top: 0;
}

table.adminbookform td.subform dl {
  margin-top: 0;
  padding-top: 0;
}

table.adminbookform table.customerinfo {
  border-collapse: collapse;
}

table.bookingdata {
  width: 100%;
}

table.bookingdata td.summary {
  vertical-align: top;
  min-width: 60%;
}

table.bookingdata td.right {
  text-align: right;
}

table.bookingdata td.cancelbutton {
  width: 50px;
  text-align: left;
}
table.bookingdata td.printbutton {
  width: 50px;
  text-align: right;
}

table.confirmation {

  width: 100%;
  border-collapse: collapse;
  margin-top: 0;
  margin-bottom: 2em;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  border-top: none;
}

table.confirmation th {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: left;
}

table.confirmation td.notification {
  padding-right: 1em;
  padding-left: 1em;
}

table.confirmation td {
  padding-right: 1em;
  padding-left: 1em;
}

table.invitationform {
  border-collapse: collapse;
}

table.invitationform td {
  padding: 0.5em;
}

table.reservations {
  border-collapse: collapse;
}

table.reservations tr.header {
  background-color: #D1D1AE;
}

table.reservations tr.header th {
  font-weight: normal;
}

table.reservations th.price {
  text-align: right;
  padding-right: 0.5em;
}

table.reservations th.customer {
  text-align: left;
  padding-left: 0.5em;
}

table.reservations td.smaller {
  font-size: smaller;
  min-width: 1em;
  text-align: center;
}

table.reservations td.reservationnote {
  text-align: left;
  padding-left: 4em;
  font-weight: normal;
  font-size: smaller;
}

td.ticketTypeNote, th.ticketTypeNote {
  text-align: left;
  padding-left: 3em;
}

table.bookinglist {
  border-collapse: collapse;
}

table.bookinglist tr.eventTime {
}

table.bookinglist tr.eventTime th {
  text-align: left;
  font-size: 1.2em;
  padding-bottom: 0;
  padding-top: 2em;
  padding-right: 1em;
}

table.bookinglist tr.columnHeaders th:first-child {
  padding-left: 1em;
}

table.bookinglist th {
  padding-right: 1em;
}

table.bookinglist tr.posreservationdata td:first-child {
  padding-left: 1em;
}

table.bookinglist td {
  padding-right: 1em;
}

tr.poslistrow_0 { /* even numbered rows */
               padding-top: 3px;
               background-color: #FFFFCC;
               border-top: 2px solid #FFFFCC;
}
tr.poslistrow_1 { /* odd numbered rows */
               background-color: #FDEA8C;
               border-top: 2px solid #FDEA8C;
}


.perfinfo {
  border-top: none;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  margin-bottom: 1em;
  margin-left: -1px;
  margin-right: 0;
  padding-bottom: 1em;
  padding-top: 5px;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}

p.buttons {
  text-align: right;
}

div.summary {
  margin-right: 2em;
}

div.summary p {
  margin-left: 1em;
}

div.customerinfo {
  margin-right: 3em;
  text-align: right;
}

#linkbox {
  float: right;
  clear: left;
  margin-bottom: 0.5em;
  margin-left: 0.5em;
  padding: 5px;
  _width: 30%; /* IE ignores max-width */
  max-width: 50%;
  text-align: left;
  background-color: #FDEA8C;
}

table.tickettypes td {
  text-align: center;
}

table.showlist {
  border-collapse: collapse;
  border-style: none;
}

table.showlist td {
  padding: 5px 3px 5px 3px;
}

table.showlist td.normal {
  font-size: smaller;
  font-weight: normal;
  text-align: center;
}

table.showlist td.seatcounts {
  min-width: 2.2em;
  font-size: smaller;
  text-align: right;
}

div.bookedseats {
  padding: 0 3px 0 3px;
  background-color: #FFCCCC;
  border: 1px solid red;
}

div.bookedbystaffseats {
  padding: 0 3px 0 3px;
  background-color: yellow;
  border: 1px solid blue;
}

div.availableseats {
  padding: 0 3px 0 3px;
  background-color: #78D13B;
  border: 1px solid green;
}

div.seatclass dl dt, div.amountErrorMessage dl dt {
  font-weight: bold;
  font-size: large;
  padding-bottom: 1em;
  padding-left: 1em;
}

div.seatclass dl dd {
  min-width: 50%;
}

div.amountErrorMessage {
  max-width: 50%;
}

table.releaseamounts {
  padding-left: 1em;
}

table.showlist div.textlink a {
  font-size: smaller;
  background-color: #A9A9A9;
  border: 1px solid gray;
  padding: 0 3px 0 3px;
  text-decoration: none;
  color: black;
}

table.showlist div.textlink a:hover {
  padding: 0 3px 0 3px;
  background-color: #C9D9F1;
  text-decoration: none;
}

table.showlist div.textlink a:active {
  padding: 0 3px 0 3px;
  background-color: #2586d7;
  text-decoration: none;
}

table.showlist div.textlink a:visited {
  padding: 0 3px 0 3px;
  text-decoration: none;
}

tr.header {
  background-color: #f0f1f7;
}

table.showlist th {
  font-size: smaller;
  text-align: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#linkbox ul {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: inside;
  font-weight: bold;
}

#linkbox ul li ul {
  margin: 0;
  padding: 0;
  margin-left: 1em;
  padding-left: 1em;
  font-weight: normal;
}

#linkbox ul:first-child {
  margin-top: 0;
}

#linkbox ul li {
  margin: 0;
  padding: 0;
}

#linkbox ul li a {
  padding: 0 3px 0 3px;
  display: block;
  color: black;
  text-decoration: none;
  width: 100%; /*  IE hack, not needed with proper browsers */
}

html>body #linkbox ul li a {
  width: auto; /* override the previous IE hack */
}

#linkbox ul li a:hover {
  background-color: #C9D9F1;
  padding: 0 3px 0 3px;
  display: block;
  color: #3B639F;
  text-decoration: none;
}

#linkbox ul li a:active {
  background-color: #2586d7;
  padding: 0 3px 0 3px;
  display: block;
  color: #3B639F;
  text-decoration: none;
}

tr.perfRow_0 { /* even numbered rows */
               padding-top: 3px;
               background-color: #FFFFCC;
               border-top: 2px solid #FFFFCC;
}
tr.perfRow_1 { /* odd numbered rows */
               background-color: #FDEA8C;
               border-top: 2px solid #FDEA8C;
}

tr.perfRow_0 td, tr.perfRow_1 td {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-weight: bold;
}

td.comment {
  text-align: right;
  color: green;
}

table.reservationdetails {
  border-collapse: collapse;
  border: 1px solid gray;
}

table.ordersummary {
  float: right;
  border-collapse: collapse;
}

tr.ordertotal {
 /*  background-color: #B0C4DE; */
  background-color: #FED581;
}

tr.orderrow {
  /* background-color: #DCDCDC; */
}

tr.orderrow td {
  padding-left: 1em;
  padding-right: 1em;
}

tr.ordertotal th {
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}

.smalltext {
  color: blue;
  font-weight: normal;
  font-size: xx-small;
}
.notetextinfo {
  text-align: right;
  font-weight: normal;
  font-size: xx-small;
}

a.nodecoration {
  text-decoration: none;
  color: inherit;
}

a.nodecoration:visited {
  color: inherit;
}

table.ordernavigation {
  margin-top: 0.5em;
  border-collapse: collapse;
  width: 100%;
}
table.ordernavigation th {
  border: 1px solid gray;
  border-spacing: 0;
  background-color: #FDEA8C;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  padding-right: 2em;
}
table.ordernavigation th.inactive {
  background-color: #FDEA8C ;
  border-bottom: 1px solid gray;
}
table.ordernavigation th.current {
  background-color:  #FFFFCC;
  border-bottom: none;
}