/* @override 
	http://responsibility-project.libertymutual.com/lib/css/screen.css
	http://10.1.34.30:9000/lib/css/screen.css
	http://betastag.responsibilityproject.com/lib/css/screen.css
*/

/*


Built by awesome people.


*/

/* =======================================================
Begin all general, non-section-specific selectors
======================================================= */
#skipToContent {
	margin: 0;
	position: absolute;
	top: -5000px;
}
.clearBoth {
	clear: both;
	display: block;
}
	.clearBoth span {
		display: block;
		font-size: 1px;
		line-height: 1px;
	}
.textInput {
	background: #fff url(/img/bg-text-input.gif) no-repeat left top;
	border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
/* ==================================================== */

#pageWrap {
	margin: 0 auto;
	width: 951px;
    -webkit-font-smoothing: antialiased;
}

/* =======================================================
Begin all header-specific selectors
======================================================= */
#siteNav {
	background-color: #001536;
	border: 1px solid #bcbcbc;
	border-top: none;
}
	#siteNav ul {
		float: left;
		list-style: none;
		margin: 13px 0 13px 25px;
		max-width: 550px; /* This ensures that the nav doesn't bump into the search box when the font-size is increased. */
		padding: 0;
	}
		#siteNav ul li {
			border-right: 1px solid #a5a5a5;
			float: left;
			line-height: .9;
			margin: 5px 15px 5px 0;
			padding: 0 15px 0 0;
		}
		#siteNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#siteNav ul li a,
			#siteNav ul li a:visited {
				color: #fff;
				font-size: 1.4em;
				font-weight: bold;
				position: relative;
				text-transform: uppercase;
				top: 1px;
			}
			#siteNav ul li a:hover,
			#siteNav ul li a:focus,
			#siteNav ul li a:active,
			#siteNav ul li.navActive a,
			#siteNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
	#siteNav form {
		float: right;
		margin: 13px 20px 0 0;
		max-width: 400px;
		position: relative;
		width: 16.5em;
	}
		#siteNav form p {
			background-color: #fff;
			border: 1px solid #d5d5d5;
			margin: 0;
		}
			#siteNav form p label {
				position: absolute;
				top: -9999px;
			}
			#siteNav form p #searchText {
				border-right: 1px solid #d5d5d5;
				color: #a2a2a2;
				float: left;
				font-size: 1.2em;
				margin: 0;
				padding: .3em;
				width: 11em;
			}
			#siteNav form p #searchSubmit {
				float: right;
				padding: .4em .4em .3em;
				position: relative;
				right: 1px;
			}
			#siteNav form p #searchSubmit:hover {
				cursor: pointer;
			}
#topicNav {
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
	height: 2.65em;
}
	#topicNav ul {
		float: left;
		list-style: none;
		margin: 3px 0 3px 25px;
		max-width: 655px; /* This ensures that the topic nav doesn't bump into the Follow/Share content when the font-size is increased. */
		padding: 0;
		clear: left;
	}
		#topicNav ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 5px 12px 5px 0;
			padding: 0 12px 0 0;
		}
		#topicNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#topicNav ul li a,
			#topicNav ul li a:visited {
				font-size: 1.2em;
				position: relative;
				top: 1px;
			}
			#topicNav ul li a:hover,
			#topicNav ul li a:focus,
			#topicNav ul li a:active,
			#topicNav ul li.navActive a,
			#topicNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
			a#toggle-topics {
				padding-right: 14px;
				text-transform: uppercase;
			}
			a.hasExpandIcon {
				background: url(/img/icon-arrows-down.gif) no-repeat right center;
				padding-right: 14px;
			}
			a.hasExpandIcon:hover,
			a.hasExpandIcon:focus {
				background-image: url(/img/icon-arrows-down-hover.gif);
			}
			a.hasCollapseIcon {
				background: url(/img/icon-arrows-up.gif) no-repeat right center;
				padding-right: 14px;
			}
			a.hasCollapseIcon:hover,
			a.hasCollapseIcon:focus {
				background-image: url(/img/icon-arrows-up-hover.gif);
			}
	#topicNav p {
		color: #a5a5a5;
		float: right;
		font-size: 1.2em;
		margin: .2em 25px 0 0;
	}
		#topicNav p .shareLinks {
			margin-left: 20px;
		}
			#topicNav p a,
			#topicNav p a:visited {
				position: relative;
				top: 3px;
			}
			
#logoDate {
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
	min-height: 160px;
	position: relative;
}
	#logoDate h1 {
		background: url(/img/bg-lm-rp.gif) no-repeat left top;
		float: left;
		height: 117px;
		margin: 18px 0 25px 25px;
		width: 406px;
	}	
	#logoDate #byLibertyMutual {
		background: url(/img/bg-by-liberty-mutual.gif) no-repeat left top;
		cursor: pointer;
		float: left;
		font-size: 1.8em;
		height: 117px;
		margin: 18px 0 25px 0px;
		width: 230px;
	}
		#logoDate h1 span, #logoDate #byLibertyMutual span {
			cursor: pointer;
			display: block;
			height: 100%;
			text-indent: -9999px;
		}
	#logoDate p {
		bottom: 0;
		margin: 0;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		width: 14em;
	}
		#logoDate p #dateDay {
			color: #a5a5a5;
			display: block;
			float: left;
			font-size: 1.2em;
			margin-top: 1.35em;
			text-align: right;
			width: 6.5em;
		}
		#logoDate p #dateBox {
			background-color: #a5a5a5;
			border: 1px solid #d5d5d5;
			border-bottom: none;
			color: #fff;
			display: block;
			float: right;
			font-weight: bold;
			padding: .5em .25em .15em;
			text-align: center;
			width: 3.6em;
		}
			#logoDate p #dateBox #dateMonth {
				font-size: 1.2em;
				line-height: 1;
			}
			#logoDate p #dateBox #dateNumber {
				font-size: 2.4em;
				line-height: 1;
			}
			h1 a:hover, #byLibertyMutual a:hover {
				cursor: pointer;
			}
/* ==================================================== */

/* =======================================================
Begin the visitor location / sort methods selectors
======================================================= */
#locationSort {
	border-bottom: 1px solid #d5d5d5;
	text-transform: uppercase;
}
	#locationSort h5 {
		color: #a5a5a5;
		float: left;
		font-size: 1.8em;
		font-weight: normal;
		line-height: 1.2;
		margin: 0 0 0 25px;
	}
	/* A Safari-only selector to adjust its
	weird rendering of the above selector */
	@media screen and (-webkit-min-device-pixel-ratio:0){#locationSort h5 {position:relative; top:1px;}}
	/* ======================================== */
		#locationSort h5 span {
			font-size: .666em;
			font-weight: bold;
		}
	#locationSort ul {
		float: left;
		list-style: none;
		margin: .55em 0 0 1.8em;
		padding: 0;
	}
		#locationSort ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 0 12px 0 0;
			padding: 0 12px 0 0;
		}
		#locationSort ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#locationSort ul li a,
			#locationSort ul li a:visited {
				font-size: 1.3em;
				font-weight: bold;
				/*position: relative;
				top: 1px;*/
			}
			#locationSort ul li a:hover,
			#locationSort ul li a:focus,
			#locationSort ul li a:active,
			#locationSort ul li.navActive a,
			#locationSort ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}

