body {
	font-family: Arial, Helvetica, sans-serif;
}
.inline-block {
	display: inline-block;
}
div.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #efefef;
	opacity: 0.7;
	z-index: 998;
	opacity: 0.2;
	background-color: #36444b;
	display: none;
}
/* msg */
div.msg-container{
	position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -221px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	border-radius:5px;
	padding: 9px;
	width: 422px;
}
div.msg-container a.msg-close{
	display: block;
	width: 18px;
	height: 18px;
	float: right;
	cursor: pointer;
}
div.msg-container div.msg-content-wrap {
margin: 15px 21px 46px 21px;
}

div.msg-container div.msg-content-wrap h3.msg-title {
font-size:14px;
color:#1A1A1A;
margin-bottom:16px;
}

div.msg-container div.msg-btn-container {
text-align:right;
margin-right:21px;
margin-bottom:15px;
}

div.msg-container div.msg-btn-container div.button-container {
margin-left:5px;
margin-right:5px;
}

div.msg-container.user-defined div.msg-content-wrap {
margin-bottom:22px;
}

div.msg-container.user-defined div.msg-content {
margin-bottom:48px;
}

div.msg-container.user-defined div.msg-btn-container {
margin-right:0;
}

.msg-content-container {
	word-break: break-word;
}

/* button */
div.button-container button.button-button {
	height: inherit;
	min-width: 100px;
	padding: 2px 6px 2px;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	border: 1px solid #a7a9ac;
	background-color: #ffffff;
	color: #212121;
}
div.button-container button.button-button:hover {
	border: 1px solid #FF6060;
	color: #FF6060;
}
div.button-container button.button-button:active {
	border: 1px solid #E04242;
	color: #E04242;
}
div.button-container button.btn-danger,
div.button-container button.btn-msg-ok {
	border: 1px solid #ff6060;
	color: #ffffff;
	background-color: #ff6060;
}
div.button-container button.btn-danger:hover,
div.button-container button.btn-msg-ok:hover {
	border: 1px solid #ff8080;
	color: #ffffff;
	background-color: #ff8080;
}
div.button-container button.btn-danger:active,
div.button-container button.btn-msg-ok:active {
	border: 1px solid #E04242;
	color: #ffffff;
	background-color: #E04242;
}


/* Combobox */
.combobox-container {
	position: relative;
}
.combobox-container .delta-icon {
	position: absolute;
	display: inline-block;
	right: 8px;
	top: 8px;
	border-top: 5px solid #212121;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0;
	cursor: pointer;
}
.options-container {
	display: none;
	position: absolute;
	margin-left: 1px;
	margin-right: 1px;
	border: 2px solid rgb(238, 238, 238);
	border-top: 0;
	background-color: #fff;
}

.combobox-option {
	display: inline-block;
	width: 100%;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	box-sizing: border-box;
}

.combobox-option:hover {
	background-color: #efefef;
}

/* Tab */

.tab-item {
	display: inline-block;
	border: 1px solid #FF6060;
	cursor: pointer;
	padding: 2px 10px;
}

.tab-item.selected {
	background-color: #FF6060;
	color: #fff;
}

.tab-item + .tab-item {
	border-left: 0;
}

.tab-text {
	cursor: pointer;
}