/*
# --
# customer.css - customer css
# Copyright (C) 2001-2009 OTRS AG, http://otrs.org/
# --
# $Id: customer.css,v 1.5 2009/12/08 14:11:49 ub Exp $
# --
# This software comes with ABSOLUTELY NO WARRANTY. For details, see
# the enclosed file COPYING for license information (AGPL). If you
# did not receive this file, see http://www.gnu.org/licenses/agpl.txt.
# --
*/

/* body */
body {
    color:black;
    background-color:#ffffff;
    font-size:11pt;
    font-family:Geneva,Helvetica,Arial,Helvetica,sans-serif;
}
a {
    color:#557799;
}
a:hover {
    color:#002244;
    text-decoration:none;
}
pre {
    font-size:12px;
    font-family:Courier,monospace,fixed;
}
textarea {
    font-family:Courier,monospace,fixed;
    font-size:12px;
}
td,th {
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,Helvetica,sans-serif;
}

/* header */
.header {
/*    color:#efefef;*/
/*    background-color: #8298a9;*/
    background-color: white;
    color: black;
    font-weight:bold;
    font-size:16px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
}
a.headeritem {
/*    color:#efefef;*/
    color: black;
    text-decoration:none;
}
a.headeritem:hover {
/*    color:#dedede;*/
    text-decoration:underline;
}

.header img {
  border-width: 0;
}

/* nav bar */
.nav {
    color:#000000;
    background-color:#ffffff;
    font-size:10px;
}

/* nav bar (left) */
.navbar {
    color:#000000;
    font-size:12px;
    font-weight:normal;
    font-family:Geneva,Helvetica,Arial,sans-serif;
}
a.navitem {
    color:#557799;
    font-size:11px;
    text-decoration:none;
}
a.navitem:hover {
    color:#002244;
    font-size:11px;
}

/* menu bar */
.menu {
    color:#000000;
    background-color:#eeeeee;
    font-size:12px;
    vertical-align:top;
}
a.menuitem {
    color:#557799;
    font-size:12px;
}
a.menuitem:hover {
    color:#002244;
    font-size:12px;
}

/* footer */
.footer {
    color:#efefef;
    background-color:#8298a9;
    font-weight:bold;
    font-size:10px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
}
a.footeritem {
    color:#efefef;
 }

/* small */
.small {
    font-size:10px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
a.small {
    color:#111111;
    text-decoration:none;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-size:10px;
    vertical-align:top;
}

/* form */
form {
    margin:0px;
}
input {
    font-family:Geneva,Helvetica,Arial,Helvetica,sans-serif;
    font-size:12px;
}
.button {
    color:black;
    background-color:#dddddd;
    border-bottom:thin solid #222244;
    border-right:thin solid #222244;
    border-top:thin solid #bbbbbb;
    border-left:thin solid #bbbbbb;
    font-size:12px;
    font-family:Verdana,Helvetica,sans-serif;
    font-weight:normal;
}

/* table color */
.mainhead {
    color:#000000;
    background-color:#cccccc;
    font-size:13px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:bold;
    vertical-align:top;
}
.mainbody {
    color:#000000;
    background-color:#ffffff;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.mainkey {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:bold;
    vertical-align:top;
}
.mainvalue {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}

/* content */
.contenthead {
    color:#000000;
    background-color:#dedede;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:bold;
    vertical-align:top;
}
.contentbody {
    color:#000000;
    background-color:#eeeeee;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.contentfooter {
    color:#000000;
    background-color:#dedede;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:normal;
    vertical-align:top;
    text-align:right;
}
.contentkey {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:normal;
    vertical-align:top;
}
.contentvalue {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.searchactive {
    color:#000000;
    background-color:#ffffff;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.searchpassive {
    color:#000000;
    background-color:#eeeeee;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.searchhighlight {
    color:#000000;
    background-color:#d3d3d3;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}

/* message */
.message {
    color:#000000;
    font-size:12px;
    font-family:monospace, fixed;
}
/* singleboxhead */
.singleboxhead {
    color:#000000;
    background-color:#eeeeee;
    font-size:13px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:bold;
    vertical-align:top;
}
.singleboxbody {
    color:#000000;
    background-color:#ffffff;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}
.singleboxkey {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    font-weight:normal;
    vertical-align:top;
}
.singleboxvalue {
    color:#000000;
    font-size:12px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
    vertical-align:top;
}

/* article type color */
.agent-phone {
    background-color:#ccffcc;
}
.agent-email-external {
    background-color:#ccffcc;
}
.agent-note-internal {
    background-color:#ffcccc;
}
.agent-note-external {
    background-color:#eeeeee;
}
.system-email-external {
    background-color:#fffbbb;
}
.customer-phone {
    background-color:#99ccff;
}
.customer-email-external {
    background-color:#ffffcc;
}
.customer-note-internal {
    background-color:#ffcc99;
}
.customer-note-external {
    background-color:#ffcc99;
}
.highlight {
    background-color:#d1d1d1;
}

/*
 * Login
 */

div.login-box {
    width: 300px;
    margin: 20px auto;
}

/*
 * AutoCompletion
 */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('../../images/Standard/loading.gif') right center no-repeat;
}

.ac_over {
    background-color: #426FD9;
    color: white;
}