* {
border : 0;
margin : 0;
padding : 0;
outline : 0;
font-size : 100%;
list-style : none;
font-style : normal;
font-weight : normal;
line-height : inherit;
font-family : inherit;
text-decoration : none;
text-align: left;
}
html, body {
height : 100%;
min-height : 100%;
}
body {
background : url(../images/body.jpg) repeat-x top left;
font-family : Tahoma, Verdana, Helvetica;
font-size : 12px;
color : #003b5a;
}
h1 {
font-size:22px;
color:#6c0707;
}
h2 {
font-size:18px;
color:#6c0707;
}
h2.simple {
font-size:16px;
margin-top:15px;
}
h3 {
font-size:14px;
color:#6c0707;
}
strong {
font-weight:bold;
}
.clear {
clear:both;
}
a#logoimg {
display:block;
width:336px;
height:134px;
background:url(../images/logo.png) top left no-repeat;
text-indent:-9999px;
}
a#logoaccm {
display:block;
width:146px;
height:69px;
background:url(../images/accountmanager.png) top left no-repeat;
text-indent:-9999px;
float:left;
}
a#logodir {
display:block;
width:190px;
height:35px;
background:url(../images/direktinfo.png) top left no-repeat;
text-indent:-9999px;
float:left;
margin:15px 0 0 20px;
}
#wrapper {
position:relative;
width:990px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto -264px auto;
}
#header {
position:relative;
width:990px;
height:221px;
margin:0 auto;
background:url(../images/header.jpg) top left no-repeat;
}
#content {
position:relative;
float:left;
width:690px;
padding:15px 0 0 0;
margin-bottom:264px;
font-size:13px;
}
#right_col {
position:relative;
float:left;
width:300px;
margin-bottom:264px;
}
#startcontent {
margin-top:15px;
}
#startcontent img {
display:block;
float:left;
padding:3px;
border:1px solid #850e0e;
background:#fff;
margin-right:10px;
}
#startcontent p {
text-align:justify;
}
#startcontent ul, ul.lst {
display:block;
margin:5px 0 15px 0;
}
#startcontent li {
background : url(../images/list.jpg) no-repeat 0 10px;
padding:8px 0 0 24px;
height:17px;
font-size:90%;
line-height:140%;
}
ul.lst li {
padding:8px 0;
height:17px;
font-size:90%;
line-height:140%;
}
#startcontent h2 {
margin-top:15px;
}
#refs{
position:relative;
width:990px;
height:245px;
margin:15px auto;
background:url(../images/bgrefs_.jpg) center 42px no-repeat;
}
#resfslist {
position : absolute;
top : 15px;
left : 0;
height : 50px;
}
#footer {
height : 264px;
background : url(../images/footer.jpg) repeat-x bottom left;
text-align:center;
}
#footer_content {
position:relative;
width:990px;
height:264px;
margin:0 auto;
/*background:url(../images/foot_cont.png) center 31px no-repeat;*/
}
#h_wrapper {
position:relative;
width:990px;
min-height: 100%;
height: auto !important;
height: 100%;
margin:0 auto -509px auto;
}
#h_content {
position:relative;
float:left;
width:690px;
padding:15px 0 0 0;
margin-bottom:509px;
font-size:13px;
}
#h_right_col {
position:relative;
float:left;
width:300px;
margin-bottom:509px;
}
#h_footer {
height : 525px;
background : url(../images/footer.jpg) repeat-x bottom left;
text-align:center;
}
/*--------------------------------------------------------------------------- MENU ---------------------------------------------------------*/
#menu_front {
position: absolute;
bottom:5px;
left: 0;
height: 29px;
}

#main_nav {
width: 901px;
}
#main_nav li {
display: inline;
}
#main_nav a {
float: left;
display: block;
text-indent: -9999px;
height: 29px;
overflow: hidden;
}

#main_nav a#menu1 {
background: url(../images/menu1.jpg) top left no-repeat;
width: 93px;
}

#main_nav a#menu2 {
background: url(../images/menu2.jpg) top left no-repeat;
width: 80px; }

#main_nav a#menu3 {
background: url(../images/menu3.jpg) top left no-repeat;
width: 144px;
}

