/*
vaminfo.hu CSS definitions
Author: Krisztian Fekete
Copyright 1996-2009. Vamsoft Ltd. All rights reserved.
*/

/* === CSS RESET === */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
  font-size:100%;
  margin:0;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  padding:0;
  vertical-align:baseline;
}

ol, ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

blockquote, q {
  quotes:none;
}

:focus {
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
}

ins {
  text-decoration:none;
}

del {
  text-decoration:line-through;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* === MAIN ELEMENTS === */

html, body {
  text-align: left;
  border: 0;
  height: 100%;
  width: 100%;
  clear: both;
  font-family: "tahoma", sans-serif;
  line-height: 1em;
  color: #515151;  
  background: transparent url(/images/bg.png) repeat;
}

html, div, map, dt, isindex, form {
  display:block;
}

a, #login, #calendar ul a {
  text-decoration: none;
  color: #246a2e;
}

input {
  color: #515151; 
}

a:hover, #calendar ul a:hover {
  text-decoration: underline;
}

/* clear elements to prevent content bleeding */
.clear {
  height: 1px;
  clear: both;
}

.clearleft {
  clear:left;
}

h1 {
  text-align: center;
  padding-bottom: 0.5em;
  font-size: 1em;
  font-weight: normal;
}

h2 {
  font-size: 0.9em;
  font-weight: normal;
  text-align: left;
}

h2, ul {
  margin: 11px 0;
}

p, ul, table, #login, .newtopic, .back, div.forumtopic div.error, .forras {
  font-size: 0.8em;
}

p {
  margin: 1.5em 0;
}

ul {
  list-style-type: none;
  padding-left: 0px;
}

ul a {
  color: #4a4a4a;
}

li {
  background: transparent url('/images/bullet.png') no-repeat 0px 7px;
  padding: 0 0 2px 10px;
}

.error {
  color: red;
  font-weight: bold;
}

div#login div.error {
  font-size: 0.7em;
  padding-right: 5px;
  margin: -5px 0 5px;
} 

/* === CONTAINER ELEMENTS === */

#container {
  position: relative;
  clear: both;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  width: 960px;
  margin: auto;
  background: transparent url('/images/columnsbg.png') repeat-y center top;
}

#mainbox {
  position: relative;
  background: transparent;
  margin: 0;
  padding: 0;
  width: 960px;
  min-height: 100%;
  clear: both;  
}

/* === HEADER === */

#header {
  width: 960px;
  height: 73px;
  background: transparent url(/images/header.png) no-repeat scroll 0%;
}

#headerlink {
  float: left;
  width: 765px;
  height: 100%;
}

.inputtext {
  vertical-align: middle;
}

/* === MENU === */

#menu {
  height:26px;
  padding:4px 0 0 10px;
  background: transparent url(/images/menubg.png) no-repeat scroll 0%;
}

#menu a {
  display:inline-block;
  padding: 2px 0;
  font-size: 0.8em;
  color: #fff;
}

#menu, #menu a:hover {
  color: #dead40;
  text-decoration: none;
}

/* === CONTENT STYLING === */

#content {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 12px 0 110px 0;
  background: transparent url('/images/upperborder.png') repeat-x top; 
}

#leftcolumn, #rightcolumn {
  height: 100% !important;
  min-height: 100%;
  width: 161px;
}

.highlight {
  background-color: #ff9;
}

#leftcolumn {
  float: left;
  padding: 20px 15px 0 18px;
}

#leftcolumn h1, #leftcolumn h2, #leftcolumn h1 a, #leftcolumn h2 a {
  color: #D6A231;
}

#rightcolumn {
  float:right;
  width: 161px;
  padding: 8px 18px 0 15px;
}

#rightcolumn h1, #rightcolumn h2, #rightcolumn h1 a, #rightcolumn h2 a {
  color: #246a2e;
}

#rightcolumn p, #rightcolumn ul {
  padding-left: 10px;
}

#rightcolumn h2 {
  text-align:center;
}

#middlecolumn {
  width: 520px;
  padding: 25px;
  margin:0 auto;
}

.smallfont {
  font-size: 0.7em;
}

.heading {
  width: 493px;
  padding: 0.5em 1em;
  background: #DEAE39;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
}

.heading a, .unread a {
  color: white;
}

.heading a.rsslink {
  background: url(/images/rss.png) no-repeat top center;
  float:right;
  width: 13px;
  height: 13px;
  padding: 2px;
  display: inline-block;
}

.divider1, .divider2 {
  width: 150px;
  line-height: 1px;
  height: 1px;
  background: #68a571;
  margin: 20px 5px 20px;
}

