/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

    #fancybox-loading div {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 480px;
        background-image: url('../../img/vodafone/Fancybox/fancybox.png');
    }

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    display: none;
    background-color: #333 !important;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    background: #fff;
}

    #fancybox-content .fx.icon-bin {
        cursor: pointer;
    }

    #fancybox-content pre {
        font-family: 'Arial',Helvetica,Thaoma, sans-serif;
        font-size: 0.938em;
    }

    #fancybox-content h1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0 0 12px 0;
        font: 400 30px/1.158 "VodafoneExtra",Arial,sans-serif;
        color: #333;
        padding: 8px 0;
    }

    #fancybox-content fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }

div.fancy-content {
    padding: 0 0 8px 0;
}

#fancybox-content .fancy-content-left {
    margin: 0 0 0 8px;
    width: 370px;
}

#fancybox-content .fancy-content-right {
    margin: 0 8px 0 0;
}

#fancybox-content .left {
    float: left;
    margin: 8px;
}

#fancybox-content .right {
    float: right;
    margin: 8px;
}
/*
#fancybox-content .jstree-default ul li[typeid="20"] > ul {
    margin: 0;
}
*/
#fancybox-content .jstree-default li[typeid="0"] a i {
    background: url(../../img/vodafone/Icons/svg/f_unread.svg);
}

#fancybox-content .jstree-default li[typeid="27"] a i {
    background: url(../../img/vodafone/Icons/svg/box.svg);
}

#fancybox-content h3 {
    font-size: 1.2em;
    font-weight: normal;
}


#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    cursor: pointer;
    display: none;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    padding: 6px;
    z-index: 1103;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 100%;
}

#fancybox-error {
    color: #444;
    font-weight: normal;
    font-size: 0.75em;
    line-height: 1.253em;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0em;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('../../img/vodafone/Fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    background-image: url('../../img/vodafone/Fancybox/cc_slider_arrows.png');
    top: 50%;
    left: -9999px;
    width: 38px;
    height: 120px;
    cursor: pointer;
    z-index: 1102;
    display: block;
    visibility: visible;
}

#fancybox-left-ico {
    background-position: -29px -25px;
}

#fancybox-right-ico {
    background-position: -102px -25px;
    right: 0;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

    #fancybox-left:hover span {
        left: 0;
    }

    #fancybox-right:hover span {
        left: auto;
    }

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    background: #fff;
    background-image: none;
    left: 0;
    top: -20px;
    width: 100%;
}

#fancybox-bg-ne {
    background: #fff;
    background-image: none;
    right: -20px;
    top: -20px;
}

#fancybox-bg-e {
    background: #fff;
    background-image: none;
    height: 100%;
    right: -20px;
    top: 0;
}

#fancybox-bg-se {
    background: #fff;
    background-image: none;
    bottom: -20px;
    right: -20px;
}

#fancybox-bg-s {
    background: #fff;
    background-image: none;
    bottom: -20px;
    left: 0;
    width: 100%;
}

#fancybox-bg-sw {
    background: #fff;
    background-image: none;
    bottom: -20px;
    left: -20px;
}

#fancybox-bg-w {
    background: #fff;
    background-image: none;
    height: 100%;
    left: -20px;
    top: 0;
}

#fancybox-bg-nw {
    background: #fff;
    background-image: none;
    left: -20px;
    top: -20px;
}

#fancybox-title {
    font-weight: normal;
    font-size: 0.75em;
    z-index: 1102;
    margin: 0 !important;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
}

.fancybox-title-inside {
    text-align: center;
    color: #333;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
    text-align: left;
    height: 30px;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('../../img/vodafone/Fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

    #fancybox-title-float-wrap td {
        border: none;
        white-space: nowrap;
    }

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../../img/vodafone/Fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 2.6em;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../../img/vodafone/Fancybox/fancybox-x.png') -40px -112px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../../img/vodafone/Fancybox/fancybox.png') -55px -90px no-repeat;
}


