@import "pctv.css";

/* Site Generics */

html {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
}

body {
    font-size: 93%;
    height: 100%;
}

.floatclear {
    clear: both;
    width: 0px;
    height: 0px;
}

form {
    padding: 0;
    margin: 0;
}

label.overlabel {
    color:#999;
    display: none;
}

label.overlabel-apply {
    position:absolute;
    left:4px;
    z-index:1;
    color:#999;
	display: inline;
}

.overlabel-wrapper {
    position: relative;
}

.nowrap {
	white-space: nowrap;
}

ul {
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

body {
    background-repeat: repeat-y;
    padding: 0;
    margin: 0;
}

th {
    background-image:url('images/thbg.png');
    background-position: top;
    background-repeat: repeat-x;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    text-align: left;
    padding: 0 8px;
    color: #eee;
}

th.left {
    background-image:url('images/thleft.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}

th.right {
    background-image:url('images/thright.png');
    background-position: right top;
    background-repeat: no-repeat;
    height: 25px;
    line-height: 25px;
}

/* Image generated at http://www.ajaxload.info/ */
div.ajaxloader {
    width: 24px;
    height: 24px;
    margin: 3px;
    background-image: url('images/ajax-loader.gif');
    background-repeat: no-repeat;
    float: left;
    display: none;
}



tr {
}

td.bottomleft {
    background-image:url('images/tablebottomleft.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 91%;
    line-height: 11px;
}

td.bottomright {
    background-image:url('images/tablebottomright.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 11px;
    line-height: 11px;
}

td.bottommiddle {
    height: 11px;
    line-height: 11px;
}

.date {
    text-align: center;
    font-weight: bold;
    line-height: 22px;
}

/* Site Body */

#body {
    padding: 0;
    margin-top: 0;
    width: 100%;
}

/* Copyright */

#copyright {
    font-size: 77%;
    font-weight: bold;
    text-align: center;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

/* Top Bar */

#tbarmiddle {
    background-image: url('images/barmiddle.png');
    background-position: 50% top;
    background-repeat: repeat-x;
    height: 79px;
    margin: 0 19px;
}

#tbarleft {
    background-image: url('images/barleft.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 19px;
    height: 79px;
    float: left;
    display: none;
}

#tbarright {
    background-image: url('images/barright.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 19px;
    height: 79px;
    float: right;
    display: none;
}

/* Bottom Bar */

#bbarmiddle {
    height: 43px;
}

#bbarmiddle .container {
    padding: 4px 19px;
}

#bbarleft {
    border-left-style: solid;
    border-left-width: 2px;
    width: 19px;
    height: 43px;
    float: left;
}

#bbarright {
    border-right-style: solid;
    border-right-width: 2px;
    width: 19px;
    height: 43px;
    float: right;
}

.footer {
    background-image: url('images/footer.png');
    background-repeat: repeat-x;
}

#contact {
    float: right;
    font-size: 85%;
    margin-top: -20px;
    margin-right: 8px;
}

#contact a:link,
#contact a:visited,
#contact a:active {
    color: #008;
    text-decoration: none;
}

#contact a:hover {
    text-decoration: underline;
}

#support {
    float: left;
    font-size: 85%;
    margin-top: -20px;
    padding-left: 8px;
}

#support a:link,
#support a:visited,
#support a:active {
    color: #008;
    text-decoration: none;
}

#support a:hover {
    text-decoration: underline;
}


/* Menu */

#menu {
    background-image: url('images/menubg.png');
    margin: 0;
    padding: 0;
    height: 32px;
    text-align: right;
    list-style: none;
    margin-left: 260px;
}

#menu td {
        white-space: nowrap;
}

#menucontainer {
    background-image: url('images/menubg.png');
}

#menu a:link, #menu a:active, #menu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 93%;
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px;
    height: 32px;
}

#menu td.hover a:link, #menu td.hover a:active, #menu td.hover a:visited,
#menu td.selected a:link, #menu td.selected a:active, #menu td.selected a:visited {
}

