  /******************* gyermekevek ******************************/

  /* commons */
  body { margin: 0; padding: 0; font: normal normal 10pt tahoma,verdana,'tw cen mt'; color: #454545; }

  a img { border: 0px; }
  img.key { width: 15px; height: 7px; border: none; }
  a.pointer, input[type=submit] {cursor: pointer;}

  .clear { clear: both; height: 0px; }
  .floatRight { float: right; }
  .floatLeft { float: left; }
  .center { text-align: center }

  .margin10, .margin15 { margin: 10px 0px 0px 10px; }

  p:first-child { margin-top: 0px; }
  p:last-child { margin-bottom: 0px; }

  div.adminFloat {  position: absolute; z-index: 1000; bottom: 0px; right: 0px; border: 1px solid #eee; opacity: 0.5; background-color: #fff; padding: 0px 2px 2px 0px; }
  div.adminFloat:hover { opacity: 0.95; }
  div.adminFloat a { margin-left: 2px; }

  div.inlineEditor { padding-bottom: 30px; }

  #leftColumn, #bannerColumn, #rightBlocks, #mainColumn { float: left; margin: 0px; padding: 0px; display: table-cell; }

  #leftColumn { width: 333px;  }

  #rightBlocks, #mainColumn, #search, #login { width: 617px; }

  #header { background: white url(/_image/gyereksite/header.png) no-repeat bottom left; width: 950px; height: 107px; }

  #search { background: white url(/_image/gyereksite/header2.png) no-repeat top left; height: 181px; }

  #login { color: white; background: white url(/_image/gyereksite/search.png) no-repeat top left; height: 48px; position: relative; margin-bottom: 1px; }

  #login a:link,  #login a:active,  #login a:visited { color: #eee; text-decoration: none; font-weight: normal; }
  #login a:hover { color: #ccc; text-decoration: underline; }



  /*******************            login                 *******************/
  div.userLogin { position:relative; margin-top: 10px; float: right; height: 25px; padding: 5px 0px 0px 3px; text-align: right; width: 604px; }
  *div.userLogin { margin: 15px 10px 0px 0px; padding: 0px; }

  div.userLogin input[type=text],
  div.userLogin input[type=password] { width: 125px; height: 16px; border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656;
                                       color: black; text-transform: none; background: white; margin-right: 2px; }

  div.userLogin div.logged, div.userLogin div.logged-submit { display: inline-block; }
  div.userLogin *div.logged, div.userLogin *div.logged-submit { display: inline; } /* IE hack!!!!! */

  div.userLogin input[type=text],
  div.userLogin input[type=password],
  div.userLogin a,
  div.userLogin span { margin-right: 8px; }
  div.userLogin input[type=submit] { margin-right: 18px; }


  #main { display: table; width: 950px; }

  #mainBlocks { margin: 0; padding: 0; }
  #rightColumn1 div.contentBox, #rightColumn2 div.contentBox, #rightColumn3 div.contentBox, #rightColumn4 div.contentBox, #rightColumn5 div.contentBox { padding: 10px 5px 0 11px; } /* left padding +1px az 1px fehér csik miatt */
  #middleColumn1 div.contentBox, #middleColumn2 div.contentBox, #middleColumn3 div.contentBox, #middleColumn4 div.contentBox, #middleColumn5 div.contentBox { padding: 10px 0 0 1px; }

  #mainVertical1, #mainVertical2, #mainVertical3, #mainVertical4, #mainVertical5 { clear: left; padding: 0px; margin: 0px; }

  #middleColumn1, #middleColumn2, #middleColumn3, #middleColumn4, #middleColumn5 { width: 308px; padding: 0px; float: left; margin: 0px; /*border: 1px solid green*/ }

  #rightColumn1, #rightColumn2, #rightColumn3, #rightColumn4, #rightColumn5 { width: 308px; float: left; padding: 0px; margin: 0px; /*border: 1px solid orange*/ }


  #middleColumn1 div.articleList, #middleColumn2 div.articleList, #middleColumn3 div.articleList, #middleColumn4 div.articleList, #middleColumn5 div.articleList,
  #mainVertical1 div.articleList, #mainVertical2 div.articleList, #mainVertical3 div.articleList, #mainVertical4 div.articleList, #mainVertical5 div.articleList { padding-left: 10px; }

  #middleColumn1 div.articleList, #middleColumn2 div.articleList, #middleColumn3 div.articleList, #middleColumn4 div.articleList, #middleColumn5 div.articleList { padding-right: 5px; }

  /*#rightColumn1 div.articleList, #rightColumn2 div.articleList, #rightColumn3 div.articleList, #rightColumn4 div.articleList, #rightColumn5 div.articleList { padding-left: 5px; }*/




  #mainColumn ol { clear: both; margin: 0px 0px 0px 15px; padding: 15px; }
  #mainColumn ul.list { clear: both; list-style-type: square; margin: 0px 0px 0px 15px; padding: 15px; }
  #mainColumn ul.list li, #mainColumn ol li { padding: 3px 0px 0px 0px; }
  #mainColumn ul.list li a:link,
  #mainColumn ul.list li a:active,
  #mainColumn ul.list li a:visited { color: #833d0b; text-decoration: underline; }
  #mainColumn ul.list li a:hover { color: #934d1b; text-decoration: underline; }

  a.coloredLink:link,
  a.coloredLink:active,
  a.coloredLink:visited { color: #7e8d1f !important; text-decoration: none !important; font-weight: normal !important; }
  a.coloredLink:hover { text-decoration: underline !important; }


  div.print-icon { margin-top: 8px; display: inline-block; float: right; }
  *div.print-icon { margin-top: -15px; display: inline; } /* IE hack! */

  div.print-icon a:link, div.print-icon a:active, div.print-icon a:visited { color: #7e8d1f; font-size: 9pt;  text-decoration: none; }

  div.print-icon a:hover { text-decoration: underline; }
  div.print-icon img { vertical-align: middle; vertical-align:text-top; }
  span.print-icon { background: white url(/_image/gyereksite/icon_print_green.gif ) no-repeat top left; display: inline-block; width: 12px; }

  div.print-icon a {  vertical-align:text-top; }

  /*******************            header                *******************/

  #header div.naviButtons  { padding: 55px 0 0 60px; }
  #header div.naviButtons a { border: 0; }
  #header div.headerMenu { background-image: url(/_image/gyereksite/headerMenuTexts.png); background-repeat: no-repeat; background-position: 75px -3px; width: 280px; }

  #pageHeader div.mainLogo { width: 925px; }

  #search div.quickSearchForm { position: absolute; bottom: 10px; left: 48px; }
  .inputtext { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; width: 120px; }
  .submitbtn { font-family: arial narrow; font-size: 10pt; color: white; text-transform: uppercase; text-decoration: none; background: #fd9e01; border: none; width: 65px; height: 20px; }
  /*#search div.quickSearchForm .inputbtn { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; width: 100px; }
  #search div.quickSearchForm .submitbtn { font-family: arial narrow; color: white; text-transform: uppercase; text-align: center; text-decoration: none; background: #fd9e01; padding: 0 7px; border: none; width: 65px; height: 21px; }
  /*#search div.quickSearchForm input[type=text] { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; width: 100px; }*/
  /*#search div.quickSearchForm input[type=submit] { font-family: arial narrow; color: white; text-transform: uppercase; text-align: center; text-decoration: none; background: #fd9e01; padding: 0 7px; border: none; width: 65px; }*/
  /*#search div.quickSearchForm .inputtext { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; width: 100px; }*/



  /* ***  Common submit button styles  **** */
  /*div.logged .submitbtn { position: absolute; right: 10px; top: 17px; display: inline-block; }
  *div.logged .submitbtn { top: 15px;  border: 1px solid green} /* ** IE hack!  ** */


  #pageHeaderBackground { background-image: url(/_image/kreativ/header_background.gif); background-repeat: repeat-xy; }

  div.quickSearchForm #submit_div { background: #fd9e01; padding:2px 10px; display: block; }


  /*******************            navigation            *******************/

  #pageNavigation { overflow: hidden; background: black; height: 34px; border-top: 1px solid #2f2f30; clear: both; color: white; }

  #pageNavigation a:link, #pageNavigation a:active, #pageNavigation a:visited { color: #9f9f9f; text-decoration: underline; }
  #pageNavigation a:hover { color: white; text-decoration: underline; }

  #pageNavigation div.sectionMenu a:link,
  #pageNavigation div.sectionMenu a:active,
  #pageNavigation div.sectionMenu a:visited { text-decoration: none; width: 105px; height: 34px; display: block; }



  /*******************            section               *******************/

  #pageSection { width: 950px; background: #fd9e01; }

  #sectionNavigation { position: relative; height: 34px; }
  #sectionNavigation .sectionNavigation-child { position: absolute; top: 50%; margin: -8px 0 0 10px; }
  #sectionNavigation div.section-mainTitle { margin: 0 15px 0 20px; display: inline-block; }
  #sectionNavigation *div.section-mainTitle { display: inline; }  /* IE hack!!!!! */

  #sectionNavigation .sectionNavigation-child a:link, #sectionNavigation .sectionNavigation-child a:active, #sectionNavigation .sectionNavigation-child a:visited { color: #333; text-decoration: none; }
  #sectionNavigation .sectionNavigation-child a:hover { text-decoration: underline; }
  #sectionNavigation a.sectionElement { padding-left: 15px; }


  /*******************            main                  *******************/


  #bannerColumn { margin-left: 10px; padding-left: 10px; }


  /*******************            footer                *******************/

  #pageFooter { clear: both; background: #839220 url('/_image/gyereksite/footer_bg.png') repeat-x bottom left; font: normal normal 10pt tahoma,verdana,'tw cen mt'; color: #adadad; padding: 5px 0px 5px 0px;
              width: 950px; position:relative;  }

  #pageFooter div.footerBox { border-right: 1px dashed #fff; padding: 2px 20px 2px 10px; height: 145px; }
  /*html>body div.box { height: 145px; }*/


  #pageFooter div.title { color: #fd9e01; font-weight: bold; font-size: 11pt; }
  #pageFooter div.title span{ color: #ddd; font-weight: bold; }

  #pageFooter ul { list-style-type: none; margin: 0 0 0 11px; padding: 0; float: left; line-height:normal; letter-spacing: normal; }
  #pageFooter ul li { margin: 0px; padding: 1px 0; /*height: 16px;*/ vertical-align: middle; }

  #pageFooter a:link,
  #pageFooter a:active,
  #pageFooter a:visited { font-size: 10pt; color: #fff; text-decoration: none; }
  #pageFooter a:hover { text-decoration: underline; /*color: #adadad;*/ }

  #pageFooter ul li a span { width: 18px; display: inline-block; }
  #pageFooter ul li a span img { position: relative; top: 4px; }

  /* A footer lekerekitett sarka div, ha lesz */
  #pageFooter div.corner { width: 51px; height: 53px; background: url('/_image/gyereksite/footerCorner_bg.png'); float: right; position: relative; right: 0; top: 0px; margin-top: -5px; /*border: 1px solid red;*/ }


  /* A footer kis nyilak grafikusan. Az url.tpl-ben át van nevezve a classname! */
  span.smallGrayArrow_right { display: inline; width: 6px; height: 9px; background-image: url(/_image/gyereksite/smallGrayArrow_right.png); background-repeat: no-repeat; background-position: 50% left; }



  /* MIEZ?????????? Nincs is footer div id!!!! */
 /* div.gyermekevek #footer { clear: both; background: white; border-top: 1px solid #9c9c9c; margin-top: 15px; }
  div.gyermekevek #footer .footerText { text-align: center; }
  div.gyermekevek #footer .footerLogos { padding: 22px 0 25px 0; text-align: center; }
  div.gyermekevek #footer .footerLogos img { padding: 0 35px; }*/







  div.bigfish { margin: 0 10px; color: white; width: auto; }
  div.bigfish div.adaptiveLogo { top: 0; padding-left: 0; display: inline-block; }
  div.bigfish div.bigfishLogo { display: inline-block; padding-left: 6px; line-height:120%; }




  /*******************            forum                 *******************/


.forum-entry-author { font-size: 14px; font-weight: bold; color: #E46408; }
.forum-entry-author a { text-decoration: none; }
.forum-entry-author a { text-decoration: none; }
.forum-entry { width: 590px; padding-left: 15px; }
.forum-header { padding: 15px 5px 5px 5px; }
.forum-entry-date { font-size: 11px; padding: 2px 0 0px 0; font-weight: normal; color: #333; }
.forum-entry-number { font-weight: bold; font-size: 12px; margin-top: 6px; text-align: right; width: 25px; margin-right: 3px; text-align: right; }
.forum-entry-content { padding: 4px 4px 10px 4px; border-bottom: 1px solid #e5e5e5; }

.forumArticle { padding-top: 10px; }
.forumArticle .forumArticleTitle { <?php echo font('title')?>  margin: 5px 0px 10px 0px; }
.forumArticle .forumArticleLead { padding-bottom: 10px; }
.forumArticle .forumArticleUrl { padding-bottom: 10px; font-weight: bold; text-decoration: none; color: #E46408; }

.forum-entries-box { background-color: #ECEAE6; margin-top: 10px; border: 1px solid #D0CCC1; height: 32px; }
.forum-entries-box div.floatLeft { margin: 8px 0px 0px 10px; }
.forum-entries-box div.floatRight { margin: 5px 7px -5px 0px; padding: 0; }
.forumNewEntry { width: 572px; background: #eceae6; padding: 8px; margin: 5px 0px 10px 0;  border: 1px solid #d0ccc1; }
.loginMsg a { display: inline-block; color: black; padding-top: 4px; }
.forum-left { padding: 0 0px 0px 0px; display: inline-block; }
.forum-loggedIn { float: right; font-weight: normal; padding: 0px 6px; }
.forum-loggedIn span.forum-loggedInName { color: #E46408; }
.forum-title { font-weight: bold;  height: 23px; }
.forum-entry textarea { height: 100px; width: 565px; border: 1px solid #d0ccc1; }
.forum-send-button { margin: 0 4px; }

  div.categoryList { margin: 15px 0 0 10px; }

  .forum-title { font-weight: bold;  height: 23px; }



  div.forum-entry-bullett { display: inline-block; font-weight: bold; font-size:10px; height: 20px; padding-top: 7px; }
  div.category_list_container { display: inline-block; width: 270px; vertical-align: top; text-align: left; margin: 5px 0; }
  div.category_list_container { padding: 0px; }
  div.category_list_container a span.count { font-size: 11px; color: black; }



  .forum-entry table td { padding: 5px; }
  .forum-entry table tr { border-bottom: 1x solid #ccc; }
  .forum-entry table tr:last-child { border:0; }

  .forum-entry textarea { height: 100px; }

  .forum-entry-id { border-bottom: 1px solid #e5e5e5; padding: 0px; padding-bottom:10px;}





  div.submit-div { padding: 7px 0; }
  .submit_btn { width: 62px; height: 22px; border: none; }
  div.sendButton { margin: 0 4px; }

  .forum-header { position: relative; font-weight: bold; height: 20px; padding: 15px 0px 20px 0px; }
  .forum-header .info-text { position: relative; font-weight: normal; }

  .forum-header-left, .left  { clear: left; float: left; }


  div.forum-header-right { position: relative; float: right; text-align: right; display:table; }
  div.forum-header-right div { display:table-row; text-align:right; height: 27px;  }
  div.forum-header-right span.no { display: inline-block; margin-right: 8px; margin-bottom: 5px; vertical-align: bottom; }


  div.forum-entry-date { font-size: 11px; padding: 2px 0 0px 0; font-weight: normal; color: #333; }
  div.forum-entry-content { padding: 4px 0 0 0; }


  .forum-user { padding: 5px 10px; }
  .forum-left { padding: 0 0px 0px 0px; display: inline-block; }
  .forum-button { float: right; font-weight: normal; padding: 0 6px 5px 0; }
  span.forum-loggedIn { float: right; font-weight: normal; padding: 0px 6px; }
  span.forum-loggedInName { color: #E46408; }



  /* ******* target_adminPanel ********* */
  #target_adminPanel { background-color: #ECEAE6; margin-top: 10px; border: 1px solid #D0CCC1;  }

  #target_adminPanel div.subCategoryCheckbox,
  #target_adminPanel div.subCategoryName { display:inline-block; padding: 4px 0px 0 0; }

  #target_adminPanel div.subCategoryCheckbox { margin-left: 6px; }
  #target_adminPanel div.sendButton{ padding: 2px 0px 4px 0px; }

  #target_adminPanel div.subCategoryCheckbox,
  #target_adminPanel div.subCategoryName { display:inline-block; padding: 4px 0px 0 0; }

  #target_adminPanel div.subCategoryCheckbox { margin-left: 6px; }

  div.newCategoryButton { margin: 0 0 10px 0; padding: 3px 0 3px 0; background: #eceae6; border: 1px solid #D0CCC1; }

  div.newCategoryButton input.text { width: 305px; height: 18px; border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; background: white; }
  div.newCategoryButton input.checkbox { padding: 0; margin: 0; }
  div.newCategoryButton input.submit { width: 116px; height: 21px; border: 0; background-image: url(/_image/kreativ/newTheme_116x21_btn.gif); background-repeat: no-repeat;
                                     font-size: 8pt; font-weight: bold; text-decoration: none; padding: 3px 0 0 8px; cursor: pointer; display: inline-block; }

  div.categoryList table.table tbody a.category_list { color: #000; }

  div.categoryList span.firstComment { color: #000; }
  div.categoryList span.lastComment {  }
  div.categoryList span.commentUserName { font-weight: bold; color: #E46408; }

  div.categoryList table.table thead tr { height: 32px; }

   div.forum-entries-box { background-color: #ECEAE6; margin-top: 10px; border: 1px solid #D0CCC1; height: 32px; }
   div.forum-entries-box div.floatLeft { margin: 8px 0px 0px 10px; }
   div.forum-entries-box div.floatRight { margin: 5px 7px -5px 0px; padding: 0; }*/


  /* ******************************************************************************************************************************************************************** */




   div.newCategoryButton { margin: 0 0 10px 0; padding: 3px 0; background: #e5e5e5; }

   div.newCategoryButton span.subCategoryChekbox { display: inline-block; width: 120px; padding: 0 0 5px 5px; vertical-align:text-bottom }
   div.newCategoryButton span.subCategoryName { display: inline-block; width: 310px; vertical-align:text-bottom }
   div.newCategoryButton span.subCategorySubmit { display: inline-block; width: 165px; margin: 0px 5px 0px 0; text-align: right; vertical-align:text-bottom }

   div.newCategoryButton input.text { width: 247px; height: 18px; border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; background: white; }
   div.newCategoryButton input.checkbox {  }
   div.newCategoryButton input.submit { width: 116px; height: 21px; border: 0; background-image: url(/_image/kreativ/newTheme_116x21_btn.gif); background-repeat: no-repeat;
                                     /*font-size: 8pt;*/ font-weight: bold; text-decoration: none; padding: 3px 0 0 8px; cursor: pointer; display: inline-block; }




/******************              hirlevel navigation                *******************************************/


  div.navigationNewsletter { color: #9f9f9f; padding: 10px; width: 260px; text-align: center; }
  div.navigationNewsletter .title { font-size: 9.5pt; text-transform: uppercase; color: #fd9e01; }
  div.navigationNewsletter a:link,
  div.navigationNewsletter a:active,
  div.navigationNewsletter a:visited { text-decoration: none !important; }
  div.navigationNewsletter .text {  }
  div.navigationNewsletter .icon {  }

  /* morzsa */

  #mainVertical1 div.navigation{ margin: 5px 0px 5px 15px; }
  #mainVertical1 div.navigation a:link, #mainVertical1 div.navigation a:visited, #mainVertical1 div.navigation a:active { color: #333; text-decoration: none; }
  #mainVertical1 div.navigation a:hover { text-decoration: underline; }
  #mainVertical1 span.arrow { margin-left: 3px; width: 10px; color: #E25D07;}

  /*******************            textbox                 *******************/


  div.textBox { margin-left: 10px; width: 100%; }
  div.textBox div.quote { border: 2px dashed gray; background-color: white; padding: 5px; }
  div.textBox div.red { border: 1px solid red; }

  div.textBox a:link,
  div.textBox a:active,
  div.textBox a:visited { color: #fd9e01; text-decoration: none;  }
  div.textBox a:hover { text-decoration: underline; }

  /********************************          tables         *********************************************/


  table.table { width: 100%; }

  table.table thead { border: 1px solid #d0ccc1; background: #eceae6; }
  table.table thead td div { border-right: 1px solid #d0ccc1; padding: 0 10px 0 10px; }
  table.table thead td div.last { border-right: none; padding: 0 10px 0 10px; }

  table.table tbody td { padding: 8px 10px; border-bottom: 1px solid #d0ccc1; }

  table.table tbody a:link,
  table.table tbody a:active,
  table.table tbody a:visited { font-weight: bold; font-size: 11pt; color: #333; text-decoration: none;  }
  table.table tbody a:hover { text-decoration: underline; }


  /*******************            multi tab             *******************/


  div.multiTab { width: 296px; margin: 10px 0px 0px 10px; }

  div.multiTab div.titleBar { height: 24px; width: 296px; background-repeat: repeat-x; background-image: url(/_image/box/multiTabs/multiTabHeader.gif); border: none; }
  div.multiTab div.titleBar div { float: left; height: 24px; font-size: 9pt; font-weight: bold; text-transform: uppercase; }
  div.multiTab div.titleBar div.firstSelected { width: 3px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabFirstSelected.gif); }
  div.multiTab div.titleBar div.firstNormal { width: 3px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabFirstNormal.gif); }
  div.multiTab div.titleBar div.firstColored{ width: 3px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabFirstColored.gif); }
  div.multiTab div.titleBar div.middleSelectedNormal { width: 8px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabMiddleSelectedNormal.gif); }
  div.multiTab div.titleBar div.middleSelectedColored { width: 8px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabMiddleSelectedColored.gif); }
  div.multiTab div.titleBar div.middleNormalSelected { width: 8px; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabMiddleNormalSelected.gif); }
  div.multiTab div.titleBar div.lastSelected {  width: 4px; background-position: left top; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabLastSelected.gif);}
  div.multiTab div.titleBar div.lastNormal {  width: 4px; background-position: left top; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabLastNormal.gif);}
  div.multiTab div.titleBar div.lastColored {  width: 4px; background-position: left top; background-repeat: no-repeat; background-image: url(/_image/box/multiTabs/tabLastColored.gif);}
  div.multiTab div.titleBar div.selectedNormal { background-repeat: repeat-x; padding: 3px 4px 0 4px; color: #666666; background-image: url(/_image/box/multiTabs/tabSelected.gif);}
  div.multiTab div.titleBar div.selectedColored { background-repeat: repeat-x; padding: 3px 4px 0 4px; color: #fd9e01; background-image: url(/_image/box/multiTabs/tabSelected.gif);}
  div.multiTab div.titleBar div.normal { background-repeat: repeat-x; padding: 3px 4px 0 4px; color: white; background-image: url(/_image/box/multiTabs/tabNormal.gif); }
  div.multiTab div.titleBar div.colored { background-repeat: repeat-x; padding: 3px 4px 0 4px; color: white; background-image: url(/_image/box/multiTabs/tabColored.gif);}
  div.multiTab div.titleBar a:link, div.multiTab div.titleBar a:visited, div.multiTab div.titleBar a:active { color: white; text-decoration: none; }
  div.multiTab div.titleBar a:hover { text-decoration: underline; }


  div.multiTab div.content { border: 1px solid #d0ccc1; border-top: none; width: 284px; margin-bottom: 15px; }
  div.multiTab div.content a:link, div.multiTab div.content a:visited, div.multiTab div.content a:active { color: black; text-decoration: none; }
  div.multiTab div.content a:hover { color: black; text-decoration: underline; }
  div.multiTab div.content div.row { border-bottom: 1px solid #d0ccc1; font-size: 10pt; color: black; padding: 4px 8px 6px 8px; margin: 0 8px; clear: left; }
  div.multiTab div.content div.row span.counter { font-weight: bold; font-size: 12pt; color: #999; padding-right: 8px; }
  div.multiTab div.content div.lastRow { border-bottom: none; }

  div.multiTabRight { width: 332px; }
  div.multiTabRight div.titleBarRight { width: 332px; }
  div.multiTabRight div.contentRight { width: 330px; }


  /*******************            single tab             *******************/


  div.contentBox { margin: 0px; padding: 0px 0 0 0px; }

  div.contentBox div.titleBar h2 { height: 32px;  font-size: 13px; }
  div.contentBox div.titleBar h2 a { height: 32px; color: #3a3939; font-size: 13px; }
  div.contentBox div.titleBar { height: 32px; color: #3a3939; font-size: 13px; }


  div.contentBox div.titleBarSearch { background: #dfdcc2; color: black; font-size: 15px; padding: 0 10px; }

  div.singleTabGreen div.titleBar { background: #849220 url(/_image/gyereksite/green_headerBg.png) no-repeat top right; }
  div.singleTabBlue div.titleBar { background: #345170 url(/_image/gyereksite/blue_headerBg.png) no-repeat top right; }
  div.singleTabRed div.titleBar { background: #e46408 url(/_image/gyereksite/orange_headerBg.png) no-repeat top right; }

  div.contentBox div.titleBar div { float: left; height: 32px; font-weight: bold; text-transform: uppercase; color: #000; }
  div.contentBox div.titleBar div.firstNormal,
  div.contentBox div.titleBar div.firstColored{ width: 1px; }
  div.contentBox div.titleBar div.lastNormal,
  div.contentBox div.titleBar div.lastColored {  width: 4px; }
  div.contentBox div.titleBar a:link, div.singleTab div.titleBar a:visited, div.singleTab div.titleBar a:active { color: white; text-decoration: none; }
  div.contentBox div.titleBar a:hover { text-decoration: underline; }

  #leftColumn div.contentBox div.titleBar div.normal { padding: 18px 4px 0px 0px; }
  #leftColumn div.singleTabGreen div.titleBar div.normal,
  #leftColumn div.singleTabRed div.titleBar div.normal,
  #leftColumn div.singleTabBlue div.titleBar div.normal { padding: 9px 4px 0px 0px; }

  #leftColumn div.contentBox div.titleBar div.firstNormal,
  #leftColumn div.singleTabGreen div.titleBar div.firstNormal,
  #leftColumn div.singleTabGreen div.titleBar div.firstColored,
  #leftColumn div.singleTabBlue div.titleBar div.firstNormal,
  #leftColumn div.singleTabBlue div.titleBar div.firstColored,
  #leftColumn div.singleTabRed div.titleBar div.firstNormal,
  #leftColumn div.singleTabRed div.titleBar div.firstColored{ width: 15px; }

  div.contentBox div.titleBar div.firstNormal,
  div.singleTabGreen div.titleBar div.firstNormal,
  div.singleTabGreen div.titleBar div.firstColored,
  div.singleTabBlue div.titleBar div.firstNormal,
  div.singleTabBlue div.titleBar div.firstColored,
  div.singleTabRed div.titleBar div.firstNormal,
  div.singleTabRed div.titleBar div.firstColored { width: 8px; }

  div.contentBox div.titleBar div.normal,
  div.contentBox div.titleBar div.colored { padding: 9px 4px 0px 0px; height: auto; }

  div.singleTabGreen div.titleBar div,
  div.singleTabBlue div.titleBar div,
  div.singleTabRed div.titleBar div { color: #fff; }

  div.contentBox div.content { margin: 10px 10px 0 10px; margin: 0px; clear: left; }

  div.singleTabGreen div.content { background: #e6eed6; }
  div.singleTabBlue div.content { background: #dae5e9; }
  div.singleTabRed div.content { background: #efe4d0; }

  div.contentBox div.content ul { clear: both; list-style-type: square; margin: 0 0 0 15px; padding: 15px 15px 5px 15px; color: #000; /*font-size: 10pt;*/ }
  div.contentBox div.content ul li { padding: 3px 0; }

  div.contentBox div.content a:link,
  div.contentBox div.content a:visited,
  div.contentBox div.content a:active { color: black; text-decoration: none; }
  div.contentBox div.content a:hover { color: black; text-decoration: underline; }

  div.contentBox div.content span.colored { color: #888; }
  div.contentBox div.content span.small { font-size: 8pt; }
  div.contentBox div.content span.bold { font-weight: bold; }
  div.contentBox span.arrow { color: #949c84; font-size: 9pt; font-weight: bold; width: 17px; display: inline-block; padding-left: 1px; }
  div.contentBox div.content div.row { border-bottom: 0px solid #d0ccc1; /*font-size: 10pt;*/ color: black; padding: 3px 5px 3px 5px; margin: 0 8px; clear: left; }
  div.contentBox div.content div.row span.counter { font-weight: bold; font-size: 12pt; color: #999; padding-right: 8px; }
  div.contentBox div.content div.row div.counter { display: inline-block; font-weight: bold; font-size: 12pt; color: #999; width: 13px; vertical-align: top; }
  div.contentBox div.content div.row div.counted { display: inline-block; width: 166px; vertical-align: top; margin-top: 2px; }
  div.contentBox div.content div.lastRow { border-top: 1px dashed #d0ccc1; margin: 5px 0px 0px 0px; padding: 5px 0px 5px 10px; }
  div.contentBox div.content div.rowLast { border-bottom: none; }

  /* themes ul square color */
  div.singleTabGreen div.content ul,
  div.singleTabGreen span.arrow { color: #949c84; }
  div.singleTabBlue div.content ul,
  div.singleTabBlue span.arrow { color: #8b969a; }
  div.singleTabRed div.content ul,
  div.singleTabRed span.arrow { color: #9f9480; }

  /* themes ul text color */
  div.singleTabGreen div.content a:link,
  div.singleTabGreen div.content a:visited,
  div.singleTabGreen div.content a:active { color: #4d560b; text-decoration: none; }
  div.singleTabGreen div.content a:hover { color: #5d661b; text-decoration: underline; }

  div.singleTabBlue div.content a:link,
  div.singleTabBlue div.content a:visited,
  div.singleTabBlue div.content a:active { color: #223c58; text-decoration: none; }
  div.singleTabBlue div.content a:hover { color: #324c68; text-decoration: underline; }

  div.singleTabRed div.content a:link,
  div.singleTabRed div.content a:visited,
  div.singleTabRed div.content a:active { color: #833d0b; text-decoration: none; }
  div.singleTabRed div.content a:hover { color: #934d1b; text-decoration: underline; }




  div.contentBoxRight { width: 332px; }
  div.contentBoxRight div.titleBar { width: 332px; }
  div.contentBoxRight div.content { width: 332px; }

  div.singleTabFull { width: 100%; margin-top: 15px; }
  div.singleTabFull:first-child { margin-top: 0px; }

  div.singleTabFull div.titleBarFull { width: 100%; }
  div.singleTabFull div.contentFull { /*width: 615px;*/ }

  div.singleTabArticle { width: 220px; }
  div.singleTabArticle div.contentArticle { width: 218px; }

  div.singleTabBasket { width: 295px; float: left; margin: 0px; }
  div.singleTabBasket div.contentBasket { width: 290px; }

  div.singleTab div.border { border: 1px solid #fd9e01; margin-bottom: 8px }
  #leftColumn div.singleTab div.border { border: 0; margin: 0; padding: 0; }

  div.contentBox div.background { background-color: #e4e4d0; /*f5f4eb;*/ }

  div.blogItem { padding: 8px;}
  div.blogItem p { padding: 0px; margin: 0px; }
  div.blogItem div.blogTitle { /*font-size: 11.5pt;*/ font-weight: bold; color: black; padding-bottom: 3px; }
  div.blogItem div.blogTitle span { font: normal bold 9pt verdana,tahoma,verdana,'tw cen mt'; color: white; background: #fd9e01; padding: 0 5px; }
  div.blogItem div.blogTitle a:link,
  div.blogItem div.blogTitle a:active,
  div.blogItem div.blogTitle a:visited {  /*font-size: 11.5pt;*/ font-weight: bold; color: black; padding-left: 14px; padding: 0; text-decoration: none; }
  div.blogItem div.blogTitle a:hover { text-decoration: underline; }
  div.blogItem div.blogLead { /*font-size: 10pt;*/ color: black; }

  div.contentBox div.content div.dataSheet { clear: left; padding: 10px; margin-top: 1px }
  div.contentBox div.content div.dataSheet div.row { border: none; margin: 0px; padding: 0 0 4px 0; }
  div.contentBox div.content div.dataSheet div.label { clear: left; display: inline-block; width: 130px; }
  div.contentBox div.content div.dataSheet div.data { display: inline-block; /*padding-left: 10px;*/ }
  div.contentBox div.content div.dataSheet div.data input[type=text],
  div.contentBox div.content div.dataSheet div.data select { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none; width: 160px; }
  div.contentBox div.content div.dataSheet div.data input.date { width: 92px; }
  div.contentBox div.content div.dataSheet div.title { font-weight: bold; }

  div.singleTabBasket div.contentBasket div.dataSheet div.label { width: 90px; }
  div.singleTabBasket div.contentBasket div.dataSheet div.data input[type=text],
  div.singleTabBasket div.contentBasket div.dataSheet div.data select { width: 170px; }

  div.contentBox div.content div.bubble { clear: left; float: right; padding-right: 15px; }
  div.contentBox div.content div.bubble .tab { width: 27px; background-repeat: no-repeat; background-image: url(/_image/gyereksite/bubbleTab.gif); display: inline-block; height: 45px; vertical-align: bottom; }
  div.contentBox div.content div.bubble .top { background-repeat: no-repeat; background-position: bottom left; background-image: url(/_image/gyereksite/bubbleTop.gif); }
  div.contentBox div.content div.bubble .bottom { background-repeat: no-repeat; background-image: url(/_image/gyereksite/bubbleBottom.gif); }
  div.contentBox div.content div.bubble div.text { display: inline-block; }
  div.contentBox div.content div.bubble span.text { font-size: 9pt; background: #d6e1e5; display: inline-block; padding: 10px; width: 204px; }



  /* *********  gallery  *************  */

  div.singleTab div.content div.mediaItem { background: #fff; border: 1px solid #d0ccc1; padding: 6px 5px 3px 5px; margin: 7px 0 7px 7px; text-align: center; display: inline-block; width: 102px; }
  div.singleTab div.content *div.mediaItem { display: inline; }  /* IE hack!!! */

  div.singleTab div.content div.mediaItem:first-child { margin: 7px 0; }
  /*div.singleTab div.content div.mediaItem { width: 90px; height: 90px; background: #fff; border: 1px solid #d0ccc1; padding: 6px 3px 5px 5px; margin: 7px 0 7px 7px; text-align: center; display: inline-block; }*/
  div.singleTab div.content div.mediaItem img { vertical-align: top; border: 0; }
  div.singleTab div.content .mediaListPrev_btn { border: 0; background-repeat: no-repeat; background-image: url(/_image/gyereksite/leftArrow.gif); width: 18px; height: 18px; cursor: pointer; margin-right: 5px;  }
  div.singleTab div.content .mediaListNext_btn { border: 0; background-repeat: no-repeat; background-image: url(/_image/gyereksite/rightArrow.gif); width: 18px; height: 18px; cursor: pointer; margin-left: 5px; }

  /* Gallery klikk -> Nagykép properties */
  #galeryMediaItemContainer div.mediaItem { width: 607px; margin: 7px 0; /*border: 1px solid red;*/ }
  /* *********************************** */





  div.singleTab div.content div.recommendItem { width: 90px; height: 90px; background: #fff; border: 1px solid #d0ccc1; padding: 6px 3px 5px 5px; margin: 7px 0 7px 7px; text-align: center; display: inline-block; }
  div.singleTab div.content div.recommendItem img { vertical-align: top; }
  div.singleTab div.content .recommendListPrev_btn { border: 0; background-repeat: no-repeat; background-image: url(/_image/gyereksite/leftArrow.gif); width: 18px; height: 18px; cursor: pointer; margin-right: 5px;  }
  div.singleTab div.content .recommendListNext_btn { border: 0; background-repeat: no-repeat; background-image: url(/_image/gyereksite/rightArrow.gif); width: 18px; height: 18px; cursor: pointer; margin-left: 5px; }
  div.singleTab div.content div.recommendsMoreDiv { padding: 0px 0px 0px 10px; height: 21px; display: inline-block; text-align: left; }

  div.singleTab div.content div.pagingButtons { display: inline-block; float: right; padding: 0 10px 0 0; }
  div.singleTab div.content div.pagingButtons img { border: 0; }


  div.squareActive, div.squareInActive { width: 5px; height: 5px; display: inline-block; }
  div.squareActive {background-color: #fd9e01; }
  div.squareInActive { background-color: #b3ab97; }



  /* ******    paging    ******** */

  div.paging { vertical-align: middle; }
  div.paging div.buttonContainer { height: 22px; padding: 0px 0; }
  div.paging .middle, div.paging img { vertical-align:middle; display: inline-table; }
  div.paging span.pages { vertical-align:text-bottom; cursor: pointer; margin: 0 5px; }
  div.paging a.pages { padding: 3px; vertical-align: text-bottom; font-weight: bold; color: #999; }
  div.paging a.actual { padding: 3px; vertical-align: text-bottom; font-weight: bold; color: #345170; }



  div.contentBox h3 { /*padding-left: 10px;*/ margin-bottom: 10px; }

  div.contentBox a img { margin-right: 10px; }

  h3 a:link,
  h3 a:active,
  h3 a:visited { font-size: 14pt; font-weight: bold; color: black; text-decoration: none; }
  h3 a:hover { text-decoration: underline; }

  div.contentBox div.articleList { margin: 0px 0px 15px 0px; }
  #mainColumn div.articleList { margin: 0px 0px 15px 10px; }  /* left margin ide fontos a rovatoknál a cikkfelsorolás miatt! */

  div.singleTab div.articleLeadTitle { padding: 0px 0px 3px 0px; }

  h2 a:link,
  h2 a:active,
  h2 a:visited { font-size: 12pt; font-weight: bold; color: black; text-decoration: none; }
  h2 a:hover { text-decoration: underline; }

  h4 { font-size: 16px; }


  div.contentBox div.articleLeadHeadline p { padding: 0px; /*margin: 0px 0px 0px 10px;*/}
  div.contentBox div.articleList div.imageLeft { float: left; /*padding: 0 10px 0px 0px;*/ }




  /* ************** feltételes stílusok ********************* */
  div.singleTabGreen div.content, div.singleTabRed div.content, div.singleTabBlue div.content { padding-bottom: 10px; }

  #mainBlocks div.singleTabGreen div.content,
  #mainBlocks div.singleTabRed div.content,
  #mainBlocks div.singleTabBlue div.content { margin-bottom: 10px; }

  div.singleTabGreen div.articleList, div.singleTabRed div.articleList, div.singleTabBlue div.articleList { margin-bottom: 0px; }

  div.singleTabGreen div.articleList div.imageLeft,
  div.singleTabRed div.articleList div.imageLeft,
  div.singleTabBlue div.articleList div.imageLeft { margin-top: 10px; /*margin-bottom: 10px;*/ /*margin-left: 10px;*/ }

  div.singleTabGreen div.articleList h1,
  div.singleTabGreen div.articleList h2,
  div.singleTabRed div.articleList h1,
  div.singleTabRed div.articleList h2,
  div.singleTabBlue div.articleList h1,
  div.singleTabBlue div.articleList h2 { padding-top: 6px; margin-top: 0px; }

  div.singleTabGreen div.articleTopHeadline p,
  div.singleTabRed div.articleTopHeadline p,
  div.singleTabBlue div.articleTopHeadline p,
  div.singleTabGreen div.articleLeadHeadline p,
  div.singleTabRed div.articleLeadHeadline p,
  div.singleTabBlue div.articleLeadHeadline p { margin-right: 10px; }


  /* Ezek a bal hasábban mindenképpen kellenek! */
  #leftColumn div.contentBox div.articleList div.imageLeft { margin-top: 10px; margin-left: 15px; }
  #leftColumn div.contentBox div.articleList h1,
  #leftColumn div.contentBox div.articleList h2 { padding-top: 6px; margin: 0 10px 5px 15px;}
  #leftColumn div.contentBox div.articleList div.articleTopHeadline,
  #leftColumn div.contentBox div.articleList div.articleLeadHeadline { margin-left: 15px; }

  /* Ezek csak a bal hasábban csak háttér esetén! */
  #leftColumn div.singleTabGreen div.articleList h1,
  #leftColumn div.singleTabGreen div.articleList h2,
  #leftColumn div.singleTabRed div.articleList h1,
  #leftColumn div.singleTabRed div.articleList h2,
  #leftColumn div.singleTabBlue div.articleList h1,
  #leftColumn div.singleTabBlue div.articleList h2 { padding-right: 10px; /*padding-bottom: 10px; */ }


  /*div.singleTab div.border div.articleList div.articleTopHeadline,
  div.singleTab div.border div.articleList div.articleLeadHeadline { padding-bottom: 10px; margin-left: 10px; }*/



    /* +border esetén a titlebar 2px-el kisebb lenne */
  #mainBlocks div.contentBox div.border div.titleBar { /*padding-right: 2px;*/ }

  /* ******************************************************************** */







  div.singleTab div.content div.magazine { padding: 10px; }

  div.contentBox div.content div.title, div.contentBox div.embedTitle  { background-color: #fff; padding: 3px 10px 3px 10px; font-weight: bold; /*font-size: 10pt;*/ }

  div.singleTab div.content div.magazine div.cover { width: 90px; float: left;}
  div.singleTab div.content div.magazine div.cover img { background-color: white; border: 1px solid #d0ccc1; padding: 2px; }
  div.singleTab div.content div.magazine div.data { width: 200px; float: left; /*font-size: 10pt;*/ padding-left: 10px; }
  div.singleTab div.content div.magazine div.dataFull { width: 450px; }
  div.singleTab div.content div.magazine div.date { font-weight: bold; /*font-size: 10pt;*/ color: #fd9e01; }
  div.singleTab div.content div.magazine div.title { font-size: 11.5pt; font-weight: bold; color: black; }
  div.singleTab div.content div.magazine div.title span { color: #fd9e01; }

  div.singleTab div.separator { border-bottom: 1px solid #d0ccc1; height: 1px; }

  div.singleTab div.content a.borderedButton { width: 149px; height: 21px; background-image: url(/_image/kreativ/fullList_btn.gif); background-repeat: no-repeat; display: block; color: #fd9e01;
                    font-size: 8pt; font-weight: bold; text-decoration: none; padding: 3px 0 0 8px; }

  div.titleRow { font-size: 16pt; font-weight: bold; padding: 10px 0px 0px 10px; }

  div.colored { color: #fd9e01; }





  /*******    cimkefelgő      *********   */
  div.cloud a { text-decoration:none }




  /********* ivote_vote  **************/

  #ivote_vote_form {  }

  div.ivoteTitle { text-transform: uppercase; margin-bottom: 5px; padding: 10px 0 0px 10px; }
  div.ivoteItem { padding: 20px 0 10px 0; border-bottom: 2px dashed #c4bbab; }
  div.ivoteItem img { border: 5px solid #c4bbab; }
  div.ivoteItem div.imgCaption { font-weight: bold; color: #454545; }

  /********* All buttons  **************/

  a.button { height: 21px; padding-top: 5px; background-repeat: no-repeat; display: inline-block; text-decoration: none !important; font-size: 8pt; font-weight: bold; cursor: pointer; }
  a.normal { color: white !important; }
  a.colored { color: white !important; }
  a.button div.middle { padding: 2px 5px 0 0; }
  a.button div.middle div { padding: 0px 5px 0 0; }

  /*a.button div.start { width: 3px; height: 21px; background-repeat: no-repeat; float: left; }
  a.normal div.start {background-image: url(/_image/button/normalStart.gif); }
  a.colored div.start {background-image: url(/_image/button/coloredStart.gif); }

  a.button div.startArrow { width: 15px; height: 21px; background-repeat: no-repeat; float: left; }
  a.normal div.startArrow {background-image: url(/_image/button/normalStartArrow.gif); }
  a.colored div.startArrow {background-image: url(/_image/button/coloredStartArrow.gif); }

  a.button div.middle { height: 21px; background-repeat: repeat-x; float:left; }
  a.normal div.middle { background-image: url(/_image/button/normalMiddle.gif); }
  a.colored div.middle { background-image: url(/_image/button/coloredMiddle.gif); }

  a.button div.middle div { padding: 3px 5px 0 2px; float:left; }

  a.button div.end { width: 3px; height: 21px; background-repeat: no-repeat; float: left; }
  a.normal div.end {background-image: url(/_image/button/normalEnd.gif); }
  a.colored div.end {background-image: url(/_image/button/coloredEnd.gif); }

  a.button div.endArrow { width: 15px; height: 21px; background-repeat: no-repeat; float: left; }
  a.normal div.endArrow {background-image: url(/_image/button/normalEndArrow.gif); }
  a.colored div.endArrow {background-image: url(/_image/button/coloredEndArrow.gif); }

  a.button div.endCross { width: 15px; height: 21px; background-repeat: no-repeat; float: left; }
  a.normal div.endCross {background-image: url(/_image/button/normalEndX.gif); }
  a.colored div.endCross {background-image: url(/_image/button/coloredEndX.gif); }*/



  a.button div.start { width: 5px; height: 18px; background-repeat: no-repeat; float: left; }
  a.normal div.start {background-image: url(/_image/gyereksite/btn_blueStart.gif); }
  a.colored div.start {background-image: url(/_image/gyereksite/btn_blueStart.gif); }

  a.button div.startArrow { width: 14px; height: 18px; background-repeat: no-repeat; float: left; }
  a.normal div.startArrow {background-image: url(/_image/gyereksite/btn_blueStartArrow.gif); }
  a.colored div.startArrow {background-image: url(/_image/gyereksite/btn_blueStartArrow.gif); }

  a.button div.middle { height: 18px; background-repeat: repeat-x; float:left; }
  a.normal div.middle { background-image: url(/_image/gyereksite/btn_blueMiddle.gif); }
  a.colored div.middle { background-image: url(/_image/gyereksite/btn_blueMiddle.gif); }

  a.button div.end { width: 5px; height: 18px; background-repeat: no-repeat; float: left; }
  a.normal div.end {background-image: url(/_image/gyereksite/btn_blueEnd.gif); }
  a.colored div.end {background-image: url(/_image/gyereksite/btn_blueEnd.gif); }

  a.button div.endArrow { width: 14px; height: 18px; background-repeat: no-repeat; float: left; }
  a.normal div.endArrow {background-image: url(/_image/gyereksite/btn_blueEndArrow.gif); }
  a.colored div.endArrow {background-image: url(/_image/gyereksite/btn_blueEndArrow.gif); }

  a.button div.endCross { width: 14px; height: 18px; background-repeat: no-repeat; float: left; }
  a.normal div.endCross {background-image: url(/_image/gyereksite/btn_blueEndX.gif); }
  a.colored div.endCross {background-image: url(/_image/gyereksite/btn_blueEndX.gif); }*/





  /*************** newsletterThemes  /hirlevel.php  ********************/
  div.newsletterTheme {  }
  div.newsletterThemeFrame { border: 1px solid #d0ccc1; background: #eceae6; margin-bottom: 20px; padding: 10px; }
  div.newsletterTheme-item { border-bottom: 1px solid #d0ccc1; }
  div.newsletterTheme-title { font-size: 22px; font-weight: bold; color: #fd9e01; padding: 0 0 10px 0; }
  div.newsletterTheme-subtitle { font-size: 15px; font-weight: bold; color: #333; padding: 5px 0 5px 0; }
  div.newsletterTheme-lead { padding: 0px 0 0px 15px; }
  div.newsletterTheme-viewActual { padding: 8px 0 8px 15px; /*border: 1px solid green;*/ }
  a.newsletterTheme-viewActual_btn { width: 181px; height: 18px; background-image: url(/_image/kreativ/newsLetter_viewActual_189x21px_btn.gif); background-repeat: no-repeat;
                                       font-size: 8pt; font-weight: bold; text-decoration: none; padding: 3px 0 0 8px; cursor: pointer; display: block; }
  div.registerNewsletter { position: relative; top: 8px; float: right; }
  span.newsletterTheme-title { font-weight: bold; display: block; padding-bottom: 5px; }
  div.newsletterTheme-info { padding: 10px; }






  div.eventViewList div.listedDate { font-family: verdana,tahoma,verdana,'tw cen mt'; font-size: 15pt; font-weight: bold; color: #fd9e01; border-bottom: 1px solid #d0ccc1; padding: 15px 0; }
  div.eventViewList div.event_date { font-weight: bold; color: #fd9e01; padding: 8px 0; }

  div.eventViewList div.event_title a:link, div.eventViewList div.event_title a:active, div.eventViewList div.event_title a:visited { font-weight: bold; color: #333; text-decoration: none; }
  div.eventViewList div.event_title a:hover { text-decoration: underline; }

  div.eventViewList div.event_lead { width: 470px; padding: 10px 0; }

  div.eventViewList div.event_thumbnail { width: 90px; background: #fff; border: 1px solid #d0ccc1; padding: 5px; margin: 5px; display: inline-block; }
  div.eventViewList div.event_thumbnail img { width: 90px; }
  div.eventList .eventSelect { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black; text-transform: none;
                               background: white; width: 170px; }



  div.singleTab input.button { font-family: arial narrow; font-weight: bold; color: white; border: 0; text-decoration: none; background: #fd9e01; padding: 0px 7px; }








  /*  *****   basket    *****  */
  div.basket { width: 100%; }
  div.basket div.title { /*font-size: 11.5pt;*/ font-weight: bold; color: #333; margin-bottom: 10px;}
  table.basket { border: 1px solid #d0ccc1; }
  table.basket thead td { /*font-size: 10pt;*/ font-weight: bold; text-align: center; color: #333; }
  table.basket thead td:first-child { text-align: left;  }
  table.basket tbody td { /*font-size: 10pt;*/ font-weight: normal; text-align: center; color: #333; padding: 5px 5px 5px 10px ; }
  table.basket tbody td:first-child { text-align: left; }

  table.basket tbody td input { border-top: 1px inset #565656; border-right: 1px inset #cccccc; border-bottom: 1px inset #cccccc; border-left: 1px inset #565656; color: black;
                               background: white; width: 28px; }

  table.basket tfoot div.price { /*font-size: 11pt;*/ text-align: right; font-weight: bold; padding: 10px; }
  table.basket tbody td input.clear { border: 0; background-repeat: no-repeat; background-image: url(/_image/kreativ/orangeX_icon.gif); width: 21px; height: 21px; cursor: pointer;  }

  div.basketRefreshButton { width: 100%; text-align: right; padding: 0px; }
  div.basketRefreshButton a.basketRefreshButton_btn { width: 146px; height: 21px; background-repeat: no-repeat; background-image: url(/_image/kreativ/basketRefresh_146x21px_btn.gif); display: inline-block; cursor: pointer;
                                                      font-size: 8pt; font-weight: bold; text-align: left; color: #fd9e01; text-decoration: none;
                                                      padding: 3px 0 0 8px; }

  div.article { /*padding-left: 10px;*/ }
  div.article h1 { margin: 0px; }
  div.article h2 { text-transform: uppercase; margin-bottom: 5px; margin: 0px; }
  div.article h3 {  }
  div.article h4 {  }
  div.article h5 {  }
  div.article h6 {  }
  h2 { margin-top: 0; }

  div.article div.articleDate { color: #7e8d1f; font-size: 9pt; display: inline-block; margin-top: 8px }
  div.article *div.articleDate { display: inline; }  /* IE hack!!! */

  div.article div.articleLead { font-weight: bold; margin: 13px 0px; }
  div.article div.articleContent { position: relative; margin-bottom: 15px; }
  div.article div.articleContent a { color: #7e8d1f; font-weight: bold; }
  div.article div.articleContent img { padding: 0 8px 0 0; }
  div.article div.articleWriter a:link,
  div.article div.articleWriter a:active,
  div.article div.articleWriter a:visited  { font-weight: bold; color: #333; text-decoration: none; }
  div.article div.articleWriter a:hover  { text-decoration: underline; }
  div.article div.articleSource a:link,
  div.article div.articleSource a:active,
  div.article div.articleSource a:visited  { font-weight: normal; color: #333; text-decoration: none; }
  div.article div.articleSource a:hover  { text-decoration: underline; }


  /*  shareBox   */

/*  div.shareBox { background: #839220; color: white; margin: 15px 0; padding: 6px 5px; }
  div.shareBox a:link, div.shareBox a:active, div.shareBox a:visited { color: white; text-decoration: none; }
  div.shareBox a:hover { text-decoration: underline; color: #fd9e01; }

  div.shareBox div.button-shareBox { padding: 0 20px 0 0; margin: 5px 0; display: inline; }

  div.shareBox div.button-shareBox:last-child { padding: 0; }
  div.shareBox div.button-shareBox img { vertical-align: middle; vertical-align: -30%; display: inline-block; }
  div.shareBox div.button-shareBox span.aText { padding: 0 5px; margin: 0; }

  div.shareBox  div.share_addThis_btn { display:inline-block; width: 20px; height: 20px; background: url('/_image/kreativ/addThis_btn.gif') no-repeat top left; vertical-align:text-top; }
  div.shareBox  div.share_kedvencek_btn { display:inline-block; width: 20px; height: 20px; background: url('/_image/kreativ/kedvencek_btn.gif') no-repeat top left; vertical-align:text-top; }
  div.shareBox  div.share_szoljHozza_btn { display:inline-block; width: 20px; height: 20px; background: url('/_image/kreativ/szoljHozza_btn.gif') no-repeat top left; vertical-align:text-top; }
  div.shareBox  div.share_kuldesEmailben_btn { display:inline-block; width: 20px; height: 20px; background: url('/_image/kreativ/kuldesEmailben_btn.gif') no-repeat top left; vertical-align:text-top; }
*/

  /* **** shareBox  ****  */



  /*div.shareBox div.button-shareBox { padding: 0 20px 0 0; display:inline-block; height: 20px; }
  div.shareBox *div.button-shareBox { display:inline; }  /* IE hack!!! */

  /*div.shareBox div.button-shareBox a { display:inline-block; margin: 0; }
  div.shareBox div.button-shareBox *a { display:inline; }  /* IE hack!!! */

  /*div.shareBox div.button-shareBox:last-child { padding: 0; }
  div.shareBox div.button-shareBox img { vertical-align: text-top; vertical-align: -30%; display: inline-block; }
  div.shareBox div.button-shareBox *img { display: inline; }  /* IE hack!!! */
  /*div.shareBox div.button-shareBox div.aText { vertical-align: text-top; display: inline-block; padding: 0; margin: -6px 0 0px 5px; }
  div.shareBox div.button-shareBox *div.aText { display: inline; }  /* IE hack!!! */


  div.shareBox { background: #839220; color: white; width: 607px; height: 20px; margin: 0px 0 1px 0px; padding: 5px; }
  div.shareBox a:link, div.shareBox a:active, div.shareBox a:visited { color: white; text-decoration: none; }
  div.shareBox a:hover { text-decoration: underline; }

  div.shareBox table td { vertical-align: middle; }
  div.shareBox _text, div.shareBox img { vertical-align:text-top; }
  div.shareBox div.share_addThis_btn { background: #FD9E01 url('/_image/addThis_btn.gif') no-repeat top left; }
  div.shareBox div.share_kedvencek_btn { background: #FD9E01 url('/_image/kedvencek_btn.gif') no-repeat top left; }
  div.shareBox div.share_szoljHozza_btn { background: #FD9E01 url('/_image/szoljHozza_btn.gif') no-repeat top left; }
  div.shareBox div.share_kuldesEmailben_btn { background: #FD9E01 url('/_image/kuldesEmailben_btn.gif') no-repeat top left; }

  div.shareBox  div.share_addThis_btn,
  div.shareBox  div.share_kedvencek_btn,
  div.shareBox  div.share_szoljHozza_btn,
  div.shareBox  div.share_kuldesEmailben_btn { width: 20px; height: 20px; }


  /*div.shareBox  *div.share_addThis_btn,
  *div.shareBox  *div.share_kedvencek_btn,
  *div.shareBox  *div.share_szoljHozza_btn,
  *div.shareBox  *div.share_kuldesEmailben_btn { display: inline; }  /* IE hack!!! */


  div.shareBox  div.sendArticleMail_target { margin-bottom: 10px; }
  #sendArticleMail_target {  }
  div.sendArticleMail div.background { background-color: #E6EED6; }
  #sendArticleMailContainer #sendArticleMailButton { float: right; }
  #sendArticleMailContainer #sendArticleMailForm b { color: #4D560B; }


  /* tobb tabos szerkesztheto oldal*/

  div.editable_content { /*border: 1px solid red;*/ }
  div.editable_content p { margin: 0; padding: 0; }

  div.editable_content a:link, div.btab_content a:active, div.btab_content a:visited { color: #833d0b; text-decoration: underline; }
  div.editable_content a:hover { color: #934d1b; text-decoration: underline; }

  div.editable_content table { /*font-size: 10pt;*/ }
  div.editable_content table th { padding: 12px 0 3px 0; text-align: left; }
  div.editable_content table th:first-child { padding-right: 60px; }
  div.editable_content table tr { vertical-align: top; }


  /* search */

  div.searchResults { margin: 10px 0px 0px 10px; /*border: 1px solid red;*/ }

  div.searchResults a:link, div.searchResults a:active, div.searchResults a:visited { font-weight: bold; text-decoration: none; color: #333; }
  div.searchResults a:hover { text-decoration: underline }

  div.searchResults div.element { width: 575px; /*border: 1px solid red;*/ }

  div.searchResults div.image { float: right; vertical-align: top; margin-left: 10px; clear: right; }
  div.searchResults div.texts { vertical-align: top; }

  div.searchResults div.description {}
  div.searchResults div.description p { margin: 0; padding: 0 0 5px 0; }

  div.searchResults div.number { font-weight: bold; color: #888; clear: right; }
  div.searchResults div.link { margin: 0; padding: 0 0 5px 0;}
  div.searchResults div.section { font-size: 12px; padding: 0 0 5px 0; }
  div.searchResults img.img { border: 1px solid #d0ccc1; padding: 5px; }
  div.searchResults div.time, div.searchResults div.date { font-size: 12px; color: #888; padding: 0 0 5px 0; display: inline-block; }

  div.searchResults div.line { margin: 10px 0; border-top: 1px solid #d0ccc1; }




  /********** navigate - site search *************/

  div.gyermekevek div.siteSearch { padding: 17px 0 0 45px; }
  div.gyermekevek div.siteSearch div.searchText { color: white; /*font-size: 9pt;*/ font-weight: bold; text-transform: uppercase; display: inline-block; }
  div.gyermekevek div.siteSearch div.searchFormDiv { display: inline-block; }
  div.gyermekevek div.siteSearch #searchForm select { border: 1px solid black; width: 140px; height: 20px;}
  div.gyermekevek div.siteSearch #searchForm input[type=text] { border: 1px solid black; width: 150px; }
  div.gyermekevek div.siteSearch #searchForm input[type=submit] { border: 1px solid black; }



  /********** left menu *************/

  div.gyermekevek #sectionMenuVertical div.subPagesMenu { padding: 19px 0 20px 0; }

  div.gyermekevek #sectionMenuVertical a.menuItem,
  div.gyermekevek #sectionMenuVertical a.actualMenuItem,
  div.gyermekevek #sectionMenuVertical a.menuItem-first,
  div.gyermekevek #sectionMenuVertical a.actualMenuItem-first {
     background-repeat: no-repeat; /*width: 180px;*/ height: 15px; padding: 3px 0 0 70px; display: block; font-weight: bold; text-transform: uppercase; }

  div.gyermekevek #sectionMenuVertical a:link, div.gyermekevek #sectionMenuVertical a:active, div.gyermekevek #sectionMenuVertical a:visited { color: #2b2b2b; text-decoration: none; }
  div.gyermekevek #sectionMenuVertical a.menuItem { background: #fff url(/_image/gyereksite/menuItemBg.png) no-repeat top left; }
  div.gyermekevek #sectionMenuVertical a.actualMenuItem { background: #fff url(/_image/gyereksite/menuItemBg_act.png) no-repeat top left; color: #fff; }
  div.gyermekevek #sectionMenuVertical a.menuItem-first { background: #fff url(/_image/gyereksite/menuItemBg_first.png) no-repeat top left; }
  div.gyermekevek #sectionMenuVertical a.actualMenuItem-first { background: #fff url(/_image/gyereksite/menuItemBg_first_act.png) no-repeat top left; color: #fff; }

  div.gyermekevek #sectionMenuVertical a.menuItem:link,
  div.gyermekevek #sectionMenuVertical a.menuItem:active,
  div.gyermekevek #sectionMenuVertical a.menuItem:visited,
  div.gyermekevek #sectionMenuVertical a.menuItem-first:link,
  div.gyermekevek #sectionMenuVertical a.menuItem-first:active,
  div.gyermekevek #sectionMenuVertical a.menuItem-first:visited  { color: #454545; text-decoration: none; /*ont-size: 9pt;*/ }
  div.gyermekevek #sectionMenuVertical a.menuItem:hover, div.gyermekevek #sectionMenuVertical a.menuItem-first:hover { text-decoration: underline; }

  div.gyermekevek #sectionMenuVertical div.colorBox  { clear: left; float: left; margin-top: 1px; width: 4px; }
  div.gyermekevek #sectionMenuVertical div.color1  { background: #e55017; height: 17px; }/*#e55017*/
  div.gyermekevek #sectionMenuVertical div.color2  { background: #ea7d17; height: 17px; }
  div.gyermekevek #sectionMenuVertical div.color3  { background: #f0c300; height: 17px; }
  div.gyermekevek #sectionMenuVertical div.color4  { background: #64a61e; height: 17px; }
  div.gyermekevek #sectionMenuVertical div.color5  { background: #008b39; height: 17px; }
  div.gyermekevek #sectionMenuVertical div.color6  { background: #008f81; height: 17px; }
  div.gyermekevek #sectionMenuVertical div.color0  { background: #0058a4; height: 17px; }




  /*portál naptár css*/

  div.calendar { display: inline-block; /*background: #efe4d0;*/ width: 100%; font-size: 11pt; }

  div.calendar table.calendar { width: 100%; /*border: 1px solid #9f9480;*/ }

  div.calendar table.calendar thead tr, table.calendar tr { text-align: center; color: #eee; }
  div.calendar table.calendar thead { font-weight: bold; }
  div.calendar table.calendar thead tr td { height: 32px; background: /*345170*/#849220/*e46408*/; }
  div.calendar table.calendar thead tr td div { border-right: 1px solid #eee; }

  div.calendarDropdown { background: /*345170*/#e6eed6/*e46408*/; margin-top: 4px; padding: 3px 5px 3px 5px; text-align: right; }


  /* Calendar top margin row*/
  div.calendar table.calendar tbody tr:first-child td { height: 5px; border-top: 1px solid #9f9480; background: #fff; }
  /* Calendar bottom margin row*/
  div.calendar table.calendar tbody tr:last-child td { height: 1px; }
  /* Calendar left, right margin width*/
  div.calendar table.calendar thead tr td:last-child,
  div.calendar table.calendar thead tr td:first-child { width: 1px; }

  div.calendar table.calendar tbody a,
  div.calendar table.calendar tbody div { display: block; border-top: 1px solid #eceae6; border-left: 1px solid #eceae6; text-decoration: none; padding-top: 5px; height: 21px; }

  /* calendar left-bottom-right border */
  div.calendar table.calendar tbody tr  { background: #eceae6; }


  div.calendar table.calendar tbody a.event_thisMonthFreeDay,
  div.calendar table.calendar tbody div.event_thisMonthFreeDay {  color: #000000; background-color: #FFFFFF; }

  div.calendar table.calendar tbody a.event_thisMonthFreeWeekendDay,
  div.calendar table.calendar tbody div.event_thisMonthFreeWeekendDay { color: #000000; background-color: #FFFDDF; }

  div.calendar table.calendar tbody a.event_thisMonthEventDay,
  div.calendar table.calendar tbody div.event_thisMonthEventDay { color: #000000; background-color: #FD9E01; }

  div.calendar table.calendar tbody a.event_thisMonthEventWeekendDay,
  div.calendar table.calendar tbody div.event_thisMonthEventWeekendDay { color: #000000; background-color: #FD9E01; }

  div.calendar table.calendar tbody a.event_otherMonthFreeDay,
  div.calendar table.calendar tbody div.event_otherMonthFreeDay { color: #d0d0d0; background-color: #FFFFFF; }

  div.calendar table.calendar tbody a.event_otherMonthFreeWeekendDay,
  div.calendar table.calendar tbody div.event_otherMonthFreeWeekendDay { color: #d0d0d0; background-color: #FFFDDF; }

  div.calendar table.calendar tbody a.event_otherMonthEventDay,
  div.calendar table.calendar tbody div.event_otherMonthEventDay { color: #d0d0d0; background-color: #FFDEA6; }

  div.calendar table.calendar tbody a.event_otherMonthEventWeekendDay,
  div.calendar table.calendar tbody div.event_otherMonthEventWeekendDay { color: #d0d0d0; background-color: #FFDEA6; }

  div.calendar table.calendar tbody a.event_today,
  div.calendar table.calendar tbody div.event_today { font-weight: bold; }



  /* *********  Rate  *************/

  #target_articleRate {  margin: 0px; /*border: 1px solid white;*/ }
  div.articleRateContainer { /*width: 308px; margin: 15px 0;*/ padding: 0px 5px 0 0px; height: 32px; font-size: 15px; background: #e46408 url(/_image/gyereksite/orange_headerBg.png) no-repeat top right; color: white; border: 1px solid white; }
  #rate_form { height: 15px; }

  a.articleRateButton { display: block;  text-decoration: none; color: white; padding: 1px; text-align: center; width: 20px; display: inline-block; padding: 3px 5px; border: 4px solid #e46408; border-right: 0px;  }
  a.articleRateButtonMouseOver { text-decoration: none; background: #FD9E01; color: white; text-align: center; width: 20px;  display: inline-block; padding: 3px 5px; border: 4px solid #e46408; border-right: 0px;  }

  div.articleRate { position: relative; float: right; top: 26px; right: 5px; /*font-size: 9pt;*/ font-weight: bold; color: white; }
  div.rateMessage { position: relative; clear: left; float: left; left: 8px; top: 8px; font-size: 13px; font-weight: bold; color: white; }
  div.rateMessage a:link, div.rateMessage a:active, div.rateMessage a:visited { color: white; text-decoration: none; }
  div.rateMessage a:hover { text-decoration: underline }


  div.basicList div.title_16ptColored { color: #fd9e01; font-weight: bold; font-size: 16pt; text-align: center; padding: 15px 0; }
  div.basicList div.title_12ptBlack { color: #333 /*#fd9e01*/; font-weight: bold; font-size: 12pt; text-align: center; }
  div.basicList div.title_10ptBlack { color: #333 /*#fd9e01*/; font-weight: bold; font-size: 10pt; text-align: left; padding: 10px 0 5px 0; }
  div.basicList div.title_10ptColored { color: #fd9e01; font-weight: bold; font-size: 10pt; text-align: left; padding-bottom: 5px; }

  div.basicList div.textLeftIndented   { color: #333; font-weight: bold; text-align: left; padding-left: 30px; }
  div.basicList div.text   { color: #333; text-align: left; }

  div.basicList div.date { color: #fd9e01; text-align: left; }


  /* *******   sitemap    ******** */
  div.sitemap { margin: 10px 0 0 10px;}
  div.sitemap div.item { position: relative; margin: 2px 0; padding: 3px; border: 1px solid #999; }

  div.sitemap div.item a:link, div.sitemap div.item a:active, div.sitemap div.item a:visited { color: black; text-decoration: none; }
  div.sitemap div.item a:hover { text-decoration: underline; }

  /* A portál root neve */
  div.sitemap div.item:first-child { font-weight: bold; text-transform:capitalize; }

  div.notFound { padding: 10px; }
  div.notFound a { color: #833D0B !important; cursor: auto; text-decoration: underline!important; }
  div.notFound table { font-size: 13px; }


  div.contentBox {  }
  div.contentBoxHalf { width: 286px; margin-left: 15px; }
  div.contentBoxLeft { width: 587px; margin-left: 15px; }
  div.contentBoxEmbed { width: 230px;  }









  div.contentBox div.content div.imageItem { position: relative; width: 90px; height: 90px; background: #fff; border: 1px solid #d0ccc1; padding: 6px 4px 5px 4px; margin: 7px 0 7px 7px; text-align: center; display: inline-block; overflow: hidden; }
 *div.contentBox div.content div.imageItem { display: inline; } /* IE hack */
  div.contentBox div.content div.imageItem img { vertical-align: top; padding-bottom: 3px; }
  div.contentBox div.content div.imageItem div.imageTitle { display: block; position: absolute; width: 100%; height: 30px; bottom: 2px; vertical-align: 50%;  }
 *div.contentBox div.content div.imageItem div.imageTitle { text-align: center; margin-left: -50%; }
  div.contentBox div.content div.bigImageItem { width: 580px; margin: 7px 0 0px 0px; height: auto; }

  div.contentBox div.content div.pagingRow table tr { vertical-align: middle; }
  div.contentBox div.content div.pagingRow table table { margin-right: 8px; }
  div.contentBox div.content div.pagingRow input.prev { border: 0; background-repeat: no-repeat; background-image: url(/_image/kreativ/leftArrow.gif); width: 21px; height: 21px; cursor: pointer; margin-right: 5px;  }
  div.contentBox div.content div.pagingRow input.next { border: 0; background-repeat: no-repeat; background-image: url(/_image/kreativ/rightArrow.gif); width: 21px; height: 21px; cursor: pointer; margin-left: 5px; }

  div.contentBanner { padding: 4px 0px; }