/* IE6, IE7, IE8 */

.fancybox-ie #fancybox-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_n.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_e.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_se.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_s.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_w.png', sizingMethod='scale');
}

.fancybox-ie #fancybox-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/vodafone/Fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

div.inner {
    background: #fff;
    max-height: 300px;
    overflow: auto;
}

#fancybox-content #list-container {
    background: #fff;
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
    height: 100%;
    height: calc(100% - 110px);
    overflow: auto;
}

#fancybox-content .store-item .buttonbar {
    text-align: right;
    margin-top: 8px;
    transition: 0.4s;
    position: absolute;
    right: -40px;
}

#fancybox-content .store-item[data-command="less"] .buttonbar,
#fancybox-content .store-item[data-command="more"]:hover .buttonbar {
    transition: 0.4s;
    position: absolute;
    right: 0;
}

#fancybox-content .store-item {
    margin: 0 10px 10px 0;
}

/*Verschieben Dialog im PopUp*/
#fancybox-content .footer {
    text-align: right;
    margin: 15px 0 0 0;
}

#fancybox-content .buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

    #fancybox-content .buttons a {
        text-decoration: none;
        font-weight: 700;
    }

#fancybox-content .btn-warning {
    min-width: auto;
    background: #fff;
    border-color: #fff;
}

    #fancybox-content .btn-warning i.fx:before {
        color: #333;
        margin: 0;
    }

    #fancybox-content .btn-warning:hover {
        background: #ebebeb;
        border-color: #ebebeb;
    }

#fancybox-content .jstree-default {
    font-size: 1em;
    height: 100%;
}

    #fancybox-content .jstree-default > ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        height: calc(100% - 110px);
        overflow: auto;
    }

#fancybox-content .scrollcontainer,
#fancybox-content .firstpage {
    height: 100%;
}

#fancybox-content .ui-widget.ui-widget-content {
    border: 0;
    border-radius: 0;
}

#fancybox-content .ui-widget-header {
    background: none;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
/*--------------------------------------------end fancybox--------------------------------------------*/
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px rgb(51 51 51 / 30%);
    font-weight: 400;
    padding: 12px 16px 0;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content h2 span {
    top: -10px;
    position: relative;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc;
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
}

/*start Accordion in der Tarifübersicht*/
.tariff_overview .tariffContainer h1 {
    margin: 0 0 20px 0;
    text-align: center;
}

.tariff_overview .ui-accordion table .cg1 {
    width: 350px;
}

.tariff_overview .ui-accordion table .cg2 {
    width: 50px;
}

.tariff_overview .ui-accordion table .cg3 {
    width: auto;
}

.tariff_overview .ui-accordion table .cg4 {
    width: auto;
}

.tariff_overview .ui-accordion table .cg5 {
    width: auto;
}

.tariff_overview .ui-accordion table tr td {
    padding: 0 0 10px 0;
}

    .tariff_overview .ui-accordion table tr td div.txt,
    .tariff_overview .ui-accordion table tr td div.imgTxt,
    .tariff_overview .ui-accordion table tr td div.imgTariff {
        text-align: center;
    }

        .tariff_overview .ui-accordion table tr td div.imgTxt i.fx {
            cursor: pointer;
        }

.tariff_overview .ui-accordion .tfSelected {
    background-color: #eee;
}

/*--------------------------------------------end accordion--------------------------------------------*/
/*--------------------------------------------start tabellen im Wiki--------------------------------------------*/
.wikitable {
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    margin: 8px 0;
}

    .wikitable th {
        text-align: left;
        padding: 3px;
        margin: 0;
        background: #EFEFEF;
    }

    .wikitable td {
        padding: 3px;
        margin: 0;
    }
/*--------------------------------------------start jcarousel--------------------------------------------*/