/* =======================================================
Begin the film category selectors
======================================================= */
#locationSort form {
	margin: 10px 0 10px 25px;
	
}
#locationSort label {
	font-size: 1.2em;
	color: #a5a5a5;
	display: bl
}

/* ==================================================== */



/* =======================================================
Begin all Special Feature Landing page selectors
======================================================= */
#specialFeatureBanner {
	border: 1px solid #d5d5d5;
}

/* 2010 Olympics */
#olympics2010 {
	background: url(/img/_temp/2010-olympics.jpg) no-repeat left top;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	position: relative;
}
#olympics2010:hover {
	cursor: default;
}
	#olympics2010 h3 {
		color: #fff;
		font-size: 3.4em;
		font-weight: normal;
		position: relative;
		text-shadow: 2px 2px 4px #222;
		text-transform: uppercase;
		top: -15px;
	}
	#olympics2010 h3:hover,
	#olympics2010 p:hover {
		cursor: text;
	}
	#olympics2010 p {
		background-color: rgba(255, 255, 255, .8);
		color: #001536;
		font-size: 1.1em;
		left: -25px;
		padding: 15px 25px;
		position: relative;
		top: -20px;
		width: 485px;
	}
/* ------------- */

/* ==================================================== */

/* =======================================================
Begin the special feature banners area
======================================================= */
#specialFeatureBanners {
	margin-top: 2.4em;
}
	#specialFeatureBanners img {
		border: none;
	}
.column1 #specialFeatureBanners {
	margin-top: 0;
	margin-bottom: 3em;
}
/* ==================================================== */

/* =======================================================
Begin the Get a Free Quote box selectors
======================================================= */
.freeQuote h4 span {
	display: block;
	font-size: .6111em;
}
.freeQuote form {
	background-color: #000f27;
	border: 5px solid #a7d0c1;
	color: #fff;
	padding: 18px 10px;
}
	.freeQuote form dl {
		margin-top: 0;
	}
		.freeQuote form dl dt {
			font-size: 1.1em;
			font-weight: normal;
			text-transform: uppercase;
		}
		.freeQuote form dl dd {
			margin-bottom: 1.2em;
		}
			.freeQuote form dl dd #quoteType {
				width: 130px;
			}
				.freeQuote form dl dd #quoteType option {
					color: #4477ac;
					text-transform: lowercase;
				}
			.freeQuote form dl dd #quoteZip {
				font-size: 1.2em;
				padding: 2px;
				width: 124px;
			}
			.freeQuote form dl dd #quoteSubmit {
				background: #dd3e00 url(/img/icon-arrows-right.gif) no-repeat 8px center;
				border: 1px solid #fff;
				color: #fff;
				font-size: 1.15em;
				padding: 5px 0;
				text-transform: uppercase;
				width: 128px;
			}
			.freeQuote form dl dd #quoteSubmit:hover {
				cursor: pointer;
			}
	.freeQuote form p {
		font-size: 1.2em;
		margin: 0;
	}
/* ==================================================== */

/* Twitter Feed Block */
.twitterFeed {
  padding-bottom: 4em;
}

.twitterFeed h4 {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: .75em;
	background: url(/img/icon-twitter-medium.png) no-repeat right 2px;
}

.twitterFeed h4 span {
	display: block;
	width: 95px;
	font-size: .6111em;
}
.twitterFeed p {
	font-size: 1.2em;
	margin-bottom: 0;
}
.twitterFeed p.twitterDate{
	color: #a5a5a5;
	font-size: .9em;
	margin: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #d5d5d5;	
}
.twitterFeed p.twitterFollow {
	font-weight: bold;
}

/* =================================================== */

/* =======================================================
Begin the column widths/grid voodoo. Who do? YOU DO.
======================================================= */
/* "colWidths41" means za four-box-wide left column and a one-box-wide right column. */
.colWidths41 .column1 {
	float: left;
	margin-top: 25px;
	width: 760px;
}
.colWidths41 .column2 {
	float: right;
	margin-top: 25px;
	width: 190px;
}
.colWidths41 .column2.hasLeftMargin {
	margin-left: 30px;
	width: 160px;
}
/* "colWidths32" means a three-box-wide left column and a two-box-wide right column. */
.colWidths32 .column1 {
	float: left;
	margin-top: 25px;
	width: 570px;
}
.colWidths32 .column1.hasRightMargin {
	margin-right: 30px;
	width: 540px;
}
.colWidths32 .column2 {
	float: right;
	margin-top: 25px;
	width: 381px;
}
/* ==================================================== */

/* =======================================================
Begin main content selectors
======================================================= */
.contributorWrap {
	margin-bottom: 3.5em;
	padding: 0 25px;
}
	.contributorWrap h2 {
		color: #000f27;
		font-size: 3.5em;
		margin: 0 0 .5em;
	}
	#contributorImage {
		float: left;
		left: -25px;
		position: relative;
		width: 190px;
	}
	#contributorText {
		font-size: 1.4em;
	}
	.contributorWrap.hasImage #contributorText {
		margin-left: 190px;
	}
