div.tabContent { height: auto; vertical-align: top; padding:10px;border: 1px solid #0d4caa; overflow:auto;}  /*bels div, ez tartalmazza a content diveket*/
table.tabbedPane {margin: 0px;}   /*az egsz tblzat*/
/*elrejtett content div tuljadonsgai 
  ha display, akkor position ne kell, de display:none
  ha visbility, akkor position:absolute, 0,0 s visibility:hidden*/
div.tabDiv {position:absolute; top:0px; left:0px; visibility:hidden; /* display:none;*/} /*content div*/

div.tabVerticalSep {background-color: #ffffff; width: 5px; margin: 0px; padding:0px;}  /*fggleges csk*/
div.tabHorizontalSep {background-color: #ffffff; height: 5px; margin: 0px; padding:0px; font-size:5px;}  /*vzszintes csk*/


       /*ngy irnynak megfelelen*/
div.tabN {
        margin: 0px; padding: 2px; cursor:pointer; text-align:center;
        border-top: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #1a64b2;
        color: #ffffff;
        position: relative;
        /* 1 px-el lejjebb csszik, gy rmegy tabcontent border-re*/
        padding-bottom: 3px;
        bottom: -1px;
        z-index: 0; font-size: 12px;
} 
div.tabN:hover { background-color: #4f9bff; }
div.tabSelectedN { 
        margin: 0px; padding: 2px;  text-align:center; cursor:default;
        border-top: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #ffffff;
        color: #1a64b2;
        bottom: -1px;
        position: relative;
        padding-bottom: 3px;
        z-index: 1; font-size: 12px;
} 
div.tabSelectedN:hover {}


div.tabW {
        margin: 0px; padding: 2px; cursor:pointer; text-align:right;
        border-top: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-bottom: 1px solid #064b87;
        background-color: #1a64b2;
        color: #ffffff;
        position: relative;
        padding-right: 3px;
        right: -1px;
        z-index: 0; font-size: 12px;
}
div.tabW:hover { background-color: #4f9bff; }
div.tabSelectedW {
        margin: 0px; padding: 2px;  text-align:right; cursor:default;
        border-top: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-bottom: 1px solid #064b87;
        background-color: #ffffff;
        color: #1a64b2;
        position: relative;
        padding-right: 3px;
        right: -1px;
        z-index: 1; font-size: 12px;
}
div.tabSelectedW:hover {}

div.tabS {
        margin: 0px; padding: 2px; cursor:pointer; text-align:center;
        border-bottom: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #1a64b2;
        color: #ffffff;
        position: relative;
        padding-top: 3px;
        top: -1px;
        z-index: 0;
}
div.tabS:hover { background-color: #4f9bff; }
div.tabSelectedS {
        margin: 0px; padding: 2px;  text-align:center; cursor:default;
        border-bottom: 1px solid #064b87;
        border-left: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #ffffff;
        color: #1a64b2;
        top: -1px;
        position: relative;
        padding-top: 3px;
        z-index: 1;
}
div.tabSelectedS:hover {}


div.tabE {
        margin: 0px; padding: 2px; cursor:pointer; text-align:left;
        border-top: 1px solid #064b87;
        border-bottom: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #1a64b2;
        color: #ffffff;
        position: relative;
        padding-left: 3px;
        left: -1px;
        z-index: 0;
}
div.tabE:hover { background-color: #4f9bff; }
div.tabSelectedE {
        margin: 0px; padding: 2px;  text-align:left; cursor:default;
        border-top: 1px solid #064b87;
        border-bottom: 1px solid #064b87;
        border-right: 1px solid #064b87;
        background-color: #ffffff;
        color: #1a64b2;
        left: -1px;
        position: relative;
        padding-left: 3px;
        z-index: 1;
}
div.tabSelectedE:hover {}