@import "../../styles/commonStyleMixins.less";

@imagesPath: "player/styles/images";

@commonImagesPath: "styles/images";

@playerTopPadding: 25px;
@playerBottomPadding: 25px;
@playerSidePadding: 25px;

@titleHeight: 58px;
@toolBarHeight: 39px;
@surroundingBorderWidth: 3px;

@toolBarButtonWidth: 90px;
@toolBarNavigationButtonWidth: 60px;

#playerContainer
{
	background: #ffffff url("@{imagesPath}/body-bg.png") bottom left repeat-x;
}

/* ******************* */
/* BREADCRUMB STYLINGS */
/* ******************* */

#breadcrumbTrail
{
	@trailStepColor: rgb(0, 0, 0);
	
	word-wrap: normal;
	white-space: nowrap;
	font-size: 1em;
	line-height: @playerTopPadding;
	overflow: hidden;
	
	.trailStep, .trailStepSeparator
	{
		white-space: nowrap;
		word-wrap: normal;
		color: @trailStepColor;
		
		&.level0
		{
			color: lighten(@trailStepColor, 0%); /* #000000 */
		}
		
		&.level1
		{
			color: lighten(@trailStepColor, 33%); /* #545454 */
			font-style: italic;
		}
		
		&.level2, &.level3, &.level4, &.level5, &.level6, &.level7, &.level8, &.level9, &.level10
		{
			color: lighten(@trailStepColor, 56%); /* #8F8F8F */
			font-style: italic;
		}
	}
}


/* *************** */
/* PLAYER STYLINGS */
/* *************** */

