/* Event calendar css */

div.luminate-eventAppArea {
	max-width: 900px;
    _width: 900px;  /*IE only*/
    display: inline-block;    
}

h2.lo-titlebar {
    font-size: 22px;
    font-weight: 600;
    padding: 0;    
    text-color: #555555;
}


div.lo-EventSubHeaderBar{
    font-size: 17px;
    font-weight: 600;
    padding: 0;    
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;      
}



div.lo-EventBorderContainer, div.lo-BorderContainer {
    padding: 20px;
    border-width:1px;
  	border-style:solid;
  	border-color: #eaeaea;  
  	margin-bottom:15px;
  	_width: 900px; /* IE only */
}

div.lo-MultiPartEventBorderContainer {    
    border-width:1px;
  	border-style:solid;
  	border-color:#eaeaea;  
  	margin-bottom:15px;
}
div.lo-EventLeftBorderContainer {
    padding-left: 10px;
    padding-right: 10px;
    border-width:1px;
    border-left-style: solid;  	
  	border-color:#eaeaea;    	
}


div.lo-small-height {
	height:40px;
}
div.lo-padding-five {
    padding: 5px;          
}

div.lo-EventTotalBorderContainer {
	margin-top: 20px;
    padding: 10px;
    border-width:3px;
  	border-style:solid;
  	border-color:#999696;   	
  	background-color:#C0C0C0;
}



div.lo-EventReminderContainer, div.lo-EventBorderTopBottomContainer {
    padding: 10px 0px 10px 0px;
    border-width:1px;
  	border-top-style:solid;
  	border-bottom-style:solid;
  	border-color:#C0C0C0;  
  	margin-bottom:25px;
  	margin-top:25px;
}

div.lo-EventReminderContainer2 {
    padding: 15px 0px 0px 0px;
    border-width:1px;  	
  	border-bottom-style:solid;
  	border-color:#C0C0C0;  
  	margin-bottom:15px;
  	margin-top:15px;
}
div.lo-EventReminderSelectedContainer{
	margin-bottom:15px;
}
div.lo-EventReminderElementContainer {
	float:left;
	margin-right: 10px;
	padding:5px;
}
div.lo-EventReminderChoiceContainer {
	width: 450px;
}
div.lo-small-margin-bottom{
	margin-bottom:5px;
}
div.lo-small-margin-right {
	margin-right:4px;
}


div.lo-LocationTitleBar, div.lo-EventSubHeaderBarContainer  {
    padding: 0;   
}

div.lo-Explicit {
    padding: 0;
    margin-bottom: 20px;
}
div.lo-EventContainer {
    padding: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}


div.lo-EventSubHeaderAvailInfoContainer, div.lo-EventSectionContainer {
	    margin-bottom: 10px;	    
}

div.lo-UserDetailNav {
	float: right;
}
div.lo-UserDetailContainer {
    padding: 5px 5px;    
    margin: auto;
}

div.lo-EventBorderSubContainer {
    padding: 0px;        	
	margin-bottom:25px;
}

div.lo-CalendarDateInfoContainer {
    padding: 0px;    
    font-size:13.5px;
	width: 500px;
	margin-bottom:25px;
}

div.lo-BoldTextContainer {
	margin-bottom:25px;
	font-size:13.5px;	
}
span.lo-EventBoldText {
	font-size:13.5px;
	font-weight: bold;	
}


div.lo-child-event-container div.lo-ChildEventTimeContainer {	
    width: 200px;        
}

div.lo-child-event-container div.lo-height-ten {
	height:10px;
}

div.lo-child-event-container p.lo-EventDivider {
    background-color: #ccc;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 8px;    
}

div.lo-CalendarDateInfoContainer div.lo-CalendarDateLabel {
	font-weight: bold;
	width: 100px;
	float: left;
}
div.lo-UserDetailContainer div.lo-DaysLabel {
	font-weight: bold;		
}
div.lo-CalendarDateInfoContainer div.lo-CalendarAddressLabel {
	font-weight: bold;
	width: 100px;
	height:80px;
	float: left;
}
div.lo-CalendarDateInfoContainer div.lo-CalendarAddressValue {
	height:80px;
}

div.lo-float-right {
	float:right;
}
div.lo-float-left {
	float:left;
}
div.lo-EventBottonContainer {
	padding: 15px;
}

div.lo-EventButtonContainer, div.lo-ButtonContainer  {
	float:right;
	position:relative;
	margin-bottom:10px;
}


div.lo-EventReqContainer {
	height:20px;
	margin:0px;		
	padding:1px
}

