/*
 * Aipo is a groupware program developed by Aimluck,Inc.
 * Copyright (C) 2004-2015 Aimluck,Inc.
 * http://www.aipo.com
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
@charset "UTF-8";
.bRadius3, span.dispUser, .menubar ul li,
ul.blockList li, .menubar > ul li a,
.menubar.multi ul li a,
ul.blockList li a, .avatar img, .avatar_l, .avatar_m, .avatar_s {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.clearfix, .inner {
  zoom: 1;
  display: block;
}
.clearfix:before, .clearfix:after, .inner:before, .inner:after {
  content: "";
  display: block;
  clear: both;
}

h1, h2, h3, h4, h5, h6, p, pre, address, cite {
  margin: .5em auto;
  line-height: 1.4;
  font-size: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, th, td {
  margin: 0;
  padding: 0;
}

blockquote {
  margin: 10px 2em;
  padding: 10px;
  border: solid 3px #d2d2d2;
  background: #fff;
}

pre {
  display: block;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  margin: 10px 0;
  padding: 10px;
  background: #f6f6f6;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p {
  margin-left: .5em;
}

address {
  font-style: normal;
}

fieldset {
  border: solid 1px silver;
}

legend {
  padding: 0 7px;
}

input, textarea {
  font-size: 100%;
}

label {
  cursor: pointer;
  white-space: normal;
}

a img {
  border: none;
}

hr {
  border: 1px solid #d2d2d2;
}

hr.bold {
  border: 1px solid #999999;
}

th label {
  display: block;
  width: 100%;
}

a {
  color: #1b1b1b;
  text-decoration: underline;
}

a:focus {
  outline: none;
}

th a {
  color: #1b1b1b;
}

a:hover, a:hover strong, a:hover span {
  color: #ff9900;
  text-decoration: none;
}

ul li {
  list-style: none;
  line-height: 1.5;
  text-align: left;
  display: block;
  background: url(../images/common/li_icon.gif) 0 0.5em no-repeat;
  padding: 0 0 0 1em;
}

input {
  line-height: 1.5;
}

input[type="button"] {
  cursor: pointer;
}

textarea {
  padding: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all;
}

textarea.wide {
  width: 100%;
}

.dj_ie7 textarea.wide {
  width: 97%;
}

select {
  font-size: 1em;
  line-height: normal;
  margin: 1px;
  z-index: 0 !important;
}

img {
  border: none;
}

a img {
  border: none;
  text-decoration: none;
}

h3 {
  line-height: 150%;
  padding: 2px 0;
  margin: 0 0 10px;
  border-bottom: 1px solid #ededed;
}

h4 {
  background: transparent url(../images/common/bg_line.gif) repeat-x left bottom;
  line-height: 150%;
  padding: 0 0 3px;
  margin: 0 0 10px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

div.outer {
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  margin-bottom: 2px;
  margin-top: 2px;
}

.clear {
  clear: both;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

div.center,
table.center {
  margin-right: auto;
  margin-left: auto;
}

.top {
  vertical-align: top !important;
}

.bottom {
  vertical-align: bottom !important;
}

.middle {
  vertical-align: middle !important;
}

.spaceRight {
  padding-right: 5px;
}

.spaceLeft {
  padding-left: 5px;
}

.spaceTop {
  padding-top: 5px;
}

.spaceBottom {
  padding-bottom: 5px;
}

.spaceBoth {
  padding-bottom: 5px;
}

.spaceAll {
  padding: 5px;
}

.p {
  margin: 5px 0;
}

.button {
  cursor: pointer;
}

.text {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #c0c0c0;
  padding: 2px;
}

.sentence {
  font-size: 14px;
}

.small {
  font-size: 11px;
  line-height: 1.2;
}

.required {
  display: block;
  background: transparent url(../images/common/icon_required.gif) no-repeat right top;
}

.message {
  margin-top: 5px;
  margin-bottom: 5px;
}

.caution {
  color: #DC0033;
  font-size: 1em;
}

.caution .em {
  color: #DC0033;
  font-weight: bold;
}

.item {
  background-color: #FFF;
}

.img_icon {
  border: none;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

#wrapper {
  position: relative;
  height: 100%;
  min-width: 960px;
  -ms-word-break: break-all;
  word-break: break-all;
}

#roundWrapper {
  height: auto;
}

.roundMainWrapper {
  min-height: 100%;
  padding: 60px 5px 0 5px;
  background-color: #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.roundMainWrapper noscript .alert {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin: 0 5px 5px;
}

.relativeBlock {
  position: relative;
  margin: 5px 0;
  width: 100%;
}

.absoluteRight {
  position: absolute;
  top: 0;
  right: 0;
}

.absoluteLeft {
  position: absolute;
  top: 0;
  left: 0;
}

.relativeBlock table {
  z-index: 0;
}

a.button:link, a.button:visited, a.button:active {
  padding: 1px;
  border: 1px solid transparent;
  margin: 0;
  text-decoration: none;
  display: block;
  color: #5D6A70;
  background-position: left 1px;
  background-repeat: no-repeat;
}

a.button:hover {
  padding: 1px;
  text-decoration: none;
  color: #5D6A70;
  display: block;
  border: 1px solid #ff9900;
  margin: 0;
  background-color: #FFF5D8;
  background-repeat: no-repeat;
}

td.item {
  border: 1px solid #c0c0c0;
  padding: 5px;
}

table.outer td.f08 {
  border: solid #c0c0c0 1px;
  padding: 5px;
  background-color: #f6f6f6;
  vertical-align: middle;
}

.listTable {
  margin-bottom: 10px;
  margin-top: 5px;
  border-bottom: solid 1px #d2d2d2;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  word-break: break-all;
}
.listTable td {
  height: 24px;
}
.listTable td table {
  border-collapse: collapse;
}
.listTable td table td div {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listTable td > div {
  overflow: hidden;
}
.listTable caption {
  background: #f0f0f0;
  padding: 5px;
  font-weight: bold;
  text-align: left;
}
.listTable .caption {
  width: 135px;
}

.subTable {
  border-spacing: 0;
  border-collapse: collapse;
}
.subTable td {
  padding-left: 0;
  padding-right: 0;
}
.subTable .caption {
  width: 90px;
}

.listTable td,
.subTable td {
  padding: 5px 3px;
  border-top: solid 1px #d2d2d2;
}
.listTable th,
.listTable thead td,
.subTable th,
.subTable thead td {
  padding: 5px 3px;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  border-top: solid 1px #d2d2d2;
}
.listTable th a,
.listTable thead td a,
.subTable th a,
.subTable thead td a {
  padding-right: 10px;
  padding-left: 10px;
  display: block;
}
.listTable th a.headDown,
.listTable thead td.headDown a,
.subTable th a.headDown,
.subTable thead td.headDown a {
  padding: 3px 20px 1px 0;
  background: transparent url(../images/common/btn_up.gif) no-repeat right 7px;
}
.listTable th a.headUp,
.listTable thead td.headUp a,
.subTable th a.headUp,
.subTable thead td.headUp a {
  padding: 3px 20px 1px 0;
  background: transparent url(../images/common/btn_down.gif) no-repeat right 8px;
}
.listTable .caption,
.subTable .caption {
  white-space: nowrap;
  font-weight: bold;
}
.listTable .selected,
.subTable .selected {
  background: #f6f6f6;
}

.listTableBorder {
  margin-bottom: 10px;
  margin-top: 5px;
  border: solid 1px #d2d2d2;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
}
.listTableBorder th {
  padding: 5px 3px;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  border: solid 1px #d2d2d2;
}

.listTableNoBorder {
  margin-top: 5px;
  border-bottom: none;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  border-bottom: none;
}

table.none {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

table.none td {
  border: none;
  padding: 2px;
}

table.tableWrapper {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  width: 100%;
  word-break: break-all;
}
table.tableWrapper td.tableLeft {
  padding-right: 15px;
  vertical-align: top;
  width: 200px;
}
table.tableWrapper td.tableLeft div.scroll {
  width: 200px;
  overflow: auto;
  overflow-y: hidden;
}
table.tableWrapper td.tableCenter {
  vertical-align: top;
}

table.simpleTable {
	margin-top:5px;
	margin-bottom:5px;
	border-spacing:0;
	border-collapse:collapse;
}
table.simpleTable td {
	border:1px solid #C9C9C9;
	padding:3px;
}
table.simpleTable th, table.simpleTable thead td {
	border:1px solid #C9C9C9;
	padding:1px 2px 1px 2px;
	background:#EEE url(../images/common/bg_slash.gif) repeat left top;
	white-space:nowrap;
	text-align:center;
	font-weight:normal;
}
table.simpleTable .caption {
	background:#E5E5E5 url(../images/common/bg_slash.gif) repeat left top;
	min-width:130px;
	min-width:-moz-intrinsic;
	width:130px;
	white-space:nowrap;
	font-weight:normal;
}
.popup {
  display: block;
  width: auto !important;
  padding: 5px;
  border: 3px solid #d2d2d2;
  background: #f7f7f7;
}

.popup:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/***************************************************
	modalDialog
--------------------------------------------------*/
/* End hides from IE-mac */
.modalDialog {
  width: 700px;
  z-index: 997;
  position: absolute;
  margin-left: -350px;
  left: 50%;
}

