/*ttxt is a Lectora style for text objects*/
body.mac .ttxt, body.mac.unbold .ttxt strong, body.mac.unbold .ttxt b, body.mac div.ttxt * {
	font-weight: normal !important;
}

body.cssAnim .blink {
	animation: cssFade 1s forwards;
	-webkit-animation: cssFade 1s forwards;
	-moz-animation: cssFade 1s forwards;
	-o-animation: cssFade 1s forwards;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
}

@keyframes cssFade {
0%   {opacity:0;}
50%   {opacity:1;}
100% {opacity:0;}
}

@-webkit-keyframes cssFade {
0%   {opacity:0;}
50%   {opacity:1;}
100% {opacity:0;}
}

@-moz-keyframes cssFade {
0%   {opacity:0;}
50%   {opacity:1;}
100% {opacity:0;}
}

@-o-keyframes cssFade {
0%   {opacity:0;}
50%   {opacity:1;}
100% {opacity:0;}
}

#appContainer {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
	z-index: 0;
	overflow: hidden;
}

#appContainer.loading {
	width: 0px;
	height: 0px;
	visibility: hidden;
}

#nonvisualsContainer {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	z-index: 0;
	overflow: hidden;
	visibility: hidden;
}

#contentContainer {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
	z-index: 0;
	overflow: hidden;
}

#videoPlayerContainer {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
	visibility: hidden;
}

#videoPlayerContainer video{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
}

#videoPlayerContainer audio{
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

#contentFrame {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
}

#guiContainer {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	z-index: 0;
	overflow: visible;
}

#leftPanel.clsLeftPanel {
	z-index: 1;
	position: absolute;
	background: url("../images/player/bgLeftPanel_st.png") no-repeat;
	left: 0px;
	top: 512px;
	width: 211px;
	height: 143px;
}

body.teacher #leftPanel.clsLeftPanel {
	background: url("../images/player/bgLeftPanel_te.png") no-repeat;
}

#leftPanel.clsLeftPanelTools {
	z-index: 1;
	position: absolute;
	background: url("../images/player/bgLeftPanelTools_st.png") no-repeat;
	left: 0px;
	top: 512px;
	width: 211px;
	height: 143px;
}

body.teacher #leftPanel.clsLeftPanelTools {
	background: url("../images/player/bgLeftPanelTools_te.png") no-repeat;
}

body.cssTrans #leftPanel {
	transition: opacity 1s, left 1s;
	-webkit-transition: opacity 1s, left 1s;
	-moz-transition: opacity 1s, left 1s;
	-o-transition: opacity 1s, left 1s;
}

#guiContainer.pmtOpen #leftPanel {
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	left: -212px;
}

#guiContainer.pmtOpen.scrollBlock #leftPanel {
	margin-left: 212px;
}

body.teacher #btnTeacherResources {
	background: url("../images/player/btnTeacherResources_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 60px;
	top: 6px;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

body.desktop.teacher #btnTeacherResources:hover {
	background-position: -48px -1px;
}

body.desktop.teacher #btnTeacherResources:active, body.teacher #btnTeacherResources:active {
	background-position: -95px -1px;
}

#btnHome {
	background: url("../images/player/btnHome_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 12px;
	top: 6px;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

body.desktop #btnHome:hover {
	background-position: -48px -1px;
}

body.desktop #btnHome:active, #btnHome:active {
	background-position: -95px -1px;
}

#btnTools {
	background: url("../images/player/btnTools_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 54px;
	top: 52px;
	width: 85px;
	height: 80px;
	cursor: pointer;
}

body.desktop #btnTools:hover {
	background-position: -87px -1px;
}

body.desktop #btnTools:active, #btnTools:active {
	background-position: -173px -1px;
}

#btnGlossary {
	background: url("../images/player/btnGlossary_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 141px;
	top: 76px;
	width: 56px;
	height: 56px;
	cursor: pointer;
}

body.desktop #btnGlossary:hover {
	background-position: -58px -1px;
}

