html{
   margin:0px;
   padding:0px;
   top:0px;
   height:100%;
   font-family:  Arial, sans-serif, "Open Sans";
   overflow: -moz-scrollbars-vertical;
   overflow-y: scroll;
}
body {
   margin:0px;
   padding:0px;
   top:0px;
   height:100%;
   font-family:  Arial, sans-serif, "Open Sans";
   font-size: 12px;
   color: #000;
}
.nowrap {white-space: nowrap;}
@media print {
.nedruka {display: none;}
#butcolRight {display: none;}
#userinf {display: none;}
#pageinf {display: none;}
#colRight {display: none;}
#colLeft {display: none;}
#header {
   padding:2px;
   height:28px;
   text-align:center;
}
.prbut{
display: none;
}
   thead {display: table-header-group;}
}
@media screen { 
	#colLeft {display: block;}
	#colRight {display: block;}
	#colwrap {margin-left: 184px; }   /* Width of the colLeft +4*/
#header {
   background-color:#EEE;
   padding:2px;
   height:28px;
   overflow: hidden;
}
.prbut{
	text-align:center;
	border: 2px solid #AAA;
	border-radius: 5px;
	background-color: #EEE;
	padding:3px;
	width: 100px !important;
	cursor: pointer;
	overflow: hidden;
}
	}
table {
	border-collapse: collapse;
	padding: 0px;
}
tr{
    vertical-align:baseline;
}

#container {
   min-height:100%;
   position:relative;
   top:0px;
}

#header .inf {
 color:#EEE;
 font-size: 0.7em;
}
#pagetitle{
    	float: left;
        left:100px;
        right:100px;
        width:70%;
   }
#userinf{
    	 float: left;
        width:18%;
}
#pageinf{
    	float: right;
        width:11%;
        text-align:right;
		vertical-align:top;
}
.txtop{
    padding-top: 2px;
    font-size: 1.4em;
	font-weight:900;
	text-align:center;
}
.txtit{
    padding-top: 2px;
    font-size: 1.3em;
	font-weight:900;
	text-align:center;
}
.txtil{
    padding: 2px 30px;
    font-size: 1.2em;
	font-weight:900;
	text-align:left;
}
.txtal{
    padding: 4px 30px;
    font-size: 1em;
	text-align:left;
}
.pel {
      color: #AAA;
}
.tukss:empty {
   display: none;
}
.fleft {
	float: left;
}
.fright {
	float: right;
	margin-right:4px;	
}
.ppright {
	float: right;
	margin:0 4px 0 0;
	padding:0px;
	position: relative;
}
#page {
	padding:0px 6px 0px 0px;
	padding-bottom:14px;   /* Height of the footer */
	border-top: 1px solid #AAA;
	margin: 0px;
	height: auto;
}
#page td.tdtxc{
     font-size: 0.8em;
     text-align: center;
}

#colright {
	font-size: 0.9em;
    height:auto;
	position:absolute;
	right:0px;
 	bottom:14px;   /* Height of the footer */
	top:32px;                 /* Height of the header +4 */
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	background-color: #EEE;
	float: right;
    vertical-align:top;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Add vertical scrollbar */
	margin: 0px;
	padding-left: 1px;
	padding-bottom:14px;   /* Height of the footer */
}
.but50, .but20 {
	text-align:center;
	border: 2px solid #AAA;
	border-radius: 5px;
	background-color: #EEE;
	padding:1px;
	cursor: pointer;
	overflow: hidden;
}
.but10{
	position:absolute;
	top:36px; /* Height of the header +8*/
	right:1px;
	float: right;
    vertical-align:top;
	width: 12px;
	height: 16px;
	background-color:#AAA;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #AAA;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	font-size:0.9em;
	font-weight:bold;
	padding-left:1px;
	margin-left: 5px;
	z-index: 99;
}
.but50{
	width:50px;	
	margin: 2px 5px;
}
.txinf{
	font-size: 0.8em !important;
    font-weight: 300 !important;
	padding : 1px 3px;
	margin: 0px;
}
.txinfs{
	font-size: 0.8em;
    text-align: left;
    font-weight: 300;
    font-style:italic;
	padding : 1px 4px;
	margin: 0px;
}
.txinfh {
	width: 70px !important;
    text-align: left;
    font-weight: 300;
	margin: 0px 2px 0px 0px;
	white-space: nowrap;
	overflow-x: hidden !important;
}
.txsub{
	font-size: 8px !important; 
    text-align: left;
    font-weight: 300;
    font-style:italic;
	padding-left: 8px;
	color: #CCC;
	
}
.txinfsa{
	font-size: 0.65em;
    text-align: left;
    font-weight: 300;
    font-style:italic;
	padding-left: 8px;
	margin: 0px;
}
.txsxs{
	font-size: 0.6em !important;
	font-weight: 300 !important;
    text-align: left;
    vertical-align: middle;
	margin: 0px;
    padding : 0px;
}
.txss{
	font-size: 75% !important;
	font-weight: 300 !important;
    text-align: left;
    vertical-align: middle;
	margin: 0px;
    padding : 0px;
}
.txsm{
	font-size: 0.9em !important;
	font-weight: 300 !important;
    text-align: left;
    vertical-align: middle;
	margin: 0px;
    padding : 0px;
}
.bb{
	font-weight:700 !important;
}
.bgdz{
	background-color: yellow !important;	
}
.txinf_r{
	font-size: 0.8em;
    text-align: right;
    font-style:italic;
	padding : 1px 4px;
	margin: 0px;
}