.modalDialogTitleBar {
  overflow: hidden;
  cursor: move;
  outline-color: invert;
  outline-style: none;
  outline-width: 0;
  z-index: 997;
  position: absolute;
  width: 510px;
  height: 28px;
  padding: -5px;
}

.modalDialogUnderlayWrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 996;
  display: none;
  background: transparent;
}

.modalDialogUnderlay {
  width: 100%;
  height: 100%;
  background: #eee;
  opacity: .5;
}

.dj_ie .modalDialogUnderlay {
  filter: alpha(opacity=50);
}

.dj_gecko .modalDialogUnderlay {
  -moz-opacity: .5;
}

.dijit_a11y .modalDialog {
  opacity: 1 !important;
  background-color: white !important;
}

.modalDialog .closeText {
  display: none;
  position: absolute;
}

.dijit_a11y .modalDialog .closeText {
  display: inline;
}

.modalDialog#imageDialog {
  z-index: 999;
}

.fileuploadDialog {
  border: 5px solid #d2d2d2;
  background-color: #fff;
  width: 300px;
  z-index: 999;
  position: absolute;
}

.fileuploadDialogUnderlayWrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent;
}

.fileuploadDialogUnderlay {
  background: #eee;
  opacity: .5;
}

.dj_ie .fileuploadDialogUnderlay {
  filter: alpha(opacity=50);
}

.dj_gecko .fileuploadDialogUnderlay {
  -moz-opacity: .5;
}

.dijit_a11y .fileuploadDialog {
  opacity: 1 !important;
  background-color: white !important;
}

.fileuploadDialog .closeText {
  display: none;
  position: absolute;
}

.dijit_a11y .fileuploadDialog .closeText {
  display: inline;
}

/***************************************************
	imageDialog
--------------------------------------------------*/
#imageDialog {
  position: absolute;
  z-index: 999;
  left: 50%;
  width: 300px;
  margin-left: -150px;
}

/* addressbookDialog */
.addressbookDialog {
  border: 5px solid #d2d2d2;
  background-color: #fff;
  z-index: 999;
  position: absolute;
}

.addressbookDialogUnderlayWrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent;
}

.addressbookDialogUnderlay {
  background: #f0f0f0;
  opacity: .5;
}

.dj_ie .addressbookDialogUnderlay {
  filter: alpha(opacity=50);
}

.dj_gecko .addressbookDialogUnderlay {
  -moz-opacity: .5;
}

.dijit_a11y .addressbookDialog {
  opacity: 1 !important;
  background-color: white !important;
}

.addressbookDialog .closeText {
  display: none;
  position: absolute;
}

.dijit_a11y .addressbookDialog .closeText {
  display: inline;
}

/* END addressbookDialog */
/* fileuploadViewDialog */
.fileuploadViewDialog {
  z-index: 999;
  position: absolute;
}

.fileuploadViewDialog.preLoadImage {
  visibility: hidden;
}

.fileuploadViewDialogUnderlayWrapper {
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent;
}

.fileuploadViewDialogUnderlay {
  background: #eee;
  opacity: .5;
}

/* END fileuploadDialog */
/* tutorialDialog */
.tutorialDialogUnderlayWrapper {
  left: 0;
  top: 0;
  z-index: 998;
  display: none;
  background: transparent;
}

.tutorialDialogUnderlay {
  background: #eee;
  opacity: .5;
}

/* END tutorialDialog */
.popupMenu {
  position: absolute;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  background: #f5f5f5;
  padding: 1px;
  margin-top: 5px;
  margin-bottom: 1px;
  line-height: normal;
  border-collapse: collapse;
  border-width: 0;
}

.menuItem {
  white-space: nowrap;
  margin: 0;
  padding: 1px;
}

.menuItemHover {
  padding: 0;
  border: 1px solid #ff9900;
  background: #fff5d8;
  cursor: pointer;
  cursor: hand;
}

.menuItemIcon {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  padding-right: 3px;
}

.menuItemLabel {
  position: relative;
  vertical-align: middle;
}

.menuItemLabel {
  position: relative;
  vertical-align: middle;
}

.menuItemAccel {
  position: relative;
  vertical-align: middle;
  padding-left: 3px;
}

.menuItemDisabled .menuItemLabel, .menuItemDisabled .menuItemAccel {
  color: #607a9e;
}

.menuItemSubmenu {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/submenu_off.gif);
  width: 5px;
  height: 9px;
  padding-left: 3px;
}

.menuItemHover .menuItemSubmenu {
  background-image: url(images/submenu_on.gif);
}

.menuItemDisabled .menuItemSubmenu {
  background-image: url(images/submenu_disabled.gif);
}

.datePickerContainer {
  display: block;
  text-align: center;
  width: 140px;
  padding: 5px;
  border: 3px solid #d2d2d2;
  background: #f7f7f7;
}

.datePickerContainer:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.calendarContainer .monthLabelContainer {
  font-weight: bold;
  text-align: center;
}

.calendarContainer .monthLabelContainer .incrementControl {
  padding: 2px;
  font-size: .7em;
  color: #f90;
}

.calendarContainer .incrementControl {
  cursor: pointer;
  cursor: hand;
}

.calendarContainer .increase {
  float: right;
}

.calendarContainer .decrease {
  float: left;
}

.timePickerContainer {
  text-align: center;
  width: 115px;
  padding: 5px;
  border: 3px solid #ddd;
  background: #f7f7f7;
}

.timePickerContainer:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.timePickerContainer {
  display: inline-block;
}

.timePickerContainer {
  display: block;
}

.timeContainer {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 2px solid #ddd;
}

.timeContainer .timeLabelContainer {
  font-weight: bold;
  font-size: .8em;
  text-align: center;
  background: #fff5d8;
  border: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  padding: 0 .2em 0 .2em;
}

.timeContainer .timeHoursContainer, .timeContainer .timeMnituesContainer {
  border-collapse: collapse;
  border-spacing: 0;
  padding: .1em .2em .1em .2em;
}

.timeContainer .timeHoursContainer td, .timeContainer .timeMnituesContainer td {
  border: 1px solid #ddd;
  text-align: center;
  font-size: .8em;
  background: #fff;
  cursor: pointer;
  cursor: hand;
  padding: .1em .2em .1em .2em;
}

