/*
*******************************************************************
** File Name: detail_fltc.css
** Author: Steve Davies
** Create Date: 10/28/2005
** Desc: Extensions and overrides for FLTC Detail Pages.
**           For a rule to qualify to be declared in this module,
**            it CANNOT be applied to:
**   1) all pages
**   2) all Type I (vertical) pages
**   3) all "Detail" pages (i.e., across biz areas)
**   4) all pages (i.e., Type I and Type II ) for a given biz area (e.g., FLTC)
**
*******************************************************************
** Change Log:
**
** 2009-04-15  S. Davies:  For div with ID of pagerOverlapContent, adjusted its
**    positioning so that it is less likely to overlap the 'Record Pager".
**    Also changed the font to Verdana to effect a more readable italic.
**    Added overrides to table elements within mainContentInner,to bring lines of text (within
**    each table row) vertically closer together, and then push individual table rows vertically
**    farther apart, as an adjustment for that rule's effect. Also added some depth effects to
**    the column headers.
**
** 2009-05-20  S. Davies:  For the selector "div#mainContentInner td span", disabled the 
**   width and height setting of "22px", and added a class of "noLineBreak" to the SPAN,
**   for more qualification within FLTC 'detail' pages.
**
**  YYYY-MM-DD XXXXXX xxxxxxxxxxxxxxxxxxxxxxxxx
**
*******************************************************************
**  begin style sheet file
*/

/* ---- pull in all rules common to all Type I pages, for "FLTC" biz section --------- */

@import url(vert_layout_fltc.css);



/*  --- general class styles --- */

div.leftColumn {
    float: left;
    width: 50%;
    height: auto;  /*  the default */
}


div.rightColumn {
    float: right;
    width: 50%;
    height: auto;  /*  the default */
}



/*  --- specific ID  styles --- */

div#mainContent {
/* bottom and margin-bottom appear to have no effect, considering the way this is nested and overflowed */
    width: 99.5%;
	/* debug */
	/* border: 1px dashed orange;  */
   z-index: 1;
}


div#mainContentInner {
    top: 1%;
    left: 0.75%;
    width: 96.5%; 

	/* debug */
	/* border: 1px dashed green;  */

/* margin-bottom has no effect, nested and overflowed the way this is */
/* use of "bottom" has the undesirable effect of truncated the end of the content , especially if the content overflows */
/* ? an overflow condition will not reveal a possible bottom border, cuz technically the bottom border would be at the point of overflow?? */ 

    padding-bottom: 2%;  /* this DOES have a positive effect even in an overflow condition */
}


div#mainContentInner strong {
    display: block;
    font-size: 1em;
/*    line-height: 1; */
    text-align: left;
}


div#mainContentInner td span.noLineBreak {
   /* 2009-05-20 S. Davies */
   display: inline-block;
   /* width: 22px; */
   /*height: 22px;*/
}


div#mainContentInner  td a span {
    cursor: hand;
}


/* BEGIN: 2009-04-15 S. Davies */

div#mainContentInner th, td {
    /* 2009-04-15 S. Davies: override to bring lines of text (within each table row) vertically closer together */
    line-height: 1.5;
}

div#mainContentInner td {
    /* 2009-04-15 S. Davies: override, and push individual table rows vertically farther apart, as an adjustment for the above rule effect  */
    padding: 0.5em 1px;
}


div#mainContentInner th {
    /* 2009-04-15 S. Davies: add some depth effects to the column headers  */
    border-top: 1px solid #D0EED0;
    border-bottom: 1px solid #D0EED0;
}

/* END: 2009-04-15 S. Davies */



div#pagerOverlapContent {
/* 11/13/2007 J.Bouchard : Noticed that this was overlapping with the conference list in some cases.  Both IE & FF. */
/* 2009-04-15 S. Davies: further adjusted the positioning to avoid overlap of Pager link  */
    position: absolute;
    right: 0;
	bottom: -1%;
    width: 49%;
    /* height: 15%; */
    height: auto;
    font-size: .85em;
    font-style: italic;
    z-index: 3;
    font-family: Verdana, san-serif;
}


/*  end of stylesheet file */

