body, div {
  background-color:#333;
  color:#ccc;
  margin:0px;
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /*font-size:1em;*/
}

h1, h2, h3, h4, h5, h6 {
  font-size:x-small;
}

form {
  margin:0px;
  padding:0px;
}
a {
  text-decoration:none;
}

img {
  border:0px none red;
  padding:0px;
  margin:0px;
}

a#mainpage {
  display:block;
  position:relative;
  width:100px;
  height:98px;
  background-image: url("/alkotasok/modpub/images/f_logo_7.gif");
  background-repeat: no-repeat;
  margin:0;
  padding:0;
}

a#mainpage span {
  display:none;
}

#root {
  margin:8px auto 0px auto;
  padding:0px;
  width:50em;
 /* border:1px solid white;*/
}

#container-left {
  position:relative;
  right:-4px;
  width:100px;
  overflow:hidden;
  float:left;
  color:#ccc;
  background-color:#333;
  font-size:x-small;
  border-right:1px solid #f60;
}

#container-main {
  /*margin-left:6.3em;*/
  width:43em;
  margin-left:99px;
  border-left:1px solid #f60;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}

#content {
  font-size:x-small;
}

h1 {
  background-color:#f60;
  color:#000;
  padding:5px;
  margin:5px 5px 0 5px;
  width:98%;
  font-size:inherit;
  text-align:center;
}

p {
  margin-left:5px;
}
#caption {
    width:100%;
}

#frmToolbar {
  width:100%;
  display:block;
  line-height:0em;
  overflow:hidden;
}

#frmToolbar fieldset {
  
  border-left:0px none #333;  
  border-right:0px none #333;  
  border-bottom:1px solid #f60;  
  border-top:0px none #333;   /* stupid IE workaround */
  margin:0px;
  padding:0px;
  display:block;
  height:72px;
  width:100%;
}

#frmToolbar legend {
  display:none;
}

/*
#container-toolbar form , #container-toolbar fieldset {
  display:inline;
}
*/

#color-line {
  height:7px;
  width:100px;
  background-image: url("/alkotasok/modpub/images/f_logo_alatt.gif");
  display:block;
  margin:0;
  padding:0;
}

#caption .caption-left {
  width:48%;
  display:block;
  float:left;
  background-color:#400;
  font-weight:bold;
  font-size: 11px;
  padding:5px;
  overflow:hidden;
  letter-spacing: 0.3em;
  color:#f90;
}

.caption-left a {
  color:#f90;
  background-color:#400;
}

#caption .caption-right {
  display:block;
  /*float:right;
  margin-left:48%;*/
  background-color:#200;
  color:#f60;
  font-weight:bold;
  font-size: 11px;
  text-align:right;
  padding:5px;
  overflow:hidden;
}

.caption-right a {
  color:#f60;
  background-color:#200;
} 

.hidden {
  display:none;
}

.centered {
  text-align:center;
}

#frmLogin {
  padding:0px;
  margin:10px 0px 0px 0px;
  background-color:transparent;
  text-align:left;
}

#frmLogin fieldset {
  width:100px;
  border-style:none;
  padding:0px;
  margin:0px;
  background-color:transparent;
}

#frmLogin legend {
  display:none;
  /*margin:3px 0px 0px 0px;
  padding:0px;
  display:block;
  float:left;
  text-align:left;
  color:#ccc;*/
}

#frmLogin label {
  margin:0px;
  padding:0px;
  display:block;
}

#frmLogin #login_email {
  font-size:1.1em;
  background-color:#333;              
  text-align:left;             
  vertical-align:bottom;              
  height:1.2em;              
  width:96px;              
  color:#ccc; 
  margin:0px;
  padding:0px;
  border-width:1px;
  border-style:solid;
}
#frmLogin #login_passwd {
  font-size:1.1em;
  background-color:#333;              
  text-align:left;              
  vertical-align:bottom;              
  height:1.2em;              
  width:96px;              
  color:#ccc; 
  margin:0px;
  padding:0px;
  border-width: 1px;
  border-style: solid;
}

#submit_login {
  float: right;
}

.infotext {
  margin-top:3px;
  display:block;
  float:left;
}

.infotext-box {
  width:100px;
  display:block;
  border-bottom:1px solid #f90;
  float:left;
  clear:both;
  padding-top:15px;
  padding-bottom:15px;
}

.infotext-box img {
  float:right;
}

#sponsors {
  display:block;
  width:100px;
  padding-top:15px;
  padding-bottom:10px;
  clear:both;
}

#sponsors a {
  color:#f90;
  background-color:#333;              
  display:block;
  padding-top:10px;
  margin:2px 0px 0px 2px;
  clear:both;
}

