
/* common */
.fx_wrapper {width: 100%;height: 100%;-webkit-user-select:none;}
.fx_wrapper *{font-size: 12px;}
.fx_wrapper h1,
.fx_wrapper h2,
.fx_wrapper h3{ font-weight: normal;}
.fx_wrapper h2 { font-size: 11px;background-color: lightblue;line-height: 26px;padding-left: 10px;}
.fx_wrapper .groups,
.fx_wrapper .splitbar,
.fx_wrapper .content {height: 100%;border: 1px green solid;}
.fx_wrapper .container{ overflow: auto;}

/* navigater */
.fx_wrapper .nav { width: 840px;line-height: 50px;font-size: 13px; }
.fx_wrapper .nav ul{ float: left;}
.fx_wrapper .nav li{height: 32px;line-height: 32px;vertical-align: middle;padding-left: 33px;background-repeat: no-repeat;display: inline-block;}
.fx_wrapper .nav li.import{background-image: url(img/history/button_import_normal.png);}
.fx_wrapper .nav li.export{background-image: url(img/history/button_export_normal.png);}
.fx_wrapper .nav li.delete{background-image: url(img/history/button_delete_normal.png);}
.fx_wrapper .nav li.refresh{ background-image: url(img/history/button_refresh_normal.png);}
.fx_wrapper .nav li.roam{ background-image: url(img/history/button_history_roaming_normal.png);}
.fx_wrapper .nav li.other{ padding-left: 10px;}
.fx_wrapper .nav li.find{height: 22px;line-height: 22px;width: 70px;background-position: 0; padding-left: 14px;background-image: url(img/history/history_search.png);background-repeat: no-repeat;}
.fx_wrapper .nav .key{width: 100px;}

/* left tree */
.fx_wrapper .groups{width: 220px;float: left;-webkit-min-logical-width: 130px;}
.fx_wrapper .groups img{vertical-align: middle;}
.fx_wrapper .groups dl{display: none;margin-left: 22px;margin-top: 5px;}
.fx_wrapper .groups dt{display: inline-block;line-height: 20px;background-image: url(../default/img/icon_away.png);background-repeat: no-repeat;padding-left: 18px;}
.fx_wrapper .groups dd{ line-height: 18px;}
.fx_wrapper .groups ul{display: none;margin-left: 22px;}
.fx_wrapper .groups li{display:table;line-height: 20px;}
.fx_wrapper .groups h3{line-height: 16px;display: inline-block;font-weight: normal;background-repeat: no-repeat;}
.fx_wrapper .groups h3.self{background-image: url(../default/img/history/16x16.jpg);padding-left: 18px;}
.fx_wrapper .groups h3.contact{background-image: url(../default/img/icon_online.png);padding-left: 18px;}
.fx_wrapper .groups h3.group{background-image: url(../default/img/history/group_16x16.jpg);padding-left: 18px;}
.fx_wrapper .groups h3.discus{background-image: url(../default/img/history/HistoryIcon.png);padding-left: 18px;}
.fx_wrapper .groups h3.sms{background-image: url(../default/img/history/smsNormal.png);padding-left: 18px;}
.fx_wrapper .groups h3.other{background-image: url(../default/img/history/curriculum_date.png);padding-left: 18px;}
.fx_wrapper .groups .container > div{margin-left: 22px;margin-top: 5px;}
.fx_wrapper .selected,
.fx_wrapper .groups h3:hover,
.fx_wrapper .groups dt:hover,
.fx_wrapper .groups li:hover {background-color:lightskyblue;}

/* split bar */
.fx_wrapper .splitbar{width: 5px;cursor:col-resize;float: left;border: 0;}

/* right content */
.fx_wrapper .content{margin-left: 227px;}
.fx_wrapper .content table{ width: 700px;overflow: auto;}
.fx_wrapper .content tr{ background-color: #48d1cc;height: 24px;}
.fx_wrapper .content tr:first-child{ text-align: center;background-color: aquamarine;}
.fx_wrapper .content .tr_spliter{ background-color: azure;}
.fx_wrapper .content .local{margin-left: 30%;}
.fx_wrapper .content .roam{margin-left: 10px;}
.fx_wrapper .content .chatlog{ position: relative;width: 96%;padding-left: 10px;}
.fx_wrapper .content .chatlog .title{height: 30px;line-height: 30px;border-bottom: 1px solid gray;}
.fx_wrapper .content .chatlog h3{width: 160px;background-color: #48d1cc;font-family: '微软雅黑';font-size: 18px;font-weight: bold;}
.fx_wrapper .content .chatlog .title,
.fx_wrapper .content .chatlog .section{ width: 100%;}
.fx_wrapper .content .chatlog .info{ height: 24px;line-height: 24px;}
.fx_wrapper .content .chatlog .info span{ margin-right: 10px;}
.fx_wrapper .content .chatlog .msg{float: left;padding: 5px 0 5px 30px;}