.jcarousel {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0;
}

    .jcarousel::after {
        clear: both;
        content: "";
    }

    .jcarousel ul {
        width: 10000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li,
    .preViewImage {
        float: left;
        list-style: none;
        cursor: pointer !important;
        border: 1px solid #ccc !important;
        height: 142px !important;
        margin: 0 4px;
        width: 188px !important;
        padding: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .jcarousel li.jcarousel-item-selected,
        .jcarousel li:hover {
            border: 1px solid #eb0000 !important;
        }

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 392px;
    left: 24px;
    margin: 0;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    height: 144px;
    left: 20px;
    overflow: hidden;
    position: absolute !important;
    width: 155px !important;
}

    .jcarousel-skin-tango .jcarousel-clip-vertical ul {
        height: auto !important;
    }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute !important;
    top: 0;
    right: 0;
    height: 146px;
    cursor: pointer;
    width: 21px !important;
    background: transparent url('../../img/vodafone/Gui/arrowSprite.gif') no-repeat 0 -144px !important;
    display: none;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: transparent url('../../img/vodafone/Gui/arrowSprite.gif') no-repeat 0 0 !important;
    cursor: pointer;
    height: 144px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px;
    display: none;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    top: 0;
    left: 175px;
    width: 21px;
    height: 144px;
    cursor: pointer;
    background: transparent url('../../img/vodafone/Gui/arrowSprite.gif') no-repeat 0 -144px !important;
}

    .jcarousel-skin-tango .jcarousel-next-vertical:hover,
    .jcarousel-skin-tango .jcarousel-next-vertical:focus {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-next-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 144px;
    cursor: pointer;
    background: transparent url('../../img/vodafone/Gui/arrowSprite.gif') no-repeat 0 0 !important;
}

    .jcarousel-skin-tango .jcarousel-prev-vertical:hover,
    .jcarousel-skin-tango .jcarousel-prev-vertical:focus {
        background-position: 0 -32px;
    }

    .jcarousel-skin-tango .jcarousel-prev-vertical:active {
        background-position: 0 -64px;
    }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

table.jcarousel-control {
    position: absolute;
    bottom: 0;
}

    table.jcarousel-control tr td {
        padding: 0;
        border-right: 1px solid #003754;
        border-left: 1px solid #fff;
    }

        table.jcarousel-control tr td:first-child {
            border-left: 0;
        }

    table.jcarousel-control a {
        color: #fff;
        display: block;
        font-size: 0.8em;
        font-weight: bold;
        height: 37px;
        margin: 0;
        overflow: hidden;
        padding: 4px 12px;
        text-decoration: none;
    }

        table.jcarousel-control a span {
            font-weight: normal;
        }

.jcarousel-control .active,
.jcarousel-control a:focus,
.jcarousel-control a:hover,
.jcarousel-control a:active {
    background: #95BD0C;
    color: #fff;
}

.jcarousel-scroll {
    display: block;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 100%;
}

    .jcarousel-scroll form {
        margin: 0;
        padding: 0;
    }

/*--------------------------------------------start grid--------------------------------------------*/
.mainContent {
    height: 100%;
}

    .mainContent div.ui-layout-pane {
        border: 0 !important;
    }

    .mainContent .ui-widget-content {
        font-weight: normal;
        font-size: 1em;
        border: 0 !important;
    }

        .mainContent .ui-widget-content .unread td {
            font-weight: bold !important;
        }

        .mainContent .ui-state-default,
        .mainContent .ui-widget-content .ui-state-default,
        .mainContent .ui-widget-header .ui-state-default {
            background: none;
            border-color: #eee;
            color: #8a8a8a;
        }

.ui-layout-resizer.ui-layout-resizer-west,
.ui-layout-resizer.ui-layout-resizer-south,
.ui-layout-resizer.ui-layout-resizer-east {
    background-image: none !important;
    background: #f4f4f4;
}

.ui-layout-resizer:hover {
    background-color: #ccc !important;
}

#west-toggler {
    background: url("../../img/vodafone/jqgrid/splitterBar.gif") no-repeat scroll 100% 0 !important;
}

