body {
    margin: 0px;
    padding: 0px;
}
#jmsgPanel {
    background-color: white;
}
#jmsgHeader {
    padding: 5px 5px 5px 50px;
    background-color: #96b2c9;
    color: white;
    font-weight: bold;
    font-size: 24px;
}
div#jmsgUsersPanel {
    width: 25%;
    height: 500px;
    border-right: 1px solid #96b2c9;
    float: left;
    overflow: auto;
}

div#jmsgMain {
	width: 65%;
	overflow: hidden;
}

div#jmsgMain > div {
	float: right;
	padding: 0 10px;
}

.jmsgUsername {
    clear: both;
    font-weight: bold;
}
.jmsgUserDiv {
    margin: 5px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    border: 2px solid white;
}
.activeUser {
    background: #e3f2ff;
    border: 2px solid #96b2c9;
}
/* Hack */
div.thumbnail_block {
    background: none !important;
}
div.thumbnail_block img {
    border: 0 !important;
    margin: 0 0 10px !important;
}

#jmsgSubmit {
    margin: 48px 0 0 0;
    background: #f1f9ff;
    border: 2px solid #ECECEC;
    height: 102px;
    font-weight: bold;
    cursor: pointer;
}

#jmsgConversation {
    width: 90%;
    float: right;
    padding: 20px;
    height: 280px;
    overflow: auto;
}
.jmsgMessageHeader {
    font-weight: bold;
    color: #579dd6;
}
.jmsgText {
    border: 1px solid #ececec;
    margin: 5px;
    padding: 10px;
    font-size: 15px;
    clear: both;
}
#jmsgMsg {
/*    height: 120px;*/
    clear: both;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}
#jmsgMsgText {
    margin: 20px 0 30px 100px;
}
#jmsgComposeInfo {
    display: none;
    font-size: 1.1em;
    padding: 10px;
    margin-left: 120px;
    font-weight: bold;
}
#jmsgId {
    display: none;
}
#jmsgNoUserMsg {
    text-align: center;
    font-size: 25px;
    margin-top: 50px;
}



.jmsgNew {
    border: 1px solid red;
    background-color: #ff5706;
    color: white;
    width: auto;
}
.highlight {
    background: #f1f9ff;
	padding: 5px;
}
.deleteMsg {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: url('http://www.jewish-home.net/alv/communicator/images/close.gif') no-repeat 0 0;
    cursor: pointer;
}
#smileSelector {
    background-color: white;
    position: absolute;
    border: 1px groove gray;
}
/******************************************/
.widgToolbar a {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
}
/*
.widgToolbar a:hover {
	background-position: 0 -30px;
}
.widgToolbar a:active {
	margin-top: 2px;
	margin-left: 2px;
	background-position: 0 -60px;
}

.widgToolbar li.on a, .widgToolbar li.on a:hover {
	background-position: 0 -60px;
}
*/
.widgToolbar li.widgEditButton {
/*	background-image: url(images/widgeditor_button_shadow.gif); */
	border: 1px solid #ececec;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.widgButtonBold {
	background-image: url(images/widgeditor_button_bold.gif);
}
.widgButtonHTML {
	background-image: url(images/widgeditor_button_html.gif);
}
.widgButtonUnderline {
	background-image: url(images/widgeditor_button_underline.gif);
}

.widgButtonItalic {
	background-image: url(images/widgeditor_button_italic.gif);
}
.widgButtonColor {
	background-image: url(images/widgeditor_button_color.gif);
}
.widgButtonIncFont {
	background-image: url(images/widgeditor_button_incFont.gif);
}
.widgButtonDecFont {
	background-image: url(images/widgeditor_button_decFont.gif);
}
.widgButtonAlignLeft {
	background-image: url(images/widgeditor_button_alignLeft.gif);
}
.widgButtonAlignRight {
	background-image: url(images/widgeditor_button_alignRight.gif);
}
.widgButtonAlignCenter {
	background-image: url(images/widgeditor_button_alignCenter.gif);
}
.widgButtonSmiles {
    height: 25px !important;
    background-image: url(images/smiles.jpg);
}
.widgSource a {
	background-image: url(images/widgeditor_button_empty.gif);
	cursor: default;
}
.widgSource li.on a, .widgSource li.on a:hover {
	background-position: 0 0;
}
.widgSource .widgButtonHTML {
	background-image: url(images/widgeditor_button_html.gif);
}
.widgSource .widgButtonHTML:hover {
	cursor: pointer;
}




