@page {
    size: portrait;
    margin: 0mm;
}

h2
{
    font: normal 150% "Magra",Arial,sans-serif;
    color: #144A83;
    line-height: 20px;
    /*text-align: left;*/
    /*padding: 0 0 10px 0;*/
}

.tooltip_b { font:12px 'Tahoma'; padding: 5px; border: 1px solid #ff0000; text-align:center; width: 300px; color: #1B4966; background: none repeat scroll 0% 0% #FFFFFF; opacity: 0.85; filter: alpha(opacity=95) }
.tooltip_h { font:12px 'Tahoma'; text-align:center; text-decoration:blink; font-weight: bold; width: 310px; border: 1px solid #ff0000; color: #fff; background: none repeat scroll 0% 0% red; opacity: 0.95; filter: alpha(opacity=95) }

#highlight {
    background:#f0f0f0;
    padding:10px;
    border:1px solid #e2e2e2;
    color:#9d9d9d;
}

body{
    font: 14px "Magra",Arial,sans-serif;
    color:#7D7B7A;
    margin: 0;
    padding: 0;
    background: #F9F9F9;
}

a {  text-decoration:none; outline:none; color: #E25527; }
a:hover { color:#1F0801; text-decoration:underline; }

img{ border:none; outline:none; }


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: ".";
    display:block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
    clear: both;
}

.noclear {
    clear: none;
}


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

@font-face {
    font-family: birth_of_a_hero-webfont;
    src: url('fonts/birth_of_a_hero-webfont.eot'); /* IE9 Compatibility Modes */
    src: url('fonts/birth_of_a_hero-webfont.eot?') format('eot'),  /* IE6-IE8 */
    url('fonts/birth_of_a_hero-webfont.woff') format('woff'), /* Modern Browsers */
    url('fonts/birth_of_a_hero-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/birth_of_a_hero-webfont.svg#svgbirth_of_a_hero-webfont') format('svg'); /* Legacy iOS */
}

legend {
    font: 16px "Tahoma", Ariel, sans-serif;
    padding: 2px auto;
    margin: 25px;
    color: orange;
    text-decoration: inline;
}
fieldset{
    font-family: birth_of_a_hero-webfont;
    padding: 3px auto;
    margin: 3px auto;
    border: 1px dotted grey;
    text-align: center;
}
ul {
    display: block;
    margin: 0 auto;
    padding: 0 auto;
    background: transparent;
    text-align: auto;
}
/* Page */
#wrapper { width: 100%; margin: 0; padding: 0; background: #ec5a2b url(images/background.jpg) repeat left top; }
#wrapper-inner { width: 100%; margin: 0; padding: 0; background: #ec5a2b url(images/background2.jpg) no-repeat center top; }


/* Show / Hide Informations ****************************************************/
#infopanel-wrap {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0;
    margin: 0;
    padding: 0;
    background: #144A83;
    border-top: 8px solid #144A83;
}
#infopanel { width: 980px; margin: 0 auto; padding: 0; }
#info_opentable { display: block; clear: both; overflow: hidden; width: 980px; margin: 0 auto; padding: 0; }
.loginbox {
    margin: 0;
    padding: 0;
    font: 14px "Magra",Arial,sans-serif;
    color: #fff;
    line-height: 60px;
}
.loginbox a { color: #fd9574; text-decoration: none; outline: 0; }
.loginbox a:hover { color: #fff; text-decoration: none; outline: 0; }
.infobutton {
    float: right;
    height: 36px;
    display: block;
}
.infobuttonright {
    height: 36px;
    background: url(images/topmenu-bg.png) no-repeat right  -36px;
    margin: 0;
    padding: 0 54px 0 0;
}
.infobuttonleft {
    height: 36px;
    background: url(images/topmenu-bg.png) no-repeat left top;
    margin: 0;
    padding: 0 0 0 54px;
}
.infobuttoncenter {
    height: 36px;
    background: #144A83;
    font: 12px "Magra",Arial,sans-serif;
    color: #fff;
    line-height: 36px;
    vertical-align: middle;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    border: none;
    cursor:pointer;
}
.infobutton a { color: #fff; text-decoration: none; outline: 0; }
.infobutton a:hover { color: #fd9574; text-decoration: none; outline: 0; }

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


/* Header */
#header {
    width: 1000px;
    height: 125px;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background: url(images/header-bg.png) no-repeat left top;
}
#search-wrap {
    float: right;
    width: 180px;
    height: 31px;
    margin: 50px 150px 0 0;
    padding: 0;
    border: 4px solid #FFFFFF;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 1px 3px #C24921;
    -webkit-box-shadow: 0 1px 3px #C24921;
    box-shadow: 0 1px 3px #C24921;
    line-height: 31px;
}
.search-box {
    font: 12px "Magra",Arial,sans-serif;
    color: #fff;
    line-height: 31px;
    background: transparent;
    margin: 0;
    padding: 0 5px 0 10px;
    border: none;
    float: left;
    margin: 0;
    width: 130px;
    height: 31px;
}
.search-button {
    display: block;
    float: left;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 31px;
    height: 31px;
}


.sitename {
    font: 74px birth_of_a_hero-webfont, "Arial", Helvetica, sans-serif;
    color: #f009b2;
    line-height: 46px;
    text-transform: capitalize;
    text-align: center;
    margin: 30px 0 0 0;
}
.sitetag {
    font: 24px birth_of_a_hero-webfont, "Arial", Helvetica, sans-serif;
    color: #aa08c2;
    margin: 0;
    padding: 0 150px 0 0;
    text-transform: capitalize;
    text-align: right;
}


/* Main Horizontal Menu */
#mainmenu {
    width: 1000px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    background: url(images/mainmenu-bg.png) no-repeat center top;
}
#mainmenu-inner {
    width: 900px;
    height: 40px;
    margin: 0 auto;
    padding: 0;

}


/* Slider **********************************************************************/
#slider-wrap {
    width: 1000px;
    height: 250px;
    margin: 30px auto 40px auto;
    padding: 0;
    background: transparent;
}
/* Innerfade Slideshow images */
ul#slider { margin: 0 auto; padding: 0; }
ul#slider li {
    display: block;
    width: 760px;
    height: 250px;
    margin: 0 120px;
    padding: 0;
    background: transparent;
}
ul#slider li img{ border: none; margin: 0 auto; }


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



