:root {
  --main-width: 500px; /*Ha módosítod, akkor a wg.js > SwitchMainDivVisible-ben is írd át!*/
  --main-height: 700px;
  --content-height: 570px;
  --right-left: 550px;
  --detail-width:700px;
  --detail-height:700px;
}

div.dmain{
  border:2px solid brown;
  border-radius:7px;
	margin:0px 5px 5px -5px;
	padding:0px;
	position:relative;
	width:var(--main-width);
	height:var(--main-height);
  overflow:hidden;  
  background:#280000;
  float:left;
}
div.dmaindetail{
  border:2px solid brown;
  border-radius:7px;
	margin:0px 5px 5px -5px;
	padding:0px;
	position:relative;
	width:var(--detail-width);
	height:var(--detail-height);
  overflow:hidden;  
  background:#280000;
  float:left;
  visibility:hidden;
}
div.mainsep{
  margin-left:5px;
	padding:0px;
	position:relative;
	width:1px;
	height:var(--main-height);
  overflow:hidden;  
  float:left;
}

div.rp{
  border:2px solid brown;
  border-radius:7px;
	margin:0px 5px 5px -5px;
	padding:0px;
	position:relative;
	width:var(--main-width);
	height:var(--main-height);
  overflow:hidden;  
  background:#280000;
  float:right;
}


html
{
  height:100%;
}
body
{   
  background-image:url("img/back.jpg");
  font: 11px verdana;
  color:silver;
  height:100%;
  padding: 0;
  margin: 0;  
}

html,body { height: 100%; margin: 0px; padding: 0px; }

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


div.dh
{
  position:absolute;
  border: 2px solid brown;
  border-radius:5px;
  background:#000000;
  padding:0px;
  top:0px;
  left:355px;
  height:32px;
  width:200px;
}

div.d2{
  width:350px;
	padding:0px;
  visibility:hidden;
  width:0px;
  height:0px;  
}
div.d2h{
  background:brown;
	padding:0px;
  height:20px;
  width:auto;
  color:silver;
  margin:0px;   
	}
div.d2f{
	border-bottom-right-radius:7px;  
	border-bottom-left-radius:7px;
	position:relative;
	visibility:inherit;
  display:block;
  margin:2px;
}
div.d2fm{
	position:absolute;
	visibility:inherit;
  display:block;
  margin:0px;
  top:0px;
  height:20px;
}

div.dfull{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:black;
  visibility:hidden;
  z-index:9999;
}
div.dfullr{
width:auto;
height:100%;
background:#330000;
  overflow:auto;  
  border:2px solid brown;
  border-radius:7px;
  z-index:9999999;
  visibility:inherit;
}          

div.dfullclose{
  position:absolute;
  left:68%;
  top:0px;
  width:30px;
  visibility:inherit;
  z-index:999999;
}
div.dfullrh{
display:block;
float:top;
background:brown;
height:30px;
overflow:auto;
  visibility:inherit;
}         
div.dfulltitle{
display:block;
float:top;
border:2px solid brown;
height:20px;
overflow:auto;
  visibility:inherit;
  text-align: center;
}         
div.dfullc{
  height:100%;
  width:70%;
  background:black;
  float:left;
  overflow:auto;  
  visibility:inherit;
  z-index:-100;
}
div.dfullc img{
padding:15px 0px 15px 15px;
}

	
.d2fwrite{
	position:absolute;
	visibility:inherit;
  display:block;
  background-color:yellow;
  margin:0px;
  height:20px;
  width:100%;
}	
	
/* Ablakok - Fejléc 1. sorának konténere*/	
div.d2h2c{
  border:2px solid;
  border-color:brown;
	border-top-right-radius:7px;  
	border-top-left-radius:7px;  
  background:brown;
	padding:0px;
  height:20px;
  width:auto;
  color:silver;
  margin:0px;
  display:block;  
}

div.d2h2c img{
	padding:0px;
  color:silver;
  margin:0px;
  float:right;
}

