body {
	margin:0px;
}

#frontchatpopup {
	width:702px;
	height:302px;
	overflow:auto;
	background:#FFFFFF url(../images/chat_background.png) no-repeat;
}

#chattabs {
	float:left;
	width:400px;
	height:300px;
}

#sidebar {
	float:left;
	width:300px;
	height:300px;
	background:transparent;
	border:none;
}

#sidebar #employee_div {
	background:transparent;
	border:none;
	height:300px;
	width:260px;
	padding:0px;
}

/* side bar Accordion */
#sidebar .dijitAccordionTitle {
	height:24px;
	background:transparent;
	padding-top: 12px;
	border:none;
	color: white;
	outline: 0;
}

#sidebar .dijitAccordionTitle-selected {
	border:none;
	cursor:default;
	font-weight:bold;
}

#sidebar .dijitAccordionFocused {
	text-decoration:none;
}

/* tab css */
#chattabs .dijitTab {
	background:transparent;
	line-height:normal;
	padding:0;
	height: 41px;
	border:none;
	margin-right:0px;
	width:75px;
}

#chattabs .dijitTabChecked {
	background:transparent;
	border:none;
	height: 41px;
}

#chattabs .dijitTabHover {
	background:transparent;
	border:none;
	color:#243C5F;
	height: 41px;
}

#chattabs .dijitTabInnerDiv:hover {
	color: white;
}

#chattabs .dijitTabChecked .dijitTabInnerDiv {
	color:white;
	margin-top:8px;
}

#chattabs .dijitTab .dijitTabInnerDiv {
	color:white;
	margin-top:8px;
}

#chattabs .dijitTabContainerTop-tabs {
	padding-left:0px;
	height:40px;
	border:0px;
}

/* Message display area and message input box  */

.msgs_div {
	height:210px;
	overflow:auto;
}

#chattab > form {
	background:transparent;
	padding:5px 0px 5px 0px;
}

#msginput {
	background:transparent;
}

.msg_input {
	width:260px;
}

.message_div {
	border:none;
	padding:5px 0px 10px 0px;
}

.user {
	font-weight:bold;
}

#start_button .dijitButtonNode {
	background:transparent url(../images/start_button.png) no-repeat;
	border:none;
	color:white;
	width: 41px;
}

#msginput .dijitButtonNode {
	background:transparent url(../images/basic_button.png) no-repeat;
	border:none;
	width: 41px;
}

#start_button .dijitButtonHover .dijitButtonNode,
#start_button .dijitButtonNodeHover {
	background:transparent url(../images/start_button.png) no-repeat;
	border:none;
	color:#D3D3D3;
	width: 41px;
}

#msginput .dijitButtonHover .dijitButtonNode,
#msginput .dijitButtonNodeHover {
	background:transparent url(../images/basic_button.png) no-repeat;
	border:none;
	color:grey;
	width: 41px;
}

#start_button .dijitButtonText:hover{
	font-weight:bold;
	color:#D3D3D3;
}

#start_button .dijitButtonText {
	font-weight:bold;
	color:white;
}

#msginput .dijitButtonText
{
	font-weight:bold;
}

#chat_launch {
	margin:0px;
}

 #chat_online {
	margin:0; padding:0;
	position:relative;
	width:200px; height:89px;
	overflow:hidden;
}

#chat_online a {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:89px;
	margin:0; padding:0;
	background:url("../images/chat-out.jpg") top left no-repeat;
}

#chat_online a:hover {
	background:url("../images/chat-over.jpg") top left no-repeat;
}

#chat_offline {
	margin:0; padding:0;
	position:relative;
	width:200px; height:89px;
	overflow:hidden;
}

#chat_offline span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:89px;
	margin:0; padding:0;
	background:url("../images/chat-offline.jpg") top left no-repeat;
}

#chattabs #chattab {
	background:transparent;
}

#chattabs .dijitTabPaneWrapper {
	background:transparent;
	border:none;
}

#sidebar #employee_div_button {
	background:transparent;
	border:none;
}

#sidebar #avatar_td {
	margin-top:0px;
	margin-left:0px;
}