/* Notes for this client - use this area to record standard colors, other notes 
*/

body {
	background-color:#FFFFFF;
	color: #333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top:25px;
}

.logo {
	padding: 94px 0 20px 0;
	text-align: right;
    background: url("cmf_headerlgr.jpg") no-repeat;
	height:/*248*/280px;
}

/* -------------------- Links -------------------- */
a {
	color: #C60;
	text-decoration: underline;
	font-weight:bold;
}

a:hover {
	color: #C60;
	text-decoration: none;
	font-weight:bold;
}


/* -------------------- Fonts -------------------- */

.normal { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #333; 
}

.content {
	font-size: 12px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #600;
	font-weight:500;
	line-height: 120%;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}

.emph {
	color: #333;
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.message {
	font-size: 150%;
	color: #ffffff;
	background-color: #600;
}

.error {
	font-size: 200%;
	color: white;
	background-color: red;
}


/* ------------- Tables ------------- */

#A176 {
	font-weight:bold;
}

/* table for front_page_text system message - this puts a line at left */
#TBL180 {
	width:160px;
	border-left: 2px solid #333;
}

/* table for login options - this puts a line between the 2 sides */
#TBL2822 {
	border-left: 2px solid #333;
}

/* table for gift certificate sales - this puts a line at left, restricts width*/
#TBL5776 {
    border-left: 2px solid #333;
    width: 250px;
}
/* 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 #000000;
}

/* 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: #600;
   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: #600;
	color: #ffffff;
}

#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 #333;
}

.maincell {
	padding-top: 5px;
}

/* HTABLE (data grid) column headers) */

.htable {
	border:1px solid #333;
}

.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: #600;
   color:white;
   font-size: 13px; 
}

.htable td {
   padding-top:    1px;
   padding-bottom: 2px;
   padding-left:   5px;
   padding-right:  5px;
   vertical-align:middle;
   color: #333;
   font-size: 12px; 
}


/* -------------------- 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: #600;
	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: #600;
	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: #333;
	font-size: 10px;
	vertical-align:middle;
	text-align:center;
}


/* ------ FOOTER SECTION ------*/
.footer {
	background: url("cmf_dotftrline.jpg") left top repeat-x;
	padding: 5px 0 0 7px;
	margin: 5px 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:none;
	line-height: 12pt;
	text-align: left;
	color: #666;
	font-size: 10px;
}

.leftborder {
    border-left: 1px solid #666;
	padding-left:5px;
}

.footer a {
	font-weight:normal;
}

.footer a:hover { 
	font-weight:normal;
}


/* ---------- kissing column formatting --------- */
.kcolumn td {
  	vertical-align: baseline;
}


