/*
# --
# customer.css - customer css
# Copyright (C) 2001-2009 OTRS AG, http://otrs.org/
# --
# $Id: customer.css,v 1.2 2009/06/04 23:14:41 martin 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:green;
    font-weight:bold;
    font-size:16px;
    font-family:Geneva,Helvetica,Arial,sans-serif;
}
a.headeritem {
    color:#efefef;
    text-decoration:none;
}
a.headeritem:hover {
    color:#dedede;
    text-decoration:underline;
}

/* nav bar */
.nav {
    color:#000000;
    background-color:#ffffff;
    font-size:10px;
}
a.navitem {
    color:#557799;
    font-size:11px;
}
a.navitem:hover {
    color:#002244;
    font-size:11px;
}

/* 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;
}
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:green;
    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;
}

.SMALLO {font-family : Eurostyle, Arial;
font-size : 9pt;
text-decoration: none;
color : #90678a}

.MEDO {font-family : Eurostyle, Arial;
font-size : 11pt;
text-decoration: none;
color : #FD8342}

.BIGO {font-family : Eurostyle, Arial;
font-size : 20pt;
color : #FD8342}

.SMALLW {font-family : Eurostyle, Arial;
font-size : 9pt;
text-decoration: none;
color : #FFFFFF}

.MEDW {font-family : Eurostyle, Arial;
font-size : 11pt;
text-decoration: none;
color : #FFFFFF}

.BIGW {font-family : Eurostyle, Arial;
font-size : 20pt;
color : #FFFFFF}

.SMALLB {font-family : Eurostyle, Arial;
font-size : 9pt;
text-decoration: none;
color : #000000}

.MEDB {font-family : Eurostyle, Arial;
font-size : 11pt;
text-decoration: none;
color : #000000}

.BIGB {font-family : Eurostyle, Arial;
font-size : 20pt;
color : #000000}

.SMALLG {font-family : Eurostyle, Arial;
font-size : 10pt;
color : #666666}

.MEDG {font-family : Eurostyle, Arial;
font-size : 14pt;
text-decoration: none;
color : #666666}

.BIGG {font-family : Eurostyle, Arial;
font-size : 18pt;
color : #666666}

.COPYRIGHT {font-family : Arial;
font-size : 7pt;
text-decoration: none;
color : #666666}

.COPYRIGHT2 {font-family : Arial;
font-size : 7pt;
text-decoration: none;
color : #FFFFFF}

A:hover {
  color: #FD8342;
  text-decoration: underline;
}

A.medo:hover {
  color: #000000;
  text-decoration: underline;
}

A.SMALLO {font-family : Eurostyle, Arial;
font-size : 9pt;
text-decoration: none;
color : #90678a
}

A.smallo:hover {
  color: #000000;
  text-decoration: underline;
}

A.COPYRIGHT:hover {
  color: #000000;
  text-decoration: underline;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.sm {font-size: 8pt;}
.tiny {font-size: 4pt;}
.heading {font-size: 13pt;font-weight: 700; color: #2E3197;}
.lbl { font-size: 9pt; font-weight: 700;}
td.error  {
  background-color: #FFC;
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  border-width:1px;
  border-style:solid;
  border-color: #996;
  font-weight: 700;
  color: #F00;
}
td.trow  {
  padding-right: 2pt;
  padding-left: 2pt;
  border-style:solid;
  border-bottom-width:2px;
  border-right-width: 0px;
  border-left-width:1px;
  border-top-width:0;
  border-color: #FFF;
  background-color: #CCC;
  text-align: center;
  font-size : 8pt;
  font-weight: 700;
}
td.orow  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #FFF;
}
td.erow  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #FFF;
}
td.txt  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #FFF;
  color: #666;
  text-align: left;
}
td.omsg  {
  background-color: #E8E8CF;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
}
td.imsg  {
  background-color: #E8E8E8;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
}
td.cmsg  {
  background-color: #E8DCCF;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
}