div.lo-EventAdditonalLabel {
	width:800px;
	_width:780px;
	padding: 5px;
	margin:0px;
}
div.lo-EventAdditionalGiftValueContainer {	
	height:20px;
	padding: 5px 5px 0px 5px;
	margin:0px;
}
div.lo-EventAdditionalGift {
	padding: 0px;	
	margin:2px 0px 2px 0px;		
	width:100%;
}

/**
* Survey question specific css
*/ 
div.surveyHeaderContainer {
	display:none;
}
span.survey-num {	
	display:none;
}



/**
* Column header for Child event
*/

th.lo-event_child_heading_border_right {
    border-right: 1px solid #ccc;
}

th.lo-event_child_heading {
    background-color: #fff;
    color: black;    
    text-align: left;    
    padding: 5px 5px;    
}


td.lo-Event_lc_Cell_border_top {	
	padding:5px;
	border-top: 1px solid #CCC;
}
td.lo-Event_lc_Cell_border_right {	
	border-right: 1px solid #CCC;
}

th.lc_Heading {	
	
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


table.lo-no_border_bottom {
	width:100%;
	/* Depends on the wrapper, you might want to change the width of the table.	 
	*  especially for IE. 
	*/	
	border-bottom:hidden;
	border-right:hidden;	    
    border-top: 1px solid #ccc;
	border-bottom-color: #fff !important;
}
/*
* Print Receipt image
*/
a.lo-eventPrintReceipt {
	display:block;
	background: #fff url("../../images/icon_print.png") top left no-repeat;
	vertical-align:top;
	border:0px;	
	width:60px;
	height:20px;
}

/**
* for donation pages
*/ 
#PARSE_PAYMENT_FORM, #TRANSACT_CHARGE {
	/*
	Activate these styles if you want to change the order of the buttons; i.e. next step and previous step button
	Activating this styles may cause a problem if customer is using custom Donation_UD-4_Donate_Form.tpt file	
	*/
	/*	
	position:absolute;
	right:0;
	*/
}
#CANCEL_DIRECT_PAY_FORM, #SHOW_PAYMENT_FORM {
	/*
	Activate these styles if you want to change the order of the buttons; i.e. next step and previous step button
	Activating this may cause a problem if customer is using custom Donation_UD-4_Donate_Form.tpt file	
	*/
	/*
	position:absolute; 
	right:100px;
	*/
}
#HOME {
		display:none;
}
div.donationContainer {	
    margin-left: 0px !important;
    margin-top: 0px !important;
    width:100%;
    _width:900px;
}




/**
 * Ticket classes
 */
 
.ticket-class-details-dialog {
	background: none #FFFFFF;
	border-radius: 6px;
	border: 1px solid #DDDDDD;
	box-shadow: 3px 3px 5px #777777;
	font-size: 1.1em;
	overflow: hidden;
	padding: .2em;
}

.ticket-class-details-dialog .ui-dialog-titlebar {
	cursor: move;
	padding: .3em 1em .3em;
}

.ticket-class-details-dialog .ui-dialog-title {
}
	
.ticket-class-details-dialog .ui-widget-header {
	background: none #FFFFFF;
	border: 0 none;
	font-weight: bold;
}

.ticket-class-details-dialog .ui-dialog-titlebar-close {
	float: right;
	height: 18px;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 5px;
	width: 19px;
}

.ticket-class-details-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}

.ticket-class-details-dialog .ui-widget-header .ui-icon {
	background: url('../../images/button_X.png') no-repeat scroll right 0 transparent;
	cursor: pointer;
	overflow: hidden;
	text-indent: -99999px;
	height: 16px;
	width: 16px;
}	

.ticket-class-details-dialog .ui-dialog-content {
	background: none #FFFFFF;
	padding: 0 5px;
}

.ticket-class-details-dialog .ui-resizable-se {
	bottom: 3px;
	cursor: se-resize;
	display: block;
	height: 14px;
	right: 3px;
	width: 14px;
}

.ticket-class-details-dialog .ui-resizable-se {
	font-size: 0.1px;
	position: absolute;
	background-image: url('../../jquery/plugins/ui/themes/cupertino/images/ui-icons_72a7cf_256x240.png');
	background-position: -80px -224px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -99999px;
	width: 16px;
	height: 16px;
}


.ticket-class-details-dialog .ticket-class-details {
	border-top: 1px solid #DDDDDD;
	margin: 5px 15px 0;
	padding-top: 5px;
}
 
.ticket-class-details-dialog .ticket-class-details .ticket-class-details-image-box {
   float: left;
   margin-right: 20px;
 }
 
 
 /* Related Links */
table.RLBack {
    background-color: #eee !important;
    border: solid 1px #D9D9D9 !important;
    
}

div.lo-relatedLinkBox {
	float: right;
	width: 400px;	  
	_width: 200px; /* IE only */
}