#playerWrapper
{
	#titleContainer
	{
		@titleBarGradientStartColor: #a1b049;
		@titleBarGradientEndColor: #465515;
		
		@learningObjectiveTitleColor: #FEFEFE;
		@learningObjectiveTitleFontSize: 26px;
		
		#titleWrapper
		{
			border: @surroundingBorderWidth solid #CCCCCC;
			border-bottom: none;
			
			background: @titleBarGradientStartColor; /* Old browsers */
			background: -moz-linear-gradient(top, @titleBarGradientStartColor 0%, @titleBarGradientStartColor 18%, @titleBarGradientEndColor 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@titleBarGradientStartColor), color-stop(18%,@titleBarGradientStartColor), color-stop(100%,@titleBarGradientEndColor)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, @titleBarGradientStartColor 0%,@titleBarGradientStartColor 18%,@titleBarGradientEndColor 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, @titleBarGradientStartColor 0%,@titleBarGradientStartColor 18%,@titleBarGradientEndColor 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, @titleBarGradientStartColor 0%,@titleBarGradientStartColor 18%,@titleBarGradientEndColor 100%); /* IE10+ */
			background: linear-gradient(top, @titleBarGradientStartColor 0%,@titleBarGradientStartColor 18%,@titleBarGradientEndColor 100%); /* W3C */
			filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{titleBarGradientStartColor}', endColorstr='@{titleBarGradientEndColor}',GradientType=0 )"; /* IE6-8 */
		}
		
		#learningObjectiveTitle
		{
			color: @learningObjectiveTitleColor;
		    font-size: @learningObjectiveTitleFontSize;
		    font-weight: normal;
		    line-height: @titleHeight;
		    
		    text-shadow: 2px 2px 5px #20240D;
		    
		    white-space: nowrap !important;
		    word-wrap: normal !important;
			overflow: hidden;
			text-overflow: ellipsis;
			
			*
			{
				white-space: nowrap !important;
			    word-wrap: normal !important;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
	
	#toolBarContainer
	{
		@toolBarBackgroundColor: #272727;
		@toolBarButtonTipBackgroundColor: #999999;
		@toolBarButtonTipFontSize: 14px;
		
		#toolBarWrapper
		{
			background: @toolBarBackgroundColor;
		}
		
		.playerToolBarButton
		{
			border: none;
			border-right: solid 1px black;
			background:none;
					
			.ui-button-text
			{
				background-position: center center; 
				background-repeat: no-repeat;
				text-indent: -9999px;
			}
			
		}
		
		.toolBarButtontip
		{
			display: none;
			background: url("@{imagesPath}/tooltipPointer.png") bottom center repeat-y;
			
			z-index: 1000;
			
			p
			{
				padding: 10px;
				margin-bottom: 8px;
				
				line-height: 1;
				
				color: black;
				background: @toolBarButtonTipBackgroundColor;
				font-size: @toolBarButtonTipFontSize;
				
				.outerBoxShadow(2px, 2px, 5px, 0px, fade(@shadowColor, 80%));
			}
		}
		
		.playerToolBarButton.ui-state-hover:hover, .playerToolBarButton.ui-state-focus, .playerToolBarButton:focus
		{
			background-color: #525252;
		}
		
		.playerToolBarButton.ui-state-disabled, .playerToolBarButton.ui-state-disabled:hover
		{
			background: none;
		}
		
		.playerToolBarButton.selected, .playerToolBarButton.selected.ui-state-hover:hover
		{
			background: url("@{imagesPath}/icon_select-bg.png") repeat-x;
		}
		
		.toolBarOperationsWrapper
		{
			float: left;
			
			#btnPageList
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_menu.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_menu-select.png");
				}
			}
			
			
			#btnPrintPage
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_print.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_print-select.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_print_disabled.png");
					}
				}
			}
			
			
			#btnGlossary
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_glossary.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_glossary-select.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_glossary_disabled.png");
					}
				}
			}
			
			
			#btnTranscript
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_transcript.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_transcript-select.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_transcript_disabled.png");
					}
				}
			}
			
			#btnNotes
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_notes.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_notes-select.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_notes_disabled.png");
					}
				}
			}
			
			#btnHelp
			{
				border-right: none;
				
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_help.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_help-select.png");
				}
			}
			
			&#helpWrapper
			{
				float: right;
			}
		}
	
		#pageNavigationWrapper
		{
			#btnPreviousPage, #btnNextPage
			{
				.playerToolBarButton;
				
				&:focus
				{
					background:#525252;
				}
			}
						
			#pageTrackingStatus
			{
				color: white; 
			}
			
			#btnPreviousPage
			{
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_back.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_back-disable.png");
					}
				}
				
				border: none;
				border-left: solid 1px black;
			}
			
			#btnNextPage
			{
				.ui-button-text
				{
					background-image: url("@{imagesPath}/icon_next.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_next-disable.png");
					}
				}
				
				border: none;
				border-right: solid 1px black;
			}
		}
		
		#volumeWrapper
		{
			#volumeControlPanelOverlay
			{
				background: rgb(255, 255, 255);
				
				-moz-opacity: 0.01;
				opacity: 0.01;
				filter: ~"alpha(opacity = 1)";
			}
			
			#volumeControlPanel
			{
				background: #272727;
				
				.outerBoxShadow(0px, 0px, 5px, 1px, fade(@shadowColor, 60%));
			}
			
			#volumeControl
			{
				background: url("@{imagesPath}/icon_volumebar_back.png") center center repeat-y;
				
				.ui-slider-range
				{
					background: url("@{imagesPath}/icon_volumebar_value.png") center center repeat-y;
					width: 12px;
				}
				
				.ui-slider-handle
				{
					background: url("@{imagesPath}/icon_slider_thumb.png") center center no-repeat;
				}
				
				&.ui-slider-disabled
				{
					-moz-opacity: 0.5;
					opacity: 0.5;
					filter: ~"alpha(opacity = 50)";
					
					div, a
					{
						filter: ~"alpha(opacity = 50)";
					}
				}
			}
			
			#summaryAudioMuteToggleContainer
			{
				margin: 5px;
				vertical-align: middle;
				
				padding-top: 2px;
				
				border-top: 1px solid black;
				
				label
				{
					color: white;
					font-size: 0.8em;
				}
			}
			
			#btnVolume 
			{
				border-left: solid 1px black;
				
				.ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_volume.png");
				}
				
				&.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_volume-select.png");
				}
				
				&.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_volume_disabled.png");
					}
				}
				
				&.muted .ui-button-text
				{					
					background-image: url("@{imagesPath}/icon_mute.png");
				}
				
				&.muted.selected .ui-button-text
				{
					background-image: url("@{imagesPath}/icon_mute-select.png");
				}
				
				&.muted.ui-state-disabled
				{
					.ui-button-text
					{					
						background-image: url("@{imagesPath}/icon_mute_disabled.png");
					}
				}
			}
		}
		
		
		
		
		#summaryAudioContainer 
		{	
			.jp-play.ui-state-disabled
			{
				span
				{					
					background-image: url("@{imagesPath}/icon_play_disabled.png");
				}
			}
		}
		
		#transcriptPanel
		{
			border: 3px solid white;
			border-bottom: none;
			
			min-height: 72px;
				
			background: #ececec;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #ececec 0%, #c2c2c2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#c2c2c2));
			background: -webkit-linear-gradient(top,  #ececec 0%,#c2c2c2 100%);
			background: -o-linear-gradient(top,  #ececec 0%,#c2c2c2 100%);
			background: -ms-linear-gradient(top,  #ececec 0%,#c2c2c2 100%);
			background: linear-gradient(top,  #ececec 0%,#c2c2c2 100%);
			filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#c2c2c2',GradientType=0 )";

			
			.outerBoxShadow(0px, 0px, 5px, 2px, fade(@shadowColor, 25%));
			
			#transcript
			{
				font-size: 15px;
				color: #251b0d;
			}
		}
		
	}
	
	#currentPageContainer
	{
		background: #c3c3c3;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzI3MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #c3c3c3 0%, #272727 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(100%,#272727));
		background: -webkit-linear-gradient(top,  #c3c3c3 0%,#272727 100%);
		background: -o-linear-gradient(top,  #c3c3c3 0%,#272727 100%);
		background: -ms-linear-gradient(top,  #c3c3c3 0%,#272727 100%);
		background: linear-gradient(top,  #c3c3c3 0%,#272727 100%);
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#272727',GradientType=0 )";
	}
	
	#currentPageWrapper
	{
		background: #ffffff;
	}
	
	#pageLoader
	{	
		border: none;
	}	
}


#playerWrapper
{
	#pageListWrapper
	{
		@menuBackgroundColor: #dad9d9;
		@menuItemHeight: 25px;
		
		position: relative;
		
		#pageListPanel
		{
			border: 3px solid white;
			border-bottom: none;
			
			background: @menuBackgroundColor;
			
			z-index: 99;
			
			@shadowColor: #30200C; 
			
			.outerBoxShadow(0, -3px, 10px, 2px, fade(@shadowColor, 25%));
			
			#pageListTitle
			{
				font-size: 16px;
				font-weight: normal;
				color: #000000;
				background: url("@{imagesPath}/pageMenuHeadingBackground.png") repeat-x;
			}
		}
		
		#pageList
		{
			.pageListItem.isCurrent
			{
				a
				{	
					color: #FFFFFF;
					
					font-weight: bold;
				
					background: #8b8b8b;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjOGI4YjhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjN2Q3ZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNjU2NTY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNWY1ZjVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(top,  #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(4%,#909090), color-stop(21%,#8b8b8b), color-stop(46%,#7d7d7d), color-stop(50%,#777777), color-stop(54%,#6b6b6b), color-stop(63%,#6b6b6b), color-stop(71%,#656565), color-stop(96%,#5f5f5f), color-stop(100%,#5b5b5b));
					background: -webkit-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: -o-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: -ms-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#5b5b5b',GradientType=0 )";
				}
			}
			
			.pageListItem a
			{
				font-size: 12px;
				line-height: @menuItemHeight;
				color: #000000;
				text-decoration: none;
				
				background: #eeeeee;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 13%, #e8e8e8 29%, #c9c9c9 75%, #bcbcbc 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(13%,#eeeeee), color-stop(29%,#e8e8e8), color-stop(75%,#c9c9c9), color-stop(100%,#bcbcbc));
				background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 13%,#e8e8e8 29%,#c9c9c9 75%,#bcbcbc 100%);
				background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 13%,#e8e8e8 29%,#c9c9c9 75%,#bcbcbc 100%);
				background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 13%,#e8e8e8 29%,#c9c9c9 75%,#bcbcbc 100%);
				background: linear-gradient(top,  #eeeeee 0%,#eeeeee 13%,#e8e8e8 29%,#c9c9c9 75%,#bcbcbc 100%);
				filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bcbcbc',GradientType=0 )";

			}
		}
	}
}

.no-touch #playerWrapper
{
	#pageListWrapper
	{
		#pageList
		{
			.pageListItem.isCurrent
			{
				a:hover
				{	
					color: #FFFFFF;
					
					font-weight: bold;
				
					background: #8b8b8b;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGI4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjOGI4YjhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDYlIiBzdG9wLWNvbG9yPSIjN2Q3ZDdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjMlIiBzdG9wLWNvbG9yPSIjNmI2YjZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNjU2NTY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjNWY1ZjVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzViNWI1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(top,  #8b8b8b 0%, #909090 4%, #8b8b8b 21%, #7d7d7d 46%, #777777 50%, #6b6b6b 54%, #6b6b6b 63%, #656565 71%, #5f5f5f 96%, #5b5b5b 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(4%,#909090), color-stop(21%,#8b8b8b), color-stop(46%,#7d7d7d), color-stop(50%,#777777), color-stop(54%,#6b6b6b), color-stop(63%,#6b6b6b), color-stop(71%,#656565), color-stop(96%,#5f5f5f), color-stop(100%,#5b5b5b));
					background: -webkit-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: -o-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: -ms-linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					background: linear-gradient(top,  #8b8b8b 0%,#909090 4%,#8b8b8b 21%,#7d7d7d 46%,#777777 50%,#6b6b6b 54%,#6b6b6b 63%,#656565 71%,#5f5f5f 96%,#5b5b5b 100%);
					filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#5b5b5b',GradientType=0 )";
				}
			}
			
			.pageListItem a:hover, .pageListItem a:focus
			{
				color: #FFFFFF;
				
				background: #525252;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjUyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #525252 0%, #525252 13%, #525252 29%, #525252 75%, #525252 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(13%,#525252), color-stop(29%,#525252), color-stop(75%,#525252), color-stop(100%,#525252));
				background: -webkit-linear-gradient(top,  #525252 0%,#525252 13%,#525252 29%,#525252 75%,#525252 100%);
				background: -o-linear-gradient(top,  #525252 0%,#525252 13%,#525252 29%,#525252 75%,#525252 100%);
				background: -ms-linear-gradient(top,  #525252 0%,#525252 13%,#525252 29%,#525252 75%,#525252 100%);
				background: linear-gradient(top,  #525252 0%,#525252 13%,#525252 29%,#525252 75%,#525252 100%);
				filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#525252',GradientType=0 )";
			}
		}
	}
}

.glossaryDescriptionWrapper
{
	.closeGlossary
	{
		background: url("@{commonImagesPath}/closeGlossary.png") no-repeat;
	}
}

.hidden
{
	display: none;
}

/* ******************************************** */
/* SPECIFIC CHANGES REQUIRED AS PER THE CONTEXT */
/* ******************************************** */

.no-navigation
{
	#summaryAudioContainer
	{
		border-right: solid 1px black;
	}
}