.itemsList {
	border-bottom: 1px solid #d5d5d5;
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}
	.itemsList li a:hover {
		color: #d74000;
	}
	.itemsList li,
	#itemDetail {
		border: 1px solid #d5d5d5;
		border-bottom: none;
		margin: 0;
		min-height: 138px;
		padding: 25px;
	}
	#itemDetail {
		border: none;
		padding-top: 0;
	}
		.itemsList li h2,
		#itemDetail h2 {
			margin: 0;
		}
			.itemsList li .contributorItem h2 .itemType {
				color: #a5a5a5;
				display: block;
				font-size: .625em;
				font-weight: normal;
				margin-bottom: .5em;
				text-transform: uppercase;
			}
			.itemsList li .filmVideoItem h2 .itemDuration {
				color: #a5a5a5;
				font-size: .55em;
				font-weight: normal;
				position: relative;
				top: -3px;
			}
				.itemsList li .filmVideoItem h2 .itemDuration span {
					position: relative;
					top: 1px;
				}
			.itemsList li h2 a,
			.itemsList li h2 a:visited,
			#itemDetail h2,
			.winnersList h2 span {
				color: #001536;
				font-size: 1.75em;
				line-height: 1.1;
			}
			.itemsList li h2 a:hover {
				color: #d74000;
			}
			.itemsList li .contributorItem h2 a,
			.itemsList li .contributorItem h2 a:visited,
			.itemsList li .filmVideoItem h2 a,
			.itemsList li .filmVideoItem h2 a:visited {
				font-size: 1.166em;
			}
			.itemsList li .partnersItem h2 a,
			.itemsList li .partnersItem h2 a:visited,
			.winnersList h2 span {
				font-size: 1.25em;
			}
			.itemsList li .partnersItem p {
				line-height: 1.2;
				margin-bottom: 0;
			}
			#itemDetail h2 {
				font-size: 4.5em;
			}
				#itemDetail h2 .titleByline {
					display: block;
					font-size: .4em;
					margin-top: .85em;
				}
		#itemDetail.finePrint h2 {
			line-height: .8;
		}
		.finePrint h3 {
			color: #001536;
			font-size: 1.35em;
			margin-bottom: 0;
		}
		.itemComments {
			float: right;
			margin-top: 1.6em;
		}
		.itemDescription {
			font-size: 1.3em;
			margin-top: 2em;
		}
		.contributorItem .itemComments,
		.filmVideoItem .itemComments {
			margin-bottom: 0;
			margin-top: .666em;
		}
		.filmVideoItem .itemComments {
			margin-top: 0;
		}
		#commentsWrap .itemComments {
			margin-bottom: 0;
		}
			.itemComments a,
			.itemComments a:visited {
				font-size: 1.2em;
				text-transform: uppercase;
			}
			.contributorItem .itemComments a,
			.contributorItem .itemComments a:visited,
			.filmVideoItem .itemComments a,
			.filmVideoItem .itemComments a:visited {
				font-size: .777em;
			}
			.itemComments.grayedOut a,
			.itemComments.grayedOut a:visited {
				color: #a5a5a5;
			}
			.itemComments.grayedOut a:hover {
				cursor: default;
				text-decoration: none;
			}
				.itemComments a span,
				.itemComments a:visited span {
					background: url(/img/bg-cmnt-bbl-bl.png) no-repeat left bottom;
					color: #fff;
					display: inline-block;
					float: right;
					margin-left: .75em;
					padding-bottom: 8px;
					position: relative;
					top: -6px;
				}
				.itemsList li .itemComments a:hover span,
				.itemsList li:hover .itemComments a:visited span {
					background-image: url(/img/bg-cmnt-bbl-bl-orange.gif);
				}
				.itemComments.grayedOut a span,
				.itemComments.grayedOut a:visited span {
					background-image: url(/img/bg-cmnt-bbl-bl-gray.gif);
				}
					.itemComments a span span,
					.itemComments a:visited span span {
						background: url(/img/bg-cmnt-bbl-tl.gif) no-repeat left top;
						float: none;
						margin-left: 0;
						padding: 0;
						top: 0;
					}
					.itemsList li .itemComments a:hover span span,
					.itemsList li:hover .itemComments a:visited span span {
						background-image: url(/img/bg-cmnt-bbl-tl-orange.gif);
					}
					.itemComments.grayedOut a span span,
					.itemComments.grayedOut a:visited span span {
						background-image: url(/img/bg-cmnt-bbl-tl-gray.gif);
					}
						.itemComments a span span span,
						.itemComments a:visited span span span {
							background: url(/img/bg-cmnt-bbl-tr.gif) no-repeat right top;
							float: none;
							margin-left: 0;
							padding: 0;
							top: 0;
						}
						.itemsList li .itemComments a:hover span span span,
						.itemsList li:hover .itemComments a:visited span span span {
							background-image: url(/img/bg-cmnt-bbl-tr-orange.gif);
						}
						.itemComments.grayedOut a span span span,
						.itemComments.grayedOut a:visited span span span {
							background-image: url(/img/bg-cmnt-bbl-tr-gray.gif);
						}
							.itemComments a span span span span, /* Whoa whoa whoa! */
							.itemComments a:visited span span span span {
								background: url(/img/bg-cmnt-bbl-br.gif) no-repeat right bottom;
								float: none;
								font-size: 1.1666em;
								font-weight: bold;
								margin-left: 0;
								min-width: 20px;
								padding: 4px 9px 2px;
								text-align: center;
								top: 0;
							}
							.itemsList li .itemComments a:hover span span span span, /* Whoa whoa whoa! */
							.itemsList li:hover .itemComments a:visited span span span span {
								background-image: url(/img/bg-cmnt-bbl-br-orange.gif);
							}
							.itemComments.grayedOut a span span span span,
							.itemComments.grayedOut a:visited span span span span {
								background-image: url(/img/bg-cmnt-bbl-br-gray.gif);
							}
							.itemComments a:hover span span span span {
								cursor: pointer;
							}
							.itemComments.grayedOut a:hover span span span span {
								cursor: default;
							}
				.contributorItem .itemComments a span,
				.contributorItem .itemComments a:visited span,
				.filmVideoItem .itemComments a span,
				.filmVideoItem .itemComments a:visited span {
					top: -3px;
				}
					.contributorItem .itemComments a span span,
					.contributorItem .itemComments a:visited span span,
					.contributorItem .itemComments a span span span,
					.contributorItem .itemComments a:visited span span span,
					.contributorItem .itemComments a span span span span,
					.contributorItem .itemComments a:visited span span span span,
					.filmVideoItem .itemComments a span span,
					.filmVideoItem .itemComments a:visited span span,
					.filmVideoItem .itemComments a span span span,
					.filmVideoItem .itemComments a:visited span span span,
					.filmVideoItem .itemComments a span span span span,
					.filmVideoItem .itemComments a:visited span span span span {
						top: 0;
					}
		.itemsList .itemMeta,
		#itemDetail .itemMeta {
			color: #a5a5a5;
			font-size: 1.2em;
		}
		.itemsList .itemContent,
		#itemDetail .itemContent {
			clear: both;
		}
		.itemContent audio {
			width: 100%;
			height: auto;
		}
		.itemContent video {
		    width: 100%;
		    height: auto;
		}
		.itemContent.filmVideoItem.hasImage,
		.itemContent.partnersItem.hasImage {
			position: relative;
		}
		.itemsList .contributorItem .itemMeta,
		.itemsList .filmVideoItem .itemMeta {
			font-size: .925em;
			margin-top: .75em;
		}
		.itemsList .filmVideoItem .itemMeta {
			margin-top: 0;
		}
			.itemsList .itemImage,
			#itemDetail .contentPhotoLeft,
			#itemDetail .contentPhotoFull {
				float: left;
				left: -25px; /* This is the same value defined in the parent element's padding, above. */
				position: relative;
			}
			.itemsList .contributorItem .itemImage {
				margin-top: 3.3em;
			}
			.itemsList .filmVideoItem .itemImage,
			.itemsList .partnersItem .itemImage {
				left: -25px;
				position: absolute;
				top: -26px;
			}
			#itemDetail .contentPhotoLeft {
				margin-bottom: 1em;
			}
				.itemsList .itemImage img,
				#itemDetail .contentPhotoLeft {
					border: 1px solid #d5d5d5;
				}
				.itemsList .itemImage img {
					border-left: none;
				}
			.itemsList .partnersItem .itemText {
				font-size: 1.4em;
			}
			.itemsList .itemText,
			#itemDetail .itemContent {
				font-size: 1.5em;
			}
			.itemsList .hasImage .itemText {
				margin-left: 190px; /* All of the text will move over if .hasImage is applied to the container. Otherwise, it stays put. */
			}
				.winnersList .itemText {
					margin-left: 0 !important;
				}
			.itemsList .contributorItem.hasImage .itemText {
				margin-left: 95px; /* All of the text will move over if .hasImage is applied to the container. Otherwise, it stays put. */
			}
				.itemsList .itemText .itemContinue {
					font-size: .86em;
					font-weight: bold;
					text-transform: uppercase;
				}
				.itemsList .contributorItem .itemText .itemContinue,
				.itemsList .filmVideoItem .itemText .itemContinue,
				.itemsList .partnersItem .itemText .itemContinue {
					font-size: .8em;
				}
				.itemsList .partnersItem .itemText .itemContinue {
					font-size: .85em;
				}
				.itemsList .filmVideoItem .itemText .itemContinue {
					margin-bottom: .75em;
				}
					.itemsList .itemText .itemContinue span {
						font-size: 1.8em;
						line-height: 0;
						position: relative;
						top: 2px;
					}
					.itemsList .contributorItem .itemText .itemContinue span,
					.itemsList .filmVideoItem .itemText .itemContinue span,
					.itemsList .partnersItem .itemText .itemContinue span {
						font-size: 1.6em;
						top: 1px;
					}
				.itemsList .itemText .itemTags {
					color: #a5a5a5;
					font-size: .86em;
					margin-bottom: 0;
					text-transform: uppercase;
				}
				.itemsList .contributorItem .itemText .itemTags,
				.itemsList .filmVideoItem .itemText .itemTags,
				.itemsList .partnersItem .itemText .itemTags {
					font-size: .8em;
				}
					.itemsList .itemText .itemTags a,
					.itemsList .itemText .itemTags a:visited {
						font-size: 1.08em;
						text-transform: none;
					}
			#itemDetail .viewAlternate {
				color: #d5d5d5;
				font-size: 1.2em;
			}
			#itemDetail .viewAlternateBottom {
				clear: left;
				margin-bottom: 4em;
				padding-top: .75em;
			}
				#itemDetail .viewAlternate a,
				#itemDetail .viewAlternate a:visited {
					font-size: 1.1em;
					font-weight: bold;
					text-transform: uppercase;
				}
				#itemDetail .viewAlternate .viewLarge {
					margin-right: 16px;
				}
				#itemDetail .viewAlternate .viewFull {
					margin-left: 16px;
				}
	.inContent {
		margin-bottom: 0;
	}
	.inContent + p {
		margin-top: 0;
	}
	