#sponsors img {
  margin-top:2px;
}
.lista_1  {font: x-small Verdana, Arial, Helvetica, sans-serif;
           background: #333;              
           text-align: left;              
           vertical-align: bottom;              
           height: 16px;              
           width: 324px;              
           color: #ccc; 
           margin: 0px;
           border-width: 1px;
           border-style: solid;
           border-color: #ccc;
}

.lista_2  {font: x-small Verdana, Arial, Helvetica, sans-serif;
           background: #444;              
           text-align: left;              
           vertical-align: bottom;              
           height: 16px;              
           width: 375px;              
           color: #ccc; 
           margin: 0px;
           border-width: 1px;
           border-style: solid
           border-color: #ccc;
           }
.lista_3  {font: x-small Verdana, Arial, Helvetica, sans-serif;
           background: #444;              
           text-align: left;              
           vertical-align: bottom;              
           height: 16px;              
           width: 125px;              
           color: #ccc; 
           margin: 0px;
           border-width: 1px;
           border-style: solid;
           border-color: #ccc;
           }


#f_koz {
  display:block;
}

#lekerd, #lista, #submit_lista, #submit_recalc, #submit_recalc1, #submit_recalc2 {
  position:relative;
  top:4px;
}

#forras {
  margin:10px 0px 0px 0px;
  padding:0px;
  vertical-align:top;
}

.list-header {
  margin-top:5px;
  padding:5px; 
  background-color:#600;
  font-weight:bold;
  width:99%;
}

.list-header span.title {
  color:#f60;
  letter-spacing: 0.3em;
}

.list-header span.query_title {
  color:#f60;
  font-weight:normal;
  padding-left:5px;
}

.list-header span.pager-data {
  display:block;
  float:right;
  color:#ccc;
  font-weight:normal;
}

#savelink, #savelink:hover, #savelink:link, #savelink:visited, #savelink:active {
  color:#f90;
  background-color:#400;
  font-weight:bold;
  padding:5px;

}
.datapager {
  background-color:#444;
  /*width:69em;*/
  width:99%;
  margin:8px 0 8px 0;
  height:30px;
  text-align:center;
}

.datapager a {
  background-color:#222;
  display:block;
  width:32px;
  float:left;
  padding:5px;
}

.datapager a.pager-next {
  float:right;
}

.datapager a.pager-back {
    background-color:inherit;
    float:none;
    white-space:nowrap;
    margin:0 auto 0 auto;
    width:20em;
    color:#f90;

}
#datapager2 {
  border-top:1px solid #f90;
}
.pager {
  background-color:#444;
  /*width:69em;*/
  width:99%;
  margin:8px 0 8px 0;
  height:70px;
  text-align:center;
}

.pager a {
  background-color:#222;
  display:block;
  width:32px;
  float:left;
  padding:24px;
}

.pager a.pager-next {
  float:right;
}

.pager a.pager-back {
    background-color:inherit;
    float:none;
    white-space:nowrap;
    margin:0 auto 0 auto;
    width:20em;
    color:#f90;

}

.frmList {
  display:block;
  margin: 0 auto 0 auto;
  text-align:center;
  background-color:#444;
}

.frmList fieldset {
  border:0;
  margin:0;
  padding:0;
  background-color:#444;
}

#pager2 {
  border-top:1px solid #f90;
}

.frmList div {
  color:#f90;
  background-color:#444;
}

.list-item {
  clear:right;
  border-top:1px solid #f90;
  width:100%;
  height:80px;
}

.list-item h2 {
  display:block;
  margin:0;
  padding:5px;
  background-color:#300;
  color:inherit;
  width:99%;
  text-align:right;
  font-size:x-small;
}

.list-item h2 a {
  display:block;
  float:left;
  color:#f90;
}

.list-item h2 a:hover {
  display:block;
  float:left;
  color:#f60;
}

.list-data {
  display:block;
  float:left;
  width:83%
}

.list-img {
  display:block;
  float:right;
  margin:5px;
  width:100px;
  height:75px;
}

.list-data div {
  float:left;
  width:45%;
  background-color:inherit;
  color:#f60;
  padding:5px 5px 5px 10px;
}

.list-data span {
  display:block;
  float:left;
  width:6em;
  color:#ccc;
}

.list-data span.designer-list {
  float:none;
  margin-left:6em;
  width:auto;
  color:#f60;
  padding:0;
}

.shortlist {
}

.shortlist-data {
    border-top: 1px solid #f90;
    width:99%;
    height:3.5em;
}

.shortlist-data div {
    float:left;
    display:block;
    margin:5px 5px 5px 10px;
}

.shortlist-data span {
    float:right;
    display:block;
    margin:5px 5px 5px 10px;
}

.shortlist-data a {
  display:block;
  float:left;
  color:#f90;
  background-color:inherit;
  font-weight:bold;
  margin:5px 5px 5px 10px;
  width:40em;
}

