/* szamlacenter design */

* {margin: 0; padding: 0; border: 0; list-style-type: none;}
.clear {clear: both;}

body {
background: #d1d6d1 url(/pics/bg.jpg) repeat-x;
font: 12px/16px Tahoma;
color: #555;
}

a {color: #666; text-decoration: none;}

div#all {width: 864px; margin: 0 auto;}
div.header {height: 122px;}

div.header a {
width: 224px;
height: 122px;
display: block;
background: url(/pics/main.jpg) no-repeat;
}

ul#nav {height: 28px; width: 864px; background: url(/pics/navi.jpg) no-repeat; padding: 7px 9px;}

ul#nav li {float: left; text-transform: uppercase;}
ul#nav a {font: 14px/24px Arial; padding: 5px 10px; display: inline; color: #f8f8f8; }
ul#nav a:hover {background: #060606;}


div.promo {height: 299px; width: 864px; background: url(/pics/promo1.jpg) no-repeat;}
div.promo div {position: absolute; width: 440px; margin: 123px 0 0 385px; color: #555; font: 12px/15px Tahoma;}
div.promo a {position: absolute; width: 105px; height: 33px; margin: 219px 0 0 721px; background: url(/pics/regisztralok.jpg) no-repeat;}


div.login {width: 864px; height: 37px; background: url(/pics/login.jpg) no-repeat;}
div.login input {position: absolute;}

input.inputlogin {width: 86px; height: 26px; background: url(/pics/belepes.jpg) no-repeat;}
input.inputtextpass, input.inputtextuser {width: 111px; height: 17px; background: url(/pics/inputtext.jpg) no-repeat; padding: 5px 8px 4px 8px; color: #444;}

input.inputtextuser {margin: 4px 0 0 498px;}
input.inputtextpass {margin: 4px 0 0 634px;}
input.inputlogin {margin: 4px 0 0 770px;}

div#bottom {padding: 20px 20px 40px 20px; color: #444;}
div#bottom h2 {font: normal 16px/26px "Trebuchet MS"; margin: 0 0 10px 0;}

div.features {width: 423px; float: left; background: url(/pics/border.jpg) no-repeat right; padding: 0 40px 0 0; font: 11px/14px tahoma; color: #666;}
div.features div.left {float: left; width: 200px;}
div.features div.right {float: right; width: 195px;}
div.features div.left div, div.features div.right div {background: url(/pics/list.jpg) no-repeat top left; padding: 0 0 0 22px; margin: 10px 18px 0 0; }


div.info {float: right; width: 341px; padding: 0 0 0 20px;}
div.info div {font: 11px/14px Georgia; color: #999; padding-top: 5px;}
div.info div a {color: #999; text-decoration: underline;}

div.footer {font: 10px/14px arial; color: #999; border-top: 2px solid #aeb3af; padding: 4px; clear: both;}

/* allando fejlec KEZD */

div.g {background: #747675; padding: 10px; height: 8px; position: relative; overflow: hidden; border-bottom:2px solid #646665;}

div.g div.uzenet {font-weight: bold; float: left; color: #fff; width: 450px; background: #aad55c url(/pics/ok.png) no-repeat center right; margin: -10px; padding: 6px; position: absolute;}
div.g div.wrong {background: #d5635c url(/pics/no.png) no-repeat center right !important;}
div.new {background: url(/pics/add.png) no-repeat center left !important; padding: 6px 6px 6px 30px;}

div.g div.navigator {float: right; font: 12px/12px tahoma; width: 320px; text-align: right; height: 26px; margin-top: -10px; padding-top:7px;}

div.navigator, div.navigator a {color: #c9c9c9;}
div.uzenet a {color: #fff; text-decoration: underline;}

/* allando fejlec VEGE */

/* admin design */

div#admin {border: 2px solid #646665; margin: 30px 0px 30px 0px; font: 12px/16px tahoma; color: #333;}

div#admin input.adm-button {background: #292a2a; color: #efefef; font: 12px/16px sans-serif; padding: 2px 6px;}
div#admin input.adm-text {background: #fff; padding: 2px 6px; font: 12px/16px tahoma; color: #666; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}

div#admin input.gomb {background: #292a2a; color: #efefef; font: 12px/16px sans-serif; padding: 2px 6px;}
div#admin input.input_mezo {background: #fff; padding: 2px 6px; font: 12px/16px tahoma; height:16px; color: #666; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin input.cb_mezo {border: 0px; background-color: #d1d6d1;}


div#admin select {padding: 2px 0px; font: 12px/16px tahoma; color: #666; height:20px; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin select option {padding: 2px 6px; font: 12px/16px tahoma; color: #666;}

div#admin textarea {font: 12px/16px tahoma; color: #666; padding: 3px 4px; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin td.tablazat_cella {background-color: #d1d6d1; font-size: 12px; padding: 0px 3px;}
div#admin td.tablazat_cella_jelolt {background-color: #eeeeee; font-size: 12px; padding:0 3px;}
div#admin td.tablazat_fejlec {background-color: #bfc3bf; font-size: 15px; padding: 0 3px;}
div#admin td.tablazat_cella_szamlalista {padding: 0 3px;}
div#admin td.pass_field {background-color: #d1d6d1; font-size: 12px; color: #d1d6d1; padding: 0 3px;}
div#admin tr.fejlec_sor {height: 30px;}
div#admin tr.sor {height: 24px;}
div#admin tr.tablazat_cella_sztorno {background-color: #fcffd9; font-size: 12px;}
div#admin tr.tablazat_cella_fizetve {background-color: #ffff99; font-size: 12px;}
div#admin tr.tablazat_cella_nem_fizetve {background-color: #f58f7a; font-size: 12px;}
div#admin tr.tablazat_cella_behajtas_alatt {background-color: #abdaf5; font-size: 12px;}

/* admin2 (window) design */

div#admin2 {border: 0px; margin: 30px 0; font: 12px/16px tahoma; color: #333;}

div#admin2 input.adm-button {background: #292a2a; color: #efefef; font: 12px/16px sans-serif; padding: 2px 6px; border-bottom: 2px solid #d1d6d1;}
div#admin2 input.adm-text {background: #fff; padding: 2px 6px; font: 12px/16px tahoma; color: #666; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}

div#admin2 input.gomb {background: #292a2a; color: #efefef; font: 12px/16px sans-serif; padding: 2px 6px;}
div#admin2 input.input_mezo {background: #fff; padding: 2px 6px; font: 12px/16px tahoma; height:22px; color: #666; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin2 input.cb_mezo {border: 0px;background-color: #d1d6d1; vertical-align:middle;}

div#admin2 select {padding: 2px 0px; font: 12px/16px tahoma; color: #666; height:20px; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin2 select option {padding: 2px 6px; font: 12px/16px tahoma; color: #666;}

div#admin2 textarea {font: 12px/16px tahoma; color: #666; padding: 3px 4px; border-bottom: 1px solid #bfc3bf; border-left: 1px solid #bfc3bf; border-top: 1px solid #a3a7a3; border-right: 1px solid #a3a7a3;}
div#admin2 td.tablazat_cella {background-color: #d1d6d1; font-size:12px; padding:3px; height:20px;}

a.plus {width: 18px; height: 19px; background: url(/pics/adm-plus.gif) no-repeat; display: block;}

div.f {background: #bfc3bf; padding: 10px; height: 40px;}
div.f h1 {font: normal 23px/30px "Trebuchet MS"; text-decoration: underline;}
div.f div {float: left; width: 33%; font: 16px/18px tahoma; color: #555;}

div.e {padding: 10px;}
h3 {font: normal 14px/18px Tahoma; margin: 0 0 8px 0;}

div.r {text-align: right;}



ul#nav2 {
background: url(/pics/adm-navi.jpg) no-repeat;
width: 615px;
height: 27px;
margin: -4px 0 0 249px;
padding: 0 0 0 36px;

}

/* modositas */
div#myMenuID {
background: url(/pics/adm-navi.jpg) no-repeat;
width: 615px;
height: 27px;
margin: -4px 0 0 249px;
padding: 0 0 0 36px;
}

div.uj {float: right; padding: 0; padding: 0 60px 0 0; border:0px solid #ff0000; position: relative; top: -27px; left: 38px;}
div.uj a {display: block; height: 23px; width: 160px; padding: 0; margin: 0;}
div.uj a:hover {background: transparent !important;}


/* modositas vege */

ul#nav2 li {float: left; font: 9px/10px arial; text-transform: uppercase; padding: 9px 0;}
ul#nav2 a {color: #efefef; padding: 8px 4px 7px 4px; margin: 0 2px 0 0;}
ul#nav2 a:hover {background: #494a4a;}

ul#nav2 .uj {float: right; padding: 0; padding: 0 65px 0 0;}
ul#nav2 .uj a {display: block; height: 23px; width: 148px; padding: 0; margin: 0;}
ul#nav2 .uj a:hover {background: transparent !important;}

ul#nav2 li {position: relative;}
ul#nav2 li ul.drop {display: none; background: #a3a7a3; padding: 8px 0; width: 220px;}
ul#nav2 li ul.drop li {float: none; display: block; padding: 0;}
ul#nav2 li ul.drop li span {padding: 0 4px 0 0;}


ul#nav2 li ul a {font: 9px/21px arial; text-transform: uppercase; color: #eee; display: block; padding: 0 24px 0 12px; margin: 0;}
ul#nav2 li ul a:hover {background: #727473 url(/pics/adm-szerk.jpg) no-repeat right center;}


* html ul#nav2 li {float: left; height: 1%;}
* html ul#nav2 li a {height: 1%;}


ul#nav2 li:hover ul, ul#nav2 li.over ul {display: block; position: absolute; top: 27px; left: 0;}

/* sajat design */

/* Legfelso fejlec designja */
.fejlec {
	height: 50px;
	background-color: #000000;
}

/* Felso menusor designja */
.felso_menu {
	font-family: Tahoma;
	font-size: 12px;
	height: 30px;
	background: #F1F3F5;
	border-bottom: 1px solid #cccccc;
	border-top: 4px solid #C64934;	
}

.felso_menu_window {
	font-family: Tahoma;
	font-size: 12px;
	height: 30px;
	background: #F1F3F5;
	border-bottom: 1px solid #cccccc;
}

.title {
	font-family: Tahoma;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 15px;
	height: 30px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.tartalom {
	font-family: Tahoma;
	font-size: 12px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	vertical-align: top;
}

.lablec {
	font-family: Tahoma;
	font-size: 12px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	vertical-align: center;
	text-align: center;
	height: 30px;
}

.tablazat {
	font-family: Tahoma;
	font-size: 12px;
}

.tablazat_fejlec {
	background-color: #bfc3bf;
	font-size: 15px;
	padding:3px;
	height: 30px;
}

.tablazat_hatso {
	background-color: #aaaaaa;
}

.lista_bg1 {
	background-color: #eeeeee;
}

.lista_bg2 {
	background-color: #dddddd;
}

.uzenet_siker {
	padding-bottom: 5px;
	color: #339900;
	padding: 3px;
}

.uzenet_hiba {
	padding-bottom: 5px;
	color: #ff0000;
	padding: 3px;	
}


div#admin input.input_mezo:-moz-read-only {
    background-color: #eaeaea;
}

div#admin input.input_mezo:read-only {
    background-color: #eaeaea;
}

#spin2, #spin1
{
	margin-left: 8px;
	margin-top: 2px;
	display: none;
}