/* BEGIN reset */
.iwc-web-chat
{
	margin:0px;
	padding:0px;
}
/* END reset */



/* BEGIN regular element override styles */
.iwc-web-chat h1.iwc-page-header
{
	margin-top:39px;
	font-size:1.6em;
	font-weight: normal;
	margin-bottom: 12px;
}

.iwc-web-chat .iwc-link
{
	font-size:.8em;
	text-decoration:none;
}

.iwc-web-chat .iwc-link:hover
{
	text-decoration:underline;
}

.iwc-web-chat .iwc-link-disabled
{
}

.iwc-web-chat .iwc-link-disabled:hover
{
	text-decoration:none;
	cursor:default;
}

.iwc-web-chat .iwc-error > span
{
	font-size: 1.2em;
	color: #f00;
}

.iwc-web-chat .iwc-error > img
{
	vertical-align:middle;
}

.iwc-load-error
{
    margin-top: 45px;
}

	.iwc-load-error img {
		margin-right: 9px;
	}

.iwc-load-error > span
{
	font-size: 1.2em;
	color: #f00;
}

.iwc-load-error > img
{
	vertical-align:middle;
}

.iwc-web-chat input[type='button']
{
    font-size:0.8em;
}
/* END regular element override styles */

/* BEGIN .iwc-login-container */

.iwc-login-container .iwc-status > img
{
	display:none;
	vertical-align:middle;
}

.iwc-login-container .iwc-status > span
{
	font-weight:bold;
	font-size:1.0em;
	vertical-align:middle;
}

.iwc-login-container .iwc-status-success > img[status-type='error'],
.iwc-login-container .iwc-status-error > img[status-type='success']
{
	display:none;
}

.iwc-login-container .iwc-status-success > img[status-type='success'],
.iwc-login-container .iwc-status-error > img[status-type='error']
{
	display:inline;
}

.iwc-login-container .iwc-status-error > span
{
	color: #f00;
}

.iwc-callback-panel-content
{
	margin-top:10px;
}

.iwc-disclaimer
{
    font-size: 0.8em;
}

/* END .iwc-login-container */



/* BEGIN .iwc-form-tabs */
.iwc-form-tabs .iwc-unselected-tab,
.iwc-form-tabs .iwc-selected-tab
{
    display: inline;
}

.iwc-form-tabs .iwc-unselected-tab > a
{
    border-style: solid solid none;
    border-width: 1px 1px medium;
    padding: 3px 4px;
    text-decoration: none;
    border-color: #666;
    background-color: #DD9609;
}

.iwc-form-tabs .iwc-selected-tab > a
{
    border-color: #666 #666 #FBCA48;
    background-color: #FBCA48;
    border-width: 1px;
    text-decoration: none;
    border-style: solid solid none;
    padding: 5px 4px 4px;
}
/* END .iwc-form-tabs */



/* BEGIN .iwc-form-panel */
.iwc-form-panel
{
}

.iwc-form-panel input[type='button'],
.iwc-callback-management-form-panel input[type='button']
{
    height:26px;
}

.iwc-callback-management-form-panel .iwc-callback-status-indicator-and-button-container
{
    width: 74px;
}

.iwc-callback-management-form-panel .iwc-callback-status-indicator
{
    color: #FBCA48;
    background-color: #674703;
    padding: 4px;
    width: 66px;
    text-align: center;
    margin-bottom: 2px;
    font-size: 11px;
}

.iwc-callback-management-form-panel .iwc-callback-status-subject
{
    color: #674703;
    font-size: 1em;
    font-weight: bold;
    line-height: 24px;
    vertical-align: middle;
}

.iwc-callback-status-subject-div
{
    max-width: 430px;
}

.iwc-callback-management-form-panel .iwc-callback-status-failure-container
{
}

.iwc-form-panel .iwc-form-field-div
{
    margin-bottom:4px;
}

.iwc-callback-participant-avatar
{
	width:80px;
	border:none 0px;
	padding:0px;
}

.iwc-chat-form-panel .iwc-form-button-div
{
    width:285px;
}

