/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
@media screen { 
  html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;} 
  #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
}
body{
        font-family: Comic Sans MS,Century Gothic,Verdana,Tahoma,sans-serif;
        /* kék csík színe: color: #4402D8; */
        color: #800000;
        line-height: 1.166;
        margin: 0px;
        padding: 0px;
        background: #F9EC79 /*url(/images/bkg.png) repeat-x fixed;*/;
        /*background: #F6E02C;*/
        text-align: justify;
}
#background{position:absolute; z-index:1; width:100%; height:100%;}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
        /*color: #005FA9;*/
                color: #800000;
        /*text-decoration: none;*/
                font-weight: bold;
}

a:hover{
        text-decoration: underline;
                color: #000000;
                font-weight: bold;
}

/************** header tag styles **************/

h1{
 font-weight: bold;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-weight: bold;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-weight: bold;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 100%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
        margin: 0px;
        padding: 0px;
}

label{
                background-color: #f3dc60;
                font-weight: bold;
                line-height: 1em;
                color: #334d55;
}
                                
input          {
                background-color: #f3dc60;
                font-size: 11px;
                font-family: arial;
                color: #334d55;
                border: 1px solid #000000;
                height: 23px;
                margin: 0px;
                padding: 0px;
                }

select{
                background-color: #f3dc60;
                font-size: 11px;
                font-family: arial;
                color: #334d55;
                border: 1px solid #000000;
                height: 23px;
}

textarea{
                background-color: #f3dc60;
                font-size: 11px;
                font-family: arial;
                color: #334d55;
                border: 1px solid #000000;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
        /*position:absolute;
        top: 125px; 
        left: 0px;
        right: 100px;*/
}

#tl {
        position:absolute;
        top: -1px;
        left: -1px;
        margin: 0px;
        padding: 0px;
        z-index: 100;
}

#tr {
        position:absolute;
        top: -1px;
        right: -1px;
        margin: 0px;
        padding: 0px;
        z-index: 100;
}

#masthead{
        /*position: absolute;*/
        top: 0px;
        left: 0px;
        right: 0px;
        height: 125px;
                padding-left: 2%;
                padding-right: 2%;
        background-color: #4402D8;
}

#pageNav{
        float: left;
        width: 178px;
        padding: 0px;
        background-color: #F5f7f7;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        font-size: small;
}

#pageNav p{
                background: #F9EC79;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
}

#content{
        padding: 0px 10px 0px 0px;
        margin:0px 0px 0px 178px;
        border-left: 1px solid #ccd2d2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
        position: relative;
        left: 0px;
                top: 60px;
        margin: 0px;
        padding: 16px 0px 8px 0px;
        color: #ffffff;
        font-weight: bold;
                font-size: 14px;
}

#siteName img{
        position: absolute;
        left: 0px;
                top: -40px;
        padding: 0px;
        margin: 0px;
}

/************** utility styles *****************/

#callout {
        position: absolute;
        top: -10px;
        right: 0px;
        /*background-color: #b7f5f4;*/
        color: #FFFFFF;
        padding: 8px 16px 8px 16px;
        text-align: center;
        font-size: 140%;
        width: 100%;
}

#utility{
        font-size: 75%;
        position: absolute;
        top: 30px;
        right: 2%;
        color: #919999;
}

#utility a{
        color: #ffffff;
}

#utility a:hover{
        text-decoration: underline;
                background-color: #f9ec79;
                color: #800000;
}

/************** pageName styles ****************/

#pageName{
        padding: 0px 0px 14px 10px;
        margin: 0px;
        border-bottom:1px solid #ccd2d2;
}

#pageName h2{
        font-weight: bold;
                font-size: 175%;
        color: #000000;
        margin:0px;
        padding: 0px;
}

#pageName img{
        position: absolute;
        top: 0px;
        right: 6px;
        padding: 0px;
        margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
visibility: hidden;
position: relative;
/*width: 75%;
min-width: 480px;
left: 230px;*/
width: 100%;
min-width: 640px;
top: 24px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("glbnav_background.gif");
}

#globalNav img{
        margin-bottom: -4px;
 
}

#gnl {
        position: absolute;
        top: 0px;
        left:0px;
}

#gnr {
        position: absolute;
        top: 0px;
        right:0px;
}

#globalLink{
        position: absolute;
        top: 6px;
        height: 22px;
        min-width: 640px;
        padding: 0px;
        margin: 0px;
        left: 10px;
        z-index: 100;
}