#main_nav a#menu4 {
background: url(../images/menu4.jpg) top left no-repeat;
width: 259px;
}

#main_nav a#menu5 {
background: url(../images/menu5.jpg) top left no-repeat;
width: 150px;
}

#main_nav a#menu6 {
background: url(../images/menu6.jpg) top left no-repeat;
width: 113px;
}

#main_nav a#menu7 {
background: url(../images/menu7.jpg) top left no-repeat;
width: 62px;
}

#main_nav a:hover#menu1, body#menu1-on a#menu1 {
background: url(../images/menu1.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu2, body#menu2-on a#menu2 {
background: url(../images/menu2.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu3, body#menu3-on a#menu3 {
background: url(../images/menu3.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu4, body#menu4-on a#menu4 {
background: url(../images/menu4.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu5, body#menu5-on a#menu5 {
background: url(../images/menu5.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu6, body#menu6-on a#menu6 {
background: url(../images/menu6.jpg) bottom left no-repeat;
}

#main_nav a:hover#menu7, body#menu7-on a#menu7 {
background: url(../images/menu7.jpg) bottom left no-repeat;
}
/*--------------------------------------------------------------------------- REGISZTACIO ---------------------------------------------------------*/
#registration {
display:block;
position:absolute;
top:57px;
left:420px;
width:136px;
height:42px;
text-indent:-9999px;
background:url(../images/reg.png) top left no-repeat;
}
/*--------------------------------------------------------------------------- UGYFELKAPU ---------------------------------------------------------*/
#user {
position:absolute;
top:24px;
right:0;
width:288px;
height:161px;
background:url(../images/login.jpg) top left no-repeat;
}
/*--------------------------------------------------------------------------- FOOTER -------------------------------------------------------------*/
#bottomnav {
position : absolute;
top : 70px;
left : 0;
height : 20px;
}
#bottomnav a {
display : block;
float : left;
width : auto;
color : #f3f3f3;
margin-left : 15px;
padding-right : 15px;
background : url(../images/bottomnav_sep.jpg) no-repeat bottom right;
}
#bottomnav a:hover {
color : #90909a;
}
#bottomnav a.last {
background-image : none;
}
#logos {
position:absolute;
bottom:30px;
left:0;
}
#logos #direktinfo {
margin:0 0 20px 70px;
}
#bottominfo {
position:absolute;
bottom:50px;
right:0;
color:#999797;
}
#bottominfo span {
display:block;
float:left;
margin-left:20px;
}
#bottominfo #spanleft {
margin:0;
}
/*--------------------------------------------------------------------------- HEADER BOX ---------------------------------------------------------*/
#userbox {
position:absolute;
top:55px;
right:10px;
width:267px;
color:#fff;
}
#userbox input, #userbox label {
display:block;
float:left;
}
#userbox label {
width:77px;
text-align:right;
color:#fff;
padding-right:4px;
margin-bottom:18px;
}
#userbox input {
width:158px;
padding:2px;
border:1px solid #d4d4d4;
}
#userbox label.upw {
margin-bottom:14px;
}
#userbox input.lbtn {
width:63px;
height:23px;
background:url(../images/lbtn.jpg) top left no-repeat;
text-indent:-9999px;
border:none;
margin-left:80px;
margin-bottom:2px;
cursor:pointer;
}
#login_error {
position:relative;
float:left;
margin: 3px 0 0 2px;
padding:2px;
font-size:11px;
color:#fff;
text-align:center;
}
a#own {
position:absolute;
top:-40px;
right:100px;
width:30px;
height:34px;
text-indent:-9999px;
background:url(../images/own.png) top left no-repeat;
}
a#logout {
position:absolute;
top:-30px;
right:15px;
width:63px;
height:23px;
text-indent:-9999px;
background:url(../images/ltbtn.jpg) top left no-repeat;
}
#user_name {
display:block;
margin:5px 0 9px 14px;
}
a.query {
display:block;
height:16px;
padding-left:20px;
margin:15px 0 0 60px;
color:#fff;
background:url(../images/arrow.jpg) left 1px no-repeat;
text-decoration:underline;
}
a.query:hover {
text-decoration:none;
}
#user_expire {
display:block;
font-size:11px;
text-align:right;
margin:9px 12px 0 0;
}
span#user_name a {
color:#fff;
text-decoration:underline;
}
span#user_name a:hover {
text-decoration:none;
}
/*--------------------------------------------------------------------------- REGISZTACIO FORM -----------------------------------------------------*/
.fo_rm {
position:relative;
width:510px;
margin:25px auto;
}
.fo_rm input, .fo_rm label, .fo_rm span, #newsletter input, #newsletter label, .own_data span, .own_data label, .fo_rm select {
display:block;
float:left;
}
.fo_rm label {
width:190px;
text-align:right;
padding:2px 10px 0 0;
margin:0 4px 13px 0;
}
.fo_rm label.required {
background:url(../images/star.gif) top right no-repeat;
}
.fo_rm input, .fo_rm textarea {
width:290px;
padding:2px;
border:1px solid #6c0707;
}
.fo_rm select {
width:295px;
padding:2px;
border:1px solid #6c0707;
}
.fo_rm span {
padding-top:3px;
font-weight:bold;
}
.fo_rm #regspan {
padding:0;
width:125px;
text-align:center;
}
.fo_rm .regcde {
width:114px;
}
.fo_rm input.nextbtn {
float:none;
margin:15px auto;
width:99px;
height:31px;
padding:0 0 4px 20px;
border:none;
background:url(../images/tovabb_btn.jpg) top left no-repeat;
font-weight:bold;
color:#fff;
cursor:pointer;
}
.fo_rm textarea {
overflow:auto;
height:100px;
}
.error, #newsletter label.error {
color : #ff0033;
}
#reg_errormsg, #nw_errormsg {
font-size:85%;
text-align:center;
}
p.register_info {
display : block;
text-align : center;
margin-top:15px;
padding-bottom : 15px;
font-style : italic;
}
.ri_l {
position : relative;
float : left;
width : 360px;
margin : 0 5px 5px 0;
text-align : right;
font-weight : bold;
}
.ri_r {
position : relative;
float : left;
width : auto;
margin-bottom : 5px;
}
button.reg_mod_btn {
position : relative;
float : none;
width : 99px;
height : 31px;
margin : 10px 25px 20px 260px;
padding-bottom : 3px !important ;
padding-bottom : 0;
padding-left:24px;
font-weight:bold;
color : #fff;
background : url(../images/vissza_btn.jpg) no-repeat top left;
cursor : pointer;
}
button.reg_confirm_btn {
position : relative;
float : none;
width : 99px;
height : 31px;
margin : 10px 25px 20px 30px;
padding-bottom : 3px !important ;
padding-bottom : 0;
padding-left:24px;
font-weight:bold;
color : #fff;
background : url(../images/tovabb_btn.jpg) no-repeat top left;
cursor : pointer;
}
button.reg_confirm_btn_disabled {
position : relative;
float : none;
width : 99px;
height : 31px;
margin : 10px 25px 20px 30px;
padding-bottom : 3px !important ;
padding-bottom : 0;
padding-left:24px;
font-weight:bold;
color : #fff;
background : url(../images/tovabb_btn_dis.jpg) no-repeat top left;
}
.info_s2 {
position : relative;
width : 395px;
height : 120px;
margin : 30px auto;
padding : 12px 10px 10px 10px;
line-height : 130%;
}
.info_s, .info_w {
position : relative;
width : 340px;
height : 60px;
margin : 30px auto;
padding : 12px 10px 10px 10px;
line-height : 130%;
}
.info_w {
border : 1px solid #ff0033;
}
.info_s h2, .info_s2 h2 {
font : bold 15px Tahoma, Verdana, Helvetica;
color : #81be30;
margin-bottom : 10px;
text-align:left;;
}
.info_s, .info_s2 {
border : 1px solid #81be30;
text-align:left;
}
.info_w h2 {
font : bold 15px Tahoma, Verdana, Helvetica;
color : #ff0033;
margin-bottom : 10px;
text-align:center;
}
#req_phonelabel, #req_priolabel {
margin:10px 0 0 0;
width:470px;
}
#req_phone, #req_prio {
width:auto;
margin:14px 0 0 0;
border:none;
}
#req_smslabel {
margin:10px 0 10px 0;
width:470px;
}
#req_smslabel font {
color:#cc0000;
}
#req_sms {
width:auto;
margin:14px 0 10px 0;
border:none;
}
.center {
text-align:center;
margin:10px 0 10px 55px;
}
.center span {
font-weight:bold;
}
#req_hitellimit {

}
#newsletter {
padding:5px;
position:relative;
width:258px;
margin:25px auto 0 auto;
border:1px solid #ededed;
background:url(../images/nw_box.jpg) top left repeat-x;
}
#newsletter h2 {
font-size:18px;
color:#6c0707;
margin-bottom:10px;
}
#newsletter label {
width:83px;
text-align:right;
padding:2px 4px 0 0;
margin:0 4px 13px 0;
color:#6c0707;
font-size:11px;
}
#newsletter input {
width:145px;
padding:2px;
border:1px solid #d4d4d4;
}
#newsletter span {
display:block;
float:left;
width:95px;
text-align:center;
}
#newsletter #nwe_cde {
width:49px;
}
#newsletter input.newlbtn {
float:none;
margin:5px auto;
width:81px;
height:22px;
padding-bottom:5px;
text-align:center;
border:none;
background:url(../images/hirlevelbtn.jpg) top left no-repeat;
font-weight:bold;
font-size:11px;
color:#fff;
cursor:pointer;
}
.own_data {
position:relative;
margin-top:30px;
padding:4px;
background:url(../images/content_sep_v.gif) 340px top repeat-y;
border:1px solid #999999;
}
.bg {
background-color: #f5f6f6;
}
.own_data label {
width:130px;
text-align:right;
padding:2px 10px 0 0;
margin:0 4px 13px 0;
}
.own_data span {
padding:2px;
width:190px;
}
#history {
position:relative;
margin-top:30px;
}
/*------------------------------------------------------------------------------------------ calendar -----------------------------------------------------------*/
button.calendar {
background : url(../images/cal_ic.gif);
border : 0;
cursor : pointer;
float : left;
height : 20px;
margin-left : 6px;
width : 21px;
}
div.calendar {
background : url(../images/calendar.jpg);
height : 195px;
padding : 0 6px;
text-align : center;
width : 147px;
}
div.calendar * {
margin : 0;
padding : 0;
}
div.calendar div {
background : none !important ;
height : 185px;
overflow : hidden;
padding-top : 10px;
position : relative;
width : 147px;
}
div.calendar caption {
color : #333;
font : normal 12px/16px Arial, Helvetica, sans-serif;
padding-top : 6px;
text-align : center;
width : 100%;
}
div.calendar caption a {
cursor : pointer;
display : block;
height : 12px;
overflow : hidden;
position : absolute;
text-indent : -100px;
top : 17px;
width : 11px;
}
div.calendar caption a.prev {
background-image : url(../images/calendar-prev.gif);
left : 0;
}
div.calendar caption a.next {
background-image : url(../images/calendar-next.gif);
right : 0;
}
div.calendar caption a:hover {
background-position : 0 12px;
}
div.calendar caption span {
height : 25px;
position : relative;
text-align : center;
}
div.calendar caption span.month {
padding-right : 8px;
}
div.calendar caption span.month:after {
content : ',';
}
div.calendar table {
border : 0;
border-collapse : collapse;
border-spacing : 0;
cursor : default;
margin : 0 auto;
overflow : hidden;
width : 147px;
}
div.calendar td, div.calendar th {
border : 0;
color : #bf001f;
font : normal 12px Arial, Helvetica, sans-serif;
height : 21px;
text-align : center;
width : 21px;
}
div.calendar td {
background : url(../images/calendar-td.gif);
color : #fff;
font-size : 11px;
}
div.calendar td.invalid {
color : #999;
}
div.calendar td.valid {
background : url(../images/calendar-valid.gif);
color : #bf001f;
cursor : pointer;
}
div.calendar td.hilite {
background : url(../images/calendar-hilite.gif);
}
div.calendar td.inactive {
background : url(../images/calendar-td.gif) 0 100%;
color : #fff;
}
div.calendar td.active, div.calendar td.hover {
background : url(../images/calendar-valid.gif) 0 100%;
color : #fff;
cursor : pointer;
}
/*------------------------------------------------------------------------------------------ calendar -----------------------------------------------------------*/
#history {
position:relative;
margin-top:30px;
}
#history .datesel_cont {
background-color:#f9f9f9;
}
#history .datesel {
position:relative;
width:660px;
height:22px;
margin:20px auto;
padding:10px;
}
#history .w530 {
width:530px;
}
#history label {
display:block;
float:left;
width:80px;
text-align:right;
padding:2px 5px 0 0;
margin:0 4px 13px 0;
}
#history label.l_b_r {
width:85px;
margin-left:15px;
}
#history input {
display:block;
float:left;
width:70px;
padding:2px;
border:1px solid #d4d4d4;
}
#prior_shared {
position:relative;
float:left;
padding:2px;
border:1px solid #d4d4d4;
width:60px;
}
#pointslbl {
display:block;
float:left;
text-align:center;
margin:2px 0 0 2px;
width:126px;
}
#history input.full {
width:15px;
margin:4px 5px 0 -5px;
}
#history label.fullabel {
width:125px;
}
#history #process_historydate {
float:left;
margin-left:20px;
width:81px;
height:22px;
padding-bottom:5px;
text-align:center;
border:none;
background:url(../images/historybtn.jpg) top left no-repeat;
font-weight:bold;
font-size:11px;
color:#fff;
cursor:pointer;
}
#history #h_errormsg, #reqerrormsg {
position:relative;
clear:both;
padding-top:5px;
text-align:center;
color : #ff0033;
font-weight : bold;
font-size:11px;
}
.tblhead, .row0, .row1 {
display:block;
clear:both;
}
.tblhead .qdate, .row0 .qdate, .row1 .qdate {
position:relative;
float:left;
width:75px;
padding:5px
}
.tblhead .qname, .row0 .qname, .row1 .qname {
position:relative;
float:left;
width:297px;
padding:5px;
}
.tblhead .quser, .row0 .quser, .row1 .quser {
position:relative;
float:left;
width:110px;
padding:5px;
}
.tblhead .w, .row0 .w, .row1 .w {
width:417px;
}
.tblhead .qstate, .row0 .qstate, .row1 .qstate {
position:relative;
float:left;
width:80px;
padding:5px;
}
.tblhead .qtype, .row0 .qtype, .row1 .qtype {
position:relative;
float:left;
width:55px;
padding:5px;
}
.tblhead .qattach, .row0 .qattach, .row1 .qattach {
position:relative;
float:left;
width:21px;
padding:3px 0;
text-align:center;
}
.tblhead .qdate, .tblhead .qname, .tblhead .qstate, .tblhead .qtype, .tblhead .quser {
font-weight:bold;
}
.row1 .qdate, .row1 .qname, .row1 .qstate, .row1 .qtype, .row1 .quser, .row1 .qattach {
background:#f9f9f9;
}
/*------------------------------------------------------------ SAJTO -------------------------------------------------------------*/
div.hr hr {
display : none;
}
div.hr {
clear : both;
margin : 25px auto 15px auto;
height : 1px;
border : none;
background : url(../images/hr.jpg)top left repeat-x;
}

