/*
 * chat
 * Copyright (c) 2009 Inscripts - support@chat.com | http://www.chat.com | http://www.inscripts.com
*/

html { overflow-y:-moz-scrollbars-vertical; }

body { padding-bottom:30px; }

#chat { z-index:25; font-size:11px; width:100%; }
#chat #bar { position:fixed; bottom:0px; right:0px; }

#chat .tab, #chat_error_layer { margin-top:10px; position:relative; display:block; width:158px; height:24px; border:1px solid #c4a9a9; background:#f4ebeb; border-bottom:none; float:right; margin-right:4px; overflow:visible; }
#chat .tab .icon { margin:3px 4px 0 5px; background-position:-48px -160px; }
#chat .tab.offline .icon { background-position:-64px -160px; }
#chat .tab span, #chat_error_layer span { display:block; padding:0 7px 0 0; height:23px; border-top:1px solid #f9f4f4; font-size:11px; font-weight:bold; color:#333; line-height:22px; font-family:"lucida grande",tahoma,arial,verdana,sans-serif; overflow:hidden; }
#chat .tab span em { font-style:none; font-weight:normal; }
#chat .tab span strong { font-weight:bold; }
#chat .tab b { display:none; }
#chat .tab:hover { background:#faf5f5; text-decoration:none; }
#chat .tab:hover .close { width:15px; height:15px; background:url(../img/sprites2.png) no-repeat -48px -144px; display:block; float:right; padding:0; margin:4px 2px 0 0; border:0; }
#chat .tab .close { display:none; }
#chat .tab .close:hover { background-position:-16px -144px; cursor:pointer; }
#chat .tab .close:active { background-position:0px -144px; cursor:pointer; }
#chat .unread .icon { background-position:-80px -160px; }
#chat .unread { border-color:#973a3a; background:#b46d6d; color:white; }
#chat .unread span { border-color:#bb7b7b; color:white; }
#chat .unread b { width:16px; height:16px; display:block; background:url(../img/sprites2.png) no-repeat -128px -64px; position:absolute; line-height:14px; text-align:center; top:-10px; right:5px; font-size:9px; font-weight:bold; color:white; }
#chat .unread:hover { background:#ae6262; }
#chat #users_tab, #chat #users { margin-right:15px; }
#chat #users_tab .icon { background-position:-96px -160px; }
#chat #users_tab.offline .icon { background-position:-112px -160px; }
#chat #users_tab.open, #chat .tab.open { opacity:0; width:180px; padding:0; border:0; }
#chat .tab.open { width:260px; }
#chat .tab_nav { width:33px; float:right; display:none; }
#chat .tab_nav .icon { margin:4px 0 0 0; }
#chat #next_tabs.tab_nav span { padding:0 0 0 7px; }
#chat #next_tabs.tab_nav .icon { float:right; background-position:-32px -176px; }
#chat #prev_tabs.tab_nav .icon { float:left; background-position:-16px -176px; }
#chat #next_tabs.disabled .icon { background-position:-48px -176px; }
#chat #prev_tabs.disabled .icon { background-position:0px -176px; }
#chat #next_tabs.disabled:hover, #chat #prev_tabs.disabled:hover { background:#f4ebeb; cursor:default; }
#chat #tab_root { display:none; }
#chat_error_layer { width:964px; display:none; margin:0 auto; position:fixed; bottom:0; height:31px; float:none; }
#chat_error_layer span { font-weight:bold; height:30px; line-height:28px; font-size:15px; text-align:center; }
#chat_error_layer span a { font-weight:bold; }
#chat_error_layer span a:hover { background:#cc0000; color:white; text-decoration:none; }

#chat #bar { height:35px; }
#chat #bar #tab_deck { float:right; height:35px; width:656px; overflow:hidden; position:relative; }
#chat #bar #tab_deck div { height:35px; position:absolute; right:0px; width:5000px; }
#chat #bar #tab_deck div .tab { float:right; }