/*css style for IE*/
select[disabled='disabled']::-ms-value {
	color: #000;
}
/*Specific to chrome and firefox*/
select[disabled='disabled'] {
	color: #000;
}

#colLeft {
	position:absolute;
	height:auto;
	bottom:18px;          /* Height of the footer */
	top:32px;                 /* Height of the header +4 vai 8*/
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	background-color: #EEE;
	float: left;
    vertical-align:top;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    /*overflow: -moz-scrollbars-vertical;   Add vertical scrollbar */
    overflow-y: auto; /* Add vertical scrollbar */
	margin-bottom: 0px;
	width: 180px;
	padding-left: 0px;
	padding-bottom:14px;   /* Height of the footer */
}
.norm{
	font-size: 0.8em !important;
	padding-right: 2px  !important;
}
.normp{
	font-size: 0.7em !important;
	text-align:right;
    padding:0 2px 0 0  !important;
	color: #555555 !important;
}
.norms{
	font-size: 0.7em !important;
	text-align:right;
    padding:0 2px 0 0  !important;
	color: #DDD;
}
.men0{
   padding-left: 20px;
   font-size: 0.9em;
}
.men0:hover, .men1:hover, .men2:hover {
    background-color: #FFF;
    cursor: pointer;
}
.men1{
    padding-left: 20px;
    font-size: 0.9em;
    font-weight:800;
}
.men2{
   padding-left: 20px;
   font-size: 0.9em;
   display: none;
}
.blub{
	color: #00F;
	font-weight:900;
}
.txbla {
	font-size: 0.9em;
	font-weight:500;
    color: #666;
	padding-top: 4px;
    font-style: italic;
}
.txbla:hover {
    color: blue;
	cursor: pointer;
}
.pasv:hover {
    text-decoration: underline;
	cursor: default;
}
.poga {
 	width: 11em;
	height: 2em;
	padding: 0px;
	font-weight : 700;
	font-size :  0.95em;
	border: 1px solid #000;
 	color: #000000;
	background-color: #FFF;
    border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
}
.pogab:hover  {
	border: 1px solid #000;
 	color: #000000;
	background-color: #FFF;
    border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
}
.pogam {
 	width: 9em;
	height: 2em;
	padding: 0px;
	font-weight : 500;
	font-size :  0.9em;
	border: 1px solid #000;
 	color: #000000;
	background-color: #DDD;
    border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
}
.pogaa  {
	height: 1.8em;
	padding: 2 px;
	font-weight : 400;
	font-size :  0.75em;
	border: 1px solid #000;
 	color: #000000;
	background-color: #DDD;
    border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
}
.pogab  {
	width: 11em;
	height: 2em;
	padding: 0px;
	font-weight : 400;
	font-size :  0.8em;
	border: 1px solid #000;
 	color: #000000;
	background-color: #DDD;
     border-radius: 2px;
    cursor: pointer;
    text-decoration:none;
}
.pogabb  {
	width: 12em;
	height: 2em;
	font-weight : 400;
	font-size :  1em;
	border: 2px solid #888;
 	color: #000000;
	background-color: #DDD;
    border-radius: 3px;
    cursor: pointer;
    text-decoration:none;
}
.pogabb:hover {
	border: 2px solid #000;
 	color: #000000;
	font-weight : 800;
	background-color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    text-decoration:none;
}
label, .hnd {
  cursor: pointer;
}

.uderl:hover{
    cursor: pointer;
	background-color: #CCC;
}

#colwrap{
    padding:1px;
	height: auto;
    width:auto;
	background-color: white;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Add vertical scrollbar */
}
div.inl {
  display:inline-block;
}
.sinf {
	font-size: 0.6em !important;
    text-align: left;
	padding-left: 2px;
	vertical-align:baseline;
}
.sinfr{
	font-size: 0.6em !important;
    text-align: right;
	padding-right: 2px;
	vertical-align:baseline;
}
.stri{
  text-decoration: line-through !important;;
}
.centrs{
  margin: 0px auto;
  text-align: center !important;
}
.txtc{
   text-align: center;
   padding-left:3px;
}
.txtl{
   text-align: left;
}
.txtr{
   text-align: right  ;
   padding-right:2px;
}
.ra {
	padding-right:8px  !important;
}
.tdinfs{
	font-size: 0.6em !important;
	padding-left: 2px;
	text-align: left;
}
.tdtxss{
	font-size: 0.8em !important;
	background-color: transparent;
    text-align: left;
	padding: 0px 1px;
}
 radio {
    padding-left:0px;
	padding-right:0px;
 }
