/*
##############################################################################
# ACTTix Online Ticketing Software
# ==========================
#
# © 2008-2014 James Holt (jdholt@alphalink.com.au)
# © 2008-2009 James Morgan (jmorgan.au@gmail.com)
#
# This software is protected by copyright law and may not be used for any
# purpose other than intended.
#
# This software is licenced for use by the Altona City Theatre Incorporated.
# All code remains the intellectual property of the developers listed above.
##############################################################################
*/
/* extra styles for acttix */
div#welcome {
   float: right;
   margin-bottom: 20px;
}

img#showLogo {
   margin-bottom: 20px;
}

div#concEligibilityDiv ul.entitlementList {
   text-align: left;
}

span.castOptional {
   top: 4px;
}

label.paymentMethodCCText {
   width: 200px;
}

img.paypalInfoImg {
   float: left;
}

td.seatsOK {
   color: darkgreen;
}

td.seatsWrong {
   background-color: #c30;
   color: #fff;
}

td.seatsWrong a {
   color: #fff;
}

td.preFillWarning {
   background-color: #06c;
   color: #fff;
}

table.seatingTable {
   margin: 1em;
}

tr.seatingTableContainer {
   background: #fff;
}

td.seatingTableContainer {
   border-left: 1px #ccc solid;
   border-right: 1px #ccc solid;
}

td.seatingTableContainerStart {
   border-left: 1px #ccc solid;
}

td.seatingTableContainerEnd {
   border-right: 1px #ccc solid;
}

td.seatingTableContainerBottom {
   border-bottom: 1px #ccc solid;
}