.ui-layout-resizer .ui-layout-toggler {
    background: #dcdcdc;
    border-width: 0;
}


/*--------------------------------------------start Flyouts in der Ribbonbar--------------------------------------------*/
/* Interaction states----------------------------------*/
.fg-menu-container {
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 1px 2px rgb(50 50 50 / 75%);
    color: #333;
    padding: 10px 0;
    position: absolute;
    left: -999px;
    overflow: hidden;
    z-index: 151;
}

    .fg-menu-container.fg-menu-flyout {
        overflow: visible;
    }


    .fg-menu-container .ui-state-default a, .fg-menu-container .ui-widget-content .ui-state-default a {
        background: #fff;
        border: 1px solid #fff;
        color: #636563;
        display: block;
        font-weight: normal;
        outline: medium none;
        padding: 1px 2px;
    }


    .fg-menu-container .ui-state-default a {
        color: #fff;
        text-decoration: none;
        outline: none;
    }

    .fg-menu-container .ui-state-hover,
    .fg-menu-container .ui-widget-content .ui-state-hover,
    .fg-menu-container .ui-state-focus,
    .fg-menu-container .ui-widget-content .ui-state-focus {
        text-decoration: none;
        border: 1px solid #fff;
        font-weight: normal;
        color: #e60000;
    }

    .fg-menu-container .checked a,
    .fg-menu-container .checked a.ui-state-hover,
    .fg-menu-container .checked i.fx:before {
        color: #e60000;
    }

    .fg-menu-container .ui-state-hover a {
        text-decoration: none;
    }

    /** Custom CSS */
    .fg-menu-container .ui-state-active img {
        border-left: 1px solid #fff !important;
    }

    .fg-menu-container .ui-widget-content .ui-state-active {
        background: #db5c0b;
        border: 1px solid #db5c0b !important;
        color: #fff !important;
    }

    .fg-menu-container .ui-state-active a {
        color: #403D38;
        outline: none;
        text-decoration: none;
    }
    /* Interaction Cues----------------------------------*/
    .fg-menu-container .ui-state-highlight, .fg-menu-container .ui-widget-content .ui-state-highlight {
        border: none;
        color: #fff;
    }

        .fg-menu-container .ui-state-highlight a, .fg-menu-container .ui-widget-content .ui-state-highlight a {
            color: #363636;
        }

    .fg-menu-container .ui-state-error, .fg-menu-container .ui-widget-content .ui-state-error {
        border: 1px solid #e3a345;
        background: #ffedad url('../../img/Flyout/ui-bg_highlight-soft_95_ffedad_1x100.png') 50% top repeat-x;
        color: #cd5c0a;
    }

        .fg-menu-container .ui-state-error a, .fg-menu-container .ui-widget-content .ui-state-error a {
            color: #cd5c0a;
        }

    .fg-menu-container .ui-state-error-text, .fg-menu-container .ui-widget-content .ui-state-error-text {
        color: #cd5c0a;
    }

    .fg-menu-container .ui-state-disabled, .fg-menu-container .ui-widget-content .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

    .fg-menu-container .ui-priority-primary, .fg-menu-container .ui-widget-content .ui-priority-primary {
        font-weight: bold;
    }

    .fg-menu-container .ui-priority-secondary, .fg-menu-container .ui-widget-content .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    /* Icons----------------------------------*/
    /* states and images */
    .fg-menu-container .ui-icon {
        background-size: 100%;
        width: 24px;
        height: 24px;
        background-image: url(../../img/vodafone/Icons/svg/arrow_mini_down.svg);
        background-position: 0 0 !important;
    }

    .fg-menu-container .ui-widget-content .ui-icon {
        background-image: url('../../img/vodafone/Ribbonbar/ui-icons_808080_256x240.png');
    }

    .fg-menu-container .ui-state-default .ui-icon {
        background-image: url(../../img/vodafone/Icons/svg/arrow_mini_up.svg);
    }

    .fg-menu-container .ui-state-hover .ui-icon,
    .fg-menu-container .ui-state-focus .ui-icon {
        background-image: url(../../img/vodafone/Icons/svg/arrow_mini_up.svg);
    }

    .fg-menu-container .ui-state-active .ui-icon {
        background-image: url('../../img/vodafone/Ribbonbar/ui-icons_ffffff_256x240.png');
    }

    .fg-menu-container .ui-state-highlight .ui-icon {
        background-image: url('../../img/vodafone/Ribbonbar/ui-icons_ffffff_256x240.png');
    }

    .fg-menu-container .ui-state-error .ui-icon, .fg-menu-container .ui-state-error-text .ui-icon {
        background-image: url('../../img/vodafone/Ribbonbar/ui-icons_cd0a0a_256x240.png');
    }

