<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@CHARSET "ISO-8859-1";
        
#footerRap {
        position:fixed!important;
        bottom:0px;
        width: 100%;
        z-index:1000;
}
        
#HeaderRap {
        position:fixed!important;
        padding-top:8px;
        top:-6px;
        left:0px;
        width: 100%;
        z-index:1000;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
        -webkit-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
        background-color: #ffffff;
}
        
#footer {
        z-index:1000;
        margin:0px auto;
        background-color:#ffffff;
        border-color:rgba(0,0,0,0.39);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
        -webkit-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.39);
}
        
#menu_wrap{
        background-image: url("https://www.greydot.me/Img/1/Logobtn.png");
        background-repeat:no-repeat;
        background-position:left top;
        position:relative;
        margin-top:5px;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        padding:0;
        padding-left:15px;
        padding-right:15px;
        width:95%;
        height:86px;
        list-style-type:none;
}
            
#menu_wrap_noIMG{
        position:relative;
        margin-top:5px;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        padding:0;
        padding-left:15px;
        padding-right:15px;
        width:95%;
        height:86px;
        list-style-type:none;
}
            
.button a{
        cursor:pointer;
        text-align:center;
        font:23px/100% Verdana, Geneva, Arial, sans-serif, 'Roboto';
        font-weight:normal;
        position:relative;
        min-width:50px;
        height:20px;
        float:right;
        padding:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:31px;
        padding-bottom:31px;
        text-decoration:none;
}
            
.Gray,.Gray .button a{
        color:#707070;
        background: #ffffff;
}
            
.Gray .button a:hover,.Gray .button a:focus{
        background: #ffffff;
        -webkit-transition: all 1s;
        -moz-transition: all 1s ;
        -o-transition: all 1s;
        transition: all 1s ;
        background-color:#ffffff;
        border-color:rgba(0,0,0,0.39);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
}
            
.Gray .button a:active{
        background: #ffffff;
        text-decoration:underline;
}
            
