/*	Niniejszy program jest chroniony prawami autorskimi.
	Autor:	Łukasz Sierżęga
	Email:	xarafaxz@gmail.com

	Użytkowanie, modyfikowanie oprogramowania oraz 
	jego rozprowadzanie bez zgody autora jest zabronione!*/
	

body {
	margin: 0;
	padding: 0;
/* 	overflow: hidden; */
	font-size: 11px;
}

@media screen and (max-width: 1000px) {
	body {
		margin: 0;
		padding: 0;
	/* 	overflow: hidden; */
		font-size: 9px;
	}
	input, select {
		font-size: 9px;
	}

}

input, select, body, textarea {
	font-family: tahoma, verdana, heveltica, sans-serif;
}

textarea {
	font-size: 9px;	
}

div.dsdiv {
	overflow: visible;
	height: 2em;
}

div.dsdiv div.dsindiv {
	display: none;
	position: relative;
	top: -20em;
}

div.dsdiv select {
	position: relative;
}

div.dsdiv div input {
	position: relative;
}

div#panel {
	background: #FFCD9A;
	width: 100%;
	top: 0;
	height: 80px;
	z-index: 10;
/* 	position: fixed; */
}

div#panel div#inside {
	position: absolute;
	width: 100%;
	height: 78px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border: 1px solid black;
	overflow: visible;
}

div#panel div#inside div#menu {
	padding-left: 2px;
	padding-right: 2px;
/* 	position: absolute; */
	display: block;
	bottom: 0;
	height: 24px;
	left: 0;
	right: 0;
	overflow: visible;
}

div#panel div#inside div#menu div.menuitem {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	border: 1px solid black;
	border-bottom: 1px solid black;
	float: left;
	min-height: 17px;
	padding: 3px;
	background: #FFCD9A;
/* 	width: 100%; */
/*	border-radius: 8px 8px 0px 0px; */
/* 	font-size: ; */
}

div#panel div#inside div#menu div.menuitem.icon {
	display: none;
}

div#panel.sticky {
	position: fixed;
	margin-top: -54px;
	z-index: 10;
}

div#content.sticky {
	padding-top: 54px;
}

@media screen and (max-width: 1000px) {

	div#panel div#inside div#menu {
		width: 110px;
		float: right;
	}
	
	div#panel div#inside div#menu div.menuitem {
		float: right;
		display: none;
	}

	div#panel div#inside div#menu div.menuitem.icon {
		display: block;
		min-width: 100px;
		text-align: center;
	}

	div#panel div#inside div#menu div.menuitem.icon a {
	}
	
	div#panel div#inside div.popup#menu div.menuitem {
		display: block;
		width: 100px;
		float: right;;
		z-index: 10;
	}

	div#panel div#inside div#menu div.menuitem.topnav.responsive {
		position: relative;
	}

	div#panel div#inside div#menu .topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	div#panel div#inside div#menu div.menuitem.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;

	}
}


div#panel div#inside div#menu div.selected {
	background-color: black;
}

div#panel div#inside div#menu div.selected a{
	color: white;
}

div#panel div#inside div#menu div.menuitem:hover {
	background-color: #FFE8CC;
}

div#content {
/* 	overflow: auto; */
/* 	overflow-x: auto; */
/* 	position: absolute; */
/* 	bottom: 0; */
/* 	z-index: 0; */
/* 	margin-top: 80px; */
/* 	left: 0px; */
/* 	right: 0px; */
/* 	height: expression(this.parentNode.parentNode.offsetHeight-100); */
/* 	width: expression(this.parentNode.parentNode.offsetWidth-22); */
}


h1#emblem {
	font: 18px Verdana;
	text-align: center;
	display: block;
	height: 34px;
	border: 0;
	padding: 0;
	margin: 10px 10px 10px 10px;
}

@media screen and (min-width: 1000px) {
	font:  22px;
}

@media screen and (min-width: 1000px) {
	div.ab_list_grp {
		width: 100%;
	}

	table.ab_list {
		min-width: 950px;
	}
	table.ab_list td.short {
		width: 50px;
	}
}

div.ab_list_grp {
	text-align: center;
}

table.ab_list {
	margin: 0 auto;
	text-align: right;
}

table.ab_list thead td  {
	background-color: #FFFFC1;
}

table.ab_list {
	background-color: white;
}