/*  Transcript hidden but included for screenreaders*/
	.transcript {
	    position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
	}

#longBody {
	font-size: 1.4em;
}

.content_status {
	margin: 2em 0 0;
	padding: 0 2em;
	border: 1px solid;
	font-size: 120%;
	color: #262626;
}

.content_status_inactive {
	background-color: #f5f1df;
	border-color: #dddaca;
}

.content_status_draft {
	background-color: #fdfdbc;
	border-color: #f6f44e;
}

.content_status_future {
	background-color: #d7fbbb;
	border-color: #c4e499;
}

.mySlideshow {
	width: 710px;
	height: 515px;
}

.albums {
	margin: 20px 0;
}

.album_info {
	float: left;
	margin: 10px 10px 10px 0;
	font-size: .8em;
	text-align: center;
}

		.album_info.hasText {
			min-height: 190px;
			padding: 10px;
		}
		.album_info.hasText:hover {
			background-color: #d2ebe2;
			cursor: pointer;
		}

.album_title {
	display: block;
	font-weight: bold;
	color: #001536;
	font-size: 1.15em;
	line-height: 1.2;
}

.album_date {
	display: block;
}

.slideshow_controls a {
	background: #c1c1c1;
	color: #373637;
	padding: .25em .5em;
	margin: .25em 0;
	display: inline-block;
	font-size: .9em;
	
}

.slideshow_controls a:hover {
	background-color: #777;
	color: #fffeff;
}




/* ==================================================== */

/* =======================================================
Begin modal window selectors
======================================================= */
#modalWindow {
	background-color: #fff;
	border: 4px double #d5d5d5;
	padding: 15px 20px 20px;
	/* width: 31.6em; */
}
	#modalWindow #windowControl {
		font-size: 1.3em;
		margin: 0;
		text-align: right;
		text-transform: uppercase;
	}
	#modalWindow h3 {
		color: #a5a5a5;
		font-size: 1.8em;
		font-weight: normal;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#modalWindow p {
		font-size: 1.2em;
	}
	#modalWindow ul {
		list-style: none;
		padding-left: 0;
	}
		#modalWindow ul li {
			float: left;
			margin-right: 20px;
		}
			#modalWindow ul li a,
			#modalWindow ul li a:visited {
				font-size: 1.2em;
			}
				#modalWindow ul li a img,
				#modalWindow ul li a:visited img {
					display: block;
				}
	#modalWindow h5 {
		clear: left;
		color: #000f27;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 0;
		padding-top: 1em;
		text-transform: uppercase;
	}
	#embedCode {
		width: 24em;
	}
	a.copyCode,
	a.copyCode:visited {
		background-color: #dd3e00;
		border: 1px solid #bcbcbc;
		color: #fff;
		font-size: 1.16em;
		font-weight: bold;
		padding: .25em .5em;
		text-transform: uppercase;
	}
/* ==================================================== */

/* =======================================================
Begin the Beliefnet selectors
======================================================= */
.inPageNav {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 14px;
	padding: 0 25px;
}
	.inPageNav h3 {
		color: #001536;
		font-size: 2em;
		margin: 0;
	}
	.inPageNav ul {
		float: left;
		list-style: none;
		margin-right: 5em;
		padding-left: 0;
	}
		.inPageNav ul li {
			font-size: 1.4em;
			margin: 0;
		}
.inPageSection {
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	margin-bottom: 2.5em;
	padding: 25px;
}
	.inPageSection h3 {
		color: #001536;
		font-size: 2em;
		line-height: 1;
		margin: 0;
	}
	.inPageSection p {
		font-size: 1.5em;
		margin-top: .5em;
	}
	.inPageSection h5 {
		color: #a5a5a5;
		font-size: 1.3em;
		font-weight: normal;
	}
	.inPageSection ul {
		float: left;
		list-style: none;
		margin: 0 5em 0 0;
		padding-left: 0;
	}
		.inPageSection ul li {
			font-size: 1.2em;
			margin: .75em 0;
		}
			.inPageSection ul.pdf li a,
			.inPageSection ul.pdf li a:visited {
				background: url(/img/icon-pdf.gif) no-repeat left center;
				padding: 4px 0 4px 26px;
			}
			.inPageSection ul li span {
				font-size: 1.2em;
				font-weight: bold;
			}
.backToTop {
	font-size: 1.2em;
	margin: 0;
	text-align: right;
	text-transform: lowercase;
}
/* ==================================================== */

/* =======================================================
Begin the poll selectors
======================================================= */
.pollWrap {
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	clear: both;
	left: -25px;
	position: relative;
	width: 568px;
}
.hasRightMargin .pollWrap {
	width: 538px;
}
	.pollWrap dl {
		margin: 25px 25px 0;
	}
		.pollWrap dl dt {
			border-bottom: 1px solid #e1e1e1;
			color: #a5a5a5;
			font-size: 1.2em;
			font-weight: normal;
			margin-bottom: .75em;
			text-transform: uppercase;
		}
		.pollWrap dl dd {
			clear: left;
			font-size: 1.2em;
			overflow: hidden;
			padding-top: .5em;
		}
			.pollWrap dl dd input {
				float: left;
				position: absolute;
				top: -5000px;
				visibility: hidden;
			}
			.pollWrap dl dd label {
				background: url(/img/bg-radio-unselected.gif) no-repeat 0 .1em;
				color: #4477b0;
				cursor: pointer;
				float: left;
				font-weight: bold;
				padding: 0 20px;
				text-transform: uppercase;
				width: 155px;
			}
			.pollWrap dl dd label.radioSelected {
				background-image: url(/img/bg-radio-selected.gif);
				color: #dd3e00;
			}

			.pollWrap.hasVoted dl dd.myVote label {
				background-image: url(/img/bg-radio-selected.gif);
				color: #dd3e00;
			}

			body .pollWrap.hasVoted dl dd label {
				background: url(/img/bg-radio-unselected.gif) no-repeat 0 .1em;
				color: #4477b0;
				cursor: default;
				
			}
	.pollWrap form #pollSubmit {
		clear: left;
		margin-bottom: 2em;
		margin-left: 25px;
		padding-top: 1.25em;
	}
		.pollWrap form #pollSubmit input {
			background-color: #4477b0;
			border: 1px solid #a5a5a5;
			color: #fff;
			cursor: pointer;
			font-size: 1.4em;
			font-weight: bold;
			padding: .5em 1em;
			text-transform: uppercase;
		}
		.pollWrap form #pollSubmit a,
		.pollWrap form #pollSubmit a:visited {
			font-size: 1.4em;
		}