.ha3{
    height:22px;
}
.w25{
   width:25px !important;
}
.w32{
   width:32px !important;
}
.w40{
   width:40px !important;
}
.w56{
   width:56px !important;
}
.w70{
   width:70px !important;
}
.w85{
   width:85px !important;
}
.w100{
   width:100px !important;
}
.w120{
   width:120px !important;
}
.w150{
   width:150px !important;
}
.w200{
   width:200px !important;
}
.w230{
   width:230px !important;
}
.mw240{
   min-width:240px !important;
}
.w280{
   width:280px !important;
}
.w350{
   width:420px !important;
}
.w570{
   width:570px !important;
}
.w600{
   width:600px !important;
}
.w700{
   width:700px !important;
}
.w1000{
   width:1000px !important;
}
.wfull{
	width:100%;
}
.atkt {
	margin-top:11px;
}
.drow1{
	display: table-row;
}
.drow0{
	display: none;
}
.inptxt, .inptxtb {
    width: 100%;
    background-color: transparent;
    border: 1px solid #AAA;
    text-align: left;
    padding: 0px 2px;
}
.inptxtb {
    font-weight: 800;
    font-size:115%;
}
.inpnum{
    width: 100%;
    background-color: transparent;
    border: 1px solid #AAA;
    padding-right:2px;
    text-align: right;
}
.it {
	font-style:italic; 
	padding-right:4px !important;
}
.chksmal {
    border: 3px solid blue;
}
.nob{
 border: 1px solid white;
}
.tbl {
    border-left:1px solid #BBB;
}
.tbr {
    border-right:1px solid #BBB;
}
#sv input[type="checkbox"], .new {
display: none;
}
#sv input[type="checkbox"] + label {
width: 19px;
height: 19px;
background: url('img/check_green_19.png') left top no-repeat;
margin: -1px 4px 0 0;
cursor: pointer;
display: inline-block;
}
#sv input[type="checkbox"]:checked + label {
background: url('img/check_green_19.png') -19px top no-repeat;
}
#sv input[type="checkbox"] + label {
width: 19px;
height: 19px;
background: url('img/check_sv_19.png') left top no-repeat;
margin: -1px 4px 0 0;
cursor: pointer;
display: inline-block;
}
#sv input[type="checkbox"]:checked + label {
background: url('img/check_sv_19.png') -19px top no-repeat;
}

.selsmal {
    font-size:0.9em;
    width: 100%;
    background-color: transparent;
    border: 1px solid #AAA;
    text-align: left;
    padding-left:2px;
}
.selsmal option {
        height: 12px !important;
    }

.txtmid{
    font-size:1em;
}
.ram {
        border: 1px solid #BBB;
		}
.plin {
        border-bottom: 1px solid #BBB;
		}
 #tabvidi {
    width: auto;
    margin: 0px auto;
    font-size:1em;
}
 #tabvida {
    width: auto;
    margin: 0px auto;
}

#tabvidu , #tabvidus  {
    width: 99.8%;
    margin: 0px auto;
}
#tabvidudrv, #tabvidudrv.tr, #tabvidudrv.td {
    width: 99.8%;
    margin: 0px auto;
	border: 1px solid #BBB;
}
#ramis td {
        border: 1px solid #BBB;
    }
#ramis2 td {
        border-top: 2px double #BBB;

    }
.nobg {
    background-color: transparent !important;
}
#tabvidu tr:hover {
    background-color: #F0F0F0 !important;
}
#tabvidu tr:first-child {
    background-color: tranparent !important;
}
#tabvida tr:hover: {
    background-color: #F0F0F0 !important;
}
#tabvida tr:first-child {
    background-color: tranparent !important;
}

.tdhnd:hover{
    cursor: pointer;
}

.nohnd:hover{
    cursor: context-menu;;
}
#tabvidus tr:hover  {
    background-color: #F0F0F0;
}
.gry{
    background-color: #E8E8E8;
}
.hgry:hover {
    background-color: #E8E8E8 !important;
}
.gry:hover {
    background-color: #E8E8E8 !important;
}
.borb{
  border-bottom: 1px solid #BBB;
}

#bord td {
	border: 1px solid #666;
} 
#trpel td  {
	background-color: #E8E8E8;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #333;
}
 