.shortlist-data a:hover {
    color:#f60;
}
.datapage h2 {
    border-top: 1px solid #f90;
    text-align:center;
    background-color:#600;
    color:#f90;
    font-weight:bold;
    font-size:x-small;
    margin:8px 0 5px 0;
    padding:5px;
    white-space:nowrap;
    display:block;
    width:99%;
}

.datapage h2 span {
    color:#ccc;
    font-weight:normal;
    float:left;
    display:block;
}

.datapage h3 {
    border-top: 1px solid #f90;
    background-color:#300;
    padding:5px;
    color:inherit;
    font-size:x-small;
    margin:3px 0 0 0;
    width:99%;
}

.datapage .group {
    font-size:x-small;
    /*height:12em;*/
    background-repeat:no-repeat;
}

.datapage .group span.label {
    display: block;
    float:left;
    width:19em;
    padding:3px 0 3px 10px;
}

.datapage .group div {
  padding:5px 5px 5px 0;
  color:#f90;
}

.datapage .group .data {
    background-color:transparent;
    color:#f90;
    padding:3px 0 3px 0;
    margin:0 0 0 20em;
    line-height: 140%;
}

.datapage .group .data a.bek-link {
  color:#f60;
  float:right;
  display:block;
  position:relative;
  top:-1.4em;
}
.datapage .group .data a.bek-tag-link {
  color:#f60;
}
/*.datapage .group div.padded {
  padding-left:15px;
}*/

.datapage .image-group {
  background-color:#333;
  float:left;
  padding-top:10px;
}

.datapage .image-group a.odd {
  display:block;
  float:left;
  padding:15px;
  background-color:#444;
}
.datapage .image-group a.even {
  background-color:#222;
  display:block;
  float:left;
  padding:15px;
}

.datapage .image-group hr.hidden {
  clear:left;
}

.datapage #first-image {
  background-color:#333;
  float:right;
  display:block;
  padding:0px;
  margin:0px;
}

.datapage #first-image a {
  display:block;
  padding:20px;
  background-color:#444;
}

#frmQuery {
  
}

#frmQuery fieldset {
  border:0;
  color:#f90;
  background-color:inherit;
}

#frmQuery label {
  display:block;
  float:left;
  width:20em;
  color:#ccc;
  background-color:inherit;
}

#frmQuery input, #frmQuery select {
  font: x-small Verdana, Arial, Helvetica, sans-serif;
  background: #222;              
  text-align: left;              
  vertical-align: bottom;              
  width: 400px;              
  color: #f90; 
  margin: 0px;
  border-width: 2px;
  border-color: #ccc;
  border-style: solid
}

#frmQuery select.datum {
  width:6em;
}

#frmQuery input.cbox {
  width:1.5em;
}
#frmQuery #megvalosulas_ev1, #frmQuery #megvalosulas_ev2, #frmQuery #irsz1, #frmQuery #irsz2, #frmQuery #kerulet1, #frmQuery #kerulet2, #frmQuery #paly_ev1, #frmQuery #paly_ev2, #frmQuery #dij_ev1, #frmQuery #dij_ev2, #frmQuery #engedely_ev1, #frmQuery #engedely_ev2, #frmQuery #tervezes_ev1, #frmQuery #tervezes_ev2{
  width:3em;
}
#frmQuery #koltseg1, #frmQuery #koltseg2, #frmQuery #koltseg_nm1, #frmQuery #koltseg_nm2, #frmQuery #szintterulet1, #frmQuery #szintterulet2 {
  width:8em;
}
#frmQuery .submit {
  margin:10px 0 0 20em;
  width:10em;
  background-color: #ccc;
  color: #000;
  border-width:3px;
  border-style: outset;
  border-color: #ccc;
}

#frmQuery hr {
  margin:10px;  
  border-width:0;
  border-style:none;
}

#frmSave {
  font-size:x-small;  
  width:40em;
  margin:0 auto 0 auto;
  padding:0;
  text-align:center;
  font-weight:bold;
}
#frmSave fieldset {
  border-width:0;
  border-style:none;
  width:40em;
  margin:0;
  padding:0;
}

#frmSave legend {
  float:left;
  display:block;
  width:39em;
  background-color:#f60;
  color:#000;
  padding:5px;
  margin:5px auto 10px auto;
  font-size:inherit;
  text-align:center;
}

#frmSave label {
    clear:left;
}

#frmSave #query_name {
  font: x-small Verdana, Arial, Helvetica, sans-serif;
  background: #222;              
  text-align: left;              
  vertical-align: bottom;              
  color: #f90; 
  margin-left: 5px;
  border-width: 2px;
  border-color: #ccc;
  border-style: solid
}

#frmSave a {
  color:#f90;
}

#frmSave .submit {
  display:block;
  margin:10px auto 10px auto;
}

div.datapage .group .data a {
  color: #fff;
  text-decoration:none;
}