/****************************************************************************/
/* STILE DELLA CHAT E DEI PANNELLI */

/* HELP: Da qui è possibile modificare:
- I font ed i colori della chat
- Le dimensioni e la posizione della chat
- Lo sfondo della chat*/


#inputchat input[type='submit'] {     background: #1b7dbd;
    width: 70px;
    height: 20px;

}

#inputchat input[type='submit']:hover {     background: #11B3D6;}



iframe.iframe_chat{
   border: none;
   width: 1px;
   height: 1px;
   margin: 0px;}
   
div.chat_window{
  text-align: center;}
  
  .statochat {
      position: absolute;
    top: 0;
    margin: 50px;
color: #fff;
padding: 8px 12px 12px 12px;
line-height: 20px;
border: 1px solid rgba(100, 9, 9, 0.8);
-webkit-box-shadow: 0px 0px 5px 0px rgba(96, 38, 21);
-moz-box-shadow: 0px 0px 5px 0px rgba(96, 38, 21);
box-shadow: 0px 0px 5px 0px rgb(96, 38, 21), inset 0px 0px 8px 0px rgb(96, 38, 21);
background-color: #c13232;
border-radius: 4px;
text-align: justify;
z-index: 9999;
}

.tabelladanni {
    color: #fff;
    background-color: #17335e;
}

/**	* Fix per layout elastico
	* @author Blancks
*/
div.chat_box{
	position:absolute;
	top:160px;
	bottom:100px;
	left:10px;
	right:10px;
	overflow: auto;
	font-size: 13px;
	text-align:left;
	font-family: verdana;
	padding:0px 12px 0px 6px;
	}


div.pagina_frame_chat div.page_body div.panels_box{
	position:absolute;
	bottom:9px;
	left:20px;
	right:5px;
}


/**	* Fine fix */

/** Sfondo Chat */
div.desc_img3{opacity: 0.3; margin-top:-10px;}

/** * Avatar di chat
	* @author Blancks
*/
img.chat_avatar{
	margin:0px 2px;
    position: relative;
}


.chat_me {font-weight:bolder;
}



/***** testo della chat *****/


/* Tipi messaggio: (A azione, P parlato, N PNG, M Master, I Immagine, S sussurro, D dado, C skill check, O uso oggetto) */

.status_min {font-size:10px; font-family:verdana;font-weight:normal;}

/* Sussurra a Tutti */

.avatarchat {width:100px;  float:left;}
.testochat {min-height: 70px; padding: 5px; text-align:justify;}

div.chat_row_A {
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;
	background-color: rgba(142, 142, 142, 0.3);}

div.chat_row_A	span.color2{margin-top: 3px;}   

div.chat_row_G {
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;}

div.chat_row_G	span.color2{margin-top: 3px; }


div.chat_row_Z {
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;}

div.chat_row_Z	span.color2{margin-top: 3px; } 


div.chat_row_T {
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;}

div.chat_row_T	span.color2{margin-top: 3px; } 



/* Parlato e Azione*/

#chat_row_1 {
	background-color:#cfcaca66;
}

fieldset.chat_row_P{
	text-align:justify;
	margin-top: 5px;	
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana;
	font-size:12px;
	line-height: 20px;
	padding:4px;}

