/**
Apposit flexible rounded corner panel tag CSS.
Default images are include in images folder

//to 
------------------------------------------------------------------------*/

div.ui-panel {
	overflow: hidden;
}
			
div.ui-panel div.ui-panel-header {
	position: relative;
	cursor:move;
	font-weight:bold;
	height:1.2em;
	font-size: 1em;
	line-height: 1.5em;
	height: 1.5em;
	padding:1px 2px 2px 7px;
	margin: 1px;
}

div.ui-panel div.ui-panel-header div {
	cursor: move;
	float: left;
	padding: 0;
	margin: 0;
}

div.ui-panel div.ui-panel-header span {
	display:block;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

div.ui-panel div.ui-panel-content {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

div.ui-panel div.ui-panel-footer {
	display:none;
 	position: relative;	
}

div.ui-panel.resizable div.ui-panel-content {
	overflow-y: auto;
}

div.ui-panel.resizable div.ui-panel-footer {
	height:6px;
	overflow:hidden;
	bottom: 0;
	display: block;
}

div.ui-panel.resizable div.ui-panel-footer span {
	margin-left: auto;
	margin-right: auto;
	margin-top: -5px;
	cursor: row-resize;
	bottom: auto;
	left: auto;
	height: 16px;
	width: 16px;
	position: relative;
}