/******** NOTES
Slate Theme Style
*/
@charset "UTF-8";
* { margin: 0; }
html, body { margin: 0px; font-family: Arial; font-size: 12px; color: #4D4D4D; background: #F0F0F2; height: 100%; width: 100%; }
body { background: url( bg_chat_canvas.gif ) repeat-x #F0F0F2; }

a:link, .alink{color: #7C89A9; }
a:active{color: #7C89A9; }
a:visited{color: #7C89A9; }
a:hover{color: #7C89A9; }
.alink{ text-decoration: underline; cursor: pointer; }
.nounder{ text-decoration: none; cursor: pointer; }

.online{ background: #C2FF91; }
.offline{ background: #FFC4BC; }

.co, .cv, .ca, .cl, .cn, .cc{ padding: 10px; margin-bottom: 5px; }
.co{ color: #2A2B2C; }
.cv{ color: #697696; }
.ca{ background: repeat-x #F0F0F2; color: #505769; }
.cl{ background: repeat-x #FBF7B4; color: #806732; }
.cn{ background: repeat-x #EBF7DD; color: #284307; }
.ctitle{ font-weight: bold; }
.ct{ font-weight: normal; font-size: 12px; } /* timestamp */

.cs{ background: #FFFFFF; padding: 5px; } /* survey */
#div_chat_rate_title{ }

#chat_logo{ background: #FFFFFF; }
#chat_vname, #chat_vtimer, #chat_settings{ }

.profile_pic_img{ border-radius: 5px; }
#chat_profile_pic{ background: #FFFFFF; border: 1px solid #E3E3E3; color: #215661; }

#chat_canvas{ }
#chat_switchboard{ }
.chat_switchboard_cell, .chat_switchboard_cell_focus, .chat_switchboard_cell_bl_red, .chat_switchboard_cell_bl_green{ padding: 5px; padding-top: 15px; border: 1px solid transparent; margin-right: 5px; }
.chat_switchboard_cell{ background: transparent; color: #697696; border: 1px solid #C3CAD3; cursor: pointer; }
.chat_switchboard_cell_focus{ background: #697696; color: #FFFFFF; border: 1px solid #566383; padding-top: 15px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; }
.chat_switchboard_cell_bl_red{ background: #FF7676; color: #FFFFFF; border: 1px solid #FF7676; cursor: pointer; }
.chat_switchboard_cell_bl_green{ background: #17C61B; color: #FFFFFF; border: 1px solid #17C61B; cursor: pointer; }

input[type=text], .input_text, #input_text, select, textarea, #chat_body, #chat_footer, .chat_body, .info_box, .info_error, .info_good, .info_warning, .info_neutral, .info_content, .info_focus, .page, .page_focus, .co, .cv, .ca, .cl, .cn, .cc, .ctitle, .ct, #reconnect_notice, .sound_box_on, .sound_box_off, #chat_embed_title, .profile_pic_img, .round, #chat_profile_pic, #iframe_div, #chat_footer_traffic_counter, #chat_status_offline, .chat_footer_cell_focus, .info_disconnect{ border-radius: 5px; }
.chat_info_menu, .chat_info_menu_focus, .chat_info_td_t, .round_top{ border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; }
.chat_switchboard_cell, .chat_switchboard_cell_focus, .chat_switchboard_cell_bl_green, .chat_switchboard_cell_bl_red, #chat_info_body, .round_bottom{ border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; }
.noround{ border-radius: 0px; }



.chat_info_wrapper{ }
#chat_info_header{ padding: 3px; }
#chat_info_menu_list{ }
.chat_info_menu{ float: left; padding: 5px; margin-right: 4px; padding: 5px; background: url( bg_switchboard_focus.gif ) repeat-x #BCBFCE; background-size: contain; color: #5A6581; text-shadow: 1px 1px #E0E1E9; border-top: 1px solid #BCBFCE; border-left: 1px solid #BCBFCE; border-right: 1px solid #BCBFCE; cursor: pointer; }
.chat_info_menu_focus{ position: relative; bottom: -1px; float: left; padding: 5px; margin-right: 4px; text-shadow: #ECEDF0 -1px 1px; color: #686868; background: #DDDEE9; border-top: 1px solid #CED0DC; border-left: 1px solid #CED0DC; border-right: 1px solid #CED0DC; }
.chat_info_menu, .chat_info_menu_focus{ padding-top: 10px; padding-bottom: 8px; }
#chat_info_body{ padding: 5px; background: url( bg_switchboard_focus.gif ) repeat-x #DCDDE6; background-position: 0px -100px; border-top-right-radius: 5px; }
.chat_info_td_t{ padding: 10px; background: url( bg_switchboard_focus.gif ) repeat-x #BDC7D4; background-size: contain; border: 1px solid #CBD0DE; color: #5A6581; text-shadow: 1px 1px #E0E1E9; font-weight: bold; margin-right: 1px; } /* used for titles */
.chat_info_td_h{ padding: 10px; background: #FFFFFF; color: #656565; } /* used for td title */
.chat_info_td{ padding: 6px; background: #F0F0F2; }
.chat_info_td_traffic{ padding: 8px; }
.chat_info_td_traffic_info{ padding: 8px; background: #FFFFFF; font-weight: bold; }
.chat_info_td_traffic_img{ background: #DBDCE5; }
.chat_info_td_blank{ padding: 5px; }
.chat_info_end{ height: 1px; }
.chat_info_tr_traffic_row{ background: #FFFFFF; }

#chat_info_body tr:first-child td:first-child { border-top-left-radius: 5px; }
#chat_info_body tr:first-child td:last-child { border-top-right-radius: 5px; }
#chat_info_body tr:last-child td:first-child { border-bottom-left-radius: 5px; }
#chat_info_body tr:last-child td:last-child { border-bottom-right-radius: 5px; }

#canned_list tr:first-child td:first-child { border-top-left-radius: 10px; }
#canned_list tr:first-child td:last-child { border-top-right-radius: 10px; }
#canned_list tr:last-child td:first-child { border-bottom-left-radius: 10px; }
#canned_list tr:last-child td:last-child { border-bottom-right-radius: 10px; }

#table_trs_traffic tr:last-child td:first-child { border-bottom-left-radius: 10px; }
#table_trs_traffic tr:last-child td:last-child { border-bottom-right-radius: 10px; }

#info_info{ padding: 10px; }

#request_body, #chat_body, .chat_body{ background: #FFFFFF; color: #215661; }
#chat_body{ }
#request_body{ border-bottom: 1px solid #DDDDDD; }
#chat_button_start{ }

::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E6E6E6; }
::-webkit-scrollbar{ width: 12px; }
::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #697696; }

#chat_text_header{ font-size: 18px; font-weight: bold; }
#chat_text_header_sub{ }
#chat_text_powered{ }

#chat_embed_header{ background: url( bg_switchboard_focus.gif ) repeat-x #BDC7D4; border-top: 1px solid #A9ABBB; border-bottom: 1px solid #A9ABBB; color: #5A6581; }
#chat_embed_title{ padding: 5px; background: #C7CFDB; border: 1px solid #B3BDCB; color: #333333; text-shadow: #F0F0F2 1px 1px; }

#chat_footer{ background: url( bg_switchboard_focus.gif ) repeat-x #BDC7D4; background-size: contain; border: 1px solid #B7BBCE; color: #5A6581; }
.chat_footer_cell{ padding: 10px; color: #5A6581; text-shadow: 1px 1px #E0E1E9; border: 1px solid transparent; cursor: pointer; }
.chat_footer_cell_focus{ background: #FBFBFC; background-position: bottom center; padding: 10px; border: 1px solid #999EB7; cursor: pointer; }
.chat_footer_cell_noclick{ padding: 10px; padding-right: 3px; padding-left: 3px; }
#chat_footer_traffic_counter{ padding: 2px; background: #FFFFFF; border: 1px solid #828FAF; color: #5A6581; }
#chat_extra_wrapper{ background: #F0F0F2; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
#chat_extra_title{ background: #F0F0F2; border-top: 1px solid #E5E5E7; border-bottom: 1px solid #E5E5E7; color: #505769; }

.rating_title{ color: #FFFFFF; text-shadow: #B7BACA 1px 1px; }

.info_box{ background: #FBF7B4; border: 1px solid #F1E5A3; padding: 5px; color: #806732; }
.info_error{ background: #E84C3D; border: 1px solid #BF3F32; padding: 5px; color: #FFFFFF; }
.info_good{ background: #00BC8C; border: 1px solid #009A73; padding: 5px; color: #FFFFFF; }
.info_neutral{ background: #F0F0F2; border: 1px solid #E5E5E7; padding: 5px; color: #505769; }
.info_warning{ background: #FFE8C4; border: 1px solid #E1CDAD; padding: 5px; color: #5A5245; }
.info_content{ background: #F0F0F2; border: 1px solid #E5E5E7; padding: 5px; color: #505769; }
.info_clear{ background: transparent; border: 1px solid transparent; padding: 5px; }
.info_focus{ border: 2px solid #989BB0; }

.sound_box_on{ background: #43CB00; padding: 5px; color: #FFFFFF; }
.sound_box_off{ background: #F55054; padding: 5px; color: #FFFFFF; }

.info_disconnect{ background: #EC5C66; color: #FFFFFF; border: 1px solid #DD5B5D; cursor: pointer; }
.info_disconnect:hover{ background: #DF3038; color: #FFFFFF; border: 1px solid #DD5B5D; cursor: pointer; }

/* canned messages related */
#canned_container, #canned_box_new{ background: #F0F0F2; padding: 10px;}
#canned_select{ border: 1px solid #9A9CA0; }
#canned_select_btn{ margin-top: 5px; }

/* status related */
#chat_status_offline{ background: #EF8277; color: #4C4746; }
#chat_status_offline_text{ background: #FFFFFF; color: #E58989; }
#chat_status_logout{ width: 100%; }

#chat_info_wrapper_network{ }
#chat_network{ border-left: 1px dotted transparent; }
#chat_network_img{ background: url( network.png ) no-repeat; }

/* page related *****/
.page_top_wrapper{ margin-bottom: 15px; }
.page_bottom_wrapper{ margin-top: 15px; }
.page, .page_focus{ float: left; padding: 2px; padding-left: 5px; padding-right: 5px; margin-right: 10px; }
.page{ border: 1px solid #868898; background: #B1B4C9; color: #F0F0F0; cursor: pointer; }
.page_focus{ font-weight: bold; border: 1px solid #F0F0F0; background: #FFFFFF; }
/* end page related */

#input_text, .input_text, .input_text_search{ background: #FFFFFF; border: 1px solid #DDDDDD; padding: 8px; -webkit-appearance: none; outline: none; }
select{ background: #FFFFFF; border: 1px solid #DDDDDD; padding: 8px; -webkit-appearance: none; outline: none; }
.input_focus{ border: 1px solid #F55054; -webkit-appearance: none; outline: none; }
#input_btn{ width: 104px; height: 45px; padding: 6px; font-size: 14px; }
#chat_submit_btn{ padding-left: 25px; }

button {
	border: 1px solid #C8C9D0;
	border-radius: 5px;
	background-color: #DBDBDD;
	font-size: 16px;
	outline: 0;
	color: #2E2E2E;
	cursor: pointer;
	outline: none;
}
button:hover{
	border: 1px solid #BFBFC1;
	background-color: #CBCBCD;
}
button:disabled{
	opacity: 0.5;
}

.menu_traffic_info, .menu_traffic_info_focus{ padding: 8px; margin-right: 5px; float: left; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; }
.menu_traffic_info{ background: #DBDCE5; font-weight: bold; cursor: pointer; }
.menu_traffic_info_focus{ font-weight: bold; border: 1px solid #DBDCE5; border-bottom: 0px; }