#dpchat_btn {
    position: fixed;
    top: 100px;
    left: 0;

    padding:  5px 10px 5px 10px;
    color: #fff;

    cursor: pointer;
}

#dpchat_btn .start-chat { display: inline; }
#dpchat_btn .open-chat { display: none; }

#dpchat_btn.has-chat .start-chat { display: none; }
#dpchat_btn.has-chat .open-chat { display: inline; }

#dpchat_panel {
    position: fixed;
    top: 100px;
    left: 0;

    width: 280px;

    background: #eee;

    border: 1px solid #6C7382;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

    display: none;
}

#dpchat_panel.dpchat-panel-open {
    display: block;
}

#dpchat_titlebar {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

    background-color: #CED3DE;
    margin: 1px;

    position: relative;
}

#dpchat_titlebar #dpchat_closepanel {
    position: absolute;
    font-size: 10px;
    right: 4px;
    top: -14px;

    line-height: 100%;
    cursor: pointer;
    color: #878E9C;

    background-color: #F0F2F5;
    padding: 1px;

    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#dpchat_endchat {
    display: none;
    position: absolute;
    font-size: 11px;
    right: 4px;
    top: 4px;

    line-height: 100%;
    cursor: pointer;
    color: #363940;

    background-color: #B8C0D1;
    border: 1px solid #777E8C;
    padding: 1px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.has-chat #dpchat_endchat {
    display: block;
}

#dpchat_titlebar h3 {
    font-size: 12px;
    padding: 3px 0 5px 3px;
    margin:  0;
}

#dpchat_input {
    height: 30px;
    position: relative;

    border-top: 2px solid #898D96;
}

#dpchat_input textarea {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;

    border: none;
}

#dpchat_messages {
    max-height: 250px;
    overflow: auto;
}

#dpchat_messages .dpchat-info {
    font-size: 11px;
    color: #94969C;
    padding: 3px 4px 3px 4px;
    margin: 3px;
    line-height: 100%;

    border-bottom: 1px solid #ccc;
}

#dpchat_messages .dpchat-message {
    padding: 2px 4px 2px 5px;
    font-size: 11px;
}

#dpchat_messages .dpchat-user {
    color: #4C5057;
}

#dpchat_messages .dpchat-user {
    padding: 3px 4px 3px 4px;
    color: #767A82;
}

#dpchat_messages .dpchat-author { display: inline; }
#dpchat_messages .dpchat-msg { display: inline; }

#dpchat_messages .dpchat-user .dpchat-author {
    padding-right: 5px;
}

#dpchat_messages .dpchat-user .dpchat-msg {
    display: inline;
}








.dpchat-overlay-outer {
	position: absolute;
	z-index: 100001;
	background: url("../../../../../images/bg-overlay-padding.png") repeat;
	border: 1px solid #3c434d;
	padding: 8px ;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

	-webkit-box-shadow:   inset 0 1px #777b7d, 0 0 5px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 1px #777b7d, 0 0 5px rgba(0,0,0,.4);
    box-shadow: inset 0 1px #777b7d, 0 0 5px rgba(0,0,0,.4);
}

.dpchat-overlay-outer .close-overlay {
	display: block;
	width: 29px;
	height: 29px;
	text-indent: -99999px;
	background: url("../../../../../images/icn-sprite.png") left -1200px no-repeat;
	position: absolute;
	right: -15px;
	top: -15px;

	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20xpx;

	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.4);
    box-shadow: 0 1px 5px rgba(0,0,0,.4);
}

.dpchat-overlay-outer .close-overlay:hover {
	opacity: 1;

	-webkit-box-shadow:0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red;
}

/* The inner wrapper */
.dpchat-overlay-inner {
	position: relative;
	background: #fff;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dpchat-overlay-content {
	padding: 0;
}

.dpchat-overlay-content iframe {
    margin: 0;
    padding: 0;
}