/* 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: #d5ded9; /* change the general background color */ } 
/* The header area */
#container #head {
/*	background: #99b2b7; */
/* change the background color */ border-bottom-color: #948c75; 
/* change the color of the bottom line */ height: 91px;
/* 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 */
}

/* 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: 12px; font-weight: normal; } 

/* * style rules for regular buttons */ 
.action.btn { border-color: #7a6a53; background: #7a6a53; color: #fff; text-shadow: none; } 
.action.btn:hover { background-position: inherit; background-color: #7a6a53; 

/* fallback color in case gradients are not allowed */ 
background-image: linear-gradient(center top , #7a6a53, #d9ceb2); 

/* background gradient fill for several browsers */ 
background-image: -moz-linear-gradient(center top , #7a6a53, #d9ceb2); background-image: -o-linear-gradient(center top , #7a6a53, #d9ceb2); 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a6a53), to(#d9ceb2)); 
background-image: -webkit-linear-gradient(center top , #7a6a53, #d9ceb2); 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 */ 
#container .with-sidebar { background: transparent url("../img/sidebar_bg_grey.jpg?0.4.3") repeat-y; } 
#container .with-sidebar #sidebar .sidebar-list li a { background: #888; /* the general color of sidebar items */ } 
#container .with-sidebar #sidebar .sidebar-list li.selected a { background: #7a6a53; /* the color of selected sidebar items */ 
border-bottom: 1px solid #d9ceb2; /* adjust the bottom and top border color in order to fit to the background */ border-top: 1px solid #d9ceb2; } 
#container .with-sidebar #sidebar .sidebar-list li.selected .arrow { border-left: 10px solid #7a6a53; /* 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-image: linear-gradient(center top , #7a6a53, #d9ceb2); 

/* background gradient fill for several browsers */ 
background-image: -moz-linear-gradient(center top , #7a6a53, #d9ceb2); 
background-image: -o-linear-gradient(center top , #7a6a53, #d9ceb2); 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a6a53), to(#d9ceb2)); 
background-image: -webkit-linear-gradient(center top , #7a6a53, #d9ceb2); box-shadow: none; /* remove the inner shadow of selected items */ } 
#container .with-sidebar 
#sidebar .sidebar-list li:hover .arrow, 
#container .with-sidebar 
#sidebar .sidebar-list li.selected:hover .arrow { border-left: 10px solid #b0a389; /* 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 */ }