@import "reset.css";        /* jo kozelitessel bongeszofuggetlen alapallapot miatt kell */
@import "text.css";                /* szoveg alapstilusok */
@import "form.css";                /* urlap stilusok */


/* -- keret struktura -- */

html, body {
        width: 100%;
        height: 100%;
        position: relative;
}

body {
        background: #fff;
        border-top: 4px solid #343234;
        position: relative;

}

br.clear {
        position: relative;
        display: block;
        float: none;
        clear: both;
        left: 0px;
        top: 0px;
        width: 1px;
        height: 0px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        visibility: hidden;
}

div#Wrapper {
        position: relative;
        height: auto !important;
        min-height: 100%;
        height: 100%;
}

div#Wrapper_2 {
        position: relative;
        height: auto !important;
        min-height: 100%;
        height: 100%;
}

a#WebadminProvider {
        width: 168px;
        height: 0px !important;
        height /**/: 74px;
        padding: 74px 0 0 0;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 20px;
        left: 20px;


}
a#Webadmin {
        width: 168px;
        height: 0px !important;
        height /**/: 74px;
        padding: 74px 0 0 0;
        display: block;
        overflow: hidden;
        position: absolute;
        top: 20px;
        left: 200px;


}

div#D1 {
        padding-bottom: 70px;
        margin: 0 0 0 65px;
}
div#D2 { width: 100%; }
div#D3 {
        float:left;
        margin-left:-65px;
        width:100%;
}
div#Content {

        float:right;
        margin-right:-50px;
        width:100%;
        padding-top: 18px;
        position: relative;

}

body.popupbody div#Content {
        float: left;
        margin-right: 0;
        margin-left: 16px;
        width: 747px;
}

div#SubContent {
        width: 229px;
        display: inline-block;
        overflow: hidden;
        float: left;
        padding-bottom: 30px;

}


div#Content div.content {

}


div#Footer {
        background: #000 url(../gif/footer_bg.gif) top left repeat-x;
        height: 70px;
        margin: -70px 0 0 0;
        width: 100%;
        position: relative;
        clear: both;

        /*-display: inline-block;*/
}



div#Footer span.copy,
div#Footer span.IP {      position: absolute;
        top: 19px;
        background: url(../gif/footer_orange.gif) top left no-repeat;
        color: #fff;
        font-family: verdana, helvetica, sans-serif;
        font-size: 10px;
        padding: 10px 0 0 2px;
}

div#Footer span.username {      position: absolute;
        top: 19px;
        background: url(../gif/footer_green.gif) top left no-repeat;
        color: #fff;
        font-family: verdana, helvetica, sans-serif;
        font-size: 10px;
        padding: 10px 0 0 2px;
}

div#Footer span.server {      position: absolute;
        top: 19px;
        background: url(../gif/footer_yellow.gif) top left no-repeat;
        color: #fff;
        font-family: verdana, helvetica, sans-serif;
        font-size: 10px;
        padding: 10px 0 0 2px;
}

div#Footer span.logout,
div#Footer span.help {      
        padding: 0 4px;
        float:left;
        position: absolute;
        top: 19px;
        background: url(../gif/footer_orange.gif) top left no-repeat;
        color: #fff;
        font-family: verdana, helvetica, sans-serif;
        font-size: 12px;
        border-top: 1px solid #FC6604;
        border-left: 1px solid #FC6604;
        border-right: 1px solid #FC6604;
        border-bottom: 1px solid #FC6604;
        padding: 10px 0 0 18px;
}

div#Footer span.logout {
        left: 10px;
}

div#Footer span.help {
        left: 80px;
}
div#Footer span.copy {
        left: 170px;
}

div#Footer span.IP {
        left: 472px;
}
div#Footer span.username {
        left: 750px;
}

div#Footer span.server {
        left: 1100px;
}


div#Footer span a {
        color: #fff;
        text-decoration: none;
}


/* -- keret struktura -- */