.timeContainer .timeHoursContainer td.selectedItem, .timeContainer .timeMnituesContainer td.selectedItem {
  background: #ddd;
  color: #FFF;
  font-weight: bold;
}

.modalDialog .listTable table.none {
  width: 100%;
}

.modalDialog .listTable .popup {
  width: auto !important;
}

.memberlistToTop,
.memberlistFromTop,
.memberlistToBody,
.memberlistFromBody,
.memberlistToBottom,
.memberlistFromBottom {
  width: 49%;
  padding: 0;
}

.memberlistToTop,
.memberlistToBody,
.memberlistToBottom {
  float: left;
}

.memberlistFromTop,
.memberlistFromBody,
.memberlistFromBottom {
  float: right;
}

.memberlistToTop,
.memberlistFromTop,
.memberlistToBody,
.memberlistFromBody {
  margin-bottom: 5px;
}

.memberlistToTop {
  line-height: 32px;
}

.indicator,
.indicatorglay {
  padding: 2px 0 2px 18px;
}

.indicatorGray,
.indicatorBlack {
  width: 18px;
}

i.indicator,
i.indicatorglay,
i.indicatorGray,
i.indicatorBlack {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  clear: both;
}

.indicatorDialog .auiIconIndicator {
  vertical-align: -0.4em;
}

.indicator {
  background: url(../images/common/indicator.gif) no-repeat left;
}

.indicatorglay,
.indicatorGray {
  background: url(../images/common/indicatorglay.gif) no-repeat left;
}

.indicatorBlack {
  background: url(../images/common/indicatorblack.gif) no-repeat left;
}

img.icon {
  padding-left: 2px;
}

div.indidiv, span.indidiv {
  height: 16px;
  margin: 2px 0 0 5px;
  visibility: hidden;
  overflow: hidden;
  color: #f00;
}

div.weeklyScrollPane {
  width: 100%;
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
  border-bottom: solid #d2d2d2 1px;
}

.scrollRight {
  border-right: 1px solid #d2d2d2;
}

.scroll_width {
  padding-right: 1px;
}

div.weeklyHeadLeft {
  width: 50px;
  border: solid #d2d2d2;
  border-width: 0 0 0 1px;
  float: left;
}

div.weeklyHeadLeft div.weeklyHeadLeftTop {
  width: 100%;
  height: 17px;
}

div.weeklyHeadLeft div.weeklyHeadLeftBottom {
  width: 100%;
  height: 17px;
}

div.weeklyHeadRights {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}

div.weeklyHeadRights div.weeklyHeadRight {
  position: absolute;
  width: 14.2857%;
  text-align: center;
  border: solid #d2d2d2;
  border-width: 0 0 0 1px;
  overflow: hidden;
}

div.weeklyHeadRights div.weeklyHeadRightR {
  position: absolute;
  width: 14.2857%;
  text-align: center;
  border: solid #d2d2d2;
  border-width: 0 1px 0 1px;
  overflow: hidden;
}

div.weeklyHeadRights div.weeklyHeadRight div.weeklyHeadRightTop, div.weeklyHeadRights div.weeklyHeadRightR div.weeklyHeadRightTop {
  height: 17px;
}

div.weeklyHeadRights div.weeklyHeadRight div.weeklyHeadRightBottom, div.weeklyHeadRights div.weeklyHeadRightR div.weeklyHeadRightBottom {
  height: 17px;
}

div.weeklyTermLeft {
  width: 50px;
  border: solid #d2d2d2;
  border-width: 0 0 0 1px;
  float: left;
}

div.weeklyTermLeft div.weeklyTermLeftTop {
  width: 100%;
  height: 18px;
}

div.weeklyTermLeft div.weeklyTermLeftBottom {
  width: 100%;
  height: 18px;
}

div.weeklyTermRights {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}

div.weeklyTermRights div.weeklyTermRightL {
  border-left: solid #d2d2d2 !important;
  border-width: 1px 0 0 1px !important;
}

div.weeklyTermRights div.weeklyTermRight {
  position: absolute;
  width: 14.2857%;
  border: solid #d2d2d2;
  border-left: solid #d2d2d2;
  border-width: 1px 0 0 1px;
}

div.weeklyTermRights div.weeklyTermRightR {
  border-width: 1px 1px 0 1px !important;
}

div.weeklyTermRights div.weeklyTermRight div.weeklyTermRightTop, div.weeklyTermRights div.weeklyTermRightR div.weeklyTermRightTop {
  height: 17px;
  font-size: 1px;
}

div.weeklyTermRights div.weeklyTermRight div.weeklyTermRightBottom, div.weeklyTermRights div.weeklyTermRightR div.weeklyTermRightBottom {
  height: 17px;
  font-size: 1px;
}

div.weeklyTermTail {
  width: 18px;
  height: 17px;
}

div.weeklyLeft {
  width: 50px;
  border-top: solid #d2d2d2;
  border-left: solid #d2d2d2;
  border-width: 1px 0 0 1px;
  float: left;
}

div.weeklyLeft div.leftMinute {
  height: 17px;
  border: none;
  padding: 0 3px 1px 0;
  text-align: right;
  line-height: 1;
}

div.weeklyLeft div.leftMinuteBottom {
  height: 17px;
  border: solid #d2d2d2;
  border-width: 0 0 1px 0;
  font-size: 1px;
  line-height: 1;
}

div.weeklyRights {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
}

div.weeklyRights div.weeklyRight {
  position: absolute;
  width: 14.2857%;
  border: solid #d2d2d2;
  border-width: 1px 0 0 1px;
}

div.weeklyRights div.weeklyRightR {
  position: absolute;
  width: 14.2857%;
  border: solid #d2d2d2;
  border-width: 1px 1px 0 1px;
}

div.weeklyRights div.weeklyRight div.rightMinute, div.weeklyRights div.weeklyRightR div.rightMinute {
  height: 17px;
  border: dotted #d2d2d2;
  border-width: 0 0 1px 0;
  font-size: 1px;
}

div.weeklyRights div.weeklyRight div.rightMinuteBottom, div.weeklyRights div.weeklyRightR div.rightMinuteBottom {
  height: 17px;
  border: solid #d2d2d2;
  border-width: 0 0 1px 0;
  font-size: 1px;
}

div.scheduleDiv {
  position: absolute;
  width: 14.2857143%;
  overflow: hidden;
  border: solid #c33;
  border-width: 1px;
  background-color: #FFFFE5;
  cursor: pointer;
}

/*.scheduleDiv .auiIcon {
  margin: -1px 0 0 2px;
}*/
.scheduleDiv .auiIcon,
.inline-block .auiIcon{
  margin: 0 1px;
}

div.scheduleDivFirstLine {
  line-height: 1px;
  height: 13px;
  color: #fff;
  background-color: #c33;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  border: solid #c33;
  border-width: 1px;
}

div.scheduleDivFirstLine span.scheduleDivTime, div.scheduleDivFirstLine span.scheduleDivSepalater {
  line-height: 1.2;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: .8em;
}

div.scheduleDivName {
  padding: 2px;
}

div.scheduleDivLastLine {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 1px;
  line-height: 1;
  background-color: #FFFFE5;
  cursor: s-resize;
}

div.scheduleDivLastLine div.handleDiv {
  width: 20px;
  height: 2px;
  background-color: #c33;
  font-size: 1px;
  line-height: 1;
  padding-top: 1px;
}

div.scheduleDivAdd {
  position: absolute;
  top: 0;
  width: 14.2857%;
  height: 864px;
  background-color: #d2d2d2;
}

