/* RESET ----------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus {	outline: 0; }
body { line-height: 1; color: black; font-size:12px; }
ol, ul {	list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td {	text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }
a { text-decoration: none !important;}


/* CLEAR FIX : START ------------------------------------------------- */

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

/* WinIE7 only */
*:first-child+html .clearfix{ height:1%; }

/* WinIE6 and below */
/*?*/
* html .clearfix{ height:1%; }
/**/

/* MacIE only */
/*?*//*/
.clearfix{
    display:inline-table;
}
/* CLEAR FIX : END ------------------------------------------------- */

/* STYLING PROPER ------------------------------------------------- */
body { background: #373c42; text-align: left; font-family: Verdana, Arial, sans-serif; color: #ccc;}

#chat_container {position:absolute; overflow-y:scroll; left:0px; top:0px; right:0px; /*bottom:40px;*/ border-bottom: solid 1px #292d31;  height:500px}
#send_container {position:absolute; left:0px; right:0px; bottom:10px; height:73px; }

#chat_container .chat_message {margin:0; padding:0;  background: #3e4248;  /* #becbac ; */ }
#chat_container .chat_message h4 {font-size: 12px; font-variant: small-caps; font-weight: bold; color: #ccc; background: #10141b;  height: 18px; line-height:18px; margin:0; padding: 0 0 0 10px;}
#chat_container .chat_message h4 a { text-decoration: none ; color: #ccc; font-variant: small-caps;}
#chat_container .chat_message span.time {display:block; font-size: 10px; color: #cccccc;  line-height:14px; padding: 0 0 10 10px;}
#chat_container .chat_message p {font-size: 12px; line-height:18px; color: #cccccc; padding: 5px 20px 10px 10px;  }

#send_container #msg_container {position:absolute;  left: 5px; top:0px; bottom:0px; /*right: 235px;*/ padding-top:3px;  }
#send_container #msg_container input#msg {background-color: #535252; width:90%; border:1px solid #333; color:#ccc;  padding: 3px; font: 12px Verdana, Arial, sans-serif;  }
#send_container #msg_container input#msg:focus { background-color: #848484; color: #111;}

#send_container #button_container {position:absolute;  top:30px; bottom:0px; /*left: 5px; width: 220px;*/ }
#send_container #button_container select { /*float: left;*/ width: 135px; background-color: #535252; border:solid 1px #333; padding:3px; color:#ccc; font: 12px Verdana, Arial, sans-serif;  }
#send_container #button_container option { background-color: #535252; color:#ccc; font: 12px Verdana, Arial, sans-serif; }
.chatter_name{font-size: 12px; font-variant: small-caps; font-weight: bold; color: #ccc; background: #10141b;  line-height:18px; margin:0; padding: 0 0 0 10px;}
.chatter_name a { text-decoration: none ; color: #ccc; font-variant: small-caps;}
.AdminApe {font-size: 12px; font-variant: small-caps; font-weight: bold; color: #efb400; background: #10141b;  height: 18px; line-height:18px; margin:0; padding: 0 0 0 10px;}
.AdminApe a { color: #efb400; font-variant: small-caps; text-decoration:none; }
.AdminApe a:hover { color: #fff; text-decoration:none; }
.AssistantApe { font-size: 12px; font-variant: small-caps; font-weight: bold; color: #66FF66; background: #10141b;  height: 18px; line-height:18px; margin:0; padding: 0 0 0 10px; }
.AssistantApe a { color: #66FF66; font-variant: small-caps; text-decoration:none; }
.AssistantApe a:hover {  color: #fff; text-decoration:none; }



button {  position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /*float: left;*/}
button::-moz-focus-inner { border: none; }
button span { position: relative; display: block;  white-space: nowrap;	}
button.shout { padding: 0 0 0 0; text-align: center; text-transform: uppercase; font: normal 11px Arial,san-serif; color: #94add6; background: transparent url(http://fb-dev.nvinium.com/themes/default/facebook/images/buttons.png) no-repeat;  }
button.shout span { padding: 8px 0 0 10px; height:23px; background: transparent url(http://fb-dev.nvinium.com/themes/default/facebook/images/buttons.png) no-repeat;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span { margin-top: -1px; }
}

button.shout { background-position: right -1012px; padding-right: 10px; }
button.shout span { background-position: left -964px; }