/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:default !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}



/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;
	}



/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/

/* wrapper container */
#piWrap {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100px;
	margin: 0;
	padding: 0;
	display: none;
}



/* group container(s) */
.dbx-group {
	border:none;
	/* border-color:#f3f3f3 #999 #999 #f3f3f3; */
	width: 8px;
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	}





/* boxes */
.dbx-box {
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	}
	
	
/* handles */
.dbx-handle, .dbx-handle:visited {
	display:block;
	margin:0;
	width:8px;
	height:32px;
	/* background:#fff; */
	border: none;
	padding:0px;
	}
	
.dbx-handle:hover, .dbx-handle:focus {
	/* border-color:#eee #666 #666 #eee; */
	/* padding:2px 4px 4px 2px; */
	}

.dbx-handle:active {
	/* border-color:#666 #eee #eee #666; */
	/* padding:3px; */
	}

.dbx-handle img {
	border:none;
	}


/* additional clone styles */
.dbx-clone {
	opacity:0.9;
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	filter:alpha(opacity=90);
	}