.bod
{
 background-color: #ffffff;
}

.xttop {
  /* you could also change td instead th depending your html code */
}
tables.ttop,tr.ttop,td.ttop
{
  border:1px solid #001144;
  position: sticky;
  z-index: 100;
  top: 0;
  background-color: #ffffcc;
}

.login
{
color:#000810;
background-color:#8899cc;
border:1px solid #001144;
font-weight:bold;
font-size:15px;
border-collapse: collapse;
min-height: 100%;
margin: 0px auto;
}

.tab
{
color:#000810;
background-color:#ccddff;
border:1px solid #000000;
font-weight:bold;
font-size:15px;
;valign: left;
;border-collapse: collapse;
;min-height: 100%;
;margin: 0px auto;
}

.loginmezo
{
 background-color: #f0f8ff;
 border:1px solid #445588;
}

.loginhatter
{
 background-color: #ddeeff;
 border-collapse: collapse;
 border: 0px transparent solid;
}


a
{
 text-decoration: none;
}

a:link 
{
 color: #0022cc;
 font-weight: bold;
}

a:visited 
{
 color: #0022cc;
}

a:hover {
 text-decoration: underline;
}

table
{
border-collapse: collapse;
border: 0px black solid;
background-color: #fcfcff;
font-weight:bold;
font-size:15px;
}

xtd { 
padding: 1px;
}

.menu
{
background-color:#bbccff;
font-weight:bold;
font-size:15px;
text-align:center;
padding: 0;
text-decoration:none;
margin-left:0px;
 padding:0px 3px 0px 3px;
}

.mid
{
 background-color: #aaffcc;
 font-size: 15px;
 height: 100px;
 text-align: center;
}


tr.osi
{
 background-color: #ff3300;
}

tr.nagyonregi
{
 background-color: #ff8800;
}
tr.regi
{
 background-color: #ffff00;
}

tr.nodata
{
 background-color: #cccccc;
}

a.mid
{
 font-size: 25px;
 color:#000810;
 background-color:#ddffee;
 font-weight:bold;
 text-align:center;
 padding:0px 3px 0px 3px;
 xpadding-top:1px;
 xpadding-bottom:1px;
 border:1px solid #3366AA;
 text-decoration:none;
 margin-left:1px;
 margin: 2px 2px 2px 2px;
 margin-top:5px;

}


.transparent
{
 background-color: transparent;
 border-collapse: collapse;
 border: 1px transparent solid;
}

.vilagoskekhatter
{
 background-color: #ddeeff;
 border-collapse: collapse;
 border: 0px transparent solid;
}

.zoldkiemelt
{
 background-color:#44dd00;
 font-weight:bold;
 color: #112200;
}

.g
{
 background-color:#ddffbb;
 color: #001100;
}

.ns
{
 background-color:#ffff55;
 color: #001100;
}

.small
{
 background-color:#ffffcc;
 color: #111100;
 font-size:5.5px;
}

.errortx
{
 background-color:#ff4444;
 font-size:20px;
 color: #000000;
}

.warning
{
 background-color:#ffc020;
 font-size:20px;
 color: #664411;
 text-align: center;
}

.warning2
{
 background-color:#ffff80;
 font-size:17px;
 color: #444411;
 text-align: center;
}

table.menu
{
 background-color:#ffffff;
 border:1px solid #555555;
 text-decoration: none;
}

td.tt
{
 border:1px solid #222222;
 margin: 3px;
 padding: 2px 5px 2px 5px;
 text-align: right;
}
table.tt, tr.tt
{
 border-collapse: collapse;
 background-color:#ccffaa;
 border:2px solid #555555;
 text-decoration: none;
}



.bevitel
{
 background-color:#ddeeff;
 font-weight:bold;
 font-size:20px;
 border:1px solid #555555;
}


.listazas
{
 background-color:#ddeeff;
 font-size:15px;
 border:1px solid #555555;
}

input.bevitel
{
 font-weight:bold;
 font-size:20px;
}

a.submenu22, a.submenu22:link, a.submenu22:visited
{
color:#000810;
background-color:#ddeeff;
font-weight:bold;
font-size:22px;
text-align:center;
padding:1px 1px 1px 1px;
padding-top:1px;
padding-bottom:1px;
border:1px solid #3366AA;
text-decoration:none;
xmargin-left:1px;
line-height: 33px;
}
a.submenu, a.submenu:link, a.submenu:visited
{
color:#000810;
background-color:#ddeeff;
font-weight:bold;
font-size:15px;
text-align:center;
padding:1px 1px 1px 1px;
padding-top:1px;
padding-bottom:1px;
border:1px solid #3366AA;
text-decoration:none;
margin-left:1px;
line-height: 25px;
}

a.submenu:hover, a.submenu:active { background-color:#aaccee;}
a.submenu22:hover, a.submenu22:active { background-color:#aaccee;}


a.btn
{
color:#ddffbb;
font-weight:bold;
font-size:15px;
text-align:center;
padding-top:1px;
padding-bottom:1px;
text-decoration:none;
margin-left:-2px;
opacity: .6;
 }

a.btn:hover,a.btn:active, a.mid:hover,a.mid:active
{
 color:#f0ffee;
 background-color:#44aa88;
 opacity:.8;
}

a.menu, a.menu:link, a.menu:visited
{
color:#000810;
background-color:#bbccff;
font-weight:bold;
font-size:15px;
text-align:center;
border:1px solid #3366AA;
text-decoration:none;
padding:1px 1px 1px 1px;
xmargin: 2px 2px 2px 2px;
line-height: 26px;
}



a.clickableorange, a.clickableorange:link, a.clickableorange:visited
{
color:#201000;
background-color:#ffcc00;
font-weight:bold;
font-size:15px;
text-align:center;
padding: 0;
padding-top:1px;
padding-bottom: 0px;
border:1px solid #AA8833;
text-decoration:none;
margin:0px;
}
a.clickableorange:hover,a.clickableorange:active { background-color:#ffdd44;}


a.clickable, a.clickable:link, a.clickable:visited
{
color:#001000;
background-color:#aaffaa;
font-weight:bold;
font-size:16px;
text-align:center;
padding:3px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #33AA33;
text-decoration:none;
margin:2px;
}
a.clickable:hover,a.clickable:active { background-color:#ccffcc;}


a.menu:hover,a.menu:active { background-color:#ccddff;}