body.desktop #btnGlossary:active, #btnGlossary:active {
	background-position: -115px -1px;
}

#toolsMenu {
	z-index: 910;
	position:absolute;
	background: url("../images/player/bgTools.png") no-repeat;
	left: 134px;
	top: 426px;
	width: 399px;
	height: 141px;
	visibility: hidden;
}

#guiContainer.pmtOpen #toolsMenu, body.noGUI #guiContainer #toolsMenu {
	background: url("../images/player/bgToolsOverPMT.png") no-repeat;
	left: 307px;
	top: 246px;
}

#btnToolsMenuClose {
	background: url("../images/player/btnClose_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 378px;
	top: -12px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	visibility: inherit;
}

body.desktop #btnToolsMenuClose:hover {
	background-position: -30px -1px;
}

body.desktop #btnToolsMenuClose:active, #btnToolsMenuClose:active {
	background-position: -59px -1px;
}

/*
#centerPanel {
	z-index: 8;
	background: url("../images/player/bgCenterPanel.png") no-repeat;
	position:absolute;
	left: 338px;
	top: 608px;
	width: 348px;
	height: 47px;
}*/

/*Magic updated style for center panel*/
#centerPanel {
	z-index: 8;
position: absolute;
left: 338px;
top: 608px;
width: 348px;
height: 44px;

}

#centerPanelBg {
	position: absolute;
	left: 0px;
	width: 100%;
	opacity: .8;
}
#centerPanelBgLeft {

background: url("../images/player/bgCenterPanel_Left.png") no-repeat;
height:47px;
width:10px;
position: absolute;
left: 0px;
}

#centerPanelBgCenter {

background: url("../images/player/bgCenterPanel_Center.png");
height:47px;
position: absolute;
left: 10px;
width: 200px;
}

#centerPanelBgRight {

background: url("../images/player/bgCenterPanel_Right.png") no-repeat;
height:47px;
width:15px;
position: absolute;
float: right;
right: 0px;
}

#progressbarBGLeft {

background: url("../images/player/bgProgressBar_Left.png") no-repeat;
height:16px;
width:14px;
position: absolute;
left: 0px;
}

#progressbarBGCenter {

background: url("../images/player/bgProgressBar_Center.png");
height:16px;
position: absolute;
left: 14px;
width: 10px;
}

#progressbarBGRight {

background: url("../images/player/bgProgressBar_Right.png") no-repeat;
height:16px;
width:14px;
position: absolute;
float: right;
right: 0px;
}

body.cssTrans #centerPanel {
	transition: opacity 1s, top 1s;
	-webkit-transition: opacity 1s, top 1s;
	-moz-transition: opacity 1s, top 1s;
	-o-transition: opacity 1s, top 1s;
}

#guiContainer.pmtOpen #centerPanel {
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	top: 820px;
}

#guiContainer.pmtOpen.scrollBlock #centerPanel {
	margin-top: -212px;
}

#centerPanel .sectionFill {
	position: absolute;
	top: 14px;
	width: 0px;
	height: 16px;
}

#centerPanel .sectionFill.Green {
	background: url("../images/player/fillGreen.png");
}

#centerPanel .sectionFill.Blue {
	background: url("../images/player/fillBlue.png");
}

#centerPanel .sectionFill.Purple {
	background: url("../images/player/fillPurple.png");
}

#centerPanel .sectionFill.Orange {
	background: url("../images/player/fillOrange.png");
}

#centerPanel .sectionFill.Red {
	background: url("../images/player/fillRed.png");
}

#centerPanel .sectionFill.smallBlue {
	background: url("../images/player/fillSmallBlue.png");
}

#centerPanel .sectionFillEnd {
	position: absolute;
	top: 14px;
	width: 7px;
	height: 16px;
	visibility: hidden;
}

#centerPanel .sectionFillEnd.Green {
	background: url("../images/player/fillGreenEnd.png");
}

#centerPanel .sectionFillEnd.Blue {
	background: url("../images/player/fillBlueEnd.png");
}

