/* Gridster
----------------------------------
[data-col="3"]	{width:25%!important}
[data-col="4"]	{width:33.3%!important}
[data-col="6"]	{width:50%!important}
[data-col="8"]	{width:60%!important}
[data-col="9"]	{width:75%!important}
[data-col="12"]	{width:100%!important}

[data-row="3"]	{width:25%!important}
[data-row="4"]	{width:33.3%!important}
[data-row="6"]	{width:50%!important}
[data-row="8"]	{width:60%!important}
[data-row="9"]	{width:75%!important}
[data-row="12"]	{width:100%!important}

[data-sizey="3"]	{width:25%!important}
[data-sizey="4"]	{width:33.3%!important}
[data-sizey="6"]	{width:50%!important}
[data-sizey="8"]	{width:60%!important}
[data-sizey="9"]	{width:75%!important}
[data-sizey="12"]	{width:100%!important}

[data-sizex="3"]	{width:25%!important}
[data-sizex="4"]	{width:33.3%!important}
[data-sizex="6"]	{width:50%!important}
[data-sizex="8"]	{width:60%!important}
[data-sizex="9"]	{width:75%!important}
[data-sizex="12"]	{width:100%!important}
*/
.gridster {
    position:relative !important;
	padding:5px;
	margin:10px;
	float:left;
}
.gridster .sortable { margin:10px; }
.gridster > * {
    margin: 0 auto;
    -webkit-transition	: height .4s;
    -moz-transition		: height .4s;
    -o-transition		: height .4s;
    -ms-transition		: height .4s;
    transition			: height .4s;
}
.gridster > ul {
	list-style:none;
	padding:0;
	margin:0;
	width:720px;
	/*min-height:510px;*/
}
.gridster .gs_w {
	z-index: 2;
	position: absolute;
}
.gridster .gs_w .col-header { padding:5px; margin:5px; cursor:move; }
.gridster .gs_w .col-header .lib,
.gridster .gs_w .col-header .col-info {
	display:block;
}
.gridster .gs_w .col-header .button {
    float:right;
    cursor:pointer;
}
.gridster .ui-resizable-resizing {
    z-index: 99999 !important;
	opacity:0.8;
}
.gridster .ui-sortable-helper {
    z-index: 9999999 !important;	
}
/*
.ready .gs_w:not(.preview-holder) {
    -webkit-transition	: opacity .3s, left .3s, top .3s;
    -moz-transition		: opacity .3s, left .3s, top .3s;
    -o-transition		: opacity .3s, left .3s, top .3s;
    transition			: opacity .3s, left .3s, top .3s;
}*/
.ready .gs_w:not(.preview-holder) {
    -webkit-transition	: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -moz-transition		: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    -o-transition		: opacity .3s, left .3s, top .3s, width .3s, height .3s;
    transition			: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}

.gridster .preview-holder {
    z-index: 1;
    position: absolute;
}
.gridster .player-revert {
    z-index: 10 !important;
    -webkit-transition	: left .3s, top .3s !important;
    -moz-transition		: left .3s, top .3s !important;
    -o-transition		: left .3s, top .3s !important;
    transition			: left .3s, top .3s !important;
}
.gridster .dragging {
    z-index: 10 !important;
    -webkit-transition	: all 0s !important;
    -moz-transition		: all 0s !important;
    -o-transition		: all 0s !important;
    transition			: all 0s !important;
}