.article h2 {
font-size:120%;
margin:5px 0 5px 0;
}
.article_short {
position:relative;
height:120px;
padding:5px 5px 5px 0;
margin-top:10px;
text-align:justify;
}
.article_short_start {
position:relative;
height:140px;
border:1px solid #ededed;
background: #f5f6f6 url(../images/sajtostart.jpg) 7px 9px no-repeat;
padding:5px 7px 5px 190px;
margin-top:10px;
text-align:justify;
}
.article_short_start span, .article_short span {
display:block;
margin:3px 0 8px 0;
font-size:85%;
}
.article_short_start a, .article_short a {
display:block;
position:absolute;
bottom:4px;
right:12px;
font-weight:bold;
color:#6c0707;
}
.art_short {
padding:12px 0 5px 0;
font-weight:bold;
margin-bottom:12px;
text-align:justify;
}
.art_long p {
text-align:justify;
}
.mt10 {
margin-top:10px;
}
.mb10 {
margin-bottom:10px;
}
.breadcrumb {
display : block;
font-size : 8pt;
margin : 5px 0 15px 0;
font-weight : bold;
}
.breadcrumb a {
color : #003b5a;
}
#sms_phone_num {
width:203px !important;
width:210px;
float:right;
margin:0 6px 10px 0;
}
#sms_phone_num select {
width:45px;
}
#sms_phone_num input#smsnum {
width:60px;
padding-top:4px;
margin:0 0 0 5px;
}
#sms_phone_num span#smstext {
font-weight:normal;
padding-right:4px;
}
#whatthis {
position:absolute;
right:-25px !important;
right:-30px;
top:255px !important;
top:268px;
}
#whatthis_ {
position:absolute;
right:-25px !important;
right:-30px;
top:227px !important;
top:234px;
}
#whatthis__ {
position:absolute;
right:-25px !important;
right:-30px;
top:199px !important;
top:234px;
}
#whatthis a, #whatthis_ a, #whatthis__ a {
color : #003b5a;
text-decoration:underline;
}
#whatthis a:hover, #whatthis_ a:hover, #whatthis__ a:hover {
text-decoration:none;
}