h1 {
        width: 100%;
        height: 0px !important;
        height /**/: 160px;
        padding: 130px 0 0 0;
        display: block;
        overflow: hidden;
        background: url(../gif/title_page.gif) top left no-repeat, url(../gif/title_page_2.gif) top right repeat;
}



/* -- felso szegmensvalto -- */

ul#Segments {
        position: absolute;
        top: 0;
        left: 150px;
        width: 768px;
        height: 25px;
        display: block;
        overflow: hidden;
}

ul#Segments li {
        display: block;
        float: left;
        padding: 0 10px;
        height: 21px;
        line-height: 20px;
        border-right: 1px solid #dadada;
        position: relative;
        left: 1px;
}

ul#Segments li a {
        color: #8a8a8a;
        text-decoration: none;
        font-weight: bold;
}

ul#Segments li a:hover {
        color: #7ad21d;
}

ul#Segments li.active {
        background: #2C3234;
        border-right: none;
        border-left: 1px solid #343234;
        left: -1px;
}

ul#Segments li.active a,
ul#Segments li.active a:hover {
        color: #fff;
}


/* -- felso szegmensvalto -- */

/* -- menu sav -- */

div#UserMenu {
        height:28px;
        border-top: 1px solid #FC6604;
        background: #2C3234;
        line-height: 28px;
        padding: 0 22px 0 0;
        color: #fff;
        position: relative;
        z-index: 1000;
        
}

div#UserMenu a {
        display: block;
        overflow: hidden;
        height: 28px;
        line-height: 28px;
        padding: 0 4px;
        float:left;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        border-left: 1px solid #FC6604;
        border-right: 0px solid #FC6604;
        margin-left: -1px;
        margin-right: 1px;
}

div#UserMenu ul li:hover > a,
div#UserMenu a:hover {
        background: #000;
}

div#UserMenu ul li.hover a {
        background: #000;
        color: #343234;
}

div#UserMenu ul li {
        display: block;
        float:left;
        height: 28px;
        position: relative;
}

div#UserMenu ul li ul {
        display: none;
        left: 0;
        background: #000;
        position: absolute;
        top: 28px;
}
div#UserMenu ul li:hover > ul {
        display: block;
}



div#UserMenu ul li ul li {
        display: block;
        clear: both;
        float: none;
        padding: 0 10px;
        
        width:150px;
}
div#UserMenu ul li ul li a {
        border: none;
        height: auto;
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width:100%;
        
        white-space:nowrap;
        
}
div#UserMenu ul li.hover ul li a {
        background: none;
        
        
}

div#UserMenu ul li ul li a:hover {
        color: #FC6604;
}

div#UserMenu a.logout {
        width: 80px;
        right:0px;
        padding-left: 20px;
        background: url(../gif/menu_logout.gif) top right no-repeat;
        border: none;
        position: absolute;
}
div#UserMenu a.logout img {
        position: absolute; left: 0px; top: 0px;
        width: 28px; height: 28px; display: block;
}


div#UserMenu a.help {
        width: 56px;
        right: 120px;
        padding-left: 40px;
        background: url(../gif/menu_help.gif) top left no-repeat;
        border: none;
        position: absolute;
}
div#UserMenu a.help img {
        position: absolute; left: 0px; top: 0px;
        width: 33px; height: 28px; display: block;
}

div#UserMenu strong a {
        background: #000;
}


/* -- menu sav -- */

/* -- tooltip -- */


/* -- tooltip -- */

/* -- BreadCrumb navigacio -- */

ul#BreadCrumb {
        padding: 13px 0 11px 17px;
        background: url(../gif/arrow_pixel_gray.gif) top left repeat-x;
        border: 1px solid #fff;
        font-size: 10px;

}

ul#BreadCrumb li {
        display: inline;
        height: 15px;
}

ul#BreadCrumb li a {
        color: #707070;
        font-weight: normal;
}

ul#BreadCrumb li a:hover {
        text-decoration: none;
        color: #7ad21d;
}

ul#BreadCrumb li strong {
        color: #343234;
        font-weight: bold;
}

/* -- BreadCrumb navigacio -- */





/**
 *        Inbox Table
 */
