html {
  font-size: 75.3%; /* 16px x 81.3% = 13px */
}

body {
  font-family: 'Merriweather Sans', "Segoe UI", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  background: url(../images/alap2200-4.jpg) no-repeat center top;
  background-attachment: fixed;
  width: 100%;
  margin:0;
  padding:0;
  text-align:center;
  top: -20px !important;
  padding-top: -20px;
}


	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		/*border-top:1px solid #A6A6A6;*/
        padding: 0;
	}

/* Sizes match proper font scaling. */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1em;
  padding: 0;
  margin: 12px 0 0px 0;
  color: #504a69;
}
h1 { font-size: 1.692em; } /* 22px */
h2 { font-size: 1.385em; } /* 18px */
h3 { font-size: 1.231em; } /* 16px */
h4 { font-size: 1.077em; } /* 14px */
h5 { font-size: 1em; }

#main {
	width:1100px;
    min-height: 400px;
    height: 100% !important;
	margin:0px auto;
	text-align:left;
	padding:0px;
    top: 0px !important;
    padding-top: 0px;

    display: inline-block;
	}

#header {
   width:1100px !important;
   margin: 0;
   padding: 0;
   clear:both;
   display: block;
   float:left;
}

.tartalom {
  padding: 10px;
}
.tart {
  padding: 4px;
}
.tart2 {
  padding: 3px;
}
.topp {
  margin-top: 70px;
  display: block;

}

#user {
  font-size: 11px;
  text-align: right;
  padding: 12px;
}


#content {
   width:1100px !important;
   margin: 0;
   padding: 0;
   display: inline-block;
   float: left;
}
.panel {
  width: 530px;
  padding: 0px;
  padding-left: 0px;
  display: block;
  float: left;
  vertical-align: top;

  /*border: 1px solid #FF9933;*/

}
.oszlop {
  width: 100px;
  padding: 0px;
  display: block;
  float: left;
  vertical-align: top;
  min-height: 38em;
  border-right: 1px solid #636363;
}

.hoszlop {
  width: 100px;
  padding: 0px;
  display: block;
  float: left;
  vertical-align: top;
  min-height: 5em;
  border-right: 1px solid #636363;
  background: #EAEAEA;
  border-bottom: 1px solid #636363;
}

.eloszl {
  width: 23px;
  padding: 0px;
  display: block;
  float: left;
  min-height: 38em;
  vertical-align: top;
  border-right: 1px solid #636363;
  background: #EAEAEA;
}

.heloszl {
  width: 23px;
  padding: 0px;
  display: block;
  float: left;
  min-height: 5em;
  vertical-align: top;
  border-right: 1px solid #636363;
  background: #EAEAEA;
  border-bottom: 1px solid #636363;
}

.hour {
  height: 2.29em;
  text-align: center;

}

/* --- LISTA nézetek --- */
.esem {
  display: block;
  float:left;
  background: #DCDCDC;
  padding: 0px;
}
.esemno {
  display: block;
  float:left;
  background: #FFB7B7;
  padding: 0px;
}
.ures {
  display: block;
  float:left;
  background: #fff;
  padding: 0px;
}


#scale {
  width: 200px;
  text-align: left;
  float: left;
}


/* ------------------------------------------------------------------------*/
/* ----   ÚJ LISTA   ------------------------------------------------------*/
/* ------------------------------------------------------------------------*/

.ujoszlop {
  width: 70px;    /* was 100 */
  padding: 0px;
  display: block;
  float: left;
  vertical-align: top;
  min-height: 580px;
  border-right: 1px solid #636363;
  background: url(../images/grid-ora.png) no-repeat;
  background-position: top center;
}

.listalap {
  background: url(../images/grid-ora.png) no-repeat;
  display: block;
  float: left;
  width: 100%;
  min-height: 557px;
  height: 557px !important;
  margin-bottom: 20px;
}
.listalap2 {
  background: url(../images/grid-ora.png) no-repeat;
  display: block;
  float: left;
  width: 100%;
  min-height: 557px;
  height: 557px !important;
  margin-bottom: 20px;
}

.ujfent {
  top: 0px;
  left: 0px;
  height: 31px;
  position: relative;
  width: 68px;    /* was 98 */
  padding: 0px;
  margin: 0px;

}
.esembl {
  right: 0px;
  position: absolute;
  padding: 0px;
  margin: 0px;
  background: #ebebeb;
  border: 1px solid #636363;
}

