/**/
.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;
}

.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;
    -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;
    /*opacity: 0.7;*/
}
@-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: #ab0000;
    color: #F7F7FA;
    border: solid 1px #ab0000;
    z-index: 30001;
}
.ResultsFailed{
    background-color:#F2DEDE;
    color:#a94442;
    border:solid 1px #dbbdbd;
}
.AlertMessager{
    background-color:#D9EDF7;
    color:#31708f;
    border:solid 1px #c1dce9;
}
/*-------------------------------------------------------------*/
/*-------------------------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: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    /*width: auto;*/
}

.popupControl_Chech {
    padding: 2px 6px;
    /*margin: 10px 0;*/
    background-color: #a5b0be;
    color: #fff;
    -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: 14px;
}

.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 {
    /*background-color: #FFFFFF;*/
    /*color: #454346;*/
    border: none;
    /*padding: 8px 12px;*/
    box-shadow: none;
    /*margin: 0;*/
    width: 100%;
    /*margin-bottom: 0;*/
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42857143;
    background: #fff !important;
    /*vertical-align: middle;*/
    position: relative;
    top: -2px;
}

/*.PopUpTextboxBorder {
    margin: -3px 0;*/
    /*background-color: #FFFFFF;*/
    /*border-bottom-color: #e4e4e4;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
    /*padding: 5px;*/
/*}*/

.PopUpTextboxBorder {
    border: 1px solid #e5e5e5;
    /*border-radius: 0;*/
    border-radius: 6px;
    box-shadow: none;
    display: block;
    padding: 8px 12px !important;
    font-size: 17px;
    height: 40px;
    line-height: 1.42857143;
    color: #3d3d3d;
    background-color: #fff !important;
    background-image: none;
    letter-spacing: 0.015em;
    border-bottom-width: 2px;
    width: 100%;
    -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: #f4c900;
        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;
    margin: 12px 0;
    /*background-color: #ebeae6;*/
    /*border-top: solid 1px #fff;*/
}

.PopUpHelp {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #5c5853;
    /*background-color: #E5E5E5;
    padding:5px;*/
}
.mark {
    color: #3d3d3d;
}

.txtin {
    color: #3d3d3d;
    width: 100%;
    font-size: 17px;
    letter-spacing: 0.015em;
    font-weight: 400;
    line-height: 1.42857143;
    /*font-family: 'Roboto', sans-serif !important;*/
    background: #fff !important;
    vertical-align: middle;
    padding: 8px 12px !important;
}
.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;
}

.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: 5px;
    margin-right: 5px;
    font-size: 24px;
}

.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: 2px 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;
}

.callout_main{
    z-index: 999;
    margin-top: -10px!important;
}

/*-------------------------------------------------------------*/
/*-------------------------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 #ddd;
        transition: all ease 0.5s;
    }
.RiftMainMenu .MenuContent:last-child{
    border:none;
}
    .RiftMainMenu .MenuContent .iText {
        font-size: 16px;
        text-decoration: none;
        display: block;
        /*line-height: 40px;*/
        color: rgba(0, 0, 0, 0.8);
        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: #3d3d3d !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: #f6a613 !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;
    }