fieldset.chat_row_P	span.color2{margin-top: 3px; color:#000; font-weight:bolder;}


fieldset.chat_row_F{
	text-align:justify;
	margin-top: 5px;	
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	font-family:verdana;
	font-size:12px;
	line-height: 20px;
	padding:4px;}

fieldset.chat_row_F	span.color2{margin-top: 3px; color:#000; font-weight:bolder;}


/* Stringa Master */

div.chat_row_M{ 
margin-top: 15px;
margin-bottom: 15px;   
margin-left:auto;
   margin-right: auto;
   color: #fff;
   width: 80%;
padding: 8px 12px 12px 12px;
line-height:20px;
border:1px solid rgba(4, 81, 147,0.8);
-webkit-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1), inset 0px 0px 8px 0px rgba(4, 81, 147,1) ;
background-color: rgb(34, 140, 204);
border-radius: 4px;
text-align:justify;}

div.chat_row_M::first-letter {
    font-size: 150%;
    color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

div.chat_row_M	span.color2{ color: #ffd639; font-weight:bolder;}


/* Stringa Ambient Supporto */


div.chat_row_L{ 
margin-top: 15px;
margin-bottom: 15px;   
margin-left:auto;
   margin-right: auto;
   color: #fff;
   width: 80%;
padding: 8px 12px 12px 12px;
line-height:20px;
border:1px solid #4f7142;
-webkit-box-shadow: 0px 0px 5px 0px #4f7142;
-moz-box-shadow: 0px 0px 5px 0px #4f7142;
box-shadow: 0px 0px 5px 0px #73a760, inset 0px 0px 8px 0px #4f7142 ;
background-color: #73a760;
border-radius: 4px;
text-align:justify;}

div.chat_row_L::first-letter {
    font-size: 150%;
    color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

div.chat_row_L	span.color2{ color: #ffd639; font-weight:bolder;}


/* Stringa Master */

div.chat_row_T{ 
margin-top: 15px;
margin-bottom: 15px;   
margin-left:auto;
   margin-right: auto;
   color: #fff;
   width: 80%;
padding: 8px 12px 12px 12px;
line-height:20px;
border:1px solid rgba(4, 81, 147,0.8);
-webkit-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1), inset 0px 0px 8px 0px rgba(4, 81, 147,1) ;
background-color: rgb(204, 34, 169);
border-radius: 4px;
text-align:justify;

border: 1px solid rgba(147, 4, 44, 0.8);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(4, 81, 147,1);
  box-shadow: 0px 0px 5px 0px rgb(129, 4, 147), inset 0px 0px 8px 0px rgb(147, 4, 138);
  background-color: rgb(204, 34, 169);

}

div.chat_row_T::first-letter {
    font-size: 150%;
    color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

div.chat_row_T	span.color2{ color: #ffd639; font-weight:bolder;}



div.chat_row_X{ 
margin-top: 15px;
margin-bottom: 15px;   
margin-left:auto;
   margin-right: auto;
   color: #fff;
   width: 80%;
padding: 8px 12px 12px 12px;
line-height:20px;
border:1px solid rgba(100, 9, 9, 0.8);
-webkit-box-shadow: 0px 0px 5px 0px #a73b31;
-moz-box-shadow: 0px 0px 5px 0px #a73b31;
box-shadow: 0px 0px 5px 0px #ca9372, inset 0px 0px 8px 0px #a73b31 ;
background-color: #c13232;
border-radius: 4px;
text-align:justify;}

div.chat_row_X::first-letter {
    font-size: 150%;
    color: #fff;
	font-style: italic;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

div.chat_row_X	span.color2{ color: #ffd639; font-weight:bolder;}



.chat_me_master {text-transform: uppercase;
    font-style: italic;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}


/* Eventi Random o Multipli */

fieldset.chat_row_R{
	margin-left:auto;
   margin-right: auto;
	margin-top: 3px;
	margin-bottom: 15px;
	background-color: rgba(236,217,175,0.8);
	-webkit-box-shadow: 3px 3px 0px 0px rgba(4, 81, 147,0.8);
-moz-box-shadow: 3px 3px 0px 0px rgba(4, 81, 147,0.8);
box-shadow: 3px 3px 0px 0px rgba(4, 81, 147,0.8);
	padding: 3px 8px 3px 8px;
	border: double #66421c;
	text-align:justify;
	width:90%;}

fieldset.chat_row_R	span.color2{ color: #432708; font-weight:bolder;}

/* PNG */

fieldset.chat_row_N{
	margin-left:auto;
   margin-right: auto;
	margin-top: 3px;
	margin-bottom: 15px;
	background-color: rgba(206,193,165,0.8);
	padding: 3px 8px 3px 8px;
	border: double #66421c;
	text-align:justify;
	width:97%;}

fieldset.chat_row_N	span.color2{ color: #432708; font-weight:bolder;}



fieldset.chat_row_Y{
	margin-left:auto;
   margin-right: auto;
	margin-top: 3px;
	margin-bottom: 15px;
	background-color: rgba(206,193,165,0.8);
	padding: 3px 8px 3px 8px;
	border: double #66421c;
	text-align:justify;
	width:97%;}

fieldset.chat_row_Y	span.color2{ color: #432708; font-weight:bolder;}





/* Immagine */

div.chat_row_I{
	margin-top: 3px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
   text-align: center;
 
}

img.chat_img {

	max-height: 300px;
	max-width: 500px;
  box-shadow: 0px 0px 3px 0px rgba(84,38,0,1);
  border: 1px solid rgba(84,38,0,0.8);
}

/* Sussurra */

div.chat_row_S{
	margin-top: 3px;
	margin-bottom: 15px;
	border:1px dotted #666;
	background-color: rgba(255,255,255,0.2);
	padding: 3px 8px 3px 8px;
	font-style:italic;
	width:97%;
	margin-left:auto;
	margin-right:auto;
	}

div.chat_row_C{
	margin-top: 3px;
	margin-bottom: 15px;
	border:1px dotted #666;
	background-color: rgb(108 176 249 / 20%);
	padding: 3px 8px 3px 8px;
	font-style:italic;
	width:97%;
	margin-left:auto;
	margin-right:auto;
	}


div.chat_row_D{
margin-top: 3px;
	margin-bottom: 15px;
color: #000;
text-align:center;}

fieldset.chat_row_C{
border:1px solid rgba(0,0,0,0.6);
text-align:center;
padding:0px 4px 2px 4px;
margin-top: 3px;
margin-bottom: 15px;
color: #000;
text-align:center;
font-weight:bold;
background-color: rgba(205,0,0,0.5);}

div.chat_row_O{
font-weight: bold;
margin-top: 3px;
margin-bottom: 8px;
color: #000;
text-align:center;}



div.chat_row_£{
font-weight: bold;
margin-top: 3px;
margin-bottom: 8px;
color: brown;
text-align:center;}

span.chat_time{
   font-size: 11px;
   margin-right: 3px;
   display:inline-block;
   margin: 0 auto;
   width: 100px!important;
   text-align: center;
}

span.chat_name{
   font-weight: bolder;   
   font-size: 12px;
   color: rgba(0,0,0,0.8);
}

img.presenti_ico_chat {margin: 0px 2px; width:25px; height:25px; }

img.presenti_ico_chat2 {margin: 0px 2px; width:90px; height:90px; padding-bottom:5px;}

span.chat_tag{
    font-size: 11px;
    color: #515151;
    font-family: verdana;
    font-weight: bolder;
}



span.status{
    font-size: 11px;
    color: #228ccc!important;
    font-family: verdana;
    font-weight: bolder;
}

span.statotemp{
    font-size: 11px;
	color:black;
    font-family: verdana;
    font-weight: bolder;
}

.aprichat {width:12px; height:12px; margin: 0px 0px 0px 12px;}



.chat_msg {word-wrap: break-word; margin-top: -5px;}

.chat_row_A .chat_msg{
	font-size: 11px;
color: #333; 
font-family: verdana;
font-weight: bolder;
}

.chat_row_A .chat_name a{
	font-size: 12px;
/* color: #FF6500; */
color:#333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_A .chat_time{
   font-size: 11px;
   margin-right: 3px;
}


 

.chat_row_G .chat_msg{
	font-size: 11px;
/*color: #840000; */
color:#333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_G .chat_name a{
	font-size: 12px;
/*color: #840000; */
color:#333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_G .chat_time{
   font-size: 11px;
   margin-right: 3px;
}



.chat_row_T .chat_msg{
	font-size: 11px;
/* color: #279100; */
color:#333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_T .chat_name a{
	font-size: 12px;
/* color: #279100; */
color:#333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_T .chat_time{
   font-size: 11px;
   margin-right: 3px;
}



.chat_row_Z .chat_msg{
	font-size: 11px;
color: #333; 
font-family: verdana;
font-weight: bolder;
}

.chat_row_Z .chat_name a{
	font-size: 11px;
/* color: #3b5ab5; */
color: #333;
font-family: verdana;
font-weight: bolder;
}

.chat_row_Z .chat_time{
   font-size: 11px;
   margin-right: 3px;
}



.chat_row_E {
	background: red;
padding: 3px;
}

.chat_row_E .chat_msg{
	font-size: 11px;
color: white!important;
font-family: verdana;
font-weight: bolder;
}

.chat_row_E .chat_name a{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}

.chat_row_E .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}

.chat_row_B {
	background: red;
padding: 3px;
}

.chat_row_B .chat_msg{
	font-size: 11px;
color: white!important;
font-family: verdana;
font-weight: bolder;
}

.chat_row_B .chat_name a{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}

.chat_row_B .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}




.chat_row_H {
	background: #dfa722;
padding: 3px;
}

.chat_row_H .chat_msg{
	font-size: 11px;
color: white!important;
font-family: verdana;
font-weight: bolder;
}

.chat_row_H .chat_name a{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}

.chat_row_H .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}




.chat_row_J {
	background: green;
padding: 3px;
}

.chat_row_J .chat_msg{
	font-size: 11px;
color: white!important;
font-family: verdana;
font-weight: bolder;
}

.chat_row_J .chat_name a{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}

.chat_row_J .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}



.chat_row_Q {
	background: #228ccc;
padding: 3px;
}

.chat_row_Q .chat_msg{
	font-size: 11px;
font-family: verdana;
font-weight: bolder;
color: white;
}

.chat_row_Q .chat_name a{
	font-size: 11px;
font-family: verdana;
font-weight: bolder;
color: white;

}

.chat_row_Q .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}

.chat_row_R {
	background: #228ccc;
padding: 3px;
}

.chat_row_R .chat_msg{
	font-size: 11px;
font-family: verdana;
font-weight: bolder;
color: white;
}

.chat_row_R .chat_name a{
	font-size: 11px;
font-family: verdana;
font-weight: bolder;
color: white;

}

.chat_row_R .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}

.chat_row_K {
	background: #9a6cdd;
padding: 3px;
}


.chat_row_K .chat_msg{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}
 

.chat_row_K .chat_name a{
	font-size: 11px;
color: white;
font-family: verdana;
font-weight: bolder;
}

.chat_row_K .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}

.chat_row_N {
	background: red;
padding: 3px;
}

.chat_row_N .chat_msg{
	font-size: 11px;
color:white!important;
font-family: verdana;
font-weight: bolder;
}


.chat_row_N .chat_name{
	font-size: 11px;
color:white!important;
font-family: verdana;
font-weight: bolder;
}


 
.chat_row_N .chat_name a{
	font-size: 11px;
color:white!important;
font-family: verdana;
font-weight: bolder;
}

.chat_row_N .chat_time{
   font-size: 11px;
   margin-right: 3px;
   color:white;
}


.chat_row_Y .chat_msg{
	font-size: 11px;
color: #6f6f6f;
font-family: verdana;
font-weight: bolder;
}


.chat_row_Y .chat_name{
	font-size: 11px;
color: #6f6f6f;
font-family: verdana;
font-weight: bolder;
}



.chat_row_Y .chat_name a{
	font-size: 11px;
color: #6f6f6f;
font-family: verdana;
font-weight: bolder;
}



span.chat_master{ font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }


.color2{margin-top: 3px; font-style:italic; color: #0e5aaa; 
#1a7aba; #0267ab;}


/***** form inserimento *****/

div.form_row{
  clear: both;
  height: 20px;
  	-webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
	border-top: 1px solid rgba(255,255,255,0.4);
}

div#form_row {
  clear: both;
  height: 20px;
  	-webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
	border-top: 1px solid rgba(255,255,255,0.4);
}

div#form_row2 {
  clear: both;
  height: 80px;
  	-webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
	border-top: 1px solid rgba(255,255,255,0.4);
}

div#form_row3 {
  clear: both;
  height: 80px;
  	-webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
	border-top: 1px solid rgba(255,255,255,0.4);
}

div.casella_chat{
  float: left;  
  margin: 0px 3px 6px 6px;}

/*Casella Tag*/
input#tag{width: 80px; background-color:rgba(255,255,255,0.4);}

input.char {background-color:rgba(181,86,13,0.4);}

/*Casella Messaggio*/
select{ background-color:rgba(255,255,255,0.4);}
#typepubb {display:none;}
input#message{ width: 465px; background-color:rgba(255,255,255,0.4);}

textarea#message {height:70px; width:800px; font-size:14px; background-color:rgba(255,255,255,0.4); border-radius:4px; min-width:400px;}
.istruzionichattext {
    position: relative;
    float: right;
    margin: 0px 30px 0px 0px;
}

.formINchat {font-size:11px;}

.formINchat a{font-size:11px;}
.formINchat a:hover{font-size:11px;}

.butt {
	padding: 2px 0px 2px 0px;
	-webkit-box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.75);
box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.75);}