a.glink, a.glink:visited{
        font-size: small;
        /*color: #000000;*/
        font-weight: bold;
        margin: 0px;
        padding: 2px 5px 4px 5px;
        border-right: 1px solid #8FB8BC;
                text-decoration: none;
}

a.glink:hover{
        background-image:  url("glblnav_selected.gif");
        text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
        position: absolute;
        top: 100px;
        left: 0px;
        /*width: 100%;*/
        min-width: 640px;
        height: 20px;
        padding: 0px 0px 0px 10px;
        visibility: hidden;
        /*color: #ffffff;*/
}

.subglobalNav a:link, .subglobalNav a:visited {
        font-size: 80%;
        /*color: #ffffff;*/
}

.subglobalNav a:hover{
        color: #cccccc;
}

/*************** search styles *****************/

#search{
        /*position: absolute;
        top: 5px;
        right: 10px;
        z-index: 101;*/
        float: right;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
        font-size: 80%;
        font-weight: bold;
        
}

#search a:hover{
        margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
        padding: 5px 0px 5px 10px;
        font-size: small;
        color: #AAAAAA;
}

#breadCrumb a{
        color: #AAAAAA;
}

#breadCrumb a:hover{
        color: #005FA9;
        text-decoration: underline;
}

.search {
  position: absolute;
  left: 90%;
}

.input          {
                background-color: #CCCCCC;
                font-size: 11px;
                font-family: arial;
                color: #000000;
                border: 1px solid #000000;
                height: 23px;
                }

.textBox          {
                background-color: #FFFFFF;
                font-size: 11px;
                font-family: arial;
                color: #000000;
                border: 1px solid #000000;
                height: 15px;
                padding: 0px;   
                position: relative;
                top: -2px;
                }


/************** feature styles *****************/

.feature{
        padding: 0px 0px 10px 10px;
        font-size: 100%;
        min-height: 200px;
        height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
        font-weight: bold;
                font-size: 175%;
        color: #000000;
        padding: 30px 0px 5px 0px;
}

.feature img{
        float: left;
        padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
        padding: 0px 0px 0px 0px;
        font-size: 100%;
}

.story h3{
        font-weight: bold;
        font-size: 125%;
        color: #000000;
}

.story p {
        padding: 0px 0px 10px 0px;
}

.capsule{
                font-size: 90%;
}

.story td{
                font-size: 90%;
}

.story a.capsule{
        font-weight: bold;
        color: #005FA9;
        display:block;
        padding-bottom: 5px;
}

.story a.capsule:hover{
        text-decoration: underline;
                background-color: #F5f7f7;
}

td.storyLeft{
        padding-right: 12px;
        padding-left: 12px;
}

td.storyRight{
        padding-right: 12px;
        padding-left: 12px;
}

/************** siteInfo styles ****************/

#siteInfo{
        clear: both;
        border-top: 1px solid #cccccc;
        font-size: small;
        color: #cccccc;
        padding: 10px 10px 10px 10px;
        margin-top: 0px;
                background-color: #4402D8;
}

#siteInfo img{
        padding: 4px 4px 4px 0px;
        vertical-align: middle;
}

#siteInfo a {
                color: #ffffff;
}

#siteInfo a:hover {
                color: #800000;
                background-color: #f9ec79;
}

/************ sectionLinks styles **************/

#sectionLinks{
        margin: 0px;
        padding: 0px;
                background-color: #E5E7E7;
}

#sectionLinks h3{
        padding: 10px 0px 2px 10px;
        border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
        display: block;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #cccccc;
        /*background-image:  url("bg_nav.jpg");*/
        font-weight: normal;
        font-size: 16px;
        padding: 3px 0px 3px 10px;
        color: #21536A;
        text-decoration: none;
}

#sectionLinks a:hover{
        border-top: 1px solid #cccccc;
        background-color: #DDEEFF;
        background-image: none;
        /*font-weight: bold;*/
        text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
        margin: 0px;
        padding: 0px 0px 10px 10px;
        border-bottom: 1px solid #cccccc;
        background-color: #F5F7F7;
}

.relatedLinks h3{
        padding: 10px 0px 2px 0px;
}

.relatedLinks ol, .relatedLinks ul {
        text-align: left;
        font-weight: bold;
        margin-left: .5cm;
        padding-left: 0px;
}


/**************** advert styles *****************/

#advert{
        padding: 10px;
}

#advert img{
        display: block;
}


/**************** login panel styles *****************/

#login {
        position: absolute;
        top: 41px;
        right: 0px;
        color: #919999;
        width: 200px;
        font-size: small;
        text-align: left;
}

/********************* end **********************/