/*this must be set so that the loading div can be height:100% */
body{
	height:100%
}

/*this is what we want the div to look like when it is not showing */
div.loading-invisible{
    /*make invisible*/
    display:none;
}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
    /*make visible*/
    display:block;

    /*position it at the very top-left corner*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;

    /*in supporting browsers, make it a little transparent*/
    background:#FFD700 none repeat scroll 0 0;
    /*background:none; this line removes the background in IE*/
    opacity:.75;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    /*set the padding, so that the content
      of the div is centered vertically*/
    padding-top:25%;
	
}