#menu td.selected, #menu td.hover  {
    background-image: url('images/menubgselected.png');
    height: 30px;
    cursor: pointer;
    border-width: 0;
}

#menu td .rightblock {
    width: 4px;
}

#menu td.hover .rightblock ,
#menu td.selected .rightblock {
    background-image: url('images/menubgselectedright.png');
    height: 30px;
    width: 4px;
}
/* Box */

.boxbannerleft {
    float: left;
    background-image:url('images/boxbannerleft.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 25px;
    width: 23px;
}

.boxbannerright {
    float: right;
    background-image:url('images/boxbannerright.png');
    background-position: top right;
    background-repeat: no-repeat;
    height: 25px;
    width: 23px;
}

.boxbannermiddle {
    background-image:url('images/boxbannermiddle.png');
    background-position: top;
    background-repeat: repeat-x;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-family: Verdana;
    color: #ffffff;
}

.boxtopleft {
    float: left;
    background-image:url('images/boxtopleft.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
}

.boxtopright {
    float: right;
    background-image:url('images/boxtopright.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
}

.boxtopmiddle {
    border-top-width: 1px;
    border-top-style: solid;
    height: 17px;
}


.boxbottomleft {
    float: left;
    background-image:url('images/boxbottomleft.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
}

.boxbottomright {
    float: right;
    background-image:url('images/boxbottomright.png');
    background-position: top right;
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
}

.boxbottommiddle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 17px;
}

.box {
    padding: 0;
    margin: 0;
}

/* Content */

#content {
    background-position: top right;
    background-repeat: no-repeat;
    border-style: none solid;
    border-width: 2px;
    margin: 0;
    padding: 0;
}

/* Option bar */

.optbarleft {
    float: left;
    background-image:url('images/optbarleft.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 50px;
    width: 21px;
}

.optbarright {
    float: right;
    background-image:url('images/optbarright.png');
    background-position: top right;
    background-repeat: no-repeat;
    height: 50px;
    width: 21px;

}

.optbarmiddle {
    background-image:url('images/optbarmiddle.png');
    background-position: top;
    background-repeat: repeat-x;
    height: 50px;
}

.optbarmiddle ul {
    list-style: none;
}

.optbarmiddle li {
    float: left;
    text-align: center;
    font-size: 108%;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
}

.optbarmiddle tr {
    background-color: transparent;
}

.optbarmiddle td {
    text-align: center;
    font-size: 108%;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
}

.optbarmiddle .marker {
    background-image: url('images/optbarmarker.png');
    background-repeat: repeat-x;
    cursor: pointer;
}

.optbarmiddle .selected, .optbarmiddle .hover {
    background-image:url('images/optbarselected.png');
    background-repeat: repeat-x;
    cursor: pointer;
}

.optbarmiddle div {
    float: left;
    line-height: 50px;
}

/* Sidebar */

.sidebarleft {
    background-image:url('images/sidebarbottomleft.png');
    height: 5px;
}

.sidebarright {
    background-image:url('images/sidebarbottomright.png');
    float: right;
    height: 5px;
    width: 4px;
}

.sidebarboxcontent {
    border-style: none solid;
    border-color: #c7c7c7;
    border-width: 1px;
}

/* Site Elements */

/* Login */
#login {
    float: right;
    padding: 24px 12px 24px 12px;
    width: 200px;
}

#login input {
    font-style: normal;
    margin: 8px 33px;
}

#login label {
    margin: 8px 33px;
}

#login .textinput {
    width: 123px;
    padding-left: 6px;
}

#login .buttoninput {
    width: 132px;
    font-style: normal;
}

#login p {
    font-weight: bold;
    padding: 0 30px;
    width: 140px;
}

/* Registration */
#userinformation {
    float: left;
    padding: 24px 12px 24px 24px;
    width: 420px;
    margin-left: 32px;
    background-color: transparent;
}

#changepassword {
    float: left;
    padding: 24px 12px 24px 24px;
    width: 420px;
    background-color: transparent;
    margin-left: 32px;
}