/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/
/* REQUIRED STYLES - the menus will only render correctly with these rules */

.fg-menu, .fg-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fg-menu {
    position: relative;
}

.fg-menu-flyout .fg-menu {
    position: static;
    float: left;
    width: 100%;
}

.fg-menu ul {
    position: absolute;
    top: 0;
}

    .fg-menu ul ul {
        top: -1px;
    }

.fg-menu-container.fg-menu-ipod .fg-menu-content,
.fg-menu-container.fg-menu-ipod .fg-menu-content ul {
    background: none !important;
}

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll {
    overflow: scroll;
    overflow-x: hidden;
}

.fg-menu li {
    list-style: none;
    clear: both;
    white-space: nowrap;
    float: left;
    width: calc(100% - 24px);
    margin: 0;
    padding: 0 12px;
    border: 0;
}

    .fg-menu li a:hover,
    .fg-menu li.li-hover,
    .fg-menu li.li-hover i.fx::before,
    .fg-menu li.li-hover a {
        color: #eb0000 !important;
    }

        .fg-menu li a:hover ul li a,
        .fg-menu li.li-hover ul li a i.fx::before,
        .fg-menu li.li-hover ul li a {
            color: #333 !important;
        }

            .fg-menu li a:hover ul li a:hover,
            .fg-menu li.li-hover ul li.li-hover i.fx::before,
            .fg-menu li.li-hover ul li.li-hover a i.fx::before,
            .fg-menu li.li-hover ul li.li-hover a {
                color: #eb0000 !important;
            }

    .fg-menu li#active-menuitem a {
        color: inherit !important;
    }

        .fg-menu li#active-menuitem a:hover {
            color: #eb0000 !important;
        }

    .fg-menu li.li-hover ul li.li-hover,
    .fg-menu li.li-hover ul li a {
        color: #000 !important;
    }

    .fg-menu li.li-hover ul li.li-hover {
        color: #eb0000 !important;
    }

    .fg-menu li.li-hover ul li i.icon-pen:before,
    .fg-menu li.li-hover ul li i.icon-offline:before,
    .fg-menu li.li-hover ul li i.icon-not-offline:before {
        color: #000 !important;
    }

    .fg-menu li.li-hover ul li.li-hover i.icon-pen:before,
    .fg-menu li.li-hover ul li.li-hover i.icon-offline:before,
    .fg-menu li.li-hover ul li.li-hover i.icon-not-offline:before {
        color: #eb0000 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_0:before {
        color: #00930a !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_1:before {
        color: #3377a8 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_2:before {
        color: #005693 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_3:before {
        color: #933000 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_4:before {
        color: #95c11f !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_5:before {
        color: #e7c219 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_6:before {
        color: #666 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_7:before {
        color: #e30613 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_8:before {
        color: #ff9000 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_9:before {
        color: #9c2aa0 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_10:before {
        color: #ac1e1d !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_11:before {
        color: #007c92 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_12:before {
        color: #fadd72 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_13:before {
        color: #494949 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_14:before {
        color: #aaa !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_15:before {
        color: #e89f02 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_16:before {
        color: #2f4a59 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_17:before {
        color: #ba4750 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_18:before {
        color: #7a5000 !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_19:before {
        color: #7e102c !important;
    }

    .fg-menu li.li-hover ul li i.icon-flag.flag_20:before {
        color: #e84c3d !important;
    }

    .fg-menu li.noHover:hover {
        background: none;
    }

    .fg-menu li.noHover hr {
        background: none;
        border-bottom: 1px solid #ccc;
        margin: 0;
        position: relative;
        display: block;
    }

    .fg-menu li i {
        opacity: 1;
        float: left;
        margin: 0 0.4em 0 0;
    }

    .fg-menu li img.ico_filter_all,
    .fg-menu li img.ico_filter_unread,
    .fg-menu li img.ico_filter_flagged,
    .fg-menu li img.ico_filter_prio,
    .fg-menu li img.ico_filter_attach,
    .fg-menu li img.ico_filter_hidden,
    .fg-menu li img.ico_filter_image,
    .fg-menu li img.ico_filter_audio,
    .fg-menu li img.ico_filter_video,
    .fg-menu li img.ico_filter_application,
    .fg-menu li img.ico_filter_private,
    .fg-menu li img.ico_filter_business,
    .fg-menu li img.ico_filter_company,
    .fg-menu li img.ico_filter_birthday,
    .fg-menu li img.ico_filter_rated,
    .fg-menu li img.ico_filter_not_rated {
        display: none;
        visibility: hidden;
    }

    .fg-menu li img.ico_contact,
    .fg-menu li img.ico_imprint,
    .fg-menu li img.ico_protection,
    .fg-menu li img.ico_agb,
    .fg-menu li img.ico_revocation,
    .fg-menu li img.ico_service,
    .fg-menu li img.ico_faq {
        display: none;
    }

    .fg-menu li img.sort_order_asc,
    .fg-menu li img.sort_order_desc,
    .fg-menu li img.sort_order_none {
        height: 16px;
        width: 16px;
    }

    .fg-menu li li {
        font-size: 1em;
    }
/* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul li > ul {
    background: #fff !important;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
    color: #333;
}

.fg-menu-flyout li {
    position: relative;
}


.fg-menu-scroll {
    overflow: scroll;
    overflow-x: hidden;
}

.fg-menu-breadcrumb {
    margin: 0;
    padding: 0;
}

.fg-menu-footer {
    margin-top: .4em;
    padding: .4em;
}

.fg-menu-header {
    margin-bottom: .4em;
    padding: .4em;
}

.fg-menu-breadcrumb li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 .2em;
    font-size: .9em;
    opacity: .7;
}

    .fg-menu-breadcrumb li.fg-menu-prev-list,
    .fg-menu-breadcrumb li.fg-menu-current-crumb {
        clear: left;
        float: none;
        opacity: 1;
    }

    .fg-menu-breadcrumb li.fg-menu-current-crumb {
        padding-top: .2em;
    }

.fg-menu-breadcrumb a,
.fg-menu-breadcrumb span {
    float: left;
}

.fg-menu-footer a:link,
.fg-menu-footer a:visited {
    float: left;
    width: 100%;
    text-decoration: none;
}

.fg-menu-footer a:hover,
.fg-menu-footer a:active {
}

.fg-menu-footer a span {
    float: left;
    cursor: pointer;
}

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active {
    background-image: none;
    text-decoration: none;
}

.fg-menu-breadcrumb .fg-menu-prev-list a {
    float: left;
    padding-right: .4em;
}

    .fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon {
        float: left;
    }

.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active {
    display: block;
    background-image: none;
    font-size: 1.3em;
    text-decoration: none;
}



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active {
    outline: 0 none !important;
    display: inline-block;
    overflow: hidden;
    padding: 6px 0;
    text-decoration: none;
    width: 100%;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(bindings/bindings.xml#ellipsis);
}

.fg-menu a {
    border: 1px dashed transparent;
}

    .fg-menu a.ui-state-default:link,
    .fg-menu a.ui-state-default:visited,
    .fg-menu a.ui-state-default:hover,
    .fg-menu a.ui-state-default:active,
    .fg-menu a.ui-state-hover:link,
    .fg-menu a.ui-state-hover:visited,
    .fg-menu a.ui-state-hover:hover,
    .fg-menu a.ui-state-hover:active,
    .fg-menu a.ui-state-active:link,
    .fg-menu a.ui-state-active:visited,
    .fg-menu a.ui-state-active:hover {
        font-weight: normal;
        background: none;
        text-decoration: none;
        border: 0;
        color: #333;
    }

    .fg-menu a span {
        display: block;
        cursor: pointer;
    }


/* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */

.fg-menu-indicator span {
    float: left;
}

    .fg-menu-indicator span.ui-icon {
        float: right;
    }

.fg-menu-content.ui-widget-content,
.fg-menu-content ul.ui-widget-content {
    border: 0;
}


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active {
    padding-left: 20px;
}

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span {
    padding: 0;
    margin: 5px .6em;
}

.fg-menu .horizontal-divider hr {
    border: 0;
    height: 1px;
}

.fg-menu .horizontal-divider span {
    font-size: .9em;
    text-transform: uppercase;
    padding-left: .2em;
}

/** Begrenzung für die DropDownListe **/
.fg-menu-container .fixed {
    height: 400px !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

.fg-menu-container ul.senderFlyout li a {
    margin: 0 0 0 28px;
}

/*--------------------------------------------end Flyouts in der Ribbonbar--------------------------------------------*/
/*--------------------------------------------start datepicker--------------------------------------------*/
.ui-datepicker {
    border: 1px solid #868686 !important;
}

img.ui-datepicker-trigger {
    background: url('../../img/vodafone/Icons/svg/agenda.svg') no-repeat 0 0;
    width: 24px;
    height: 24px;
    background-size: 100%;
}

img.ui-delete-trigger {
    background: url('../../img/vodafone/Icons/svg/cross.svg') no-repeat 0 0;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a {
    color: #e60000 !important;
}

    .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a.ui-state-active {
        color: #fff !important;
    }

.ui-datepicker-calendar tbody tr td.ui-datepicker-week-end:hover a {
    color: #fff !important;
}

#calendar-picker .ui-datepicker-calendar tbody tr td a:hover,
.ui-datepicker .ui-state-active,
.ui-datepicker-calendar tbody tr td a:hover {
    background: #E60000 !important;
    color: #fff !important;
    text-decoration: none;
    border: 1px solid #E60000;
}

#calendar-picker .ui-datepicker .ui-state-active,
#calendar-picker .ui-datepicker-calendar tbody tr td.ui-datepicker-selected a,
#calendar-picker .ui-datepicker .ui-state-active {
    color: #333;
    text-decoration: none;
    background: #eee;
}

#calendar-picker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
    border: 1px solid #E60000 !important;
    color: #fff !important;
    background: #E60000;
}

.ui-datepicker-today .ui-state-default,
.ui-datepicker-today .ui-state-highlight,
.ui-datepicker-today .ui-state-active,
.ui-datepicker-today .ui-state-hover,
.ui-datepicker-today .ui-widget-content .ui-state-hover,
.ui-datepicker-today .ui-state-focus,
.ui-datepicker-today .ui-widget-content .ui-state-focus {
    border: 1px solid #E60000 !important;
    background: #E60000 !important;
    color: #fff !important;
}


/*------------------------------------------end DateTimePicker------------------------------------------*/
/*** TimePicker ***/
img.timeIcon {
    background: url('../../img/vodafone/Icons/svg/clock.svg') no-repeat 0 0;
    width: 16px;
    height: 16px;
}

