/* CSS Document */

HTML {HEIGHT: 99%; width:99%}

body {margin: 0px;padding:0px; MIN-HEIGHT: 99%; HEIGHT: 99%; width:99%; POSITION: relative; cursor:default; text-align:center; background-color:#e7f1fd;}

table,div {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#333}

input,select,textarea {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333;border: 1px solid #999; background-color:#fff;}

img {border: none;} 

a:link {text-decoration: none; color:#000000}
a:visited {text-decoration: none; color:#000000}
a:hover {text-decoration: underline; color:#000000}
a:active {text-decoration: none; color:#000000}

.sortheader:link {text-decoration: none; color:#000000}
.sortheader:visited {text-decoration: none; color:#000000}
.sortheader:hover {text-decoration: underline; color:#000000}
.sortheader:active {text-decoration: none; color:#000000}

/*主框架*/
.frame { height:570px; width:780px;background-color:#f6fafd}
/*.top   { line-height:75px; background-image:url(images/head_bg.gif); width:100%; border-bottom:#ffffff}*/

.top {background-image:url(images/top_bg.gif); background-repeat:repeat-x; width:100%; height:83px; text-align:left}
.top_2 {
	width:100%;
	float:left;
	background-image:url(images/top.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:83px;
}
.li5 {float:right;height:83; line-height:83px; text-align:right; vertical-align:middle;}

.menu  { float:left; width:108px; margin-top:2px; margin-left:1px; border:#ccd6df 1px solid; background-color:#e8f5fe}
.button{ float:left; width:6px;  margin-top:200px; cursor:hand;}
.button_res{ float:left; width:6px;  margin-top:100px;}

.main  { float:left; margin-top:2px; position:relative ; width:660px}
.space{ height:1px}
.tit{ font:bold; color:#fff}
.link{ color:#000000; text-decoration:underline; padding-left:35px}
.link_o{color:#FF0000; text-decoration:underline; padding-left:35px}

/*no v control*/
.main_head_no_v_control{border:#ccd6df 1px solid; height:44px}
.chatwin_msg_no_v_control{ height:420px;float:left; width:78%; background-color:#e8f5fe;border-bottom:#ccd6df 1px solid;border-left:#ccd6df 1px solid;border-right:#ccd6df 1px solid}
.main_no_v_control { float:left; margin-top:2px; position:relative ; width:660px; height:450px}
.chatwin_reserve_box_no_v_control{width:133px; height:400px;}
.chatwin_putin_no_v_control{background-color:#e8f5fe; height:150px;}
.chatwin_putin_box_no_v_control{ width:75%; float:left; margin:1px; height:220px}
.chatwin_putin_send_no_v_control{ float:left; width:65px; margin-top:100px; margin-left:15px}

/*no chat*/
.main_head_no_chat{ height:100%; border:#ccd6df 1px solid}

/*no list*/
.main_no_list  { float:left; margin-top:2px; position:relative ; width:100%}
.chatwin_id_list_no_list{height:148px; float:right; background:#FFFFFF; width:24%}
.chatwin_msg_no_list{ float:left;width:78%;background-color:#e8f5fe;border-bottom:#ccd6df 1px solid;border-left:#ccd6df 1px solid;border-right:#ccd6df 1px solid}
.chatwin_reserve_no_list{ float:right}
.chatwin_reserve_box_no_list{ height:262px; width:100%}

/*no r*/
.chatwin_msg_no_r{ float:left; width:100%; background-color:#e8f5fe;border-bottom:#ccd6df 1px solid;border-left:#ccd6df 1px solid;border-right:#ccd6df 1px solid}
.chatwin_id_list_no_r{height:148px; float:right; background:#FFFFFF; width:24%}


/*Top*/
.top_public{float:right; margin-right:8px; margin-top:8px}
.top_public_bg{ background:url(images/head_bulletin_bg.gif) ; width:125px; line-height:43px; padding-left:8px; padding-right:8px}
.top_ID{line-height:24px}

/*main_head*/
.main_head{ height:30%; border:#ccd6df 1px solid}
.main_head_top{width:100%; line-height:20px; background:url(images/watch_bg01.gif) repeat-x; border-bottom:#ccd6df 1px solid; text-align:center;}
.main_head_top_btn_left{float:left; margin-left:8px}
.main_head_top_tit{height:20px; line-height:20px; vertical-align:middle; font:bold; color:#6f9ece}
.main_head_top_btn_r{float:right; margin-right:8px; height:20px; line-height:20px; vertical-align:middle;}
.main_head_btn_bg{ width:100%; line-height:20px; background-color:#c9e6fb; border:#a6bed0 1px solid;}
.main_head_btn{padding-left:20px; line-height:30px; width:65px; float:left}
.main_head_btn_b{padding-left:10px; line-height:30px; width:65px; float:left}
.main_head_btn_r{padding-right:10px; line-height:30px; width:65px; float:right}


/*main_chatwin*/
.main_chatwin{margin-top:2px; height:70%}
.main_chatwin_top{width:100%; height:20px; line-height:20px; vertical-align:middle; background:url(images/watch_bg01.gif) repeat-x; border-bottom:#ccd6df 1px solid}
.main_chatwin_top_btn{ background:url(images/chat_person.gif); height:20px; line-height:20px; width:103px; float:left}

.chatwin_msg{ float:left; width:505px;}
.chatwin_res_btn_align_chat_list{ margin-left:5px; margin-top:10px}

.chatwin_reserve{float:left; width:200px; height: 200px;}

.chatwin_msg_box{float:right; height:148px; width:376px; background-color:#FFFFFF; border-bottom:1px solid #8f99a5; border-left:1px solid #8f99a5; border-right:1px solid #8f99a5;}
.chatwin_msg_box_l{float:left; width:75%; height:110px}
.chatwin_msg_box_list{float:left; width:19%; height:110px}
.chatwin_msg_box_text{height:118px; width:100%; overflow-x:hidden; overflow-y:scroll; word-break:break-all; text-align:left;}
.chatwin_msg_box_predict_bg{height:30px; width:100%; background-color:#e2e2e2; overflow-x:hidden; overflow-y:scroll; word-break:break-all; text-align:left;}

.chatwin_putin_set_font{ float:left; margin-left:9px;}
.chatwin_putin_set_btn { float:left; margin-left:6px;}
.chatwin_putin_set_bg{ background:url(images/putin_bg.gif) repeat-x;height:38px; width:100%; border:#d7d4d4 1px solid}
.chatwin_putin{background-color:#e8f5fe; height:80px; width:100%; line-height:80px; vertical-align:middle;}
.chatwin_putin_box{width:100%; float:left; height:56px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:scroll; word-break:break-all; text-align:left; }
.chatwin_putin_send{width:126px; float:left; height:78px; text-align:center}
.chatwin_putin_set_btn_r{ float:right; margin-right:5px}
.chatwin_putin_set_btn_r_1{ float:right; margin-right:10px}
.chatwin_putin_send_to{margin-top:10px; width:110px}
.chatwin_putin_send_btn{width:65px; margin-top:10px;}

.chatwin_list_id_align{margin-left:20px; margin-top:5px; width:80px}
.chatwin_list_id_align_o{background:#66CCFF; color:#FFFFFF}
.chatwin_form_id_list{height:148px; background:#FFFFFF; width:150px}
.chatwin_id_list{height:148px; float:right; width:120px}
.chat_id_list_splitter{height:148px; float:right; width:2px;}

.chatwin_list_id_bg{ background:url(images/chat_person.gif); line-height:17px; width:103px; float:left; text-align:center}
.chatwin_list_id_bg_2{ background:url(images/chat_person_o.gif); line-height:17px; width:103px; float:left; text-align:center}
.chatwin_list_id_close_all{height:20px; line-height:20px; vertical-align:middle; text-align:center; color:#6f9ece; float:right; margin-right:20px;}
.chatwin_list_id_close{line-height:17px; width:130px; text-align:center; color:#6f9ece; float:right; margin-right:10px}
.chatwin_list_id_bg_o { background:url(images/chat_person_h.gif); line-height:17px; width:103px; float:left; text-align:center}

/*chatwin_reserve*/

.chatwin_reserve{ float:left;border-right:#a6bed0 1px solid;border-left:#a6bed0 1px solid;border-bottom:#a6bed0 1px solid; background-color:#fff; width:133px;}
.chatwin_reserve_top_bg{ background:url(images/right_bg.gif) repeat-x; line-height:20px; height:20px;}
.chatwin_reserve_box{ height:200px; width:118px; overflow-x:hidden; overflow-y:scroll;}
.chatwin_res_btn{ float:left;margin-right:5px}
.chatwin_res_btn_align{ margin-left:5px; margin-top:10px}
.chatwin_res_btn_modify{ margin-left:5px} 
.chatwin_reserve_form{ float:left;background-color:#fff; width:133px}



/*menu*/
.menu_fetch_button{line-height:20px; width:103px; height:20px;}
.menu_list{ text-align:center;}
.menu_list_btn{ text-align:center; line-height:50px; margin-top:4px}

.menu_fetch_button_b{line-height:20px; margin-top:10px}
.menu_list_btn_top{text-align:center;height:26px; margin-top:4px;}

.menu_id_list_frame{ height:380px}
.menu_id_list_tit{font:bold; color:#6f9ece; line-height:21px}
.menu_id_list{ height:179px; width:103px}
.menu_id_list_icon{margin-left:5px; width:14px; float:left;height:17px; margin-top:3px}
.menu_id_list_text{margin-left:5px; width:60px;height:17px; margin-top:3px; float:left}


/*form*/
.form_list_bg{ background:url(images/watch_bg02.gif) repeat-x; line-height:25px; text-align:center; color:#666666}
.form_bd_bottom{ border-bottom:#adc8dc 1px solid; line-height:18px}
.table{ margin:2px; border-left:#adc8dc 1px solid; border-right:#adc8dc 1px solid}
.form_bd_bottom_o{ background-color:#a6c1e9;}
.form_separate_line{ float:right}
.form_link_t_o{ color:#3399FF; text-decoration:none}
.form_link_t{ color:#333333; text-decoration:none}

/**
 * 访客信息弹出窗口
 */
.v_a{width:40px; line-height:20px;background-color:#c9e6fb; border:#a6bed0 1px solid; text-align:center;}
.v_b_bg{width:283px; border-bottom:#c6d1db 1px solid; border-left:#c6d1db 1px solid; border-right:#c6d1db 1px solid; background:url(images/visitor_information_bg.gif)}
.v_b_bg_color{width:281px; border-bottom:#c6d1db 1px solid; border-left:#c6d1db 1px solid; border-right:#c6d1db 1px solid;}
.id_card_pic{ height:45px; width:45px; margin-top:10px; margin-left:18px; float:left}
.id_text_align_top{clear:right; float:left; margin-top:3px; width:175px;}
.id_text_align_top_l{clear:left; float:left; padding-left:15px; width:60px;}
.id_text_align_top_r{float:left; text-align:left;}
.id_text_align_l{clear:left; float:left; padding-left:15px;width:60px; margin-top:5px}
.id_text_align_l_a{clear:left; float:left; padding-left:15px; width:80px; margin-top:5px}
.id_text_align_r_a{float:left; width:30px; margin-top:5px; text-align:left;}
.id_text_align_l_b{clear:left; float:left; padding-left:25px;width:50px; margin-top:5px}
.id_text_align_r_b{float:left; width:60px; margin-top:5px; padding-left:5px; text-align:left;}

.id_text_align_r{ float:left;width:60px; margin-top:5px; text-align:left;}
.id_text_l{ float:left; padding-left:15px;width:100px; margin-top:5px; text-align:left;}
.id_text_r{ float:left; width:150px; margin-top:5px; text-align:left;}
.ic_arrow_l{clear:left; margin-right:5px; margin-top:10px; float:right; width:10px}
.ic_arrow_r{clear:right; margin-right:10px; margin-top:10px; float:right; width:10px}

.id_card_t{clear:right; float:left; width:150px; margin-top:5px; text-align:left;}
.id_btn{ margin-left:100px; margin-top:5px; float:left}

/*右键菜单*/
.menu_r{ width:65px; border:#e1e7ec 1px solid; background:#e4f1ff;}
.menu_r_text_align{ text-align:center; line-height:18px; cursor:hand;}
.menu_r_text_align_o{ text-align:center; line-height:23px; padding-top:5px;}
.menu_r_line{ margin-left:1px; margin-right:1px ; border-top:#e1e7ec 1px solid;border-bottom:#FFFFFF 1px solid;}
.menu_r_on_bg_o{ background:#FFFFFF; color:#5ca9f8;text-align:center; line-height:23px; padding-top:5px}
.menu_r_on_bg{ background:#FFFFFF; color:#5ca9f8; text-align:center; line-height:18px; cursor:hand;}

/*form web*/
.form_web_bg{ line-height:20px; }
.form_web_frame{ width:400px; height:150px; background-color:#f6fafd}
.form_web_top{ height:80%; width:100%}
.form_web_putin{ margin:5px; float:left;}
.form_web_btn_align{ margin:4px; float:left; background:url(images/little_win_btn.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid; text-decoration:none;color:#000000}
.form_web_btn_align_o{ margin:4px; float:left; background:url(images/little_win_btn_o.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid;text-decoration:none; color:#000000}

.v_infor_putin{float:left; margin-top:5px}
.v_information_list_choose{ width:274px; height:200px}
.v_infor_list_btn_o{ margin:5px; float:right; background:url(images/little_win_btn_o.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid;text-decoration:none; color:#000000}
.v_infor_list_btn{ margin:5px; float:right; background:url(images/little_win_btn.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid; text-decoration:none;color:#000000}

.form_file_table_btn_o{ margin-top:5px; margin-left:2px;float:left; background:url(images/little_win_btn_s_o.gif); line-height:21px; width:45px; text-align:center; border:#a8c0eb 1px solid;text-decoration:none; color:#000000}
.form_file_table_btn{ margin-top:5px; margin-left:2px; float:left; background:url(images/little_win_btn_s.gif); line-height:21px; width:45px; text-align:center; border:#a8c0eb 1px solid; text-decoration:none;color:#000000}
.form_file_table_text{float:left; margin-top:6px; margin-left:3px}
.form_file_top{ height:80px; width:100%; margin:5px}
.form_file_top_bg{ background:url(images/right_bg.gif) repeat-x; height:19px; width:100%}

.form_invite_top{ height:150px; width:97%; margin:5px}
.form_invite_frame{ width:300px; height:200px; background-color:#f6fafd}

.popwin_frame{ width:200px; height:80px; background-color:#f6fafd}
.form_popwin_close{float:right; margin-right:5px; width:15px; height:16px; margin-top:2px}
.popwin_top_bg{ background:url(images/popwin_bg.gif) repeat-x; height:19px; width:100%}

.popwin_text_align{ text-align:center; padding-top:10px}

.popwin_list_btn_o{ margin:12px;float:right; background:url(images/little_win_btn_o.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid;text-decoration:none; color:#000000}
.popwin_list_btn{ margin:12px; float:left; background:url(images/little_win_btn.gif); line-height:21px; width:68px; text-align:center; border:#a8c0eb 1px solid; text-decoration:none;color:#000000}

/* chat functions */
.bgcolor_chatwin {background-color:#a4cdf3;}
.bgcolor_titlebar {background-color:#e4f1fc;}
.border_chatwin {background-color:#008cff;}
.text_btn_01 {font-family:verdana,arial,sans-serif;font-size: 12px;color: #000000;}
.btn_function {font-family:verdana,arial,sans-serif;color: #000000;font-size: 12px; width: 40px; height: 22px; background-color: #e4f1fc; border-top:1px #ffffff solid; border-left:1px #ffffff solid; border-right:1px #008cff solid; border-bottom:1px #008cff solid;}

/**
 * 交谈成员列表
 */
.form_chatwin_res_btn_align{ padding-left:5px; margin-top:1px; background:#E8F4FF; line-height:20px}
.form_chatwin_res_btn_align_top{ padding-left:5px;background:#E8F4FF; line-height:20px}
.chatwin_member_list_id_align{margin-left:10px; margin-top:5px; width:100px}

#system_all_div {width:100%;}
.system_top {background-image:url(images/top_bg.gif); background-repeat:repeat-x; width:100%; height:83px; text-align:left}
.system_top_2 {
	width:100%;
	float:left;
	background-image:url(images/top.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.system_top_3 {width:700px; float:right;height:83; line-height:83px; text-align:right; vertical-align:middle;}
.system_li5 {width:700px; float:right; list-style-type:none; line-height:83px; text-align:right;}
.system_big_bottom {width:100%;}
#system_left {width:113px; height:100%; float:left}
#system_left_1 {width:108px; background-image:url(images/left_bg.gif); background-repeat:repeat-y; float:left}
#system_left_2 {width:5px; float:right; background-color:#d2e6fe}
#system_right { float:left}


/*left */
.system_left_top {height:21px; margin-bottom:1px;}
.system_left_lie {width:104px; margin-top:10px}

/*right Company Profile*/
#right_div {}

#system_right_top {height:24px;  background-image:url(images/right_top_bg.gif); text-align:left}
#system_right_menu {height:34px; }
#system_right_menu .li1 {list-style-type:none; float:left; width:80px; margin-top:11px; text-align:center; padding:0px; height:24px; margin-top:5px ; margin-bottom:5px; line-height:24px; margin-left:4px}
#system_right_menu .li2 {list-style-type:none; float:left; width:80px; margin-top:11px; text-align:center; padding:0px; height:24px; margin-top:5px ; margin-bottom:5px; line-height:24px; background-color:#55ace2; color:#FFFFFF; margin-left:4px}
#system_right_menu .li2 a:link {text-decoration: none; color:#FFFFFF}
#system_right_menu .li2 a:visited {text-decoration: none; color:#FFFFFF}
#system_right_menu .li2 a:hover {text-decoration: none; color:#FFFFFF}
#system_right_menu .li2 a:active {text-decoration: none; color:#FFFFFF}

/*right Dept Setting*/
.system_form_1 {border:1px #7f9db9 solid; height:16px; line-height:14px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333;background-color:#fff;}

/*right passenger*/
.system_td_1 {border:1px #FFFFFF solid; background-color:#e7f1fd; text-align:center}
.system_td_font {line-height:20px; text-align:center}

.web_chat_jail_bigdiv {background-image:url(images/web_chat_topmenu_bg.gif); height:21px}
.td_web_chat_jail {border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #919294; border-bottom:1px solid #c4c4c4; background-color:#eeeeee; color:#000000}
.td_web_chat_jail_2 {border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; line-height:18px}
.td_web_chat_jail_3 {border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; line-height:18px}
.td_web_chat_jail_tr{background-color:#f1fdfd;}

/**聊天标题**/
.web_chat_wait {float:left; margin-top:6px; background-image:url(images/web_chat_wait.gif); height:21px; color:#003365}
.web_chat_wait a:hover{text-decoration:none}

.web_chat_message {float:left; margin-top:6px; background-image:url(images/web_chat_message.gif); height:21px}
.web_chat_message a:hover{text-decoration:none}

.web_chat_ing {float:left; margin-top:3px; background-image:url(images/web_chat_ing.gif); height:27px}
.web_chat_ing a:hover{text-decoration:none}