/* ------ seal.css ------- */
body {
    margin: 0;
    font: 12px Helvetica, Arial, sans-serif;
}

table {
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

img {
    border: none;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, form {
    margin: 0;
    padding: 0;
}

form {
    display: inline;
}

hr {
    border: none;
    height: 1px;
    background-color: #000;
    margin: 0;
}

a {
    text-decoration: none;
}

h1 {
    font-size: 16px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 13px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}

.bold {
    font-weight: bold;
}

.norm {
    font-size: 12px;
}

.small {
    font-size: 11px;
}

.mini {
    font-size: 10px;
}

.micro {
    font-size: 8px;
}

.black {
    color: #000;
}

.blue {
    color: #00f;
}

.green {
    color: #3c3;
}

.red {
    color: #f00;
}

.white {
    color: #fff;
}

.yellow {
    color: #ff0;
}

.bgBlack {
    background-color: #000;
}

.bgBlue {
    background-color: #00f;
}

.bgGreen {
    background-color: #3c3;
}

.bgRed {
    background-color: #f00;
}

.bgWhite {
    background-color: #fff;
}

.bgYellow {
    background-color: #ff0;
}

.bgOrange {
    background-color: #ff4500;
}

.borderBlack {
    border: 1px solid #000;
}

.borderBlue {
    border: 1px solid #00f;
}

.borderGreen {
    border: 1px solid #3c3;
}

.borderRed {
    border: 1px solid #f00;
}

.borderWhite {
    border: 1px solid #fff;
}

.borderYellow {
    border: 1px solid #f00;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.bottom {
    vertical-align: bottom;
}

.middle {
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.clear {
    clear: both;
    line-height: 0px;
}

.spacer {
    margin-top: 3px;
    line-height: 1px;
}

.cursorPointer {
    cursor: pointer;
}

/* ------ styles.css ------------------ */


a, a:active, a:visited {
    color: #111;
}

a:hover {
    color: #e98a40;
}

#layout {
    width: 1000px;
    position: relative;
    margin: 4px auto;
    text-align: left;
    background-color: #fff;
    padding: 0 10px 0 15px;
}

/* Tooltips */
#toolTipBox {
    position: absolute;
    display: none;
    background-color: infobackground;
    border: 1px solid #000;
    padding: 2px;
    color: infotext;
    font: 11px "Lucida Grande", Tahoma, sans-serif;
    -moz-box-shadow: 2px 6px 24px #222222;
    max-width: 25%;
}

.window {
    background-color: window;
    border-style: solid;
    border-width: thin;
    border-color: activeborder;
    color: windowtext;
}

.windowContent {
    padding: 4px;
}

.inactiveWindow {
    background-color: Window;
    border-style: solid;
    border-width: thin;
    border-color: inactiveborder;
    color: windowtext;
    padding: 4px;
}

.windowCaption {
    background-color: activecaption;
    color: captiontext;
}

.textHeadline {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
    color: #fff;
    font-weight: bold;
}


/*******************************************************************************
**  Formular-CSS
*******************************************************************************/
input.submit input.button .Button button {
    background-color: buttonface;
    color: buttontext
}

.addButton {
    margin: 2px;
    border: none;
    background-color: transparent;
    width: 25px;
    height: 25px;
    background-image: url(/img/icons/add.png);
    cursor: pointer;
}

.manipulateButton {
    margin: 2px;
    border: none;
    background-color: transparent;
    width: 25px;
    height: 25px;
    background-image: url(/img/icons/refresh.png);
    cursor: pointer;
}


.deleteButton {
    margin: 2px;
    border: none;
    background-color: transparent;
    width: 25px;
    height: 25px;
    background-image: url(/img/icons/delete.png);
    cursor: pointer;
}

.paddedTable td, .paddedTable th {
    padding: 2px 2px;
}

.borderBlue {
    border: 1px solid activeborder;
}

.bgBlue td {
    background-color: activecaption;
}

.not_revisited {
    background-color: #84CF0C;
}

.forwarded {
    background-color: #FFE04F;
}

.closed {
    background-color: #DDDDDD;
}

.originators_reply {
    background-color: #5FD5FF;
}

#ticketList tr {
    cursor: pointer;
}

#ticketList tr:hover {
    opacity: 0.75;
    outline: black dotted 1px;
}

#ticketList td.arrow {
    background: url(/img/icons/rarr.png) no-repeat;
    width: 24px;
    height: 17px;
}

#ticketList tr.inactiveWindowCaption {
    cursor: default;
}

#ticketList tr.inactiveWindowCaption:hover {
    outline: 0;
}

#ticketList tr.inactiveWindowCaption td {
    font: italic 11px/16px Helvetica, sans-serif;
    text-decoration: underline;
    text-align: center;
}

.overviewTable td {
    padding: 2px;
    width: 170px;
}

.overviewTable th {
    text-align: left;
    padding: 2px;
}

.accessDenied {
    text-decoration: line-through;
    color: #ddd;
}


ul.menubar {
    padding-left: 0;
    margin: 0;
    background: #ccf;
}

ul.menubar li {
    float: left;
    position: relative;
    list-style: none;
    padding: 2px 1.5em;
    background: #ccf;
    cursor: default;
}

ul.menubar li:hover {
    background: #aad;
}

ul.menubar li.active {
    list-style: disc inside none;
    padding-left: 0.5em;
}

ul.menubar li.active:hover {
    background: #ccf;
}

ul.menubar ul {
    padding-left: 0;
}

ul.menubar li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 18px;
    background: #ccf;
}

ul.menubar li:hover ul {
    display: block;
    -moz-box-shadow: 2px 6px 24px #222222;
}

ul.menubar ul li {
    float: none;
}

ul.menubar a, ul.menubar a:hover {
    color: #000;
}