/*
	Para garantir que funcione sem distorcer em todos os navegadores
*/
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0;
	padding:0;
}

/*
	Área reservada para a busca (main)
*/
#RtyChtMain {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
}

#RtyChtDummy {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: black;
	z-index:1000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

#RtyChtDummyTexto {
	position:absolute;
	top: 40%;
	width:100%;
	color: #000;
	text-align:center;
	font-size:1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: 20px;
}

#RtyChtTopFotoCorretor {
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
	height:80px;
}

#RtyChtTranscript {
	position:absolute;
	top:0px;
	left:0px;
	width:30%;
	height: calc(100% - 80px);
	overflow:auto;
	border-right:1px solid #ccc;
	font-size:0.8em;
}

.RtyChtMsg {position:relative; width:90%; height:auto;}
.RtyChtMsgTexto {position:relative; padding: 10px; margin-left: 15px; width:85%; height:auto; background-color:white; border-radius: 5px;border: solid 1px rgb(127,127,127);-webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;}
.RtyChtMsgTextoLeft {background-color:rgb(255,255,174);}
.RtyChtMsgTextoRight {margin-left: 23%; background-color:rgb(182,199,222);}
.RtyChtMsgSetaLeft {position:relative; top: -1px; left: 9%; width:6px; height:6px;}
.RtyChtMsgSetaRight {position:relative; top: -1px; left: 101%; width:6px; height:6px;}


#RtyChtMessage
{
	position:fixed;
	bottom: 25px;
	left:0px;
	width: 100%;
	height:30px;
	margin:0px;
}

#RtyChtMessageLabel {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 80px;
  height: 32px;
  margin: 0px;
}

#RtyChtMessageLabelText
{
	position:absolute;
	top:5px;
	right:2px;
	width:80px;
	height:20px;
	margin:0px;
	color:navy;
	text-align:right;
}

#RtyChtMessageInput
{
	position:absolute;
	top:0px;
	left:86px;
	width: calc(100% - 100px);
	height:30px;
	margin:0px;
	padding:0px;
	color:navy;
	text-align:left;
}

