/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("master.css");




/* --- Contests and Offers
-------------------------------------------------------*/

h2.events {
	text-indent: -9999px;
	height: 24px;
	margin-bottom: 8px;
	background: #000 url(../../_images/events/titles/events.gif) no-repeat;
	}

h2.archived_events {
	text-indent: -9999px;
	height: 24px;
	margin-bottom: 8px;
	background: #000 url(../../_images/events/titles/archived_events.gif) no-repeat;
	}
	
	/* --- | View Events Button | --- */
	
	p.view_archived_events {
		text-indent: -9999px;
		position: absolute;
		right: 5px;
		top: 8px;
		width: 137px;
		height: 24px;
		background: url(../../_images/events/view_archived_events.gif) no-repeat;
		}
		
		p.view_archived_events a {
			display: block;
			height: 24px;
			}
	
	p.view_current_events {
		text-indent: -9999px;
		position: absolute;
		right: 5px;
		top: 8px;
		width: 137px;
		height: 24px;
		background: url(../../_images/events/view_current_events.gif) no-repeat;
		}

		p.view_current_events a {
			display: block;
			height: 24px;
			}
		
		#pager 
		{
			height:20px;	
			position:relative;
			top:-30px;
			margin: 0 auto;
			width:170px;
		}
		#pager div.previous,
		#pager div.next {
			text-indent: -9999px;
			top: 0;
			display: block;
			width: 20px;
			height: 20px;
			float:left;
			}
		#pager div.month 
		{
			position:relative;
			float:left;
			margin-left: 10px;
			margin-right: 10px;
		}	
		#pager  div.previous a,
		#pager div.next a {
				display: block;
				height: 20px;
				}

		#pager div.previous {
			left: 7px;
			background-image: url(../../_images/rec_center/arrow_previous.gif);
			}
		
		#pager div.next {
			right: 7px;
			background-image: url(../../_images/rec_center/arrow_next.gif);
			}
	
	/* --- | Row | --- */
		
	.row {
		overflow: auto;
		height: 1%;
		padding-bottom: 10px;
		}
	
	/* --- | Event | --- */
	
	div.event {
		width: 336px;
		margin-right: 14px;
		padding: 10px;
		background: url(../../_images/stripes_bg.gif);
		}
		
		div.event p { margin-bottom: 1em; }