/**
 * $Horde: horde/themes/bluewhite/screen.css,v 1.18.6.3 2005/03/16 18:02:56 slusarz Exp $
 */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EAF1F9;
}
.headerbox {
    border-left: 1px solid #66a;
    border-right: 1px solid #66a;
    border-bottom: 1px solid #66a;
}
.selected {
    background-color: #C6D3FF;
}
.header {
    color: #fff;
    background-color: #37548C;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.header a {
    color: #fff;
}
.header a:hover, a.header:hover {
    color: #FFB700;
    text-decoration: none;
}
a.header {
    border-bottom: 0;
    background-color: transparent;
}
.light {
    color: #333;
}
.smallheader {
    color: #fff;
    background-color: #37548C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.smallheader:hover {
    color: #cce;
    text-decoration: none;
}
.small {
    color: #000;
}
.control {
    /* This is color of the background for the 
    dropdown boxes in the Inbox displayed below the "Inbox" title.
    background-color: #ddd;*/
    background-color: #EAF1F9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;    
}

.controlactions {
    background-color: #D0E2FA;
}

.controllegends {
    background-color: #B2C6DF;
}

/* Form styles. */
input, select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #f3f3f9;
    border: 1px solid #669;
}
input:focus, textarea:focus {
    background-color: #fff;
    border: 1px solid #99f;
}
.button, .button:focus {
    color: #FFFFFF;
    background: url(/horde/themes/graphics/button_bg.gif) repeat-x;
    border: 1px single;
    border-color: #37548C #37548C #5C73A1 #37548C;
    height:23px;
    font-weight:bold;
    font-size:10px;
    /*background-color: #339;
    border-bottom: 1px solid #333;
    border-right: 1px solid #000;
    border-left: 1px solid #C4C4B8;
    border-top: 1px solid #C4C4B8;
    -moz-border-radius: 5px;*/
}
.button:hover {
    /*background-color: #66a;*/
    color: #FFFFFF;
    background: url(/horde/themes/graphics/button_bg.gif) repeat-x;
    border: 1px single;
    border-color: #37548C #37548C #5C73A1 #37548C;
    height:23px;
    font-weight:bold;
    font-size:10px;
}

a.fixed {
    color: #339;
}

/* Menu styles. */
#menu {
    background-color: #0e2757;
    /* Commented the following attribute */
    /*border-bottom: 2px solid #000;
    background-color: #66a;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;*/
}
#menu a {
    color: #fff;
    height: 16px;
}
#menu a.current {
    /* Changed the background color */
    background-color: #FFB700;    
    height: 16px;
    /* Commented the following attributes
    background-color: #339;
    border-bottom: 1px solid #aac;
    border-right: 1px solid #aac;
    border-left: 1px solid #000;
    border-top: 1px solid #000;*/
    color: black;
}

/* Sidebar styles. */
body.sidebar {
    background-color: #BCCAED;
    width:199px;
    background: url(/horde/themes/graphics/sidebar_bg.jpg) repeat-y;

    /*scrollbar-face-color:#BCCAED;
    scrollbar-arrow-color:#0e2757;
    scrollbar-track-color:#BCCAED;
    scrollbar-shadow-color:#0e2757;
    scrollbar-highlight-color:#0e2757;
    scrollbar-3dlight-color:#BCCAED;
    scrollbar-darkshadow-Color:#BCCAED;*/
    /*
    border-right: 1px solid #006;*/
}
#sidebarPanel {
    /* border-right: 1px solid #006;
    border-bottom: 1px solid #006;
     This is the background-color of the left bar tree.
    background-color: #e9e9ff;*/
    background-color: #BCCAED;
    width:199px;
}
#sidebarPanel a {
    /* This is the font color of the left bar tree menu.
    color: #006;*/
    color: #020463;
    /* This is the color of the border encircling each title of the left menu bar Tree.
    border: 1px solid #e9e9ff;*/
    border: 1px solid #BCCAED;
}
#sidebarPanel a:hover {
    color: #006;
    /*background-color: #ccc;*/
    /*border: 1px solid #000;*/
    font-weight: bold;
    text-decoration: none;
}

/* Tab styles. */
.tabset {
    border-bottom: 1px solid #66a;
}
.tabset li a {
    border-bottom: 1px solid #66a;
}
.tabset li a.activeTab {
    background: #66a;
    color: #fff;
}
.tabset li a.activeTab:hover {
    background: #66a;
    color: #fff;
}

/* Inbox Top Menu styles. */
#Inbox a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Inbox a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Compose a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Compose a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Folders a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Folders a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Search a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Search a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Acco_unts a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Acco_unts a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Filters a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Filters a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Calendar a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Calendar a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Notes a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Notes a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Address a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Address a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Options a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Options a:hover {
    background-color: #FFB700;    
    height: 16px;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
#Problem a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Problem a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Help a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Help a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Log a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Log a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

/* Filter Menu styles. */
#Whitelist a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Whitelist a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Blacklist a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Blacklist a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Mail a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Mail a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Filter a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Filter a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Vacation a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Vacation a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Forward a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Forward a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Script a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Script a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

/* Calendar Menu styles. */
#Today a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Today a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#New a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#New a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Goto a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Goto a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#My a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#My a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Import a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Import a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Export a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Export a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Print a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Print a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

/* Notes Menu styles. */
#List a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#List a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

/* Notes Menu styles. */
#Browse a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Browse a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Add a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Add a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#La_yout a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#La_yout a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Ho_me a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Ho_me a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#F_etch a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#F_etch a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}
#Empty a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Empty a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

.3waywhiteborder {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.4waywhiteborder {
    border: 1px solid #FFFFFF;
}

#qsguide {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-decoration: none;
}

#qsguide a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-decoration: none;
}

#qsguide a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   text-decoration: underline;
}

#Déconnexion a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Déconnexion a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

#Aide a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Aide a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

#A_ccueil a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#A_ccueil a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}

#Administration a {
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    text-decoration: none;
}
#Administration a:hover {
    background-color: #FFB700;    
    height: 16px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    text-decoration: none;
}