div.scheduleDivRightLine {
  width: 1px;
  float: right;
  border-right-width: 1px;
  border-right-style: solid;
  height: 100%;
}

div.scheduleDivTgt {
  position: absolute;
  top: 0;
  width: 14.2857%;
  height: 864px;
}

div.termScheduleDiv {
  border: solid;
  border-width: 1px 0 1px 0;
  background-color: #FFFFE5;
  position: absolute;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  top: 1px;
  height: 15px;
  margin-left: 1px;
  color: #ffffff;
}
div.termScheduleDiv .auiIcon {
  margin: 0 0 0 2px;
}

div.termScheduleDiv div.termScheduleDivNameDiv {
  color: #FFF;
  width: 92%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  float: left;
  line-height: 1.3;
}

div.termScheduleDivHandleLeft {
  width: 2%;
  height: 100%;
  overflow: hidden;
  float: left;
  cursor: w-resize;
  border-left: 1px solid #FFF;
}

div.termScheduleDivHandleRight {
  width: 2%;
  height: 100%;
  overflow: hidden;
  float: right;
  cursor: e-resize;
  border-right: 1px solid #FFF;
}

div.termScheduleDivAdd {
  position: absolute;
  background-color: #ddd;
  width: 100%;
  height: 18px;
  font-size: 1px;
  line-height: 1;
  left: 1px;
}

div.termScheduleDivTgt {
  position: absolute;
  width: 14.2857%;
  height: 20px;
  font-size: 1px;
  line-height: 1;
  left: 1px;
}

table.weeklyTableHead {
  margin-top: 5px;
  border-top: solid 1px #d2d2d2;
  border-right: solid 1px #d2d2d2;
}

div.weeklyBorder {
  width: 100%;
  height: 2px;
  border-right: solid #d2d2d2 1px;
  background-color: #d2d2d2;
  font-size: 1px;
  line-height: 1px;
}

div.weeklySpan {
  width: 18px;
  height: 17px;
}

div.tableBorder {
  background-color: #ddd;
  width: 100%;
  height: 4px;
  font-size: 1px;
  line-height: 1px;
}

