/*
	File: smartchat.css

	Dependencies:
		smartchat-common.css
*/

@import url(smartchat-common.css);

/*
	Chat Now Button
*/
button.smartchat {
	display: none; /* not visible by default */
	width: 128px;
	height: 48px;
	text-align: center;
	border: 1px solid #999;
	background-color: #CCC;
	background-image: url('http://www.ecarlist.com/images/smartchat/chat_bubbles_large.png');
	background-position: 4px 0px;
	background-repeat: no-repeat;
	color: #666;
	font-weight: bold;
	text-align: right;
}

/*
	Class: SmartChat.OfferWindow
*/

.smartchat .offer_window {
	right: 8px;
	bottom: 0px;
	width: 200px;
	height: 150px;
	border-style: none;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background-color: #333;
	color: #FFF;
}

.smartchat .offer_window.minimized {
	width: 128px;
	height: 36px;
	line-height: 36px;
	text-align: right;
	background: transparent;
}

.smartchat .offer_window .titlebar {
	display: none;
}

.smartchat .offer_window.minimized .titlebar {
	display: block;
	width: 100%;
	height: 100%;
	border-style: none;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background-color: #333;
}

.smartchat .offer_window .titlebar.hover {
	background-color: #222;
}

.smartchat .offer_window .titlebar.blink {
	background-color: #693;
}

.smartchat .offer_window .titlebar .icon {
	width: 50px;
	height: 36px;
	background-image: url('http://www.ecarlist.com/images/smartchat/chat_bubbles_small.png');
	background-position: 10px 5px;
	background-repeat: no-repeat;
}

.smartchat .offer_window .titlebar .title {
	position: absolute;
	float: clear;
	right: 10px;
	line-height: 36px;
	color: #FFF;
}

.smartchat .offer_window .titlebar.blink .title {
	color: #030;
}

.smartchat .offer_window .body {
	height: 100%;
}

.smartchat .offer_window button.minmax_btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 13px;
	height: 13px;
	background-color: transparent;
	background-image: url('http://www.ecarlist.com/images/smartchat/window_controls.png');
	background-position: -46px -10px;
	background-repeat: no-repeat;
	border: none;
}

.smartchat .offer_window button.minmax_btn.hover {
	background-position: -34px -10px;
}

.smartchat .offer_window .admin_img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 80px;
	height: 130px;
	background-image: url('http://www.ecarlist.com/images/smartchat/chat_now_woman.jpg');
}

.smartchat .offer_window .message {
	position: absolute;
	left: 100px;
	top: 20px;
	width: 90px;
}

.smartchat .offer_window .chat_btn {
	position: absolute;
	left: 100px;
	bottom: 20px;
	width: 90px;
	height: 20px;
}

/*
	Class: SmartChat.VisitorNameDialog
*/
.smartchat .visitor_name_dialog {
	text-align: center;
}

.smartchat .visitor_name_dialog .form {
	width: 200px;
	margin: auto;
	text-align: left;
}

.smartchat .visitor_name_dialog label {
	display: block;
	float: left;
	clear: both;
	width: 60px;
}

.smartchat .visitor_name_dialog input.text {
	width: 130px;
}

/*
	Class: SmartChat.VisitorChatWindow
*/

.smartchat .visitor_chat_window {
	right: 8px;
	bottom: 0px;
	width: 225px;
	height: 250px;
}