/* The below selectors are only used when the visitor submits their Poll vote OR clicks "...view results." */
/*.pollWrap.hasVoted dl dd label,
.pollWrap.hasVoted dl dd label.radioSelected {
	background: url(/img/bg-bullet-gray-triangle.gif) no-repeat 0 .3em;
	color: #a5a5a5;
	cursor: default;
}*/
.pollWrap dl dd span {
	float: left;
	width: 245px;
}
	.pollWrap dl dd span span {
		background-color: #8ebdac;
		color: #8ebdac;
		display: inline-block;
		float: none;
		height: 1.5em;
		position: relative;
	}
		.pollWrap dl dd span span span {
			background-color: #f7f7f7;
			color: #000;
			display: inline;
			font-size: 1.333em;
			font-weight: bold;
			height: auto;
			position: absolute;
			right: -37px;
			top: -2px;
			width: 32px;
		}
.pollWrap.hasVoted form #pollSubmit {
	display: none;
}
.pollWrap.hasVoted #hasVotedNotice {
	background-color: #a5a5a5;
	color: #fff;
	font-size: 1.8em;
	padding: .5em 25px;
}
/* ==================================================== */

/* =======================================================
Begin the Point, Counter-point selectors
======================================================= */
#itemDetail .innerColumn {
	float: left;
	margin-right: 25px;
	padding-bottom: 1em;
	width: 355px;
}
#itemDetail .innerColumn.lastItem {
	margin-right: 0;
	width: 329px;
}
	#itemDetail .innerColumn .innerColumnContent {
		border-right: 1px solid #d5d5d5;
		padding-right: 25px;
	}
	#itemDetail .innerColumn.lastItem .innerColumnContent {
		border-right: none;
		padding-right: 0;
	}
		#itemDetail .innerColumn h3 {
			font-size: 1.2em;
			margin: 0;
		}
			#itemDetail .innerColumn h3 span {
				background-color: #8ebdac;
				border: 1px solid #bcbcbc;
				color: #fff;
				padding: .28em 1.38em;
			}
		#itemDetail .innerColumn .itemMeta {
			font-size: .8em;
			margin-top: .75em;
		}
			#itemDetail .innerColumn .summaryContent {
				color: #001536;
				font-size: 1.267em;
				font-weight: bold;
				line-height: 1.3;
			}
/* ==================================================== */

/* =======================================================
Begin the media area selectors
======================================================= */
#mediaPlayer, #embeddedMediaPlayer {
	float: left;
	margin-top: 25px;
	width: 760px;
}
#mediaInfo {
	float: right;
	margin-top: 25px;
	width: 165px;
}

#mediaPlayerHolder {
	height: 439px;
	padding-top: 8px;
}

	.quicktime-player {
		margin-top: -8px;
	}

.complex {
	background-color: #061735;
	float: left;
	margin: 1em 0 0;
	padding: 2px;
	width: 760px;
}

	.complex #mediaPlayer, .complex #embeddedMediaPlayer {
		margin: 0;
		min-height: 423px;
		float: none;
		text-align: center;
	}
	
	.complex h4 {
		color: #a5a4a4;
		font-size: 1.8em;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 1.3em;
		text-transform: uppercase;
	}
	
	#embeddedMediaPlayer object, #embeddedMediaPlayer embed {
		text-align: center;
	}

	#episodeGallery {
		padding: 1.5em 2em 2.5em;
	}
	
		#episodeGallery ul {
			list-style: none;
			margin: 0 24px;
			padding: 0;
			width: 630px;
		}
		
		#episodeGallery .episodes {
			float: left;
			width: 630px;
			margin: 0 10px;
			overflow: visible !important;
		}
		
		#episodeGallery li {
			margin: 0;
			padding: 0;
			position: relative;
			overflow: visible !important;
		}
		
		#episodeGallery ul a {
			background-color: #777;
			border: 1px solid #d5d5d5;
			color: #fff;
			float: left;
			font-size: 1.2em;
			height: 94px;
			margin: 1px 18px;
			outline: none;
			position: relative;
			width: 94px;
		}
		
			#episodeGallery ul a:hover {
				border-color: #fff;
			}
		
		#episodeGallery ul a span {
			background-color: #061735;
			border-top: 1px solid #d5d5d5;
			bottom: 0;
			height: 36px;
			left: 0;
			opacity: 0.85;
			overflow: hidden;
			padding: 6px 8px;
			position: absolute;
			width: 78px;
		}
		
		#episodeGallery ul a.now-playing {
			border-color: #db4226;
			border-width: 2px;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 17px;
			margin-right: 17px;
		}
		
			#episodeGallery ul a.now-playing span {
				border-color: #8a878f;
			}
	
		.quote-bubble {
			-moz-border-radius: 12px;
			-webkit-border-radius: 12px;
			-o-border-radius: 12px;
			border-radius: 12px;
			background: #e7e7e7;
			background: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #e7e7e7), color-stop(0.79, rgb(255,255,255)), color-stop(1, rgb(240,240,240)));
			background: -moz-linear-gradient(center bottom, #e7e7e7 5%, rgb(255,255,255) 79%, rgb(240,240,240) 100%);
			height: auto;
			width: 240px;
			position: absolute;
			bottom: 102px;
			left: 11px;
			border: 2px solid #e1e1e1;
			border-top-color: #ebebeb;
			border-bottom-color: #ccc;
			font-size: 1.2em;
			padding: .8em 1em;
			z-index: 200;
			display: none;
			cursor: auto;
			opacity: 0.9;
			-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.25);
			-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.25);
			-o-box-shadow: 0 4px 16px rgba(0,0,0,0.25);
			box-shadow: 0 4px 16px rgba(0,0,0,0.25);
		}
		
		.quote-bubble:after {
		   content: "\00a0";
		   display: block; /* reduce the damage in FF3.0 */
		   position: absolute;
		   z-index: -1;
		   bottom: -24px;
		   left: 43px;
		   width: 0;
		   height: 0;
		   border-width: 12px 12px;
		   border-style: solid;
		   border-color: #ccc transparent transparent;
		}
		
		.quote-bubble:before {
		   content: "\00a0";
		   display: block; /* reduce the damage in FF3.0 */
		   position: absolute;
		   z-index: 0;
		   bottom: -18px;
		   left: 45px;
		   width: 0;
		   height: 0;
		   border-width: 9px 9px;
		   border-style: solid;
		   border-color: #e7e7e7 transparent transparent;
		}
		
			.quote-bubble h2 {
				font-size: 1.6em;
				margin: 0;
				color: #001536;
			}
			
			.quote-bubble p {
				color: #545454;
				margin: .4em 0 0;
				line-height: 1.5;
			}
			
		
		/* adjust for position */
		.order-second .quote-bubble { left: -30px; }	
		.order-second .quote-bubble:after { left: 83px; }
		.order-second .quote-bubble:before { left: 86px; }

		.order-third .quote-bubble { left: -69px; }
		.order-third .quote-bubble:after { left: 122px; }
		.order-third .quote-bubble:before { left: 125px; }

		.order-fourth .quote-bubble { left: -108px; }
		.order-fourth .quote-bubble:after { left: 161px; }
		.order-fourth .quote-bubble:before { left: 164px; }

		.order-fifth .quote-bubble { left: -149px; }
		.order-fifth .quote-bubble:after { left: 201px; }
		.order-fifth .quote-bubble:before { left: 204px; }
	
	#previous, #next {
		background: transparent url('/img/episode-gallery/button-sprite.gif') scroll no-repeat 0 0;
		display: block;
		float: left;
		height: 22px;
		margin-top: 32px;
		outline: none;
		text-indent: -999em;
		width: 20px;
	}
	
		#next {
			background-position: -25px 0;
		}