.iwc-chat-form-panel .iwc-label,
.iwc-callback-form-panel .iwc-label
{
    min-width: 70px;
}

.iwc-callback-management-form-panel .iwc-key
{
    min-width: 113px;
    font-weight:bold;
}

.iwc-register-form-panel .iwc-label
{
    min-width: 150px;
}

.iwc-callback-form-panel .iwc-form-button-div,
.iwc-callback-management-form-panel .iwc-form-button-div
{
    width:386px;
}

.iwc-register-form-panel .iwc-form-button-div
{
    width:359px;
}

.iwc-form-panel .iwc-account-radio-button-label
{
	font-size:.8em;
	color:#674703;
    cursor:default;	
}

.iwc-form-panel .iwc-create-account-link
{
	font-size:.8em;
	color:#674703;
	text-decoration:underline;
}

.iwc-callback-disconnect-link
{
	font-size:.8em;
	color:#674703;
	text-decoration:underline;
}

.iwc-form-panel .iwc-label,
.iwc-callback-management-form-panel .iwc-label,
.iwc-callback-management-form-panel .iwc-key
{
    display: inline-block;
	color: #674703;
    font-size: .8em;
}

.iwc-form-panel .iwc-description-label
{
    vertical-align:top;
    margin-top:5px;
}

.iwc-form-panel .iwc-textbox
{
	width: 200px;
}

.iwc-form-panel .iwc-textarea
{
	width: 400px;
	height: 100px;
}

.iwc-form-panel .iwc-button,
.iwc-exit-button
{
	color: #32352e;
	padding-left: 8px;
	padding-right: 8px;
}

.iwc-form-panel .iwc-description-textarea
{
    height:80px;
    width:300px;
}

.iwc-callback-management-form-panel .iwc-callback-creation-success-panel,
.iwc-callback-management-form-panel .iwc-callback-status-panel
{
    margin-bottom: 12px;
}

.iwc-callback-management-form-panel .iwc-callback-creation-success-panel img,
.iwc-callback-management-form-panel .iwc-callback-disconnect-link-panel img,
.iwc-callback-management-form-panel .iwc-callback-disconnect-confirmation-panel img,
.iwc-callback-management-form-panel .iwc-callback-disconnect-failure-panel img,
.iwc-callback-management-form-panel .iwc-callback-status-failure img
{
    vertical-align:middle;
}

.iwc-callback-management-form-panel .iwc-callback-creation-success-panel span
{
	color: #444;
	font-weight:bold;
	font-size:1.0em;
	vertical-align:middle;
	line-height:24px;
}

.iwc-callback-management-form-panel .iwc-callback-status-header
{
	border: solid 1px #CFA73B;
	background-color:#EBBD43;
	margin-bottom:6px;
}

.iwc-form-panel .iwc-form-section-header
{
	border: solid 1px #CFA73B;
	background-color:#EBBD43;
	margin-bottom:6px;
	width:352px;
}

.iwc-form-panel .iwc-form-section-header span,
.iwc-callback-management-form-panel .iwc-callback-status-header span
{
	font-size:.9em;
	font-weight:bold;
	color:#000;
}

.iwc-form-panel .iwc-formfielderror > img
{
	height:16px;
	width:16px;
	vertical-align:top;
	margin-top:4px;
}

.iwc-form-panel .iwc-formfielderror > span
{
	color:#f00;
	font-size:.8em;
	font-weight:bold;
	vertical-align:top;
	margin-top:4px;
	display:inline-block;
}

.iwc-busy-image
{
    border: none;
    z-index: 100;
    height:110px;
    width:110px;
    position:absolute;
    top:160px;
}
/* END .iwc-form-panel */




/* BEGIN .iwc-main-panel */
/* END .iwc-main-panel */



/* BEGIN .iwc-received-messages-panel */
.iwc-received-messages-panel
{
	height: 300px;
	border:solid 1px #666;
	background-color:#fff;
}
.iwc-received-messages-panel > ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow:auto;
	overflow-x:hidden;
	height:300px;
}

.iwc-received-messages-panel > ul > li
{
	width:auto;
	border: none 0px;
	margin:2px;
}