#viewsettings {
	float: right;
	width: 420px;
	padding: 24px 12px 24px 24px;
	background-color: transparent;
	margin-right: 89px;
}

#resetoption {
    float: left;
    padding: 24px 12px 24px 24px;
    width: 420px;
    background-color: transparent;
    margin-left: 32px;
}

#miscsettings {
	float: right;
	width: 420px;
	padding: 24px 12px 24px 24px;
	background-color: transparent;
	margin-right: 89px;
}

#removeaccount {
    float: left;
    padding: 24px 12px 24px 24px;
    width: 420px;
    background-color: transparent;
    margin-left: 32px;
}

.registration p {
    font-weight: bold;
    padding: 0 30px;
    width: 150px;
}

.registration select,
.registration input {
    margin: 2px 4px;
}

.registration tr, .registration  td {
    background-color: transparent;
}

.registration .label {
    width: 160px;
    text-align: right;
    padding: 0 6px;
}

/* Channels to Record */
#recordchannels {
    float: left;
    clear: left;
    margin-left: 47px;
    padding: 24px 8px 24px 8px;
    width: 260px;
}

#recordchannels table {
    padding: 0 16px;
    margin: 0 auto;
}

#recordchannels p {
    padding: 0 16px;
}

#recordchannels tr, #recordchannels td {
    background-color: transparent;
}

#recordchannels .button {
    margin-left: 80px;
}

/* Favorites */

#favorites {
    margin-left: auto;
    margin-right: auto;
    padding: 24px 12px 24px 24px;
    width: 800px;
}

/* Welcome Text */
#welcometext {
    width: 970px;
    margin: 0 auto;
}

.infotext {
    padding: 16px 24px 0px 24px;
    margin: 0;
}

.infotext h1 {
    margin-top: 0;
    padding-top: 16px;
}

/* Order Box */
#order {
    padding: 16px 0;
    width: 700px;
    margin: 0 auto;
}

#order .box {
    padding: 16px 32px;
}

/* Search Box */
#formatbox,
#channelsbox,
#searchbox {
    margin: 5px 16px;
}

/* Channels List */

#channels {
    float: left;
    padding: 24px 8px 24px 16px;
    width: 174px;
}

#channelslist {
    width: 140px;
    padding-left: 12px;
    height: 640px;
    overflow: hidden;
}

#channels p {
    padding: 0 30px;
    width: 140px;
}

#channels ul {
    list-style: none;
    width: 155px;
    text-align: center;
}

#channels li,
.channelcontainer {
    background-image: url('images/channelbg.png');
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin: 4px auto;
    color: #000;
}

#channels li img,
.channelcontainer img {
    vertical-align: middle;
    margin-bottom: 1px;
}

#channels .selected {
    background-image: url('images/channelselected.png');
    cursor: pointer;
}

#channels .hover {
    background-image: url('images/channelselected.png');
    cursor: pointer;
}

#channels .name {
    font-weight: bold;
}

/* Day selection + Search */

#dayselection {
    float: left;
    padding: 24px 8px 17px 8px;
    width: 734px;
}

#dayscroller {
    float: left;
    width: 630px;
    overflow: hidden;
    white-space: nowrap;
}

#dayscroller ul {
    width: 5000px;
    padding: 0 500px;
    margin: 0;
}

#dayscroller li {
    width: 90px;
    margin: 0;
    padding: 0;
}

#scrolldaysleft {
    width: 18px;
    height: 50px;
    background-image: url('images/optbararrowleft.png');
    cursor: pointer;
    margin-left: 12px;
}

#scrolldaysright {
    width: 18px;
    height: 50px;
    background-image: url('images/optbararrowright.png');
    cursor: pointer;
}

#scrolldaysleft.selected, #scrolldaysleft.hover {
    background-image: url('images/optbararrowleftselected.png');
}

#scrolldaysright.selected, #scrolldaysright.hover {
    background-image: url('images/optbararrowrightselected.png');
}

/* Programs */

