/************************************************/
/*               DragBox                        */
div.DragBox
{
	position: absolute;
	width: 200px;
	z-index: 100;
	font-size: 12px;
	color: white;
	background-color: #58595a;
}
div.DragBox[id] {
	position: fixed;
}
div.DragBox a
{
	color: white;
}
div.DragBox div.DBhandle
{
	font-size: 14px;
	border-bottom: 1px solid #58595a;
	cursor: move;
}
div.DragBox div.DBcontent 
{
	padding: 8px;
}
div.DragBox div.DBbottom
{
	border-top: 1px solid #58595a;
}
div.DragBox .bg
{
	background-color: black;
}
div.DragBox td.leftTop
{
	background-image: url( img/leftTop.gif );
	background-position: left top;
}
div.DragBox td.rightTop
{
	background-image: url( img/rightTop.gif );
	background-position: right top;
}
div.DragBox td.leftBottom
{
	background-image: url( img/leftBottom.gif );
	background-position: left bottom;
}
div.DragBox td.rightBottom
{
	background-image: url( img/rightBottom.gif );
	background-position: right bottom;
}
div.DragBox td.leftTop, div.DragBox td.rightTop, div.DragBox td.leftBottom, div.DragBox td.rightBottom
{
	width: 8px;
	height: 25px;
	background-repeat: no-repeat;
}
div.DragBox .head
{
	color: #ffffff;
	font-size: 18px;
	vertical-align: bottom;
}
div.DragBox .head2
{
	padding: 2px;
	font-weight: bold;
}
div.DragBox div.section
{
	padding: 2px;
	padding-top: 3px;
	margin-top: 2px;
	font-size: 12px;
	cursor: pointer;
}
div.DragBox div.smallElement
{
	padding: 2px;
	padding-left: 16px;
}
div.DragBox .light
{
	background-color: #ffffff;
	color: #58595A;
}
div.DragBox .light a
{
	color: black;
}

div.colorPicker {
	border:1px solid black;
	width:30px;
	height:10px;
}