/* General styles */
#droparea {
	width:	250px;
	height:	100px;
	border:	1px black;
	border-style: solid solid solid solid;
}

.drag {
	border:	1px #999900;
	border-style: solid solid solid solid;
	margin:	5px;
	background-color: gray;
	cursor:	move;
}

.emptyWidgetWrapper {
	margin:		0;
	padding:	0;
}

.widgetWrapper {
	width:			100%;
	margin:			0;
	padding:		0;
	z-index: 		100;
}

.widgetWrapper .buttons {
	float:			right;
	width:			64px;	
}
#sideContent .widgetWrapper .buttons{
	background:#979897 none repeat scroll 0 0;
	float:left;
	margin-left:75px;
	position:absolute;
	width:64px;
}

.widgetWrapper .buttons .close {
	float:			left;
	background: 	transparent url("img/widget-button-close.png") no-repeat 0 0px;
	width:			16px;
	height:			16px;
	cursor:			pointer;
	
}

.widgetWrapper .buttons .minimize {
	float:			left;
	background: 	transparent url("img/widget-button-minimize.png") no-repeat 0 0px;
	width:			16px;
	height:			16px;
	cursor:			pointer;	
}

.widgetWrapper .buttons .expand {
	float:			left;
	background: 	transparent url("img/widget-button-expand.png") no-repeat 0 0px;
	width:			16px;
	height:			16px;
	cursor:			pointer;
}

.widgetWrapper .buttons .info {
	float:			left;
	background: 	transparent url("img/widget-button-info.png") no-repeat 0 0px;
	width:			16px;
	height:			16px;
	cursor:			pointer;
}

.widgetWrapper .buttons .configure {
	float:			left;
	background: 	transparent url("img/widget-button-configure.png") no-repeat 0 0px;
	width:			16px;
	height:			16px;
	cursor:			pointer;
}