@import "css_reset.css";
@import "css_fairvezeto_cikk.css";
@import "css_fairvezeto_tagok.css";
@import "css_fairvezeto_nyeremenyjatek.css";

html {
    background: #111414;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #e4e4e4;
    
    scrollbar-face-color:#000000;
    scrollbar-arrow-color:#595959;
    scrollbar-track-color:#484848;
    scrollbar-shadow-color:#444444;
    scrollbar-highlight-color:#2f2f2f;
    scrollbar-3dlight-color:#575757;
    scrollbar-darkshadow-Color:#000000;
}

.clear {
    clear: both;
}

.pic-left {
    float: left;
    padding-right: 10px;
}

.pic-right {
    float: right;
    padding-left: 10px;
}

.pic-center {
    padding-bottom: 10px;
}

#site-container {
    width: 1000px;
    margin: 0 auto;
}

#site-container .header {
    height: 122px;
    background: url(bg_header.jpg) no-repeat;
}

#site-container .header .logo {
    width: 300px;
    height: 122px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

#site-container .header .matrica1 {
    width: 230px;
    height: 122px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

#site-container .header .matrica2 {
    width: 400px;
    height: 70px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}

/** MAIN MENU *************/

#mainmenu {
    height: 30px;
    float: right;
    margin: 15px 62px 0 0;
}

#mainmenu li {
    display: block;
    margin-left: 7px;
    float: left;
}

#mainmenu li a {
    width: 90px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

#mainmenu li a:hover {
    background-position: 0 -30px !important;
}

#mainmenu li.tagok a {
    background: url(btn_tagok.gif) no-repeat 0 0;
}

#mainmenu li.temak a {
    background: url(btn_temak.gif) no-repeat 0 0;
}

#mainmenu li.nyeremenyjatek a {
    background: url(btn_nyeremenyjatek.gif) no-repeat 0 0;
    width: 190px;
}

#mainmenu li.csatlakozom a {
    background: url(btn_csatlakozom.gif) no-repeat 0 0;
    width: 190px;
}

/** MAIN CONTAINER ******************/

#main-container {
    background: #2a2c2c url(bg_main_top_fade.gif) repeat-x 0 0;
    margin: 0 52px;
    padding: 36px 43px 22px;
}

#main-container .header {
    height: 42px;
    background: transparent;
    border-bottom: 1px dotted #4f5050;
    margin-bottom: 30px;
}

#main-container .header .title {
    font-weight: bold;
    font-size: 22px;
    color: #FFF;
    padding-left: 10px;
}

#main-container .header .toolbar {
    float: right;
}

#main-container .header .toolbar a {
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin: 0 10px;
    overflow: hidden;
}

#main-container .header .toolbar a.print {
    background: url(ikon_print.gif) no-repeat;
}

#main-container .header .toolbar a.send {
    background: url(ikon_send.gif) no-repeat;
}

#main-container .sidebar {
    float: left;
    width: 252px;
    overflow: hidden;
}

#main-container .sidebar ul.articlemenu {
    margin-top: 28px;
}

#main-container .sidebar ul.menu {
    margin-right: 24px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px dotted #4f5050;
}

/* outer */
#main-container .sidebar ul.menu li {
    width: 190px;
    height: 53px;
    background: url(bg_leftmenu.gif) no-repeat;
    padding: 6px 45px 6px 10px;
    overflow: hidden;
    
    position: relative;
    /* width: 230px; kellene Chrome-hoz */
}

#main-container .sidebar .menu[class] li {
    display: table; 
    position: static;
}

html>body #main-container .sidebar .menu[class] li {
    *display: block;
    *position: relative;
}

/* middle */
#main-container .sidebar ul.menu li a {
    color: #969696;
    text-decoration: none;
    width: 100%; 
    text-align: left;
    display: block;
    
    position: absolute; 
    top: 50%;
}

#main-container .sidebar .menu[class] li a {
    display: table-cell; 
    vertical-align: middle; 
    position: static;
}

html>body #main-container .sidebar .menu[class] li a {
    *display: block;
    *position: absolute; 
    *top: 50%;
}

/* inner */
#main-container .sidebar ul.menu li a span {
    position: relative; 
    top: -50%;
    display: block;
}

#main-container .sidebar .menu[class] li a span {
    position: static;
}

html>body #main-container .sidebar .menu[class] li a span {
    *position: relative; 
    *top: -50%;
    *display: block;
    *width: 190px;
    *cursor: pointer;
}

#main-container .sidebar ul.menu li.active {
    background-position: 0 -65px;
}

#main-container .sidebar ul.menu li.active a {
    color: #ffed04;
}

#main-container .sidebar .sponsors {
    margin-top: 10px;
}

#main-container .sidebar .sponsors span {
    color: #969696;
    display: block;
    margin: 28px 0 10px; 
}

#main-container .sidebar .sponsors img {
    margin: 5px 0 5px 15px;
}

