/* linuxforce.css:  Style Sheet for LinuxForce, Inc. */

BODY { background-color: #000066; color: black;
       font-family: Georgia, "Times New Roman", serif; }

A:link { color: black; text-decoration: none; }
A:visited { color: black; text-decoration: none; }
A:hover { color: red; text-decoration: underline; }

A.menulink:link { color: black; text-decoration: none; }
A.menulink:visited { color: black; text-decoration: none; }
A.menulink:hover { color: red; text-decoration: underline; }

A.blue:link { color: blue; text-decoration: underline; }
A.blue:visited { color: blue; text-decoration: underline; }
A.blue:hover { color: red; text-decoration: underline; }

A.black:link { color: black; text-decoration: none; }
A.black:visited { color: black; text-decoration: none; }
A.black:hover { color: red; text-decoration: underline; }

H1 { font-size: 20px; font-weight: bold; text-align: center; }

H2 { font-size: 20px; font-weight: bold; text-align: center;
     color: #903; margin-top: 8px; }

BLOCKQUOTE { font-size: 11px; color: black; padding-left: 30px;
             padding-right: 30px; }

H3 { font-size: 14px; font-weight: bold; color: black;
     padding-left: 20px; padding-right: 20px; margin-top: -12px; }
.headline { color: #f00; margin-top: 0px; }

H4 { font-size: 12px; font-weight: bold; color: black;
     padding-left: 20px; padding-right: 20px; margin-top: 0px; }

.news_headline { font-size : 18px; font-weight: bold; color: #990033;
                 margin-top: 8px; line-height: 20px; }

.news_subheadline { font-size : 14px; font-weight: bold; color: #990033;
                 margin-top: 8px; line-height: 18px; }

UL { color: black; font-size: 12px; }
OL { color: black; font-size: 12px; }
LI A:link { color: black; text-decoration: none; }
LI A:visited { color: black; text-decoration: none; }
LI A:hover { color: red; text-decoration: underline; }

P { color: black; font-size: 12px; font-weight: normal;
    padding-left: 20px; padding-right: 20px; line-height: 14px; }

.sidetext { font-size: 10px; font-weight: normal;
      padding-left: 10px; padding-right: 10px; }

.indentedtext { padding-left: 20px; padding-right: 20px; line-height: 14px; }

TABLE { border: 0px; }

/* button is a <td> with an <a> anchor */
.button { display: block; text-decoration: none; font-size: 12px;
        font-weight: bold; text-align: center; 
        padding-top: 3px; padding-bottom: 3px;
        color: black; background: #999999;
        border-top: solid 3px; border-top-color: #cccccc;
        border-right: solid 3px; border-right-color: #666666;
        border-bottom: solid 3px; border-bottom-color: black;
        border-left: solid 3px; border-left-color: #cccccc; }
.button:hover { background: #cccccc; text-decoration: none;
        border-top-color: white; border-left-color: white; }
.button:active { color: white; background: #666666;
        border-top-color: black; border-right-color: #cccccc;
        border-bottom-color: #cccccc; border-left-color: #333333; }

.narrowcol { padding-left: 3px; padding-right: 3px; }
.widecol { padding-left: 20px; padding-right: 20px; }

.mainpage { text-align: left; vertical-align: top; background-color: white; }

/* thp - 10-31-2005
 * this is for a content area that includes menu and product blurbs
 */
.maincontent { 
    text-align: left; vertical-align: top; background-color: white; 
    background-color: white;
    border-color: #222222;
    /* gives a drop-shadow effect */
    border-right-width: 1px;
    border-bottom-width: 4px;
    border-right-style: solid;
    border-bottom-style: solid;

    /* small outline */
    border-top-width: 1px;
    border-left-width: 4px;
    border-left-style: solid;
    border-top-style: solid;
}

.customer { color: red; font-weight: bold; line-height: 14px; }
A.customer:link { color: red; font-weight: bold; line-height: 14px; }
A.customer:visited { color: red; font-weight: bold; line-height: 14px; }

.new { font-size: 110%; italic; font-style: italic; font-weight: bold; color: red; }

.servicemark { font-size: 70%; }

.sidebar { text-decoration: none; background: #ffffcc; color: black;
      font-size: 10px; font-weight: normal; text-align: center; }
.sidebar:link { color: black; text-decoration: none; }
.sidebar:visited { color: black; text-decoration: none; }
.sidebar:hover { text-decoration: underline; color: black }

.backtotop:link { text-decoration: underline; color: blue; }
.backtotop:visited { text-decoration: underline; color: blue; }

.sideheadline { background-color: #111199; color: #99ffff;
      font-weight: bold; font-size: 14px;
      text-align: center; text-decoration: none; }
.sideheadline:link { color: #ccccff; text-decoration: none; }
.sideheadline:visited { color: #ccccff; text-decoration: none; }
.sideheadline:hover { color: #ffffff }

.checkboxes { font-size: 10px; font-weight: bold; }
.checkboxes A:link { text-decoration: none; }
.checkboxes A:visited { text-decoration: none; }
.checkboxes A:visited { text-decoration: none; }

.form { color: black;
        font-size: 12px; font-weight: bold; }

.toplink { font-size: 10px; color: #cccccc; font-weight: normal;
           text-decoration: none; }

.toplink:link { font-size: 10px; font-weight: bold; color: #cccccc;
                text-decoration: none; }
.toplink:visited { font-size: 10px; font-weight: bold; text-decoration: none;
                   color: #cccccc; }
.toplink:hover { color: #ffee33; text-decoration: underline; }
.toplink:active { color: white; text-decoration: none; }

.here { display: block; font-size: 12px; font-weight: bold;
        text-align: center; text-decoration: none;
        padding-top: 3px; padding-bottom: 3px;
        color: red; width: 100px; }

.subhere { font-weight: bold; font-size: 12px;
           text-decoration: none; text-align: center; color: #990033; }

.sublink { font-weight: bold; font-size: 12px;
           text-decoration: none; text-align: center; color: #999999; }
.sublink:link { text-decoration: none; }
.sublink:visited { text-decoration: none; }
.sublink:hover { text-decoration: none; }

.title { font-size: 10px; font-weight: normal; color: #990000; }

.address { font-size: 10px; font-weight: bold;
           color: white; text-align: center; }
.address:link { color: white; }
.address:visited { color: white; }

.legalprint { line-height: 8px; text-decoration: none; font-size: 8px; }

.whitefont { color: white; }
.datefont { font-size: 10px; font-weight: normal; color: #ffee33;
            text-decoration: none;  text-align: right; }

.menu { font-weight: bold; font-size: 11px; background-color: white;
        padding-top: 3px; padding-bottom: 3px; color: black; 
        padding-right: 1em; text-indent: 1em; }

/* thp - 2005-10-28 
 * gives a drop-shadow effect to the main menu (border-.*)
 */
.mainmenu {
    border-color: #222222;
    background-color: #FFC;
    /* gives a drop-shadow effect */
    border-right-width: 1px;
    border-bottom-width: 3px;
    border-right-style: solid;
    border-bottom-style: solid;

    /* small outline */
    border-top-width: 1px;
    border-left-width: 3px;
    border-left-style: solid;
    border-top-style: solid;

    white-space: nowrap;
}

/* thp - 2005-10-18
 * I duplicated activemenu and activemenunolink to get a "top" level
 * activemenu and activemenunolink.  activemenu and activemenunolink
 * indent by 2 while activemenutop and activemenunolinktop indent only
 * by 1.  So you'll always see the top level menu item indented by 1 
 * and the sub-level menu item indented by 2
 */
.activemenu { padding-top: 3px; padding-bottom: 3px;
        font-weight: bold; font-size: 11px;
        background-color: #FFC;
        /* thp - 2005-10-28 
         * adds right side padding, text indentation and prevents line
         * breaks
         */
        padding-right: 1em; text-indent: 2em;
        white-space: nowrap;
}

.activemenunolink { padding-top: 3px; padding-bottom: 3px;
        font-weight: bold; font-size: 11px; background-color: #ffee66;
        /* thp - 2005-10-28 
         * adds right side padding, text indentation and prevents line
         * breaks
         */
        padding-right: 1em; text-indent: 2em;
        white-space: nowrap;
}

.activemenutop { padding-top: 3px; padding-bottom: 3px;
        font-weight: bold; font-size: 11px;
        background-color: #9999ff;
        /* thp - 2005-10-28 
         * adds right side padding, text indentation and prevents line
         * breaks
         */
        padding-right: 1em; text-indent: 1em;
        white-space: nowrap;
}

.activemenunolinktop { padding-top: 3px; padding-bottom: 3px;
        font-weight: bold; font-size: 11px; background-color: #9999ff;
        /* thp - 2005-10-28 
         * adds right side padding, text indentation and prevents line
         * breaks
         */
        padding-right: 1em; text-indent: 1em;
        white-space: nowrap;
}

/* thp - 2005-10-28 
 * moves the keyboard image to just behind the linuxforce logo
 */
.topleveltable {
    width: 80%;
    background-repeat: no-repeat; background-position: top left;
}

/* thp - 2005-10-28
 * left and right primary <td> containers
 */
.leftcontainer {
    vertical-align: top;
    width: 15%;
    white-space: nowrap;
}

.rightcontainer {
    vertical-align: top;
    width: 85%;
}

.casestudy_topmenu {
    height: 100%;
    width: 100%;
    vertical-align: top;
    border: none;
}
.casestudy_menubox {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    border-color: #222222;

    /* gives a drop-shadow effect */
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;

    /* small outline */
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-style: solid;

}

.oldcasestudy_menubox {
    width: 97%;
    height: 100%;
    text-align: center;
    vertical-align: top;
    border-color: #222222;

    /* gives a drop-shadow effect */
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;

    /* small outline */
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-style: solid;
}

.casestudy_menu_headline {
    background-color: #9999ff; 
    color: #00ffff;
    font-weight: bold; 
    font-size: 10px;
    vertical-align: top;
    text-align: left; 
    text-decoration: none; 
    text-transform: uppercase;
}

.oldcasestudy_menu_headline {
    background-color: #9999ff; 
    color: #000000;
    font-weight: bold; 
    font-size: 12px;
    vertical-align: top;
    text-align: left; 
    text-decoration: none; 
    text-transform: uppercase;
}

.casestudy_menu_body {
    height: 100%;
    text-decoration: none; 
    vertical-align: top;
    background: #ffffcc; 
    color: black;
    font-size: 9px; 
    font-weight: normal; 
    text-align: left;
}

.oldcasestudy_menu_body {
    height: 100%;
    line-height: 1.5;
    text-decoration: none; 
    vertical-align: top;
    background: #ffffcc; 
    color: black;
    font-size: 12px; 
    font-weight: normal; 
    text-align: left;
}

.casestudy_main {
    width: 97%;
    padding: 8;
    text-align: left;
    vertical-align: top;
    border-color: #222222;

    /* gives a drop-shadow effect */
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;

    /* small outline */
    border-top-width: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    border-top-style: solid;
}

.casestudy_section {
    font-size: 12px;
    line-height: 1.5;
}

.casestudy_section_head {
    font-size: 12px;
    font-weight: bold;
}

.narrowpar { font-size: 14px; padding-left: 50px; padding-right: 50px; }