table {
        border-top: 10px solid #fff;

        border-collapse: collapse;
        padding: 0;
        margin: 0 0 14px 0;
}


table.inbox {
        width: 100%;
}

table.inbox colgroup col.select                { width: 20px; }
table.inbox colgroup col.from                 { width: 90px; }
table.inbox colgroup col.date                 { width: 100px; }
table.inbox colgroup col.size                 { width: 36px; white-space: nowrap; }

table.inbox tr td.select        { width: 20px; }
table.inbox tr td.type                { width: 36px; }
table.inbox tr td.from                 { width: 90px; }
table.inbox tr td.to                 { width: 90px; }
table.inbox tr td.attachment { width: 23px; }
table.inbox tr td.date                 { width: 100px; white-space: nowrap; }
table.inbox tr td.size                 { width: 36px; white-space: nowrap; }

table tr td {
        padding: 5px 7px 0px 7px !important;
        padding: 5px 7px 0px 7px;
        border-bottom: 1px solid #efefef;
        vertical-align: top;
        position: relative;
}

table tr td input.checkbox {
        width: auto;
        border: 0;
        padding: 0;
        background: none;
}

* html table tr td input.checkbox {
        margin-top: -3px;
}

table tr.head td,
table tr.sum td {
        background: #f7f7f7;

}
table tr.sum td {
        /*padding-left: 29px;*/
        line-height: 12px !important;
        line-height: 19px;
}
table tr.head td {
        font-weight: bold;
        white-space: nowrap;
}

table tr.head td span {
        font-weight: normal;
}

table tr td a {
        color: #343234;
        text-decoration: none;
}

table.inbox tr.unread td a,
table.inbox tr.unread td         {
        font-weight: bold;
}

table.inbox tr td.flag {
        border-left: 3px solid white;
        border-top: 1px solid #fff;
}


table.inbox tr.level1 td.flag { border-left: 3px solid #f3d17e; }
table.inbox tr.level2 td.flag { border-left: 3px solid #e9a502; }
table.inbox tr.level3 td.flag { border-left: 3px solid #e95f04; }
table.inbox tr.level4 td.flag { border-left: 3px solid #bf0d01; }


table tr td a:hover {
        color: #7ad21d;
}

table tr.toolbox td {
        padding: 5px 7px 8px 0px !important;
        padding: 0px 7px 8px 0px;
}

table tr.toolbox td span {
        display:block;
        float:left;
        line-height:18px;
        padding-right:5px;
        vertical-align:middle;        
}

table tr td select {
        font-size: 10px;
        margin: 0;
        margin-right: 6px;
        padding: 0;
        min-width: 50px;
        width: auto;
        float: left;
}

div#Content table tr td button,
div#Content table tr td a.button {
        margin-left: 0px;
        margin-right: 6px;
        background: #e0c398;
        cursor: pointer;
        height: 18px;
        line-height: 18px;
        display: block;
        border: none;
        width: auto;
        float: left;
        padding: 0 8px ;
        text-align:center;
        color: #fff;
        font-size: 11px;
        font-family: verdana, helvetica, sans-serif;
}
table tr td button:hover,
table tr td a.button:hover {
        color: #fff;
        background: #7ad21d;
}

table.inbox tr td.attachment {
        text-align: center;
}
table.inbox tr td.attachment a {
        width: 7px;
        height: 13px;
        display: block;
        overflow: hidden;
        background: url(../gif/ikon_attachment.gif);
        margin-left: 5px;
}

table.inbox tr td.type { padding: 0 !important; width: 37px; }

table.inbox tr td.type img {
        
}

table.inbox tr td.type span {
        width: 32px;
        display: block;
        padding: 32px 0 0 0;
        height: 0 !important;
        height /**/: 32px;
        overflow: hidden;
        background-image: url(../gif/ikon_msgtype.gif);
        background-repeat: no-repeat;
}

table.inbox tr td.type span.msg_type_1 { background-position: 0 0px; }
table.inbox tr td.type span.msg_type_2 { background-position: 0 -32px; }
table.inbox tr td.type span.msg_type_3 { background-position: 0 -64px; }

table tr.hover,
table tr.selected {
        background: #FAFAFA;
}

/**
 *        Subcontent Navigation
 */

ul#Navigation {
        width: 214px;

        margin-top: 26px;
        position: relative;
        left: 16px;
        margin-bottom: 16px;
        display: block;
        float: left;
}

ul#Navigation li {
        margin: 0;
        padding: 0;
        display: block;
        width: 214px;
        float: left;
}

ul#Navigation li a {
        display: block;
        width: 184px;

        margin: 0;
        padding: 5px 15px 5px 15px;
        border-bottom: 1px solid #aaa;
        text-decoration: none;
        color: #636363;
        text-decoration: none;
        font-weight: bold;

        background-image: url(../gif/bullet_leftmenu_level1.gif);
        background-position: 6px 8px;
        background-repeat: no-repeat;
}
ul#Navigation li a:hover {
        color: #7ad21d;
}

