.chat_hide {visibility: hidden;}
#chat_penel *{font-family: verdana;font-size: 12px;}
#chat_penel{position: fixed; z-index: 999999999; bottom: 0px;right: 0px;min-height: 60px;min-width: 60px;background-color: #fff}
#chat_penel.open{width: 380px;height:350px;}
#chat_tool_penel{width: 100%;height: 60px;background-color: #ff910c;background-image: url(../../gfx/primoris_chat/chat_toolbox_bg.png);background-repeat: repeat-y;background-position: left;}
#open_chat_button{position: absolute;top: 0px;right: 0px;width: 60px;height: 60px; background-position:center center; background-repeat:no-repeat; background-image: url("../../gfx/primoris_chat/chat.png");background-color: #fff;cursor:pointer}
#open_chat_button.open{background-image: url("../../gfx/primoris_chat/close.png");background-color: transparent;width: 60px;height: 60px;}

#chat_conversation_penel, #chat_message_penel{display: none;}
#chat_penel.open #chat_conversation_penel{display: block;height:217px;margin-left: 10px;}
#chat_penel.open #chat_message_penel{display: block;}
#chat_no_agents{display: none;margin-top:35px;margin-left: 23px; margin-right:20px; position: absolute;top:60px;left:0px; line-height: 15px;}
#chat_btn_leave_contact{width: 333px;height: 50px;background-image: url("../../gfx/primoris_chat/chat_leave_contact.png");cursor:pointer;margin-top:80px}

#chat_message_penel{position: absolute;bottom:10px;left:10px;right:10px;display: none}
#chat_message{width: 330px;display: block;
  height: 40px;  padding: 5px 12px;  font-size: 14px;  line-height: 20px;  color: #555;  background-color: #fff;  background-image: none;  border: 2px solid #ff5d04; }
#chat_conversation_content{padding-top:15px;}
.message_date{text-align: right;color:#999999;display: none;}


.message_item{margin-bottom:10px;margin-left:10px;margin-right: 20px}
.user_name{font-weight: bold;color:#ff6600;}

/* Styles specific to this particular page */
.chat_conversation_penel { width: 366px;height: 230px;overflow: auto;margin-right:12px;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;width:365px !important;}
.jspVerticalBar{position: absolute;top: 0px;right: 0px;width: 7px;height: 100%;background: red;}
.jspHorizontalBar{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 7px;background: #777;}
.jspVerticalBar *,.jspHorizontalBar *{margin: 0px;padding: 0px;}
.jspCap{display: none;}
.jspHorizontalBar .jspCap{float: left;}
.jspTrack{background: #d6d6d6;position: relative;}
.jspDrag{background: #262626;position: relative;top: 0px;left: 0px;cursor: pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow{height: 7px;}
.jspHorizontalBar .jspArrow{width: 7px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}