/* -*- Mode: CSS; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
/*////////////////////////////////////////////////////////////////////////////
// tacticx GmbH After Sales Manager
//
// Copyright(C) 2002-09, tacticx GmbH.
// All rights reserved.
//
// $Id: style.css 2688 2011-01-05 12:45:02Z flemm $
*/

A {
    text-decoration: none;
    color: #105184;
    font-family: Arial, Verdana;
}
A:hover {
    text-decoration: none;
    color: #f2410d;
}
A.menu {
    text-decoration: none;
    color: #203144;
}
A.menu_hover {
    text-decoration: none;
    color: #f2410d;
}
A.menuheader {
    color: black;
}
A.menuheader:hover {
    color: #18598c;
}
A.offline {
    color: #676767 !important;
}

BODY {
    font-family: Arial, Verdana, sans-seif;
    color: #000040;
    font-size: 13px;
}

DIV.global-warning {
    color: red;
    border: 2px solid red;
    padding: 5px 8px 5px 8px;
    font-size: 11px;
    background-color: #fdfdd6;
    margin-bottom: 30px;
    width: 80%;
}
DIV.global-debug {
    border: 1px dotted red;
    font-size: 11px;
    background-color: #fdfdd6;
    margin: 1em 1em 2em 1em;
    white-space: pre-wrap;
}
DIV.global-debug > DIV:first-child {
    background-color: #f99;
    opacity: 0.9;
    border: 1px dotted red;
    border-collapse: collapse;
    font-weight: bold;
    padding: 5px 8px 5px 8px;
    margin: 0;
}
DIV.global-debug > DIV {
    padding: 5px 8px 5px 8px;
}

DIV.message-body {
    border: 1px solid #bbbbbb;
    background-color: #f1f1f1;
    font-size: 11px;
    padding: 5px;
}
DIV.manuentry {
    background-color: #dfdfdf;
    padding: 3px;
    border: 1px solid #ababab;
}

.welcome {
    padding: 2px;
    padding-left: 4px;
    color: #ffffff;
}

FONT {
    font-family: Arial, Verdana, sans-serif;
}
FONT.help {
    font-family: Arial, Verdana, sans-serif;
    color: #aca9ac;
    font-size: 10px;
    font-weight: normal;
}

IMG {
    border-width: 0px;
}

TABLE.boxed {
    margin-left: 10px;
}

TD {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
}
TD.cell-closure {
    border-right: 2px solid #aaaaaa;
}
TD.grayed {
    color: #444;
    background-color: #f6f6f6;
}
TD.red {
    color: red;
}
.iframe {
    border: 2px solid #ffd773;
}

.textbox {
    height: 1.3em;
    font-family: Tahoma, Verdana, sans-serif;
    border: 1px solid #aca9ac;
    border-left: 3px solid #333355;
    padding: 1px 1px 1px 3px;
    color: #d77219;
    font-size: 11.5px;
}
.textbox-mini {
    height: 1.1em;
    font-size: 10px;
}
.textbox:hover {
    border-color: #333355;
}
.textbox-disabled {
    height: 1.3em;
    font-family: Tahoma, Verdana, sans-serif;
    border: 1px solid #aca9ac;
    border-left: 3px solid gray;
    padding: 1px 1px 1px 3px;
    color: #aca9ac;
    font-size: 11.5px;
}
.filebox {
    font-family: Tahoma, Verdana, sans-serif;
    border-left: 3px solid #333355;
    color: #d77219;
    font-size: 11.5px;
}
.radiobox {
    height: 12px;
    width: 12px;
    position: relative;
    top: -2px;
}
.checkbox {
}
.buttoni  {
    height: 14px;
}
.button {
    height: 22px;
    font-size: 12px;
    background-color: #efebef;
    font-weight: bold;
    color: #204050;
    border: 1px solid #aca9ac;
    font-family: Tahoma, Verdana, sans-serif;
    padding: 2px 4px 2px 4px;
    margin-top: -1px;
}
.button:hover {
    border-right-color: #444;
    border-bottom-color: #444;
    border-left-color: #cdcdcd;
    border-top-color: #cdcdcd;
}
.dropdown {
    font-size: 10px;
    font-family: Tahoma, Verdana, sans-serif;
    border: thin solid #aca9ac;
    color: #d77219;
    background-color: #fffbff;
}
.dropdown_mono {
    font-size: 10px;
    font-family: "Monaco", "Lucidia Console", "Courier New", monospace;
    border: thin solid #aca9ac;
    color: #d77219;
    background-color: #fffbff;
}

