#container {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #f0f0f0;
}

header#mainide {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: var(--mainhead-height);
  background-color: var(--system-main-bck);
  color: var(--system-main-text);
  z-index: 2;
}

header#mainide a {
  color: var(--header-link-color);
}

.nowords span {
	display: none;
}

nav#mainide {
  position: absolute;
  left: 0px;
  z-index: 1;
  top: var(--mainhead-height);
  bottom: 0px;
  width: calc(var(--mainnav-width) - (var(--mainnav-padding)*2));
  padding: 0px var(--mainnav-padding) var(--mainnav-padding) var(--mainnav-padding);
  background-color: var(--mainnav-bck-color);
}

#container.mini nav#mainide {
  width: var(--mainnav-width-mini);
}

nav#mainide small {
	position: absolute;
	left: 7px;
	bottom: 7px;
	font-size: 12px;
	color: #e0e0e0;
}

#container.mini nav#mainide small {
	display: none;
}

section#mainide {
  position: relative;
  float: left;
  height: calc(100% - var(--mainhead-height) - (var(--section-padding)*2));
  margin-top: var(--mainhead-height);
  width: calc(100% - var(--mainnav-width) - (var(--section-padding)*2));
  margin-left: var(--mainnav-width);
  background-color: var(--mainsection-bck);
  color: var(--mainsection-color);
  padding: var(--section-padding);
}

#container.mini section#mainide {
  width: calc(100% - var(--mainnav-width-mini) - (var(--section-padding)*2));
  margin-left: var(--mainnav-width-mini);
}

section#mainide div.cover {
  display: none;
}

section#mainide.blur div.cover {
  position: absolute;
  display: block;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #e0e0e0;
  opacity: 0.5;
}

aside#mainide {
  position: fixed;
  right: 0px;
  top: var(--mainhead-height);
  height: calc(100% - var(--mainhead-height) - (var(--aside-padding)*2));
  width: calc(var(--aside-width) - (var(--aside-padding)*2));
  padding: var(--aside-padding);
  background-color: var(--aside-bck-color);
  color: var(--aside-text-color);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.8;
  box-shadow: 0px 3px 15px #000;
  z-index: 10;
  overflow: auto;
}

#container.mini aside#mainide {
  width: var(--aside-width-mini);
}

aside#mainide.hide {
  width: 0px;
  padding: var(--aside-padding) 0px;
}

aside#mainide div.cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #e0e0e0;
	opacity: 0.5;
	z-index: 1;
	display: none;
}

#container.mini aside#mainide.hide {
  width: 0px;
}

div#mainbody {
  float: left;
  width: 100%;
  height: calc(100% - 35px);
  overflow: auto;
	display: none;
}

footer#mainide {
	position: absolute;
	float: right;
	bottom: 0px;
	right: 0px;
	width: calc(100% - var(--mainnav-width));
	height: 25px;
	overflow: hidden;
	font-size: 14px;
	background-color: #e0e0e0;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

footer#mainide div#infobar {
	float: left;
	padding: 5px 10px;
}

footer#mainide div#infobar.working {
	background: url("images/loading-bar.gif") no-repeat left center;
	min-width: 190px;
	margin-left: 10px;
	text-indent: 210px;
	height: 15px;
}

#container.mini footer#mainide {
	width: calc(100% - var(--mainnav-width-mini) - (var(--section-padding)*2));
	padding: 0px 15px;
}

footer#mainide div.left {
	float: left;
}

footer#mainide div.right {
	float: right;
}

div#searchbar {
	min-width: 100px;
	min-height: 20px;
	border: 7px solid #579;
	background-color: #f0f0f0;
	box-shadow:  0px 5px 10px #777;
	position: absolute;
	right: 100px;
	top: 51px;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  opacity: 0.95;
}

div#searchbar.hide {
	top: -200px;
}

div#searchbar input[type="text"] {
	float: left;
}

div#searchbar a {
	color: #c55;
	font-size: 19px;
	float: left;
	display: block;
	margin: 7px;
}

#tbllist_length {
	float: right;
	position: fixed;
	bottom: 1px;
	z-index: 100;
	font-size: 14px;
}

