/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 29, 2015, 3:31:20 PM
    Author     : Media
*/

.ocwrapper {
      
    display: block;
    height: 305px;
    left: 0;
    padding: 5px;
    position: fixed;
  //  width: 400px;
    z-index: 20000;
    
}

.ocmainwindow {
    
     display: none;
    float: left;
    height: 305px;
    width: 370px;  
      background-color: #ffffff;
    box-shadow: 1px 1px 2px #666666;
    
}
.occhatarea {
    
    background: none repeat scroll 0 0 #efefef;
    display: block;
    height: 200px;
    overflow-y: scroll;
    padding: 5px;
    width: 359px;  
}

.occhatmessage {
    
}

.occhatmessage.operator {
    background-color:#ffffff;
}


.ocauthor {
    
    font-weight:bold;
}

.occhatmessagetext {
    
}

.occontorls {
     display: block;
    height: 40px;
    width: 349px;
}

.occontorls textarea{
    width: 359px;
}

.occontorls button{
      display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}

.ocbutton {
    
 // background-color: red;
    display: block;
    float: left;
    height: 200px;
    overflow: hidden;
    width: 25px;
   cursor: pointer;
background-image:url('ocbutton.png');

    
}


.ocbuttonwr {
     text-indent: -2000px;
    /*
      -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    
     color: white;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    text-shadow: 1px 1px 2px #111111;
    top: 165px;
    transform: rotate(270deg);
    white-space: nowrap;
    width: 25px;*/
}