.programlist {
    padding: 0 16px 24px 8px;
}

.programlist.rightlist {
    float: right;
    width: 734px;
}

.programlist.fulllist {
    float: right;
    width: 922px;
}

.programlist table {
    width: 100%;
}

.programlist tr {
    font-size: 100%;
    font-weight: bold;
}

.programlist tr.selected {
    background-image:url('images/rowselected.png');
    cursor: pointer;
}

.programlist tr.hover {
    background-image:url('images/rowselected.png');
    cursor: pointer;
}

.programlist tr.selectedinformation {
    display: none;
    font-size: 93%;
    font-weight: normal;
    vertical-align: top;
}

.programlist tr.information {
    font-size: 93%;
    font-weight: normal;
    vertical-align: top;
}

.programlist tr.selectedinformation .actions {
    width: 100%;
    font-size: 85%;
    font-weight: bold;
    text-align: right;
}

.programlist tr.information .actions {
    width: 100%;
    font-size: 85%;
    font-weight: bold;
    text-align: right;
}

.programlist tr.information a:link,
.programlist tr.information a:active,
.programlist tr.information a:visited {
    text-decoration: underline;
    padding: 0 6px;
}

.programlist tr.selectedinformation a:link,
.programlist tr.selectedinformation a:active,
.programlist tr.selectedinformation a:visited {
    text-decoration: underline;
    padding: 0 6px;
}

.programlist tr.selectedinformation a:hover,
.programlist tr.information a:hover {
    text-decoration: none;
}

.programlist td {
    padding: 4px 8px;
}

.programlist .programtime {
    width: 20%;
    padding-left: 24px;
}

.programlist .programname {
    width: 80%;
}

.programlist .programresultdate {
    width: 20%;
    padding-left: 24px;
}

.programlist .programresultchannel {
    width: 15%;
}

.programlist .programresultname {
    width: 65%;
}

.programlist .programscreen {
    text-align: right;
}

.programlist .timeline {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    margin: 2px 0;
}

.programlist .videodate {
    width: 120px;
    padding-left: 24px;
}

.programlist .pagenr {
    padding: 2px 4px;
    margin: 2px;
    font-weight: normal;
    border: 1px solid;
    cursor: pointer;
}

.programlist .pagenrselected {
    padding: 2px 4px;
    margin: 2px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
}

.programlist .categories span {
    font-size: 85%;
    font-weight: bold;
    cursor: pointer;
}

/* Program Search */

#programsearchform {
    padding: 13px 0 0 0;
    margin: 1px 0;
    display: block;
    height: 30px;
}

#programsearch {
    width: 106px;
    height: 16px;
    font-size: 93%;
    font-style: italic;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    padding: 1px 2px;
}

#programsearchform input#programsearch {
    float: left;
    vertical-align: middle;
}

#programsearchform #searchbutton {
    float: left;
    background-image:url('images/search.png');
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#programsearchform #searchbutton.hover{
    background-image:url('images/searchhover.png');
}

/* Video Actions */
#videosidebar {
    float: left;
    padding: 24px 8px 0px 16px;
    width: 174px;
}

#videosidebarlist {
    width: 140px;
    padding-left: 93%;
}

#videosidebar ul {
    list-style: none;
    width: 100%;
    text-align: center;
}

#videosidebar li {
    width: 150px;
    padding: 3px;
    margin: 0 auto;
    font-weight: bold;
    cursor: pointer;
}

#videosidebar li.selected {
    background-image: url('images/generalselected.png');
}

/* Video Options */
#videooptions {
    padding: 24px 8px 17px 8px;
    width: 734px;
    float: left;
}

#videooptions table {
    margin: 0 auto;
}

#videooptions td {
    padding: 0 10px;
    font-size: 100%;
}

/* Video Upload */
#videoupload {
    width: 640px;
    margin: 0 auto;
    padding: 24px 12px 24px 24px;
}

#videoupload .languageinfo {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#videoupload .languageinfo tr {
}

