/****************************************************************************/
/* 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*/


.chat_img {
  max-height:500px;
  max-width:600px;
}

iframe.iframe_chat{
   border: none;
   width: 1px;
   height: 1px;
   margin: 0px;
}
div.chat_window{
  text-align: center;
}

/**	* Fix per layout elastico
	* @author Blancks
*/
div.chat_box{
position: absolute;
    top: 8px;
    bottom: 150px;
    left: 65px;
    right: 50px;
    overflow: auto;
    font-size: 16px;
    text-align: left;
}

div.pagina_frame_chat div.page_body div.panels_box{
position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
}
/**	* Fine fix */



/** * Avatar di chat
	* @author Blancks
*/
img.chat_avatar{
	margin-left:-2px;
    margin-top:8px;
    display: block;
    float: left;
    border:1px solid #27251e;
    border-radius: 90%;
    padding:1px;
    position: relative;
}




/***** 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) */

div.chat_row_A{
margin: 3px;
color:#737373;
text-align:justify;
font-size:13px;
}

div.chat_row_A	span.color2{
margin: 3px;
color:#717061;
text-align:justify;
font-size:13px;
}

/*lancio abilità tra [ ] */
div.chat_row_A	span.color3{
margin: 3px;
color:#5f7081;
text-align:justify;
text-transform: uppercase;
font-size:13px;
}

div.chat_row_P{
margin: 3px;
color:#737373;
text-align:justify;
font-size:13px;
}

/*parlato tra le < > */
div.chat_row_P	span.color2{
margin: 3px;
color:#6f6c54;
text-align:justify;
font-size:13px;
}

/*lancio abilità tra [ ] */
div.chat_row_P	span.color3{
margin: 3px;
color:#5f7081;
text-align:justify;
text-transform: uppercase;
font-size:13px;
}

div.chat_row_M{
margin: 3px;
margin-left: -5px;
border-top:1px solid #27241d;
border-bottom:3px solid #27241d;
color:#737373;
padding:5px;
text-align: justify;
font-size:13px;
background-image: url(/imgs/pattern2.jpg);
}

div.chat_row_M  span.color2{
color:#727366;
font-size:13px;
}

div.chat_row_M	span.color3{
margin: 3px;
color:#616a73;
text-align:justify;
text-transform: uppercase;
font-size:13px;
}

div.chat_row_N{margin: 3px;
color:#737373;
text-align:justify;
font-size:13px;}

div.chat_row_N	span.color2{margin: 3px;
color:#737373;
text-align:justify;
font-size:13px;}

div.chat_row_I{
	margin-top: 3px;
   text-align: center;
}

div.chat_row_S{
margin: 3px;
margin-right: 10px;
border-bottom:1px dashed #27241d;
color:#737373;
background-image: url(/imgs/pattern.jpg);
border-top:1px dashed #27241d;
font-size:13px;
padding:5px;
}

div.chat_row_D{
margin: 3px;
color:#737373;
font-size:13px;
text-transform:uppercase;
padding-left:7px;
}

div.chat_row_C{}

div.chat_row_O{
margin: 3px;
color:#737373;
font-size:13px;
text-transform:uppercase;
padding-left:7px;

}

div.chat_row_C{
margin: 3px;
color:#737373;
font-size:13px;
text-transform:uppercase;
padding-bottom:2px;
padding-left:7px;
}

span.chat_time{
   font-size:13px;
   color: #737373;
}

span.chat_name{
   font-size: 13px;
   color: #67644a;
}

span.chat_msg{
   font-size: 13px;
}

span.chat_master{ }



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

div.form_row{
  clear: both;
  height: 20px;
}
div.casella_chat{
  float: left;
  margin: 3px;
}

div.casella_chat option {
    background-image: url(/imgs/pattern2.jpg);
    color: #737373;
}

/*Casella Tag*/
input#tag{
   width: 120px;
}
/*Casella Messaggio*/
input#message{
   width: 320px;
   margin-top:-1px;
   height:20px;
   padding:2px;
   border:1px solid #27241d;
   background-image: url(/imgs/pattern2.jpg);
   color:#737373;
}

select{
width:auto;
}


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



#maincontent.biggerFont .chat_name a,
#maincontent.biggerFont span.chat_msg,
#maincontent.biggerFont span.color1,
#maincontent.biggerFont span.color2,
#maincontent.biggerFont span.color3,
#maincontent.biggerFont span.chat_master,
#maincontent.biggerFont span.chat_off,
#maincontent.biggerFont span.chat_offt,
#maincontent.biggerFont span.chat_name,
#maincontent.biggerFont span.chat_time,
#maincontent.biggerFont span.chat_tag {
  font-size:18px !important;
}

#maincontent.biggerFont div.chat_row_P {
  margin-top:20px;
}