ul#Navigation li.on a {
        background-color: #f7f7f7;
        color: #343234;
}

ul#Navigation li ul {
        width: 200px;
        border: none;
        margin: 0;
        padding: 0 0 0 13px;
        overflow: hidden;
        position: relative;
        border-top: none;
}
ul#Navigation li ul li {
        margin: 0;
        padding: 0;
        display: block;
        width: 200px;
        float: left;
        position: relative;
        top: -1px;
        border: none;
}
ul#Navigation li ul li a,
ul#Navigation li.on ul li a {
        padding: 5px 5px 5px 5px;
        width: 170px;
        background: none;
        font-weight: normal;
        border-top: none;
        border-bottom: none;
        /*border-bottom: 1px dashed #dedede;*/
        background-color: #fff;
        color: #636363;
}

ul#Navigation li ul li a:hover,
ul#Navigation li.on ul li a:hover {
        color: #7ad21d;
}

div#FreeSpace {
        background: #f7f7f7;
        width: 196px;
        padding: 28px 9px 6px 9px;
        margin-bottom: 6px;
        position: relative;
        left: 16px;
        float: left;
}
div#FreeSpace span {
        width: 118px;
        padding: 3px 8px;
        height: 13px;
        display: block;
        position: absolute;
        top: 5px;
        left: 7px;

        background: url(../gif/freespace_bg.gif);
}
div#FreeSpace span span {
        display: block;
        position: relative;
        top:0;
        left: 0;
        padding: 0;
        height: 13px;
        background: #343234;

}
div#FreeSpace span span b {
        position: absolute;
        display: block;
        height: 13px;
        width: 5px;
        overflow: hidden;
}
div#FreeSpace span span b.left { background: url(../i/freespace_l.png); left:-5px; }
div#FreeSpace span span b.right { background: url(../i/freespace_r.png); right: -5px; }

* html div#FreeSpace span span b.left {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/freespace_l.png', sizingMethod='crop');
}
* html div#FreeSpace span span b.right {
        background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/freespace_r.png', sizingMethod='crop');
}

div#TipOfDay {
        background: #f7f7f7;
        border-left: 1px solid #ebecee;
        border-right: 1px solid #ebecee;
        border-bottom: 1px solid #ebecee;
        width: 189px;
        position: relative;
        padding: 38px 11px 7px 11px;
        float: left;
        left: 16px;
        float: left;
}
div#TipOfDay h4 {
        position: absolute;
        width: 214px;
        height: 0px !important;
        height /**/: 28px;
        padding: 28px 0 0 0;
        display: block;
        overflow: hidden;
        background: url(../gif/tipofday_title.gif) top left no-repeat;
        top: 0;
        left: -1px;

}


/**
 *        Lapozo
 */

