.playAllTitle {
  background-color: #000000;  
  height: 595px;
  position: absolute;
  top: 150px;
  width: 940px;
  text-align: center;  
  display: none;
  z-index: 9999;
}
.playAllTitle p {
  text-transform: uppercase;
  font: bold 16px/30px Proxima Nova Sbold;
  color: #b5b7b4;
  margin-top: 0;
  background: url("/2_0_0/images/spinner.gif") 457px 240px no-repeat;
  padding-top: 270px;
}

.playAllTitle.fullscreen {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: url("/2_0_0/images/spinner.gif") no-repeat center center;
}

.playAllTitle.fullscreen p {
   background: none;
}
#playTitle {
  background-color: #000000;  
  height: 350px;
  position: absolute;
  top: 150px;
  width: 620px;
  text-align: center;  
  display: none; 
  z-index: 9999;
}
#playTitle p {
  text-transform: uppercase;
  font: bold 16px/30px Proxima Nova Sbold;
  color: #b5b7b4;
  margin-top: 0;
  background: url("/2_0_0/images/spinner.gif") 292px 100px no-repeat;
  padding-top: 130px;
}
#playNextStory {
  height: 350px;
  position: absolute;
  top: 150px;
  width: 620px;  
  z-index: 9999;
  display: none; 
}
#playNextStory .content {
  position: relative;
  color: #FFFFFF;
  z-index:5;
}
#playNextStory .background  {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color: #000000;
  z-index:1;
  /* These 4 lines are for transparency in all browsers. */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80); /* IE */
  -moz-opacity:0.8; /* Mozilla */
  opacity:0.8; /* CSS3 */
}
.playNextStoryTitle {
  padding-left: 15px;
  padding-top: 15px;
}
.playNextStoryImg {
  border: 1px solid #ffffff;
  height: 160px;
  margin-left: 15px;
  width: 280px;
  cursor: pointer;
}
.playNextStoryImg img {
  border: medium none;
  height: 100%;
  width: 100%;
}
.playNextStoryImg p {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.playNextStoryImg .playIcon {
  height: 80px;
  left: 110px;
  position: absolute;
  top: 100px;
  width: 80px;
  z-index: 999;
}

	.playerNavigator{
		position: relative;
		background-color:#0676bc;
		height: 26px;
		width: 100%;
		color: #fff;
		margin-top: 10px;
	}
	
	.playerNavigator .play{
		position: absolute;
		top: 20%;
		left: 7px;	
	}
	
	.playerNavigator span{
		cursor:pointer;
	}
	
	.separator{
		margin: 3px;	
	}
	
	.corner{
		position: absolute;
		bottom: -7px;
		left: 10px;
	}
	
	.shareStory{
		position:absolute;
		top: 20%;
		right:7px;
	}
	
	.shareStory img{
		padding-right: 5px;	
	}
	
	.actionsStory{
		position:absolute;
		top: 10%;
		left:55%;	
	}
	
	.like{
		background: url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_orange.png) 0 0 no-repeat;
		width: 30px;
		height:36px;
		border: 1px solid black;
	}
	
	#favoriteStory .dislike{
		background: url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_white.png)
	}
	
	.playTitle{
		width: 100%;
		border-bottom: 3px solid #0676bc;
		
	}


.playTitle{
	width: 100%;
	height:100px;
}

.playTitle div {
	vertical-align:bottom;	
}

.playTitle span{
	position: absolute;
	bottom: 0px;
	left: 0px;	
}

.playTitle #storyTitle{
	position: relative;
	height:30px;
	color:#0e76bc;
	font-size:18px;
	font-weight:bold;	
}

.playTitle #speakerName{
	position: relative;
	height:20px;
	color:#666;
	font-size:14px;
	font-weight:bold;		
}

.playTitle #speakerPrimaryField{
	position: relative;
	height: 15px;	
}

.storiesTable tr{
	/*background-color: #eaf3fa;*/
	height: 24px;
}
#buttonPrevious:hover, #buttonNext:hover {
  text-decoration: underline;
}