/* TOOLBAR */

.widgToolbar
{
	list-style: none;
	width: 200%;
	height: 48px;
	margin: 0;
	padding: 0 0 0 2px;
/*	border: 1px solid #CCCCCC;
	background-image: url(images/widgeditor_toolbar_bg.gif); */
	background-repeat: repeat-x;
}

* html .widgToolbar
{
	width: auto;
}

.widgToolbar li
{
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 9px;
	margin-left: 7px;
	line-height: 30px;
}




/* EDITING AREA */
#jmsgMsgTextWidgContainer {
	width: 65%;
}

.widgIframe
{
	clear: left;
	width: 99%;
	height: 100px;
	border: 1px solid #ececec;
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	padding: 0;
}
.widgContainer{
    float: left;
}
/********* smiles *******/
#smilesTable {
    width: 150px;
    height: 175px;
}
.jmsgSmile {
    width: 30px;
    height: 25px;
    background-image: url(images/smiles.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
}
.jmsgInlineSmile {
    display: inline-block;
    vertical-align: middle;
}
.jmsg_seek {
    background-position: 0px 0px;
}
.jmsg_hi {
    background-position: -30px 0px;
}
.jmsg_cry {
    background-position: -60px 0px;
}
.jmsg_lol {
    background-position: -90px 0px;
}
.jmsg_cake {
    background-position: -120px 0px;
}
.jmsg_hand {
    background-position: 0px -30px;
}
.jmsg_time {
    background-position: -30px -30px;
}
.jmsg_tongue {
    background-position: -60px -30px;
}
.jmsg_like {
    background-position: -90px -30px;
}
.jmsg_hee {
    background-position: -120px -30px;
}
.jmsg_silence {
    background-position: 0px -60px;
}
.jmsg_funny {
    background-position: -30px -60px;
}
.jmsg_bag {
    background-position: -60px -60px;
}
.jmsg_applause {
    background-position: -90px -60px;
}
.jmsg_shy {
    background-position: -120px -60px;
}
.jmsg_drop {
    background-position: 0px -90px;
}
.jmsg_idea {
    background-position: -30px -90px;
}
.jmsg_shout {
    background-position: -60px -90px;
}
.jmsg_love {
    background-position: -90px -90px;
}
.jmsg_oof {
    background-position: -120px -90px;
}
.jmsg_yes {
    background-position: 0px -120px;
}
.jmsg_mask {
    background-position: -30px -120px;
}
.jmsg_noo {
    background-position: -60px -120px;
}
.jmsg_wtf {
    background-position: -90px -120px;
}
.jmsg_sad {
    background-position: -120px -120px;
}
.jmsg_tired {
    background-position: 0px -150px;
}
.jmsg_boss {
    background-position: -30px -150px;
}
/**/
.jmsg_empty {
    background-position: -90px -150px;
}
.jmsg_listen {
    background-position: -120px -150px;
}
.jmsg_hails {
    background-position: 0px -180px;
}
.jmsg_eat {
    background-position: -30px -180px;
}
.jmsg_blow {
    background-position: -60px -180px;
}
.jmsg_kiss {
    background-position: -90px -180px;
}
.jmsg_cheers {
    background-position: -120px -180px;
}
#jmsgEmpty {
    font-size: 2.2em;
    text-align: center;
    padding: 40px;
    margin-top: 100px;
}