/* Main Content */
#contentwrap {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 10px;
    background: transparent;
}

/* Full width for index.php */
#fullcolumn {
    width: 980px;
    margin: 0;
    padding: 0 10px;
}
.wmessage-box {
    margin: 0;
    padding: 15px 15px 25px 15px;
    background: #144A83;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}
.wmessage-box-title {
    margin: 0;
    padding: 0 0 10px 0;
}
.wmessage-box-title h2 {
    margin: 0;
    padding: 0;
    font: 26px "Tahoma",Arial,sans-serif;
    color: #fff;
    line-height: 36px;
}
.wmessage-box-body {
    font: 15px "Magra",Arial,sans-serif;
    color: #fff;
    line-height: 22px;
}

/* Bottom Menus for Index Page */
#bottommenus-wrap {
    width: 1000px;
    margin: 20px auto 0 auto;
    padding: 0;
}
#bottommenus {
    width: 990px;
    margin: 0 10px;
    padding: 0;
}
#bottom-menu1, #bottom-menu2, #bottom-menu3 {
    float: left;
    width: 330px;
    margin: 0;
    padding: 0;
}
#bottom-menu1, #bottom-menu2 {
    background: url(images/separator-bg.png) no-repeat right top;
}
.bottom-box {
    margin: 0;
    padding: 0 40px 20px 20px;
    background: transparent;
}
.bottom-box a { color: #1f0801; text-decoration: none; outline:none; }
.bottom-box a:hover { color: #fff; text-decoration: none; outline:none; }
.bottom-box-title {
    margin: 0;
    padding: 0 0 10px 0;
}
.bottom-box-title h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font: 24px "Magra",Arial,sans-serif;
    color: #fff;
}
.bottom-box-body {
    font: 14px "Magra",Arial,sans-serif;
    color: #FFB69E;
    line-height: 16px;
    margin: 0;
    padding: 0;
}


/* Footer */
#footer {
    width: 100%;
    margin: 20px 0 0 0 ;
    padding: 73px 0 0 0;
    background: url(images/footer-bg.png) repeat-x left top;
}
#footer a { color: #02ADF9; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #FA0F96; }
#footer-inner {
    width: 100%;
    margin: 0;
    padding: 0 0 50px 0;
    background: #f9f9f9;
}