#RtyChtShowcase
{
	position:absolute;
	top: 50px;
	right: 1%;
	width: 68%;
	height: calc(100% - 130px);
	overflow: auto;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#RtyChtSelectShowcase
{
	position:absolute;
	top: 10px;
	right: 1%;
	width: 68%;
	height: 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#RtyChtShowcase iframe{
    width: 100% !important;
    position: absolute;
    top: 50%;
    margin-top: -235px;
}
/*
	Contato
*/
.RtyChtContatoDummy {
	background-color:white;
	color:white;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:400;
	display:none;
}

.RtyChtContatoGrid
{
position: absolute;      top: 30px;      left: 180px;      height: 430px;      width: 500px;      margin: 0px;      padding: 15px;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;      font-size: 0.8em;      border: 3px solid #ccc;      z-index: 500;      background-color: white;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;}

.RtyChtContatoBody
{
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	margin:0px;
	padding:0px;
}

.RtyChtContatoTitle
{
	position:relative;
	height:75px;
	width: 643px;
	margin:0px;
	padding:0px;
}

.RtyChtContatoTitleImagem
{
	position:absolute;
	top:5px;
	left:5px;
	height:40px;
	width:40px;
	margin:0px;
	padding:0px;
	background-image:url(../img/RtyChtContatoImagem.png);
	border:0px;
}

.RtyChtContatoTitleTexto
{
position: absolute;      top: 10px;      left: 50px;      width: auto;      margin: 0px;      padding: 0px;      font-size: 200%;      font-weight: bold;      color: #000;      text-align: left;      text-transform: uppercase;}

.RtyChtContatoTitleTextoOffline
{
position: absolute;      top: 40px;      margin: 0px;      padding: 0px;      color: #000;      text-align: left;      left: 50px;}

.RtyChtContatoFiller
{
	position:relative;
	height:10px;
	width:380px;
	margin:0px;
	padding:0px;
}

.RtyChtContatoLine
{
	position:relative;
	height:20px;
	width: 580px;
	margin: 0px auto;
	padding:0px;
}

.RtyChtContatoLabel
{
position: absolute;      left: 0px;      width: 72px;      margin: 0px;      padding: 6px;      font-size: 100%;      color: #000;      text-align: right;}

.RtyChtContatoFieldNome
{
position: absolute;      top: 0px;      left: 84px;      width: 350px;      margin: 0px;      padding: 6px;      font-size: 100%;      color: #000;      text-align: left;      border: 1px solid #ccc;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;}

.RtyChtContatoFieldTelefone
{
position: absolute;      top: 0px;      left: 84px;      width: 350px;      margin: 0px;      padding: 6px;      font-size: 100%;      color: #000;      text-align: left;      border: 1px solid #ccc;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;}

.RtyChtContatoFieldEmail
{
position: absolute;      top: 0px;      left: 84px;      width: 350px;      margin: 0px;      padding: 6px;      font-size: 100%;      color: #000;      text-align: left;      border: 1px solid #ccc;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;}

.RtyChtContatoMensagemLine
{
	position:relative;
	height:160px;
	padding:0px;
	width: 580px;  margin: 0px auto;
}

.RtyChtContatoLabelMensagem
{
position: absolute;      left: 0px;      width: 72px;      margin: 0px;      padding: 6px;      font-size: 100%;      color: #000;      text-align: right;}

.RtyChtContatoFieldMensagem
{
	position:absolute;
	top:0px;
	left: 84px;
	height:160px;
	width: 350px;
	margin:0px;
	padding: 6px;
	color: #000;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.RtyChtContatoBotaoEnviar {
	position:absolute;
	bottom: 35px;
	right: 46px;
	width: 86px;
	height:30px;
	background-image: url(../img/RtyChtContatoEnviar.png);
	cursor:pointer;
}
.RtyChtContatoBotaoEnviar:hover {
}

.RtyChtContatoBotaoFechar {
	position:absolute;
	top:3px;
	right:3px;
	height:17px;
	width:17px;
	margin:0px;
	padding:0px;
	background-image: url(../img/RtyChtContatoFechar.png);
	position:absolute;
	cursor:pointer;
}
.RtyChtContatoBotaoFechar:hover {
	background-image: url(../img/RtyChtContatoFecharOver.png);
}

.RtyChtContatoFieldCopia
{
	position:absolute;
	bottom: 45px;
	left: 97px;
	height:13px;
	width:15px;
	margin:0px;
	padding:0px;
	color:#000;
}

.RtyChtContatoLabelCopia
{
	position:absolute;
	bottom: 45px;
	left: 120px;
	height:13px;
	width:250px;
	margin:0px;
	padding:0px;
	color:#000;
}

.RtyChtContatoEnviado
{
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	bottom:2px;
	margin:0px;
	padding:0px;
	z-index:600;
	background-color:white;
}

.RtyChtContatoEnviadoMensagem
{
	position:absolute;
	top:173px;
	height:50px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5em;
}

.RtyChtContatoEnviadoBotaoFechar {
	position:absolute;
	bottom:15px;
	right:15px;
	width:80px;
	height:30px;
	background-image: url(../img/ContatoEnviadoFechar.png);
	cursor:pointer;
}
.RtyChtContatoEnviadoBotaoFechar:hover {
	background-image: url(../img/ContatoEnviadoFecharOver.png);
}


/*
	Menu de transações
*/
.RtyChtMenuDummy {
	background-color:white;
	color:white;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:400;
	display:none;
}

.RtyChtMenuGrid
{
	position:absolute;
	top: 30px;
	left: 180px;
	height: 310px;
	width: 500px;
	margin:0px;
	padding: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 3px solid #ccc;
	z-index: 500;
	background-color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.RtyChtMenuGridOnline
{
	height: 290px;
}

.RtyChtMenuGridOffline
{
	height: 190px;
}

.RtyChtMenuBody
{
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	margin:0px;
	padding:0px;
}

.RtyChtMenuTitle
{
	position:relative;
	height:75px;
	width: 100%;
	margin:0px;
	padding:0px;
}

.RtyChtMenuTitleImagem
{
	position:absolute;
	top:5px;
	left:5px;
	height:40px;
	width:40px;
	margin:0px;
	padding:0px;
	background-image:url(../img/RtyChtMenuImagem.png);
	border:0px;
}

.RtyChtMenuTitleTexto
{
	position:absolute;
	top: 10px;
	left:50px;
	width:auto;
	margin:0px;
	padding:0px;
	font-size: 200%;
	font-weight:bold;
	color: #000;
	text-align:left;
	text-transform: uppercase;
}

.RtyChtMenuTitleTextoOffline
{
	position:absolute;
	top:40px;
	margin:0px;
	padding:0px;
	color:#000;
	text-align: left;
	left: 50px;
}

.RtyChtMenuFiller
{
	position:relative;
	height: 10px;
	width:380px;
	margin:0px;
	padding:0px;
}

.RtyChtMenuLine
{
	position:relative;
	height:20px;
	width:380px;
	margin:0px;
	padding:0px;
}

.RtyChtMenuLabel
{
	position:absolute;
	left:0px;
	width: 72px;
	margin:0px;
	padding: 6px;
	font-size:100%;
	color: #000;
	text-align:right;
}

.RtyChtMenuFieldNome
{
	position:absolute;
	top:0px;
	left:84px;
	width: 350px;
	margin:0px;
	padding: 6px;
	font-size:100%;
	color: #000;
	text-align:left;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.RtyChtMenuFieldTelefone
{
	position:absolute;
	top:0px;
	left:84px;
	width: 350px;
	margin:0px;
	padding: 6px;
	font-size:100%;
	color: #000;
	text-align:left;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.RtyChtMenuFieldEmail
{
	position:absolute;
	top:0px;
	left:84px;
	width: 350px;
	margin:0px;
	padding: 6px;
	font-size:100%;
	color: #000;
	text-align:left;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.RtyChtMenuBotaoLancamentos {
	position:absolute;
	bottom: 15px;
	left: 65px;
	width: 90px;
	height: 90px;
	cursor: pointer;
	display: none;
}
.RtyChtMenuBotaoLancamentosOffline {
	background-image: url(../img/RtyChtMenuBotaoLancamentosOffline.png);
	background-size: 100%;
}
.RtyChtMenuBotaoLancamentosLivre {
	background-image: url(../img/RtyChtMenuBotaoLancamentosLivre.png);
	background-size: 100%;
}
.RtyChtMenuBotaoLancamentosOcupado {
	background-image: url(../img/RtyChtMenuBotaoLancamentosOcupado.png);
	background-size: 100%;
}

.RtyChtMenuBotaoVendas {
	position:absolute;
	bottom: 15px;
	left: 150px;
	width: 90px;
	height: 90px;
	cursor:pointer;
}
.RtyChtMenuBotaoVendasOffline {
	background-image: url(../img/RtyChtMenuBotaoVendasOffline.png);
	background-size: 100%;
}
.RtyChtMenuBotaoVendasLivre {
	background-image: url(../img/RtyChtMenuBotaoVendasLivre.png);
	background-size: 100%;
}
.RtyChtMenuBotaoVendasOcupado {
	background-image: url(../img/RtyChtMenuBotaoVendasOcupado.png);
	background-size: 100%;
}

.RtyChtMenuBotaoLocacao {
	position:absolute;
	bottom: 15px;
	right: 150px;
	width: 90px;
	height: 90px;
	cursor:pointer;
}
.RtyChtMenuBotaoLocacaoOffline {
	background-image: url(../img/RtyChtMenuBotaoLocacaoOffline.png);
	background-size: 100%;
}
.RtyChtMenuBotaoLocacaoLivre {
	background-image: url(../img/RtyChtMenuBotaoLocacaoLivre.png);
	background-size: 100%;
}
.RtyChtMenuBotaoLocacaoOcupado {
	background-image: url(../img/RtyChtMenuBotaoLocacaoOcupado.png);
	background-size: 100%;
}