div.pager {

        text-align: center;
        padding: 8px 0 8px 0;
}
div.pager span,
div.pager b,
div.pager a,
div.pager span.pagelist a,
span.prevpage em,
span.nextpage em {
  margin-right: 2px;
}
div.pager span.pagelist a {  }
div.pager a.num,
div.pager span.pagelist a,
div#Content div.pager span.pagelist a,
div#Content div.pager a.num
{
  margin-right: 2px;
  padding: 0px 2px 1px 2px;
  background-color: #F5F5F5;
  font-family: verdana, tahoma, sans-serif;
  font-size: 10px;
  color: #898989;
  text-decoration: none;
  font-weight: normal;
}
div.pager a.first,
div.pager a.previous,
div.pager a.last,
div.pager a.next,
div.pager span.first,
div.pager span.previous,
div.pager span.last,
div.pager span.next {
        width: 16px;
        height: 12px;
        font-family: verdana, tahoma, sans-serif;
        font-size: 10px;
        padding: 0px 3px 1px 3px;
}
div.pager a.first,
div.pager a.previous,
div.pager a.last,
div.pager a.next {
        text-decoration: none;
        color: #fff;
        background: #c2c2c2;

}
div.pager span.first,
div.pager span.previous,
div.pager span.last,
div.pager span.next {
        text-decoration: none;
        color: #c2c2c2;
        background: #fff;
}
div.pager b {
  padding: 0px 1px 1px 1px;
  background-color: #343234;
  font-family: verdana, tahoma, sans-serif;
  font-size: 10px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}



/* baloldali kicsi naptar */

table#SideCalendar {
        clear: both;
        left:16px;
        float: left;
        position:absolute;

        left: -234px;
        top: 280px;

        width: 213px;

        border-top: 1px solid #e1e3e6;
        border-left: 1px solid #e1e3e6;
        border-collapse: separate;
        padding: 0;
        margin: 0 0 14px 0;

}

table#SideCalendar td.head {
        font-weight: bold;
        width: 213px;
        background: url(../gif/calendar_small_head.gif) bottom left repeat-x;


}

table#SideCalendar td.head div {
        width: 100%;
        height: 100%;
        position: relative;
}

table#SideCalendar td.head a.prev,
table#SideCalendar td.head a.next,
table.calendar tr.sum td div a.prev,
table.calendar tr.sum td div a.next {
        display: block;
        /*background: url(../gif/calendar_pager.gif) top left no-repeat;*/
        background-color: #dfc497;
        width: 12px;
        height: 0px !important;
        height /**/: 16px;
        padding: 16px 0 0 0;
        overflow: hidden;
        position: absolute;
        top: 5px;
}
table#SideCalendar td.head a.prev img,
table#SideCalendar td.head a.next img,
table.calendar tr.sum td div a.prev img,
table.calendar tr.sum td div a.next img {
        position: absolute; left: 0px; top: 0px;
}


table#SideCalendar td.head a.prev,
 table.calendar tr.sum td div a.prev { background-position: 0 -16px; left: 5px; }
table#SideCalendar td.head a.next,
table.calendar tr.sum td div a.next { background-position: 0 0; right: 5px; }

table#SideCalendar tr th,
table#SideCalendar tr td {
        text-align: center;
        padding: 0 !important;
        background-color: #f7f7f7;
        border-bottom: 1px solid #e1e3e6;
        border-right: 1px solid #e1e3e6;
        width: 29px;
        line-height: 26px;
}

table#SideCalendar tr th {
        font-weight: bold;
        color: #343234;
}

table#SideCalendar tr td a {
        width: 100%;
        display: block;
        height: 100%;

}
table#SideCalendar tr td a.entry {
        background: #eaebed;
}

fieldset.sidecalendar {
        background: #343234;
        border: 1px solid #343234;
        clear: both;
        left:16px;
        float: left;
        position:relative;
        width: 213px;
        margin: 0 !important;
        padding: 0;
}

fieldset.sidecalendar label {
        border-bottom: 1px solid #71c3f9;
        width: 205px;
        display: block;
        height: 23px;
        padding: 0 0 0 6px;
        color: #fff;
        line-height: 23px;
        font-weight: bold;


}
fieldset.sidecalendar div {
        padding: 5px 8px;
        width: 195px;
}
fieldset.sidecalendar div.bordered {
        border-bottom: 1px solid #fff;

}

