﻿/*
	Based on The Perfect Full Page Liquid Layout
	http://matthewjamestaylor.com/blog/perfect-full-page.htm
*/
body
{
	margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    height: 100%;
    background:#fff;
    min-width:950px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
						
	/* RS Specific styles */
	background: #000;
}

#container
{
	position:absolute; 
	height:100%; 
	width:100%; 
	top:0px; 
	left:0px;
}

/* Header styles */
#header 
{
	position:relative;
    clear:both;
    float:left;
    width:100%;
    
    /* RS Specific styles */
    height: 130px;  /* 12% */ 
    
    background: #000
    /* Debug Border */
    /*border: 1px solid #f00;*/
}

/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	
	/* RS Specific styles */
    height:  80%;  /* 77% */
}

/* main "column" */
.colmask #appContent {
	width:96%;				/* page width minus left and right padding */
	left:2%;				/* page left padding */	
	/* All "columns" in the colmask should have these attributes */
	float:left;
	position:relative;
	overflow:hidden;
	
	/* RS Specific styles */
	top: 2%;
	height: 96%;
	
	/* Debug Border */
	/*border: 1px solid #0f0;*/
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%; 
    /* RS Specific styles */
    height: 30px; /* 10% */
    overflow: auto;
    background-color: black;
    
    /* Debug Border */
    /*border: 1px solid #00f;*/
  } 

/* lightbox styles */
#lightbox
{
	position:absolute; 
	height:100%; 
	width:100%; 
	top:0px; 
	left:0px; 
	z-index:0; 
	display:block;
}

#pageLoader{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 500;   
  display: block;
  text-align: center;  
  padding-top: 25px;
} 