/* general colors */
a {color:blue;}
body {color:#BD2890; background:transparent url('images/Pinky_winky.jpg');}
button { background:url('images/Pinky_winky.jpg'); color:transparent; }
#external_wrap {}

/* background color for box element */
.background_chat, .background_login { background:#3A0729; box-shadow:0 0 5px #f0f0f0;}
.background_box { background:#f0f0f0; color:#101010; border:none;}
.background_menu_footer { background:#111; border-top:1px solid #000000; }
.panels { background:#5B0B42; box-shadow:0 0 5px #000; }
#chat_error { background:#111; }
#inner_header, #header_login  { background: url('logo/Pinky_winky_logo.png'); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; }
#menu_private { background:#111;}

/* chat logs switch colors */
.log1 {	background:transparent; }
.log2 { background:transparent; }
.ch_logs { border-bottom:none;}

/* separator colors */
.user_separator { border-bottom:1px solid #595959; }
.user_option_separator { border-bottom:1px solid #595959; }
.top_separator { border-top:1px solid #000000; }
.right_separator { border-right:1px solid #000000; }
.bottom_separator { border-bottom:1px solid #ffffff; }

/* user list drop down colors */
.user_option_list { background:#282828; color:#d0d0d0; }

/* button and element colors */
.sub_button { background:#101010; color:#ffffff;}
#submit_button { background: #5B0B42; color:#fff;} /* this is main button send */
.sub_element { background:#101010; color:#fff;}
.empty_element { background:#999; color:#fff; }
.selected_element { background:#f68bf9; color:#fff; }
.hover_element:hover { background:#666; color:#fff;}

/* ads background */
#show_chat_ads { background:#222 !important;}

/* special colors and sub colors */
.error { color:red;}
.success { color:green;}
.away { color:#666; }
.my_notice { background:#ffff99; padding:3px;}
.sub_color2 { color:#fff;}
.sub_color { color:#fff; }
.hide_private_title { color:#ccc; }
.topic {margin-left:5px; color:#101010; }
#room_topic { background:#ccc; }
.room_userin { color:#ffffff; }
.wrap_command:hover { background:#666 !important; }
.tooltip:hover:before, .tooltip2:hover:before, .tooltip3:hover:before { border-color: #444 transparent;}
.tooltip:hover:after, .tooltip2:hover:after, .tooltip3:hover:after { background: none repeat scroll 0 0 #444; color: #fff;}

/* private chat color message */

.target_private {color:#fff; background:#333;}
.hunter_private {color:#fff; background:#440A32;}

/* inside chat color */
.datechat {color:#888;}
.me {color:#ffffff; background:#000000;}
.global { color:#101010; background:#101010;}
.private { color:#294229; background:#daf0da;}
.private_reply { background:#8ea68e; color:#fff;}
.seen { color:#3f2d4f; background:#eeeaf2;}
.delete_log, .logs_date {color:#ccc;}

/* user color and special user color */
.system { color:#666 !important;}
.admin{ color:#f76cfa;}
.sadmin { color:#f76cfa; }
.modo  {color:#0066ff !important;}
.vip {color:#02b076;}
.user {color:#a0a0a0;}
.guest {color:orange;}

/* color picker and tools bar */

.bar_options{ border-left:1px solid #484848; border-right:1px solid #484848;} /* change the bar element separator */
#picker_box, #list_emoticon { background:#000000; box-shadow:0 0 5px #ffffff;} /* change the background color of box */
.sel_item { background:#595959;} /* change background of element when selected on bar */
.pick_color, #smile_content, .wrap_picker { border-left:1px solid #444; border-bottom:1px solid #000000; border-top:1px solid #000000; border-right:1px solid #000000; } /* change border of element and subelement */
#smile_content { background:#282828;} /* change background of emoticon content */
#main_emoticon { background:#282828; }
/* user list hover name */

.usertarget:hover { color:#fff !important; opacity:1; }
.open_user { background:#ededed; }
.open_user:hover { background:#ccc; }