/*Link dei comandi chat*/

.chat_rule a{font-size:11px; border-left: 1px solid rgba(147,127,89,1); border-right: 1px solid rgba(147,127,89,1); border-top: 1px solid rgba(147,127,89,1); border-radius: 3px 3px 0px 0px; padding-left: 3px; padding-right: 3px; margin-right: 5px; background-color: rgba(196,150,89,0.5); box-shadow: -1px 1px 0px 0px rgba(231,218,190,1);}
.chat_rule a:hover{font-size:11px; color: rgba(4, 81, 147,1); text-shadow: 0px 1px 0px rgba(255,255,255,.6); border-left: 1px solid rgba(4, 81, 147,1); border-right: 1px solid rgba(4, 81, 147,1); border-top: 1px solid rgba(4, 81, 147,1);}

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

.obj_refresh {
	margin-top: -8px; width: 200px; background: none; border:none; font-family: Rockwell; font-size:10px; cursor:pointer; font-family: Georgia, 'Times New Roman', Times, serif; color: rgba(0,0,0,0.6); text-shadow: 0px 1px 0px rgba(255,255,255,.2); background-color: rgba(4, 81, 147,0.2); padding: 2px 0px 2px 0px; border-radius: 10px; font-weight: bold; text-transform:uppercase;}

