body { font-family: Verdana, Geneva, Arial, 'Lucida Grande',Tahoma, Helvetica, sans-serif; background-color: #ffffff; margin: 0; padding:0; font-size:10pt; color: #555555; } /*standards*/ hr { border: 0 none; border-top: 1px solid #a0a0a0; } img {border:0;margin:0;padding:0;} button,input,select,form,td { font-family: Verdana, Geneva, Arial, 'Lucida Grande',Tahoma, Helvetica, sans-serif; color:#555555; } .left { float: left; } .right { float: right; } .clear { clear: both; line-height: 0px; height: 0; overflow: hidden; } .pointer { cursor: pointer; } tr.list td { padding-top: .25em; padding-bottom: .25em; } tr.list:hover td { background: #F0F0F0; } .tools select { border: 1px solid #a0a0a0; border-left: 3px solid #FD6D13 !important; } .tools option.e { background: url(images/page_edit.png) no-repeat; padding-left: 20px; } span.upd_no, span.upd_yes { display: none; } abbr.version { cursor: help; } .status { vertical-align: text-bottom; } .vinfo { font-size: 75%; color: #c0c0c0; } ._used_graph, ._used_graph * { border-radius: 5px; } div._used_graph { width: 150px; height: 20px; border: 1px solid #a0a0a0; } div._used_graph div._inner_graph { width: 0; height: 100%; background: transparent url(images/colored_bar.png) no-repeat 0 0; float: left; } /* buttons */ a img:hover { position:relative; left:1px; top:1px; } button[ytype]{ background-position: 3px 1px; background-attachment: scroll; background-color: transparent; background-repeat: no-repeat; padding-left: 25px; padding-right: 5px; vertical-align: middle; text-align:left; } button[ytype="save"]{background-image:url(/images/save.png);} button[ytype="saveall"]{background-image:url(/images/saveall.png);} button[ytype="cancel"]{background-image:url(/images/cross.png);} button[ytype="refresh"],button[ytype="reboot"]{background-image:url(/images/reload.png);} button[ytype="record"]{background-image:url(/images/record.png);} button[ytype="zap"]{background-image:url(/images/zap.png);} button[ytype="timeup"]{background-image:url(/images/time_up.png);} button[ytype="timedown"]{background-image:url(/images/time_down.png);} button[ytype="timeadd"]{background-image:url(/images/time_add.png);} button[ytype="snapshot"]{background-image:url(/images/snapshot.png);} button[ytype="clearshot"]{background-image:url(/images/remove.png);} button[ytype="switchrc"]{background-image:url(/images/fb.png);} button[ytype="go"]{background-image:url(/images/accept.png);} button[ytype="download"]{background-image:url(/images/wget.png);} button[ytype="clear"]{background-image:url(/images/remove.png);} button[ytype="add"]{background-image:url(/images/new.png);} button[ytype="delete"]{background-image:url(/images/remove.png);} button[ytype="edit"]{background-image:url(/images/modify.png);} button[ytype="accept_"] { background-image:url(/images/accept.png); } button[ytype="cancel_"] { background-image:url(/images/cancel.png); } button[ytype="accept_"], button[ytype="cancel_"] { text-align: center; width: 105px; } button[ytype="no"] { padding-left: 5px } /*TODO: input file*/ button,input[type="button"],input[type="submit"]/*,input[type="file"],input[type="file"] > input[type="button"],input[type="file"] > input[type="text"]*/ { height: 22px; border: 1px solid #888888; background-color: transparent; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } button:hover,input[type="button"]:hover,input[type="submit"]:hover/*,input[type="file"]:hover*/ { position:relative; left:1px; top:1px; } div { margin:0; padding:0; } input[type="text"]:focus,input[type="number"]:focus,input[type="password"]:focus{ border-top: 1px solid #666666; border-left: 1px solid #666666; margin: 0px; background: #ffffcc; } input[type="text"],input[type="number"],input[type="password"],select{ border: 1px solid #aaaaaa; margin: 0px; } textarea { font: monospace medium 'Courier New', sans-serif; background: #ffffff; color: #436976; } * html .boxhead h2 {height: 1%;} /* For IE 5 PC */ a { color: #555555; font-size:10pt; text-decoration:none; } td { color: #555555; font-size:10pt; } tr { color: #555555; font-size:10pt; } .exlink{ background:transparent url(/images/exlink.gif) no-repeat scroll left center; text-decoration: none; padding-left: 20px; } .inlink{ background:transparent url(/images/inlink.gif) no-repeat scroll left center; text-decoration: none; padding-left: 20px; } .comment{ background:transparent url(/images/comment.png) no-repeat scroll left center; text-decoration: none; padding-left: 20px; } /* scrollbar styling */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background-color: #757575; } ::-webkit-scrollbar-thumb { background: #424242; } /* primary Navigation */ .y_menu_prim_box { margin: 5px; font-size: 100.01%; border: 1px solid #a0a0a0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .y_menu_prim_box_head { margin: 0; padding: 0; text-align: center; background: #ffffff; border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .y_menu_prim_box_head_h2 { margin: 0; padding: 5px 0px 5px; color: white; } .y_menu_prim_box_body { padding: 0 20px 5px; background-color: #ffffff; border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .y_menu_item { margin: 0; } .y_menu_prim { margin: 0; padding: 0; list-style: none; height: auto; } .y_menu_prim li { display: inline; margin: 0; text-align:center; font-weight: normal; padding: 0em 0.3em; } .y_menu_prim li a { font-size: 11pt; text-decoration: none; } .y_menu_prim li.selected a { background-color: #dee7ec; border: 1px solid #6D96A9; color: #555555; } .y_menu_prim li a:hover { color: #FD6D13; } /*extensions*/ .y_menu_prim_ext { } #box_name { font-weight:normal; font-size:10pt; } /* secondary Navigation */ .y_menu_sec_box { margin: 0 0 5px 5px; padding: 0; font-size: 100.01%; border: 1px solid #a0a0a0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .y_menu_sec_box_head { margin: 0; padding: 5px 5px 5px 10px; background: #FD6D13; border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .y_menu_sec_box_head h2 { margin: 0; padding: 0; /* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */ color: white; font-weight: bold; font-size: 1.2em; text-align: left; } .y_menu_sec_box_body { margin: 0; padding: 5px 5px 5px 10px; background-color: #ffffff; border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .y_menu_sec { display: block; background-repeat: no-repeat; margin: 0px; } .y_menu_sec ul { padding: 0; list-style: none; margin: 0; } .y_menu_sec li { text-align: left; margin-bottom: 1px; padding-left: 0; color: #555555; } .y_menu_sec li a { text-decoration: none; font-size: 10pt; } .y_menu_sec li.plain a { color: #555555 } .y_menu_sec li a:hover { color: #FD6D13; } .y_menu_sec ul ul { padding-left: 10px; margin: 0; } .y_menu_sec_section { margin: 10px 0px 0px -5px; padding: 5px; background-color: #F7F7F7; font-size: 10pt; font-weight: bold; } .y_menu_sec li a.disabled, .y_menu_sec li a.restricted, .y_menu_sec li span.disabled, .y_menu_sec li span.restricted { color: #808080; text-decoration:line-through; } .y_menu_sec ul li:first-child { margin-top: 5px; } /*extensions*/ .y_menu_sec_ext { } .y_menu_popup_link { float: right; margin-right: 15px; } .control_icon a img { margin: 0 2px; } /*work*/ .work_box { margin: 0 5px 5px 5px; padding: 0; font-size: 100.01%; border: 1px solid #a0a0a0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .work_box .work_box { margin: 0; padding: 0; } .work_box_head { margin: 0; padding: 5px 10px; text-align: center; background-color: #606060; border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .work_box_head h2,.work_box_head_h2 { margin: 0; padding: 0; /* font-family: Arial, 'Lucida Grande',Tahoma, Verdana, Geneva, Helvetica, sans-serif; */ color: white; font-weight: bold; font-size: 1.2em; text-align: left; } .work_box_body { margin: 0; padding: 5px 10px; background-color: #ffffff; border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .work_box_help { float:right; width:3em; text-align:right; font-size: 100.01%; } .work_box_help a { float:right; width:3em; color: white; font-weight: bold; font-size: 1.2em; text-align:right; } /*raus .y_work_table { border: 1px dashed #606060; border-collapse: collapse; background: white; color: #555555; margin:0; padding:0; }*/ /*y_menu*/ /*raus .y_menu { font-size: 10pt; text-align: center; border: 1px solid #6D96A9; border-collapse: collapse; background: #F7F7F7; border-spacing: 1px; height: auto; } .y_menu a:hover { text-decoration:underline; font-weight:bold; } .y_menu_logo { background-image: url(images/tuxbox3.gif); background-position: center; background-repeat: no-repeat; } */ /*wait box*/ .y_wait_box { margin: 0; font-size: 100%; position : absolute; left : 100px; top : 100px; visibility : hidden; z-index : 500; border: 1px solid #a0a0a0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .y_wait_box_visible { margin: 0; font-size: 100%; position : absolute; left : 100px; top : 100px; visibility : visible; z-index : 500; border: 1px solid #a0a0a0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .y_wait_box_head { margin: 0; padding: 5px 5px 5px 10px; background: #FD6D13; border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .y_wait_box_head h2 { margin: 0; padding: 0; color: white; font-weight: bold; font-size: 1.2em; text-align: center; } .y_wait_box_body { margin: 0; padding: 5px 5px 5px 10px; background-color: #ffffff; border-radius: 0 0 4px 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .y_wait_box_main { color: #666666; font-weight: bold; text-align: center; } /**/ /*raus .y_audio_bar { background: #6D96A9; } .y_live_box { border-top: 1px solid #6D96A9; font-size: 8pt; }*/ .y_table,.y_form_table,.y_invisible_table,y_form table { color: #555555; padding: 0; margin: 0; border: 0; border-spacing: 0px; width: 100%; } .y_live_button { padding: 0; color: #555555; margin:0; border: 0 none; } .y_live_bouquets { font-size: 8pt; height: 20px; width: 300px; color: #555555; } .y_live_channels { font-size: 8pt; height: 20px; width: 300px; color: #555555; } .y_live_audio_pids { font-size: 8pt; height: 20px; width: 70px; color: #555555; } .y_topline { border-top: 1px solid #606060; } .y_form { margin:0; padding:0; } .y_form_header_oline { /* font-size : 12pt;*/ font-weight:bold; color : #555555; margin:0; } .y_form_header { /* font-size : 12pt;*/ font-weight:bold; margin:0; border-bottom : 1px solid #555555; color : #555555; padding-top:0.5em; } .y_form .y_form_header,.y_form .y_form_header_oline { padding-left:0px; /* margin:0; padding:0;*/ } .y_form td{ padding-left: 10px; } .y_form #colorTable td{ padding-left:0px; } .y_form_section { font-size : 10pt; font-weight:bold; border-bottom : 1px solid #aaaaaa; color : #555555; } .y_text_boxcontrol_button { padding : 1px; border : #a0a0a0 solid 1px; } .y_text_boxcontrol_button a:hover { background:#a0a0a0; } .y_text_boxcontrol_table { width:114px; height: 23px; background: url('/images/volumebar.png') no-repeat 1px 1px; padding: 1px; margin-top: 10px; border: #FD6D13 solid 1px; } .y_text_boxcontrol_table_progress { width: 114px; height: 12px; padding: 0; margin-bottom: 5px; border: #FD6D13 solid 1px; border-top: 0 none; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 74%, #ffff00 75%, #00ff00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(74%,#ffff00), color-stop(75%,#ffff00), color-stop(100%,#00ff00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ff0000 0%,#ffff00 74%,#ffff00 75%,#00ff00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ff0000 0%,#ffff00 74%,#ffff00 75%,#00ff00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ff0000 0%,#ffff00 74%,#ffff00 75%,#00ff00 100%); /* IE10+ */ background: linear-gradient(to right, #ff0000 0%,#ffff00 74%,#ffff00 75%,#00ff00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 */ } .y_text_boxcontrol_div_progress { width: 112px; border: #FD6D13 solid 1px; font-size: 9px; margin-top: 5px; margin-bottom: -1px; } #volumebar_right, #sigbar_right, #snrbar_right { background-color: #ffffff; } .y_epg_info { border: 1px solid #CCCCCC; background-color: white; } .y_epg_info #description { font-weight:bold; } .y_epg_info #info2 { font-size:8pt; } .bouquetitemlist .logo_cell { background: #A7A7A7; border-bottom: 1px solid white; margin: 0; padding: 0; } .bouquetitemlist .logo_cell a { display: table-cell; text-align: center; vertical-align: middle; min-width: 185px; height: 60px; padding: 0 5px; } .channel_logo { background: #A7A7A7; max-width: 175px; max-height: 40px; } .channel_logos { background: #A7A7A7; vertical-align: middle; max-width: 100px; max-height: 40px; } #epg_plus { border-top : #BBBBBB solid 1px; border-left : #BBBBBB solid 1px; border-right : #BBBBBB solid 1px; margin: 1em 0; /* width:auto;*/ overflow:auto; } #epg_plus_container { overflow-y: scroll; overflow-x: hidden; max-height: 75vh; } .ep_bouquet { margin: 0px; padding: 0px; position:relative; border-bottom : #BBBBBB solid 1px; min-height: 40px; } .ep_bouquet_name { background: #A7A7A7; border-right : #BBBBBB solid 1px; overflow:hidden; padding-left: 1px; padding-right: 1px; font-size:8pt; text-align: center; min-height: 40px; } .ep_bouquet_name a { display: table-cell; vertical-align: middle; min-width: 100px; height: 40px; } .ep_bouquet_item { border-right : #BBBBBB solid 1px; overflow:hidden; /* height: 1.3em;*/ padding-left: 1px; padding-right: 1px; height: 100%; font-size:8pt; } .ep_bouquet_item:hover { background-color: #D7D7D7; } .ep_bouquet_item span:hover { cursor: pointer; } .ep_bouquet_rec { border-right : #BBBBBB solid 1px; overflow:hidden; /* height: 1.3em;*/ padding-left: 1px; padding-right: 1px; background-color: #FD6D13; height: 100%; font-size:8pt; z-index:10; opacity:.20; -webkit-opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); } .ep_bouquet_zap { border-right : #BBBBBB solid 1px; overflow:hidden; /* height: 1.3em;*/ padding-left: 1px; padding-right: 1px; background-color: green; height: 100%; font-size:8pt; z-index:10; opacity:.20; -webkit-opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); } .ep_bouquet_item:hover { background-color : #DDDDDD; } .ep_time_bar { margin-bottom: 0px; position:relative; border-bottom : #BBBBBB solid 1px; } .ep_time_bar_item { font-weight:bold; border-right : #BBBBBB solid 1px; height: 1.3em; padding-left: 1px; padding-right: 1px; overflow:hidden; font-size:8pt; } .ep_info_desc { font-weight:bold; font-size:10pt; } .ep_info_info1 { font-size:8pt; } .ep_info_info2 { font-size:10pt; } #epg_info { border : #999999 solid 1px; visibility:hidden; display:block; z-index: 9980; position: absolute; background-color: white; left: 50px; top: 50px; width: 600px; } #epg_time { font-size: 8pt; height: 20px; } /* stream info */ td.set { vertical-align: top; } /* bouquet*/ .bouquetlist { border-collapse: collapse; color: #436976; padding: 3px; } tr.bouquetlist { } #bouqueteditorlist { width:100%; } #bouqueteditorlist tr:hover { background-color: #dddddd; } /*channels*/ .bouquetitemlist { border-collapse: collapse; padding: 0px; margin: 0px; width: 100%; } #epglist thead { background-color: #fff; } #epglist th { font-weight:bold; text-align: center; border-bottom : 1px solid #aaaaaa; } #epglist tbody tr:hover { background-color: #dddddd; } .a, .b, .c { vertical-align: top; font-size: 11pt; padding: 0 20px 0 10px; margin: 0; border-spacing: 0px; } .a { background-color: #F7F7F7; } .aepg, .bepg, .cepg { white-space: nowrap; font-weight: normal; font-size: 10pt; padding-left: 10px; } .aepg { background-color: #F7F7F7; } .b { background-color: white; } .bepg { background-color: white; } .c { background-color: #D7D7D7; font-weight:bold; } .cepg { background-color:#D7D7D7; } .event_description { display: inline-block; max-width: 450px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; cursor: pointer; } .event_duration { font-size: 8pt; white-space: nowrap; margin-right: 10px; } a:hover.clist { font-size:10pt; text-decoration:underline; } a:hover.clistsmall { font-size:10pt; text-decoration:underline; } .cslider_cell { width: 35px; } .cslider { height: 10px; } .cslider_table { border: 1px solid #A0A0A0; width: 30px; border-spacing: 0px; padding: 0px; border-collapse: collapse; } .cslider_used { background-color: #A7A7A7; } .cslider_free { background-color: #EAEAEA; } .cslider_noepg { background-color: #FAFAFA; } .title_table { width: 100%; } /*EPG*/ .epg { font-weight: bold; color: #555555; font-size: 12pt; clear:both; } .epglist { border-collapse: collapse; border-spacing: 0px; padding: 0px; } a:hover.elist { font-size:10pt; text-decoration:underline; font-weight:bold; } /*Timer*/ .timer { border-collapse: collapse; padding: 0px; margin: 0px; border: 0; width: 100%; } a.timer { text-decoration:underline; } .atimer { background-color: #F7F7F7; text-align: center; } .btimer { font-weight:normal; text-align: center; } .timer_header td { font-weight:bold; text-align: center; border-bottom : 1px solid #aaaaaa; vertical-align: top; } .timer_footer td { font-weight:bold; text-align: center; border-top : 1px solid #aaaaaa; } .blist { white-space: nowrap; height: 20px; } /*list table*/ .lt_table { width: 100%; border-bottom : 1px solid #aaaaaa; } .lt_table th { font-weight:bold; border-bottom : 1px solid #aaaaaa; color : #555555; } .lt_table td { white-space: pre-wrap; } /* screenshots */ #screenshot_header { height: 30px; } table.screenshot { clear: both; } td#remote, td.shot { vertical-align: top; } td#remote img { margin: 10px 10px 10px 0; } img#shot { width: 100%; background-color: #ffffff; border: 1px solid #f5f5f5; margin: 10px 0; } img#shot:hover { cursor: pointer; } /* Filemgr */ .diag { border: 1px solid #bbbbbb; border-collapse: collapse; background-color: #eeeeee; margin-left: 10px; margin-top: 10px; } .toolbar td { border: 1px solid #cccccc; width: 20px; height: 20px; text-align: center; } .toolbar img { border:0; } .toolbar td:hover { background-color: #dddddd; } .button { border: 1px solid #cccccc; width: 40px; height: 20px; text-align: center; } .button:hover { background-color: #dddddd; } .mform { empty-cells:show; } .filelist a { text-decoration:underline; } .box { border: 1px solid #cccccc; empty-cells:show; } .epginfo2 { font-size: 8pt; } .detail_title { border: 1px solid #cccccc; font-weight: bold; background-color: #ffffff; } .detail_title_active { border: 1px solid #cccccc; font-weight: bold; background-color: #eeeeee; } .detail_img { max-width: 300px; max-height:300px; } #startjpg { display: block; text-align: center; width: 750px; margin: 1.5em auto; padding: .5em; border: 1px solid #a0a0a0; box-shadow: .5em .5em .5em rgba(0, 0, 0, 0.5); }