html, body{margin:0px; padding:0px; width:100%; color:#000; font-size:12px; font-family:Verdana, Arial, sans-serif; letter-spacing:0.5px;  background: URL('/img/bg.gif');}

a {font-weight:bold; color:#103c6a; text-decoration:none;}
a:hover {color:#4184c7;}

form{display: inline;}

#lg{margin-top:20px;background:URL('/img/login_bg.png') no-repeat center; border:0px solid; width:231px; height:541px;}
#login{width:220px; margin-top:22px;}
#login .label{color:#FFF;font-weight:bold;}
#login .input{border:0px solid; width:150px;background:url('/img/login_form_bg.png') no-repeat;padding:6px;}
#login .submitrow{text-align:center; padding-top:10px; font-size:14px; color:#4da6d2; font-weight:bold;}
#login .submit{cursor:pointer; padding-bottom:3px;border:0px solid; background:url('/img/login_button.png') no-repeat; color: #114660; width:100px; height:29px; font-weight:bold;}
#loginhiba{font-size:10px; color:#FFF; height:20px;}

#keret{width:1120px;margin-top:10px;}
#keret #menuoszlop{vertical-align: top; width: 220px;}
#keret #menuoszlop #menutable{border-spacing: 0px; width: 100%;}
#keret #menuoszlop #menutable #menutop{text-align:center; background:URL('/img/menu_bg_top.png') no-repeat center top; padding:110px 0px 22px 0px; font-size:14px; color:#fff; font-weight:bold;}
#keret #menuoszlop #menutable #menubody{height:149px; background:URL('/img/menu_bg.png') repeat-y center top;}
#keret #menuoszlop #menutable #menubottom{height:204px; background:URL('/img/menu_bg_bottom.png') no-repeat center top;}

#keret #tartalomoszlop{vertical-align: top; width: 800px;}
#keret #tartalomoszlop #tartalomtable{border-spacing: 0px; width:770px;}
#keret #tartalomoszlop #tartalomtable #tartalomtop{vertical-align:bottom; height:64px; padding-bottom:9px; background:URL('/img/table_top.png') no-repeat;}
#keret #tartalomoszlop #tartalomtable #tartalomtop-s{vertical-align:bottom; height:13px; padding-bottom:9px; background:URL('/img/table_top_s.png') no-repeat;}
#keret #tartalomoszlop #tartalomtable #tartalombody{background: URL('/img/table_bg.png') repeat-y; padding:0px 20px 0px 16px;}
#keret #tartalomoszlop #tartalomtable #tartalombottom{height:24px; background: URL('/img/table_bottom.png') no-repeat;}

#menupontok{padding:0px 0px 0px 40px; margin:0px; list-style:none;}
#menupontok li{background:URL('/img/menu_line.png') no-repeat left top; padding:6px 0px;}
#menupontok li a{background:URL('/img/menu_bullet.png') no-repeat 0px 3px; font-weight:bold; color:#FFF; padding-left:13px; text-decoration: none;}
#menupontok li a:hover{background:URL('/img/menu_bullet_sel.png') no-repeat 0px 3px; font-weight:bold; color:#7cc3d7; padding-left:13px;}

/* MENU SETTINGS */
.tabs {list-style:none; padding:8px 0 0 20px; margin:0px 10px 0px 10px; height:31px;}
.tabs li {display:block; float:left; margin:0 -21px -1px 0;}
.tabs li a {display:block; text-decoration:none; position:relative;}

.tabs li a b.p1 {display:block; width:13px; height:31px; background:url('/img/menu/normal_l.png'); float:left;}
.tabs li a b.p2 {display:block; height:31px; padding:0 10px; background:url('/img/menu/normal_m.png') repeat-x; float:left; text-align:center; line-height:33px; color:#4e4e4e; font-weight:normal; font-family:verdana; font-size:12px; text-decoration: none;}
.tabs li a b.p3 {display:block; width:32px; height:31px; background:url('/img/menu/normal_r.png'); float:left; position:relative; z-index:100;}

.tabs li a.m1 {z-index:600;}
.tabs li a.m2 {z-index:500;}
.tabs li a.m3 {z-index:400;}
.tabs li a.m4 {z-index:300;}
.tabs li a.m5 {z-index:200;}
.tabs li a.m6 {z-index:100;}

.tabs li a:hover,
.tabs li a:focus,
.tabs li a:active
{border:0; z-index:700;}
.tabs li a:hover b.p1,
.tabs li a:focus b.p1,
.tabs li a:active b.p1
{position:relative; z-index:100; background:url('/img/menu/over_l.png'); cursor:pointer;}
.tabs li a:hover b.p2,
.tabs li a:focus b.p2,
.tabs li a:active b.p2
{position:relative; z-index:100; background:url('/img/menu/over_m.png') repeat-x; color:#24637b; cursor:pointer;}
.tabs li a:hover b.p3,
.tabs li a:focus b.p3,
.tabs li a:active b.p3
{position:relative; z-index:100; background:url('/img/menu/over_r.png'); cursor:pointer;}

.tabs li a.selected {z-index:800;}
.tabs li a.selected b.p1,
.tabs li a:hover.selected b.p1,
.tabs li a:active.selected b.p1
{position:relative; z-index:200; background:url('/img/menu/select_l.png'); cursor:default;}
.tabs li a.selected b.p2,
.tabs li a:hover.selected b.p2,
.tabs li a:active.selected b.p2
{position:relative; z-index:200; background:url('/img/menu/select_m.png') repeat-x; color:#000; cursor:default;}
.tabs li a.selected b.p3,
.tabs li a:hover.selected b.p3,
.tabs li a:active.selected b.p3
{position:relative; z-index:200; background:url('/img/menu/select_r.png'); cursor:default;}

#contForm{float:left;width:280px;margin-left:5px;}
#contList{float:left;width:420px;}

.lista{width:420px;}
.lista ul{list-style:none;overflow:auto;margin:0px;padding:0px;}
.lista .even{background:#FFF;}
.lista .odd{background:#979797;}

.lista li{float:left; padding:3px 5px;}
.lista .xs{float:left; padding:3px 5px; width:12px;}
.lista .m{float:left; padding:3px 5px; width:110px; overflow:hidden;}

.icon{width:12px; height:12px; cursor:pointer;}

.form{background:#7cc3d7; border-radius:10px;padding:10px;}
.form .text{border:1px solid; width:200px; padding:6px;}
.form .selector{border:1px solid; width:214px; padding:6px;}
.form .color{border:1px solid; width:200px; padding:6px;}
.form .submit{cursor:pointer; padding-bottom:3px;border:0px solid; background:url('/img/button_bg.png') no-repeat; color: #114660; width:100px; height:29px; font-weight:bold;}
#formhiba{font-size:10px; color:#FFF; height:20px;}

/*TABLE*/
.contentFrame{border-collapse: collapse; border-spacing: 0px; margin-bottom:10px;}
#content_table{width:734px; height:35px; background:URL('/img/table_header_big.png') no-repeat; font-size:14px; color:#FFF; font-weight:bold; padding-left:10px;}
#content_border{width:734px; background:#FFF; color:#114660; border:1px solid #CFCFCF; padding:10px;}
#data_table{font-size:11px; color:#114660; background:#D1D1D1; width:100%;}
#data_table .header{font-size:9px;background:url('/img/row_0x_bg.png') repeat-x left bottom;}
#data_table .nap{width:14px;padding:0px;text-align:center;font-size:8px;height:20px;}
#data_table .kih{font-size:9px;background:url('/img/row_0x_bg.png') repeat-x left bottom;}

.tbldata{font-size:11px; color:#114660; background:#D1D1D1; width:100%;}
.row_0{background: #FFF URL('/img/row_0_bg.png') repeat-x; height:28px; font-weight:bold; color:#114660;}
.row_1{background: #FFF URL('/img/row_1_bg.png') repeat-x; height:20px;}
.row_2{background:#DAE0E7 URL('/img/row_2_bg.png') repeat-x; height:20px;}

.row_b{font-size:8px;padding:0px;text-align:center;background:URL('/img/occ_2_bg.png') repeat-x; height:20px;}
.row_bs{font-size:8px;padding:0px;text-align:center;background:URL('/img/occ_1_bg.png') repeat-x; height:20px;}
.shadow {-moz-box-shadow: inset 0 0 5px #000000; -webkit-box-shadow: inset 0 0 5px #000000;  box-shadow: inset 0 0 5px #000000;}
.occ_1{background:URL('/img/occ_1_bg.png') repeat-x; height:20px;}
.occ_2{background:URL('/img/occ_2_bg.png') repeat-x; height:20px;}
#foglalas_lista{width:710px;}

/*FORM*/
.text {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; padding-left:4px;border: 1px solid #000154; background-color: #FAFAFA; height: 13px; width: 260px;}
.text-s {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; padding-left:4px;border: 1px solid #000154; background-color: #FAFAFA; height: 13px; width: 160px;}
.text-xs {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; padding-left:4px;border: 1px solid #000154; background-color: #FAFAFA; height: 13px; width: 100px;}
.text-xxs {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; padding-left:4px;border: 1px solid #000154; background-color: #FAFAFA; height: 13px; width: 56px;}
.text-a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;  color: #000154; padding-left:4px; border: 1px dashed #FFCC00; background-color: #FFFFFF; height: 13px;width: 260px;}
.text_l {font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #000154; padding-left:4px; border: 1px solid #000154; height: 13px;width: 557px;}
.text_l-a{font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #000154; padding-left:4px; border: 1px dashed #FFCC00; background-color: #FFFFFF; height: 13px;width: 50px;}
.textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; padding-left:4px; border: 1px solid #000154; height: 100px; width: 260px;}
.textarea-level {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; padding-left:4px; border: 1px solid #000154; height: 100px; width: 650px;}
.textarea-s {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; padding-left:4px; border: 1px solid #000154; height: 100px; width: 160px;}
.textarea-a{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; padding-left:4px; border: 1px dashed #FFCC00; background-color: #FFFFFF; height: 100px; width: 260px;}
.submit {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#000154; margin: 2px; padding: 2px; background-color: #B5B6DF; border-width: 1px; border-style: solid; border-color: #000000;}
.submit:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #FFE900; background-color: #EF1D1D; border-width: 1px; border-style: solid; border-color: #000000; margin: 2px; padding: 2px; cursor: pointer; cursor:hand;}
.select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; border: 1px solid #000154; height: 18px; width: 260px;}
.select-m {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; border: 1px solid #000154; height: 18px; width: 209px;}
.select-s {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; border: 1px solid #000154; height: 18px; width: 160px;}
.select-xs {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; border: 1px solid #000154; height: 18px; width: 60px;}
.select-kicsi {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000154; background-color: #FAFAFA; border: 1px solid #000154; height: 18px;}

#fog_lapozo{width:100%; margin:0px;padding:0px; list-style:none; overflow:auto; margin-bottom:10px;}
#fog_lapozo li{float:left; margin:0px; padding:0px; text-align:center; width:33%;}

#szobak ul{list-style:none; overflow:auto; width:445px; margin:10px 0px 0px 0px; padding:0px;}
#szobak .nagy{width:100%;}
#szobak ul .torol{float:left; width:12px; padding:0px 2px;}
#szobak ul .pa{float:left; width:60px; padding:0px 2px; text-align:center;}
#szobak ul .nev{float:left; width:177px; padding:0px 2px; font-weight:bold;}
#szobak ul .lakok{float:left; padding:0px 2px;}
#szobak ul .lakok ul{list-style:none; overflow:auto; margin:0px; padding:0px; width:440px;}
#szobak ul .lakok ul li {float:left; font-size:9px;}

#szobak .bold{font-weight:bold;}

.lakok_adatai{border-collapse:collapse; border-spacing:0px;}
.lakok_adatai td{padding:2px; font-size:9px;}

.hetifoglalas{position:absolute; top:0px; left:50%; width:870px; margin-left:-435px; bottom:0px; background: #fff; border:1px solid #383838;}

.kethetes{border-left:1px solid #383838; border-top:1px solid #383838; border-spacing:0px; border-collapse:collapse; margin:0px 20px;}
.kethetes td{border-right:1px solid #383838; border-bottom:1px solid #383838;}


.striped{border-left:1px solid #383838; border-top:1px solid #383838; border-collapse: collapse; border-spacing: 0px;}
.striped tr th, .striped tr td{border-right:1px solid #383838; border-bottom:1px solid #383838; padding:3px;}
.striped tr:nth-child(even) td{background:#cccccc;}
.striped tr:nth-child(odd) td{background:#ffffff;}