.storiesTable a{
	color: #333;
	font: 12px arial,sans-serif;
}

.storiesTable tr.even{
	/*background-color: #eaf3fa;*/
}

.storiesTable tr.odd{
	background-color: #fff;
}

.storiesTable th{
	width: 55px;
	/*border: 1px solid #eaf3fa;
	outline: 1px solid #fff;*/
}

.storiesTable td{
	/*border: 1px solid #eaf3fa;
	outline: 1px solid #fff;*/
}


.storiesTable .text{
	text-align:center;
}

#durationTitle, #viewsTitle{
	font-style: italic;
}

.storiesTable .title{
	margin-left:10px;
	text-decoration: none;
}

.storiesTable .duration{
	color: #8899aa;
    font: italic 12px/18px Georgia;
}

.storiesTable .likes{
	color: #8899aa;
    font: italic 12px/18px Georgia;
}

.storiesTable #durationTitle{
	color: #8899aa;
    font: italic 11px/18px Georgia;
}

.storiesTable #likesTitle{
	color: #8899aa;
    font: italic 11px/18px Georgia;
}

.storiesTable .favorite{
	color: #d59d4e;
}

.storiesTable .comment{
	position: relative;
	color: #fff;
}

.storiesTable .comment img{
	position: absolute;
	left: 30%;
	bottom: 10%;
	z-index:1;
}

.storiesTable .comment span{
	position: absolute;
	left: 45%;
	bottom: 20%;
	z-index:2;
}

.storiesTable .views{
	color: #8899aa;
    font: italic 12px/18px Georgia;
}

.storiesTable #viewsTitle {
	color: #8899aa;
    font: italic 11px/18px Georgia;
}

#allStories, #comments{
	width: 620px;
	position: relative;
	float:left;
}

#allStories #searchBoxDiv{
	height: 40px;
	float: left;
}

#allStories {
	float: right;
	z-index: 1;
}

#mainInfo div{
	position:relative;
}

#mainInfo span{
  /*position: absolute;
  bottom: 0px;
  left: 0px;*/
}

#mainInfo #title{
  font: 18px Arial;
  font-weight: bold;
  color: #0e76bc;	
  /*height: 30px;*/
  margin-top: 7px;
  float: left;
  width: 425px;
}

#mainInfo #speakerName{
	font: 14px Arial;
	font-weight: bold;
	color:#333;
	/*height: 20px;*/
	width: 425px;
	float: left;
}

#mainInfo #speakerName #primaryField{
  color: #666;
  font-weight: normal;
}

#mainInfo #firstField{
	font: 14px Arial;
	color: #666;
	height: 20px;
	width: 450px;
	float: left;    	
}

.rightTop{
	width: 300px;
	margin-left: 20px;
}

.rightTop .tabContent{
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}

.transcriptLanguagesLink,
.bioLanguagesLinks{
	color: #b3b3b3;
	margin-bottom: 10px;
	margin-top: 10px;
	float:left;
	text-align: center;
	width: 100%;
	cursor: pointer;
	font: italic 12px Georgia;
}
.bioLanguagesLinks a {
	color: #b3b3b3;
	text-decoration: none;
}
.transcriptLanguagesLink .menuSelected,
.bioLanguagesLinks .menuSelected {
	color: #0e76bc;
}

#relatedStories{
	float: right;
	padding-top: 5px;
}

.recommendButton{
	position: relative;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 10px;
	
}


.recommendButtonOn{
	background:url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_orange.png) 0 0 no-repeat;
}

.recommendButtonOn:hover{
	background:url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_white.png) 0 0 no-repeat;
}


.recommendButtonOff{
	background:url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_white.png) 0 0 no-repeat;
}

.recommendButtonOff:hover{
	background:url(https://d3qf61oza7ty3z.cloudfront.net/siteAssets/redesign/play/fav_orange.png) 0 0 no-repeat;
}