#videoupload .langindependent {
    width: 80%;
    margin: 8px auto;
    padding: 8px;
}

#videoupload #languages {
    height: 20px;
    margin: 16px auto;
    width: 80%;
    padding-left: 10px;
    background: url('images/tab_bottom.gif') repeat-x bottom;
}

#videoupload #languagebottom {
    height: 4px;
    margin: 16px auto;
    width: 80%;
    background: url('images/tab_bottom.gif') repeat-x bottom;
}

#videoupload li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#videoupload a:link, #videoupload a:visited {
    float: left;
    font-size: 85%;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;

}

#videoupload .ui-tabs-selected a:active, #videoupload .ui-tabs-selected a:link {
    border-style: solid;
    border-width: 1px;
}

#videoupload li a:hover {
}

#videoupload tr {
    vertical-align: top;
    background-color: transparent;
}

#videoupload .label {
    width: 150px;
    text-align: right;
    font-weight: bold;
    font-size: 93%;
}

#videoupload .titlefield, #videoupload .categoryfield, #videoupload .filefield {
    width: 250px;
}

#videoupload .descriptionfield {
    width: 250px;
    height: 150px;
}

#videoupload #status {
    font-size: 108%;
    font-weight: bold;
}

/* jQuery UI Tabs */
.ui-tabs-hide {
    display: none;
}

/* jScrollPane jQuery ScrollBar Plugin CSS */

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
}
.jScrollPaneDrag {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
}

/* Disabled Items */
.disabled {
}

/* Language Selection */
#languageselect, #languageselect a:link, #languageselect a:active, #languageselect a:visited {
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
}

#languageselect a:hover {
    text-decoration: underline;
}

/* Login top bar */
#loginbar {
    position: absolute;
    right: 14px;
    top: 6px;
}
#loginbar .formrow {
    float:left;
    margin: 2px;
}
#loginbar label.overlabel-apply {
    top: 4px;
}

/* Cool Bottom */

#coolbottom {
    display: none;
}

/* Modal popups */
.modalpopup {
	color: #fff;
    display: none;
}

#modalOverlay {
    cursor:wait;
}

#modalContainer {
    height: 120px;
    width: 420px;
    left: 50%;
    top: 50%;
    margin-left: -210px;
    margin-top: -60px;
    text-align: center;
}

#modalContainer .top {
    width: 420px;
    height: 13px;
    background-image: url('images/formtop.gif');
}

#modalContainer .middle {
    width: 420px;
    height: 94px;
    text-align: center;
    width: 100%;
}

#modalContainer .bottom {
    width: 420px;
    height: 13px;
    background-image: url('images/formbottom.gif');
}

#modalContainer p {
    font-weight: bold;
    font-size: 116%;
    padding: 8px 24px 0px 24px;
    width: 372px;
    margin: 0;
}

#modalContainer a {
    color: #eee;
}

#modalContainer .button {
    font-size: 123.1%;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    width: 80px;
    padding: 0px 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    cursor: pointer;
}

#modalContainer .button.hover, #modalContainer .button.select {
    cursor: pointer;
    background-image: url('images/menubgselected.png');
}

/* Live Player */

/* Channels List */

#liveplayer {
    position: relative;
}

#lpchannelsepg {
    width: 656px;
    height: 520px;
    overflow: hidden;
}

#lpchannelslist {
    width: 160px;
}

#liveplayer ul {
    list-style: none;
    width: 160px;
    text-align: center;
    padding: 0;
}

#lpchannelslist li {
    background-image: url('images/channelbg.png');
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
}

#lpchannelslist li img {
    vertical-align: middle;
    margin-bottom: 1px;
}

#lpchannelslist .selected, #lpchannelslist .hover  {
    background-image: url('images/channelselected.png');
    cursor: pointer;
}

#lpchannelslist .name {
    font-weight: bold;
}

#epgcontainer {
    position: absolute;
    top: 0px;
    left: 152px;
    width: 706px;
    overflow: hidden;
}

#epgtimebar {
    position: absolute;
    top: 0;
    left: 152px;
    width: 706px;
    overflow: hidden;
}

