/**
 * @project     OTRS (http://www.otrs.org) - Agent Frontend
 * @author      Felix Niklas
 * @copyright   OTRS AG
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "Ivory"
 */

@media screen,projection,tv,handheld {

/**
 * @subsection     Highlight color
 */
a,
#Footer a:hover,
.Tabs .Selected,
.Tabs .Selected:hover {
    color: #3F8DCA;
}

a:hover {
    color: #4BA7EF;
}

/**
 * @subsection     Main background color
 */

body {
    background: #DDD;
}

/**
 * @subsection     Dark color (A)
 */

#Navigation {
    background: black;
}

#Navigation .Selected a,
#Navigation .Selected a:focus,
#Navigation .Selected a:active {
    color: black;
}

#Navigation a:hover,
#Navigation li:focus a,
#Navigation li:active a {
    background: #222;
}

/**
 * @subsection     Light color (B)
 */

#Navigation a,
#Navigation a:hover
#Navigation li:focus a,
#Navigation li:active a {
    color: white;
}

#Navigation .Selected,
#Body {
    background: white;
}

/**
 * @subsection     Structure
 */

#Header {
    display: none;
}

#Navigation {
    margin: 50px auto 10px;
    padding: 8px 6px;
    width: 615px;
    height: 27px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
}

#Navigation ul,
#Navigation .Individual {
    float: none;
    position: absolute;
}

#Navigation .Individual {
    right: 8px;
}

#Navigation li {
    margin: 0 2px;
}

#Navigation .Selected + li {
    margin-left: 2px;
}

#Navigation .Selected + li a {
    padding-left: 8px;
}

#Navigation li:focus,
#Navigation li:active {
    margin-top: 0;
    background: none;
}

#Navigation a,
#Navigation li:focus a,
#Navigation li:active a {
    padding: 7px 8px;
    font-size: 10px;
    text-shadow: none;
    text-transform: uppercase;
    background: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#Navigation .Selected {
    margin-top: 0;
    height: 45px;
    border-bottom: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#Navigation .Selected a,
#Navigation .Selected a:focus,
#Navigation .Selected a:active {
    margin: 0;
    padding: 7px 11px;
    background: none;
    text-shadow: none;
}

#Body {
    margin: 0 auto;
    padding: 3px 0;
    width: 627px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#Body.TicketView {
    padding: 24px 0;
}

#Body.Login {
    margin: 50px auto 0;
    padding: 73px 0 13px;
}

.Content {
    padding: 0 10px;
    background: none;
    border: none;
    overflow: hidden;
}

.TicketZoom .Content {
    overflow: visible;
}

.TicketCompose .Content,
.Preferences .Content,
.Search .Content {
    display: block;
}

#Slider {
    margin-bottom: 0;
    width: 619px;
}

#SlideArea > div {
    padding-left: 89px;
}

.RTL #SliderArea > div {
    padding: 0 100px 0 0;
}

.ErrorBox {
    margin: -13px 90px 20px;
}

.ActionRow {
    background: none;
    border: none;
}

.ActionRow a {
    background: none;
    text-shadow: none;
}

.Tabs.Filter {
    padding: 0 16px;
}

.Tabs li a {
    padding: 6px 3px 4px;
    color: #B2B2B2;
}

.Tabs li a:hover {
    color: #666;
}

.Tabs .Selected,
.Tabs .Selected:hover {
    font-weight: normal;
}

.Pagination {
    padding: 5px 16px;
    color: #B2B2B2;
}

.Pagination a {
    text-decoration: none !important;
}

.TicketView .Content {
    padding: 16px 10px;
}

.Preferences .Content {
    padding: 0 5px;
}

table.Overview {
    color: #BBB;
}

.Overview thead {
    background: #E9E9E9;
}

.Overview thead th {
    padding: 2px 0 1px;
    border: none;
}

.Overview tbody tr {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Overview tbody tr:active {
    background-color: #444;
}

.Overview tbody a {
    color: #BBB;
    font-weight: normal;
}

.Ticket {
    display: none;
}

.Title div {
    color: #BBB;
}

.Title h2 a {
    color: #363636;
    font-size: 14px;
}

.Overview tbody tr:hover .Title h2 a {
    color: #333;
}

.Age {
    width: 7em;
}

/**
 * @subsection  Table Style Hovered
 */
.Overview tbody tr:hover {
    color: #BBB;
    border-color: #E9E9E9;
}
.Overview tbody tr:hover td {
    background: #E9E9E9;
}
.Overview tbody tr:hover td,
.Overview tbody tr:hover a {
    color: #BBB;
    text-shadow: none;
}
.Overview tbody tr:hover .Title div {
    color: #BBB;
    text-shadow: none;
}

/**
 * @subsection  Table Style Active
 */
.Overview tbody tr:focus td,
.Overview tbody tr:active td {
    background-image: none;
    padding: 7px 8px 2px;
}

/**
 * @subsection  Forms
 */

.Box label {
    width: 86px;
}

.Box button {
    margin: 4px 0 0 108px;
}

form span.cke_skin_kama {
    width: 595px !important;
}

/**
 * @subsection  TicketZoom
 */

.TicketHeader {
    margin-top: 5px;
}

.Metadata {
    margin: 0 8px;
    top: -28px;
    right: -5px;
}

.RTL .Metadata {
    right: auto;
    left: -5px;
}

#FollowUp {
    margin: 0 5px 8px;
    border-bottom: 1px solid #D6D6D6;
}

.JavaScriptAvailable #FollowUp {
    margin-bottom: 24px;
}

#Messenger #RichText {
    width: 574px;
}

#Body.TicketZoom form span.cke_skin_kama {
    width: 570px !important;
}

#RichText {
    width: 574px;
    margin: 0 13px;
    border-color: #CCC;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/**
 * @subsection  MessageBox
 */

.MessageBox {
    margin: 0 auto;
    padding: 0;
    width: 578px;
    height: 16px;
    background: none;
    border: none;
    position: relative;
}

.MessageBox p {
    padding: 24px 21px 2px;
    color: #777777;
    text-decoration: underline;
}

.MessageBox.Notice p,
.MessageBox.Error p {
    background-position: 0 23px;
}

.MessageBox + #Body {
    margin-top: -16px;
    padding: 24px 0 3px;
}

/**
 * @subsection  Footer
 */

#Footer {
    margin: 0 auto 20px;
    width: 627px;
    font-size: 11px;
    color: #B2B2B2;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#Footer > * {
    margin: 16px 16px 11px;
}

#Footer ul {
    margin-left: 0;
}

} /* end @media */