div.tableBorderM {
  background-color: #ddd;
  width: 100%;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

div.sunday, td.sunday,
.calendar th.sunday  {
  background: #fef6f1;
}

div.saturday, td.saturday,
.calendar th.saturday {
  background: #f4f7fa;
}

div.holiday, td.holiday,
.calendar th.holiday {
  background: #fef6f1;
}

div.today, td.today,
.calendar th.today {
  background: #edfeed;
}

div.off, td.off {
  background: #f6f6f6;
}

.calendarWrapper {
  overflow-x: auto;
}

.calendar {
  margin-top: 5px;
  margin-bottom: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d2d2d2;
  font-size: 12px;
}
.calendar th {
  min-width: 2em;
  border: 1px solid #ddd;
  padding: 3px;
  font-weight: normal;
  text-align: center;
}
.calendar td {
  border: solid 1px #d2d2d2;
  vertical-align: top;
  word-break: break-all;
}
.calendar tr:first-child th {
  padding: 3px 1px;
}
.calendar tr.calendarWeek th {
  width: 14.286%;
  white-space: nowrap;
}
.calendar th.groupOneday .auiButtonSmall {
  margin-top: 5px;
}
.calendar th.groupWeekly {
  width: 12.5%;
}
.calendar th.groupWeekly .auiButtonSmall {
  margin-top: 5px;
}
.calendar td.day {
  padding: 3px 5px;
  border-bottom: none;
}
.calendar td.day.sunday a {
  color: #ff3333;
}
.calendar td.day.saturday a {
  color: #049cdb;
}
.calendar td.day.holiday, .calendar td.day.holiday a {
  color: #ff3333;
}
.calendar td.day.off, .calendar td.day.off a {
  color: #999;
}
.calendar td.day.today {
  background: #edfeed;
}
.calendar th.today {
  background: #edfeed;
}
.calendar td.calendarHeader {
  background: #ddd;
}
.calendar td.off {
  color: #999;
}
.calendar td.off a {
  color: #999;
}
.calendar td.off a:hover {
  color: #ff9900;
}
.calendar td.topNone {
  border-top: none;
}
.calendar div.calendarBody {
  min-height: 60px;
}
.calendar div.calendarFooter {
  height: 17px;
}
.calendar div {
  overflow: hidden;
}
.calendar td.term {
  padding: 1px;
  border-top: none;
  border-bottom: none;
  vertical-align: middle;
}
.calendar td.term.today {
  background: #edfeed;
}
.calendar div.calerndarTermScheduleDiv {
  font-weight: normal;
  text-align: center;
  border: 1px solid #9c9;
  background-color: #DFD;
  overflow: hidden;
}
.calendar div.calerndarTermScheduleDiv a {
  padding: 0 2px;
}
.calendar div.calerndarTermScheduleDiv a:link,
.calendar div.calerndarTermScheduleDiv a:visited {
  display: block;
  text-decoration: none;
  padding: 1px;
}
.calendar div.calerndarTermScheduleDiv a:hover {
  background-color: #FFFFE5;
  border: 1px solid #d2d2d2;
  text-decoration: none;
  padding: 0;
}
.calendar td.calendarTodo {
  padding: 0;
  border-top: none;
  border-bottom: none;
}
.calendar td.calendarTodo.today {
  background: #edfeed;
}
.calendar td.fill {
  background-color: #edf1f2;
}
.calendar .calerndarTodoDiv {
  padding: 0;
  font-weight: normal;
  text-align: center;
  border: 1px solid #f0a0a0;
  background-color: #FFE5E5;
}
.calendar .calerndarTodoDiv a {
  padding: 0 2px;
}
.calendar .calerndarTodoDiv a:link,
.calendar .calerndarTodoDiv a:visited {
  display: block;
  text-decoration: none;
  padding: 1px;
}
.calendar .calerndarTodoDiv a:hover {
  background-color: #FFFFE5;
  border: 1px solid #d2d2d2;
  text-decoration: none;
  padding: 0;
}
.calendar .calendarScheduleDiv {
  margin: 1px;
}
.calendar .calendarScheduleDiv .time {
  display: block;
}
.calendar .calendarScheduleDiv a:link,
.calendar .calendarScheduleDiv a:visited {
  display: block;
  text-decoration: none;
  padding: 1px;
}
.calendar .calendarScheduleDiv a:hover {
  background-color: #FFFFE5;
  border: 1px solid #ff9900;
  text-decoration: none;
  padding: 0;
}
.calendar .calendarScheduleDiv .calendarTime {
  padding-bottom: 5px;
  vertical-align: text-bottom;
}
.calendar .calendarScheduleDiv .addSchedule {
  display: inline-block !important;
  margin: 0 0 5px 0;
  padding: 1px 0 !important;
  text-decoration: underline !important;
}
.calendar .calendarScheduleDiv .addSchedule:hover {
  padding: 1px 0;
  border: none;
  background: #F5F5F5;
  cursor: pointer;
}
.calendar .calendarScheduleDiv .addSchedule:hover a.addSchedule {
  color: #FF9900;
  text-decoration: none !important;
}
.calendar .calendarScheduleDiv.overlap {
  color: #ff3333;
}
.calendar .addScheduleCell {
  border-top: none;
}
.calendar .addScheduleCell:hover {
  background: #f6f6f6;
  cursor: pointer;
}
.calendar .addScheduleCell.today {
  background: #edfeed;
}
.calendar i[class*="icon-"] {
  display: inline-block;
  width: 1em;
  text-align: center;
}

.calendarDisplayMonth .calendar th {
  min-width: 7.5em;
}
.calendarDisplayMonth .calendar .calendarScheduleDiv {
  min-width: 6em;
}
.calendarDisplayMonth .calendar .calendarScheduleDiv .time {
  display: inline;
  margin-right: 5px;
}
.calendarDisplayMonth .calendar .calendarScheduleDiv a {
  height: 1.5em;
  line-height: 1.6em;
  overflow: hidden;
}

.calendarDisplayDay .calendar tr:first-child th {
  background: #f6f6f6;
  white-space: nowrap;
  min-width: 0;
  padding: 0;
}
.calendarDisplayDay .calendar .calerndarTermScheduleDiv,
.calendarDisplayDay .calendar .calerndarTodoDiv {
  margin: 1px;
}

.calendarDisplayWeek .calendar .calendarScheduleDiv a,
.calendarDisplayDay .calendar .calendarScheduleDiv a {
  height: auto;
}

.calendarDisplayWeek .calendar,
.calendarDisplayMonth .calendar {
  height: 100%;
}
.calendarDisplayWeek .calendar td.term,
.calendarDisplayMonth .calendar td.term {
  height: 100%;
}
.calendarDisplayWeek .calendar .calerndarTermScheduleDiv,
.calendarDisplayMonth .calendar .calerndarTermScheduleDiv {
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: content-box !important;
  box-sizing: border-box;
}
.calendarDisplayWeek .calendar .calerndarTermScheduleDiv a,
.calendarDisplayMonth .calendar .calerndarTermScheduleDiv a {
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*span span span,*/
span.dispUser {
  display: inline-block;
  padding: 2px 4px;
  margin-top: 3px;
  font-size: 11px;
  line-height: 15px;
  color: #ffffff;
}

span.dispUser a {
  color: white;
  text-decoration: none;
  margin-left: 5px;
}

div.color0 {border-color:#039;}
div.color0 div.scheduleDivFirstLine {background-color:#039;border-color:#039;}
div.color0 div.scheduleDivLastLine div.handleDiv {background-color:#039;}
span.color0 {background-color:#039;}
div.termColor0 {background-color:#039 !important;}

div.color1 {border-color:#C33;}
div.color1 div.scheduleDivFirstLine {background-color:#C33;border-color:#C33;}
div.color1 div.scheduleDivLastLine div.handleDiv {background-color:#C33;}
span.color1 {background-color:#C33;}
div.termColor1 {background-color:#C33 !important;}

div.color2 {border-color:#363;}
div.color2 div.scheduleDivFirstLine {background-color:#363;border-color:#363;}
div.color2 div.scheduleDivLastLine div.handleDiv {background-color:#363;}
span.color2 {background-color:#363;}
div.termColor2 {background-color:#363 !important;}

div.color3 {border-color:#C39;}
div.color3 div.scheduleDivFirstLine {background-color:#C39;border-color:#C39;}
div.color3 div.scheduleDivLastLine div.handleDiv {background-color:#C39;}
span.color3 {background-color:#C39;}
div.termColor3 {background-color:#C39 !important;}

div.color4 {border-color:#666;}
div.color4 div.scheduleDivFirstLine {background-color:#666;border-color:#666;}
div.color4 div.scheduleDivLastLine div.handleDiv {background-color:#666;}
span.color4 {background-color:#666;}
div.termColor4 {background-color:#666 !important;}

div.color5 {border-color:#F63;}
div.color5 div.scheduleDivFirstLine {background-color:#F63;border-color:#F63;}
div.color5 div.scheduleDivLastLine div.handleDiv {background-color:#F63;}
span.color5 {background-color:#F63;}
div.termColor5 {background-color:#F63 !important;}

div.color6 {border-color:#39F;}
div.color6 div.scheduleDivFirstLine {background-color:#39F;border-color:#39F;}
div.color6 div.scheduleDivLastLine div.handleDiv {background-color:#39F;}
span.color6 {background-color:#39F;}
div.termColor6 {background-color:#39F !important;}

div.color7 {border-color:#6C6;}
div.color7 div.scheduleDivFirstLine {background-color:#6C6;border-color:#6C6;}
div.color7 div.scheduleDivLastLine div.handleDiv {background-color:#6C6;}
span.color7 {background-color:#6C6;}
div.termColor7 {background-color:#6C6 !important;}

div.color8 {border-color:#F6C;}
div.color8 div.scheduleDivFirstLine {background-color:#F6C;border-color:#F6C;}
div.color8 div.scheduleDivLastLine div.handleDiv {background-color:#F6C;}
span.color8 {background-color:#F6C;}
div.termColor8 {background-color:#F6C !important;}

div.color9 {border-color:#AAA;}
div.color9 div.scheduleDivFirstLine {background-color:#AAA;border-color:#AAA;}
div.color9 div.scheduleDivLastLine div.handleDiv {background-color:#AAA;}
span.color9 {background-color:#AAA;}
div.termColor9 {background-color:#AAA !important;}

div.color10 {border-color:#000060;}
div.color10 div.scheduleDivFirstLine {background-color:#000060;border-color:#000060;}
div.color10 div.scheduleDivLastLine div.handleDiv {background-color:#000060;}
span.color10 {background-color:#000060;}
div.termColor10 {background-color:#000060 !important;}

div.color11 {border-color:#800080;}
div.color11 div.scheduleDivFirstLine {background-color:#800080;border-color:#800080;}
div.color11 div.scheduleDivLastLine div.handleDiv {background-color:#800080;}
span.color11 {background-color:#800080;}
div.termColor11 {background-color:#800080 !important;}

div.color12 {border-color:#808000;}
div.color12 div.scheduleDivFirstLine {background-color:#808000;border-color:#808000;}
div.color12 div.scheduleDivLastLine div.handleDiv {background-color:#808000;}
span.color12 {background-color:#808000;}
div.termColor12 {background-color:#808000 !important;}

div.color13 {border-color:#800000;}
div.color13 div.scheduleDivFirstLine {background-color:#800000;border-color:#800000;}
div.color13 div.scheduleDivLastLine div.handleDiv {background-color:#800000;}
span.color13 {background-color:#800000;}
div.termColor13 {background-color:#800000 !important;}

div.color14 {border-color:#9999FF;}
div.color14 div.scheduleDivFirstLine {background-color:#9999FF;border-color:#9999FF;}
div.color14 div.scheduleDivLastLine div.handleDiv {background-color:#9999FF;}
span.color14 {background-color:#9999FF;}
div.termColor14 {background-color:#9999FF !important;}

div.color15 {border-color:#CC6600;}
div.color15 div.scheduleDivFirstLine {background-color:#CC6600;border-color:#CC6600;}
div.color15 div.scheduleDivLastLine div.handleDiv {background-color:#CC6600;}
span.color15 {background-color:#CC6600;}
div.termColor15 {background-color:#CC6600 !important;}

div.color16 {border-color:#669900;}
div.color16 div.scheduleDivFirstLine {background-color:#669900;border-color:#669900;}
div.color16 div.scheduleDivLastLine div.handleDiv {background-color:#669900;}
span.color16 {background-color:#669900;}
div.termColor16 {background-color:#669900 !important;}

div.color17 {border-color:#CC9900;}
div.color17 div.scheduleDivFirstLine {background-color:#CC9900;border-color:#CC9900;}
div.color17 div.scheduleDivLastLine div.handleDiv {background-color:#CC9900;}
span.color17 {background-color:#CC9900;}
div.termColor17 {background-color:#CC9900 !important;}

div.color18 {border-color:#6666FF;}
div.color18 div.scheduleDivFirstLine {background-color:#6666FF;border-color:#6666FF;}
div.color18 div.scheduleDivLastLine div.handleDiv {background-color:#6666FF;}
span.color18 {background-color:#6666FF;}
div.termColor18 {background-color:#6666FF !important;}

div.color19 {border-color:#CC6699;}
div.color19 div.scheduleDivFirstLine {background-color:#CC6699;border-color:#CC6699;}
div.color19 div.scheduleDivLastLine div.handleDiv {background-color:#CC6699;}
span.color19 {background-color:#CC6699;}
div.termColor19 {background-color:#CC6699 !important;}

div.color20 {border-color:#339966;}
div.color20 div.scheduleDivFirstLine {background-color:#339966;border-color:#339966;}
div.color20 div.scheduleDivLastLine div.handleDiv {background-color:#339966;}
span.color20 {background-color:#339966;}
div.termColor20 {background-color:#339966 !important;}

div.color21 {border-color:#CC9966;}
div.color21 div.scheduleDivFirstLine {background-color:#CC9966;border-color:#CC9966;}
div.color21 div.scheduleDivLastLine div.handleDiv {background-color:#CC9966;}
span.color21 {background-color:#CC9966;}
div.termColor21 {background-color:#CC9966 !important;}

div.color22 {border-color:#3399CC;}
div.color22 div.scheduleDivFirstLine {background-color:#3399CC;border-color:#3399CC;}
div.color22 div.scheduleDivLastLine div.handleDiv {background-color:#3399CC;}
span.color22 {background-color:#3399CC;}
div.termColor22 {background-color:#3399CC !important;}

div.color23 {border-color:#0066CC;}
div.color23 div.scheduleDivFirstLine {background-color:#0066CC;border-color:#0066CC;}
div.color23 div.scheduleDivLastLine div.handleDiv {background-color:#0066CC;}
span.color23 {background-color:#0066CC;}
div.termColor23 {background-color:#0066CC !important;}

div.color24 {border-color:#663366;}
div.color24 div.scheduleDivFirstLine {background-color:#663366;border-color:#663366;}
div.color24 div.scheduleDivLastLine div.handleDiv {background-color:#663366;}
span.color24 {background-color:#663366;}
div.termColor24 {background-color:#663366 !important;}

div.color25 {border-color:#9966FF;}
div.color25 div.scheduleDivFirstLine {background-color:#9966FF;border-color:#9966FF;}
div.color25 div.scheduleDivLastLine div.handleDiv {background-color:#9966FF;}
span.color25 {background-color:#9966FF;}
div.termColor25 {background-color:#9966FF !important;}

div.color26 {border-color:#CC6666;}
div.color26 div.scheduleDivFirstLine {background-color:#CC6666;border-color:#CC6666;}
div.color26 div.scheduleDivLastLine div.handleDiv {background-color:#CC6666;}
span.color26 {background-color:#CC6666;}
div.termColor26 {background-color:#CC6666 !important;}

div.color27 {border-color:#330000;}
div.color27 div.scheduleDivFirstLine {background-color:#330000;border-color:#330000;}
div.color27 div.scheduleDivLastLine div.handleDiv {background-color:#330000;}
span.color27 {background-color:#330000;}
div.termColor27 {background-color:#330000 !important;}

div.color28 {border-color:#CC0033;}
div.color28 div.scheduleDivFirstLine {background-color:#CC0033;border-color:#CC0033;}
div.color28 div.scheduleDivLastLine div.handleDiv {background-color:#CC0033;}
span.color28 {background-color:#CC0033;}
div.termColor28 {background-color:#CC0033 !important;}

div.color29 {border-color:#FF00CC;}
div.color29 div.scheduleDivFirstLine {background-color:#FF00CC;border-color:#FF00CC;}
div.color29 div.scheduleDivLastLine div.handleDiv {background-color:#FF00CC;}
span.color29 {background-color:#FF00CC;}
div.termColor29 {background-color:#FF00CC !important;}


div.dummy_div {
  cursor: pointer;
  cursor: hand;
}

.width_thumbs {
  width: 86px;
}

.width_auto {
  width: 490px;
}

.icon_schedule {
  border: none;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.dot_schedule {
  border: none;
  vertical-align: middle;
  width: 1px;
  height: 16px;
}

div.userInfo {
  border-top: 1px solid #ff9900;
}

.menuBarIconAdd {
  background: url(../images/icon/icon_add.gif) no-repeat;
}

.menuBarIconList {
  background: url(../images/icon/icon_list.gif) no-repeat;
}

.menuBarIconMember {
  background: url(../images/icon/icon_member.gif) no-repeat;
}

.menuBarIconCompanyInfo {
  background: url(../images/icon/company_info.gif) no-repeat;
}

.menuBarIconAccountUser {
  background: url(../images/icon/account_user.gif) no-repeat;
}

.menuBarIconAccountUserAdd {
  background: url(../images/icon/account_user_add.gif) no-repeat;
}

.menuBarIconAccountChangeTurn {
  background: url(../images/icon/account_change_turn.gif) no-repeat;
}

.menuBarIconAccountPasswd {
  background: url(../images/icon/passwd.gif) no-repeat;
}

.menuBarIconPortletAdd {
  background: url(../../../images/layout/portlet_add.gif) no-repeat;
}

.menuBarIconLayoutConf {
  background: url(../../../images/layout/layout_conf.gif) no-repeat;
}

.menuBarIconCellular {
  background: url(../images/icon/cellular.gif) no-repeat;
}

.menuBarIconWebmailReceiveMail {
  background: url(../images/icon/webmail_receive_mail.gif) no-repeat;
}

.menuBarIconFolderAdd {
  background: url(../images/icon/folder_add.gif) no-repeat;
}

.menuBarIconSeparator {
  width: 7px !important;
  height: 20px !important;
  background: url(../images/icon/icon_separator.gif) no-repeat;
}

.menuBarItemSelected {
  background-color: #FFF5D8 !important;
  border: 1px solid #ff9900 !important;
}

.subMenuBarItem {
  border: 1px solid #FFF;
  color: #5D6A70;
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
}

.subMenuBarItem:hover {
  background-color: #FFF5D8;
  border: 1px solid #ff9900;
  color: #5D6A70;
  display: block;
  margin: 0;
  padding: 0 !important;
  text-decoration: none;
}

/***************************************************
	menubar
--------------------------------------------------*/
.menubar {
  position: absolute;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 100;
  overflow: hidden;
  zoom: 1;
  overflow: visible;
}
.menubar.z-upper {
  position: fixed !important;
  z-index: 111 !important;
  top: 40px !important;
}

.dijitPopup .menubar {
  position: static;
}

.menubar ul,
ul.blockList {
  width: 100%;
  margin: 0;
  padding: 0;
}
.menubar ul li,
ul.blockList li {
  margin: 0;
  padding: 0;
  background: none;
}
.menubar ul li:first-child,
ul.blockList li:first-child {
  border: none;
}

.menubar > ul li a,
.menubar.multi ul li a,
ul.blockList li a {
  display: block;
  padding: 5px 10px !important;
  margin: 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.menubar > ul li.last a,
.menubar.multi ul li.last a,
ul.blockList li.last a {
  background-image: none !important;
  overflow: hidden;
}

.menubar > ul li a:hover,
.menubar.multi ul li a:hover,
ul.blockList li a:hover {
  color: #000;
  background: #f0f0f0;
}

.menubar > ul li a.selected,
.menubar.multi ul li a.selected,
ul.blockList li a.selected {
  background: #f0f0f0;
}

/* tip Class */
.tipDivider {
  border-top: solid 1px #f0f0f0;
}

.supportPopup .tipDivider {
  margin: 9px -9px 10px;
}

.menubar .tipDivider {
  margin: 5px -5px;
}

.tipBox {
  margin: 4px 0;
}

.tipTitle,
.tipBody {
  margin: 8px 0;
}

.tipBody textarea {
  width: 100%;
  height: 5em;
  resize: vertical;
}

.tipInfo {
  margin-bottom: 5px !important;
  background: #f0f0f0 !important;
}

.tipInfo li {
  margin: 0 8px !important;
  padding: 8px 0 !important;
  border-top: solid 1px #dfdfdf;
  font-size: 11px;
  background-image: none;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.tipInfo li:first-child {
  border-top: none;
}

.tipFoot {
  margin-top: 0;
  margin-bottom: 0;
}

.tipFoot .capacity {
  float: left;
  line-height: 25px;
}

.tipFoot .social {
  float: right;
}

.tipFoot i[class^="icon-"],
.tipFoot i[class*=" icon-"] {
  font-size: 24px;
  text-decoration: none;
  color: #333333;
}

.tipFoot a:hover .icon-twitter-sign,
.tipFoot .icon-twitter-sign:hover {
  color: #01a5ed;
}

.tipFoot a:hover .icon-facebook-sign,
.tipFoot .icon-facebook-sign:hover {
  color: #4862a3;
}

.menubar .caption {
  color: #999999;
  font-weight: bold;
  margin: 0;
  padding: 4px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* menubar.multi **********/
.menubar.multi {
  padding: 5px 5px 5px 0;
}

.menubar.multi > div {
  width: 125px;
  float: left;
  padding-left: 5px;
  overflow: hidden;
}

.menubar.multi ul li {
  border-top: none;
}

/***************************************************
	controllerTable
--------------------------------------------------*/
.controllerTable {
  margin-right: auto;
  margin-left: auto;
}
.controllerTable td {
  text-align: center;
}

.layoutList a {
  display: inline-block;
  overflow: hidden;
  background: white;
  border: solid 1px #d2d2d2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.layoutList a:hover {
  background: #f6f6f6;
}
.layoutList .selected a {
  border: solid 2px #ff9900;
}
.layoutList .selected a:hover {
  background: white;
}

.addUser {
  *line-height: 1.5 !important;
  cursor: pointer;
  text-decoration: underline;
}

.addUser:hover {
  color: #ff9900;
  text-decoration: none;
}

.btn_gray {
  text-decoration: none;
  font-size: 10px;
  background: url(../images/common/bg_btn_gray.gif) bottom left repeat-x white;
  display: inline-block;
  padding: 2px 3px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  white-space: nowrap;
}

.btn_gray img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}

.floatRight{float:right}
.floatLeft{float:left}
.hide {display:none}

/***************************************************
    width
--------------------------------------------------*/
.thin {
  width: 2%;
}

.wide, .w100 {
  width: 100% !important;
  max-width: 100% !important;
}

.w99 {
  width: 99%  !important;
}

.w95 {
  width: 95% !important;
}

.w90 {
  width: 90% !important;
}

.w85 {
  width: 85% !important;
}

.w80 {
  width: 80% !important;
}

.w75 {
  width: 75% !important;
}

.w70 {
  width: 70% !important;
}

.w65 {
  width: 65% !important;
}

.w60 {
  width: 60% !important;
}

.w55 {
  width: 55% !important;
}

.w50 {
  width: 50% !important;
}

.w49 {
  width: 49% !important;
}

.w48 {
  width: 48% !important;
}

.w47 {
  width: 47% !important;
}

.w46 {
  width: 46% !important;
}

.w45 {
  width: 45% !important;
}

.w40 {
  width: 40% !important;
}

.w35 {
  width: 35% !important;
}

.w33 {
  width: 33.333333% !important;
}

.w30 {
  width: 30% !important;
}

.w25 {
  width: 25% !important;
}

.w20 {
  width: 20% !important;
}

.w15 {
  width: 15% !important;
}

.w10 {
  width: 10% !important;
}

.w5 {
  width: 5% !important;
}

.mw200 {
  min-width: 200px !important;
}

.mw250 {
  min-width: 250px !important;
}

.mw300 {
  min-width: 300px !important;
}

.mw350 {
  min-width: 350px !important;
}

.mw400 {
  min-width: 400px !important;
}

.mw450 {
  min-width: 450px !important;
}

.mw500 {
  min-width: 500px !important;
}

.mw550 {
  min-width: 550px !important;
}

.mw600 {
  min-width: 600px !important;
}

/***************************************************
	cell data width
--------------------------------------------------*/
.wName, .wCreater, .wUpdater {
  width: 9em;
}

.wCategory {
  width: 10em;
}

.wCheckbox {
  width: 28px;
}

/***************************************************
	margin&padding
--------------------------------------------------*/
.noMP {margin:0;padding:0;}
.noMargin {margin:0px;}
.mt0 {margin-top:0px !important;}
.mr0 {margin-right:0px !important;}
.mb0 {margin-bottom:0px !important;}
.ml0 {margin-left:0px !important;}
.ma0 {margin:0px !important;}

.mt5 {margin-top:5px !important;}
.mr5 {margin-right:5px !important;}
.mb5 {margin-bottom:5px !important;}
.ml5 {margin-left:5px !important;}
.ma5 {margin:5px !important;}

.mt10 {margin-top:10px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left:10px !important;}
.ma10 {margin:10px !important;}

.mt15 {margin-top:15px !important;}
.mr15 {margin-right:15px !important;}
.mb15 {margin-bottom:15px !important;}
.ml15 {margin-left:15px !important;}
.ma15 {margin:15px !important;}

.mt20 {margin-top:20px !important;}
.mr20 {margin-right:20px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px !important;}
.ma20 {margin:20px !important;}

.mt25 {margin-top:25px !important;}
.mr25 {margin-right:25px !important;}
.mb25 {margin-bottom:25px !important;}
.ml25 {margin-left:25px !important;}
.ma25 {margin:25px !important;}

.mt30 {margin-top:30px !important;}
.mr30 {margin-right:30px !important;}
.mb30 {margin-bottom:30px !important;}
.ml30 {margin-left:30px !important;}
.ma30 {margin:30px !important;}

.mt40 {margin-top:40px !important;}
.mr40 {margin-right:40px !important;}
.mb40 {margin-bottom:40px !important;}
.ml40 {margin-left:40px !important;}
.ma40 {margin:40px !important;}

.mt45 {margin-top: 45px !important;}
.mr45 {margin-right: 45px !important;}
.mb45 {margin-bottom: 45px !important;}
.ml45 {margin-left: 45px !important;}
.ma45 {margin: 45px !important;}

.mt50 {margin-top:50px !important;}
.mr50 {margin-right:50px !important;}
.mb50 {margin-bottom:50px !important;}
.ml50 {margin-left:50px !important;}
.ma50 {margin:50px !important;}

.mt55 {margin-top: 55px !important;}
.mr55 {margin-right: 55px !important;}
.mb55 {margin-bottom: 55px !important;}
.ml55 {margin-left: 55px !important;}
.ma55 {margin: 55px !important;}

.mt60 {margin-top:60px !important;}
.mr60 {margin-right:60px !important;}
.mb60 {margin-bottom:60px !important;}
.ml60 {margin-left:60px !important;}
.ma60 {margin:60px !important;}

.mt65 {margin-top: 65px !important;}
.mr65 {margin-right: 65px !important;}
.mb65 {margin-bottom: 65px !important;}
.ml65 {margin-left: 65px !important;}
.ma65 {margin: 65px !important;}

.mt70 {margin-top: 70px !important;}
.mr70 {margin-right: 70px !important;}
.mb70 {margin-bottom: 70px !important;}
.ml70 {margin-left: 70px !important;}
.ma70 {margin: 70px !important;}

.mt75 {margin-top: 75px !important;}
.mr75 {margin-right: 75px !important;}
.mb75 {margin-bottom: 75px !important;}
.ml75 {margin-left: 75px !important;}
.ma75 {margin: 75px !important;}

.mt80 {margin-top:80px !important;}
.mr80 {margin-right:80px !important;}
.mb80 {margin-bottom:80px !important;}
.ml80 {margin-left:80px !important;}
.ma80 {margin:80px !important;}

.mt85 {margin-top: 85px !important;}
.mr85 {margin-right: 85px !important;}
.mb85 {margin-bottom: 85px !important;}
.ml85 {margin-left: 85px !important;}
.ma85 {margin: 85px !important;}

.mt90 {margin-top: 90px !important;}
.mr90 {margin-right: 90px !important;}
.mb90 {margin-bottom: 90px !important;}
.ml90 {margin-left: 90px !important;}
.ma90 {margin: 90px !important;}

.mt95 {margin-top: 95px !important;}
.mr95 {margin-right: 95px !important;}
.mb95 {margin-bottom: 95px !important;}
.ml95 {margin-left: 95px !important;}
.ma95 {margin: 95px !important;}

.mt100 {margin-top: 100px !important;}
.mr100 {margin-right: 100px !important;}
.mb100 {margin-bottom: 100px !important;}
.ml100 {margin-left: 100px !important;}
.ma100 {margin: 100px !important;}

.mh0 {margin-top:0px !important; margin-bottom:0px !important}
.mh5 {margin-top:5px !important; margin-bottom:5px !important}
.mh10 {margin-top:10px !important; margin-bottom:10px !important}
.mh15 {margin-top:15px !important; margin-bottom:15px !important}
.mh20 {margin-top:20px !important; margin-bottom:20px !important}

.noPadding {
	padding:0px;
}
.pt0 {padding-top:0px !important;}
.pr0 {padding-right:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pl0 {padding-left:0px !important;}
.pa0 {padding:0px !important;}

.pt5 {padding-top:5px !important;}
.pr5 {padding-right:5px !important;}
.pb5 {padding-bottom:5px !important;}
.pl5 {padding-left:5px !important;}
.pa5 {padding:5px !important;}

.pt10 {padding-top:10px !important;}
.pr10 {padding-right:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}
.pa10 {padding:10px !important;}

.pt15 {padding-top:15px !important;}
.pr15 {padding-right:15px !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}
.pa15 {padding:15px !important;}

.pt20 {padding-top:20px !important;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;}
.pl20 {padding-left:20px !important;}
.pa20 {padding:20px !important;}

.pt25 {padding-top:25px !important;}
.pr25 {padding-right:25px !important;}
.pb25 {padding-bottom:25px !important;}
.pl25 {padding-left:25px !important;}
.pa25 {padding:25px !important;}

.pt30 {padding-top:30px !important;}
.pr30 {padding-right:30px !important;}
.pb30 {padding-bottom:30px !important;}
.pl30 {padding-left:30px !important;}
.pa30 {padding:30px !important;}

.pt40 {padding-top:40px !important;}
.pr40 {padding-right:40px !important;}
.pb40 {padding-bottom:40px !important;}
.pl40 {padding-left:40px !important;}
.pa40 {padding:40px !important;}

.pt45 {padding-top: 45px !important;}
.pr45 {padding-right: 45px !important;}
.pb45 {padding-bottom: 45px !important;}
.pl45 {padding-left: 45px !important;}
.pa45 {padding: 45px !important;}

.pt50 {padding-top: 50px !important;}
.pr50 {padding-right: 50px !important;}
.pb50 {padding-bottom: 50px !important;}
.pl50 {padding-left: 50px !important;}
.pa50 {padding: 50px !important;}

.pt55 {padding-top: 55px !important;}
.pr55 {padding-right: 55px !important;}
.pb55 {padding-bottom: 55px !important;}
.pl55 {padding-left: 55px !important;}
.pa55 {padding: 55px !important;}

.pt60 {padding-top: 60px !important;}
.pr60 {padding-right: 60px !important;}
.pb60 {padding-bottom: 60px !important;}
.pl60 {padding-left: 60px !important;}
.pa60 {padding: 60px !important;}

.pt65 {padding-top: 65px !important;}
.pr65 {padding-right: 65px !important;}
.pb65 {padding-bottom: 65px !important;}
.pl65 {padding-left: 65px !important;}
.pa65 {padding: 65px !important;}

.pt70 {padding-top: 70px !important;}
.pr70 {padding-right: 70px !important;}
.pb70 {padding-bottom: 70px !important;}
.pl70 {padding-left: 70px !important;}
.pa70 {padding: 70px !important;}

.pt75 {padding-top: 75px !important;}
.pr75 {padding-right: 75px !important;}
.pb75 {padding-bottom: 75px !important;}
.pl75 {padding-left: 75px !important;}
.pa75 {padding: 75px !important;}

.pt80 {padding-top: 80px !important;}
.pr80 {padding-right: 80px !important;}
.pb80 {padding-bottom: 80px !important;}
.pl80 {padding-left: 80px !important;}
.pa80 {padding: 80px !important;}

.pt85 {padding-top: 85px !important;}
.pr85 {padding-right: 85px !important;}
.pb85 {padding-bottom: 85px !important;}
.pl85 {padding-left: 85px !important;}
.pa85 {padding: 85px !important;}

.pt90 {padding-top: 90px !important;}
.pr90 {padding-right: 90px !important;}
.pb90 {padding-bottom: 90px !important;}
.pl90 {padding-left: 90px !important;}
.pa90 {padding: 90px !important;}

.pt95 {padding-top: 95px !important;}
.pr95 {padding-right: 95px !important;}
.pb95 {padding-bottom: 95px !important;}
.pl95 {padding-left: 95px !important;}
.pa95 {padding: 95px !important;}

.pt100 {padding-top: 100px !important;}
.pr100 {padding-right: 100px !important;}
.pb100 {padding-bottom: 100px !important;}
.pl100 {padding-left: 100px !important;}
.pa100 {padding: 100px !important;}

.noBorder {
  border: none !important;
}
.noBorder td, .noBorder th {
  border: none !important;
}

/***************************************************
	line-height
--------------------------------------------------*/
.lh32 {
  line-height: 32px;
}

/***************************************************
	font
--------------------------------------------------*/
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}

/***************************************************
	color
--------------------------------------------------*/
.fcWhite {color: white !important;}
.fcGray {color: #999999 !important;}
.fcGrayLight {color: #d2d2d2 !important;}
.fcBlue {color: #049cdb !important;}
.fcGreen {color: #46a546 !important;}
.fcRed {color: #9d261d !important;}
.fcYellow {color: #ffc40d !important;}
.fcOrange {color: #ff9900 !important;}
.fcPink {color: #c3325f !important;}
.fcPurple {color: #7a43b6 !important;}
.colorTwitter {color: #01a5ed !important;}
.colorFacebook {color: #4862a3 !important;}

/***************************************************
  background
--------------------------------------------------*/
.bgRed, .bgRed td, .bgRed div {
  background: #ffe5e5 !important;
}

.bgGray, .bgGray td, .bgGray div {
  background: #f0f0f0 !important;
}

/***************************************************
	placeholder
--------------------------------------------------*/
.placeholder {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 32px;
  padding-left: 4px;
  color: #999999;
  cursor: text;
}

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

/***************************************************
	mobile class
--------------------------------------------------*/
.pc_hide {display:none !important;}

/***************************************************
	display
--------------------------------------------------*/
.inlineBlock {
  display: inline-block;
}

.displayNone {
  display: none;
}

/***************************************************
	position
--------------------------------------------------*/
.static {
  position: static;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

/***************************************************
	avatar
--------------------------------------------------*/
.avatar_l {
  width: 50px;
  height: 50px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.avatar_m {
  width: 32px;
  height: 32px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.avatar_s {
  width: 24px;
  height: 24px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