/* ==================================================== */

/* =======================================================
Begin the share selectors (short URL and social networks)
======================================================= */
#itemShareURL {
	clear: both; /* Added on 3/4/10 - At a future time, see if this negatively affects anything. */
	color: #a5a5a5;
	font-size: 1.8em;
	margin-top: 0;
	padding-left: 25px;
	text-transform: uppercase;
}
	#itemShareURL span {
		float: left;
		padding-top: .35em;
	}
	
	#itemShareURL span.textInput {
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		color: #001536;
		font-size: .888em;
		margin-left: 25px;
		padding: .45em .55em .35em;
		text-transform: none;
	}
#itemShareIcons {
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 4.5em;
	padding-left: 25px;
	text-transform: uppercase;
}
	#itemShareIcons span {
		float: left;
		margin-right: 1.25em;
		position: relative;
		text-align: center;
		top: -36px;
	}
		#itemShareIcons span a,
		#itemShareIcons span a:visited {
			margin-right: 0;
		}
			#itemShareIcons span img {
				display: block;
				margin-top: .25em;
			}
	#itemShareIcons a,
	#itemShareIcons a:visited {
		margin-right: .35em;
	}
/* ==================================================== */

/* =======================================================
Begin all comments list/form selectors...
...and the Contact Us page form selectors...
...and the Newsletter page form selectors
======================================================= */
#commentsWrap {
	padding-top: 3em;
	margin-bottom: 3em;
	width: 540px;
}
	.thinkBox  {
		background-color: #001536;
		border: 1px solid #bcbcbc;
		clear: right;
		color: #fff;
		font-size: 2.1em;
		margin-top: 0;
		padding: 8px 25px;
		position: relative;
	}
		.thinkBox a,
		.thinkBox a:visited {
			font-size: .666em;
			margin-left: 20px;
			position: absolute;
			bottom: 1px;
		}
		.thinkBox a:hover {
			text-decoration: none;
		}
			.thinkBox a span,
			.thinkBox a:visited span {
				background: url(/img/bg-lv-cmnt-bbl-br.gif) no-repeat right bottom;
				color: #fff;
				display: inline-block;
				padding-bottom: 12px;
			}
				.thinkBox a span span,
				.thinkBox a:visited span span {
					background: url(/img/bg-lv-cmnt-bbl-tr.gif) no-repeat right top;
					margin-left: 0;
					padding: 0;
				}
					.thinkBox a span span span,
					.thinkBox a:visited span span span {
						background: url(/img/bg-lv-cmnt-bbl-tl.gif) no-repeat left top;
						margin-left: 0;
						padding: 0;
					}
						.thinkBox a span span span span, /* Whoa whoa whoa! */
						.thinkBox a:visited span span span span {
							background: url(/img/bg-lv-cmnt-bbl-bl.gif) no-repeat left bottom;
							font-weight: bold;
							margin-left: 0;
							padding: 4px 12px 1px;
							text-align: center;
							text-transform: uppercase;
						}
	#commentList,
	#commentList li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#commentList li {
			border: 1px solid #d5d5d5;
			margin: 25px 0 0;
			padding: 25px;
		}
			#commentList li .commentInfo {
				color: #a5a5a5;
				font-size: 1.3em;
				margin-top: 0;
			}
			#commentList li .commentContent,
			#commentList li .commentReply {
				font-size: 1.4em;
			}
			#commentList li .commentReply {
				margin-bottom: 0;
			}
				#commentList li .commentReply a,
				#commentList li .commentReply a:visited {
					background: url(/img/bg-cmnt-reply-arrow.gif) no-repeat left center;
					font-weight: bold;
					padding-left: 15px;
					text-transform: uppercase;
				}
		#commentList li ul {
			margin-bottom: 0;
			padding-left: 0;
		}
	#commentForm,
	#contactForm,
	#newsletterForm {
		font-size: 1.2em;
		margin: 0 25px;
	}
	#contactForm,
	#newsletterForm {
		margin: 0;
	}
		.session-message {
			list-style: none;
			padding: .65em 1em;
		}
		.session-message.error {
			background-color: #fcc;
			border: 1px solid red;
			color: red;
		}
		.session-message.success {
			background-color: #cfc;
			border: 1px solid green;
			color: green;
		}
		#contactForm .largerFormCopy,
		#newsletterForm .largerFormCopy {
			font-size: 1.25em;
		}
		#contactForm dl dt,
		#newsletterForm dl dt {
			clear: left;
		}
		#commentForm dl dt label,
		#contactForm dl dt label,
		#contactForm dl dt.fauxLabel,
		#newsletterForm dl dt label,
		#newsletterForm dl dt.fauxLabel {
			text-transform: uppercase;
		}
		#commentForm dl dt .labelNote,
		#contactForm dl dt .labelNote,
		#newsletterForm dl dt .labelNote {
			float: right;
			font-weight: normal;
		}
		#commentForm dl dd,
		#contactForm dl dd,
		#newsletterForm dl dd {
			margin-bottom: 1em;
		}
			#commentForm dl dd input,
			#commentForm dl dd textarea,
			#contactForm dl dd input,
			#contactForm dl dd textarea,
			#newsletterForm dl dd input,
			#newsletterForm dl dd textarea {
				font-size: 1.1em;
				padding: .25em;
				width: 480px;
			}
			#contactForm dl dd ul,
			#newsletterForm dl dd ul {
				list-style: none;
				padding-left: 0;
				margin-top: 0;
			}
				#contactForm dl dd ul li,
				#newsletterForm dl dd ul li {
					clear: left;
				}
					#contactForm dl dd ul li input,
					#newsletterForm dl dd ul li input {
						float: left;
						position: absolute;
						top: -5000px;
						visibility: hidden;
					}
					#contactForm dl dd ul li label,
					#newsletterForm dl dd ul li label {
						background: url(/img/bg-radio-unselected.gif) no-repeat 0 .1em;
						color: #4477b0;
						cursor: pointer;
						float: left;
						font-weight: bold;
						padding: 0 20px;
						text-transform: uppercase;
					}
					#contactForm dl dd ul li label.radioSelected,
					#newsletterForm dl dd ul li label.radioSelected {
						background-image: url(/img/bg-radio-selected.gif);
						color: #dd3e00;
					}
			#commentForm dl dd textarea,
			#contactForm dl dd textarea,
			#newsletterForm dl dd textarea {
				font-family: "Lucida Grande", arial, sans-serif;
				
			}
		#commentForm #submitWrap,
		#contactForm #submitWrap,
		#newsletterForm #submitWrap {
			color: #a5a5a5;
		}
			#commentForm #submitWrap input,
			#contactForm #submitWrap input,
			#newsletterForm #submitWrap input {
				background-color: #dd3e00;
				border: 1px solid #d5d5d5;
				color: #fff;
				cursor: pointer;
				display: block;
				font-size: 1.166em;
				font-weight: bold;
				margin-bottom: .5em;
				padding: .25em 1em;
				text-transform: uppercase;
			}
			
			#commentForm #submitWrap input.hidden,
			#contactForm #submitWrap input.hidden,
			#newsletterForm #submitWrap input.hidden {
				border: none;
				background-color: transparent;
				display: none;
			}
