/**
 * THEME     WPS - Sober (Horde)
 * VERSION   2006-04-11
 *
 * AUTHOR    Mats Djärf <md@webbplatsen.se>
 *           WebbPlatsen i Sverige AB
 *           www.webbplatsen.se
 *
 * NOTE      styles marked with "???" means that I have not
 *           figured out were to use it ;)
 *
 *           Please contact the theme's author for any missing style.
 *
 * You will find more themes at http://www.w8.se/horde/
 *
 */


/**
 * GLOBAL DEFAULT STYLE
 */


body {
    font-family      : Geneva,Arial,Helvetica,sans-serif;
    font-size        : 9pt;
    background-color : #e8f1ff;
    background-color : #ffffff;
    color            : black;
    background-image    : url('graphics/bottom_bg.png');
    background-position : top;
    background-repeat   : repeat-x;
}

body.scrollbar-quirk {
    margin-right: 15px;
}


/**
 * THEME LOGO
 */
#themelogo {
    background-image    : url('graphics/design_by.gif');
    background-position : left;
    background-repeat   : no-repeat;
    height              : 50px;
    margin-left         : 5px;
    width               : 140px;
}

img {
    border         : none;
    vertical-align : middle;
}

/* Info box when you shall confirm delete in Kronolith */
.box {
    border             : 1px solid #95B3DE;
    background-color   : #FFFFCC;
    -moz-border-radius : 8px;
}

/* ??? */
.solidbox {
    border: 1px solid black;
    background-color : RED;
}

/* Box (Gollom use this style)  */
.greybox {
    border: 1px solid #666;
    background-color: #e9e9e9;
}

/* ??? */
.whitebox {
    border: 1px solid black;
    background-color: RED;/* white; */
}


/**
 * HEADER BOX
 * - Box when you view a calendar item for example
 */
.headerbox {
    border-left   : 0px;
    border-right  : 0px;
    border-bottom : 0px solid #CCC;
}

/* ??? */
.roundedBox {
    -moz-border-radius: 15px;
    background-color: RED; /* DEBUG */
}

/* ??? */
.roundedTop {
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    background-color: RED; /* DEBUG */
}

/* ??? */
.roundedBottom {
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    background-color: RED; /* DEBUG */
}

/* ??? */
.heading {
    color: #cce;
    background-color: RED; /* #446; */
    font-family: Verdana,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 15px;
}

.nowrap {
    white-space: nowrap;
}

.clear {
    clear: both;
    line-height: 0;
    height: 0;
}


/* Transparency styles. */
.translucent30 {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
.translucent50 {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.translucent70 {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.opaque {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


/**
 * LINKS
 *
 */

/* DEFAULT IF THERE IS NO STYLE */
a {
    color           : black;
    text-decoration : none;
}
a:hover {
    color           : #657DA6;
    text-decoration : none;
}


/**
 * SELECTED MARKUP
 */

/* COLUMN */
.selected {
    background-color : #EEE; /* #e8f1ff; */
}
.selected:hover {
    background-color : #EFEFEF; /* #95B3DE; */

}

.selected-over {
    background-color : #CCEEFF;
}

/* ROW */
.selectedRow {
    background-color : #EFEFEF;
}
.selectedRow:hover {
    background-color: #FFFFDD;
}
.selectedRow-over {
    background-color: #ffffdd;
}

/*  */
.linedRow {
    color: black;
    background-color: white;
    border-bottom:    1px solid #eee;
    padding: 2px;
    padding-left: 7px;
}
.linedRowSelectedCol: {
    color: black;
    background-color: RED; /* #f3f3f3; */
    border-bottom: 1px solid #ddd;
    padding: 2px;
    padding-left: 7px;
}


/**
 * TABLE STYLES
 */
table {
    border: none;
}
td, th {
    /* background-color : white; */
    font-size        : 8pt;
    font-family      : Geneva,Arial,Helvetica,sans-serif;
    padding          : 1px;

}
table.nopadding td, table.nopadding th {
    padding : 0;
    /* padding        : 5px;
    padding-top    : 2px; */
}


/**
 * WIDGET
 * - headers in Options, Kronolith (week view) etc
 */
.widget {
    color        : #3162A6;
    font-family  : Verdana,Helvetica,sans-serif;
    font-size    : 8pt;
}
a.widget:hover {
    color            : #657DA6;
    background-color : transparent;
}


/**
 * NOTICE
 * - notice message like; "(i) Your options have been updated."
 */
.notice {
    color              : black;
    font-size          : 8pt;
    font-family        : Verdana,Helvetica,sans-serif;
    background-color   : #FFFFCC;
    border             : 1px solid #666666;
    padding            : 1px;
    padding-left       : 5px;
    -moz-border-radius : 8px;
}

/* ??? */
.outline {
    background-color:  RED;/* black; */
}



/**
 * TOP MENU
 */

#menu {
    color            : black;
    font-weight      : normal;
    background-color : #e8f1ff;
    background-image : url("graphics/menu_bg.png") !important;
    background-image : url("");
    background-image : repeat-x;
    font-family      : Verdana,Helvetica,sans-serif;
    border-bottom    : 0px solid red; /* #95B3DE;*/ /* #657DA6*/
    height           : 50px !important;
    height           : 54px;
}

#menu ul {
    padding: 5px;
    }

#menu li {
    list-style-type: none;
    text-align: center;
    margin: 2px;
    float: left;
}

#menu a {
    color            : black;
    font-weight      : normal;
    font-family      : Verdana,Helvetica,sans-serif;
    display: block;
    white-space: pre;
    font-size: 11px;
    text-decoration: none;
    padding: 3px;
    -moz-border-radius: 3px;
}

