/****************************************************************
  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:move !important;
	}
.dbx-dummy {
	display:block;
	width:0px;
	height:0px;
	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 {
	width:220px;
	margin:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9dee0;
	}
.dbx-box2 {
	width:131px;
	padding:12px;
	margin:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9dee0;
	}	
.dbx-box:hover {
	background:#ffffff;
	}
.dbx-box2:hover {
	background:#f7f7f7;
	}			
.dbx-box ul {
	width:180px;
	margin:0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#a3a4a4;
	font-size:13px;
	font-weight:normal;
}
.dbx-box2 ul {
	margin:0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color:#a3a4a4;
	font-size:11px;
	font-weight:normal;
}
.dbx-box ul li, .dbx-box2 ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	list-style:none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-weight:normal;
}

.dbx-box ul li a, .dbx-box ul li a:visited {
	color:#a3a4a4;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
}
.dbx-box2 ul li a, .dbx-box2 ul li a:visited {
	color:#a3a4a4;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}
.dbx-box ul li a:hover {
	color:#a3a4a4;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #718e99;
}
.dbx-box2 ul li a:hover {
	color:#a3a4a4;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #718e99;
}								
/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/
/* group container(s) */
.dbx-group {
	width:180px;
	padding:0 0px 10px;
}
.dbx-group2 {
	width:131px;
	padding:0 0px 10px;
}
* html .dbx-group {
	width: 180px;
	padding-bottom:0px;
}
* html .dbx-group2 {
	width: 131px;
	padding-bottom:0px;
}
/* handles */
.dbx-handle {
	font-size:18px;
	font-weight:bold;
	color:#a5d096;
	height:22px;
	text-align:left;
	margin:0px;
	width: 180px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.dbx2-handle {
	font-size:18px;
	font-weight:bold;
	color:#a5d096;
	height:22px;
	text-align:left;
	margin:0px;
	padding:0px;
	width: 131px;
}
* html .dbx-handle { 
	width: 180px; 
}
/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
}

/* inner content area */	
.dbx-content {
	margin: 0px;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.dbx2-content {
	margin: 0px;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:4px;
	padding:0px;
	overflow:hidden;
}
.dbx-box-closed .dbx-content * {
	display:none;
}