/* Notes for this client - use this area to record standard colors, other notes 
*/

body {
    background: #4169E1;
	color: #474747;
	font-size:13px;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	margin: 0px;
}

.header {
	height: 100px;
	padding-left: 15px;
}

#PageWrapper {
	width: 974px;
	padding: 0 8px;
	background: url("actup_content_overlay.png") repeat-y 0 0;
	margin: 0 auto;
}

.bluebar {
	border-top: solid 1px #1a87a4;
	border-left: solid 1px #1a87a4;
	border-right: solid 1px #1a87a4;
	background: url("actup_bluebar_2.png") repeat-x;
	height: 35px;
}

.maincell {
	padding: 10px;
	background-color: #fff;
}

/* -------------------- Links -------------------- */
a {
	color: #999;
	text-decoration: underline;
}

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

/* main ticketing front page buy tix links, retail page select item link, membership link */
#Abuy_tickets, #Aitem_select, #mem_select a {
    background: #4169E1;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-transform:uppercase;
    white-space: nowrap;
}

#Abuy_tickets:hover, #Aitem_select:hover, #mem_select a:hover {
    background: #1a87a4;
    color: #fff;
    text-decoration: none;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}


/* -------------------- Fonts -------------------- */

.normal { 
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 13px; 
	color: #474747; 
}

.content {
	font-size: 13px;
}

h1 {
	font-family: Vegur, Arial, Helvetica, Garuda, sans-serif;
	font-size: 20px;
	color: #0977A2;
	font-weight: bold;
}

h2 {
	font-family: Vegur, Arial, Helvetica, Garuda, sans-serif;
	font-size: 16px;
	color: #22a2bf;
	font-weight: bold;
}

.emph {
	color: #000000;
	font-size:14px;
	font-weight: bold;
	font-family: Vegur, Arial, Helvetica, Garuda, sans-serif;
}

.message {
	font-size: 150%;
	color: #ffffff;
	background-color: #22a2bf;
}

.error {
	font-size: 200%;
	color: white;
	background-color: red;
}


/* ------------- Tables ------------- */

#A176 {
	font-weight:bold;
}

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

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

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

/* Select a performance page - sets the width of the performances to evenly space the perf column and the perf notes column */
#TBL4561 {
    width:250px;
}

/* Font used for Print ticket link on the last page of the buy path */
#TBL2955 {
	font-size: 16px;
}

#TBL2955 a {		
	font-size:16px;
}

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

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

.table-bordered th {
   padding-top:    3px;
   padding-bottom: 3px;
   padding-left:   5px;
   padding-right:  5px;
   background-color: #22a2bf;
   color: #fff;
   font-size: 16px; 
}

.table-bordered a {
	font-size: 15px;
}

/* formats membership page */
#mem_level {
	vertical-align: top !important;
}

#mem_amount {
	vertical-align: top !important;
}

#mem_select {
	vertical-align: top !important;
}

#membership_level_table th {
	vertical-align: top;
	background-color: #22a2bf;
	color:white;
}

#membership_level_table  {
	border:1px solid #000000;
}

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

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

/* ---------- some examples of classes used for formatting sections of the public page config --------- */

.maintable {
	border: 1px solid #000000;
}

/* HTABLE (data grid) column headers) */

.htable {
	border:1px solid #000000;
}

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

.htable th {
   padding-top:    0px;
   padding-bottom: 0px;
   padding-left:   5px;
   padding-right:  5px;
   vertical-align:middle;
   background-color: #22a2bf;
   color:white;
   font-size: 14px; 
}

.htable td {
   padding-top:    1px;
   padding-bottom: 2px;
   padding-left:   5px;
   padding-right:  5px;
   vertical-align:middle;
   color: #000000;
   font-size: 13px; 
}


/* -------------------- Default settings -------------------- */

img {border: 0px}


/* 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: #22a2bf;
	color: #fff;
	font-size:24px;
	vertical-align: middle;
	text-align:center;
}

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

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


/* ------ FOOTER SECTION ------*/
.footer {
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	line-height: 17pt;
	text-align: center;
	color: #fff;
	padding: 8px 0px;
	background: url("actup_footer_2.png") no-repeat;
	height: 65px;
}

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

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

/* ---------- kissing column formatting --------- */
.kcolumn td {
  	vertical-align: baseline;
}