ul.ui-timepicker-list {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #868686;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 150px;
    z-index: 152;
}

    ul.ui-timepicker-list .ui-timepicker-am,
    ul.ui-timepicker-list .ui-timepicker-pm {
        list-style: none;
        display: inline;
        float: left;
        margin: 0;
        padding: 5px;
        width: 40px;
        text-align: center;
    }

        ul.ui-timepicker-list .ui-timepicker-am:hover,
        ul.ui-timepicker-list .ui-timepicker-pm:hover {
            background: #eee;
            cursor: pointer;
        }

        ul.ui-timepicker-list .ui-timepicker-am.ui-timepicker-selected,
        ul.ui-timepicker-list .ui-timepicker-pm.ui-timepicker-selected {
            background: #E60000;
            color: #fff;
        }

/*------------------------------------------end time- und datepicker in der Toolbar------------------------------------------*/

/*------------------------------------------start Alerts------------------------------------------*/
#popup_container {
    font-size: 100%;
    min-width: 300px;
    max-width: 600px;
    background: #fff;
    border: 1px solid #eee;
    color: #333;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 3px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

#popup_title {
    font: 400 22px/1.158 "VodafoneExtra",Arial,sans-serif;
    text-align: left;
    line-height: 1.75em;
    background: #fff;
    color: #333;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
    border-bottom: 0;
}

#popup_content {
    background: 0 0 no-repeat url('../../img/vodafone/common/info.png') #fff !important;
    border: 10px solid #fff;
    border-top: 0;
    padding: 0;
    margin: 0em;
}

    #popup_content.alert {
        background-image: url('../../img/vodafone/common/info.png');
    }

    #popup_content.confirm {
        background-image: url('../../img/vodafone/common/important.png');
    }

    #popup_content.prompt {
        background-image: url('../../img/vodafone/common/help.png');
    }

#popup_message {
    padding-left: 48px;
    min-height: 32px;
    line-height: 2.000em;
}

#popup_panel {
    text-align: right;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}
/*------------------------------------------end Alerts------------------------------------------*/


/*Styling aktive Tags im Kontextmenü*/
.tagmenu {
    max-height: 360px;
    width: 200px !important;
    overflow-y: scroll;
    z-index: 151;
}

.fg-menu li span[class*='flag_'] i.icon-flag[class*='flag_'] {
    background: inherit;
    padding: 0;
    float: left;
}

.fg-menu li span[class*='flag_'] {
    background: none;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    margin: 4px 0;
    vertical-align: top;
}

    .fg-menu li span[class*='flag_'] a[data-command="assignTag"] {
        width: calc(100% - 20px);
        position: relative;
        white-space: nowrap;
        border: 0;
        padding: 4px 0;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -moz-binding: url(bindings/bindings.xml#ellipsis);
    }

    .fg-menu li span[class*='flag_'] a[data-command="unassignTag"] {
        width: 20px;
    }

    .fg-menu li span[class*='flag_'] a.ui-state-hover {
        background: none;
        color: #fff !important;
    }

    .fg-menu li span[class*='flag_'] a i.fx.icon-bin,
    .fg-menu li span[class*='flag_'] a i.fx.icon-bin:hover {
        position: absolute;
        margin: 0;
        right: 8px;
        top: 8px;
        width: auto;
        display: inline-block !important;
        float: none;
        font-size: 100%;
        opacity: 1;
    }

        .fg-menu li span[class*='flag_'] a i.fx.icon-bin i {
            display: none;
            visibility: hidden;
        }

.ui-tabs .ui-tabs-panel .emailLinkList span .fx.icon-bin,
.ui-tabs .ui-tabs-panel .publicLinkList span .fx.icon-bin {
    float: right;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-tab {
    border-bottom: 0 !important;
    background: none;
    border-color: #fff;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-tab a {
        color: #333 !important;
        font-weight: bold;
    }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 2px solid #e60000 !important;
    background: none;
    border-color: #fff;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
        color: #e60000 !important;
        font-weight: bold;
    }