/* Footer Ad Slider */
#footer-slider {
    width: 980px;
    margin: 0 auto;
    padding: 45px 0 0 0;
}
.image_carousel {
    padding: 15px 0 15px 40px;
}
.image_carousel img {
    border: none;
    background: transparent;
    padding: 9px !important;
    margin: 7px !important;
    display: block;
    float: left;
}
.clearfix {
    float: none;
    clear: both;
}
/* Social icons */
#footer-social {
    overflow: hidden;
    position: relative;
    width: 980px;
    min-height: 80px;
    margin: 110px auto 20px auto;
    padding: 0;
    background: url(images/social-bg.png) no-repeat center top;
    color: #ACACAC;
    font-size: 13px;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
}
#footer-social-inner{
    position: absolute;
    text-align: center;
    top: 13px;
    width: 100%;
}
.facebook, .twitter, .RSS {
    background: url(images/social_icons.png) no-repeat 0 0;
    display: inline-block;
    height: 33px;
    margin-right: 10px;
    width: 33px;
    text-indent: -9999px;
    transform: scale(1.0);
    transition: transform 0.1s ease-out;
}
.facebook { background-position: 0 -34px; }
.twitter { background-position: 0 0; }
.RSS { background-position: 0 -67px; }
.facebook:hover,
.twitter:hover,
.RSS:hover {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
}
#footer-info {
    width: 980px;
    margin: 0 auto;
    paddig: 0;
}

/* Main Menus 2 - footer menus */
#footermenu {
    float: left;
    width: 450px;
    margin: 0 0 10px 0;
    padding: 10px 20px;
}
#footermenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#footermenu ul li {
    float: left;
    display: inline;
    font: 13px "Magra",Arial,sans-serif;
    color: #FF6600;
    padding: 0 10px;
    line-height: 15px;
    border-right: 1px solid #7a7a7a;
}
#footermenu ul li a {
    color: #7A7A7A;
    text-decoration: none;
}
#footermenu ul li a:hover {
    color: #FF6600;
    text-decoration: none;
}
#footer-info-text {
    float: right;
    width: 390px;
    font: 13px "Magra",Arial,sans-serif;
    color: #7a7a7a;
    text-align: right;
    margin: 0;
    padding: 0 0 0 100px;
}
#footer-info-text a { color: #FF6600; text-decoration: none; }
#footer-info-text a:hover{ color: #000; text-decoration: none; }



/* Left Column for other pages */
#leftcolumn {
    float: left;
    width: 780px;
    margin: 0;
    padding: 0;
}
#leftcolumn-inner {
    width: 740px;
    margin: 0;
    padding: 20px;
    background: #fff;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 10px #b03d17;
    -webkit-box-shadow: 0 0 10px #b03d17;
    box-shadow: 0 0 10px #b03d17;
}