.obj_refresh:hover { color: rgba(0,0,0,0.8); background-color: rgba(4, 81, 147,0.3); text-shadow: 0px 1px 0px rgba(255,255,255,.4);}
	
.abiskill {  width: 350px;
  min-height: 280px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
  background: rgba(196,150,89,0.5);
  padding-top:10px; border:1px solid rgba(147,127,89,1);}
  
  /* AZIONI SPECIALI */
  
  .Aspeciali{
  	background-color: rgba(236,217,175,0.5);
  width: 80%;
  max-width: 960px;
  min-height: 3.750em; 
  margin: 2em auto;
  padding: 1.250em;
  border-radius: 0.2em;
 box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55), inset 0 0 14px 2px rgba(166, 121, 44, 1);
  line-height: 1.2em;
  color: #292929;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.2em;
  background-image: url(../../themes/advanced/imgs/Aspeciali/Asearch.png);
  background-repeat:no-repeat;
  background-position:bottom right; 
}

.AspecialiD{
  	background-color: rgba(236,217,175,0.5);
  width: 80%;
  max-width: 960px;
  min-height: 3.750em; 
  margin: 2em auto;
  padding: 1.250em;
  border-radius: 0.2em;
 box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.55), inset 0 0 14px 2px rgba(166, 121, 44, 1);
  line-height: 1.2em;
  color: #292929;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.2em;
  background-image: url(imgs/Aspeciali/Adestino.png);
  background-repeat:no-repeat;
  background-position:bottom right; 
}