#centerPanel .sectionFillEnd.Purple {
	background: url("../images/player/fillPurpleEnd.png");
}

#centerPanel .sectionFillEnd.Orange {
	background: url("../images/player/fillOrangeEnd.png");
}

#centerPanel .sectionFillEnd.Red {
	background: url("../images/player/fillRedEnd.png");
}

#centerPanel .sectionFillEnd.smallBlue {
	background: url("../images/player/fillSmallBlueEnd.png");
}

#centerPanel .sectionStart {
	position: absolute;
	top: 11px;
	width: 45px;
	height: 23px;
	cursor: pointer;
}

#centerPanel .sectionStart.Green {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -1px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.Green:hover {
	background-position: -26px 0px;
}

#centerPanel .sectionStart.Blue {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -51px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.Blue:hover {
	background-position: -76px 0px;
}

#centerPanel .sectionStart.Purple {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -101px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.Purple:hover {
	background-position: -126px 0px;
}

#centerPanel .sectionStart.Orange {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -151px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.Orange:hover {
	background-position: -176px 0px;
}

#centerPanel .sectionStart.Red {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -201px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.Red:hover {
	background-position: -226px 0px;
}


#centerPanel .sectionStart.smallBlue {
	background: url("../images/player/dotBtn_sprite.png") no-repeat;
	background-position: -250px 0px;
	width: 24px;
	height: 23px;
}

body.desktop #centerPanel .sectionStart.smallBlue:hover {
	background-position: -275px 0px;
}

/*
#progressbarBG {
	background: url("../images/player/bgProgressBar.png") no-repeat;
	position:absolute;
	left: 102px;
	top: 14px;
	width: 229px;
	height: 16px;
}
*/
/************************************************************************************************/
/*Update by magic for positioning*/

#progressbarBG {
	/*background: url("../images/player/bgProgressBar.png") no-repeat;*/
	overflow:hidden;
	position: absolute;
left: 102px;
	top: 14px;
	width: 229px;
	height: 16px;
border-radius: 11px;
}
#curSection {
	background: url("../images/player/dotCurrent_sprite.png") no-repeat;
	position:absolute;
	left: 280px;
	top: 6px;
	width: 36px;
	height: 36px;
	margin-left: -6px;
}

#curSection.section0 {
	background-position: -1px 0px;
}

#curSection.section1 {
	background-position: -38px 0px;
}

#curSection.section2 {
	background-position: -75px 0px;
}

#curSection.section3 {
	background-position: -112px 0px;
}

#curSection.section4 {
	background-position: -149px 0px;
}

#curSection.sectionSmallBlue {
	background-position: -185px 0px;
}
/*************************************************************************************************************************/
/*Magic done code changes*/

#btnBackSlider {
	/*background: url("../images/player/btnBack_sprite.png") no-repeat;
	background-position: -1px -1px;*/
	background: url("../images/player/back.png") no-repeat;
	position: absolute;
left: 100px;
top: 9px;
width: 24px;
height: 24px;
cursor: pointer;

text-align: center;
visibility: hidden;
}

/*
body.desktop #btnBackSlider:hover {
	background-position: -58px -1px;
}

body.desktop #btnBackSlider:active, #btnBack:active {
	background-position: -115px -1px;
}

body.desktop #btnBackSlider.disable, body.mobile #btnBackSlider.disable {
	background-position: -172px -1px;
	cursor: default;
}
*/
#btnNextSlider {
	background: url("../images/player/next.png") no-repeat;
	/*background-position: -1px -1px;*/


position: absolute;
left: 495px;
top: 9px;
width: 24px;
height: 24px;
cursor: pointer;

text-align: center;
visibility: hidden;

}

#progressBarElementContainer
{
	overflow: hidden;
	width: 457px;
	height: 44px;
	position: absolute;
}

#progressBarBGContainer
{
	overflow: hidden;
	width: 457px;
	height: 44px;
	position: absolute;
}