.divider2 {
  background: #dead40;
}

.demodownload {
  display: block;
  width:163px;
  height: 47px;
  background: transparent url(/images/demodownload.png) no-repeat top left;
}

/* === ARFOLYAMOK === */

.arfolyamok h1 {
  color: #246A2E;
  font-weight: bold;
}

.ratebox, .ratebox_current {
  color: #246a2e;
  padding: 20px 0px 0px;
  margin: 0px 3px 20px;
}

#rightcolumn div.ratebox {
  padding-top:0px;
}

.ratebox h1, .ratebox_current h1 {
  font-weight: normal;
}

.ratebox_current {
  margin-bottom:18px;
}

div#rightcolumn div.ratebox, div#leftcolumn div.ratebox {
  margin: 0px 0px 25px;
}

.ratebox_current {
  background: #f0f0f0;
  border: 1px solid #c9cdca;
}

.dateperiod {
  color: #246a2e;
  padding-left: 0px;
  font-size: 0.8em;
  text-align: center;
}

.rates {
  color: #676767;
  border-collapse: collapse;
  border-spacing: 0px;
  display: block;
  width: 80%;
  margin: 20px auto;
}

.rates tr {
  width: 100%;
  background: #f0f0f0;
}

.rates td {
  width: 45%;
}

.curr {
padding-left: 10px;
}

.digit {
  text-align: right;
}

.dec {
text-align: left;
padding-right: 10px;
}

.odd, tr.odd {
  background: #e8e8e8;
}

tr.odd td {
  border-bottom: 1px solid #d8d8d8;
}

.arfolyamcontainer {
font-size: 1em;
}

table.arfolyamcontainer tr td div.ratebox {
float: none;
} 

/* === ARFOLYAM ARCHIV === */

.arfolyam_archiv {
  width: 161px;
  float: left;
  margin: 3px;
}

.notyet {
  color: #858585;
}

li.notyet {
  background: transparent url('/images/bulletgrey.png') no-repeat 0;
}

span.button {
  position: relative;
  margin-left: 5px;
  width: 100px;
  height: 25px;
  display: inline-block;
  color: white;
  background: #4E8F57;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}

span.button a {
  color: white;
  padding: 4px 0px;
  width: 100%;
  height: 100%;
  display: inline-block;
}

#ratefinder {
  margin: 0px auto 25px;
  text-align: center;
}

#ratefinder h1 {
  text-align: left;
  font-weight: bold;
  color: #246A2E;
  margin: 10px 0px 20px;
  font-size: 1em;
}

.rateboxcontainer {
  width: 100%;
  margin-bottom: 20px;
}

/* === CALENDAR === */

#calendar {
  text-align: center;
}

#calendar table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 140px;
  font-size: 0.7em;
  text-align: center;
  margin: 20px auto 0px;
}

#calendar ul {
  list-style-type: none;
  padding-left: 5px;
  text-align: left;
}

#calendar ul li {
  background: transparent url('/images/smallbullet.png') no-repeat 0;
  padding: 0 0 1px 8px;
}

#calendar td {
  width: 20px;
  height: 14px;
}

#calendar td a, .currentpage {
  color: white;
  font-weight: bold;
  display: block;
  background: #5da067;
}

#calendar td.othermonth {
  color: #a3a3a3;
}
/* === FORUM STYLING === */

.forum {
  font-size: 0.8em;
  border-collapse: collapse;
/*  width: 100%;*/
  width: 522px;
  color: #525252;
  margin: 10px 0px 30px;
}

.forum td {
  padding: 3px;
}

.forum td.forumuser {
  width: 161px;
}

.forum td.forumlistview {
  width: 255px;
}


tr.forumodd {
  background: #e8f7eb;
}

tr.forumodd td {
  border-bottom: 1px solid #a2d3aa;
}

tr.unread td {
  border-bottom: 1px solid white;
}

tr.unread {
 background: #5DA067;
 color: white;
}

.newtopic {
  text-align: right;
  padding-right: 10px;
  float: right;
  width: 65px;
  margin-bottom: 4px;
}

.newtopic a {
  background: transparent url('/images/newtopic.png') no-repeat center left;
  height: 16px;
  margin-bottom: 5px;
}

.forumdivider {
  height: 1px;
  background: #d8d8d8;
}

.back {
  background: transparent url('/images/back.png') no-repeat center left;
  height: 16px;
  margin-bottom:5px;
  width: 150px;
}

.back a {
  padding-left: 16px;
}

.topicstarter {
  background: #e1f3e5;
}