.ribbon{
  position:relative;
  padding: 0 0.5em;
  font-family: rockwell;
  text-shadow: 2px 1px 0px rgba(0,0,0,0.6);
  color: rgba(224,204,163,1);
  font-size:1em;
  margin: 0 0 0 -1.1em;
  line-height: 1.875em;
  border-radius: 0 0.156em 0.156em 0;
  background-image: url(imgs/ribbon_bkg.png);
  box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
}

.ribbon:before, .ribbon:after{
  position:absolute;
  content: '';
  display: block;
}

.ribbon:before{
  width: 0.469em;
  height: 100%;
  padding: 0 0 0.438em;
  top:0;
  left: -0.469em;
  background:inherit;
  border-radius: 0.313em 0 0 0.313em;
}

.ribbon:after{
  width: 0.313em;
  height: 0.313em;
  background: rgba(0,0,0,0.35);
  bottom: -0.313em;
  left: -0.313em;
  border-radius: 0.313em 0 0 0.313em;
  box-shadow: inset -1px 2px 2px rgba(0,0,0,0.3);
}



.pvp {max-width:700px; margin: -40px 0px 40px 0px; }





@media screen and (min-device-width: 961px) and (max-device-width: 1500px) {

div.chat_box{

	top:180px;

}

@media (max-width: 600px) {
  
 
  .ribbon{
    line-height: 1.143em;
    padding: 0.5em;
  }
  
  .ribbon:before, .ribbon:after{
    font-size: 0.714em;
  }
  
}

.roulette {
   border: 1px solid #9c8052;
   box-shadow: 3px 3px 0px -1px rgba(125,113,91,0.78);
  }