.column{
	width:31%;
	margin-right:.5%;
	min-height:300px;
	background:#fff;
	float:left;
}
.column .dragbox{
	margin:5px 2px  20px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#f0f0f0;
	color:#000;
	border-bottom:1px solid #eee;
	font-family:Verdana;
	cursor:move;
}


.bottom{
	margin:5px 2px  20px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	width:99.2%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.bottom h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#f0f0f0;
	color:#000;
	border-bottom:1px solid #eee;
	font-family:Verdana;
	cursor:move;
}
.dragbox-content{
	background:#fff;
	min-height:100px; margin:5px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse{
	background:#f0f0f0 url('collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
	font-size:11px; 
	font-weight:normal;
	margin-right:5px; 
	float:right;
}

.bottom h2.collapse{
	background:#f0f0f0 url('collapse.png') no-repeat top right;
}
.bottom h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:5px; float:right;
}
.drag-yellow
{

    border:1px solid #F5E97A!important;
}
.drag-yellow h2
{
    background:#FBF091!important;
    border-bottom:1px solid #F5E97A!important;
}

.config_content
{
    background-color: #eee!important;
    padding-bottom:3px;
    padding-left:3px;
    padding-right:3px;
}

.drag-red
{

    border:1px solid #CD7379!important;
}
.drag-red h2
{
    background:#D78B90!important;
    border-bottom:1px solid #CD7379!important;
}


.drag-green
{

    border:1px solid #4B8F4D!important;
}
.drag-green h2
{
    background:#82BD84!important;
    border-bottom:1px solid #4B8F4D!important;
}