/* floating box */
div#floatingBox {
	display: none;
	position: absolute;
	z-index: 1000;
}
div.floatingBox div.floatingBoxTop {
	height: 5px;
	margin-left: 4px;
	margin-right: 4px;
	background: url("../images/COM_floatingBox_side.png") bottom left repeat-x;
}
div.floatingBoxTopArrow div.floatingBoxTop {
	background: url("../images/COM_floatingBox_arrTop.png") bottom left no-repeat;
}
div.floatingBox div.floatingBoxBottom {
	height: 5px;
	margin-left: 4px;
	margin-right: 4px;
	background: url("../images/COM_floatingBox_side.png") top left repeat-x;
}
div.floatingBoxBottomArrow div.floatingBoxBottom {
	background: url("../images/COM_floatingBox_arrBottom.png") top left no-repeat;
}
div.floatingBox div.floatingBoxLeft {
	background: url("../images/COM_floatingBox_side.png") 4px top repeat-y;
}
div.floatingBoxLeftArrow div.floatingBoxLeft {
	background: url("../images/COM_floatingBox_arrLeft.png") top left no-repeat;
}
div.floatingBox div.floatingBoxRight {
	background: url("../images/COM_floatingBox_side2.png") bottom right repeat-y;
}
div.floatingBoxRightArrow div.floatingBoxRight {
	background: url("../images/COM_floatingBox_arrRight.png") top right no-repeat;
}
div.floatingBox div#floatingBoxContent {
	margin-left: 5px;
	margin-right: 5px;
	background: url("../images/COM_floatingBox_bg.png") top left repeat;
}


/* tabulator panel */
div.tabpanel {
	display: inline-block;
	text-align: left;
}

div.tabpanel div.tabs {
	height: 22px;
	display: block;
	background-color: #d4d4d4;
	white-space: nowrap;
	vertical-align: top;
}

div.tabpanel div.tabs a.tab {
	display: block;
	float: left;
	padding-left: 18px;
	padding-right: 18px;
	height: 22px;
	vertical-align: middle;
	line-height: 22px;
	font-size: 12px;
	background-color: #d4d4d4;
	color: #525252;
	outline: none;
}
div.tabpanel div.tabs a.tab:hover {
	background-color: #87c0d8;
	text-decoration: none;
}
div.tabpanel div.tabs a.active {
	background-color: #fff;
	color: #0020e2;
  font-weight: bold;
	vertical-align: middle; 
}
div.tabpanel div.panels {
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
}
div.tabpanel div.panels div.placeholder {
	display: inline-block;
	height: 10px;
	width: 0px;	
	float: left;
}
div.tabpanel div.panels div.panel {
	display: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
}
div.tabpanel div.panels div.active {
	display: inline-block;
	width: 100%;
	float: left;
}

/* alapértelmezett gomb, (vissza gomb) */
a.btnBase {
  display: inline-block;
  background: transparent url('../images/btn_default_end.png') no-repeat scroll top right;
  color: #fff;
  font: normal 10px Arial;
  height: 33px;
  padding-right: 20px; 
  text-transform: lowercase;
  text-decoration: none;
  outline: none;
}

a.btnBase:hover {
  color: #fff;
  text-decoration: underline;
}

a.btnBase span.btnText, a.btnBase span.btnJustText {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  padding: 0 0 0 20px;
  background: transparent url('../images/btn_default_bg.png') no-repeat;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
} 

a.btnBase span.btnText span.positioner {
  display: inline-block;
  width: 0;
  height: 33px;
  vertical-align: middle;
} 

a.btnBase span.btnText span.img, a.btnBase span.btnText span.text {
  display: inline-block;
  height: auto;
  vertical-align: middle;
} 

a.btnBase span.btnText span.img {
	padding-right: 20px;
}

a.btnBase:hover {
  text-decoration: none;
}
a.btnBase:hover span.btnText span.text,a.btnBase:hover span.btnJustText {
  color: #fff;
  text-decoration: underline;
}