.menu_item_out {
    background-color: #eeeeee;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
}
.menu_item_hover {
    background-color: #e2e2e2;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    color: #f2410d;
    cursor: pointer;
}
.menu_item_out_last {
    background-color: #eeeeee;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
}
.menu_item_hover_last {
    background-color: #e2e2e2;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    color: #f2410d;
    cursor: pointer;
}

.search_out {
    background-color: #eeeeee;
}
.search_hover {
    background-color: #e7f3ff;
}

/****/
DIV.textarea {
    padding: 4px;
}

TD.cell {
    padding: 3px 5px 3px 5px;
}

TD.cell-wide {
    padding: 6px;
}

TD.cell-narrow {
    padding: 1px 5px 1px 5px;
}

TD.cell-box {
    border-left: 2px solid #98adc0;
    border-bottom: 1px solid #98adc0;
    padding: 0px;
}

TD.cell-line {
    border-bottom: 1px solid #98adc0;
}
TD.cell-line-left {
    border-left: 1px solid #98adc0;
}
TD.cell-line-right {
    border-right: 1px solid #98adc0;
}
TD.cell-line-top {
    border-top: 1px solid #98adc0;
}
TD.cell-thick {
    border-bottom: 2px solid #98adc0;
}

TD.cell-closure {
    border-right: 2px solid #98adc0;
}

TD.occupy {
    padding: 0;
}

TD.justify {
    text-align: justify;
}

TD.grayed {
    color: #444;
    background-color: #f6f6f6;
}

TD.group-header {
    background-image: url(../img.s/group-header.png);
    background-repeat: repeat-y;
    font-weight: bold;
    border-bottom: 1px solid #98adc0;
    padding: 1px 0 0 5px;
    margin: 0;
}

TD.group-icon {
    background-image: url(../img.s/group-icon.png);
    background-repeat: no-repeat;
}

TD.header {
    background-color: white;
    background-image: url(../img.s/header-cell.png);
    background-repeat: repeat-x;
    font-weight: bold;
    padding: 2px 3px 1px 3px;
}
TD.header-blue {
    background-color: #ffffaa;
    background-image: url(../img.s/header-cell-active.png);
}
TD.header-red {
    background-color: #aaffff;
    background-image: url(../img.s/header-cell-red.png);
}
TD.designator {
    background-color: white !important;
    background-image: url(../img.s/designator-cell.png);
    background-repeat: repeat-y;
    font-weight: bold;
    border-right: 1px solid #a8a8a8;
}

TD.double-height {
    height: 2.5em;
}
TD.half-height {
    height: 1em;
}

TD.two-column-left {
    padding-right: 5pt;
}
TD.two-column-right {
    padding-left: 5pt;
}

/* Quicklink row. */
TD.section-box {

}
TD.section-box-field {
    padding: 4px 0 0 0;
}

INPUT.numeric {
    text-align: right;
}

/***/

.list_sort_header {
    background-color: #eeeeee;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
}
.list_sort_header_default {
    border-top: 1px solid #aeaeae;
}

.header-sort {
}
.header-sort-up {
    background-image: url(../img.s/header-cell-active.png) !important;
}
.header-sort-down {
    background-image: url(../img.s/header-cell-active.png) !important;
}

.help-box {
    display: none;
}
.help-box-active {
    display: block;
    cursor: n-resize;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: justify;
}

.infobox {
    border: 1px dashed red;
    background-color: #ececec;
    margin-left: 4%;
    margin-right: 4%;
    padding: 3px;
    padding-left: 6px;
    width: 92%;
}

.contextbox {
    padding: 4px;
    background-color: #efefef;
    border: 2px solid #aaaaaa;
    border-top: none;
    width: 140px;
}

.icon-invisible {
    display: none;
}
.icon-visible {
    display: block;
    padding: 4px;
    border: 1px solid #bbbbbb;
    background-color: #d2d2d2;
    text-align: center;
    width: 80px;
}

DIV.inline-error {
    border: 1px solid red;
    padding: 5px;
    color: red;
    font-weight: bold;
    width: 80%;
}

SPAN.update {
    border: 1px solid #9a9a9a;
    background-color: #e9e9e9;
    border-left: 3px solid gray;
    padding: 2px 4px 2px 4px;
    font-size: 12px;
}
SPAN.update-plus {
    border-left: none;
}

.mono {
    font-family: "Courier New", monospace;
}

.mono-bold {
    font-family: "Courier New", monospace;
    font-weight: bold;
}

.visible {
    display: block;
}

.hidden {
    display: none;
}

