﻿
.clear {
    clear: both;
}
.inline{
    display:inline-block;
    *display:inline;
    zoom:1;
}
.buttons {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align:middle;
}

@media (max-width: 768px) {
    .mobile-hidden {
        display: none !important;
    }
}

    .buttons.buttonUp {
        background-image: url('RiftControls/images/up.png');
    }

    .buttons.buttonDown {
        background-image: url('RiftControls/images/down.png');
    }

    .buttons.buttonLeft {
        background-image: url('RiftControls/images/left.png');
    }

    .buttons.buttonRight {
        background-image: url('RiftControls/images/right.png');
    }

    .buttons.expand {
        background-image: url('RiftControls/images/expand.png');
        cursor: pointer;
    }

    .buttons.collapse {
        background-image: url('RiftControls/images/collapse.png');
        cursor: pointer;
    }

    .buttons.add {
        background-image: url('RiftControls/images/addfolder.gif');
    }

    .buttons.edit {
        background-image: url('RiftControls/images/edit.gif');
    }

    .buttons.delete {
        background-image: url('RiftControls/images/delete.gif');
    }

    .buttons.search {
        background-image: url('RiftControls/images/search.png');
    }

    .buttons.carouselLeft {
        width: 38px;
        height: 76px;
        background: url('RiftControls/images/carousel-bt-previous.png') top center no-repeat;
    }

        .buttons.carouselLeft:hover {
            background-position: bottom center;
        }

    .buttons.carouselRight {
        width: 38px;
        height: 76px;
        background: url('RiftControls/images/carousel-bt-next.png') top center no-repeat;
    }

        .buttons.carouselRight:hover {
            background-position: bottom center;
        }

    .list-inline {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .list-inline li {
            margin: 0 2px;
            display: inline-block !important;
            *display: inline !important;
            zoom: 1 !important;
            background-image: none;
            padding: 0;
        }

    .listButton {
        border-bottom: solid 1px #e8e8e8;
        padding: 5px 10px;
        display: block;
        color: #333333;
        font-size: 13px;
        list-style-type: circle;
    }

        .listButton:before {
            content: ' \25CF';
            font-size: 13px;
            color: #d1d1d1;
            margin-right: 5px;
        }

        .listButton:hover {
            background-color: #e9e9e9;
        }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
    }

    .ResultsSuccess, .ResultsFailed, .AlertMessager {
        /*padding: 8px 16px 8px 8px;
    border-radius: 6px 0 0 6px;
    font-size: 13px;*/
        /*opacity: 0.7;*/
        padding: 8px 16px 8px 8px;
        border-radius: 6px 0 0 6px;
        font-size: 13px;
        -webkit-animation: seconds 1.0s forwards;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-delay: 5s;
        animation: seconds 1.0s forwards;
        animation-iteration-count: 1;
        animation-delay: 5s;
    }

    @-webkit-keyframes seconds {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            left: -9999px;
            position: absolute;
        }
    }

    @keyframes seconds {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            left: -9999px;
            position: absolute;
        }
    }

    .ResultsSuccess:hover, .ResultsFailed:hover, .AlertMessager:hover {
        opacity: 1;
    }

