/* -- Global -- */
body { display: block; margin: 0; background: #f6f6f6; font-family:'Helvetica Neue', helvetica, sans-serif; font-size: 100%; padding: 0 15px 15px 15px }
a { color: #a3a3a3 }

h1.center { padding: 35px; font-size: 200%; font-weight: 100; text-align: center }
.auth { max-width: 300px; margin: 0 auto }
.auth input[type="text"] { width: 100%; border: 1px solid gray; background: #fff; padding: 3px 5px; font-size: 110%; margin: 3px 0 15px 0; border-radius:3px }


.chheader { position: absolute; left: 0; top: 0; height: 60px; background: #a2a2a2;  overflow: hidden; width: 100%; }
.chheader div { width: 50%; float: left; margin: 0; padding: 0 } 
.chheader div p { padding: 8px 15px }
.chheader div p.title { font-size: 140% }
.chheader div p.title small { font-size: 50%;display: inline-block; margin-top: 5px }

#ConversationEnvelope { position: absolute; top:65px;bottom:190px;left:0;right:0; overflow: scroll; background: #fff }
#Conversation { padding-bottom: 8px }
.query { font-size: 90%; line-height: 130%; padding: 8px 15px; border-top:1px dotted #e7e7e7;}  
.query small { color: gray; font-size: 75% }
.query.auth_master { background: #e7fbfc }
.query.mode_OPERATOR_READY { font-style: italic  }

.forms { position: absolute; bottom:0px;left:0;right:0;height:180px;overflow: auto; background: #eaeaea; padding: 10px }
#Log { width: 100%; height: 25px; margin: 0 0 5px 0 }
#Log p { background: #0288d1; padding: 3px 8px; color: #fff; font-size: 90%; display: inline-block; border-radius: 3px; margin: 0px }
#Inputs textarea { width: 100%;border: 1px solid gray; color: black; font-size: 100%; line-height: 120%; padding: 10px; margin-bottom: 8px  }