.epgprogram {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    height: 36px;
    cursor: pointer;
}

.epgprogrambg {
    overflow: hidden;
    border-style: none solid;
    border-width: 1px;
    height: 40px;
}

.epgtime {
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 93%;
    height: 25px;
    text-align: left;
    padding: 0px;
    margin: 0;
}

.tvbutton {
    text-align: center;
    vertical-align: middle;
    font-size: 85%;
    font-weight: bold;
    background-image: url('images/button.png');
    background-repeat: no-repeat;
    padding-top: 8px;
    width: 105px;
    height: 30px;
    cursor: pointer;
}

.tvbutton.hover {
    background-image: url('images/buttonhover.png');
}

#epgscrollleft {
    width: 27px;
    height: 27px;
    cursor: pointer;
    background-image: url('images/timebarleft.png');
}

#epgscrollright {
    width: 27px;
    height: 27px;
    cursor: pointer;
    background-image: url('images/timebarright.png');
}

#epgscrollleft.hover {
    background-image: url('images/timebarlefthover.png');
}

#epgscrollright.hover {
    background-image: url('images/timebarrighthover.png');
}

#togglefullscreen {
    position: absolute;
    left: 65px;
    top: 610px;
}

#toggleaspect {
    position: absolute;
    left: 185px;
    top: 610px;
}

#toggleepg {
    position: absolute;
    left: 305px;
    top: 610px;
}

#programinfo {
    position: absolute;
    top: 609px;
    left: 440px;
    width: 416px;
    height: 60px;
}

#epgdescription {
    position: absolute;
    top: 22px;
    left: 10px;
    height: 60px;
    overflow: hidden;
    font-size: 85%;
}

div#slider01 {
    position: absolute;
    top: 650px;
    left: 167px;
}

.volumeslider {
    margin: 0.5em auto;
    position: relative;
    width: 140px;
    height: 20px;
    background: url( "images/volumebg.gif" ) 50% 50% repeat-x;
    cursor: pointer;
}

embed#vlc {
    width: 692px;
    height: 519px;
}

object#vlc {
    width: 692px;
    height: 519px;
}

/* TVKaista Recordings page */
#flexlayout {
    width: 100%;
    margin-top: 16px;
}

#flexlayout tr,
#flexlayout td {
    vertical-align: top;
    background: 0;
}

#flexlayoutsidebar {
    width: 100px;

}

#flexlayoutmain {
    padding-right: 16px;
}

#dayselector {
    float: left;
    margin: 0 16px;
    background-color: white;
}

#dayselector table {
    width: 160px !important;
    padding: 0px;
    border-collapse: collapse;
}

#dayselector th {
    text-align: center;
    padding: 0 1px;
}

#dayselector th.left {
    background-image:url('images/thleftcalendar.png');
}

#dayselector th.right {
    background-image:url('images/thrightcalendar.png');
}


#dayselector td {
    padding: 2px 1px;
    border-color: #ddd;
    border-width: 1px;
    border-style: none solid solid solid;
    text-align: center;
}

#dayselector td.today {
    background-color: #bcd3e5;
}

#dayselector td.left {
    border-left-width: 1px;
}

#dayselector td.empty {
    background-color: #fff;
}

#dayselector td.selected {
    background-image:url('images/dayselectbg.png');
    background-position: top center;
    font-weight: bold;
    color: #fff;
}

#dayselector td.selected a:link,
#dayselector td.selected a:active,
#dayselector td.selected a:visited {
    text-decoration: none;
    color: #fff;
}

#dayselector a:link,
#dayselector a:active,
#dayselector a:visited {
    text-decoration: none;
    color: #000;
}

#dayselector a:hover {
    text-decoration: underline;
}

/* Search Box */
.sidebarbox {
    float: left;
    clear: left;
}

#channelboard a,
#channelboard .program {
    color: #003ab2;
    text-decoration: none;
}

#channelboard .program  {
    color: #777;
}