#progressBarElement
{
	overflow: hidden;
	width: 457px;
	height: 44px;
	position: absolute;
	left:0px;
	top:-1px;
}
/*
body.desktop #btnNextSlider:hover {
	background-position: -87px -1px;
}

body.desktop #btnNextSlider:active, #btnNextSlider:active {
	background-position: -173px -1px;
}

body.desktop #btnNextSlider.disable, body.mobile #btnNextSlider.disable {
	background-position: -259px -1px;
	cursor: default;
}*/
/*************************************************************************************************************************/

#btnReplay {
	background: url("../images/player/btnPausePlayReplay_sprite.png") no-repeat;
	background-position: -96px 0;
	position:absolute;
	left: 58px;
	top: 9px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

body.desktop #btnReplay:hover {
	background-position: -120px 0;
}

#btnPause {
	background: url("../images/player/btnPausePlayReplay_sprite.png") no-repeat;
	background-position: 0 0;
	position:absolute;
	left: 17px;
	top: 9px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	visibility: hidden;
}

body.desktop #btnPause:hover {
	background-position: -24px 0;
}

#btnPlay {
	background: url("../images/player/btnPausePlayReplay_sprite.png") no-repeat;
	background-position: -48px 0;
	position:absolute;
	left: 17px;
	top: 9px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	visibility: hidden;
}

body.desktop #btnPlay:hover {
	background-position: -72px 0;
}

#btnPauseDisabled {
	background: url("../images/player/btnPausePlayReplay_sprite.png") no-repeat;
	background-position: 0 0;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	position:absolute;
	left: 17px;
	top: 9px;
	width: 24px;
	height: 24px;
}

#rightPanel {
	z-index: 2;
	background: url("../images/player/bgRightPanel.png") no-repeat;
	position:absolute;
	left: 809px;
	top: 511px;
	width: 205px;
	height: 143px;
}

body.mobile #rightPanel {
	background: url("../images/player/bgRightPanel_mobile.png") no-repeat;
}

body.cssTrans #rightPanel {
	transition: opacity 1s, left 1s;
	-webkit-transition: opacity 1s, left 1s;
	-moz-transition: opacity 1s, left 1s;
	-o-transition: opacity 1s, left 1s;
}

#guiContainer.pmtOpen #rightPanel {
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	left: 1021px;
}

#guiContainer.pmtOpen.scrollBlock #rightPanel {
	margin-left: -212px;
}

#rightPanel.audioOpen {
	background: url("../images/player/bgRightPanel_Audio.png") no-repeat;
}

#btnBack {
	background: url("../images/player/btnBack_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 8px;
	top: 77px;
	width: 56px;
	height: 56px;
	cursor: pointer;
}

body.desktop #btnBack:hover {
	background-position: -58px -1px;
}

body.desktop #btnBack:active, #btnBack:active {
	background-position: -115px -1px;
}

body.desktop #btnBack.disable, body.mobile #btnBack.disable {
	background-position: -172px -1px;
	cursor: default;
}

#btnNext {
	background: url("../images/player/btnNext_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 66px;
	top: 53px;
	width: 85px;
	height: 80px;
	cursor: pointer;
}

body.desktop #btnNext:hover {
	background-position: -87px -1px;
}

body.desktop #btnNext:active, #btnNext:active {
	background-position: -173px -1px;
}

body.desktop #btnNext.disable, body.mobile #btnNext.disable {
	background-position: -259px -1px;
	cursor: default;
}

#btnNextHL {
	background: url("../images/player/btnNext_sprite.png") no-repeat;
	background-position: -345px -1px;
	position:absolute;
	left: 66px;
	top: 53px;
	width: 85px;
	height: 80px;
	cursor: pointer;
	visibility: hidden;
}

#btnAudioPanel {
	background: url("../images/player/btnAudioPanel_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 98px;
	top: 7px;
	width: 45px;
	height: 45px;
	cursor: pointer;
}