div.d2h2c a{
  font-weight:bold;
  animation:a_blinker 1s linear infinite;
}

@keyframes a_blinker {
  50% {
    opacity:0;
  }
}


div.d2h2{
  background:brown;
	padding:0px;
  height:20px;
  width:auto;
  color:silver;
  margin:0px;
  text-align:center;  
}
		
div.d3, div.d4, div.hlp{
  border:0px;
  padding:0px;
  left:0px;
  overflow:auto;  
  width:0px;
  height:0px;  
}
div.d30, div.d31, div.d32{
	padding:0px;
  left:0px;
  padding:0px;
  border:0px;  
}

/*Felhasználói adatlap panel*/
div.dupc{
  height:var(--main-height);
  left:var(--right-left);
  background:purple;
  position:relative;
/*  ;*/
}


div.overw{
  padding:0px;
  margin:0px;
  width:100%;
  height:var(--content-height);
  overflow:auto;
}
img.imgchat16{
  position:relative;
  top:30px;
  float:right;
  padding-right:5px;
  display:inline-block;
}

div.d10, div.d12, div.d13{
  padding:0px;
  left:0px;
  visibility:hidden;
  width:0px;
  height:0px;  
}
div.droomc{
  border:2px solid brown;
  border-radius:7px;
  position:absolute;
  visibility:hidden;
  background:brown;
  z-index:9999999;
  width:350px;
  height:300px;
  min-height: 100px;
  min-width: 100px;
  resize: both;
  overflow:hidden;
}
div.droomb{
  background:#280000;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:auto;       
  height: calc(100% - 60px);
  visibility:inherit;
}
div.droomil{
background-color:brown;
left:0px;
width:95%;
height:40px;
float:bottom;
position:absolute;
bottom:0;
visibility:inherit;
}
div.droomir{
float:right;
width:10%;
background-color:brown;
visibility:inherit;
}

div.droomge{
background-color:red;
height:30px;
display:block;
width:100%;
float:bottom;
visibility:inherit;
z-index:99999;
}
.taroom{
background-color:#280000;
width:100%;
height:100%;
resize: none;
border: none;
outline: none;
}

div.d101{
	padding:0px;
	margin:0px;
  visibility:visible;
  overflow:auto;
  display:block;
  font-size:11px;
  width:0px;
  height:0px;
}
div.d101 img{
  margin:0px;
  padding:0px;
  display:inline-block;
  vertical-align:middle;
}

div.d11{
  visibility:hidden;
  padding:0px;
  overflow:auto;  
  width:0px;
  height:0px;
  text-align:justify;
  text-justify:initial;
}
       
div.d121{
  border:2px solid brown;
  border-radius:7px;
	padding-top:5px;
  margin:5px;
  visibility:inherit;
}
div.ddsub{
  border:2px solid brown;
  border-radius:7px;
  
  padding-top:5px;
  margin:5px 0px 0px 10px;
  visibility:inherit;
  width:90%;
}

div.d121 span.lbl{
	display:block;
	color:silver;
	padding-left:20px;
  margin:5px;
  visibility:inherit;
}
div.d21c{
padding-top:5px;
}

.btnsave{
  display:block;
  margin:auto;
  margin-top:10px;
}
.btnsave2{
  display:block;
  margin:auto;
  margin-top:5px;
}
.btncp{
  position:relative;
  display:block;
  margin:10px;
  width:150px;
}
.bntndeluser{
  position: absolute;
  display:block;
  top:92%;
  margin:10px;
  width:150px;
}
img.itpi{
	position:absolute;
  visibility:inherit;
  display:inline;
	margin:2px 0px 0px 3px; 
}
div.d121 span.hdr{
	display:block;
	color:silver;
	font-weight:bold;
	padding:5px 0px 0px 10px;
  margin:5px;
  visibility:inherit;
}
div.dctc{
	position:absolute;
  visibility:inherit;
  display:inline;
  float:right;
  width:15px;
	margin:3px 0px 0px 3px; 
}