table.ab_list td.short {
	text-align: center;
}

table.ab_list tr.c0 td{
	background-color: #F5F5F5;
}

table.ab_list tr.c0:hover td{
	background-color: #D0D0D0;
}

table.ab_list tr.c1 td {
	background-color: #E2E2E2;
}

table.ab_list tr.c1:hover td {
	background-color: #D0D0D0;
}

table.ab_list tr.c2 td {

}

table.ab_list tr.c3 td {

}

a.selected {
	font-weight: bold;
}

a img {
	border: 0;
}

div.ab_add,div.ab_edit {
	width: 100%;
}

div.ab_add h1,h2,h3,h4 {
	margin: 0;
}


@media screen and (min-width: 1000px) {
	div.ab_add table, div.ab_edit table {
		min-width: 700px;
	}
}


div.ab_add table, div.ab_edit table {
	text-align: center;
	margin: 1em auto;
}

div.ab_add table tr td.info, div.ab_edit table tr td.info{
	font-weight: bold;
}

div.ab_add table.ab_add_personal,div.ab_edit table.ab_edit_personal {
	background-color: #F3FFBB;
	padding: 1px;
}

div.ab_add table.ab_add_personal tr.header td, div.ab_edit table.ab_add_personal tr.header td, div.ab_edit table.ab_edit_personal tr.header td{
	background-color: #DDDDDD;
}

div.ab_add table.ab_add_modem, div.ab_edit table.ab_add_modem, div.ab_edit table.ab_edit_modem  {
	background-color: #C4FFC5;
	padding: 1px;
}

div.ab_add table.ab_add_modem tr.header td, div.ab_edit table.ab_add_modem tr.header td, div.ab_edit table.ab_edit_modem tr.header td{
	background-color: #DDDDDD;
}

div.ab_add table.ab_add_komp, div.ab_edit table.ab_add_komp, div.ab_edit table.ab_edit_komp {
	background-color: #B8FDFF;
	padding: 1px;
}

div.ab_add table.ab_add_komp tr.header td, div.ab_edit table.ab_add_komp tr.header td, div.ab_edit table.ab_edit_komp tr.header td {
	background-color: #DDDDDD;
}

div.ab_add table.ab_add_mta, div.ab_edit table.ab_add_mta, div.ab_edit table.ab_edit_mta {
	background-color: #BFC8FF;
	padding: 1px;
}

div.ab_add table.ab_add_mta tr.header td, div.ab_edit table.ab_add_mta tr.header td, div.ab_edit table.ab_edit_mta tr.header td {
	background-color: #DDDDDD;
}

input {
	capitalize: off;
}

@media screen and (min-width: 1000px) {
	input.long,div.input.long {
		width: 160px;
	}
}


div.ab_join table.ab_join {
	background-color: #ffd0d0;
}

div.ab_join table.ab_join tr.header td {
	background-color: #DDDDDD;
}

table#joinlist thead tr td {
	background-color: #DDDDDD;	
}

table#joinlist tbody tr td {
	background-color: #ffd0d0;
}

table#joinlist tbody tr:hover td {
	background-color: #cfb0b0;
}

@media screen and (min-width: 1000px) {
	input.verylong {
		width: 400px;
	}
}

input.num {
	width: 40px;
	text-align: right;
}

@media screen and (min-width: 1000px) {
	table.ab_edit_modem td div.warning {
		width: 220px;
	}
}


table.ab_edit_modem td div.warning {
	font-size: ;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

div.modem_search_field {
/* 	width: 500px; */
/* 	margin: 0 auto; */
	text-align: center;
}

@media screen and (min-width: 1000px) {
	table#mta_restart_list {
		width: 700px;
	}
}
table#mta_restart_list {
	margin: 0 auto;
}

table#mta_restart_list thead td {
	background: #DADADA
}

table#mta_restart_list td {
	background: #BFC8FF;
	text-align: center;
}

@media screen and (min-width: 1000px) {
	table#modem_restart_list {
		width: 700px;
	}
}

@media screen and (min-width: 1000px) {
	table#modem_restart_list {
		width: 700px;
	}
}
table#modem_restart_list {
	width: 700px;
	margin: 0 auto;
}

table#modem_restart_list thead td {
	background: #DADADA
}

table#modem_restart_list td {
	background: #B5FFB2;
	text-align: center;
}

