﻿.RadWindow_MyCustomSkin {
    /* improves drag&drop in mobile browsers */
    -webkit-transform: rotate3d(0, 0, 1, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-transform: rotate3d(0, 0, 1, 0);
    -moz-backface-visibility: hidden;
    -moz-perspective: 1000;
    -o-transform: rotate3d(0, 0, 1, 0);
    -o-backface-visibility: hidden;
    -o-perspective: 1000;
    -ie-transform: rotate3d(0, 0, 1, 0);
    -ie-backface-visibility: hidden;
    -ie-perspective: 1000;
    border: 1px solid #ddd;
    background: white;
    border-radius:8px;
    /* MVC overrides */
    /* Support for displayng the rwLoading image in the iframe's parent TD */
    /* Support for displaying rwLoading image in the status bar  */
    /* reload button */
    /* unpin button */
    /* pin button */
    /* minimize button */
    /* maximize button */
    /* close button */
    /* restore button */
    /* stop the control buttons from stretching in IE8 */
    /* css for window's top corners when visibletitlebar is set to false */
    /* Window Horizontal Shadows */
    /* Window Vertical Shadows */
    /* Shadows minimzed specific style */
    /* css for shadowed window's top corners when visibletitlebar is set to false */
    /* Inactive notitlebar state */
}

    .RadWindow_MyCustomSkin .rwTitleRow,
    .RadWindow_MyCustomSkin .rwTitleRow * {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
    }

    .RadWindow_MyCustomSkin table.rwTable,
    .RadWindow_MyCustomSkin table.rwShadow,
    .RadWindow_MyCustomSkin .rwTitlebarControls {
        border: 0;
        padding: 0;
    }

        .RadWindow_MyCustomSkin .rwCorner,
        .RadWindow_MyCustomSkin .rwTitlebar,
        .RadWindow_MyCustomSkin .rwStatusbar,
        .RadWindow_MyCustomSkin .rwFooterCenter,
        .RadWindow_MyCustomSkin .rwTitlebarControls td {
            padding: 0;
            margin: 0;
            border: 0;
            border-collapse: collapse;
            vertical-align: top;
        }

    .RadWindow_MyCustomSkin .rwTopResize {
        font-size: 1px;
        line-height: 4px;
        width: 100%;
        height: 4px;
        background-position: 0 -31px;
        background-repeat: repeat-x;
    }

    .RadWindow_MyCustomSkin .rwStatusbarRow .rwCorner {
        background-repeat: no-repeat;
    }

    .RadWindow_MyCustomSkin .rwStatusbarRow .rwBodyLeft {
        background-position: -16px 0;
    }

    .RadWindow_MyCustomSkin .rwStatusbarRow .rwBodyRight {
        background-position: -24px 0;
    }

    .RadWindow_MyCustomSkin .rwStatusbar {
        height: 22px;
        background-position: 0 -113px;
        background-repeat: repeat-x;
    }

        .RadWindow_MyCustomSkin .rwStatusbar div {
            width: 18px;
            height: 18px;
            padding: 0 3px 0 0;
            background-position: 0 -94px;
            background-repeat: no-repeat;
        }

    .RadWindow_MyCustomSkin .rwTable {
        width: 100%;
        height: 100%;
        table-layout: auto;
        /* fixes the dimensions under IE */
    }

    .RadWindow_MyCustomSkin .rwCorner {
        width: 8px;
    }

    .RadWindow_MyCustomSkin .rwTopLeft,
    .RadWindow_MyCustomSkin .rwTopRight,
    .RadWindow_MyCustomSkin .rwTitlebar,
    .RadWindow_MyCustomSkin .rwFooterLeft,
    .RadWindow_MyCustomSkin .rwFooterRight,
    .RadWindow_MyCustomSkin .rwFooterCenter {
        height: 1px;
        font-size: 1px;
        background-repeat: no-repeat;
        line-height: 1px;
    }

    .RadWindow_MyCustomSkin .rwBodyLeft,
    .RadWindow_MyCustomSkin .rwBodyRight {
        background-repeat: repeat-y;
    }

    .RadWindow_MyCustomSkin .rwBodyRight {
        background-position: -8px 0;
    }

    .RadWindow_MyCustomSkin .rwTopLeft {
        background-position: 0 0;
    }

    .RadWindow_MyCustomSkin .rwTopRight {
        background-position: -8px 0;
    }

    .RadWindow_MyCustomSkin table .rwTitlebar {
        background-repeat: repeat-x;
        background-position: 0 -31px;
        -moz-user-select: none;
    }

    .RadWindow_MyCustomSkin .rwFooterLeft {
        background-position: 0 -62px;
    }

    .RadWindow_MyCustomSkin .rwFooterRight {
        background-position: -8px -62px;
    }

    .RadWindow_MyCustomSkin .rwFooterCenter {
        background-repeat: repeat-x;
        background-position: 0 -70px;
    }

    .RadWindow_MyCustomSkin .rwTitlebarControls {
        width: 100%;
        height: 27px;
    }

    .RadWindow_MyCustomSkin .rwIframeWrapperIOS {
        width: 100%;
        height: 100%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .RadWindow_MyCustomSkin .rwWindowContent {
        height: 100% !important;
        /* very important property, especially for opera */
        background: white;
    }

        .RadWindow_MyCustomSkin .rwWindowContent iframe {
            display: block;
        }

    .RadWindow_MyCustomSkin td.rwLoading {
        background-repeat: no-repeat;
        background-position: center;
    }

    .RadWindow_MyCustomSkin .rwStatusbar .rwLoading {
        background-repeat: no-repeat;
    }

    .RadWindow_MyCustomSkin .rwStatusbar .rwLoading {
        padding-left: 30px;
    }

    .RadWindow_MyCustomSkin td.rwStatusbar input {
        font: normal 12px "Segoe UI", Arial, Verdana, Sans-serif;
        padding: 4px 0 0 3px;
        margin: 0;
        border: 0 !important;
        width: 100%;
        height: 18px;
        line-height: 18px;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        cursor: default;
        -moz-user-select: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        float: left;
        vertical-align: middle;
    }

    .RadWindow_MyCustomSkin .rwControlButtons {
        padding: 0;
        margin: 2px 0 0 0;
        list-style: none;
        white-space: nowrap;
        float: right;
    }

        .RadWindow_MyCustomSkin .rwControlButtons li {
            float: left;
            padding: 0 1px 0 0;
        }

        .RadWindow_MyCustomSkin .rwControlButtons a {
            width: 30px;
            height: 21px;
            line-height: 1px;
            font-size: 1px;
            cursor: default;
            background-repeat: no-repeat;
            display: block;
            text-decoration: none;
            outline: none;
        }

        .RadWindow_MyCustomSkin .rwControlButtons span {
            display: block;
        }

    .RadWindow_MyCustomSkin .rwReloadButton {
        background-position: -120px 0;
    }

        .RadWindow_MyCustomSkin .rwReloadButton:hover {
            background-position: -120px -21px;
        }

    .RadWindow_MyCustomSkin .rwPinButton {
        background-position: -180px 0;
    }

        .RadWindow_MyCustomSkin .rwPinButton:hover {
            background-position: -180px -21px;
        }

        .RadWindow_MyCustomSkin .rwPinButton.on {
            background-position: -150px 0;
        }

            .RadWindow_MyCustomSkin .rwPinButton.on:hover {
                background-position: -150px -21px;
            }

    .RadWindow_MyCustomSkin .rwMinimizeButton {
        background-position: 0 0;
    }

        .RadWindow_MyCustomSkin .rwMinimizeButton:hover {
            background-position: 0 -21px;
        }

    .RadWindow_MyCustomSkin .rwMaximizeButton {
        background-position: -60px 0;
    }

        .RadWindow_MyCustomSkin .rwMaximizeButton:hover {
            background-position: -60px -21px;
        }

    .RadWindow_MyCustomSkin .rwCloseButton {
        background-position: -90px 0;
    }

        .RadWindow_MyCustomSkin .rwCloseButton:hover {
            background-position: -90px -21px;
        }

    .RadWindow_MyCustomSkin.rwMaximizedWindow .rwMaximizeButton, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwMinimizeButton {
        background-position: -30px 0;
    }

        .RadWindow_MyCustomSkin.rwMaximizedWindow .rwMaximizeButton:hover, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwMinimizeButton:hover {
            background-position: -30px -21px;
        }

    .RadWindow_MyCustomSkin.rwMaximizedWindow .rwTopResize, .RadWindow_MyCustomSkin.rwMaximizedWindow .rwCorner, .RadWindow_MyCustomSkin.rwMaximizedWindow .rwFooterCenter, .RadWindow_MyCustomSkin.rwMaximizedWindow .rwTitlebar {
        cursor: default !important;
        /* need to be important to overwrite inline style */
    }

    .RadWindow_MyCustomSkin .rwIcon {
        display: block;
        background-repeat: no-repeat;
        background-position: 0 -78px;
        width: 16px;
        height: 16px;
        cursor: default;
        margin: 3px 5px 0 0;
    }

    .RadWindow_MyCustomSkin .rwTitleRow em {
        font: normal bold 12px "Segoe UI", Arial;
        color: black;
        padding: 3px 0 0 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .RadWindow_MyCustomSkin.rwInactiveWindow .rwTitlebarControls {
        position: static;
    }

    .RadWindow_MyCustomSkin .rwDialogPopup {
        margin: 16px;
        color: black;
        padding: 1px 0 16px 50px;
        font: normal 12px "Segoe UI", Arial, Verdana;
        cursor: default;
    }

        .RadWindow_MyCustomSkin .rwDialogPopup .rwPopupButton,
        .RadWindow_MyCustomSkin .rwDialogPopup .rwPopupButton span {
            display: block;
            float: left;
        }

    .RadWindow_MyCustomSkin .rwControlButtons a {
        text-indent: -3333px;
        overflow: hidden;
        text-align: center;
    }

    .RadWindow_MyCustomSkin .rwDialogText {
        text-align: left;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwPinButton, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwReloadButton, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwMaximizeButton, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwTopResize {
        display: none !important;
    }

    .RadWindow_MyCustomSkin .rwDialogInput {
        font: normal 12px "Segoe UI", Arial, Verdana;
        color: black;
        width: 100%;
        display: block;
        margin: 8px 0;
    }

    .RadWindow_MyCustomSkin .rwWindowContent .radconfirm,
    .RadWindow_MyCustomSkin .rwWindowContent .radalert {
        background-color: transparent;
        background-position: left center;
        background-repeat: no-repeat;
    }

    .RadWindow_MyCustomSkin .rwWindowContent .radconfirm {
        background-image: url('Common/ModalDialogConfirm.gif');
    }

    .RadWindow_MyCustomSkin .rwWindowContent .radalert {
        background-image: url('Common/ModalDialogAlert.gif');
    }

    .RadWindow_MyCustomSkin .rwWindowContent .radprompt {
        padding: 0;
    }

    .RadWindow_MyCustomSkin .rwPopupButton,
    .RadWindow_MyCustomSkin .rwPopupButton span {
        text-decoration: none;
        color: black;
        line-height: 21px;
        height: 21px;
        cursor: default;
    }

    .RadWindow_MyCustomSkin .rwPopupButton {
        background-repeat: no-repeat;
        background-position: 0 -136px;
        padding: 0 0 0 3px;
        margin: 8px 8px 8px 0;
    }

    .RadWindow_MyCustomSkin .rwWindowContent .rwPopupButton .rwOuterSpan {
        background-repeat: no-repeat;
        background-position: right -136px;
        padding: 0 3px 0 0;
    }

    .RadWindow_MyCustomSkin .rwWindowContent .rwPopupButton .rwInnerSpan {
        background-repeat: repeat-x;
        background-position: 0 -157px;
        padding: 0 12px;
    }

    .RadWindow_MyCustomSkin .rwWindowContent .rwPopupButton:hover {
        background-position: 0 -178px;
        padding: 0 0 0 3px;
        margin: 8px 8px 8px 0;
    }

        .RadWindow_MyCustomSkin .rwWindowContent .rwPopupButton:hover .rwOuterSpan {
            background-position: right -178px;
            padding: 0 3px 0 0;
        }

        .RadWindow_MyCustomSkin .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
            background-position: 0 -199px;
            padding: 0 12px;
        }

    .RadWindow_MyCustomSkin .rwStatusbarRow .rwBodyLeft {
        background-position: -16px 0;
    }

    .RadWindow_MyCustomSkin .rwStatusbarRow .rwBodyRight {
        background-position: -24px 0;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwContentRow, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwStatusbarRow {
        display: none;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow table.rwTitlebarControls {
        margin-top: 4px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwControlButtons {
        width: 66px !important;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow em {
        width: 90px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow,
    .RadWindow_MyCustomSkin .rwMinimizedWindowOverlay {
        width: 200px !important;
        height: 30px !important;
        overflow: hidden !important;
        float: left !important;
    }

        .RadWindow_MyCustomSkin.rwMinimizedWindow .rwCorner.rwTopLeft {
            background-position: 0 -220px;
            background-repeat: no-repeat;
        }

        .RadWindow_MyCustomSkin.rwMinimizedWindow .rwCorner.rwTopRight {
            background-position: -8px -220px;
            background-repeat: no-repeat;
        }

        .RadWindow_MyCustomSkin.rwMinimizedWindow .rwTitlebar {
            background-position: 0 -250px !important;
            /* Should be !important because of IE6 */
            background-repeat: repeat-x;
        }

    .RadWindow_MyCustomSkin.rwInactiveWindow .rwCorner, .RadWindow_MyCustomSkin.rwInactiveWindow .rwTitlebar, .RadWindow_MyCustomSkin.rwInactiveWindow .rwFooterCenter {
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
        opacity: .65 !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    }

    .RadWindow_MyCustomSkin ul.rwControlButtons span {
        display: none\9;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table tr.rwTitleRow td.rwTopLeft {
        background-position: 0 -280px;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table tr.rwTitleRow td.rwTitlebar {
        background-position: 0 -288px;
        background-repeat: repeat-x;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table tr.rwTitleRow td.rwTopRight {
        background-position: -8px -280px;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table div.rwTopResize {
        background: none;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTopLeft,
    .RadWindow_MyCustomSkin .rwShadow .rwTopRight, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
        width: 15px !important;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTopLeft,
    .RadWindow_MyCustomSkin .rwShadow .rwTopRight {
        height: 38px;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTopLeft, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft {
        background-position: 0 -297px !important;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTopRight, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
        background-position: 0 -335px !important;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTopResize {
        height: 8px;
        background-position: 0 -376px !important;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwTitlebar, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwTitlebar {
        height: 30px !important;
        background-position: 0 -391px !important;
        /* Should be !important because of IE6 */
        background-repeat: repeat-x !important;
    }

    .RadWindow_MyCustomSkin .rwInactiveWindow.rwMinimizedWindow {
        height: 29px\9 !important;
        _height: 30px !important;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwFooterLeft,
    .RadWindow_MyCustomSkin .rwShadow .rwFooterRight,
    .RadWindow_MyCustomSkin .rwShadow .rwFooterCenter {
        height: 14px;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwFooterLeft {
        width: 15px;
        background-position: 0 -431px;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwFooterCenter {
        background-position: 0 -461px;
        background-repeat: repeat-x;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwFooterRight {
        width: 15px;
        background-position: 0 -446px;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwBodyLeft,
    .RadWindow_MyCustomSkin .rwShadow .rwBodyRight {
        width: 15px;
        background-repeat: repeat-y;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwBodyLeft {
        background-position: -33px 0;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwBodyRight {
        background-position: -52px 0;
    }

    .RadWindow_MyCustomSkin .rwShadow .rwIcon {
        margin: 7px 5px 0 1px;
    }

    .RadWindow_MyCustomSkin .rwShadow em {
        padding: 7px 0 0 1px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
        height: 1px !important;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindowShadow {
        overflow: visible !important;
    }

        .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwTable {
            height: auto !important;
            width: 210px !important;
        }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwFooterLeft {
        background-position: 0 -432px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwFooterCenter {
        background-position: 0 -462px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindow .rwShadow .rwFooterRight {
        background-position: 0 -447px;
    }

    .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls {
        display: block;
    }

        .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwPinButton, .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwReloadButton, .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwMaximizeButton, .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwContentRow, .RadWindow_MyCustomSkin.rwMinimizedWindowShadow .rwShadow .rwStatusbarRow {
            display: none !important;
        }

    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwTopLeft,
    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwTopRight,
    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwFooterLeft,
    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwFooterRight,
    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwFooterCenter,
    .RadWindow_MyCustomSkin .rwMinimizedWindowShadow .rwShadow .rwTopResize {
        cursor: default !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table.rwShadow tr td.rwTopLeft {
        background-position: 0 -480px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table.rwShadow tr td.rwTitlebar {
        background-position: 0 -525px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar table.rwShadow tr td.rwTopRight {
        background-position: 0 -500px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar .rwShadow .rwTitlebar, .RadWindow_MyCustomSkin.rwNoTitleBar .rwShadow .rwTopLeft, .RadWindow_MyCustomSkin.rwNoTitleBar .rwShadow .rwTopRight {
        height: 13px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopLeft {
        background-position: 8px -280px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTitlebar {
        background-position: 0 -288px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopRight {
        background-position: -9px -280px !important;
    }

    .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTitlebar, .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopLeft, .RadWindow_MyCustomSkin.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopRight {
        height: 8px !important;
    }

html:first-child .RadWindow_MyCustomSkin ul {
    float: right;
    border: 1px solid transparent;
}

.RadWindow_MyCustomSkin_rtl .rwControlButtons {
    float: left;
}

div.RadWindow_MyCustomSkin_rtl .rwControlButtons li {
    float: right;
}

div.RadWindow_MyCustomSkin_rtl table.rwShadow .rwControlButtons li {
    float: right;
}

.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogText,
.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogText {
    text-align: right;
}

.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup div a,
.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup div a {
    float: right;
}

.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup,
.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup {
    background-position: right center;
    padding: 1px 50px 16px 0;
}

    .RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup.radprompt,
    .RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl div.rwDialogPopup.radprompt {
        padding: 1px 0 16px 0;
    }

.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl .rwPopupButton,
.RadWindow_MyCustomSkin.RadWindow_MyCustomSkin_rtl .rwPopupButton:hover {
    margin: 8px 0 8px 8px;
}
