/* 
    Document   : safechat.css
    Created on : May 27, 2013, 1:36:58 AM
    Author     : Samuel Frank & Ryan Murphy
    
*/

body {
    display: block;
}

.safechatbody {
    /* position: absolute; */
    width: 600px;
    height: 500px;
    
    margin-left: auto;
    margin-right: auto;
    
    /*
    padding: 10px;
    */
      
    background-color: #f2f2f2;
}

.safechattitle {
    padding: 5px;
    
    background-color: #a1d9b6;
    
    font-weight: bold;
    text-align: center;
}

.connectbox{
    width: 100%;
    height: 40px;
    padding-top: 15px;
    
    margin-bottom: 10px;
    
    background-color: #d9d9d9;
    
    text-align: center;
}

.safechatbox {
    width: 98%;
    height: 90%;
    
    padding: 1%;
    
    /*
    background-color: #fff;
    */
}

.chatbox {
    margin-top: 5px;
    height: 100%;
    display: none;
}

.chatlog {
    width: 100%;
    height:300px;
   
    padding-botton: 20px;
    
    margin-top: 5px;
    
    border-color: #d9d9d9;
    border-style: solid;
    border-width: 1px;    
    
    background-color: #fff;
    
    overflow:scroll;
    overflow-x: hidden;
}

.chatmessage {
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
        
    margin: 8px;
    
    
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;   
    -khtml-radius: 10px;
    border-radius: 10px;
    
}

.messagereceived {
    background-color: #f2f2f2;
}

.messagesent {
    background-color: #a6e1ff;
}


.messagetextbox {
    width: 99%;
    
    /*
    height:100px;
    */
    resize: none
}

.textbox {
    font-size: 16px;
    resize: none
    /* height: 20px; */
}

.button {
    font-size: 14px;
}

#butSend {
    margin-left: auto;
    margin-right: auto;
}

/*
.button:active {
    padding-left: 6px;
    padding-right: 4px;
}

.button:hover {
    background-color: #4fd930;
}

.button {
    
    
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;

    margin-left:5px;
    margin-right:5px;
    
    border-color: #45bf2a;
    border-style: solid;
    border-width: 1px;
    
    background-color: #45bf2a;
      
}
*/