#main-container .article-container,
#main-container .column-container {
    height: 1%;
}

#main-container .article-container:after,
#main-container .column-container:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

#main-container .article,
#main-container .content {
    float: left;
    width: 518px;
    padding: 0 30px 0 10px;
    overflow: hidden;
}

#main-container a.to-top {
    clear: both;
    float: right;
    font-size: 13px;
    color: #969696;
    text-decoration: none;
}

/** rovat oldal ******************/
#main-container .column-container .content {
	float: left;
	overflow: hidden;
	padding: 0 0 0 10px;
	width: 548px;
}

#main-container .column-container .content .ajanlo {
    float: left;
    overflow: hidden;
    padding: 0 52px 35px 0;
    width: 248px;
}
#main-container .column-container .content .ajanlo.last {
    padding: 0 0 35px 0;
}
#main-container .column-container .content .ajanlo h2{
    font-size: 15px;
    line-height: 20px; 
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}
#main-container .column-container .content .ajanlo h2 a{
    color: #ffed04;
    text-decoration: none;
    font-weight: bold;
}
#main-container .column-container .content .ajanlo h2 a:hover{
    text-decoration: underline;
}
#main-container .column-container .content .ajanlo p{
    font-weight: bold;
    line-height: 17px;
    height: 85px;
    overflow: hidden;
    font-size: 12px;
    
}
#main-container .column-container .content .more_article .title {
    border-bottom: 1px dotted #4F5050;
    color: #979797;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#main-container .column-container .content .more_article .content {
    margin: 25px 0 25px 7px;
}
#main-container .column-container .content .more_article .content h3{
    background: url(ikon_list.gif) 0 6px no-repeat;
    font-size: 15px;
    line-height: 20px; 
    height: 20px;
    overflow: hidden;
    margin-bottom: 5px;
}
#main-container .column-container .content .more_article .content h3 a{
    color: #ffed04;
    text-decoration: none;
    font-weight: bold;
    padding: 0 0 0 15px;
}
#main-container .column-container .content .more_article .content h3 a:hover{
    text-decoration: underline;
}
/** FOOTER ***********************/

.footer {
    border-top: 1px solid #444444;
    height: 236px;
    text-align: center;
    color: #969696;
}

.footer .sponsors {
    vertical-align: middle;
    padding: 23px 0 37px;
}

.footer img {
    vertical-align: middle;
}

.footer img {
    padding: 0 3px;
}

.footer .sponsors span {
    padding: 0 10px 0 30px;
}

.footer .links {
    line-height: 17px;
    vertical-align: middle;
}

.footer .links img {
    padding: 0;
    vertical-align: text-bottom;
}

.footer .links a {
    font-weight: bold;
    color: #FFF;
    padding: 0 8px;
}


/******************* bannerek ***********************/

.ads {
	padding: 5px 0px 5px 0px;
	width: auto;
	text-align: center;
}

.ads-billboard {
	padding: 5px 0px 28px 0px;
}

.ads-members {
	padding: 20px 0px 0px 0px;
}


/****************** altalanos kinezetu lapozo **********************/

#main-container .article-container .pager,
#main-container .column-container .pager {
    text-align: center;
    margin: 15px auto 25px;
    float: left;
    position: relative;
    width: 550px;
    overflow: hidden;
    height: 24px;
    padding: 0;
}

#main-container .pager .pager-inner {

    clear: left;
    float: left;
    height:24px;
    left: 50%;
    margin:0;
    position:relative;
    text-align:center;

}

#main-container .pager .pager-inner .pager-inner-center {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}

#main-container .pager:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

#main-container .pager .pager-inner .pager-inner-center div {
    width: 32px;
    height: 20px;
    float: left;
    padding: 2px;
}

#main-container .pager .pager-inner .pager-inner-center div a {
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 20px;
}

#main-container .pager .pager-inner .pager-inner-center .prev {
    background: url(btn_page_prev_inactive.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .prev a {
    background: url(btn_page_prev_active.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .next {
    background: url(btn_page_next_inactive.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .next a {
    background: url(btn_page_next_active.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .first {
    background: url(btn_page_first_inactive.gif) no-repeat;
    width: 42px;
}

#main-container .pager .pager-inner .pager-inner-center .first a {
    background: url(btn_page_first_active.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .last {
    background: url(btn_page_last_inactive.gif) no-repeat;
    width: 42px;
}

#main-container .pager .pager-inner .pager-inner-center .last a {
    background: url(btn_page_last_active.gif) no-repeat;
}

#main-container .pager .pager-inner .pager-inner-center .info {
    width: auto;
    font-size: 16px;
    margin: 0 20px;
}

#main-container .pager .pager-inner .pager-inner-center .info a {
    display: inline;
    text-decoration: underline;
    color: #969696;
    margin: 0 4px;
}

#main-container .pager .pager-inner .pager-inner-center .info .curr {
    font-weight: bold;
}