﻿* { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 9pt; padding: 0px; margin: 0px; }
ol { padding-left: 20px; list-style-type: none; }
li { padding: 4px; }
p { padding: 4px; }
.Page { width: 615px; margin: 10px auto; margin-bottom: 10px; }
.MediaPlayer { width: 360px; height: 240px; margin: auto; border: solid 1px #666; }

.Instructions { clear: both; margin: 10px auto 10px auto; border: inset 1px #666; background-color: #eee; padding: 5px; }
.Instructions .Indent { display: block; text-indent: 10px; }
.Instructions .Stream { margin: -2px 5px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/stream_button.gif); background-repeat: no-repeat; background-position: center; }
.Instructions .Save { margin: -2px 5px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/savefile_button.gif); background-repeat: no-repeat; background-position: center; }
.Instructions .VideoExternal { margin: -2px 5px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/play_full.gif); background-repeat: no-repeat; background-position: center; }
.Instructions .AudioExternal { margin: -2px 5px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/playaudio_button.gif); background-repeat: no-repeat; background-position: center; }

.SectionTitle { border-bottom: solid 1px #333; display: block; clear: both; text-transform: uppercase; font-size: 10pt; font-weight: bold; color: #333; margin: 10px 5px 10px 5px; }
.SpecialNote { color: #C00; font-size: 11px; font-weight: bold; }
.LiveStream { width: 480px; margin: auto; }
.LiveStream .Link { clear: both; display: block; float: left; width: 48%; padding-bottom: 10px; padding-right: 10px; color: #333; font-size: 9pt; text-decoration: underline; }
.LiveStream .Link:hover { color: #369; }
.LiveStream .FullScreen { float: left; display: block; width: 18px; height: 18px; background-image: url(images/play_full.gif); background-repeat: no-repeat; }
.LiveStream .Audio { float: left; display: block; width: 18px; height: 18px; background-image: url(images/playaudio_button.gif); background-repeat: no-repeat; }

.VOD .Header { height: 20px; border-bottom: solid 1px #777;  }
.VOD .Header .Theme { text-align:center; width: 180px; float: left; font-weight: bold; text-transform: uppercase; color: #333;  }
.VOD .Header .Date { text-align:center; width: 100px; float: left; font-weight: bold; text-transform: uppercase; color: #333; }
.VOD .Header .Time { text-align:center; width: 80px; float: left; font-weight: bold; text-transform: uppercase; color: #333; }
.VOD .Header .WindowsIcon { width: 100px; height: 18px; float: left; background-image: url(images/wmvIcon.gif); background-repeat: no-repeat; background-position: center center;  }
.VOD .Header .QuickTimeIcon { width: 40px; height: 18px; float: left; background-image: url(images/qtIcon.gif); background-repeat: no-repeat; background-position: center center;  }
.VOD .Header .AudioIcon { width: 100px; height: 18px; float: left;  background-image: url(images/audioIcon.gif); background-repeat: no-repeat; background-position: center center; }

.VOD .Visible { visibility: visible; }
.VOD .Invisible { visibility: hidden; }
.VOD .Row { clear: both; margin-top: 5px; margin-bottom: 5px; }
.VOD .Row .Theme { width: 180px; float: left; font-size: 11px; color: #777; margin: 2px; }
.VOD .Row .Date { width: 100px; float: left; font-size: 11px; color: #777; margin: 2px; }
.VOD .Row .Time { width: 80px; float: left; font-size: 11px; color: #777; white-space: nowrap; margin: 2px; }
.VOD .Row .WindowsMedia { width: 100px; float: left; }
.VOD .Row .WindowsMedia .VODLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/stream_button.gif); background-repeat: no-repeat; background-position: center; }
.VOD .Row .WindowsMedia .SaveLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/savefile_button.gif); background-repeat: no-repeat; background-position: center; }
.VOD .Row .WindowsMedia .VODExternalLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/play_full.gif); background-repeat: no-repeat; background-position: center; }

.VOD .Row .QuickTime { width: 40px; float: left; }
.VOD .Row .QuickTime .SaveLink { display: block; float: left; width: 18px; height: 18px; background-image: url(images/savefile_button.gif); background-repeat: no-repeat; background-position: center; }

.VOD .Row .Audio { width: 100px; float: left; }
.VOD .Row .Audio .VODLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/stream_button.gif); background-repeat: no-repeat; background-position: center; }
.VOD .Row .Audio .SaveLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/savefile_button.gif); background-repeat: no-repeat; background-position: center; }
.VOD .Row .Audio .VODExternalLink { margin: 0px 2px 0px 2px; display: block; float: left; width: 18px; height: 18px; background-image: url(images/playaudio_button.gif); background-repeat: no-repeat; background-position: center; }