.ujhoszlop {
  width:69px;  /* was 98 */
  padding: 0px;
  display: block;
  float: left;
  min-height: 557px;
  height: 557px !important;
  vertical-align: top;
  border-right: 1px solid #ccc;
  position: relative;
  font-size: .8em;
}

.ujeloszl {
  width: 34px;
  padding: 0px;
  display: block;
  float: left;
  min-height: 557px;
  height: 557px !important;
  vertical-align: top;
  border-right: 1px solid #ccc;
}

.heloszl {
  width: 23px;
  padding: 0px;
  display: block;
  float: left;
  min-height: 5em;
  vertical-align: top;
  border-right: 1px solid #636363;
  background: #EAEAEA;
  border-bottom: 1px solid #636363;
}




/* ---------------------------------------------------------------- */
/*   MENÜ  -------------------------------------------------------- */
/* ---------------------------------------------------------------- */

#menu {
    background: #504a69;
    font-size: 1.6em;
    min-height: 20px;
    color: #fff;
    width: 80%;
    float: right;
}
#menu ul {
  padding: 0;
  margin: 0;
}

#menu li {
  list-style: none;
  list-style-type: none;
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 13px;
  float: left;
}
#menu li:hover {
  background:#160e37
}

#menu li:active {
  background:#160e37
}

#menu a {
  color: #fff;
  text-decoration: none;
  padding: 3px 20px 7px 20px;
}

#menu a:hover {
  color: #fff;
  text-decoration: none;
}
#menu a:active {
  background:#9999CC
}


#submenu   {
    background: #9999CC;
    font-size: 1.1em;
    min-height: 12px;
    color: #fff;
    width: 80%;
    float: right;
}
#submenu ul {
  padding: 0;
  margin: 0;
}

#submenu li {
  list-style: none;
  list-style-type: none;
  display: block;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 6px;
  float: left;
}
#submenu li:hover {
  background:#504a69;
}
#submenu a {
  color: #160e37;
  text-decoration: none;
  padding: 8px;
  padding-left: 20px;
  padding-right: 20px;
}

#submenu a:hover {
  color: #fff;
  text-decoration: none;
}


/* ---------------------------------------------------------------- */
/* ÁLTALÁNOS DOLGOK  ---------------------------------------------- */
/* ---------------------------------------------------------------- */



#login {
  display: block;
  width: 200px;
  padding: 20px;
}

.form-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

label.error {
  display: none;
  color: red;
      font-style: italic;
  padding-left: 5px;
  font-size: .9em;
  min-width: 250px !important;
}
div.hiba {
  color: red;
      font-style: italic;

  font-size: 1.1em;

}

.sugo {
      font-size: .9em;
  /*background: #FEFAF8;
  border: 1px solid #CCC;*/
  padding:0;
  padding-top: 4px;
  color: #483D8B;
}

.kiem {
  font-weight: bold;
  color: #504A69;
}


/**
 * Headings
 */


h1 {
  margin: 5px 0 5px;
  font-size: 2em;
  line-height: 1.1;
}
h1 em {
  font-weight: 300;
}
h2 {
  margin: 5px 0 5px;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.3;
}
h3 {
  margin: 12px 0 10px;
  font-size: 1.333em;
}
h4 {
  margin: 10px 0 8px 0;
  font-size: 1.167em;
}
h5 {
  font-size: 1em;
  margin: 12px 0 8px 0;
  font-weight: 700;
}
h6 {
  margin: 12px 0 8px 0;
  font-size: 0.833em;
  font-weight: 700;
}


/**
 * Forms
 */


fieldset {
  margin: 15px 0;
  padding: 13px 20px;
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;*/
}
legend {
  margin-left: -8px;
  padding: 1px 8px 1px 9px;
  color: #636363;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px; */
}
.form-item {
  margin: 0px 0;

}
legend + .form-item {
  margin-top: 0;
}
fieldset .form-item:first-child {
  margin-top: 0;
}
.form-item:last-child {
  margin-bottom: 0px;
}
.form-item .description {
  background-color: #f5f9fa;
  /*border: 1px solid #deeaec;*/
  font-size: 0.917em;
  margin: 5px 0 5px;
  padding: 2px 2px;
}
.form-item label {
  vertical-align: middle;
  font-size: 1em;
  font-weight: 300;
}
label.option {
  display: inline;
  font-weight: normal;
  color: inherit;
  margin-left: 3px;
}
span.form-required {
  font-weight: 700;
  color: #e25401;
}
.container-inline div,
.container-inline label {
  display: block;
}
input.form-text,
input.form-password,
input.form-file,
textarea {
  padding: 2px;
  margin:5px 0 3px 0;
  height: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;*/

  width: 460px !important;    /* SZÉLESSÉG beállítás panelhez ! */
}

