@charset "UTF-8";
/* public */
span.ic_chk {
  display: inline-block;
  background: url(../images/img_checkbox.gif) no-repeat;
  width: 12px;
  height: 12px;
}
span.ic_chk.ic_chk_none {
  background-position: 0 0;
}
span.ic_chk.ic_chk_several {
  background-position: -12px 0;
}
span.ic_chk.ic_chk_select {
  background-position: -24px 0;
}

div.wrap_calendar_name span.wrap_desc_top {
  margin-left: 68px;
}

p.q {
  margin: 0 0 5px 0;
  font-size: 16px;
}

ul.article_list li.data_null {
  cursor: default;
}
ul.article_list li.data_null:hover {
  background: #fff !important;
}

#dot1 {
  max-height: 30px;
}

.time_total {
  font-weight: bold;
  font-weight: 500;
  margin-right: 8px;
}

div.array_option_layer {
  min-width: 120px !important;
}
div.btn_submenu div.wrap_btn_layout a {
  display: inline-block;
  padding: 10px 8px;
}
div.btn_submenu div.wrap_btn_layout a:hover {
  background: #e9f2fb;
}

a.num {
  text-decoration: underline;
  color: #999;
  font-family: tahoma;
}
a.num:hover {
  text-decoration: underline;
  color: #000;
}
a.plus:hover {
  text-decoration: underline;
  color: #006f76;
}
a.btn_viewAll {
  text-decoration: underline;
}
a.btn_viewAll:hover {
  text-decoration: underline;
}

table.type_normal tr td span.ic_basket {
  cursor: pointer;
}

.tooltip_push {
  width: 200px;
}

th.space {
  width: 17px;
  padding: 0 !important;
  font-size: 0;
}

/*------------------  go_organogram  -----------------*/
aside.go_organogram {
  z-index: 90;
  position: absolute;
  left: 16px;
  bottom: 0px;
  width: 300px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  border-radius: 4px;
  font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
}
aside.go_organogram.hide {
  margin: 0 16px 14px 0;
  width: 216px;
  box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #e1e3e4;
}
aside.go_organogram.hide .search_wrap input.search[placeholder] {
  width: 172px;
}
aside.go_organogram > h1 {
  padding: 0 10px 0px 10px;
  position: relative;
  vertical-align: middle;
  line-height: 22px;
}
aside.go_organogram > h1 ins,
aside.go_organogram > h1 span.txt {
  display: none;
}
aside.go_organogram > h1 a {
  line-height: 22px;
}
aside.go_organogram > h1 span.txt {
  font-size: 14px;
  line-height: 14px;
}
aside.go_organogram ins.ic {
  padding-right: 3px;
  vertical-align: middle;
}
aside.go_organogram > h1 a ins.ic {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/wallet_open.png) no-repeat 0 0;
  margin-right: 3px;
}
aside.go_organogram > h1 span.btn_wrap {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 3px;
  right: 4px;
  border-radius: 32px;
}
aside.go_organogram > h1 span.btn_wrap:hover {
  background: #eee;
}
aside.go_organogram > h1 span.btn_wrap a.btn_close {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/1uparrow.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap a.btn_close span.txt {
  display: none;
}
aside.go_organogram > h1 span.btn_wrap a.btn_open {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/1downarrow.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap a.btn_open span.txt {
  display: none;
}
aside.go_organogram > h1 span.btn_wrap a.btn_resize {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sample/22x22/actions/transform_move.png) no-repeat 0 0;
}
aside.go_organogram > h1 span.btn_wrap span.txt {
  display: none;
}
aside.go_organogram .btn_layer_x {
  top: 14px;
  right: 20px;
}
aside.go_organogram .desc {
  margin-left: 10px;
  font-size: 11px;
  letter-spacing: -1px;
}
aside.go_organogram ul.tab_nav {
  position: relative;
  top: 1px;
  margin: 7px 0 0 0;
  height: 26px;
}
aside.go_organogram ul.tab_nav li {
  height: 25px;
  border: none;
  background: none;
  margin-right: 2px !important;
  padding: 0 10px;
}
aside.go_organogram ul.tab_nav li.ui-state-active {
  border: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  border-bottom-color: #fefefe;
  background: #fefefe;
}
aside.go_organogram ul.tab_nav li:hover a {
  color: #444;
}
aside.go_organogram ul.tab_nav li.ui-state-active:hover {
  border: 1px solid #bbb;
  border-radius: 5px 5px 0 0;
  border-bottom-color: #fefefe;
}
aside.go_organogram ul.tab_nav li a {
  color: #999;
  line-height: 22px;
}
aside.go_organogram ul.tab_nav li.ui-state-active a {
  color: #3b3b3b;
  font-weight: bold;
  font-weight: 500;
}
aside.go_organogram div.search_wrap + div.desc {
  padding: 6px 0 1px;
}
aside.go_organogram .search_wrap {
  margin: 5px 30px 5px 8px;
  width: auto;
  overflow: hidden;
  border: 0;
}

.go_skin_advanced aside.go_organogram .search_wrap {
  margin: 5px 30px 5px 8px;
}

aside.go_organogram .search_wrap input.search {
  width: 100%;
  color: #333;
}
aside.go_organogram .ic_show_down2 {
  width: 16px;
  height: 16px;
  background-position: -100px -100px;
  margin: 7px 0 0 7px;
}
aside.go_organogram.hide .ic_hide_up2 {
  margin: 7px 0 0 7px;
  width: 16px;
  height: 16px;
  background-position: -150px -100px;
}
aside.go_organogram .search_wrap input.btn_search {
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
  height: 30px;
  padding: 5px 0px;
  background: #787d83 url(../images/ic_gnb.png) no-repeat 0px -543px;
  border-radius: 0 3px 3px 0;
  font-weight: bold;
  font-weight: 500;
  display: none;
}
aside.go_organogram .search_wrap input.btn_search:hover {
  background: #a9aeb5 url(../images/ic_gnb.png) no-repeat 0px -593px;
  cursor: pointer;
}
aside.go_organogram .search_wrap:hover input.btn_search {
  background: #a9aeb5 url(../images/ic_gnb.png) no-repeat 0px -593px;
  cursor: pointer;
}
aside.go_organogram .search_wrap:focus input.btn_search {
  background: #999;
}
aside.go_organogram .search_wrap input.btn_search:focus {
  background-color: #999;
}
aside.go_organogram .search_wrap input.btn_search:active {
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
}
aside.go_organogram .search_wrap input.btn_search[value] {
  color: #fff;
  text-indent: -10000px;
}
aside.go_organogram .search_wrap input.search {
  width: 200px;
  height: 26px;
  color: #484848;
  box-shadow: none;
}
aside.go_organogram .search_wrap input.search[placeholder] {
  padding: 0 4px;
  width: 198px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 13px;
}
aside.go_organogram .search_wrap:hover {
  border-color: #606060;
}
aside.go_organogram .search_wrap:focus {
  border-color: #606060;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
aside.go_organogram .search_focus {
  border-color: #606060;
  box-shadow: 0px 0px 3px rgba(186, 186, 186, 0.5);
}
aside.go_organogram .bar {
  margin-top: 8px;
  height: 2px;
  background: url(../images/bg_bar_gray.png) repeat-x;
}
aside.go_organogram.bottom_organogram .search_wrap input.search {
  width: 180px;
}

.go_organogram div.xhidden {
  overflow-x: hidden;
}
.go_organogram .bottom_action {
  margin: 10px 0;
}
.go_organogram a.btn_list_reload {
  min-width: 200px;
  padding: 5px 0px;
  font-weight: bold;
  font-weight: 500;
  text-align: center;
  font-weight: normal;
}

.layer_side aside.go_organogram {
  padding: 0px 0 0 0;
}

.layer_organogram p.data_null {
  margin-top: 30px;
}

.layer_side p.desc {
  margin: 0 24px;
  line-height: 1.5;
  letter-spacing: -1px;
}
.layer_side .data_result {
  padding: 0 24px;
}
.layer_side a.btn_layer_x {
  border: none;
}

aside.go_organogram div.content_tab_wrap {
  border: 0;
}
aside.go_organogram div.content_tab_wrap > div {
  height: 100%;
}
aside.go_organogram div.content_tab_wrap > div .dop_organization.dop_dialog {
  height: 100%;
  box-shadow: none;
}

.layer_side {
  position: fixed;
  right: 24px;
  top: 59px;
  width: 360px;
  border-radius: 1px;
  /*box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2), 0 0 8px rgba(0, 0, 0, 0.5)*/
}

.go_skin_advanced .layer_side {
  background: none;
  border: 0;
}

.layer_organogram aside.go_organogram {
  position: static !important;
  width: 360px;
  border: none;
  border-radius: 16px;
}
.layer_organogram aside.go_organogram header {
  cursor: move;
  position: static;
  margin-bottom: 5px;
  padding: 10px 0 4px 0;
  border: none;
}
.layer_organogram aside.go_organogram header h1 {
  margin-left: 24px;
}
.layer_organogram aside.go_organogram header h1 span.txt {
  color: #333;
  font-size: 18px;
}
.layer_organogram div.vertical_wrap {
  margin: 5px 0;
}
.layer_organogram aside.go_organogram div.search_wrap {
  border: 1px solid #ddd;
}
.layer_organogram aside.go_organogram div.result_scroll {
  overflow-y: auto;
}

div.content_tab_wrap {
  width: 100%;
  min-height: 110px;
  border-radius: 0 0 5px 5px;
  overflow-y: auto;
  margin: 0;
  background: #fff;
}
div.content_tab_wrap .dop_dialog {
  border-radius: 0;
}

.layer_organogram aside.go_organogram .content_tab_wrap {
  width: auto !important;
}

div.content_tab_wrap .jstree-default {
  background-color: #fff !important;
}
div.content_wrap {
  margin: 5px 10px 0 10px;
  min-height: 110px;
  background-color: #f2f2f2;
  border: 1px solid #bbb;
  border-radius: 3px;
  overflow-y: auto;
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}
div.go_dashboard_header section.combine_search {
  position: absolute;
  top: 7px;
  right: 24px;
}

.go_skin_home_w.go_skin_advanced div.go_dashboard_header section.combine_search {
  top: 15px;
}

.go_skin_advanced div.go_dashboard_header section.combine_search .c_search,
.go_skin_advanced div.go_dashboard_header section.combine_search .c_search_wrap {
  background: #eef1f6;
}
.go_skin_advanced .go_skin_home_w .snb {
  top: 12px !important;
  right: 24px !important;
}

/*--------------------------------- jquery tree js css ---------------------------------*/
/* member_list */
ul.member_list {
  margin: 10px;
}
ul.member_list li a {
  display: inline-block;
  height: 18px;
  font-size: 13px;
  line-height: 18px;
  padding: 1px 2px;
  width: 198px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list li a span {
  vertical-align: top;
}
ul.member_list li a ins {
  vertical-align: top;
  margin-top: 2px;
}
ul.member_list li a span,
ul.member_list li a ins.team + span.part {
  max-width: 100%;
  font-weight: bold;
  font-weight: 500;
  color: #3b3b3b;
  margin-left: 0;
}
ul.member_list span.name {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.company {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  vertical-align: top;
  margin-top: -2px;
}
ul.member_list span.position {
  display: inline-block;
  max-width: 60px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.member_list span.part {
  display: inline;
  color: #888;
  margin-left: 10px;
}
ul.member_list span.email {
  display: inline-block;
  max-width: 105px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.img_loader_small {
  min-height: 20px;
  text-align: center;
  background: url(../images/img_loader_s.gif) no-repeat 50% 0;
}

.img_loader_large {
  min-height: 50px;
  text-align: center;
  background: url(../images/img_loader_l.gif) no-repeat 50% 0;
}

div.wrap_feedPlus {
  text-align: center;
  padding: 24px;
}

.go_organogram .member_list li a {
  width: none;
  overflow: inherit;
  text-overflow: inherit;
}
.go_organogram .member_list li a.jstree-clicked {
  width: auto !important;
}
.go_organogram .member_list li a > .name,
.go_organogram .member_list li a > .part {
  max-width: none;
  overflow: inherit;
  text-overflow: inherit;
}
.go_organogram .member_list li a > .position {
  max-width: none;
  overflow: inherit;
  text-overflow: inherit;
  color: #888;
}

.member_list li {
  margin: 4px 0;
}
.member_list li a .position,
.member_list li a .part {
  position: relative;
}
.member_list li a .position:after,
.member_list li a .part:after {
  display: block;
  position: absolute;
  top: -8px;
  left: -9px;
  content: ".";
  font-size: 21px;
  color: #bbb;
}

/* icon */
ins.worker {
  display: inline-block;
  background: url(../images/ic_con.png) -150px -49px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
ins.member {
  display: inline-block;
  background: url(../images/ic_tree.png) -43px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.master {
  display: inline-block;
  background: url(../images/ic_tree.png) -23px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.group {
  display: inline-block;
  background: url(../images/ic_tree.png) -3px -43px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}
ins.team {
  display: inline-block;
  background: url(../images/ic_con.png) -100px -50px;
  width: 15px;
  height: 14px;
  margin-right: 3px;
}
ins.company {
  display: inline-block;
  background: url(../images/ic_con.png) -100px -100px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}

.ic.ic_arrow_prev {
  background-position: -150px -400px;
  width: 8px;
  height: 13px;
}

/* ic ehr icon */
span.ic_add {
  background-position: -550px -300px;
  width: 15px;
  height: 15px;
}
span.ic_remove {
  background-position: -600px -300px;
  width: 15px;
  height: 15px;
}
span.ic_file {
  display: inline-block;
  background: url(../images/ic_file.png) 0 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
span.ic_file.ic_doc, span.ic_file.ic_docx {
  background-position: -50px 0;
}
span.ic_file.ic_zip {
  background-position: -100px 0;
}
span.ic_file.ic_ppt, span.ic_file.ic_pptx {
  background-position: -150px 0;
}
span.ic_file.ic_xml, span.ic_file.ic_xls, span.ic_file.ic_xlsx {
  background-position: -200px 0;
}
span.ic_file.ic_hwp {
  background-position: -250px 0;
}
span.ic_file.ic_pdf {
  background-position: -300px 0;
}
span.ic_file.ic_txt {
  background-position: -350px 0;
}
span.ic_file.ic_jpg, span.ic_file.ic_jpeg, span.ic_file.ic_gif, span.ic_file.ic_bmp, span.ic_file.ic_png {
  background-position: -400px 0;
}
span.ic_file.ic_mpg, span.ic_file.ic_mpeg, span.ic_file.ic_avi {
  background-position: -450px 0;
}
span.ic_file.ic_mp4, span.ic_file.ic_mp3, span.ic_file.ic_mov {
  background-position: -500px 0;
}
span.ic_file.ic_html, span.ic_file.ic_htm {
  background-position: -550px 0;
}
span.ic_file.ic_fig {
  background-position: -600px 0;
}
span.ic_file.ic_exe {
  background-position: -650px 0;
}
span.ic_file.ic_log {
  background-position: -700px 0;
}
span.ic_file.ic_csv {
  background-position: -750px 0;
}
span.ic_file.ic_eml {
  background-position: -800px 0;
}
span.ic_file.ic_lzh {
  background-position: -850px 0;
}
span.ic_file.ic_tif, span.ic_file.ic_tiff {
  background-position: -900px 0;
}
span.ic_def {
  background-position: 0 0;
}
span.ic_tif, span.ic_tiff {
  background-position: 0 -192px;
}
span.ic_mp3 {
  background-position: 0 0;
}
span.ic_doc2 {
  background-position: 0 -224px;
}
/* ic file */
/*text style icon*/
.ic_txt_change {
  color: red;
  font-weight: bold;
  font-weight: 500;
}

/*noti_style*/
.alert_help_wrap {
  padding: 8px 10px;
  border: 1px solid #d8d8d8;
  background: #fffde4;
}

/* button */
/* btn_feedPlus */
a.btn_feedPlus {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid #c9c9c9;
  background: #fff;
  border-radius: 3px;
  height: 38px;
  line-height: 36px;
}
a.btn_feedPlus span.wrap_feedPlus {
  display: inline-block;
  vertical-align: top;
  margin: 5px 3px 0 0;
  line-height: 1;
}
a.btn_feedPlus:hover {
  border-color: #bbb;
  background: #f5f5f5;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
a.btn_feedPlus:hover span.wrap_feedPlus span.txt {
  color: #000;
}
a.btn_feedPlus.on {
  background-color: #2eacb3;
  border-color: #1e9ba2;
}
a.btn_feedPlus.on span.txt {
  color: #fff;
}
a.btn_feedPlus.on span.ic_feedPlus {
  margin-right: 0;
}
a.btn_feedPlus.on span.ic_feedPlus span.txt {
  line-height: 1.4;
}
a.btn_feedPlus.on:hover span.wrap_feedPlus span.txt {
  color: #fff;
}

span.wrap_feedPlus span.ic_feedPlus {
  display: inline-block;
  position: relative;
  background: #2eacb3;
  width: 18px;
  height: 18px;
  line-height: 1.5;
  border-radius: 10px;
  text-align: center;
  margin: 0 3px 0 0;
}
span.wrap_feedPlus span.ic_feedPlus span.txt_plus {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 15px;
  font-family: tahoma;
  line-height: 1.1;
}
span.wrap_feedPlus span.ic_feedPlus span.tail {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 7px;
  width: 0;
  height: 0;
  border-left: 0px solid #fff;
  border-right: 8px solid transparent;
  border-top: 8px solid #2eacb3;
}
span.wrap_feedPlus span.txt {
  font-size: 18px;
  font-family: tahoma;
  color: #666;
}

/* btn_mobile */
a.btn_mobile {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #1c9fa7;
  padding: 15px 20px;
  border-radius: 60px;
  z-index: 110;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
a.btn_mobile span.txt {
  font-size: 1.6em;
  font-weight: bold;
  font-weight: 500;
  color: #fff;
}
a.btn_mobile span.ic_mobileVer {
  vertical-align: middle;
  margin: -1px 3px 0 0;
}

span.ic_mobileVer {
  display: inline-block;
  background: url(../images/ic_mobileVer.png) no-repeat;
  width: 18px;
  height: 24px;
}

div.jstree-default {
  font-size: 13px;
}
div.jstree-default li {
  min-height: 22px;
  line-height: 22px;
  background: none;
  margin-left: 18px;
}
div.jstree-default li.jstree-leaf > ins {
  background: url(../images/ic_tree.png) no-repeat -40px 0px;
}
div.jstree-default li a {
  vertical-align: middle;
  height: 18px;
  line-height: 17px;
  color: #333;
}
div.jstree-default li ins {
  vertical-align: middle;
  margin-top: -2px;
}
div.jstree-default li > ins {
  vertical-align: top;
  margin-top: 2px;
}
div.jstree-default li.jstree-open > ins {
  background: url(../images/ic_tree.png) no-repeat -20px -20px;
}
div.jstree-default li.jstree-closed > ins {
  background: url(../images/ic_tree.png) no-repeat 0px -20px;
}
div.jstree-default li.jstree-company > ins {
  background: url(../images/ic_tree.png) no-repeat 0px -80px;
}
div.jstree-default li > a[rel=org], div.jstree-default li > a[rel=company] {
  font-weight: bold;
}
div.jstree-default li > a[rel=org] > ins.jstree-icon {
  display: none;
}
div.jstree-default li > a[rel=master] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -22px -43px;
}
div.jstree-default li > a[rel=moderator] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -22px -83px;
}
div.jstree-default li > a[rel=member] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -42px -43px;
}
div.jstree-default li > a[rel=company] > ins.jstree-icon {
  display: none;
}
div.jstree-default li > a[rel=limit] > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -42px -43px;
}

.jstree > ul > li {
  margin-left: 0 !important;
}

ins.appr_form {
  background: url(../images/file.png) no-repeat 0 0 !important;
}

.layer_address div.jstree-default li > a[rel=org] {
  font-weight: normal;
}

div.jstree-default .jstree-clicked,
ul.member_list .jstree-clicked {
  font-weight: bold !important;
}

/*div.jstree-default.jstree-focused {background:#fefefe}*/
div.content_wrap div.jstree-default.jstree-focused {
  background: #f2f2f2;
}

.jstree a.drop_hover {
  min-width: 130px;
}
.jstree a.drop_hover.jstree-clicked {
  background: none;
  border: none;
}
.jstree a.drop_active {
  background-color: #e1f5f6;
  border-color: #235a7f;
  color: red;
}
.jstree a.drop_active_disable {
  color: #235a7f;
  opacity: 0.5;
}
.jstree a.drop_highlight {
  border-radius: 3px;
  border: 2px dotted #ffab49;
  font-weight: bold;
}
.jstree a > ins {
  width: 18px;
}

div.jstree-default li[rel=org] > a {
  font-weight: bold;
}
div.jstree-default li[rel=org] > a > ins.jstree-icon {
  display: none;
}

.content_org .jstree > ul > li > ul > li a {
  font-weight: normal;
}

div.jstree-default li[rel=master] > a > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -22px -43px;
}
div.jstree-default li[rel=member] > a > ins.jstree-icon {
  background: url(../images/ic_tree.png) no-repeat -42px -43px;
}
div.jstree-default .jstree-focused {
  background-color: #d2ebfb;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

ul.member_list .jstree-focused,
div.jstree-default .jstree-clicked,
ul.member_list .jstree-clicked {
  background-color: #d2ebfb;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

div.jstree-default .jstree-hovered,
ul.member_list .jstree-hovered {
  background-color: #f0f9ff;
  border: 1px solid #b8def7;
  border-radius: 3px;
}

/*--------------------------------- jqueryui datepicker js css ---------------------------------*/
/* calendar UI modified @GO-42570, 22-10-17 */
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* workarounds */
.ui-datepicker {
  position: relative;
  display: none;
  width: 240px !important;
  border: 1px solid #c1c1c1 !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px;
  background-color: #fff;
  box-sizing: border-box;
  padding-bottom: 8px;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 16px 12px 8px 12px;
  border: none;
  background: #fbfbfb;
  height: 50px;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 16px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  cursor: default;
}
.ui-datepicker .ui-datepicker-prev-hover:not(.ui-state-disabled),
.ui-datepicker .ui-datepicker-next-hover:not(.ui-state-disabled) {
  top: 16px;
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
  right: 34px;
  left: auto !important;
}
.ui-datepicker .ui-datepicker-next {
  right: 10px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  /* jquery-ui css 의 영향으로 !important추가 */
  width: 100% !important;
  height: 100% !important;
  display: block;
  background: url(../images/ic.png) no-repeat 0 0;
}
.ui-datepicker button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker .ui-datepicker-prev span {
  background-position: -46px -1296px;
}
.ui-datepicker .ui-datepicker-next span {
  background-position: -98px -1296px;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 1.4 !important;
  text-align: left !important;
  margin: 0;
}
.ui-datepicker .ui-datepicker-title > span.ui-datepicker-year, .ui-datepicker .ui-datepicker-title > span.ui-datepicker-month {
  font-size: 14px;
  font-weight: bold;
  font-weight: 500;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  height: 26px;
  padding: 0px 3px;
  border: 0 none;
  background-color: transparent;
}
.ui-datepicker .ui-datepicker-title select:hover {
  border: 1px solid #dadada;
  background-color: #fff;
  padding: 0px 2px;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-year {
  width: 64px;
  margin-right: 6px;
}
.ui-datepicker select.ui-datepicker-month {
  width: 60px;
}
.ui-datepicker table {
  position: relative;
  box-sizing: border-box;
  width: 240px;
}
.ui-datepicker table thead {
  border-bottom: 1px solid #e3e3e3;
}
.ui-datepicker th {
  width: 32px;
  text-align: center;
  font-weight: 400;
  font-size: 11px;
  border: 0;
  box-sizing: border-box;
}
.ui-datepicker th:first-child {
  padding-left: 8px;
}
.ui-datepicker th:last-child {
  padding-right: 8px;
}
.ui-datepicker td {
  border: 0;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 2px;
}
.ui-datepicker td:first-child {
  padding-left: 10px;
}
.ui-datepicker td:last-child {
  padding-right: 10px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 12px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border-radius: 16px;
}
.ui-datepicker td .ui-state-default {
  color: #333;
  font-weight: normal;
}
.ui-datepicker td:hover span,
.ui-datepicker td:hover a {
  background-color: rgba(32, 32, 32, 0.06);
}
.ui-datepicker td.ui-datepicker-week-end:first-child a {
  color: #ff5956;
}
.ui-datepicker .ui-datepicker-week-end:first-child span {
  color: #ff5956;
}
.ui-datepicker td.ui-datepicker-today a.ui-state-highlight,
.ui-datepicker td.ui-datepicker-today span.ui-state-highlight {
  background: rgba(32, 32, 32, 0.16);
  border: 0 none;
}
.ui-datepicker td.ui-datepicker-current-day a.ui-state-active,
.ui-datepicker td.ui-datepicker-current-day span.ui-state-active {
  background: rgb(32, 32, 32);
  border: 0 none;
  color: #fff;
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-datepicker-unselectable {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

/* reset extra padding in Firefox */
/* .ui-datepicker header  */
/* jquery-ui css 의 영향으로 !important추가 */
/* .ui-datepicker body : table */
/* thead */
/* tbody */
/* date */
/* holiday */
/* today */
/* selected */
/* disabled & past */
/* resize */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 97;
  border: 1px dotted black;
}

/* modal_loading_type */
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background: #000;
  z-index: 98;
}
.overlay .processing {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  background: #161616 url(../images/img_loader_w.gif) no-repeat center center;
  color: #fff;
  font-family: arial;
  font-size: 14px;
  border-radius: 5px;
  margin: -30px 0 0 -30px;
}

/*mouse drag color*/
::selection,
::-moz-selection {
  background-color: var(--dop-color-bg-primary-level2);
  color: var(--dop-color-text-basic-level1);
}

/*--------------------------------------------------------@common------------------------------------------------------------------------------*/
ul.tab_type3 {
  width: 100%;
  overflow: hidden;
}
ul.tab_type3 li {
  float: left;
  border-bottom: 1px solid #ddd;
  margin-right: -1px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}
ul.tab_type3 li span.txt {
  color: #999;
}
ul.tab_type3 li a {
  display: block;
}
ul.tab_type3 li.selected {
  border-bottom: 1px solid #000;
}
ul.tab_type3 li.selected a {
  cursor: default;
}
ul.tab_type3 li.selected span {
  color: #000;
}
ul.tab_type3 li.last {
  float: none;
  width: auto;
}
ul.tab_type3 li > span {
  display: block;
  color: #999;
}
ul.tab_type3_column2 li {
  width: 50%;
}
ul.tab_type3_column3 li {
  width: 33%;
}
ul.tab_type3_column4 li {
  width: 25%;
}
ul.tab_type3_column6 li {
  width: 16%;
}

div.layer_normal div.set_nav ul.tab_type3 li {
  border-top: 0;
}
div.layer_normal div.set_data ul.tab_type3 li {
  border-top: 0;
}
div.layer_normal div.set_data ul.tab_type3 li.selected {
  background: #f5f5f5;
}

ul.tab_type3 li:first-child {
  border-left: 0;
}

.member_out {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
  cursor: default;
}

/*--------------------------------------------------------@home------------------------------------------------------------------------------*/
/*@alarm_side_nav*/
nav.side_menu {
  margin-top: 0;
}
nav.side_menu ul li {
  position: relative;
  height: 30px;
  line-height: 30px;
}
nav.side_menu ul li:first-child {
  border-top: none;
}
nav.side_menu ul li span.ic_gnb {
  display: none;
}
nav.side_menu ul li.on {
  color: #02a1c0;
}
nav.side_menu ul li.on:hover {
  color: #02a1c0;
}
nav.side_menu ul li:hover {
  background: #f8f8f8;
}
nav.side_menu ul li a {
  display: block;
  padding: 0px 24px;
  vertical-align: middle;
}
nav.side_menu ul li span {
  vertical-align: middle;
}
nav.side_menu ul li.on a, nav.side_menu ul li.on:hover a {
  color: #02a1c0;
}
nav.side_menu ul li .btn_wrap {
  position: absolute;
  top: 0;
  right: 5px;
}

/* layer_notice */
div.layer_notice {
  position: absolute;
  top: 100px;
  width: 300px;
  background: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
div.layer_notice > header {
  position: relative;
  padding: 11px 20px 19px;
  background: #20bec6;
  height: 11px;
}
div.layer_notice header h1 {
  color: #fff;
  font-weight: bold;
  font-weight: 500;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
div.layer_notice div.content {
  width: 100%;
}
div.layer_notice div.content div.wrap_notice {
  width: auto;
  overflow: auto;
  min-height: 200px;
  max-height: 480px;
  padding: 20px;
  margin-bottom: -3px;
}
div.layer_notice div.content div.editor_view {
  margin: 0;
}
div.layer_notice p.desc {
  margin: 5px 0 6px 0;
  text-align: left;
  line-height: 140%;
}
div.layer_notice h3 {
  margin: 0 0 14px 0;
}
div.layer_notice select {
  border: 1px solid #cfcfcf;
  color: #666666;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  font-weight: normal;
  height: 26px;
  line-height: 25px;
  padding: 2px;
}
div.layer_notice div.content div.dataTables_paginate {
  line-height: 1;
}
div.layer_notice span.title {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0px;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  color: #888;
}
div.layer_notice table.form_type {
  margin: 0;
}
div.layer_notice table.form_type tr td {
  padding-right: 10px;
}
div.layer_notice table.type_normal span.size {
  font-size: 12px;
}
div.layer_notice table.form_type th {
  padding-left: 0;
}
div.layer_notice table.form_type td {
  padding-right: 0;
}
div.layer_notice div.last {
  margin-bottom: 0;
}
div.layer_notice table.form_type th span.title {
  color: #999;
}
div.layer_notice div.editor_view a {
  color: #2eacb3;
  font-family: tahoma;
  margin-right: 10px;
}
div.layer_notice div.content div.notice {
  border-bottom: 1px solid #e3e3e3;
}
div.layer_notice div.feed.origin {
  text-align: left;
  margin: 15px 0px;
}
div.layer_notice span.btn_fn6 {
  font-size: 12px;
}
div.notice_type1 {
  left: 100px;
  width: 400px;
}
div.notice_type2 {
  left: 100px;
  width: 520px;
}
div.notice_type3 {
  left: 100px;
  width: 800px;
}
div.layer_notice footer.btn_layer_wrap {
  margin-bottom: 0;
}

footer.notice_action {
  margin: 0;
  padding: 0 0 8px;
}
footer.notice_action div.layer_action {
  border-top: 1px solid #e3e3e3;
  text-align: right;
  padding-right: 20px;
}
footer.notice_action span.wrap_option {
  vertical-align: top;
  margin-top: 4px;
}
footer.notice_action span.wrap_option label {
  font-size: 11px;
  font-family: 돋움, dotum, AppleGothic, Helvetica, sans-serif;
  color: #888;
  vertical-align: middle;
}
footer.notice_action span.wrap_btn {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
  margin-left: 2px;
}

a.btn_layer_bigx {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 0;
}
a.btn_layer_bigx span.ic {
  display: inline-block;
  width: 41px;
  height: 41px;
  background: url(../images/ic_con.png) no-repeat -253px -524px;
  vertical-align: top;
}
a.btn_layer_bigx span.txt {
  display: none;
}
a.btn_layer_bigx:hover {
  background-color: #2cadb7;
}

/* // layer_notice */
/*--------------------------------------------------------@bbs/comm------------------------------------------------------------------------------*/
/*8.2*/
div.context_depth {
  min-width: 130px;
  max-width: 180px;
  max-height: 250px;
  overflow-y: auto;
}
div.context_depth ul.side_depth > li:first-child > p {
  padding-top: 4px;
}
div.context_depth ul.side_depth > li.last > p {
  padding-bottom: 4px;
}
div.context_depth ul.side_depth li p {
  margin-left: -12px;
  padding-bottom: 2px;
}
div.context_depth ul.side_depth li p a span.txt {
  color: #777;
}
div.context_depth ul.side_depth li p:hover {
  background: #e9f2fb;
  cursor: pointer;
}
div.context_depth ul.side_depth li p:hover span.txt {
  color: #4d5d75;
}
div.context_depth ul.side_depth li.folder > p ins.ic {
  background-position: -100px -52px;
}

ul.array_type li span.btn_del {
  position: absolute;
  right: 5px;
  top: 5px;
}
ul.array_type li span.btn_check {
  position: absolute;
  right: 20px;
  top: 5px;
}

div.feed_write_wrap ul.btn_tool {
  overflow: hidden;
}
div.feed_write_wrap ul.btn_tool li {
  float: left;
}
div.feed_write_wrap ul.btn_tool li span.txt {
  display: none;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 0;
  background: #f4f4f4;
  width: 74px;
  height: 31px;
  text-align: center;
  vertical-align: top;
}
div.feed_write_wrap ul.btn_tool li.first span.wrap_btn {
  border-radius: 2px 0 0 2px;
  border-right: 1px solid #d9d9d9;
}
div.feed_write_wrap ul.btn_tool li.last span.wrap_btn {
  border-radius: 0 2px 2px 0;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn span.ic_con {
  vertical-align: top;
  margin-top: 2px;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn:hover {
  cursor: pointer;
  background-color: #b0b0b0;
  border-color: #9d9d9d;
  border-bottom-color: #7e7e7e;
  border-top-color: #afafaf;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn span.ic_file_up {
  width: 70px;
  height: 28px;
  background-position: -427px 0;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn:hover span.ic_file_up {
  background-position: -427px -50px;
}
div.feed_write_wrap ul.btn_tool li span.wrap_btn:hover span.ic_link_up {
  background-position: -549px -50px;
}
div.feed_write_wrap ul.btn_tool li span.fileinput-button {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.feed_write_wrap ul.btn_tool li span.fileinput-button input {
  font-size: 200px;
}
div.feed_write_wrap ul.btn_tool li span.fileinput-button input:hover {
  cursor: pointer;
}

ul.feed_type > li {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 20px 0 20px;
}
ul.feed_type > li span.photo {
  width: 48px;
  height: 48px;
}
ul.feed_type > li span.photo a {
  position: relative;
}
ul.feed_type > li span.photo a img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
ul.feed_type > li span.photo a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
ul.feed_type > li div.info,
ul.feed_type > li p.article,
ul.feed_type > li div.meta_wrap {
  margin-left: 64px;
}
ul.feed_type > li ul.reply li div.msg_wrap div.info {
  margin-left: 0;
}
ul.feed_type > li p.article {
  margin-bottom: 10px;
  margin-top: 5px;
}
ul.feed_type > li .article_activity {
  margin-left: 48px;
  margin-bottom: 10px;
  margin-top: 0;
}
ul.feed_type > li div.info {
  position: relative;
}
ul.feed_type > li div.info span.date {
  display: block;
  line-height: 1.5;
}
ul.feed_type > li div.article_wrap {
  position: relative;
  display: block;
  margin-right: 180px;
}
ul.feed_type > li div.article_wrap div.article {
  position: relative;
  white-space: normal;
  word-wrap: break-word;
  text-overflow: clip;
  min-width: 430px;
  margin-bottom: 15px;
}
ul.feed_type > li div.article_wrap div.reply_wrap .reply_create span.textarea_edit textarea:focus {
  border: 0 none !important;
  box-shadow: none !important;
}

/*print bug*/
.activity_type ul.feed_type > li div.article_wrap div.write_wrap {
  min-width: 572px !important;
}

/*task*/
ul.feed_type > li div.article_wrap div.article div.file_wrap,
ul.feed_type > li div.article_wrap .posi1 {
  margin-left: 65px;
}
ul.feed_type > li div.msg_wrap .posi1 {
  margin-left: 0px;
}
ul.feed_type > li div.side_action_wrap {
  position: absolute;
  right: 0;
  top: 20px;
  display: inline-block;
  width: 160px;
  margin: 0;
  text-align: right;
}
ul.feed_type > li div.side_action_wrap a.btn_feedPlus {
  padding: 0 20px;
}
ul.feed_type > li div.article_wrap div.article div.meta_wrap {
  margin-bottom: 10px;
}
ul.feed_type > li div.article_wrap div.article span.btn_fn3 span.txt {
  line-height: 1;
}
ul.feed_type > li div.article_wrap div.tool_bar {
  display: none;
}
ul.feed_type > li div.article_wrap div.tool_bar span {
  vertical-align: middle;
}
ul.feed_type > li div.article_wrap div.article:hover div.tool_bar {
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 5px;
  padding: 0;
}
ul.feed_type ul.reply li div.edit_reply {
  right: 0;
}

.build_prev_wrap ul.feed_type > li div.article_wrap div.article:hover div.tool_bar, .build_prev_wrap ul.feed_type > li div.article_wrap div.article.hover div.tool_bar {
  display: inline-block;
  position: absolute;
  top: -5px;
  right: 5px;
  padding: 0;
}

ul.feed_type > li div.article_wrap div.article div.article_edit {
  text-align: right;
}
ul.feed_type > li div.article_wrap div.article div.article_edit .btn_major_s {
  height: 24px;
  line-height: 24px;
}
ul.feed_type > li div.article_wrap div.article div.article_edit > .btn_ic24 {
  padding: 2px 4px;
  margin: 0 8px 0 0;
}
ul.feed_type > li div.article_wrap span.date {
  /*margin-left:65px*/
}
ul.article_list > li {
  position: relative;
  padding: 19px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
ul.article_list > li div.article_wrap {
  margin-right: 190px;
}
ul.article_list > li div.meta_wrap {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -19px;
  text-align: right;
}
ul.article_list li span.date {
  display: block;
}

/*list_common*/
p.noti_msg span.date {
  display: block;
}
p.noti_msg span.date em {
  padding: 0px 8px 0 1px;
  font-style: normal;
}
p.noti_msg span.txt {
  color: #777;
}

div.article_wrap {
  position: relative;
}
div.article_wrap span.photo {
  position: absolute;
  left: 0;
  top: -2;
  width: 24px;
  height: 24px;
}
div.article_wrap span.photo a {
  position: relative;
}
div.article_wrap span.photo a img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
div.article_wrap span.photo a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
div.article_wrap > div.info {
  display: inline-block;
  margin: 20px 0 0;
  line-height: 16px;
}

.write_wrap div.article_wrap div.info {
  margin-top: 0;
  padding: 4px 0 0 8px;
}

.classic_detail .article_header div.article_wrap span.photo a img {
  width: 24px;
  height: 24px;
}
.classic_detail .article_header div.article_wrap div.info {
  margin: 0 0 0 34px;
}
.classic_detail .article_header div.article_wrap div.info .name {
  display: inline-block;
  font-size: 13px;
}
.classic_detail .article_header div.article_wrap div.info .date {
  font-size: 13px;
  margin: 0 0 0 4px;
}
.classic_detail .article_header div.article_wrap div.info .name + br {
  display: none;
}

section.classic_detail div.article_wrap div.info {
  max-width: 300px;
}

div.article_wrap div.info span.category {
  margin-left: 10px;
  color: #4693a3;
  font-size: 11px;
  letter-spacing: -1px;
  position: relative;
  top: 1px;
}
div.article_wrap div.info span.category a {
  color: #4693a3;
  letter-spacing: -1px;
}
div.article_wrap div.info span.category span.arrow {
  color: #4693a3;
}
div.article_wrap div.info span.category a:hover {
  border-bottom: 1px dotted #747474;
}
div.article_wrap p.title {
  font-size: 14px;
  line-height: 18px;
}

section.comm_list div.article {
  margin-left: 62px;
  min-height: 16px;
}
section.comm_list div.article a {
  line-height: 150%;
}
section.comm_list div.recent_file_wrap {
  margin: 5px 0 0 42px;
}
section.comm_list div.article_wrap div.info span.btn_wrap {
  margin-left: 6px;
}
section.comm_list div.article_wrap div.info span.btn_wrap .ic_reply {
  margin-top: 2px;
}
section.comm_list div.article_wrap div.info span.ic_new2 {
  margin-top: 1px;
  margin-left: 1px;
}
section.comm_list div.article_wrap p.article {
  margin-left: 45px;
}
section.comm_list div.article_wrap p.title {
  margin: 10px 0 0 0;
  line-height: 1.1;
  font-size: 12px;
  font-weight: normal;
}
section.comm_list div.article_wrap p.title a {
  color: #888;
}
section.comm_list ul.home_list li div.meta_wrap span.ic_feedPlus section.comm_list ul.home_list li div.meta_wrap > span.txt {
  font-size: 18px;
  font-family: tahoma;
  vertical-align: baseline;
  color: #888;
}
section.comm_list ul.home_list li div.article_wrap p.title a,
section.comm_list ul.home_list li div.article_wrap .article a {
  color: #666;
  font-weight: normal;
}
section.comm_list ul.home_list li div.article_wrap p.title a {
  font-weight: bold;
  font-weight: 500;
}
section.comm_list ul.home_list li.read_no div.article_wrap p.title a {
  font-weight: bold;
  font-weight: 500;
  color: #4e4e4e;
}
section.comm_list ul.home_list li.read_no div.article_wrap .article a {
  color: #4e4e4e;
}
section.comm_list ul.home_list li span.wrap_feedPlus span.ic_feedPlus {
  width: 17px;
  height: 17px;
}
section.comm_list ul.home_list li span.wrap_feedPlus span.ic_feedPlus span.tail {
  top: 14px;
  left: 7px;
}
section.comm_list ul.home_list li span.wrap_feedPlus span.ic_feedPlus span.txt_plus {
  font-size: 14px;
}
section.comm_list ul.home_list li span.wrap_feedPlus span.txt {
  font-size: 16px;
}
section.comm_list div.recent_file_wrap span.name {
  cursor: pointer;
  text-decoration: underline;
  color: #6090ce;
  line-height: 16px;
}
section.comm_list div.recent_file_wrap span.size {
  line-height: 16px;
}
section.comm_list div.home_content {
  margin-left: 0;
  margin-bottom: 0 !important;
  max-height: 36px !important;
  overflow: hidden;
  color: #888;
}

@-moz-document url-prefix() {
  section.comm_list div.home_content {
    max-height: 36px;
  }
}
ul.home_list span.photo img,
ul.home_list div.article_wrap span.photo a img {
  width: 50px;
  height: 50px;
}

ul.article_list li.private {
  background: #f6f6f6;
}
ul.article_list li.private p.noti_msg span.ic {
  float: left;
  width: 30px;
  height: 36px;
  margin-left: 8px;
  background: url(../images/ic_con.png) no-repeat -320px -66px;
}
ul.article_list li.private:hover {
  background: #f6f6f6;
}
ul.article_list li.private p.noti_msg {
  text-align: left;
}
ul.article_list li.private p.noti_msg span.txt, ul.article_list li.private p.noti_msg span.date {
  display: inline-block;
  margin-left: 23px;
}

.home_list {
  border-top: 1px solid #ddd;
}

.comm_home .home_list {
  border-top: 0;
}

div.meta_wrap a.plus_wrap {
  display: inline-block;
  width: 75px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

a.plus_wrap {
  display: inline-block;
  width: 75px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
a.plus_wrap span.plus {
  display: inline-block;
  padding: 0px 5px 2px 4px;
  background: #2eacb3;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  letter-spacing: -1px;
}
a.plus_wrap span.num {
  display: block;
  font-size: 24px;
  color: #2eacb3;
  font-family: tahoma;
  font-weight: normal;
  letter-spacing: -1px;
}

div.feed_wrap a.plus_wrap {
  cursor: default;
  width: 90px;
}

/*ul.article_list li div.meta_wrap a.btn_list_more {display:inline-block; width:35px; height:35px; margin-left:25px; background: url(../images/btn_detail_more.png) no-repeat 0 0; filter: Alpha(Opacity=50); opacity:0.5; vertical-align:middle}*/
ul.article_list li div.meta_wrap a.btn_list_more {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 13px;
  background: url(../images/ic_con.png) no-repeat -760px -300px;
  vertical-align: middle;
}
ul.article_list li div.meta_wrap a.btn_list_more:hover {
  background-position: -800px -300px;
  filter: Alpha(Opacity=100);
  opacity: 1;
}
ul.article_list li div.meta_wrap a.btn_list_more span.txt {
  display: none;
}

/*new reply*/
/* 댓글 */
/*reply_create, create_edit*/
.feed_type div.reply_wrap {
  padding-left: 56px;
  margin-top: 10px;
  min-width: 444px;
}

div.reply_wrap a.btn_list_reload {
  padding: 6px !important;
}

ul.reply {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  width: 100%;
}
ul.reply > li {
  position: relative;
  margin: 5px 0 10px;
}

.layer_reading .reply > li {
  margin: 0;
}

.reply_create {
  position: relative;
  margin: 5px 0 20px;
}

ul.reply li div.bar_current,
.reply_create div.bar_current {
  position: absolute;
  top: 0;
  left: 0;
}

div.layer_normal div.reply_wrap ul.reply > li.current {
  background-color: #e9f5f6;
}
div.wrap_container section.article_reply div.reply_wrap ul.reply li.current {
  background-color: #e9f5f6;
}
div.wrap_container section.article_reply div.reply_wrap ul.reply li.current:hover {
  background: #e9f5f6;
  background-color: red;
  background-image: none;
}

ul.reply > li.first {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
  height: 2px;
}
ul.reply > li.first i.tail {
  position: absolute;
  display: inline-block;
  top: -8px;
  left: 5px;
  background: url(../images/icon_feed.png) no-repeat 0 -200px;
  width: 13px;
  height: 8px;
}
ul.reply li.view_option {
  cursor: pointer;
  margin: 0 0 15px;
  padding: 8px 10px 9px;
  border-bottom: 1px solid #e6e6e6;
}
ul.reply li.view_option ins {
  vertical-align: bottom;
}
ul.reply li.view_option span.num strong {
  color: #f37247;
}
ul.reply li.creat {
  margin: 0;
  padding: 8px 10px;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #ddd;
}
ul.reply li.creat div.option_display {
  width: auto;
  margin: 0 0 7px 0;
  position: relative;
  line-height: 1;
}

.article_reply div.reply_wrap div.option_display,
.reply_create div.option_display {
  width: auto;
  margin: 0 0 7px 0;
  position: relative;
  line-height: 1;
}

ul.reply + div.option_display {
  margin: 10px !important;
}

.compo_reply_create + .option_display {
  margin-top: 10px !important;
}

.feed_contents_wrap .reply_create + .option_display {
  margin-left: 10px !important;
}

ul.reply li.creat div.option_display ul.file_wrap, ul.reply li.creat div.option_display ul.img_wrap {
  margin: 0;
}

.reply_create span.btn_major_s:hover,
.reply_edit span.btn_major_s:hover {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

ul.reply li.creat span.btn_fn7,
.reply_create span.btn_fn7 {
  line-height: 1;
  padding: 3px;
}

ul.reply li.creat span.btn_fn7:hover,
.reply_create span.btn_fn7:hover {
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-color: #bababa;
  border-top-color: #c9c9c9;
  border-bottom-color: #a6a6a6;
}

ul.reply li.creat span.posi1 {
  display: inline-block;
  position: absolute;
  right: 88px;
  bottom: 11px;
}
ul.reply li.creat span.posi2 {
  display: inline-block;
  position: absolute;
  right: 118px;
  bottom: 11px;
}

.reply_create span.posi2 {
  display: inline-block;
  position: absolute;
  right: 118px;
  bottom: 11px;
}

ul.reply li.current:hover {
  background: #e9f5f6 !important;
}

li.comment span.btn_fn7 {
  width: 36px;
  height: 26px;
}

.reply_edit span.btn_fn7 {
  position: static !important;
  width: 36px !important;
}

ul.reply li.depth_in span.posi2,
.reply_create span.posi2 {
  right: 122px;
}

div.feed_wrap ul.reply li.creat span.posi1, div.feed_wrap ul.reply li.creat span.posi2 {
  bottom: 8px;
}

ul.reply li span {
  display: inline-block;
}
ul.reply li span.ic_reply, ul.reply li span.ic_feedPlus_s {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
ul.reply li div.msg_wrap {
  position: relative;
  margin-left: 48px;
  min-height: 32px;
}
ul.reply li div.msg_wrap p {
  display: block;
}
ul.reply li div.msg_wrap p.form_wrap {
  font-size: 0;
}

.reply_create div.msg_wrap {
  position: relative;
  margin-left: 40px;
  min-height: 28px !important;
}
.reply_create div.msg_wrap p.edit_mode {
  display: block;
  margin-top: 2px;
  line-height: 130%;
}

ul.reply li div.msg_wrap p.edit_mode,
.reply_create div.msg_wrap p.edit_mode {
  /*position:relative;*/
  margin-bottom: 6px;
  margin-right: 0 !important;
}

div.feed_contents_wrap ul.reply li div.msg_wrap .compo_reply_create p.edit_mode {
  /*position:relative;*/
  margin-bottom: 6px;
  margin-right: 0 !important;
}
div.feed_contents_wrap .reply_create div.msg_wrap .btn_minor_s span.txt {
  line-height: 24px;
  vertical-align: top;
}
div.feed_contents_wrap .article_wrap .ic_notice {
  margin-left: 4px;
  vertical-align: baseline;
}

ul.reply li div.msg_wrap div.info span.department,
.reply_create div.msg_wrap div.info span.department {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  font-size: 12px;
}

ul.reply li div.msg_wrap div.info span.state_doc,
.reply_create div.msg_wrap div.info span.state_doc {
  color: #37adb3;
  font-weight: bold;
  font-weight: 500;
}

ul.reply li div.msg_wrap div.info .doc .status {
  color: #999;
  font-size: 12px;
}

.accent_default {
  color: #2eacb3 !important;
}

ul.reply li div.msg_wrap div.info span.part {
  margin: 0 3px;
}

.reply_create div.msg_wrap div.info span.part {
  margin: 0 3px;
}
.reply_create div.msg_wrap div.info .btn_wrap {
  margin-left: 10px;
}

ul.reply li div.msg_wrap div.file_wrap,
.reply_create div.msg_wrap div.file_wrap {
  margin-bottom: 0;
}

ul.reply li div.msg_wrap div.option_display span.item_file,
.reply_create div.msg_wrap div.option_display span.item_file {
  height: auto;
  line-height: 1;
}

ul.reply li div.msg_wrap div.option_display ul.file_wrap li,
.reply_create div.msg_wrap div.option_display ul.file_wrap li {
  line-height: 1.5;
}

ul.reply li p.edit_mode span.txt_edit {
  display: block;
  height: 103px;
}

.reply_create p.edit_mode span.txt_edit {
  display: block;
  height: 103px;
}
.reply_create span.textarea_edit {
  display: block;
  padding: 2px 0;
}

ul.reply li p.edit_mode span.textarea_edit,
.reply_create p.edit_mode span.textarea_edit {
  /*position:relative;*/
  display: block !important;
  margin-right: 0px;
  /*height:60px*/
}

ul.reply li p.edit_mode span.textarea_edit textarea,
.reply_create p.edit_mode span.textarea_edit textarea {
  min-height: 40px;
  height: 60px;
}

ul.reply li span.name,
.reply_create span.name {
  color: #000;
  margin: 0 8px 0 0;
}

ul.reply li span.photo {
  position: absolute;
  left: 0;
  top: 10px;
  width: 32px !important;
  height: 32px !important;
}

.reply_create span.photo {
  position: absolute;
  left: 24px;
  top: 8px;
  width: 32px !important;
  height: 32px !important;
}

ul.reply li span.photo img,
.reply_create span.photo img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
ul.reply li span.photo::after,
.reply_create span.photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}

ul.reply li div.action_wrap,
.reply_create div.action_wrap {
  display: none;
  position: absolute;
  right: 8px;
  top: 8px;
  margin: 0;
}

ul.reply li div.action_wrap .btn_fn4 {
  background: #bbb;
}
ul.reply li div.action_wrap span {
  vertical-align: middle;
}

.reply_create div.action_wrap span {
  vertical-align: middle;
}

ul.reply li:hover div.action_wrap,
.reply_create:hover div.action_wrap {
  display: block;
}

ul.reply li div.edit_reply {
  position: absolute;
  bottom: 0;
  right: 10px;
  margin-left: 0;
}

.reply_create div.edit_reply {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.reply_wrap .btn_fn7 {
  width: 30px;
  text-align: center;
  display: inline-block;
  color: #656565;
  line-height: 18px;
  border-radius: 2px;
  padding: 0;
}
.reply_wrap .btn_fn7:hover {
  background-color: #f5f5f5;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-color: #bababa;
  border-top-color: #c9c9c9;
  border-bottom-color: #a6a6a6;
}
.reply_wrap .ic_file_up_s {
  background-position: -389px -95px;
  width: 36px;
  height: 27px;
}
.reply_wrap .form_wrap {
  margin-bottom: 0;
}

/*feed공통으로 수정*/
.reply_create .edit_mode {
  margin-right: 0px;
}
.reply_create .edit_mode .form_wrap {
  margin-right: 0;
}

@media \0 screen {
  .reply_create .form_wrap textarea,
  .reply_wrap .form_wrap textarea {
    height: 16px;
    min-height: 16px !important;
  }
}
/* IE8 hack */
@media \0 screen {
  .reply_wrap .form_wrap {
    margin-right: 123px !important;
    margin-bottom: 0;
  }
  .reply_create span.btn_fn7 {
    width: 36px;
    height: 26px;
  }
}
/* IE8 hack */
.msg_wrap .reply_create span.photo {
  left: 18px;
  top: 8px;
}

ul.reply_null li.creat {
  border: 0;
}

div.reply_wrap ul.reply li div.info span.btn_wrap,
div.reply_wrap .reply_create li div.info span.btn_wrap {
  vertical-align: top;
  margin: 0 8px 0 8px;
}
div.reply_wrap ul.reply li span.date,
div.reply_wrap .reply_create span.date {
  display: inline;
  color: #999;
}
div.aside_wrapper_body ul.reply li span.date {
  margin-left: 0;
  font-size: 12px;
}

ul.reply li.depth_in {
  margin-top: 3px;
}
ul.reply li.depth_in span.txt_form {
  display: block;
  position: relative;
  margin-right: 105px;
}
ul.reply li.depth_in span input[type=text] {
  padding: 6px 4px 5px;
}
ul.file_wrap li span.name {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}

/*feed임시로*/
.feed_contents_wrap div.reply_header {
  margin-left: 65px;
  font-size: 13px;
}
.feed_contents_wrap div.reply_header .num {
  font-size: 13px;
}
.feed_contents_wrap div.reply_header span.num {
  color: #000;
}
.feed_contents_wrap div.reply_header a.linkNum {
  color: #000;
  text-decoration: underline;
}
.feed_contents_wrap div.reply_header span.ic_reply {
  vertical-align: middle;
  margin: -2px 0 0 0;
}
.feed_contents_wrap div.reply_header span.ic_feedPlus_s {
  vertical-align: middle;
  margin: -2px 0 0 15px;
}

div.feed_contents_wrap ul.feed_type li .name {
  font-weight: bold;
  font-weight: 500;
  color: #000;
}
div.feed_contents_wrap div.reply_wrap ul.reply li span.name,
div.feed_contents_wrap div.reply_wrap .reply_create span.name {
  letter-spacing: -1px;
}
div.feed_contents_wrap div.reply_wrap .reply_common {
  position: relative;
  z-index: 50;
}
div.feed_contents_wrap div.reply_wrap .reply_common ul.reply {
  border: none;
}

/*div.feed_contents_wrap div.reply_wrap .reply_common .option_display {margin:10px}*/
.feed_contents_wrap div.reply_wrap {
  position: relative;
  margin-left: 56px;
  padding-left: 0;
  border: 0;
  border-radius: 4px;
}
.feed_contents_wrap ul.reply {
  border: 0;
}
.feed_contents_wrap div.reply_wrap .reply_common ul.reply {
  margin-top: 10px;
}
.feed_contents_wrap div.reply_wrap .reply_common .msg_wrap .posi1,
.feed_contents_wrap div.reply_wrap .reply_common .msg_wrap .btn_minor_s {
  top: 2px;
}

@media \0 screen {
  .feed_contents_wrap div.reply_wrap:before {
    border: 0;
    background: none;
  }
}
/* IE8 hack */
/**/
div.feed_contents_wrap ul.reply li span.photo {
  top: 0;
}
div.feed_contents_wrap div.form_wrap textarea {
  box-sizing: content-box;
}
div.feed_contents_wrap ul.reply li div.msg_wrap {
  margin-left: 50px;
}
div.feed_contents_wrap ul.reply li div.msg_wrap .thumb_append {
  margin: 8px 0;
}
div.feed_contents_wrap ul.reply li div.action_wrap {
  top: 0;
}
div.feed_contents_wrap ul.reply li div.msg_wrap p {
  margin-right: 10px !important;
}
div.feed_contents_wrap div.article_wrap div.option_display {
  box-sizing: border-box;
  width: auto;
  margin-bottom: 10px;
}
div.form_wrap {
  position: relative;
  margin-right: 149px;
}
div.form_wrap.edit {
  margin-right: 10px !important;
  margin-bottom: 5px;
}
div.form_wrap input.txt_mini {
  border-radius: 2px;
  padding: 6px 4px;
  box-sizing: content-box;
}
div.feed_wrap .link_wrap div.form_wrap {
  margin-right: 105px !important;
}
div.feed_wrap div.form_wrap {
  position: relative;
  margin-right: 129px !important;
}
div.feed_wrap div.form_wrap textarea {
  min-height: 14px;
  height: 14px;
  overflow-y: auto;
  margin: 0;
  padding: 6px 4px;
  vertical-align: middle;
  line-height: normal;
}
div.side_action_wrap {
  float: left;
}

/*a.btn_plus {margin-left:20px; box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 1)}*/
.meta_wrap div.plus_action a.btn_plus:hover, .meta_wrap div.plus_action a.on, .meta_wrap div.plus_action a.plus_on {
  background-color: #2eacb3 !important;
  border-color: #1e9ba2 !important;
}

.feed_contents_wrap div.plus_action a.btn_plus:hover, .feed_contents_wrap div.plus_action a.on, .feed_contents_wrap div.plus_action a.plus_on {
  background-color: #2eacb3 !important;
  border-color: #1e9ba2 !important;
}

.meta_wrap div.plus_action a.plus_on span.txt,
.feed_contents_wrap div.plus_action a.plus_on span.txt {
  color: #fff !important;
}

a.plus_wrap {
  width: 100px;
}
a.plus_wrap span.num {
  font-size: 20px;
}
a.plus_wrap span.plus {
  position: relative;
}
a.plus_wrap i.tail {
  position: absolute;
  display: inline-block;
  bottom: -5px;
  left: 2px;
  width: 5px;
  height: 5px;
  background: url(../images/icon_feed.png) no-repeat -250px -100px;
}
a.zero span.plus {
  background-color: #bbb;
  font-family: verdana;
}
a.zero span.plus i.tail {
  background-position: -250px -150px;
}
a.zero span.num {
  color: #ccc;
}
a.active span.num {
  color: red;
}

/* plus count zero */
div.action_list_wrap {
  margin: 5px -10px 0 0;
  width: 140px;
  float: right;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 2px;
}
div.action_list_wrap h1 {
  font-size: 12px;
  margin: 5px 0 4px;
  text-align: left;
}
div.action_list_wrap ul {
  width: 100%;
  overflow: hidden;
}
div.action_list_wrap ul li {
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  margin-bottom: 5px;
  overflow: hidden;
}
div.action_list_wrap ul li img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
div.action_list_wrap ul li:hover img {
  filter: Alpha(Opacity=70);
  opacity: 0.7;
}
div.action_list_wrap div.action_wrap {
  margin: 0;
  text-align: left;
}
div.action_list_wrap > h1 > span.btn_wrap {
  vertical-align: middle;
  line-height: 1;
}

/* 클래식 코멘트  */
.article_reply div.reply_wrap {
  line-height: 1.6;
}
.article_reply div.reply_wrap header {
  padding: 0 24px;
}
.article_reply div.reply_wrap ul.tab_nav li span.num {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}
.article_reply div.reply_wrap ul.reply {
  margin: 0;
  border: 0;
}
.article_reply div.reply_wrap ul.reply li.delete p.desc {
  margin: 0 0 0 -38px;
}
.article_reply div.reply_wrap ul.reply li.delete div.msg_wrap {
  min-height: auto;
}
.article_reply div.reply_wrap ul.reply > li {
  margin: 0px 0;
  padding: 8px 24px;
}
.article_reply div.reply_wrap ul.reply > li span.photo {
  left: 24px;
}
.article_reply div.reply_wrap ul.reply > li .thumb_append {
  margin: 8px 0;
}

.report_detail .article_reply div.reply_wrap header {
  padding: 0;
}

/*
.article_reply div.reply_wrap ul.reply>li:hover {background:#f3f3f3;background: url(../images/bg_3column_reply.gif) repeat-x 1px -70px}
*/
.article_reply div.reply_wrap ul.reply > li.current:hover {
  background: #e9f5f6;
}
.article_reply div.reply_wrap ul.reply > li div.form_wrap {
  margin-right: 162px;
}
.article_reply div.reply_wrap ul.reply > li div.form_wrap div.wrap_txtarea textarea {
  min-height: 28px;
  height: 28px;
}
.article_reply div.reply_wrap ul.reply > li div.form_wrap.edit div.wrap_txtarea textarea {
  height: 50px;
}

section.classic_detail div.reply_wrap ul.reply > li span.photo {
  left: 24px;
  top: 10px;
}
section.classic_detail ul.reply li div.msg_wrap {
  margin-left: 48px;
}

div.reply_wrap ul.reply li.creat div.wrap_txtarea textarea {
  max-height: 30px;
  min-height: 30px;
}

.article_reply div.reply_wrap ul.reply li.creat {
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  border-top: 1px solid #edecec;
}
.article_reply div.reply_wrap ul.reply li.last {
  margin-bottom: 0;
  border-bottom: 0;
}
.article_reply div.reply_wrap ul.reply li.creat:hover {
  background: #f3f3f3;
}
.article_reply div.reply_wrap ul.reply li.depth_in:hover {
  /*background:#f3f3f3*/
}
.article_reply div.reply_wrap ul.reply li.creat span.btn_minor_s {
  bottom: 10px;
  padding: 4px 8px 3px;
}
.article_reply div.reply_wrap ul.reply li.depth_in {
  padding-left: 53px;
  min-height: 35px;
}
.article_reply div.reply_wrap ul.reply li.depth_in span.photo {
  left: 54px;
}
.article_reply div.reply_wrap ul.reply li.depth_in span.ic_depth {
  /*position:absolute; left:30px; top:15px;*/
  display: none;
}
.article_reply div.reply_wrap ul.reply li.view_option {
  cursor: default;
  padding-bottom: 16px;
  border-color: #eee;
}
.article_reply div.reply_wrap ul.reply li.view_option span.num {
  color: #888;
  margin: 0 0 0 4px;
  font-size: 13px;
}
.article_reply div.reply_wrap ul.reply li.view_option:hover {
  background: none;
  background-image: none;
}
.article_reply div.reply_wrap ul.reply li.creat div.option_display, .article_reply div.reply_wrap ul.reply li.reply_create div.option_display {
  margin: 10px 0;
  padding: 5px;
  position: relative;
  width: auto;
}
.article_reply div.reply_wrap ul.reply li.depth_in div.option_display {
  margin: 10px 0;
  padding: 5px;
  position: relative;
  width: auto;
}
.article_reply div.reply_wrap ul.reply li.depth_in div.option_display ul.file_wrap {
  border-top: 0;
}
.article_reply div.reply_wrap ul.reply li:first-child.creat {
  border-top: 0;
}
.article_reply div.reply_wrap ul.reply li.creat div.option_display ul.file_wrap, .article_reply div.reply_wrap ul.reply li.creat div.option_display ul.img_wrap {
  margin: 10px;
}

/*.article_reply div.reply_wrap ul.reply li.writable_x {border-bottom:1px solid #ccc}*/
/*84 display:none*/
/*--------------------------------------------------------@calendar------------------------------------------------------------------------------*/
table.tb_fix {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  table-layout: fixed !important;
}
table.tb_fix th,
table.tb_fix td {
  padding: 0;
}
table.tb_calendar_admin table.tb_calendar_admin tbody tr td p.desc {
  margin: 0 0 0 20px;
}

/* tb_calendar_admin */
/* // tb_calendar_admin */
/********** layout css **********/
section.container header {
  height: 53px;
  border-bottom: 1px solid gray;
}
section.container header div.colleague span {
  font-weight: bold;
  font-weight: 500;
  font-size: 17px;
}

div.calendar_month div.month_body div.week_schedule {
  height: 110px;
  overflow: hidden;
  position: relative;
  /*min-height:115px*/
}
div.calendar_month div.month_body div.week_schedule table.schedule_row tr th a.btn_schedule_more {
  float: right;
  margin: 0 5px 0 0;
}
div.time_wrap div.real_time {
  position: absolute;
}

/* =silver= */
table.bg_row {
  position: absolute;
  top: 0;
  left: 0;
  height: 99.9%;
  /*min-height:115px*/
}
table.bg_row .on {
  background: #e0f8fa;
}
table.bg_row tbody tr td.scroll_area {
  border: none !important;
  background: url(../images/bg_calendar_last_column.gif) repeat-y 0 0;
}
table.schedule_row {
  position: relative;
}
table.schedule_row span.day {
  cursor: pointer;
  display: inline-block;
  width: 28px;
  padding: 0;
  text-align: center;
  border-radius: 22px;
  margin-left: -8px;
  margin-bottom: 2px;
}
table.schedule_row tbody tr th {
  text-align: left;
  height: 24px;
  padding: 0 0 0 18px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
}
table.schedule_row tbody tr th.today {
  background: tranparent;
}
table.schedule_row tbody tr th.today span.day {
  border-radius: 20px;
  color: #fff;
  background: #1c1c1c;
}
table.schedule_row tbody tr td {
  padding: 0 8px;
  text-align: left;
  height: 20px;
  overflow: hidden;
}
table.schedule_row .scroll_area {
  padding: 0px;
}
table.schedule_row th.holiday_off span.day, table.schedule_row th.holiday_on span.day {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
table.schedule_row th.holiday_off span.note, table.schedule_row th.holiday_on span.note {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
table.schedule_row th.holiday_off span.note {
  color: #888;
}
table.schedule_row th.holiday_on span.note {
  color: #ff000a;
}

/********** common **********/
.schedule_day {
  position: relative;
  margin-left: 1px;
  margin-top: 1px;
  border-radius: 4px;
}

.schedule .chip {
  margin: 0 2px 0 0;
  vertical-align: middle;
  border-radius: 8px;
  width: 4px;
  height: 12px;
}

.schedule_time {
  position: relative;
}

div.schedule_day div.tail_l, div.schedule_day div.tail_r {
  display: none;
  position: absolute;
}
div.schedule_day div.tail_l {
  top: -1px;
  left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 9px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
div.schedule_day div.tail_l div {
  position: absolute;
  top: -9px;
  left: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
div.schedule_day div.tail_r {
  top: -1px;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 9px 9px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
div.schedule_day div.tail_r div {
  position: absolute;
  top: -9px;
  right: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 9px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
div.schedule_day_right {
  margin-right: 10px;
}
div.schedule_day_right div.tail_r {
  display: block;
}
div.schedule_day_left {
  margin-left: 10px;
}
div.schedule_day_left div.tail_l {
  display: block;
}
div.resize {
  position: absolute;
  height: 5px;
  bottom: 0;
  width: 100%;
  cursor: ns-resize;
}
div.resize_icon {
  position: absolute;
  bottom: -2px;
  left: 49%;
  width: 10px;
  height: 3px;
  border-top: 3px double #fff;
  cursor: ns-resize;
}
div.schedule_day a {
  color: #fff;
}

a.schedule {
  display: block;
  height: 17px;
  line-height: 17px;
  padding: 0 8px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
a.schedule > span {
  font-size: 12px;
  vertical-align: top;
}

.chip {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
}
.chip .layer_pallete {
  display: none;
}
.chip.on .layer_pallete {
  display: block;
}

span.me {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 2px 3px 0 0;
  border-radius: 6px;
}
span.chip_schedule > span {
  margin-right: 1px;
}
span.time {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}

.schedule_row .today {
  background: transparent;
  border: 0;
}

.sun,
.holi {
  color: #ff000a !important;
}
.sun span.day,
.holi span.day {
  color: #ff000a !important;
}

.before span.day,
.next span.day {
  color: #bbb;
}

.holiday_on span.day {
  color: #ff000a;
}

div.real_time {
  height: 1px;
  background: #333;
  width: 100%;
  left: 70px !important;
  z-index: 99999;
}
div.real_time:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: -3px 0 0 -3px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #333;
}

.calendar_tool_bar ul.tab_nav li.on {
  border-color: #000;
}
.calendar_tool_bar .timezone {
  color: #aaa;
  font-size: 11px;
  font-family: arial;
}
.calendar_tool_bar div.optional > ul li {
  float: left;
  margin-right: 2px;
}
.calendar_tool_bar div.optional > ul li span.btn_tool {
  position: relative;
  /* padding:7px 15px; */
  cursor: pointer;
}
.calendar_tool_bar div.optional > ul li span.btn_tool span.ic {
  /*position:absolute; top:3px; left:15px*/
  vertical-align: middle;
}
.calendar_tool_bar div.optional > ul li span.btn_tool span.txt {
  vertical-align: middle;
}

/********** week **********/
div.calendar_week div.day_schedule {
  position: relative;
  border-bottom: 1px solid #ddd;
}
div.calendar_week div.day_schedule table.bg_row tbody tr td {
  height: 100%;
}
div.calendar_week div.day_schedule table.bg_row tbody tr th {
  width: 70px;
  border-right: 1px solid #ddd;
}
div.calendar_week div.day_schedule table.schedule_row th {
  width: 70px;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  height: auto;
  text-align: center;
  padding: 8px 0;
}

.calendar_week .day {
  padding: 2px 8px;
  border-radius: 20px;
}

div.calendar_week div.week_body_wrap {
  overflow: hidden;
  position: relative;
  overflow-y: scroll;
}
div.calendar_week div.week_body_wrap .drag_bar {
  cursor: s-resize;
  text-align: left;
  position: absolute;
  opacity: 0.5;
  background-color: rgb(67, 160, 227);
  border-radius: 4px;
  width: 176px;
  height: 61px;
  color: rgb(255, 255, 255);
  font-weight: bold;
}
div.calendar_week thead tr th {
  border-bottom: 1px solid #ddd;
  height: 30px;
  font-weight: normal;
  font-size: 13px;
}
div.calendar_week table.tb_week_header tr th {
  border-bottom: 1px solid #ddd;
  height: 44px;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  vertical-align: middle;
}
div.calendar_week table.tb_week_header tr th.today {
  border-bottom: 1px solid #ddd;
  height: 44px;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
  background: #fff;
}
div.calendar_week table.tb_week_header tr th.today .day {
  color: #fff;
  background: #111;
}
div.calendar_week table.tb_week_header tr th:first-child {
  width: 70px;
}
div.calendar_week table.tb_week_header tr.row td {
  border-left: 1px solid #ddd;
}
div.calendar_week table.tb_week_header tr.row td.cell {
  overflow: hidden;
  height: 20px;
  padding: 0 1px;
  vertical-align: bottom;
  border-bottom: none;
}
div.calendar_week table.tb_week_body {
  position: absolute;
  top: -1px;
  left: 0;
}
div.calendar_week table.tb_week_body tr.cols td {
  border-left: 1px solid #eee;
}
div.calendar_week table.tb_week_body tr td div.hour_wrap {
  position: relative;
  height: 100%;
}
div.calendar_week table.tb_week_body tr td div.timeline_wrap {
  width: 100%;
  position: absolute;
  margin-top: 0px;
}
div.calendar_week table.tb_week_body tr td div.timeline_wrap div.timeline {
  border-bottom: 1px dashed #eee;
  height: 30px;
  width: 100%;
}
div.calendar_week table.tb_week_body tr td div.timeline_wrap div.timeline:first-child {
  padding-top: 1px;
}
div.calendar_week table.tb_week_body tr td div.timeline_wrap div.timeline:nth-child(even) {
  border-bottom: 1px solid #eee;
}
div.calendar_week table.tb_week_body tr td.time_wrap {
  position: relative;
}
div.calendar_week table.tb_week_body tr.cols th div.time_wrap div.time {
  position: relative;
  top: -30px;
  text-align: right;
  padding: 0 10px 0;
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  font-family: tahoma;
  font-weight: normal;
}
div.calendar_week table.tb_week_body tr.cols th div.time_wrap div.time:first-child {
  padding-top: 1px;
  top: -20px;
}
div.calendar_week table.tb_week_body tr.cols th div.time_wrap div.time a.btn_timeline_hide {
  position: absolute;
  top: 14px;
  left: 23px;
}
div.calendar_week table.tb_week_body tr.cols th div.time_wrap div.time a.btn_timeline_show {
  position: absolute;
  top: 19px;
  left: 23px;
}
div.calendar_week table.tb_week_body tr.cols td {
  vertical-align: top;
}
div.calendar_week table.tb_week_body tr.cols td.today {
  font-weight: normal;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap {
  position: relative;
  margin: 0 14px 0 0;
  height: 1441px;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  border-radius: 6px;
  outline: 1px solid #fff;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time:hover {
  padding-bottom: -4px;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time p {
  color: #fff;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time p.head {
  overflow: hidden;
  white-space: nowrap;
  margin: -2px 4px 0;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time p.head span.time {
  font-weight: normal;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time p.content {
  margin: -4px 4px 0;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.3;
}
div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.schedule_time a {
  color: #fff;
}
div.schedule_time span.ic_lock {
  position: relative;
  top: -1px;
  margin-right: 2px;
}
div.schedule_day span.ic_lock {
  position: relative;
  top: 0;
  margin-right: 2px;
  background-position: -120px -80px;
}
div.calendar_week table.tb_week_body tbody tr th {
  width: 70px;
  vertical-align: top;
}

.schedule_time {
  border: 0;
}
.schedule_time .schedule .time {
  margin-right: 4px;
  font-size: 12px;
}
.schedule_time > a {
  padding: 0 2px;
}

@-moz-document url-prefix() {
  div.calendar_week div.day_schedule table.bg_row tbody tr th:first-child, div.calendar_week div.day_schedule table.schedule_row th:first-child {
    width: 69px !important;
  }
  div.calendar_week table.tb_week_body tr.cols th div.time_wrap div.time:first-child {
    padding-top: 1px;
  }
  div.calendar_week table.tb_week_body tr td div.timeline_wrap {
    margin-top: 0;
  }
}
/********** calendar_day ***********/
div.calendar_week table.tb_day_body tr td div.timeline_wrap {
  margin-top: 0.5px;
  *margin-top: 1px;
}
div.go_asset ul.name_tag li.default_option span.info ins {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/ic_con.png) no-repeat -296px -55px;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols td.past > div, div.go_asset div.calendar_week table.tb_week_header tr th.past span.txt {
  filter: Alpha(Opacity=40);
  opacity: 0.4;
  cursor: default;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.single {
  position: absolute;
}
div.go_asset div.resize {
  display: none;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap {
  margin-right: 0px;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap div.single p.content {
  left: 44px;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols th {
  vertical-align: top;
}
div.go_asset div.calendar_week table.tb_week_body tr.cols td div.schedule_wrap {
  /*height:auto;*/
  overflow: hidden;
}
div.go_asset div.content_info_wrap ul.simple_info > li {
  width: 80%;
}
div.go_asset ul.simple_info li {
  background: none;
}
div.go_asset .content_top ul.name_tag.calendar_tag li.desc .btn_wrap {
  margin: 0;
}

/********** asset time table **********/
/* agenda */
.tb_agenda thead tr th {
  border-top: 1px solid #ddd;
}
.tb_agenda thead tr th.day {
  width: 120px;
}
.tb_agenda thead tr th.time {
  width: 180px;
}
.tb_agenda thead tr th.subject {
  width: 300px;
}
.tb_agenda tbody tr th {
  width: 120px;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  vertical-align: top;
  padding: 12px 24px;
}
.tb_agenda tbody tr td {
  border-bottom: 1px solid #eee !important;
  vertical-align: top;
}
.tb_agenda tbody tr:hover td {
  background: #fff !important;
}
.tb_agenda tbody tr td a.schedule span.color span.me {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 6px;
  height: 6px;
}
.tb_agenda tbody tr td div.time {
  position: relative;
}
.tb_agenda tbody tr td div.time a.btn_scehdule_end {
  position: absolute;
  top: 0;
  left: -8px;
}
.tb_agenda tbody tr td div.time a.btn_scehdule_start {
  position: absolute;
  top: 0;
  right: -8px;
}
.tb_agenda tbody tr td span.time {
  font-size: 14px;
}
.tb_agenda tbody tr th {
  background: #fff;
}
.tb_agenda .ic_lock {
  margin: -2px 3px 0 -2px;
}
.tb_agenda span.chip, .tb_agenda span.me {
  margin-top: 6px;
}
.tb_agenda .ehr_info a {
  padding: 0;
  font-size: 14px;
}
.tb_agenda tbody tr td {
  padding: 12px 16px !important;
}

/********** agenda **********/
table.tb_search_result {
  margin: 30px 0 0 0;
}
table.tb_search_result th.day {
  width: 130px !important;
}

div.content_search_wrap + div.calendar_body > table.tb_search_result {
  margin-top: 0;
}
div.dashboard_comm {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
div.list_type6 {
  border-bottom: 1px solid #eff0f1;
  padding-bottom: 15px;
}
div.list_type6 p.tit {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  padding: 15px 16px 8px;
}
div.list_type6 ul li {
  position: relative;
  padding: 3px 18px;
}
div.list_type6 ul li span.list_subject {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.list_type6 ul li span.ic_new2 {
  vertical-align: top;
  margin: -1px 0 0 5px;
  margin-top: -2px\9 ;
}
div.list_type6 ul li span.ic_lock {
  vertical-align: top;
  margin: -2px 3px 0 0;
}
div.list_type6 ul li p.data_null {
  padding: 10px;
}
div.list_type6 ul li a {
  vertical-align: top;
  display: inline;
  width: auto;
}
div.list_type6 ul li span.date {
  position: absolute;
  top: 6px;
  right: 18px;
  line-height: 1;
  top: 1px\9 ;
}

/*--------- comm home list renew 2013.09.10 ----------*/
span.wrap_reply span.count {
  display: inline-block;
  margin-left: 3px;
  color: #4693a3;
  color: #2eacb3;
  font-family: arial;
}

.comm_home {
  position: relative;
  margin-right: 312px;
}

.approval_comm .comm_home {
  margin-right: 0;
}

.comm_side {
  float: right;
  width: 260px;
}

.comm_home div.meta_wrap a.plus_wrap,
a.plus_wrap {
  border: none;
}

.comm_list ul.article_list > li {
  border-top: 1px solid #eee;
  border-bottom: 0;
  margin: 10px 12px;
}
.comm_list ul.article_list > li div.meta_wrap {
  top: 12px;
  right: 12px;
  margin: 0;
}
.comm_list ul.article_list > li div.article_wrap {
  margin-right: 80px;
}

.comm_home ul.article_list > li.no_focus:hover {
  background-color: #fff;
}

.comm_list ul.article_list > li.read_no .info .name {
  font-weight: bold;
  font-weight: 500;
}

.comm_home div.article_wrap div.info a.name {
  font-weight: normal;
}
.comm_home div.article_wrap div.info span.category {
  font-size: 12px;
}
.comm_home div.bottom_action {
  margin: 30px 10px;
}
.comm_home .btn_list_reload {
  padding: 10px 0;
  box-sizing: border-box;
  width: 100%;
}

section.board_home div.home_tab_wrap {
  margin-bottom: 20px;
}
section.comm_home div.article_wrap p.title a {
  font-weight: bold;
  font-weight: 500;
  color: #888;
}
section.comm_home div.home_content a {
  color: #333;
}
section.comm_home div.article_wrap p.title {
  margin-bottom: 3px;
}

div.article_wrap div.article {
  margin-bottom: 3px;
}

section.comm_home a.plus_wrap span.num {
  font-size: 18px;
}
section.comm_home div.meta_wrap a.plus_wrap {
  width: 64px;
}

a.plus_wrap {
  width: 64px;
}

div.home_tab_wrap {
  height: 32px;
  margin-bottom: 20px;
}

ul.comm_home_tab {
  overflow: hidden;
}
ul.comm_home_tab li {
  float: left;
  margin-left: 8px;
  background: none;
  padding: 6px 12px;
  border: 1px solid #cfd1d4;
  color: #4a4b4c;
  font-size: 13px;
  border-radius: 20px;
}
ul.comm_home_tab li:first-child {
  margin: 0;
}
ul.comm_home_tab li:hover {
  cursor: pointer;
}
ul.comm_home_tab li span.txt {
  color: #4a4b4c;
  font-size: 13px;
}
ul.comm_home_tab li .txt .num {
  margin-left: 4px;
}
ul.comm_home_tab li.active {
  background: #38393a;
  border: 1px solid #38393a;
}
ul.comm_home_tab li.active .txt {
  font-weight: bold;
  font-weight: 500;
  color: #fff;
}

.approval_comm .home_list a.name {
  display: block;
  margin-bottom: 2px;
}
.approval_comm .home_list span.date {
  display: inline-block !important;
  margin: 0;
  color: #999;
  font-size: 12px !important;
}
.approval_comm .home_list span.doc_type {
  color: #999;
  font-size: 12px !important;
}
.approval_comm .home_list > li div.file_wrap {
  margin: 0 0 0 65px;
}

.comm_side h2 {
  font-weight: bold;
  font-weight: 500;
  font-size: 14px;
  color: #333;
}
.comm_side div.header {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e6e6e6;
}
.comm_side div.header h2 {
  display: inline-block;
  font-size: 13px;
}
.comm_side .select_wrap {
  position: relative;
  margin: 10px;
  overflow: visible;
  z-index: 1;
}
.comm_side .select_wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}
.comm_side .select_wrap:hover {
  cursor: pointer;
}
.comm_side .select_wrap:hover ul.gp_select_list {
  display: block;
}

ul.gp_select_list {
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  width: 223px;
  background-color: #f3f3f3;
  border: 1px solid #d6d6d6;
  border-top: 0;
  padding-bottom: 5px;
  padding-top: 5px;
}
ul.gp_select_list li {
  background-color: #f3f3f3;
  padding: 4px 0 4px 8px;
  box-sizing: border-box;
}
ul.gp_select_list li span.txt {
  color: #777;
}
ul.gp_select_list li:hover {
  cursor: pointer;
  background: #dfdfdf;
}
ul.gp_select_list li:hover span.txt {
  color: #222;
}
ul.comm_group_list {
  margin-bottom: 20px;
  margin-left: 1px;
}
ul.comm_group_list li {
  margin-top: 12px;
  padding: 20px 24px;
  border: 1px solid #eaecef;
  border-radius: 12px;
  position: relative;
}
ul.comm_group_list li:first-child {
  margin-top: 0;
}
ul.comm_group_list li:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
ul.comm_group_list li .wrap_info span {
  display: block;
  margin-top: 3px;
}
ul.comm_group_list li .wrap_info span.no {
  font: bold arial;
  color: #666;
}
ul.comm_group_list li .wrap_info span.title {
  margin-bottom: 5px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 130px;
}
ul.comm_group_list li .wrap_info span.master {
  padding-left: 12px;
  font: bold arial;
  color: #888;
}
ul.comm_group_list li .wrap_info span.date {
  padding-left: 12px;
  font: arial;
  color: #888;
}
ul.comm_group_list li .wrap_meta {
  position: absolute;
  right: 10px;
  top: 16px;
  text-align: right;
}
ul.comm_group_list li .wrap_meta > span {
  margin-left: 5px;
}
ul.comm_group_list li .wrap_meta span.count {
  color: #2eacb3;
  font-family: arial;
  line-height: 100%;
}
ul.comm_group_list li .wrap_meta span.wrap_member span, ul.comm_group_list li .wrap_meta span.wrap_reply span {
  vertical-align: top;
}

.comm_home ul.home_list p.data_null {
  width: 100%;
}

table.type_normal.comm_join_list tr td span.ic_new2 {
  margin-top: -2px;
}
table.type_normal.comm_all_list tr.detail_info td ul li span.date {
  position: relative;
  display: inline-block;
  margin-top: 3px;
  line-height: 1.5;
  top: 0;
  left: 0;
}
table.type_normal.comm_all_list tr.detail_info td ul li span.manager {
  display: inline-block;
  font-weight: normal;
}
table.type_normal.comm_all_list + .tool_bar .dataTables_length {
  display: none;
}
table.comm_join_list .comm {
  width: px;
}
table.comm_join_list td.comm {
  text-align: left;
}
table.comm_join_list .talk {
  width: 100px;
}
table.comm_join_list .num {
  width: 70px;
}
table.comm_join_list .new {
  width: 120px;
}
table.comm_join_list .action {
  width: 40px;
}

/*--------- write target ----------*/
div.target_wrap {
  padding: 10px 15px 10px 20px;
  margin-bottom: 7px;
  border-bottom: 1px solid #ddd;
}
div.target_wrap span.txt {
  font: bold 14px verdana;
  color: #888;
}
div.target_wrap select {
  border-radius: 3px;
  font-weight: bold;
  font-weight: 500;
  min-width: 120px;
  max-width: 200px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  margin-right: 5px;
}
div.target_wrap select option {
  font-weight: bold;
  font-weight: 500;
  color: #666;
}
div.target_wrap span.spacer {
  display: inline-block;
}
div.feed_wrap {
  min-width: 650px;
  max-width: 1200px;
  width: 80%;
  margin-left: 0;
}
div.feed_write_wrap {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
div.feed_write_wrap div.write_wrap {
  position: relative;
  margin-right: 170px;
}
div.feed_write_wrap div.btn_tool_wrap {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
}
div.feed_write_wrap div.btn_tool_wrap ul.btn_tool {
  margin-left: 10px;
  height: 31px;
  background: #fff;
  padding: 0;
  border: 1px solid #ddd;
}
div.feed_write_s {
  position: relative;
  float: left;
  width: 100%;
  min-width: 500px;
}
div.feed_write_b {
  position: relative;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

/*-----------------------  feed layout  --------------------------*/
.feed_write_b .file_wrap > li .item_file .name {
  max-width: 70%;
}

div.feed_write_b textarea {
  border-color: #fff;
  background: #fff;
  margin: 0px 0px 5px;
  min-height: 80px;
  max-height: 100%;
  display: block;
  padding: 5px;
  width: 100%;
  -moz-box-sizing: border-box;
}
div.feed_write_b textarea:hover {
  border-color: #fff;
}
div.feed_write_b div.action_wrap {
  position: relative;
  margin: 0;
  height: 32px;
}
div.feed_write_b div.action_wrap .optional {
  position: absolute;
  top: 0;
  right: 0;
}
div.feed_write_b div.action_wrap .optional .size {
  font-size: 12px;
  vertical-align: middle;
}
div.feed_write_b div.action_wrap .optional > .btn_ic24 {
  margin: -3px 8px 0 0;
}
div.feed_write_b span.btn_feedwrite {
  border-radius: 2px;
  float: right;
}
div.feed_write_b span.btn_action_wrap {
  float: left;
  margin: 3px 0 0 0;
}
div.feed_write_b span.btn_action_wrap .btn_action {
  margin: 0 2px 0 0;
}
div.feed_write_b span.btn_action_wrap .wrap_ic_s {
  vertical-align: top;
  padding: 0;
  margin: 1px 0 0 0;
}
div.feed_write_b p.data_null {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -65px;
  margin-left: -200px;
}
div.feed_write_b div.option_display {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 0;
  padding: 0;
}
div.feed_write_b div.option_display .file_wrap > li .item_file {
  padding-left: 0;
  padding-right: 0;
}
div.feed_write_b div.file_wrap ul.file_wrap {
  margin-left: 10px;
}

.feed_write_b .dd_attach {
  max-height: auto;
  border: 0;
  overflow-y: hidden;
}

div.feed_wrap span.textarea_edit textarea {
  height: 28px;
}
div.feed_wrap div.array_wrap input.txt_mini {
  margin-top: -5px;
  height: 16px;
}

.feed_wrap .array_wrap .option_wrap .txt_date {
  width: 100px;
  height: 26px;
}

@media \0 screen {
  div.feed_wrap div.array_wrap input.txt_mini {
    margin-top: -8px;
  }
}
/* IE8 hack */
span.btn_action {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 12px;
}
span.action_off {
  background-color: #fff;
  border-color: #d9d9d9;
  color: #999;
  border: 0;
}
span.btn_action label,
span.btn_action input {
  vertical-align: middle;
}

div.feed_write_s span.btn_feedwrite {
  position: absolute;
  bottom: 0;
  right: 0;
}
div.feed_contents_wrap {
  position: relative;
}
div.feed_write input.to_talk {
  float: left;
  border-right: none;
  margin-right: 120px;
}
div.feed_write span.btn_feedwrite {
  position: absolute;
  right: 0;
  top: 0;
}

input.to_talk {
  display: inline-block;
  width: 90%;
  border: 1px solid #7fbcbe;
  /*border-bottom-color:#cbcbcb; border-top-color:#e1e1e1; */
  height: 30px;
  line-height: 30px;
  text-indent: 5px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px 0 0 5px;
}
input.to_talk:hover {
  border-width: 1px;
}

.lnb .star .title > input {
  margin-top: 1px;
}

div.array_wrap {
  display: block;
  margin-bottom: 20px;
  height: 26px;
}
div.array_wrap:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
div.array {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
div.array_wrap div.array {
  float: left;
  margin-right: 5px;
}
div.array span.title {
  display: block;
  width: 110px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  padding: 6px 6px 4px 6px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}
div.array span.title ins {
  position: absolute;
  top: 12px;
  right: 14px;
}
div.array:hover span.title {
  border: 1px solid #5e5e5e;
  border-radius: 3px 3px 0 0;
}
div.array ul.array_type {
  display: none;
}
div.array:hover ul.array_type {
  position: absolute;
  width: 120px;
  top: 25px;
  top: 23px\0 IE8;
  left: 0;
  background-color: #fff;
  display: block;
  padding: 5px 0 0 0;
  border-radius: 0 0 3px 3px;
  border: 1px solid #5e5e5e;
  border-top: 1px solid #999;
  z-index: 1;
}
div.array:hover ul.array_condition {
  width: 122px;
}
div.array ul.array_type span.ic_del {
  position: relative;
  top: 4px;
}

ul.array_type li {
  position: relative;
  padding: 8px 16px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  min-height: 36px;
  line-height: 20px;
}
ul.array_type li input[type=checkbox] {
  margin: 0 8px 0 0;
}
ul.array_type li:hover {
  background-color: #eee;
}

div.array_wrap span.option_wrap {
  display: inline-block;
  position: relative;
}
div.array_wrap span.option_wrap span.ic_calendar {
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 8px;
}
div.array_wrap span.desc {
  margin-top: 5px;
}
div.array_wrap input.txt_mini {
  font-family: arial;
  border-color: #dfdfdf;
  margin-top: 0;
  font-size: 12px;
  color: #333;
  padding: 4px;
}
div.array_wrap input.txt_mini::-webkit-input-placeholder {
  color: #999;
}
div.array_wrap input.txt_date {
  font-family: arial;
  width: 80px;
  border-color: #dfdfdf;
  margin-top: 0 !important;
  font-size: 12px;
  color: #333;
  padding: 4px 4px 4px 30px;
  vertical-align: top;
  line-height: 1.5;
  height: 16px;
}
div.array_wrap input.txt_date:focus, div.array_wrap input.txt_date:active {
  font-family: arial;
  width: 80px;
  border-color: #dfdfdf;
  margin-top: 0 !important;
  font-size: 12px;
  color: #333;
  padding: 4px 4px 4px 30px;
  vertical-align: top;
  line-height: 1.5;
  height: 16px;
}

.array_option {
  display: inline-block;
  min-width: 100px;
  border-radius: 4px;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);
  background: #fff;
}
.array_option .tit {
  padding: 16px 16px 0px;
  font-size: 12px;
  color: #aaa;
  text-align: left;
}
.array_option ul.array_type > li {
  position: relative;
  text-align: left;
}
.array_option ul.array_type > li span.ic_check {
  position: absolute;
  top: 10px;
  right: 8px;
}
.array_option ul.array_type > li span.ic_check:hover {
  background-position: -50px -400px;
}
.array_option ul.array_type > li:hover {
  cursor: pointer;
  background-color: #eee;
  color: #000;
}
.array_option ul.array_type > li.depart_line {
  padding: 0;
}
.array_option ul.array_type > li.last {
  padding-bottom: 7px;
  border-radius: 0 0 3px 3px;
}
.array_option ul.group_set > li {
  position: relative;
  padding: 2px 30px 3px 10px;
}
.array_option ul.group_set > li:first-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.array_option ul.group_set > li:hover {
  cursor: pointer;
  background-color: none;
  color: #4d5d75;
}
.array_option ul.group_set > li:hover:first-child {
  border-radius: 3px 3px 0 0;
}
.array_option ul.group_set > li ul.data_set li.data {
  padding-top: 2px;
}
.array_option div.add_option {
  background: #fff;
  padding: 8px 16px;
  margin-left: 10px;
}
.array_option.context_depth {
  width: 180px;
}

.context_mailbox_detail {
  width: 250px !important;
  max-width: 250px !important;
}
.context_mailbox_detail div.list_wrap {
  width: 219px !important;
  max-width: 219px !important;
  border: 0;
  background: none;
  padding: 0;
}
.context_mailbox_detail ul.side_depth span.txt {
  white-space: nowrap;
}
.context_mailbox_detail ul.side_depth li {
  font-weight: normal !important;
}
.context_mailbox_detail ul.side_depth li:first-child {
  font-weight: normal !important;
}
.context_mailbox_detail ul.side_depth li p > a {
  display: inline-block;
  padding-top: 1px;
  max-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.context_mailbox_detail ul.side_depth li p.title:hover {
  border-radius: 2px;
}
div.context_mailbox_detail ul.side_depth li p.on:hover {
  background-color: #2eacb3;
}
div.context_mailbox_detail ul.side_depth li p.on:hover > a > span.txt {
  color: #fff;
}
div.context_mailbox_detail ul.side_depth li p.on > a > span.txt {
  color: #fff;
}

/*=============== go_survey ===============*/
/* survey home dashboard */
.card_item div.card_wrapper span.number {
  display: none;
  line-height: 1;
  font-size: 11px;
  color: #757575;
  font-family: tahoma;
}
.card_item div.card_wrapper span.state {
  padding: 4px;
  margin-right: 5px;
  width: auto;
  font-size: 12px;
}
.card_item div.card_wrapper span.ic_appr_receive {
  vertical-align: middle;
  margin: 0 0 -1px 2px;
}
.card_item div.card_wrapper span.title {
  display: block;
  line-height: 1.4;
  font-size: 20px;
  color: #1c1c1c;
  letter-spacing: -1px;
  margin: 6px 0 0;
  font-weight: bold;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card_item div.card_wrapper span.t_card {
  display: inline-block;
  max-width: 260px;
}
.card_item div.card_wrapper span.t_card .ic_exclamation {
  width: 3px;
  height: 15px;
  background-position: -288px -100px;
  vertical-align: top;
  margin: 6px 4px 0 0;
}
.card_item div.card_wrapper span.pop_card {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.card_item div.card_wrapper span.pop_card:hover {
  background: #eee;
}
.card_item div.card_wrapper span.pop_card .ic_blank {
  margin: 0 0 0 6px;
}
.card_item div.card_wrapper span.date {
  margin-top: 6px;
  color: #4a4b4c;
  font-size: 13px;
}

.survey_home_card .form_s th {
  width: 56px;
  letter-spacing: 0;
}
.survey_home_card .form_s td .rate {
  font-family: verdana;
}

.dashboard_survey div.card_wrapper table.form_s td {
  letter-spacing: 0;
}

.survey_home_card {
  position: relative;
}
.survey_home_card .card_action {
  margin: 0;
  width: 100%;
  text-align: center;
}

.dashboard_box .card_item_wrapper .approval_home_card div.card_wrapper,
.dashboard_box .card_item_wrapper .docs_card_item div.card_wrapper,
.dashboard_box .card_item_wrapper .survey_home_card div.card_wrapper,
.dashboard_box .card_item_wrapper .report_home_card div.card_wrapper {
  border: 1px solid #cfd1d4;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
}

.survey_home_card .card_item div.card_wrapper span.title {
  overflow-y: hidden;
  max-height: 53px;
}

.card_item.survey_home_card {
  width: 220px;
}

.approval_home_card span.number, .approval_home_card span.date {
  font-size: 12px !important;
}
.approval_home_card div.card_wrapper span.date {
  margin: 0;
  color: #333;
  font-size: 13px;
}

.survey_home_card div.card_wrapper .card_content {
  min-height: 70px;
}

.approval_home_card .card_content {
  min-height: 116px !important;
}

/* survey view */
.survey_detail div.article_wrap div.info .part {
  margin-left: 0;
}
.survey_detail div.article_wrap span .photo {
  display: none;
}
.survey_detail .article_header {
  border-top: 1px solid #eaecef !important;
}

div.info_survey div.info_wrap {
  position: relative;
  margin: 0 300px 0 20px;
}
div.info_survey div.action_wrap {
  float: right;
  margin-top: 26px;
}
div.info_survey .info_wrap .txt {
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 8px 16px;
}
div.info_survey .info_wrap .txt strong {
  display: block;
  font-size: 20px;
}

p.guide_txt {
  display: block;
  padding: 6px 8px;
}

div.survey_box {
  margin-bottom: 20px;
}

span.question {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  padding: 10px 0 8px 0;
}

div.survey_box ul.survey > li {
  list-style: none;
  margin-top: 30px;
}
div.survey_box ul.survey > li span.question {
  display: block;
}
div.survey_box ul.survey > li:first-child {
  margin-top: 0;
}

ul.wrap_answer,
div.wrap_answer {
  margin: 0 22px;
}

ul.wrap_answer li {
  list-style: none;
}
ul.wrap_answer li.creat span.btn_wrap {
  padding: 5px 0;
}
ul.wrap_answer li.creat span.ic_addlist {
  margin-left: 0;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 4px;
}
ul.wrap_answer li.etc span.btn_creat span.txt {
  padding: 6px 0;
}
ul.wrap_answer li.etc span.wrap_txt input.wfix_max {
  width: 448px;
}
ul.wrap_answer li.etc span.wrap_label {
  margin: 0 5px 0 3px;
  padding: 7px 0 4px !important;
  vertical-align: top;
  line-height: 1;
}
ul.wrap_answer li.etc span.wrap_txt input[type=radio] {
  vertical-align: top;
  margin-top: 6px;
  line-height: 1;
}

/* ul.wrap_answer li.etc span.btn_creat:hover span.txt {color:#} */
.ranking {
  overflow: hidden;
}
.ranking li {
  float: left;
  margin-left: 20px;
}
.ranking li:first-child {
  margin-left: 0;
}
.ranking li span.wrap_option {
  text-align: center;
}
.ranking li span.wrap_option input {
  display: block;
  margin: 0 0 5px;
}
.ranking li label {
  font: 14px tahoma;
  color: #666;
}

div.survey_action {
  padding: 10px 24px;
  text-align: center;
}
div.survey_action .btn_major,
div.survey_action .btn_minor {
  padding: 10px 25px 9px;
}
div.survey_action .btn_major span, div.survey_action .btn_major:hover span {
  color: #fff;
  vertical-align: baseline;
  line-height: 1.2;
}
div.survey_action .btn_minor span, div.survey_action .btn_minor:hover span {
  color: #656565;
  vertical-align: baseline;
  line-height: 1.2;
}

/* survey table list */
table.list_survey tr td.list_subject span.txt {
  display: inline;
}
table.list_survey tr.notyet td {
  background-color: #fff6f7;
}
table.list_survey tr td.rate strong {
  color: #00aab3;
}

span.necess {
  color: #ff616b;
}
span.state {
  display: inline-block;
  padding: 4px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  letter-spacing: -1px;
  line-height: 11px;
  height: auto;
  font-size: 12px;
  vertical-align: middle;
  padding: 2px 2px 4px\0 /IE9;
}
span.state .ic_drop_d {
  vertical-align: middle;
  margin: 0 0 0 2px;
}
span.refer {
  display: inline-block;
  width: auto;
  padding: 4px;
  color: #888;
  border-radius: 2px;
  vertical-align: middle;
  line-height: 9px;
  font-size: 12px;
}
span.state.notyet {
  background-color: #fff;
  border: 1px solid #e7c6fa;
  color: #c271f3;
}
span.state.temp {
  background-color: #fff;
  border: 1px solid #9ed6ff;
  color: #0d99ff;
}
span.state.pause, span.state.finish, span.state.finished {
  background-color: #fff;
  border: 1px solid #d8dadc;
  color: #9b9c9e;
}
span.state.etc {
  background-color: #78a2e4;
  border: 1px solid #78a2e4;
}
span.state.read, span.state.ongoing {
  background-color: #fff;
  border: 1px solid #9de9b4;
  color: #0ac943;
}
span.state.ghost {
  background: none;
  border: 1px solid #ccc;
  color: #888;
}
span.state.delay, span.state.cancel {
  background-color: #fff;
  border: 1px solid #ffcaa4;
  color: #fe7b1c;
}

@media \0 screen {
  span.state {
    padding: 3px 0;
  }
}
.state.return {
  background-color: #fff;
  border: 1px solid #f8abab;
  color: #ee2e2e;
}
.state.emergency {
  background-color: #fff;
  border: 1px solid #f8abab;
  color: #ee2e2e;
}

span.state.wait, span.state.standby {
  background-color: #fff;
  border: 1px solid #9ed6ff;
  color: #0d99ff;
}
span.state.defer {
  background-color: #fff;
  border: 1px solid #ffcaa4;
  color: #fe7b1c;
}

.state.default .txt {
  color: #333;
}

span.refer {
  letter-spacing: -1px;
  color: #888;
  border: 1px solid #ddd !important;
}

.card_item div.card_wrapper span.state {
  padding-top: 4px\0 /IE9;
  padding-bottom: 2px\0 /IE9;
}

/* IE9-10 */
ul.survey_list > li {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 16px 0;
}
ul.survey_list > li div.action_wrap {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}

span.drag_area {
  display: none;
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -25px;
  width: 10px;
  height: 50px;
  background: url(../images/bg_move_big.png) no-repeat 0 0;
}
span.drag_area:hover {
  cursor: move;
}

ul.survey_list > li:hover {
  background-color: #fdfdfd;
  border-color: #eaecef;
}
ul.survey_list > li:hover div.action_wrap,
ul.survey_list > li:hover span.drag_area {
  display: block;
}
ul.survey_list > li:first-child:hover {
  cursor: default;
}
ul.survey_list > li.action {
  border: none;
  background-color: #fff;
}
ul.survey_list > li.action:hover {
  box-shadow: none;
}
ul.survey_list > li table.form_type {
  margin: 0;
}
ul.survey_list > li div.question input.readonly {
  font-weight: bold;
  font-weight: 500;
}
ul.survey_list > li.sortable:hover {
  box-shadow: 0 1px 3px rgba(100, 100, 100, 0.2);
  cursor: move;
}
ul.survey_list > li.sortable:hover span.drag_area,
ul.survey_list > li.sortable:hover div.action_wrap {
  display: block;
}
ul.survey_list > li.drag_on {
  outline: #e3dc86 solid 1px;
  background-color: #fffde5;
}
ul.survey_list > li.drag_on div.action_wrap, ul.survey_list > li.drag_on:hover div.action_wrap {
  display: none;
}
ul.survey_list > li.drag_on span.drag_area {
  display: block;
}

/* survey form write */
table.form_survey {
  margin-top: -7px;
}
table.form_survey thead tr th.title_survey {
  padding: 20px 0 10px;
  font-weight: bold;
  font-weight: 500;
  font-size: 16px;
  box-shadow: inset 0 2px 1px rgba(100, 100, 100, 0.1);
}
table.form_survey td {
  background-color: transparent;
}
table.form_survey th {
  background-color: transparent;
  width: 100px;
}
table.form_survey th span.title {
  color: #333;
  font-weight: bold;
  font-weight: 500;
}
table.form_survey .wrap_answer {
  margin-left: 0;
}

div.reserach_preview {
  padding-left: 24px;
}
div.reserach_preview p.guide_txt {
  margin: 0 70px 0 0;
}
div.reserach_preview div.survey_guide {
  margin-bottom: 0;
}

ul.survey_list .btn_major,
ul.survey_list .btn_minor {
  padding: 5px 15px 5px;
}
ul.survey_list .wfix_max {
  width: 480px;
}
ul.list_option li {
  margin-top: 5px;
}
ul.list_option li:first-child {
  margin-top: 0;
}
ul.list_option li .btn_border {
  display: inline-block;
}
ul.list_option li span.major {
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  padding-top: 6px;
  vertical-align: top;
}

/* survey detail */
div.survey_guide {
  margin-bottom: 30px;
}
div.survey_guide p.guide_txt {
  position: relative;
  margin-bottom: 0;
  padding: 0 0 0 16px;
}
div.survey_guide p.guide_txt span.bullet {
  position: absolute;
  left: 0;
  top: 6x;
}
div.survey_guide ul.file_wrap {
  margin-top: 0;
  margin-left: 16px;
}
div.survey_guide ul.file_wrap li span.name {
  color: #777;
}

.survey_detail div.survey_guide {
  padding: 16px;
  background: #f4f4f4;
}

article.article_survey div.survey_finish {
  text-align: center;
}
article.article_survey div.survey_finish h2 {
  display: inline-block;
  background: url(../images/icon_search_result.png) no-repeat 0 -600px;
  padding: 10px 10px 16px 55px;
  font-weight: bold;
  font-weight: 500;
  font-size: 16px;
  color: #666;
  margin: 25px 0 15px;
}

div.survey_finish + div.survey_action {
  text-align: center;
}

.survey_detail + .tool_bar {
  border-top: 1px solid #ccc;
}

div.wrap_container + .tool_bar,
div.wrap_container + .dataTables_wrapper {
  border-top: 1px solid #ccc;
}
div.wrap_container ul.reply li.reply_edit .form_wrap {
  margin-right: 0px !important;
}
div.classic_detail ul.reply li.reply_edit .form_wrap, div.wrap_container .reply_edit .edit_mode {
  margin-right: 0px !important;
}

.classic_detail .reply_edit .edit_mode,
.feed_wrap .reply_edit .edit_mode,
.build_prev_wrap .reply_edit .edit_mode {
  margin-right: 0px !important;
}

.article_reply div.reply_wrap ul.reply li.depth_in div.form_wrap input.txt_mini {
  box-sizing: border-box;
}
.article_reply div.reply_wrap ul.reply li.reply_edit div.msg_wrap .btn_minor_s {
  position: static !important;
}
.article_reply div.reply_wrap div.edit_reply {
  right: 0px;
}

/* survey result */
.result_survey_info {
  border: 1px solid #ddd;
  padding: 6px 8px;
  border-radius: 5px;
  overflow: hidden;
  width: 485px;
}
.result_survey_info dt,
.result_survey_info dd {
  float: left;
}
.result_survey_info dt {
  margin-left: 80px;
}
.result_survey_info dt:first-child {
  margin-left: 0;
}
.result_survey_info dd {
  margin-left: 5px;
}
.result_survey_info span {
  vertical-align: middle;
  color: #666;
}
.result_survey_info span.number {
  font-weight: bold;
  font-weight: 500;
  font-size: 14px;
}
.result_survey_info span.txt {
  line-height: normal\0 /IE9 !important;
}
.result_survey_info span.gage_wrap {
  width: 120px;
}

.result_survey_list {
  padding: 2px 0;
  margin: 10px 0;
}
.result_survey_list li {
  font: 12px verdana;
  padding: 2px 0;
}
.result_survey_list li span {
  vertical-align: middle;
  color: #666;
}
.result_survey_list li span.number {
  font: bold 11px verdana;
}
.result_survey_list li.top span {
  color: #ff616b;
}

.survey .gage_wrap {
  border-radius: 3px;
  height: 10px;
  width: 200px;
  margin: 0 5px;
}
.survey .gage_wrap .gage {
  border-radius: 3px;
  background: #94dada;
  height: 12px;
  border: 0;
  margin-right: 5px;
}

/*=============== @report ===============*/
/*--report_form--*/
.report_nonscheduled,
.form_report_nonscheduled {
  padding: 15px;
}

table.form_report_nonscheduled th {
  padding-left: 0 !important;
}
table.form_report_nonscheduled tr td ul.file_wrap li {
  line-height: 1.5;
  margin-top: 5px;
}
table.form_report_nonscheduled th {
  width: 120px;
}
table.form_reportfolder_add th {
  width: 120px;
}
table.form_reportfolder_add div.option_display {
  width: auto;
}

.report_nonscheduled {
  padding: 0 24px;
}
.report_nonscheduled .form_report_nonscheduled + .editor {
  padding: 0;
}

.repeat_schedule header {
  width: 100%;
  height: 26px;
}
.repeat_schedule header ul li {
  line-height: 15px;
}

div.repeat_schedule span.txt_day {
  margin: 10px 12px 0 3px;
}
div.repeat_schedule table {
  margin-top: 5px;
}
div.repeat_schedule table td {
  padding: 0 10px 0 0 !important;
}
div.repeat_schedule span.horspace1 {
  width: 12px;
}

.form_type .ic_addlist {
  margin: -2px 2px 0 10px;
}
.form_type .ic_addlist + .txt {
  font-size: 13px;
}
.form_type .wrap_option + .btn_fn7 {
  margin-left: 10px;
}
.form_type br + span.wrap_btn > .ic_addlist {
  margin: 0 3px 0 0;
}

table.form_type tr td div.sign_type_new {
  margin-top: 10px;
}

/*dashboard_report*/
.content_page h1.s_title {
  padding: 24px 0;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -1px;
}
.content_page h1.s_title .ic_info {
  margin: -2px 0 0 8px;
}
.content_page h1.s_title span.desc {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: 돋움, dotum, AppleGothic, Helvetica, sans-serif;
}
.content_page > div:first-child > h1.s_title {
  display: none;
}

.dashboard_box {
  min-height: 20px;
}
.dashboard_box p.desc {
  text-align: center;
  border: 1px solid #eee;
  padding: 56px;
  margin: 0 -24px;
  border-left: 0;
  border-right: 0;
}
.dashboard_box .card_item_wrapper {
  display: inline-block;
}
.dashboard_box .card_item_wrapper p.desc {
  padding-left: 0;
}

.card_item_wrapper:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}

.card_item {
  float: left;
  width: 228px;
  margin: 0 16px 25px 0;
  padding: 0;
  transition: 0.3s;
  background: #fff;
}
.card_item.caution .card_wrapper > header {
  border-top: 5px solid #fb4c49;
}
.card_item .card_wrapper {
  transition: 0.3s;
}
.card_item .form_tr .form_th .txt,
.card_item .form_tr .form_td .txt {
  color: #888;
  font-size: 13px;
}

.slide_contents_warp .card_item:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.3);
}

.card_item div.h_border {
  display: none;
  border-top: 2px solid #eeb28b;
}

div.dashboard_report .card_item div.card_wrapper {
  position: relative;
}

.card_item div.card_wrapper .btn_custom {
  position: absolute;
  top: -10px;
  right: 12px;
  background-color: #7656d6;
  border-color: #7656d6;
  border-radius: 20px;
  padding: 6px 8px;
  padding-top: 3px\9 ;
}
.card_item div.card_wrapper .card_subject,
.card_item div.card_wrapper .card_content {
  padding: 0;
}
.card_item div.card_wrapper .card_subject {
  padding-bottom: 0;
}
.card_item div.card_wrapper .card_content {
  padding-top: 0;
}
.card_item div.card_wrapper header {
  padding: 0;
  border-radius: 6px;
}
.card_item div.card_wrapper time {
  display: block;
}
.card_item div.card_ time.year {
  line-height: 1;
  font-size: 11px;
  color: #757575;
  font-family: tahoma;
}
.card_item div.card_wrapper time.date {
  line-height: 1;
  font-size: 26px;
  color: #484848;
  letter-spacing: -1px;
}
.card_item div.card_wrapper time.year, .card_item div.card_wrapper time.date {
  font-weight: normal;
}
.card_item div.card_wrapper p.folder_type {
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 214px;
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
}
.card_item div.card_wrapper p.folder_type span.times {
  margin-left: 5px;
  color: #999;
  font-weight: normal;
  letter-spacing: -1px;
  font-size: 12px;
}
.card_item div.card_wrapper table.form_s {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  margin-top: 20px;
  margin-top: 4px;
}
.card_item div.card_wrapper table.form_s th {
  width: 60px;
  padding: 3px 3px 3px 0;
  text-align: left;
  color: #9b9c9e;
  letter-spacing: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60px;
  font-size: 13px;
  font-weight: normal;
}
.card_item div.card_wrapper table.form_s td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 143px;
  font-size: 13px;
}
.card_item div.card_wrapper table.form_s td .name {
  letter-spacing: -1px;
  color: #333;
  vertical-align: top;
}
.card_item div.card_wrapper table.form_s td .doc_type {
  display: inline-block;
  letter-spacing: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 230px;
  width: 230px;
  vertical-align: top;
}
.card_item div.card_wrapper table.form_s td span.not {
  margin-left: 5px;
  color: #f54848;
}

/*common-stylle : card item*/
.card_action {
  margin: 50px 10px 0px 10px;
  text-align: center;
}

a.btn_lead {
  display: inline-block;
  padding: 8px 0;
  color: #666;
  background: #f7f7f7;
  border: 1px solid #d9d9d9;
  min-width: 95px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  font-weight: 500;
  vertical-align: middle;
}

.report_detail .card_item_wrapper p.desc {
  margin: 0;
}

.tb_bbs_closed th.partname, .tb_bbs_closed th.bbs_name, .tb_bbs_closed th.period {
  padding-left: 16px;
}
.tb_bbs_closed .check {
  width: 20px;
  min-width: 20px;
}
.tb_bbs_closed .partname {
  min-width: 100px;
  text-align: left;
}
.tb_bbs_closed .period,
.tb_bbs_closed .bbs_name {
  min-width: 200px;
  text-align: left;
}
.tb_bbs_closed .count {
  min-width: 76px;
  text-align: right;
  padding-right: 10px;
}

div.approval_import {
  position: relative;
  /* margin:15px;  */
  min-height: 300px;
  overflow: auto;
}
div.approval_import table {
  width: auto;
}

/*--report_detail--*/
.report_detail .tool_bar ul.optional span.txt {
  display: inline-block !important;
}
.report_detail .permalink {
  padding: 5px 12px 0px 12px;
}

.aside_wrapper header .wrap_swipe {
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

div.wrap_container section.aside_wrapper div.reply_wrap ul.reply {
  margin-top: px;
}

section.classic_detail article.article_view img {
  margin: 10px 0 0 0;
}
section.classic_detail article.article_view ul.feed_img li a img {
  margin-top: 0;
}
section.classic_detail article.article_view ul.file_wrap {
  margin: 10px 0 0 0;
  padding-left: 0;
}

.report_detail .content_wrapper {
  border-top: 1px solid #ddd;
}

.content_wrapper .noti_box {
  padding: 12px 24px;
  background: #f0fafa;
  border-bottom: 1px solid #e8e8e8;
  color: #676767;
}
.content_wrapper .noti_box strong {
  letter-spacing: -1px;
}
.content_wrapper .dashboard_box {
  position: relative;
}
.content_wrapper .dashboard_box p.title {
  position: absolute;
  top: 10px;
  left: 24px;
  font-weight: bold;
  font-size: 16px;
  color: #1c1c1c;
  letter-spacing: -1px;
}

.card_item_wrapper .card_item_horizon {
  position: relative;
  width: 215px;
  margin: 4px;
  border: 1px solid #cfd1d4;
  border-radius: 8px;
}

/*card size*/
.not_yet .card_item_wrapper .card_item_horizon {
  position: relative;
  width: px;
  margin: 4px;
  border: 1px solid #cfd1d4;
}

/*card size*/
.card_item_wrapper .card_item_horizon .h_border {
  border-width: 1px !important;
  border-color: #dadada !important;
}
.card_item_wrapper .wrapper {
  margin: 20px 0 0 0;
}
.card_item_wrapper .on {
  border: 1px solid #38393a;
}
.card_item_wrapper .on .card_wrapper,
.card_item_wrapper .on .h_border {
  border-color: #1da3aa !important;
}
.card_item_wrapper p.not + .wrapper .on {
  background-color: #fff2e8;
}
.card_item_wrapper .card_item_horizon:hover {
  cursor: pointer;
  box-shadow: none;
  border-color: #38393a;
}
.card_item_wrapper .card_item_horizon div.card_wrapper {
  height: 50px;
  padding: 0;
}
.card_item_wrapper .card_item_horizon div.card_wrapper a {
  display: block;
}
.card_item_wrapper .card_item_horizon span.photo {
  position: absolute;
  left: 0;
  top: 0 !important;
  width: 50px;
  height: 50px;
}
.card_item_wrapper .card_item_horizon span.photo img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.card_item_wrapper .card_item_horizon span.photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
.card_item_wrapper .card_item_horizon span.ic_private, .card_item_wrapper .card_item_horizon span.ic_bg {
  position: absolute;
  top: 25px;
}
.card_item_wrapper .card_item_horizon span.ic_private {
  z-index: 50;
  left: 30px;
}
.card_item_wrapper .card_item_horizon span.ic_bg {
  z-index: 49;
  top: 23px;
  left: 26px;
  width: 15px;
  height: 18px;
  background-color: #fff;
}
.card_item_wrapper .card_item_horizon:hover span.photo img {
  opacity: 0.9;
}
.card_item_wrapper .card_item_horizon span.name {
  margin-left: 60px;
}
.card_item_wrapper .card_item_horizon span.btn_wrap {
  margin-left: 60px;
}
.card_item_wrapper .card_item_horizon span.btn_wrap span.zero {
  color: #c0c0c0;
}
.card_item_wrapper .card_item_horizon span.info {
  display: inline-block;
  padding-top: 6px;
  max-width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_item_wrapper .card_item_horizon span.name {
  font-weight: bold;
  font-weight: 500;
  color: #484848;
}
.card_item_wrapper .card_item_horizon span.position {
  font-weight: normal;
  color: #787878;
}
.card_item_wrapper .card_item_horizon span.btn_wrap {
  display: block;
  margin-top: -6px;
}
.card_item_wrapper .card_item_horizon span.num {
  margin-left: 0;
  font-size: 12px;
}
.card_item_wrapper .card_item_horizon span.btn_fn7 {
  position: absolute;
  bottom: 4px;
  left: 60px;
  height: 20px;
  line-height: 16px !important;
  padding: 2px 2px 0px 2px;
  font-size: 11px;
}

@media \0 screen {
  .card_item_wrapper .wrapper {
    min-width: 680px;
  }
}
/* IE8 hack */
.not_yet .card_item_wrapper .card_item_horizon:hover {
  cursor: default;
  border-color: #cfd1d4;
}
.not_yet .card_item_wrapper .card_item_horizon:hover span.photo img {
  opacity: 1;
}
.not_yet .card_item_wrapper .my_item:hover {
  cursor: pointer;
  background: #fdf4ef;
}

.report_detail .dashboard_box {
  margin-top: 12px;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid #cfd1d4;
}
.report_detail .dashboard_box.not_yet {
  border: 1px solid #fe7b1c;
}
.report_detail .dashboard_box .card_item .card_wrapper:hover {
  box-shadow: none;
  transform: inherit;
}
.report_detail .card_item_wrapper .card_item_horizon span.photo {
  top: 5px !important;
  left: 8px;
  width: 40px;
  height: 40px;
}
.report_detail .card_item_wrapper .card_item_horizon span.photo img {
  width: 40px;
  height: 40px;
}
.report_detail .not_yet .card_item_wrapper {
  display: block;
  overflow: hidden;
}
.report_detail .card_item_wrapper:hover .card_item_horizon {
  transform: translateY(0);
  box-shadow: none;
}
.report_detail .card_item .card_wrapper {
  transform: inherit;
  transition: inherit;
}

/*report_type*/
.report_type {
  margin: 12px 0 12px 0;
  border: 0;
}
.report_type header {
  position: relative;
  padding: 15px 0 5px 0;
  border-bottom: 1px solid #e8e8e8;
}
.report_type header .tool_bar {
  margin: -28px 40px 0 0;
}
.report_type header a.btn_layer_x {
  padding: 11px;
}
.report_type header a.btn_layer_x:hover {
  border-radius: 0;
}
.report_type .form_report_nonscheduled td {
  padding-right: 0 !important;
}
.report_type form {
  margin: 15px 0;
}

.report_import img {
  vertical-align: middle;
}

.report_type .report_import + .file_wrap {
  padding: 10px 15px;
}
.report_type .add_file {
  margin: 15px 0;
}
.report_type .article_reply {
  margin: 15px 0 0;
  border-top: 1px solid #d9d9d9;
}
.report_type .article_reply div.reply_wrap ul.reply > li {
  padding-left: 10px;
}
.report_type .article_reply div.reply_wrap ul.reply > li span.photo {
  left: 10px;
  width: 25px;
  height: 25px;
}
.report_type .article_reply div.reply_wrap ul.reply > li.depth_in {
  padding-left: 42px;
}
.report_type .article_reply div.reply_wrap ul.reply > li.depth_in span.photo {
  left: 43px;
  width: 25px;
  height: 25px;
}
.report_type .article_reply div.reply_wrap ul.reply li.depth_in span.ic_depth {
  left: 27px;
}
.report_type .article_reply div.reply_wrap ul.reply li span.date {
  display: inline-block !important;
}
.report_type .article_reply div.reply_wrap div.reply_create {
  padding-left: 10px !important;
}
.report_type .article_reply div.reply_wrap div.reply_create span.photo {
  left: 10px;
}
.report_type div.bar {
  border-bottom: 1px solid #e9e9e9;
}
.report_type input.txt_mini {
  box-sizing: border-box;
}
.report_type .form_type th {
  padding-left: 15px;
}

div.report_type div.reporter span.name {
  font-size: 18px;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
}

.single_title {
  padding: 16px 0;
}
.single_title span.txt {
  font-weight: bold;
  font-weight: 500;
}

.reply_wrap .single_title span.txt_b {
  cursor: pointer;
}
.reply_wrap .single_title:hover span.txt_b {
  color: #000;
}

.aside_wrapper .simple_list_alarm .info {
  margin-left: 47px !important;
}
.aside_wrapper .simple_list_alarm li {
  padding: 10px 0;
}
.aside_wrapper .simple_list_alarm li:hover {
  background: rgb(252, 252, 252);
}
.aside_wrapper .bottom_action {
  margin: 10px 0;
}
.aside_wrapper .btn_list_reload {
  width: 87%;
  margin: 0 auto;
  padding: 10px 0;
}
.aside_wrapper .simple_list_alarm .li {
  border-bottom: 1px solid #e9e9e9 !important;
}
.aside_wrapper .simple_list_alarm .li:first-child {
  border-top: 1px solid #e9e9e9 !important;
}
.aside_wrapper .type_simple_list li {
  border-top: none;
  border-bottom: 1px solid #e9e9e9;
}

/* .aside_wrapper .simple_list_alarm li:hover {background: url(../images/bg_3column_reply.gif) no-repeat 1px -80px;} */
.report_detail .aside_wrapper .type_simple_list li {
  background: transparent;
}

.type_normal td span.not {
  margin-left: 5px;
  color: #c1713b;
  vertical-align: top;
}
.type_normal td span.ok {
  margin-left: 5px;
  color: #27ba2a;
  vertical-align: top;
}

.filtering_bar {
  margin: 10px 12px 5px 12px;
  padding: 0 15px;
  background: #f9f9f9;
  border: 1px solid #ddd;
}
.filtering_bar .on {
  font-weight: bold;
  font-weight: 500;
}

div.popup_pw_change div.noti_normal {
  padding: 40px 0;
}
div.noti_normal {
  text-align: center;
}
div.noti_normal span.ic_error {
  margin-bottom: 10px;
}

.report_type .tool_bar .optional .btn_tool {
  padding: 0px 10px;
}

/* layer */
/* layer_reading */
div.layer_reading {
  width: 400px !important;
}
div.layer_reading div.content {
  padding: 0 !important;
}
div.layer_reading div.div_scroll {
  height: 300px;
  border: 0;
}
div.layer_reading div.content {
  padding: 0;
}
div.layer_reading .reply li {
  padding: 8px 0;
}
div.layer_reading .reply li .msg_wrap {
  margin-left: 50px !important;
  margin-right: 24px;
}
div.layer_reading ul.list_line li {
  position: relative;
  min-height: 19px;
  line-height: 19px;
}
div.layer_reading ul.list_line li span.state {
  position: absolute;
  top: 7px;
  left: 10px;
}
div.layer_reading ul.list_line li span.department {
  display: inline-block;
  margin-left: 64px;
}
div.layer_reading div.list_approval_line div.tb_approval_line_wrap {
  margin: 0;
}
div.layer_reading table.tb_approval_line .name {
  width: 70px;
}
div.layer_reading table.tb_approval_line .company {
  width: 120px;
}

.layer_reading table.tb_approval_line .func {
  display: none;
}
.layer_reading div.list_approval_line div.btn_langth {
  display: none;
}
.layer_reading div.tit_type3 {
  text-align: left;
}
.layer_reading div.approval_history {
  padding-left: 10px;
}
.layer_reading div.tb_approval_line_wrap {
  margin-left: 0;
}
.layer_reading div.approval_history span.wrap_opt {
  display: block;
}
.layer_reading div.approval_history span.wrap_opt span.txt {
  display: inline-block;
  width: 60px;
}
.layer_reading .approval_history select {
  width: 150px;
  padding: 4px;
}
.layer_reading .tb_approval_line th.btn {
  display: none;
}

/* layer password change */
div.layer_pw_change {
  width: 470px !important;
}
div.layer_pw_change form table.form_type .wrap_desc_top {
  padding-bottom: 1px;
}
div.popup_pw_change .content {
  padding-top: 20px;
}
div.popup_pw_change + .btn_layer_wrap {
  padding: 10px 0;
  text-align: center;
}
div.popup_pw_change form table.form_type tr th {
  width: 100px;
}
div.popup_pw_change .go_intro.wrap_pw_sync {
  width: 100%;
}
div.popup_pw_change .go_intro.wrap_pw_sync .glad_box > form {
  margin: 0 auto;
  width: 400px;
}
div.popup_pw_change .go_wrap.mint_theme .glad_box .change_pw {
  margin: 0 16px 5px;
}
div.popup_pw_change .go_intro_wrap {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.layer_mailWrite_popup .tool_bar + .tool_bar {
  border-top: 0;
}
div.out_mail {
  width: 750px;
  overflow: hidden;
  min-height: 300px;
}
div.out_mail table.type_normal {
  text-align: center;
}
div.out_mail table.type_normal tr:hover {
  background: none;
}
div.out_mail table.type_normal tr td {
  vertical-align: top;
}
div.out_mail table.type_normal tr.process_wrap td {
  padding: 0 !important;
}
div.out_mail div.div_list span.btn_txt {
  display: inline-block;
  padding: 10px 0 5px;
}
div.out_mail div.wrap_btn_txt {
  text-align: right;
}
div.layer_secret {
  width: 320px !important;
}
div.layer_secret span.title {
  display: block;
  margin: 8px 0;
}
div.layer_secret input {
  width: 100% !important;
}
div.layer_approval_modify {
  width: 500px !important;
}
div.layer_approval_modify th {
  width: 80px;
}
div.layer_approval_modify td textarea {
  height: 160px;
}
div.layer_approval_line {
  width: 1030px !important;
}
div.layer_approval_line div.content div.set_data table.type_normal {
  border: 0;
}
div.layer_approval_line div.content div.set_data table.type_normal thead th {
  border-top: 0;
  cursor: default;
}
div.layer_approval_line div.content div.set_data div.list_approval_line_wrap {
  overflow-x: hidden;
  overflow-y: scroll;
}
div.layer_approval_line div.content div.set_data div.list_approval_line_wrap div.approval_line {
  position: relative;
}
div.layer_approval_line div.content div.set_data div.list_approval_line_wrap table.tb_approval_line tbody tr td.title {
  text-align: center;
}
div.layer_approval_line div.content div.set_data div.tit_type2 {
  border-bottom: 0;
}
div.layer_approval_line div.content div.set_data div.tit_type2 .tit {
  margin-right: 8px;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .content_tab_wrap {
  height: 376px;
  padding: 8px 0 0;
  overflow: hidden;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .content_tab_wrap > div {
  height: 100%;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .content_tab_wrap .dop_organization.dop_dialog {
  height: 100%;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .content_tab_wrap .dop_organization.dop_dialog .container {
  overflow: auto;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .tabview-myapprline.content_tab_wrap .lnb {
  padding: 12px 0 16px;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .tabview-myapprline.content_tab_wrap .lnb:first-child {
  padding-top: 0;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .tabview-myapprline.content_tab_wrap .lnb ul.side_depth li.feed {
  padding: 0;
}
div.layer_approval_line div.content.apprflow-editor .wrap_approval_agree .set_nav .sidetab-item .tabview-myapprline.content_tab_wrap .lnb ul.side_depth li.feed a.ic_del {
  width: 24px;
  height: 24px;
  display: inline-block;
  padding: 4px;
  top: 4px;
  background-position: -44px -144px;
}
div.layer_approval_line div.content section.search div.search_wrap {
  width: 100%;
}
div.layer_approval_line section.lnb ul.side_depth li p.title {
  padding-left: 10px;
  border-radius: 0;
}
div.layer_approval_line section.lnb ul.side_depth li ul li p.title {
  padding-left: 30px;
}
div.layer_approval_line section.lnb ul.side_depth li > p.title a {
  max-width: 178px;
}
div.layer_approval_line section.lnb ul.side_depth li > p.title a span.num {
  margin: 0 0 0 3px;
}
div.layer_approval_line section.lnb ul.side_depth li > p.title a.ic_del {
  position: absolute;
  top: 0;
  right: 2px;
  display: none;
  padding: 2px;
  background-position: -46px -146px;
}
div.layer_approval_line section.lnb ul.side_depth li > p.title:hover a.ic_del {
  display: inline-block;
}
div.layer_approval_line section.lnb ul.side_depth li > p.on:hover a.ic_del {
  display: block;
  background-position: -94px -244px;
}
div.layer_approval_line section.lnb div.null_guide {
  min-height: 60px;
}
div.layer_approval_line section.lnb div.null_guide p.desc {
  text-align: center;
}
div.layer_approval_line section.search div.search_wrap input.search {
  width: 176px;
}
div.layer_approval_line table.tb_approval_line .depart {
  width: auto;
}
div.layer_approval_line table.tb_approval_line .kind {
  padding-right: 0;
}
div.layer_approval_line p.data_null {
  padding: 10px 0;
}
div.layer_approval_line div.set_wrap div.tit_type2 {
  display: none;
}
div.layer_approval_line div.set_wrap div.list_approval_line_wrap {
  height: 356px;
}
div.layer_approval_line div.wrap_approvalLine_set div.tit_type2 {
  display: block;
}
div.layer_approval_line div.wrap_approvalLine_set div.list_approval_line_wrap {
  height: 317px;
}
div.list_approval_line {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
div.list_approval_line div.tb_approval_line_wrap {
  margin: 0 0 0 34px;
}
div.list_approval_line div.tb_approval_line_wrap table.tb_approval_line tr.last td {
  border-bottom: 0;
}
div.list_approval_line div.btn_langth {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
  background: #fafafa;
  cursor: pointer;
  border-right: 1px solid #dedede;
  padding: 0;
}
div.list_approval_line div.btn_langth span.ic_arrow_type4 {
  position: absolute;
  top: 35%;
  left: 12px;
}
div.list_approval_line div.btn_langth:hover {
  background: #f0f0f0;
}
div.list_approval_line div.btn_langth:active {
  background: #e0e0e0;
  border-right-color: #b5b5b5;
}
div.disable_line div.btn_langth {
  cursor: default;
}
div.disable_line div.btn_langth:hover {
  background: #fafafa !important;
}
div.disable_line div.btn_langth span.ic_con {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
div.disable_line table.tb_approval_line tr td:hover {
  background: white !important;
}

/* layer password change */
/* div.popup_pw_change {width: 100% !important} */
/* layer_mailWrite_popup */
/* layer_out_meil */
/* layer_secret */
/* layer_approval_modify */
/* layer_approval_line */
.tab_menu li .ic_txt_change {
  margin-right: 3px;
}

div.layer_approval_line .tab_menu_wrap {
  position: relative;
}
div.layer_approval_line .tab_menu_wrap .alert_help_wrap {
  display: none;
  position: absolute;
  bottom: -1px;
  right: 0;
}
div.layer_approval_line .tab_menu_wrap .alert_help_wrap .ic_alert {
  display: none;
}

table.tb_approval_line thead tr th {
  padding: 0 4px;
}
table.tb_approval_line tr td {
  padding: 8px 5px;
}

/* layer_approval_reader */
div.layer_approval_reader {
  width: 700px !important;
}
div.layer_approval_reader div.content div.set_data table.type_normal {
  border: 0;
}
div.layer_approval_reader div.content div.set_data table.type_normal thead th {
  border-top: 0;
  cursor: default;
}
div.layer_approval_reader div.content div.set_data div.list_approval_line_wrap {
  height: 326px;
  overflow-x: hidden;
  overflow-y: auto;
}
div.layer_address_search {
  width: 600px !important;
}
div.layer_address_search div.content div.wrap_tb_address_search {
  margin-top: 10px;
}
div.layer_address_search div.content div.search_wrap input.search {
  width: 325px;
}
div.layer_address_search div.content div.wrap_tb_address_search div.div_scroll {
  height: 250px;
}
div.layer_address_search hr {
  margin: 10px 0;
}
div.layer_doc_choice {
  width: 700px !important;
}
div.layer_doc_choice div.set_nav {
  width: 280px !important;
}
div.layer_doc_choice div.doc_info {
  margin-left: 290px !important;
  margin-left: 240px;
  border: 1px solid #b5b5b5;
}
div.layer_doc_choice div.doc_info form {
  padding: 5px 10px;
  overflow: auto;
  height: 261px;
}
div.layer_doc_choice div.list_doc {
  float: left;
  width: 210px;
  height: 280px;
  border: 1px solid #b5b5b5;
  background: #f4f4f4;
  overflow: auto;
  padding: 10px;
  box-shadow: inset 1px 1px 1px rgba(88, 88, 88, 0.1);
}
div.layer_doc_choice div.content div.doc_info div.tit_type2 {
  border-top: 0;
}
div.layer_doc_choice table.tb_doc_info tbody th {
  width: 80px;
}

/* layer_address_search */
/* layer_doc_choice */
table.tb_doc_info tr td ul.name_tag {
  vertical-align: top;
  margin-top: 2px !important;
}

/* layer_doc_attach */
div.layer_doc_attach {
  width: 900px !important;
  width: 500px\9 ;
}
div.layer_doc_attach div.div_scroll {
  height: 285px;
  overflow-y: scroll;
}
div.set_nav div.content_tab_wrap {
  height: 300px;
}
div.layer_doc_attach div.dataTables_paginate {
  padding: 8px 0;
}
div.layer_doc_attach table.tb_doc_attach thead tr th {
  cursor: default;
}

div.layer_doc_attach table.tb_doc_attach {
  border: 0 !important;
}
div.layer_doc_attach div.set_data {
  border: 0;
}

table.tb_doc_attach .check {
  width: 36px;
}
table.tb_doc_attach .division {
  width: 140px;
  text-align: left;
}
table.tb_doc_attach .subject {
  text-align: left;
}
table.tb_doc_attach .writer,
table.tb_doc_attach .drafter {
  width: 74px;
  text-align: left;
}
table.tb_doc_attach .date {
  width: 110px;
  text-align: left;
}

div.layer_normal ul.side_depth li.delimiter > p span.txt,
section.lnb ul li.delimiter > a > span.txt {
  background: #fff;
}

/* layer_absence */
div.layer_absence {
  width: 700px !important;
}
div.layer_approval {
  width: 500px !important;
}
div.layer_approval textarea {
  height: 100px;
}
div.layer_approval table.form_type tbody tr th {
  width: 120px;
  vertical-align: top;
}
div.layer_approval table.form_type tbody tr td .alert_wrap.go_error {
  padding: 6px 0 0;
}
div.layer_approval table.form_type tbody tr td .alert_wrap.go_error .caution {
  padding: 0;
}
div.layer_approval .wrap_notice {
  margin: 20px 0 0 0;
  padding: 10px;
  background: #eee;
}
div.layer_approval .wrap_notice .notice {
  padding: 15px 10px;
}
div.layer_approval .wrap_notice .notice .tit {
  margin: 0 0 10px 0;
}
div.layer_approval.layer_simple_pw .notice {
  border-bottom: 0 !important;
}
div.send_mail {
  width: 600px !important;
}
div.send_mail > table.form_type tbody tr th {
  width: 100px;
}
div.send_mail .btn_wrap {
  margin-top: 0 !important;
}
div.send_mail table.form_type tbody tr th {
  width: 100px;
}
div.layer_approval_preview {
  width: 860px !important;
}
div.layer_approval_preview div.content {
  height: 500px;
  overflow: scroll;
}
div.layer_approval_preview .editor_view {
  margin: 0;
}

/* layer_approval */
/* layer_send_mail */
@media \0 screen {
  div.send_mail table.form_type .div_ipt {
    width: 390px;
  }
}
/* layer_approval_preview */
/* tb_approval_line */
table.tb_approval_line thead tr th {
  padding: 0 5px;
}
table.tb_approval_line tbody tr td {
  vertical-align: middle !important;
}
table.tb_approval_line tbody tr:hover td {
  background: #fff;
}
table.tb_approval_line .btn {
  width: 24px;
}
table.tb_approval_line .kind {
  width: 70px;
  text-align: left;
}
table.tb_approval_line .sign {
  width: 40px;
  text-align: center;
}
table.tb_approval_line .sign input[type=checkbox] {
  margin: 0;
}
table.tb_approval_line .name,
table.tb_approval_line .company {
  width: 110px;
  text-align: left;
}
table.tb_approval_line .depart {
  width: 120px;
  text-align: left;
}
table.tb_approval_line .state {
  width: 80px;
  text-align: left;
}
table.tb_approval_line .func {
  width: 30px;
  text-align: center;
}
table.tb_approval_line .time_chk {
  width: 130px;
  text-align: center;
}
table.tb_approval_line .blank {
  width: 17px;
  padding: 0;
}
table.tb_approval_line p.data_null {
  display: inline-block;
}
table.tb_approval_line p.data_null .ic_file_drag {
  display: none;
}
table.tb_approval_line tbody tr:last-child td {
  border-bottom: 0;
}
table.tb_upload .check {
  width: 25px;
}
table.tb_upload .size {
  width: 60px;
}
table.tb_upload .state {
  width: 114px;
}
table.tb_upload .del {
  width: 40px;
}
table.tb_upload tr td span.ic_classic {
  margin-left: 0 !important;
}
table.tb_upload tr td span.ic_file {
  vertical-align: top;
}

/* tb_upload */
div.move_line {
  position: absolute;
  top: 0;
  left: 48px;
  width: 100%;
  height: 2px;
  background: #333;
}
div.layer_doc_edit {
  position: fixed;
  width: 96%;
  height: 94%;
  left: 2%;
  top: 3%;
}
div.layer_doc_edit div.tool_bar {
  padding: 0;
  height: 36px;
}
div.layer_doc_edit div.editor_wrap {
  margin: 0 199px 0 0;
  height: 100%;
}
div.layer_doc_edit div.pallet {
  float: right;
  width: 198px;
  height: 100%;
  overflow: hidden;
}
div.layer_doc_edit_preview {
  width: 900px;
  border-radius: 0;
}
div.layer_doc_edit_preview div.content {
  overflow: scroll;
}
div.layer_doc_type_select div.list_wrap {
  height: 200px;
  padding: 8px 0;
  border: 1px solid #ccc;
}
div.layer_doc_type_select ul.side_depth li > p.title {
  padding-left: 10px;
}
div.layer_doc_type_select ul.side_depth li li > p.title {
  padding-left: 30px;
}
div.layer_doc_type_select ul.side_depth li li li > p.title {
  padding-left: 50px;
}
div.layer_depth ul.side_depth li > p.title {
  padding-left: 20px;
}
div.layer_depth ul.side_depth li li > p.title {
  padding-left: 40px;
}
div.layer_depth ul.side_depth li li li > p.title {
  padding-left: 60px;
}
div.layer_depth ul.side_depth li li li li > p.title {
  padding-left: 80px;
}
div.layer_depth ul.side_depth li li li li li > p.title {
  padding-left: 100px;
}
div.layer_depth ul.side_depth li li li li li li > p.title {
  padding-left: 120px;
}
div.layer_depth ul.side_depth li li li li li li li > p.title {
  padding-left: 140px;
}
div.layer_depth ul.side_depth li li li li li li li li > p.title {
  padding-left: 160px;
}
div.layer_depth ul.side_depth li li li li li li li li li > p.title {
  padding-left: 180px;
}
div.layer_list_attach {
  width: 400px !important;
}
div.layer_list_attach ul.file_wrap li {
  padding-top: 5px;
}
div.layer_list_attach ul.file_wrap li span.item_file {
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
}
div.layer_list_attach ul.file_wrap li a {
  vertical-algin: top;
}
div.layer_list_attach ul.file_wrap li span.item_file span {
  vertical-align: top;
}
div.layer_list_attach ul.file_wrap li span.name, div.layer_list_attach ul.file_wrap li span.size {
  line-height: 18px;
}
div.layer_list_attach ul.file_wrap li span.ic_file {
  margin-top: 0;
}
div.layer_approval_line_state {
  width: 320px;
}
div.layer_approval_line_state div.content {
  padding: 0 !important;
}
div.layer_approval_line_state div.reply_wrap {
  height: 300px;
}
div.layer_approval_line_state div.div_scroll {
  border: 0;
}
div.layer_approval_line_state div.content {
  padding: 0;
}
div.layer_approval_line_state div.content div.reply_wrap {
  padding: 0;
}
div.layer_approval_line_state div.reply_wrap {
  min-width: 250px;
  margin: 0;
}
div.layer_approval_line_state ul.reply {
  border: 0;
}
div.layer_approval_line_state ul.reply > li {
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding: 10px 0 10px 24px;
}
div.layer_approval_line_state ul.reply li span.photo {
  left: 24px;
}
div.layer_approval_line_state ul.reply li div.msg_wrap {
  margin-left: 52px;
}
div.layer_approval_line_state ul.reply li.last {
  border-bottom: 0;
}
div.layer_select_doc ul.doc {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #e6e6e6;
}
div.layer_select_doc ul.doc li {
  padding: 3px 10px;
}
div.layer_select_doc ul.doc li.on {
  background: #eee;
}
div.layer_select_doc ul.doc li ins,
div.layer_select_doc ul.doc li span {
  vertical-align: middle;
}
div.layer_select_doc ul.doc li:hover {
  cursor: pointer;
}
div.layer_select_doc ul.doc li span.txt {
  color: #666;
}
div.layer_select_doc div.dataTables_paginate {
  /*text-align:left;*/
  padding-left: 3px;
  margin-bottom: 0;
}
div.layer_select_doc div.list_wrap {
  max-height: 170px;
  overflow-y: auto;
}

/* layer_doc_edit */
/* layer_doc_edit_preview */
/* layer_doc_type_select */
/* layer_depth */
/* layer_list_attach */
/* layer_approval_line_state */
/* layer_select_doc */
/* tb_doc_info */
.tb_doc_info tbody th {
  width: 110px !important;
  word-break: break-word;
}
.tb_doc_info .option_wrap {
  margin-top: 7px !important;
}
.tb_doc_info .opt_emergency input {
  margin-top: -4px !important;
}
.tb_doc_info .txt_form {
  margin-top: 7px !important;
}

/* layer_select_tem */
div.layer_select_paper ul.select_img {
  height: 190px;
  padding: 2px 4px;
  max-height: 200px;
  overflow: hidden;
}
div.layer_select_paper ul.select_img li {
  float: left;
  width: 74px;
  height: 86px;
  margin-right: 12px;
  margin-bottom: 12px;
}
div.layer_select_paper ul.select_img li:hover {
  cursor: pointer;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  outline: 2px solid #444;
}
div.layer_select_paper ul.select_img li span.paper {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #ddd;
}
div.layer_select_paper ul.select_img li.on {
  outline: 2px solid #444;
}
div.layer_select_paper div.dataTables_paginate {
  /*text-align:left;*/
  padding-left: 3px;
  margin-bottom: 0;
}
div.layer_select_paper li.last {
  margin-right: 0 !important;
}
div.layer_noti {
  position: absolute;
  width: 280px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
div.layer_noti header {
  position: relative;
}
div.layer_noti div.content {
  padding: 40px 24px 24px;
  min-height: 50px;
  text-align: center;
}
div.layer_noti p.noti {
  margin: 0 0 5px 0;
  font-weight: normal;
}
div.layer_noti p.add {
  color: #999;
}
div.layer_noti a.btn_layer_x {
  /* border-bottom:1px solid #e3e3e3;  */
  border-radius: 0 2px 0 2px;
}
div.layer_noti footer.btn_layer_wrap {
  margin-bottom: 0;
  padding: 24px;
  padding-top: 0;
  text-align: right;
}
div.layer_noti footer.btn_layer_wrap a {
  margin: 0 0 0 8px;
}
div.layer_normal ul.group_set li.group a ins.ic, div.layer_normal ul.data_set li.data a ins.ic {
  vertical-align: middle;
}
div.array_option ul.group_set li.group a ins.ic {
  vertical-align: middle;
}
div.layer_normal ul.data_set li.data a span.txt {
  line-height: 1;
  padding-top: 2px;
}
div.layer_normal header ul.tab_type3 {
  position: absolute;
  bottom: -1px;
  left: 0;
}
div.layer_normal header ul.tab_type3 li {
  border-top: 0;
  height: 31px;
  line-height: 31px;
}
div.layer_normal header ul.tab_type3 li.first {
  border-left: 0;
}
div.layer_normal div.reply_wrap {
  min-width: 250px;
  margin: 0;
}
div.layer_normal div.reply_wrap ul.reply {
  border: 0;
}
div.layer_normal div.reply_wrap ul.reply > li {
  border-bottom: 1px solid #e3e3e3;
}
div.layer_normal div.reply_wrap ul.reply li.last {
  border-bottom: 0;
}
div.layer_normal div.reply_wrap ul.reply li span.date {
  margin-left: 0;
}
div.reply_wrap .reply_create span.date {
  margin-left: 0;
}
div.layer_normal div.tab_menu_wrap {
  margin-top: 0;
}
div.layer_reser {
  width: 460px;
}

/*layer_noti :component style*/
/* layer org */
/* layer_asset */
/* layer_select_member */
.layer_select_member .group_tag {
  margin-top: 10px;
  border: 1px solid #ebebeb;
  padding: 10px;
  box-sizing: border-box;
}
.layer_select_member .group_tag li {
  display: inline-block;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer_report_search .vertical_wrap {
  margin: 3px 0;
}

/* layer_password */
div.layer_password {
  width: 400px;
}
div.layer_password table.form_type th,
div.layer_password div.content table.table_form_mini tbody tr th {
  width: 50px;
}
div.layer_password_outside {
  width: 400px;
}
div.layer_password_outside table.form_type th,
div.layer_password_outside div.content table.table_form_mini tbody tr th {
  width: 90px;
}

/* layer_password_outside */
/*layer_creat_group for Address*/
.layer_creat_group .content {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.layer_creat_group .content ul.group_tag li input.edit {
  width: 165px;
}

.vertical_wrap label {
  margin-right: 8px;
}

/*print*/
.layer_report_print .report_type {
  margin: 12px;
  border: 5px solid #e8e8e8;
}
.layer_report_print .report_type .report_header {
  position: relative;
  padding: 15px 15px 5px 15px;
  border-bottom: 1px solid #e8e8e8;
}
.layer_report_print .report_type .report_header .tool_bar {
  margin: -31px 25px 0 0;
}
.layer_report_print .report_type .report_header a.btn_layer_x {
  padding: 11px;
}
.layer_report_print .report_type .report_header a.btn_layer_x:hover {
  border-radius: 0;
}
.layer_report_print .report_type .editor_view,
.layer_report_print .report_type .add_file {
  margin: 15px;
}
.layer_report_print .classic_detail .article_header {
  padding: 24px 24px 0;
}
.layer_report_print .classic_detail .article_view {
  margin: 0;
  padding: 24px;
}
.layer_report_print .content {
  padding: 15px;
}

.layer_normal.layer_report_print.popup .content {
  padding: 24px;
  background: #ddd;
}

.layer_report_print {
  width: 100% !important;
  box-shadow: none !important;
}
.layer_report_print .report_type {
  margin: 15px 0 !important;
  border-width: 1px;
  border-radius: 1px;
  background: #fff;
}
.layer_report_print .report_type:first-child {
  margin-top: 0 !important;
}
.layer_report_print .report_type:last-child {
  margin-bottom: 0 !important;
}
.layer_report_print .report_type .report_header {
  border-bottom: 1px solid #e3e3e3;
}
.layer_report_print .report_type .report_header h1 {
  margin-bottom: 4px;
}
.layer_report_print .report_type .report_header h1 span.meta span.team, .layer_report_print .report_type .report_header h1 span.meta_section span.times {
  font-size: 13px;
  vertical-align: bottom;
  font-weight: normal;
}
.layer_report_print .report_type .report_header h1 span.txt {
  font-size: 18px;
  color: #000;
}
.layer_report_print .report_type .single_title {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  background: #fff;
}
.layer_report_print .report_type div.reporter {
  min-height: 25px;
}
.layer_report_print .report_type div.reporter span.name {
  font-size: 12px;
  font-weight: normal;
}
.layer_report_print .report_type .form_type th {
  padding-left: 15px;
}
.layer_report_print .report_type section.article_reply {
  margin: 15px 0;
}
.layer_report_print .report_print_meta {
  padding: 10px;
}
.layer_report_print .report_print_meta table.info th {
  padding: 5px;
  width: 90px;
  text-align: left;
  font-weight: bold;
  font-weight: 500;
}
.layer_report_print .report_print_meta table.info td {
  text-align: left;
}
.layer_report_print .report_print_meta table.info td span.date {
  margin-left: 10px;
}
.layer_report_print .ic,
.layer_report_print .size,
.layer_report_print .btn_fn4,
.layer_report_print .ic_file,
.layer_report_print .ic_classic {
  display: none;
}

div.layer_report_print div.tool_bar, div.layer_report_print div.content div.report_type a.btn_layer_x {
  display: none;
}
div.layer_report_print div.add_file div.add_file_header {
  background: none;
  background: #f7f7f7;
}

.layer_report_print .article_reply div.reply_wrap ul.reply > li {
  border-bottom: none;
}
.layer_report_print .article_reply .reply .view_option {
  padding-bottom: 0px !important;
}
.layer_report_print .report_type .add_file {
  border: 1px solid #e9e9e9;
}
.layer_report_print .article_reply div.reply_wrap ul.reply li.depth_in:hover {
  background: none;
}

div.layer_report_print div.report_type div.reporter span.name {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
}
div.layer_report_print div.report_type div.reporter span.date {
  margin-left: 5px;
}
div.layer_spot_report_print {
  width: 100% !important;
}
div.layer_spot_report_print div.wrap_container {
  background: #fff;
  padding: 0;
}
div.layer_spot_report_print div.wrap_container .content_wrapper {
  float: none !important;
}
div.layer_spot_report_print div.wrap_container .content_wrapper .article_header {
  border-top: 0;
  min-height: 66px;
  background: #fff;
}
div.layer_spot_report_print div.wrap_container .content_wrapper .article_header h1 {
  color: #333;
  letter-spacing: -1px;
}
div.layer_spot_report_print div.wrap_container .article_reply {
  float: none;
  width: 100%;
}
div.layer_spot_report_print div.wrap_container .article_reply div.reply_wrap .single_title {
  height: 32px;
  padding: 0 24px;
}
div.layer_spot_report_print div.wrap_container .article_reply div.reply_wrap .single_title span.ic_reply {
  display: none;
}
div.layer_spot_report_print div.wrap_container .article_reply div.reply_wrap div.aside_wrapper_body ul.reply li:hover {
  background: none;
}
div.layer_spot_report_print span.ic_del,
div.layer_spot_report_print .ic_file,
div.layer_spot_report_print span.btn_fn4,
div.layer_spot_report_print .btn_wrap,
div.layer_spot_report_print .ic_depth {
  display: none;
}
div.layer_spot_report_print span.item_file {
  margin-bottom: 4px;
}
div.layer_spot_report_print ul.file_wrap li span.item_file span.name {
  max-width: 100% !important;
}
div.layer_spot_report_print ul.reply li div.msg_wrap {
  margin-left: 36px;
}
div.layer_spot_report_print div.wrap_container .classic_detail .article_header h1 {
  margin-right: 0;
}

ul.post_result li div.article_wrap {
  margin-right: 24px !important;
}
ul.post_result li div.article_wrap p.title {
  margin-left: 42px;
  margin-bottom: 4px;
  font-size: 14px;
  color: #333;
}
ul.post_result li div.article_wrap p.title a {
  color: #333;
}
ul.post_result li div.article_wrap .info .name {
  margin-bottom: 2px;
  font-weight: bold;
  font-weight: 500;
}
ul.post_result li div.article_wrap .info .category {
  margin-bottom: 2px;
  margin-left: 0;
}
ul.post_result li div.meta_wrap .btn_list_more {
  display: none !important;
}

.post_result .article_wrap span.photo a img {
  width: 32px;
  height: 32px;
}
.post_result .article_wrap .info {
  margin-left: 42px !important;
  margin: 0;
}
.post_result .article_wrap .article {
  margin-left: 42px !important;
  margin: 0;
}
.post_result .article_wrap .article > a {
  color: #777;
}

body.do_docs .layer_report_print .print_content .box {
  border-top: 0;
}

div.layer_mail_print header h1 span.btn_minor_s span.txt {
  margin-top: 0;
  padding-top: 0;
}

/*----------------@TAST ver.8.4------------------------*/
table.form_taskfolder_add th:first-child {
  width: 120px !important;
}

span.task_type_normal {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon_search_result.png) 0 0;
  margin: 0 auto;
}
span.task_type_request {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/icon_search_result.png) 0 -50px;
  margin: 0 auto;
}

.task_regist_card {
  position: relative;
  width: 660px !important;
}
.task_regist_card .card_wrapper {
  height: 64px;
}
.task_regist_card .card_subject {
  float: left;
}
.task_regist_card .card_subject .wrap_option {
  padding: 0;
}
.task_regist_card .card_subject .wrap_option input {
  margin: 15px 0 0 0;
}
.task_regist_card .card_subject .wrap_option label {
  display: none;
}
.task_regist_card .card_subject .wrap_option span {
  display: inline-block;
  vertical-align: top;
}
.task_regist_card .card_content {
  margin-left: 70px;
}
.task_regist_card .card_content .help {
  margin-top: -4px;
}
.task_regist_card .card_content .content_desc {
  letter-spacing: -1px;
  color: #888;
}
.task_regist_card .card_content span.txt {
  font-weight: bold;
  font-weight: 500;
}

/*
.task_regist_card label.center_type {}
.task_regist_card label.center_type span.txt {font-weight:500}
.task_regist_card .card_subject {text-align:center}
.task_regist_card .card_content {margin-top:10px}
.task_regist_card .card_content .content_desc {text-align:center; letter-spacing:-1px; color:#888}
.task_regist_card .card_action {position: absolute; margin: 0 ; bottom: 10px; left:50%; margin-left:-90px}
.task_regist_card .card_action a.btn_lead {margin:0 auto; min-width:180px; }
*/
.option_display span.byte {
  margin-left: 8px;
  font-size: 12px;
  color: #999;
}

.form_taskfolder_add table.in_table {
  margin-top: 10px;
}

.option_task_category table.in_table th.delete {
  width: 10px !important;
}
.option_task_category table.in_table td.delete {
  text-align: center;
}
.option_task_category table.in_table th.subject {
  text-align: left;
}
.option_task_category div.vertical_wrap_s {
  margin: 0;
}
.option_task_category .wrap {
  height: 28px;
  margin-bottom: 5px;
}

.option_task_additem {
  border: none !important;
  padding: 0 !important;
}
.option_task_additem .wrap {
  height: 28px;
  margin-bottom: 5px;
}
.option_task_additem table.in_table th.subject {
  width: 150px !important;
  text-align: left;
}
.option_task_additem table.in_table td.subject {
  text-align: left;
}
.option_task_additem table.in_table th.type {
  width: 80px !important;
  text-align: left;
}
.option_task_additem table.in_table td.type {
  text-align: left;
}
.option_task_additem table.in_table th.essential {
  width: 100px !important;
  text-align: left;
}
.option_task_additem table.in_table td.essential {
  text-align: left;
}
.option_task_additem table.in_table th.detail {
  min-width: 150px !important;
  text-align: left;
}
.option_task_additem table.in_table td.detail {
  text-align: left;
}
.option_task_additem table.in_table td.detail strong {
  margin-left: 5px;
  color: #2eacb3;
  letter-spacing: -1px;
}
.option_task_additem table.in_table th.mgmt {
  width: 80px !important;
  text-align: center;
}
.option_task_additem table.in_table td {
  text-align: center;
}

.option_task_share table.in_table {
  margin: 0 !important;
}
.option_task_share table.in_table th,
.option_task_share table.in_table td {
  text-align: left;
}
.option_task_share table.in_table th.subject {
  width: 150px !important;
}
.option_task_share table.in_table th.share {
  min-width: 130px !important;
}
.option_task_share table.in_table td.read {
  min-width: 200px !important;
  text-align: left;
}
.option_task_share table.in_table th.delete {
  width: 30px !important;
  text-align: center;
}
.option_task_share table.in_table td.delete {
  text-align: center;
}
.option_task_share div.vertical_wrap_s {
  margin: 0;
}

.option_task_share2 .list_option li {
  margin-top: 0;
}
.option_task_share2 .wrap_btn_m {
  padding: 2px 0;
}
.option_task_share2 span.s_title {
  display: block;
  font-weight: bold;
  font-weight: 500;
}
.option_task_share2 ul.list_option li span {
  font-weight: normal;
}

.content_wrap_top > .state {
  vertical-align: middle;
  margin: 5px 4px 0 0;
}

/*task_detail*/
.content_top h1 span.ic_side {
  vertical-align: middle;
}
.content_top h1 > span.ic_side {
  display: none;
}

.content_wrap_top {
  padding: 16px 24px;
}
.content_wrap_top span.title {
  font-size: 20px;
  vertical-align: top;
}

.task_type {
  margin: 5px 24px;
  border: 5px solid #e8e8e8;
}
.task_type div.bar {
  border-bottom: 1px solid #e8e8e8;
}

.box_h {
  position: relative;
  padding: 15px 15px 5px 15px;
}
.box_h h1 .btn_wrap {
  font-size: 14px;
  vertical-align: top;
}
.box_h h1 span.title {
  margin: -1px 0 0 5px;
  font-size: 16px !important;
  height: 20px;
  font-weight: bold;
  font-weight: 500;
  letter-spacing: -1px;
  vertical-align: top;
}

.task_type .box_h .meta_header {
  position: absolute;
  right: 0px;
  top: 15px;
}
.task_type .box_h .meta_header .register {
  float: left;
  margin-right: 10px;
}
.task_type .box_h .meta_header .register .date {
  margin-left: 7px;
}
.task_type .box_h .meta_header .tool_bar {
  float: right;
  margin-top: -12px;
}
.task_type .form_task_spec {
  table-layout: fixed;
}
.task_type .form_task_spec th {
  width: 80px;
  padding-left: 17px;
}
.task_type .form_task_spec td {
  width: auto;
}
.task_type .form_task_spec td.full {
  padding: 0 17px 15px 17px;
}
.task_type .form_task_spec td span.state {
  margin-right: 10px;
  width: 35px;
  font-weight: normal;
}
.task_type .form_task_spec td span.state + span.date {
  color: #ff616b;
}
.task_type .form_task_spec .member {
  margin-right: 10px;
}
.task_type .form_task_spec .member img {
  width: 24px;
  height: 24px;
  border-radius: 15px;
  vertical-align: middle;
}
.task_type .add_file {
  margin: 15px;
  border: 1px dotted #c9c9c9;
}
.task_type .img_wrap {
  margin: 15px;
}
.task_type .img_wrap li {
  margin-top: 0;
}

.activity_type {
  margin: 10px 24px;
  border: 1px solid #e8e8e8;
}
.activity_type div.bar {
  border-bottom: 1px solid #e8e8e8;
}
.activity_type .write_wrap {
  padding: 0 20px;
}
.activity_type .article_wrap .article_edit .write_wrap {
  margin-left: 68px;
  padding: 0;
  margin-top: 8px;
}
.activity_type .article_wrap .article_edit .file_wrap {
  margin-left: 0 !important;
}
.activity_type .article_wrap .reply_wrap span.btn_fn7, .activity_type .article_wrap .reply_wrap span.btn_minor_s {
  bottom: 9px;
}
.activity_type .article_wrap div.info {
  margin-left: 56px;
}
.activity_type .article_wrap .article_activity {
  margin-left: 64px;
}
.activity_type .article_wrap .reply_wrap .reply_common .msg_wrap .info {
  padding: 0;
}
.activity_type .file_tab_wrap {
  padding: 10px 20px 30px 20px;
}
.activity_type ul.file_wrap li {
  margin-top: 2px;
}
.activity_type ul.feed_type > li {
  padding: 10px 0 25px 0;
  border: none;
}
.activity_type ul.feed_type > li div.info span.date {
  display: inline;
  margin-left: 5px;
}
.activity_type ul.feed_type li div.article_wrap div.info a.name {
  vertical-align: baseline;
  letter-spacing: -1px;
}
.activity_type ul.feed_type li ul.reply li.creat {
  border-top: none;
}
.activity_type ul.feed_type > li div.article_wrap {
  margin-right: 0px;
}
.activity_type ul.feed_type > li div.info span.txt {
  color: #484848;
  vertical-align: baseline;
}
.activity_type .box_sub_h {
  position: relative;
}
.activity_type .tool_bar {
  position: absolute;
  right: 0;
  top: -6px;
}

.report_detail .activity_type .tool_bar .optional {
  position: relative;
}

.activity_type .tool_bar .optional li .btn_tool {
  border: 1px solid #ddd;
}

/* .activity_type header.box_h h1 .btn_wrap {line-height:16px} */
.aside_wrapper .single_title {
  padding: 0 20px;
  line-height: 34px;
}
.aside_wrapper .single_title2 {
  padding: 0 13px;
}

.btn_activity .txt_b {
  display: inline-block;
  font-size: 11px;
  letter-spacing: -1px;
  vertical-align: top;
  margin-top: 1px;
}
.btn_activity .txt_b + .num {
  margin-left: 3px !important;
  line-height: 1;
  font-size: 12px !important;
  color: #888 !important;
}

table.type_normal td span.btn_wrap.btn_activity .txt_b {
  vertical-align: top;
  margin-top: 0;
  line-height: 1.5;
}

:root .btn_activity .ic_activvity {
  vertical-align: top;
  margin-top: 1px\0 /IE9;
}
:root table.type_normal td span.btn_wrap.btn_activity .txt_b + .num {
  line-height: 1.3\0 /IE9;
}

/* IE9 hack */
/* IE9 hack */
@media \0 screen {
  .btn_activity .ic_activvity {
    vertical-align: top;
    margin-top: 1px\0 /IE9;
  }
}
/* IE8 hack */
.post_result .btn_activity {
  margin-bottom: 2px;
}

/*reply_common*/
.article_wrap .reply_wrap .reply_common {
  margin: 0 !important;
}
.article_wrap .reply_wrap .reply_common .reply_create {
  padding: 8px 0;
}
.article_wrap .reply_wrap .reply_common .reply_create span.photo {
  left: 0;
  top: 9px;
}
.article_wrap .reply_wrap .reply_common .reply_create span.btn_fn7, .article_wrap .reply_wrap .reply_common .reply_create span.btn_minor_s, .article_wrap .reply_wrap .reply_common .reply_create span.btn_fn7, .article_wrap .reply_wrap .reply_common .reply_create span.btn_minor_s {
  bottom: 0;
}
.article_wrap .reply_wrap .reply_common .depth_in .msg_wrap span.posi1 {
  position: static !important;
}
.article_wrap .reply_wrap .reply_common .depth_in .msg_wrap span.btn_fn7, .article_wrap .reply_wrap .reply_common .depth_in .msg_wrap span.btn_minor_s {
  bottom: 0;
}

/*@@@reply_feed 84임시로 : 파일첨부아이콘만 변경 */
/*84*/
.compo_reply_create {
  position: relative;
}

/*task_list*/
.tb_task_list th.checkbox {
  width: 70px;
}
.tb_task_list th.state {
  width: 60px;
}
.tb_task_list th.subject {
  min-width: 200px;
  text-align: left;
}
.tb_task_list th.subject span.title_sort {
  text-indent: 30px !important;
}
.tb_task_list td.subject {
  text-align: left;
  padding-left: 35px !important;
}
.tb_task_list th.duedate {
  width: 150px;
}
.tb_task_list th.name {
  width: 180px;
}

/* tb_file_list */
.tb_file_list tr > .check {
  width: 30px;
}
.tb_file_list tr > .date {
  width: 102px;
}
.tb_file_list tr > .size {
  width: 60px;
}
.tb_file_list tr > .file {
  width: 63px;
}

/*task_layer*/
.layer_task_type {
  table-layout: fixed;
  position: absolute;
  width: 500px !important;
}
.layer_task_type .in_table {
  margin-top: 10px;
}
.layer_task_type .form_type th {
  width: 70px !important;
}
.layer_task_type .form_type td.default, .layer_task_type .form_type td.delete {
  text-align: center;
}

/*task_home*/
.task_home ul.article_list > li {
  border: 1px solid #ddd;
  margin: 10px 12px;
  min-height: 180px;
}
.task_home .task_list li .data_null {
  padding: 68px 0;
}
.task_home ul.article_list > li.no_focus:hover {
  background-color: #fff;
}

/* task_list */
ul.task_list span.category {
  display: block;
  margin: 10px 0 0 0;
}
ul.task_list span.ic_lock {
  vertical-align: top;
  margin: 5px 8px 0 0;
}

.task_list li .btn_activity {
  display: block;
  margin: 20px 0 -2px;
}
.task_list li .btn_activity .ic_activvity {
  display: none;
}
.task_list li .btn_activity .txt_b {
  font-size: 13px;
  color: #333;
  width: 60px;
}
.task_list li .btn_activity .txt_b:hover {
  color: #333 !important;
}
.task_list li .btn_activity .num {
  display: inline-block;
  font-size: 13px;
  color: #333;
  vertical-algin: top;
  margin: 4px 0 0 0;
}

ul.task_list span.category {
  color: #999;
  font-size: 12px;
}
ul.task_list > li div.article_wrap {
  padding-bottom: 4px;
}

.task_home ul.task_list > li div.meta_wrap {
  position: static;
  margin: 0;
}

ul.task_list > li div.meta_wrap th,
ul.task_list > li div.meta_wrap td {
  height: 26px;
  text-align: left;
  background-color: transparent;
}
ul.task_list > li div.meta_wrap th {
  font-weight: normal;
  width: 60px;
  font-size: 13px;
}
ul.task_list > li div.meta_wrap td span.state {
  padding: 2px 4px;
}
ul.task_list > li div.meta_wrap span.delay + span.date {
  color: #ff616b;
}
ul.task_list > li div.meta_wrap span.date {
  display: inline-block;
  margin-top: 0;
}
ul.task_list > li div.meta_wrap span.delay {
  display: inline-block;
  width: 35px;
  margin-right: 5px;
  font-weight: normal;
}
ul.task_list > li div.meta_wrap span.member {
  display: block;
  text-align: left;
}
ul.task_list > li div.meta_wrap span.member img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  vertical-algin: top;
  margin: 0 4px 0 0;
}
ul.task_list > li div.meta_wrap span.member span.txt {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task_list li {
  display: inline-block;
  width: 28%;
  margin: 0 1.1% 16px 0 !important;
  vertical-align: top;
  border-radius: 8px;
}
.task_list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 30px -20px rgba(0, 0, 0, 0.3);
}
.task_list li .article_wrap {
  margin: 0 !important;
}
.task_list li .title {
  font-weight: normal;
  font-size: 18px;
  max-width: 80%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task_list li .data_null {
  padding: 57px 0;
}

.task_home {
  border-top: 1px solid #fff;
}
.task_home .bottom_action {
  margin: 30px 24px;
}
.task_home .btn_list_reload {
  padding: 10px 0;
  box-sizing: border-box;
  width: 100%;
}
.task_home .task_list {
  margin: 24px 0 24px 24px;
}

.layer_task_print {
  width: 100% !important;
  box-shadow: none !important;
}
.layer_task_print .content {
  padding: 0 !important;
  background: #fff;
}
.layer_task_print .content_wrap_top {
  background-color: white;
  border: 0;
  margin-top: 10px;
  display: block;
  height: auto;
}
.layer_task_print .content_wrap_top span.title {
  font: bold 18px dotum;
  display: inline;
  line-height: 1.4;
  color: #333;
}
.layer_task_print .content_wrap_top span.state {
  font-size: 14px;
}
.layer_task_print .task_type .box_h {
  background: #fff;
  padding: 15px 10px 10px;
  height: auto;
  border-bottom: 0;
}
.layer_task_print .task_type .box_h h1 span.title {
  color: #333;
  margin-left: 0;
}
.layer_task_print .task_type .box_h h1 span.meta span.team, .layer_task_print .task_type .box_h h1 span.meta_section span.times {
  font-size: 13px;
  vertical-align: bottom;
}
.layer_task_print .task_type .box_h h1 span.txt {
  font-size: 18px;
  color: #000;
}
.layer_task_print .task_type .single_title {
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 15px;
  background: #fff;
}
.layer_task_print .task_type .box_h div.reporter {
  min-height: 38px;
}
.layer_task_print .task_type .form_type th {
  padding-left: 15px;
}
.layer_task_print .task_type .form_task_spec th span.title {
  color: #333;
}
.layer_task_print .activity_type {
  border-color: #ccc;
}
.layer_task_print .activity_type .box_h {
  padding: 10px 15px;
  background-color: white;
  height: auto;
  border-radius: 6px 6px 0 0;
}
.layer_task_print .activity_type .box_h h1 {
  padding-top: 3px;
}
.layer_task_print .activity_type .box_h span.title {
  color: #333;
  margin-left: 0;
}
.layer_task_print .reply_wrap ul.reply {
  border-radius: 0;
  border: 0;
}
.layer_task_print .activity_type .wrap_btn,
.layer_task_print .activity_type .page_action_wrap {
  display: none;
}
.layer_task_print .reply_wrap .bottom_action,
.layer_task_print .reply_wrap .creat,
.layer_task_print .reply_wrap ul.reply > li.first {
  display: none;
}
.layer_task_print .aside_wrapper header.single_title {
  height: auto;
  background-color: white;
}
.layer_task_print .article_reply {
  margin: 0 12px;
}
.layer_task_print ul.reply li.view_option {
  border-top: 1px solid #e6e6e6;
}
.layer_task_print ul.type_simple_list li {
  border-top: 0;
}
.layer_task_print .ic,
.layer_task_print .size,
.layer_task_print .btn_fn4,
.layer_task_print .ic_file,
.layer_task_print .ic_classic {
  display: none;
}

div.layer_task_print div.tool_bar, div.layer_task_print div.content div.task_type header a.btn_layer_x {
  display: none;
}

/* div.layer_task_print div.add_file div.add_file_header {border-bottom:1px solid #e9e9e9; background: #fff} */
.layer_task_print section.article_reply div.reply_wrap ul.reply > li {
  border-bottom: none;
}
.layer_task_print .article_reply .reply .view_option {
  padding-bottom: 0px !important;
}
.layer_task_print .task_type .add_file {
  border: 1px solid #ddd;
}
.layer_task_print section.article_reply div.reply_wrap ul.reply li.depth_in:hover {
  background: none;
}

/* .layer_task_print div.add_file ul.file_wrap {padding-top:3px} */
div.layer_task_print div.task_type header div.reporter span.name {
  font-size: 12px;
  font-weight: normal;
}

.layer_task_print span.state {
  display: inline-block;
  background: transparent;
  padding: 2px;
  text-align: center;
  font: bold 11px dotum;
  letter-spacing: 0px;
  line-height: 1;
  border: 1px solid #ccc;
  color: #ccc;
  width: auto;
  margin-right: 3px;
}
.layer_task_print span.state.notyet {
  color: #ff616b;
  border-color: #ff616b;
}
.layer_task_print span.state.temp {
  color: #f6b3b3;
  border-color: #f6b3b3;
}
.layer_task_print span.state.pause {
  color: #a3a3a3;
  border-color: #a3a3a3;
}
.layer_task_print span.state.ongoing {
  color: #37bec5;
  border-color: #37bec5;
}
.layer_task_print span.state.finish {
  color: #a0c1cf;
  border-color: #a0c1cf;
}
.layer_task_print span.state.finished {
  color: #b8b8b8;
  border-color: #b8b8b8;
}
.layer_task_print span.state.etc {
  color: #78a2e4;
  border-color: #78a2e4;
}
.layer_task_print span.state.read {
  color: #a6c76c;
  border-color: #a6c76c;
}
.layer_task_print span.state.delay {
  color: #ff616b;
  border-color: #ff616b;
}
.layer_task_print span.state.standby {
  color: #f6b3b3;
  border-color: #f6b3b3;
}
.layer_task_print .task_type .form_task_spec td span.state {
  width: auto;
}
.layer_task_print .activity_type .write_wrap {
  padding-bottom: 10px;
}
.layer_task_print ul.reply li.view_option > span.txt_b:last-child {
  display: none;
}
.layer_task_print ul.tab_menu li {
  border-color: #ddd;
}
.layer_task_print .activity_type ul.feed_type > li {
  padding-bottom: 15px;
}
.layer_task_print div.tab_menu_wrap {
  margin-bottom: 5px;
  padding: 0 24px;
}
.layer_task_print .aside_wrapper header.single_title {
  height: auto;
  background-color: white;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #ccc;
  border-radius: 0 !important;
}
.layer_task_print footer.btn_layer_wrap {
  margin-top: -1px;
}
.layer_task_print div.feed_contents_wrap ul.reply li span.photo {
  top: 3px;
}
.layer_task_print div.feed_contents_wrap ul.feed_type > li div.article_wrap div.article {
  min-height: 50px;
}

.layer_doc_editor .btn_major_s span.txt {
  vertical-align: middle !important;
}

:root .layer_doc_editor .btn_major_s span.txt {
  position: relative;
  top: 2px\9 ;
}

/* dashboard asset */
div.dashboard_asset div.dataTables_wrapper table.type_normal thead th span.title_sort {
  height: 32px;
  line-height: 32px;
}
div.dashboard_asset div.dataTables_wrapper table.type_normal tbody tr.last td {
  border-bottom: 0;
}
div.dashboard_asset div.dataTables_wrapper table.type_normal tbody td {
  padding: 8px 16px;
}
div.dashboard_asset div.dataTables_wrapper table.type_normal tbody td:first-child {
  text-align: left;
  padding-left: 32px;
}
div.dashboard_asset div.dataTables_wrapper table.type_normal tbody td:last-child {
  text-align: right !important;
  padding-right: 32px;
}
div.dashboard_asset div.dataTables_wrapper table.type_normal tbody tr:hover td {
  background-color: #eee;
}
div.dashboard_asset table.type_normal tbody tr td ul.list_more li {
  margin-top: 2px;
}
div.dashboard_asset table.type_normal tbody tr td ul.list_more li span {
  color: #999;
}

section.asset_list {
  margin-top: 0px;
}
section.asset_list ul {
  border-top: 1px solid #c7c7c7;
  background-color: #fdfdfd;
}
section.asset_list ul.article_list li {
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
section.asset_list ul.article_list li:hover {
  cursor: default;
}
section.asset_list ul li span.asset_admin {
  display: inline-block;
  font: 12px dotum;
  color: #888;
  margin-left: 12px;
}
section.asset_list div.article_wrap div.info {
  margin: 0 0 0 4px;
}
section.asset_list div.article_wrap div.info span.count {
  display: inline-block;
  min-width: 70px;
  margin-left: 12px;
  font-size: 12px;
}
section.asset_list div.article_wrap div.info a.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  min-width: 90px;
  max-width: 650px;
  vertical-align: baseline;
  color: #333;
  padding-top: 4px;
  line-height: 15px;
}
section.asset_list div.article_wrap div.info span {
  vertical-align: top;
  padding-top: 4px;
}
section.asset_list div.article_wrap div.info span.ic_normallist {
  background-position: -310px -17px;
}
section.asset_list div.article_wrap div.info a.btn_fn7 {
  vertical-align: top;
  margin-left: 12px;
}
section.asset_list ul.article_list li div.article_wrap {
  margin-right: 50px;
}
section.asset_list div.article_wrap div.info span.count:hover, section.asset_list div.article_wrap div.info span.asset_admin > span.name:hover {
  cursor: pointer;
}

/* type_reservation */
table.type_reservation {
  table-layout: fixed;
}
table.type_reservation thead th {
  font-size: 12px;
  font-family: 돋움, dotum, AppleGothic, Helvetica, sans-serif;
}
table.type_reservation tbody th.time {
  font: normal 11px dotum;
  background: #fafafa;
}

/* asset */
div.content_page.asset div.content_info_wrap ul.simple_info > li {
  width: 100%;
}

.asset .editor_view {
  margin: 0;
}

/* mail */
div.mail_view div.header {
  padding: 0 0 20px;
}
div.mail_view div.header h2 {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.5;
}
div.mail_view div.header h2 span.ic_important_off, div.mail_view div.header h2 span.ic_important_on {
  margin: -8px 2px 0 0;
  width: 22px;
  height: 22px;
  background-size: 1000px !important;
}
div.mail_view div.header h2 span.ic_important_off {
  background: url(../images/icx2.png) -720px -400px;
}
div.mail_view div.header h2 span.ic_important_on {
  background: url(../images/icx2.png) -820px -400px;
}
div.mail_view div.header h2 span.title {
  display: inline;
  margin: 0;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.04em;
}
div.mail_view div.header h2 span.ic_original {
  vertical-align: top;
  margin: 5px -4px 0 6px;
}
div.mail_view div.header h2 span.btn_schedule_register {
  margin: 8px 0 0 8px;
  vertical-align: top;
}
div.mail_view div.header h2 span.btn_register > .ic_gnb {
  display: none;
}
div.mail_view div.header h2 .btn_set_wrap {
  margin-left: 15px;
  margin-top: 4px;
  white-space: nowrap;
}
div.mail_view div.header h2 span.ic_tag {
  vertical-align: top;
  margin: 6px 0 0 10px;
}
div.mail_view div.header h2 .ic_exclamation {
  transform: scale(1.5);
  vertical-align: middle;
  margin-top: -8px;
  margin-right: 4px;
}
div.mail_view div.header h2 #readTagWrap .ic_ai {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  display: inline-block;
  vertical-align: top;
  margin: 2px 0 0 4px;
}
div.mail_view div.add_file {
  margin-bottom: 20px;
  position: relative;
}
div.mail_view div.add_file .mail_sign {
  position: absolute;
  top: -45px;
  right: -8px;
}
div.mail_view div.add_file ul.file_wrap > li {
  padding: 4px 8px;
}
div.mail_view div.add_file span.btn_wrap span.help {
  margin: 0 8px 0 0;
}
div.mail_view div.add_file span.help:hover > span {
  width: 305px;
  text-align: left;
}
div.mail_view div.add_file span.help:hover > span.top {
  left: -298px;
}
div.mail_view div.add_file + div.add_file {
  margin-top: -16px;
}
div.mail_view div.mail_view_area {
  line-height: 2;
  padding: 20px 0;
  border-top: 1px solid #eee;
}
div.mail_view div.alert_wrap {
  display: block;
  margin-bottom: 20px;
}
div.mail_view span.ic_important_off {
  margin: 100px 0 50px;
  max-width: 700px;
}
div.mail_view div.big_data_info {
  margin: 100px 0 50px;
  max-width: 700px;
}
div.mail_view div.big_data_info h1 {
  font-size: 14px;
}
div.mail_view div.big_data_info table.in_table {
  margin-top: 5px;
}
div.mail_view table.in_table th {
  font-weight: bold;
  font-weight: 500;
}

.layer_mail_popup div.mail_view div.header h2 .btn_set_wrap {
  white-space: nowrap;
}

div.optional_mail .btn_tool .ic {
  margin-right: 0;
}
div.optional_type2 span.page_num {
  margin-right: 5px;
}
div.btn_list_wrap strong {
  color: #999;
}
div.content_mail div.btn_page {
  margin-top: 7px;
}

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  *::-ms-backdrop,
  div.optional_mail select {
    padding: 4px 3px;
  }
  /* IE11 */
}
/* mail_write */
table.form_type div.div_ipt_wrap div.div_ipt {
  margin-right: 160px;
}
table.form_type div.div_ipt_wrap div.div_ipt_l {
  margin-left: 67px;
}
table.form_type div.div_ipt_wrap select.date_list {
  position: absolute;
  top: 1px;
  right: 63px;
  background: transparent;
  height: 25px;
  width: 90px;
}
table.form_type div.div_ipt_wrap select.send_list {
  position: absolute;
  top: 0;
  left: 0;
}
table.form_type div.div_ipt_wrap span.btn_add {
  position: absolute;
  top: 0;
  right: 0;
}
table.form_type div.div_ipt_wrap span.btn_add .txt {
  padding: 0;
}
table.form_type div.div_ipt_wrap span.btn_add .btn_minor_s {
  position: static;
  padding: 0 8px !important;
  width: auto;
}
table.form_type div.div_ipt_wrap a.btn_minor_s {
  position: absolute;
  top: 0;
  right: 64px;
  width: 85px;
  text-align: center;
}
table.form_type table.in_table tr:first-child {
  border-bottom: 1px solid #dedede;
}
table.form_type span.btn_wrap_right {
  float: right;
  margin-top: -30px;
}
table.form_type span.btn_wrap_right span {
  vertical-align: middle;
}
table.mail_write span.signature {
  margin-right: 10px;
}
table.mail_write span.signature select {
  min-width: 100px;
  max-width: 500px;
  white-space: nowrap;
}
table.mail_write td.option {
  padding-left: 13px;
}
table.mail_write dl.detail_option {
  float: left;
  margin-left: 7px;
}
table.mail_write dl.detail_option dt {
  float: left;
  height: 30px;
  line-height: 30px;
}
table.mail_write dl.detail_option dd {
  float: left;
  height: 30px;
  line-height: 30px;
}
table.mail_write dl.detail_option dd span.btn_wrap {
  margin-left: 10px;
}
table.mail_write dl.option_on {
  margin-right: 20px;
}
table.mail_write dl.detail_option dd.data_warp {
  display: none;
}
table.mail_write dl.option_on dd.data_warp {
  display: block;
}
table.mail_write dl.detail_optionspan.wrap_option input {
  margin-right: 3px;
}
table.mail_write dl.detail_option span.btn_minor_s {
  margin-right: 5px;
}
table.mail_write dl.detail_option span.btn_wrap {
  line-height: 100%;
}
table.mail_write div.detail_option_side {
  float: right;
  margin-left: 12px;
}
table.mail_write div.detail_option_side span.wrap_option {
  margin-left: 10px;
}

div.mail_write td div span.bigdata_wrap {
  vertical-align: baseline;
  margin-right: 5px;
}

:root div.mail_write td div span.bigdata_wrap input.checkbox {
  position: relative\9 ;
  top: -2px\9 ;
}

ul.list_receive {
  margin: 5px 0;
}
ul.list_receive li p.title {
  float: left;
  margin-top: 4px;
  color: #999;
  width: 65px;
}
ul.list_receive li ul.name_tag {
  *float: left;
}
ul.array_type li ins {
  display: inline-block;
  width: 20px;
  height: 16px;
  display: none;
}
ul.array_type li span {
  vertical-align: middle;
  font-size: 13px;
  white-space: nowrap;
}

ins.ic_mail_important {
  background-position: -200px -1900px;
}
ins.ic_mail_noread {
  background-position: -100px -900px;
}
ins.ic_mail_read {
  background-position: -100px -1950px;
}
ins.ic_mail_sent {
  background-position: -100px -1000px;
}
ins.ic_mail_reply {
  background-position: -300px -1900px;
}
ins.ic_mail_file {
  background-position: -200px -2050px;
}
ins.ic_today {
  background-position: -200px -1950px;
}
ins.ic_mail_yesterday {
  background-position: -250px -2000px;
}

.optional_type2 {
  position: absolute;
  right: 10px;
  width: 190px;
}

.content_mail .optional_type2 {
  width: 300px;
  white-space: nowrap;
  text-align: right;
}

.layer_mailWrite_popup .optional_mail {
  width: auto;
  top: 5px;
}

/* box */
/* box_type1 */
div.box_type1 {
  border: 1px solid #cacaca;
  padding: 10px;
  border-radius: 4px;
}

/* table collection */
table td.null {
  text-align: center;
}
table th.sorting_disabled {
  text-indent: 0;
}

/* list */
ul.list_line_no li {
  position: relative;
  padding: 3px 10px;
}
ul.list_line_no li:hover, ul.list_line_no li.choice {
  background: #f4f4f4;
}
ul.list_line_no li div.optional_posi {
  top: 4px;
  right: 0;
}
ul.list_line_no li.data_null:hover {
  background: none;
}
ul.list_line_no li div.optional_posi {
  top: 2px;
  right: 5px;
}

/* list_task_end */
table.list_task_end .checkbox {
  width: 20px;
}
table.list_task_end .part {
  width: 200px;
}
table.list_task_end .period {
  width: 150px;
}
table.list_task_end .num {
  width: 52px;
}
table.tb_address_search tbody tr td.road {
  border-right: 1px solid #ededed;
  padding-right: 8px !important;
}
table.tb_address_search thead tr th {
  width: 50%;
}
table.tb_address_search tbody tr td {
  width: 50%;
  vertical-align: top;
}
table.tb_mini_address_search tr th {
  width: 54px;
}
table.massrcpt th {
  width: 156px;
}
table.massrcpt td {
  text-align: left !important;
  padding: 4px 6px;
}
table.massrcpt .TM_attFile {
  border: 0 !important;
}
table.massrcpt a.ic_del {
  vertical-align: top;
  margin-top: -2px;
}

/* tb_address_search */
/* tb_mini_address_search */
/* table.massrcpt*/
.TM_attFile {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #666666;
  font-size: 12px;
  height: 20px;
  width: 100%;
}

/* table.tb_change_history */
table.tb_change_history thead tr th,
table.tb_change_history tbody tr td {
  text-align: left;
}
table.tb_change_history tr.option > td {
  background: url(../images/bg_view.gif) repeat-x 0 -50px;
}
table.tb_change_history tr td table.tb_approve_history {
  margin: 8px 0;
}
table.tb_change_history tr td table.tb_approve_history tr td {
  border: 1px solid #d9d9d9 !important;
  padding: 3px 5px;
}
table.tb_change_history tr td table.tb_approve_history tr td.num {
  width: 20px;
  background: #f3f3f3;
  text-align: center;
}
table.tb_change_history tr td table.tb_approve_history tr td.kind {
  width: 40px;
  text-align: center;
}
table.tb_change_history tr td table.tb_approve_history tr td.name {
  width: 30%;
  text-align: left;
}
table.tb_change_history tr td table.tb_approve_history tr td.depart {
  width: auto;
  text-align: left;
}
table.tb_change_history th,
table.tb_change_history td {
  text-align: left;
  line-height: 1.4;
}
table.tb_change_history .ver {
  width: 26px;
}
table.tb_change_history .date {
  width: 134px;
}
table.tb_change_history .func {
  width: 70px;
}
table.tb_change_history .func:last-child {
  text-align: right;
}
table.tb_change_history span.btn_wrap {
  vertical-align: top;
  margin-bottom: -4px;
}
table.tb_admin_myCalendar th {
  cursor: default;
}
table.tb_admin_myCalendar .check {
  width: 20px;
  min-width: 20px;
}
table.tb_admin_myCalendar .opt {
  width: 120px;
  min-width: 120px;
  text-align: center;
}
table.tb_admin_myCalendar .state {
  width: 100px;
  min-width: 100px;
}
table.tb_admin_myCalendar .contact_item_modify:hover {
  background: #e4e4e4;
}
table.tb_admin_myCalendar .contact_item_modify > .ui_edit {
  margin: 0;
  margin-top: -4px;
}
table.tb_admin_favorCalendar th {
  cursor: default;
}
table.tb_admin_favorCalendar .check {
  width: 20px;
  min-width: 20px;
}
table.tb_admin_favorCalendar .wonership,
table.tb_admin_favorCalendar .name {
  width: 200px;
  min-width: 200px;
}
table.tb_admin_favorCalendar .state,
table.tb_admin_favorCalendar .date {
  width: 100px;
  min-width: 100px;
}
table.tb_addr_list .checkbox {
  width: 20px;
}
table.tb_config_absence tr td {
  word-wrap: break-word;
}
table.tb_report_folder_mgmt .checkbox {
  min-width: 20px;
}
table.tb_report_folder_mgmt .name {
  min-width: 180px;
}
table.tb_report_folder_mgmt .date {
  min-width: 180px;
}
table.tb_report_folder_mgmt .setting {
  min-width: 80px;
  text-align: center;
}
table.tb_lately_survey .state {
  min-width: 66px;
}
table.tb_lately_survey .date {
  min-width: 160px;
}
table.tb_lately_survey .name {
  min-width: 120px;
}

/*	table.tb_change_history .date {width: 64px}
	table.tb_change_history .func {width: 20px; text-align: right}
*/
/* tb_admin_myCalendar */
/* tb_admin_favorCalendar */
/* tb_addr_list */
/* tb_config_absence */
/* tb_report_folder_mgmt */
/* tb_lately_survey */
/* list_move */
ul.list_move li {
  height: 25px;
  line-height: 24px;
}
ul.list_move li span.txt {
  display: inline-block;
  height: 25px;
  padding: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 600px;
}

span.txt_form_edit ul.list_move {
  background: #fffde5;
}
span.txt_form_edit ul.list_move li {
  position: relative;
  padding: 0 13px;
}
span.txt_form_edit ul.list_move li:hover {
  cursor: move;
}
span.txt_form_edit ul.list_move li:hover span.txt {
  cursor: move;
}
span.txt_form_edit ul.list_move li.list_move a {
  cursor: move;
}
span.txt_form_edit ul.list_move li:hover {
  outline: 1px dotted #e3dc86;
  padding: 0 15px 0 11px;
}
span.txt_form_edit ul.list_move li.move {
  border: 1px solid #e3dc86;
  background: #ffffaf url(../images/bg_move.png) no-repeat 3px center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
span.txt_form_edit ul.list_move li.move:hover {
  background: #ffffaf url(../images/bg_move.png) no-repeat 3px center;
  outline: none;
  padding: 0 13px;
}

/* list_survey001 */
table.list_survey001 .num {
  min-width: 30px;
}
table.list_survey001 .state {
  min-width: 50px;
}
table.list_survey001 .list_subject {
  min-width: 300px;
}
table.list_survey001 .date {
  min-width: 220px;
}
table.list_survey001 .name {
  min-width: 120px;
}
table.list_survey001 th.refer {
  width: 70px;
}

.list_survey001 td.refer {
  width: 70px;
}

table.list_survey001 td.list_subject,
.list_survey001 td.name {
  text-align: left;
}

/* list_survey003 */
table.list_survey003 .check {
  min-width: 20px;
}
table.list_survey003 .num,
table.list_survey003 .state {
  min-width: 50px;
}
table.list_survey003 .date {
  min-width: 220px;
}
table.list_survey003 .rate {
  min-width: 90px;
}
table.tb_lately_report_detail .times {
  min-width: 225px;
}
table.tb_lately_report_detail .status {
  min-width: 110px;
}
table.tb_lately_report_detail .write {
  min-width: 74px;
  text-align: center;
}
table.type_normal tr.active .ic_now {
  margin-right: 5px;
}
table.tb_lately_report_detail tr.active td span {
  font-weight: bold;
  font-weight: 500;
}
table.tb_lately_report_detail td.times span.date {
  color: #787878;
}
table.tb_lately_report_detail td.times span.times {
  margin-left: 10px;
  color: #787878;
}
table.tb_lately_report_detail td.write {
  text-align: center;
}
table.tb_lately_report_anytime .date {
  min-width: 130px;
}
table.tb_lately_report_anytime .reporter {
  min-width: 120px;
}
table.tb_lately_report_anytime td.subject .ic_popup {
  margin-left: 8px;
}
table.tb_lately_report_anytime td span.ic_new2 {
  margin-left: 4px;
  vertical-align: baseline;
}
table.tb_report_closed .checkbox {
  min-width: 20px;
  width: 20px;
}
table.tb_report_closed .period {
  min-width: 180px;
}
table.tb_report_sub_part .part {
  min-width: 180px;
}
table.tb_report_sub_part .name {
  min-width: 140px;
}
table.tb_report_sub_part .date {
  min-width: 150px;
}
table.tb_report_sub_part .setting {
  min-width: 30px;
  text-align: center;
}
table.tb_lately_report .date {
  min-width: 120px;
}
table.tb_lately_report .folder_type {
  min-width: 140px;
}
table.tb_lately_report .part,
table.tb_lately_report .name {
  min-width: 120px;
}
table.tb_lately_report .subject {
  min-width: 180px;
}
table.list_task002 .checkbox {
  min-width: 20px;
}
table.list_task002 .name {
  min-width: 120px;
}
table.list_task002 .date {
  min-width: 100px;
}
table.list_task002 .num {
  min-width: 50px;
  text-align: center;
}
table.list_task002 .setting {
  min-width: 30px;
  text-align: center;
}
table.list_task003 .checkbox {
  min-width: 20px;
}
table.list_task003 .period {
  min-width: 180px;
}
table.list_task003 .num {
  min-width: 50px;
  text-align: right;
}
table.list_task003 td.num {
  padding-right: 23px;
}
table.list_task001 .check {
  width: 20px !important;
}
table.list_task001 th.state {
  width: 58px !important;
}
table.list_task001 th.date {
  width: 90px !important;
}
table.list_task001 td.date {
  width: 90px !important;
}
table.list_task001 th.name,
table.list_task001 td.name {
  width: 120px !important;
}
table.list_task004 .part {
  min-width: 180px;
}
table.list_task004 .part span.title_sort {
  min-width: 110px;
}
table.list_task004 .name {
  min-width: 110px;
}
table.list_task004 .num {
  min-width: 80px;
  text-align: right;
}
table.list_task004 td.num {
  padding-right: 28px;
}
table.list_task004 .date {
  min-width: 150px;
}
table.list_task004 .setting {
  min-width: 60px;
}
table.list_manager_record .date {
  width: 120px;
}
table.list_manager_record .work,
table.list_manager_record .manager,
table.list_manager_record .doc_type,
table.list_manager_record .writer {
  width: 100px;
}
table.list_approval tr th,
table.list_approval tr td {
  word-break: break-all;
  white-space: nowrap;
}
table.list_approval .subject {
  min-width: 300px;
  word-break: normal;
  white-space: normal;
}
table.list_approval .check {
  width: 20px;
}
table.list_approval .date {
  width: 80px;
}
table.list_approval .doc {
  width: 100px;
}
table.list_approval .doc_emergency {
  width: 46px;
  text-align: center;
}
table.list_approval .doc_org {
  width: 100px;
}
table.list_approval .state_wrap {
  width: 60px;
}
table.list_approval .assort,
table.list_approval .deadline {
  width: 80px;
}
table.list_approval .doc_num {
  width: 134px;
}
table.list_approval .writer {
  width: 90px;
}
table.list_approval .name,
table.list_approval .doc_opt,
table.list_approval .part {
  width: 100px;
}
table.list_approval .attach {
  width: 40px;
}
table.list_approval .attach span.ic_file_s {
  margin-left: 0;
}
table.list_approval tbody tr td.subject a {
  display: inline;
}
table.list_approval tbody tr td.subject a .state {
  vertical-align: middle;
  margin: -2px 4px 0 0;
}
table.list_approval tbody tr td.subject a .btn_wrap {
  margin: -2px 0 0 4px;
}
table.list_approval tbody tr td.subject a .btn_wrap .ic_classic {
  vertical-align: middle;
}
table.list_approval tbody tr td.subject a span.txt {
  display: inline;
}
table.list_approval tbody tr td.subject span.ic_appr_receive {
  margin-right: 4px;
}

/* tb_lately_report_detail */
/* tb_lately_report_anytime */
/* tb_report_closed */
/* tb_report_sub_part */
/* tb_lately_report */
/* 텍스트 칼라값 삭제*/
/* list_task002 */
/* list_task003 */
/* list_task001 */
/* list_task004 */
/* list_manager_record */
/* list_approval */
/* list_officialDoc */
ul.list_officialDoc li div.msg_wrap div.info span.name {
  display: block;
}
ul.list_officialDoc li div.msg_wrap div.info span.department {
  display: block;
  margin: 0;
}

/* tb_part_doc */
table.tb_part_doc .check {
  width: 20px;
}
table.tb_part_doc .count {
  width: 60px;
  text-align: right;
}
table.tb_part_doc td.count {
  padding-right: 28px;
}
table.tb_part_doc .date {
  width: 106px;
}
table.tb_part_doc thead th.subject {
  padding: 0;
  text-indent: 8px;
}
table.tb_part_doc .public {
  width: 60px;
}
table.tb_part_doc .admin {
  width: 60px;
}
table.tb_part_doc .admin .wrap_btn {
  margin: 0 0 0 8px;
}
table.tb_part_doc .admin .wrap_btn:first-child {
  margin: 0;
}
table.tb_part_doc .doc_storage {
  width: 200px;
}
table.tb_part_doc .sort {
  width: 100px;
}
table.tb_config_personal_line .check {
  width: 20px;
}
table.tb_config_personal_line .count {
  width: 80px;
}
table.tb_config_personal_line td.count {
  text-align: right;
  padding-right: 28px;
}
table.tb_config_personal_line .state {
  width: 70px;
  text-align: center;
}

/* tb_config_personal_line */
/* mail_list */
.mail_list .check {
  width: 18px !important;
}
.mail_list .reception {
  min-width: 70px;
}
.mail_list .name {
  min-width: 80px;
}
.mail_list .redate {
  width: 120px;
  text-align: right;
}
.mail_list .action {
  width: 110px;
  padding-left: 6px;
  padding-right: 8px;
}
.mail_list .size {
  text-align: right;
  padding-right: 32px;
  padding-left: 0;
  line-height: 22px;
  white-space: nowrap;
}
.mail_list .size .num {
  font-size: 13px;
  white-space: nowrap;
}
.mail_list .dateSize {
  white-space: nowrap;
}
.mail_list .dateSize .date,
.mail_list .dateSize .num {
  white-space: nowrap;
  font-size: 13px;
}
.mail_list th span.btn_wrap {
  cursor: default;
}
.mail_list .exclamation {
  padding-left: 0;
  padding-right: 6px;
}
.mail_list .subject {
  padding-left: 0;
}

.form_add01 th {
  width: 60px;
}
.form_add02 th {
  width: 70px;
}
.form_add03 th {
  width: 50px;
}
.form_add04 th {
  width: 100px;
}
.form_add04 .help {
  z-index: 2;
}

.form_add05 .title {
  width: 130px;
}
.form_type.form_address01 {
  margin: 0;
}

.form_address01 th {
  width: 110px;
}
.sched_room .num,
.sched_room .equip,
.sched_room .floor,
.sched_room .action {
  text-align: center;
}

/* .sched_room .col1 {width:}
.sched_room .col2 {width:}
.sched_room .col3 {width:}
.sched_room .col4 {width:}
.sched_room .col5 {width:} */
.sub_list001 thead th.part {
  width: 120px;
}
.sub_list001 tbody td.right, .sub_list001 tbody td.action {
  text-align: center;
}

.sub_list002 thead th.part {
  width: 150px;
}
.sub_list003 thead th.title {
  width: 150px;
}
table.list_reser001 {
  min-width: 700px;
}
table.list_reser001 th:first-child,
table.list_reser001 td:first-child {
  text-align: left !important;
  padding-left: 10px !important;
}

.list_reser001 .code {
  text-align: left;
  min-width: 80px;
}
.list_reser001 .code span.txt {
  padding-left: 8px;
}
.list_reser001 .name {
  text-align: left;
  min-width: 150px;
}
.list_reser001 .count {
  width: 80px;
}
.list_reser001 .equip {
  width: 95px;
}
.list_reser001 .floor {
  min-width: 100px;
}
.list_reser001 .action {
  width: 60px;
}

table.list_reser002 {
  min-width: 700px;
}

.list_reser002 .code {
  text-align: left;
  min-width: 70px;
  max-width: 120px;
  padding-left: 14px;
}
.list_reser002 .name {
  min-width: 90px;
  text-align: left;
  padding-left: 7px;
}
.list_reser002 .count {
  min-width: 50px;
  max-width: 70px;
}
.list_reser002 .equip {
  width: 80px;
}
.list_reser002 .floor {
  min-width: 60px;
}
.list_reser002 .action {
  width: 60px;
}

table.type_normal.list_reser002 > thead tr th {
  padding-left: 0;
}
table.type_normal.list_reser002 > thead tr th:first-child {
  padding-left: 7px;
}
table.type_normal.list_reser002 > thead tr th.name {
  padding-left: 8px;
}

.list_reser003 .code {
  text-align: left;
  width: 80px;
}
.list_reser003 .code span.txt {
  padding-left: 8px;
}
.list_reser003 .name {
  text-align: left;
}
.list_reser003 .dpi {
  width: 80px;
}
.list_reser003 .inch {
  width: 95px;
}
.list_reser003 .action {
  width: 100px;
}

table.list_reser004 {
  min-width: 700px;
}

.list_reser004 .equip,
.list_reser004 .name {
  text-align: left;
}
.list_reser004 .date {
  width: 300px;
}
.list_reser004 .use {
  width: 60px;
  text-align: center;
}
.list_reser004 .action {
  width: 60px;
  text-align: center;
  vertical-align: top !important;
}
.list_reser004 td.name {
  padding-left: 10px;
}
.list_reser004 thead th {
  padding: 0 5px;
}
.list_reser004 thead th.equip {
  padding-left: 10px;
}

.list_reser005 .col1,
.list_reser005 .col2,
.list_reser005 .col3,
.list_reser005 .col4 {
  width: px;
}

table.list_reser006 {
  min-width: 630px;
}

.list_reser006 .name {
  min-width: 200px;
  text-align: left;
  padding-left: 15px;
}
.list_reser006 .count,
.list_reser006 .equip {
  width: 80px;
}
.list_reser006 .floor {
  min-width: 80px;
}
.list_reser006 .action {
  width: 80px;
}

table.type_normal.list_reser006 > thead tr th {
  padding-left: 0;
}
table.type_normal.list_reser006 > thead tr th:first-child {
  padding-left: 7px;
}
table.list_reser007 {
  min-width: 630px;
}

.list_reser007 .name {
  min-width: 200px;
  text-align: left;
  padding-left: 15px;
}
.list_reser007 .dpi {
  min-width: 80px;
}
.list_reser007 .action {
  width: 80px;
}

table.type_normal.list_reser007 > thead tr th {
  padding-left: 0;
}
table.type_normal.list_reser007 > thead tr th:first-child {
  padding-left: 7px;
}
table.list_mail001 {
  margin-top: 16px;
  min-width: 700px;
}

.list_reser001 .code {
  text-align: left;
  min-width: 80px;
}
.list_reser001 .code span.txt {
  padding-left: 8px;
}
.list_reser001 .name {
  text-align: left;
  min-width: 150px;
}
.list_reser001 .count {
  width: 80px;
}
.list_reser001 .equip {
  width: 95px;
}
.list_reser001 .floor {
  min-width: 100px;
}
.list_reser001 .action {
  width: 60px;
}

.list_mail001 .subject,
.list_mail001 .name {
  color: #555;
}

.form_mail001 .label {
  width: 116px;
}

/* go-2323 메일 서명 관리 */
.list_mail001 .action_cc {
  width: 75px;
  white-space: nowrap;
}
.list_mail001 .mailbox {
  width: 100px;
}
.list_mail001 .to {
  width: 130px;
  padding-left: 0;
}
.list_mail001 .size {
  width: 50px;
}

.list_mail001_1 .action {
  width: 60px;
  white-space: nowrap;
}
.list_mail001_1 .action_cc {
  width: 75px;
  white-space: nowrap;
}
.list_mail001_1 .to {
  width: 75px;
}
.list_mail001_1 th.subject {
  min-width: 75px;
}
.list_mail001_1 .redate {
  width: 55px;
}
.list_mail001_1 .size {
  width: 60px;
}
.list_mail001_1 span.boxInfo {
  color: #999;
  padding-right: 3px;
}
.list_mail001_1 span.name {
  width: 160px;
}

.list_mail002 .pop3 {
  min-width: 110px;
}
.list_mail002 .port {
  width: 40px;
}
.list_mail002 .ssl {
  width: 100px;
}
.list_mail002 .id {
  min-width: 100px;
}
.list_mail002 .savemail {
  width: 140px;
}
.list_mail002 .delete {
  width: 85px;
}
.list_mail002 .action {
  min-width: 80px;
}

/* go-5756 메일 환경설정 외부메일 */
.list_mail003 .mailbox {
  min-width: 150px;
}
.list_mail003 .expired {
  width: 80px;
}
.list_mail003 .unread {
  min-width: 80px;
  max-width: 120px;
}
.list_mail003 .usage {
  min-width: 60px;
}
.list_mail003 .manage {
  min-width: 100px;
  max-width: 220px;
}

/* go-5746 메일 환경설정 개인메일함 */
.form_mail002 .label {
  width: 110px;
}
/* go-2323 4-메일 상세검색 */
table.form_mail003 {
  margin-bottom: 0 !important;
}
table.form_mail003 tbody th {
  width: 140px;
}
table.form_mail004 .checkbox {
  width: 40px;
}
table.form_mail004 .filename {
  width: auto;
}
table.form_mail004 .filesize {
  width: 100px;
}
table.form_mail004 .attachtype {
  width: 150px;
}
table.form_mail004 .remove {
  width: 50px;
}

/* 메일 > 메일보내기 */
/* 메일 > 첨부파일 */
.form_reserach001 th {
  width: 120px;
}
.form_reserach001 tr.last td,
.form_reserach001 tr.last th {
  border-bottom: 1px solid #cdcdcd;
}
.form_reserach001 div.verspace1 {
  height: 5px;
}

/* 설문조사 > 설문작성 */
table.form_task001 tbody th {
  width: 120px;
}

.lsit_storage001 .check {
  width: 40px;
}
.lsit_storage001 .name {
  min-width: 330px;
}
.lsit_storage001 .size {
  width: 120px;
}
.lsit_storage001 .extension {
  width: 80px;
}
.lsit_storage001 .date {
  width: 130px;
}

/* go-2323 8-자료실목록 */
/*read_no*/
.comm_home .tab_contents li p.title a,
.comm_home .tab_contents li .article a {
  color: #888;
}
.comm_home .tab_contents li.read_no p.title a,
.comm_home .tab_contents li.read_no .article a {
  color: #4e4e4e;
}

.tb_classic_list .read_no td span.list_subject {
  font-weight: bold;
  font-weight: 500;
}
.tb_classic_list td span.list_subject {
  font-weight: normal;
  color: #666;
}
.tb_classic_list tr.noti td .read_no span.list_subject {
  color: var(--dop-color-text-status-information) !important;
  font-weight: bold;
  font-weight: 500;
}
.tb_classic_list tr.noti td span.list_subject {
  font-weight: normal;
  color: var(--dop-color-text-status-information) !important;
}
.tb_classic_list tr.noti td span.list_subject strong {
  font-weight: normal;
  color: var(--dop-color-text-status-information) !important;
}
.tb_classic_list tr.noti.read_no td span.list_subject {
  font-weight: bold;
  font-weight: 500;
}
.tb_classic_list tr.noti.read_no td span.list_subject strong {
  font-weight: bold;
  font-weight: 500;
}
.tb_classic_list th.check,
.tb_classic_list td .check {
  width: 40px;
}
.tb_classic_list th.num,
.tb_classic_list td.num {
  width: 60px;
}
.tb_classic_list th.name,
.tb_classic_list td.name {
  width: 110px;
  white-space: nowrap;
}
.tb_classic_list th.date,
.tb_classic_list td.date {
  width: 100px;
  white-space: nowrap;
}
.tb_classic_list th.read,
.tb_classic_list td.read,
.tb_classic_list th.plus,
.tb_classic_list td.plus {
  width: 50px;
}

/* .tb_classic_list th.subject ,.tb_classic_list td.subject {width:} */
.type_normal .plus {
  padding-right: 32px;
  text-align: right;
}

.list_comm001 .name {
  min-width: 100px;
}
.list_comm001 .members,
.list_comm001 .posts,
.list_comm001 .createAt,
.list_comm001 .master {
  min-width: 75px;
}
.list_comm001 .name {
  min-width: 90px;
}
.list_comm001 .members,
.list_comm001 .posts,
.list_comm001 .createAt,
.list_comm001 .master {
  min-width: 75px;
}
.list_comm001 .join {
  min-width: 50px;
}

/* go-2323 12-1 전체 커뮤니티 리스트 */
.list_survey002 .name {
  text-align: left;
  padding-left: 10px !important;
}
.list_survey002 .action {
  width: 60px;
}

.list_sub_doc .depart {
  width: 90px;
  text-align: left;
}
.list_sub_doc .date {
  width: 80px;
}
.list_sub_doc .writer,
.list_sub_doc .doc_type {
  width: 100px;
}
.list_sub_doc .subject {
  width: auto;
  text-align: left;
}
.list_sub_doc .attach {
  width: 50px;
  text-align: left;
}
.list_sub_doc .deadline,
.list_sub_doc .doc_num {
  width: 100px;
}

table.list_task001 span.delay {
  color: red;
}

/*layer_mailbox_detail*/
div.layer_mailbox_detail {
  width: 600px !important;
}
div.layer_mailbox_detail div.list_wrap {
  max-height: 300px !important;
  border-radius: 16px;
  background: #fff;
  border-color: #eaecef;
}
div.layer_mailbox_detail section h1.mail ins.ic {
  display: none;
  background: url(../images/ic_side.png) repeat-x;
  vertical-align: middle;
  width: 24px;
  height: 23px;
  background-position: -50px -198px;
}
div.layer_mailbox_detail section h1:hover {
  background-color: #f8f8f8; /*4.0*/
  border-radius: 8px;
}
div.layer_mailbox_detail section h1.on {
  cursor: pointer;
  background: #41c7ce;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#41c7ce), to(#32b5bd));
  background-image: -webkit-linear-gradient(270deg, #41c7ce 0%, #32b5bd 100%);
  background-image: -moz-linear-gradient(270deg, #41c7ce 0%, #32b5bd 100%);
  background-image: -o-linear-gradient(270deg, #41c7ce 0%, #32b5bd 100%);
  background-image: linear-gradient(top, #41c7ce 0%, #32b5bd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#41c7ce", endColorstr="#32B5BD",GradientType=0 );
  border-top: 1px solid #3eacb3;
  border-bottom: 1px solid #24858c;
  border-radius: 2px;
}
div.layer_mailbox_detail section h1.on span.txt {
  color: #fff;
}
div.layer_mailbox_detail ul.side_depth li p {
  /*4.0*/
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  border-radius: 12px;
  padding: 4px 8px;
  box-sizing: border-box;
}
div.layer_mailbox_detail ul.side_depth li p :hover {
  border-radius: 8px !important;
}
div.layer_mailbox_detail ul.side_depth li p.title span > a {
  display: flex; /*4.0*/
}
div.layer_mailbox_detail ul.side_depth li p.title_selected {
  background: #dee1e6;
  border: 1px solid #d3d5d9;
  border-radius: 2px;
}
div.layer_mailbox_detail section.lnb {
  padding: 8px; /*4.0*/
}
div.layer_mailbox_detail section.lnb ul.side_depth li.org_share > p > a {
  max-width: 205px;
}
div.layer_mailbox_detail section.lnb ul.side_depth li > p > a span.txt, div.layer_mailbox_detail section.lnb ul.side_depth li > p.on > a span.txt {
  max-width: 100%;
}
div.layer_mailbox_detail section.lnb ul.side_depth li span.btn_wrap {
  right: 2px;
}
div.layer_mailbox_detail section.lnb ul.side_depth:hover li span.btn_wrap .ic_side.ic_more_option {
  display: inline-block !important;
}
div.layer_mailbox_detail section.lnb h1 {
  padding-left: 10px;
}
div.layer_mailbox_detail ul.side_depth li {
  padding-left: 0;
}
div.layer_mailbox_detail ul.side_depth li > p {
  padding-left: 30px;
}
div.layer_mailbox_detail ul.side_depth li li > p {
  padding-left: 50px;
}
div.layer_mailbox_detail ul.side_depth li li li > p {
  padding-left: 70px;
}
div.layer_mailbox_detail ul.side_depth li li li li > p {
  padding-left: 90px;
}
div.layer_mailbox_detail ul.side_depth li li li li li > p {
  padding-left: 110px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li > p {
  padding-left: 130px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li > p {
  padding-left: 150px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li > p {
  padding-left: 170px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li > p {
  padding-left: 190px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li > p {
  padding-left: 210px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li > p {
  padding-left: 230px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li > p {
  padding-left: 250px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li > p {
  padding-left: 270px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li > p {
  padding-left: 290px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li > p {
  padding-left: 310px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li > p {
  padding-left: 330px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li > p {
  padding-left: 350px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li > p {
  padding-left: 370px;
}
div.layer_mailbox_detail ul.side_depth li span.open, div.layer_mailbox_detail ul.side_depth li span.close {
  top: 10px; /*4.0*/
  left: 15px;
}
div.layer_mailbox_detail ul.side_depth li li span.open, div.layer_mailbox_detail ul.side_depth li li span.close {
  left: 35px;
}
div.layer_mailbox_detail ul.side_depth li li li span.open, div.layer_mailbox_detail ul.side_depth li li li span.close {
  left: 55px;
}
div.layer_mailbox_detail ul.side_depth li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li span.close {
  left: 75px;
}
div.layer_mailbox_detail ul.side_depth li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li span.close {
  left: 95px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li span.close {
  left: 115px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li span.close {
  left: 135px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li span.close {
  left: 155px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li span.close {
  left: 175px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li span.close {
  left: 195px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li span.close {
  left: 215px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li span.close {
  left: 235px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li span.close {
  left: 255px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li span.close {
  left: 275px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li span.close {
  left: 295px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li span.close {
  left: 315px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li span.close {
  left: 335px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li span.close {
  left: 355px;
}
div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li li span.open, div.layer_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li li span.close {
  left: 375px;
}
div.context_mailbox_detail ul.side_depth li.org_share > p > a {
  max-width: 205px;
}
div.context_mailbox_detail ul.side_depth li > p > a {
  max-width: 490px;
}
div.context_mailbox_detail ul.side_depth li li > p > a {
  max-width: 470px;
}
div.context_mailbox_detail ul.side_depth li li li > p > a {
  max-width: 450px;
}
div.context_mailbox_detail ul.side_depth li li li li > p > a {
  max-width: 430px;
}
div.context_mailbox_detail ul.side_depth li li li li li > p > a {
  max-width: 410px;
}
div.context_mailbox_detail ul.side_depth li li li li li li > p > a {
  max-width: 390px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li > p > a {
  max-width: 370px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li > p > a {
  max-width: 350px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li > p > a {
  max-width: 330px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li > p > a {
  max-width: 310px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li > p > a {
  max-width: 290px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li > p > a {
  max-width: 270px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li > p > a {
  max-width: 250px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li > p > a {
  max-width: 230px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li > p > a {
  max-width: 210px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li > p > a {
  max-width: 190px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li > p > a {
  max-width: 170px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li > p > a {
  max-width: 150px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li li > p > a {
  max-width: 130px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li li li > p > a {
  max-width: 110px;
}
div.context_mailbox_detail ul.side_depth li li li li li li li li li li li li li li li li li li li li li > p > a {
  max-width: 90px;
}

/**/
/* datashare */
.gadget_design_wrap section.personal_data {
  padding: 10px 20px 15px !important;
  text-align: right;
}

section.personal_data {
  padding: 10px 24px 15px !important;
  text-align: right;
}
section.personal_data h1 {
  font-size: 14px;
  text-align: left;
  padding-left: 0;
  margin-bottom: 4px;
}
section.personal_data h1 > ins.ic {
  display: none;
  width: 29px;
  height: 22px;
  background: url(../images/ic_side.png) no-repeat -50px -350px !important;
}
section.personal_data span.num {
  color: #888;
  margin: 0;
  font-size: 12px;
}
section.personal_data span.num strong {
  color: #00a1b9;
  font-size: 12px;
}
section.personal_data span.gage_wrap {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 3px;
  background-color: #ebebeb;
  border-radius: 0;
}
section.personal_data span.part {
  color: #bbb;
  font-size: 11px;
  font-family: tahoma;
  margin: 0 4px;
}
section.personal_data span.txt {
  float: left;
  margin-top: 2px;
  color: #888;
  font-size: 11px;
}

div.data_share table.type_normal th,
div.data_share table.type_normal td {
  text-align: left;
}
div.data_share table.type_normal th span {
  display: inline-block;
  vertical-align: middle;
  text-indent: 0 !important;
}
div.data_share table.type_normal td span.btn_fn7 span.txt span.num {
  color: #f37247;
}
div.data_share table.type_normal th input {
  vertical-align: middle;
}
div.data_share div.option_display {
  position: relative;
  width: auto;
}
div.data_share table.type_normal td ins.ic_folder + a {
  vertical-align: middle;
}
div.data_share table.type_normal td a span.file_name, div.data_share table.type_normal td a span.folder_name {
  margin-right: 4px;
}
div.create_form {
  margin: 0 12px 10px 12px;
}
div.create_form h1 {
  font-size: 14px;
  display: inline-block;
  padding: 0;
  margin: 0;
}
div.layer_normal div.list_wrap h2 {
  font-size: 14px;
  margin-bottom: 5px;
}
div.layer_normal div.list_wrap h2 + ul {
  margin-left: 5px;
}
div.layer_folder_share div.content {
  overflow: hidden;
}
div.share_user {
  width: 372px;
  float: left;
}
div.user_search_wrap {
  width: 394px;
  float: left;
}
div.share_user h1, div.user_search_wrap h1 {
  font-size: 13px;
  margin-bottom: 8px;
}
div.share_user h1 {
  position: relative;
}
div.share_user h1 span.btn_fn4 {
  position: absolute;
  right: 0;
  top: 0px;
  font-family: 돋움, dotum, AppleGothic, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
}
div.share_user div.list_wrap {
  overflow-y: auto;
}
div.user_search_wrap > ul {
  overflow-y: auto;
}
div.share_user div.list_wrap {
  height: 184px;
}
div.user_search_wrap > ul {
  border: 1px solid #ddd;
  padding: 8px;
  height: 150px;
  border: 1px solid #ddd;
  padding: 8px;
  height: 150px;
}
div.user_search_wrap > ul li {
  padding: 2px 3px;
  min-height: 17px;
}
div.layer_folder_share div.list_wrap ul li {
  padding: 2px 3px;
  min-height: 17px;
  position: relative;
  padding-right: 50px;
}
div.layer_folder_share div.list_wrap ul li:hover {
  background-color: #e1e1e1;
  border-radius: 3px;
}
div.layer_folder_share div.list_wrap ul li span.user_info {
  display: inline-block;
  width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3b3b3b;
}
div.layer_folder_share div.user_search_wrap ul li span.user_info {
  display: inline-block;
  width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3b3b3b;
  width: 329px;
  vertical-align: middle;
}
div.layer_folder_share div.list_wrap ul li span.user_info span, div.layer_folder_share div.user_search_wrap ul li span.user_info span {
  color: #3b3b3b;
  letter-spacing: -1px;
}
div.layer_folder_share div.list_wrap ul li span.user_info span.name, div.layer_folder_share div.user_search_wrap ul li span.user_info span.name {
  font-weight: bold;
  font-weight: 500;
}
div.layer_folder_share div.list_wrap ul li span.user_info span.email, div.layer_folder_share div.user_search_wrap ul li span.user_info span.email {
  letter-spacing: 0px;
}
div.layer_folder_share div.list_wrap ul li span.user_info span.bar {
  color: #c2c2c2;
  margin: 0 2px;
}
div.layer_folder_share div.user_search_wrap ul li span.user_info span.bar {
  color: #c2c2c2;
  margin: 0 2px;
}
div.layer_folder_share div.user_search_wrap ul li input {
  vertical-align: middle;
}
div.layer_folder_share div.list_wrap ul li span.btn_write {
  position: absolute;
  right: 22px;
  top: 2px;
}
div.layer_folder_share div.list_wrap ul li span.btn_del {
  position: absolute;
  right: 2px;
  top: 2px;
}
div.layer_folder_share div.move_wrap {
  height: 200px;
  vertical-align: middle;
}
div.layer_folder_share .search_wrap {
  margin: 0 0 8px 0;
  height: 26px;
}
div.layer_folder_share .search_wrap input.search {
  width: 347px;
  height: 100%;
}
div.layer_folder_share .search_wrap > form {
  height: 24px;
}
div.layer_folder_share div.user_search_wrap ul li:hover {
  background-color: #e8e8e8;
  border-radius: 3px;
}
div.layer_folder_share span.title {
  font-weight: bold;
  font-weight: 500;
  color: #000;
}
div.layer_folder_share span.title + span.txt {
  vertical-align: middle;
  margin-left: 10px;
}
div.layer_folder_share .share_user .btn_fn4 {
  padding: 2px;
  background: #bebebe;
  border-radius: 2px;
}
div.layer_folder_share .share_user .btn_fn4 span.txt {
  line-height: 18px;
  color: #fff;
}

/* div.data_share table.type_normal th:first-child, div.data_share table.type_normal td:first-child {text-indent:10px; padding-left:0} */
/* :root div.layer_folder_share div.user_search_wrap ul li input {vertical-align:1px\0/IE9} */
.survey_wrap {
  min-width: 320px;
  max-width: 700px;
}

/* kita */
span.ic_space {
  display: inline-block;
  width: 4px;
}

div.kita_side section.lnb_open {
  background: #f6f7f9;
}
div.pallet {
  border: 1px solid #b5b5b5;
}
div.pallet ul.tab_pallet {
  height: 27px;
}
div.pallet ul.tab_pallet li {
  float: left;
  display: inline-block;
  height: 29px;
  line-height: 29px;
  text-align: center;
  background: #f4f4f4 url(../img/bg_text_tool.gif) 0 0 repeat-x;
  width: 100px;
  border-bottom: 1px solid #b5b5b5;
  cursor: pointer;
}
div.pallet ul.tab_pallet li a {
  color: #999;
}
div.pallet ul.tab_pallet li:first-child {
  border-right: 1px solid #b5b5b5;
  width: 97px;
}
div.pallet ul.tab_pallet li.selected {
  background: #fafafa;
  border-bottom: 1px solid #e7e7e7;
  cursor: default;
}
div.pallet ul.tab_pallet li.selected a {
  color: #333;
  font-weight: bold;
  font-weight: 500;
  cursor: default;
}
div.pallet div.pallet_item_wrap {
  clear: left;
  height: 100%;
  overflow-y: auto;
  background: #fafafa;
}
div.pallet div.pallet_item_wrap ul.pallet_item {
  clear: left;
  padding: 10px 0 35px;
}
div.pallet div.pallet_item_wrap ul.pallet_item > li {
  border-top: 1px solid #ddd;
  padding: 5px;
}
div.pallet div.pallet_item_wrap ul.pallet_item > li:first-child {
  border-top: 0;
  padding-top: 0;
}
div.pallet div.pallet_item_wrap ul.pallet_item li ul.items li {
  height: 27px;
  line-height: 27px;
  padding: 0 5px;
  cursor: pointer;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #fafafa;
}
div.pallet div.pallet_item_wrap ul.pallet_item li ul.items li span.txt {
  display: inline-block;
  width: 135px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.pallet div.pallet_item_wrap ul.pallet_item li ul.items li:hover {
  background: url(../images/bg_pallet_item.gif) repeat-x;
  height: 27px;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-radius: 2px;
}
div.pallet div.pallet_item_wrap ul.pallet_item li:active {
  background: url(../images/bg_pallet_item.gif) repeat-x 0 -50px;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #b2b2b2;
  border-radius: 2px;
}
div.pallet div.pallet_item_wrap ul.pallet_item li span.ic_pallet {
  vertical-align: middle;
  margin-right: 5px;
}

/* pallet */
/* pallet_icons */
span.ic_pallet {
  display: inline-block;
  background: url(../images/ic_pallet.gif) no-repeat;
  width: 19px;
  height: 19px;
}
span.ic_pallet_title {
  background-position: 0 0;
}

/* sign_member */
.sign_type1 .sign_member_wrap {
  display: inline-block;
}
.sign_type1 .sign_member_wrap .sign_member {
  display: inline-block;
  border: 1px solid #666;
  border-bottom: 0;
  margin-right: -1px;
}
.sign_type1 .sign_member_wrap .sign_member span {
  display: block;
  width: 50px;
  padding: 2px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  border-bottom: 1px solid #666;
  line-height: 1.4;
}
.sign_type1 .sign_member_wrap .sign_member span.rank {
  background: #fafafa;
}

/* editor */
/* div.editor_wrap {border:1px solid #B5B5B5} */
div.layer_normal div.tool_bar {
  padding-top: 0;
}
div.layer_normal .dataTables_wrapper table + div.tool_bar {
  padding-top: 20px;
}
div.layer_normal div.report_type {
  margin: 0px;
}
div.error500 {
  width: 800px !important;
}
div.error500 a.btn_major_s {
  margin-left: 350px !important;
}
div.error_page div.task_type {
  margin: 10px 0;
  padding: 10px;
  line-height: 1.5;
}
div.error_page div.task_type div.bar {
  margin: 10px 0;
}

/* error */
span.ic_error {
  display: inline-block;
  background: url(../images/ic_error.png) no-repeat 0 0;
}
span.ic_error_default {
  background-position: 0 0;
  width: 30px;
  height: 29px;
}

/* notice */
div.notice {
  position: relative;
  padding: 20px 15px;
  min-height: 54px;
}
div.notice p.title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 0 40px;
  letter-spacing: -1px;
}
div.notice p.desc {
  margin: 2px 0 0 40px !important;
}
div.notice span.ic_error_default {
  position: absolute;
  top: 22px;
  left: 15px;
}
div.notice table.in_table_type2 {
  margin: 10px 0 0 40px;
  width: 460px;
}
div.notice.last {
  border-bottom: 0 !important;
}

/* list_box1 */
ul.list_box1 > li {
  background: #f2f2f2;
  padding: 10px;
  margin-bottom: 1px !important;
}
ul.list_box1 li p.tit {
  color: #999;
}
ul.list_box1 li div.container {
  margin: 2px 0 0 0;
}
ul.list_box1 li div.container ul.file_wrap_normal {
  margin: 4px 0 0 0;
}

/* wrapper */
div.wrap_list_box1 {
  margin: 10px 0 0 0;
}

#swfupload-control {
  height: 27px;
}

/*flash file attach btn height*/
.feed_write_wrap .file_progressive_warp {
  position: absolute;
  top: 6px;
  left: -2px;
  background: #fff;
}
.feed_write_wrap .file_progressive_warp .ic_del {
  margin-left: 4px;
}
.feed_write_wrap .file_progressive_warp img {
  margin-top: 6px !important;
  margin-top: 4px !important;
}

.file_progressive_warp {
  display: inline-block;
}
.file_progressive_warp span.txt {
  font-size: 11px;
  color: #666;
  vertical-align: top !important;
  max-width: 510px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file_progressive_warp .progress_bar span.txt {
  color: #2eacb3;
  font-family: tahoma;
  font-weight: bold;
  font-weight: 500;
  font-size: 11px;
}
.file_progressive_warp .progress_file {
  margin-right: 10px;
}

/*file attach*/
.file_wrap .btn_fn4 {
  background: #fff;
  border: 1px solid #d9d9d9;
  margin-left: 4px;
}
.file_wrap .btn_fn4:hover {
  background-color: #f5f5f5;
  border-color: #bababa;
  border-top-color: #c9c9c9;
  border-bottom-color: #a6a6a6;
}
.file_wrap .btn_fn4 span.txt {
  color: #999 !important;
}

.widzet_none {
  background: none !important;
}
.widzet_none .comm_home {
  margin-right: 0;
}

/* editor_view */
.editor_view {
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0;
}
.editor_view ol,
.editor_view ul {
  padding-left: 40px;
  line-height: 1.5;
}
.editor_view ol {
  list-style: decimal;
}
.editor_view ul {
  list-style: disc;
}
.editor_view ol li,
.editor_view ul li {
  font-size: 12px;
}
.editor_view strong {
  font-weight: bold;
}
.editor_view .name_tag {
  padding-left: 0;
}
.editor_view .name_tag li.creat {
  margin-top: 5px;
}

.approval_type table {
  width: auto;
}
.approval_type table.form_type {
  width: 100%;
}

/* guide_board */
div.guide_board {
  background: url(../images/guide_favorite.png) no-repeat 0 bottom;
  margin: -15px auto 20px;
  padding: 10px 0 320px;
  border-top: 1px dashed #ccc;
}
div.guide_board ul.guide_desc {
  margin-bottom: 5px;
}

ul.guide_desc li {
  margin: 5px 0;
}
ul.guide_desc li span.num_type2 {
  margin-right: 5px;
}

span.num_type2 {
  display: inline-block;
  width: 18px;
  text-align: center;
  padding: 2px 0;
  border-radius: 3px;
  background: #0b99a1;
  color: #fff;
}

/* sign_box */
/* div.sign_box {display: inline-block; margin-right: -1px; font-size: 12px}
div.sign_box table.sign_member {border-spacing: 0; border-collapse: collapse;width:60px}
div.sign_box table.tb_sign_type1 {border: 1px solid #666}
div.sign_box table.tb_sign_type1 tbody tr th {width: 20px; background: #eee; padding: 6px; text-align: center}
div.sign_box table.tb_sign_type1 tbody tr td {border-left: 1px solid #666; padding:0 !important}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td {height: 26px; border-left: 0; border-bottom: 1px solid #666; min-height:26px}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.last {border-bottom: 0}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td span {display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 73px; padding: 0 4px; font-size:12px }
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_name {height: 48px; text-align: center}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_sign {height: 70px; text-align: center}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td span.sign_stamp {height: 40px; padding-bottom: 0}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td span.sign_stamp img {width: auto; height: 100%}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td span.arbitrary {background: url(../images/arbitrary.gif) no-repeat; height: 36px; padding:0}
div.sign_box table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_arbitrary {padding:0} */
/*mail_admin_inbox*/
.tb_inbox_mgmt {
  min-width: 750px !important;
}
.tb_inbox_mgmt td.name ins.ic {
  display: inline-block;
  width: 17px;
  height: 19px;
  margin-right: 0px;
  background: url(../images/ic_side.png) no-repeat -100px -50px;
  vertical-align: middle;
}
.tb_inbox_mgmt td.shared ins.ic {
  background-position: -100px -1400px;
}
.tb_inbox_mgmt tr.depth0 td.name {
  padding-left: 12px !important;
}
.tb_inbox_mgmt tr.depth1 td.name {
  padding-left: 32px !important;
}
.tb_inbox_mgmt tr.depth2 td.name {
  padding-left: 52px !important;
}
.tb_inbox_mgmt tr.depth3 td.name {
  padding-left: 72px !important;
}
.tb_inbox_mgmt tr.depth4 td.name {
  padding-left: 92px !important;
}
.tb_inbox_mgmt tr.depth5 td.name {
  padding-left: 112px !important;
}
.tb_inbox_mgmt tr.depth6 td.name {
  padding-left: 132px !important;
}
.tb_inbox_mgmt tr.depth7 td.name {
  padding-left: 152px !important;
}
.tb_inbox_mgmt tr.depth8 td.name {
  padding-left: 172px !important;
}
.tb_inbox_mgmt tr.depth9 td.name {
  padding-left: 192px !important;
}
.tb_inbox_mgmt tr.depth10 td.name {
  padding-left: 212px !important;
}
.tb_inbox_mgmt tr.depth11 td.name {
  padding-left: 232px !important;
}
.tb_inbox_mgmt tr.depth12 td.name {
  padding-left: 252px !important;
}
.tb_inbox_mgmt tr.depth13 td.name {
  padding-left: 272px !important;
}
.tb_inbox_mgmt tr.depth14 td.name {
  padding-left: 292px !important;
}
.tb_inbox_mgmt tr.depth15 td.name {
  padding-left: 312px !important;
}
.tb_inbox_mgmt tr.depth16 td.name {
  padding-left: 332px !important;
}
.tb_inbox_mgmt tr.depth17 td.name {
  padding-left: 352px !important;
}
.tb_inbox_mgmt tr.depth18 td.name {
  padding-left: 372px !important;
}
.tb_inbox_mgmt tr.depth19 td.name {
  padding-left: 392px !important;
}
.tb_inbox_mgmt tr.edit td.name {
  padding-left: 12px !important;
}
.tb_inbox_mgmt tr.edit td.name .txt_edit {
  min-width: 251px;
}
.tb_inbox_mgmt tr td.name span.txt_form:hover {
  background: #d5e3e2 !important;
}

/* IE8 hack */
@media \0 screen {
  .card_item div.card_wrapper table.form_s td .name {
    margin-top: 1px;
  }
  div.layer_approval_line div.content div.set_data div.list_approval_line_wrap {
    height: 316px;
  }
  div.layer_approval_reader div.content div.set_data div.list_approval_line_wrap {
    height: 324px;
  }
  div.layer_doc_attach div.div_scroll {
    height: 283px;
  }
  div.tit_type2 {
    padding: 8px !important;
  }
  div.mail_view div.header {
    margin-bottom: 15px;
  }
  span.btn_fn12, span.btn_fn13 {
    line-height: 19px;
  }
  span.btn_fn12 span.ic_gnb, span.btn_fn13 span.ic_gnb {
    margin: -1px 3px 0 0;
  }
  div.mail_view div.header h2 span.btn_schedule_register {
    margin: 2px 0 0 8px;
  }
  div.mail_view div.header h2 span.ic_original {
    vertical-align: top;
    margin: 5px -4px 0 6px;
  }
  table.list_report tr th span.title {
    margin-top: 6px !important;
  }
  table.list_report tr th.default_info span.btn_wrap {
    top: 1px !important;
  }
  div.content_search_wrap span.info {
    margin-top: -2px !important;
  }
  div.schedule_time span.ic_lock {
    top: 0 !important;
  }
  div.content_search_wrap dl.info {
    margin-top: -4px !important;
  }
  div.wrap_container ul.tab_nav li {
    border-left: 0;
  }
  /* section.aside_wrapper  {border-top:1px solid #ccc} */
  table.list_report tr th div.default_info span.btn_wrap {
    top: 1px !important;
  }
  div.card_wrapper .wrap_info span.ic_new2 {
    margin-top: 8px;
  }
  .btn_fn7 {
    line-height: 19px !important;
  }
  .form_static_option .btn_fn7 {
    line-height: 19px;
  }
  .btn_fn7 .ic_share {
    margin-top: 4px;
  }
  div.layer_reading ul.list_line li span.state {
    position: absolute;
    top: 8px;
    left: 10px;
  }
  div.layer_reading ul.list_line li span.department {
    display: inline-block;
    margin-left: 60px;
  }
  ul.search_period_select li span {
    padding-top: 1px;
  }
  a.btn_feedPlus span.wrap_feedPlus {
    margin: 7px 3px 0 0;
  }
  table.list_report ul.name_tag, table.tb_doc_info ul.name_tag {
    max-width: 600px;
  }
  table.list_report tr th, table.tb_doc_info tbody th {
    white-space: nowrap;
    padding-right: 5px;
  }
  ul.name_tag > li {
    line-height: 20px !important;
  }
  ul.name_tag li span.ic_addlist2 {
    top: -1px;
    left: -4px !important;
  }
  div.page_action_wrap .btn_major,
  footer.btn_layer_wrap .btn_major,
  div.page_action_wrap .btn_minor,
  footer.btn_layer_wrap .btn_minor {
    line-height: 33px;
  }
  .go_side section.side_nav span.select_nav span.comm_name {
    line-height: 31px;
  }
  .list_flow .option_wrap {
    margin-top: 4px !important;
  }
  .list_flow .option_wrap input {
    top: 5px !important;
  }
  span.type_grade span {
    padding: 2px 2px 1px;
    margin-top: 0px;
  }
  div.layer_comm_info header h1 {
    margin-top: -1px;
  }
  .calendar_type2 .schedule_name span.ic_classic.ic_lock {
    margin: 3px 2px 0 0 !important;
  }
  div.tit_type3 {
    line-height: 23px !important;
  }
  div.layer_notice {
    border: 2px solid #20bec6;
    border-top: 0;
  }
  body.do_docs .msg_wrap .btn_wrap .txt_b {
    margin-top: 0px !important;
  }
  .module_drop .module_drop_head .tit .txt {
    border: 1px solid #fff;
  }
  .list_version li .sub_info .member {
    border: 1px solid #fff;
    display: inline-block;
  }
}
/* // IE8 hack */
/* IE9 hack */
:root span.btn_fn12 {
  line-height: 24px\0 /IE9;
}
:root span.btn_fn12 span.ic_gnb {
  margin: -3px 3px 0 0\0 /IE9;
}
:root span.btn_fn13 span.ic_gnb {
  margin: -3px 3px 0 0\0 /IE9;
}
:root div.ie9-scroll-fix {
  min-height: 0% \0 /IE9;
  margin-bottom: auto\0 /IE9;
}
:root div.content_search_wrap span.info {
  margin-top: -3px\0 /IE9;
}
:root div.content_search_wrap dl.info {
  margin-top: -5px\0 /IE9;
}
:root span.txt_form ul.list_move li {
  line-height: 27px\0 /IE9;
}
:root div.card_wrapper .wrap_info span.ic_new2 {
  margin-top: 8px\0 /IE9;
}
:root .form_static_option .btn_fn7 {
  line-height: 16px\0 /IE9 !important;
}
:root ul.search_period_select li span {
  padding-top: 1px\0 /IE9;
}
:root span.type_grade span {
  margin-top: 0px\0 /IE9;
  padding: 3px 2px 0px\0 /IE9;
}
:root body.do_docs .msg_wrap .btn_wrap .txt_b {
  margin-top: 0\0 /IE9;
}

/* // IE9 hack */
/* IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .fn_mini {
    padding: 3px 5px 0 5px !important;
  }
  *::-ms-backdrop,
  .btn_fn4 {
    line-height: 12px !important;
  }
  *::-ms-backdrop,
  .btn_fn3 {
    line-height: 13px !important;
    padding: 4px 5px 1px 5px !important;
  }
  *::-ms-backdrop,
  .btn_fn8 {
    padding: 4px 5px 2px 5px !important;
  }
  *::-ms-backdrop,
  .btn_formal {
    line-height: 23px !important;
  }
  *::-ms-backdrop,
  .list_item_alarm .btn_formal {
    line-height: 18px !important;
  }
  *::-ms-backdrop,
  span.state {
    padding: 2px 2px 4px !important;
  }
  *::-ms-backdrop,
  section.lnb span.btn_side3 {
    padding-bottom: 1px !important;
  }
  *::-ms-backdrop,
  section.lnb span.btn_side2 {
    padding: 6px 5px 2px !important;
  }
  *::-ms-backdrop,
  section.lnb span.btn_side2 {
    background-position: 0 -2093px !important;
  }
  *::-ms-backdrop,
  .form_static_option .btn_fn7 {
    line-height: 17px !important;
  }
  *::-ms-backdrop,
  ul.search_period_select li span {
    padding-top: 1px !important;
  }
  *::-ms-backdrop,
  div.layer_smallmail tabel.mail_list span.ic {
    margin-top: 2px !important;
  }
  *::-ms-backdrop,
  .form_admin div.sign_type_new table.tb_sign_type1 tbody tr td table.sign_member tbody tr td.wrap_sign span.sign_stamp span.btn_fn4 {
    padding: 0 !important;
  }
  *::-ms-backdrop,
  div.div_ipt_wrap div.div_ipt textarea {
    line-height: 20px !important;
  }
  *::-ms-backdrop,
  body.do_docs .msg_wrap .btn_wrap .txt_b {
    margin-top: -2px !important;
  }
}
/* IE11 */
/*전자결재*/
div.layer_doc_attach ul.tab_type3_column3 li.w50 {
  width: 50%;
}
div.layer_doc_attach section.search .search_wrap {
  width: 99%;
}
div.layer_doc_attach p.desc {
  margin: 5px 0 0 0;
}
div.layer_doc_attach form .set_wrap .set_nav .lnb {
  margin-left: -15px;
}

div.layer_normal.layer_doc_attach div.set_wrap div.set_nav {
  width: 230px;
}
div.layer_normal.layer_doc_attach div.set_wrap div.set_nav .content_tab_wrap {
  height: 434px !important;
}
div.layer_normal.layer_doc_attach div.set_wrap div.set_data {
  margin-left: 240px;
}

ul.side_depth li.feed > p.on ins.ic ul.side_depth li.appr_draft > p ins.ic div.report_detail .tool_bar ul.optional li.sel_r,
div.report_detail .tool_bar ul.optional li.sel_r select {
  margin-right: 2px;
}

/* layer_absence*/
.layer_absence table.table_form_mini span.btn_wrap {
  margin-top: 10px;
}
.layer_absence table.table_form_mini span.btn_wrap .ic_classic {
  margin-top: -5px;
}
.layer_absence table.table_form_mini span.btn_wrap .txt {
  font-weight: bold;
  font-weight: 500;
  color: #777;
}
.layer_absence table.table_form_mini span.btn_wrap span.add {
  color: #777;
  vertical-align: middle;
}
.layer_absence table.table_form_mini span.btn_wrap .txt:hover {
  color: #2eacb3;
}
.layer_absence .table_form_mini span.btn_wrap:hover span.ic_addlist {
  background-position: -188px 1px;
}
.layer_absence table.table_form_mini th span.title {
  text-align: center;
  width: 180px;
}
.layer_absence table.table_form_mini tr:last-child {
  margin-top: 10px;
}
.layer_absence div.content p.add {
  color: #777;
  text-align: center;
}
.layer_absence table.table_form_mini tr {
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 0;
}
.layer_absence div.content table.table_form_mini tr td {
  width: 217px;
  padding: 10px 0 !important;
}
.layer_absence div.content table.table_form_mini tr td:last-child {
  padding: 0;
}
.layer_absence div.content table.table_form_mini tr td.w30 {
  width: 40px;
}
.layer_absence div.detail_search ul.select_option li span.dp {
  display: block;
}
.layer_absence .scroll_wrap_t {
  max-height: 188px;
  overflow-y: auto;
}
.layer_absence span.btn_wrap {
  margin-top: 10px;
}
.layer_absence ul.side_depth span.btn_wrap {
  margin-top: 0px;
}
.layer_absence span.btn_wrap .ic_classic {
  margin-top: -5px;
}
.layer_absence span.btn_wrap .txt {
  font-weight: bold;
  font-weight: 500;
  color: #777;
}
.layer_absence span.btn_wrap span.add {
  color: #777;
  vertical-align: middle;
}
.layer_absence span.btn_wrap .txt:hover {
  color: #2eacb3;
}
.layer_absence span.btn_wrap:hover span.ic_addlist {
  background-position: -188px 1px;
}
.layer_absence div.t_title {
  margin-top: 15px;
}
.layer_absence div.t_title span.title {
  width: 180px;
  text-align: center;
  padding-right: 20px;
}

/* 보고서상세 */
div.card_wrapper .wrap_info span.ic_new2 {
  vertical-align: top;
  margin-top: 9px;
  margin-left: 4px;
}
div.content_search_wrap dl.info {
  margin-left: 93px;
}
div.go_intro_wrap .btn_log_major {
  display: inline-block;
  background: #2eacb3;
  border: 1px solid #2d9ba1;
  cursor: pointer;
  padding: 10px 18px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  font-weight: 500;
}
div.go_intro_wrap .btn_log_major:hover {
  background: #239ba1;
  border: 1px solid #1b848a;
}
div.go_intro_wrap .log_confirm .btn_wrap {
  text-align: center;
  margin-top: 20px;
}
div.schedule_form .multi_select_option li {
  margin: 0 0 6px 0;
}
div.schedule_form .date_wrap .wrap_option input[type=checkbox] + label {
  margin-right: 10px;
}
div.combine_search_page {
  position: relative;
}
div.combine_search_page .s_result .date {
  font-family: tahoma;
  color: #999;
}
div.combine_search_page .s_space {
  padding-left: 12px;
}
div.combine_search_page .s_result li {
  white-space: nowrap;
  position: relative;
  padding-bottom: 18px;
}
div.combine_search_page .s_result span {
  padding-left: 10px;
  display: inline-block;
}
div.combine_search_page .s_result span.name {
  padding-left: 0;
}
div.combine_search_page .s_result span.date {
  padding-left: 10px;
  vertical-align: top;
}
div.combine_search_page .btn_more_wrap {
  padding-left: 20px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  height: 38px;
  margin-top: -5px;
}
div.combine_search_page .btn_more_wrap .btn_more {
  display: inline-block;
  padding: 0 11px 0 7px;
  height: 28px;
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 3px;
  color: #333;
}
div.combine_search_page .btn_more_wrap .btn_more:hover {
  background: #f3f3f3;
  border: 1px solid #cecece;
}
div.combine_search_page .btn_more_wrap .btn_more span.txt {
  display: inline-block;
  letter-spacing: -1px;
  padding-top: 4px;
  vertical-align: top;
  color: #818181;
}
div.combine_search_page .btn_more_wrap .btn_more span.ic_csm_arrow {
  position: relative;
  left: 4px;
  top: 3px;
}
div.combine_search_page div.article_wrap span.photo {
  width: 35px;
  height: 35px;
}
div.combine_search_page div.article_wrap span.photo img {
  width: 100%;
  height: 100%;
  background-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2288%22%20height%3D%2288%22%20viewBox%3D%22-6%20-8%20114%20114%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%22%20fill%3D%22%23EAECEF%22%20/%3E%0A%20%20%3Cmask%20id%3D%22avatar_image%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%22100%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M52%2020.6667C56.2853...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M60.6667%2072.6667...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/mask%3E%0A%20%20%3Cg%20mask%3D%22url(%23avatar_image)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2%2050...Z%22%20fill%3D%22none%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
div.combine_search_page div.article_wrap span.photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  display: block;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%27-6%20-8%20114%20114%27%3E%3Cpath%20d%3D%27M2%2050C2%208.825%2010.825%200%2052%200C93.175%200%20102%208.825%20102%2050C102%2091.175%2093.175%20100%2052%20100C10.825%20100%202%2091.175%202%2050Z%27%20fill%3D%27none%27%20stroke%3D%27%23cfd1d4%27%20stroke-width%3D%271%27/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 1;
}
div.combine_search_page .article_wrap {
  margin: 0 0 15px 0;
}
div.combine_search_page .cs_contact_wrap span.name {
  cursor: pointer;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  cursor: pointer;
}
div.combine_search_page .cs_contact_wrap span.mail {
  padding-left: 5px;
  color: #333;
}
div.combine_search_page .cs_contact_wrap .contact {
  margin-left: 50px;
}
div.combine_search_page span.sub {
  color: #999;
  font-size: 13px;
}
div.combine_search_page span.part {
  padding: 0 3px;
}
div.combine_search_page .article_wrap .info {
  margin: 0 0 3px 50px;
  position: relative;
  display: block;
}
div.combine_search_page .article_wrap .info .item_default {
  display: block;
  margin-bottom: 11px;
}
div.combine_search_page .article_wrap .info_only {
  margin-left: 0;
}
div.combine_search_page .contact_contents_wrap {
  margin: 15px 12px 0 20px;
}
div.combine_search_page span.ic_file_b {
  position: absolute;
}
div.combine_search_page .cs_reference_wrap span.date {
  padding-left: 10px;
}
div.combine_search_page .cs_reference_wrap span.name {
  cursor: pointer;
  color: #2eacb3;
  text-decoration: underline;
  cursor: pointer;
}
div.combine_search_page .cs_reference_gruop {
  margin: 15px 12px 0 20px;
}
div.combine_search_page .cs_calendar_wrap span.date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 30%;
}
div.combine_search_page .cs_calendar_wrap span.subject {
  max-width: 60%;
  padding-left: 11px;
}
div.combine_search_page .cs_board_wrap span.name {
  cursor: pointer;
  display: inline-block;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #000;
}
div.combine_search_page .cs_board_wrap:hover span.name {
  text-decoration: underline;
}
div.combine_search_page .cs_board_wrap span.date {
  padding-left: 10px;
  vertical-align: top;
}
div.combine_search_page .cs_board_wrap .info {
  margin: 0;
}
div.combine_search_page .cs_board_wrap .cs_article {
  color: #999;
  line-height: 1.6;
}
div.combine_search_page .cs_eapproval_wrap .info {
  margin: 0;
}
div.combine_search_page .cs_board_group {
  padding: 8px 24px;
}
div.combine_search_page .cs_eapproval_group {
  margin: 15px 0 0 20px;
  padding-bottom: 5px;
}
div.combine_search_page .item {
  font-size: 13px;
  color: #999;
}
div.combine_search_page .cs_board_wrap .article_wrap .info .item_default {
  margin-bottom: 8px;
}
div.combine_search_page .cs_eapproval_wrap .info span.name {
  cursor: pointer;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
}
div.combine_search_page .cs_eapproval_wrap .info span.day {
  padding-right: 10px;
}
div.combine_search_page .cs_eapproval_wrap .article_wrap .info .item_default {
  margin-bottom: 8px;
}
div.combine_search_page .cs_calendar_wrap div.mans {
  padding-top: 8px;
}
div.combine_search_page .cs_calendar_wrap span.name {
  color: #333;
  text-decoration: none;
}
div.combine_search_page .cs_calendar_wrap span.sub {
  padding-left: 0;
  padding-right: 5px;
}
div.combine_search_page .cs_calendar_wrap span.people {
  padding-left: 5px;
  max-width: 50%;
  vertical-align: top;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.combine_search_page .cs_calendar_wrap .s_result .subject {
  max-width: 75%;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.combine_search_page .cs_community_wrap .article_wrap .info .item_default {
  margin-bottom: 5px;
}
div.combine_search_page .cs_community_wrap span.name {
  cursor: pointer;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.combine_search_page .cs_community_group {
  margin: 15px 0 0 20px;
  padding-bottom: 5px;
}
div.combine_search_page .cs_community_wrap .info {
  margin: 0;
}
div.combine_search_page .cs_community_wrap span.date {
  padding-left: 10px;
  vertical-align: top;
}
div.combine_search_page .cs_report_wrap .article_wrap .info .item_default {
  margin-bottom: 5px;
}
div.combine_search_page .cs_report_group {
  margin: 15px 0 0 20px;
  padding-bottom: 5px;
}
div.combine_search_page .cs_report_wrap .info {
  margin: 0;
}
div.combine_search_page .cs_report_wrap span.date {
  padding-left: 10px;
  vertical-align: top;
}
div.combine_search_page .cs_report_wrap span.name {
  cursor: pointer;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.combine_search_page .cs_todo_wrap .article_wrap .info .item_default {
  margin-bottom: 5px;
}
div.combine_search_page .cs_todo_group {
  margin: 15px 24px 0 24px;
  padding-bottom: 5px;
}
div.combine_search_page .cs_todo_wrap .info {
  margin: 0;
}
div.combine_search_page .cs_todo_wrap span.name {
  cursor: pointer;
  display: inline-block;
  color: #2eacb3;
  text-decoration: underline;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div.combine_search_page .no_search_menu {
  margin: 15px 12px 0 20px;
  color: #888;
}
div.combine_search_page .cs_noresult_wrap .noresult_group {
  margin: 20px 12px 0 20px;
}
div.combine_search_page .noresult_group span.r_txt {
  font-size: 16px;
  font-weight: bold;
  font-weight: 500;
}
div.combine_search_page .noresult_group ul {
  margin: 20px 0 0 20px;
}
div.combine_search_page .noresult_group ul li {
  line-height: 250%;
}
div.combine_search_page .noresult_group ul li span {
  color: #777;
}
div.combine_search_page .noresult_group ul li a.btn_cs_result {
  margin: 0px 2px 3px 8px;
  padding: 5px 8px;
  height: 21px;
  background: #38a9b6;
  border: 1px solid #37a1ac;
  border-radius: 3px;
  color: #fff;
}
div.combine_search_page .noresult_group ul li a.btn_cs_result:hover {
  background-color: #2a95a4;
  border-color: #18808a;
}
div.combine_search_page .no_search_menu span.no_result_menu {
  display: inline-block;
  margin: 0 12px 10px 0;
}
div.combine_search_page .no_search_menu span.no_result_menu > span.ic_gnb {
  vertical-align: middle;
}
div.combine_search_page .cs_board_wrap .item .wrap_img_ic {
  display: inline-block;
  margin-right: 4px;
}
div.combine_search_page .cs_board_wrap .item .wrap_img_ic img {
  width: 24px;
  height: 24px;
}
div.combine_search_page .cs_board_wrap .item > span {
  vertical-align: middle;
}
div.go_side ul.search_period_select {
  margin: 20px 22px;
}

/* 업무 검색 */
/* 로그인 공인인증서 */
/* 캘린더 외부참석자 추가 */
/*Add Event*/
/* 통합검색 검색페이지 */
/* 통합검색 기간검색 */
ul.search_period_select li {
  float: left;
  display: inline-block;
  cursor: pointer;
  width: 100px;
  height: 26px;
  line-height: 20px;
  margin: 0 -1px -1px 0;
  border: 1px solid #c2c2c2;
  text-align: center;
  background: #f6f6f6;
}
ul.search_period_select li:hover {
  background: #ebebeb;
}
ul.search_period_select li.on {
  position: relative;
  border-color: #9f9f9f;
  background: #e3e3e3;
  width: 100px;
  height: 26px;
}
ul.search_period_select li span {
  font-size: 11px;
  color: #616165;
  letter-spacing: -1px;
}

/* Safari and Chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  span.state {
    line-height: 10px !important;
  }
  div.add_file span.btn_area {
    top: 7px !important;
  }
  /* section.article_reply .reply_create .form_wrap {margin-right: 120px!important} */
  table.schedule_row th.holiday_off span.day, table.schedule_row th.holiday_on span.day {
    margin-top: 1px;
  }
  table.schedule_row th.holiday_off span.note, table.schedule_row th.holiday_on span.note {
    margin-top: 1px;
  }
  a.btn_feedPlus span.wrap_feedPlus {
    margin: 7px 3px 0 0;
  }
  div.page_action_wrap .btn_major,
  footer.btn_layer_wrap .btn_major,
  div.page_action_wrap .btn_minor,
  footer.btn_layer_wrap .btn_minor {
    line-height: 38px !important;
  }
  /*for dotum*/
  .list_flow .option_wrap {
    margin-top: 4px !important;
  }
  .list_flow .option_wrap input {
    top: 5px !important;
  }
  div.current_date span.date {
    margin-top: 3px;
  }
  div.tit_type3 {
    line-height: 23px !important;
  }
  div.div_ipt_wrap div.div_ipt textarea {
    line-height: 17px !important;
  }
  .go_skin_edit.go_renew .tool_attr input[type=radio], .go_skin_edit.go_renew .tool_attr input[type=checkbox] {
    margin: 4px 4px 0px 2px !important;
  }
  .go_skin_edit.go_skin_works.go_renew .builder_side_box div.tool_attr ul li .wrap_attr_mini .wrap_input_sub .tool_chk {
    margin-top: 3px !important;
  }
  .list_works_record td .btn_submenu {
    margin-top: -1px !important;
  }
  .list_report tr td .to {
    margin: 1px 0 0 0;
  }
  .dd_attach .attach_list .wrap_file .info .kind,
  .dd_attach .attach_list .wrap_file .info .size {
    margin: 0 !important;
  }
}
/* // Safari hack */
/* firefox hack*/
@-moz-document url-prefix() {
  section.combine_search .c_search_wrap input.c_search {
    padding: 4px 0 4px 0;
  }
  div.add_file span.btn_area {
    top: 7px !important;
  }
  div.mail_view div.add_file span.btn_wrap span.help {
    margin-top: -1px;
  }
  table.schedule_row th.holiday_off span.day, table.schedule_row th.holiday_on span.day, table.schedule_row th.holiday_off span.note, table.schedule_row th.holiday_on span.note {
    margin-top: 1px;
  }
  a.btn_feedPlus span.wrap_feedPlus {
    margin: 7px 3px 0 0;
  }
}
/* // firefox hack */
/*1.6.4*/
.layer_report_print .report_spot_type {
  margin-top: 0 !important;
}
.layer_report_print .report_spot_type .article_header {
  border-top: none;
  border-bottom: none;
}
.layer_report_print .report_spot_type .article_reply {
  margin: 15px 0;
}

/*data_table remove*/
.table_new_search {
  margin-top: 8px;
}

div.top {
  margin-top: 0;
}

table.mail_write tbody .mail_banner {
  position: relative;
  margin-left: 10px;
  background: #f5f5f5;
}

div.layer_mailWrite_popup table.mail_write tbody .mail_banner,
.layer_mailWrite_popup .mail_banner {
  margin-left: 0;
}

table.mail_write tbody .mail_banner img,
.layer_mailWrite_popup .mail_banner img {
  max-width: 100%;
}

div.layer_mail_print .btn_print {
  position: absolute;
  top: 18px;
  right: 44px;
}
div.layer_mail_print .btn_fn12 {
  line-height: 15px;
}

.layer_mailWrite_popup footer.btn_layer_wrap {
  text-align: center;
}

/*form_type_file*/
.form_file_wrap {
  margin: 0 12px;
}

/*adderss_profile*/
.profile table.form_type th .title,
.profile table.form_type th .txt {
  padding-top: 0 !important;
}
.profile table.form_type td {
  padding: 7px 5px !important;
}
.profile table.form_type .gadget_edit {
  position: relative;
  top: -10px;
}
.profile table.form_type .btn_fn9,
.profile table.form_type .btn_fn10,
.profile table.form_type .txt_edit,
.profile table.form_type .option_wrap,
.profile table.form_type select,
.profile table.form_type .txt_form {
  margin-top: -4px;
}

/* layer_pay_print */
.layer_pay_print input[type=radio], .layer_pay_print input[type=checkbox] {
  top: 0;
}
.layer_pay_print.popup header.header_print .btn_minor_s span.txt {
  margin: 0;
  padding: 0;
}
.layer_pay_print.popup .content_page .btn_layer_wrap {
  border-top: 1px solid #ddd;
  text-align: center;
}

/* dashboard */
.dashboard_box .card_item .card_action {
  margin: 0;
}
.dashboard_box .card_item .card_action .btn_lead {
  width: 100%;
  padding: 5px 0;
  border: 0;
  background: none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid #cfd1d4;
}
.dashboard_box .card_item .card_action .btn_lead:hover {
  background: #f3f3f3;
}

.gadget_design_wrap .card_item .card_action .btn_lead {
  width: 100%;
  padding: 12px 0;
  border: 0;
  background: none;
  color: #333;
  font-size: 13px;
  border-top: 1px solid #ebebeb;
}

.dashboard_box .card_item .card_action .btn_lead,
.gadget_design_wrap .card_item .card_action .btn_lead {
  font-weight: bold;
  font-weight: 500;
}

/* layout */
.go_calendar_list .content_page .calendar_tool_bar {
  position: relative;
  margin: 26px 0 0 0;
}
.go_calendar_list .content_page .calendar_tool_bar .current_date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 36px;
}
.go_calendar_list .content_page .calendar_tool_bar .current_date .btn_tool {
  margin: 0 0 0 8px;
}
.go_calendar_list .content_page .calendar_tool_bar .current_date .btn_tool .txt {
  margin: 0;
}
.go_calendar_list .content_page .calendar_tool_bar .tab_nav {
  height: 32px;
}
.go_calendar_list .content_page .calendar_tool_bar .tab_nav li {
  margin-left: 8px;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #cfd1d4;
  border-radius: 16px;
}
.go_calendar_list .content_page .calendar_tool_bar .tab_nav li:first-child {
  margin-left: 0;
}
.go_calendar_list .content_page .calendar_tool_bar .tab_nav li span {
  font-size: 13px;
}
.go_calendar_list .content_page .calendar_tool_bar .tab_nav li.on {
  color: #fff;
  border: 1px solid #38393a;
  background: #38393a;
}
.go_calendar_list .content_page .calbean_calendar_view {
  border: 1px solid #eaecef;
  border-radius: 16px;
}
.go_calendar_list .content_page .tb_month_header thead tr th {
  border-width: 0 0 1px 0;
  border-color: #eaecef;
  padding: 12px 16px;
}
.go_calendar_list .content_page .calendar_tool_bar div.critical {
  position: absolute;
  top: 2px;
  left: 0;
  margin: 0;
}
.go_calendar_list .content_page .calendar_tool_bar div.optional {
  position: absolute;
  top: 8px;
  right: 32px;
  margin: 0;
}

div.current_date {
  position: relative;
  margin: 0 160px;
  height: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
div.current_date span.date {
  font-size: 24px;
  color: #333;
  vertical-align: top;
  display: inline-block;
  font-weight: bold;
  font-weight: 500;
  cursor: pointer;
  margin: 0;
  padding: 0 8px;
  border-radius: 8px;
}
div.current_date span.date:hover {
  background-color: #f5f6f8;
}
div.current_date span.btn_tool {
  vertical-align: middle;
  cursor: pointer;
  float: none;
  display: inline-block;
  padding: 0 4px;
}
div.current_date span.btn_wrap {
  height: 21px;
}
div.current_date span.btn_wrap span.ic_cal_h {
  background-position: -650px -500px;
}
div.current_date span.btn_wrap span.ic_cal_h:hover {
  background-position: -600px -500px;
}

.list_line .state {
  margin-right: 4px;
}

.schedule_day a.schedule {
  line-height: 16px;
}

section.personal_data {
  text-align: left;
  padding: 16px 24px 15px !important;
}
section.personal_data span.txt {
  font-size: 12px;
}
section.personal_data span.num {
  font-size: 12px;
  vertical-align: middle;
}
section.personal_data span.gage_wrap {
  border-radius: 4px;
  border: 0;
}
section.personal_data .btn_storage {
  border-radius: 4px;
  padding: 8px 10px;
  margin: 0;
  font-size: 12px;
}

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano .content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano .content:focus {
  outline: thin dotted;
}

.nano .content::-webkit-scrollbar {
  visibility: hidden;
}

.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}

.nano > .pane {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9 ; /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.nano > .pane > .slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .pane,
.pane.active,
.pane.flashed {
  visibility: visible\9 ; /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

/******  GO CUSTOM STYLE ******/
.go_side .nano .pane {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.6);
  width: 10px;
  right: 4px;
}

.go_side .nano .pane .slider {
  margin: 1px;
  background: #b6b6b6;
} /*! 
AXJ - v1.0.5 - 2014-06-10 
*/
.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.axbutton-style-normal {
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  text-align: center;
  padding: 0 8px;
  margin: 0;
  box-sizing: content-box;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #b9babc;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-style-classic {
  background: #c1cdd5;
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #5c6b74;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #81898e;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-style-blue {
  background: #6faee1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-style-green {
  background: #98c87b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-style-red {
  background: #c65a5b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-style-disabled {
  background: #d7d7d7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: #eaeaea;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-normal {
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  text-align: center;
  padding: 0 8px;
  margin: 0;
  box-sizing: content-box;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #b9babc;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-normal:focus,
.axbutton-event-normal:hover {
  background: #e8e8e8;
  text-decoration: none;
  color: #6e7a85;
}

.axbutton-event-normal:active {
  box-shadow: none;
}

.axbutton-event-classic {
  background: #c1cdd5;
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #5c6b74;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #81898e;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-classic:focus,
.axbutton-event-classic:hover {
  background: #98a4ae;
  text-decoration: none;
  color: #5c6b74;
}

.axbutton-event-classic:active {
  box-shadow: none;
}

.axbutton-event-blue {
  background: #6faee1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-blue:focus,
.axbutton-event-blue:hover {
  background: #468ec9;
}

.axbutton-event-blue:active {
  box-shadow: none;
}

.axbutton-event-green {
  background: #98c87b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-green:focus,
.axbutton-event-green:hover {
  background: #79aa5a;
}

.axbutton-event-green:active {
  box-shadow: none;
}

.axbutton-event-red {
  background: #c65a5b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-red:focus,
.axbutton-event-red:hover {
  background: #a93b3e;
}

.axbutton-event-red:active {
  box-shadow: none;
}

.axbutton-event-disabled {
  background: #d7d7d7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: #eaeaea;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.axbutton-event-disabled:focus,
.axbutton-event-disabled:hover {
  background: #d7d7d7;
}

.axbutton-event-disabled:active {
  box-shadow: none;
}

.AXButton {
  position: relative;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
  outline: 0;
  vertical-align: middle;
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  text-align: center;
  padding: 0 8px;
  margin: 0;
  box-sizing: content-box;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #b9babc;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton:focus,
.AXButton:hover {
  background: #e8e8e8;
  text-decoration: none;
  color: #6e7a85;
}

.AXButton:active {
  box-shadow: none;
}

.AXButton.Classic {
  background: #c1cdd5;
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #5c6b74;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #81898e;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton.Classic:focus,
.AXButton.Classic:hover {
  background: #98a4ae;
  text-decoration: none;
  color: #5c6b74;
}

.AXButton.Classic:active {
  box-shadow: none;
}

.AXButton.Blue {
  background: #6faee1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton.Blue:focus,
.AXButton.Blue:hover {
  background: #468ec9;
}

.AXButton.Blue:active {
  box-shadow: none;
}

.AXButton.Green {
  background: #98c87b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton.Green:focus,
.AXButton.Green:hover {
  background: #79aa5a;
}

.AXButton.Green:active {
  box-shadow: none;
}

.AXButton.Red {
  background: #c65a5b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton.Red:focus,
.AXButton.Red:hover {
  background: #a93b3e;
}

.AXButton.Red:active {
  box-shadow: none;
}

.AXButton[disabled] {
  background: #d7d7d7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: #eaeaea;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButton[disabled]:focus,
.AXButton[disabled]:hover {
  background: #d7d7d7;
}

.AXButton[disabled]:active {
  box-shadow: none;
}

.AXButtonSmall {
  position: relative;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  outline: 0;
  vertical-align: middle;
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  text-align: center;
  padding: 0 8px;
  margin: 0;
  box-sizing: content-box;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #b9babc;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall:focus,
.AXButtonSmall:hover {
  background: #e8e8e8;
  text-decoration: none;
  color: #6e7a85;
}

.AXButtonSmall:active {
  box-shadow: none;
}

.AXButtonSmall.Classic {
  background: #c1cdd5;
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #5c6b74;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #81898e;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall.Classic:focus,
.AXButtonSmall.Classic:hover {
  background: #98a4ae;
  text-decoration: none;
  color: #5c6b74;
}

.AXButtonSmall.Classic:active {
  box-shadow: none;
}

.AXButtonSmall.Blue {
  background: #6faee1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall.Blue:focus,
.AXButtonSmall.Blue:hover {
  background: #468ec9;
}

.AXButtonSmall.Blue:active {
  box-shadow: none;
}

.AXButtonSmall.Green {
  background: #98c87b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall.Green:focus,
.AXButtonSmall.Green:hover {
  background: #79aa5a;
}

.AXButtonSmall.Green:active {
  box-shadow: none;
}

.AXButtonSmall.Red {
  background: #c65a5b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall.Red:focus,
.AXButtonSmall.Red:hover {
  background: #a93b3e;
}

.AXButtonSmall.Red:active {
  box-shadow: none;
}

.AXButtonSmall[disabled] {
  background: #d7d7d7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: #eaeaea;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonSmall[disabled]:focus,
.AXButtonSmall[disabled]:hover {
  background: #d7d7d7;
}

.AXButtonSmall[disabled]:active {
  box-shadow: none;
}

.AXButtonLarge {
  position: relative;
  font-size: 12px;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  outline: 0;
  vertical-align: middle;
  background: #fdfdfd;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  text-align: center;
  padding: 0 8px;
  margin: 0;
  box-sizing: content-box;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #b9babc;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge:focus,
.AXButtonLarge:hover {
  background: #e8e8e8;
  text-decoration: none;
  color: #6e7a85;
}

.AXButtonLarge:active {
  box-shadow: none;
}

.AXButtonLarge.Classic {
  background: #c1cdd5;
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #5c6b74;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #81898e;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge.Classic:focus,
.AXButtonLarge.Classic:hover {
  background: #98a4ae;
  text-decoration: none;
  color: #5c6b74;
}

.AXButtonLarge.Classic:active {
  box-shadow: none;
}

.AXButtonLarge.Blue {
  background: #6faee1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge.Blue:focus,
.AXButtonLarge.Blue:hover {
  background: #468ec9;
}

.AXButtonLarge.Blue:active {
  box-shadow: none;
}

.AXButtonLarge.Green {
  background: #98c87b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge.Green:focus,
.AXButtonLarge.Green:hover {
  background: #79aa5a;
}

.AXButtonLarge.Green:active {
  box-shadow: none;
}

.AXButtonLarge.Red {
  background: #c65a5b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge.Red:focus,
.AXButtonLarge.Red:hover {
  background: #a93b3e;
}

.AXButtonLarge.Red:active {
  box-shadow: none;
}

.AXButtonLarge[disabled] {
  background: #d7d7d7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  -webkit-box-shadow: 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  color: #eaeaea;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.AXButtonLarge[disabled]:focus,
.AXButtonLarge[disabled]:hover {
  background: #d7d7d7;
}

.AXButtonLarge[disabled]:active {
  box-shadow: none;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXEditor {
  position: relative;
  padding: 0;
  margin: 0;
  background: #fff;
  overflow: hidden;
  border: 2px solid #bebebe;
  font-family: "Nanum Gothic";
}

.AXEditor .editorHead {
  position: relative;
  height: 30px;
  z-index: 3;
}

.AXEditor .editorHead .me___headFileStatus {
  height: 24px;
  background: url(images/dx-editor-file-status.gif) no-repeat;
  border-bottom: 2px solid #bebebe;
  text-indent: 25px;
  font-size: 11px;
  line-height: 24px;
}

.AXEditor .editorHead .me___tabContainer {
  height: 33px;
  background: url(images/dx-editor-tmBg.gif) repeat-x;
}

.AXEditor .editorHead .me___tabContainer .me___item {
  float: left;
  min-width: 84px;
  _width: 90px;
  _overflow: hidden;
  position: relative;
  height: 33px;
  border-right: 2px solid #bebebe;
  text-align: center;
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____btn {
  display: block;
  height: 21px;
  line-height: 21px;
  padding: 0 25px;
  _padding: 0 5px;
  font-size: 12px;
  color: #5c5c5c;
  text-align: center;
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____btn:hover {
  color: #ccc;
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____tab {
  display: block;
  height: 12px;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-editor-arrow.gif) no-repeat center 1px;
  font-size: 1px;
  line-height: 1px;
  text-decoration: none;
}

.AXEditor .editorHead .me___tabContainer .me___item a.me____tab:hover {
  background: url(images/dx-editor-arrow-on.gif) no-repeat center 1px;
}

.AXEditor .editorHead .me___tabContainer .me___item .me____attchSwf {
  position: absolute;
  left: 0;
  top: 0;
  border: 0 none;
  height: 1px;
  width: 1px;
  font-size: 1px;
  line-height: 1px;
}

.AXEditor .editorHead .me___tabContainer .me___itemOn {
  background: url(images/dx-editor-tm-bg-on.gif) repeat-x;
}

.AXEditor .editorHead .me___headPanel {
  position: relative;
  padding: 4px 0 5px;
  height: 22px;
  background: url(images/dx-editor-pa-bg.gif) repeat-x;
  z-index: 100;
}

.AXEditor .editorHead .me___headPanel a {
  display: block;
  float: left;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.AXEditor .editorHead .me___headPanel a:hover {
  color: #0080ff;
}

.AXEditor .editorHead .me___headPanel a.me___btnL {
  width: 23px;
  background: url(images/dx-editor-btns.gif) no-repeat -170px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnL:hover {
  background-position: -170px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnM {
  width: 22px;
  background: url(images/dx-editor-btns.gif) no-repeat -193px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnM:hover {
  background-position: -193px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnR {
  width: 23px;
  background: url(images/dx-editor-btns.gif) no-repeat -215px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnR:hover {
  background-position: -215px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnLa {
  width: 23px;
  background: url(images/dx-editor-btns.gif) no-repeat -270px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnLa:hover {
  background-position: -270px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnMa {
  width: 22px;
  background: url(images/dx-editor-btns.gif) no-repeat -293px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnMa:hover {
  background-position: -293px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnRa {
  width: 23px;
  background: url(images/dx-editor-btns.gif) no-repeat -315px 0;
}

.AXEditor .editorHead .me___headPanel a.me___btnRa:hover {
  background-position: -315px -30px;
}

.AXEditor .editorHead .me___headPanel a.me___btnS1 {
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #bebebe;
  -webkit-border-radius: 2px 5px 5px;
  -moz-border-radius: 2px 5px 5px;
  border-radius: 2px 5px 5px;
  background: url(images/dx-editor-btn-bg.gif) repeat-x;
  margin: 0 0 0 5px;
  font-size: 11px;
}

.AXEditor .editorHead .me___headPanel a.me___btnS1:hover {
  background-position: 0 -20px;
  border: 1px solid #a4b5d8;
  -webkit-border-radius: 2px 5px 5px;
  -moz-border-radius: 2px 5px 5px;
  border-radius: 2px 5px 5px;
}

.AXEditor .editorHead .me___headPanel div {
  display: block;
  float: left;
  height: 22px;
  text-align: center;
}

.AXEditor .editorHead .me___headPanel div.me___vline {
  width: 1px;
  margin: 0 1px;
}

.AXEditor .editorHead .me___headPanel div.me___selectW {
  position: relative;
  width: 118px;
  margin: 0 3px;
}

.AXEditor .editorHead .me___headPanel div.me___selectW a.me___value {
  position: absolute;
  left: 0;
  top: 0;
  padding-right: 15px;
  width: 103px;
  background: url(images/dx-editor-btns.gif) no-repeat 0 0;
  font-size: 11px;
  color: #5c5c5c;
}

.AXEditor .editorHead .me___headPanel div.me___selectW a.me___value:hover {
  background-position: 0 -30px;
  color: #4b6baf;
}

.AXEditor .editorHead .me___headPanel div.me___selectS {
  position: relative;
  width: 48px;
  margin: 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectS a.me___value {
  position: absolute;
  left: 0;
  top: 0;
  padding-right: 15px;
  width: 33px;
  background: url(images/dx-editor-btns.gif) no-repeat -120px 0;
  font-size: 11px;
  color: #5c5c5c;
}

.AXEditor .editorHead .me___headPanel div.me___selectS a.me___value:hover {
  background-position: -120px -30px;
  color: #4b6baf;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL {
  position: relative;
  width: 40px;
  margin: 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___value {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-editor-btns.gif) no-repeat -370px 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___value:hover {
  background-position: -370px -30px;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-editor-btns.gif) no-repeat -395px 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL a.me___arrow:hover {
  background-position: -395px -30px;
}

.AXEditor .editorHead .me___headPanel div.me___selectTL .me___fontColor_disp {
  position: absolute;
  left: 3px;
  top: 0;
  width: 20px;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR {
  position: relative;
  width: 39px;
  margin: 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___value {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-editor-btns.gif) no-repeat -410px 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___value:hover {
  background-position: -410px -30px;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-editor-btns.gif) no-repeat -434px 0;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR a.me___arrow:hover {
  background-position: -434px -30px;
}

.AXEditor .editorHead .me___headPanel div.me___selectTR .me___fontBgColor_disp {
  position: absolute;
  left: 3px;
  top: 0;
  width: 20px;
}

.AXEditor .editorHead .me___headPanel span.me_icon {
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -1000px;
  overflow: hidden;
}

.AXEditor .editorHead .me___headPanel span.me___span {
  display: block;
  float: left;
  width: 5px;
  background: url(images/dx-editor-btns.gif) no-repeat -610px 0;
  margin: 0 0 0 5px;
}

.AXEditor .editorHead .me___headPanel span.me___bold {
  background: url(images/dx-editor-icons.gif) no-repeat 0 0;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___italic {
  background: url(images/dx-editor-icons.gif) no-repeat -21px 0;
}

.AXEditor .editorHead .me___headPanel span.me___underLine {
  background: url(images/dx-editor-icons.gif) no-repeat -42px 0;
}

.AXEditor .editorHead .me___headPanel span.me___strike {
  background: url(images/dx-editor-icons.gif) no-repeat -63px 0;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___alignLeft {
  background: url(images/dx-editor-icons.gif) no-repeat -84px 0;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___alignCenter {
  background: url(images/dx-editor-icons.gif) no-repeat -105px 0;
}

.AXEditor .editorHead .me___headPanel span.me___alignRight {
  background: url(images/dx-editor-icons.gif) no-repeat -126px 0;
}

.AXEditor .editorHead .me___headPanel span.me___alignJustify {
  background: url(images/dx-editor-icons.gif) no-repeat -147px 0;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___li {
  background: url(images/dx-editor-icons.gif) no-repeat 0 -20px;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___ol {
  background: url(images/dx-editor-icons.gif) no-repeat -21px -20px;
}

.AXEditor .editorHead .me___headPanel span.me___outdent {
  background: url(images/dx-editor-icons.gif) no-repeat -42px -20px;
}

.AXEditor .editorHead .me___headPanel span.me___indent {
  background: url(images/dx-editor-icons.gif) no-repeat -63px -20px;
}

.AXEditor .editorHead .me___headPanel span.me___lineHeight {
  background: url(images/dx-editor-icons.gif) no-repeat -84px -20px;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___url {
  background: url(images/dx-editor-icons.gif) no-repeat -105px -20px;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___imoticon {
  background: url(images/dx-editor-icons.gif) no-repeat -126px -20px;
}

.AXEditor .editorHead .me___headPanel span.me___quotation {
  background: url(images/dx-editor-icons.gif) no-repeat -147px -20px;
}

.AXEditor .editorHead .me___headPanel span.me___pageBreak {
  background: url(images/dx-editor-icons.gif) no-repeat -168px -20px;
  width: 23px;
}

.AXEditor .editorHead .me___headPanel span.me___fontColor {
  background: url(images/dx-editor-icons.gif) no-repeat 0 -40px;
}

.AXEditor .editorHead .me___headPanel span.me___fontBgColor {
  background: url(images/dx-editor-icons.gif) no-repeat -21px -40px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 2px solid #bebebe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) outset;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) outset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) outset;
  z-index: 1000;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitle {
  float: none;
  text-align: left;
  padding: 5px 0 0 5px;
  height: 20px;
  line-height: 20px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTab {
  float: none;
  position: relative;
  height: 28px;
  border-bottom: 2px solid #bebebe;
  background: #eaeaea;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray {
  position: absolute;
  left: 0;
  top: 7px;
  padding: 0 7px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray A {
  float: none;
  display: inline-block;
  height: 20px;
  border: 1px solid #bebebe;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background: url(images/dx-editor-btn-bg.gif) repeat-x;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 2px 0 0;
  padding: 0 10px;
  text-align: center;
  font-size: 11px;
  color: #222 !important;
  text-shadow: 1px 1px 1px #ccc;
  cursor: pointer;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTitleTabTray A.on {
  border-bottom: 1px solid #fff;
  background: #fff;
  font-weight: 700;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterTray {
  float: none;
  overflow: auto;
  position: relative;
  padding: 5px 1px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterBot {
  float: none;
  padding: 0 5px;
  font-size: 10px;
  line-height: 15px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterBot a {
  color: #888;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___selecterArrow {
  position: absolute;
  top: 0;
  left: 47px;
  width: 7px;
  height: 4px;
  background: url(images/dx-editor-arrow.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  z-index: 10;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .colorItem {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #929292;
  text-indent: -1000px;
  overflow: hidden;
  margin-top: 3px;
  margin-left: 3px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .ffItem {
  display: block;
  float: none;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #fff;
  border-bottom: 1px dashed #ccc;
  margin: 3px 3px 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .ffItem:hover {
  border-bottom: 1px solid #ccc;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputUrl {
  position: absolute;
  top: 30px;
  left: 7px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputUrl input {
  border: 1px solid #bebebe;
  padding: 2px;
  font-size: 12px;
  line-height: 15px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn {
  position: absolute;
  top: 55px;
  left: 7px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn input {
  vertical-align: middle;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .me___inputBtn .me___inputBtnOK {
  position: absolute;
  top: 0;
  left: 245px;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .icoItem {
  display: block;
  margin: 3px 3px 0;
}

.AXEditor .editorHead .me___headPanel .me___selecterBox .icoItem img {
  border: 0;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch {
  position: absolute;
  float: none;
  left: 0;
  top: 0;
  height: 140px;
  width: 100%;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns {
  float: none;
  background: #fff;
  height: 22px;
  border-bottom: 1px solid #bebebe;
  padding: 4px 0;
  text-align: left;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns .headTitle {
  margin: 0 10px;
  line-height: 22px;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_btns .me____attchSwf {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 23px;
  height: 22px;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT {
  float: none;
  text-align: left;
  background: #e0e0e0;
  height: 118px;
  border-bottom: 1px solid #777;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem {
  display: inline-block;
  float: none;
  position: relative;
  width: 86px;
  height: 86px;
  border: 1px solid #a1a1a1;
  -webkit-border-radius: 3px 5px 5px;
  -moz-border-radius: 3px 5px 5px;
  border-radius: 3px 5px 5px;
  margin-top: 5px;
  margin-left: 8px;
  background: #fff;
  cursor: pointer;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemName {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 76px;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemPreviewLoad {
  position: absolute;
  left: 13px;
  top: 23px;
  width: 58px;
  height: 58px;
  text-align: center;
  background: url(images/dx-editor-loading.gif) no-repeat center center;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItem .attchItemPreview {
  position: absolute;
  left: 13px;
  top: 23px;
  width: 58px;
  height: 58px;
  text-align: center;
  background: url(images/dx-editor-file-status.gif) no-repeat center center;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItemEnd {
  display: inline-block;
  float: none;
  width: 8px;
  height: 58px;
  font-size: 1px;
  line-height: 1px;
  clear: both;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .attchItemON {
  border: 1px solid #0080ff;
  color: #0080ff;
  background: #eee;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem {
  display: inline-block;
  float: none;
  position: relative;
  width: 86px;
  height: 86px;
  border: 1px solid #a1a1a1;
  -webkit-border-radius: 3px 5px 5px;
  -moz-border-radius: 3px 5px 5px;
  border-radius: 3px 5px 5px;
  margin-top: 5px;
  margin-left: 8px;
  background: #fff;
  cursor: pointer;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem .componentItemName {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 76px;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXEditor .editorHead .me___headPanel .me___headDivPanel_attch .me___headDivPanel_attch_CT .componentItem .componentItemPreview {
  position: absolute;
  left: 13px;
  top: 23px;
  width: 58px;
  height: 58px;
  text-align: center;
}

.AXEditor .editorHeadExt {
  height: 209px;
}

.AXEditor .editorBody {
  position: relative;
  z-index: 1;
}

.AXEditor .editorBody .me___AXMask {
  background: #fff;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.AXEditor .editorBody .me__htmlArea {
  border: 0 none;
  margin: 0;
  padding: 0;
  background: #f3f3f3;
  color: #000;
  font-size: 12px;
  font-family: Consolas;
  line-height: 18px;
}

.AXEditor .editorFoot {
  position: relative;
  height: 32px;
  background: url(images/dx-editor-bt-bg.gif) repeat-x;
  z-index: 2;
}

.AXEditor .editorFoot .me___handle {
  display: block;
  height: 13px;
  background: url(images/dx-editor-resizer.gif) no-repeat center center;
  text-indent: -1000px;
  overflow: hidden;
  font-size: 1px;
  line-height: 1px;
  cursor: row-resize;
}

.AXEditor .editorFoot .me___container {
  position: absolute;
  right: 5px;
  bottom: 0;
}

.AXEditor .editorFoot .me___container a.me____tab {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  font-size: 12px;
  color: #5c5c5c;
  text-align: center;
  text-decoration: none;
}

.AXEditor .editorFoot .me___container a.me____tabOn {
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  background: url(images/dx-editor-bt.gif) repeat-x;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXGrid,
.AXGrid .tdRelBlock {
  position: relative;
}

.AXGrid .AXgridScrollBody {
  position: relative;
  border: 1px solid #b1b1b1;
  overflow: hidden;
  background: #fff;
}

.AXGrid .AXgridScrollBody div {
  box-sizing: content-box !important;
}

.AXGrid .AXgridScrollBody .AXGridColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: -webkit-linear-gradient(#e2e5e7, #fff);
  background-image: -o-linear-gradient(#e2e5e7, #fff);
  background-image: -moz-linear-gradient(#e2e5e7, #fff);
  background-image: linear-gradient(#e2e5e7, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e5e7, endColorstr=#ffffff);
  border-bottom: 1px solid #b1b1b1;
}

.AXGrid .AXgridScrollBody .fixedColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  box-shadow: 0 0 3px #ccc;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable {
  table-layout: fixed;
  background-image: -webkit-linear-gradient(#e2e5e7, #fff);
  background-image: -o-linear-gradient(#e2e5e7, #fff);
  background-image: -moz-linear-gradient(#e2e5e7, #fff);
  background-image: linear-gradient(#e2e5e7, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e5e7, endColorstr=#ffffff);
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td {
  padding: 0;
  background: url(images/dx-grid-head-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadResizer {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 20px;
  cursor: col-resize;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadResizer:active {
  background: #fbc;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool {
  position: absolute;
  right: 1px;
  top: 0;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
  text-indent: -2000px;
  overflow: hidden;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool.readyTool {
  background: url(images/dx-grid-head-tool.png) no-repeat -2px center;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover {
  background: url(images/dx-grid-head-tool-on.png) no-repeat -2px center;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadNode {
  position: relative;
  padding: 0;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #5e5e5e;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdCheck {
  height: 20px;
  padding: 7px 1px 3px 0;
  color: #5e5e5e;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdCheck input {
  vertical-align: middle;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdHtml {
  height: 30px;
  padding: 0 1px 0 0;
  color: #5e5e5e;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.colHeadBottomBorder {
  border-bottom: 1px solid #b1b1b1;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortDesc,
.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td:hover {
  background-color: #e5e6eb;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortDesc .colHeadNode {
  background: url(images/dx-sort-desc.png) no-repeat center 0;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortAsc {
  background-color: #e5e6eb;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td.sortAsc .colHeadNode {
  background: url(images/dx-sort-asc.png) no-repeat center 0;
}

.AXGrid .AXgridScrollBody .AXGridBody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollContent {
  overflow: visible;
  position: relative;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedScrollContent {
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 3px #ccc;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackXY {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border: 1px solid #b6b6b6;
  background: url(images/dx-diagonal-bg.png);
  display: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackY {
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackY .gridScrollHandle {
  position: absolute;
  left: -1px;
  top: 0;
  width: 9px;
  height: 20px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackY .gridScrollHandle.hover,
.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackY .gridScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackY .gridScroll-tip {
  display: none;
  font-size: 10px;
  position: absolute;
  right: 15px;
  top: 0;
  padding: 5px;
  border: 1px solid #b1b1b1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackX {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackX .gridScrollHandle {
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 9px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackX .gridScrollHandle.hover,
.AXGrid .AXgridScrollBody .AXGridBody .gridScrollTrackX .gridScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable {
  width: 100%;
  table-layout: fixed;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0 #ffffec;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.thpadding td {
  height: 0;
  background: 0 0;
  border-bottom: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.tfpadding td {
  height: 0;
  background: #eee;
  border-bottom: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  background: #f7f7f7;
  border-bottom: 1px solid #c8c8c8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.line0 td {
  background-color: #f7f7f7;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.line1 td {
  background-color: #fff;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.red td {
  background-color: #ffe8e8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.green td {
  background-color: #f7fdea;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.blue td {
  background-color: #eaf5fd;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.yellow td {
  background-color: #fefee9;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.white td {
  background-color: #fff;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.gray td,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.hover td {
  background-color: #f7f7f7;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.selected td {
  background-color: #d2d9df;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyBottomBorder,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyBottomBorder,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyBottomBorder {
  border-bottom: 1px solid #c8c8c8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyNullTd,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyNullTd,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyNullTd {
  background-image: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyNode,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyNode,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdHtml,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdHtml,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdCheckBox,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdCheckBox,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdCheckBox label,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdCheckBox label,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdCheckBox label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable {
  table-layout: fixed;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyNode,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyNode,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdHtml,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdHtml,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td .bodyTdCheckBox,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td .bodyTdCheckBox,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.bodyBottomBorder,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.bodyBottomBorder,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.bodyNullTd,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.bodyNullTd,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.fixedLine,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tfoot tr td.fixedLine,
.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable thead tr td.fixedLine {
  background-image: url(images/dx-grid-fixed-body-border.png);
  background-repeat: repeat-y;
  background-position: 100% 0;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.thpadding td {
  height: 0;
  background: 0 0;
  border-bottom: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.tfpadding td {
  height: 0;
  background: #eee;
  border-bottom: none;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  background: #f7f7f7;
  border-bottom: 1px solid #c8c8c8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.line0 td {
  background-color: #eaedef;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.line1 td {
  background-color: #f7f8f9;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.red td {
  background-color: #ffe8e8;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.green td {
  background-color: #f7fdea;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.blue td {
  background-color: #eaf5fd;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.yellow td {
  background-color: #fefee9;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.white td {
  background-color: #fff;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.gray td {
  background-color: #f7f7f7;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.selected td {
  background-color: #d2d9df;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.hover td {
  background-color: #d7dde3;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon {
  float: left;
  position: relative;
  border: 1px solid #ccc;
  margin: 5px 0 0 5px;
  box-shadow: 0 0 3px #ccc;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconThumbnail {
  position: absolute;
  border: 1px solid #eee;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconDescription,
.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconLabel {
  position: absolute;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon .gridViewIconbuttons {
  position: absolute;
  padding: 0;
  margin: 0;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon:hover {
  background-color: #e7f1fa;
}

.AXGrid .AXgridScrollBody .gridBodyDiv .viewIcon.selected {
  background-color: #d2d9df;
}

.AXGrid .AXgridPageBody {
  position: relative;
  height: 30px;
  background-image: -webkit-linear-gradient(#fff, #f3f3f3);
  background-image: -o-linear-gradient(#fff, #f3f3f3);
  background-image: -moz-linear-gradient(#fff, #f3f3f3);
  background-image: linear-gradient(#fff, #f3f3f3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3);
  border-bottom: 1px solid #b1b1b1;
  border-left: 1px solid #b1b1b1;
  border-right: 1px solid #b1b1b1;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  background-image: -webkit-linear-gradient(#fff, #f3f3f3);
  background-image: -o-linear-gradient(#fff, #f3f3f3);
  background-image: -moz-linear-gradient(#fff, #f3f3f3);
  background-image: linear-gradient(#fff, #f3f3f3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#f3f3f3);
  z-index: 3;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNumber {
  display: table-cell;
  float: left;
  padding: 4px 0 0 4px;
  height: 24px;
  font-size: 12px;
  color: #666;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNo {
  border: 0 none;
  height: 21px;
  padding: 0 2px;
  margin: 0;
  outline: 0;
  vertical-align: top;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXanchorSelect .selectedTextBox {
  box-shadow: inset 0 1px 1px #e9eced;
  background: #fff;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNumberCount {
  display: block;
  float: left;
  padding: 4px 10px 4px 5px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
  border-right: 1px solid #b1b1b1;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingPrev {
  display: block;
  float: left;
  width: 29px;
  height: 30px;
  border-right: 1px solid #b1b1b1;
  background: url(images/dx-left-arrows.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingPrev:hover {
  background: url(images/dx-left-arrows.png) no-repeat 0 -30px;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingNext {
  display: block;
  float: left;
  width: 29px;
  height: 30px;
  border-right: 1px solid #b1b1b1;
  background: url(images/dx-right-arrows.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPagingNext:hover {
  background: url(images/dx-right-arrows.png) no-repeat 0 -30px;
}

.AXGrid .AXgridPageBody .AXgridStatus {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #666;
  z-index: 1;
}

.AXGrid .AXgridPageBody .AXgridStatus b {
  color: #f47820;
}

.AXGrid .AXgridPageBody .AXgridScroller {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  width: 60px;
  z-index: 2;
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollUp {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 30px;
  border-left: 1px solid #b1b1b1;
  background: url(img/dx-up-arrows.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollUp:hover {
  background: url(img/dx-up-arrows.png) no-repeat 0 -30px;
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollDn {
  display: block;
  position: absolute;
  left: 30px;
  top: 0;
  width: 29px;
  height: 30px;
  border-left: border;
  background: url(img/dx-down-arrows.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXGrid .AXgridPageBody .AXgridScroller .AXgridScrollDn:hover {
  background: url(img/dx-down-arrows.png) no-repeat 0 -30px;
}

.AXGrid .AXgridEditor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
}

.AXGrid .AXgridEditor .editorContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #d8e1e7;
  border-top: 1px solid #bdccd7;
  border-bottom: 1px solid #bdccd7;
}

.AXGrid .AXgridEditor .fixedEditorContent {
  position: absolute;
  left: 0;
  top: 0;
  background: #d8e1e7;
  border-top: 1px solid #bdccd7;
  border-bottom: 1px solid #bdccd7;
}

.AXGrid .AXgridEditor .editorButtons {
  position: absolute;
  left: 10%;
  top: 19px;
  padding: 2px 5px 5px;
  background: #d8e1e7;
  border-top: 1px solid #d8e1e7;
  border-left: 1px solid #bdccd7;
  border-right: 1px solid #bdccd7;
  border-bottom: 1px solid #bdccd7;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.AXGrid .AXgridEditor .editorButtons.top {
  position: absolute;
  left: 10%;
  padding: 5px 5px 2px;
  background: #d8e1e7;
  border-bottom: 1px solid #d8e1e7;
  border-left: 1px solid #bdccd7;
  border-right: 1px solid #bdccd7;
  border-top: 1px solid #bdccd7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.AXGrid .AXgridEditor .gridBodyTable {
  width: 100%;
  table-layout: fixed;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
  background-color: #d8e1e7 !important;
  vertical-align: top;
  border-bottom: 0 none;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td.selected {
  background-color: #bdccd7;
  box-shadow: inset 0 0 2px #000;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  background: #f7f7f7;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.line0 td {
  background-color: #f7f7f7;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.line1 td {
  background-color: #fff;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.selected td {
  background-color: #bdccd7;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr.hover td {
  background-color: #d7dde3;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td.bodyNullTd,
.AXGrid .AXgridEditor .gridBodyTable tfoot tr td.bodyNullTd,
.AXGrid .AXgridEditor .gridBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyNode,
.AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyNode,
.AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdText,
.AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdHtml,
.AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdHtml,
.AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXGrid .AXgridEditor .gridBodyTable tbody tr td .bodyTdCheckBox,
.AXGrid .AXgridEditor .gridBodyTable tfoot tr td .bodyTdCheckBox,
.AXGrid .AXgridEditor .gridBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXGrid .AXgridEditor .gridFixedBodyTable {
  table-layout: fixed;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
  vertical-align: top;
  border-bottom: 0 none;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.fixedLine {
  background: url(images/dx-grid-fixed-body-border.png) repeat-y 100% 0;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  background: #f7f7f7;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.line0 td {
  background-color: #eaedef;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.line1 td {
  background-color: #f7f8f9;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.selected td {
  background-color: #bdccd7;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr.hover td {
  background-color: #d7dde3;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td.bodyNullTd,
.AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td.bodyNullTd,
.AXGrid .AXgridEditor .gridFixedBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyNode,
.AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyNode,
.AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdText,
.AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdHtml,
.AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdHtml,
.AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXGrid .AXgridEditor .gridFixedBodyTable tbody tr td .bodyTdCheckBox,
.AXGrid .AXgridEditor .gridFixedBodyTable tfoot tr td .bodyTdCheckBox,
.AXGrid .AXgridEditor .gridFixedBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXGridColGroupListBox {
  z-index: 4999;
  position: absolute;
  left: 0;
  top: 0;
  width: 146px;
  background: #fff;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem {
  display: block;
  line-height: 15px;
  padding: 5px 5px 5px 25px;
  color: #5e5e5e;
  text-decoration: none;
  border-bottom: 1px solid #e3e3e3;
  font-size: 12px;
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem.last {
  border-bottom: 0 none;
}

.AXGridColGroupListBox .AXGridColGroupListBoxItem.on {
  color: #7b8590;
  background: url(images/dx-item-check.png) no-repeat 3px center;
}

.AXGrid.AXGridMobile .AXgridScrollBody {
  border: 0 none;
  overflow: visible;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup {
  display: block;
  position: relative;
  height: 43px;
  background-image: -webkit-linear-gradient(#e2e5e7, #fff);
  background-image: -o-linear-gradient(#e2e5e7, #fff);
  background-image: -moz-linear-gradient(#e2e5e7, #fff);
  background-image: linear-gradient(#e2e5e7, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e5e7, endColorstr=#ffffff);
  border-bottom: 1px solid #b1b1b1;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup.top {
  border-top: 1px solid #b1b1b1;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .displayNone {
  display: none;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-config {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 43px;
  height: 43px;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  background: url(images/mx-grid-icon-config.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup {
  position: relative;
  display: block;
  width: 172px;
  height: 43px;
  margin: 0 auto;
  padding: 0;
  box-sizing: content-box;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-prevPage {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 43px;
  height: 43px;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  background: url(images/mx-grid-icon-prev.png) no-repeat center center;
  background-size: 30px 30px;
  cursor: pointer;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo {
  padding: 0;
  width: 172px;
  height: 43px;
  background: url(images/mx-grid-icon-pageBg.png) no-repeat center center;
  background-size: contain;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo select {
  position: absolute;
  left: 43px;
  top: 6px;
  width: 86px;
  height: 30px;
  border: 0 none;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-pageNo span {
  display: block;
  width: 86px;
  box-sizing: content-box;
  padding: 6px 43px;
  text-align: center;
  line-height: 31px;
  font-weight: 700;
  color: #6c6c6c;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-pageGroup .tool-nextPage {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 43px;
  height: 43px;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  background: url(images/mx-grid-icon-next.png) no-repeat center center;
  background-size: 30px 30px;
  cursor: pointer;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-gotoTop {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 43px;
  height: 43px;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  background: url(images/mx-grid-icon-down.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridToolGroup .tool-gotoBottom {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 43px;
  height: 43px;
  background: url(images/mx-grid-icon-up.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .AXGridBody {
  position: relative;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile {
  position: relative;
  border-bottom: 1px solid #b1b1b1;
  margin: 0;
  padding: 0 5px 5px;
  cursor: pointer;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.line0 {
  background: #f7f7f7;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.line1 {
  background: #fff;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.red {
  background-color: #ffe8e8;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.green {
  background-color: #f7fdea;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.blue {
  background-color: #eaf5fd;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.yellow {
  background-color: #fefee9;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.white {
  background-color: #fff;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.gray {
  background-color: #f7f7f7;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.hover,
.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile:hover {
  background-color: #d2d9df;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile.selected {
  background-color: #f3f3f3;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column {
  float: left;
  padding: 0;
  margin: 0;
  border-box: content-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.underLine {
  border-bottom: 1px dashed #c8c8c8;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col1 {
  width: 25%;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col2 {
  width: 50%;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col3 {
  width: 75%;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.col4 {
  width: 100%;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone {
  border: 1px solid #e3e3e3;
  background: #fff;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  margin: 5px 0 0 5px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .label {
  margin: 0;
  padding: 5px;
  background: #fff;
  color: #3b3b3b;
  font-size: 11px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .content {
  margin: 0;
  padding: 8px 10px 8px 0;
  line-height: 12px;
  min-height: 12px;
  color: #5e5e5e;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column.colNone .content.solid {
  display: inline-block;
  padding: 8px 10px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .label {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0 10px 5px;
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
  background: #b1b1b1;
  color: #fff;
  font-size: 11px;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .content {
  display: inline;
  vertical-align: middle;
  margin: 10px 10px 10px 5px;
  padding: 4px 0;
  line-height: 12px;
  min-height: 12px;
  color: #5e5e5e;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .column .content.solid {
  display: inline-block;
  padding: 3px;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .columnClear {
  clear: both;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .buttonGroup {
  position: absolute;
  right: 0;
  top: 0;
}

.AXGrid.AXGridMobile .AXgridScrollBody .gridBodyDiv .bodyViewMobile .buttonGroup .handle {
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(images/mx-grid-icon-handle.png) no-repeat center center;
  background-size: 30px 30px;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXTextarea {
  border: 1px solid #b6b6b6;
  background: #fff;
  color: #333;
  box-shadow: inset 0 1px 2px #ddd;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 12px;
  line-height: 15px;
  padding: 4px;
  margin: 0 auto;
  vertical-align: middle;
}

.AXanchor {
  position: absolute;
  height: 0;
  left: 0;
  top: 0;
  display: none;
  vertical-align: middle;
}

.AXInput {
  border: 1px solid #b6b6b6;
  background: #fff;
  color: #333;
  box-shadow: inset 0 1px 2px #ddd;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  padding: 4px;
  margin: 0 auto;
  vertical-align: middle;
}

.AXInput:focus {
  border: 1px solid #949fa8;
  box-shadow: inset 0 0 3px #949fa8;
  outline: 0;
  color: #222;
}

.AXInput[disabled] {
  background: url(images/dx-default-regular.png) repeat-x;
  background-position: 0 -78px;
  color: #fff;
  text-shadow: 0 -1px #b7b7b7;
  box-shadow: inset 0 1px 2px #b1b1b1;
}

.AXInput[readonly] {
  background: #eee;
  color: #676767;
  text-shadow: 0 1px #fff;
  box-shadow: inset 0 1px 2px #b1b1b1;
}

.AXInput::-webkit-input-placeholder {
  color: #bbb;
}

.AXInput::-moz-placeholder {
  color: #bbb;
}

.AXInput:-ms-input-placeholder {
  color: #bbb;
}

.AXInput.Round {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.AXInputSmall {
  border: 1px solid #b6b6b6;
  background: #fff;
  color: #333;
  box-shadow: inset 0 1px 1px #ddd;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  padding: 3px;
  margin: 0 auto;
  vertical-align: middle;
}

.AXInputSmall:focus {
  border: 1px solid #949fa8;
  box-shadow: inset 0 0 3px #949fa8;
  outline: 0;
  color: #222;
}

.AXInputSmall[disabled] {
  background: url(images/dx-default-small.png) repeat-x;
  background-position: 0 -60px;
  color: #fff;
  text-shadow: 0 -1px #b7b7b7;
  box-shadow: inset 0 1px 2px #b1b1b1;
}

.AXInputSmall[readonly] {
  background: #eee;
  color: #676767;
  text-shadow: 0 1px #fff;
  box-shadow: inset 0 1px 2px #b1b1b1;
}

.AXInputSmall::-webkit-input-placeholder {
  color: #bbb;
}

.AXInputSmall::-moz-placeholder {
  color: #bbb;
}

.AXInputSmall:-ms-input-placeholder {
  color: #bbb;
}

.AXInputSmall.Round {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.AXCheckbox {
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 1px 0 0 30px;
  margin: 0;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  background: url(images/dx-checkbox.png) no-repeat left 0;
  vertical-align: middle;
}

.AXCheckbox.checked {
  background-position: left -26px;
}

.AXCheckbox input[type=checkbox] {
  position: absolute;
  left: -56px;
}

.AXInputLabel {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  box-sizing: border-box;
}

.AXInputLabel SPAN {
  line-height: 24px;
  font-size: 12px;
  color: #444;
  padding: 0 3px;
}

.AXInputLabel SPAN.block {
  display: block;
}

.AXInputLabel.fullWidth {
  display: block;
  padding: 0 10px 0 0;
}

.AXInputLabel.fullWidth SPAN {
  display: block;
}

.AXInputLabel.fullWidth .AXInput,
.AXInputLabel.fullWidth input[type=password],
.AXInputLabel.fullWidth input[type=text],
.AXInputLabel.fullWidth select,
.AXInputLabel.fullWidth textarea {
  width: 100%;
}

.AXInputGroup {
  position: relative;
  border: 1px solid #b6b6b6;
  background: #fff;
  box-shadow: inset 0 1px 2px #ddd;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  padding: 0 0 0 4px;
  display: block;
}

.AXInputGroup.inline {
  display: inline-block;
  *display: inline;
  *margin-right: 3px;
}

.AXInputGroup.inline input[type=password],
.AXInputGroup.inline input[type=text] {
  *width: auto;
}

.AXInputGroup input[type=password],
.AXInputGroup input[type=text] {
  border: 0 none;
  width: 100%;
  padding: 4px 0;
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  background: 0 0;
}

.AXanchorPlaceHolder {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
  text-decoration: none;
  line-height: 100%;
  text-indent: 7px;
  cursor: text;
}

.AXanchorSearch {
  position: absolute;
  display: block;
  background: url(images/dx-delete-value.png) center center no-repeat;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -2000px;
}

.AXanchorNumberContainer {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/dx-default-regular.png) repeat-x;
  border: 1px solid #b9babc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.AXanchorNumberContainer .AXanchorIncrease {
  position: absolute;
  display: block;
  background: url(images/dx-up-arrow.png) center center no-repeat;
  *background-position: center 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -2000px;
  border-bottom: 1px solid #b9babc;
}

.AXanchorNumberContainer .AXanchorIncrease:active {
  background-image: url(images/dx-up-arrow-on.png);
}

.AXanchorNumberContainer .AXanchorDecrease {
  position: absolute;
  display: block;
  background: url(images/dx-down-arrow.png) center center no-repeat;
  *background-position: center 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -2000px;
  border-top: 1px solid #b9babc;
}

.AXanchorNumberContainer .AXanchorDecrease:active {
  background-image: url(images/dx-down-arrow-on.png);
}

.AXanchorSelectorHandleContainer {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/dx-default-regular.png) repeat-x;
  border: 1px solid #b9babc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.AXanchorSelectorHandleContainer .AXanchorSelectorHandle {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/dx-slide-down-arrow.png) center center no-repeat;
  overflow: hidden;
  text-indent: -2000px;
}

.AXanchorSelectorHandleContainer .AXanchorSelectorHandle.on {
  background: url(images/dx-slide-up-arrow.png) center center no-repeat;
}

.AXanchorSelectorFinderContainer {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/dx-default-regular.png) repeat-x;
  border: 1px solid #b9babc;
}

.AXanchorSelectorFinderContainer .AXanchorSelectorFinder {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(images/dx-selector-search.png) center center no-repeat;
  overflow: hidden;
  text-indent: -2000px;
}

.AXanchorSelectorFinderContainer .AXanchorSelectorFinder.on {
  background: url(images/dx-selector-search.png) center center no-repeat;
}

.AXanchorSelectorExpandBox {
  position: absolute !important;
  left: 0;
  top: 0;
  border: 1px solid #b9babc;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px #e9eced;
  overflow: hidden !important;
}

.AXanchorSelectorExpandBox .AXanchorSelectorExpandScroll {
  padding: 2px 0;
}

.AXanchorSelectorExpandBox a {
  display: block;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 20px;
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #d8d9db;
  background: #fff;
}

.AXanchorSelectorExpandBox a.on {
  background: #d7dde3;
}

.AXanchorSelectorExpandBox a:hover {
  background: #5ea3db;
  color: #fff;
}

.AXanchorSelectorExpandBox a span {
  color: #aaa;
  padding-left: 7px;
}

.AXanchorSelectorExpandBox .empty {
  display: block;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 20px;
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #d8d9db;
  background: #fff;
}

.AXanchorSliderBox {
  position: absolute;
  left: 0;
  top: -3px;
}

.AXanchorSliderBox .AXanchorSliderMinTitle {
  position: absolute;
  left: 0;
  bottom: 3px;
  display: block;
  text-decoration: none;
  color: #acacac;
  text-align: left;
  font-size: 11px;
  line-height: 14px;
  font-family: Arial;
}

.AXanchorSliderBox .AXanchorSliderMaxTitle {
  position: absolute;
  right: 0;
  bottom: 3px;
  display: block;
  text-decoration: none;
  color: #acacac;
  text-align: right;
  font-size: 11px;
  line-height: 14px;
  font-family: Arial;
}

.AXanchorSliderBox .AXanchorSliderBar {
  position: absolute;
  left: 0;
  top: 0;
  background: #e2e3e4;
  height: 4px;
  border-radius: 2px;
}

.AXanchorSliderBox .AXanchorSliderBarInside {
  position: absolute;
  left: 0;
  top: 0;
  background: #90979d;
  height: 4px;
  border-radius: 2px;
}

.AXanchorSliderBox .AXanchorSliderHandle {
  position: absolute;
  left: 0;
  top: -16px;
  width: 24px;
  height: 30px;
  background: url(images/dx-slide-handle.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXanchorSliderBox .AXanchorSliderHandle:active {
  background: url(images/dx-slide-handle.png) no-repeat 0 -30px;
}

.AXanchorSliderBox .AXanchorSliderHandleTitle {
  position: absolute;
  left: 0;
  bottom: -22px;
  display: block;
  text-decoration: none;
  color: #444;
  text-align: center;
  font-size: 11px;
  font-family: "Nanum Gothic";
}

.AXanchorSliderBox .AXanchorSliderHandleMin {
  position: absolute;
  left: 0;
  top: -8px;
  width: 15px;
  height: 20px;
  background: url(images/dx-slider-handle-min.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXanchorSliderBox .AXanchorSliderHandleMin:active {
  --background: url(images/dx-slider-handle-min.png) no-repeat 0 -30px;
}

.AXanchorSliderBox .AXanchorSliderHandleMinTitle {
  position: absolute;
  left: 0;
  bottom: -25px;
  display: block;
  text-decoration: none;
  color: #444;
  text-align: right;
  font-size: 11px;
  font-family: Arial;
}

.AXanchorSliderBox .AXanchorSliderHandleMax {
  position: absolute;
  left: 0;
  top: -8px;
  width: 15px;
  height: 20px;
  background: url(images/dx-slider-handle-max.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}

.AXanchorSliderBox .AXanchorSliderHandleMax:active {
  --background: url(images/dx-slider-handle-max.png) no-repeat 0 -30px;
}

.AXanchorSliderBox .AXanchorSliderHandleMaxTitle {
  position: absolute;
  left: 0;
  bottom: -25px;
  display: block;
  text-decoration: none;
  color: #444;
  font-size: 11px;
  font-family: Arial;
}

.AXanchorDate {
  position: absolute;
  display: block;
  background: url(images/dx-calendar-handle.png) center center no-repeat;
  width: 21px;
  height: 18px;
  overflow: hidden;
  text-indent: -2000px;
}

.AXanchorDateExpandBox {
  position: absolute;
  left: 0;
  top: 0;
}

.AXanchorSwitchBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 22px;
  border: 1px solid #b6b6b6;
  background: #fff;
  box-shadow: inset 0 1px 2px #ddd;
  border-radius: 14px;
  padding: 0;
  margin: 0;
  outline: 0;
}

.AXanchorSwitchBox .AXanchorSwitchDisplay {
  text-align: center;
  padding-left: 18px;
  font-family: Arial;
  font-size: 11px;
  color: #b6b6b6;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
}

.AXanchorSwitchBox .AXanchorSwitchHandle {
  position: absolute;
  left: 1px;
  top: 0;
  display: block;
  width: 22px;
  height: 21px;
  background: url(images/dx-switch.png) no-repeat 0 center;
  text-indent: -1000px;
  overflow: hidden;
}

.AXanchorSwitchBox.on {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #4f5458;
  background: #a3b0b9;
  box-shadow: inset 0 1px 2px #828282;
  padding: 0;
  margin: 0;
  outline: 0;
}

.AXanchorSwitchBox.on .AXanchorSwitchDisplay {
  text-align: center;
  padding-left: 0;
  padding-right: 18px;
  font-size: 11px;
  color: #fff;
  text-shadow: 0 -1px #8b969d;
  white-space: nowrap;
  overflow: hidden;
}

.AXanchorSwitchBox.on .AXanchorSwitchHandle {
  position: absolute;
  left: auto;
  right: 1px;
  top: 0;
  display: block;
  width: 22px;
  height: 21px;
  background: url(images/dx-switch.png) no-repeat -60px center;
  text-indent: -1000px;
  overflow: hidden;
}

.AXanchorSegmentBox {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.AXanchorSegmentBox .AXanchorSegmentHandle {
  cursor: pointer;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  border-top: 1px solid #b9babc;
  border-left: 1px solid #b9babc;
  border-bottom: 1px solid #b9babc;
  font-size: 12px;
  color: #6e7a86;
  text-align: center;
  text-decoration: none;
  background-image: -webkit-linear-gradient(#fff, #e8e8e8);
  background-image: -o-linear-gradient(#fff, #e8e8e8);
  background-image: -moz-linear-gradient(#fff, #e8e8e8);
  background-image: linear-gradient(#fff, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e8e8e8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXanchorSegmentBox .AXanchorSegmentHandle:focus,
.AXanchorSegmentBox .AXanchorSegmentHandle:hover {
  background-image: -webkit-linear-gradient(#c7cfd4, #e5eff2);
  background-image: -o-linear-gradient(#c7cfd4, #e5eff2);
  background-image: -moz-linear-gradient(#c7cfd4, #e5eff2);
  background-image: linear-gradient(#c7cfd4, #e5eff2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c7cfd4, endColorstr=#e5eff2);
  text-shadow: 0 1px #fff;
}

.AXanchorSegmentBox .AXanchorSegmentHandle.segmentLeft {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.AXanchorSegmentBox .AXanchorSegmentHandle.segmentRight {
  border-right: 1px solid #b9babc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.AXanchorSegmentBox .AXanchorSegmentHandle.on {
  background-image: -webkit-linear-gradient(#7c7e83, #b9babc);
  background-image: -o-linear-gradient(#7c7e83, #b9babc);
  background-image: -moz-linear-gradient(#7c7e83, #b9babc);
  background-image: linear-gradient(#7c7e83, #b9babc);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7c7e83, endColorstr=#b9babc);
  color: #fff;
  text-shadow: 0 1px #4e585f;
}

.AXanchorDateHandle {
  position: absolute;
  display: block;
  background: url(images/dx-calendar-handle.png) center center no-repeat;
  width: 21px;
  height: 20px;
  overflow: hidden;
  text-indent: -2000px;
}

.AXbindDateExpandBox {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px;
  background: #cdd2d8;
  border: 1px solid #808d9d;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
}

.AXbindDateExpandBox .dateControlBox {
  position: relative;
  width: 181px;
  height: 26px;
  background-image: -webkit-linear-gradient(#b1bec7, #919ea7);
  background-image: -o-linear-gradient(#b1bec7, #919ea7);
  background-image: -moz-linear-gradient(#b1bec7, #919ea7);
  background-image: linear-gradient(#b1bec7, #919ea7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b1bec7, endColorstr=#919ea7);
  border: 1px solid #7f8d9c;
}

.AXbindDateExpandBox .dateControlBox .prevbutton {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-prev-arrow.png) no-repeat;
}

.AXbindDateExpandBox .dateControlBox .prevbutton:hover {
  background: url(images/dx-prev-arrow.png) no-repeat 0 -26px;
}

.AXbindDateExpandBox .dateControlBox .nextbutton {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-next-arrow.png) no-repeat;
}

.AXbindDateExpandBox .dateControlBox .nextbutton:hover {
  background: url(images/dx-next-arrow.png) no-repeat 0 -26px;
}

.AXbindDateExpandBox .dateControlBox .yearbutton {
  position: absolute;
  left: 55px;
  top: 0;
  text-decoration: none;
  color: #fff;
  line-height: 26px;
  font-family: Arial;
  font-size: 12px;
  text-shadow: 0 -1px #869198;
}

.AXbindDateExpandBox .dateControlBox .monthbutton {
  position: absolute;
  left: 100px;
  top: 0;
  text-decoration: none;
  color: #fff;
  line-height: 26px;
  font-family: Arial;
  font-size: 12px;
  text-shadow: 0 -1px #869198;
}

.AXbindDateExpandBox .dateDisplayBox {
  background: #fff;
  border: 1px solid #b9babc;
  border-top: 0 none;
  width: 181px;
}

.AXbindDateExpandBox .timeDisplayBox {
  padding-top: 10px;
  height: 120px;
}

.AXbindTwinDateExpandBox {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px;
  background: url(images/dx-calendar-box-bg.png);
  border: 1px solid #808d9d;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
}

.AXbindTwinDateExpandBox .dateControlBox {
  position: relative;
  height: 26px;
  background: url(images/dx-calendar-bgs.png) repeat-x;
  border: 1px solid #7f8d9c;
  width: 181px;
}

.AXbindTwinDateExpandBox .dateControlBox .prevbutton {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-prev-arrow.png) no-repeat;
}

.AXbindTwinDateExpandBox .dateControlBox .prevbutton:hover {
  background: url(images/dx-prev-arrow.png) no-repeat 0 -26px;
}

.AXbindTwinDateExpandBox .dateControlBox .nextbutton {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 26px;
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  background: url(images/dx-next-arrow.png) no-repeat;
}

.AXbindTwinDateExpandBox .dateControlBox .nextbutton:hover {
  background: url(images/dx-next-arrow.png) no-repeat 0 -26px;
}

.AXbindTwinDateExpandBox .dateControlBox .yearbutton {
  position: absolute;
  left: 55px;
  top: 0;
  text-decoration: none;
  color: #fff;
  line-height: 26px;
  font-family: Arial;
  font-size: 12px;
  text-shadow: 0 -1px #869198;
}

.AXbindTwinDateExpandBox .dateControlBox .monthbutton {
  position: absolute;
  left: 100px;
  top: 0;
  text-decoration: none;
  color: #fff;
  line-height: 26px;
  font-family: Arial;
  font-size: 12px;
  text-shadow: 0 -1px #869198;
}

.AXbindTwinDateExpandBox .dateDisplayBox {
  background: #fff;
  border: 1px solid #b9babc;
  border-top: 0 none;
  width: 181px;
}

.AXbindTwinDateExpandBox .timeDisplayBox {
  padding-top: 10px;
  height: 120px;
}

.AXbindTwinDateExpandBox .dateTypeName {
  height: 22px;
  line-height: 21px;
  text-align: center;
  color: #828f9e;
  text-shadow: 0 1px #fff;
  font-family: Arial;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.clear {
  clear: both;
}

.AXHspace1 {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

.AXHspace2 {
  font-size: 1px;
  line-height: 1px;
  height: 2px;
}

.AXHspace3 {
  font-size: 1px;
  line-height: 1px;
  height: 3px;
}

.AXHspace4 {
  font-size: 1px;
  line-height: 1px;
  height: 4px;
}

.AXHspace5 {
  font-size: 1px;
  line-height: 1px;
  height: 5px;
}

.AXHspace10 {
  font-size: 1px;
  line-height: 1px;
  height: 10px;
}

.AXHspace15 {
  font-size: 1px;
  line-height: 1px;
  height: 15px;
}

.AXHspace20 {
  font-size: 1px;
  line-height: 1px;
  height: 20px;
}

.AXHspace30 {
  font-size: 1px;
  line-height: 1px;
  height: 30px;
}

.AXHspace40 {
  font-size: 1px;
  line-height: 1px;
  height: 40px;
}

.AXHspace50 {
  font-size: 1px;
  line-height: 1px;
  height: 50px;
}

.W10,
.W20 {
  width: 20px;
}

.W30 {
  width: 30px;
}

.W40 {
  width: 40px;
}

.W50 {
  width: 50px;
}

.W60 {
  width: 60px;
}

.W70 {
  width: 70px;
}

.W80 {
  width: 80px;
}

.W90 {
  width: 90px;
}

.W100 {
  width: 100px;
}

.W110 {
  width: 110px;
}

.W120 {
  width: 120px;
}

.W130 {
  width: 130px;
}

.W140 {
  width: 140px;
}

.W150 {
  width: 150px;
}

.W160 {
  width: 160px;
}

.W170 {
  width: 170px;
}

.W180 {
  width: 180px;
}

.W190 {
  width: 190px;
}

.W200 {
  width: 200px;
}

.AXUserSelectNone {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
}

.AXMobileConsole {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #f0f;
  text-shadow: 0 1px 0 #fff;
}

.AXMask {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXLoading {
  min-height: 50px;
  background: url(images/dx-progresss-ani-white-1.gif) no-repeat center center;
}

.AXLoadingSmall {
  min-height: 25px;
  background: url(images/dx-progresss-ani-white-2.gif) no-repeat center center;
}

.AXContextMenu {
  z-index: 4999;
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  background: #fff;
  border: 1px solid #c6cdd3;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

.AXContextMenu .contextMenuItem {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  color: #565b61;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.AXContextMenu .contextMenuItem.first {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.AXContextMenu .contextMenuItem.last {
  border-bottom: 0 none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.AXContextMenu .contextMenuItem.doc {
  background-image: url(images/dx-context-icon-doc.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.docline {
  background-image: url(images/dx-context-icon-docline.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.plus {
  background-image: url(images/dx-context-icon-plus.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.minus {
  background-image: url(images/dx-context-icon-minus.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.group {
  background-image: url(images/dx-context-icon-group.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.edit {
  background-image: url(images/dx-context-icon-edit.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.copy {
  background-image: url(images/dx-context-icon-copy.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.cut {
  background-image: url(images/dx-context-icon-cut.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.paste {
  background-image: url(images/dx-context-icon-paste.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.up {
  background-image: url(images/dx-context-icon-up.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.down {
  background-image: url(images/dx-context-icon-down.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.left {
  background-image: url(images/dx-context-icon-left.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.right {
  background-image: url(images/dx-context-icon-right.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.link {
  background-image: url(images/dx-context-icon-link.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.unlink {
  background-image: url(images/dx-context-icon-unlink.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.openall {
  background-image: url(images/dx-context-icon-openall.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem.closeall {
  background-image: url(images/dx-context-icon-cloaseall.png);
  padding: 0 5px 0 30px;
}

.AXContextMenu .contextMenuItem .contextSubMenuIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-image: url(images/dx-context-sub-icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

.AXContextMenu .hline {
  display: block;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  background: #c6cdd3;
}

.AXContextMenu .contextMenuItem:hover {
  background-color: #e8e8e8;
}

.AXPopOver {
  z-index: 4999;
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  padding: 6px;
  background: #fff;
  border: 1px solid #c6cdd3;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

.AXPopOver .arrowTop {
  position: absolute;
  left: 0;
  top: -8px;
  width: 100%;
  height: 8px;
  background: url(images/dx-popover-arrow.png) no-repeat center 0;
}

.AXPopOver .blockContainer {
  background: #fff;
  border-radius: 3px;
}

.AXPopOver .contextMenuBody {
  background: #c6cdd3;
  color: #000;
}

.AXPopOver .contextMenuItem {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px 0 10px;
  color: #565b61;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #c6cdd3;
}

.AXPopOver .contextMenuItem.first {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.AXPopOver .contextMenuItem.last {
  border-bottom: 0 none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.AXPopOver .contextMenuItem.groupName {
  background: #eee;
  color: #000;
}

.AXPopOver .contextMenuItem.docline {
  background-image: url(images/dx-context-icon-docline.png);
}

.AXPopOver .contextMenuItem.plus {
  background-image: url(images/dx-context-icon-plus.png);
}

.AXPopOver .contextMenuItem.minus {
  background-image: url(images/dx-context-icon-minus.png);
}

.AXPopOver .contextMenuItem.group {
  background-image: url(images/dx-context-icon-group.png);
}

.AXPopOver .contextMenuItem.edit {
  background-image: url(images/dx-context-icon-edit.png);
}

.AXPopOver .contextMenuItem.copy {
  background-image: url(images/dx-context-icon-copy.png);
}

.AXPopOver .contextMenuItem.cut {
  background-image: url(images/dx-context-icon-cut.png);
}

.AXPopOver .contextMenuItem.paste {
  background-image: url(images/dx-context-icon-paste.png);
}

.AXPopOver .contextMenuItem.up {
  background-image: url(images/dx-context-icon-up.png);
}

.AXPopOver .contextMenuItem.down {
  background-image: url(images/dx-context-icon-down.png);
}

.AXPopOver .contextMenuItem.left {
  background-image: url(images/dx-context-icon-left.png);
}

.AXPopOver .contextMenuItem.right {
  background-image: url(images/dx-context-icon-right.png);
}

.AXPopOver .contextMenuItem.link {
  background-image: url(images/dx-context-icon-link.png);
}

.AXPopOver .contextMenuItem.unlink {
  background-image: url(images/dx-context-icon-unlink.png);
}

.AXPopOver .contextMenuItem.openall {
  background-image: url(images/dx-context-icon-openall.png);
}

.AXPopOver .contextMenuItem.closeall {
  background-image: url(images/dx-context-icon-cloaseall.png);
}

.AXPopOver .hline {
  display: block;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  background: #c6cdd3;
}

.AXPopOver .contextMenuItem:hover {
  background-color: #e8e8e8;
}

.AXTooltipContent {
  display: none;
}

.AXPopOverTooltip {
  z-index: 4999;
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  padding: 6px;
  background: ivory;
  border: 1px solid #b55a00;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

.AXPopOverTooltip .arrowTop {
  position: absolute;
  left: 0;
  top: -8px;
  width: 100%;
  height: 8px;
  background: url(images/dx-popover-arrow-tooltip.png) no-repeat 10px 0;
}

.AXPopOverTooltip .arrowBottom {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  background: url(images/dx-popover-tooltip-bottom.png) no-repeat 10px 0;
}

.AXPopOverTooltip .blockContainer {
  border-radius: 3px;
}

.AXPopOverTooltip .contextMenuBody {
  color: #b55a00;
}

.AXPopOverTooltip .contextMenuItem {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #5e5e5e;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0 center;
  border-bottom: 1px solid #ccc;
}

.AXPopOverTooltip .contextMenuItem:hover {
  background-color: #eee;
}

.AXPopOverTooltip .contextMenuItem.first {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.AXPopOverTooltip .contextMenuItem.last {
  border-bottom: 0 none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.AXPopOverTooltip .contextMenuItem.groupName {
  background: #eee;
  color: #000;
}

.AXPopOverTooltip .contextMenuItem.docline {
  background-image: url(images/dx-context-icon-docline.png);
}

.AXPopOverTooltip .contextMenuItem.plus {
  background-image: url(images/dx-context-icon-plus.png);
}

.AXPopOverTooltip .contextMenuItem.minus {
  background-image: url(images/dx-context-icon-minus.png);
}

.AXPopOverTooltip .contextMenuItem.group {
  background-image: url(images/dx-context-icon-group.png);
}

.AXPopOverTooltip .contextMenuItem.edit {
  background-image: url(images/dx-context-icon-edit.png);
}

.AXPopOverTooltip .contextMenuItem.copy {
  background-image: url(images/dx-context-icon-copy.png);
}

.AXPopOverTooltip .contextMenuItem.cut {
  background-image: url(images/dx-context-icon-cut.png);
}

.AXPopOverTooltip .contextMenuItem.paste {
  background-image: url(images/dx-context-icon-paste.png);
}

.AXPopOverTooltip .contextMenuItem.up {
  background-image: url(images/dx-context-icon-up.png);
}

.AXPopOverTooltip .contextMenuItem.down {
  background-image: url(images/dx-context-icon-down.png);
}

.AXPopOverTooltip .contextMenuItem.left {
  background-image: url(images/dx-context-icon-left.png);
}

.AXPopOverTooltip .contextMenuItem.right {
  background-image: url(images/dx-context-icon-right.png);
}

.AXPopOverTooltip .contextMenuItem.link {
  background-image: url(images/dx-context-icon-link.png);
}

.AXPopOverTooltip .contextMenuItem.unlink {
  background-image: url(images/dx-context-icon-unlink.png);
}

.AXPopOverTooltip .contextMenuItem.openall {
  background-image: url(images/dx-context-icon-openall.png);
}

.AXPopOverTooltip .contextMenuItem.closeall {
  background-image: url(images/dx-context-icon-cloaseall.png);
}

.AXPopOverTooltip .hline {
  display: block;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  background: #b1b1b1;
}

.AXPopOverTooltip .contextSubMenuIcon {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-image: url(images/dx-context-sub-icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

.AXNotification {
  width: 300px;
  border: 1px solid #c5c5c5;
  background: #ebebeb;
  padding: 10px;
  margin: 10px 0;
  box-shadow: 0 0 5px #b2b2b2;
  font-size: 12px;
  color: #525252;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
}

.AXNotification.Warning .AXNotificationIcon {
  width: 42px;
  height: 42px;
  background: url(images/dx-noti-warning.png) no-repeat center center !important;
}

.AXNotification.Warning .AXNotificationBody B {
  color: #bf601b;
}

.AXNotification.Caution .AXNotificationIcon {
  width: 42px;
  height: 42px;
  background: url(images/dx-noti-caution.png) no-repeat center center !important;
}

.AXNotification.Caution .AXNotificationBody B {
  color: #7e302c;
}

.AXNotification .AXNotificationHead {
  font-weight: 700;
  color: #717b85;
  text-shadow: 0 1px #fff;
  padding: 5px 15px;
  height: 20px;
  line-height: 20px;
  background: #fff url(images/dx-dialog-title.png) repeat-x;
  text-align: center;
}

.AXNotification .AXNotificationTable {
  width: 100%;
  border: 0 none !important;
  background: #ebebeb;
}

.AXNotification .AXNotificationTable td,
.AXNotification .AXNotificationTable th {
  border: 0 none !important;
  background: #ebebeb;
}

.AXNotification .AXNotificationIcon {
  width: 42px;
  height: 42px;
  background: url(images/dx-noti-complete.png) no-repeat center 5px !important;
}

.AXNotification .AXNotificationBody {
  font-size: 12px;
  color: #525252;
  padding-right: 5px;
  line-height: 1.6em;
}

.AXNotification .AXNotificationBody B {
  color: #477e47;
}

.AXNotification .AXNotificationButton {
  width: 45px;
}

.AXNotification .AXNotificationButtons {
  padding: 10px 0;
  text-align: center;
  background: #ebebeb;
}

.AXNotificationTray {
  position: fixed;
  right: 10px;
  top: 0;
  z-index: 5001;
  width: 322px;
}

.AXNotificationTrayDialog {
  position: fixed;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 5001;
}

.AXNotificationTrayDialog .AXNotification {
  width: 340px;
  border: 1px solid #444;
  background: #ebebeb;
  padding: 0;
  margin: 0 auto;
  box-shadow: 0 0 3px #888;
  font-size: 12px;
  color: #525252;
  overflow: hidden;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
}

.AXNotificationTrayDialog .AXNotification .AXNotificationCT {
  padding: 10px;
}

.AXCalendar {
  position: relative;
}

.AXCalendar table.calendarPage {
  table-layout: fixed;
  width: 100%;
}

.AXCalendar table.calendarPage thead td {
  background: #fff;
  font-size: 8px;
  font-family: Arial;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #f2f2f3;
  border-bottom: 1px solid #b9babc;
}

.AXCalendar table.calendarPage thead td.head_6 {
  border-right: 0 none;
}

.AXCalendar table.calendarPage thead td.dayofweek_0 {
  color: #c78b82;
}

.AXCalendar table.calendarPage thead td.dayofweek_1,
.AXCalendar table.calendarPage thead td.dayofweek_2,
.AXCalendar table.calendarPage thead td.dayofweek_3,
.AXCalendar table.calendarPage thead td.dayofweek_4,
.AXCalendar table.calendarPage thead td.dayofweek_5 {
  color: #7b7b7b;
}

.AXCalendar table.calendarPage thead td.dayofweek_6 {
  color: #627d9b;
}

.AXCalendar table.calendarPage tbody td {
  height: 25px;
  line-height: 25px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #b9babc;
  border-bottom: 1px solid #b9babc;
  background-image: -webkit-linear-gradient(#fcfcfc, #edecef);
  background-image: -o-linear-gradient(#fcfcfc, #edecef);
  background-image: -moz-linear-gradient(#fcfcfc, #edecef);
  background-image: linear-gradient(#fcfcfc, #edecef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfc, endColorstr=#edecef);
}

.AXCalendar table.calendarPage tbody td.bodyCol_6 {
  border-right: 0 none;
}

.AXCalendar table.calendarPage tbody td.bodyRow_5 {
  border-bottom: 0 none;
}

.AXCalendar table.calendarPage tbody td.setDate {
  background-image: -webkit-linear-gradient(#faefed, #ebd2cd);
  background-image: -o-linear-gradient(#faefed, #ebd2cd);
  background-image: -moz-linear-gradient(#faefed, #ebd2cd);
  background-image: linear-gradient(#faefed, #ebd2cd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#faefed, endColorstr=#ebd2cd);
}

.AXCalendar table.calendarPage tbody td A.calendarDate {
  display: block;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  color: #6d6e71;
  font-size: 11px;
  font-family: Arial;
  font-weight: 700;
}

.AXCalendar table.calendarPage tbody td A.calendarDate:hover {
  background: #d8e1e7;
}

.AXCalendar table.calendarPage tbody td A.calendarDate.selected,
.AXCalendar table.calendarPage tbody td A.calendarDate:active {
  background: #5ea3db;
  color: #fff;
  box-shadow: inset 0 0 4px #3d84bc;
}

.AXCalendar table.calendarPage tbody td.bodyCol_0 A.calendarDate {
  color: #c78b82;
}

.AXCalendar table.calendarPage tbody td.bodyCol_0 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_1 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_2 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_3 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_4 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_5 A.calendarDate.notThisMonth,
.AXCalendar table.calendarPage tbody td.bodyCol_6 A.calendarDate.notThisMonth {
  color: #bfbfc1;
}

.AXCalendar table.calendarPageMonth {
  table-layout: fixed;
  width: 100%;
}

.AXCalendar table.calendarPageMonth tbody td {
  height: 43px;
  line-height: 43px;
  padding: 0;
  text-align: center;
  border-right: 1px solid #b9babc;
  border-bottom: 1px solid #b9babc;
  background-image: -webkit-linear-gradient(#fcfcfc, #edecef);
  background-image: -o-linear-gradient(#fcfcfc, #edecef);
  background-image: -moz-linear-gradient(#fcfcfc, #edecef);
  background-image: linear-gradient(#fcfcfc, #edecef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfc, endColorstr=#edecef);
}

.AXCalendar table.calendarPageMonth tbody td.bodyCol_2 {
  border-right: 0 none;
}

.AXCalendar table.calendarPageMonth tbody td.bodyCol_3 {
  border-bottom: 0 none;
  padding-bottom: 1px;
}

.AXCalendar table.calendarPageMonth tbody td.setDate {
  background: #f3e2df;
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth {
  display: block;
  height: 43px;
  line-height: 43px;
  text-decoration: none;
  color: #6d6e71;
  font-size: 12px;
  font-family: Arial;
  font-weight: 700;
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth:hover {
  background: #d8e1e7;
}

.AXCalendar table.calendarPageMonth tbody td A.calendarMonth.selected,
.AXCalendar table.calendarPageMonth tbody td A.calendarMonth:active {
  background: #5ea3db;
  color: #fff;
  box-shadow: inset 0 0 5px #3d84bc;
}

.AXCalendar .timeBox {
  position: relative;
  height: 90px;
}

.AXCalendar .timeBox .hourTitle {
  position: absolute;
  left: 5px;
  top: 18px;
  color: #738089;
  font-size: 11px;
  line-height: 24px;
  font-family: Arial;
  text-shadow: 0 1px #fff;
}

.AXCalendar .timeBox .hourSlider {
  position: absolute;
  left: 45px;
  top: 15px;
}

.AXCalendar .timeBox .hourSlider input {
  width: 120px;
}

.AXCalendar .timeBox .minuteTitle {
  position: absolute;
  left: 5px;
  top: 53px;
  color: #738089;
  font-size: 11px;
  line-height: 24px;
  font-family: Arial;
  text-shadow: 0 1px #fff;
}

.AXCalendar .timeBox .minuteSlider {
  position: absolute;
  left: 45px;
  top: 50px;
}

.AXCalendar .timeBox .minuteSlider input {
  width: 120px;
}

.AXCalendar .timeBox .timeDisplay {
  position: absolute;
  left: 5px;
  top: 90px;
  border: 1px solid #7f8d9c;
  background: #a3b0b9;
  box-shadow: inset 0 1px 2px #828282;
  border-radius: 5px;
  padding: 0 20px;
  margin: 0;
  font-size: 12px;
  color: #fff;
  font-family: Arial;
  line-height: 22px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.25);
  outline: 0;
  white-space: nowrap;
}

.AXCalendar .timeBox .AMPM {
  position: absolute;
  right: 10px;
  top: 90px;
}

.AXModalBox {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 5001;
}

.AXModalBox .windowbox {
  border: 1px solid #a6a6a6;
  background: #fff;
  box-shadow: 0 0 1px #a6a6a6;
  padding: 0;
  margin: 0 0 10px;
  font-size: 12px;
  color: #525252;
}

.AXModalBox .windowbox .windowboxFrame {
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

.AXModalBox .windowbox .windowboxFrame.loaded {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.AXModalBox .windowbox .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 38px;
  height: 38px;
  background: url(images/dx-modal-close.png) no-repeat;
  border: 1px solid #a6a6a6;
  overflow: hidden;
  text-indent: -1000px;
}

.AXScroll {
  position: relative;
  overflow: hidden;
}

.AXScroll .scrollTrack {
  z-index: 100;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 7px;
  height: 100%;
  background: #000;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScroll .scrollTrack_hover {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXScroll .scrollBar {
  z-index: 100;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 7px;
  min-height: 10px;
  background: #000;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScroll .scrollBar:hover {
  width: 11px;
  right: 0;
}

.AXScroll .scrollBar_hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXScroll .scrollTarget {
  position: absolute;
  left: 0;
  top: 0;
}

.AXScroll .xscrollTrack {
  z-index: 100;
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 100%;
  height: 7px;
  background: #000;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScroll .xscrollTrack_hover {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXScroll .xscrollBar {
  z-index: 100;
  position: absolute;
  left: 2px;
  bottom: 2px;
  height: 7px;
  min-width: 10px;
  background: #000;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScroll .xscrollBar:hover {
  height: 11px;
  bottom: 0;
}

.AXScroll .xscrollBar_hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXScroll .xscrollTarget {
  position: absolute;
  left: 0;
  top: 0;
}

.AXScrollSmall {
  position: relative;
  overflow: hidden;
}

.AXScrollSmall .scrollTrack {
  position: absolute;
  right: 3px;
  top: 2px;
  width: 6px;
  height: 100%;
  background: #000;
  -moz-opacity: 0.1;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScrollSmall .scrollTrack_hover {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXScrollSmall .scrollBar {
  position: absolute;
  right: 3px;
  top: 2px;
  width: 6px;
  min-height: 10px;
  background: #000;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.AXScrollSmall .scrollBar:hover {
  width: 10px;
  right: 1px;
}

.AXScrollSmall .scrollBar_hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXScrollSmall .scrollTarget {
  position: absolute;
  left: 0;
  top: 0;
}

.AXMobileModal {
  z-index: 6000;
  position: absolute;
  left: 0;
  top: 0;
}

.AXMobileModal .AXMobileModalPanel {
  position: absolute;
  left: 0;
  top: 0;
  background: #d7dde3;
  border-radius: 4px;
  box-shadow: 0 0 3px #000;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead {
  position: relative;
  height: 44px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .modalTitle {
  padding: 0 10px;
  line-height: 44px;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .prevbutton {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-prev.png) center center no-repeat;
  background-size: 50% 50%;
  text-indent: -9999px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .nextbutton {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-next.png) center center no-repeat;
  background-size: 50% 50%;
  text-indent: -9999px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .yearbutton {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .monthbutton {
  display: block;
  position: absolute;
  left: 160px;
  top: 0;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuHome {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-home.png) center center no-repeat;
  background-size: 50% 50%;
  line-height: 1000px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuPrev {
  display: block;
  position: absolute;
  left: 44px;
  top: 0;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  color: #3b3b3b;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  background: url(images/mx-modal-icon-prev.png) 0 center no-repeat;
  background-size: 22px auto;
  cursor: pointer;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .mobileMenuHome {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-home.png) center center no-repeat;
  background-size: 50% 50%;
  line-height: 1000px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .mobileMenuPrev {
  display: block;
  position: absolute;
  left: 44px;
  top: 0;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  color: #3b3b3b;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  background: url(images/mx-modal-icon-prev.png) 0 center no-repeat;
  background-size: 22px auto;
  cursor: pointer;
}

.AXMobileModal .AXMobileModalPanel .mobileModelClose {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-close.png) center center no-repeat;
  background-size: 50% 50%;
  line-height: 1000px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer {
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXDateDisplayBox {
  background: #fff;
  border-top: 1px solid #b9babc;
  border-bottom: 1px solid #b9babc;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXTimeDisplayBox {
  height: 144px;
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem {
  position: relative;
  display: block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 43px;
  color: #3b3b3b;
  text-decoration: none;
  border-bottom: 1px solid #c8c8c8;
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem:nth-child(odd) {
  background: #f7f7f7;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem.on {
  background: #5ea3db;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 43px;
  background: url(images/mx-item-check.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox.on {
  background: url(images/mx-item-checkOn.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .label {
  display: inline;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup {
  position: absolute;
  right: 0;
  top: 0;
  height: 43px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .contextSubMenuIcon {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-hasSub.png) no-repeat center center;
  background-size: 15px 15px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort {
  display: inline-block;
  width: 43px;
  height: 43px;
  background: url(images/mx-item-sort.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.asc {
  background: url(images/mx-item-sortAsc.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.desc {
  background: url(images/mx-item-sortDesc.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage thead td {
  font-size: 11px;
  font-family: "Nanum Gothic";
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage tbody td {
  height: 42px;
  line-height: 42px;
  padding: 0;
  text-align: center;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPage tbody td a {
  font-size: 12px;
  height: 42px;
  line-height: 42px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth {
  table-layout: fixed;
  width: 100%;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth tbody td {
  height: 71px;
  line-height: 71px;
  padding: 0;
  text-align: center;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar table.calendarPageMonth tbody td A {
  font-size: 14px;
  height: 71px;
  line-height: 71px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox {
  position: relative;
  height: 90px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourTitle {
  position: absolute;
  left: 10px;
  top: 18px;
  font-size: 11px;
  line-height: 24px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourSlider {
  position: absolute;
  left: 60px;
  top: 18px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .hourSlider input {
  width: 200px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteTitle {
  position: absolute;
  left: 10px;
  top: 53px;
  font-size: 11px;
  line-height: 24px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteSlider {
  position: absolute;
  left: 60px;
  top: 50px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .minuteSlider input {
  width: 200px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .timeDisplay {
  position: absolute;
  left: 10px;
  top: 100px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXCalendar .timeBox .AMPM {
  position: absolute;
  right: 10px;
  top: 100px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody {
  padding: 7px;
  width: 286px;
  height: 286px;
  overflow: hidden;
  position: relative;
  background: #717b85;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuBodyScroll {
  position: absolute;
  left: 0;
  top: 7px;
  height: 286px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuBodyPage {
  float: left;
  width: 286px;
  height: 286px;
  margin: 0 0 0 9px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem {
  position: relative;
  display: block;
  float: left;
  padding: 5px;
  width: 82px;
  height: 82px;
  background: #f7f7f7;
  margin: 1px;
  color: #717b85;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  word-break: break-all;
  border-radius: 4px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem .hasSubMenu {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 16px;
  height: 16px;
  background-image: url(images/mx-mobilemenu-icon-hassub.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 16px 16px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem.selected,
.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItem:active {
  background-color: #d7dde3;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .mobileMenuBody .mobileMenuItemGhost {
  padding: 5px;
  width: 82px;
  height: 82px;
  background: #f7f7f7;
  margin: 1px;
  color: #717b85;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  word-break: break-all;
  border-radius: 4px;
  border: 1px solid #b9babc;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox {
  text-align: center;
  padding: 7px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox .AXButton {
  height: 38px;
  font-size: 13px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox .AXButtonSmall {
  height: 25px;
  font-size: 13px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot {
  text-align: center;
  height: 44px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot .pageNav {
  display: inline-block;
  width: 20px;
  height: 44px;
  background: url(images/mx-mobilemenu-icon-pageNav.png) no-repeat center center;
  background-size: 10px 10px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .mobileMenuFoot .pageNav.on {
  background: url(images/mx-mobilemenu-icon-pageNavOn.png) no-repeat center center;
  background-size: 10px 10px;
}

.AXmobileMenuGhost {
  display: block;
  position: absolute;
  padding: 5px;
  width: 82px;
  height: 82px;
  background: #f3f3f4;
  margin: 1px;
  color: #717b85;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  word-break: break-all;
  border-radius: 4px;
}

.AXMultiselectorHelper {
  position: absolute;
  border: 1px dotted #000;
}

.AXResizable {
  position: relative;
}

.AXResizable .AXResizableHandle {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 1px;
  bottom: 1px;
  cursor: se-resize;
  background: url(images/dx-resizable-handle.png) no-repeat;
}

.AXResizableHelper {
  position: absolute;
  border: 1px dotted #000;
  cursor: se-resize;
  background: url(images/dx-resizable-handle.png) no-repeat 100% 100%;
}

.AXGridTable {
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  border-bottom: 0 none;
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
  box-shadow: 1px 1px 3px #eee;
}

.AXGridTable thead td {
  background-image: -webkit-linear-gradient(#fff, #e8e8e8);
  background-image: -o-linear-gradient(#fff, #e8e8e8);
  background-image: -moz-linear-gradient(#fff, #e8e8e8);
  background-image: linear-gradient(#fff, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e8e8e8);
  min-height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  color: #565b61;
}

.AXGridTable thead td .tdRel {
  padding: 0 10px;
  text-align: center;
  color: #565b61;
}

.AXGridTable tbody td {
  min-height: 36px;
  line-height: 30px;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  color: #565b61;
  text-align: center;
}

.AXGridTable tbody td .tdRel {
  position: relative;
}

.AXFormTable {
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  border-bottom: 0 none;
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
  box-shadow: 1px 1px 3px #eee;
}

.AXFormTable td,
.AXFormTable th {
  padding: 5px;
}

.AXFormTable td .tdRel,
.AXFormTable th .tdRel {
  position: relative;
}

.AXFormTable tbody td,
.AXFormTable tbody th {
  min-height: 25px;
  overflow: visible;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  color: #565b61;
}

.AXFormTable tbody th {
  color: #444;
  background-image: -webkit-linear-gradient(#fff, #e8e8e8);
  background-image: -o-linear-gradient(#fff, #e8e8e8);
  background-image: -moz-linear-gradient(#fff, #e8e8e8);
  background-image: linear-gradient(#fff, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e8e8e8);
  box-sizing: border-box;
}

.AXFormTable tbody tr.gray td,
.AXFormTable tbody tr.gray th {
  background-color: #f5f5f5;
}

.AXFormTable tbody tr.red td,
.AXFormTable tbody tr.red th {
  background-color: #ffe8e8;
}

.AXFormTable tbody tr.green td,
.AXFormTable tbody tr.green th {
  background-color: #f7fdea;
}

.AXFormTable tbody tr.blue td,
.AXFormTable tbody tr.blue th {
  background-color: #eaf5fd;
}

.AXFormTable tbody tr.yellow td,
.AXFormTable tbody tr.yellow th {
  background-color: #fefee9;
}

.AXFormTable tbody tr td.gray {
  background-color: #f5f5f5;
}

.AXFormTable tbody tr td.red {
  background-color: #ffe8e8;
}

.AXFormTable tbody tr td.green {
  background-color: #f7fdea;
}

.AXFormTable tbody tr td.blue {
  background-color: #eaf5fd;
}

.AXFormTable tbody tr td.yellow {
  background-color: #fefee9;
}

@media (max-width: 767px) {
  .AXInputLabel {
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .AXInputLabel SPAN {
    display: block;
    line-height: 24px;
    font-size: 12px;
    color: #444;
    padding: 0 3px;
  }
  .AXInputLabel.fullWidth {
    display: block;
    padding-right: 8px;
  }
  .AXInputLabel.fullWidth SPAN {
    display: block;
  }
  .AXInputLabel.fullWidth input[type=password],
  .AXInputLabel.fullWidth input[type=text] {
    width: 100%;
    box-size: border-box;
  }
  .AXNotification {
    width: 280px;
    border: 1px solid #c5c5c5;
    background: #ebebeb;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 0 0 3px #b2b2b2;
    font-size: 12px;
    color: #525252;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
  }
  .AXNotification.Warning .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-warning.png) no-repeat center center !important;
  }
  .AXNotification.Warning .AXNotificationBody B {
    color: #bf601b;
  }
  .AXNotification.Caution .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-caution.png) no-repeat center center !important;
  }
  .AXNotification.Caution .AXNotificationBody B {
    color: #7e302c;
  }
  .AXNotification .AXNotificationHead {
    font-weight: 700;
    color: #717b85;
    text-shadow: 0 1px #fff;
    padding: 5px 15px;
    height: 20px;
    line-height: 20px;
    background: #fff url(images/dx-dialog-title.png) repeat-x;
    text-align: center;
  }
  .AXNotification .AXNotificationTable {
    width: 100%;
    border: 0 none !important;
    background: #ebebeb;
  }
  .AXNotification .AXNotificationTable td,
  .AXNotification .AXNotificationTable th {
    border: 0 none !important;
    background: #ebebeb;
  }
  .AXNotification .AXNotificationIcon {
    width: 42px;
    height: 42px;
    background: url(images/dx-noti-complete.png) no-repeat center 5px !important;
  }
  .AXNotification .AXNotificationBody {
    font-size: 12px;
    color: #525252;
    padding-right: 5px;
    line-height: 1.6em;
  }
  .AXNotification .AXNotificationBody B {
    color: #477e47;
  }
  .AXNotification .AXNotificationButton {
    width: 45px;
  }
  .AXNotification .AXNotificationButtons {
    padding: 10px 0;
    text-align: center;
    background: #ebebeb;
  }
  .AXNotificationTray {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5001;
    width: 310px;
  }
  .AXNotificationTrayDialog {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 5001;
  }
  .AXNotificationTrayDialog .AXNotification {
    width: 280px;
    border: 1px solid #444;
    background: #ebebeb;
    padding: 0;
    margin: 0 auto;
    box-shadow: 0 0 3px #888;
    font-size: 12px;
    color: #525252;
    overflow: hidden;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-border-radius: 4px 5px 5px;
    -moz-border-radius: 4px 5px 5px;
    border-radius: 4px 5px 5px;
  }
  .AXNotificationTrayDialog .AXNotification .AXNotificationCT {
    padding: 10px;
  }
}
.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXMobileModal {
  z-index: 6000;
  position: fixed;
  left: 0;
  top: 0;
}

.AXMobileModal .AXMobileModalPanel {
  position: absolute;
  left: 0;
  top: 0;
  background: #d7dde3;
  border-radius: 4px;
  box-shadow: 0 0 3px #000;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead {
  position: relative;
  height: 44px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .modalTitle {
  padding: 0 10px;
  line-height: 44px;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .prevbutton {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-prev.png) center center no-repeat;
  background-size: 50% 50%;
  text-indent: -9999;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .nextbutton {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-next.png) center center no-repeat;
  background-size: 50% 50%;
  text-indent: -9999;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .yearbutton {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXDateControlBox .monthbutton {
  display: block;
  position: absolute;
  left: 160px;
  top: 0;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 15px;
  font-weight: 700;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuHome {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-home.png) center center no-repeat;
  background-size: 50% 50%;
  line-height: 1000px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalHead .AXContextMenuPrev {
  display: block;
  position: absolute;
  left: 44px;
  top: 0;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  color: #3b3b3b;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  background: url(images/mx-modal-icon-prev.png) 0 center no-repeat;
  background-size: 22px auto;
  cursor: pointer;
}

.AXMobileModal .AXMobileModalPanel .mobileModelClose {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(images/mx-modal-icon-close.png) center center no-repeat;
  background-size: 50% 50%;
  line-height: 1000px;
  overflow: hidden;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer {
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXDateDisplayBox {
  background: #fff;
  border-top: 1px solid #b9babc;
  border-bottom: 1px solid #b9babc;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXTimeDisplayBox {
  height: 144px;
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem {
  position: relative;
  display: block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 43px;
  color: #3b3b3b;
  text-decoration: none;
  border-bottom: 1px solid #c8c8c8;
  background: #fff;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem:nth-child(odd) {
  background: #f7f7f7;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem.on {
  background: #5ea3db;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 43px;
  height: 43px;
  background: url(images/mx-item-check.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-checkbox.on {
  background: url(images/mx-item-checkOn.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .label {
  display: inline;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup {
  position: absolute;
  right: 0;
  top: 0;
  height: 43px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .contextSubMenuIcon {
  display: inline-block;
  width: 43px;
  height: 43px;
  background-image: url(images/dx-context-sub-icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort {
  display: inline-block;
  width: 43px;
  height: 43px;
  background: url(images/mx-item-sort.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.asc {
  background: url(images/mx-item-sortAsc.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalBody .AXContextMenuContainer .AXContextMenuScroll .contextMenuItem .tool-rightGroup .tool-sort.desc {
  background: url(images/mx-item-sortDesc.png) no-repeat center center;
  background-size: 30px 30px;
}

.AXMobileModal .AXMobileModalPanel .mobileModalFoot .AXDateButtonBox {
  text-align: center;
  padding: 7px;
}

.AXModelControlGrid .AXgridScrollBody {
  border: 1px solid #c0b5a6;
}

.AXModelControlGrid .colHeadTable {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.AXModelControlGrid .colHeadTable td,
.AXModelControlGrid .colHeadTable th {
  border-bottom: 1px solid #c0b5a6;
  border-right: 1px solid #c0b5a6;
}

.AXModelControlGrid .colHeadTable td .tdRelBlock {
  position: relative;
  padding: 3px;
  padding-right: 4px;
}

.AXModelControlGrid .gridBodyTable {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.AXModelControlGrid .gridBodyTable td {
  border-bottom: 1px solid #c0b5a6;
  border-right: 1px solid #c0b5a6;
}

.AXModelControlGrid .gridBodyTable td:last-child {
  background: 0 0;
}

.AXModelControlGrid .gridBodyTable td .tdRelBlock {
  position: relative;
  padding: 3px;
  padding-right: 4px;
}

.AXModelControlGrid .gridBodyTable tfoot td {
  border-bottom: none;
  background: #fcf7e2 !important;
  padding: 3px 0 10px;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXprogressTray {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5001;
}

.AXlineProgress .AXprogressTitle {
  padding: 5px;
  color: #7f7f7f;
  text-shadow: 0 1px 0 #fff;
  font-size: 12px;
  text-align: center;
}

.AXlineProgress .AXprogressCancel {
  display: block;
  position: absolute;
  right: -30px;
  top: 2px;
  width: 24px;
  height: 24px;
  background: url(images/dx-dialog-close.png) no-repeat center center;
  line-height: 10000px;
  overflow: hidden;
}

.AXlineProgress .AXprogress {
  position: relative;
  padding: 5px 0;
}

.AXlineProgress .AXprogress .AXprogressContainer {
  background: #b3b3b3;
  border-radius: 8px;
}

.AXlineProgress .AXprogress .AXprogressContainer .AXprogressBar {
  position: relative;
  height: 14px;
  width: 0;
  border: 1px solid #e9e9e9;
  background: url(images/dx-progress-bar.png) repeat-x !important;
  border-radius: 8px;
}

.AXlineProgress .AXprogress .AXprogressLoadedText {
  position: absolute;
  left: 0;
  top: 20px;
  color: #7f7f7f;
  text-shadow: 0 1px 0 #fff;
  font-size: 11px;
  font-family: verdana;
  white-space: nowrap;
}

.AXlineProgress .AXprogress .AXprogressLoadedText span {
  padding-left: 5px;
  font-size: 10px;
}

.AXCircleProgress .AXprogressTitle {
  padding: 5px;
  color: #7f7f7f;
  text-shadow: 0 1px 0 #fff;
  font-size: 12px;
  text-align: center;
}

.AXCircleProgress .AXprogressCancel {
  display: block;
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: 24px;
  height: 24px;
  background: url(images/dx-dialog-close.png) no-repeat center center;
  line-height: 10000px;
  overflow: hidden;
}

.AXCircleProgress .AXprogress {
  position: relative;
  padding: 5px 0;
}

.AXCircleProgress .AXprogress .AXprogressContainer {
  position: relative;
  height: 66px;
  width: 66px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar {
  position: relative;
  height: 66px;
  width: 66px;
  background: url(images/dx-progress-circle.png) no-repeat;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent5 {
  background-position: 0 -66px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent10 {
  background-position: 0 -132px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent15 {
  background-position: 0 -198px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent20 {
  background-position: 0 -264px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent25 {
  background-position: 0 -330px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent30 {
  background-position: 0 -396px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent35 {
  background-position: 0 -462px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent40 {
  background-position: 0 -528px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent50 {
  background-position: 0 -594px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent55 {
  background-position: 0 -660px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent60 {
  background-position: 0 -726px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent65 {
  background-position: 0 -792px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent70 {
  background-position: 0 -858px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent75 {
  background-position: 0 -924px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent80 {
  background-position: 0 -990px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent85 {
  background-position: 0 -1056px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent90 {
  background-position: 0 -1122px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent95 {
  background-position: 0 -1188px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressBar.percent100 {
  background-position: 0 -1254px;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressLoadedText {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 66px;
  text-align: center;
  line-height: 60px;
  color: #7f7f7f;
  text-shadow: 0 1px 0 #fff;
  font-size: 15px;
  font-family: verdana;
  font-weight: 700;
  white-space: nowrap;
}

.AXCircleProgress .AXprogress .AXprogressContainer .AXprogressLoadedText span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 66px;
  line-height: 20px;
  font-size: 10px;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXSearch {
  position: relative;
}

.AXSearch .expandHandle {
  display: block;
  border-bottom: 1px solid #ccc;
  background: #eee;
  text-align: center;
  color: #888;
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
  height: 20px;
}

.AXSearch .searchGroup {
  position: relative;
  background: #fff;
  min-height: 40px;
}

.AXSearch .searchGroup.gray {
  background: #f5f5f5;
  padding: 0;
  min-height: 25px;
}

.AXSearch .searchGroup.gray .searchItem.searchLabel {
  background: #eee;
}

.AXSearch .searchGroup .searchItem {
  float: left;
  line-height: 20px;
  min-height: 20px;
  padding: 0;
  text-align: center;
  position: relative;
}

.AXSearch .searchGroup .searchItem .itemTable {
  position: relative;
  display: table-cell;
  *display: block;
  *float: left;
}

.AXSearch .searchGroup .searchItem .itemTable span.th {
  display: table-cell;
  *display: block;
  *float: left;
  color: #616161;
  border-right: 1px solid #d8d8d8;
  min-height: 20px;
  line-height: 20px;
  padding: 10px 0;
  box-sizing: content-box;
}

.AXSearch .searchGroup .searchItem .itemTable span.th.none {
  border: 0 none;
}

.AXSearch .searchGroup .searchItem .itemTable span.td {
  display: table-cell;
  *display: block;
  *float: left;
  height: 30px;
  line-height: auto;
  padding: 5px 10px;
  *line-height: 30px;
  box-sizing: content-box;
  vertical-align: middle;
}

.AXSearch .searchGroup .searchItem .itemTable span.td.selectBox {
  *padding-top: 7px;
  *height: 28px;
}

.AXSearch .searchGroup .searchItem .itemTable span.td.button,
.AXSearch .searchGroup .searchItem .itemTable span.td.inputText {
  *padding-top: 6px;
  *height: 29px;
}

.AXSearch .searchGroup .searchItem .itemTable span.td select {
  box-sizing: border-box;
  height: 25px;
  margin: 0;
}

.AXSearch .searchGroup .searchItem .itemTable span.td input,
.AXSearch .searchGroup .searchItem .itemTable span.td label {
  vertical-align: middle;
}

.AXSearch .searchGroup .searchItem.secondItem .itemTable span.th {
  border-left: 1px solid #d8d8d8;
}

.AXSearch .searchGroup .searchItem.rightPadding0 .itemTable span.td {
  padding-right: 0;
}

.AXSearch .searchGroup .searchItem.leftPadding0 .itemTable span.td {
  padding-left: 0;
}

.AXSearch .searchGroup .searchItem.padding0 .itemTable span.td {
  padding: 5px 0;
}

.AXSearch .searchGroup .searchItem.searchLabel {
  background: #f3f3f3;
  font-weight: 700;
  font-size: 11px;
  color: #444;
}

.AXSearch .searchGroup .searchItem.searchLink {
  color: #ccc;
}

.AXSearch .searchGroup .searchItem.searchLink .searchLinkItem {
  color: #616161;
  text-decoration: none;
  padding: 0 3px;
}

.AXSearch .searchGroup .searchItem.searchLink .searchLinkItem.on {
  color: #616161;
  font-weight: 700;
  text-decoration: underline;
}

.AXSearch .searchGroup .groupClear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  background: #ccc;
  clear: both;
}

.AXSearch.mx .expandHandle {
  display: block;
  border-bottom: 1px solid #ccc;
  background: #eee;
  text-align: center;
  color: #888;
  text-decoration: none;
  font-size: 11px;
  line-height: 30px;
  height: 30px;
}

.AXSearch.mx .searchGroup {
  position: relative;
  background: #fff;
  min-height: 40px;
}

.AXSearch.mx .searchGroup.gray {
  background: #f5f5f5;
  padding: 0;
  min-height: 25px;
}

.AXSearch.mx .searchGroup.gray .searchItem.searchLabel {
  background: #eee;
}

.AXSearch.mx .searchGroup .searchItem {
  float: none;
  line-height: auto;
  min-height: auto;
  padding: 0;
  text-align: left;
  position: relative;
}

.AXSearch.mx .searchGroup .searchItem .itemTable {
  position: relative;
  display: block;
  float: left;
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.th {
  display: block;
  float: none;
  color: #616161;
  border: none;
  padding: 0;
  margin: 10px 10px 10px 15px;
  box-sizing: content-box;
  text-align: left;
  font-weight: 700;
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td {
  display: block;
  float: none;
  height: auto;
  line-height: auto;
  padding: 0;
  margin: 0 10px 10px;
  *line-height: 30px;
  box-sizing: content-box;
  vertical-align: middle;
  text-align: left;
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td select {
  box-sizing: border-box;
  height: 25px;
  margin: 0;
}

.AXSearch.mx .searchGroup .searchItem .itemTable span.td input,
.AXSearch.mx .searchGroup .searchItem .itemTable span.td label {
  vertical-align: middle;
}

.AXSearch.mx .searchGroup .searchItem.secondItem .itemTable span.th {
  border-left: none;
}

.AXSearch.mx .searchGroup .searchItem.rightPadding0 .itemTable span.td {
  padding-right: 0;
}

.AXSearch.mx .searchGroup .searchItem.leftPadding0 .itemTable span.td {
  padding-left: 0;
}

.AXSearch.mx .searchGroup .searchItem.padding0 .itemTable span.td {
  padding: 5px 0;
}

.AXSearch.mx .searchGroup .searchItem.searchLabel {
  background: #f3f3f3;
  font-weight: 700;
  font-size: 11px;
  color: #444;
}

.AXSearch.mx .searchGroup .searchItem.searchLink {
  color: #ccc;
}

.AXSearch.mx .searchGroup .searchItem.searchLink .searchLinkItem {
  color: #616161;
  text-decoration: none;
  padding: 0 2px;
}

.AXSearch.mx .searchGroup .searchItem.searchLink .searchLinkItem.on {
  color: #616161;
  font-weight: 700;
  text-decoration: underline;
}

.AXSearch.mx .searchGroup .itemClear {
  clear: both;
}

.AXSearch.mx .searchGroup .groupClear {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  background: #ccc;
  clear: both;
}

.AXSearchTable {
  border-top: 1px solid #c1c1c1;
  border-bottom: 0 none;
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.AXSearchTable td .tdRel,
.AXSearchTable th .tdRel {
  padding: 0 10px;
}

.AXSearchTable tbody td {
  min-height: 36px;
  height: 36px;
  overflow: visible;
  border-bottom: 1px solid #c1c1c1;
  color: #666;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0;
}

.AXSearchTable tbody th {
  min-height: 36px;
  height: 36px;
  overflow: visible;
  border-bottom: 1px solid #c1c1c1;
  color: #444;
  text-align: center;
  background: url(images/dx-grid-body-border.png) repeat-y 100% 0 #fff;
}

.AXSearchTable tbody tr .gray td,
.AXSearchTable tbody tr .gray th {
  background-color: #f5f5f5;
}

.AXSearchTable tbody tr .red td,
.AXSearchTable tbody tr .red th {
  background-color: #ffe8e8;
}

.AXSearchTable tbody tr .green td,
.AXSearchTable tbody tr .green th {
  background-color: #f7fdea;
}

.AXSearchTable tbody tr .blue td,
.AXSearchTable tbody tr .blue th {
  background-color: #eaf5fd;
}

.AXSearchTable tbody tr .yellow td,
.AXSearchTable tbody tr .yellow th {
  background-color: #fefee9;
}

.AXSearchTable tbody td.last,
.AXSearchTable tbody th.last {
  background: url() repeat-y 100% 0;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXSelect {
  border: 1px solid #b6b6b6;
  background: #fff;
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding: 2px;
  margin: 0 auto;
  box-sizing: content-box;
  vertical-align: middle;
}

.AXSelectSmall {
  border: 1px solid #b6b6b6;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  padding: 2px;
  margin: 0 auto;
  box-sizing: content-box;
  outline: 0;
  vertical-align: middle;
}

.AXTextarea {
  border: 1px solid #b6b6b6;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  font-size: 12px;
  line-height: 15px;
  padding: 4px;
  margin: 0 auto;
  box-sizing: content-box;
  outline: 0;
}

.AXanchorSelect {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.AXanchorSelect .selectedTextBox {
  display: block;
  border: 1px solid #b6b6b6;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px 5px 5px;
  -moz-border-radius: 4px 5px 5px;
  border-radius: 4px 5px 5px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.AXanchorSelect .selectedTextBox .selectedText {
  color: #717b85;
  text-shadow: 0 -1px rgba(255, 255, 255, 0.25);
}

.AXanchorSelect .selectedTextBox:focus {
  outline: 0;
}

.AXanchorSelect .selectedTextBox:active {
  box-shadow: none;
}

.AXanchorSelect.disabled .selectedTextBox {
  display: block;
  border: 1px solid #b6b6b6;
  background: url(images/dx-default-regular.png) repeat-x;
  background-position: 0 -78px;
  box-shadow: inset 0 1px 1px #888;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXanchorSelect .rootSelectBox {
  position: absolute;
  left: 0;
  top: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

.AXanchorSelect .selectBoxArrow {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 24px;
  height: 18px;
  background: url(images/dx-slide-down-arrow.png) center center no-repeat;
  overflow: hidden;
  text-indent: -2000px;
}

.AXanchorSelect .selectBoxArrow.on {
  background: url(images/dx-slide-up-Arrow.png) center center no-repeat;
}

.AXselectExpandBox {
  z-index: 5002;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #b9babc;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px #e9eced;
  overflow: hidden;
}

.AXselectExpandBox .selectExpandScroll {
  padding: 2px 0;
}

.AXselectExpandBox a {
  display: block;
  padding: 3px 8px;
  font-size: 12px;
  line-height: 18px;
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #d8d9db;
  background: #fff;
}

.AXselectExpandBox a.on {
  background: #d7dde3;
}

.AXselectExpandBox a:hover {
  background: #5ea3db;
  color: #fff;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXSlideViewer {
  z-index: 6000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.AXSlideViewer .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.AXSlideViewer .slideItem {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.AXSlideViewer .slideItem .img {
  position: absolute;
  display: none;
}

.AXSlideViewer .controller .hgroup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 55px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.AXSlideViewer .controller .hgroup h1 {
  font-size: 17px;
  line-height: 17px;
  padding: 10px 10px 0;
  margin: 0;
}

.AXSlideViewer .controller .hgroup span {
  font-size: 12px;
  padding: 0 10px;
}

.AXSlideViewer .controller .navigation {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  height: 20px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.AXSlideViewer .controller .buttonGroup {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
}

.AXSlideViewer .controller .buttonGroup .ToggleHandle {
  position: absolute;
  left: -25px;
  top: -70px;
  width: 50px;
  height: 50px;
  background: url(images/dx-axviewer-button-extends.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 10;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXSlideViewer .controller .buttonGroup .Prev {
  position: absolute;
  left: -22px;
  top: -67px;
  width: 44px;
  height: 44px;
  background: url(images/dx-axviewer-button-prev.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.05s;
  transition: all 0.5s 0.05s;
}

.AXSlideViewer .controller .buttonGroup .Next {
  position: absolute;
  right: -22px;
  top: -67px;
  width: 44px;
  height: 44px;
  background: url(images/dx-axviewer-button-next.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.15s;
  transition: all 0.5s 0.15s;
}

.AXSlideViewer .controller .buttonGroup .ZoomIn {
  position: absolute;
  left: -22px;
  top: -67px;
  width: 44px;
  height: 44px;
  background: url(images/dx-axviewer-button-zoomin.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

.AXSlideViewer .controller .buttonGroup .ZoomOut {
  position: absolute;
  left: -22px;
  top: -67px;
  width: 44px;
  height: 44px;
  background: url(images/dx-axviewer-button-zoomout.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s 0.2s;
  transition: all 0.5s 0.2s;
}

.AXSlideViewer .controller .buttonGroup.open .ToggleHandle {
  left: -25px;
  top: -110px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.AXSlideViewer .controller .buttonGroup.open .Prev {
  left: -79px;
  top: -107px;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.AXSlideViewer .controller .buttonGroup.open .Prev.disabled {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXSlideViewer .controller .buttonGroup.open .Next {
  right: -79px;
  top: -107px;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.AXSlideViewer .controller .buttonGroup.open .Next.disabled {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXSlideViewer .controller .buttonGroup.open .ZoomIn {
  left: -22px;
  top: -164px;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.AXSlideViewer .controller .buttonGroup.open .ZoomIn.disabled {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXSlideViewer .controller .buttonGroup.open .ZoomOut {
  left: -22px;
  top: -50px;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.AXSlideViewer .controller .buttonGroup.open .ZoomOut.disabled {
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.AXSlideViewer .controller .Close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 44px;
  height: 44px;
  background: url(images/dx-axviewer-button-close.png) no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-indent: 99999px;
  overflow: hidden;
  cursor: pointer;
}

@media all and (max-width: 1200px) {
  .AXSlideViewer .controller .buttonGroup {
    width: 0;
  }
  .AXSlideViewer .controller .buttonGroup .ToggleHandle {
    background: url(images/mx-axviewer-button-extends.png) no-repeat;
    background-size: 50px auto;
  }
  .AXSlideViewer .controller .buttonGroup .Prev {
    background: url(images/mx-axviewer-button-prev.png) no-repeat;
    background-size: 44px auto;
  }
  .AXSlideViewer .controller .buttonGroup .Next {
    background: url(images/mx-axviewer-button-next.png) no-repeat;
    background-size: 44px auto;
  }
  .AXSlideViewer .controller .buttonGroup .ZoomIn {
    background: url(images/mx-axviewer-button-zoomin.png) no-repeat;
    background-size: 44px auto;
  }
  .AXSlideViewer .controller .buttonGroup .ZoomOut {
    background: url(images/mx-axviewer-button-zoomout.png) no-repeat;
    background-size: 44px auto;
  }
  .AXSlideViewer .controller .Close {
    background: url(images/mx-axviewer-button-close.png) no-repeat;
    background-size: 44px auto;
  }
}
.AXSplit .AXSplit-cols {
  float: left;
  box-sizing: border-box;
  height: 100%;
}

.AXSplit .AXSplit-col-handle {
  cursor: col-resize;
  display: block;
  float: left;
  box-sizing: border-box;
  width: 13px;
  height: 100%;
  background: url(images/dx-col-resize-handle.png) no-repeat center center;
}

.AXSplit .AXSplit-col-handle.on,
.AXSplit .AXSplit-col-handle:hover {
  background-color: #ddd;
}

.AXSplit .AXSplit-rows {
  box-sizing: border-box;
  width: 100%;
}

.AXSplit .AXSplit-row-handle {
  cursor: row-resize;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 13px;
  background: url(images/dx-row-resize-handle.png) no-repeat center center;
}

.AXSplit .AXSplit-row-handle.on,
.AXSplit .AXSplit-row-handle:hover {
  background-color: #ddd;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.axtabs-style-normal {
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  border: 1px solid #b9babc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-style-classic {
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #ebf4f7;
  border: 1px solid #81898e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-style-blue {
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-style-green {
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-style-red {
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-style-disabled {
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  color: #eaeaea;
  border: 1px solid #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-normal {
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  border: 1px solid #b9babc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-normal:focus,
.axtabs-event-normal:hover {
  background: #e8e8e8;
}

.axtabs-event-normal:active {
  box-shadow: none;
}

.axtabs-event-normal.on {
  text-shadow: none;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.axtabs-event-classic {
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #ebf4f7;
  border: 1px solid #81898e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-classic:focus,
.axtabs-event-classic:hover {
  background: #98a4ae;
}

.axtabs-event-classic:active {
  box-shadow: none;
}

.axtabs-event-classic.on {
  text-shadow: none;
  color: #81898e;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.axtabs-event-blue {
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-blue:focus,
.axtabs-event-blue:hover {
  background: #468ec9;
}

.axtabs-event-blue:active {
  box-shadow: none;
}

.axtabs-event-blue.on {
  text-shadow: none;
  color: #3f80b1;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.axtabs-event-green {
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-green:focus,
.axtabs-event-green:hover {
  background: #79aa5a;
}

.axtabs-event-green:active {
  box-shadow: none;
}

.axtabs-event-green.on {
  text-shadow: none;
  color: #6a9751;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.axtabs-event-red {
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-red:focus,
.axtabs-event-red:hover {
  background: #a93b3e;
}

.axtabs-event-red:active {
  box-shadow: none;
}

.axtabs-event-red.on {
  text-shadow: none;
  color: #87302b;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.axtabs-event-disabled {
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  color: #eaeaea;
  border: 1px solid #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.axtabs-event-disabled:focus,
.axtabs-event-disabled:hover {
  background: #d7d7d7;
}

.axtabs-event-disabled:active {
  box-shadow: none;
}

.axtabs-event-disabled.on {
  text-shadow: none;
  color: #ccc;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs {
  position: relative;
  min-height: 30px;
  overflow: hidden;
  box-sizing: content-box !important;
}

.AXTabs .AXTabsTray {
  background: url(images/dx-tab-bg.png);
  box-sizing: content-box !important;
}

.AXTabs .AXTabsTray .trayScroll {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  box-sizing: content-box !important;
}

.AXTabs .AXTabsTray .AXTabSplit {
  display: none;
}

.AXTabs .AXTabsTray .AXTab {
  display: block;
  float: left;
  cursor: pointer;
  height: 26px;
  min-width: 50px;
  padding: 0 10px;
  box-sizing: content-box !important;
  margin: 2px 0 0 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  border: 1px solid #b9babc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab:focus,
.AXTabs .AXTabsTray .AXTab:hover {
  background: #e8e8e8;
}

.AXTabs .AXTabsTray .AXTab:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab.on {
  text-shadow: none;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .AXTab:first-child {
  margin-left: 5px;
}

.AXTabs .AXTabsTray .AXTab.Classic {
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #ebf4f7;
  border: 1px solid #81898e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab.Classic:focus,
.AXTabs .AXTabsTray .AXTab.Classic:hover {
  background: #98a4ae;
}

.AXTabs .AXTabsTray .AXTab.Classic:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab.Classic.on {
  text-shadow: none;
  color: #81898e;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .AXTab.Blue {
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab.Blue:focus,
.AXTabs .AXTabsTray .AXTab.Blue:hover {
  background: #468ec9;
}

.AXTabs .AXTabsTray .AXTab.Blue:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab.Blue.on {
  text-shadow: none;
  color: #3f80b1;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .AXTab.Green {
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab.Green:focus,
.AXTabs .AXTabsTray .AXTab.Green:hover {
  background: #79aa5a;
}

.AXTabs .AXTabsTray .AXTab.Green:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab.Green.on {
  text-shadow: none;
  color: #6a9751;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .AXTab.Red {
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab.Red:focus,
.AXTabs .AXTabsTray .AXTab.Red:hover {
  background: #a93b3e;
}

.AXTabs .AXTabsTray .AXTab.Red:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab.Red.on {
  text-shadow: none;
  color: #87302b;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .AXTab[disabled] {
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  color: #eaeaea;
  border: 1px solid #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabs .AXTabsTray .AXTab[disabled]:focus,
.AXTabs .AXTabsTray .AXTab[disabled]:hover {
  background: #d7d7d7;
}

.AXTabs .AXTabsTray .AXTab[disabled]:active {
  box-shadow: none;
}

.AXTabs .AXTabsTray .AXTab[disabled].on {
  text-shadow: none;
  color: #ccc;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabs .AXTabsTray .leftArrowHandleBox {
  position: absolute;
  left: 0;
  top: 1px;
  width: 29px;
  height: 28px;
  background: url(images/dx-left-arrows-bg.png) repeat-y 0 0;
}

.AXTabs .AXTabsTray .leftArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 28px;
  background: url(images/dx-left-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabs .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
  background: url(images/dx-left-arrows-01-r.png) no-repeat 50%;
}

.AXTabs .AXTabsTray .rightArrowHandleBox {
  position: absolute;
  right: 24px;
  top: 1px;
  width: 29px;
  height: 28px;
  background: url(images/dx-right-arrows-bg.png) repeat-y 100% 0;
}

.AXTabs .AXTabsTray .rightArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 28px;
  background: url(images/dx-right-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabs .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
  background: url(images/dx-right-arrows-01-r.png) no-repeat 50%;
}

.AXTabs .AXTabsTray .rightArrowMoreBox {
  position: absolute;
  right: 0;
  top: 1px;
  width: 24px;
  height: 28px;
  background: #fff;
}

.AXTabs .AXTabsTray .rightArrowMoreBox .tabArrow {
  display: block;
  width: 24px;
  height: 28px;
  background: url(images/dx-right-arrows-more-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabs .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
  background: url(images/dx-right-arrows-more-01-r.png) no-repeat 50%;
}

.AXTabsLarge {
  position: relative;
  min-height: 46px;
  overflow: hidden;
}

.AXTabsLarge .AXTabsTray {
  background: url(images/dx-tab-bg-large.png);
}

.AXTabsLarge .AXTabsTray .trayScroll {
  position: absolute;
  left: 0;
  top: 0;
  height: 46px;
}

.AXTabsLarge .AXTabsTray .AXTab {
  display: block;
  float: left;
  cursor: pointer;
  height: 40px;
  min-width: 100px;
  padding: 0 10px;
  box-sizing: content-box !important;
  margin: 4px 0 0 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  border: 1px solid #b9babc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab:focus,
.AXTabsLarge .AXTabsTray .AXTab:hover {
  background: #e8e8e8;
}

.AXTabsLarge .AXTabsTray .AXTab:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab.on {
  text-shadow: none;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .AXTab:first-child {
  margin-left: 5px;
}

.AXTabsLarge .AXTabsTray .AXTab.Classic {
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #ebf4f7;
  border: 1px solid #81898e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab.Classic:focus,
.AXTabsLarge .AXTabsTray .AXTab.Classic:hover {
  background: #98a4ae;
}

.AXTabsLarge .AXTabsTray .AXTab.Classic:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab.Classic.on {
  text-shadow: none;
  color: #81898e;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .AXTab.Blue {
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab.Blue:focus,
.AXTabsLarge .AXTabsTray .AXTab.Blue:hover {
  background: #468ec9;
}

.AXTabsLarge .AXTabsTray .AXTab.Blue:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab.Blue.on {
  text-shadow: none;
  color: #3f80b1;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .AXTab.Green {
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab.Green:focus,
.AXTabsLarge .AXTabsTray .AXTab.Green:hover {
  background: #79aa5a;
}

.AXTabsLarge .AXTabsTray .AXTab.Green:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab.Green.on {
  text-shadow: none;
  color: #6a9751;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .AXTab.Red {
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab.Red:focus,
.AXTabsLarge .AXTabsTray .AXTab.Red:hover {
  background: #a93b3e;
}

.AXTabsLarge .AXTabsTray .AXTab.Red:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab.Red.on {
  text-shadow: none;
  color: #87302b;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .AXTab[disabled] {
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  color: #eaeaea;
  border: 1px solid #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsLarge .AXTabsTray .AXTab[disabled]:focus,
.AXTabsLarge .AXTabsTray .AXTab[disabled]:hover {
  background: #d7d7d7;
}

.AXTabsLarge .AXTabsTray .AXTab[disabled]:active {
  box-shadow: none;
}

.AXTabsLarge .AXTabsTray .AXTab[disabled].on {
  text-shadow: none;
  color: #ccc;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox {
  position: absolute;
  left: 0;
  top: 1px;
  width: 29px;
  height: 44px;
  background: url(images/dx-left-arrows-bg.png) repeat-y 0 0;
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 44px;
  background: url(images/dx-left-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsLarge .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
  background: url(images/dx-left-arrows-01-r.png) no-repeat 50%;
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox {
  position: absolute;
  right: 24px;
  top: 1px;
  width: 29px;
  height: 44px;
  background: url(images/dx-right-arrows-bg.png) repeat-y 100% 0;
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 44px;
  background: url(images/dx-right-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsLarge .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
  background: url(images/dx-right-arrows-01-r.png) no-repeat 50%;
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox {
  position: absolute;
  right: 0;
  top: 1px;
  width: 24px;
  height: 44px;
  background: #fff;
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox .tabArrow {
  display: block;
  width: 24px;
  height: 44px;
  background: url(images/dx-right-arrows-more-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsLarge .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
  background: url(images/dx-right-arrows-more-01-r.png) no-repeat 50%;
}

.AXTabsSmall {
  position: relative;
  min-height: 24px;
  overflow: hidden;
}

.AXTabsSmall .AXTabsTray {
  background: url(images/dx-tab-bg-small.png);
}

.AXTabsSmall .AXTabsTray .trayScroll {
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
}

.AXTabsSmall .AXTabsTray .AXTab {
  display: block;
  float: left;
  cursor: pointer;
  height: 20px;
  min-width: 60px;
  padding: 0 10px;
  box-sizing: content-box !important;
  margin: 2px 0 0 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  outline: 0;
  background-image: -webkit-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -o-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: -moz-linear-gradient(#fdfdfd, #e8e8e8);
  background-image: linear-gradient(#fdfdfd, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#e8e8e8);
  color: #6e7a85;
  border: 1px solid #b9babc;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab:focus,
.AXTabsSmall .AXTabsTray .AXTab:hover {
  background: #e8e8e8;
}

.AXTabsSmall .AXTabsTray .AXTab:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab.on {
  text-shadow: none;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .AXTab:first-child {
  margin-left: 5px;
}

.AXTabsSmall .AXTabsTray .AXTab.Classic {
  background-image: -webkit-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -o-linear-gradient(#c1cdd5, #98a4ae);
  background-image: -moz-linear-gradient(#c1cdd5, #98a4ae);
  background-image: linear-gradient(#c1cdd5, #98a4ae);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c1cdd5, endColorstr=#98a4ae);
  color: #ebf4f7;
  border: 1px solid #81898e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab.Classic:focus,
.AXTabsSmall .AXTabsTray .AXTab.Classic:hover {
  background: #98a4ae;
}

.AXTabsSmall .AXTabsTray .AXTab.Classic:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab.Classic.on {
  text-shadow: none;
  color: #81898e;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .AXTab.Blue {
  background-image: -webkit-linear-gradient(#6faee1, #468ec9);
  background-image: -o-linear-gradient(#6faee1, #468ec9);
  background-image: -moz-linear-gradient(#6faee1, #468ec9);
  background-image: linear-gradient(#6faee1, #468ec9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6faee1, endColorstr=#468ec9);
  color: #d0ebfe;
  border: 1px solid #3f80b1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab.Blue:focus,
.AXTabsSmall .AXTabsTray .AXTab.Blue:hover {
  background: #468ec9;
}

.AXTabsSmall .AXTabsTray .AXTab.Blue:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab.Blue.on {
  text-shadow: none;
  color: #3f80b1;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .AXTab.Green {
  background-image: -webkit-linear-gradient(#98c87b, #79aa5a);
  background-image: -o-linear-gradient(#98c87b, #79aa5a);
  background-image: -moz-linear-gradient(#98c87b, #79aa5a);
  background-image: linear-gradient(#98c87b, #79aa5a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#98c87b, endColorstr=#79aa5a);
  color: #dffebe;
  border: 1px solid #6a9751;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab.Green:focus,
.AXTabsSmall .AXTabsTray .AXTab.Green:hover {
  background: #79aa5a;
}

.AXTabsSmall .AXTabsTray .AXTab.Green:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab.Green.on {
  text-shadow: none;
  color: #6a9751;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .AXTab.Red {
  background-image: -webkit-linear-gradient(#c65a5b, #a93b3e);
  background-image: -o-linear-gradient(#c65a5b, #a93b3e);
  background-image: -moz-linear-gradient(#c65a5b, #a93b3e);
  background-image: linear-gradient(#c65a5b, #a93b3e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c65a5b, endColorstr=#a93b3e);
  color: #fcccc9;
  border: 1px solid #87302b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab.Red:focus,
.AXTabsSmall .AXTabsTray .AXTab.Red:hover {
  background: #a93b3e;
}

.AXTabsSmall .AXTabsTray .AXTab.Red:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab.Red.on {
  text-shadow: none;
  color: #87302b;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .AXTab[disabled] {
  background-image: -webkit-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -o-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: -moz-linear-gradient(#d7d7d7, #d7d7d7);
  background-image: linear-gradient(#d7d7d7, #d7d7d7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d7d7d7, endColorstr=#d7d7d7);
  color: #eaeaea;
  border: 1px solid #ccc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.AXTabsSmall .AXTabsTray .AXTab[disabled]:focus,
.AXTabsSmall .AXTabsTray .AXTab[disabled]:hover {
  background: #d7d7d7;
}

.AXTabsSmall .AXTabsTray .AXTab[disabled]:active {
  box-shadow: none;
}

.AXTabsSmall .AXTabsTray .AXTab[disabled].on {
  text-shadow: none;
  color: #ccc;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox {
  position: absolute;
  left: 0;
  top: 1px;
  width: 29px;
  height: 22px;
  background: url(images/dx-left-arrows-bg.png) repeat-y 0 0;
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 22px;
  background: url(images/dx-left-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsSmall .AXTabsTray .leftArrowHandleBox .tabArrow:hover {
  background: url(images/dx-left-arrows-01-r.png) no-repeat 50%;
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox {
  position: absolute;
  right: 24px;
  top: 1px;
  width: 29px;
  height: 22px;
  background: url(images/dx-right-arrows-bg.png) repeat-y 100% 0;
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox .tabArrow {
  display: block;
  width: 29px;
  height: 22px;
  background: url(images/dx-right-arrows-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsSmall .AXTabsTray .rightArrowHandleBox .tabArrow:hover {
  background: url(images/dx-right-arrows-01-r.png) no-repeat 50%;
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox {
  position: absolute;
  right: 0;
  top: 1px;
  width: 24px;
  height: 22px;
  background: #fff;
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox .tabArrow {
  display: block;
  width: 24px;
  height: 22px;
  background: url(images/dx-right-arrows-more-01.png) no-repeat 50%;
  text-indent: -1000px;
  overflow: hidden;
}

.AXTabsSmall .AXTabsTray .rightArrowMoreBox .tabArrow:hover {
  background: url(images/dx-right-arrows-more-01-r.png) no-repeat 50%;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXTree {
  position: relative;
}

.AXTree .AXTreeScrollBody {
  position: relative;
  border: 1px solid #b1b1b1;
  overflow: hidden;
}

.AXTree .AXTreeScrollBody .AXTreeColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: -webkit-linear-gradient(#e2e4e6, #fff);
  background-image: -o-linear-gradient(#e2e4e6, #fff);
  background-image: -moz-linear-gradient(#e2e4e6, #fff);
  background-image: linear-gradient(#e2e4e6, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e4e6, endColorstr=#ffffff);
  border-bottom: 1px solid #b1b1b1;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable {
  table-layout: fixed;
  background-image: -webkit-linear-gradient(#e2e4e6, #fff);
  background-image: -o-linear-gradient(#e2e4e6, #fff);
  background-image: -moz-linear-gradient(#e2e4e6, #fff);
  background-image: linear-gradient(#e2e4e6, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e2e4e6, endColorstr=#ffffff);
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td {
  padding: 0;
  background: url(images/dx-tree-head-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  cursor: pointer;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td:hover {
  background-color: #e5e6eb;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.colHeadBottomBorder {
  border-bottom: 1px solid #b1b1b1;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc {
  background-color: #e5e6eb;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc .colHeadNode {
  background: url(images/dx-sort-desc.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc {
  background-color: #e5e6eb;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc .colHeadNode {
  background: url(images/dx-sort-asc.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 20px;
  cursor: col-resize;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer:active {
  background: #e2e4e6;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool {
  position: absolute;
  right: 1px;
  top: 0;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
  text-indent: -2000px;
  overflow: hidden;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool {
  background: url(images/dx-tree-head-tool.png) no-repeat -2px center;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover {
  background: url(images/dx-tree-head-tool-on.png) no-repeat -2px center;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadNode {
  position: relative;
  padding: 0;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #5e5e5e;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck {
  height: 20px;
  padding: 7px 1px 3px 0;
  color: #5e5e5e;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck input {
  vertical-align: middle;
}

.AXTree .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdHtml {
  height: 30px;
  padding: 0 1px 0 0;
  color: #5e5e5e;
}

.AXTree .AXTreeScrollBody .fixedColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  box-shadow: 0 0 3px #ccc;
}

.AXTree .AXTreeScrollBody .AXTreeBody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollContent {
  overflow: visible;
  position: relative;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedScrollContent {
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 3px #ccc;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackXY {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border: 1px solid #b6b6b6;
  background: url(images/dx-diagonal-bg.png);
  display: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY {
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle {
  position: absolute;
  left: -1px;
  top: 0;
  width: 9px;
  height: 20px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle.hover,
.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle {
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 9px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle.hover,
.AXTree .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable {
  width: 100%;
  table-layout: fixed;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  border-bottom: 1px solid #c8c8c8;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.AXTreeSplit td {
  vertical-align: middle;
  height: 1px;
  line-height: 1px;
  background: #eee;
  border-bottom: 0 none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.red td {
  background-color: #fbc;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.green td {
  background-color: #f3f3f3;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.blue td {
  background-color: #929292;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.yellow td {
  background-color: #d2d9df;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.hover td {
  background-color: #e7f1fa;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.selected td {
  background-color: #d2d9df;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.disable td {
  background-color: #f5f5f1;
  color: #ccc !important;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.copied td {
  background-color: #ffffbf;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyNullTd {
  background-image: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 30px;
  background: url(images/dx-tree-line.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isLastChild {
  background: url(images/dx-tree-line-last.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentInside {
  background: url(images/dx-tree-line-middle.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentOutside {
  background: url(images/blank.png) no-repeat center 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent {
  display: block;
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(images/dx-tree-arrows.png) no-repeat -65px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild:hover {
  background: url(images/dx-tree-line-no-child.png) no-repeat center center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent:hover {
  background: url(images/dx-tree-arrows.png) no-repeat -5px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand {
  background: url(images/dx-tree-arrows.png) no-repeat -95px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand:hover {
  background: url(images/dx-tree-arrows.png) no-repeat -35px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.loading {
  background: url(images/dx-progresss-ani-white-1.gif) no-repeat 2px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild:hover {
  background: url(images/dx-tree-line-no-child.png) no-repeat center center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon {
  display: block;
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.AXfolder,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.folder {
  background: url(images/dx-tree-icons.png) no-repeat -5px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.movie {
  background: url(images/dx-tree-icons.png) no-repeat -65px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.img {
  background: url(images/dx-tree-icons.png) no-repeat -95px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.zip {
  background: url(images/dx-tree-icons.png) no-repeat -125px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.file {
  background: url(images/dx-tree-icons.png) no-repeat -155px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTxt {
  background: url(images/dx-tree-icons.png) no-repeat -185px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTag {
  background: url(images/dx-tree-icons.png) no-repeat -215px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.company {
  background: url(images/dx-tree-icons2.png) no-repeat -5px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.computer {
  background: url(images/dx-tree-icons2.png) no-repeat -35px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.desktop {
  background: url(images/dx-tree-icons2.png) no-repeat -65px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.tree {
  background: url(images/dx-tree-icons2.png) no-repeat -95px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.userHtml {
  background: url(images/dx-tree-icons2.png) no-repeat -215px center;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyBottomBorder,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyNullTd,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyNode,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdText,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdHtml,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdCheckBox,
.AXTree .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable {
  table-layout: fixed;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line0 td {
  background-color: #eaedef;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line1 td {
  background-color: #f7f8f9;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.AXTreeSplit td {
  vertical-align: middle;
  height: 1px;
  line-height: 1px;
  background: #eee;
  border-bottom: 0 none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.red td {
  background-color: #fbc;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.green td {
  background-color: #f3f3f3;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.blue td {
  background-color: #929292;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.selected td,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.yellow td {
  background-color: #d2d9df;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.hover td {
  background-color: #d7dde3;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.fixedLine {
  background: url(images/dx-tree-fixed-body-border.png) repeat-y 100% 0 #ffffec;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyNullTd {
  background-image: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.fixedLine,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.fixedLine {
  background: url(images/dx-tree-fixed-body-border.png) repeat-y 100% 0 #ffffec;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyBottomBorder,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyNullTd,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyNode,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdText,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdHtml,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdCheckBox,
.AXTree .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree .tdRelBlock,
.AXTree_none {
  position: relative;
}

.AXTree_none .AXTreeScrollBody {
  position: relative;
  border: 1px solid #b1b1b1;
  overflow: hidden;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: url(images/dx-tree-head-bg.png) repeat-x 0 0 #fff;
  border-bottom: 1px solid #b1b1b1;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable {
  table-layout: fixed;
  background: url(images/dx-tree-head-bg.png) repeat-x 0 0 #fff;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td {
  padding: 0;
  background: url(images/dx-tree-head-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  cursor: pointer;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc,
.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td:hover {
  background-color: #e5e6eb;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortDesc .colHeadNode {
  background: url(images/dx-sort-desc.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc {
  background-color: #e5e6eb;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.sortAsc .colHeadNode {
  background: url(images/dx-sort-asc.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td.colHeadBottomBorder {
  border-bottom: 1px solid #b1b1b1;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 20px;
  cursor: col-resize;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadResizer:active {
  background: #e2e4e6;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool {
  position: absolute;
  right: 1px;
  top: 0;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
  text-indent: -2000px;
  overflow: hidden;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool {
  background: url(images/dx-tree-head-tool.png) no-repeat -2px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTool.readyTool:hover {
  background: url(images/dx-tree-head-tool-on.png) no-repeat -2px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadNode {
  position: relative;
  padding: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 0;
  color: #5e5e5e;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck {
  height: 20px;
  padding: 7px 1px 3px 0;
  color: #5e5e5e;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdCheck input {
  vertical-align: middle;
}

.AXTree_none .AXTreeScrollBody .AXTreeColHead .colHeadTable tbody tr td .colHeadTdHtml {
  height: 30px;
  padding: 0 1px 0 0;
  color: #5e5e5e;
}

.AXTree_none .AXTreeScrollBody .fixedColHead {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  box-shadow: 0 0 3px #ccc;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollContent {
  overflow: visible;
  position: relative;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedScrollContent {
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 3px #ccc;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollBody .treeScrollTrackY .treeScrollHandle.hover {
  background: #929292;
  border: 1px solid #636363;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackXY {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border: 1px solid #b6b6b6;
  background: url(images/dx-diagonal-bg.png);
  display: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY {
  position: absolute;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle {
  position: absolute;
  left: -1px;
  top: 0;
  width: 9px;
  height: 20px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle.hover,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackY .treeScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  display: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle {
  position: absolute;
  left: 0;
  top: -1px;
  width: 20px;
  height: 9px;
  background: #000;
  border: 0 none;
  -moz-opacity: 0.2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle.hover,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeScrollTrackX .treeScrollHandle:hover {
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable {
  width: 100%;
  table-layout: fixed;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.AXTreeSplit td {
  vertical-align: middle;
  height: 1px;
  line-height: 1px;
  background: #ccc;
  border-bottom: 0 none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.red td {
  background-color: #fbc;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.green td {
  background-color: #f3f3f3;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.blue td {
  background-color: #929292;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.yellow td {
  background-color: #d2d9df;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.hover td {
  background-color: #e7f1fa;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.selected td {
  background-color: #d2d9df;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.disable td {
  background-color: #f5f5f1;
  color: #ccc !important;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr.copied td {
  background-color: #ffffbf;
  border-top: 1px dotted;
  border-bottom: 1px dotted;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td {
  padding: 0;
  vertical-align: bottom;
  cursor: pointer;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td.bodyNullTd {
  background-image: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 30px;
  background: url(images/dx-tree-line.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isLastChild {
  background: url(images/dx-tree-line-last.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentInside {
  background: url(images/dx-tree-line-middle.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .connectionLineContainer .connectionLine.isParentOutside {
  background: url(images/blank.png) no-repeat center 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent {
  display: block;
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(images/dx-tree-arrows.png) no-repeat -65px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent:hover {
  background: url(images/dx-tree-arrows.png) no-repeat -5px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.noChild:hover {
  background: url(images/dx-tree-line-no-child.png) no-repeat center center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand {
  background: url(images/dx-tree-arrows.png) no-repeat -95px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand:hover {
  background: url(images/dx-tree-arrows.png) no-repeat -35px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIndent.expand.noChild:hover {
  background: url(images/dx-tree-line-no-child.png) no-repeat center center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon {
  display: block;
  position: absolute;
  top: 5px;
  width: 20px;
  height: 20px;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.folder {
  background: url(images/dx-tree-icons.png) no-repeat -5px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.AXfolder {
  background: url(images/dx-tree-icons.png) no-repeat -35px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.movie {
  background: url(images/dx-tree-icons.png) no-repeat -65px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.img {
  background: url(images/dx-tree-icons.png) no-repeat -95px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.zip {
  background: url(images/dx-tree-icons.png) no-repeat -125px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.file {
  background: url(images/dx-tree-icons.png) no-repeat -155px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTxt {
  background: url(images/dx-tree-icons.png) no-repeat -185px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.fileTag {
  background: url(images/dx-tree-icons.png) no-repeat -215px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.company {
  background: url(images/dx-tree-icons2.png) no-repeat -5px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.computer {
  background: url(images/dx-tree-icons2.png) no-repeat -35px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.desktop {
  background: url(images/dx-tree-icons2.png) no-repeat -65px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyNode .bodyNodeIcon.tree {
  background: url(images/dx-tree-icons2.png) no-repeat -95px center;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tbody tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyBottomBorder,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td.bodyNullTd,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyNode,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdText,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdHtml,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable tfoot tr td .bodyTdCheckBox,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable {
  table-layout: fixed;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.noListTr td {
  vertical-align: middle;
  height: 100px;
  background: #f7f7f7;
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line0 td {
  background-color: #eaedef;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.line1 td {
  background-color: #f7f8f9;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.AXTreeSplit td {
  vertical-align: middle;
  height: 1px;
  line-height: 1px;
  background: #eee;
  border-bottom: 0 none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.red td {
  background-color: #fbc;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.green td {
  background-color: #f3f3f3;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.blue td {
  background-color: #929292;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.selected td,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.yellow td {
  background-color: #d2d9df;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr.hover td {
  background-color: #d7dde3;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  cursor: pointer;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.fixedLine {
  background: url(images/dx-tree-fixed-body-border.png) repeat-y 100% 0 #ffffec;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.selected {
  background-color: #d2d9df;
  box-shadow: inset 0 0 2px #000;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyBottomBorder {
  border-bottom: 1px dashed #c8c8c8;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td.bodyNullTd {
  background-image: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: AppleGothic, "Malgun Gothic", Gulim;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tbody tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td {
  padding: 0;
  background: url(images/dx-tree-body-border.png) repeat-y 100% 0;
  vertical-align: bottom;
  border-bottom: 1px solid #c8c8c8;
  background-color: #ffffec;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.fixedLine,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.fixedLine {
  background: url(images/dx-tree-fixed-body-border.png) repeat-y 100% 0 #ffffec;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyBottomBorder,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyBottomBorder {
  border-bottom: 1px solid #c8c8c8;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td.bodyNullTd,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td.bodyNullTd {
  background-image: none;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyNode,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyNode {
  position: relative;
  padding: 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdText,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdText {
  position: relative;
  line-height: 20px;
  padding: 5px 8px;
  color: #3b3b3b;
  text-shadow: 0 1px 0 #fff;
  font-family: "Nanum Gothic";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdHtml,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdHtml {
  padding: 0 1px 0 0;
}

.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable tfoot tr td .bodyTdCheckBox,
.AXTree_none .AXTreeScrollBody .AXTreeBody .treeFixedBodyTable thead tr td .bodyTdCheckBox {
  line-height: 20px;
  height: 20px;
  padding: 5px 1px 5px 0;
}

.AXTree_none .AXTreeEditor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
}

.AXTree_none .AXTreeEditor .editorContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #d8e1e7;
  border-bottom: 1px solid #7f8d9c;
  box-shadow: 1px 1px 3px #ccc;
}

.AXTree_none .AXTreeEditor .editorButtons {
  position: absolute;
  left: 50px;
  top: 19px;
  height: 30px;
  padding: 1px 3px;
  background: #d8e1e7;
  border-left: 1px solid #7f8d9c;
  border-right: 1px solid #7f8d9c;
  border-bottom: 1px solid #7f8d9c;
  box-shadow: 1px solid #7f8d9c;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.AXTree_none .AXTreeEditor .editorBodyTable {
  table-layout: fixed;
  width: 100%;
}

.AXTree_none .tdRelBlock {
  position: relative;
}

.AXTreeColGroupListBox {
  z-index: 4999;
  position: absolute;
  left: 0;
  top: 0;
  width: 146px;
  background: #fff;
  border: 1px solid #b1b1b1;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem {
  display: block;
  line-height: 15px;
  padding: 5px 5px 5px 25px;
  color: #5e5e5e;
  text-decoration: none;
  border-bottom: 1px solid #e3e3e3;
  font-size: 12px;
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem.last {
  border-bottom: 0 none;
}

.AXTreeColGroupListBox .AXTreeColGroupListBoxItem.on {
  color: #7b8590;
  background: url(images/dx-item-check.png) no-repeat 3px center;
}

.AXtreeSelector {
  height: 400px;
  background: #fff;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXUpload5 {
  height: 26px;
}

.AXUpload5 .swfupload {
  position: absolute;
  left: 0;
  top: 0;
}

.AXUpload5 table,
.AXUpload5 table td {
  background: none !important;
  border: 0 none !important;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}

.AXUpload5 .AXFileSelector {
  padding-right: 26px;
  padding-left: 5px;
  background: url(images/dx-upload5-icon.png) no-repeat 100%;
}

.AXUpload5 .AXFileDisplay {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #525252;
}

.AXUpload5 .AXFileDisplay .AXUploadItem {
  position: relative;
  height: 24px;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadTit {
  text-indent: 46px;
  font-size: 12px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadBtns {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1em;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadBtns .AXUploadBtnsA {
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/dx-upload5-remove-icon.png) no-repeat center center;
  text-indent: -1000px;
  overflow: hidden;
  line-height: 50000px;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel {
  position: absolute;
  left: 24px;
  top: 4px;
  line-height: 1em;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadDownload {
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/dx-upload5-download-icon.png) no-repeat #fff;
  text-indent: -1000px;
  overflow: hidden;
  line-height: 50000px;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadDownload:hover {
  background-color: #000;
}

.AXUpload5 .AXFileDisplay .AXUploadItem .AXUploadLabel .AXUploadMainImage {
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/dx-upload5-main-image-icon.png) no-repeat #fff;
  text-indent: -1000px;
  overflow: hidden;
  float: left;
  line-height: 50000px;
}

.AXUpload5 .AXFileDisplay .AXUploadProcess {
  position: absolute;
  left: 10px;
  top: 8px;
  height: 8px;
  width: 100px;
  background: #b2b2b2;
  border: 1px solid #b2b2b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1px;
  line-height: 1px;
}

.AXUpload5 .AXFileDisplay .AXUploadProcess .AXUploadProcessBar {
  background: #fff;
  height: 8px;
  width: 0;
  min-width: 5px;
  border-radius: 4px;
}

.AXUpload5QueueBox {
  position: relative;
  border: 1px solid #b1b1b1;
  background: #f7f7f7;
  overflow: auto;
}

.AXUpload5QueueBox.allowDrop {
  background-image: url(images/dx-upload5-drop-icon-img.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.AXUpload5QueueBox.allowDrop .dropZoneBox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}

.AXUpload5QueueBox .AXUploadItem {
  box-sizing: content-box !important;
  position: relative;
  float: left;
  padding: 10px;
  margin: 9px 0 0 9px;
  width: 100px;
  height: 148px;
  color: #525252;
  overflow: hidden;
  z-index: 100;
}

.AXUpload5QueueBox .AXUploadItem.readyselect {
  cursor: pointer;
}

.AXUpload5QueueBox .AXUploadItem.beSelected {
  background: #68adcf;
  color: #fff;
}

.AXUpload5QueueBox .AXUploadItem.beSelected .AXUploadBtns .AXUploadBtnsA {
  background: url(images/dx-upload5-remove-icon-white.png) no-repeat center center;
}

.AXUpload5QueueBox .AXUploadItem.AX_selecting {
  background: #68adcf;
  color: #fff;
}

.AXUpload5QueueBox .AXUploadItem.AX_selecting .AXUploadBtns .AXUploadBtnsA {
  background: url(images/dx-upload5-remove-icon-white.png) no-repeat center center;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadIcon {
  background-color: #e0e0e0;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 14px;
  color: #888;
  font-weight: 700;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadType {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 1.3em;
  padding-top: 3px;
  text-align: right;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadTit {
  font-size: 12px;
  line-height: 1.3em;
  word-break: break-all;
  height: 32px;
  overflow: hidden;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadSize {
  font-size: 11px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadProcess {
  position: absolute;
  left: 20px;
  top: 54px;
  height: 8px;
  width: 78px;
  background: #b2b2b2;
  border: 1px solid #b2b2b2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1px;
  line-height: 1px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadProcess .AXUploadProcessBar {
  background: #fff;
  height: 8px;
  width: 0;
  min-width: 5px;
  border-radius: 4px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadBtns {
  position: absolute;
  left: 3px;
  top: 110px;
  line-height: 1em;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadBtns .AXUploadBtnsA {
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/dx-upload5-remove-icon-black.png) no-repeat center center;
  text-indent: -1000px;
  overflow: hidden;
  line-height: 50000px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel {
  position: absolute;
  right: 14px;
  top: 14px;
  line-height: 1em;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadMainImage {
  display: none;
  width: 16px;
  height: 16px;
  background: url(images/dx-upload5-main-image-icon.png) no-repeat #fff;
  text-indent: -1000px;
  overflow: hidden;
  float: left;
  line-height: 50000px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadDownload {
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/dx-upload5-download-icon.png) no-repeat #fff;
  text-indent: -1000px;
  overflow: hidden;
  line-height: 50000px;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadLabel .AXUploadDownload:hover {
  background-color: #000;
}

.AXUpload5QueueBox .AXUploadItem .AXUploadPreview {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}

.AXUpload5Single table tbody tr td {
  border: 0 none;
  background: 0 0;
}

.AXUpload5Single .AXUploadDisplay {
  position: relative;
  padding: 0 0 0 5px;
}

.AXUpload5Single .AXUploadDisplay .AXUploadProcess {
  position: relative;
  width: 120px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 7px;
  font-size: 1px;
  line-height: 1px;
  box-shadow: 0 0 3px #ccc;
  overflow: hidden;
}

.AXUpload5Single .AXUploadDisplay .AXUploadProcess .AXUploadProcessBar {
  background: url(images/dx-red-small.png) repeat-x 0 center;
  height: 15px;
  width: 0;
  border: 1px solid #fff;
  border-radius: 5px;
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock {
  position: relative;
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock .AXFileTitle {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-right: 24px;
  text-decoration: none;
  color: #444;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AXUpload5Single .AXUploadDisplay .AXFileTitleBlock .AXFileDelete {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: url(images/dx-cross-button.png) no-repeat 100% center;
  height: 24px;
  width: 24px;
  line-height: 2000px;
  overflow: hidden;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.modsSortGhost {
  float: left;
  width: 1px;
  height: 93px;
  margin: 5px 0 5px 5px;
}

.userSelectBox {
  border: 1px solid #aaa;
  padding: 5px;
  border-radius: 4px;
  overflow: auto;
}

.userSelectBox .readyDrag {
  border: 1px solid #d4d4d4;
  background-image: -webkit-linear-gradient(#fff, #e8e8e8);
  background-image: -o-linear-gradient(#fff, #e8e8e8);
  background-image: -moz-linear-gradient(#fff, #e8e8e8);
  background-image: linear-gradient(#fff, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e8e8e8);
  color: #444;
  padding: 3px 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  line-height: auto;
}

.userSelectBox .readyDrag div {
  height: 20px !important;
  line-height: 20px !important;
}

.userSelectBox .modsSortGhost {
  float: none;
  width: auto;
  height: 1px;
  margin: 5px 0;
  border: 1px solid #d4d4d4;
  background-image: -webkit-linear-gradient(#fff, #e8e8e8);
  background-image: -o-linear-gradient(#fff, #e8e8e8);
  background-image: -moz-linear-gradient(#fff, #e8e8e8);
  background-image: linear-gradient(#fff, #e8e8e8);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e8e8e8);
}

.userSelectBox .bedraged {
  border: 2px solid #f30 !important;
}

.userSelectBox .beSelected {
  border: #e8e8e8;
}

.none {
  display: none;
}

.util-border-radius-none {
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.util-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.util-textHidden {
  text-indent: 99999px;
  overflow: hidden;
}

.AXWaterfall {
  position: relative;
}

.AXWaterfall .WaterBox {
  position: absolute;
  left: -200px;
  top: 0;
}

.AXWaterfall .WaterBoxMobile {
  position: absolute;
  left: -200px;
  top: 0;
  width: 300px;
} /**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:  5px solid #fff;*/
  left: 0px;
  padding-top: 50px;
  background: transparent;
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-controls {
  background: #00b6c7;
  height: 66px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  bottom: -66px;
  left: 0px;
  right: 0px;
  width: 100%;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../../../../resources/images/bx/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  position: relative;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: transparent;
  border: solid 1px #fff;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../../../../resources/images/bx/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../../../../resources/images/bx/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -315px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../../../../resources/images/bx/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../../../../resources/images/bx/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9 ;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.bx-clone {
  display: none;
}