﻿html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
}

    .main-content {
        background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

header .content-wrapper {
    padding-top: 20px; 
}

footer {
    clear: both;
    /*background-color: #e2e2e2;*/
    font-size: .8em;
    height: 100px;
}


.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    padding: 8px;
    margin: 8px;
    width: 94px;
    float:left;
   
}
.ux-desktop-shortcut-text{
 color:black;
}
    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
        background-color: #0061a7;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }
    .ux-desktop-view{
    }
.shortcut-coins {
    background-image: url('coins.png');
    background-size:48px;
}
.shortcut-email_send {
    background-image: url('email_send.png');
    background-size:48px;
}
.shortcut-e_mail {
    background-image: url('e_mail.png');
    background-size:48px;
}
.shortcut-lists {
    background-image: url('lists.png');
    background-size:48px;
}
.shortcut-Customer {
    background-image: url('Customer.png');
    background-size:48px;
}
 .document_Error {
    background-image: url('document_Error.png');
    background-size:48px;
}
.Dedicated {
    background-image: url('Dedicated.png');
    background-size: 48px;
}
.price_tag {
    background-image: url('price_tag.png');
    background-size: 48px;
}
.x-menu {
    background: #FFFFFF;
}

.x-panel-body {
    background: #FFFFFF;
}

.x-window-body-default {
    background: #FFFFFF;
}

.x-rtl.x-message-box-info, .x-rtl.x-message-box-warning, .x-rtl.x-message-box-question, .x-rtl.x-message-box-error {
    right: -15px;
    top: 10px;
}

.x-message-box-error {
    background-image: url("/content/Error.png");
    right: -15px;
    top: 10px;
}

.x-message-box-info {
    background-image: url("/content/Info.png");
    right: -15px;
    top: 10px;
}

.x-message-box-warning {
    background-image: url("/content/warning.png");
    right: -15px;
    top: 10px;
}

.x-message-box-question {
    background-image: url("/content/question.png");
    right: -15px;
    top: 10px;
}