/* Use this file to override the original style rules. 
This file will never be touched by any product upgrade process. */

/* The main area */
#container {
    /*background: #E0E0DE; /* change the general background color */
    }

/* The header area */
#container #head {
    /*background: #3A3A3A; /* change the background color */
    /*border-bottom: 1px solid #888888; /* change the color of the bottom line / MS: graue Farbe zwischen Logo- und Inhaltsbereich */
    /*height: 66px; /* MS: Hoehe des Logobereichs / this is needed to adjust the header height to the logo height
        in this case the header height (91px) equals the sum of the logo height 
        and its top offset (74px + 17px), resulting in the logo being bottom aligned 
        within the header area */
}

#container #head #logo {
    padding-top: 8px;
}

#container #powered_by {
    display:none;
}

/* general appearance of links */
a, a:hover {
    /*color: #333; */
}

/* appearance of links on the footer area */
#container #footer a {
    /*color: #333; */
    /*font-family: sans-serif; */
    /*font-size: 16px; */  
    /*font-weight: normal; */
}

/*
 * style rules for regular buttons
 */
.action.btn {
/*    border-color: #CAA93B;
/*    background-position: inherit;
/*    background-color: #E6D082; /* fallback color in case gradients are not allowed */
/*    background-image: linear-gradient(center top , #DDB429, #E6D082); /* background gradient fill for several browsers */
/*    background-image: -moz-linear-gradient(center top , #DDB429, #E6D082);
/*    background-image: -o-linear-gradient(center top , #DDB429, #E6D082);
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDB429), to(#E6D082));
/*    background-image: -webkit-linear-gradient(center top , #DDB429, #E6D082);
/*    color: #fff; */
}

.action.btn:hover {
/*    border-color: #CAA93B;
/*    background-position: inherit;
/*    background-color: #DDB429; /* fallback color in case gradients are not allowed */
/*    background-image: linear-gradient(center top , #DDB429, #DDB429); /* background gradient fill for several browsers */
/*    background-image: -moz-linear-gradient(center top , #DDB429, #DDB429);
/*    background-image: -o-linear-gradient(center top , #DDB429, #DDB429);
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DDB429), to(#DDB429));
/*    background-image: -webkit-linear-gradient(center top , #DDB429, #DDB429);
/*    color: #fff; */
}

/*
 * style rules for buttons on top of the lists of received, sent and deleted e-mails
 */
.btn-group > .info.btn {
/*    background: #948c75;
/*    border-radius: 0;
/*    box-shadow: none;
/*    color: #fff;
/*    margin-left: 5px;
/*    text-shadow: none; */
}

/*
 * style rules for buttons the (sent or received) mail view
 */
 
.actionbar .btn {
/*    background: #7a6a53; /* these rules make the buttons appear flat and with a different background color */
/*    box-shadow: none;
/*    color: #fff;
/*    text-shadow: none; */
}

.actionbar .btn:hover {
/*    background: #948c75; /* set the color of the mouse over state */
}

.actionbar .btn-group.open .btn.dropdown-toggle {
/*    background: #948c75; /* set the color of dropdown-buttons when they are "open" */
}

.actionbar .btn.dropdown-toggle .caret {
/*    border-top-color: #fff; /* change the color of the dropdown-arrow in order to fit the text color */
}

.actionbar .btn .sprite {
/*    background-image: url(../img/sprites-silver.png); /* use another set of images as icons */
}

/*
 * style rules for the sidebar
 * MS: Sidebar Hintergrund und Mouse-Over-Hintergrund
 * MS: IE Background kompletten Bereich, daher GFX als Loesung fuer andere Farbe in die Sidebar
 */

#container .with-sidebar {
/* background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6C7578', endColorstr='#ffDFDFDD', GradientType=0);*/ */
/*    background-image: linear-gradient(center top , #6C7578, #DFDFDD); /* background gradient fill for several browsers */
/*    background-image: -moz-linear-gradient(center top , #6C7578, #DFDFDD);
/*    background-image: -o-linear-gradient(center top , #6C7578, #DFDFDD);
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6C7578), to(#DFDFDD));
/*    background-image: -webkit-linear-gradient(center top , #6C7578, #DFDFDD);
/*    border-top: 1px solid #B9BDBE; */
}

#container .with-sidebar #sidebar {
/*    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6C7578', endColorstr='#ffDFDFDD', GradientType=0);*/ */
/*    background-color: #DFDFDD; */
}

#container .with-sidebar #sidebar .sidebar-list li a {
/*    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffAAAAAA', endColorstr='#ff666666', GradientType=0);
/*    background-color: #AAAAAA; /* fallback color in case gradients are not allowed */
/*    background-image: linear-gradient(center top , #AAAAAA, #666666); /* background gradient fill for several browsers */
/*    background-image: -moz-linear-gradient(center top , #AAAAAA, #666666);
/*    background-image: -o-linear-gradient(center top , #AAAAAA, #666666);
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AAAAAA), to(#666666));
/*    background-image: -webkit-linear-gradient(center top , #AAAAAA, #666666);
/*    color: #fff;
/*    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
/*    border-color: #44444;
/*    border: none; */
}

#container .with-sidebar #sidebar .sidebar-list li.selected a {
/*    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff222222', GradientType=0);
/*    background-position: inherit;
/*    background-color: #666666; /* fallback color in case gradients are not allowed */
/*    background-image: linear-gradient(center top , #666666, #222222); /* background gradient fill for several browsers */
/*    background-image: -moz-linear-gradient(center top , #666666, #222222);
/*    background-image: -o-linear-gradient(center top , #666666, #222222);
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#222222));
/*    background-image: -webkit-linear-gradient(center top , #666666, #222222);
/*    color: #fff;
/*    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
/*    border-color: #222222;
/*    border: none; */
}

#container .with-sidebar #sidebar .sidebar-list li.selected .arrow {
/*    border-left: 10px solid #444444; /* the color of the arrow of selected sidebar items */
}

#container .with-sidebar #sidebar .sidebar-list li:hover a, #container .with-sidebar #sidebar .sidebar-list li.selected:hover a {
/*    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff666666', GradientType=1);
/*    background-color: #222222; /* fallback color in case gradients are not allowed */
/*    background-image: linear-gradient(to bottom , #222222, #666666); /* background gradient fill for several browsers */
/*    background-repeat: repeat-x;
/*    background-position: inherit;
/*    color: #fff;
/*    box-shadow: 0 0 26px #222222 inset;
/*    transition: box-shadow 0.2s linear 0s;
/*    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
/*    border-color: #222222;
/*    border: none; */
}

#container .with-sidebar #sidebar .sidebar-list li:hover .arrow, #container .with-sidebar #sidebar .sidebar-list li.selected:hover .arrow {
/*    border-left: 10px solid #444444; /* chose a color that fits the background gradient of the selected item */
/*    -webkit-transition:border-color 0.0s linear; /* the transition was needed to blend the color of the arrow synchronized */
/*    -moz-transition:border-color 0.0s linear;    /* to the inner shadow of the list item. We don't use this inner shadow */
/*    -o-transition:border-color 0.0s linear;      /* thus we do not need the border transition here */
/*    transition:border-color 0.0s linear; */
}

/*
 * style rules for tables
 */
table.mailbox tbody tr td {
/*    background: #eee; /* change the general background color of table cells */
}

table.mailbox  tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
/*    background: #eee; /* overwrite rules for the background color to have the same color in every table row */
}