﻿/* CSS reset & Frame */
*, body
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}
html, body
{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background: White;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    background: #f5f4f0;
}
.SiteFrame
{
    position: relative;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #f5f4f0;
}
/*------------------------------------------------------------------------*/
/* Header */
.Header
{
    position: relative;
    float: left;
    width: 100%;
    background: #f5f4f0;
}
.Logo
{
    margin: 10px;
    margin-left: 70px;
}
#HeaderContainer
{
    height: 290px;
}
.HeaderImage
{
    width: 573px;
    margin: 0 auto;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -286px;
    z-index: 100;
}
.HeaderSiteWelcome
{
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    width: 100%;
    text-align: center;
    color: #ff6600;
    font-size: 22px;
}
/*------------------------------------------------------------------------*/

/* Menu */
#MenuContainer
{
    position: relative;
    float: left;
    width: 100%;
    background: #f5f4f0;
    height: 180px;
}
.MenuFrame
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.Menu
{
    position: relative;
    margin: 0 auto;
    border: 1px solid #e2e0d8;
    border-radius: 4px;
}
.MenuItem
{
    position: relative;
    float: left;
    min-width: 120px;
    padding: 14px 2px;
    text-align: center;
    font-family: Arial, Sans-Serif;
    background: rgb(245,244,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,244,237,1) 0%, rgba(218,216,207,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,237,1)), color-stop(100%,rgba(218,216,207,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,244,237,1) 0%,rgba(218,216,207,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,244,237,1) 0%,rgba(218,216,207,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,244,237,1) 0%,rgba(218,216,207,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,244,237,1) 0%,rgba(218,216,207,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4ed', endColorstr='#dad8cf',GradientType=0 ); /* IE6-9 */
    color: #4d4d4d;
}
.MenuItemHover
{
    background: rgb(245,244,237); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(245,244,237,1) 50%, rgba(227,225,218,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(245,244,237,1)), color-stop(100%,rgba(227,225,218,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(245,244,237,1) 50%,rgba(227,225,218,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(245,244,237,1) 50%,rgba(227,225,218,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(245,244,237,1) 50%,rgba(227,225,218,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(245,244,237,1) 50%,rgba(227,225,218,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4ed', endColorstr='#e3e1da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 1px solid white;
    border-radius: 2px;
    padding: 12px 1px;
    color: #ff5803;
    cursor: pointer;
}
.SubmenuStyle
{
    margin-top: 1px;
    width: inherit;
    min-width: 122px;
    background: #f0eee9;
    border: 1px solid #e2e0d8;
    border-top: 0;
}
.SubmenuStyle table
{
    width: 100%;
    padding: 0;
    margin: 0;
}
.SubmenuStyle table table
{
    padding: 14px;
    background: #f0eee9;
}
.SubmenuStyle table table a
{
    color: #4d4d4d;
}
.SubmenuStyle table table:hover, .SubmenuStyle table table:hover a
{
    background: white;
    color: #ff5803;
}

/*------------------------------------------------------------------------*/
/* Footer */
.Footer
{
    position: relative;
    float: left;
    background: rgb(255,123,40); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,123,40,1) 0%, rgba(255,88,3,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,123,40,1)), color-stop(100%,rgba(255,88,3,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,123,40,1) 0%,rgba(255,88,3,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,123,40,1) 0%,rgba(255,88,3,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,123,40,1) 0%,rgba(255,88,3,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,123,40,1) 0%,rgba(255,88,3,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b28', endColorstr='#ff5803',GradientType=0 ); /* IE6-9 */
    margin-top: 10px;
    min-height: 52px;
    width: 100%;
}
.FooterMenu
{
    position: relative;
    float: left;
    margin: 17px 40px 10px 40px;
}
.FooterMenuItemFrame
{
    position: relative;
    float: left;
    margin: 0 5px;
}
.FooterMenuItemFrame a
{
    position: relative;
    float: left;
    clear: both;
    color: White;
    text-decoration: none;
}
.FooterMenuItemFrame a:hover
{
    text-decoration: underline;
}
.FooterSubMenuItem
{
    font-size: 11px;
    margin-left: 15px;
    margin-top: 2px;
}
/*.FooterMenu div 
{
    position: relative !important;
    float: left;
    width: 100px;
    border: 1px solid black;
    background: transparent;
    display: block !important;
    visibility: visible !important;
}
.FooterMenu a
{
    color: White;
    text-decoration: none;
    margin: 0 5px;
}
.FooterMenu a:hover
{
    position: relative;
    float: left;
    clear: both;
    text-decoration: underline;
}
.FooterSubmenuStyle table 
{
    font-size: 10px;
}*/
.FooterInf
{
    position: absolute;
    top: 17px;
    right: 40px;
    color: White;
    font-size: 14px;
}



/* Containers */
h2
{
    position: relative;
    padding-top: 25px;
    padding-bottom: 5px;
    margin-left: 100px;
    margin-right: 100px;
    font-size: 20px;
    font-weight: bold;
}
.ContainerContent
{
    position: relative;
    text-align: justify;
    margin: 0px;
    padding: 40px 100px;
    padding-top: 10px;
    line-height: 30px;
}
.ContainerOrange
{
    position: relative;
    float: left;
    width: 100%;
    background: rgb(254,159,50); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(254,159,50,1) 50%, rgba(247,111,8,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(254,159,50,1)), color-stop(100%,rgba(247,111,8,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,159,50,1) 50%,rgba(247,111,8,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(254,159,50,1) 50%,rgba(247,111,8,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(254,159,50,1) 50%,rgba(247,111,8,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(254,159,50,1) 50%,rgba(247,111,8,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9f32', endColorstr='#f76f08',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: White;
}

.TopButton
{
    position: fixed;
    bottom: 40px;
    right: 50%;
    margin-right: -590px;
    z-index: 1000;
}
.TopButton img
{
    width: 45px;
}

.row0, .row1, .row2
{
    position: relative;
    float: left;
    margin: 15px 0 40px 0;
    font-size: 16px;
    font-family: franklin gothic book;
}

.ContainerOrange h2
{
    border-bottom: 5px solid #ffac53;
    margin-bottom: 20px;
}
.ContainerGray
{
    position: relative;
    float: left;
    width: 100%;
    background: #f5f4f0;
    color: #666661;
}
.ContainerGray h2
{
    border-bottom: 5px solid #eeedea;
    margin-bottom: 20px;
}
/* Childwindow */
.Childwindow
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(100,100,100,0.7);
    z-index: 100;
}
.Childwindow table
{
    width: 100%;
}
.Childwindow .ChildwindowTable
{
    position: relative;
    float: left;
    font-family: Arial, Sans-Serif;
    border: 1px solid #e2e2e2;
    border-spacing: 0;
    background: #eeedea;
    width: 450px;
    left: 50%;
    margin-left: -200px;
    margin-top: 20px;
}
.Childwindow .ChildwindowTable th
{
    background: rgb(253,155,46); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(253,155,46,1) 0%, rgba(248,118,14,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(253,155,46,1)), color-stop(100%,rgba(248,118,14,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(253,155,46,1) 0%,rgba(248,118,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(253,155,46,1) 0%,rgba(248,118,14,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(253,155,46,1) 0%,rgba(248,118,14,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(253,155,46,1) 0%,rgba(248,118,14,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9b2e', endColorstr='#f8760e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: White;
    font-size: 20px;
    text-align: left;
    height: 40px;
    width: 100%;
    padding: 0;
}

.Childwindow .ChildwindowTable td
{
    color: #4e4e4e;
    padding: 2px;
}
.Childwindow label
{
    margin: 10px;
}
.Childwindow input[type="text"], .Childwindow input[type="password"]
{
    height: 25px;
    color: #4e4e4e;
    margin: 10px;
    margin-top: 0;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    background: rgb(230,230,230); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
#loginWindow input[type="text"], #loginWindow input[type="password"]
{
    width: 450px;
}
#registrationWindow input[type="text"], #registrationWindow input[type="password"]
{
    width: 225px;
}
#forgetPasswordWindow input[type="text"], #forgetPasswordWindow input[type="password"]
{
    width: 450px;
}
#passwordChange input[type="text"], #passwordChange input[type="password"]
{
    width: 450px;
}
.Childwindow input[type="checkbox"]
{
    margin: 5px 0px 5px 10px;
}
.Childwindow input[type="submit"]
{
    background: rgb(253,253,253); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    height: 30px;
    padding: 5px 10px;
    border: 1px solid #cfcfcf;
    margin: 5px 10px;
    border-radius: 4px;
    color: #4e4e4e;
}
.Childwindow span
{
    margin: 10px;
}
.ForgottenPassStyle
{
    font-style: italic;
    font-size: 11px;
    text-align: right;
    margin-right: 10px;
    cursor: pointer;
}
.LoginTdDecor
{
}
.LoginTdDecor img
{
    height: 32px;
}
.LoginTdDecor a:hover
{
    text-decoration: underline;
}

.LoginTdDecor span
{
    color: red;
    font-size: 11px;
    font-style: italic;
    margin-top: 0;
}

/*Ádám mókol*/
.hidden
{
    display: none;
}

.GeneratedDocuments
{
    position: relative;
    float: left;
    margin: 15px 0 40px 0;
    border: 1px solid black;
    color: #4d4d4d;
}