.form-option {
   padding: 2px;
  margin:5px 0 3px 0;
  height: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;*/

  width: 100px !important;
}

.form-text-h {
  padding: 2px;
  margin:5px 0 3px 0;
  height: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;*/
   width: 210px !important;
}
/* pü táblázat elemei */
.form-sor {
  display: block;
  float:left;
  height: 35px;
  width: 90%;
  /*background-color: #fafafa; #fafafa;.
  border: 1px dotted #636363; */
  margin-bottom: 0px;
  padding: 5px;

}

.form-sor-textarea {
  display: block;
  float:left;
  width: 90%;
  /*background-color: #fafafa;
  border: 1px dotted #636363; */
  margin-bottom: 0px;

}

.form-sor-u {
  display: block;
  float:left;
  height: 35px;
  width: 90%;
  /*background-color: #fafafa; /* #fff */
  /*border: 1px dotted #636363;  */
  margin-bottom: 0px;

}

.form-text-t {
  padding: 0px;
  margin:6px;
  height: 24px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
   width: 130px !important;
}

.form-text-tarea {
  padding: 0px;
  margin:6px;
  margin-left: 0px;
  margin-top: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363; /*border: 1px solid #ccc;*/
  width: 430px !important;
}

.tdat {
  width: 130px;
  display: block;
  float: left;
}
.tmeg {
  width: 230px;
  display: block;
  float: left;
}
.tossz {
  width: 100px;
  display: block;
  float: left;
}
.idat {  width: 130px !important; margin:0; }
.imeg {  width: 230px !important; margin:0; }
.iossz { width: 100px !important; margin:0; }

.form-sor-i {
  display: block;
  float:left;
  height: 26px;
  width: 90%;
  background-color: #fafafa; /*#fafafa;.*/
  padding:0;
  margin:0;
}

.form-text-tt {
  padding: 0px;
  margin:6px;
  height: 24px;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
   width: 50px !important;
}

.tlab {
  display: block;
  float: left;
  height: 35px;
  width: 50%;
}
.ttitle {
  display: block;
  float: left;
  height: 35px;
  font-size: 1.2em;
  width: 100%;
  padding-top: 8px;
  color: #E25401;
}
.labb {
 display: inline;
 vertical-align: middle;
 padding-top: auto;
 padding-bottom: auto;
}
#bevetel {
  padding:2px;
  font-size: 1.2em;
  font-weight: bold;
  color: #504A69;
}
#kiadas {
  padding:2px;
  font-size: 1.2em;
  font-weight: bold;
  color: #504A69;
}
#egyenleg {
  padding:2px;
  font-size: 1.2em;
  font-weight: bold;
  color: #E25401;
}


.form-text-q {
  padding: 2px;
  margin:5px 0 3px 0;
  height: auto;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  background-color: #F4f1e8; /*#fafafa;.*/
  border: 1px dotted #636363;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;*/
   width: 50px !important;
}

fieldset input.form-text,
fieldset input.form-password,
input.form-file,
textarea {
  background-color: #fdfdfd;
}
input.form-text:focus,
input.form-password:focus,
input.form-file:focus,
textarea:focus {
  border: 1px solid #a5a5a5!important;
  background-color: #fff;
}
/* input.form-text,
input.form-password,
input.form-file {
  width: auto;
} */
textarea {
  resize: none;
  /*height: 200px;*/
}
select {
  padding: 4px;
  width: 100%!important;
  max-width: 230px;
}

/*.selec { list-style-type: none; margin: 0; padding: 0; width: 490px !important; display: block; float: left; clear: both;
padding-bottom: 20px;}
.selec li { margin: 3px; padding: 2px; padding-top: 5px; float: left; width: 160px; height: 20px; font-size: 1.1em;
text-align: center;

  background: #5F5964 url(../css/eggplant/images/ui-bg_highlight-soft_100_dcd9de_1x100.png) 50% 50% repeat-x;

  }
.selec li a {
  text-decoration: none;
  padding: .4em 1em;
} */