#chat #users { z-index:26; float:right; position:fixed; bottom:0px; right:0px; width:180px; display:none; }
#chat #users .head, #chat .window .head { background:#b46d6d; border:1px solid #993d3d; border-bottom:none; }
#chat #users .head:hover, #chat .window .head:hover { background:#ae6262; }
#chat #users .head .close { color:white; font-weight:bold; font-size:11px; display:block; padding:3px 0px 3px 5px; line-height:18px; }
#chat #users .head .close:hover { text-decoration:none; }
#chat #users .head .options { width:24px; height:24px; display:block; float:right; }
#chat #users .head .options span { width:15px; height:15px; background:url(../img/sprites2.png) no-repeat -16px -160px; display:block; padding:0; margin:4px 0 0 4px; }
#chat #users .head .options:hover { background-color:#a04a4a; cursor:pointer; }

#chat #users #status { background:white; border:1px solid #b2b2b2; border-top:0; border-bottom:0; padding:15px 10px; font-size:11px; color:#333; text-align:center; }
#chat #users #status span { line-height:16px; }
#chat #users #status.loading span { padding-left:20px; background:url(../img/loading-button.gif) no-repeat; }
#chat #users #status.error span { font-weight:bold; color:#ad1010; }

#chat #users .list, #chat .window .list { height:625px; background:white; border:1px solid #b2b2b2; border-top:0; border-bottom:0; }
#chat #users .list .top { display:block; height:24px; line-height:24px; background:#eee; color:#333; text-indent:10px; border-bottom:1px solid #ddd; }
#chat #users .list .top:hover { background:#ddd; text-decoration:none; color:#000; border-bottom:1px solid #ccc; }
#chat #users .list .top .icon { background-position:-128px -160px; float:right; margin:4px 10px 0 0; }
#chat #users .list .top_collapsed .icon { background-position:-144px -160px; }
#chat #users .list #l_users.top_collapsed { border-bottom:0; }
#chat #users .list ol { padding:5px 0; }
#chat #users .list li a { height:32px; padding:0; display:block; }
#chat #users .list li a:hover, #chat #users .list li:hover a { background:#eee0e0; text-decoration:none; }
#chat #users .list li:hover { cursor:pointer; }
#chat #users .list li img { width:28px; height:28px; margin-top:2px; float:left; }
#chat #users .list li .name { width:125px; line-height:30px; display:block; height:30px; font-size:11px; color:#333; float:left; text-indent:5px; overflow:hidden; }
#chat #users .list li .tag { display:block; width:10px; height:28px; float:left; margin-top:2px; }
#chat #users .list li.hidden { display:none; }
#chat #users .list li.sex_m .tag, #chat #users .list li.sex_m a:hover { background:#D8F2FF; }
#chat #users .list li.sex_f .tag, #chat #users .list li.sex_f a:hover { background:#FED8FF; }
#chat #users .list li.sex_t .tag, #chat #users .list li.sex_t a:hover { background:#d8ffdb; }
#chat #users .list .viewport, #chat .window .list .viewport { width:178px; height:625px; overflow:hidden; position:relative; z-index:26; }
#chat #users .list .overview, #chat .window .list .overview { width:178px; list-style:none; position:absolute; left:0; top:0; }
#chat #users .list .thumb .end, #chat #users .list .thumb, #chat .window .list .thumb .end, #chat .window .list .thumb { background-color:#ccc; }
#chat #users .list .scrollbar, #chat .window .list .scrollbar { position:relative; float:right; width:5px; z-index:27; position:absolute; right:1px; top:25px; }
#chat #users .list .track, #chat .window .list .track { width:5px; position:relative; padding:0; }
#chat #users .list .thumb, #chat .window .list .thumb { height:20px; width:5px; cursor:pointer; overflow:hidden; position:absolute; top:0; }
#chat #users .list .thumb .end, #chat .window .list .thumb .end { overflow:hidden; height:5px; width:5px; }
#chat #users .list .thumb:hover, #chat #users .list .thumb:hover .end,
#chat #users .list:hover .thumb, #chat #users .list:hover .thumb .end,
#chat .window .list .thumb:hover, #chat .window .list .thumb:hover .end,
#chat .window .list:hover .thumb, #chat .window .list:hover .thumb .end { background-color:#b46d6d; border-right:1px solid #993d3d; }