#tabvidu tr:first-child {
    background-color: #E8E8E8;
    border-bottom: 1px solid #BBB;
}
.toptabvidu{
    background-color: #E8E8E8;
    border-bottom: 1px solid #BBB;
}
#tabvidu tr.trh, #tabvidus tr.trh {
    background-color: #E8E8E8;
    border-bottom: 1px solid #BBB;
    text-align:center;
	vertical-align:middle;
}
.rpel{
	border: 0px;
}
input  { 
    outline: none !important;
	border: 1px solid #555;
}
input:focus { 
    outline: none !important;
	border: 1px solid #000;
	box-shadow: 0 0 2px #555;
}
.pa1{
	font-size: 1.1em !important;
	padding: 2px  0 0 16px !important;
	text-align: left;
	font-weight: 700;
	text-indent:-16px;	
}
.pa2{
	font-size: 1em !important;
	padding: 4px   0 0 10px;
	text-align: left;
	text-indent:-10px;	
}
.pa3{
	font-size: 0.9em !important;
	text-align: left;
	font-style: italic;
	padding-left:16px;
	text-indent:-16px; 	
}
.atk {
	padding-left: 60px !important;
	text-indent:-16px;
}
.atk1 {
	padding-left: 80px !important;
	text-indent:-20px;
}
.atk2 {
	padding-left: 120px !important;
	text-indent:-20px;
}
.ath {
	margin: 2px 0 1px 0 !important;
}
.ram  {
        border: 1px solid #BBB;
		color: #000000;
		font-weight : 700;
		border-radius: 2px;		
    }
.izc{
	color: #00F;
	font-weight : 900;
}
.fyel{
   background-color: #F9F69D;
}
.cent{
    text-align:center  !important;
}
.fcent{
   float: center;
   margin: 0px auto;
}
.vmid{
	vertical-align:middle;
}
.vtop{
	vertical-align:top;
}
.inf0 {
  color:red !important;
}
.inf1 {
  color:blue !important;
}
.inf01 {
  color:green !important;
}
.inf00 {
  color:#000 !important;
  padding: 0px 5px;
  background-color: #F9F69D;
}
.inf2 {
  color:green !important;
}
.inf3 {
  color:#AAA !important;
}
.inf4 {
  color:#EEE !important;
}
.infx {
  color:white !important;
}
.imrgray {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
   opacity: 0.33;
}

#tabvidu td,#tabvidus td {
    font-size: 0.75em;
}
#tabvidu td.tdr,#tabvidus td.tdr {
    border: 1px solid #BBB;
    padding-right:2px;
    text-align:right;
}
#tabvidu td.tdl,#tabvidus td.tdl {
    border: 1px solid #BBB;
    padding-left:4px;
    text-align:left;
}
#tabvidu td.tdrx, #tabvidus td.tdrx {
    border: 1px solid #BBB;
    width: 40px;
    text-align:center;
}
#tabvidu td.tdrxw, #tabvidus td.tdrxw {
    border: 1px solid #BBB;
    width: 50px;
    text-align:center;
}
#tabvidu td.tdtxr, #tabvidus td.tdtxr {
       text-align:right;
       font-size: 0.7em;
       padding:0 3px 0 0; 
}
td.tdtx {
       text-align: left;
       font-size: 0.9em;
       padding:0 0 0 1px; 
}
td.tdtxs {
       text-align: left;
       font-size: 0.8em;
       padding:0 0 0 1px; 
}
#tabvidu .gray, #tabvidus .gray  {
       color:#AAA;
}

#tabvidu img:hover, .lnk:hover, #tabvidus img:hover, .lnk:hover {
    cursor: pointer;
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:18px;   /* Height of the footer */
   border-top: 1px solid #AAA;
   font-size: 0.8em;
   text-align:center;
   background-color:#BBB;
}


/* Modal ================ */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 10;
    top: 10;
    width: 40%; /* Full width */
    height: 25%; /* Full height */
    overflow:auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */
    padding: 8px;
    border: 1px solid #888;
    width: 96%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.hp1{
 padding-left: 4px;
 padding-top: 2px;
 text-indent:-4px;
 font-size: 1.3em;
 font-weight:700;
}
.zbx{
	font-weight:900;
	color: blue;
	font-size: 1.3em;
	display: inline-block;
	margin-left:3px;
	margin-right:3px;
}
.zb{
	font-weight:900;
	color: blue;
	font-size: 1.3em;
	display: inline-block;
}
.zb:hover{
	cursor: pointer;
}
.u {
	text-decoration: underline;
}
.hp2{
 padding-left: 4px;
 text-indent:-4px;
 font-size: 0.95em;	
}
.hp3{
 padding-left: 8px;
 text-indent:-8px;
 font-size: 0.9em;	
}