td.seat {
   text-align: center;
   width: 30px;
   height: 30px; /* 45 */
   /*border: solid 1px #000;*/
   border-bottom: solid 1px #ccc;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

td.seat label div {
   width: 30px;
   height: 30px; /*45*/
   cursor: pointer;
}

td.seat label div.seatAvailable {
   background: #fff url(../images/seat2.gif) no-repeat center center;
}

td.seat label div.seatLocked {
   background-color: #fff; /* #ccc */
   cursor: not-allowed;
}

td.seat label div.seatSold {
   background: #fff url(../images/seatsold2.png) no-repeat center center;
}

td.seat label div.seatSoldWChair {
   background: #fff url(../images/seatwchairsold.png) no-repeat center center;
}

td.seat label div.seatSoldMobility {
   background: #fff url(../images/seatmobilitysold.png) no-repeat center center;
}

td.seat label div.seatSoldCustomer {
   background: #fff url(../images/seatsoldcust.png) no-repeat center center;
}

td.seat label div.seatSoldCustomerWChair {
   background: #fff url(../images/seatwchairsoldcust.png) no-repeat center center;
}

td.seat label div.seatSoldCustomerMobility {
   background: #fff url(../images/seatmobilitysoldcust.png) no-repeat center center;
}

td.seat label div.seatSoldPreFill {
   background: #fff url(../images/seatsoldprefill.png) no-repeat center center;
}

td.seat label div.seatSoldPreFillWChair {
   background: #fff url(../images/seatwchairsoldprefill.png) no-repeat center center;
}

td.seat label div.seatSoldPreFillMobility {
   background: #fff url(../images/seatmobilitysoldprefill.png) no-repeat center center;
}

td.seat label div.seatSoldPrinted {
   background: #fff url(../images/seatsoldprint2.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedWChair {
   background: #fff url(../images/seatwchairsoldprint.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedMobility {
   background: #fff url(../images/seatmobilitysoldprint.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedCustomer {
   background: #fff url(../images/seatsoldprintcust.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedCustomerWChair {
   background: #fff url(../images/seatwchairsoldprintcust.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedCustomerMobility {
   background: #fff url(../images/seatmobilitysoldprintcust.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedPreFill {
   background: #fff url(../images/seatsoldprintprefill.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedPreFillWChair {
   background: #fff url(../images/seatwchairsoldprintprefill.png) no-repeat center center;
}

td.seat label div.seatSoldPrintedPreFillMobility {
   background: #fff url(../images/seatmobilitysoldprintprefill.png) no-repeat center center;
}

td.seat label div.seatPrinted {
   background: #fff url(../images/seatprint2.png) no-repeat center center;
}

td.seat label div.seatPrintedWChair {
   background: #fff url(../images/seatwchairprint.png) no-repeat center center;
}

td.seat label div.seatPrintedMobility {
   background: #fff url(../images/seatmobilityprint.png) no-repeat center center;
}

/* for customer seat picker */
td.seat label div.seatBooked {
   background: #666 url(../images/seat2.gif) no-repeat center center;
   cursor: not-allowed;
}

td.seat label div.seatCheckedFail {
   background: #f00 url(../images/seat2.gif) no-repeat center center;
   cursor: default;
}

td.seat label div.col0 {
   background-color: #fc9;
}

td.seat label div.col1 {
   background-color: #fcf;
}

td.seat label div.col2 {
   background-color: #ffc;
}

td.seat label div.col3 {
   background-color: #6cf;
}

td.seat label div.col4 {
   background-color: #9fc;
}

td.seat label div.col5 {
   background-color: #99f;
}

td.seat label div.col6 {
   background-color: #f90;
}

td.seat label div.col7 {
   background-color: #f6c;
}

td.seat label div.col8 {
   background-color: #6ff;
}

td.seat label div.col9 {
   background-color: #ff3;
}

td.seat label div.col10 {
   background-color: #c6f;
}

td.seat label div.col11 {
   background-color: #3bb;
}

td.seat label div.col12 {
   background-color: #f99;
}

td.seat label div.col13 {
   background-color: #08f;
}

td.seat label div.col14 {
   background-color: #d79;
}

td.seat label div.seatChecked {
   background-color: #0c0;
}

td.seat input {
   /*display: none;*/
   clip: rect(0 0 0 0);
   position: absolute;
}

tr.seatingTableContainer td.seat {
   border-bottom: none;
}

td.stage {
   background-color: #000;
   color: #fff;
   text-align: center;
   font-size: 14pt;
   font-weight: bold;
   height: 50px;
   cursor: default;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

td.interpreters {
   background-color: #000;
   color: #fff;
   text-align: left;
   font-size: 10pt;
   font-weight: bold;
   height: 30px;
   cursor: default;
   padding-left: 10px;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
/*
td.seat input[type=checkbox]:checked {
   opacity: 0.3;
}*/

td.rowMarker {
   font-size: 11pt;
   font-weight: bold;
   width: 30px;
   border-bottom: solid 1px #ccc;
   text-align: center;
   cursor: default;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

tr.seatingTableContainer td.rowMarker {
   background: #fff;
   border-bottom: none;
}

td.seatMarker {
   font-size: 11pt;
   font-weight: bold;
   height: 30px;
   border-right: solid 1px #ccc;
   text-align: center;
   cursor: default;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

a.smstag, a.smstag:link, a.smstag:active, a.smstag:visited, a.smstag:hover {
   text-decoration: none;
   border-bottom: 2px dotted #999;
}

td.smsRepliedYes {
   text-align: center;
   background-color: #cfc;
   font-size: 14pt !important;
   font-weight: bold;
}

td.smsRepliedSoft {
   text-align: center;
   background-color: #f0f0f0;
   font-size: 14pt !important;
   color: #999;
}

table.smallTable th, table.smallTable td {
   font-size: 10pt;
}

td.totalRow {
   border-top: solid 1px #ccc;
}

td.circleNumber {
   background-color: #f0f0f0;
   text-align: left;
   vertical-align: center;
   font-size: 16px;
   font-weight: bold;
   color: #999;
}

td.circleNumber img {
   margin-right: 10px;
}

td.programBooklet {
   background: #fff url(../images/booklet.gif) no-repeat 50% 50%;
   width: 120px;
   height: 192px;
   text-align: center;
}

td.programBooklet img {
   margin-top: 40px;
}

.smsOK {
   padding: 10px;
   background-color: #090;
   color: #fff;
   font-weight: bold;
   border: 3px ridge #090;
   font-size: 12pt;
   width: 70%;
}

.validationError {
   padding: 10px;
   background-color: #06c;
   color: #fff;
   font-weight: bold;
   border: 3px ridge #06c;
   font-size: 12pt;
   width: 70%;
}

.vRed {
   background-color: #06c;
   border: 3px ridge #06c;
}

.fatalError {
   padding: 10px;
   background-color: #c30;
   color: #fff;
   border: 3px ridge #c30;
   font-size: 12pt;
}

.submitbutton {
   font-weight: bold;
   padding: 0px;
   font-size: 10pt;
   width: 20em;
   height: 2.5em;
}

.seltixform label, input.seltix {
   display: block;
   width: 200px;
   float: left;
   margin-bottom: 10px;
}

.seltixform label {
   text-align: right;
   width: 120px;
   padding-right: 20px;
   padding-top: 4px;
}

.seltixform .emailcheck {
   float: left;
   margin-left: 10px;
   margin-bottom: 10px;
   padding-top: 4px;
   max-width: 230px;
}

label.rememberDetails {
   width: 250px;
}

input.rememberDetails {
   position: relative;
   top: 2px;
}

.seltixform br {
   clear: left;
}

br.mobile {
   display: none;
}

.bookingID {
   /*border: outset 3px #ccc;*/
   border: solid 1px #ccc;
   padding: 5px;
   background-color: #f0f0f0;
   white-space: nowrap;
}

div.copyright {
   font-size: 8pt;
   color: #333;
   background: #ecebe6;
   border: solid 1px #ccc;
   padding: 10px;
   margin: 10px;
}

a.copyright, a.copyright:link, a.copyright:visited, a.copyright:hover {
   font-size: 8pt;
}

table.showReport td {
   border-bottom: solid 1px #ccc;
}

/* standard ACT styles */
.black
{
    COLOR: black
}
.white, a.white, a.white:link, a.white:visited, a.white:hover
{
    COLOR: white
}
.w
{
    COLOR: white
}
.yellow
{
    COLOR: yellow
}
.darkyellow
{
    COLOR: #ffcc33
}
.orange
{
    COLOR: orange
}
.pink
{
    COLOR: #ff66cc
}
.red
{
    COLOR: red
}
.darkred
{
    COLOR: #cc3300
}
.shadowtext
{
    COLOR: black
}
.small
{
    FONT-SIZE: 8pt;
    LINE-HEIGHT: 100%
}
.large
{
    FONT-SIZE: 18pt
}
.wdings
{
    FONT-FAMILY: Wingdings
}
A:link
{
    COLOR: #333;
}
A:visited
{
    COLOR: #333;
}
A:hover
{
    COLOR: #666;
}
P
{
}
BODY
{
    BACKGROUND-COLOR: #f1efe6;
    COLOR: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
    /*scrollbar-3dlight-color : #3d7ab8;
    scrollbar-arrow-color : #ffcc33;
    scrollbar-base-color : #003366;
    scrollbar-darkshadow-color : #002142;
    scrollbar-face-color : #003366;
    scrollbar-highlight-color : #336699;
    scrollbar-shadow-color : #00274f;*/
    margin: 0px;
    padding: 0px;
}
DIV
{
}
DIV.pagebox
{
    BACKGROUND: url(../generalimages/paperrulespiral.gif) #003366 left top;
    BORDER-RIGHT: #000000 2px solid;
    COLOR: navy;
    POSITION: absolute
}
DIV.pageboxtext
{
    COLOR: darkslateblue;
    FONT-FAMILY: Lucida Handwriting;
    FONT-SIZE: 15pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 143.3%;
    POSITION: absolute;
    TEXT-ALIGN: center
}
H1
{
    COLOR: #333;
    FONT-SIZE: 12pt;
    /*LINE-HEIGHT: 80%*/
}
H2
{
    COLOR: #333;
    FONT-SIZE: 14pt;
    /*LINE-HEIGHT: 80%;*/
    /*margin-top: 2px;
    padding-top: 0px;*/
}
H3
{
    COLOR: #333;
    FONT-SIZE: 16pt;
    /*LINE-HEIGHT: 80%*/
}
H4
{
    COLOR: #333;
    FONT-SIZE: 18pt;
    /*LINE-HEIGHT: 80%*/
}
.headingtable {
background: #1e1b1a url(https://www.altonacitytheatre.com.au/wp-content/uploads/2010/03/Header-11-ie6.jpg) no-repeat 14px 0px;
height: 80px;
}
.headingtd {
padding-left: 92px;
padding-bottom: 8px;
height: 80px;
}
/* altona city theatre */
.heading1 {
font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
font-size: 22px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
color: #fff;
}
/* providing music theatre... */
.heading2 {
font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
line-height: 1em;
font-size: 11px;
font-weight: 700;
color: #8f8d8d;
text-transform: uppercase;
/*filter: alpha(opacity=50);
opacity: 0.5;*/
}
/* online tix booking */
.heading3 {
font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
color: #fff;
}
.reallysmall
{
    FONT-SIZE: 6pt
}
.invisible
{
    COLOR: #003366
}
.lightred
{
    COLOR: #ff6666
}
.majorperson {
    COLOR: white;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 100%
}
.gold
{
    COLOR: gold
}
.hidden
{
    VISIBILITY: hidden
}
BODY.bgnorepeat
{
    BACKGROUND-POSITION: left center;
    BACKGROUND-REPEAT: no-repeat
}
BODY.bgfixed
{
    BACKGROUND-ATTACHMENT: fixed
}
.noticecommentsright
{
    BORDER-RIGHT: double;
    COLOR: #ffcc33;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: 100%;
    PADDING-RIGHT: 7px
}
.noticecommentsleft
{
    BORDER-LEFT: 3pt double;
    COLOR: #ffcc33;
    FONT-FAMILY: arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: 100%;
    PADDING-LEFT: 7px
}
.noticeperson
{
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11pt;
    TEXT-DECORATION: underline
}
BODY.sidebarnotices
{
    BACKGROUND-IMAGE: url(http://www2.altonacitytheatre.com.au/generalimages/sidebarnotices.gif);
    BACKGROUND-POSITION: 2px center;
    BACKGROUND-REPEAT: no-repeat
}
BODY.sidebaradlib
{
    BACKGROUND-IMAGE: url(http://www2.altonacitytheatre.com.au/generalimages/sidebaradlib.gif);
    BACKGROUND-POSITION: 2px center;
    BACKGROUND-REPEAT: no-repeat
}
BODY.sidebarapps
{
    BACKGROUND-IMAGE: url(http://www2.altonacitytheatre.com.au/generalimages/sidebarapps.gif);
    BACKGROUND-POSITION: 2px center;
    BACKGROUND-REPEAT: no-repeat
}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #003366; border: 1px #003366 solid; }

/* This is the outline round the main forum tables */
.forumline   { background-color: #fff; border: 1px #ccc solid; }

@media (min-width: 650px) {
   .forumline { background-color: #fff; border: 1px #ccc solid; min-width: 500px; }
}

/* Main table cell colours and backgrounds */
td.row1   { background-color: #fff; }
td.row2   { background-color: #fff; }
td.row3   { background-color: #fff; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
      background-color: #003366;
      background-image: url(http://www2.altonacitytheatre.com.au/phpbb/templates/subSilver/images/cellpic4.gif);
      background-repeat: repeat;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   font-weight : bold;
   background-color: #f0f0f0;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
        /* background-image: url(http://www2.altonacitytheatre.com.au/phpbb/templates/subSilver/images/cellpic4.gif);*/
         background-color:#f0f0f0; /*border: #6699AA; border-style: solid; height: 28px;*/
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #003366; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
   background-color: #336699; border: #6699AA; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right    { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft     { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop    { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
.cattitle      { font-weight: bold; font-size: 12px; color : #333 } /*font-size: 12px ; */
.subtext, .seatReleaseInfo      { font-size: 12px ; color : #333; font-style:italic}
.nortext      { font-size: 12px ; color : #333; }
.bigcattitle { font-size: 12pt; }
div#wrapper {
   border: solid 1px #ccc;
   background: #f7f6f0;
   padding: 10px;
   margin: 10px;
}
.headingPadFix {
   margin-top: 2px;
   padding-top: 0px;
}
div.header {
   COLOR: #333;
   FONT-SIZE: 14pt;
   font-weight: bold;
}
.selectionError {
   font-weight: bold;
   font-size: 16px;
   color : #c30; /*#333;*/
}
input[type="number"] {
   width: 50px;
}