/*
********************************************************************************
** File Name: vert_layout_left.css
** Author: Steve Davies
** Create Date: 6/27/2005
**
********************************************************************************
** Change Log:
**  
** 2007-05-21 jbouchard: modified the values of sbLeftLowerSubLeft and sbLeftLowerSubRight 
**                     to better position new images
**
** 2008-09-08 S. Davies: In order to provide links to the EQUIP Web site and the
**                     "Help" page for Adobe PDF and Flash, removed references to 
**                      div#sbLeftLowerSub, div#sbLeftLowerSubLeft, and div#sbLeftLowerSubRight. 
**                     Added styles for div#sbLeftLowerTop and div#sbLeftLowerBottom.
**
** 2009-02-06 S. Davies: added a 'color' property to 'div.sbMenu' class, to act as a default.
**                      For Type I pages, this was only point to add a default color. Needed to establish
**                      a color of its own, to factor into the DIV's computed styles, so that an ID 
**                      would eventually be available for use in DHTML menus. Note that it must be
**                      maintained it as the same value given to its links in their un-hovered state.
**                      Also added some psuedo-class rules for side-bar "MidNav" links previously
**                      installed in (and illogically located in) global.css module.
**
** 2009-02-13 S. Davies: modified left mid sidebar ("sb") properties for container classes like 
**                      'div.sbMenu' and links such as "a.sbMenuButton", in order to have the flyout 
**                      menus operate more easily (e. g. "hold focus").
**
** 2009-03-24 S. Davies: for DIV "sbLeftLowerBottom", removed the "auto" box properties,
**                      and defaulted the width and height to occupy the lower half of the "sbLeftLower"
**                      container, similar to its upper sibling.  Retained most of the padding settings, as
**                      they work well for formatting text, which currently is more typical of the content
**                      across our sites.   Also added a rule to provide a text-decoration of "underline"
**                      for any anchors found within any element ID'd as "sbPlugins" within "sbLeftLower".
**
** 2009-04-01 S. Davies: for re-org'd Login Form, added the "style_button" class to input "buttons"
**                     within div#sbLeftContent, as well as other rules that were factored up to support
**                      the Authentication forms in this container.
**
** 2009-04-03 S. Davies: - Added a rule to push login form buttons to the left in the login form. 
**                    Also added a rule to push "login-failed" form "Try Again"button to the left 
**
** 2009-12-08 S. Davies: added rules for an internal DIV container "sbLeftLowerBottomInner"
**                      currently utilized by N-Org and FLTC.
**
********************************************************************************
**  begin style sheet file
*/


/* ---------------- Primary container ---------------- */

div#leftOuter {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%; /* of its parent DIV  */
    height: 100%;
    z-index: 100;  /* needed to allow DHTML fly-out menu to stack over its sibling 'rightOuter '*/ 
    font-size: .85em;
    visibility: visible;
	overflow: visible; /* override, to allow DHTML fly-out menu appear beyond its right edge */ 
}


/* ---------------- BEGIN: primary Subcontainers --------------- */

div#sbLeftUpperNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* of its parent DIV  */
    height: 13%;
	line-height: 1.3;
    z-index: auto;
}


div#sbLeftContent {
    position: absolute;
    top: 13%;
    left: 0;
    width: 100%; /* of its parent DIV  */
    height: 33%;
    z-index: auto;
}


div#sbLeftMidNav {
    position: absolute;
    top: 46%;
    left: 0;
    width: 100%; 
    height: 39%;
    z-index: 10;
	overflow: visible;  /* override, to provide a positioning context for dhtml menu(s) */
	visibility: visible;
}


div#sbLeftLower {
    position: absolute;
/*    top: 87%; */
    bottom: 0;
    left: 0;
    width: 100%;  
    height: 15%;   
    font-size: .8em;
    z-index: auto;
}

/* ---------------- END: primary subcontainers ----------------  */



/* ----------------------------- BEGIN: secondary containers -----------------------------  */


/* ---------------- BEGIN - sbLeftContent internals  ----------------  */

/* Note: the following subdivisions are optional and are declared here as common defaults  */


div#sbLeftContentUpper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 75%; /* initialize as a default */
}


div#sbLeftContentLower {
    position: absolute;
    top: 75%;
	left: 0;
    width: 100%; /* initialize as a default */
    height: 25%; /* initialize as a default */
}


/* 2009-04-06  S. Davies:  BEGIN - for re-org'd Auth. Forms  */
div#sbLeftContent  div#hdrLogIn {
   width: auto;
   margin-left: 1.75em;
   font-size: 1.1em;
}


div#sbLeftContent div#hdrLogOut {
   width: auto;
   margin: 1em 0 0 0.5em;
   font-size: 1em;
}

div#sbLeftContent div#hdrLogOut span#memberFullName {
   margin-left: 0.75em;
   line-height: 2em;
}


div#sbLeftContent form#login {
    width: auto;
    margin: 0.5em 0 0 0.5em;
}


/* 2009-04-01  S. Davies: for re-org'd Auth. forms  */
div#sbLeftContent  form#logout {
    width: auto;
    margin: 2em 0 0 2em;
}
/* 2009-04-06  S. Davies:  END - for re-org'd Auth. Forms  */



/* 2009-04-01  S. Davies: for re-org'd Login Form inputs */

div#sbLeftContent table#logInFields { 
   border-collapse: separate;
}


div#sbLeftContent td.logInLabel { 
    vertical-align:middle; 
}


div#sbLeftContent p#logInButtons {
/*   width: auto;*/
   margin: 0.5em 0 0 32%;
}


/* END: 2009-04-01 : Login Form inputs */


