/*
*************************************************
** File Name: detail_layout.css
** Author: Steve Davies 
** Create Date: 4/21/05
**
** Desc: this is a high-level module for general properties of all Detail
**           pages.  Do not put rules specific to a respective biz section here.
**
** Change Log:
**    6/27/2005   S. Davies - factored out  "left side" styles to create
**                       the vert_layout_left.css file
**    9/29/2005   S. Davies - factored out  "right side" styles to create
**                        the vert_layout_right.css file
**                             
**    5/19/2006 - S. Davies -  moved a rule that was discovered to be to overbearing
**                        ("div#mainContentInner strong") down to each of the 
**                        biz-specific "detail"  CSS files.
**
**	  8/28/2008 - J.Bouchard - added class with fixed height to contain SWF.
**
**
*************************************************
**  begin style sheet file
*/


/******* begin: class rules and styles  **********/

/******* classes introduced with FLTC "Staff" page, use for derived pages with the 2 column req. in Main Content  **********/

div.contentInner {
    position: relative;
    width: 99.5%; 

/* debug */
/* border: 1px dashed red; */
    height: auto; /* the default */
}


div.contentInnerLeft {
    float: left;
    width: 48%; 
    height: auto; /* the default */
	margin: 1px;
}


div.contentInnerRight {
    float: right;
    width: 48%;
    height: auto;
	margin: 1px;
}

div.contentInnerFixed {
	width: 99.5%;
	height: 385px;
}


/*  --- more general class styles --- */


div.centeredFormat01 {
    width: 80%;
    height: auto;  /*  the default */
    margin-left: 10%; 
    margin-right: 10%; 
}


div.leftColumn {
    float: left;
    width: 50%;
    height: auto;  /*  the default */
}


div.rightColumn {
    float: right;
    width: 50%;
    height: auto;  /*  the default */
}


/******* end: class rules and styles  **********/



/********* BEGIN: primary sub-containers *************/

div#mainContent {
    z-index: auto;
	overflow: auto;	
}


div#rightFooter {
    z-index: auto;   /* the default */ 
}


/******* END: primary sub-containers *************/



/* ****  BEGIN:  type-specific internal areas - right side ***** */


div#mainContentInner {
    position: absolute;
    top: 2%;
    left: 2%;
	height: auto;   /* the default */ 
    width: 95%;    /* 90% */ 
    padding-bottom: 2%; 
	
/*	debug */
/*	border: 1px dashed green; */
	overflow: visible;
}



/******* introduced with Services' "Staff" page, use for derived pages with the 2 column req. in Main Content  **********/

/*
3/26/06 Davies:

The following DIV's are  nested in an absolutely positioned container that has its HEIGHT set to AUTO.
Currently, the computed height of this container continues to be 0px.
Therefore, a TOP setting using a percentage unit-type has no real visible effect at this time.
Note: testing revealed that EM's could be employed in this setup without disrupting the layout under text-size changes
*/

div#contentInnerLeft {
    position: absolute;
    left: 0;
    width: 48%; 
    height: auto;
}

div#contentInnerRight {
    position: absolute;
    left: 51%;
    width: 48%;
    height: auto;
}




/*  end of stylesheet file */