html, body {height: 100%; margin:0;
   padding:0;}
body {background:white; margin:0px; padding:0px;}
#container {
   min-height: 100%;
      height:100%;
      }
      * html #container {
         height:100%
	 }
	
	 .afr-ok
	 {margin:2px;margin-left:5px; margin-right:5px;padding:5px;
	    border: 1px solid #00CC00;
		background-color: #CCFFCC;
		}
		.afr-error
		{padding:5px;margin:2px;margin-left:5px; margin-right:5px;
		    border: 1px solid #CC0000;
			background-color: #FFCCCC;
			}
			
			.bott{
	border-bottom: 1px solid #999999;
	
	font-size: 13px;
color:#000;
font-family: Arial,Verdana;
}
.bottr{
	border-bottom: 1px solid #999999; 
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
		font-size: 13px;
color:#000;
font-family: Arial,Verdana;
}
.bottryou{
border-top: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-right: 1px solid #999999;
		font-size: 13px;
		background-color: #CCFFCC;
color:#000;
font-family: Arial,Verdana;
}
table,div { font-size:8pt; color:black; font-family:Tahoma,sans-serif; border:0px; border-collapse:collapse}
#maindiv {min-height:100%;width:1000px;}
#bottom {border:1px solid #dee; background-color:#fff; padding:4px; margin-left:45px; margin-right:45px; margin-top:70px; margin-bottom:0;}
a {font-weight:bold; color:#01506d !important; text-decoration:none !important}
legend {font-weight:bold; color:#01506d; text-decoration:none}
a:hover {color:#b00000 !important;text-decoration:underline}
input {background-color:#fff; border:1px solid #999; font:8pt Tahoma; color:#600;}
form {margin:0}
small {font-size:7pt; font-family:Verdana,Tahoma,sans-serif}
acronym { cursor:help}

a img {border:none}
.big {font-size:14pt}
.cntr {text-align:center}
.lft {text-align:left}
.rght {text-align:right}
.story {text-align:justify; text-indent:10px}
.tablebg {background-color:#ccd8e0}
table.tbg td {border:1px solid #ccd8e0; padding:1px}
table.tbg1 td {border:1px solid #ccd8e0; padding:2px}
table.tbgw90p5 td {width:90%; border:1px solid #ccd8e0; padding:5px}
table.tbg1i td {border:1px solid #ccd8e0 !important; padding:2px}
table.tbg3 td {border:1px solid #ccd8e0; padding:4px}
table.table0 td {border:0px; padding:0px}
table.table1 td {border:0px; padding:1px}
table.table2 td {border:0px; padding:2px}
table.table6 td {border:0px; padding:6px}
table.table10 td {border:0px; padding:10px}
table.tv_table td {border:1px solid #ccd8e0; padding:3px}
table.speedtest_table td {border:1px solid #ccd8e0; padding:6px}
.sml {font-size:7pt}
.tablebgs {font-size:7pt; background-color:#ccd8e0}
.row1 {background-color:#ffffff}
.row2 {background-color:#ebedef}
.row3 {background-color:#e9f0f0}
.row32 {background-color:#e9f0f0;text-align:left !important;}
.rowoff {background-color:#fae7e7}
.rowoff2 {background-color:#ffe0e0}
.rowover {background-color:#ffd4d4}
.rowsv {background-color:#f0f090}
.tv_edit_playlist {background-color:#fff2c9}
.tv_buy_paket {background-color:#cff9cf}
.tv_paket {background-color:white}
.head {color:#ffffff; background-color:#3e87bf}
.head a {color:#c0ffff !important}
.head a:hover {color:#ffffff !important}
.error {font-weight:bold; color:red}
.data1 {font-weight:bold; color:green;}
.data2 {font-weight:bold; color:#3e87bf}
.warn {color:blue}
.boldwarn {color:maroon}
.disabled {color:#606060}
.tab0 {background-image:url('/i/tab0.gif'); background-repeat:no-repeat}
.tab1 {background-image:url('/i/tab1.gif'); background-repeat:no-repeat; background-position:right top}
.tabb {background-image:url('/i/tabb.gif'); background-repeat:no-repeat; background-position:left bottom}
.tabr {background-image:url('/i/tabr.gif'); background-repeat:no-repeat; background-position:right bottom}
.razd {background-image:url('/i/r_v.gif'); background-repeat:repeat-y}
.razdg {background-image:url('/i/r_g.gif'); background-repeat:repeat-x}
.message {border:1px solid #ccc; padding:5px; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:10px; font-size:10pt; color:#2e679f; background-color:#ffffff}
fieldset {border:1px solid #ccc; padding:5px; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:10px; font-size:10pt; color:#2e679f; background-color:#ffffff}
.infomess { padding:5px; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:20px; font-size:10pt; color:#2e679f; background-color:#ffffff;}
.pddng {padding:20px}
.pddng1 {padding:1px}
.pddng2 {padding:2px}
.width100 {width:100%}
.width400 {width:400px}
.modified {border:1px solid red;padding:1px}
.borderblue {border:1px solid #3e87bf;padding:1px}
.bordergrey {border:1px solid #a0a0a0;padding:1px}
.title {font-weight:bold; color:#000; background-color:#e0e8ff}
.titlebg {background-color:#e0e8ff}
.navtv a {position:relative; display:block; float:left; border:#000 1px solid; padding:2pt; font-size:8pt; margin:1px; color:#000000  !important; background-color:#cee4ff;}
.navtv a:hover {color:#ffffe0 !important; background-color:#5fa3e2}
.navtv_buy_paket a {position:relative; display:block; float:left; border:#000 1px solid; padding:2pt; font-size:8pt; margin:1px; color:#000000  !important; background-color:#f9b477;}
.navtv_buy_paket a:hover {color:#ffffe0 !important; background-color:#ff9a42}
.navtv_full a {position:relative; display:block; border:#000 1px solid; padding:2pt; font-size:8pt; margin:1px; color:#000000  !important; background-color:#cee4ff;}
.navtv_full a:hover {color:#ffffe0 !important; background-color:#5fa3e2}
.nav a {position:relative; display:block; float:left; border:#000 1px solid; padding:2pt; font-weight:bold; font-size:8pt; margin:1px; color:#ffffe0  !important; background-color:#01506D ;}
.nav a:hover {color:#ffffff !important; background-color:#aa0000}
.nav2 a {border:#000000 1px solid; padding:4pt; font-size:8pt; color:#01506d  !important; background-color:#ffffff; display:block; line-height:100%; margin:2px;margin-right:0;margin-left:0;}
.nav2 a:hover {color:#aa0000 !important; background-color:#dce8f0}
.nav3 a {border:#c0c0e0 1px solid; padding:1pt; font-size:8pt; color:#01506d !important; background-color:#fffff0; display:block; margin:0px}
.nav3 a:hover {color:#7f7f60 !important; background-color:#ccd8e0}
.align_center {position: relative; width: 100%; overflow:hidden}
.align_center:after {content:''; display:block; clear:both}
.align_center_to_left {position:relative; right:50%; float:right}
.align_center_to_right {position:relative; z-index:1; right:-50%}
.sortable1 {background-color:#ebedef; list-style-type: none; margin: 0; padding: 0; padding: 0; min-width: 200px; min-height: 80px; float:left; border:1px solid #ccd8e0; }
.sortable2 {background-color:#ebedef; list-style-type: none; margin: 0; margin-top:0; padding: 0; min-width: 200px;  height:auto !important;min-height: 80px; height: 100%;  float:left; border:1px solid #ccd8e0; }
.sortable1 li { margin: 3px 3px 3px 3px; background-color:#fff; padding: 3px; border:1px solid #ccd8e0; cursor:move; font-size: 12px;}
.sortable2 li { margin: 3px 3px 3px 3px; background-color:#fff; padding: 3px; border:1px solid #ccd8e0; cursor:move; font-size: 12px;}
.button_sortable{width:100%;}
.sortable22 {position: relative;}
.ico-title {display: inline-block; position: relative;}
.ico-title:hover::after {content: attr(data-title); position: absolute; margin: auto; left: 1px; top: 1px; width: 71px; height: 51px; text-align: center; z-index: 1; background: rgba(91,123,141,0.8); font-family: Arial, sans-serif; font-weight: 600; color: #FFF; font-size: 11px; padding: 2px 2px; border: 1px solid #005990; }