.ResultsSuccess {
    background-color: #a94442;
    color: #F7F7FA;
    border: solid 1px #a94442;
    z-index: 30001;
}

    .ResultsFailed {
        background-color: #F2DEDE;
        color: #a94442;
        border: solid 1px #dbbdbd;
    }

    .AlertMessager {
        background-color: #a94442;
        color: #fff;
        border: solid 1px #a94442;
    }
    /*-------------------------------------------------------------*/
    /*-------------------------riftButton------------------------*/
    /*------------------------------------------------------------*/

    .riftButton {
        background-color: #b7b7b7;
        color: #fff !important;
        border-radius: 3px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-bottom: 5px;
        padding: 6px 21px;
        margin: 2px;
        font-size: 12px;
        transition: all ease 0.5s;
    }

        .riftButton:hover {
            background-color: black;
        }
    /*-------------------------------------------------------------*/
    /*-------------------------POPUP CONTROL------------------------*/
    /*------------------------------------------------------------*/

    .popupControl_Border {
        /*border: 1px solid #00b1d9;*/
        /*background-color:#e6e6e6;*/
        /*padding-top: 3px;*/
        /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;*/
        width: auto;
    }

    .popupControl_Chech {
        /*padding: 2px 6px;
    background-color: #a5b0be;
    color: #fff;*/
        padding: 2px 4px;
        background-color: #f7f7f7;
        color: #555;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        -khtml-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-color: #ddd;
        border-bottom-color: #ddd;
        border-left-color: #ddd;
        white-space: nowrap;
        max-width: 250px;
        font-size: 12px;
    }

    .popupControl_Dropdown {
        padding: 5px 4px 5px 4px;
        background-color: #F5F5F5;
        color: #333333;
        border-bottom-color: #C0C0C0;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        font-size: 13px;
    }

    .popupControl_Dropdown_hover {
        cursor: default;
        padding: 5px 4px 5px 4px;
        background-color: #DADADA;
        color: #333333;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
        font-size: 13px;
    }

    .popupControl_Remove {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        /*margin-left: -1px;*/
        background: #ff2819; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZDliNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjk1MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ff2819 0%, #ab0000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2819), color-stop(100%,#ab0000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* IE10+ */
        background: linear-gradient(top, #ff2819 0%,#ab0000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd9b5', endColorstr='#d69513',GradientType=0 ); /* IE6-8 */
        border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        /*border: 1px solid #989898;*/
        /*border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-color: #ff2819;
    border-bottom-color: #ff2819;
    border-right-color: #ff2819;*/
        /*-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5), inset 0px 2px 1px rgba(255,255,255,0.25);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5), inset 0px 2px 1px rgba(255,255,255,0.25);
    text-shadow: 0px -1px 0px rgba(148,148,148,0.7), 0px 1px 0px rgba(255,255,255,0.3);*/
    }

        .popupControl_Remove:hover {
            /*border: 1px solid #660021;*/
            color: #333333;
        }

        .popupControl_Remove a {
            display: block;
            color: #ffffff !important;
            text-decoration: none;
            font-size: 14px;
            padding: 2px 5px;
        }

            .popupControl_Remove a:hover {
                /*color: #999999 !important;*/
                background-color: #ab0000;
                border-radius: 0 3px 3px 0;
                -moz-border-radius: 0 3px 3px 0;
                -webkit-border-radius: 0 3px 3px 0;
            }

    /*.PopUpTextbox {
    color: #454346;
    border: none;
    padding: 6px 12px;
    box-shadow: none;
    margin: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    background: #fff !important;
    vertical-align: middle;
}*/

    .PopUpTextbox {
        background-color: #FFF;
        color: #454346;
        border: none;
        padding: 0;
        box-shadow: none;
        margin: 0;
        width: 100%;
        /*letter-spacing: 0.015em;*/
    }

    .PopUpTextboxBorder {
        /*margin: 0;*/
        /*background-color: #FFFFFF;*/
        /*border-bottom-color: #e4e4e4;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
        /*padding: 5px;*/
    }


    .PopUpTextboxBorder {
        /*margin: 0;
    background-color: #FFFFFF;
    border-bottom-color: #e4e4e4;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
        /*padding: 5px;*/
        display: block;
        min-height: 40px;
        color: #454346;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        background: #fff !important;
        vertical-align: middle;
        padding: 8px 12px !important;
        background-image: none;
        /*border: 1px solid rgba(135, 135, 135, 0.25);*/
        /*border-radius: 2px;*/
        /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 1px 1px rgba(0,0,0,.25);*/
        /*border: none;*/
        border: 1px solid #e0e0e0;
        /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;*/
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10);
        box-shadow: 0 1px 1px rgba(0,0,0,.10);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

        .PopUpTextboxBorder:focus-within {
            border-color: #7d7d7e;
            outline: 0;
            box-shadow: none;
            /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
        }

        .PopUpTextboxBorder input:focus {
            outline: none;
            box-shadow: none;
        }

    .popupparent {
        font-size: 11px;
        color: #999999;
    }

    .PopUpSelections {
        /*padding: 0 0 0 0;
    background-color: #ebeae6;
    border-top: solid 1px #fff;*/
        padding: 0;
        /*padding: 5px 0 0 0;*/
    }

    .PopUpHelp {
        display: block;
        text-align: center;
        font-size: 11px;
        color: #555555;
        /*background-color: #E5E5E5;
    padding:5px;*/
    }

    .mark {
        color: #666666;
    }

    .txtin {
        color: #454346;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        /*font-family: 'Roboto', sans-serif !important;*/
        background: #fff !important;
        vertical-align: middle;
        padding: 8px 12px !important;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.10);
        box-shadow: 0 1px 1px rgba(0,0,0,.10);
    }

    .txtin2 {
        vertical-align: middle;
        padding-top: 3px;
    }

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        opacity: 1;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        opacity: 1;
    }

    :-ms-input-placeholder { /* IE 10+ */
        opacity: 1;
    }
    /*-------------------------------------------------------------*/
    /*-------------------------MENU BUTTON SIMPLE------------------------*/
    /*------------------------------------------------------------*/


    .MenuButtonSimple .MenuButtonSimpleArrow {
        text-decoration: none;
        padding: 1px;
    }

    .MenuButtonSimple .ArrowImage {
        background-image: url('RiftControls/images/menuArrowWhite.png');
        background-position: center center;
        background-repeat: no-repeat;
        width: 10px;
        padding: 5px;
    }

    .MenuButtonSimple .MenuButtonSimpleInTop {
        padding: 0 0 1px 0;
        text-decoration: none;
        background-color: #E1E2E8;
        border-right-color: #ccc;
        border-bottom-color: #ccc;
        border-left-color: #ccc;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        color: #333333 !important;
    }

    .MenuButtonSimple .MenuButtonSimpleInBottom {
        padding: 0 0 1px 0;
        text-decoration: none;
        background-color: #000000;
        border-top-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-color: #333333;
        border-right-color: #333333;
        border-left-color: #333333;
        color: white !important;
    }

    .MenuButtonSimple .MenuButtonSimplePanel .MenuPanel {
        border: 1px solid #333333;
        background-color: #000000;
        color: white;
        -moz-box-shadow: 2px 2px 3px #A2A2A2;
        -webkit-box-shadow: 2px 2px 3px #A2A2A2;
        box-shadow: 2px 2px 3px #A2A2A2;
        text-shadow: none;
        padding: 6px;
        z-index: 2;
    }

    .closepanel {
        background-image: url('RiftControls/images/closepanel.png');
        background-position: 0 -20px;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        width: 86px;
        height: 20px;
        cursor: pointer;
    }

        .closepanel:hover {
            background-position: 0 0;
        }

    /*-------------------------------------------------------------*/
    /*-------------------------TEXTBOX CONTROL------------------------*/
    /*------------------------------------------------------------*/

    /*.textbox_border {
    border: 1px solid #e2e2e2;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #898989;
    padding: 5px;
    width: auto;
    margin:1px;
}

.textbox_input {
    background-color: #FFFFFF;
    color: #898989;
    border: none;
    padding: 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.textbox_inputFocus {
    background-color: #FFFFFF;
    color: #535353;
    border: none;
    padding: 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
}*/
    .textbox_border {
        position: relative;
    }

    .textbox_validate {
        color: red;
        width: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        margin-right: 5px;
        font-size: 18px;
    }

    .searchsubmit {
        background: url('RiftControls/images/search.png') no-repeat scroll 2px center transparent;
        border: medium none;
        height: 35px;
        outline: medium none;
        padding: 0;
        text-indent: -9999px;
        width: 35px;
        margin-left: -25px;
        margin-top: -2px;
        display: block;
        z-index: 2;
        position: absolute;
    }

    .callout {
        padding: 5px;
        border: 1px solid #FF9933;
        background-color: #FFCC66;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        margin-top: -5px;
    }
    /*-------------------------------------------------------------*/
    /*-------------------------CUBE ROTATOR------------------------*/
    /*------------------------------------------------------------*/

    .RotatorContainer {
        background-color: white;
        border: 1px solid #f7f7f7;
        padding: 5px;
        overflow: hidden;
        text-align: center;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .CubeStyle {
        display: inline-block;
        *display: inline;
        zoom: 1;
        border: 1px solid #dfdfe0;
        color: #333333;
        font-size: 11px;
        background-color: #ffffff;
        margin: 3px;
        line-height: normal;
    }

        .CubeStyle .cubeMain {
            height: 100%;
            text-align: left;
        }

        .CubeStyle:hover {
            background-color: #f2f2f5;
            border: 1px solid #bcbdbf;
        }

        .CubeStyle a {
            text-decoration: none;
            color: #555353;
            text-align: left;
        }

        .CubeStyle img {
            margin-right: 8px;
        }

    /*-------------------------------------------------------------*/
    /*-------------------------Expand Container------------------------*/
    /*------------------------------------------------------------*/

    .ExpandContainer {
        background: none repeat scroll 0 0 #F5F5F5;
        border: 1px solid #E5E5E5;
        padding: 10px;
        display: block;
        clear: both;
        margin: 0 0 10px 0;
    }

    .ExpandContainerHeader {
        line-height: 26px;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        display: block;
    }

    .ExpandContainerMainPanel {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E5E5E5;
        padding: 10px;
    }

    .ExpandContainer .Expand-Button {
        float: right;
    }

        .ExpandContainer .Expand-Button .buttons {
            width: 16px;
            height: 16px;
            display: block;
        }

    /*----------------------------------------------------------------------*/
    /*---------------------------------HISTORY PATH-----------------------------*/
    /*------------------------------------------------------------------------*/

    .PathLink {
        color: #8491AA;
        font-size: 9px;
        background-color: #F2F2F4;
        padding: 4px;
        margin: 2px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        -khtml-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
    }

        .PathLink:hover {
            color: #62728E;
            background-color: #EDEDEF;
        }

    .CurrentPath {
        color: #8C93A2;
        font-size: 10px;
        font-weight: bold;
        background-color: #EDEFF1;
        padding: 4px;
        margin: 2px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        -khtml-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
    }

    /*----------------------------------------------------------------------*/
    /*---------------------------------Pager-----------------------------*/
    /*----------------------------------------------------------------------*/

    /*.PageItem {
    font-size: 12px;
    margin-left: 1px;
    margin-right: 1px;
    padding: 4px;
}

.PageItem:hover {
}

.PageItemSelected {
    border: 1px solid #d1d1d1;
    font-size: 16px;
    font-weight: bold;
    margin-left: 1px;
    margin-right: 1px;
    padding: 6px;
    background-color: #f6f6f6;
}*/

    /*----------------------------------------------------------------------*/
    /*-------MODAL WINDOW-----------*/
    /*----------------------------------------------------------------------*/

    .ModalWindow {
        display: inline-block;
        *display: inline;
        zoom: 1;
        padding: 10px;
        background: white;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #303030;
        -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
        -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
        box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1);
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 10001;
        max-width: 90%;
    }

        .ModalWindow .CloseDiv {
            float: right;
            left: -20px;
            position: relative;
            width: 0;
            z-index: 2;
        }

        .ModalWindow .HeaderDiv {
            padding: 0 0 5px 0;
            font-size: 26px;
            color: black;
            text-align: left;
            margin: 0;
            position: relative;
            z-index: 1;
            border-bottom: 1px solid gray;
            top: -5px;
        }

        .ModalWindow .ContentDiv {
            padding: 10px;
        }

    .ModalTransparent {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        filter: Alpha(opacity=50);
        opacity: 0.50;
        z-index: 1002;
    }

    .closeButton {
        cursor: pointer;
        font-size: 14px;
        color: #ffffff;
        padding: 2px 6px;
        background: #ff2819; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMjgxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ff2819 0%, #ab0000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2819), color-stop(100%,#ab0000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ff2819 0%,#ab0000 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ff2819 0%,#ab0000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2819', endColorstr='#ab0000',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #7d0000;
        -moz-box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7);
        -webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7);
        box-shadow: 0 0 2px 2px rgba(255,255,255,0.3), inset 0 0 2px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    }

        .closeButton:hover {
            background: #ff6a5f; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmE1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #ff6a5f 0%, #ff1313 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a5f), color-stop(100%,#ff1313)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ff6a5f 0%,#ff1313 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ff6a5f 0%,#ff1313 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a5f', endColorstr='#ff1313',GradientType=0 ); /* IE6-8 */
        }

    /*----------------------------------------------------------------------*/
    /*---------------------------------CHARTS-------------------------*/
    /*----------------------------------------------------------------------*/

    .jqplot-target {
        position: relative;
        color: #666;
        font-size: 1em;
    }

    .jqplot-axis {
        font-size: .75em;
    }

    .jqplot-xaxis {
        margin-top: 10px;
    }

    .jqplot-x2axis {
        margin-bottom: 10px;
    }

    .jqplot-yaxis {
        margin-right: 10px;
    }

    .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
        margin-left: 10px;
        margin-right: 10px;
    }

    .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
        position: absolute;
    }

    .jqplot-xaxis-tick {
        top: 0;
        left: 15px;
        vertical-align: top;
    }

    .jqplot-x2axis-tick {
        bottom: 0;
        left: 15px;
        vertical-align: bottom;
    }

    .jqplot-yaxis-tick {
        right: 0;
        top: 15px;
        text-align: right;
    }

        .jqplot-yaxis-tick.jqplot-breakTick {
            right: -20px;
            margin-right: 0;
            padding: 1px 5px 1px 5px;
            z-index: 2;
            font-size: 1.5em;
        }

    .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
        left: 0;
        top: 15px;
        text-align: left;
    }

    .jqplot-meterGauge-tick {
        font-size: .75em;
        color: #999;
    }

    .jqplot-meterGauge-label {
        font-size: 1em;
        color: #999;
    }

    .jqplot-xaxis-label {
        margin-top: 10px;
        font-size: 11pt;
        position: absolute;
    }

    .jqplot-x2axis-label {
        margin-bottom: 10px;
        font-size: 11pt;
        position: absolute;
    }

    .jqplot-yaxis-label {
        margin-right: 10px;
        font-size: 11pt;
        position: absolute;
    }

    .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
        font-size: 11pt;
        position: absolute;
    }

    table.jqplot-table-legend {
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: 12px;
        margin-right: 12px;
    }

    table.jqplot-table-legend, table.jqplot-cursor-legend {
        background-color: rgba(255,255,255,0.6);
        border: 1px solid #ccc;
        position: absolute;
        font-size: .75em;
    }

    td.jqplot-table-legend {
        vertical-align: middle;
    }

    td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
        cursor: pointer;
    }

    td.jqplot-table-legend > div {
        border: 1px solid #ccc;
        padding: 1px;
    }

    div.jqplot-table-legend-swatch {
        width: 0;
        height: 0;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 6px;
        border-right-width: 6px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
    }

    .jqplot-title {
        top: 0;
        left: 0;
        padding-bottom: .5em;
        font-size: 1.2em;
    }

    table.jqplot-cursor-tooltip {
        border: 1px solid #ccc;
        font-size: .75em;
    }

    .jqplot-cursor-tooltip {
        border: 1px solid #ccc;
        font-size: .75em;
        white-space: nowrap;
        background: rgba(208,208,208,0.5);
        padding: 1px;
    }

    .jqplot-highlighter-tooltip {
        border: 1px solid #ccc;
        font-size: .75em;
        white-space: nowrap;
        background: rgba(208,208,208,0.5);
        padding: 1px;
    }

    .jqplot-point-label {
        font-size: .75em;
        z-index: 2;
    }

    td.jqplot-cursor-legend-swatch {
        vertical-align: middle;
        text-align: center;
    }

    div.jqplot-cursor-legend-swatch {
        width: 1.2em;
        height: .7em;
    }

    .jqplot-error {
        text-align: center;
    }

    .jqplot-error-message {
        position: relative;
        top: 46%;
        display: inline-block;
    }

    div.jqplot-bubble-label {
        font-size: .8em;
        padding-left: 2px;
        padding-right: 2px;
        color: rgb(20%,20%,20%);
    }

        div.jqplot-bubble-label.jqplot-bubble-label-highlight {
            background: rgba(90%,90%,90%,0.7);
        }

    div.jqplot-noData-container {
        text-align: center;
        background-color: rgba(96%,96%,96%,0.3);
    }

    /*----------------------------------------------------------------------*/
    /*---------------RadioBox------*/
    /*----------------------------------------------------------------------*/

    div.mRabioBox {
        display: inline-block;
        *display: inline;
        zoom: 1;
        cursor: default;
    }

        div.mRabioBox .mRadioImage {
            display: none !important;
            background-image: url('RiftControls/images/radiobox.png');
            background-repeat: no-repeat;
            background-position: left -18px;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            margin: 5px;
        }

    div.mChecked .mRadioImage {
        background-position: left 0px;
    }

    div.mRabioBox .mRadioText {
        /*line-height: 28px;*/
        text-align: center;
        /*color: #333333;
    font-weight: bold;
    font-size: 11px;*/
        padding: 0 5px;
    }

        div.mRabioBox .mRadioText:hover {
            /*background-color: #555555;
    color:#ffffff;*/
            /*text-decoration-line: underline;*/
            text-decoration-line: none;
            cursor: pointer;
        }

    /*----------------------------------------------------------------------*/
    /*--SLIDE IN PANEL-------------*/
    /*----------------------------------------------------------------------*/

    .SlideInPanel {
        display: block;
        z-index: 50;
        pointer-events: none;
    }

        .SlideInPanel .SlideInMainDiv {
            float: right;
            border: 1px solid #DBDEEE;
            background-color: white;
            pointer-events: all;
        }

        .SlideInPanel .SlideInButton {
            float: left;
            cursor: pointer;
            filter: Alpha(opacity=100);
            opacity: 1;
            text-align: right;
            top: 250px;
            position: relative;
            pointer-events: all;
        }

            .SlideInPanel .SlideInButton:hover {
                filter: Alpha(opacity=80);
                opacity: 0.8;
            }

        .SlideInPanel .SlideInheader {
        }

        .SlideInPanel .SlideIncontent {
        }

    /*----------------------------------------------------------------------*/
    /*---------ACCORDION-----*/
    /*----------------------------------------------------------------------*/

    .RiftAccordeon {
        border: 1px solid #DBDEEE;
        border-collapse: collapse;
        display: inline-block;
    }

        .RiftAccordeon .AccordionButton {
            display: inline-block;
            *display: inline;
            zoom: 1;
            cursor: pointer;
            filter: Alpha(opacity=90);
            opacity: 0.90;
            background-color: #DDE1F2;
            padding: 5px;
            margin: 1px;
            text-align: center;
            color: #536073;
        }

            .RiftAccordeon .AccordionButton:hover {
                filter: Alpha(opacity=100);
                opacity: 1.0;
            }

        .RiftAccordeon .AccordionContent {
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding: 5px;
        }

        .RiftAccordeon .selected {
            display: none;
        }

        /*----------------------------------------------------------------------*/
        /*---------ACCORDION VERTICAL-----*/
        /*----------------------------------------------------------------------*/

        .RiftAccordeon .AccordionVerticalButton {
            cursor: pointer;
            filter: Alpha(opacity=80);
            opacity: 0.80;
            font-size: 18px;
            line-height: 26px;
            display: block;
            margin: 2px;
            background-color: #DDE1F2;
            padding: 8px;
        }

            .RiftAccordeon .AccordionVerticalButton:hover {
                filter: Alpha(opacity=100);
                opacity: 1.0;
            }

            .RiftAccordeon .AccordionVerticalButton.selected {
                filter: Alpha(opacity=100);
                opacity: 1;
                font-size: 26px;
                background-color: #99CCFF;
            }

        .RiftAccordeon .AccordionVerticalContent {
            display: block;
        }

        .RiftAccordeon .AccordionVerticalButtonsPanel {
            float: left;
        }

        .RiftAccordeon .AccordionVerticalContentsPanel {
            float: left;
        }

    /*----------------------------------------------------------------------*/
    /*---------RIFT TABS-----*/
    /*----------------------------------------------------------------------*/
    .RiftTabs {
        padding: 0;
        display: block;
        clear: both;
        margin: 0 0 10px 0;
    }

    .RiftTabButtonsPanel {
        display: block;
        vertical-align: bottom;
    }

    .RiftTabContentsPanel {
        padding: 10px;
        display: block;
    }

    .RiftTabButtonsPanel .RiftTabButton {
        cursor: pointer;
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: bottom;
        color: #333333;
        font-weight: bold;
        font-size: 12px;
        padding: 5px 15px 5px 15px;
        margin: 0 5px 5px 0;
        border: 1px solid transparent;
    }

        .RiftTabButtonsPanel .RiftTabButton:hover {
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #E5E5E5;
        }

        .RiftTabButtonsPanel .RiftTabButton.selected {
            color: #000000;
            font-size: 12px;
            font-weight: bold;
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #E5E5E5;
        }

    .RiftTabContentsPanel .RiftTabContent {
        position: relative;
        left: -1500px;
        height: 0px;
        width: 0px;
        overflow: hidden;
    }

        .RiftTabContentsPanel .RiftTabContent.selected {
            position: static;
            left: 0;
            height: auto;
            width: auto;
        }

    /*------------Tabs Vertical - Windows Settings Style*/

    .RiftTabs .RiftTabButtonsPanel_Vertical {
        display: block;
        vertical-align: bottom;
        float: left;
        position: relative;
        z-index: 1;
    }

    .RiftTabs .RiftTabContentsPanel_Vertical {
        border: 1px solid #DBDEEE;
        display: block;
        background-color: #F7F7FA;
        padding: 10px;
        float: left;
        position: relative;
        z-index: 0;
        min-height: 220px;
        min-width: 450px;
        width: 500px;
        left: -1px;
        overflow: auto;
    }

    .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton {
        cursor: pointer;
        display: block;
        vertical-align: middle;
        color: #999999;
        font-weight: bold;
        font-size: 12px;
        padding: 15px;
    }

        .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton:hover {
            background-color: #f7f7f7;
            color: #333333;
        }

        .RiftTabs .RiftTabButtonsPanel_Vertical .RiftTabButton.selected {
            background-color: #F7F7FA;
            color: #333333;
            padding-right: 16px;
            margin-right: -1px;
            border-top-style: solid;
            border-bottom-style: solid;
            border-left-style: solid;
            border-top-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-color: #DBDEEE;
            border-bottom-color: #DBDEEE;
            border-left-color: #DBDEEE;
        }

    .RiftTabs .RiftTabContentsPanel_Vertical .RiftTabContent {
        position: relative;
        left: -1500px;
        width: 0px;
        height: 0;
        overflow: hidden;
    }

        .RiftTabs .RiftTabContentsPanel_Vertical .RiftTabContent.selected {
            position: static;
            left: 0;
            width: auto;
            height: auto;
        }

    /*----------------------------------------------------------------------*/
    /****************************MAIN MENU****************************/
    /*----------------------------------------------------------------------*/

    .RiftMainMenu {
        display: table;
        clear: both;
        margin: 0 auto;
    }

        .RiftMainMenu .RiftMainMenuTr {
            display: table-row;
            margin: 0;
            padding: 0;
            /*background-color: #DBDEEE;*/
        }

        .RiftMainMenu .MenuContent {
            display: table-cell;
            *zoom: 1;
            *display: inline;
            cursor: pointer;
            vertical-align: middle;
            border-spacing: 0;
            padding: 0;
            margin: 0;
            border-right: solid 1px #1f407a;
            transition: all ease 0.5s;
        }

            .RiftMainMenu .MenuContent:last-child {
                border: none;
            }

            .RiftMainMenu .MenuContent .iText {
                font-size: 14px;
                text-decoration: none;
                display: block;
                /*line-height: 40px;*/
                color: rgba(0, 0, 0, 0.6);
                padding: 10px 30px;
                text-align: center;
                transition: all ease 0.5s;
            }

    @media (max-width: 768px) {
        .RiftMainMenu .MenuContent .iText {
            font-size: 0.95em;
            padding: 10px 10px;
        }
    }

    @media (max-width: 568px) {
        .RiftMainMenu .MenuContent .iText {
            font-size: 0.85em;
            padding: 10px 5px;
        }
    }

    @media (max-width: 468px) {
        .RiftMainMenu .MenuContent .iText {
            font-size: 0.75em;
            padding: 10px 5px;
        }
    }

    .RiftMainMenu .MenuContent.Last-item {
    }

        .RiftMainMenu .MenuContent.Last-item .iText {
        }

    .RiftMainMenu .MenuContent:hover, .RiftMainMenu .MenuContent.Selected {
        background-color: #1f407a !important;
    }

        .RiftMainMenu .MenuContent:hover .iText, .RiftMainMenu .MenuContent.Selected .iText {
            color: white;
        }

            .RiftMainMenu .MenuContent:hover .iText, .RiftMainMenu .MenuContent.Selected .iText:hover {
                color: white !important;
            }

    .RiftMainMenu .MenuContent .iValue {
        display: none;
    }
    /*First SubMenus*/
    .RiftMainMenu .MenuSubMenu {
        height: 0px;
        width: 0px;
        text-align: left;
        float: left;
    }

        .RiftMainMenu .MenuSubMenu .RiftMainMenuTr {
            display: block;
        }

    .RiftMainMenu .MenuContent:hover .MenuSubMenu, .RiftMainMenu .MenuContent .MenuSubMenu:hover {
    }

    .RiftMainMenu .MenuSubMenu .RiftMainMenu {
        background-color: #242424;
        display: none;
        position: absolute;
        color: #bebebe;
        z-index: 100;
        width: auto;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
        min-width: 150px;
        padding: 5px;
        border: none;
    }

    .RiftMainMenu .MenuSubMenu .MenuContent {
        display: block;
        border-left: none;
        border-spacing: 0;
        cursor: auto;
        text-align: left;
        vertical-align: middle;
        float: none;
        background: none;
        border: none;
    }

        .RiftMainMenu .MenuSubMenu .MenuContent:hover {
            background: none;
            border: none;
        }

        .RiftMainMenu .MenuSubMenu .MenuContent .iText {
            display: block;
            font-size: 13px;
            color: #9b9b9b;
            text-shadow: none;
            border-left: none;
            line-height: 30px;
            cursor: pointer;
            padding: 0 15px;
            text-align: left;
        }

        .RiftMainMenu .MenuSubMenu .MenuContent:hover .iText {
            color: white;
            background-color: #8b8b8b;
        }

        .RiftMainMenu .MenuSubMenu .MenuContent.Last-item {
        }

            .RiftMainMenu .MenuSubMenu .MenuContent.Last-item .iText {
            }
    /*INNER SUBMENUS*/
    .RiftMainMenu .MenuContent:hover .MenuSubMenu .MenuSubMenu {
        height: 0px;
        width: 0px;
        display: none;
        position: relative;
        top: -30px;
        float: right;
    }

    .RiftMainMenu .MenuSubMenu .MenuContent:hover .MenuSubMenu {
        display: inline;
    }

    .RiftMainMenu .MenuSubMenu .MenuSubMenu .MenuContent .iText {
        background: none;
        border: none;
        color: #464646;
        text-shadow: none;
    }

    .RiftMainMenu .MenuSubMenu .MenuSubMenu .MenuContent:hover .iText {
        display: block;
        font-size: 14px;
        color: #e5e5e5;
        text-shadow: none;
        border-left: none;
        line-height: 30px;
        border-bottom: 1px solid #333333;
        cursor: pointer;
        padding: 0 30px;
        text-align: left;
    }

    /*-------VERTICAL GRID-----*/
    .RiftVerticalGrid tr td {
        border-bottom: solid 1px gray;
        height: 25px;
        border-right: solid 1px #CCCCCC;
    }

    .RiftVerticalGrid {
        border: solid 1px gray;
    }

    .boldclass {
        font-weight: bold;
    }

    /*----------------------------------------------------------------------*/
    /*---------ImageSlider-----*/
    /*----------------------------------------------------------------------*/
    .ImageSlider {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .ImageSlider .slideshow {
            overflow: hidden;
        }

        .ImageSlider .SliderNavigation {
            position: absolute;
            top: 40%;
            z-index: 100;
            width: 100%;
            height: 1px;
            display: none;
        }

            .ImageSlider .SliderNavigation .carouselLeft {
                float: left;
            }

            .ImageSlider .SliderNavigation .carouselRight {
                float: right;
            }

        .ImageSlider .SliderDiv {
            width: 100%
        }

        .ImageSlider .SliderImage {
            width: 100%;
            display: block;
        }

        .ImageSlider .SliderText {
            height: 0;
            position: relative;
        }

            .ImageSlider .SliderText > div {
                background-color: rgba(51, 51, 51, 0.79);
                padding: 20px 3%;
                position: absolute;
                bottom: 0;
                width: 94%;
                display: none;
                color: white;
            }

        .ImageSlider .sliderNav a {
            display: inline-block;
            *display: inline;
            zoom: 1;
            background-color: #f6a613;
            color: #f6a613;
            font-size: 1px;
            border-radius: 999px;
            width: 15px;
            height: 15px;
            margin: 3px;
        }

            .ImageSlider .sliderNav a:hover, .ImageSlider .sliderNav a.activeSlide {
                background-color: #2689D4;
                color: #2689D4;
            }

        .ImageSlider .carousel {
            position: absolute;
            background-color: rgba(51, 51, 51, 0.79);
            z-index: 100;
            width: 100%;
            display: none;
        }

            .ImageSlider .carousel #thumbs {
                height: 50px;
            }

            .ImageSlider .carousel .next,
            .ImageSlider .carousel .prev {
                display: none;
                width: 25px;
                height: 25px;
                position: absolute;
                bottom: -15px;
                left: 50%;
                z-index: 9999;
                cursor: pointer;
            }

            .ImageSlider .carousel .prev {
                margin-left: -25px;
                background: url('RiftControls/images/left.png') 0 0 no-repeat;
            }

            .ImageSlider .carousel .next {
                margin-right: -25px;
                background: url('RiftControls/images/right.png') 0 0 no-repeat;
            }

            .ImageSlider .carousel li {
                display: none;
            }

                .ImageSlider .carousel li img {
                    width: 100%;
                    height: auto;
                    opacity: 0.5;
                    filter: alpha(opacity=50);
                }

            .ImageSlider .carousel .activeSlide img {
                opacity: 1;
                filter: alpha(opacity=100);
            }

    img {
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        -o-user-select: none;
        user-select: none;
    }

    /*----------------------------------------------------------------------*/
    /*---------CustomScrollbarExtender-----*/
    /*----------------------------------------------------------------------*/
    /* basic scrollbar styling */
    /* vertical scrollbar */
    .mCSB_container {
        width: auto;
        margin-right: 20px;
        overflow: hidden;
    }

        .mCSB_container.mCS_no_scrollbar {
            margin-right: 0;
        }

    .mCustomScrollBox .mCSB_scrollTools {
        width: 16px;
        height: 100%;
        top: 0;
        right: 0;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mCSB_scrollTools .mCSB_buttonUp + .mCSB_draggerContainer {
        padding-bottom: 40px;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: 2px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .mCSB_scrollTools .mCSB_dragger {
        cursor: pointer;
        width: 100%;
        height: 30px;
    }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 4px;
            height: 100%;
            margin: 0 auto;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            text-align: center;
        }

    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown {
        height: 20px;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
    }

    .mCSB_scrollTools .mCSB_buttonDown {
        bottom: 0;
        margin-top: -40px;
    }
    /* horizontal scrollbar */
    .mCSB_horizontal .mCSB_container {
        height: auto;
        margin-right: 0;
        margin-bottom: 30px;
        overflow: hidden;
    }

        .mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
            margin-bottom: 0;
        }

    .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools {
        width: 100%;
        height: 16px;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer {
        height: 100%;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
    }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer {
        padding-bottom: 0;
        padding-right: 20px;
    }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
        width: 100%;
        height: 2px;
        margin: 7px 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger {
        width: 30px;
        height: 100%;
    }

        .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 100%;
            height: 4px;
            margin: 6px auto;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
        width: 20px;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        cursor: pointer;
        float: left;
    }

    .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
        right: 0;
        bottom: auto;
        margin-left: -40px;
        margin-top: -16px;
        float: right;
    }

    /* default scrollbar colors and backgrounds */
    .mCustomScrollBox .mCSB_scrollTools {
        opacity: 0.75;
    }

    .mCustomScrollBox:hover .mCSB_scrollTools {
        opacity: 1;
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        background: #696969; /* rgba fallback */
        background: rgba(105, 105, 105, 0.24);
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #000; /* rgba fallback */
        background: rgba(49, 48, 48, 0.71);
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: rgb(65, 62, 62);
        filter: "alpha(opacity=85)";
        -ms-filter: "alpha(opacity=85)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background: #000;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_buttonUp,
    .mCSB_scrollTools .mCSB_buttonDown,
    .mCSB_scrollTools .mCSB_buttonLeft,
    .mCSB_scrollTools .mCSB_buttonRight {
        background-image: url('RiftControls/images/mCSB_buttons.png');
        background-repeat: no-repeat;
        opacity: 0.4;
        filter: "alpha(opacity=40)";
        -ms-filter: "alpha(opacity=40)"; /* old ie */
    }

    .mCSB_scrollTools .mCSB_buttonUp {
        background-position: 0 0;
        /* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
    }

    .mCSB_scrollTools .mCSB_buttonDown {
        background-position: 0 -20px;
        /* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
    }

    .mCSB_scrollTools .mCSB_buttonLeft {
        background-position: 0 -40px;
        /* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
    }

    .mCSB_scrollTools .mCSB_buttonRight {
        background-position: 0 -56px;
        /* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
    }

        .mCSB_scrollTools .mCSB_buttonUp:hover,
        .mCSB_scrollTools .mCSB_buttonDown:hover,
        .mCSB_scrollTools .mCSB_buttonLeft:hover,
        .mCSB_scrollTools .mCSB_buttonRight:hover {
            opacity: 0.75;
            filter: "alpha(opacity=75)";
            -ms-filter: "alpha(opacity=75)"; /* old ie */
        }

        .mCSB_scrollTools .mCSB_buttonUp:active,
        .mCSB_scrollTools .mCSB_buttonDown:active,
        .mCSB_scrollTools .mCSB_buttonLeft:active,
        .mCSB_scrollTools .mCSB_buttonRight:active {
            opacity: 0.9;
            filter: "alpha(opacity=90)";
            -ms-filter: "alpha(opacity=90)"; /* old ie */
        }

    /*----------------------------------------------------------------------*/
    /*---------riftImageButton-----*/
    /*----------------------------------------------------------------------*/
    .riftImageButton {
        position: relative;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

        .riftImageButton .riftImageButtonImg {
            position: relative;
            z-index: 9;
        }

        .riftImageButton .riftImageButtonText {
            display: block;
            position: relative;
            z-index: 10;
            text-align: center;
            color: white;
            font-size: 18px;
            font-weight: 300;
            padding: 10px 20px;
            background: url('RiftControls/images/bluebg.png') repeat 0 0 transparent;
        }

        .riftImageButton.ImageMove {
            margin-top: 20px;
        }

            .riftImageButton.ImageMove .riftImageButtonText {
                color: #101112;
                background: white;
                border-top-style: solid;
                border-top-width: 1px;
                border-top-color: #e8e8e8;
                margin-top: -40px;
            }

            .riftImageButton.ImageMove .riftImageButtonImg {
                opacity: 0.7;
                filter: "alpha(opacity=70)";
                -ms-filter: "alpha(opacity=70)"; /* old ie */
            }
    /*----------------------------------------------------------------------*/
    /*---------RiftRangeSlider-----*/
    /*----------------------------------------------------------------------*/
    .RangeSlider .SlideFrom, .RangeSlider .SlideTo {
        display: none;
    }

    .RangeSlider .lblRange {
        text-align: right;
        display: block;
        font-size: 11px;
        font-style: italic;
    }

    /*----------------------------------------------------------------------*/
    /*---------RiftImageCycle-----*/
    /*----------------------------------------------------------------------*/

    .cycle-slideshow, .cycle-slideshow * {
        box-sizing: border-box;
    }

    .cycle-slideshow {
        background: url("http://malsup.github.com/images/spinner.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: auto;
        overflow: hidden;
        height: 100%;
        z-index: 10;
    }

        .cycle-slideshow .cycle-slide {
            display: block;
            left: 0;
            padding: 0;
            position: absolute;
            top: 0;
            min-width: 100%;
            height: 100%;
        }

        .cycle-slideshow img {
            display: block;
            padding: 0;
            width: 100%;
            min-width: 500px;
            min-height: 100%;
        }

            .cycle-slideshow img:first-child {
                position: static;
                z-index: 100;
            }

    .cycle-pager {
        overflow: hidden;
        position: absolute;
        text-align: center;
        top: 10px;
        width: 100%;
        z-index: 500;
    }

        .cycle-pager span {
            color: #ddd;
            cursor: pointer;
            display: inline-block;
            font-size: 50px;
            height: 16px;
            width: 16px;
        }

            .cycle-pager span.cycle-pager-active {
                color: #d69746;
            }

        .cycle-pager > * {
            cursor: pointer;
        }

    .cycle-caption {
        bottom: 15px;
        color: white;
        position: absolute;
        right: 15px;
        z-index: 700;
    }

    .cycle-overlay {
        bottom: 0;
        color: white;
        padding: 15px;
        position: absolute;
        z-index: 600;
        font-size: 40px;
        line-height: 1.1;
        text-shadow: 3px 3px 3px black;
    }

        .cycle-overlay > div {
            width: 500px;
        }

    .cycle-prev, .cycle-next {
        cursor: pointer;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 30%;
        z-index: 800;
    }

    .cycle-prev {
        background: url('riftcontrols/images/carousel-bt-previous2.png') no-repeat scroll center left rgba(0, 0, 0, 0);
        left: 0;
    }

    .cycle-next {
        background: url('riftcontrols/images/carousel-bt-next2.png') no-repeat scroll center right rgba(0, 0, 0, 0);
        right: 0;
    }

        .cycle-prev:hover, .cycle-next:hover {
            opacity: 1;
        }

    .disabled {
        /*opacity: 0.5;*/
        color: #ccc !important;
        pointer-events: none;
        Cursor: text !important;
    }
    /*.disabled:hover {
        Cursor: text !important;
        Text-Decoration: None !important;
        color: #909090 !important;
        opacity: 0.5 !important;
    }*/

    .cycle-paused:after {
        background: none repeat scroll 0 0 black;
        border-radius: 10px;
        color: white;
        content: "Paused";
        opacity: 0.5;
        padding: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 500;
    }