BODY {  text-align: center; background-image: url(../images/page_background.png); background-repeat: repeat-x; background-color: #d1ecf4; }
div.page { width: 823px; margin-left: auto; margin-right: auto; z-index: 10; }
img.logo { border: 0px; margin:0 60px 10px 0;}
div.banner { margin: 30px 0px 13px 0px; height: 122px; width: 507px; display: inline; }
div.login-block { height: 42px; width: 823px; background-image: url(../images/login_background.gif); background-repeat: no-repeat; margin-bottom: 10px; }
div.login-block-content { height: 28px; padding: 7px; text-align: left; text-align: middle; vertical-align: middle; font: 10pt Arial, sans-serif; color: white; }
div.menu-quick { display: block; margin-top: 8px; margin-bottom: 10px; }

/** Generic styles */
p.information { color: black; font: italic 9pt Arial, sans-serif; }

/** Main menu */
div.menu-main { display: table-row; }
div.menu-main-item { display: table-cell; height: 35px;  }
div.menu-main-item-left { width: 135px; padding-right: 3px; }
div.menu-main-item-right { width: 135px; padding-left: 3px; }
div.menu-main-item-center { width: 138px; padding: 0px 3px; }
div.menu-main-item-content { height: 35px; width: 132px; margin-left: auto; margin-right: auto; background-image: url(../images/menu_main_background.gif); background-repeat: no-repeat; }

td.menu-main-item { height: 35px; }
td.menu-main-item-left { width: 135px; padding-right: 3px; }
td.menu-main-item-right { width: 135px; padding-left: 3px; }
td.menu-main-item-center { width: 138px; padding: 0px 3px; }
/*
div.menu-main-item-content { height: 35px; width: 132px; margin-left: auto; margin-right: auto; background-image: url(../images/menu_main_background.gif); background-repeat: no-repeat; }
*/

/** Content section */

div.content { }
div.content a { color: #0093d0; }

/** Left column */
div.column-left { float: left; width: 196px; }
div.menu-left-header { height: 38px; width: 196px; background-image: url(../images/left_header_background.gif); background-repeat: no-repeat; margin-bottom: 6px; }
div.menu-left-item { height: 40px; width: 193px; background-image: url(../images/menu_left_background.gif); background-repeat: no-repeat; margin-bottom: 6px; }


div.menu-left-header div, div.menu-left-item div, div.menu-left-item div a, div.main-header div { padding: 10px 0px; text-align: center; font: 12pt Arial, sans-serif; color: white; text-decoration: none; }
div.menu-left-item div a:visited, div.menu-main-item-content div a:visited { color: white; text-decoration: none; }
div.menu-left-item div a.menu-left-item-verseny, div.menu-left-item div a.menu-left-item-verseny:visited { color: #a4ec3c; }
div.menu-left-item div a.menu-left-item-interaktiv, div.menu-left-item div a.menu-left-item-interaktiv:visited { color: #a3dbef; }
div.menu-left-item div a.menu-left-item-etananyag, div.menu-left-item div a.menu-left-item-etananyag:visited { color: #b00000; }
div.menu-left-item div a.menu-left-item-kozosseg, div.menu-left-item div a.menu-left-item-kozosseg:visited { color: #FDD017; }
div.menu-left-item div a.menu-left-item-vasarlas, div.menu-left-item div a.menu-left-item-vasarlas:visited { color: #BCEE68; }
div.menu-left-item div a.menu-left-item-elmeny, div.menu-left-item div a.menu-left-item-elmeny:visited { color: #FFF380; }

div.menu-left-header div, div.main-header div { font-weight: bold; }

div.menu-main-item-content div, div.menu-main-item-content div a, div.login-form div, div.login-form div a, div.user-data div, div.user-data div a { padding: 8px; text-align: center; font: 11pt Arial, sans-serif; color: white; text-decoration: none; }

/** Center column */
div.content { font-size: 0px; margin: 8px 0px; }
div.column-center { float: right; width: 616px; }
div.main-header { width: 616px; height: 37px; background-image: url(../images/main_header_background.gif); background-repeat: no-repeat; margin-bottom: 6px; }
div.main-content-center {  width: 616px; background-image: url(../images/main_content_center.gif); background-repeat: repeat-y; text-align: center; }
div.main-content-center-inside { width: 585px; margin-left: auto; margin-right: auto; }

/** Center column full */
div.main-content-full-center { width: 823px; background-image: url(../images/main_content_full_center.gif); background-repeat: repeat-y; text-align: center; }
div.main-content-full-center-inside { width: 803px; margin-left: auto; margin-right: auto; }
div.main-content-full-center-inside p.page-title { text-align: left; font: bold 14pt Arial, sans-serif; color: black; border-bottom: 2px solid black; }
/*
img.main-content-top { display: block; }
img.main-content-bottom { display: block; }
*/

/** Footer */
div.footer { clear: both; text-align: left; }
div.footer img { border: 0px; }
div.footer img.button-cart { margin-left: 30px; }
div.footer img.button-house { margin-left: 5px; }
div.footer img.button-email { margin-left: 10px; }

div.footer span.text-links { margin-left: 50px; margin-bottom: 12px; }
div.footer a.text { margin-right: 15px; color: #0093d0; font: bold 12pt Arial, sans-serif; text-decoration: none; line-height: 200%; vertical-align: middle; }

div.footer a.footer-logo { margin-left: 190px; }

div.footer div.prize-logo {float:left;}
div.footer div.uszt-logo {float:left;}
div.footer div.uszt-logo img {margin:10px 0 0 30px;}
div.footer div.paypal-logo {float:left; margin:10px 0 0 30px;}

/** News and articles */
div.news-item-headline { height: 39px; width: 585px; background-image: url(../images/main_content_title_background.gif); background-repeat: no-repeat; }
div.news-item-headline.twoline { height: 74px; width: 585px; background-image: url(../images/main_content_title_background_2line.gif); background-repeat: no-repeat; }
div.news-item-headline div, div.news-item-headline div a { padding: 10px; text-align: left; font: 11pt Arial, sans-serif; color: white; text-decoration: none; }
div.news-item-headline div a:visited, div.news-item-headline div a:hover, div.news-item-headline div a:active, div.news-item-headline div a:focus { text-decoration: none; color: white; }
div.news-item p.teaser, div.news-item p.date, div.news-item p.more { text-align: left; padding: 0px 10px; font: 9pt Arial, sans-serif; color: black; }
div.news-item p.date { font-weight: bold; }

div.mod_newsreader, div.mod_article { text-align: left; font: 10pt Arial, sans-serif; color: black; }
div.mod_newsreader p.date, div.mod_article p.date { font-size: 8pt; font-weight: bold; }

div.mod_newsreader h1, div.mod_article h1 { font-size: 14pt; font-weight: bold; }
div.mod_newsreader h2, div.mod_article h2 { font-size: 14pt; font-weight: bold; font-style: italic; }
div.mod_newsreader h3, div.mod_article h3 { font-size: 12pt; font-weight: bold; } 
div.mod_newsreader h4, div.mod_article h4 { font-size: 12pt; font-weight: bold; font-style: italic; }
div.mod_newsreader h5, div.mod_article h5 { font-size: 10pt; font-weight: bold; }
div.mod_newsreader h6, div.mod_article h6 { font-size: 10pt; font-weight: bold; font-style: italic; }

/** Comments */
div.newsreaderComments div.info { float: right; font-size: 9pt; }
div.newsreaderComments div.info span.date { font-weight: bold; }
div.newsreaderComments div.comment-default { clear: both; }
div.newsreaderComments div.comment-separator { clear: both; border-top: 2px solid #ccc; }



/** Forum */
div#forum { text-align: left; font-family: Arial, sans-serif; }

div#forum a.unreadbold { }
div#forum a img { border: 0px; }
div#forum table { width: 800px; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; text-align: left; font: 10pt Arial, sans-serif; }
div#forum tr.headerrow td.headercol { font: bold 12pt Arial, sans-serif; color: black; border-bottom: 2px solid black; }
div#forum tr.datarow td.category div.description { font-size: 8pt; font-style: italic; color: #666; }
div#forum tr.datarow td.category a { color: #0093d0; text-decoration: underline; }

div#forum tr.datarow td.ticketcount, div#forum tr.datarow td.replycount { text-align: center; }
div#forum tr.datarow td.latestpost { font-size: 8pt; }
div#forum tr.datarow td.latestpost .icons { margin-top: 0.5em; }

div#forum thead th { height: 2em; vertical-align: middle; border-bottom: 2px solid #ccc; }
div#forum thead th.subject { width: 50%; }
div#forum tr.datarow td.subject { font-size: 8pt; }
div#forum tr.datarow td.subject a, div#forum thead th.headTitle a { font-size: 10pt; }
div#forum div.bottomcontrols, div#forum div.bottomcontrols a, div#forum div.topcontrols, div#forum div.topcontrols a, div#forum div.breadcrumb { font-size: 9pt; }
div#forum div.bottomcontrols, div#forum div.topcontrols { margin: 1em 0em; }
div#forum div.bottomcontrols img, div#forum div.topcontrols img { position: relative; top: 3px; margin 0px 2px 0px 9px; }


div#forum td.avatar { width: 100px; vertical-align: top; }
div#forum td.userdata { font-size: 8pt; width: 60%; }
div#forum td.userdata, div#forum td.date { font-size: 8pt; border-bottom: 2px solid #ccc; }
div#forum td.date { text-align: right; font-weight: bold; }
div#forum td.message { text-align: left; vertical-align: top; }
div#forum td.message .icons { display: block; border-top: 1px solid #ccc; }

div#forum div.editMessage { text-align: center; }
div#forum table.editMessage { margin-left: auto; margin-right: auto; width: 600px; }


/** Blog */
div.blog-recent, div.blog-active { text-align: left; font: 10pt Arial, sans-serif; }
div.blog-recent h1, div.blog-active h1 { font-size: 12pt; }
div.blog-recent div.details { float: right; font-size: 9pt; font-weight: bold; }
div.blog-recent div.details a { color: #0093d0; }
div.blog-recent p.title a { font-size: 12pt; color: #0093d0; }
div.blog-recent p.bottomlink a { font-weight: bold; color: #0093d0; }

div.blog-mine label { font: 10pt Arial, sans-serif; }
div.blog-mine textarea { width: 500px; height: 8em; }

/** FAQ */
div.mod_faqlist, div.mod_faqreader { text-align: left; font: 10pt Arial, sans-serif; }
div.mod_faqreader p.back { text-align: center; }

/** School view */
div.mod_schoolView .school-name { font-weight: bold; }

/** Student list, Teacher list */
div.mod_studentList .section-title, div.mod_teacherList .section-title { font-weight: bold; }

/** Student add */
div.mod_studentAdd div.table-container, div.mod_teacherAdd div.table-container { text-align: center; }
div.mod_studentAdd table, div.mod_teacherAdd table { width: 585px; margin-left: auto; margin-right: auto; text-align: left; }
div.mod_studentAdd table thead td, div.mod_teacherAdd table thead td { text-align: center; font-size: 12pt; font-weight: bold; text-align: left; border-bottom: 2px solid black; }
div.mod_studentAdd table tbody td.class-name { font-size: 10pt; font-style: italic; font-weight: bold; text-align: left; border-bottom: 2px solid #ccc; }

/** Profile view */
div.mod_viewProfile { font: 10pt sans-serif; }
div.mod_viewProfile p.username { font-size: 12pt; font-weight: bold; border-bottom: 2px solid black; }
div.mod_viewProfile p.name { font-weight: bold; }
div.mod_viewProfile .school { font-style: italic; }

/** Purchase List **/
table.purchase-table {width: 100%; margin-left: auto; margin-right: auto; }
table.purchase-table td { width: 25%; text-align: left; color: black; font: 10pt sans-serif; }
table.purchase-table thead td { height: 35px; background-image: url(../images/menu_main_background.gif); background-repeat: no-repeat; vertical-align: middle; color: white; padding: 0px 5px; font: bold 11pt Arial, sans-serif; }
table.purchase-table thead td.nobg {background:none;}
table.purchase-table td form {display:inline; margin-left:3px;}
table.purchase-table td.materials {width:50%; text-align:center; background-position:center;}
table.purchase-table td.materiallist {font-size:0.8em; padding-left:5px;}
table.purchase-table td {border-bottom:15px solid #FFF;}

/** Material mylist */
div.mod_materialmylist td.input { vertical-align: top; }
div.mod_materialmylist div.title { padding: 0.1em 0.1em 0.5em 0.1em; }
div.mod_materialmylist div.title a { font-size: 12pt; font-weight: bold; }
table.material-table { width: 585px; margin-left: auto; margin-right: auto; }
table.material-table td { width: 33%; text-align: left; color: black; font: 10pt sans-serif; }
table.material-table thead td { height: 35px; background-image: url(../images/menu_main_background.gif); background-repeat: no-repeat; vertical-align: middle; color: white; padding: 0px 5px; font: bold 11pt Arial, sans-serif; }
table.material-table thead td.nobg {background:none;}
div.material-filter { text-align: center; margin: 1em; }
div.material-filter table { width: 550px; margin-left: auto; margin-right: auto; }
div.material-filter table thead td { font-weight: bold; }
div.material-filter table tbody td { vertical-align: top; }
div.material-filter table select.subject { width: 250px; height: 7em; }
div.material-filter table select.grade { width: 250px; height: 7em; }

div.mod_materialview div.table-container { text-align: center; } 
div.mod_materialview table { width: 585px; margin-left: auto; margin-right: auto; text-align: left; }
div.mod_materialview table td.title { text-align: left; font: bold 10pt Arial, sans-serif; border-bottom: 2px solid #ccc; }
div.mod_materialview table td.publisher { text-align: right; font: italic 10pt Arial, sans-serif; border-bottom: 2px solid #ccc; }
div.mod_materialview div.dlholder {float:left; width:400px;}
div.mod_materialview h6 {color:#fff; background-color:#0093D0; font-size:1.2em; font-weight:normal; padding:0.3em; margin:0.7em 0; font-style:normal;}
div.mod_materialview div.ce_materialdownloads { text-align: left; padding: 0.2em 0.1em; margin-bottom: 1em; margin-top:1.5em; }
div.mod_materialview div.ce_materialdownloads p {background:#eee; margin:0.3em 0; line-height:1.4em; padding:0.1em;}
div.mod_materialview div.ce_materialdownloads p a {color:#444; text-decoration:none; font-weight:bolder;}
div.mod_materialview div.ce_materialdownloads p a:hover {text-decoration:underline;}
div.mod_materialview div.ce_materialdownloads p img {display:inline-block; vertical-align:middle;}
div.mod_materialview div.breadcrumb { display: none; }
div.mod_materialview div.info {color:#0093D0; margin:0 0 10px 0;}
div.mod_materialview div.information {color:red; font-weight:bolder; margin:0 0 20px 0;}
div.mod_materialview div.info span.timeout {color:#333; font-weight:bolder;}
div.mod_materialview div.info .phone {margin-left:230px;}
div.mod_materialview div.materialimage {float:right;}
div.mod_materialview div.materialimage img {width:180px;}
div.mod_materialview td.avatar { width: 100px; vertical-align: top;}
div.mod_materialview td.userdata { font-size: 8pt; width: 60%; }
div.mod_materialview td.userdata, div.mod_materialview td.date { font-size: 8pt; border-bottom: 2px solid #ccc; }
div.mod_materialview td.date { text-align: right; font-weight: bold; }
div.mod_materialview td.message { text-align: left; vertical-align: top; }
div.mod_materialview td.message .icons { display: block; border-top: 1px solid #ccc; }
div.mod_materialview td.message .icons img { border: 0px; }
div.mod_helpdesk div.editButtons img { border: 0px; }

/** Login form */
div.login-form { height: 42px; width: 823px; margin-top: 8px; background-image: url(../images/login_background.gif); background-repeat: no-repeat; }
div.login-form div { text-align: left; padding: 0px; }
div.login-form div input { margin-top: 10px; width:140px; }
div.login-form div label { margin: 0px 5px 0px 20px; }
div.login-form div a { font-weight: bold; }
div.login-form div a.register { font-weight: normal; margin: 0px 10px; }
div.login-form form {display:inline;}
div.login-form a.key img {height:30px; float:right; margin:5px 20px 0 0;}

/** User data */
div.user-data { height: 42px; width: 823px; margin-top: 8px; background-image: url(../images/login_background.gif); background-repeat: no-repeat; }
div.user-data div { text-align: left; padding: 10px; }
div.user-data div a, div.user-data div span.name { font-weight: bold; }

/** Registration form */
div.mod_registration { text-align: center; }
div.mod_registration div.formbody { width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
div.mod_registration div.error { float: left; clear: left; color: red; text-indent: 210px; }
div.mod_registration label { width: 200px; margin: 3px; text-align: right; clear: both; float: left; }
div.mod_registration input.text { width: 200px; margin: 3px; text-align: left; float: left; }
div.mod_registration div.captcha-container { width: 380px; margin: 3px; text-align: left; float: left; }
div.mod_registration div.controls { clear: both; text-align: center; }

div.formbody { width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
div.formbody div.formbody { width: 600px; margin-left: auto; margin-right: auto; text-align: left; }
div.formbody div.error { float: left; clear: left; color: red; text-indent: 210px; }
div.formbody label { width: 200px; margin: 3px; text-align: right; clear: both; float: left; }
div.formbody label.mandatory { font-weight: bold; }
div.formbody input.text, div.formbody select, div.formbody input.ui-autocomplete-input { width: 200px; margin: 3px; text-align: left; float: left; }
div.formbody input.ui-autocomplete-input { width: 350px; }
ul.ui-autocomplete { text-align: left; }
div.formbody div.captcha-container { width: 380px; margin: 3px; text-align: left; float: left; }
div.formbody div.avatar_container { clear: both; text-align: left; }
div.formbody div.avatar_container div.hint { clear: both; text-align: left; padding-left: 210px; }
div.formbody div.checkbox_container { clear: both; text-align: left; }
div.formbody div.checkbox_container span { display: block; padding-left: 210px; }
div.formbody div.checkbox_container label { float: none; }
div.formbody div.controls { clear: both; text-align: center; }
div.formbody p.section { clear: both; text-align: left; border-bottom: 1px solid black; font-size: 12pt; font-style: italic; margin-top: 0.5em; }
div.formbody div.radio_container div.label {  width: 200px; margin: 3px; text-align: right; clear: both; float: left; }
div.formbody div.radio_container div.input { width: 200px; margin: 3px; text-align: left; float: left; }
div.formbody div.radio_container label, div.formbody div.radio_container input { float: none; clear: none; }
div.formbody .form-comment { clear: both; padding-top: 1em; padding-bottom: 0.5em; font-weight: bold; }

/** Errors */
div#hiba-403 { text-align: center; }
div#hiba-403 div { width: 400px; margin-left: auto; margin-right: auto; }
div#hiba-403 p, div#hiba-403 h1 { font: 12pt Arial, sans-serif; }

/** Tooltip content */
.qtip-title { font: bold 9pt Arial, sans-serif; }
.qtip-content .error { font: bold 9pt Arial, sans-serif; color: black; }
.qtip-content a { font: 8pt Arial, sans-serif; color: #0093d0; }

.qtip-content img { margin: 2px; position: relative; top: 4px; }

#video-left-container {
    position: fixed;
    bottom: 0px;
    left: 5px;
    height: 210px;
    width: 300px;
    /*border: 1px solid #dddddd;*/
    background: none;
}

#video-left-container .selector {
    position: absolute;
    bottom: 0;
    width: 80px;
    left: 83px;
}

#video-left-container .selector select {
    width: 155px;
}


#videoleftwrap {
    float: left;
    width: 300px;
    height: 300px;
}

#video-left-container .vwrap {
    position: absolute;
    bottom: -47px;
    left: 0px;
}

#video-left-container #btn-close {
    position: absolute;
    right: 30px;
    bottom: -5px;
    font-size: 10px;
    cursor: pointer;
}

#video-left-container2 {
    position: fixed;
    bottom: 0px;
    right: 15px;
    height: 210px;
    width: 320px;            
    background: none;
    z-index: 1;
}
#video-left-container2 .vwrap {
    position: absolute;
    /*bottom: -47px;*/
    bottom: -47px;
    left: 0px;
}
#video-left-container2 #btn-close {
    position: absolute;
    left: 67px;
    bottom: 160px;
    font-size: 10px;
    cursor: pointer;
}
#video-left-container2 #btn-close2 {
    bottom: 150px;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    width: 166px;
    z-index: 100000;
}

#videoleftwrap {            
    width: 320px;
    height: 320px;
}
#videoleftwrap .selector {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 320px;
}
#videoleftwrap .selector select {
    width: 166px;
    margin-left: 11px;
}






/* v3 */
#video-left-container3 {
    position: fixed;
    display: none !important;
    bottom: 0px;
    right: 5px;
    height: 210px;
    width: 320px;            
    background: none;
    z-index: 1;
}
#video-left-container3 .vwrap {
    position: absolute;
    /*bottom: -47px;*/
    bottom: -47px;
    left: 0px;
}
#video-left-container3 #btn-close {
    position: absolute;
    left: 67px;
    bottom: 160px;
    font-size: 10px;
    cursor: pointer;
}
#video-left-container3 #btn-close2 {
    bottom: 150px;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    width: 166px;
    z-index: 100000;
}
#video-left-container3 #videoleftwrap {            
    width: 320px;
    height: 320px;
}

#video-left-container3 #videoleftwrap .selector {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 320px;
}

#video-left-container3 #videoleftwrap .selector select {
    width: 166px;
    margin-left: 11px;
}