/* ==================================================== */

/* =======================================================
Begin pagination selectors
======================================================= */
.pageNavWrap {
	margin: 50px 0;
}
	.pageNavWrap .pageNavLinks {
		float: left;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0 50px 0 0;
		max-width: 575px;
		position: relative;
		z-index: 10;
	}
		.pageNavWrap .pageNavLinks a,
		.pageNavWrap .pageNavLinks a:visited {
			border: 1px solid #e5e5e5;
			line-height: 0;
			padding: .4em .7em .3em;
		}
		.pageNavWrap .pageNavLinks a.pageNavPrev,
		.pageNavWrap .pageNavLinks a.pageNavNext,
		.pageNavWrap .pageNavLinks a.pageNavPrev:visited,
		.pageNavWrap .pageNavLinks a.pageNavNext:visited {
			border: none;
			font-size: 1.5em;
			padding: .085em .1em .095em;
			position: relative;
			top: .08em;
		}
		.pageNavWrap .pageNavLinks a:hover,
		.pageNavWrap .pageNavLinks a:focus,
		.pageNavWrap .pageNavLinks a:active,
		.pageNavWrap .pageNavLinks a.navActive,
		.pageNavWrap .pageNavLinks a:visited.navActive {
			color: #dd3e00;
			text-decoration: none;
		}
	.pageNavWrap form p {
		font-size: 1.4em;
		font-weight: bold;
		margin: 0;
		position: relative;
		top: -5px;
		z-index: 5;
	}
		.pageNavWrap form p .pageNavInput {
			font-size: 1.1em;
			padding: .25em;
			width: 1.5em;
		}
		.pageNavWrap form p .pageNavSubmit {
			background: none;
			border: none;
			color: #4477b0;
			font-size: .9em;
			padding-left: .25em;
			padding-left: .25em;
			text-transform: uppercase;
		}
		.pageNavWrap form p .pageNavSubmit:hover,
		.pageNavWrap form p .pageNavSubmit:focus,
		.pageNavWrap form p .pageNavSubmit:active {
			color: #dd3e00;
			cursor: pointer;
		}
/* ==================================================== */

/* =======================================================
Begin the right-column list selectors
======================================================= */
.freeQuote,
.topicsList,
.specialFeaturesList,
.partnersList,
.sectionsList,
.mediaDetails,
.mediaContributors,
.relatedTable,
.findMoreList,
.rssSubscribe,
.blogrollList,
.tagsList,
.archivesList {
	margin-bottom: 5em;
}
.column1 .tagsList {
	margin-left: 25px;
}
	.column1 .tagsList p {
		margin-top: 0;
	}
#mediaInfo .mediaDetails,
#mediaInfo .mediaContributors,
#mediaInfo .findMoreList {
	margin-bottom: 2em;
}
	.freeQuote h4,
	.topicsList h4,
	.specialFeaturesList h4,
	.partnersList h4,
	.sectionsList h4,
	#mediaInfo h4,
	.relatedTable h4,
	.findMoreList h4,
	.rssSubscribe h4,
	.blogrollList h4,
	.tagsList h4,
	.archivesList h4,
	.twitterFeed h4 {
		color: #a5a5a5;
		font-size: 1.7em;
		font-weight: normal;
		line-height: 1;
		margin-bottom: .5em;
		margin-top: 0;
		text-transform: uppercase;
	}
	.rssSubscribe h4 {
		margin-top: 25px;
	}
		.rssSubscribe h4 a,
		.rssSubscribe h4 a:visited {
			margin-left: 6px;
			position: relative;
			top: 4px;
		}
	.topicsList p,
	.specialFeaturesList p,
	.partnersList p,
	.column2 .tagsList p.continueLink,
	.blogrollList p {
		font-size: 1.3em;
		text-transform: uppercase;
	}
	#mediaInfo h5 {
		color: #061735;
		font-size: 1.6em;
		margin: .25em 0;
	}
	.mediaDetails #mediaDescription {
		font-size: 1.2em;
		margin: .5em 0;
	}
	.mediaDetails .itemMeta {
		color: #a5a5a5;
		font-size: 1.2em;
		margin: .5em 0;
	}
		.mediaDetails .itemMeta a,
		.mediaDetails .itemMeta a:visited {
			background: url(/img/bg-mini-cmnt-bbl.gif) no-repeat right center;
			display: inline-block;
			padding: 1px 21px 1px 0;
			text-transform: uppercase;
		}
	.mediaContributors dl {
		color: #a5a5a5;
		margin: 0;
	}
		.mediaContributors dt {
			clear: left;
			float: left;
			font-size: 1.2em;
			margin: 0 .25em 0 0;
			position: relative;
			top: .2em;
		}
		.mediaContributors dd {
			float: left;
			font-size: 1.4em;
			margin: 0 .5em 0 0;
		}
.topicsList ul,
.specialFeaturesList ul,
.partnersList ul,
.sectionsList ul,
.findMoreList ul,
.blogrollList ul {
	list-style: none;
	padding-left: 0;
}
#verticalTopicList {
	height: 11.5em;
	overflow: hidden;
}

.blogrollList ul{
	overflow: hidden;
}
	.findMoreList ul li {
		background: url(/img/bg-bullet-gray-square.gif) no-repeat 0 .25em;
		font-size: 1.4em;
		margin: .5em 0;
		padding-left: 22px;
	}
		.findMoreList ul li a,
		.findMoreList ul li a:visited {
			font-weight: bold;
		}
	.topicsList ul li,
	.specialFeaturesList ul li,
	.partnersList ul li,
	.sectionsList ul li,
	.blogrollList ul li {
		font-size: 1.3em;
		margin: 0;
	}
	.partnersList ul li {
		margin-bottom: .75em;
	}
.findMoreList p {
	font-size: 1.3em;
}