span.s121{
	margin:-13px 0px 0px 10px;	
	position:relative;
	display:inline-block;
	background-color:#280000;
}

span.s121click{
	margin:-20px 0px 0px 10px;	
	position:relative;
	display:inline-block;
	background-color:#280000;
	cursor:pointer;
	text-decoration:underline;
}
 
.d7{background-color:#AA0099
}

div.d8{
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  overflow: auto; /* Enable scroll if needed */
  border: none;
  border:1px solid brown;
  border-radius: 5px;
  padding:0px;
  margin:0px;  
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  visibility:hidden;
}

div.d9{
  width:600px;
	padding:0px;
  visibility:hidden;
}

/* Leírás megmutatása */
div.dhelpc{
  border:2px solid gray;
  border-radius:7px;
  position:fixed;
  visibility:hidden;
  z-index:1000;
  left:30%;
  top:0;
	width:400px;  
  height:auto;
  background:#280000;  
}
div.dhelp{
  margin:5px;
  width:390px;
  overflow:auto;
  visibility:hidden;
}

div.dtitle{
  border:0px;
  margin:0px;
  visibility:inherit; 
  border-radius:0px;
	background-color:brown;
	height:18px;
	width:auto;
	text-align:center;
  font-weight:bold;
  cursor:move;	
}
div.toolb{
float:left;
margin:0px;
padding:0px;
}
div.dtitle img{
  float:right;
}


div.dtankbomb{
  position:absolute;
  border:0px;
  visibility:hidden;
  width:5px;
  height:5px;
  background-color:black;
}

div.dmainc{
  border:0px;
	padding:0px;
	margin:0px;
	float:left;
	position:absolute;
	left:-1px;
  top:0px;  
  z-index:1;
}

div.dnavc{
	margin:0px;
	width:45px;
	height:auto;	
  visibility:hidden;
  float:left;
}


/* Az ezalatti szülője*/
div.dnavcd3, div.dnavcd4, div.dnav10{
	margin:0px;
	width:32px;
	height:auto;	
  visibility:inherit;
  float:left;
}

/* Lapozható rétegek bizonyos aloldalakon - fejléc*/
div.dcontsh{
	margin:5px 0px 10px 2px;
	height:auto;	
  visibility:inherit;
  float:top;
  display:block;
  font-weight:bold;
}
/* Lapozható rétegek bizonyos aloldalakon*/
div.dconts{
  border:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	visibility:hidden;
	width:100%;
	left:30px;
}
/*Eredménytáblákat tartalmazó görgethető réteg*/
div.dcontsres{
  border:0px;
	margin:0px;
	padding:0px;
	position:relative;
	visibility:inherit;
	width:460px;
	height:100%;
	overflow:auto;
}

   
div.dnav{
	margin:0px;
	width:100%;	
	height:100%;
  visibility:visible;
  float:top;
  vertical-align:top;
  border-bottom:2px solid brown;  
  border-radius:7px;
	height:auto;	
}

div.dnavcd{
  border:0px;
	padding:0px;
	margin:0px;
  width:40px;	
  float:left;	
  vertical-align: top;
  visibility:inherit;
}
.dnavd{
  vertical-align: top;
  display:block;
  float:top;
  visibility:inherit;
}

div.dnav div{
	margin:0px;
  visibility:visible;
  background:#280000;
  height:0px;
}

div.ddetailcont{
	visibility:inherit;
}


div.dnav img{
  top:0px;  
  bottom:0px;  
  left:0px;  
  right:0px;  
  margin:auto;
  padding-left:3px; 
}
		  
div.detail{
  margin:0px 5px 5px 0px;
  height:100%;
  width:100%;
  visibility:visible;/*hidden;*/
}

span.ball_flag{
  top:0px;
  left:0px;
  display:visible;
  position:absolute;
  text-align:center;
  font-size:10px;
  z-index:1001;                                                   
}

/* Bal felső felbukkanó üzenetjelző */
.s1{
  position:absolute;
  border:1px solid #73AD21;
  padding:5px;
  display:none;
  color:silver;
  z-index:1000;  
}

