/*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: #f74081 repeat 0 0;
    _background:none; /*this line removes the background in IE*/
    opacity:.99;
    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%;
    z-index: 9999999;
}

#loadingcontent{
	width: 600px;
	height: 600px;
}
#loadingcontent h1{
	color: white;
	font: bold 28px Verdana, "Lucida Grande", Lucida, sans-serif;
}

#loadingcontent h6{
	color: #d43771;
	font: bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-top: 25px;
}
#loading-gif{
	background: url(images/loading.gif) no-repeat 0 0;
	text-align: center;
	text-indent: -9999px;
	width: 16px;
	height: 11px;
	margin: 15px 15px 15px -8px;
	float: left;
	clear: both;
	position: relative;
	left: 50%;
	padding: 0;
	top: 50px;
}
    
    
    /* note there is html markup in the body tag */
    /* note there is html markup in the body tag */
    /* note there is html markup in the body tag */