.grid-page .gp-section {
    position: relative;
}
.grid-page .gp-section-has-image .gp-sc {
    position: absolute;
    top: 0px;
    width: 100%;
}

.grid-page .gp-section-image {
	text-align: center;
}

.grid-page .gp-row-header.gp-row-0 .col {
    margin-top: 0;
}

/* TODO rounded? */
.grid-page .gp-cell-box {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.grid-page .gp-cell-padded {
    padding: 0.5em;
}

.grid-page .gp-cc {
/*    margin: 1.6%;*/
}


@media only screen and (max-width: 480px) {
    .grid-page .gp-cell-hide-on-phones,
    .grid-page .gp-row-hide-on-phones{
        display:none;
    }
    .grid-page .gp-section-has-image .gp-sc {
        position: relative;
	    top: 1px; /*this tells the js that it was done via css*/
    }

}

@media only screen and (max-width: 1024px) {
    .gp-row-stack-on-tablets .col { width: 100%; margin: 1% 0px 1% 0%;}

    .grid-page .gp-cell-hide-on-tablets,
    .grid-page .gp-row-hide-on-tablets{
        display:none;
    }

    .grid-page .gp-section-stack-on-tablets.gp-section-has-image .gp-sc {
        position: relative;
	    top: 1px; /*this tells the js that it was done via css*/
    }
}

/* grid widget stuff */
.yui3-gridwidget .wait, .yui3-gridwidget .wait *,
.yui3-gridwidget .wait .gw-section-gap,
.yui3-gridwidget .wait .gw-row-gap,
.yui3-gridwidget .wait .gw-cell-gap,
.yui3-gridwidget .wait .gw-title .gw-section-actions i,
.yui3-gridwidget .wait .gw-title .gw-row-actions i,
.yui3-gridwidget .wait .gw-cell-overlay i.fa {
	cursor: wait;
}
.yui3-gridwidget .grid-page {
    margin-top: 24px;
}
.yui3-gridwidget .gp-section > i {
    position: absolute;
    color: blue;
    margin: 0.25em;
    cursor: pointer;
}
.yui3-gridwidget .gw-cell-overlay {
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	border: 1px dashed #eeeeee;
    color: #000;
}
.yui3-gridwidget .gw-cell-overlay div {
    float: right;
}
.yui3-gridwidget .gw-cell-overlay i.fa {
    padding: 0.25em;
    cursor: pointer;
}
.yui3-gridwidget .gw-title{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1px;
    font-size: 0.65em;
    color: white;
}
.yui3-gridwidget .gw-title .gw-section-actions,
.yui3-gridwidget .gw-title .gw-row-actions {
    font-size: 1.5em;
    float: right;
}
.yui3-gridwidget .gw-title .gw-section-actions i,
.yui3-gridwidget .gw-title .gw-row-actions i{
    margin-left: 0.5em;
    cursor: pointer;
}
.yui3-gridwidget .gp-section .gw-title{
	background-color: #594CD8;
}
.yui3-gridwidget .gp-sc{
    margin-top: 24px;
}
.yui3-gridwidget .section{
    margin: 24px;
}
.yui3-gridwidget .section .gw-title{
	background-color: #7B72D8;
}
.yui3-gridwidget .gp-section{
    border: 2px solid #594CD8;
    padding-top: 24px;
    margin-bottom: 24px;
}
.yui3-gridwidget .section {
    border: 2px solid #7B72D8;
    padding: 14px 24px;
}
.yui3-gridwidget .gw-cell-gap ,
.yui3-gridwidget .gw-section-gap ,
.yui3-gridwidget .gw-row-gap {
	position: absolute;
	top: 0;
	width: 24px;
    height: 20px;
    cursor: pointer;
	border: 1px dashed #eeeeee;
	background-color: rgba(255,255,255,0.5);
	color: #eeeeee;
    text-align: center;
}
.yui3-gridwidget .gw-cell-gap.drag {
	background-color: rgba(55,55,55,0.5);
}
.yui3-gridwidget .gw-cell-gap i {
}
.yui3-gridwidget .gw-row-gap:hover,
.yui3-gridwidget .gw-section-gap:hover,
.yui3-gridwidget .gw-cell-gap:hover {
	color: black;
	background-color: #eeeeee;
}
.yui3-gridwidget .gw-cell-gap.drop-hover {
	background-color: red;
}