/*Панель со списком источников*/ #VideoSourceSelector { width: 300px; height: 300px; background-color: #292929; position: absolute; z-index: 200; border: solid 1px #6A6A6A } #VideoSourceSelector table { border-collapse: collapse; border: 0; margin: 0; padding: 0; } #VideoSourceSelectorHeader { border-bottom: solid 1px #151515; height: 50px; color: #7F7F7F } #VideoSourceSelectorHeaderLine1 { height: 2px; background: #6A6A6A } #VideoSourceSelectorBody { border: solid 1px #3F3F3F; } #SourceListPanel { overflow: auto; text-align: left; -webkit-overflow-scrolling: touch; border: solid 1px #3F3F3F; height: 100px; } #VideoSourceSelector_CloseButton { background:url(pics/CloseSourceSelectorDialog.png) center center no-repeat; cursor: pointer; } #VideoSourceSelector_CloseButton:hover { background:url(pics/CloseSourceSelectorDialog_Over.png) center center no-repeat; } #WaitingStatePanel table { border-collapse: collapse; border: 0; margin: 0; padding: 0; } /* Стиль элемента (камера) в выборе списка источников компьютера*/ .SourceListItem { height: 40px; cursor: pointer; color: #292929; } .SourceListCameraItem { width: 30px; height: 30px; background:url(pics/CameraIcon.png) center center no-repeat; } .SourceListIpCameraItem { width: 30px; height: 30px; background:url(pics/IpCameraIcon.png) center center no-repeat; } /* Стиль элемента (копьютер) в выборе списка источников компьютера*/ .SourceListComputerItem { height: 40px; cursor: pointer; color: #292929; font-size: 12pt; border-top: #292929 1px solid; border-collapse: collapse; margin: 0; padding: 0; } #VideoSourceSelector a { border-collapse: collapse; margin: 0; padding: 0; } .SourceListComputerItemImage { width: 30px; height: 30px; background:url(pics/ComputerIcon.png) center center no-repeat; } .SourceListRow { background: #BFBFBF; border-bottom: #706F6F 1px solid; } .SourceListRow:hover { background: #909090; } #VideoStreamGridTable { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; height: 100%; background: #292929; margin: 0; padding: 0; } #VideoStreamGridTable td { margin: 0; padding: 0; border-spacing: 0; } #VideoControlPanel { border-spacing: 0; border: 0; margin: 0; padding: 0; width: 100%; height: 100%; vertical-align: middle; font-family: Arial; } #SwitchedOffDiv { width: 100%; height: 100%; margin: 0; padding: 0; } #SwitchedOffDiv table { margin: 0; padding: 0; } /* Стиль кнопки выбора источника на экране "Выключено" (без трансляции)*/ #SelectSourceDivButton { background:url(pc/pics/SelectSourceBigButton1.png) center center no-repeat;} #SelectSourceDiv { font-weight: bold; font-size: 1.25em; vertical-align: middle; color: #B0B0B0; } #SelectSourceDiv:hover { border: #909090 1px solid; color: white; } #SelectSourceDiv:hover img { background:url(pc/pics/SelectSourceBigButton_Over1.png) center center no-repeat; } #SelectSourceDiv:active { border: #FFFFFF 1px solid; color: white; } /* Стиль выпадающих списков */ .DropDownListStyle { height: 25px; background-color: #292929; border: solid 1px #020202; color: #7F7F7F; padding-left: 3px } /* Стиль счётчика команд */ .CommandQueueLengthField { text-align: center; background-color: #292929; color: #7F7F7F; } .CommandQueueLengthField td { text-align: center; border: solid 1px #020202; } /* Строка со скроллером */ .TelemetryMessageField { width: 270px; height: 26px; padding-left: 4px; color: #7F7F7F; background-color: #292929; border: solid 1px #020202; clip: rect(auto auto auto auto); } /*Панель с название камеры*/ #SourceTitleToolbar div { background: #000000; opacity: 0.3; position: absolute; z-index: 30; width: 100px; } #SourceTitleToolbar table { margin: 0; border-collapse: collapse; position: absolute; z-index: 31; width: 100px; color: #C0C0C0; table-layout:fixed; } #SourceTitleToolbar table td { padding: 2px 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: center; font: bold 9pt Arial; } /* Полупрозрачная подложка командной панели */ #VideoControlCommandToolbarPanel { background-color: #000000; opacity: 0.3; position: absolute; z-index: 90; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #HorizontalCommandToolbarTable { border-collapse: collapse; position: absolute; z-index: 100 } #HorizontalCommandToolbarTable td { text-align: center; padding: 0 } #VerticalCommandToolbarTable { border-collapse: collapse; position: absolute; z-index: 100 } #VerticalCommandToolbarTable td { text-align: center; padding: 0 } /* Кнопки командной панели */ #SelectSourceButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/SelectSourceButton.png) center center no-repeat; cursor: pointer; } #SelectSourceButton:hover { background:url(pics/CommandToolbar/SelectSourceButton_Over.png) center center no-repeat; } #SelectSourceButton:active { background:url(pics/CommandToolbar/SelectSourceButton_Pressed.png) center center no-repeat; } #SaveFrameButton { width: 60px; height: 40px; background:url(./pics/CommandToolbar/SaveFrameButton.png) center center no-repeat; cursor: pointer;} #SaveFrameButton:hover { background:url(pics/CommandToolbar/SaveFrameButton_Over.png) center center no-repeat; } #SaveFrameButton:active { background:url(pics/CommandToolbar/SaveFrameButton_Pressed.png) center center no-repeat; } #ExpandButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/ExpandButton.png) center center no-repeat; cursor: pointer;} #ExpandButton:hover { background:url(pics/CommandToolbar/ExpandButton_Over.png) center center no-repeat; } #ExpandButton:active { background:url(pics/CommandToolbar/ExpandButton_Pressed.png) center center no-repeat; } #CollapseButton { width: 60px; height: 40px; background:url(./pics/CommandToolbar/CollapseButton.png) center center no-repeat; cursor: pointer;} #CollapseButton:hover { background:url(pics/CommandToolbar/CollapseButton_Over.png) center center no-repeat; } #CollapseButton:active { background:url(pics/CommandToolbar/CollapseButton_Pressed.png) center center no-repeat; } #TelemetryButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/TelemetryButton.png) center center no-repeat; cursor: pointer;} #TelemetryButton:hover { background:url(pics/CommandToolbar/TelemetryButton_Over.png) center center no-repeat; } #TelemetryButton:active { background:url(pics/CommandToolbar/TelemetryButton_Pressed.png) center center no-repeat; } #TelemetryPressedButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/TelemetryButton_Pressed.png) center center no-repeat; cursor: pointer;} #TelemetryPressedButton:hover { background:url(pics/CommandToolbar/TelemetryButton_Over.png) center center no-repeat; } #TelemetryPressedButton:active { background:url(pics/CommandToolbar/TelemetryButton_Pressed.png) center center no-repeat; } #NoTelemetryButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/NoTelemetryButton.png) center center no-repeat;} #SwitchOffButton { width: 60px; height: 40px; background:url(pics/CommandToolbar/StopTranslationButton.png) center center no-repeat; cursor: pointer;} #SwitchOffButton:hover { background:url(pics/CommandToolbar/StopTranslationButton_Over.png) center center no-repeat; } #SwitchOffButton:active { background:url(pics/CommandToolbar/StopTranslationButton_Pressed.png) center center no-repeat; } /* Кнопки управления телеметрией */ #Arrow_NW_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/UpLeft.png) center center no-repeat; } #Arrow_NW_EnabledSpan:hover { background:url(./pc/pics/Telemetry/UpLeft_Over.png) center center no-repeat; } #Arrow_NW_EnabledSpan:active { background:url(./pc/pics/Telemetry/UpLeft_Pressed.png) center center no-repeat; } #Arrow_NW_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/UpLeft_Disabled.png) center center no-repeat; } #Arrow_N_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Up.png) center center no-repeat; } #Arrow_N_EnabledSpan:hover { background:url(./pc/pics/Telemetry/Up_Over.png) center center no-repeat; } #Arrow_N_EnabledSpan:active { background:url(./pc/pics/Telemetry/Up_Pressed.png) center center no-repeat; } #Arrow_N_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Up_Disabled.png) center center no-repeat; } #Arrow_NE_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/UpRight.png) center center no-repeat; } #Arrow_NE_EnabledSpan:hover { background:url(./pc/pics/Telemetry/UpRight_Over.png) center center no-repeat; } #Arrow_NE_EnabledSpan:active { background:url(./pc/pics/Telemetry/UpRight_Pressed.png) center center no-repeat; } #Arrow_NE_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/UpRight_Disabled.png) center center no-repeat; } #Arrow_W_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Left.png) center center no-repeat; } #Arrow_W_EnabledSpan:hover { background:url(./pc/pics/Telemetry/Left_Over.png) center center no-repeat; } #Arrow_W_EnabledSpan:active { background:url(./pc/pics/Telemetry/Left_Pressed.png) center center no-repeat; } #Arrow_W_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Left_Disabled.png) center center no-repeat; } #Arrow_E_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Right.png) center center no-repeat; } #Arrow_E_EnabledSpan:hover { background:url(./pc/pics/Telemetry/Right_Over.png) center center no-repeat; } #Arrow_E_EnabledSpan:active { background:url(./pc/pics/Telemetry/Right_Pressed.png) center center no-repeat; } #Arrow_E_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Right_Disabled.png) center center no-repeat; } #Arrow_SW_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/DownLeft.png) center center no-repeat; } #Arrow_SW_EnabledSpan:hover { background:url(./pc/pics/Telemetry/DownLeft_Over.png) center center no-repeat; } #Arrow_SW_EnabledSpan:active { background:url(./pc/pics/Telemetry/DownLeft_Pressed.png) center center no-repeat; } #Arrow_SW_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/DownLeft_Disabled.png) center center no-repeat; } #Arrow_S_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Down.png) center center no-repeat; } #Arrow_S_EnabledSpan:hover { background:url(./pc/pics/Telemetry/Down_Over.png) center center no-repeat; } #Arrow_S_EnabledSpan:active { background:url(./pc/pics/Telemetry/Down_Pressed.png) center center no-repeat; } #Arrow_S_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Down_Disabled.png) center center no-repeat; } #Arrow_SE_EnabledSpan { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/DownRight.png) center center no-repeat; } #Arrow_SE_EnabledSpan:hover { background:url(./pc/pics/Telemetry/DownRight_Over.png) center center no-repeat; } #Arrow_SE_EnabledSpan:active { background:url(./pc/pics/Telemetry/DownRight_Pressed.png) center center no-repeat; } #Arrow_SE_DisabledSpan { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/DownRight_Disabled.png) center center no-repeat; } #ZoomPlus { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Plus.png) center center no-repeat; } #ZoomPlus:hover { background:url(./pc/pics/Telemetry/Plus_Over.png) center center no-repeat; } #ZoomPlus:active { background:url(./pc/pics/Telemetry/Plus_Pressed.png) center center no-repeat; } #ZoomPlusDisabled { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Plus_Disabled.png) center center no-repeat; } #ZoomMinus { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Minus.png) center center no-repeat; } #ZoomMinus:hover { background:url(./pc/pics/Telemetry/Minus_Over.png) center center no-repeat; } #ZoomMinus:active { background:url(./pc/pics/Telemetry/Minus_Pressed.png) center center no-repeat; } #ZoomMinusDisabled { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Minus_Disabled.png) center center no-repeat; } #FocusPlus { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Plus.png) center center no-repeat; } #FocusPlus:hover { background:url(./pc/pics/Telemetry/Plus_Over.png) center center no-repeat; } #FocusPlus:active { background:url(./pc/pics/Telemetry/Plus_Pressed.png) center center no-repeat; } #FocusPlusDisabled { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Plus_Disabled.png) center center no-repeat; } #FocusMinus { width: 45px; height: 45px; cursor: pointer; background:url(./pc/pics/Telemetry/Minus.png) center center no-repeat; } #FocusMinus:hover { background:url(./pc/pics/Telemetry/Minus_Over.png) center center no-repeat; } #FocusMinus:active { background:url(./pc/pics/Telemetry/Minus_Pressed.png) center center no-repeat; } #FocusMinusDisabled { width: 45px; height: 45px; background:url(./pc/pics/Telemetry/Minus_Disabled.png) center center no-repeat; } /* Кнопки управления воспроизведением */ .PreviousFragmentButton { width: 45px; height: 45px; cursor: pointer; background:url(./pics/PreviousFragmentButton.png) center center no-repeat; } .PreviousFragmentButton:hover { background:url(./pics/PreviousFragmentButton_Over.png) center center no-repeat; } .PreviousFragmentButton:active { background:url(./pics/PreviousFragmentButton_Pressed.png) center center no-repeat; } .PreviousFragmentButtonDisabled { width: 45px; height: 45px; cursor: pointer; background:url(./pics/PreviousFragmentButton_Disabled.png) center center no-repeat; } .PlayButton { width: 75px; height: 45px; cursor: pointer; background:url(./pics/PlayButton.png) center center no-repeat; } .PlayButton:hover { background:url(./pics/PlayButton_Over.png) center center no-repeat; } .PlayButton:active { background:url(./pics/PlayButton_Pressed.png) center center no-repeat; } .PlayButtonDisabled { width: 75px; height: 45px; cursor: pointer; background:url(./pics/PlayButton_Disabled.png) center center no-repeat; } .StopButton { width: 75px; height: 45px; cursor: pointer; background:url(./pics/StopButton.png) center center no-repeat; } .StopButton:hover { background:url(./pics/StopButton_Over.png) center center no-repeat; } .StopButton:active { background:url(./pics/StopButton_Pressed.png) center center no-repeat; } .StopButtonDisabled { width: 75px; height: 45px; cursor: pointer; background:url(./pics/StopButton_Disabled.png) center center no-repeat; } .NextFragmentButton { width: 45px; height: 45px; cursor: pointer; background:url(./pics/NextFragmentButton.png) center center no-repeat; } .NextFragmentButton:hover { background:url(./pics/NextFragmentButton_Over.png) center center no-repeat; } .NextFragmentButton:active { background:url(./pics/NextFragmentButton_Pressed.png) center center no-repeat; } .NextFragmentButtonDisabled { width: 45px; height: 45px; cursor: pointer; background:url(./pics/NextFragmentButton_Disabled.png) center center no-repeat; } .TableNoWrap2 { text-overflow:ellipsis; overflow:hidden; table-layout:fixed; } .TableNoWrap2 td { text-overflow:ellipsis; overflow:hidden; } /* Стиль для кнопок */ .ButtonStyle { height: 30px; color: #DdDbDc; vertical-align: middle; font-size: 12pt; font-family: Arial; font-weight: normal; letter-spacing: 0.03em; cursor: pointer; outline: none; border:1px solid #7D7E7F; background: #87888a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzg3ODg4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzcwNzE3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU4NTk1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #87888a 1%, #707173 50%, #58595b 51%, #3a3a3c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#87888a), color-stop(50%,#707173), color-stop(51%,#58595b), color-stop(100%,#3a3a3c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87888a 1%,#707173 50%,#58595b 51%,#3a3a3c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87888a 1%,#707173 50%,#58595b 51%,#3a3a3c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87888a 1%,#707173 50%,#58595b 51%,#3a3a3c 100%); /* IE10+ */ background: linear-gradient(to bottom, #87888a 1%,#707173 50%,#58595b 51%,#3a3a3c 100%); /* W3C */ /* filter: none; *//* progid:DXImageTransform.Microsoft.gradient( startColorstr='#87888a', endColorstr='#3a3a3c',GradientType=0 ); */ /* IE6-8 */ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; /* Text Styling */ text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); } .ButtonStyle:hover { border:1px solid #737373; color: White; background: #dfe0e1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTBlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwODI4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjQwNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfe0e1 0%, #a5a5a7 50%, #808283 51%, #3f4041 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe0e1), color-stop(50%,#a5a5a7), color-stop(51%,#808283), color-stop(100%,#3f4041)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dfe0e1 0%,#a5a5a7 50%,#808283 51%,#3f4041 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dfe0e1 0%,#a5a5a7 50%,#808283 51%,#3f4041 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dfe0e1 0%,#a5a5a7 50%,#808283 51%,#3f4041 100%); /* IE10+ */ background: linear-gradient(to bottom, #dfe0e1 0%,#a5a5a7 50%,#808283 51%,#3f4041 100%); /* W3C */ /* filter: none;*/ /* progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0e1', endColorstr='#3f4041',GradientType=0 ); */ /* IE6-8 */ } .ButtonStyle:active { border:1px solid #686969; background: #7a7c7d; /* Old browsers */ -moz-box-shadow:inset 0px 0px 15px #000; -webkit-box-shadow:inset 0px 0px 15px #000; box-shadow:inset 0px 0px 15px #000; } .ButtonStyle[disabled] { border:1px solid #737373; color: Black; -moz-box-shadow:inset 0px 0px 0px #000; -webkit-box-shadow:inset 0px 0px 0px #000; box-shadow:inset 0px 0px 0px #000; cursor: default; background: #87898b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ODk4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTVhNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #87898b 0%, #5a5a5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87898b), color-stop(100%,#5a5a5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87898b 0%,#5a5a5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87898b 0%,#5a5a5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87898b 0%,#5a5a5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #87898b 0%,#5a5a5c 100%); /* W3C */ filter: none; /* progid:DXImageTransform.Microsoft.gradient( startColorstr='#87898b', endColorstr='#5a5a5c',GradientType=0 ); */ /* IE6-8 */ } #VideoControl_control img { image-rendering: -moz-crisp-edges; /* = optimizeSpeed Firefox */ image-rendering: optimizeSpeed; /* increase fps on chrome */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ /* -ms-interpolation-mode: nearest-neighbor; */ /* low quality */ /* -ms-interpolation-mode: bicubic; */ /* high quality */ }