/*this is no longer used because button does not appear on mobile at all now*/
body.mobile #btnAudioPanel {
	opacity: 0.4;
	cursor: default;
}

body.desktop #btnAudioPanel:hover {
	background-position: -47px -1px;
}

body.desktop #btnAudioPanel:active {
	background-position: -93px -1px;
}

#btnCC {
	background: url("../images/player/btnCC_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 146px;
	top: 7px;
	width: 46px;
	height: 46px;
	cursor: pointer;
}

body.desktop #btnCC:hover {
	background-position: -48px -1px;
}

body.desktop #btnCC:active, #btnCC:active {
	background-position: -95px -1px;
}

#audioPanel {
	z-index: 7;
	position:absolute;
	background: url("../images/player/bgAudioPanelSheen.png") no-repeat;
	left: 623px;
	top: 460px;
	width: 295px;
	height: 70px;
	visibility: hidden;
}

#btnAudioOff {
	background: url("../images/player/btnAudioOff_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 18px;
	top: 17px;
	width: 36px;
	height: 32px;
	cursor: pointer;
	visibility: hidden;
}

body.desktop #btnAudioOff:hover {
	background-position: -38px -1px;
}

#btnAudioOn {
	background: url("../images/player/btnAudioOn_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 18px;
	top: 17px;
	width: 36px;
	height: 32px;
	cursor: pointer;
	visibility: inherit;
}

body.desktop #btnAudioOn:hover {
	background-position: -38px -1px;
}

#btnAudioTipOff {
	background: url("../images/player/btnAudioTipOff_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 222px;
	top: 7px;
	width: 62px;
	height: 51px;
	cursor: pointer;
	visibility: inherit;
}

body.desktop #btnAudioTipOff:hover {
	background-position: -64px -1px;
}

body.desktop #btnAudioTipOff:active{
	background-position: -127px -1px;
}

#btnAudioTipOn {
	background: url("../images/player/btnAudioTipOn_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 222px;
	top: 7px;
	width: 62px;
	height: 51px;
	cursor: pointer;
	visibility: hidden;
}

body.desktop #btnAudioTipOn:hover {
	background-position: -64px -1px;
}

body.desktop #btnAudioTipOn:active{
	background-position: -127px -1px;
}

#btnAudioPanelClose {
	background: url("../images/player/btnClose_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 275px;
	top: -10px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

body.desktop #btnAudioPanelClose:hover {
	background-position: -30px -1px;
}

body.desktop #btnAudioPanelClose:active, #btnAudioPanelClose:active {
	background-position: -59px -1px;
}

#CCPanel {
	z-index: 3;
	background: url("../images/player/bgCC.png") no-repeat;
	position:absolute;
	left: 223px;
	top: 505px;
	width: 568px;
	height: 94px;
	visibility: hidden;
}

#CCText {
	position:absolute;
	left: 28px;
	top: 14px;
	width: 528px;
	height: 62px;
	font-family: "HMSHelveticaMathStd", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 17pt;
	line-height: 21pt;
	overflow-y: auto;
	outline: none;
}

#CCText.CCText3_5 {
	font-family: "HMS CDMyriad Std" !important;
	font-weight:bold;
	font-size: 15pt;
	line-height: 19pt;
}

body.mac #CCText, body.mac #CCText.CCText3_5 {
	font-weight: normal;
}

/**********************************************
CSS Styles for Math On The Spot Videos popup
**********************************************/
#popupMOTS {
	z-index: 200;
	position: absolute;
	left: 147px;
	top: 80px;
	width: 720px;
	height: 405px;
	visibility: hidden;
	font-family: HMSCDMyriadStdSemiBold;
}

#popupMOTS.ROWL {
	left: 260px;
	top: 152px;
	width: 480px;
	height: 270px;
}

#popupMOTS #motsContent {
	position:absolute;
	left: 0px;
	top: 0px;
	visibility: visible;
}

