/**
 * THEME     WPS - Sober
 * VERSION   2004-11-18
 * 
 * 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.webbplatsen.se/horde/
 *
 */ 
 
 
/**
 * GLOBAL DEFAULT STYLE
 */
 
body {
    font-family      : Geneva,Arial,Helvetica,sans-serif;
    font-size        : 9pt;
    background-color : #e8f1ff; /* white */
    color            : black;
}

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

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

/* ??? */
.box {
    border: 1px dashed #999;
    background-color: white;
}

/* ??? */
.solidbox {
    border: 1px solid black;
}

/* ??? */
.greybox {
    border: 1px solid black;
    background-color: #e9e9e9;
}

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


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

/* ??? */
.roundedBox {
    -moz-border-radius: 15px;
}

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

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

/* ??? */
.heading {
    color: #cce;
    background-color: #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;
}

/* TOP AND LEFT MENU */
.menuitem {
    font-family : Verdana,Helvetica,sans-serif;
    font-size   : 8pt;
    font-weight : bold;
}
a.menuitem {
    color       : black;
}
a.menuitem:hover {
    color       : #657DA6;
}

/**
 * SELECTED MARKUP
 */
 
/* COLUMN */
.selected {
    background-color : #e8f1ff;
}
.selected:hover {
    background-color : #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 #ddd;
}
.linedRowSelectedCol {
    color: black;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}


/**
 * TABLE STYLES 
 */
table {
    border: none;
}
td, th {
    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: black;
}


/**
 * TOP MENU
 */
/* Old styles - remove when conversion is finished */
.menu {
    color            : black;
    font-weight      : normal;
    background-color : #E8F1FF;
    font-family      : Verdana,Helvetica,sans-serif;
    height           : 52px;
    border-bottom    : 2px solid #95B3DE;
}

.menu a {
    color            : black;
    font-weight      : normal;
    font-family      : Verdana,Helvetica,sans-serif;
}
.menu a:hover {
    color            : #3162A6;
}

/* Greetings text  "Welcome Joe Doe" */
.menu h1 {
    font-family : Arial,Verdana,Helvetica,sans-serif;
    font-weight : bold;
    color       : #3162A6;
    font-size   : 14pt;
    font-style  : italic;
}

/* SELECTED ITEM */
.menuselected {
    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;
}


/**
 * TOP MENU
 * - NEW ID-BASED STYLES
 */

#menu {
    color            : black;
    font-weight      : normal;
    background-color : #E8F1FF;
    font-family      : Verdana,Helvetica,sans-serif;
    border-bottom    : 2px solid #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
 */
.header {
    color            : #3d4c64;
    background-color : #bccfeb; /* #95B3DE; */
    font-family      : Arial,Verdana,Helvetica,sans-serif;
    font-weight      : bold;
    font-size        : 9pt;
    /* border-bottom    : 2px solid #67A; */
    /* height           : 20px; */
    padding          : 3px;
    padding-left     : 10px;
}
a.header:hover {
    color            : #657DA6;
}

/* Headers when you compose an email for example */
.light {
    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       : 2px solid #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            : black;
    background-color : #FFF;
    /* border           : 2px solid #9BD; */
    padding          : 0px;
    padding-left     : 5px;
}

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


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


/**
 * FORMS 
 */
.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;
}

/* Focus action  */
input:focus, textarea:focus {
    border      : 1px solid #3162A6;
}

/* 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;
}

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

/* Button */
/***
.button {
    color              : black;
    background-color   : #e9eaea;
    border-bottom      : 1px solid #c1c1c1;
    border-right       : 1px solid #c1c1c1;
    border-top         : 1px solid #9f9f9f;
    border-left        : 1px solid #9f9f9f;
    font-size          : 8pt;
    font-family        : Geneva,Tahoma,Arial,Helvetica,Verdana,sans-serif;
    font-weight        : normal;
    cursor             : pointer;
    -moz-border-radius : 5px;
}

.button:hover {
    color            : black;
    background-color : #E1E1E1;
}
***/

.button {
  color         : #42516c;
  text-align    : center;
  font-size     : 11px;
  font-weight   : normal;
  border-top    : 1px solid #CCC;
  border-left   : 1px solid #CCC;
  border-bottom : 2px solid #ACACAC;
  border-right  : 2px solid #ACACAC;
  width         : auto;
  background    : url(graphics/button_bg.png) repeat-x;
  padding       : 0px 5px;
  line-height   : 15px;
  margin        : 1px;
}

.button:hover {
    color : #657DA6;
}

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

/* Alternating styles. */
.item0 {
    background-color: #F7F7F7;    
}
.item1 {
    background-color: white;
}

.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 : white;
    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 {
    font-size     : 8pt;
    border-bottom : 0px solid #67A;
    padding       : 0;
    margin-top    : 3px;
    font-weight   : bold;
}
.tabset li {
    list-style       : none;
    display          : inline;
}
.tabset li a {
    color            : #36A;
    padding          : 2px 0.5em;
    margin-left      : 3px;
    border           : 1px solid #67A;
    border-right     : 2px solid #67A;
    border-bottom    : none;
    background-color : #EEF3FB;
    text-decoration  : none;
    -moz-border-radius-topleft  : 8px;
    -moz-border-radius-topright : 8px;

}
.tabset li a:hover {
    color            : #000;
    background-color : #fff;
}
.tabset li a.activeTab {
    background     : #FFF;
    color          : #000;
}
.tabset li a.activeTab:hover {
    background     : #e8f1ff;
    color          : #36A;
}

/** 
 * 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;
}