/* Form Elements
---------------------------------------------*/
select
{
    color: #454545;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 8px;
}

select option
{
    padding: 0 5px;
}

input.checkbox, input.radio
{
    _height: 13px;
    _width: 13px;
    padding-bottom: 12px;
}

input.text, input.quantitytext, input.shorttext, input.mediumtext, input.password
{
    border: 1px solid #D3D3D3;
    border-top: 1px solid #818181;
    border-left: 1px solid #818181;
    padding: 2px;
    font-size: 11px;
    width: 200px;
    margin-top: 7px;
}

input.shorttext
{
    width: 100px !important;
}

input.quantitytext
{
    width: 25px !important;
}

input.mediumtext
{
    width: 150px !important;
}

input.submit, #contentLeft a.submitBtn
{
    color: #ffffff;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    background-color: #ff6600;
    padding: 2px 5px;
    border: solid 1px #cbc8b7;
    text-transform: uppercase;
    margin-top: 10px;
	font-family:Verdana, arial, sans-serif;
}

#contentLeft a.submitBtn 
{
	letter-spacing:0;
}

#contentLeft a.submitBtn:hover 
{
	text-decoration:none;
}

#contentLeft a.submitBtn.right {
	float:right;
	margin-right:20px;
}

#contentLeft hr.stacked {
	margin-top:50px;
}

input.submit_secondary
{
    color: #ff7a00;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 2px 5px;
    text-transform: uppercase;
    border: solid 1px #ff7a00;
    margin-top: 10px;
}

input.submit_tertiary
{
    color: #ff7a00;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 2px 5px;
    text-transform: uppercase;
    border: solid 1px #ff7a00;
    margin-top: 10px;
}

.inputlist label
{
    margin-right: 20px;
}

.inputlist input
{
    margin-right: 3px;
}

span.stateMsg 
{
	padding-left:7px;font-size:10px;width:200px;display:block;
}

/* Form -> Layout
-----------------------------------*/
fieldset
{
    border: none;
    padding: 10px 0 10px 170px;
}
fieldset span.error
{
    display: block;
    color: #D1392C;
}
fieldset div.error label
{
    color: #ffffff;
}
fieldset div.error input.text, fieldset div.error input.password, fieldset div.error textarea, fieldset div.error select
{
    border: 1px solid #F1B3B3;
    border-top: 1px solid #D1392C;
    border-left: 1px solid #D1392C;
    background: #ffc;
}
fieldset div.nolabel
{
    margin-left: -145px;
}
fieldset div.buttons
{
    margin-left: 0;
}
fieldset div label
{
    clear: both;
    float: left;
    width: 150px;
    display: inline;
    margin-top: 10px;
    margin-right: 8px;
    margin-left: -150px;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
}
.fieldset_checkbox div label
{
    width: 500px;
    display: inline;
    padding-top: 10px;
    margin-right: 8px;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}
fieldset div div label
{
    float: none;
    display: inline;
    margin-left: 5px;
    font-weight: normal;
    margin-top: 0;
}
fieldset div div
{
    padding: 0;
    margin: 0;
}
fieldset div.iefix
{
}

/* list columns */
fieldset div.cols
{
    margin-bottom: 10px;
}

fieldset div.cols ul.col
{
    width: 50%;
    float: left;
}

fieldset div.cols.three ul.col
{
    width: 33%;
}

fieldset div ul
{
    list-style: none;
}

fieldset div ul.checkbox li, fieldset div ul.radio li
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 3px;
}

fieldset div ul.checkbox li label, fieldset div ul.radio li label
{
    font-weight: normal;
}

/* Form -> Horizontal Form */

fieldset.horizontal fieldset
{
    border: none;
    padding: 7px 0;
}

fieldset.horizontal input.text, fieldset.horizontal input.password
{
    width: 150px;
}

fieldset.horizontal div
{
    float: left;
    display: inline;
    padding: 0;
    margin: 0 5px 5px 0;
}

* html fieldset.horizontal div
{
    height: 20px; /* IE needs this */
}

fieldset.horizontal div label
{
    float: none;
    display: inline;
    margin-left: 0px;
}

fieldset.horizontal div div.nolabel
{
    padding-top: 12px;
    margin: 0;
}

fieldset .checkboxlist
{
    margin-left: -145px;
    border-spacing: 0 6px;
}


