/* TBA */

body {
    background: #1A2480;
    color: #2A2A2A;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    margin: 0px;
}

/*Hide Still Avail and Max Cap columns on Class listing PP */
html>body>form>table.page_public.tt-page-9498>tbody>tr>td>div#wrapper>div.maincell>table.content>tbody>tr>td>table.table.table-bordered.table-striped.table-condensed>tbody>tr>th:nth-child(4) {display: none;}

html>body>form>table.page_public.tt-page-9498>tbody>tr>td>div#wrapper>div.maincell>table.content>tbody>tr>td>table.table.table-bordered.table-striped.table-condensed>tbody>tr>th:nth-child(5) {display: none;}

html>body>form>table.page_public.tt-page-9498>tbody>tr>td>div#wrapper>div.maincell>table.content>tbody>tr>td>table.table.table-bordered.table-striped.table-condensed>tbody>tr>td:nth-child(4) {display: none;}

html>body>form>table.page_public.tt-page-9498>tbody>tr>td>div#wrapper>div.maincell>table.content>tbody>tr>td>table.table.table-bordered.table-striped.table-condensed>tbody>tr>td:nth-child(5) {display: none;}

/*offsets the margin added to p tags so text is horizontally aligned across the page */
p { margin-top: 0; }

/* Styles the hr tag, often used between show descriptions on main ticketing page */
hr {
    color: #000;
    background-color: #000;
    border: 0;
    height: 1px;
    width: 100%;
}

#wrapper{
    width:980px;
    height:100%;
    margin:auto;
    background:#fff;
}

.logo{
    width:980px;
    height:200px;
}

.line{
    height:25px;
    width:980px;
    background: #1A2480;
}

.maincell {
    min-height: 400px;
    padding: 10px;
}

/* form { margin-bottom: 0px; } */

/* -------------------- Links -------------------- */

/* Link within the content area */
.content a {
    color: #1A2480;
    text-decoration: underline;
}

.content a:hover {
    color: #1A2480;
    text-decoration: none;
}

/* Link outside of the content area - this code is not necessary if the page 
	background color is similar to the background color of the content area */

a {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

/* -------------------- Fonts -------------------- */
.normal { 
    color: #2a2a2a; 
    font-size: 15px; 
}

.content { 
    font-size: 15px;
}

h1 {
    color: #1A2480;
    font-family: 'Noticia Text', serif;
    font-size: 35px;
    font-weight: bold;
    margin-top: 0px;
}

h2 {
    color: #1A2480;
    font-family: raleway,Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
}

.emph {
    color: #2a2a2a;
    font-weight: bold;
}

.message {
    background-color: #1A2480;
    color: #fff;
    font-size: 150%;
    padding: 5px;
}

.error {
    background-color: red;
    color: #fff;
    font-size: 150%;
    padding: 5px;
}

/* ------------- Tables ------------- */
#A176 {
    font-weight: bold;
}

/* table for information sidebar on main ticketing page - this puts a line at left */
#TBL180 {
    border-left: 2px solid #000000;
    padding-left: 5px;
    width: 200px;
}

/* table for login options - this puts a line between the 2 sides */
#TBL2822 {
    border-left: 2px solid #000000;
    padding-left: 5px;
}

/* table for gift certificate sales - this puts a line at left, restricts width*/
#TBL5776 {
    border-left: 2px solid #000000;
    padding-left: 5px;
    width: 250px;
}

/* table for information sidebar on preseason page */
#TBL3681 {
    width: 200px;
    border-left: 2px solid #000000;
}

/*Gift Certificate column */
#TBL5776 td {
    min-width: 160px;
}

/* formats header for the class registration (class list) page and email table on cust login pg */
.table-bordered {
    border: 1px solid #000000;
}

/* sets the asterisk color to white - is necessary if the table-bordered th color is dark */
.table-bordered .required_asterisk {
    color: #fff; 
    font-size: 18px;
}

/* This affects tables, like the email table on the Customer Info page, and the "Receive Updates" column header text in that table */
.table-bordered th {
    background-color: #1A2480;
    color: #fff;
    font-size: 15px;
    padding: 3px 5px;
}

/* Font used for Print ticket link on the last page of the buy path */
.table-bordered a { font-size: 14px;
}

/* decrease input field width on class enrollment page */
#TXT9383 { max-width: 120px; } /* other notes input field */
#TXT9380 { max-width: 70px; } /* first name input field */

/* formats membership listing table and renewal table on membership page */
#mem_amount { text-align: center;
}

/* this adds a dollar sign in front of the membership prices */
#mem_amount:before { content: "$"; }

/* this removes the dollar sign from areas where it should not be displayed */
th:before { content: none !important; }

/* Formats the select membership link on the membership public page. Usually doesn't have to be adjusted */
#mem_select { font-weight: bold; vertical-align: top; }
#mem_select a{ text-decoration: underline;}
#mem_select a:hover { text-decoration: none;}

/*This formats the Membership List table on the membership PP */
#membership_level_table { border: 1px solid #000000; }

#membership_level_table th {
    background-color: #1A2480;
    color: #ffffff; 
    font-size: 15px; 
    padding: 0px 5px; 
}

#membership_level_table td { padding: 5px 3px; }

/* This formats the Membership Renewal table (not to be confused with the List of Memberships table) */
#membership_table { 
    border-bottom: 1px dashed #333;
    box-shadow: inset 0 -1px 0 0 #333, 0 1px 0 0 #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#membership_table th {
    background-color: #1A2480;
    color: #fff;
    padding: 5px 8px 5px 10px;
    vertical-align: top;
}

#membership_table td { 
    color: #000000;
    font-weight: bold; 
    padding: 0px 5px; 
}

/* subscription - select series page */
.subscription_series_name { font-weight: bold; }


/* HTABLE (data grid) column headers) */
.htable {
    border: 1px solid #000000;
}

.headtext {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.htable th {
    background-color: #1A2480;
    color: #ffffff;
    font-size: 15px; 
    padding: 0 5px;
    vertical-align: middle;
}

.htable td {
    color: #2a2a2a;
    padding: 1px 5px 2px;
    vertical-align: middle;
}

/* -------------------- Formats images on main ticketing and select a date pages -------------------- */
img { border: 0 }

.show_image_div img { 
    max-width: 250px;
    padding-right: 5px;
}

#TBL2885 img { 
    max-width: 250px;
    padding-right: 5px;
}

/* Generally have things go to the top of their cells instead of 
   floating in the middle, which tends to be the default otherwise */

td {
    vertical-align: top;
}

.page_public {
    width: 100%;
}

/* ---------- stagelabel class for use in the large label of "STAGE" on seating charts --------- */
.stagelabel {
    background-color: #1A2480;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
}

/* ---------- table class for use in the large label of "table #" on dining table format seating charts --------- */
.table {
    background-color: #1A2480;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}

/* ---------- this label changes how the row labels, etc display on seating charts --------- */
.seat_label_td {
    color: #2a2a2a;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}

/* ------ FOOTER SECTION ------*/
.footer {
    color: #fff;
    font-family: raleway,Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.3;
    padding: 15px 0;
    text-align: center;
}

.footer a { 
    color: #fff;
    text-decoration: underline;
}

.footer a:hover { 
    color: #fff;
    text-decoration: underline;
}