.forumtopic p {
  margin: 0px auto;
  padding: 12px 5px;
}

.addcomment, .addtopictitle {
  padding: 5px;
}

#comment, #topictitle {
  width: 506px;
  margin: 0px;
  padding-top: 0.2em;
}

#topictitle {
  height: 20px;
}

textarea {
  font-family: "tahoma", sans-serif;
  font-size: 0.8em;
  color: #515151;
  overflow: auto;
}

#comment {
  height: 170px;
}

.admincomment {
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
background: #ffedaf;
}

.basicbutton {
  float: right;
}

.basicbutton, .searchbutton {
  margin-right: 5px;
  margin-top: 5px;
  width: 100px;
  height: 30px;
  display: block;
  color: white;
  background: #4E8F57;
  text-align: center;
  font-weight: bold;
  font-size: 0.9em;
}

.basicbutton a, .searchbutton a {
  color: white;
  padding: 7px 0px;
  width: 100%;
  height: 100%;
  display: block;
}

/* === FORUMTOPIC STYLING === */

.forumtopic, .forumtopic h1 {
  text-align: left;
}

.forumtopic h1, .arfolyam_archiv h1 {
  font-size: 0.9em;
  font-weight: bold;
  color: #fff;
  background: #4E8F57;
  padding: 4px;
}

.arfolyam_archiv h1 {
  margin-top:20px;
}

/* === NEWS STYLING === */

#news {
  width: 100%;
  padding-left: 2px;
  background: #e1f3e5;
  margin-bottom: 20px;
}

.newscontent, .events {
  padding: 15px;
}

.newscontent h1, #newsbottomlink, .laws h1 {
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 0px;
  color: #246a2e;
}

.forras {
  float:right;
  font-weight: bold;
}

.newsdate {
  margin-bottom: 6px;
  font-size: 0.8em;
  color: #246a2e;
}

.newscontent h1,.newscontent h1 a, .events h1, .events h1 a, #newsbottomlink a, .laws h1 a {
  color: #4e8f57;
}

.newscontent h2 {
  font-weight: bold;
  font-size: 0.8em;
  color: #545454;
}

.newscontent p {
  margin: 0px;
  padding: 1em 0px;
}

.newscontent p a {
  font-weight: bold;
  color: #4E8F57;
}

#newsbottomlink {
  padding: 15px;
}

.arfolyamok .ratebox, .ratebox_current {
width: 161px;
float: left;
}

#newsbottomlink a {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

#kzolldownload {
  float: right;
  display: block;
  width:143px;
  height: 52px;
  padding-right: 20px;
  margin-top: 20px;
  background: transparent url(/images/kzolldownload.png) no-repeat top left;
}

.demodownload a, #kzolldownload a, #headerlink a, .newtopic a, .back a {
  display: block;
  width: 100%;
  height: 100%;
}

.newsdivider {
  height: 1px;
  width: 95%;
  margin: 0px auto 10px;
  background: #c4c4c4;
}

/* === SEARCHBARS & LOGIN === */

#headsearch {
  width: 147px;
  float: right;
  text-align: center;
  margin: 0px;
  padding: 30px 35px 5px 0;
}

#headsearch a {
  position:relative;
  left:147px;
  top: -22px;
  width: 25px;
  height:23px;
  display:block;
  background: transparent url(/images/searchicon.png) no-repeat top right;
}

#search {
  margin: 18px 0 30px;
}

#search a {
  font-size: 0.8em;
  border-bottom: 1px solid #fbab18;
}

#search a:hover {
  border-bottom: 2px solid #fbab18;
  text-decoration: none;
}

#search #s, #login #u, #login #p, #headsearch #hs {
  padding: 2px 6px 0px 2px;
  border: none;
  border-top: 1px solid #d3d3d3;
  width: 138px;
  height: 18px;
  background: none;
  background-color: white;
}

.settings #name, .settings #email, .settings #pwd, .settings #regpwd, .settings #regpwd2, .settings #newpwd, .settings #newpwd2, #sitesearch {
border: 1px solid #d3d3d3;
}

.settings #name, .settings #email, .settings #pwd, .settings #regpwd, .settings #regpwd2, .settings #newpwd, .settings #newpwd2 {
  width: 184px;
}

#search #s {
  margin-bottom: 10px;
}

#login #u, #login #p {
margin-bottom: 5px;
}

#login #u, #login #p {
  width: 112px;
}

#login {
  text-align: right;
}

#login p {
  margin: 0.6em 0;
}

div#login .smallfont {
  font-size: 0.8em;
}

div#login div.smallfont, div#login p.loggedin { 
  padding-right: 5px;
}