/* Login Setup
---------------------------------------------------------*/
#login
{
    position: absolute;
    top: -250px;
    right: 20px;
    font-size: 10px;
    vertical-align: bottom;
}
#login label
{
    margin: 0 0 0 15px;
}
#login input.type_text
{
    width: 85px;
    height: 13px;
    font-size: 10px;
}
#login input.type_submit
{
    height: 20px;
    margin: 0 0 0 15px;
    font-size: 10px;
}
#login p
{
    font-size: 10px;
    position: relative;
    top: 3px;
}
/*-------------------------END -----------------------------------*/

/* SEAT SECTION CHOOSER
-------------------------------------------------------------------------*/
.seatSectionChooser
{
}
.seatSectionChooser .header
{
    background-color: #e6e4d8;
}
.seatSectionChooser .header h4
{
    padding: 5px;
}
.seatSectionChooser .content
{
   
    margin: 0 5px 0 12px;
    padding: 16px 0 10px 0;
}
.seatSectionChooser .header .seriesName
{
    font-family: Universal 39 Thin Condensed;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
.seatSectionChooser .header .seriesDesc
{
    font-family: Verdana;
    color: #333333;
    font-size: 10px;
    clear: both;
}
.seatSectionChooser .header .seriesChange
{
    color: #666;
    font-size: 10px;
    text-align: right;
}
table.seatchooser
{
    text-align: left;
}
.seatSectionChooser table.seatchooser th, table.specialevents th
{
    font-family: Verdana;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.seatSectionChooser table.seatchooser th.section
{
    width: 220px;
}
.seatSectionChooser table.seatchooser th.seats
{
    width: 80px;
}
.seatSectionChooser table.seatchooser th.parking
{
    width: 90px;
}
.seatSectionChooser table.seatchooser th.sub-total
{
    text-align: right;
}
.seatSectionChooser table.seatchooser th.button
{
    width: 150px;
    text-align: right;
}
.seatSectionChooser table.seatchooser input.submit
{
    margin: 0;
    padding: 2px 5px;
}
.seatSectionChooser table.seatchooser td.subtotal
{
    font-family: Verdana;
    font-size: 10px;
    width: 70px;
    font-weight: bold;
    color: #ff6600;
    text-align: right;
}
.seatSectionChooser table.seatchooser div.subtotal, .seatSectionChooser table.seatchooser div.subtotal span
{
    background-color: #e6e4d8;
    color: #ff6600;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    margin-top: 5px;
    padding: 3px 3px 0 0;
}
.seatSectionChooser .progressPanel
{
    position: absolute;
    z-index: 200;
    background: #ff6600;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
.seatSectionChooser .progressPanelContent
{
    z-index: 300;
    text-align: center;
    padding-top: 2px;
    margin: 0 auto;
}
.seatSectionChooser .progressPanelContent img
{
    display: block;
    margin: 0 auto;
}

/* -----------------------------END -----------------------------*/

/* TABLE STYLES 
----------------------------------------------------*/

/*  Special Events Table 
---------------------------------------------------*/
table.specialevents
{
    border-bottom: 1px solid #cbc8b7;
}
table.specialevents th
{
    padding: 5px;
    text-align: center;
}
table.specialevents td
{
    padding: 5px;
    text-align: left;
}
table.specialevents td div
{
    padding: 5px;
    text-align: center;
}
table.specialevents td div img
{
    padding: 5px;
    text-align: center;
    width: 80px;
    height: 100px;
}
table.specialevents td.title
{
    width: 75%;
}
table.specialevents td.link
{
    width: 25%;
}
#cart table.specialevents
{
    border-bottom: 1px solid #cbc8b7;
}
#cart table.specialevents th
{
    padding: 5px;
    text-align: center;
}
#cart table.specialevents td
{
    text-align: center;
    width: 25%;
}

/*  CART
--------------------------------*/
#cart table
{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}
#cart table tr
{
}
#cart table td
{
    padding: 5px;
    vertical-align: top;
    text-align: left;
}
#cart table th
{
    padding: 8px;
    vertical-align: middle;
    background-color: #e6e4d8;
    text-align: left;
}
#cart table td.qty
{
}
div.separator
{
    border-bottom: dotted 1px #cbc8b7;
    margin-bottom: 5px;
}
/*** SINGLE TICKETS ***/
div.singletickets
{
    border: solid 1px #cbc8b7;
}
div.singletickets div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.singletickets div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.singletickets div.item
{
    clear: both;
    padding: 5px;
}
div.singletickets div.performance
{
    float: left;
    width: 45%;
}
div.singletickets div.seats
{
    float: left;
    width: 25%;
}
div.singletickets div.qty
{
    float: left;
    width: 10%;
}
div.singletickets div.price
{
    float: left;
    width: 10%;
}
div.singletickets div.total
{
    float: right;
    width: 10%;
}

/*** SERIES SELECT ***/

div.series_selection{
    border: solid 1px #cbc8b7;
    padding-top:10px;
}
div.series_selection div.seatChooser_container {
    padding:6px;
}

div.series_selection div.content p{
    margin:6px;
}

div.series_selection select,div.series_selection h4{
    margin:0px 13px 5px;
}

div.series_selection td select{
	height:20px;
	margin:2px 0;
	padding-left:3px;
	}

div.series_selection .seatSectionChooser select{
	margin:0;
	}

div.series_selection span.seriesName{
	font:bold 11px/14px Arial,Helvetica,Sans-Serif
	}

/*** END OF SERIES SELECT ***/


/*** SERIES ***/
div.series
{
    border: solid 1px #cbc8b7;
}
div.series div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.series div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.series div.item
{
    clear: both;
    padding: 5px;
}
div.series div.performance, div.seriesAlternates div.performance
{
    float: left;
    width: 30%;
	padding-right:4%;
}
div.series div.seats, div.seriesAlternates div.seats
{
    float: left;
    width: 35%;
}
div.series div.qty, div.seriesAlternates div.qty
{
    float: left;
    width: 10%;
}
div.series div.price, div.seriesAlternates div.price
{
    float: left;
    width: 10%;
}
div.series div.total, div.seriesAlternates div.total
{
    float: right;
    width: 10%;
}
div.seriesAlternates
{
    background-color: #e6e4d8;
    padding: 5px;
    margin:10px;
}
div.seriesAlternates div.footnote
{
    border-bottom: solid 1px #e6e4d8;
    font-size: 9px;
}

/*** MERCHANDISE ***/
div.merchandise
{
    border: solid 1px #cbc8b7;
}
div.merchandise div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.merchandise div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.merchandise div.item
{
    clear: both;
    padding: 5px;
}
div.merchandise div.itm
{
    float: left;
    font-weight: bold;
    width: 70%;
}
div.merchandise div.qty
{
    float: left;
    width: 10%;
}
div.merchandise div.price
{
    float: left;
    width: 10%;
}
div.merchandise div.total
{
    float: right;
    width: 10%;
}

/*** MAY WE SUGGEST ***/

div.may_we_suggest
{
    border: solid 1px #cbc8b7;
}
div.may_we_suggest div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.may_we_suggest div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.may_we_suggest div.item
{
    clear: both;
    padding: 5px;
}
div.may_we_suggest div.itm
{
    float: left;
    font-weight: bold;
    width: 70%;
}
div.may_we_suggest div.qty
{
    float: left;
    width: 10%;
}
div.may_we_suggest div.price
{
    float: left;
    width: 10%;
}
div.may_we_suggest div.total
{
    float: right;
    width: 10%;
}



div.may_we_suggest .block_container div.item
{
	float:left;
	display:inline;
	width:310px;
}

div.may_we_suggest .block_container span.cartChangeLink
{
	float:right;
	display:inline;
	margin:5px 3px;
}


/*** CONTRIBUTIONS ***/
div.contributions
{
    border: solid 1px #cbc8b7;
}
div.contributions div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.contributions div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.contributions div.item
{
    clear: both;
    padding: 5px;
}
div.contributions div.donation
{
    float: left;
    width: 35%;
}
div.contributions div.details
{
    float: left;
    width: 55%;
}
div.contributions div.amount
{
    float: right;
    width: 10%;
}

/*** GIFT CERTIFICATES CART ***/
div.gc
{
    background-color: #cbc8b7;
    clear: both;
    padding: 5px;
    margin-top: 10px;
}
div.gc div.label
{
    font-weight: bold;
    float: left;
}
div.gc div.total
{
    float: right;
    font-weight: bold;
    width: 10%;
}

div.giftCertificates
{
    border: solid 1px #cbc8b7;
}
div.giftCertificates div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.giftCertificates div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.giftCertificates div.item
{
    clear: both;
    padding: 5px;
}
div.giftCertificates div.recipient
{
    float: left;
    width: 35%;
}
div.giftCertificates div.number
{
    float: left;
    width: 55%;
}
div.giftCertificates div.amount
{
    float: right;
    width: 10%;
}

/*** GIFT CERTIFICATES GENERATE ***/
div.giftcertificate
{
    background: White url(../../../images/giftcertificate_bkg.gif) no-repeat center center;
    width: 500px;
    height: 300px;
    margin: 0 auto;
}
div.giftcertificate div.header
{
    font-size: 24px;
    font-weight: bold;
    padding: 60px 0 35px 195px;
}
div.giftcertificate div.label
{
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    float: left;
    width: 285px;
}
div.giftcertificate div.text
{
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-left: 20px;
}
div.giftcertificate div.link
{
    font-weight: bold;
}

/*** MEMBERSHIPS ***/
div.memberships
{
    border: solid 1px #cbc8b7;
}
div.memberships div.header
{
    background-color: #cbc8b7;
    clear: both;
    font-weight: bold;
    padding: 5px;
}
div.memberships div.footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
div.memberships div.item
{
    clear: both;
    padding: 5px;
}
div.memberships div.itm
{
    float: left;
    width: 90%;
}
div.memberships div.total
{
    float: right;
    width: 10%;
}

/*** FEES ***/
div.fees
{
    background-color: #cbc8b7;
    clear: both;
    padding: 5px;
    margin-top: 10px;
}
div.fees div.label
{
    font-weight: bold;
    float: left;
}
div.fees div.total
{
    float: right;
    font-weight: bold;
    width: 10%;
}

/*** CART TOTAL ***/
div.cartTotal
{
    background-color: #cbc8b7;
    clear: both;
    padding: 5px;
    margin-top: 10px;
}
div.cartTotal div.label
{
    font-weight: bold;
    float: left;
}
div.cartTotal div.total
{
    float: right;
    font-weight: bold;
    width: 10%;
}

div.cartBalance
{
    background-color: Black;
    clear: both;
    padding: 5px;
    margin-top: 10px;
}
div.cartBalance div.label
{
    color: White;
    font-weight: bold;
    float: left;
}
div.cartBalance div.total
{
    color: White;
    float: right;
    font-weight: bold;
    width: 10%;
}

#cart #contributions
{
    border: solid 1px #cbc8b7;
    padding: 5px;
}
#checkout #checkoutinfo
{
    
}
#checkout #checkoutinfo div.info
{
    float: left;
    display: inline;
    width: 210px;
}
#checkout #planvisit
{
    border-collapse: collapse;
    border: solid 1px #e6e4d8;
    padding: 12px;
    margin-top: 10px;
}
#checkout #planvisit ul li
{
    text-align: left;
    list-style-type: none;
}
#checkout #planvisit ul li label
{
    padding-left: 8px;
}
.cartBlockHead
{
    margin-top: 10px;
    border-left:solid 1px #CBC8B7;
    border-right:solid 1px #CBC8B7;
    border-top:solid 1px #CBC8B7;
    overflow:hidden;
    padding:8px 5px 5px;
   
}
.cartBlockHead h4
{
    float: left;
}
.cartBlockHead .cartChangeLink
{
    float: right;
    text-align: right;
    font-size: 11px;
}
.cartBlock
{
    clear: both;
}

/*----------------------------------------------------------------
    SERIES SUBSCRIPTION FORM ELEMENTS
------------------------------------------------------------------*/
#series_subscription
{
    margin: 10px;
}
#series_subscription h4, #series_subscription hr
{
    clear: left;
}
ul.concertseries-list
{
    padding-bottom: 15px;
}
ul.concertseries-list li
{
    list-style-type: none;
    clear: left;
}
ul.concertseries-list li .title
{
    width: 200px;
    float: left;
    margin-top: 5px;
    margin-right: 8px;
}
ul.concertseries-list li .description
{
    float: left;
    margin-top: 5px;
    text-align: right;
}
ul.concertseries-list li .student
{
    margin-left: 5px;
    font-weight: bold;
    color: #850d2f;
}
/*----------------------------------------------------------------------
    MEMBERSHIP CONTRIBUTION FORM ELEMENTS
------------------------------------------------------------------------*/
/* General Elements 
--------------------------------*/
#contribute_form h3
{
    margin: 10px 0;
}
#contribute_form label
{
    font-size: 11px;
}
#contribute_form ul li
{
    list-style-type: none;
    margin:0;
}
#contribute_form .step_contribution
{
    padding: 10px 5px 0 5px;
    font-weight: bold;
}
/* Membership Section Elements 
----------------------------------*/
#contribute_form #membership, #contribute_form #programs, #contribute_form #memorial, #contribute_form #matching,#contribute_form #priorities
{
    background: #e7e7de;
    padding: 10px 0 10px 10px;
}
#contribute_form #donor_options
{
    background: #D2D1BF;
    padding: 10px 0 10px 10px;
}

#contribute_form .inputbox
{
    padding: 0px;
    margin: 0px;
}
#contribute_form #membership .inputbox ul
{
    padding: 0px 5px 5px 0;
    margin: 0px;
}
#contribute_form #membership .inputbox ul#friends
{
    float: left;
    width: 200px;
    margin: 0px;
}
#contribute_form #membership .inputbox ul#circle
{
    float: left;
    width: 200px;
    margin: 0px;
}
#contribute_form #membership .inputbox .others_text
{
    margin-left: 35px;
}
#contribute_form #membership #paymentoptions, #contribute_form #membership #renewaloption
{
    padding: 0 0 15px 10px;
}
#contribute_form #membership li input, #contribute_form #paymentoptions input, #contribute_form #renewaloption input, #contribute_form #honorary input
{
    float: left;
    display: inline;
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 5px;
}
#contribute_form #membership li label
{
    float: left;
    display: inline;
    width: 100px;
    margin-top: 5px;
}
#contribute_form #paymentoptions label, #contribute_form #renewaloption label
{
    float: left;
    width: 300px;
    display: inline;
    margin-top: 5px;
}
/* SFS Programs Elements 
--------------------------------*/
#contribute_form #programs li label, #contribute_form #memorial #chooser label, #contribute_form #matching label, #contribute_form #memorial .inputbox #honorRecognition label,#contribute_form #priorities label
{
    float: left;
    width: 150px;
    display: inline;
    margin-top: 10px;
    text-align: right;
}
/* Memorial/Honorary Section Elements 
------------------------------------------*/
#contribute_form #honorary
{
    margin-left: 7px;
}
.text_honorary
{
    border: 1px solid #D3D3D3;
    border-top: 1px solid #818181;
    border-left: 1px solid #818181;
    padding: 2px;
    font-size: 11px;
    width: 250px;
    margin-top: 2px;
    margin-left: 25px;
}
#contribute_form #honorary label
{
    float: left;
    width: 100px;
    display: inline;
    margin-top: 5px;
}
#honorRecognition
{
    margin-top: 10px;
}
/* Matching Section Elements 
------------------------------------------*/
#contribute_form #matching .inputbox p
{
    margin-top: 15px;
}
/* Donor Options Section Elements 
------------------------------------------*/
#contribute_form #donor_options .inputbox label
{
    display: inline;
    width: 375px;
    float: left;
    text-align: left;
    margin-top: 5px;
}
#contribute_form #donor_options .inputbox input, .radiobutton input
{
    float: left;
    width: 15px;
    margin-left: 0px;
    margin-top: 7px;
    margin-right: 5px;
}
.radiobutton label
{
    float: left;
    width: 100px;
    font-weight: bold;
    display: inline;
    margin-top: 5px;
}
/*** DONATE TICKETS ***/
#donate
{
    border: solid 1px #cbc8b7;
}
#donate .header
{
    clear: both;
    background-color: #cbc8b7;
    padding: 5px;
}
#donate .header div
{
    font-weight: bold;
}
#donate .footer
{
    background-color: #e6e4d8;
    clear: both;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}
#donate .item
{
    clear: both;
    padding: 5px;
}
#donate .header .flag, #donate .item .flag, #donate .footer .flag
{
    float: left;
    width: 5%;
}
#donate .header .textbox, #donate .item .textbox
{
    float: left;
    width: 20%;
}
#donate .item .textbox input
{
    width: 75px;
}
#donate .header .title, #donate .item .title
{
    float: left;
    width: 30%;
}
#donate .header .seat, #donate .item .seat
{
    float: left;
    width: 25%;
}
#donate .header .amount, #donate .item .amount, #donate .footer .amount
{
    float: right;
    width: 10%;
}