/*******************************************************************/
/*                                                                 */
/* StartPage.css - definition of global styles used                */
/*                 throughout the Start Page                       */
/*                                                                 */
/* Copyright ?2001-2003 InstallShield Software Corporation        */
/*                                                                 */

BODY, P, A, LI, TD, FORM, LABEL, INPUT, TEXTAREA, SELECT, BUTTON, FIELDSET, LEGEND, OBJECT {
    font-family: "Tahoma", "MS Sans Serif", sans-serif;
    font-size: 8pt;
    color: #333333;
}

BODY {
    background-color: white;
    margin: 0em;
}

IMG {
    border: none;
}

A:link, A:visited {
    text-decoration: none;
}

A:hover, A:active {
    color: #993333;
    text-decoration: underline;
}

UL {
    margin-left: 2em;
}

TD {
    text-align: left;
    vertical-align: top;
}

IFRAME {
    width: 100%;
    height: 100%;
}

.pageContent {
    position: relative;
    width: 100%;
    height: 100%;
}

.pageHeader {
    width: 100%;
    height: 95px;
}

.pageHeader TD {
    background-image: url(images/TitleFill.jpg);
    background-repeat: repeat-x;
}

.leftPane {
    position: static;
    left: 0px;
    top: 95px;
    width: 197px;
    height: 100%;
    border-left: solid 1px #A4A4B1;
    background-color: #CCCCCC;
}

.leftPaneHeader {
    position: absolute;
    left: 32px;
    top: 32px;
    width: 132px; /* the width and height here must match the dimensions of the header image */
    height: 121px;
}

.leftPaneContent {
    position: absolute;
    top: 160px; /* this 'top' value has to equal the 'height' value above, plus padding */
}

.leftPaneGroup {
    width: 183px;
    margin-left: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 2em;
}

.leftPaneTitle {
    width: 183px;
    height: 45px;
    background-image: url(images/TaskTop.jpg);
    background-repeat: no-repeat;
    color: white;
    font-weight: bold;
    padding-left: 1em;
    padding-top: 0.75em;
}

.leftPaneList {
    width: 183px;
    background-image: url(images/TaskFill.jpg);
    background-repeat: repeat-y;
    padding-left: 1em;
    padding-right: 1em;
}

.leftPaneList TABLE {
    margin-bottom: 1em;
}

.leftPaneList TABLE TD {
    padding-top: 2pt;
    padding-bottom: 2pt;
}

.leftPaneCloser {
    width: 183px;
    height: 8px;
    background-image: url(images/TaskBottom.jpg);
    background-repeat: no-repeat;
}

.middlePane {
    position: absolute;
    left: 197px;
    top: 95px;
    width: expression(document.body.clientWidth - 367); /* 197 + 9 + 161 */
    height: 100%;
    border-left: solid 2px #A4A4B1;
    z-index: -1;
}

.middlePaneHeader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 249px; /* the width and height here must match the dimensions of the header image */
    height: 60px;
}

.middlePaneContent {
    position: absolute;
    top: 50px; /* this 'top' value has to equal the 'height' value above, plus padding */
}

.mruList {
    width: 100%;
    margin-bottom: 2em;
}

.mruList TBODY IMG {
    margin-right: 0.5em;
    vertical-align: middle;
}

.mruList TD {
    height: 1.5em;
    border-bottom: solid 2px #B4C8DA;
    text-align: left;
    vertical-align: middle;
}

.mruListName {
    width: 60%;
    padding-left: 25px;
}

.featuredStuff {
    position: relative;
    width: 100%;
    height: expression(document.body.clientHeight - 180); /* I don't know why this number works, but it does */
}

.featuredStuff THEAD TD {
    width: 33%;
    height: 97px;
    background-image: url(images/MiddleFill.jpg);
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
}

.featuredStuff TBODY TD {
    width: 33%;
    padding: 1em;
    text-align: left;
    vertical-align: top;
}

.featuredStuffCenter {
    border-left: dashed 1px #B4C8DA;
    border-right: dashed 1px #B4C8DA;
}

.spacerPane {
    position: absolute;
    left: expression(document.body.clientWidth - 170); /* 9 + 161 */
    top: 95px;
    width: 9px;
    height: 100%;
    background-color: #CCCCCC;
}

.rightPane {
    position: absolute;
    left: expression(document.body.clientWidth - 161); /* 161 */
    top: 95px;
    width: 161px;
    height: 100%;
    border-left: solid 2px #B4B4B4;
    border-right: solid 1px #A4A4B1;
    background-color: #CCCCCC;
}

.rightPaneHeader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 168px; /* the width and height here must match the dimensions of the header image */
    height: 52px;
}

.rightPaneContent {
    position: absolute;
    top: 70px; /* this 'top' value has to equal the 'height' value above, plus padding */
}

.rightPaneTitle {
    height: 1.75em;
    font-weight: bold;
    padding-left: 0.75em;
    padding-top: 0.25em;
    background-color: white;
}

.rightPaneList {
    margin-left: 0.25em;
    margin-top: 0.5em;
    margin-bottom: 2em;
}

.rightPaneList TD {
    padding-top: 2pt;
    padding-bottom: 2pt;
}

.rightPaneMessage {
    font-weight: bold;
    padding-left: 0.75em;
}
