/*******************************************************************/
/*                                                                 */
/* Assistant.css - definition of styles used                       */
/*                 for the InstallShield Assistants                */
/*                                                                 */
/* 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: #666666;
}

BODY {
    background-color: #E2E2E3;
    margin: 0em;
}

IMG {
    border: none;
}

A:link, A:visited {
    color: #333333;
}

A:hover, A:active {
    color: #993333;
}

BUTTON {
    width: 7em;
    height: 2em;
}

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

.navigationPage {
    color: white;
    background-image: url(images/AssistantNavFill.gif);
    background-repeat: repeat-x;
}

.navigationPage A:link, .navigationPage A:visited {
    color: white;
}

.navigationPage A:hover, .navigationPage A:active {
    color: #993333;
}

#imgLeft {
    width: 150px;
    height: 78px;
}

#imgRight {
    position: absolute;
    right: 0px;
    width: 170px;
    height: 78px;
}

#imgHome {
    position: absolute;
    left: 0px;
    width: 75px;
    height: 78px;
}

#imgBack {
    position: absolute;
    left: 75px;
    width: 75px;
    height: 78px;
}

#imgNext {
    position: absolute;
    right: 0px;
    width: 170px;
    height: 78px;
}

#spanNext {
    position: absolute;
    top: 35px;
    right: 40px;
}

.pageHeader {
    position: relative;
    height: 50px;
    background-color: #343941;
    background-image: url(images/AssistantLeft.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1em;
    padding-top: 1em;
}

.headerTitle {
    font-family: "Trebuchet MS", "Tahoma", sans-serif;
    font-size: 18pt;
    color: white;
}

.headerLine {
    position: absolute;
    width: 90%;
    height: 1px;
    left: 1em;
    top: 3.2em;
    color: white;
}

.headerIcon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0px;
    margin-right: 1em;
}

.pageTitle {
    font-family: "Trebuchet MS", "Tahoma", sans-serif;
    font-size: 14pt;
    color: #336699;
}

.pageContent {
    position: relative;
    padding: 1em;
}

.pageContentHome {
    position: relative;
    padding-left: 8em;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.dataInstructions {
    padding-top: 1em;
    padding-bottom: 1em;
}

.dataCommands {
    padding-top: 2em;
}

.dataOffset {
    margin-left: 4em;
}

.homeContent {
    position: relative;
    /* the page contains a DIV with id="divAssistantHelp" (see below)... 100 is a "magic" offset */
    width: expression(document.body.clientWidth - (divAssistantHelp.clientWidth + 100));
}

#divAssistantHelp {
    position: absolute;
    width: 225px;
    top: 1em;
    right: 1em;
    background-color: #F3F3F3;
    border: solid 1px #828290;
    padding: 1em;
}

.assistantHelpTitle {
    font-weight: bold;
    padding-bottom: 2em;
}

.assistantHelpInstructions {
    padding-top: 1em;
    padding-bottom: 2em;
}

.homeItem {
    position: relative;
    margin-bottom: 3em;
    padding-left: 40px;
}

.homeLink {
    font-family: "Trebuchet MS", "Tahoma", sans-serif;
    font-size: 14pt;
}

A.homeLink:link, A.homeLink:visited {
    color: #336699;
    text-decoration: none;
}

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

.homeItem IMG {
    position: absolute;
    width: 32px;
    height: 32px;
    left: -40px;
}

.homeItem UL {
    margin-left: 2em;
    margin-top: 1em;
    line-height: 1.5em;
}

.bigLink {
    font-size: 10pt;
    font-weight: bold;
}

.browseButton {
    padding-top: 0.5em;
    text-align: right;
}

#divPreviewSelector {
    width: 440px;
    height: 180px;
    background-color: white;
    border: solid 1px #828290;
    margin-top: 0.5em;
    margin-bottom: 1em;
    overflow-y: scroll;
}

#divPreviewSelector DIV {
    width: 100%;
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
}

.accessKey {
    text-decoration: underline;
}