.iwc-received-messages-panel > ul > li .iwc-message-sender
{
	margin: 0px 8px 0px 4px;
}

.iwc-received-messages-panel > ul .iwc-late-message
{
	background-color: #ff6666;
}

.iwc-received-messages-panel > ul > li ul
{
	list-style-type:none;
}

.iwc-message .iwc-arrow
{
	background-repeat:no-repeat;
}

/* In RTL, IE will swap padding-left and padding-right. */


.iwc-message > div,
.iwc-message > div > div
{
	display: block;
}

.iwc-message .iwc-message-text {
	font-size: 14px;
	line-height: normal;
}

.iwc-message .iwc-message-time
{
	font-size:0.7em;
}




.iwc-system-message-group .iwc-message > div
{
}

.iwc-message-link a:link,
.iwc-message-link a:visited,
.iwc-message-link a:active,
.iwc-message-link a:hover
{
}
/* END .iwc-received-messages-panel */



/* BEGIN .iwc-participants-panel */
.iwc-participants-panel
{
	border:solid 1px #666;
	background-color: #fff;
	margin:0px;
	min-height:34px;
	padding:1px;
}





.iwc-participants-panel > ul
{
	margin:0px;
	list-style-type: none;
}





.iwc-participants-panel > ul > li table,
.iwc-participants-panel > ul > li tbody,
.iwc-participants-panel > ul > li tr,
.iwc-participants-panel > ul > li td,
.iwc-participants-panel > ul > li .iwc-participant-name
{
	width:auto;
	height:32px;
	margin:0px;
	border:0px;
	padding:0px;
	outline:0px;
}

.iwc-participants-panel > ul > li
{
    width:auto;
    height:32px;
    margin:2px 0px;
    padding:0px;
    outline:0px;
}

.iwc-participant-name,
.iwc-chat-participant-popover-name
{
	font-size:1.2em;
	border: none 0px;
}

.iwc-participant-name
{
    vertical-align:middle;
}

.iwc-chat-participant-popover-name
{
    font-weight: bold;
}





.iwc-participants-panel > ul > li.iwc-participant-held .iwc-participant-name
{
	font-style:italic;
}

.iwc-participants-panel > ul > li .iwc-participant-typing-indicator-img
{
	width:16px;
	height:32px;
	border: none 0px;
	padding:0px;
	vertical-align:middle;
	background-position:center;
	background-repeat:no-repeat;
}





.iwc-chat-participant-avatar
{
    background-size: cover;
	width:32px;
	height:32px;
	border:none 0px;
	padding:0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}





.iwc-chat-participant-popover
{
    position: absolute;
    z-index: 100;
    border: 1px solid black;
    margin-top: -16px;
    padding: 8px;
    background-color: #FDE4A3;
}





.iwc-chat-participant-popover td
{
    vertical-align: top;
}

.iwc-chat-participant-popover-supplementalInfo
{
    font-weight: 0.8em;
    color: #555555;
}









.iwc-chat-participant-popover-avatar
{
	width:300px;
	height:300px;
    background-size: cover;
}

.iwc-rounded-box
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}





.iwc-participants-panel > ul > li .iwc-participant-typing-status
{
    display:none;
}

.iwc-participants-panel > ul > li.iwc-participant-typing .iwc-participant-typing-status
{
    display: inline-block;
    color: #999;
    font-size: .7em;
	margin-left: 6px;
}









.iwc-print-div a
{
	font-size:.8em;
	color:#674703;
	text-decoration:underline;
	font-size:.8em;
}




/* END .iwc-participants-panel */



/* BEGIN .iwc-compose-message-panel */
.iwc-compose-message-panel
{
	margin:0px;
	width: 602px;
	background-color:#fff;
	border: solid 1px #666;
	padding:0px;
}

.iwc-compose-message-panel .iwc-input
{
    position:absolute;
	margin: 0px;
	padding: 0px;
	height: 61px;
	width: 517px;
	display: block;
	vertical-align: top;
	overflow:auto;
	border:0px;
	top:0;
}