#chat #users .action, #chat .window .action { height:24px; background:white; border-top:1px solid #eadada; border-right:1px solid #b2b2b2; border-left:1px solid #b2b2b2; }
#chat #users .action img, #chat .window .action img { float:left; margin:3px -2px 0 2px; }
#chat #users .action input, #chat .window .action input { border:0; line-height:22px !important; height:22px; margin:1px 3px 0 2px; background:white; font-size:11px; color:#7f7f7f; width:155px; }
#chat #users .action input:focus, #chat .window .action input:focus { color:black; }

#chat #options_dialog { display:none; width:150px; position:absolute; z-index:27; padding:3px 0; background:white; border:1px solid #777; border-bottom-width:2px; border-right-width:2px; top:25px; right:0px; }
#chat #options_dialog a { font-size:11px; color:#111; line-height:20px; height:20px; display:block; }
#chat #options_dialog a:hover { background:#b46d6d; color:white; line-height:18px; height:18px; text-decoration:none; border-top:1px solid #983b3b; border-bottom:1px solid #983b3b; }
#chat #options_dialog a .icon { background-position:-144px -96px; margin:1px 3px 0 3px; }
#chat #options_dialog a:hover .icon { background-position:-144px -80px; margin-top:0; }
#chat #options_dialog a.unchecked { padding-left:22px; }
#chat #options_dialog a.unchecked .icon, #chat #options_dialog a.unchecked:hover .icon { display:none; }

#chat .window { z-index:26; float:right; position:fixed; bottom:0px; right:175px; width:260px; height:285px; margin-right:4px; display:none; }
#chat .window .head { height:24px; padding-left:5px; }
#chat .window .head:hover { cursor:pointer; }
#chat .window .head .name { color:white; font-weight:bold; font-size:11px; line-height:14px; position:relative; top:5px; padding:5px 0; }
#chat .window .head .name:hover { text-decoration:underline; }
#chat .window .head .close, #chat .window .head .clear { width:24px; height:24px; display:block; float:right; }
#chat .window .head .close span, #chat .window .head .clear span { width:15px; height:15px; background:url(../img/sprites2.png) no-repeat -32px -144px; display:block; padding:0; margin:4px 0 0 4px; }
#chat .window .head .clear span { background:url(../img/sprites2.png) no-repeat -112px -176px; }
#chat .window .head .close:hover, #chat .window .head .clear:hover { background-color:#a04a4a; cursor:pointer; }
#chat .window .list { height:235px; }
#chat .window .list li .time { float:right; color:#808080; font-size:9px; position:relative; top:-10px; background:white; display:none; }
#chat .window .list li .face { height:32px; width:32px; padding:0; display:block; float:left; }
#chat .window .list li .face img { width:32px; height:32px; }
#chat .window .list li.day { color:#808080; font-weight:bold; font-size:9px; margin:5px; }
#chat .window .list li.clearfix { margin:0 5px 5px 5px; padding-top:5px; border-top:1px solid #EEEEEE; }
#chat .window .list li.clearfix:hover .time { display:inline; }
#chat .window .list li ol { margin-left:40px; }
#chat .window .list li ol li { font-size:11px; color:#333; line-height:14px; }
#chat .window .list .viewport { width:253px; height:235px; }
#chat .window .list .overview { width:253px; }
#chat .window .action input { width:235px; }
#chat .window .status { display:none; }
#chat .window.error { height:335px; }
#chat .window.error .list li .face img { opacity:0.5; filter:alpha(opacity=50); }
#chat .window.error .list li ol li { color:#777; }
#chat .window.error .status { height:50px; overflow:hidden; background:#f8f9e0; border:1px solid #b2b2b2; border-top:0; display:block; }
#chat .window.error .status span { display:block; padding:10px 10px 10px 35px ; line-height:15px; font-weight:bold; color:#ad1010; }
#chat .window.error .status img { margin:18px 0 0 10px; }

#chat #user_cache, #chat #msgs_sent { display:none; }