.db {
 display:	inline-block;
 overflow:	hidden;
 position:	relative;
 width:		16px;
 height:	16px;
}

/* color-select */
.ColDlg {
 border:	0 none;
 cursor:	pointer;
 display:	inline-block;
 width:		22px;
 height:	23px;
 position:	relative;
 top:		8px;
 overflow:	hidden;
 padding:	0;
 background-image:url("https://mhgr.pl/gui/bld16.png");
 background-repeat:no-repeat;
}

/* buttion */
.btn {
 -moz-user-select:none;
 border:	0 none;
 cursor:	pointer;
 display:	inline-block;
 font-size:	13px;
 height:	23px;
 overflow:	hidden;
 padding:	0;
 position:	relative;
 vertical-align:middle;
}

.btn .caption, .btn .left, .btn .right {
 background-image:url("https://mhgr.pl/gui/btn_blu.png");
 background-repeat:no-repeat;
 position:	absolute;
 height:	23px;
 width:		4px;
}

.btn.btn_brn .caption, .btn.btn_brn .left, .btn.btn_brn .right {
 background-image:url("https://mhgr.pl/gui/btn_brn.png");
}

.btn .left {
 background-position: 0 0;
 left:	0;
 top:	0;
}

.btn .right {
 background-position: -36px 0;
 right:	0;
 top:	0;
}

.btn .caption {
 background-position:0 -92px;
 background-repeat:repeat-x;
 color:		#fc6;
 font-family:	Times New Roman;
 font-size:	13px;
 font-weight:	700;
 line-height:	23px;
 margin:	0 4px;
 overflow:	hidden;
 padding:	0;
 position:	relative;
 text-align:	center;
 text-overflow:	clip;
 white-space:	nowrap;
 width:		auto;
}

/* text-box */
.TextBox {
 border:	0 none;
 display:	inline-block;
 height:	23px;
 overflow:	hidden;
 padding:	0;
 position:	relative;
 vertical-align:middle; 
 width:		100px;
}

.TextBox .middle, .TextBox .left, .TextBox .right {
 background:	url("https://mhgr.pl/gui/txtb.png");
 height:	23px;
 position:	absolute;
 top: 		0;
 width: 	5px;
}

.TextBox .left {
 background-position: 0 0;
 left:	0;
}

.TextBox .right {
 background-position: -10px 0;
 right:	0;
}

.TextBox .middle {
 background-position: 0 -23px;
 background-repeat:repeat-x;
 height:	23px;
 margin:	0 5px;
 overflow:	hidden;
 text-align:	center;
 text-overflow:	clip;
 white-space:	nowrap;
 width:		90px;
}

.TextBox .middle input {
  background-color: transparent;
  border: 0 none;
  color: #000;
  display: block;
  height: 15px;
  line-height: 15px;
  padding: 4px 0;
  vertical-align: middle;
  width: 100%;
}

/* check-box */
.CheckBox {
 cursor:	pointer;
 display:	inline-block;
 overflow:	hidden;
 position:	relative;
 text-align:	left;
 vertical-align:middle;
}

.CheckBox .cbx_icon {
 background:	url("https://mhgr.pl/gui/cb0.gif");
 float:		left;
 position:	relative;
 width:		14px;
 height:	15px;
}

.CheckBox.sel .cbx_icon {
 background:	url("https://mhgr.pl/gui/cb1.gif");
}

.CheckBox .cbx_caption {
 line-height: 	15px;
 padding: 	0 0 0 17px;
}

/* radio-button */
.RadioButton {
 cursor:	pointer;
 display:	inline-block;
 overflow:	hidden;
 position:	relative;
 text-align:	left;
 vertical-align:middle;
}

.RadioButton .rbn_icon {
 background:	url("https://mhgr.pl/gui/rb0.gif");
 float:	left;
 position:	relative;
 width:		14px;
 height:	15px;
}

.RadioButton.sel .rbn_icon {
 background:	url("https://mhgr.pl/gui/rb1.gif");
}

.RadioButton .rbn_caption {
 line-height:	15px;
 padding:	0 0 0 17px;
}

/* combo-box */
.ComboBox {
 overflow:	hidden;
 position:	relative;
 text-align:	left;
 vertical-align:middle;
}

/* menu-kontener */
.MenuContainer {
 position:	absolute;
 width:		216px;
 max-height:	400px;
 display:	none;
 visibility:	hidden;
 border:	2px ridge #1080FF;
 overflow-y:	scroll;
 background-image:url('https://mhgr.pl/imgs/pu_bg.png');
 background-repeat:repeat;
 z-index:	1000;
}

/* link menu */
.MenuLink {
 cursor:	pointer;
 vertical-align:middle;
}

.MenuLink.sel {
 background-image:url('https://mhgr.pl/imgs/pu_bgs.png')
}