body { 

background-image: url("img/bgg.jpg");
background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;	
  position:relative;
  min-height: 100vh;
}


div.body2{
position:relative;
color: #FFFFFF; 
text-align: center; 
font-family: Arial; 
font-weight: 100%; 
font-size: 100%; 
width: 600px;
max-width: 95vw;
min-height: 90vh;
margin: auto;
}

div.pagrindinis {
position: relative;
text-align: center;
font-size: 17px;
bottom: 0;	
width: 640px;
max-width: 100vw;
margin-left: -2.5%;
}
div.footer {
text-align: center;
font-size: 17px;
position: fixed;
bottom: 0;	
width: 640px;
max-width: 100vw;
margin-left: -2.5%;
}
div.nav {
width: 98%;
max-width: 600px;
text-align: center;
color: #000000;
font-size: 17px;
margin: auto;
padding: 0px;
border: 2px solid #000000;
background-color: rgba(255, 255, 255, .7);
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
}
div.navchat {
width: 98%;
max-width: 600px;
text-align: center;
color: #000000;
font-size: 17px;
margin: auto;
padding: 0px;
border: 2px solid #000000;
background-color: rgba(255, 255, 255, .7);
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
	height: 65%;
	max-height: 65vh;
	overflow-y:scroll;
}
div.navpm {
width: 98%;
max-width: 600px;
text-align: left;
font-size: 17px;
margin: auto;
padding: 0px;
bottom: 0;
	display: in-line;
	height: 75%;
	max-height: 65vh;
	overflow-y:scroll;
}
div.navpm2 {
width: 80%;
max-width: 400px;
text-align: left;
color: #000000;
font-size: 17px;
left:0px;
border: 2px solid #000000;
background-color: rgba(255, 255, 255, .7);
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
}
div.navpm3 {
width: 80%;
max-width: 400px;
text-align: left;
color: #000000;
font-size: 17px;
left:18%;
position:relative;
border: 2px solid #000000;
background-color: rgba(255, 255, 255, .7);
-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
}

div.arenascroll {
width: 98%;
max-width: 600px;
text-align: left;
color: #000000;
font-size: 13px;
margin: auto;
padding: 0px;
display: in-line;
height: 40%;
max-height: 40vh;
overflow-y:scroll;
}