.form-radios,
.form-checkboxes {
  margin: 3px 0;
}
.form-item-choice {
  padding: 3px 0;
}
.form-radios label,
.form-checkboxes label,
.form-item-choice label {
  font-size: 1em;
}
.form-item.form-type-radio,
.form-item.form-type-checkbox {
  margin: 4px 0;
}
input.form-checkbox,
input.form-radio {
  display: inline;
  vertical-align: middle;
}
input.form-button,
input.form-submit {
  margin: 0 5px 0 0; /* LTR */
  padding: 5px 11px;
  background: #9bd35f;
  border: 1px solid #ccc;
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;*/
  cursor: pointer;
  color: #474747;
}
input.form-button:hover,
input.form-submit:hover,
input.form-button:focus,
input.form-submit:focus {
   border-color: #474747 !important;
   background: #6fac2d;
   color: #fff;
}
input[disabled="disabled"] {
  background-color: #eaeaea;
}
input.error,
textarea.error,
select.error {
  background-color: #fefaf8;
  border: 1px solid #f4b09e;
}
input.error:focus,
textarea.error:focus,
select.error:focus {
  background-color: #fef7f5;
  border: 1px solid #d43308!important;
}

.halfd {
  display: block;
  float: left;
  width: 250px !important;
  padding-bottom: 10px;
}

.tabla {
  display: block;
  float: left;
  width: 500px !important;
  padding-bottom: 20px;
}
.tabla table {
  width: 100% !important;
}

.tabla td {
  font-size: 13px;
  padding: 2px;
}
.tabla tr.head {
  background: #C8C8C8;
}

/** NEW TABLE **/

.newtable table {
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    border-collapse: collapse;
}
.newtable thead {
  background: #fff;
}
.newtable th {
    padding: 5px;
    margin: 0;
    /* NOTE: th padding must be set explicitly in order to support IE */
    text-align: left;
    font-weight:bold;
    /*line-height: 2em;*/
    color: #FFF;
    background-color: #555;
}
.newtable tbody td {
    padding: 4px;
    line-height: 12px;
    /*border-top: 1px solid #E0E0E0;*/
}
.newtable tbody tr:nth-child(2n) {
    background-color: #Eee;
}
.newtable tbody tr:hover {
    background-color: #D4D4D4;
}
.newtable td {
    text-align: left;
}
.newtable td:first-child, th:first-child {
    text-align: left;
}

.scrollup {
  width: 110px;
  height: 110px;
  opacity: 0.6;
  position: fixed;
  bottom: 100px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background: url('../images/top2.png') no-repeat;
  font-size: 20px;
  color: #da251c;
  font-weight: bold;
}



.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


/* OVERLAY ---------------------------------------------------------------- */

/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;

    width:320px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url("../image/close.png");
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
  }

  .modal h2 {
    background:url(/media/img/global/info.png) 0 50% no-repeat;
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
  }

.ui-autocomplete-loading {
        background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
    }

#toolbar {
        padding: 10px 4px;
    }

#warn {
    background-color: #FFB7B7;

    padding:15px;
    text-align:left;
    border:2px solid #FF0000;

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;

    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    width: 90%
}

.osz1 a, .osz1enyem a { text-decoration: none;}
.osz1 {   background: #EAEAEA; }
.osz1enyem {  background: #F2EFDB; }
.osz1closed { background: #FFB7B7; }

.tabll { background: #99DE45; }
.tablm { background: #59AAD9; }
.tablsz { background: #FEA26C; }
.tablpu { background: #F36DF3; }
.tablpr { background: #7C65D7; }


.elem {
   display: block;
    float: left;
    width: 100%;
    height: 22px;
}

.plus {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/plus.png") no-repeat;
}

.minus {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../images/minus.png") no-repeat;
}
.del {
    display: block;
    float: left;
    width: 30px;
    height: 22px;
    background: url("../images/del.png") no-repeat;
}
#eroelem {
  padding: 0;
  margin: 0;
}
.deling {
  font-weight: normal;
  font-size: .9em;
  color: red;
}
.deli {
  font-weight: bold;
  color: red;
}

.kicsi {
  font-size: .8em;
  color: #636363;
}