/*
 * Styles the component "SM.reader"
 * Use in conjunction with components outlined in /Templates/ui/reader/reader.js
 */

#mainContent ul.readerList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainContent ul.readerList li {
	cursor: pointer;
	font-family: arial;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #c1c1c1;
	clear: both;
	height: 28px;
	overflow: hidden;
	margin-bottom: 0px;
}
	#mainContent ul.readerList li:first-child {
		/*height: auto;*/
	}
	#mainContent ul.readerList li.x_selected {
		cursor: default;
		height: auto;
		background: white;
		margin-bottom: 10px;
	}
#mainContent ul.readerList h3 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 41px;
	margin-top: 1px;
	margin-bottom: 5px;
	background-image: url(/Templates/images/readerSprite.png);
	background-repeat: no-repeat;
 	background-position: right -214px ;
}
	#mainContent ul.readerList li.x_selected h3 {
		background-position: right -7770px ;
	}
	#mainContent ul.readerList li.hasVideo h3 {
		background-position: right 2px;
	}
	#mainContent ul.readerList li.hasAudio h3 {
		background-position: right -106px;
	}
	#mainContent ul.readerList li.x_selected.hasVideo h3 {	
		background: transparent url("/Templates/images/iconSprite.png") no-repeat right -73px;
	}
	#mainContent ul.readerList li.x_selected.hasAudio h3 {
		background-position: right -430px !important;
	}
#mainContent ul.readerList img {
	float: left;
}
#mainContent ul.readerList p {
	font-family: arial;
	font-size: 12px;
	line-height: 1em;
	margin-left: 82px;
	min-height: 72px;
}

#mainContent ul.readerList object, #mainContent ul.readerList img.audioNoflash {
	margin: 0 5px;
	position: absolute;
}

/**
 * Titles only
 */
#mainContent ul.readerList.titlesOnly {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainContent ul.readerList.titlesOnly li {
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	color: #9c9a90;
	padding-left: 16px;
	padding-top: 3px;
	background: white url(/Templates/images/bg_li_raquot.gif) top left no-repeat;
	background-position: 0px 7px;
	height: auto;
	line-height: 1.1em;
	border: 0px;
	margin-bottom: 3px;
}
#mainContent ul.readerList.titlesOnly li:hover {
	background: white url(/Templates/images/bg_li_raquot_blue.gif) top left no-repeat;
	background-position: 0px 7px;
}
	#mainContent ul.readerList.titlesOnly li.hasVideo, 
	#mainContent ul.readerList.titlesOnly li.hasVideo:hover {
		background: white url(/Templates/images/readerSprite.png) -2px -539px no-repeat;
	}
	#mainContent ul.readerList.titlesOnly li.hasAudio, 
	#mainContent ul.readerList.titlesOnly li.hasAudio:hover {
		background: white url(/Templates/images/readerSprite.png) -3px -646px no-repeat;
	}
#mainContent ul.readerList.titlesOnly li a {
	font-weight: bold;
}
#mainContent ul.readerList.titlesOnly li span.date {
	font-size: 9px;
}


/*
 * Events styling
 */

#mainContent ul.eventsList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainContent ul.eventsList li {
	cursor: pointer;
	font-family: arial;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #c1c1c1;
	clear: both;
	height: 28px;
	background: white url(/Templates/images/button_plus.gif) top right no-repeat;
	background-position: right 5px;
	overflow: hidden;
}
	#mainContent ul.eventsList li:first-child {
		/*height: auto;*/
	}
	#mainContent ul.eventsList li.x_selected {
		cursor: default;
		height: auto;
		background: white;
	}
#mainContent ul.eventsList h3 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 1px;
	margin-bottom: 5px;
}
#mainContent ul.eventsList img {
	float: left;
}
#mainContent ul.eventsList div.eventDetails {
	font-family: arial;
	font-size: 12px;
	line-height: 1em;
	margin-left: 82px;
	min-height: 72px;
}


#mainContent ul.eventsList .eventImage {
	position: absolute;
}
	#mainContent ul.eventsList .eventName {
		display: block;
		font-weight: bold;
		margin-left: 52px;
	}
		#mainContent ul.eventsList .eventName a {
			text-decoration: none;
		}
		#mainContent ul.eventsList .eventName a:hover {
			text-decoration: underline;
		}
	#mainContent ul.eventsList a.addToYourCalendar {
		background-color: #ECECEC;
		font-size: 11px;
		display: inline;
		float: right;
		padding: 4px;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 3px;
		border: 1px solid #c1c1c1;
		opacity: .8;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.75);
		text-decoration: none !important;
		font-weight: bold;
	}
		#mainContent ul.eventsList a.addToYourCalendar:hover {
			background-color: white;
			text-shadow: 0px 0px 3px rgba(255,255,255,1.0);
			opacity: 1.0;
		}
		#mainContent ul.eventsList a.addToYourCalendar:active {
			background-color: #ECECEC;
			opacity: 1.0;
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
		}
	#mainContent ul.eventsList .eventDetails {
		display: block;
		border: 0px solid blue;
		margin-left: 52px;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
	#mainContent ul.eventsList .eventDocs {
		display: block;
		padding: 5px;
		margin-left: 52px;
	}

/**
 * Events showing titles only
 */
#mainContent ul.eventsList.titlesOnly {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainContent ul.eventsList.titlesOnly li {
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	color: #9c9a90;
	padding-left: 15px;
	background: white url(/Templates/images/bg_li_raquot.gif) top left no-repeat;
	background-position: 0px 7px;
}
#mainContent ul.eventsList.titlesOnly li:hover {
	background: white url(/Templates/images/bg_li_raquot_blue.gif) top left no-repeat;
	background-position: 0px 7px;
}
#mainContent ul.eventsList.titlesOnly li a {
	font-weight: bold;
}
#mainContent ul.eventsList.titlesOnly li span.date {
	font-size: 9px;
}

/**
 * Most common styling for the drop down menu utility, if present
 */
.readerDateUtility {
	float: right;
}

/**
 *  News headline styling
 */
#readerHeadline {
	text-transform: capitalize;
}