.column1 .tagsList p {font-size:1.5em;}	/* Adjusting this--and only this--value will affect all of the tagsSizeX selectors below, in the left column. */
.column2 .tagsList p {font-size:1em;}	/* Adjusting this--and only this--value will affect all of the tagsSizeX selectors below, in the right column. */
.tagsSize2 {font-size:1.1em;} .tagsSize3 {font-size:1.2em;}
.tagsSize4 {font-size:1.3em;} .tagsSize5 {font-size:1.4em;}
.tagsSize6 {font-size:1.5em;} .tagsSize7 {font-size:1.6em;} .tagsSize8 {font-size:1.7em;}

.archivesList .archiveYear {
	color: #a5a5a5;
	float: left;
	margin-bottom: 2.5em;
	width: 80px;
}
	.archivesList .archiveYear h6 {
		font-size: 1.3em;
		margin-bottom: .3em;
	}

.archivesList .archiveYear h6 a {
	color: #a5a5a5;
	}
	.archivesList .archiveYear ul {
		list-style: none;
		padding-left: 0;
	}
		.archivesList .archiveYear ul li {
			font-size: 1.2em;
			margin: 0;
		}
/* ==================================================== */

/* =======================================================
Some items in the right column need to be indented even
when the column's contents are generally full-width.
======================================================= */
.indentedItem {
	margin-left: 25px;
}
/* ==================================================== */

/* =======================================================
Begin the bottom nav and footer selectors
======================================================= */
#bottomNav {
	border-top: 1px solid #d5d5d5;
}
	#bottomNav ul {
		float: left;
		list-style: none;
		margin: 3px 0 3px 25px;
		max-width: 630px; /* This ensures that the bottom nav doesn't bump into the Follow/Share content when the font-size is increased. */
		padding: 0;
	}
		#bottomNav ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 5px 12px 5px 0;
			padding: 0 12px 0 0;
		}
		#bottomNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#bottomNav ul li a,
			#bottomNav ul li a:visited {
				font-size: 1.2em;
				position: relative;
				top: 1px;
			}
			#bottomNav ul li a:hover,
			#bottomNav ul li a:focus,
			#bottomNav ul li a:active,
			#bottomNav ul li.navActive a,
			#bottomNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
	#bottomNav p {
		color: #a5a5a5;
		float: right;
		font-size: 1.2em;
		margin: .2em 25px 0 0;
	}
		#bottomNav p .shareLinks {
			margin-left: 20px;
		}
			#bottomNav p a,
			#bottomNav p a:visited {
				position: relative;
				top: 3px;
			}
#footerWrap {
	border: 1px solid #bcbcbc;
	border-bottom: none;
	border-top: 25px solid #001536;
	padding: 25px;
}
	#fAboutLM {
		float: left;
		margin-right: 50px;
		width: 325px;
	}
		#fAboutLM h2 {
			color: #001536;
			font-size: 2.8em;
			margin: 0;
		}
		#fAboutLM p {
			font-size: 1.2em;
		}
			#fAboutLM p a,
			#fAboutLM p a:visited {
				color: #dd3e00;
			}
	#fTopics {
		float: left;
		width: 325px;
		display: inline;
	}
		#fTopics h3 {
			color: #a5a5a5;
			font-size: 1.8em;
			font-weight: normal;
			padding: 10px 0 16px;
			margin: 0;
			text-transform: uppercase;
		}
		#fTopics ul {
			float: left;
			list-style: none;
			margin: 0;
			padding-left: 0;
			width: 162px;
		}
			#fTopics ul li {
				margin: 0;
			}
				#fTopics ul li a,
				#fTopics ul li a:visited {
					font-size: 1.2em;
				}
	#fSections {
	float: left;
	padding-left: 50px;
	width: 134px;
	}
		#fSections h3 {
			color: #a5a5a5;
			font-size: 1.8em;
			font-weight: normal;
			padding: 10px 0 16px;
			margin: 0;
			text-transform: uppercase;
		}
		#fSections ul {
			list-style: none;
			margin: 0;
			padding-left: 0;
		}
			#fSections ul li {
				margin: 0;
			}
				#fSections ul li a,
				#fSections ul li a:visited {
					font-size: 1.2em;
				}
	#fCopyright {
		clear: both;
		color: #a5a5a5;
		padding-top: 2em;
	}
		#fCopyright p {
			font-size: 1.2em;
			margin: 0;
		}
/* ==================================================== 
No Phone Zone
==================================================== */

#pledge_widget {
	margin: auto;
	width: 300px;
}

.wallpaper-download {
	font-size: .8em;
	margin-bottom: 3em;
}

.wallpaper-download span {
	text-transform: uppercase;
	margin-right: 1em;
}

.wallpaper-download a {
	font-weight: bold;
	margin: 0 1em;
}

/* ==================================================== 
Floodlight tags
==================================================== */
iframe.floodlight {
	left: -1px;
	position: absolute;
	top: 0;
}

/* ==================================================== 
Search page
==================================================== */
.search-header form {
	display: inline;
}

.search-header input {
	font-size: 1.2em;
}

.search-header input.textbox {
	font-size: 1.6em;
	margin: .2em 0 .2em.4em;
	width: 60%;
}

.searchResults h2 {
	padding-bottom: 1em;
}

.searchResults strong {
	background-color: #e0eaf3;
	padding: .05em .2em .1em;
	margin: -.05em -.2em -.1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#search-form {
	position: relative;
}

	#search-form input {
		padding: 3px 6px;
		border: 1px solid #ccc;
	}
	
.did_you_mean {
	font-size: 1.6em;
	padding: 0 1.6em;
}

.no-results {
	font-size: 1.6em;
	border-top: 1px solid #ccc;
	padding: 0 1.6em;
}

#qSuggestList {
	text-transform: none;
}

/* ==================================================== 
Conversation view page
==================================================== */
.conversation {
	position:relative;
	padding:15px;
	margin:1em 0 7em;
	color:#fff;
	background:#001536; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.conversation.right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	right:100px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 0 20px 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#001536 transparent transparent; 
}

.conversation.right cite {
	display: block;
	position: absolute;
	color: #333;
	bottom: -70px;
	right: 0;
	text-align: right;
}

.conversation.left:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:100px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 20px 20px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#001536 transparent transparent; 
}

.conversation.left cite {
	display: block;
	position: absolute;
	color: #333;
	bottom: -70px;
	left: 0;
	text-align: left;
}

.conversation cite a {
	display: block;
}

.conversation.moderator {
	background-color: #4477b0;
}

.conversation.moderator:after {
	border-color: #4477b0 transparent transparent;
}

.conversation p a {
	color: #fff;
	text-decoration: underline;
}


/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }

/* END Video.js styles */

/*@media (max-device-width:480px) and (orientation:portrait)  {

    #pageWrap {
        margin: 0 auto;
        width: 379px;
    }
    #siteNav {
        width: 100%;
        font-size: 80%;
    }

    #siteNav ul li{
        padding: 0;
        margin: 0 5px;
        border: 0;
    }

    form#cse-search-box {
        margin: 0 20px 10px;
        padding: 0;
    }

    #topicNav{
        display: none;
    }

    #logoDate h1 {
        margin: 0;
        width:379px;
    }

    #fSections {
        clear:both;
        padding-left:0;
    }
    
}
*/