#popupMOTS.ROWL #motsContent {
	-moz-box-shadow: 1px 1px 2px 3px rgba(68,68,68,0.6);
	-webkit-box-shadow: 1px 1px 2px 3px rgba(68,68,68,0.6);
	box-shadow: 1px 1px 2px 3px rgba(68,68,68,0.6);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#popupMOTSOverlayBg {
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1014px;
	height: 655px;
	opacity:0.4;
	filter: alpha(opacity=40);
	background-color:#000000;
}

#popupMOTSPreloaderDiv {
	position:absolute;
    left:0px;
    top:0px;
	width:inherit;
	height:inherit;
	background: url("../images/player/preloader.gif") no-repeat;
	background-size: 32px 32px;
	background-position: center;
	visibility: visible;
}

#popupMOTS #btnMOTSClose {
	z-index: 210;
	background: url("../images/player/btnClose_sprite.png") no-repeat;
	background-position: -1px -1px;
	position:absolute;
	left: 710px;
	top: -17px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	visibility: hidden;
}

#popupMOTS.ROWL #btnMOTSClose {
	left: 461px;
}

body.desktop #popupMOTS  #btnMOTSClose:hover {
	background-position: -30px -1px;
}

body.desktop #popupMOTS  #btnMOTSClose:active, #popupMOTS  #btnMOTSClose:active {
	background-position: -59px -1px;
}

/***********************************************
Ends Here
***********************************************/
#volSliderBG {
	background: url("../images/player/bgAudioPanel.png") no-repeat;
	position:absolute;
	left: 7px;
	top: 7px;
	width: 213px;
	height: 53px;
}

#volSlider {
	position:absolute;
	width:110px;
	left:62px;
	top:27px;
}

#volSlider.ui-slider-horizontal {

	 -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/;

	 -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/;

	-moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/;

	-moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/;


	outline:none;
	border:none;
/*	width:114px;*/
	height:14px;
/*	top:0px;*/
	background: transparent url("../images/player/bgVolSlider.png") no-repeat;
}

#volSlider.ui-slider-horizontal .ui-state-default {
	 -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/;

	 -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/;

	-moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/;

	-moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/;

	outline:none;
	border: none;
	width:17px;
	height:27px;
   top: -5px;
	background: transparent url("../images/player/btnVolSliderThumb.png") no-repeat;
}

#volSlider.ui-slider-horizontal .ui-slider-handle {
    left: 0px;
    margin-left: -7px;
    margin-right: 0px;
}

#volSlider.ui-slider-horizontal .ui-slider-range {
	outline:none;
	border: none;
	height:13px;
	background: transparent url("../images/player/bgVolSlider_HL.png") no-repeat;
}

@font-face {
	font-family: 'AdLibPrimaryHMH';
	src: url('../fonts/adlibprimaryhmh-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/adlibprimaryhmh-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMSHelveticaMathStd';
	src: url('../fonts/hmshelveticamathstdbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmshelveticamathstdbold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMSCDMyriadStdSemiBold';
	src: url('../fonts/hmscdmyriadstdsemibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstdsemibold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMSCDMyriadStdSemiBold';
	font-weight: bold;
	src: url('../fonts/hmscdmyriadstd_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstd_bold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMS CDMyriad Std';
	src: url('../fonts/hmscdmyriadstd-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstd-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMS CDMyriad Std';
	font-weight: bold;
	src: url('../fonts/hmscdmyriadstd_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstd_bold-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMS CDMyriad Std';
	font-style: italic;
	src: url('../fonts/hmscdmyriadstd_italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstd_italic-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'HMS CDMyriad Std';
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/hmscdmyriadstd_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hmscdmyriadstd_bolditalic-webfont.ttf') format('truetype');
}

/*div.swiffy *:first-child { background-color: transparent !important; }*/
div.swiffy>*:first-child { background-color: transparent !important; }

#customBG {
	width: 1014px;
	height: 655px;
	background-color: lightgrey;
}

#customURL {
	width: 1014px;
	height: 510px;
	background-color: white;
}

body.noGUI #customURL {
	width: 1014px;
	height: 655px;
}