/* Quick Chat 2.33 */
/* Global smilies CSS sprites */
div.quick-chat-smile{margin:0; padding: 0; width: 16px; height: 16px; background: url(../img/quick-chat-smile.png) no-repeat top left; display: -moz-inline-stack; display:inline-block;}
div.quick-chat-smile-angel{background-position: 0 0;}
div.quick-chat-smile-confused{background-position: 0 -17px;}
div.quick-chat-smile-cool{background-position: 0 -34px;}
div.quick-chat-smile-crying{background-position: 0 -51px;}
div.quick-chat-smile-devilish{background-position: 0 -68px;}
div.quick-chat-smile-eek{background-position: 0 -85px;}
div.quick-chat-smile-error{background-position: 0 -102px;}
div.quick-chat-smile-favorite{background-position: 0 -119px;}
div.quick-chat-smile-glasses{background-position: 0 -136px;}
div.quick-chat-smile-grin{background-position: 0 -153px;}
div.quick-chat-smile-help{background-position: 0 -170px;}
div.quick-chat-smile-idea{background-position: 0 -187px;}
div.quick-chat-smile-important{background-position: 0 -204px;}
div.quick-chat-smile-kiss{background-position: 0 -221px;}
div.quick-chat-smile-monkey{background-position: 0 -238px;}
div.quick-chat-smile-plain{background-position: 0 -255px;}
div.quick-chat-smile-razz{background-position: 0 -272px;}
div.quick-chat-smile-sad{background-position: 0 -289px;}
div.quick-chat-smile-smile-big{background-position: 0 -306px;}
div.quick-chat-smile-smile{background-position: 0 -323px;}
div.quick-chat-smile-surprise{background-position: 0 -340px;}
div.quick-chat-smile-warning{background-position: 0 -357px;}
div.quick-chat-smile-wink{background-position: 0 -374px;}

/* Quick Chat container */
div.quick-chat-container{margin: 0; padding: 0;}

/* Messages container */
div.quick-chat-history-container{overflow-y:auto; overflow-x:hidden; margin: 0; padding: 0 4px 0 4px;}

/* User list container */
div.quick-chat-users-container{padding: 0 4px 0 4px;}

/* User name inside user list, applies to left, right and top */
div.quick-chat-single-user{font-weight: bold;}

/* User list container for left and right user lists */
div.quick-chat-users-container-left, div.quick-chat-users-container-right{min-width: 100px; max-width:140px; overflow-y:auto; overflow-x:hidden; }

/* User list container for right user list */
div.quick-chat-users-container-right{float:right; margin: 0 0 0 8px; }

/* User list container for left user list */
div.quick-chat-users-container-left{float:left; margin: 0 8px 0 0; }

/* User list container for top user list */
div.quick-chat-users-container-top{width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; margin: 0 0 8px 0;}

/* User name inside top user list */
div.quick-chat-users-container-top div.quick-chat-single-user{display: -moz-inline-stack; display:inline-block; margin-right: 4px;}

/* Single message container */
div.quick-chat-history-message-alias-container{margin: 0 0 8px 0;}

/* Single message container top part with message authors gravatar, user name and message timestring */
div.quick-chat-history-header{margin: 0;}

/* Message author gravatar */
img.quick-chat-history-gravatar{float:left; margin: 0 8px 0 0;padding: 0; border: none;}

/* Message author alias, applies to all messages */
div.quick-chat-history-alias{font-weight: bold; line-height: 18px;}

/* Message time, applies to all messages */
div.quick-chat-history-timestring{font-style:italic; margin: 0; padding: 0;}

/* Message text, applies to all messages */
div.quick-chat-history-message{line-height: 20px;}

/* Message author alias inside message history and users list (admin users) */
div.quick-chat-users-container div.quick-chat-admin, div.quick-chat-users-container div.quick-chat-admin a,
div.quick-chat-admin div.quick-chat-history-alias, div.quick-chat-admin div.quick-chat-history-alias a { color: red;}

/* Message time (admin users) */
div.quick-chat-admin div.quick-chat-history-timestring{}

/* Message text (admin users) */
div.quick-chat-admin div.quick-chat-history-message{}

/* Message author alias insided message history and users list (loggedin users) */
div.quick-chat-users-container div.quick-chat-loggedin, div.quick-chat-users-container div.quick-chat-loggedin a,
div.quick-chat-loggedin div.quick-chat-history-alias, div.quick-chat-loggedin div.quick-chat-history-alias a{color: #008800;}

/* Message time (loggedin users) */
div.quick-chat-loggedin div.quick-chat-history-timestring{}

/* Message text (loggedin users) */
div.quick-chat-loggedin div.quick-chat-history-message{}

/* Message author alias insided message history and users list (guest users) */
div.quick-chat-users-container div.quick-chat-guest, div.quick-chat-users-container div.quick-chat-guest a,
div.quick-chat-guest div.quick-chat-history-alias, div.quick-chat-guest div.quick-chat-history-alias a{color: #1982D1;}

/* Message time (guest users) */
div.quick-chat-guest div.quick-chat-history-timestring{}

/* Message text (guest users) */
div.quick-chat-guest div.quick-chat-history-message{}

/* Message checkboxes (admin users) */
input.quick-chat-to-delete-boxes{margin: 0 4px; padding: 0; float: right;}

/* User checkboxes (admin users) */
input.quick-chat-to-ban-boxes{margin:0 4px 0 0; padding:0;}

/* Bottom control links container */
div.quick-chat-links{margin: 8px 0 0 0; padding: 0; line-height: 100%; font-size: 90%;}

/* Remove underline from links inside bottom control links */
div.quick-chat-links a, div.quick-chat-links a:hover, div.quick-chat-links a:visited {text-decoration: none;}

/* Bottom control links - left floted */
div.quick-chat-left-link{float: left; margin-right: 4px;}

/* Bottom control links - right floated */
div.quick-chat-right-link{float: right; margin-left: 4px;}

/* Notices informing users they must login/are banned from chat */
div.quick-chat-bootom-notice{width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

/* Message author alias input box container */
div.quick-chat-alias-container{margin: 8px 0;}

/* Message author alias input box */
input.quick-chat-alias{width: 100px; height: 20px; line-height: 20px; display: inline;}

/* AdSense content */
div.quick-chat-adsense{margin: 8px 0;}

/* Send message button */
input.quick-chat-send-button{display: block; margin: 8px 0; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

/* Textarea for message text */
textarea.quick-chat-message{display: block; margin: 8px 0; width: 100%; height: 80px; resize: vertical; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

/* Smilies container */
div.quick-chat-smilies-container{margin: 8px 0 2px 0; width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

/* Single smilie inside smilies containter */
div.quick-chat-smile-container{float: left; margin: 2px;}

/* User name checking text */
span.quick-chat-username-status {margin-left: 8px; height: 20px; line-height: 20px;}

/* User name taken/forbidden text */
span.quick-chat-error {color: red;}

/* "Powered by Quick Chat" link */
a.quick-chat-linkhome{font-style: italic; font-size: 90%;}

/* Floats clearing code */
div.quick-chat-history-header:after, div.quick-chat-smilies-container:after, div.quick-chat-links:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
div.quick-chat-history-header, div.quick-chat-smilies-container, div.quick-chat-links {display: inline-block;}
* html div.quick-chat-history-header, * html div.quick-chat-smilies-container, * html div.quick-chat-links {height: 1%;}
div.quick-chat-history-header, div.quick-chat-smilies-container, div.quick-chat-links {display: block;}