.iwc-compose-message-panel[usehtmleditor='false']
{
    height:61px;
}

.iwc-compose-message-panel[usehtmleditor='false'] .iwc-input
{
	resize: none; /* for safari and chrome */
}

.iwc-compose-message-panel[usehtmleditor='true'] .cke_editor .cke_contents
{
    height:92px;
	padding-right:83px;
	background-color:#fff;
}

.iwc-compose-message-panel
{
    position:relative;
}

.iwc-compose-message-panel .iwc-send-button
{
	position:absolute;
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 80px;
	display: block;
	vertical-align: top;
	bottom:2px;
}




/* END .iwc-compose-message-panel */

.containsFloatingChild:after {
    clear: both;
    visibility: hidden;
    display: block;
    content: " ";
    height: 0px;
}





/* Custom styling */
h1.iwc-page-header {
	display: none;
}

	#mainPanel {
		margin: 30px 0 0 0;
	}
		
		#participantsPanel {
			background: #3F4450;
			border: none;
			border-radius: 12px 12px 0 0;
			color: #ffffff;
			padding: 6px 0 0 0;
			position: relative;
		}
		
			#participantsPanel a {
				color: #ffffff;
			}
		
			#participantsPanel a:hover {
				color: #d57e2d;
				text-decoration: none;
			}
		
			#participantsPanel .iwc-chat-participant-avatar {
				display: none;
			}
			
			#participantsPanel .iwc-print-div {
				display: inline-block;
				position: absolute;
				right: 12px;
				text-shadow: 1px 1px 1px #222222;
				top: 11px;
			}
			
				#participantsPanelList > li {
					display: inline-block;
					margin: 0;
					text-shadow: 1px 1px 2px #222222;
				}
			
				#participantsPanelList > li + li {
					margin-left: 15px;
				}
			
		
		#messagesPanel {
			border: none !important;
		}
		
			#messagesPanel > ul > li {
				list-style: none;
				margin: 0;
				padding:0;
			}
			
			#messagesPanel .iwc-message-from-agent {
				background: #ffecde;
			}
			
			#messagesPanel .iwc-system-message-group {
				background: #f5f5f5;
			}
			
			#messagesPanel > ul > li ul {
				margin-top: 0;
				padding-top: 6px;
			}
			
				#messagesPanel > ul > li ul > li {
					list-style: none;
					margin: 0;
					padding: 0 0 6px 21px;
				}
				
					#messagesPanel .iwc-message {
						position: relative;
					}
					
						#messagesPanel .iwc-message-sender {
							font-weight: bold;
							line-height: 2em;
							margin: 0;
							padding: 3px 0 0 9px;
						}
					
						#messagesPanel .iwc-message-time {
							position: absolute;
							right: 12px;
							top: 0;
						}
						
						#messagesPanel .iwc-message-time.iwc-message-time-faded {
							filter: alpha(opacity=40);
							opacity: 0.4;
						}
					
						#messagesPanel .iwc-message-text {
							padding-right: 130px;
						}
		
		.iwc-compose-message-panel {
			background: #3F4450;
			border: none;
			border-radius: 0 0 12px 12px;
			height: auto !important;
			padding: 6px;
			position: relative;
			width: auto !important;
		}
		
			#inputPanel {
				border-radius: 0 0 0 9px;
				box-shadow: 1px 1px 3px #222222;
				height: 39px;
				margin: 0;
				padding: 6px 86px 6px 6px;
				position: relative;
				width: 490px;
			}
			
			#sendButton {
				background: #D95E00;
				border: none;
				border-radius: 0 0 9px 0;
				box-shadow: 1px 1px 3px #222222;
				color: #ffffff;
				cursor: pointer;
				font-size: 18px;
				height: 51px;
				position: absolute;
				right: 6px;
				text-shadow: 1px 1px 2px #a14600;
				text-transform: uppercase;
				top: 6px;
			}
			
			#sendButton:hover {
				background-color: #f26900;
			}
			
			#sendButton:active {
				background-color: #cb5800;
			}
			
			#exitButton {
				display: none !important;
			}