#menu a:hover {
    color              : #3162A6;
    border-bottom      : 1px solid #8AD;
    border-right       : 1px solid #8AD;
    border-top         : 1px solid #7c95b9;
    border-left        : 1px solid #7c95b9;
    padding            : 2px;
    -moz-border-radius : 5px;
}

#menu a.current {
    background-color   : white;
    border-bottom      : 1px solid #8AD;
    border-right       : 1px solid #8AD;
    border-top         : 1px solid #79D;
    border-left        : 1px solid #79D;
    padding            : 2px;
    -moz-border-radius : 5px;
}

#menu h1 {
    font-family : Arial,Verdana,Helvetica,sans-serif;
    font-weight : bold;
    color       : #3162A6;
    font-size   : 14pt;
    font-style  : italic;


    /* Top padding is menu height (50px default) minus font size (18px
     * default) plus some bottom padding (20px or so). */
    padding-top: 3px;
}


/**********************************/



/**
 * HEADERS
 */

/***
th.header {
    color            : #3d4c64;
    background-color : #FFF;

}
***/

.header {
    color            : #3d4c64;
    background-color : #bccfeb; /* #95B3DE; */
    background-image : url("graphics/header_bg.png");
    background-image : repeat-x;
    font-family      : Arial,Verdana,Helvetica,sans-serif;
    font-weight      : bold;
    font-size        : 9pt;
    /* border-bottom    : 2px solid #67A; */
    padding          : 3px;
    padding-left     : 10px;
    height           : 16px; /* 20px */
}

div.header a {
    color            : #3d4c64;
}
div.header a:hover {
    color            : #657DA6;
}

a.header:hover {
    color            : #657DA6;
}

/* Headers when you compose an email for example */
.light {
    background-color : white; /* #bccfeb; *//* #95B3DE; */
    color            : black;
    font-family      : Geneva,Arial,Helvetica,sans-serif;
    font-size        : 9pt;
}

/* Sub headers */
.smallheader {
    color            : black;
    background-color : transparent;
    font-family      : Geneva,Arial,Helvetica,sans-serif;
    font-size        : 9pt;
}
.smallheader a:hover {
    color            : #657DA6;
}
.smallheader a {
    color            : black;
}
a.smallheader:hover {
    color            : #657DA6;
}