/* Generic design classes. */
.cell-indent {
    padding-left: 1.4em !important;
}
.checkboard {
    background-image: url(../img.s/checkboard.png);
    background-repeat: repeat;
}
.clickable {
    cursor: pointer;
}
.clickarea {
    background-color: #eaeaea;
    border: 1px solid #a2a2a2;
    padding: 2px;
}
.emph {
    font-style: italic;
}
.error-hint {
    color: #d00;
    font-size: 11px;
}
.form-message {
    border-left: 3px solid #335;
}
.form-message-requirement {
    border-left: 3px solid red;
}
.form-message-row {
    border-bottom: 1px solid #335;
}
.form-message-row-requirement {
    border-bottom: 1px solid red;
}
.gray {
    color: gray;
}
.highlight {
    background-color: #eaeaea;
}
.highlight-info {
    background-image: url(../img.s/info-pattern.png);
    background-repeat: no-repeat;
}
.highlight-blue {
    background-color: #efe2fa !important;
    color: #005 !important;
}
.highlight-orange {
    background-color: #ffebdf !important;
    color: #005 !important;
}
.highlight-red {
    background-color: #ffeaea !important;
    color: #900 !important;
}
.hover {
    background-color: #d2d2f8 !important;
}
.hover-cell {
}
.hover-cell:hover {
    background-color: #d2d2f8 !important;
}
.indent {
    padding-left: 0.3em;
}
.indent2 {
    padding-left: 15px;
}
.monospace {
    font-family: monospace;
}
.nowrap {
    white-space: nowrap;
}
.opaque {
    background-color: #eeeeee;
}
.opaque-light {
    background-color: #f6f6f6;
}
.requirement {
    border-left: 3px solid red;
}
.requirement-row {
    border-bottom: 1px solid red;
}
.reserved-bottom {
    margin-bottom: 3px;
}
.reserved-top {
    margin-top: 3px;
}
.right {
    text-align: right;
}
.small {
    font-size: 11px !important;
}
.tiny {
    font-size: 10px !important;
}
.strong {
    font-weight: bold;
}

/* Input requirements. */
INPUT.required,
SELECT.required,
TEXTAREA.required {
    border-left: 3px solid red;
}
INPUT.required:hover,
SELECT.required:hover,
TEXTAREA.required:hover {
    border-color: red;
}

.info {
    font-size: 12px;
    color: #454545;
}

.title {
    font-size: 20px;
    font-weight: bold;
}

.unpadded {
    padding: 0 !important;
}

.footnote {
    font-size: 9px;
    padding: 4px;
}

SPAN.claim-reference {
    border: 1px solid #bbb;
    border-left-color: #efefef;
    border-top-color: #efefef;
    background-image: url(../img.s/reference-cell.png);
    background-repeat: repeat-x;
    background-color: #c2c2c2;
    padding-left: 2px;
    padding-right: 2px;
}
SPAN.claim-reference:hover {
    border: 1px solid #bbf;
    border-left-color: #efefef;
    border-top-color: #efefef;
    background-image: url(../img.s/reference-cell-active.png);
    background-repeat: repeat-x;
    background-color: #bdcfda;
    padding-left: 2px;
    padding-right: 2px;
}

div.floating-box {
    position: absolute;
    background-color: #eee;
    width: 600px;
    z-index: 1;
    border: 2px solid #00985e;
    border-left: 3px solid #00985e;
}
form.floating-box-form {
    margin: 0;
}
div.floating-box-title {
    padding: 2px 3px 2px 5px;
    background-color: #00985e;
    font-weight: bold;
    color: white;
}
img.floating-box-title-button {
    position: relative;
    top: -2px;
    right: -2px;
    cursor: pointer;
}

/*
 * Buttons
 */
button
{
    padding: 4px 8px;
    background-color: inherit;
    color: inherit;
    cursor: pointer;
    border-style: outset;
    border-width: 2px;
    border-color: #131313;
    -moz-border-radius: 4px;
}

button:hover
{
    color: inherit;
    border-style: inset;
    border-color: #131313;
}

.task_button
{
    float: left;
    margin-left: 20px;
}

.task_button button
{
    min-width: 122px;
}


/*
 * div design
 */
.table-row-clear
{
    clear: both;
}

.no_height
{
    height: 0px;
    line-height: 0px;
    font-size: 0;
    margin: 0;
    padding: 0;
}

/* search warn box */
div.warnMsgBox, div.infoMsgBox
{
    width: 80%;
    text-align:left;
    margin:auto;
    border: 2px solid;
    
}

div.warnMsgBox
{
    border-color: #F90;
    background-color:#FCC;
}

div.infoMsgBox
{
    border-color: #099;
    background-color:#CFF;
}

span.msgbox
{
    margin-left:75px;
}

/*floats*/
.float_right
{
    float: right;
}

.float_left
{
    float: left;
}