@media screen and (min-width: 1000px) {
	div.list_frame {
		width: 700px;
	}
	table#komputer_restart_list {
		width: 700px;
	}
}
div.list_frame {
	margin: 0 auto;
	margin-bottom: 2em;
	border: 1px solid black;
	display: block;
}

table#komputer_restart_list {
	margin: 0 auto;
}

table#komputer_restart_list thead td {
	background: #DADADA
}

table#komputer_restart_list td {
	background: #AFFFF3;
	text-align: center;
}

@media screen and (min-width: 1000px) {
	table#dyna_host_restart_list {
		width: 700px;
	}
}
table#dyna_host_restart_list {
	margin: 0 auto;
}

table#dyna_host_restart_list thead td {
	background: #DADADA
}

table#dyna_host_restart_list td {
	background: #95FFBE;
	text-align: center;
}

.cnt {
	text-align: center;
}

@media screen and (min-width: 1000px) {
	table#iptabs {
		width: 650px;
	}
}

table#iptabs {
	text-align: center;
	margin: 0 auto;
	background-color: #FFFF8D;
	border: 1px solid black;
	border-bottom: 0;
}

table#iptabs a{
	border: 1px solid black;
	padding: 1px;
}

table#iptabs a:hover {
	background-color: #FFFFBE;
}

table#iptabs td.selected a{
	color: white;
	background: black;
}

@media screen and (min-width: 1000px) {
	table#iplist {
		width: 850px;
	}
}
table#iplist {
	text-align: center;
	margin: 0 auto;
	border: 1px solid black;
}

table#iplist div.sform {
	padding: 2px;
	border: 1px solid black;
	margin: 3px;
}

table#iplist div.sform form{
	margin: 0;
}

table#iplist thead td{
	background: #B5b5b5;	
}

table#iplist tr.m{
	background: #B5FFB2;	
}

table#iplist tr.m:hover{
	background: #A6EBA4;	
}

table#iplist tr.d{
	background: #95FFBE;
}

table#iplist tr.d:hover{
	background: #75C895;	
}

table#iplist tr.k{
	background: #AFFFF3;
}

table#iplist tr.k:hover{
	background: #A1EBE0;
}

table#iplist tr.f{
	background: #F3FFBB;
}

table#iplist tr.f:hover{
	background: #E0EBAC;
}
@media screen and (min-width: 1000px) {
	table#histabs {
		width: 700px;
	}
}

table#histabs {
	text-align: center;
	margin: 0 auto;
	background-color: #FFFF8D;
	border: 1px solid black;
	border-bottom: 0;
}

table#histabs a{
	border: 1px solid black;
	padding: 1px;
}

table#histabs a:hover {
	background-color: #FFFFBE;
}

table#histabs td.selected a{
	color: white;
	background: black;
}

table#histabs td.search{
/* 	vertical-align: bottom;	 */
}

table#histabs td div.search{
 	display: table-cell;
	overflow: visible;
	height: 1.7em;
}

table#histabs input {
/*	height: 10px;*/
}

@media screen and (min-width: 1000px) {
	table#his {
		width: 980px;
	}
}
table#his {
	text-align: center;
	margin: 0 auto;
	border: 1px solid black;
	border-top: 0;
	border-bottom: 0;
}

@media screen and (min-width: 1000px) {
	table.hislist {
		width: 980px;
	}
}
table.hislist {
	text-align: center;
	margin: 0 auto;
	border: 1px solid black;
}

table#his table.sub {
	width: 100%;
}

table#his thead td,table#his tr.bh td{
	background: #B5b5b5;	
}

table#his tr.m{
	background: #B5FFB2;	
}

table#his tr.m:hover{
	background: #A6EBA4;	
}

table#his tr.mt{
	background: #DDDDDD;
}

table#his tr.mt:hover{
	background: #bbbbbb;
}

table#his tr.k{
	background: #AFFFF3;
}

table#his tr.k:hover{
	background: #A1EBE0;
}

table#his tr.f{
	background: #F3FFBB;
}

table#his tr.f:hover{
	background: #E0EBAC;
}

table#login {
	margin: 3em auto;
	text-align: center;
	width: 200px;
}

table#login input.submit{
	width: 140px;
}

p#logout {
	text-align: center;
	margin: 3em;
}

@media screen and (min-width: 1000px) {
	table#state {
		min-width: 1090px;
	}
	table.statelist {
		min-width: 990px;
	}
}