.s2{
	font-size:14px;
	font-weight:bold;
	float:right;
}
.s3{
  background:#000000;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align: center;
}
span.s4{
color:#55FFFF;
}
span.s5{
  display:inline-block;
  text-align: left;
  float: left;
  margin-left:5px;
}     
span.s6{
  display:inline-block;
  text-align:right;
  float:right;    
  white-space:nowrap;
  margin-left:5px;
  margin-right:5px;
}   

span.s7{
  display:block;
  white-space:nowrap;
  margin-left:5px;
  margin-right:5px;
}
span.s7 a{
  cursor:pointer;
}                       
span.s7 a.s7a{
  cursor:pointer;
  text-decoration:underline;
  color:blue;
}

span.s8{
 margin:6px 0px 5px 5px;
 padding:0px;
 display:inline-block;
}

span.spidcnt{
  position:relative;
  float:right;
  color:black;
  border-radius:5px;
  background:white;
  text-align:center;
	margin:2px 7px 0px 0px;  
	padding:0px 3px 0px 3px;  
  z-index:2;
	visibility:inherit;
  font:9px arial;	
}

span.ssr{
display:block;
padding:5px;
font-weight:bold;
}

span.s9{
display:block;
padding:10px;
}


a { 
  text-decoration: none;
  border-bottom: 2px solid brown;
  border-radius:5px;
}

a:active  {
  color: silver;
}

a.a1{
  color:#8080D5;
}

a.sc{
display:inline-block;
margin:10px;
}

a.pager{
padding:5px;
display:block;
}
table.tpager{
display:inline-block;
margin-right:25px;
}
table.tpager td{
cursor:pointer;
margin:0px;
padding:0px;
}

table.tpager img{
border:2px solid #280000;
}
img.iprev{
visibility:hidden;
}
div.dprevc{
  border:2px solid brown;
  border-radius:7px;
  
  padding-top:5px;
  margin:8px 0px 0px 10px;
  visibility:hidden;
  width:90%;
}

div.dprev{
visibility:inherit;
text-align:center;
padding-top:5px;
margin:5px 0px 0px 10px;
width:98%;
}
div.dprev img{                                                           
  cursor:pointer;
}

p.chatc{
  border:2px solid brown;
  border-radius:7px;
  float:left;
  margin:5px;  
  padding:0px;
}  
div.chath{
float:top;
height:20px;
background-color:brown;
display:block;
}
div.chat {
  padding:2px;  

}

.dprevpager{
width:50px;
float:left;
z-index:100000;
visibility:inherit;
text-align: center;
top:0px;
}

.dprevpager img{
  display:block;
  margin:0px;
  visibility:inherit;
}  

div.contdesc{
display:block;
height:50px;
text-align: justify;
overflow:auto;
margin:5px 70px 5px 70px;
text-align:center;
}
tr.userbusy, a.userbusy
{
  color:#D70000;
  cursor:pointer;
}

tr.userfree, a.userfree
{
  color:#009300;
  cursor:pointer;
}

tr.usernotlog, a.usernotlog
{
  color:#5F5F5F;
  cursor:pointer;
}

a.uid{
text-decoration:none;
}

a.log{
text-decoration:none;
border:0px;
}

table{
  background:inherit;
  border-radius:inherit;
	font:inherit;
	padding:0px 5px 5px 5px;
}

table th{
  text-align:left;
}

table tr td {
  vertical-align:middle;
}

/* Zajló játékok*/
table.tbl1{
  padding:0px;
  margin:0px;
  width:100%;
}

/* Felhasználók */
table.tbl2{
  width:100%;
}

/* Felhasználói keresés eredmények */
table.tbsr{
  width:100%;
}

/* Személyes adatok */
table.tsza{
  margin-top: 10px;
  border: 0px solid brown;
  width:100%;
}

/*Megtekintett partner alapadatai*/
table.showdet{
  width:100%;
  visibility:inherit;
}
table.showdet td{
vertical-align:top;
padding:0px;
margin:0px;
}