#channelboard td table {
	width: 100%;
}

#channelboard .program {
    cursor: pointer;
}

#channelboard td {
	vertical-align: top;
}

#channelboard td tr:hover {
	background-color: #ffec82;
}

#channelboard .popup {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
    color: #000;
}

#channelboard .popup img {
    float: left;
}

#channelboard .popup img.twitter {
	float: clear;
}

#channelboard .popup .information {
}

#channelboard {
    font-family: Verdana, Arial, sans-serif;
    font-size: 93%;
    float: right;
    width: 100%;
    line-height: 15px;
}

#channelboard table th {
    background: white;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding-bottom: 4px;
}

#channelboard table th img {
    vertical-align: middle;
}

#channelboard td {
	 border: 1px solid #ddd;
}

#channelboard td tr td {
	 border: none;
}

#channelboard .programtime div {
	margin-left: 4px;
}

#channelboard .actionicons {
	height: 25px;
}

#channelboard .actionicons img {
	vertical-align: top;
	padding: 1px;
}

.program {
    /*cursor: pointer;*/
}

.programtime {
    min-width: 40px;
    width: 40px;
    padding-left: 2px;
    cursor: pointer;
    vertical-align: top;
}

.setsize {
    cursor: pointer;
    font-weight: bold;
    padding: 4px 2px;
    line-height: 24px;
}

.popup .poster {
    float: left;
    width: 96px;
    height: 72px;
    border: 1px solid #ddd;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
}

.popup .title {
	padding-bottom: 4px;
}

.programinfobar .postercontainer {
    width: 96px;
    height: 72px;
    border: 1px solid #ddd;
    padding: 2px;
    margin: 8px 2px;
}

.programinfobar .playback {
    cursor: pointer;
}
.programinfobar .playback.program:hover {
    cursor: pointer;
    text-decoration: underline;
}
.setsize.selected {
    background-image: url('images/sizeselected.png');
    background-position: bottom center;
    background-repeat: no-repeat;
}

#siz0 {
    font-size: 9px;
    line-height: 24px;
}

#siz1 {
    font-size: 13px;
    line-height: 28px;
}

#siz2 {
    font-size: 17px;
    line-height: 20px;
}

/* Register in Order */
#register td {
    line-height: 24px;
}

#register .label {
    width: 160px;
}

#register input {
    width: 200px;
}

/* Resizeable elements */

.toolbarinput {
    width: 165px;
    font-size: 93%;
}

.toolbarsearchinput {
    width: 120px;
}

.genericlist {
    width: 952px;
    margin: 0 auto 16px auto;
}

.useractioncontainer {
    position: absolute;
    width: 200px;
}

.listcontainer {
    margin-top: 16px;
}

.legacycontrols .popup {
	position: absolute;
	visibility: hidden;
	padding: 8px;
}
	

#paypal {
    padding: 16px 0 8px 0;
}

#paypal a:link,
#paypal a:active,
#paypal a:visited {
    color: #000;
    text-decoration: none;
}

#paypal a:hover {
    text-decoration: underline;
}

ul.tabs {
	width:952px;
	margin: 0 auto;
	height: 24px;
	list-style: none;
	padding-left: 8px;
}

ul.tabs li {
	float: left;
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: #aaa;
	margin-right: 4px;
	padding: 4px 5px;
	background-color: #eee;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	color: #fff;
}

ul.tabs li.selected {
	background: url("images/boxbannermiddle.png") #3988BF  repeat-x;
	font-weight: bold;
}


ul.tabs li a:link, ul.tabs li a:active, ul.tabs li a:visited {
	text-decoration: none;
	color: #000;
}
ul.tabs li a:hover {
	text-decoration: underline;
}
/* 
Recording status 

For each format there's a class f0, f1, f2.. this class
defines if a recording is complete or still transcoding (+t).
*/

.titleContainer {
	clear: both;
}
.f0container .popup .program.playback,
.f1container .popup .program.playback,
.f2container .popup .program.playback, 
.f3container .popup .program.playback,	
#channelboard .incomplete,
#channelboard .program a {
	display: none;
}