/* ??? */
.small {
    color: #aac;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

/* Control - base body in "all" blocks etc */
.control {
    color            : #36A;
    background-color : white; /* #EEE; */
    border           : 0;
    border-top       : 0px solid RED;/* #DDE;  */
    /*border-left      : 2px solid #D6DEEC;
    border-right     : 2px solid #D6DEEC;*/
    /*border-bottom    : 2px solid #DDE;*/
    padding-left     : 5px;
    padding-bottom   : 3px;
    padding-top      : 3px;
}


/* Column headers in Kronolith, IMP for example */
.item {
    color            : #3D4C64;
    background-color : #FFF;
    /* border           : 2px solid #9BD; */
    padding          : 0px;
    padding-left     : 5px;
    }

th.item {
    background-color : #FFF;
    /* border           : 2px solid #9BD; */
    padding          : 0px;
    padding-left     : 5px;
    background-image : url("graphics/header_bg.png");
    background-image : repeat-x;
    }

th {
    background-color : #FFF;
    /* border           : 2px solid #9BD; */
    padding          : 0px;
    padding-left     : 5px;
    background-image : url("graphics/header_bg.png");
    background-image : repeat-x;
    }

.label {
    color            : red;
    background-color : blue;
    }


/* Keyboard short-cut */
.accessKey {
    text-decoration : underline;
}


/**
 * TEXT
 * - default text
 */
.text {
    color            : black;
    background-color : white;
}
.text-over {
    background-color : #657DA6;
}


/**
 * FORMS
 */
.form table {
    width: 100%;
    padding: 2px;
    border-collapse: collapse;
    background-color : white;
}

form {
    background-color : white !important;
    background-color : none;
}

.form-error {
    color : #f00;
}
.form-header {
    font-weight: bold;
}

input, textarea {
    font-family : Geneva,Arial,Helvetica,sans-serif;
    font-size   : 8pt;
    font-weight : normal;
    border      : 1px solid #999999;

    padding     : 2px;
    margin-top  : 2px;
    -moz-border-radius : 4px;
}

/* Focus action  */
input:focus, textarea:focus {
    border           : 1px solid #6F6F6F;
    background-color : #FFFFCC;
}

/* select box */
input, select {
    font-family : Geneva,Arial,Helvetica,sans-serif;
    font-size   : 8pt;
    font-weight : normal;
}
input, option {
    padding     : 1px;
}
option {
    padding-right : 2px;
    font-size   : 8pt;
}

.checkbox {
    border: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
}

/**
 * Button
 */

.button{
  font-family   : tahoma,verdana,arial,Sans-Serif;
  color         : #666;
  text-align    : center;
  font-size     : 9px;
  font-weight   : bold;
  text-transform: uppercase;
  border-top    : 1px solid #C4CCCC;
  border-left   : 1px solid #ACB5B5;
  border-bottom : 1px solid #6F7777;
  border-right  : 1px solid #ACB5B5;
  width         : auto;
  background    : url(graphics/button_bg.png) repeat-x;
  background-color : white;
  padding       : 2px 5px !important;
  padding       : 0px 0px;
  line-height   : 13px;
  margin-left   : 2px;
  cursor        : pointer !important;
  cursor        : hand;
  -moz-border-radius : 0px;
}

/* Focus action  */
.button:hover {

  font-family   : tahoma,verdana,arial,Sans-Serif;
  color         : #95B3DE;
  text-align    : center;
  font-size     : 9px;
  font-weight   : bold;
  text-transform: uppercase;
  border-top    : 1px solid #C4CCCC;
  border-left   : 1px solid #ACB5B5;
  border-bottom : 1px solid #6F7777;
  border-right  : 1px solid #ACB5B5;
  width         : auto;
  background    : url(graphics/button_bg.png) repeat-x;
  background-color : white;
  padding       : 2px 5px !important;
  padding       : 0px 0px;
  line-height   : 13px;
  margin-left   : 2px;
  cursor        : pointer !important;
  cursor        : hand;
  -moz-border-radius : 0px;
}

/**
 * PORTAL
 */
.summary {
    background-color: white;
}

/* Alternating styles. */
.item0 {
   background-color : white;
   border-bottom    : 1px solid #EEE;
}
.item1 {
   background-color : white;
   border-bottom    : 1px solid #EEE;
}

.fixed {
    font-size   : 8pt;
    font-family : monospace, fixed;
}


/**
 *  EMAIL STYLES
 */
.signature {
    color: #ccc;
}
.signature-fixed {
    color: #ccc;
    font-size: 13px;
    font-family: monospace,fixed;
}
.citation {
    margin: 1em 0;
    padding-left: 1em;
    border-left-width: 1px;
    border-left-style: solid;
}

/* Quotes */
.quoted1 {
    color            : #008;
    border-left      : 2px solid #00F;
    border-right     : 2px solid #00F;
    background-color : #F5F5F5;
}
.quoted2 {
    color            : #800;
    border-left      : 2px solid #800;
    border-right     : 2px solid #800;
    background-color : #EBEBEB;
    margin-right     : 12px;
}
.quoted3 {
    color            : #080;
    border-left      : 2px solid #080;
    border-right     : 2px solid #080;
    background-color : #E1E1E1;
    margin-right     : 12px;

}
.quoted4 {
    color            : #808;
    border-left      : 2px solid #808;
    border-right     : 2px solid #808;
    background-color : #D7D7D7;
    margin-right     : 12px;
}
.quoted5 {
    color            : #088;
    border-left      : 2px solid #088;
    border-right     : 2px solid #088;
    background-color : #C5C5C5;
    margin-right     : 12px;
}


/**
 * TOOLTIP
 * - popup when you hover some items
 */
.tooltip {
    font-size          : 8pt;
    background-color   : #ffc;
    border             : 1px solid #000;
    padding            : 3px;
    -moz-border-radius : 3px;
}


/**
 * IN PROGRESS
 * - System message like;
 *   IMP > compose message: when you expand an email address
 *   and there is no match
 */
.inProgress {
    font-size        : 8pt;
    font-family      : Arial,Helvetica,sans-serif;
    color            : white;
    font-weight      : bold;
    background-color : red;
    padding          : 2px;
    padding-left     : 5px;
    padding-right    : 5px;
    border           : 1px solid #990000;
    border-left      : 3px solid #990000;
    border-right     : 3px solid #990000;

}

/**
 * SIDEBAR
 */
#sidebarPanel {
    padding-top      : 5px;
    padding-bottom   : 10px;
    background-color : transparent; /* #e8f1ff; */
    /* border-right     : 1px solid #95B3DE; */
    /* border-bottom    : 2px solid #95B3DE; */
    /* -moz-border-radius-bottomright: 15px; */
}
#sidebarPanel span {
    color           : black;
    white-space     : pre;
    font-family     : Verdana,Helvetica,sans-serif;
    font-size       : 8pt;
    text-decoration : none;
    padding         : 2px;
}
#sidebarPanel a:hover {
    color              : #657DA6;
    /* -moz-border-radius : 3px; */
}