table.tsel{
width:100%
}

table.tsel a{
text-decoration:none;
}


.dimg{
top:0px;
left:0px;
display:block;
position:relative;
cursor:pointer;
}

/* Bejelentkező táblázat */

form {
  padding:0px;
  margin:0px;
}

input[type=text], input[type=button], input[type=password], input[type=checkbox]{
  border:1px solid brown;
	color:silver; 
	background:#280000;
}
.textlogged{
  background:#280000 url('img/search.png') no-repeat top left;  
  float:right;
  margin:3px 3px 3px 0px;
  padding-left:18px;
  width:130px;    
}
.textmes{
  width:99%;
  margin-left:2px;
  display:inline-block;
}
img.middle{
  vertical-align:middle;
  margin:0px 0px 5px 2px;
}

img.top{
  vertical-align:top;
  margin:0px;
}

img.bordered {

}


img.logged {
  float:right;
  margin:5px 3px 0px 0px;
}


.gamoba, .gkomasolo{
  border:2px solid #480000;
  border-radius:7px;
	margin:0px 5px 5px 0px;
  position:absolute;		
}

.gtank{
	position:absolute;
	padding:0px 0px 5px 0px;
	float:right;
	overflow:hidden;
}


.dpong {
  border:2px solid silver;
  border-radius:3px;
  background-color:green;
  background-image:linear-gradient(to top, #1E540E,#1E5410,#215A10,#246811,#216011,#277212,#277414);
  margin:1em auto;
	padding:0px;
}

.dpongball2 {
  display:none;
  position:absolute;
  background-color: black;
  border-radius: 50%;
  text-align:center;
  z-index:1000;                                                   
}

.dponguto {
  border:none;
  background-image:linear-gradient(to right, green,silver,green);
}

.dponghalo{
  position:relative;
  border-style:dotted;
  z-index:102;
}
.dpongpoints{
  position:relative;
  z-index:102;
  color:#1E540E;
  background-image:linear-gradient(to left, #277414, gray, #277414);
}


img.itank {
  position:absolute;
  border:0px;
  visibility:hidden;
  width:40px;
  height:20px;
}

img.isun {
  position:absolute;
  z-index:1;
}  

img.ic1, img.ic2, img.ic3, img.ic4, img.ic5 {
  position:absolute;
  z-index:2;
}  

img.amoba_laststep{
  position:absolute;
  visibility:hidden;
}

img.komasolo_laststep{
  position:absolute;
  visibility:hidden;
}

.errorstr {
 background-color:#E8E800;
 color:#C10000;
}

div.dpongball {
  display:none;
  position:absolute;
  border:none;
  text-align:center;
  z-index:1000;                                                  

  background:url(p/ball.jpg);
  background-size:cover;
  border:1px solid #000;
  border-radius:50%;  
}  

@keyframes dpongball {
  0% { background-position:0 0 }
  100% { background-position:355px 0 }
}


@media (max-width: 350px){
body
{
  font-size:31px;
  color:silver;
  padding:0;
  margin:0;
  width:300px;  
}
}

p.sep{
padding:5px;
}

/*Albumok*/
div.filecont{
width:190px;
height:230px;
display:inline-block;
margin:10px 0px 10px 10px;
  border:2px solid brown;
  border-radius:7px;
  cursor:pointer;
}
div.filecont span.title{
background:brown;
top:-10px;
left:10px;
display:block;
display: flex;
justify-content: center;
}

div.filecont table{
left:10%;
display:inline-block;
position:relative;
}

div.filecont img.dimgg{
  border:2px solid #020000;
  border-radius:7px;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  display:block;

clip-path: polygon(10px 0,
                       calc(100% - 10px) 0,
                       100% 10px,
                       100% calc(100% - 10px),
                       calc(100% - 10px) 100%,
                       10px 100%,
                       0 calc(100% - 10px),
                       0 10px);  
}

div.dlog{
border:2px solid brown;
position:fixed;
bottom:0px; 
background:#280000;
z-index:999999;
}