#weblngbox {
	float: right;
	position: fixed;
	bottom: 1px;
	z-index: 3;
	right: 10px;
	display: none;
	font-size: 14px;
}

div#idedialog {
	position: relative;
	min-width: 300px;
	max-width: 500px;
	top: 43px;
	min-height: 100px;
	height: auto;
	border: 7px solid #579;
	background-color: #fff;
	box-shadow:  0px 5px 10px #777;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px;
  margin: 0px auto;
  z-index: 1;
  -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	opacity: 0.8;
}

div#idedialog.hide {
	top: -250px;
}

div#popup {
	position: absolute;
	border: 1px solid #777;
	padding: 0px 0px;
	background-color: #eee;
	z-index: 100;
	width: auto;
	height: auto;
	margin-left: 30px;
	margin-top: 30px;
	display: none;
	box-shadow: 2px 2px 10px #777;
}

div#popup ul {
	float: left;
	width: 100%;
}

div#popup ul li {
	clear: both;
}

div#popup ul li a {
	display: block;
	width: calc(100% - 29px);
	text-decoration: none;
	color: #333;
	padding: 10px 15px;
	white-space: nowrap;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

div#popup ul li a:hover {
	background-color: #579;
	color: #fff;
}

div#popup ul li a i {
	margin-right: 10px;
}

div#popup ul li hr {
	margin: 0px;
	padding: 0px;
}

div.dlg {
	float: left;
	width: 100%;
	color: #000;
	padding-top: 0px !important;
	position: relative;
	margin-top: -30px;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

div.dlg hr {
	float: left;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
}

div.dlg h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.dlg strong {
	font-weight: bold;
}

div.dlg p {
	float: left;
	width: 100%;
	line-height: 22px;
	font-size: 16px;
}

div#idedialog a {
	color: #359;
	text-decoration: none;
}

div#idedialog a.awesome {
	margin-left: 10px;
}

div#idedialog a:hover {
	text-decoration: underline;
	color: #000;
}

div#asdlg {
	position: absolute;
	width: 50%;
	top: 0px;
	min-height: 90px;
	border: 7px solid #579;
	border-top: none;
	background-color: #fff;
	box-shadow:  0px 5px 10px #777;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px 20px;
  left: 25%;
  z-index: 1;
  -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	opacity: 1 !important;
	padding-top: 20px;
}

div#asdlg.hide {
	top: -230px;
}

div#asdlg strong {
	font-size: 20px;
	font-weight: bold;
}

div#asdlg p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
}

div.dlgclear {
	clear: both;
}

div.clear10 {
	margin-bottom: 10px;
}

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

aside#mainide.big {
	width: calc(100% - (var(--mainnav-width) + (var(--section-padding)*2)));
}

#container.mini aside#mainide.big {
	width: calc(100% - (var(--mainnav-width-mini) + (var(--section-padding)*2)) - 10px) !important;
}

#container.mini nav#mainide {
	position: fixed !important;
	z-index: 2000 !important;
}

div#extwindow {
	position: absolute;
	float: left;
	z-index: 1000;
	left: 3%;
	width: 92%;
	top: 3%;
	bottom: 7%;
	border: 5px solid #579;
	box-shadow: 2px 2px 10px #000;
	background-color: #fafafa;
	opacity: 0.9;
	padding-top: 0px;
	-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

div#extwindow.goin {
	left: 95%;
	top: 95%;
	right: 0px;
	bottom: 0px;
	width: 0px;
	padding: 0%;
	border: none;
}

div#extwindow div.winhead {
	float: left;
	width: 100%;
	height: 30px;
	background-color: #579;
	border-bottom: 2px solid #468;
}

div#extwindow div.winhead a.cls {
	text-decoration: none;
	color: #f55;
	display: inline-block;
	padding: 0px;
	margin: 5px;
	border: none;
	font-size: 20px;
	font-weight: bold;
	float: right;
	-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

div#extwindow div.winhead a.cls:hover {
	color: #fff;
}

div#extwindow section#ewin {
	float: left;
	position: relative;
	width: 98%;
	height: 92%;
	margin: 1%;
	overflow: hidden;
	overflow-y: auto;
}

div#extwindow.goin section {
	display: none;
}

div#extwindow.goin div.winhead {
	display: none;
}