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

BODY { background-color: #330099; color: black; }

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: blue; 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; font-family: impact;
     color: #990033; text-align: center; margin-top: 8px; }

BLOCKQUOTE { font-size: 11px; font-family: Verdana, Arial, Helvetica;
             color: black; padding-left: 30px; padding-right: 30px; }

H3 { font-size: 14px; font-weight: bold; font-family: Verdana, Arial, Helvetica;
    color: black; padding-left: 20px; padding-right: 20px; margin-top: -12px; }
H3.headline { color: #ff0000; margin-top: 0px; }

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

.news_headline { font-family : Arial, Helvetica, sans-serif; font-size : 18px;
                 font-weight: bold; color: #990033; margin-top: 8px; 
                 line-height: 20px; }

.news_subheadline { font-family : Arial, Helvetica, sans-serif; font-size : 14px;
                 font-weight: bold; color: #990033; margin-top: 8px; 
                 line-height: 18px; }

UL { color: black; font-family: Arial, Helvetica; font-size: 12px; }
OL { color: black; font-family: Arial, Helvetica; 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;
    font-family: Verdana, Helvetica, Arial;
    padding-left: 20px; padding-right: 20px; line-height: 14px; }

.sidetext { font-family: Verdana, Helvetica, Arial;
      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-family: Arial, Helvetica, Verdana; 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; background: url("/images/paper.jpg"); }

/* 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: url("/images/paper.jpg");
    border-color: #222222;
    /* gives a drop-shadow effect */
    border-right-width: 4px;
    border-bottom-width: 4px;
    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;
}

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

.servicemark { font-size: 70%; }

.sidebar { text-decoration: none; background: #ffffcc; color: black;
      font-family: Verdana, Helvetica, Arial;
      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: #990033 }

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

.sideheadline { background-color: #996633; color: #99ffff;
      font-family: Arial, Helvetica; font-weight: bold; font-size: 14px;
      text-align: center; text-decoration: none; }
.sideheadline:link { color: #99ffff; text-decoration: none; }
.sideheadline:visited { color: #99ffff; text-decoration: none; }
.sideheadline:hover { color: #990033 }

.checkboxes { font-size: 10px; font-weight: bold;
              font-family: Verdana, Helvetica, Arial; }
.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;
        font-family: Verdana, Helvetica, Arial; }

.toplink { font-family: Verdana, Arial, Helvetica; font-size: 10px;
           color: #cccccc; font-weight: normal; text-decoration: none; }

.toplink:link { font-family: Verdana, Arial, Helvetica; font-size: 10px;
                font-weight: bold; color: #cccccc; text-decoration: none; }
.toplink:visited { font-family: Verdana, Arial, Helvetica; font-size: 10px;
                   color: #cccccc; text-decoration: none; font-weight: bold; }
.toplink:hover { color: #ffff00; text-decoration: underline; }
.toplink:active { color: white; text-decoration: none; }

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

.heretab { background: url("/images/stab_bkgd.gif");
           background-repeat: no-repeat; text-align: center; 
           background-position: top; background-color: white; }

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

.sublink { font-family: verdana, helvetica; 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-family: Verdana, Arial, Helvetica;
           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-family: Arial, Helvetica; font-size: 8px; }

.whitefont { color: white; }
.datefont { font-family: Verdana, Arial, Helvetica; font-size: 10px;
            color: yellow; font-weight: normal; text-decoration: none; 
            text-align: right; }

.menu { font-family: verdana, helvetica; font-weight: bold; font-size: 11px;
        background-image: url("/images/paper.jpg");
        background-color: #33CCCC;
        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;
    /* gives a drop-shadow effect */
    border-right-width: 3px;
    border-bottom-width: 3px;
    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;

    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-family: verdana, helvetica; font-weight: bold; font-size: 11px;
        /* background-image: url("/images/paper.jpg"); */
        background-color: #CCFFFF;
        /* 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-family: verdana, helvetica; font-weight: bold; font-size: 11px;
        background-color: #33ccee;
        /* 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-family: verdana, helvetica; font-weight: bold; font-size: 11px;
        background-color: #33ccee;
        /* thp - 2005-10-28 
         * adds right side padding, text indentation and prevents line
         * breaks
         */
        padding-right: 1em; text-indent: 1em;
        white-space: nowrap;
}

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

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

/* thp - 2005-10-28 
 * the edge-rounding image tl.gif does not correctly round the edges of
 * tables in IE unless you specify the vertical-align: top attribute of the
 * image.
 */
.roundedge {
    vertical-align: top;
    width: 100%;
}


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

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

.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: #33ccee; 
    color: #00ffff;
    font-family: Arial, Helvetica; 
    font-weight: bold; 
    font-size: 10px;
    vertical-align: top;
    text-align: left; 
    text-decoration: none; 
    text-transform: uppercase;
}

.oldcasestudy_menu_headline {
    background-color: #33ccee; 
    color: #000000;
    font-family: Arial, Helvetica; 
    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-family: Verdana, Helvetica, Arial;
    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-family: Verdana, Helvetica, Arial;
    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-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    line-height: 1.5;
}

.casestudy_section_head {
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
}

.lightstrong { font-family: Verdana, Helvetica, Arial;
    font-size: 11px; font-weight: bold; }

.halfline { font-family: Verdana, Helvetica, Arial; font-size: 5; }