#channelboard .upcoming {
	color: #777;
}

#channelboard .popup .program a {
	display: inline;
}

/* Completed programs */
.f0container .f0 .program, .f0container .f0 .program a,
.f1container .f1 .program, .f0container .f1 .program a,
.f2container .f2 .program, .f0container .f2 .program a, 
.f3container .f3 .program, .f0container .f3 .program a {
	color: #003ab2;
    text-decoration: none;
}

/* Tanscoding programs */
.f0container .f0t .program,
.f1container .f1t .program,
.f3container .f2t .program, 
.f4container .f3t .program {
	color: #778ebe !important;
}


/* Show download on legacy control if recording exist */
.f0container .actionicons .recordingactions.f0,
.f1container .actionicons .recordingactions.f1,
.f2container .actionicons .recordingactions.f2, 
.f3container .actionicons .recordingactions.f3 {
	display: inline !important;
}

/* Show link when clip exist */
.f0container .popup .program.playback.f0,
.f1container .popup .program.playback.f1,
.f2container .popup .program.playback.f2,
.f3container .popup .program.playback.f3,
.f0container .program a.f0,
.f1container .program a.f1,
.f2container .program a.f2,
.f3container .program a.f3 {
	color: #777;
	display: inline !important;
}

/* Show grayed out title when clip does not exist */
.f0container .popup .program.incomplete.nof0,
.f1container .popup .program.incomplete.nof1,
.f2container .popup .program.incomplete.nof2, 
.f3container .popup .program.incomplete.nof3,	
.f0container .program .incomplete.nof0,
.f1container .program .incomplete.nof1,
.f2container .program .incomplete.nof2, 
.f3container .program .incomplete.nof3 {
	color: #777;
	display: inline !important;
}

/* Transcoding recordings */
.f0container .program .incomplete.nof0.f0t,
.f1container .program .incomplete.nof1.f1t,
.f2container .program .incomplete.nof2.f2t, 
.f3container .program .incomplete.nof3.f3t {
	color: #778ebe !important;
}

/* Stars Rating plugin compressed */
.ui-stars-star,.ui-stars-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}.ui-stars-star a,.ui-stars-cancel a{width:16px;height:15px;display:block;background:url(images/jquery.ui.stars.gif) no-repeat 0 0;}.ui-stars-star a{background-position:0 -32px;}.ui-stars-star-on a{background-position:0 -48px;}.ui-stars-star-hover a{background-position:0 -64px;}.ui-stars-cancel-hover a{background-position:0 -16px;}.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a{cursor:default!important;}
.scorecontainer { float: right; padding: 4px; }
.scorecontainer .score { float: right; height: 16px; }
.scorecontainer.infobar { width: 250px; padding-top: 24px; }
.scorecontainer.infobar .score { float: right; padding: 4px; }
.scorecontainer .scorevalue { float: right; padding-left: 4px; }
.scorecontainer.infobar .scorevalue { float: right; }

/* Boxy  plugin */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left { background: url('images/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('images/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('images/boxy-sw.png'); }
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-sw.png'); }
.boxy-wrapper .top, .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left, .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .title-bar { background: url(images/boxbannermiddle.png) repeat-x; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }

/* IE 7 Hacks */

#toolbar {
    *margin-top:-1px;
    *height: 30px;
}

#toolbar table {
    *margin-top: 2px;
}

/* IE 6 Hacks */

* html .boxbannerleft,
* html .boxtopleft,
* html .boxbottomleft,
* html .optbarleft,
* html #bbarleft,
* html #tbarleft {
    margin-right: -3px;
}

* html .boxbannerright,
* html .boxtopright,
* html .boxbottomright,
* html .optbarright,
* html #bbarright,
* html #tbarright {
    margin-left: -3px;
}

* html #bbarmiddle { margin: 0 3px; }
* html #tbarmiddle { margin: 0 3px; }

* html #channels li img {
    margin-top: 6px;
}