body
{
   font-family: Tahoma
}

.test
{
    font-family: Tahoma;
    font-size: 12px;
    text-align:center;
}

.Class2
{
    font-family: Tahoma;
    font-size: 12px;
    
}

.ParticipantUserBG
{
    background-color: #f5f5f5;
     
}

.StatusBG
{
    background-color: #D5F2FD;
   border-top: solid 1px #CCCCCC;
     font-style: italic;
     font-family: Tahoma;
      color: #a1a1a1;
      font-size: 11px;
      height: 18px;
      vertical-align: middle;
      padding-top: 3px;
      padding-left: 3px;
}

.inputBox
{
    border-right: solid 3px black; 
    border-left: solid 3px black;
}

.divider2
{
        text-align: center;
    }
    
.ChatAgentBG
{
    background-color: #e9f7e1;
}

.ChatUserBG
{
    background-color: #e2f5fb;
}

.DividerBG2
{
   /* background-image: url('includes/divider_2.png');
     background-repeat:repeat-x;*/
     background-color: #dcdcdc;
     border-right: solid 3px black; 
    border-left: solid 3px black;
    border-bottom: solid 1px black;
    height: 5px;
}

.DividerBG1_First
{
      background-image: url('includes/textmarker_agent.gif');
     background-repeat:repeat-x;
    height: 3px;
    width: 344px;
   
}

.DividerBG2_1
{
   /* background-image: url('includes/divider_2.png');
     background-repeat:repeat-x;*/
     background-color: #dcdcdc;
     border-right: solid 3px black; 
    border-left: solid 3px black;
    border-top: solid 1px black;
    height: 5px;
}

.DividerBG1
{
   /* background-image: url('includes/divider_2.png');
     background-repeat:repeat-x;*/
     background-color:  #50A6C2;
     height: 3px;
      border-bottom: solid 1px black;
}

.AgentName
{
    color: #09223b;
     font-weight:bold;
     font-size: 11px;
}

.topHeading
{
    color: white;
     
     font-size: 11px;
}

.UserName
{
    color: #09223b;
      font-size: 11px;
}

.TimeAndNames
{
    color: #636363;
}

.AgentText
{
    color: #303f24;
}

.EmailText
{
    color: #007236;
}
.UserText
{
    color: #062f4b;
}
.NudgeText
{
    color: #fc7403;
}

.CallbackText
{
    color: #ff0000;
}
.desc
{
 font-family: Tahoma;
  font-size: 10px;
  color: #838383;
  font-style: italic;
   
  
}

.SignInDesc
{
 font-family: Tahoma;
  font-size: 12px;
  color: #838383;
  font-weight: bold;
   
  
}

.SignInTitle
{
 font-family: Tahoma;
  font-size: 12px;
  color: black;
  font-weight: bold;
   
  
}

.SignInFields
{
 font-family: Tahoma;
  font-size: 10px;
  color: black;
  
   
  
}

.SignInErrorMsg
{
 font-family: Tahoma;
  font-size: 10px;
  color: red;
  height: 10px;
   
  
}

.SignInFieldsOptional
{
 font-family: Tahoma;
  font-size: 10px;
  color: #838383;
  font-style: italic;

   
  
}

.SignInTextbox
{
    height: 20px;
    font-size: 14px;
    color: black;
}

.textbox
{
    height: 20px;
    font-size: 14px;
    color: #007236;
}

.inputbg
{
    background-image: url('includes/chatwindow_bg.png');
    background-repeat: repeat-y;
     
}

.smiliesclass
{
   
    border: solid 1px #d2d2d2;
    background-color: White;
    padding: 2px 2px 2px 2px;
    text-align: center;
}

.smiliesCellClass
{
    border-color: #d2d2d2;
    border-width: 1px 1px 0 0;
    border-style: solid;
    padding: 2px 2px 2px 2px;
    height: 25px;
    width: 25px;
     text-align: center;
     
    
}

.smiliesTopCellClass
{
    border-color: #d2d2d2;
    border-width: 0 1px 0 0;
   
    border-style: solid;
    padding: 2px 2px 2px 2px;
    height: 25px;
    width: 25px;
    text-align: center;
    
}

.smiliesTopRightCellClass
{
    border-color: #d2d2d2;
    border-width: 0 0 0 0;
   
    border-style: solid;
    padding: 2px 2px 2px 2px;
    height: 25px;
    width: 25px;
     text-align: center;
    
}

.smiliesRightCellClass
{
    border-color: #d2d2d2;
    border-width: 1px 0 0 0;
   
    border-style: solid;
    padding: 2px 2px 2px 2px;
    height: 25px;
    width: 25px;
     text-align: center;
    
}