/* Viewer - Page Styling */
body{margin:0px;padding:0px;font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;	background-color: #FFFFFF;}
.playerMask{z-index:1000; background-color:White; width:100%; height:100%; position:absolute; text-align:center}
.playerContent{position:absolute;margin: 0px 0px 0px 3px; z-index:1} /*position:relative; margin: 0px auto;*/
.loadingImage{padding-top:100px; height:60px; width:140px; background-repeat: no-repeat;position:relative; margin:auto; text-align:left}
.spinDiv{border: solid 1px #ccc; margin: 1px; height:10px; width: 10px; position:relative; float:left; text-align:center}    
body a{text-decoration:none;color:#333;border:none; outline:none}
body a:hover{text-decoration:underline;	color:#000;}
#PresentationCardArea, #CurrentSlideArea, #PlayerContainer, #ThumbNailsArea{border: solid 1px #777}
.playerContent{border-left: solid 1px #888; border-right: solid 1px #888; border-bottom: solid 1px #888}
#SlideTicker{color:#ddd}

/* Player Common */
#PlayerContainer,.statusBar{width:240px;}
#PlayerContainer{z-index: 3; left: 4px; position: absolute; top: 99px; background-color: transparent}
#PlayerAudioOnly, #PlayerNotStarted{top:0; position:absolute;}
#PlayerAudioOnly{display:none}
#TitleBanner, #AdBanner{position: absolute; height:68px; top:0px}
#TitleBanner{left: 0px; width:560px}
#AdBanner{left: 560px; width:228px}
#VendorLogo{position: absolute; height:60px; width:468px}

/* Command Bar */
#btnSlideShow, #btnSlideList,
.CommandBarButton a:active img, .CommandBarButton a:focus img, .CommandBarButton a:hover img,
#btnSlideShow a:active img, #btnSlideShow a:focus img, #btnSlideShow a:hover img, 
#btnSlideList a:active img, #btnSlideList a:focus img, #btnSlideList a:hover img{display:block}
#btnLinksImg, #btnEmailImg, #btnAskButtonImg, #btnPollImg, #btnSlideShowImg, #btnSlideListImg, 
#btnNextSlideImg, #btnPreviousSlideImg{position:absolute; border:none}
#btnSlideShow, #btnSlideList,
#btnSlideShow a:active img, #btnSlideList a:active img,
#btnSlideShow a:focus img, #btnSlideList a:focus img,
#btnSlideShow a:hover img, #btnSlideList a:hover img,
#btnPreviousSlide, #btnNextSlide,
#btnPreviousSlide a:active img, #btnNextSlide a:active img,
#btnPreviousSlide a:focus img, #btnNextSlide a:focus img,
#btnPreviousSlide a:hover img, #btnNextSlide a:hover img{position:absolute; display:block;}
#InnerBackground{position:absolute; background-repeat: repeat-x; background-color:#fff;}
#CommandBar{/*border-top:solid 1px #ccc; border-bottom: solid 1px #ccc;*/ position:absolute; background-repeat: repeat-x;}
.CommandBarButton{height:28px; width:40px;}
#btnPoll,#btnAskButton,#btnEmail,#btnLinks,#LiveIndicatorArea,#SlideTabs{position:absolute; top:70px;}
#btnPoll{left:5px}
#btnAskButton{left:52px}
#btnEmail{left:98px; z-index:2;}
#btnLinks{left:150px}
#LiveIndicatorArea, #LiveIndicatorAreaImg{left:205px; height:23px; width:20px}

#SlideTabs, #SlideTicker, #btnHelp, #commandSeparator, #ApplicationVersionArea{position:absolute; border:none;}
#SlideTabs{margin:0px; z-index:5}
#btnSlideShow, #btnSlideList{top:-2px;}
#btnSlideShow, #btnSlideShowImg{width:37px;}
#btnSlideShow{left:0px;}
#btnSlideList, #btnSlideListImg{width:39px}
#btnSlideList{left:37px;}

#SlideTicker
{
    left:386px; 
    top:69px; 
    width:140px; 
    height:24px; 
    margin:0px; 
    background-repeat: repeat-x;
}
#btnPreviousSlide, #SlideNumberArea, #btnNextSlide{position:absolute; z-index:2; height:23px; display:inline-block;}
#btnPreviousSlide, #btnNextSlide, #btnPreviousSlideImg, #btnNextSlideImg{top:0px; width:24px;}
#btnNextSlide{right:0px;}

#SlideNumberArea
{
    left:24px; 
    width:93px; 
    top:7px; 
    font-size:10px; 
    vertical-align:top; 
    text-align: center;
}
/*#commandSeparator, #btnHelp, #btnHelpImg{height:22px;} - REMOVE? */ 
#btnHelp, #btnHelpImg{left:673px; top:70px; width:26px; border:none; display:block}
#commandSeparator{left:703px; top:70px;width:2px;}
#ApplicationVersionArea{left:707px; top:68px; width:81px; height:23px;}


/* Ask Question */
.askQuestionArea
{
    left: 245px; /*lock with email?*/
    background-color: #fff;
    margin: 5px 0;
    border: solid 1px #666666;
    position:absolute;
    color: #333;
    z-index:5;
}

#askQuestionArea_askQuestionMessageFieldtxt{height:200px;padding-top: 5px;}
#askQuestionName, #askQuestionEmail, #askQuestionSubject{height:21px}
#askQuestionArea_askQuestionTimeFormatText{top: 10px;left:87px;}

.askQuestionButtons{position:relative; bottom: -10px; right:10px; float:right;}
.askQuestionRequiredItemHeader{position:absolute;  margin:5px 0px 0px 5px; font-weight:bold; font-size: 12px;}

/* Email */
.emailInviteArea
{
    left: 245px; /*lock with ask?*/
    background-color: #fff;
    margin: 5px 0;
    border: solid 1px #666666;
    position:absolute;
    color: #333;
    z-index:5;
}

.emailInviteMiniText{color: #999; font-size: 9px; line-height: 9px; position:absolute;}

#emailInviteArea_emailInviteToSeperator{left:70px;top:68px;}
#emailInviteArea_startTimeFormatText{top: 10px;left:87px;}
#emailSubject{margin-top:11px;}
#emailStartingPoint{}  
#emailInviteArea_emailInviteMessageFieldtxt{height:276px;padding-top: 2px;}

.emailInviteReturnDialog
{
    background-color: #fff;
    border:solid 1px #666666;
    font-size:12px;
    height:auto;
    left: 50%;
    width: 400px;
    margin-left:-200px;
    z-index:4;
    position:absolute;
    top: 30px;
}
.emailInviteModalMask
{
    width:100%;
    height:100%;
    background-color:#fff;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    position:absolute;
    top:0px;
    left:0px;
    z-index:3;
}

.emailInviteItemHeader{font-size: 12px;}
.emailInviteItem{}
#emailFrom, #emailTo, #emailSubject, #emailPrefClient{height:21px}
.emailInviteBufferItem{height:15px;}
.emailInviteItemHeader{position:absolute;  margin:5px 0px 0px 5px;}
.emailInviteItemField{padding-left: 2px; padding-right:2px;}
.emailInviteItemField, .emailInviteStartingPoint, .emailInviteContentStartItemTextArea{font-family:Arial, Helvetica, Sans-Serif;}
.emailInviteItemField, .emailInviteContentStartItemTextArea{height:14px; border:solid 1px #a5acb2;}
.emailInviteItemField textarea{resize:none}
.emailInviteContentStartItemTextArea{padding-right:3px; text-align:right}
#emailInviteStartcb{position:relative; top:1px}
.emailInviteStartingPoint{height:22px}
.emailInviteItemField, .emailInviteStartingPoint
{
    position:relative; 
    left:65px; 
	font-size:11px;
}
.emailInviteStartingPointContent
{
    position:relative;
    background-repeat: no-repeat;    
    background-position: 0px 2px;
    height:78px;
    width:300px;
    left:90px;
    top:3px;
}

.emailStartingPointContentRow,.emailStartingPointContentCellL,.emailStartingPointContentCellR{position:relative;font-size:11px;	width:inherit;}
.emailStartingPointContentRow{height:23px;left:2px;}
.emailStartingPointContentCellL{top:2px}
.emailStartingPointContentStartItemTextArea{width:56px; text-align:right;}

.emailInviteStartingPointControl
{
    height:40px;
    position:absolute;
    width: 90px;
    z-index:2;
    cursor:pointer;
}

/* Links */
#LinksPanel, .linksHeading span{position: absolute;} /*, .linksCloseButtonNormal, .linksCloseButtonOver*/

#LinksPanel, .LinksPanelContainer{width:340px}
.linksPanelContainer{overflow:auto}
#LinksPanel
{
	top:126px; 
	border: solid 1px #666; 
	background-color: #fafafa;
	z-index:5;
	margin:5px 0;
}
.linksHeading
{
    height: 23px;
    font-size: 14px;
    font-weight: bold;
    color: #efefef;
    border-bottom: solid 1px #a2a2a2;
}
.linksHeading span{padding-left:24px;top:4px;}
.LinksPanelContainer{padding:0px; z-index:3; overflow:auto; height: 290px;}
.linksItem, .linksItemAlt{font-size:11px; color:#333; text-align:left; padding-left:5px;}
.linksItemAlt, #LinksPanelContainer{background-color: #fff;}
.linksItem{background-color: #f3f3f3;}

/* Current Slide */
#CurrentSlideArea, #CurrentSlideAreaSlideImage, #CurrentSlideAreaSlideDescription, #CurrentSlideAreaToolbuttonContainer{position: absolute;}
#CurrentSlideArea, #CurrentSlideAreaSlideImage, #CurrentSlideAreaSlideDescription{width:523px; height:381px;}
#CurrentSlideArea, #CurrentSlideAreaSlideDescription{padding:4px 4px 4px 4px;}
#CurrentSlideArea{top:93px; left:333px; background-color:#e2e2e2; z-index:1; background-position:bottom; background-repeat: repeat-x;}
#CurrentSlideAreaSlideDescription{top:0px; left:0px; font-size:14px; overflow:auto}
#CurrentSlideAreaSlideImage{border: none;}
#CurrentSlideAreaToolbuttonContainer
{
	z-index: 11; 
	top: -28px;
	width:50px;
}

.CurrentSlideAreaFullSizeToolbuttonNormal,
.CurrentSlideAreaFullSizeToolbuttonOver,
.CurrentSlideAreaFullSizeToolbuttonChecked, 
.CurrentSlideAreaFullSizeToolbuttonDisabled,

.CurrentSlideAreaViewportToolbuttonNormal, 
.CurrentSlideAreaViewportToolbuttonOver, 
.CurrentSlideAreaViewportToolbuttonChecked, 
.CurrentSlideAreaViewportToolbuttonDisabled
{
    float:left;
	width: 24px; 
	height:28px;
	top: 1px;
	display:inline;
	background-repeat:no-repeat;
}


/* Presentation Card */
#PresentationCardArea, #PresentationCardAreaFooter{position:absolute; background-repeat:no-repeat;}
#PresentationCardArea
{   
    top: 430px;
    left: 4px; 
    z-index:2;
	/*overflow: hidden;*/
}
#PresentationCardArea, .captioningContainer{background-color: #f5f5f5;background-position:center bottom;background-repeat:repeat-x;}
#PresentationCardAreaScrollDiv{overflow-y:hidden; overflow-x:hidden;}
.captioningContainer
{
    overflow:auto;
    text-align:center; 
    font-size: 14px; 
    position:absolute; 
    z-index:5; 
    width:100%;
    color:#111;
}
#CaptioningDisplay{margin:5px}

.cardInnerPadding{padding:5px; padding-top:0px;}
.cardTitleLink{text-decoration:none; font-size:14px; color: #555; padding: 3px 0px; border-bottom: solid 1px #cdcdcd}
.cardTitleLink, .cardLabel{font-weight:bold}
.cardLabel, .cardData{font-size:11px;}
.cardLabel{margin-right:5px; color: #444;}
.cardData{text-decoration:none; font-weight:normal; color:#555;}
.cardItem{line-height:15px; padding-top: 3px 0px;}
.cardMore{bottom: 0px; right: 0px; position: absolute; cursor: pointer; margin-right:4px;}
#PresentationCardAreaAirDateText{margin-left:4px;}
#PresentationCardAreaAirDateText, #PresentationCardAreaAirTimeText, #PresentationCardAreaDurationText,#PresentationCardAreaDurationLabel, .cardMore{font-size: 9px; color:#777; }
#PresentationCardAreaAirTimeText, #PresentationCardAreaDurationLabel{padding-left:5px;}
#PresentationCardAreaDurationText{padding-left:1px;}
#PresentationCardAreaDescriptionText{line-height:13px}
#PresentationCardAreaPresenters{border-bottom:solid 1px #e8e8e8; padding:3px}
#PresentationCardAreaDescription{padding:3px 3px 3px 4px}
#PresentationCardAreaFooter{background-color: #ededed; width:100%; bottom: 0px; left:0px; font-size: 8px;}

.cardPresenterInfoImage{width:10px;	height:11px; padding-right:3px; padding-bottom: 2px; vertical-align:middle}
.speakerInfoPopup, .speakerInfoPopupDown{padding:2px; border:solid 1px #AAA; background-color:#fff;z-index:100; margin-top:16px;}
.speakerInfoPopupDown{margin-top:0px}
.speakerInfoPopupArrow, .speakerInfoPopupArrowDown{height:18px; position:absolute; width:100%; background-position:4px 11px; background-repeat:no-repeat}
.speakerInfoPopupArrowDown{bottom:0px; height:21px;  background-position:4px 2px;}
.speakerInfoPopupContainer, .speakerInfoPopupContainerDown{height:96px;margin-top:0px; z-index:6; left:5px}
.speakerInfoPopupContainerDown{height:104px; margin-top:-82px;}
.speakerInfoPopupImageContainer{padding: 0px;}
.speakerInfoPopupImage{height:80px;width:auto; border:none}

/* Slide Sorter */
.textSlideListItem, .textSlideListItemOver, .textSlideListItemCurrent{width:97%}
.chapterItem, .chapterItemOver, .chapterItemCurrent{width:94%; overflow:hidden}
/* Chapters */
.chapterNumber, .chapterTime
{
	text-align:center;
	font-size:11px;
	position:absolute;
}
.chapterNumber
{
    width:80px;
 	font-weight:bold;
 	background-color:#999; 
	color:#eee;
	left: 6px;
}
.chapterTime
{
	left: 86px;
	width:50px;
	font-weight:bold;
}


/* Text Slide List */
.textSlideListContainer{overflow:auto;	position:absolute;}
.textSlideListItem, .textSlideListItemCurrent, .textSlideListItemOver, .chapterItem, .chapterItemCurrent, .chapterItemOver
{
	height:15px;
	position:relative;
	margin:3px 0px 2px 4px;
	padding:5px;
}
.textSlideListItemCurrent, .chapterItemCurrent
{
	border:1px solid #555;
	margin:3px 1px 1px 4px;
	background-color:#fff;
	color: #222;
}


.textSlideListNumber
{
	left: 6px;
	width:30px;
	text-align:center;
    vertical-align: baseline;
	font-size:11px;
	font-weight:bold;
	background-color:#999;
	color:#eee;
	cursor: pointer;
	height: 14px;
}
.textSlideListTime
{
	left: 85px;
	width:43px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	cursor: pointer;
}
.textSlideListZoomImage, .textSlideListZoomImageOver
{
	position:absolute;
	bottom: 2px;
	left: 49px;
	background-repeat:no-repeat;
}
.textSlideListZoomImageOver, .textSlideListTitleOver, .chapterTitleOver{cursor:pointer;}
.textSlideListTitleOver, .chapterTitleOver{text-decoration:underline; color:#000;}
.textSlideListTitleNormal, .chapterTitle{text-decoration:none; color:#333;}
.textSlideListTitleNormal, .textSlideListTitleOver, .chapterTitle, .chapterTime, .chapterTitleOver, .textSlideListTime
{
	position:absolute;
	font-size:11px;
	white-space:nowrap;
    text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
    overflow:hidden;
	height:14px;
	top: 6px;
}
.textSlideListTitleNormal, .textSlideListTitleOver{left:135px; padding-right:3px;}
.chapterTitle, .chapterTitleOver{left:135px; padding-right:3px;}

.imagePopupZoomElement{background:white;border: solid 1px #666;}

#ThumbNailsArea, .thumbNailTop, .thumbNailXContainer, .thumbNailViewButtonsContainer, .chapterContainer{position:absolute}
.checkbox{height:16px; background-repeat:no-repeat; background-position:left top; padding-left:19px;}

/* Thumbnails Area */
#ThumbNailsArea, .chapterContainer, .textSlideListContainer, #thumbNailPropertiesBackground{/*width:533px*/ width:100%}
.chapterContainer, .textSlideListContainer, .thumbNailProperties, #thumbNailPropertiesBackground{/*height:363px*/ height:100%}
#ThumbNailsArea
{
    height:389px;
    top: 93px; 
    background-color: #d4d4d4;
    display:inline-block; 
    overflow:hidden;
    background-position:bottom;
    background-repeat: repeat-x;
    z-index:1;
}
/* thumbnail stuff section */
.thumbNailTop{width:100%; height:26px; background-color:#ddd;}
.thumbNailXContainer, .chapterContainer{top:26px; left:0px; z-index:1}
.thumbNailXContainer{overflow:hidden}
.chapterContainer{overflow-x: hidden; overflow-y: auto}
.thumbNailViewButtonsContainer{top:4px; left:5px;}
.thumbNailViewButton, #thumbNailViewButtonSlideList, #thumbNailViewButtonSmallThumbnails, #thumbNailViewButtonLargeThumbnails, #thumbNailViewButtonChapters{ position: absolute}
.thumbNailViewButton{height:18px; z-index:1}
#thumbNailViewButtonSlideList      {left:0px}
#thumbNailViewButtonSmallThumbnails{left:18px}
#thumbNailViewButtonLargeThumbnails{left:36px}
#thumbNailViewButtonChapters       {left:54px}

/* normal slide */
.thumbNailSlide, .chapterItem, .textSlideListItem{border: 1px solid #9B9B9B; color:#333; background-color: #f1f1f1;}
.thumbnailItemCurrent{border: 1px solid #555; color:#222; background-color: #fff;}
.thumbnailShadowRight{position:absolute; right:-2px; top: 0px; width:2px; height:100%}
.thumbnailShadowBottom{position:absolute; bottom:-2px; left: 0px; height:2px; width:100%}
.thumbnailShadowCorner{position:absolute; bottom:-2px; right:-2px; height:2px; width:2px}

.thumbnailZoomShadowRight{position:absolute; right:-3px; top: 0px; width:3px; height:100%}
.thumbnailZoomShadowBottom{position:absolute; bottom:-3px; left: 0px; height:3px; width:100%}
.thumbnailZoomShadowCorner{position:absolute; bottom:-3px; right:-3px; height:3px; width:3px}

/* mouseover slide */
.thumbNailZoomElement, .thumbNailSlideX, .chapterItemOver, .textSlideListItemOver{border: solid 1px #9B9B9B; color:#000; background-color:#fefefe;}
 .thumbnailItemCurrent
 {
	margin: 4px 1px 2px 2px; 
	text-align:center; 
	padding: 2px;
 }
.thumbNailSlide, .thumbNailSlideX
{
	margin: 4px 1px 2px 2px; 
	text-align:center; 
	padding: 2px;
}
.thumbNailSlideNumber, .thumbNailSlideNumberCurrent
{
	text-align: left; 
	font-size:11px; 
	font-weight:bold; 
	margin: 2px; 
	float:left;
}
.thumbNailSlideNumberCurrent, .textSlideListItemCurrent, .textSlideListItemCurrent .textSlideListTitleOver{color: #222;}
.thumbNailExpandCollapseExpanded, .thumbNailExpandCollapseCollapsed
{	
    width: 14px; 
    height: 14px; 
    margin: 2px;
	left: 28px;
	top: 3px;
}
.thumbNailExpandCollapseCollapsed{background-repeat: no-repeat;background-position: 0px 1px}
.thumbnailHandle{height:18px;}
.thumbNailTiming{text-align: right; font-size:11px; font-weight:bold; margin: 2px; float:right}
.thumbNailZoomElement{padding:3px;  z-index:2; left:0px; top: 0px; position:absolute; visibility: hidden}
.thumbNailZoomBottomDiv{height: 25px;} /* debug */
.thumbNailZoomImageDiv, .thumbnailHandle, .thumbnailFocusCatcher, .thumbNailZoomAnchorElement{cursor:pointer}
.thumbNailZoomAnchorElement
{ 
    position:absolute;
    background-repeat: no-repeat; 
    background-position: 22px 7px;
    height:39px; 
    width:41px;
    left:-36px;
}
.thumbNailZoomSlideNumber{float:left;text-align: left; font-size:15px; font-weight:bold; margin: 4px;}
.thumbNailZoomTiming{float:right;text-align: left; font-size:15px; font-weight:bold; margin: 4px;}
.thumbnailZoomFocusCatcher{height: 100%;position:absolute}
/*.thumbNailZoomPreviewLinkNormal,.thumbNailZoomPreviewLinkOver{float:right;font-size:0px; width: 20px; height: 20px; margin: 2px; margin-top:3px;}*/

.thumbNailZoomExpandCollapseCollapsed,.thumbNailZoomExpandCollapseExpanded,
.thumbNailZoomPreviewLinkNormalSmall,.thumbNailZoomPreviewLinkOverSmall, 
.thumbNailZoomPlayLinkNormal, .thumbNailZoomPlayLinkOver{position:relative; float:right; font-size:9px; width: 12px; height: 12px; margin: 7px 2px 2px 2px; background-repeat:no-repeat}

.thumbNailZoomExpandCollapseCollapsed,.thumbNailZoomExpandCollapseExpanded,
.thumbNailZoomPreviewLinkNormalSmall,.thumbNailZoomPreviewLinkOverSmall, 
.thumbNailZoomPlayLinkNormal, .thumbNailZoomPlayLinkOver{cursor:pointer}

.thumbNailZoomExpandCollapseCollapsed,.thumbNailZoomExpandCollapseExpanded  {position:absolute; height:27px; width:23px; right:-3px; top:-8px;}

/*#slideListExpandCollapse{position:absolute; right:-1px; top:-1px; margin: 0px; background-color: #999; height:24px; width:23px;}*/
.thumbNailExpandCollapseCollapsedSmall, .thumbNailExpandCollapseExpandedSmall{position:absolute; right:-3px; top:-1px; margin: 0px; height:27px; width:25px; cursor:pointer}

.thumbNailZoomPreviewLinkNormalSmall,.thumbNailZoomPreviewLinkOverSmall     {cursor:pointer}
.thumbNailZoomPlayLinkNormal, .thumbNailZoomPlayLinkOver                    {right:70px; width:13px}

.listZoomPlayLinkNormal, .listZoomPlayLinkOver, 
.listZoomPreviewLinkNormalSmall, .listZoomPreviewLinkOverSmall{font-size:0px; height: 12px; top:6px; background-repeat:no-repeat; position: absolute; cursor: pointer}
.listZoomPreviewLinkNormalSmall,.listZoomPreviewLinkOverSmall {left:82px; width: 12px}
.listZoomPlayLinkNormal, .listZoomPlayLinkOver                {left:97px; width: 13px}

.thumbNailPagerContainer{float:right;text-align:right;margin: 5px 5px 0px 5px;}
.thumbNailPageLabel {font-size:11px; font-weight:bold;float:left;margin-right:4px;}
.thumbNailPageNormal{padding: 0px 2px 0px 0px; font-size:11px; font-weight:normal; color: #666;float:left;}
.thumbNailPageCurrent{padding: 0px 2px 0px 0px; font-size:11px; font-weight:bold;float:left;}
.thumbNailPagePrevious, .thumbNailPageNext
{
	width:5px;
	height:9px;
	float:left;
	margin-top:3px;
	
	margin-right:3px;
	background-repeat:no-repeat;
}
.thumbNailPageNext
{
	margin-left:3px;
	margin-right:0px;
}

/* Player Common */
.statusBar{height:16px;background-color:#000; background-repeat:repeat-x; }
.statusBarLeft, .statusBarRight{font-size:11px; color:#fff; position:relative; top:1px}
.statusBarLeft{left: 6px; float:left}
.statusBarRight{right: 6px; float:right}
#btnChangeVideoPositionImg{border:none;}

/*Dialog Box*/
.dialogFrame
{
    position:relative;
    top: 160px;
    margin:auto;
    background-color: #fff;
    border:solid 1px #a2a2a2;
    font-size:12px;
    height:auto;
    width: 400px;
    z-index:4;
}

.dialogTitle
{
    font-size:14px;
    font-weight:bold;
    background-color:#fff; 
    color: #efefef;
    background-repeat:repeat-x;
    background-position: bottom;
    padding: 3px 0px 3px 4px;
    text-align: left;
    border-bottom: solid 1px #a2a2a2;
}

.dialogIcon
{
    background-repeat: no-repeat;
    height: 22px;
    width: 18px;
    position: relative;
    left: 0px;
    top: -3px;
    float: left;
    padding-right: 4px;
}
#linksIcon{height:20px} /*TODO: fix this hack*/

.dialogTitleText{}
.dialogCloseButtonNormal, .dialogCloseButtonOver, .dialogButton{cursor:pointer;}
.dialogCloseButtonNormal, .dialogCloseButtonOver
{
    position:absolute;
	width:18px;
	height:22px;
	top:0px;
	right:0px;
	background-repeat: no-repeat;
}

.dialogMessageText{padding:8px 8px 8px 10px;}
#ChapterPointsPanelDialog{width:inherit; top:15px; position:absolute; z-index:5; overflow:hidden}
#ChapterPointsPanelDialogMessage{width:inherit; left:0px; padding: 0px; margin:0px; overflow-y:auto; overflow-x:hidden; position:absolute}
.dialogInternalContent{padding:4px}
.dialogButtonContainer{position:relative; bottom: 6px; right:6px; float:right;}
#emailInviteButtons, #askQuestionButtons{}
.dialogButton
{
    height:21px; 
    width: 58px; 
    color: #efefef;
    text-align:center; 
    font-size:12px; 
    font-weight: bold; 
    line-height:20px;
    background-repeat:no-repeat;
}

.dialogFieldset
{
    width: 163px; 
    font-size:12px; 
    color:#666; 
    border: solid 1px #666; 
    padding: 3px 7px 5px 5px;
}
.dialogFieldset img{position:relative; top:2px; padding-right:1px}
.dialogFieldset label{position:relative}
.dialogFieldset legend{color: #333;}


/* Video Player CSS */
#EmbeddedPlayer,.corePlayerPosition, .videoContainer, #SamiDropDownArea{width:1px}
#EmbeddedPlayer, .videoContainer{height:1px;background-color:#000}
#EmbeddedPlayer{position:relative}

/* Controls */
.playerControlContainer
{
    position: relative; 
    width: 238px;
    height: 42px;
    background:#606060;
}

.videoContainer{position:relative}
.playPause,.skipBack,.playStop,.playFullScreen,.playerSlider,.changeVideoPosition, 
#PlayerSlider_positionGuide, #PlayerSlider_thumb, #VolumeSlider_positionGuide, #VolumeSlider_thumb, .volSlider, .volMute, .captioningToggle, .chapterToggle{position: absolute; display:block}

#PlayerSlider_thumb, #VolumeSlider_thumb{background-repeat:no-repeat}
#VolumeSlider_positionGuide{background-repeat: repeat-x}

.playerSlider{top:0px; left:8px}
.playerSlider, #PlayerSlider_positionGuide{height:14px;width:222px;}
.volSlider{left: 175px; top:12px}
.volSlider, #VolumeSlider_positionGuide{height:30px;width:33px;}
#PlayerSlider_thumb{height:11px; width:14px; z-index:5; top:0px; left: -7px}
#VolumeSlider_thumb{height:30px; width:12px; z-index:5; top:0px; left: 0px}
#PlayerSlider_positionGuide, #VolumeSlider_positionGuide{z-index: 1;}
#PlayerSlider_positionGuide, #PlayerSlider_thumb, 
#VolumeSlider_positionGuide, #VolumeSlider_thumb{cursor: pointer;}
.volMute{left: 145px; top: 12px}

.playPause, .playPause img{height:30px; width:30px; border:none; display:block}
.skipBack, .skipBack img, .playStop, .playStop img, .playFullScreen, .captioningToggle, .captioningToggle img, .playFullScreen img, .chapterToggle, .chapterToggle img{width:30px; border:none; background-color:Transparent}
.volMute, .volMute img{height:30px; width:15px; border: none;  display:block}

.playPause,.skipBack,.playStop,.playFullScreen,.changeVideoPosition,.captioningToggle,.chapterToggle{top:12px}
.playPause{left:0px}
.skipBack{left:32px}
.playStop{left:56px} /*X*/
.playFullScreen{left:209px}
.captioningToggle{left:220px}
.chapterToggle{left:180px; top 13px;}

.playPause a:active img, .skipBack a:active img,
.playPause a:focus img, .skipBack a:focus img,
.playPause a:hover img, .skipBack a:hover img,
.playStop a:active img, .playFullScreen a:active img,
.playStop a:focus img, .playFullScreen a:focus img,
.captioningToggle a:active img, .captioningToggle a:focus img, .captioningToggle a:hover img,
.changeVideoPosition a:active img, .changeVideoPosition a:focus img, .changeVideoPosition a:hover img,
.playStop a:hover img, .playFullScreen a:hover img, .playerSlider, .videoContainer{display:block;}

/* Speed Control */
#PlayerSpeedControl
{
    position: absolute;
	left:88px;
	top:12px;
	width:36px;
	display:block;
	z-index:5;
}

.PlayerSpeedControlLeftNormal, 
.PlayerSpeedControlLeftOver, 
.PlayerSpeedControlLeftDisabled,
.PlayerSpeedControlRightNormal, 
.PlayerSpeedControlRightOver, 
.PlayerSpeedControlRightDisabled,
.PlayerSpeedControlMiddleNormal{position:absolute; width:14px; background-repeat:no-repeat;}

.PlayerSpeedControlRightNormal, 
.PlayerSpeedControlRightOver, 
.PlayerSpeedControlRightDisabled{height:19px; top:0px;}

.PlayerSpeedControlLeftNormal, 
.PlayerSpeedControlLeftOver, 
.PlayerSpeedControlLeftDisabled{height:14px; top:19px;background-position:left -19px;}

.PlayerSpeedControlMiddleNormal
{
	width:25px;
	height:30px;
	padding-top:12px;
	left:13px;
	color:#ccc;
	text-align:center;
	font-size:10px;
	background-repeat:repeat-x;
	position:absolute; 
	top:0px; 
	height:30px;
}

.PlayerSpeedControlRightNormal, 
.PlayerSpeedControlRightOver, 
.PlayerSpeedControlRightDisabled{left:0px;}

.PlayerSpeedControlLeftOver, .PlayerSpeedControlRightOver{cursor:pointer;}

/* Language */
.languageSelectionArea{z-index:10; position:relative; float:right; cursor: pointer }

.divLanguageSelectionMenuMiddle, 
.divLanguageSelectionMenuMiddleOver,
.divLanguageSelectionMenuSelectedLeafMiddle, 
.divLanguageSelectionMenuSelectedLeafMiddleOver{font-size:9px}
.divLanguageSelectionMenuBaseMiddle, 
.divLanguageSelectionMenuBaseMiddleOver{/*font-size:10px;*/ background-repeat: no-repeat; cursor: pointer}

.divLanguageSelectionMenuBaseRight, 
.divLanguageSelectionMenuBaseRightOver{background-repeat:no-repeat;background-position: 5px 6px;}

.divLanguageSelectionMenuLeft, 
.divLanguageSelectionMenuLeftOver,
.divLanguageSelectionMenuSelectedLeafLeft, 
.divLanguageSelectionMenuSelectedLeafLeftOver{background-repeat:no-repeat;background-position: 4px 0px; padding-left:4px}

.divLanguageSelectionMenuBaseLeft,
.divLanguageSelectionMenuBaseRight,
.divLanguageSelectionMenuBaseMiddle{color:#fff;background-color:transparent;} 

.divLanguageSelectionMenuLeftOver,
.divLanguageSelectionMenuRightOver,
.divLanguageSelectionMenuMiddleOver,
.divLanguageSelectionMenuSelectedLeafLeftOver,
.divLanguageSelectionMenuSelectedLeafRightOver,
.divLanguageSelectionMenuSelectedLeafMiddleOver{color:#fff;background-color:#999;}

.divLanguageSelectionMenuSelectedLeafMiddle,
.divLanguageSelectionMenuSelectedLeafLeft,
.divLanguageSelectionMenuSelectedLeafRight,
.divLanguageSelectionMenuLeft,
.divLanguageSelectionMenuRight,
.divLanguageSelectionMenuMiddle{color:#eee;background-color:#919191}