.tip {
color: #fff;
width: 200px;
z-index: 13000;
font-family : Tahoma, Verdana, Helvetica;
font-size : 12px;
font-weight:bold;
padding: 8px;
background: #333;
}
.tip-title {
font-weight:bold;
margin-bottom:5px;
}
.priobuy {
margin-top:20px;
}
.priobuy input, .priobuy label {
display:block;
float:left;
}
.priobuy input {
padding-top:2px;
}
.priobuy label {
margin-left:5px;
margin-bottom:10px;
}
input.priobuybtn {
float:none;
margin:5px 0;
width:81px;
height:22px;
padding-bottom:5px;
text-align:center;
border:none;
background:url(../images/hirlevelbtn.jpg) top left no-repeat;
font-weight:bold;
font-size:11px;
color:#fff;
cursor:pointer;
}
span.cost {
font-weight:bold;
color:#6c0707;
}
span.dnone {
display : none;
}
img.artlongimg {
display:block;
float:left;
padding:3px;
border:1px solid #850e0e;
background:#fff;
margin-right:10px;
}
.comms {
margin:10px 0 10px 0;
}
.comms .cs {
background:url(../images/csill.jpg) 29px top no-repeat;
padding:0 0 0 50px;
}
.comms .cs2 {
margin-top:15px;
background:url(../images/csill2.jpg) 14px top no-repeat;
padding:0 0 0 50px;
}
.comms .cs3 {
margin-top:15px;
background:url(../images/csill3.jpg) top left no-repeat;
padding:0 0 0 50px;
}
#poll {
margin-top:20px;
}
#poll h2 {
margin-bottom:15px;
}
#poll input.chk, #poll label {
position:relative;
float:left;
width:185px;
text-align:right;
padding-right:5px;
}
#poll input.chk {
margin-top:1px;
}
#poll label {
margin:0 0 13px 4px;
}
#poll input.pollbtn {
float:none;
margin:15px auto;
width:99px;
height:31px;
padding:0 0 4px 20px;
border:none;
background:url(../images/tovabb_btn.jpg) top left no-repeat;
font-weight:bold;
color:#fff;
cursor:pointer;
}
.ref {
position:relative;
float:left;
width:332px;
height:72px;
margin-top:10px;
}
.ref span, .ref img {
display:block;
float:left;
}
.ref img {
margin-right:5px;
}
.ref span {
margin-top: 5px;
}
div.content_line hr {
display : none;
}
div.content_line {
clear : both;
margin : 15px auto 15px auto;
height : 1px;
border : none;
background : url(../images/hr.jpg) top left repeat-x;
}
a#morerefs {
position:absolute;
bottom:20px;
right:25px;
display:block;
font-weight:bold;
color:#6c0707;
}
#extrabox {
padding:5px;
position:relative;
width:258px;
margin:25px auto 0 auto;
border:1px solid #ededed;
background:url(../images/nw_box.jpg) top left repeat-x;
line-height:135%;
border:2px solid #6a0707;
}
#extrabox h2 {
font-size:18px;
color:#6c0707;
margin-bottom:10px;
margin-top:10px;
}
#extrabox span#karb {
display:block;
position:absolute;
width:49px;
height:42px;
background:url(../images/karb.jpg) top left no-repeat;
top:2px;
right:5px;
}