div#login p.loggedin {
  font-size: 0.95em;
  padding-left: 0px;
}

.loginbutton {
  padding-bottom: 3px;
  margin-right: 5px;
  border-bottom: 1px solid #c9cdca;
  margin: 0em 5px 1em 0;
}

.loginbutton a:hover {
  border-bottom: 2px solid #c9cdca;
  text-decoration: none;
}

.pleaselogin {
  background: transparent url(/images/pleaselogin.png) no-repeat top left;
  width: 490px;
  margin: -10px auto 0px;
  padding: 10px 0px 0px 10px;
  height: 50px;
  display: block;
  color: white;
  font-weight: bold;
}

.rememberme {
  vertical-align: top;
  font-size: 0.9em;
  padding-right: 26px;
}

div#login .error {
  padding-top:8px;
}

/* === PAGING === */

.paging {
  margin: 10px auto 20px;
  padding: 5px;
  text-align: center;
  font-size: 0.8em;
  color: #8f8f8f;
}

.currentpage {
  display: inline;
  padding: 4px;
}

/* === SETTINGS PAGE === */

.settings {
  font-size: 0.8em;
}

.settings p {
  font-size: 1em;
}

div.settings h1, div.settings h2 {
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
  color: #246A2E;
  margin: 10px 0px 20px;
}

div.settings h2 {
font-size: 1.2em;
}

div.settings span.settingname, div.settings span.error {
  margin-left: 15px;
  padding:3px 0px 7px;
  font-weight: bold;
  width: 144px;
  display: inline-block;
  vertical-align:middle;
}

div.settings span.error {
  margin: 0px;
  padding: 0px 0px 7px;
}

div.settings input.checkbox {
  margin:0px;
  margin-top:5px;
  margin-left: 15px;
}

div.settings div.basicbutton {
  float: none;
  margin: 30px auto;
}

/* === EVENTS === */

.events {
  margin-bottom: 20px;
}

.events ul  {
  font-size:1em;
}

.events p a {
  color: #4e8f57;
  font-weight:bold;
}

.eventsdate a:hover {
  text-decoration:none;
}

.events h1 {
  text-align: left;
  padding-top: 20px;
  font-weight:bold;
  font-size: 0.9em;
}

.eventsdate {
  background:#5da067;
  font-weight: bold;
  color:white !important;
  padding: 2px 6px 0 6px;
  margin-right: 14px;
}

.eventsdate a {
  color:white !important;
  padding:0;
  margin:0;
}

.events h1 a {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0px;
 /* padding-left: 1em;*/
}

td.eventparameter {
 font-weight: bold;
 padding:6px 0;
}

td.eventdata {
  padding: 6px 0 6px 25px;
}

.eventdetails {
  margin-bottom: 20px;
}

/* === LAWS === */

.laws {
  padding:20px 15px 15px;
}

.laws h1 {
  padding:10px 0px;
}

.lawsid {
  font-weight: bold;
}

.laws ul {
  margin-bottom: 30px;
}

.laws ul li a {
  color: #246a2e;
  font-weight: bold;
}

/* === SEARCH RESULTS === */

.sitesearchbar {
  width: 100%;
  height: 30px;
  text-align: center;
  display: block;
  margin: 0px auto 15px;
}

#sitesearch {
  width: 238px;
  vertical-align:top;
  display: inline;
  height: 24px;
  padding:6px 6px 0px 6px;
}

.searchbutton {
  float:none;
  margin: auto;
  margin-left: 10px;
  display: inline-block;
}

.moreresults {
  font-weight: bold;
  font-size: 0.8em;
  margin-bottom: 25px;
}

.moreresults a {
  color: #4e8f57;
}

/* === CMS === */

input.cms, textarea.cms, .cmslist {
  width: 100%;
}

textarea.cms {
font-size: 1em;
}

.cmslist tr td {
padding: 5px;
}

/* === FOOTER STYLING === */

#footer {
  position: relative;
  margin: -120px auto 0px auto;
  width: 920px;
  height: 80px;
  padding: 20px;
  clear: both;
  background: transparent url(/images/bg.png) repeat;
  color: #bbcfbe;
  font-size: 0.8em;
  font-weight: bold;
  z-index:2;
}

#bottomlinks a {
  padding: 6px;
  color: #b5d3b5;
}

#bottomtext {
  padding-top: 1em;
  color: #63a26b;
  font-size: 0.85em;
}

.contact, .contact a {
color: #fff;

/* === THIS FIXES MIN-HEIGHT IN IE6 === */

html, body {
  height: 100%;
  min-height: 100%;
}