.buttone a{
        cursor:pointer;
        text-align:center;
        font:23px/100% Verdana, Geneva, Arial, sans-serif, 'Roboto';
        font-weight:normal;
        position:relative;
        min-width:50px;
        height:20px;
        float:right;
        padding:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:31px;
        padding-bottom:31px;
        text-decoration:underline;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
            
.buttoneL a{
        cursor:pointer;
        text-align:center;
        font:23px/100% Verdana, Geneva, Arial, sans-serif, 'Roboto';
        font-weight:normal;
        position:relative;
        min-width:50px;
        height:20px;
        float:left;
        padding:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:31px;
        padding-bottom:31px;
        text-decoration:underline;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
            
.Gray .buttone a{
        color:#707070;
        background: #ffffff;
        text-decoration:underline;
        background-color:#ffffff;
        border-color:rgba(0,0,0,0.39);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
            
.Gray .buttone a:hover,.Gray .buttone a:focus{
        background: #ffffff;
        text-decoration:underline;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
            
.Gray .buttone a:active{
        background: #ffffff;
        text-decoration:underline;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
            
h1{
        font-size:26px;
        font-weight:bold;
        display: inline;
        color:#707070;
        font-family:Verdana, Geneva, Arial, sans-serif, 'Roboto';
}
            
#checkmark {
        display:inline-block;
        width: 15px;
        height: 18px;
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        transform: rotate(45deg);
}
            
#stem {
        position: absolute;
        width:3px;
        height:9px;
        background-color:#ccc;
        left:11px;
        top:6px;
}
            
#kick {
        position: absolute;
        width:3px;
        height:3px;
        background-color:#ccc;
        left:8px;
        top:12px;
}
            
.boxbe9 {
        font-family:Verdana, Geneva, Arial, sans-serif, 'Roboto';
        -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #cc0000) );
        background:-moz-linear-gradient( center top, #ff0000 5%, #cc0000 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#990000');
        background-color:#ff0000;
        -webkit-border-top-left-radius:37px;
        -moz-border-radius-topleft:37px;
        border-top-left-radius:37px;
        -webkit-border-top-right-radius:0px;
        -moz-border-radius-topright:0px;
        border-top-right-radius:0px;
        -webkit-border-bottom-right-radius:37px;
        -moz-border-radius-bottomright:37px;
        border-bottom-right-radius:37px;
        -webkit-border-bottom-left-radius:0px;
        -moz-border-radius-bottomleft:0px;
        border-bottom-left-radius:0px;
        text-indent:5px;
        border:1px solid #ff0000;
        display:block;
        color:#ffffff;
        height:90%;
        line-height:40px;
        width:90%;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #ff0000;
}
            
.boxbe {
        font-family:Verdana, Geneva, Arial, sans-serif, 'Roboto';
        -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.39);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #cc0000) );
        background:-moz-linear-gradient( center top, #ff0000 5%, #cc0000 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#990000');
        background-color:#ff0000;
        -webkit-border-top-left-radius:37px;
        -moz-border-radius-topleft:37px;
        border-top-left-radius:37px;
        -webkit-border-top-right-radius:0px;
        -moz-border-radius-topright:0px;
        border-top-right-radius:0px;
        -webkit-border-bottom-right-radius:37px;
        -moz-border-radius-bottomright:37px;
        border-bottom-right-radius:37px;
        -webkit-border-bottom-left-radius:0px;
        -moz-border-radius-bottomleft:0px;
        border-bottom-left-radius:0px;
        text-indent:5px;
        border:1px solid #ff0000;
        display:block;
        color:#ffffff;
        height:100%;
        line-height:40px;
        width:90%;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #ff0000;
}
            
.immer{
        margin-top:-35px;
}
            
.Done_box {
        position: relative;
        background: #ffffff;
        border: 5px solid #ff0000;
}
            
.arrow_box {
        position: relative;
        background: #ffffff;
        border: 5px solid #ff0000;
}
.arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
}
            
.arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #ffffff;
        border-width: 50px;
        margin-left: -50px;
}
.arrow_box:before {
        border-color: rgba(255, 0, 0, 0);
        border-top-color: #ff0000;
        border-width: 57px;
        margin-left: -57px;
}
            
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #ff0000; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 38px; margin: -4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
        
/*Grey ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
        
.grey, .grey input, .grey textarea, .grey select {
        margin: auto;
        font: 16px Verdana, Geneva, Arial, sans-serif, 'Roboto';
        line-height: 150%;
        text-rendering: optimizeLegibility;
}
.grey { overflow-x:hidden; }
.grey::-webkit-scrollbar, .grey ::-webkit-scrollbar { width: 16px; }
        
.grey a { text-decoration:none; }
.grey p, .grey .p, .grey-content h1 { padding: 0 24px 8px; margin: 0; }
.grey-content h1 { padding-top: 24px; padding-bottom: 16px;}
.grey p:first-child { padding-top: 16px; }
.grey .grey-buttons { padding: 0 16px; }
.grey .grey-buttonsBig { padding: 0 22px; }
.grey .grey-buttonsSFit { padding: 0 3px; }
.grey .grey-buttonsTab { padding: 0 16px; }
.grey .grey-buttonsDial { padding: 0 5px; }
.grey .grey-buttonsRef { padding: 0 5px; }
.grey .grey-buttonsCnv { padding: 0 5px; }
.grey .grey-buttonsCnvAni { padding: 0 5px; }
.grey .grey-buttonsCall { padding: 0 5px; }
.grey .grey-buttonsSmall { padding: 0 5px; }
.grey .grey-buttonsSmallTrans { padding: 0 5px; }
.grey .grey-buttonsTabSmall { padding: 0 8px; }
.grey .grey-buttonsDark { color:#FFF; background-color:#000; opacity:0.5; padding:6px 6px 6px 6px; width:100%;}
.grey button { cursor:pointer; }
.grey .buttonDial, .grey .buttonSFit, .grey .buttonRef, .grey .buttonCnv, .grey .buttonCnvAni, .grey .buttonCall, .grey .buttonTab { background:0; border:0; }
.grey .buttonSmall, .grey .buttonAco, .grey .buttonQadd, .grey .buttonQrem, .grey .buttonQpau, .grey .buttonQply { background:0; border:0; font-size:10px; }
.grey .buttonBig { background:0; border:0; font-size:30px;}
.grey .button { background:0; border:0; }
.grey .grey-basic-button {  }
.grey .grey-borderless-button {  }
        
.grey-pane { }
.grey-grid-list { }
.grey-slider { }
.grey-progress { }
.grey-checkbox { }
.grey-label { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; vertical-align:middle; }
.grey-labeleft { display:block; height: 48px; cursor:pointer!important; float:left; text-align:left; margin: 0 -16px; padding: 0 32px; width:calc(100% - 30px);}
        
.grey-label0 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico0.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label1 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico1.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label2 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico2.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label3 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico3.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label4 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico4.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label5 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico5.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label6 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico6.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label7 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico7.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label8 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico8.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label9 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico9.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label10 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico10.png"); background-color:#ff0000; background-repeat: no-repeat;}
.grey-label11 { display:block; height: 48px; cursor:pointer; margin: 0 -16px; padding: 0 32px; background-position:0 0; vertical-align:middle; background-image: url("https://www.greydot.me/Img/ALL/ico11.png"); background-color:#ff0000; background-repeat: no-repeat;}
    
.grey-switch input { display:none;}
    
.grey-switch label:before,
.grey-switch label:after
{
        height: 24px;
        line-height: 24px;
        margin: 12px 0;
        font-size: 12px;
        width: 48px;
        text-align:center;
        display:block;
        float:right;
}
.grey-switch label:after { content:"OFF"; background:#CCC; font-weight: bold;}
.grey-switch label:before { content:""; }
.grey-switch :checked + label:after { content:""; }
.grey-switch :checked + label:before { content:"ON"; background:#ff0000; font-weight: bold;}
    
.grey-radio label {  }
.grey-radio input { display:none; }
.grey-radio label:before
{
        height: 24px;
        line-height: 24px;
        margin: 10px 0 0;
        width: 24px;
        border: 2px solid;
        border-radius: 24px;
        display:block;
        float:right;
        content:"";
}
.grey-radio :checked + label:before { background:#888; }
    
.grey-popup { }
.grey-toast { }
.grey-picker { }
.grey-divider { border-bottom: 2px solid; font-size: 16px; line-height: 36px; height: 38px; padding: 8px 8px 0; text-transform:uppercase; margin: 0 16px; }
.grey-dividerH1 { border-bottom: 2px solid; font-size: 20px; line-height: 36px; height: 38px; padding: 6px 6px 0; text-transform:uppercase; margin: 0 14px; }
    
.grey-micro { font-size:12px; }
.grey-small { font-size:14px; }
.grey-medium { font-size:16px; }
.grey-large { font-size:18px; }
    
.grey-icon { height:48px; width: 48px; }
.grey-app-icon { }
.grey-action-buttons { padding: 0; position: absolute; top:0; right: 0; background-repeat:no-repeat; background-position: center center; }
.grey-action-overflow, .grey-search { color:transparent!important; }
    
.grey-action-buttons { margin:0; }
.grey-action-buttons li { display:inline; }
.grey-action-buttons a { float:left; line-height:48px; width: 48px; text-align:center; font-size: 32px; }
    
    
.grey-field {
        margin: 8px 17px;
        position: relative;
        padding: 0 1px;
}
.grey-field input, .grey-field textarea {
        border-width:0 0 1px;
        border-style: solid;
        line-height:36px;
        padding: 0 4px;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        width:100%;
        position:relative;
        margin: 0 1px;
        display:block;
}
.grey-field input {
        height: 32px;
}
.grey-field-bracket { height: 8px; position:absolute; bottom:0px; width:100%; background: #000; }
    
.grey-grid-row { height:38px; }
.grey-status-bar { height: 24px; }
.grey-notification-icon { height:24px; width: 24px; }
.grey-action-bar { border-bottom: 2px solid; overflow: hidden; width: 100%; z-index: 100; }
.grey-action-bar h1 { margin: 0; line-height: 38px; font-size: 24px; font-weight: normal; }
.grey-action-bar h1 a { display: inline-block; padding: 0 16px; }
.grey-action-bar h1 a.grey-up:before { content:""; width:24px; height: 38px; margin-left: -16px; display:block; float:left;  }
.grey-action-bar li { list-style:none; }
    
.grey-fixed-tabs {
        height: 38px;
}
.grey-fixed-tabs ul {
        margin:0; padding:0;
}
ul {
        margin: 5px;
}
.grey-fixed-tabs li {
        text-align: center;
        display:inline; list-style: none;
        min-width: 120px;
        float:left;
        margin-bottom: 5px;
}
.grey-fixed-tabs li + li {
        border-left: rgba(128,128,128,.5) 1px solid;
}
.grey-fixed-tabs a {
        min-width: 120px;
        border-width: 0 0 6px;
        padding-top: 6px;
        padding-bottom: 4px;
        border-style: solid;
        border-color: transparent;
        display:block;
        font-weight: bold;
        text-transform:uppercase;
        line-height: 32px;
        margin-right: -1px;
}
.grey-fixed-tabs a.current-tab {
        border-color: inherit;
}
    
.grey-scrollable-tabs {
        overflow-x: auto;
}
    
.grey-div-space{
        padding-bottom: 10px; padding-top: 10px;
}
    
.grey-list { padding:0; margin:0; min-width: 50px; }
.grey-list li { line-height: 48px; list-style:none; margin: 0 16px; padding: 3px 8px; }
.grey-list li + li { border-top: 0px solid; }
.grey-list li a { display:block; padding: 0 24px; margin: 0 -24px; }
.grey-list li &gt; div { margin: 0 -16px; }
    
.grey-top { border-bottom: 2px solid; }
    
    
.grey-spinner, select.grey-spinner { margin: 0 3px; }
select.grey-spinner, .grey-spinner &gt; a {
    
        min-width: 50px;
        display:inline-block;
        border: #444 solid;
        border-width:0 0 1px;
        height: 36px;
}
select.grey-spinner { background:#f00; padding: 0; }
select.grey-spinner option { height: 32px; border-top: 1px #444 solid; }
.grey-spinner &gt; a { position:relative; padding-right: 1em; line-height: 36px; }
.grey-spinner &gt; a:after {
        border-right:  6px solid;
        border-bottom: 6px solid;
        border-top:  transparent 6px solid;
        border-left: transparent 6px solid;
        width:0; height:0;
        right: 0; bottom: 0;
        position:absolute;
        content:"";
}
.grey-spinner ul { display:none; position:absolute; left: 0; }
.grey-spinner li { min-width: 45px; }
.grey-spinner li a { display:block; padding: 0 2px; margin: 0 -2px; }
    
.grey-buttons button { display:table-cell; min-width: 120px; }
.grey-buttons.grey-plain button { border: 0; margin: 0; line-height: 48px; }
.grey-buttons.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsBig button { display:table-cell; min-width: 220px; }
.grey-buttonsBig.grey-plain button { border: 0; margin: 0; line-height: 74px; }
.grey-buttonsBig.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsSmall button { display:table-cell; }
.grey-buttonsSmall.grey-plain button { border: 0; margin: 0; line-height: 22px; }
.grey-buttonsSmall.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsSmallTrans button { display:table-cell; }
.grey-buttonsSmallTrans.grey-plain button { border: 0; margin: 0; line-height: 22px; }
.grey-buttonsSmallTrans.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsTabSmall button { display:table-cell; }
.grey-buttonsTabSmall.grey-plain button { border: 0; margin: 0; line-height: 22px; }
.grey-buttonsTabSmall.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsSFit button { display:table-cell; }
.grey-buttonsSFit.grey-plain button { border: 0; margin: 0; line-height: 14px; }
.grey-buttonsSFit.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsAco button { display:table-cell; }
.grey-buttonsAco.grey-plain button { border: 0; margin: 0; line-height: 22px; }
.grey-buttonsAco.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsDial button { display:table-cell; min-width: 136px; max-width: 136px; overflow: hidden;}
.grey-buttonsDial.grey-plain button { border: 0; margin: 0; line-height: 30px; }
.grey-buttonsDial.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsRef button { display:table-cell; min-width: 136px; max-width: 136px; overflow: hidden;}
.grey-buttonsRef.grey-plain button { border: 0; margin: 0; line-height: 30px; }
.grey-buttonsRef.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsCnv button { display:table-cell; min-width: 136px; max-width: 136px; overflow: hidden;}
.grey-buttonsCnv.grey-plain button { border: 0; margin: 0; line-height: 30px; }
.grey-buttonsCnv.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsCnvAni button { display:table-cell; min-width: 136px; max-width: 136px; overflow: hidden;}
.grey-buttonsCnvAni.grey-plain button { border: 0; margin: 0; line-height: 30px; }
.grey-buttonsCnvAni.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsTab button { display:table-cell; min-width: 100%; max-width: 100%; }
.grey-buttonsTab.grey-plain button { border: 0; margin: 0; line-height: 30px; }
.grey-buttonsTab.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsCall button { display:table-cell; min-width: 60px; max-width: 60px; }
.grey-buttonsCall.grey-plain button { border: 0; margin: 0; line-height: 22px; }
.grey-buttonsCall.grey-plain button + button { border-left: 1px #444 solid; }
    
.grey-buttonsSizeBig button { display:table-cell; min-width: 97%; max-width: 97%;white-space: normal;}
.grey-buttonsSizeBig.grey-plain button { border: 0; margin: 0; line-height: 48px; white-space: normal;}
.grey-buttonsSizeBig.grey-plain button + button { border-left: 1px #444 solid; white-space: normal;}
    
.grey-buttonsSizeSmall button { display:table-cell; min-width: 97%; max-width: 97%;white-space: normal;}
.grey-buttonsSizeSmall.grey-plain button { border: 0; margin: 0; line-height: 22px; white-space: normal;}
.grey-buttonsSizeSmall.grey-plain button + button { border-left: 1px #444 solid; white-space: normal;}
    
.grey-buttonSizeBig {
                min-width: 97%;
                max-width: 97%;
                font-size: 4vw;
        display: block;
        margin: 12px 0;
        padding: 12px 2px;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
                white-space: normal;
}
    
.grey-buttonSizeSmall{
        min-width: 97%;
                max-width: 97%;
                font-size: 4vw;
        display: block;
        margin: 6px 0;
        padding: 6px 2px;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
                white-space: normal;
}
    
.grey-button {
        display: block;
        margin:10px 0;
        padding: 12px 40px;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
    
.grey-buttonBig {
        display: block;
        margin:10px 0;
        padding: 12px 50px;
        line-height: 74px!important;
        font-size: 58px!important;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        color: white;
        text-decoration: none;
        text-align: center;
}
    
.grey-buttonCall {
        display: block;
        margin:10px 0;
        padding: 12px 12px;
        background-image: url("https://www.greydot.me/Img/ALL/QCall.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonSend {
        display: block;
        margin:10px 0;
        padding: 12px 12px;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonTab {
        display: block;
        margin:10px 0;
        padding: 12px 30px;
        min-width: 420px;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonTabSmall{
        min-width: 420px;
        display: block;
        margin:5px 0;
        padding: 6px 10px;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonDialSlim {
        display: block;
        margin:10px 0;
        padding: 12px 10px;
        width: 136px;
        height:80px;
        white-space: normal;
        font-weight:lighter;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonDial {
        display: block;
        margin:10px 0;
        padding: 12px 10px;
        width: 136px;
        height:80px;
        white-space: normal;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonRef {
        display: block;
        margin:10px 0;
        padding: 5px 5px;
        width: 40px;
        height:40px;
        background-image: url("https://www.greydot.me/Img/ALL/QRef.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonCnv {
        display: block;
        margin:10px 0;
        padding: 5px 5px;
        width: 40px;
        height:40px;
        background-image: url("https://www.greydot.me/Img/ALL/conv.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonCnvAni {
        display: block;
        margin:10px 0;
        padding: 5px 5px;
        width: 40px;
        height:40px;
        background-image: url("https://www.greydot.me/Img/ALL/TransAni.gif");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonAco {
        display: block;
        margin:5px 0;
        padding: 1px 1px;
        width: 32px;
        height:32px;
        background-image: url("https://www.greydot.me/Img/ALL/QComp.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonQadd {
        display: block;
        margin:5px 0;
        padding: 1px 1px;
        width: 32px;
        height:32px;
        background-image: url("https://www.greydot.me/Img/ALL/Qadd.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonQrem {
        display: block;
        margin:5px 0;
        padding: 1px 1px;
        width: 32px;
        height:32px;
        background-image: url("https://www.greydot.me/Img/ALL/Qrem.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonQpau {
        display: block;
        margin:5px 0;
        padding: 1px 1px;
        width: 32px;
        height:32px;
        background-image: url("https://www.greydot.me/Img/ALL/Qpau.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonQply {
        display: block;
        margin:5px 0;
        padding: 1px 1px;
        width: 32px;
        height:32px;
        background-image: url("https://www.greydot.me/Img/ALL/Qply.png");
        background-repeat: no-repeat;
        background-position: center;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonSFit {
        display: block;
        margin:2px 0;
        padding: 2px 2px;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.39);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #ff0000;
        font-weight:bold!important;
        font: 14px Verdana, Geneva, Arial, sans-serif, 'Roboto'!important;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonSmall {
        display: block;
        margin:2px 0;
        padding: 2px 2px;
        border-top: 1px solid rgba(255,255,255,0.34);
        border-right: 1px solid rgba(0,0,0,0.04);
        border-bottom: 1px solid rgba(0,0,0,0.43);
        border-left: 1px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.39);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        color: white;
        text-decoration: none;
        text-align: center;
}
            
.grey-buttonSmallTrans {
        display: block;
        margin:2px 0;
        padding: 2px 2px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-decoration: none;
        text-align: center;
        background:rgba(255,255,255,0);
        color:#fff!important;
        border:0!important;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
            
.grey-button-full {
        display: block;
        margin:10px 0;
        padding: 12px 40px;
        bborder-top: 2px solid rgba(255,255,255,0.34);
        border-right: 2px solid rgba(0,0,0,0.04);
        border-bottom: 2px solid rgba(0,0,0,0.43);
        border-left: 2px solid rgba(255,255,255,0.34);
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: white;
        text-decoration: none;
        text-align: center;
        width: 100%;
}
.grey-buttonsSizeBig :active,
.grey-buttonsSizeBig button:hover,
.grey-buttonsSizeBig button:focus,
.grey-buttonsSizeSmall :active,
.grey-buttonsSizeSmall button:hover,
.grey-buttonsSizeSmall button:focus,
.grey-buttons :active,
.grey-buttons button:hover,
.grey-buttons button:focus,
.grey-button:focus,
.grey-button:hover,
.grey-button-full:focus,
.grey-button-full:hover,
.grey-buttonsCall :active,
.grey-buttonsCall button:hover,
.grey-buttonsCall button:focus,
.grey-buttonCall:focus,
.grey-buttonCall:hover,
.grey-buttonsSend button:hover,
.grey-buttonsSend button:focus,
.grey-buttonSend:focus,
.grey-buttonSend:hover,
.grey-buttonsQadd :active,
.grey-buttonsQadd button:hover,
.grey-buttonsQadd button:focus,
.grey-buttonQadd:focus,
.grey-buttonQadd:hover,
.grey-buttonsBig :active,
.grey-buttonsBig button:hover,
.grey-buttonsBig button:focus,
.grey-buttonBig:focus,
.grey-buttonBig:hover,
.grey-buttonsQrem :active,
.grey-buttonsQrem button:hover,
.grey-buttonsQrem button:focus,
.grey-buttonQrem:focus,
.grey-buttonQrem:hover,
.grey-buttonsQpau :active,
.grey-buttonsQpau button:hover,
.grey-buttonsQpau button:focus,
.grey-buttonQpau:focus,
.grey-buttonQpau:hover,
.grey-buttonsQply :active,
.grey-buttonsQply button:hover,
.grey-buttonsQply button:focus,
.grey-buttonQply:focus,
.grey-buttonQply:hover,
.grey-buttonsSmall :active,
.grey-buttonsSmall button:hover,
.grey-buttonsSmall button:focus,
.grey-buttonSmall:focus,
.grey-buttonSmall:hover,
.grey-buttonsSmallTrans :active,
.grey-buttonsSmallTrans button:hover,
.grey-buttonsSmallTrans button:focus,
.grey-buttonSmallTrans:focus,
.grey-buttonSmallTrans:hover,
.grey-buttonsSFit :active,
.grey-buttonsSFit button:hover,
.grey-buttonsSFit button:focus,
.grey-buttonSFit:focus,
.grey-buttonSFit:hover,
.grey-buttonsAco :active,
.grey-buttonsAco button:hover,
.grey-buttonsAco button:focus,
.grey-buttonAco:focus,
.grey-buttonAco:hover,
.grey-buttonsDial :active,
.grey-buttonsDial button:hover,
.grey-buttonsDial button:focus,
.grey-buttonDial:focus,
.grey-buttonDial:hover,
.grey-buttonDialSlim:focus,
.grey-buttonDialSlim:hover,
.grey-buttonsTab :active,
.grey-buttonsTab button:hover,
.grey-buttonsTab button:focus,
.grey-buttonsTabSmall :active,
.grey-buttonsTabSmall button:hover,
.grey-buttonsTabSmall button:focus,
.grey-buttonTab:focus,
.grey-buttonTab:hover,
.grey-buttonTabSmall:focus,
.grey-buttonTabSmall:hover,
.grey-buttonsRef :active,
.grey-buttonsRef button:hover,
.grey-buttonsRef button:focus,
.grey-buttonRef:focus,
.grey-buttonRef:hover
.grey-buttonsCnv :active,
.grey-buttonsCnv button:hover,
.grey-buttonsCnv button:focus,
.grey-buttonCnv:focus,
.grey-buttonCnv:hover,
.grey-buttonsCnvAni :active,
.grey-buttonsCnvAni button:hover,
.grey-buttonsCnvAni button:focus,
.grey-buttonCnvAni:focus,
.grey-buttonCnvAni:hover
{
        outline:0;
        color: #ffffff!important;
        ursor:pointer;
}
            
.grey-buttonSizeSmall.active,
.grey-buttonsSizeSmall.active,
.grey-buttonSizeBig.active,
.grey-buttonsSizeBig.active,
.grey-button.active,
.grey-button-full.active,
.grey-button-full :active,
.grey-buttons :active,
.grey-buttonCall.active,
.grey-buttonsCall :active,
.grey-buttonSend.active,
.grey-buttonsSend :active,
.grey-buttonDial.active,
.grey-buttonsDial :active,
.grey-buttonDialSlim.active,
.grey-buttonsDialSlim :active,
.grey-buttonTab.active,
.grey-buttonsTab :active,
.grey-buttonBig.active,
.grey-buttonsBig :active,
.grey-buttonTabSmall.active,
.grey-buttonsTabSmall :active,
.grey-buttonQadd.active,
.grey-buttonQrem.active,
.grey-buttonQpau.active,
.grey-buttonQply.active,
.grey-buttonsQadd :active,
.grey-buttonsQrem :active,
.grey-buttonsQpau :active,
.grey-buttonsQply :active,
.grey-buttonsRef.active,
.grey-buttonRef.active,
.grey-buttonsCnv.active,
.grey-buttonCnv.active,
.grey-buttonsCnvAni.active,
.grey-buttonCnvAni.active,
.grey-buttonSmall.active,
.grey-buttonsSmall :active,
.grey-buttonSmallTrans.active,
.grey-buttonsSmallTrans :active,
.grey-buttonSFit.active,
.grey-buttonsSFit :active,
.grey-buttonAco.active,
.grey-buttonsAco :active
{
        background-color: #656565!important;
        color: #ffffff!important;
        cursor:pointer!important;
}
            
            
.grey-buttonSizeSmall.disabled,
.grey-buttonSizeBig.disabled,
.grey-button.disabled,
.grey-button-full.disabled,
.grey-button-full:disabled,
.grey-buttons :disabled,
.grey-buttonCall.disabled,
.grey-buttonSend.disabled,
.grey-buttonDial.disabled,
.grey-buttonDialSlim.disabled,
.grey-buttonTab.disabled,
.grey-buttonBig.disabled,
.grey-buttonTabSmall.disabled,
.grey-buttonQadd.disabled,
.grey-buttonQrem.disabled,
.grey-buttonQpau.disabled,
.grey-buttonQply.disabled,
.grey-buttonRef.disabled,
.grey-buttonCnv.disabled,
.grey-buttonCnvAni.disabled,
.grey-buttonSmall.disabled,
.grey-buttonSmallTrans.disabled,
.grey-buttonSFit.disabled,
.grey-buttonAco.disabled
{
        background-color: #c0c0c0!important;
        color: #656565!important;
        cursor:pointer!important;
}
            
@media screen and (min-height: 45em) { /*720px*/
        .grey-action-bar { position:fixed; top: 0; }
        body { padding-top: 0px; margin: auto; }
}
            