/* News Item */
.post {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: 4px solid #F89A4F;
}
.post a { color: #E25527; text-decoration: none; }
.post a:hover { color: #1F0801; text-decoration: none; }
.post-title { margin: 0; padding: 0; }
.post-title h2 {
    font: bold 40px "Magra",Arial,sans-serif;
    color: #E25527;
    margin: 0;
    padding: 15px 15px 0 15px;
}
.post-title h2 a { color: #E25527; text-decoration: none; }
.post-title h2 a:hover { color: #1F0801; text-decoration: none; }
.post .postinfo {
    overflow: hidden;
    font: 12px "Magra",Arial,sans-serif;
    color: #7D7B7A;
    padding: 2px 15px 15px 15px;
    margin: 0;
}
.post .postinfo a { color: #E25527; text-decoration: none; }
.post .postinfo a:hover { color: #1F0801; text-decoration: none; }
.post-body {
    clear: both;
    overflow: hidden;
    padding: 10px 15px;
    font: 15px "Magra",Arial,sans-serif;
    color: #7D7B7A;
}
.post-body .imgbox{
    display: block;
    max-width: 650px;
    margin: 0 auto 20px auto;
    padding: 0;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 10px #b03d17;
    -webkit-box-shadow: 0 0 10px #b03d17;
    box-shadow: 0 0 10px #b03d17;
}
.post-body .imgbox img {
    display: block;
    max-width: 630px;
    margin: 0 auto;
    padding: 0;
    border: 10px solid #e85627 !important;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.post-body .news-extend { clear: both; float: right; margin: 0; padding: 20px 0 20px 0; }
.news-extend a.news_extendstring {
    text-align: center;
    background: #144A83;
    padding: 5px 10px;
    margin: 5px 0px;
    font: 12px "Tahoma", Arial, Helvetica, sans-serif;
    color: #fff;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor:hand;
    cursor:pointer;
    border: 1px solid #103b68;
}
.news-extend a.news_extendstring:hover {
    color: #fff;
    background: #aa4522;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b7421d;
}


/* Left Menus */
.leftmenu-box {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: transparent;
}
.leftmenu-box-title { margin: 0; padding: 0; }
.leftmenu-box-title h2 {
    font: normal 25px "Tahoma",Arial,sans-serif;
    color: #E25527;
    margin: 0;
    padding: 10px 0 0px 50px;
}
.leftmenu-box-body {
    margin:0;
    padding: 10px 5px;
    font: 15px "Magra",Arial,sans-serif;
    color: #7D7B7A;
}


/* Right Column for other pages */
#rightcolumn {
    float: left;
    width: 190px;
    margin: 0;
    padding: 0 0 0 30px;
}
#rightcolumn-inner { width: 190px; margin: 0; padding: 0; }

/* Right Menus */
.rightmenu-box {
    margin: 0 0 20px 0;
    padding: 15px 10px;
    background: tranparent;
    border: 4px solid #fff;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 10px #b03d17;
    -webkit-box-shadow: 0 0 10px #b03d17;
    box-shadow: 0 0 10px #b03d17;
}
.rightmenu-box-title { margin: 0; padding: 0; }
.rightmenu-box-title h2 {
    font: 24px "Magra",Arial,sans-serif;
    color: #fff;
    line-height: 28px;
    text-align: left;
    padding: 0 0 10px 0;
}
.rightmenu-box-body {
    font: 13px "Magra",Arial,sans-serif;
    color: #FFB69E;
    line-height: 15px;
    padding: 10px 0 10px 0;
}
.rightmenu-box-body a { text-decoration:none; outline:none; color: #1F0801; }
.rightmenu-box-body a:hover { color:#fff; text-decoration:none; }



/* Other Menus */
.othermenu-box {
    margin: 0;
    padding: 15px;
    background: #fff;
    border: 2px solid #144A83;
}
.othermenu-box a { color: #E25527; text-decoration: none; }
.othermenu-box a:hover { color: #1F0801; text-decoration: underline; }
.othermenu-title h2 {
    font: 24px "Magra",Arial,sans-serif;
    color: #144A83;
    line-height: 28px;
    text-align: left;
    padding: 0 0 10px 0;
}
.othermenu-body {
    font: 13px "Magra",Arial,sans-serif;
    color: #7D7B7A;
    line-height: 15px;
    padding: 10px 0 10px 0;
}

.ordertext {
    font: 12px "Magra",Arial,sans-serif;
    padding: 0px 5px;
    border: 1px solid #ff0000;
    text-align:left;
}


/********************** core style ********************************/

/* tbox, chatbox, button */
#.tbox{
    font: 12px "Magra",Arial,sans-serif;
    color: #000;
    background: #fff url(images/form-bg.gif) no-repeat top left !important;
    margin: 2px 0;
    padding: 5px;
    border: 1px solid #cdcdcd;
}
.tbox.chatbox {
    width: 80%;
    color: #000;
    background: #fff url(images/form-bg.gif) no-repeat top left;
    padding: 5px;
    margin: 10px auto;
    border: 1px solid #cdcdcd;
}
.button, .button:focus {
    text-align: center;
    background: #FCDA3B;
    padding: 5px 10px;
    margin: 5px 0px;
    font: bold 12px "Magra",Arial,sans-serif;
    color: #353639;
    text-shadow: 0 1px 1px #FFFFFF;
    text-transform: uppercase;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor:hand;
    cursor:pointer;
}
.button:hover {
    color: #fff;
    text-shadow: 0 1px 1px #000;
    background: #144A83;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.button a { color: #353639; }
.button a:hover { color: #fff; }

/* FORUMS */
.border { border: 1px solid #000; }
.fborder { border: 1px solid #e4e4e4; border-collapse: collapse; background: #fff; border: none; }
.forumheader{ background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.forumheader a { text-decoration: none; color: #E25527; }
.forumheader a:hover { text-decoration: none; color: #1F0801; }
.forumheader2{ background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.forumheader2 a { text-decoration: none; color: #E25527; }
.forumheader2 a:hover { text-decoration: none; color: #1F0801; }
.forumheader3{ background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.forumheader3 a { text-decoration: none; color: #E25527; }
.forumheader3 a:hover { text-decoration: none; color: #1F0801; }
.forumborder{ border: 1px solid #000; }
a.forumlink{ text-decoration: none; color: #FE8A64; }
a.forumlink:hover { text-decoration: none; color: #1F0801; }
.nforumcaption2 { background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.caption { background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.fcaption { background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.fcaption a { text-decoration: none; color: #E25527; }
.fcaption a:hover { text-decoration: none; color: #1F0801; }
.finfobar{ background: transparent; font: 13px "Magra",Arial,sans-serif; color: #7D7B7A; line-height: 20px; padding: 5px 3px; border-bottom: 1px solid #e4e4e4; }
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }


/* TEXTS */
.indent{ font: italic 13px "Magra",Arial,sans-serif; color: #7D7B7A; background: #f9f9f9; border: 1px solid #eaeaea; padding: 10px; margin: 5px; }
.indent a { text-decoration: none; color: #144A83 !important; }
.indent a:hover { color: #1F0801 !important; text-decoration: none; }
.smalltext { font-size: 13px; }
.smallblacktext { font-size: 13px; }
.defaulttext { font-size: 14px; }
.mediumtext { font-size: 14px; }
blockquote { font: italic 13px "Magra",Arial,sans-serif; color: #7D7B7A; background: #f9f9f9; border: 1px solid #eaeaea; padding: 10px; margin: 5px; }
.nextprev{
    height: 40px;
    font: 15px "Magra",Arial,sans-serif;
    color: #7D7B7A;
    margin: 0;
    padding: 10px 20px 20px 20px;
    text-align: left;
}
.nextprev_link { margin: 0 1px; padding: 5px 5px; }
.nextprev a{
    padding: 0 5px;
    margin: 0 5px 0 0;
    text-decoration: none;
    color: #E25527;
    background: transparent;
    line-height: 40px;
}
.nextprev a:hover {
    padding: 0 5px;
    margin: 0 5px 0 0;
    color: #144A83;
    background: transparent;
    line-height: 40px;
    text-decoration: none !important;
}
.nextprev_current {
    padding: 0 5px;
    margin: 0 5px 0 0;
    color: #144A83;
    background: transparent;
    line-height: 40px;
    text-decoration: none !important;
}
.nextprev_total {
    padding: 0 5px 0 20px;
    margin: ;
    color: #7D7B7A;
    border: none;
    background: transparent;
    font: 14px "Magra",Arial,sans-serif;
    line-height: 40px;
}

.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
td { font-family: "Magra",Arial,sans-serif; padding: 0 5px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
p { margin: 0px; padding: 0 0 10px 0; font: 14px "Magra",Arial,sans-serif; }
.spacer{ padding: 5px 0px 5px 0px; }
hr {
    width: 96% !important;
    border: none;
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0;
    padding: 0;
    margin: 10px auto;
    background: transparent;
    border-top: 0px solid #292724;
    border-bottom: 1px solid #e4e4e4;
}
.helpbox { background: transparent; font: 11px "Magra",Arial,sans-serif; color: #7D7B7A; border: 0px; margin: 0; padding: 0; }
.bodytable { font-family: "Magra",Arial,sans-serif, sans-serif; padding: 8px; }
.code-box { font: 14px "Magra",Arial,sans-serif; color:#ababab; padding: 8px; }
.code_highlight {
    width: 660px;
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 14px "Magra",Arial,sans-serif;
    /* white-space: pre; */
    background: #fff;
    border: 1px solid #e4e4e4;
}
.b { border: none !important; }



/* Navigation ******************************************************************/
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
    font: 18px "Magra",Arial,sans-serif;
    text-align: center;
}

div.menuBar {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

div.emenuBar {
    text-align: center;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
    margin: 0;
    padding: 5px 20px;
    color: #EB592A;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 200;
    white-space: nowrap;
    background: transparent;
    border-right: 1px solid #e4e4e4;
    line-height: 40px;
}
div.menuBar a.menuButton:first-child, div.menuButton:first-child, div.menuButton_over:first-child {
    border-left: 1px solid #e4e4e4;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
    color: #353639;
    background: transparent;
    border-right: 1px solid #e4e4e4;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
    color: #353639;
    background: transparent;
    border-right: 1px solid #e4e4e4;
}
div.menuBar a.menuButton:hover:first-child, div.menuButton:hover:first-child, div.menuButton_over:first-child {
    color: #353639;
    background: transparent;
    border-left: 1px solid #e4e4e4;
}
/* sub links container */
div.menu {
    position: absolute;
    left: -999em;
    top: 0px;
    left: 0px;
    margin-top: -8px;
    padding: 5px 5px 10px 5px;
    visibility: hidden;
    background: #fff;
    width: 200px;
    z-index: 201;
}
/* sub links item */
div.menu a.menuItem {
    font: 14px "Magra",Arial,sans-serif;
    color: #EB592A;
    display: block;
    padding: 7px 10px 7px 10px;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
    color: #353639;
    left: 0;
    top: 0;
}

div.menu a.menuItem span.menuItemBuffer {
    padding: 0px 2px 0px 2px;
    color: #fff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
    padding: 0px 2px 0px 2px;
    color: #000;
}

div.menu a.menuItem span.menuItemText {
    padding: 5px 0 5px 0;
    background: transparent;
}

div.menu a.menuItem span.menuItemText:hover {
    padding: 5px 0 5px 0;
    background: transparent;
}

div.menu a.menuItem span.menuItemArrow {
    padding-right: 20px;
}

div.menu div.menuItemSep {
    border-top: 0px solid #a5a5a5;
    border-bottom: 0px solid #fff;
    margin: 4px 2px;
}

a.menuItem.header {
    border-bottom: 0px solid #b3b3b3;
}



/*
 *************************************************************************************************
 ADMIN
 *************************************************************************************************
*/

.adminFieldRow
{
    padding-top: 6px;
    clear: left;
    font: normal 150% "Magra",Arial,sans-serif;
}

.adminFieldCaption, .adminCommentCaption
{
    /*float: left;
    width: 30%;
    text-align: left;
    vertical-align: top;*/

    float: left;
    width: 30%;
    text-align: left;
   /* vertical-align: top;*/

    /*font: normal 170% 'Yanone Kaffeesatz', arial, sans-serif;*/
    color: #F14E23;
    /*margin: 0;*/
    /*padding: 6px 0;*/
}

.adminFieldInput
{
    float: left;
    width: 70%;
    text-align: left;
   /* vertical-align: top;*/
    /*font: normal 170% 'Yanone Kaffeesatz', arial, sans-serif;*/
    font: normal 120% "Magra",Arial,sans-serif;
}

.adminFieldComment
{
    float: left;
    width: 70%;
    text-align: left;
    vertical-align: top;

    font: italic 80% "Magra",Arial,sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 1em;
    color: #888;
    padding-bottom: 15px;
}

.adminTitleRow
{
    padding-bottom: 6px;
    /*padding-top: 20px;*/
    clear: left;
}

.adminFieldTitle
{
    float: left;
    width: 100%;
    text-align: left;
    vertical-align: top;
    text-decoration: underline;
    font: normal 150% "Magra",Arial,sans-serif;
    padding: 8px;
    margin: 0 0 9px 0;
    color: #444;
}

.adminHideRow
{
    display: none;
}


/* hírek */

span.newsPrint,
span.newsEmail,
span.newsShareFB,
span.newsShareI,
span.newsShareG,
span.newsShareT
{
    background: none repeat scroll 0 0 #E0EAF1;
    border-bottom: 1px solid #B3CEE1;
    border-right: 1px solid #B3CEE1;
    color: #3E6D8E;
    font-size: 90%;
    margin: 1px 1px 1px 2px;
    padding: 3px 4px 3px 4px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    width: 16px;
    height: 16px;
}

span.newsInfo,
span.newsTags,
span.newsCat
{
    width: 70px;
    display: inline-block;
}




span.newsPrint:before
{
    background: url(images/b_print.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.newsEmail:before
{
    background: url(images/b_email.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.newsShareFB:before
{
    background: url(images/share_f.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.newsShareI:before
{
    background: url(images/share_i.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.newsShareG:before
{
    background: url(images/share_g.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.newsShareT:before
{
    background: url(images/share_t.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    float: left;
    margin:0 0 0 0;
}

span.changeLanguage
{
    cursor: hand; cursor: pointer;
}

/* ui+ */



label.ui-button-icon-only,
label.ui-button-text-only
{
    width: 20px;
    height: 20px;
}

.ui-dialog .ui-dialog-buttonpane
{
    padding: 0 0 0 0;
}

.customers
{
    width: 247px;
    height: 45px;
}

.customers_hu
{
    background: url(images/customers_hu.png) 0 0 no-repeat;
}

.customers_hu:hover
{
    background: url(images/customers_hu_.png) 0 0 no-repeat;
}

.customers_en
{
    background: url(images/customers_en.png) 0 0 no-repeat;
}

.customers_en:hover
{
    background: url(images/customers_en_.png) 0 0 no-repeat;
}

.searchhit
{
    /*font-size:11px;*/
    display:inline-block;
    padding:0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-weight: bold;
    background-color: #E25527;
}