/*
 * @project     KIX4OTRS (http://www.cape-it.de) - Customer Frontend
 * @version     $Revision: 1.8 $
 * @copyright   c.a.p.e. IT GmbH
 * @license     AGPL (http://www.gnu.org/licenses/agpl.txt)
 */

/**
 * @package     Skin "default"
 * @section     Customer
 */

@media screen,projection,tv,handheld {

/**
 * @subsection  Navigation
 */
#Navigation {
    width:                 100%;
    clear:                 both;
    border:             none;
    top:                54px;
    background:         none;
    height:             21px;
    position:           absolute;
    z-index:            11;
}

#Navigation .Selected,
#Navigation .Selected:active {
    margin-top: 0px;
    height:21px;
    background: none;
    border-bottom: 0;
}

#Navigation .Selected > a {
    background: url("../img/controlrow_isolator.png") no-repeat scroll right 2px rgba(0, 0, 0, 0);
    color: #000;
    text-shadow: none;
    padding: 5px 10px 4px 11px;
}

#Navigation > ul > li > ul {
    top: 22px;
}

/**
 * @subsection  Action Row / MessageBox (Notification)
 */

.ActionRow {
    border:         none;
}

.MessageBox p {
    margin: 5px 7px;
    padding: 1px 0 1px 20px;
    background-position: left;
}

#BottomActionRow {
    padding: 5px 9px;
    background: #A7AAAA url("../img/GradientSmall.png") repeat-x 0 0;
    border: 1px solid #B8BBBB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top:     20px;
    text-align:     right;
}

.Tabs a:hover {
    color: #EB9430;
}

.Tabs .Selected {
    font-weight: bold;
    color: #EB9430;
}

} /* end @media */