table#state {
	margin: 0 auto;
}

table.statelist {
	margin: 0 auto;
	text-align: center;
}

table#state tr td{
	background-color: #B5FFB2;
	text-align: right;
}

table#state tr:hover td{
	background-color: #A2E5A0;
	text-align: right;
}

table#state tr td.a{
	text-align: left;
	padding-left: 1em;
}

table#state tr.y:hover td{
	background-color: #DDE8AA;
}

table#state tr.y td{
	background-color: #F3FFBB;
}

table#state tr.r:hover td{
	background-color: #DFB7A9;
}

table#state tr.r td{
	background-color: #FFD2C1;
}

table#state td.r{
	color: red;
}

table#state tr.o:hover td{
	background-color: #B7A797;
}

table#state tr.o td{
	background-color: #D2C2B1;
}

table#state thead tr td{
	background-color: #DADADA;
	text-align: center;
}

table#state thead tr:hover td{
	background-color: #DADADA;
	text-align: center;
}

table.stat thead{
	font-weight: bold;
}

table.stat {
	width: 150px;
	text-align: center;
	margin: 1em auto;
}

div#cfl {
	float: left;
	width: 160px;
}

@media screen and (min-width: 1000px) {
	div#cfr {
		width: 700px;
	}
}

div#cfr {
	float: left;
}

@media screen and (min-width: 1000px) {
	table.minfo {
		width: 600px;
	}
}

table.minfo {
	margin: 0 auto;
}

table.minfo td.h {
	font-weight: bold;
}

@media screen and (min-width: 1000px) {
	table.minfocpe {
		width: 800px;
		margin: 0 auto;
	}
}

table.minfocpe {
	margin: 0 auto;
}

table.minfocpe td.h {
	font-weight: bold;
}

table.minfocpe thead tr td {
	font-weight: bold;
}

table.cpass {
	width: 300px;
	margin: 0 auto;
}

table.cpass td{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

p.err {
	text-align: center;
	color: red;
}

tr.hide {
	display: none;
}

div#akregate_hint {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 5px;
}

@media screen and (min-width: 1000px) {
	table#tasklist {
		min-width: 900px;
	}
}
@media screen and (min-width: 1000px) {
	table#tasklist {
		width: 900px;
	}
}

table#tasklist{
	margin: 0 auto;
}

table#tasklist thead tr td{
	background-color: #aaaaaa;
}

table#tasklist tr td{
	background-color: #ffffbb;
}

table#tasklist tr:hover td{
	background-color: #E0E0A4;
}

table#tasklist tr td.describ{
	text-align: left;
}

table#tasklist tr td.taskitemtd{
	background: white;
}

table#tasklist tr td.time{
	width: 140px;
}

table#tasklist tr td.option{
	width: 180px;
}

table#tasklist tr td.komentarz{
	width: 320px;
}

table#tasklist tr td table.taskitem {
	background: white;
	width: 100%;
}

table#tasklist tr td table.taskitem td {
	background-color: #bbffff;
}

table#tasklist tr td table.taskitem tr:hover td {
	background-color: #A1EBE0;
}

table#tasklist tr td table.taskitem thead td  {
	background-color: #aaaaaa;
}

table#tasklist tr td table.taskitem td.a {
	width: 250px;
}

table#tasklist tr td table.taskitem td.option{
	width: 70px;
}

table#tasklist tr.taskitemtr {
	display: none;
}

@media screen and (min-width: 1000px) {
	table#addtask {
		margin: 0 auto;
		width: 800px;
	}
}

table#addtask {
	margin: 0 auto;
	width: 800px;
	background: #ffffbb;
	text-align: center;
}

table#addtask td.head{
	text-align: center;
	font-weight: bold;
}
	
table#addtask tr.header td{
	background-color: #aaaaaa;
}

div#bertestd {
	text-align: center;
}

@media screen and (min-width: 1000px) {
	textarea#bertestarea {
		width: 600px;
	}
}

div#downstreamsd p {
	text-align: center;
}

table#downstreamst {
	margin: 0 auto;
	display: none;
}

table#downstreamst thead td{
	font-weight: bold;
}

@media screen and (min-width: 1000px) {
	textarea#bertestarea {
		width: 600px;
	}
}

.sel {
    font-weight: bold;
}

.error {
	color: red;
}