body {
        margin: 0;
        padding: 30px;
        background: #F2F2F2 url(images/bodybg.gif) top repeat-x;
        font-family : Arial, Helvetica, sans-serif;
        font-size: 12px;
}

.form table {font-size: 9pt; border-collapse: collapse; line-height: 100%;}
.form td {font-size: 9pt; border: 1px solid #bbbbbb; padding: 4px;  line-height: 120%;}
.form th {font-size: 9pt; border: 1px solid #bbbbbb;  line-height: 100%;}
.form thead th, tfoot th {border: 1px solid #bbbbbb; font-weight: bold; color: #666666; background: #eeeeee;  line-height: 100%;}

#topmenu {text-align: right; margin: 4px 20px 0px 20px;}
#topmenu a {text-decoration:none; color: #424242;}
#topmenu a:hover {text-decoration:underline;}

div#container {
        border: 1px solid #BDBDBD;
        background: #FFFFFF;
        width: 978px;
        margin: 0 auto 0 auto;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        position: relative;
        padding: 0px 0px 20px 0px;
}
div#header {
    width: 978px;
    height: 94px;
    background: url(images/headerbg.gif) top left no-repeat;
}
div#header div#logo {
    margin: 0px 0px 0px 10px;
}
div#content {
    margin: 0px 20px 20px 20px;
    line-height: 150%;
    color: #424242;
}
div#leftside {
    width: 218px;
    margin: 3px 0px 0px 20px;
    font-size: 11px;
    line-height: 100%;
}

div#leftside div.menu {
    margin: 4px 0px 0px 0px;
}

div#leftside div.item {
    background: #F1F1F1 url(images/menuitembg.gif) top left no-repeat;
    width: 218px;
    height: 23px;
    margin: 1px 0px 2px 0px;
}
div#leftside div.type {
    width:21px;
    height: 21px;
    margin: 1px 9px 1px 1px !important;
    margin: 1px 5px 1px 1px;
    float: left;
}
div#leftside div.menu div.link {
  padding: 6px 0px 0px 0px !important;
  padding: 7px 0px 0px 0px;
}
div#leftside div.menu div.link a {
  color: #424242;
  font-weight: bold;
  text-decoration: none;
}
div#leftside div.menu div.link a:hover {
  text-decoration: underline;
  color: #000000;
}

div#leftside div#jelmagyarazat {
        margin: 10px 0px 0px 0px;
}


div#content h1 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #BDBDBD;
    margin:0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    font-variant: small-caps;
    letter-spacing: 1px;
    line-height: 100%;
}
div#content h2 {
    font-size: 16px;
    font-weight: bold;
    margin:0px 0px 0px 0px;
    padding: 0px 0px px 0px;
    line-height: 110%;
}

div#content p {
    padding: 0;
    margin: 15px 0px 15px 0px;
}

div#content ul {
  margin-top: 3px;
  margin-bottom: 3px;
}


div#content a {
        color: #495A96;
        text-decoration: none;
}
div#content a:hover {
        text-decoration: underline;
        color: #303C63;
}

div.idea {
  width:640px;
  background: #FAFAFA url(images/ideabg.gif) top left no-repeat;
  border-bottom: 1px solid #E5E5E5;
  padding: 30px 10px 10px 50px;
}

div#footer {
  font-size: 10px;
  text-align: center;
  margin: 5px 0px 20px 0px;
  color: #888888;
}

div#navifooter {
  font-size: 11px;
  text-align: center;
  margin: 5px 0px 5px 0px;
  color: #888888;
}
div#navifooter a {
  font-size: 11px;
  color: #666666;
  text-decoration: underline;
}
div#navifooter a:hover {
  color: #333333;
}


input {
  vertical-align: middle;
}
input.longinput {
  width: 250px;
}

div.form{
  padding: 10px;
  margin: 20px 0px 0px 0px;
  border: 1px solid #E5E5E5;
  background: #FCFCFC;
  position:relative;
}

div#resultdiv{
  width:680px;
  padding: 10px;
  margin: 20px 0px 0px 0px;
  border: 1px solid #E5E5E5;
  background: #FFFFFF
}

div#processdiv{
  width:680px;
  padding: 20px 10px 20px 10px;
  margin: 20px 0px 0px 0px;
  border: 1px solid #E5E5E5;
  background: #FFFFFF;
  text-align: center;
}

div#regajanlo{
  width:680px;
  padding: 20px 10px 20px 10px;
  margin: 20px 0px 0px 0px;
  border: 1px solid #E5E5E5;
  background: #FCFCFC
  text-align: center;
}

.clear {clear:both;}

hr {border: 0px;  height: 1px; width: 100%; color:#BDBDBD; background-color: #BDBDBD}


div.tablecontainer table {border-collapse: collapse;}
div.tablecontainer td, th {border: 1px solid #bbbbbb; padding: 4px;}
div.tablecontainer thead th, tfoot th {border: 1px solid #bbbbbb; font-weight: bold; color: #666666; background: #eeeeee;}

label {cursor:hand; cursor:pointer;}

#konyv_ajanlo {text-align: center; padding: 20px 0px 0px 0px;}
#konyv_ajanlo p {text-align: left; color: #008000; line-height: 130%; font-size: 110%;}
#konyv_ajanlo a {color: blue;}

#popup {display:none;}
#popup_close {float:right; width: 20px; margin: 0px 40px 0px 0px !important; margin: 20px 20px 0px 0px; position:relative;}
#popup_title {margin: 21px 0px 0px 22px; width: 300px; font-weight:bold;}
#popup_text {clear:both; margin: 90px 42px 15px 22px !important; margin: 90px 42px 20px 22px;  font-size: 13px; line-height: 140% !important; line-height: 137%;}
#popup_button {text-align:center;margin-right: 20px; z-index: 100;}
.container {background:  url(/images/popupbg.png) !important; background: transparent; position: absolute; top: 200px; left: 300px; width: 440px; height: 358px; overflow: hidden;}
.dim {width: 440px; height: 358px;}
.filter {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/popupbg.png',sizingMethod='crop');}
.dim a {position: relative; z-index:1;}