/* 2009-04-01  S. Davies: for re-org'd Login Form  */
/* for an override of generic "input" styling for Submit buttons - both IE and Mozilla */   
div#sbLeftContent input.style_button { 
    font-size: .98em;    
/*    margin-left: 2%;*/
    color : #036;  
    background: silver; 
}


p#logInButtons  #resetButton {
   margin-left: 14%;
}


div#sbMsgBox {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 87%; 
    height: 87%; 
    border: 1px solid white; 
    z-index: 300;
    color: white; 
    background: black;
	
    padding-top: 1em;  /* 5% */
    padding-right: 1em;  /* 5% */
    padding-left: 1em;  /* 5% */
	
	overflow: hidden;
}



div#sbMsgBoxForm {
    position: absolute;
	bottom: 2%; 
    left: 2%;
    width: 92%; 
	height: auto;
	z-index: 1;
}

div#sbMsgBoxForm form input {
   margin-left: 15%;
}




div#sbLeftContent  a#linkLoginAssist {
    display: block;
    margin-top: 0.5em;
    margin-left: 0.25em;
}


div#sbLeftContent  a#linkPswdChg {
    display: block;
    margin-top: 1em;
    margin-left: 0.5em;
}


/* ---------------- END - sbLeftContent internals  ----------------  */



/* ---------------- BEGIN - sbLeftMidNav internals  ----------------  */

div#sbLeftMidNavLower {
    position: absolute;
    bottom: 0;
    height: 45%;
    width:  100%;
/*    border-top: 1px solid #696; */
/*    border-bottom: 1px solid silver; */
}

div#sbLeftMidNavLowerImg{
    height: 80%;
    width:  100%;
}

div#sbLeftMidNavLower span {
    line-height: .8;
}

/* ---------------- END - sbLeftMidNav internals  ----------------  */


/* ---------------- BEGIN - sbLeftLower internals  ----------------  */

/*  --- 2008-09-08 Davies - removed rules for "sbLeftLowerSub" -see above regarding EQUIP */

/*  --- 2008-09-08 added by S. Davies --- */

/*  --  provide defaults for an "inner" area -- */
div#sbLeftLowerTop {
	position: relative;
    height: 49%;
    width: 97%;  /* currently, this sizing is specifically for 'sizing' the EQUIP logo image */
	padding-left: 1%;  /* currently, this adjustment is specifically for the EQUIP logo image */
}


/*  --  provide defaults for an "inner" area -- */
div#sbLeftLowerBottom {
	position: relative;
    height: 49%;
    width: 98%;
    padding-top: 1%;  /* this default works well for text  */
    padding-left: 1%;
}

/* ---------------- END - sbLeftLower internals  ----------------  */


/* --------------  BEGIN - leftMidMenu (Sidebar Nav) internal classes  ------------- */

/*  2009-02-11 beware of being blocked by an outer container's ID selector rule   */

div.sbMenuBar {
	position: absolute;
    top: 0;  /* to be overridden by ID'd instances of the class */
	left: 10%;
	height: auto;
	width:  80%; /*  prev: auto */ 
	overflow: visible;  /*  key to providing a positioning context for a dhtml menu */
	z-index: 1;  /*  as a container DIV class, establish a new stacking context default */
}


div.sbMenu {
    position: absolute;
    top: 0;       /* prev 80% */ 
    left:  98%; /* prev 70% */ 
    width: 150%;   /* set a default */ 
    border: 1px solid silver;
	z-index: 1;  /*  stacking default */
    display: none;  /* a hidden flyout */
    /* 
    2009-02-06 S. Davies: added a 'color' default, to establish a color of its own (independent of its links) to 
                       factor into the DIV's computed styles for DHTML menus.  Rules that override, per Site, should
                       maintain it as the same value given to the links (un-hovered) it contains.
    */
    color: #036; /* darker blue-green */        
}

/* --------  END - leftMidMenu (Sidebar Nav) internal classes  ---------- */



/* --------------  BEGIN - leftMidMenu (Sidebar Nav) internal link classes  ------------- */

/* set default properties for MidNav links, other than psuedo-class styles */

div#sbLeftMidNav a {
    /*  avoid being blocked by an outer container's ID selector rule   */
    display: block;
    text-decoration: none;
}

/*  ---- 2009-02-13:  re-org  */

/*  ---- "sidebar menu" links ----  */
div#sbLeftMidNav a.sbMenuButton {
	width: 100%; /*  auto; 2009-01-28 */
	height: auto; 
    padding: 0.5em 0 0.5em 0.2em; /*  2009-02-18 prev - 0.3em 0 0.3em 0.2em  */
    text-decoration: none;  /* denormalized for IE -see above */ 
}


/*  ----  sidebar's  "flyout menu" links ----  */
div#sbLeftMidNav a.sbMenuItem {
    width: 98%;        /* set a default */
    height: auto;       /* set a default */
    padding: 0.6em 0  0.6em 2%;    /* set a default */ 
    text-decoration: none; /* denormalized for IE */ 
}


/* --- END: set default properties for MidNav links, other than psuedo-class styles -- */

/* --------  END - leftMidMenu (Sidebar Nav) internal link lasses  ---------- */


/* set default properties for LeftLower links, other than psuedo-class styles */
div#sbLeftLower  *#sbPlugins a {
    text-decoration: underline; /* 2009-03-24 */ 
}


div#sbLeftLowerBottomInner {
    /* 2009-12-08: provide defaults, when utilized */
    position: absolute;
    bottom: 0;
    left: 1%;
    width: 99%;
	height: 90%;
}


/*  end of stylesheet file */