/* UFC COMMUNITY */
/* Event Section Stylesheet
----------------------------------------------------------------------------- */

	@import url("widget-blog.css");
	@import url("widget-comment.css");
	@import url("widget-event.css");
	@import url("widget-media.css");
	@import url("widget-member.css");
	@import url("widget-photo.css");
	
	
/* Event - Modify RSVP
--------------------------------------------------------------------------- */


	#rsvp {
	
	display: none;
	float: left;
	clear: both;
	width: 250px;
	margin: 0 0 20px 15px;
	background: #f2f2f2;
		
	}
	
	#rsvp ul.toggle {
		
	height: 22px;
	margin: 0 0 10px 26px;
		
	}
	
	#rsvp ul.toggle li {
		
	float: left;
		
	}
	
	#rsvp ul.toggle li a, #rsvp ul.toggle li strong {
		
	display: block;
	height: 22px;
	margin: 0 10px 0 0;
	text-indent: -5000px;
	overflow: hidden;
		
	}
	
	#rsvp ul.toggle li a:hover, #rsvp ul.toggle li strong {
		
	background-position: 0 -22px !important;
		
	}
	
	#rsvp ul.toggle li .going {
		
	width: 47px;
	background: url(../images/section-events/a-yes.gif);
		
	}
	
	#rsvp ul.toggle li .notgoing {
		
	width: 41px;
	background: url(../images/section-events/a-no.gif);
		
	}
	
	#rsvp ul.toggle li .maybe {
		
	width: 67px;
	background: url(../images/section-events/a-maybe.gif);
		
	}

	
/* Event - Display
--------------------------------------------------------------------------- */


	#page-event h2 {
	
	margin-bottom: 5px;
		
	}

	
/* Event Details */


	#details {
		
	clear: both;
	width: 505px;
		
	}
	
	#details h3, #details h4.date {
	
	display: none;
		
	}
	
	#details h4 {
	
	clear: both;
	margin: 0 0 3px 0;
	padding: 15px 0 3px 0;
	font: bold 14px/17px Arial, sans-serif;
	color: #000;
	border-bottom: 1px dotted #6f7573;
	text-transform: uppercase;
		
	}
	
	#details dd {
		
	width: 390px;
		
	}
	

/* Share Media + analysis
--------------------------------------------------------------------------- */

	#page-event-media #layout,
	#page-event-analysis #layout,
	#page-event-predictions #layout,
	#page-event-going #layout,
	#page-event-went #layout {
	
	background-image: url(../images/layout/bg-layout-one.gif);
		
	}
	
	#page-event-media h2,
	#page-event-analysis h2,
	#page-event-predictions h2,
	#page-event-going h2,
	#page-event-went h2, {
		
	margin-bottom: 5px;
		
	}
	
	#page-event-media #main,
	#page-event-analysis #main,
	#page-event-predictions #main,
	#page-event-going #main,
	#page-event-went #main {
		
	width: 780px;
	padding-right: 0;
		
	}
	
	#page-event-media .panel,
	#page-event-media .panel ul.tabs,
	#page-event-analysis .panel,
	#page-event-analysis .panel ul.tabs,
	#page-event-predictions .panel,
	#page-event-predictions .panel ul.tabs,
	#page-event-going .panel,
	#page-event-going .panel ul.tabs,
	#page-event-went .panel,
	#page-event-went .panel ul.tabs {
		
	width: 780px;
	margin-bottom: 0;
		
	}
	
	#page-event-media #main div.widget-event,
	#page-event-analysis #main div.widget-event,
	#page-event-predictions #main div.widget-event,
	#page-event-going #main div.widget-event,
	#page-event-went #main div.widget-event {
		
	width: 780px;
	padding: 0;
		
	}
	
	#page-event-media #main div.widget-event ul.actions,
	#page-event-analysis #main div.widget-event ul.actions,
	#page-event-predictions #main div.widget-event ul.actions,
	#page-event-going #main div.widget-event ul.actions,
	#page-event-went #main div.widget-event ul.actions {
		
	width: 760px;
		
	}
	
	/* Instructions */
	
	#page-event-going h2, #page-event-went h2, #page-event-analysis h2, #page-event-predictions h2 {
	
	margin-bottom: 5px;
	
	}
	
	#main div.instructions {
			
	width: 720px;
	padding: 0 30px 20px 30px;
		
	}
	
	#main div.instructions h3,
	#main div.instructions h3 {
		
	display: block;
	margin: 0 0 10px 0;
	font: bold 30px/34px Arial, sans-serif;
	color: #a90000;
	text-transform: uppercase;
		
	}
	
	#page-event-going #main div.instructions p,
	#page-event-went #main div.instructions p {
	
	font-size: 12px;
	
	}

	#page-event-media #sidebar,
	#page-event-analysis #sidebar,
	#page-event-predictions #sidebar,
	#page-event-going #sidebar,
	#page-event-went #sidebar, {
		
	display: none;
		
	}
	
	

/* Event - Browse (Table)
--------------------------------------------------------------------------- */

	div.widget-event.browse table {

	width: 780px;
	background: #eee;

	}
	
	div.widget-event.browse thead th {
	
	padding: 7px 10px;
	text-align: left;
	font: bold 11px/14px Arial, sans-serif;
	text-transform: uppercase;
	color: #ccc;
	background: #333;
	border-right: 1px solid #999;
	white-space: nowrap;
		
	}
	
	div.widget-event.browse thead th.thumbnail,
	div.widget-event.browse thead th.tickets,
	div.widget-event.browse thead th.comments {
	
	display: none;	
	padding: 0;
	border: 0 !important;
	text-indent: -5000px;
		
	}
		
	div.widget-event.browse tr td.thumbnail {
	
	display: none;	
	padding: 0;
	border: 0;
		
	}
	
	div.widget-event.browse tr td {
		
	padding: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
		
	}
	
	div.widget-event.browse tr td.date {
		
	white-space: nowrap;
		
	}
	
	div.widget-event.browse tr td.rsvp em {
		
	font-weight: bold;
	font-style: normal;
		
	}
		
	div.widget-event.browse tr td.last,
	div.widget-event.browse tr td.comments {
		
	display: none;
		
	}
	
	div.widget-event.browse tr.alt td {
		
	background-color: #ddd;
		
	}
		
	div.widget-event.browse tr td a.comments {
		
	margin: 0;
		
	}
	
	div.widget-event.browse tr td.action {
		
	width: 105px;
		
	}
	
	#page-event-going div.widget-event.browse tr td.action,
	#page-event-went div.widget-event.browse tr td.action {
		
	width: 68px;
		
	}