a:link {text-decoration: none; font-weight:bold; color : #000000 }
a:active {text-decoration: none;  font-weight:bold; color : #000000 }
a:visited {text-decoration: none; font-weight:bold; color : #000000 }
a:hover {text-decoration: underline; font-weight:bold; color : #a90303 }
div {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; }
a.plus:link {text-decoration: none; font-weight:900; color : green; font-size: 17px;  }
a.plus:visited {text-decoration: none; font-weight:900; color : green; font-size: 17px; }

div.bg { 
overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

div.top { 
background-color: #000000;
background-position: center;
background-size: 100% 100%;
text-align: center; font-weight:bold; color: #FFFFFF; border-bottom: 2px solid #FFFFFF;
position: fixed; 
  top:0px;
  left:0px;
  width: 100%;

}
div.bottom { background-color: #000000;
background-position: center;
background-size: 100% 100%;
text-align: center; font-weight:bold; color: #FFFFFF; border-top: 2px solid #FFFFFF;
position: fixed;
bottom: 0;	
left:0px;
width: 100%;

}
div.chatas { background-color: #000000;
background-position: center;
background-size: 100% 100%;
text-align: center; font-weight:bold; color: #FFFFFF; border-top: 2px solid #FFFFFF;
position: fixed;
bottom: 52px;
left:0px;
width: 100%;

}

/* Triple H */
.cc { background-color: rgba(000, 000, 000, .7); text-align: center; color: #FFFFFF; width: 100%;
  bottom: 0px;
  left: 0px;
 position: absolute;

}
.cc2 { text-align: left;  width: 100%; 
}
.cc3 {
  position: relative;
  text-align: left;
  color: white;
}
/*        Ringas */
.vs1 { 
background-color: rgba(000, 000, 000, .7); 
text-align: center; color: #FFFFFF; width: 100%;
  bottom: 0px;
  left: 0px;
 position: absolute;

}
.vs2 { text-align: left;  width: 100%; 
}
.vs3 {
	background-image: url("img/ring/vs.jpg");
background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0px;  width: 100%;
  position: relative;
}

/*    Cards     */
.card1 { 
background-color: rgba(000, 000, 000, .7); 
text-align: center; color: #FFFFFF; width: 100%;
  bottom: 0px;
 position: absolute;
   -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: in-line;

}
.card2 { text-align: left;  width: 120px;
}
.card3 {
	background-image: url("img/silver.jpg");
background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 100%;
  position: relative;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
	border: 2px solid #000000;
	margin: 2px;
}

/*    Champs     */
.champ1 { 
background-color: rgba(000, 000, 000, .7); 
text-align: center; color: #FFFFFF; width: 100%;
  bottom: 0px;
 position: absolute;
   -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: in-line;

}
.champ2 { text-align: left;  width: 98%;
}
.champ3 {

background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;  
  width: 98%;
  position: relative;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: in-line;
	border: 2px solid #000000;
	margin: 2px;
}


/*  GM */
.gm1 { 
background-color: rgba(000, 000, 000, .7); 
text-align: center; color: #FFFFFF; width: 100%;
  bottom: 5px;
  left: 0px;
 position: absolute;
}
.gm2 { text-align: left;  width: 100%; bottom: 0px;
}
.gm3 {
background-image: url("img/gmroom.jpg");
background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0px;  
  bottom:0px;
  width: 100%;
  max-width:600px;
  height: 414px;
  position: relative;
  border-top: 2px solid #000000;
}
.gm4 { 
text-align: left; width: 100%;
margin-bottom: -5px;
  bottom: 0px;
  left: 0px;
 position: absolute;
}
/*  turnyras */
.tur1 { 
background-color: rgba(000, 000, 000, .7); 
text-align: center; color: #FFFFFF; width: 100%;
  bottom: 5px;
  left: 0px;
 position: absolute;
}
.tur2 { text-align: left;  width: 100%; bottom: 0px;
}
.tur3 {
background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0px;  
  bottom:0px;
  width: 100%;
  max-width:600px;
  height: 250px;
  position: relative;
  border-top: 2px solid #000000;
}



a {font-weight: normal;}

.topic {

text-align: center;
font-size: 17px;
margin: auto;
padding: 0px;
border: 1px solid #FFFFFF;

}

div.c { 
background-color: #000000;
background-position: center;
background-size: 100% 100%;
text-align: center; font-weight:bold; color: #FFFFFF; border: 2px solid #FFFFFF;
position: relative;
bottom: 0;	
width: 620px;
max-width: 99vw;
}
#info,#info2,#info3,#info4,#info5{
  display: none;
}

.scroll{
	overflow-y: scroll;
	scroll-behavior: smooth;
	    height: 500px;
}


input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	background-color: #000000;
	border: 2px solid #FFFFFF;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width: 300px;
	height: 45px;
	margin-bottom: 1px;
	padding: 0px; 
	padding-left: 2px;
	padding-right: 2px;
}
input.chatok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #000000;
	border: 2px solid #FFFFFF;
	width: 35px;
	height: 35px;
}
input.infobtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 20px;
	height: 20px;
}

textarea{
	border: 2px solid #000000;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
	width: 300px;
	height: 100px;
}

input, select {
	border: 2px solid #000000;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
	width: 300px;
	height: 30px;
}


hr.black{ background-color: black; height: 1px; border: 0; }




.fbtn{background-color:#FFFFFF;background-image:url(img/bg-fight-btn.png);background-repeat:repeat-x}
.fbtn a,.fbtn a .lbl{display:block;text-decoration:none !important;background-image:url(img/bg-fight-btn.png);background-position:0px -38px;background-repeat:no-repeat}
.fbtn a .lbl{height:30px;padding:4px;white-space:nowrap;overflow:hidden;font-size:13px;color:white;background-position:100% -76px}




.bubble 
{
float: right;
text-align: center; 
font-size: 99%;
font-weight: 99%;
color: #000000;
opacity: 0.9;
position: relative;
width: 100%;
height: 100%;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
border: #000000 solid 2px;
margin: auto;
}

.bubble:after 
{
	float: right;
content: '';
position: absolute;
border-style: solid;
border-width: 14px 28px 14px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -28px;
top: 22px;
margin: auto;
}

.bubble:before 
{
	float: right;
content: '';
position: absolute;
border-style: solid;
border-width: 15px 29px 15px 0;
border-color: transparent #000000;
opacity: 0.9;
display: block;
width: 0;
z-index: 0;
left: -31px;
top: 21px;
margin: auto;
}