/**
 * TABS
 */

.tabset {
    /* border-bottom : 0px solid #E5E5E5; */
    font-weight   : bold;
    font-size     : 8pt;
}
.tabset li {
    list-style: none;
    display: inline;
}
.tabset li a {
    line-height: 1.5em;
    padding: 2px 10px;
    border: 1px solid #000;
    /* border-bottom: none; */
    /*border-bottom: 1px solid #E5E5E5; */
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    color: #AAA;
    background-color: #E5E5E5;
    text-decoration: none;
}
.tabset li a:hover {
    color: #3D4C64;
    background-color: #F3F3F3;
}
.tabset li.activeTab a {
    color            : #3D4C64;
    background-color : #F3F3F3;
    border-bottom    : none;
}
.tabset li a.activeTab:hover {
    color            : #657DA6;
    background-color : #F3F3F3;
}









/**
 * HELP SECTION
 */
.help {
    background-color : #fff;
    color            : black;
}
.help h1 {
    color        : #666;
    border-top   : 1px solid #CCC;
    font-size    : 10px;
    padding-left : 0.5em;
}
.help h2 {
    color          : #3162A6;
    border-top     : 1px solid #CCC;
    padding-top    : 1em;
    padding-bottom : 1em;
    padding-left   : 0.5em;
}
.help p {
    margin-left   : 1em;
    margin-right  : 1em;
    margin-bottom : 1em;
}
.help em {
    display       : block;
    padding       : 5px;
    margin-left   : 1em;
    margin-right  : 1em;
    margin-bottom : 1em;
}
.help em.helpTip {
    color      : #090;
    background : #e0f0e0;
}
.help em.helpWarn {
    color      : #900;
    background : #f0e0e0;
}


/**
 * Source markup styles
 */
.parentheses {
    color: #2a6;
    font-weight: bold;
}
.comment {
    color: #aac;
}
.htag {
    color: #569;
    background: #d5d6da;
    font-weight: bold;
}
.metac {
    color: #0ff;
    background: #d5d6da;
}
.id {
    color: #e82;
    background: #e4e4e0;
}
.attr {
    color: #6af;
}
.value {
    color: #d46;
}
.color {
    color: #f57;
}
.eol {
    color: #26e;
}
.url {
    color: #962;
}
.file {
    color: #444;
    background: #fe4;
}
.class {
    font-style: italic;
}

/**
 * Preferences overview.
 */
.prefsOverview div {
    float: left;
    /* background-color : white;
    padding-top: 10px; */
}
.prefsOverview div div {
    /* padding-left: 10px; */
    width: 95%;
    }

.prefsOverview h2 {
    color       : #3366AA;
    font-size   : 18px;
    font-weight : normal;
}
.prefsOverview dt a {
    display      : block;
    border       : 0px solid #999;
    border-left  : 1px solid #DDD;
    border-right : 1px solid #DDD;

    color            : #3d4c64;
    background-color : #bccfeb; /* #95B3DE; */
    background-image : url("graphics/header_bg.png");
    background-image : repeat-x;
    font-family      : Arial,Verdana,Helvetica,sans-serif;
    font-weight      : bold;
    font-size        : 8pt;
    padding          : 3px;
    padding-left     : 5px;
    height           : 13px;
}
.prefsOverview dt a:hover {
    color: #657Da6;
}

.prefsOverview dd {
    padding       : 5px;
    margin-bottom : 10px;
    color         : #000;
    font-size     : 8pt;
    background    : #fff;
    border-left   : 1px solid #DDD;
    border-right  : 1px solid #DDD;
    border-bottom : 1px solid #DDD;

}

/**
 * ROWS
 */
.rowEven {
    background-color: white;
    }

.rowOdd {
    background-color: #F6f6f6;
    }

#footer {
    margin-top: 5px;
    }