fieldset.sidecalendar select {
        width: auto;
        min-width: 0px;
        margin: 0;
        float: left;
}
fieldset.sidecalendar div input.submit {
        float: none;
        clear: none;
        padding: 0 3px !important;

}
fieldset.sidecalendar div input.text {
        float: left;
        clear: none;
        width: 130px;
}

table.calendar {
        padding: 0;
        margin: 0 0 14px 0;
        border-top: none;
}

table.calendar tr.sum td {
        padding: 0 !important;
        border-bottom: none;


}

table.weekly {
        width: 70%;
}

table.calendar tr.sum td div {
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        line-height: 30px;
        font-weight: bold;

        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
}

table.calendar tr.sum td div span,
table.monthly tr.top td div span {
        display: block;
        position: absolute;
        right: -3px;
        top: -42px;
        font-weight: normal;
        line-height: 15px;
}
table.calendar tr.sum td div span a,
table.monthly tr.top td div span a {
        font-weight: bold;
        padding: 0 3px;
}

table.monthly {
        width: 100%;
}

table.monthly tr td {
        width: 14%;
}

table.monthly tr.top td {
        width: 100%;
        padding: 0 !important;
        border: none;
        height: auto;
}

table.monthly tr.top td div {
        width: 100%;
        height: 100%;
        position: relative;
}

table.monthly tr.top td div strong {
        display: block;
        text-align: center;
        position: relative;
        top: -40px;
}

table.monthly tr.head td {
        text-align: center;
        border-bottom: 1px solid #efefef;
        height: auto;

}

table.monthly tr td {
        /*height: auto !important;*/
        height: 60px;
        min-height: 60px;

        border-bottom: 1px solid #e1e3e6;
        border-right: 1px solid #e1e3e6;
}

table.monthly tr td a.day {
        font-weight: bold;
        display: block;
        width: 100%;
        text-align: right;
        font-size: 12px;
}

table.monthly tr td.hover {
        background: #F7F7F7;
}


table.daily,
dl.daily {
        width: 70%;
        position: relative;
        z-index: 1;
}

dl.daily dt,
dl.daily dd {
        padding: 6px 7px 8px 7px;
        height: 11px;
        border-bottom: 1px solid #efefef;

}

dl.daily dt {
        position: absolute;
        left: 0;
        width: 40px;


}

dl.daily dd {
        position: relative;
        margin-left:50px;
}

dl.daily dd div.event {
        position: absolute;
        padding: 6px 7px 2px 7px !important;
        padding: 6px 7px 8px 7px;
        border-left: 4px solid #343234;

        left: 0;
        top: 0;
        width: 100%;

        background: #fff;
        z-index: 1000;
}



table.read tr th {
        padding: 4px 7px !important;
        width: 20%;
        border-bottom: none;
        vertical-align: top;
        position: relative;
        font-weight: bold;
}

table.read tr td {
        border-bottom: none;
        padding: 4px 7px !important;
}

table.read td.message {
        padding: 20px 6px !important;
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
}

table.read tr.toolbox td {
        padding: 8px 7px 8px 0px !important;
        padding: 0px 7px 8px 0px;
        border-bottom: 1px solid #efefef;
}

p.notfound {
        font-weight: bold;
        color: #5a471c;
}

div#ErrorMessage {
        border-bottom: 3px solid #cecece;
        width: 350px;
        padding-bottom: 30px;
        background: #fff;
        position: absolute;
        left: 50%;
        margin-left: -175px;
        z-index: 10000;
        display: none;
}
div#ErrorMessage strong {
        border-bottom: 1px solid #696969;
        display: block;
        font-size: 18px;
        padding: 0 0 0 11px;
        color: #000;
        line-height: 30px;
}

div#ErrorMessage span {
        padding: 13px 13px 13px 37px;
        display: block;
        background: url(../gif/ikon_alert.gif) top left no-repeat;
        color: #343234;
}

div#ErrorMessage button {
        position:absolute;
        left: 50%;
        bottom: 5px;
        margin-left: -25px;
        width: 50px;
}

div#ErrorLayer {
        z-index: 9999;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        display: none;
}