/* 
    Document   : default
    Created on : 28/05/2012, 11:31:29
    Author     : Daniel Tavares
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-autocomplete input {
    width: 97%;
}

.ui-widget,
.ui-widget .ui-widget {
    font-size: 13px !important;
}

.mensagem {
    background-image: url("/imagens/Mensagem.png") !important;
}

.messageInput {
    width:400px;
}

.publicColumn {
    width:80%;
}

.usersColumn {
    width:20%;
}

.vtop {
    vertical-align: top;
}

.chatlogs {
    height:200px;
    overflow:auto;
    padding: 0.5em 1em 0.5em 0.5em;
}

.usersList {
    height:200px;
    overflow:auto;
}

.usersList ul {
    list-style-type: none;
    padding-left:10px;
}

.usersList ul li {
    margin-bottom: 2px;
}

.usersList .ui-button-text {
    padding:0;
}

.container {
  padding-right: 10%;
  padding-left: 10%;
  margin-right: auto;
  margin-left: auto;
}

.input {
	width: 40%;
}

.input_in_table {
	width: 75%;
}

.fieldset { 
    border-radius: 10px; /* Para Opera 10.5+*/
    -moz-border-radius: 10px; /* Para Firefox */
    -webkit-border-radius: 10px; /*Para Safari e Chrome */
}