#shoretelCCChatArea { bottom: 0; position: fixed; right: 0; width: 100%;}

#shoretelCCChatArea div.shoretelCCChatWindow { background: #eee; border: solid #777; border-width: 1px 1px 0; float: right; height: 300px; margin-right: 5%; min-width: 255px; width: 300px;}
#shoretelCCChatArea div.shoretelCCChatWindowBar { background: #777; color: #fff; font-weight: bold; padding: 5px;}
#shoretelCCChatArea div.shoretelCCChatWindowBarMinimize, #shoretelCCChatArea div.shoretelCCChatWindowBarClose { border: 1px solid #fff; cursor: pointer; float: right; margin: 0 0.3em; padding: 0 0.3em;}
#shoretelCCChatArea form.shoretelCCChatWindowForm { font-weight: bold; margin: 10px;}
#shoretelCCChatArea form.shoretelCCChatWindowForm input.text { margin-left: 1em; width: 67%;}
#shoretelCCChatArea dl.shoretelCCChatWindowChatText { background: #fff; border: 1px solid #777; font-size: 1.1em; height: 200px; margin-bottom: 10px; overflow-y: scroll; width: 100%;}
#shoretelCCChatArea dl.shoretelCCChatWindowChatText dt { margin: 0.2em 0.3em;}
#shoretelCCChatArea dl.shoretelCCChatWindowChatText dt.shoretelCCMe { color: #f00;}
#shoretelCCChatArea dl.shoretelCCChatWindowChatText dt.shoretelCCOthers { color: #00f;}
#shoretelCCChatArea dl.shoretelCCChatWindowChatText dd { font-weight: normal; margin: 0.2em 1em;}

#shoretelCCChatBar { background: #eee; border-top: 1px solid #777; overflow: hidden; width: 100%;}
#shoretelCCChatBar #shoretelCCChatBarPowered { float: left; padding: 5px 10px;}
#shoretelCCChatBar div.shoretelCCChatBarNotify { background: #ccc; border: solid #777; border-width: 0 1px; cursor: pointer; float: right; font-weight: bold; margin-right: 5%; padding: 5px 10px;}
#shoretelCCChatBar div.closed { background: #eee;}
#shoretelCCChatBar div.alert { background: #40c080;}