@media screen and (min-width: 45em) { /*720px*/
        .grey-action-bar h1, .grey-fixed-tabs { float:left; }
        .grey-fixed-tabs { width: auto;  margin: auto;}
}
            
@media screen and (min-height: 45em) and (min-width: 45em) { /*720px*/
        body { padding-top: 0px;  margin: auto;}
}
            
.grey-light,
.grey-light .grey-list,
.grey-light input,
.grey-light textarea,
.grey-light select,
.grey-light button,
.grey-light .grey-action-bar {
        background-color: #FFFFFF;
}
.grey-light, .grey-light a, .grey-light input, .grey-light button {
        color: #656565;
}
            
.grey-light .grey-field input:disabled { color:#BBB; }
            
.grey-light .grey-buttonSizeSmall.active,
.grey-light .grey-buttonSizeBig.active,
.grey-light .grey-buttonSizeSmall:hover,
.grey-light .grey-buttonSizeBig:hover,
.grey-light .grey-buttonCall:active,
.grey-light .grey-buttonDial:active,
.grey-light .grey-buttonSend:active,
.grey-light .grey-buttonDialSlim:active,
.grey-light .grey-buttonRef:active,
.grey-light .grey-buttonCnv:active,
.grey-light .grey-buttonCnvAni:active,
.grey-light .grey-buttonSmall:active,
.grey-light .grey-buttonSmallTrans:active,
.grey-light .grey-buttonAco:active,
.grey-light .grey-buttonQadd:active,
.grey-light .grey-buttonQrem:active,
.grey-light .grey-buttonQpau:active,
.grey-light .grey-buttonQply:active,
.grey-light .grey-button:active,
.grey-light .grey-button-full:active,
.grey-light .grey-button-full:hover,
.grey-light .grey-buttonDial:hover,
.grey-light .grey-buttonTabSmall:hover,
.grey-light .grey-buttonDialSlim:hover,
.grey-light .grey-buttonTab:hover,
.grey-light .grey-buttonSmall:hover,
.grey-light .grey-buttonSmallTrans:hover,
.grey-light .grey-buttonAco:hover,
.grey-light .grey-buttonQadd:hover,
.grey-light .grey-buttonQpau:hover,
.grey-light .grey-buttonQrem:hover,
.grey-light .grey-buttonQply:hover,
.grey-light .grey-buttonCall:hover,
.grey-light .grey-buttonBig:active,
.grey-light .grey-buttonBig:hover,
.grey-light .grey-button:hover,
.grey-light .grey-buttonSend:hover {
        color: #ffffff!important;
        background-color: #656565!important;
        cursor:pointer;
}
            
.grey textarea {
        border: 3px solid #ff0000;
}
            
.grey-light .grey-buttonSFit:active {
        color: #ff0000;
        background-color: #656565!important;
        cursor:pointer;
}
            
.grey-light .grey-switch label:before { background:#CCC; font-weight: bold;}
.grey-light .grey-switch :checked + label:before { background:#ff0000; color: #FFFFFF; font-weight: bold;}
.grey-light .grey-switch label:after { background:#BBB; font-weight: bold;}
.grey-light .grey-switch :checked + label:before { background:#ff0000; color: #FFFFFF; font-weight: bold;}
    
.grey-light .grey-radio label:before { border-color:#BBB; }
.grey-light .grey-radio :checked + label:before { background:#656565; }
    
    
.grey-light .grey-action-bar-icon { color: #333; opacity: .6; }
    
.grey-light .grey-buttonSizeSmall,
.grey-light .grey-buttonSizeBig,
.grey-light .grey-button-full,
.grey-light .grey-button,
.grey-light .grey-buttonCall,
.grey-light .grey-buttonBig,
.grey-light .grey-buttonSend,
.grey-light .grey-buttonDial,
.grey-light .grey-buttonDialSlim,
.grey-light .grey-buttonTab,
.grey-light .grey-buttonTabSmall,
.grey-light .grey-buttonRef,
.grey-light .grey-buttonCnv,
.grey-light .grey-buttonCnvAni,
.grey-light .grey-buttonSmall,
.grey-light .grey-buttonSmallTrans,
.grey-light .grey-buttonAco,
.grey-light .grey-buttonQpau,
.grey-light .grey-buttonQply,
.grey-light .grey-buttonQrem,
.grey-light .grey-buttonQadd{
        background-color: #ff0000;
        color: #ffffff!important;
        font-weight:bold;
        cursor:pointer;
}
            
.grey-light .grey-buttonSFit{
        background-color: #ffffff;
        color: #ff0000;
        font: 14px Verdana, Geneva, Arial, sans-serif, 'Roboto'!important;
        font-weight:bold;
        cursor:pointer;
}
            
.grey-light .grey-list li,
.grey-light .grey-divider,
.grey-light .grey-dividerH1,
.grey-light .grey-field input,
.grey-light .grey-field textarea,
.grey-light select.grey-spinner,
.grey-light .grey-spinner &gt; a
{
        border-color: #BBB;
}
.grey-light .grey-spinner &gt; a:after {
        border-right-color: #BBB;
        border-bottom-color: #BBB;
}
.grey-light .grey-field-bracket {
        background: #BBB;
}
            
.grey-light .grey-spinner .grey-list
{ background: #E5E5E5; }
            
.grey-light .grey-divider { color: #555; }
.grey-light .grey-dividerH1 { color: #555; }
            
.grey-light .grey-label:hover,
.grey-light .grey-label0:hover,
.grey-light .grey-label1:hover,
.grey-light .grey-label2:hover,
.grey-light .grey-label3:hover,
.grey-light .grey-label4:hover,
.grey-light .grey-label5:hover,
.grey-light .grey-label6:hover,
.grey-light .grey-label7:hover,
.grey-light .grey-label8:hover,
.grey-light .grey-label9:hover,
.grey-light .grey-label10:hover,
.grey-light .grey-label11:hover,
.grey-light .grey-spinner a:hover
{
        -webkit-transition: all 1s;
        -moz-transition: all 1s ;
        -o-transition: all 1s;
        transition: all 1s ;
        background-color:#f9f9f9;
        border-color:rgba(0,0,0,0.39);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.39);
}
            
.grey-light input::-webkit-input-placeholder {
        font-style: italic;
}
.grey-light input:-moz-placeholder {
        font-style: italic;
}
            
.grey-light .grey-action-buttons,
.grey-light .grey-action-bar h1 a.grey-up:before {
        opacity:.6;
}
            
            
.grey-light::-webkit-scrollbar-track-piece, .grey-light::-webkit-scrollbar-corner { background:#FFF; }
.grey-light::-webkit-scrollbar-thumb { background:#CCC; }
            
.grey-blue { color: #656565; }
            
.grey-accent-blue a:hover{
        background-color:rgba(101,101,101,.25);
}
.grey-accent-blue .grey-action-bar,
.grey-accent-blue .grey-fixed-tabs a.current-tab
{
        border-color: #656565;
}
.grey-accent-blue .grey-switch :checked + label:before,
.grey-accent-blue .grey-radio :checked + label:before
{
        background-color:rgba(101,101,101,.67);
}
.grey-accent-blue .grey-fixed-tabs a:hover {
        border-color: rgba(101,101,101,.5);
}
            
.fileUpload {
        position: relative;
        overflow: hidden;
        margin: 10px;
}
            
.fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
}
            
            
            
.grey-Under{
        text-decoration: underline!important;
        color: #ff0000;
}
            
.grey-table-curve {
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
        background:rgba(255,255,255,1);
        -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
}
            
.grey-table-curve-grey {
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
        background:rgba(230,230,230,1);
        -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
}
            
.grey-table-curve-gy {
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
        background:rgba(255,255,255,1);
        -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.39);
        /*-webkit-box-shadow: 3px 3px 2px 3px rgba(0,0,0,0.15);
        box-shadow: 3px 3px 2px 3px rgba(0,0,0,0.15);*/
}
            
#screenshot{
        border: 0px;
        position:absolute;
        padding:15px;
        /*display:none;*/
        z-index: 4000;
}
            
.squeserX {
        text-decoration:none;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 24px;
        line-height: 14px;
}
            
.squeserp {
        text-decoration:none;
        margin-top: 0px;
        padding-left: 24px;
}
            
.squeser {
        text-decoration:none;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 24px;
        line-height: 12px;
}
            
#header {
    top:0;
    width:100%;
    position:fixed;
    background-color:#FFF;
}
            
#content {
    position:static;
    margin-top:100px;
}
            
.el{
        position:absolute;
    background:#ffffff;
    margin-top: -100px;
}
.hovered{
    background:#ffffff;
}
            
.grey-divTmp {
        margin: auto;
        padding-top:15px;
        width:100%;
}
            
.grey-divTmpIN {
        display: block;
        width:800px;
        margin: auto;
}
            
.meter {
        height: 20px;  /* Can be anything */
        position: relative;
        background: #C9C9C9;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        padding: 10px;
        box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
            
.meter &gt; span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #ff0000;
  background-image: linear-gradient(to bottom, #ff0000, #830000);
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
      
.progress-containerGreyD {
        left:50%;
        position: absolute;
        transform: translate(-50%, -50%);
}
      
.progressGreyD {
        background-color: rgb(105,105,105);
        height: 1.25em;
        position: relative;
        width: 480px;
}
.progress-barGreyD {
        color:#FFFFFF;
        background-size: 480px 1.25em;
        height: 100%;
        position: relative;
        background-image: linear-gradient(to right, rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,45,85));
                background-image: -o-linear-gradient(to right, rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,45,85));
                background-image: -ms-linear-gradient(to right, rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,45,85));
                background-image: -webkit-linear-gradient(to right, rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,45,85));
                background-image: -moz-linear-gradient(to right, rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,0,0), rgb(255,45,85));
                animation: cssload-width 183s cubic-bezier(0, 0, 1, 1) infinite;
                -o-animation: cssload-width 183s cubic-bezier(0, 0, 1, 1) infinite;
                -ms-animation: cssload-width 183s cubic-bezier(0, 0, 1, 1) infinite;
                -webkit-animation: cssload-width 183s cubic-bezier(0, 0, 1, 1) infinite;
}
      
@keyframes cssload-width {
        0%, 100% {
                transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
        }
        0% {
                width: 0;
        }
        100% {
                width: 100%;
        }
}
      
@-o-keyframes cssload-width {
        0%, 100% {
                -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
        }
        0% {
                width: 0;
        }
        100% {
                width: 100%;
        }
}
      
@-ms-keyframes cssload-width {
        0%, 100% {
                -ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
        }
        0% {
                width: 0;
        }
        100% {
                width: 100%;
        }
}
      
@-webkit-keyframes cssload-width {
        0%, 100% {
                -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
        }
        0% {
                width: 0;
        }
        100% {
                width: 100%;
        }
}
      
@-moz-keyframes cssload-width {
        0%, 100% {
                -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
        }
        0% {
                width: 0;
        }
        100% {
                width: 100%;
        }
}
      
.tabs {
  width: 930px;
  float: none;
  list-style: none;
  position: relative;
  margin: 0px 0 0 0;
  text-align: left;
}
.tabs li {
  float: left;
  display: block;
  margin:0px;
  left:0px;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  left:-40px;
  display: block;
  text-align:center;
  padding: 14px 17px;
  border-color:#DDD;
  border-radius: 2px 2px 0 0;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
  background: #FFF;
  cursor: pointer;
  position: relative;
  top: 4px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: #ff0000;
  color: #ffffff;
}
.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  padding: 5px;
  position: absolute;
  top: 53px;
  left: 0;
  background: #DDDDDD;
}
.tabs [id^="tab"]:checked + label {
  top: 0;
  padding-top: 17px;
  background: #DDDDDD;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}
      
p.link {
  clear: both;
}
p.link a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #F9F9F9;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.link a:hover {
  background-color: #E0E0E0;
}
      
label.custom-select {
    position: relative;
    display: inline-block;
}
      
.custom-select select {
    display: inline-block;
    border: 2px solid #CCC;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #fff;
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
      
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-select select {
        padding-right:30px;
    }
}
      
.custom-select select:focus {
    -webkit-box-shadow: 0px 0px 0px 1px #ff0000;
    -moz-box-shadow: 0px 0px 0px 1px #ff0000;
    box-shadow: 0px 0px 0px 1px #ff0000;
}
        
label.custom-select {
    position: relative;
    display: inline-block;
}
        
.custom-select select {
    display: inline-block;
    border: 2px solid #CCC;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #fff;
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
        
.custom-select:after {
                font:Verdana, Geneva, Arial, sans-serif, 'Roboto';
        content: "+";
                font-weight:900;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 24px;
        line-height: 30px;
        padding: 0 4px;
        background: #CCC;
        color: white;
        pointer-events:none;
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
}
        
.smlInput {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 8px;
  padding: 8px;
  border: 2px solid #ff0000;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
      
 .tablecurvetrans {
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
        -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
        box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.39);
                background-color:rgba(255,255,255,0.7);
}
      
.tablecurvetransInside {
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
        -webkit-box-shadow: inset 4px 4px 15px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: inset 4px 4px 15px 0px rgba(0,0,0,0.39);
        box-shadow: inset 4px 4px 15px 0px rgba(0,0,0,0.39);
                background-color:rgba(255,255,255,1);
}
      
.TopcolDEV {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color:#ff0000;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2);
}
      
.BarSYScolour{
  background-color:#ff0000;
}
      
.PageBackNewSys{
  width:100%;
  min-height:100vh;
  background-color:#ff0000;
}
      
/* Firefox old*/
@-moz-keyframes blinkGreyImg {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
      
@-webkit-keyframes blinkGreyImg {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blinkGreyImg {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blinkGreyImg {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.blinkGrey-image {
    -moz-animation: blinkGreyImg normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blinkGreyImg normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blinkGreyImg normal 2s infinite ease-in-out; /* IE */
    animation: blinkGreyImg normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
      
/* Firefox old*/
@-moz-keyframes blinkGreyColour {
    0% {
        background-color:#FFFFFF;
    }
    50% {
        background-color:#ff0000;
    }
    100% {
        background-color:#FFFFFF;
    }
}
            
@-webkit-keyframes blinkGreyColour {
    0% {
        background-color:#FFFFFF;
    }
    50% {
        background-color:#ff0000;
    }
    100% {
        background-color:#FFFFFF;
    }
}
/* IE */
@-ms-keyframes blinkGreyColour {
    0% {
        background-color:#FFFFFF;
    }
    50% {
        background-color:#ff0000;
    }
    100% {
        background-color:#FFFFFF;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blinkGreyColour {
    0% {
        background-color:#FFFFFF;
    }
    50% {
        background-color:#ff0000;
    }
    100% {
        background-color:#FFFFFF;
    }
}
.blinkGrey-Colour {
    -moz-animation: blinkGreyColour normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blinkGreyColour normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blinkGreyColour normal 2s infinite ease-in-out; /* IE */
    animation: blinkGreyColour normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
            
.divBackimg {
        width:100%;
        min-height:100vh;
        vertical-align:middle;
        background-image:url(https://www.greydot.me/Img/ALL/Backout.png);
        background-repeat:no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
            
.divBackimgSM {
        width:100%;
        min-height:100vh;
        vertical-align:middle;
        background-image:url(https://www.greydot.me/Img/ALL/BackoutSM.png);
        background-repeat:no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
 }
            
 .tablecurve-Glass {
                padding:10px;
        border-color:rgba(0,0,0,0.39);
        border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        border: 0;
                background-color:rgba(255,255,255,0.2);
                -webkit-box-shadow: 0 0 4px #ffffff;
                -moz-box-shadow: 0 0 4px #ffffff;
                box-shadow: 0 0 4px #ffffff;
}
            
#HeaderRapDark {
        position:fixed!important;
        padding-top:8px;
        top:-6px;
        left:0px;
        width: 100%;
        z-index:1000;
        border: 0;
        -webkit-box-shadow:inset 0 -6px 6px 0 rgba(0,0,0,1);
        -moz-box-shadow:inset 0 -6px 6px 0 rgba(0,0,0,1);
        box-shadow:inset 0 -6px 6px 0 rgba(0,0,0,1);
        background-color: #ffffff;
}
            
.GrayD .buttonD a:hover,.GrayD .buttonD a:focus{
        background: rgba(0,0,0,0.2);
        -webkit-transition: all 1s;
        -moz-transition: all 1s ;
        -o-transition: all 1s;
        transition: all 1s ;
        background-color: rgba(0,0,0,0.2);
        border-color:rgba(0,0,0,0.39);
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 0;
}
            
.GrayD .buttonD a:active{
        background: rgba(0,0,0,0.2);
        text-decoration:underline;
}
            
@media screen and (min-width: 900px){
            
#HeaderRapDarkTop {
        position:fixed!important;
        padding-top:8px;
        top:-6px;
        left:0px;
        width: 100%;
        z-index:990;
        border: 0;
                height:85px;
        background-color: #000000;
                -webkit-box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
        -moz-box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
        box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
}
            
#menu_wrap_noIMGDark{
                background-image: url("https://www.greydot.me/Img/1/Logobtn.png");
        background-repeat:no-repeat;
        background-position:left top;
                background-size:auto 90%;
        position:relative;
        margin-top:5px;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        padding:0;
        padding-left:15px;
        padding-right:15px;
        width:95%;
        height:75px;
        list-style-type:none;
}
                    
.buttonD a{
        cursor:pointer;
        text-align:center;
        font:23px/100% Verdana, Geneva, Arial, sans-serif, 'Roboto';
        font-weight:normal;
        position:relative;
        min-width:50px;
        height:20px;
        float:right;
        padding:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:31px;
        padding-bottom:31px;
        text-decoration:none;
}
                    
}
@media screen and (max-width: 900px){
                    
#HeaderRapDarkTop {
        position:fixed!important;
        padding-top:8px;
        top:-6px;
        left:0px;
        width: 100%;
        z-index:990;
        border: 0;
                height:42px;
        background-color: #000000;
                -webkit-box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
        -moz-box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
        box-shadow: 0 6px 10px 0px rgba(0,0,0,1);
}
                    
#menu_wrap_noIMGDark{
                background-image: url("https://www.greydot.me/Img/1/Logobtn.png");
        background-repeat:no-repeat;
        background-position:left top;
                background-size:auto 90%;
        position:relative;
        margin-top:2px;
        margin-left:0;
        margin-right:0;
        margin-bottom:0;
        padding:0;
        padding-left:5px;
        padding-right:5px;
        width:95%;
        height:45px;
        list-style-type:none;
}
                    
                    
.buttonD a{
        cursor:pointer;
        text-align:center;
        font:18px/100% Verdana, Geneva, Arial, sans-serif, 'Roboto';
        font-weight:normal;
        position:relative;
        min-width:20px;
        height:20px;
        float:right;
        padding:4px;
        padding-left:12px;
        padding-right:12px;
        padding-top:11px;
        padding-bottom:11px;
        text-decoration:none;
}
}
                    
                    
</pre></body></html>