/**
 * $Horde: horde/themes/bluewhite/screen.css,v 1.18.6.9 2005/11/02 19:32:38 jan Exp $
 */

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #fff;
}
td{
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form, script{
margin: 0;
padding: 0;
}

a {
    color: #339;
}
.headerbox {
}
.selected, .linedRow .selected{
/* achtergrond op XXX gesorteerd bv Date */
    /*background: #fafafa;*/
	background: url('/horde/themes/graphics/combell/crows.png');
}
.header {
/* sub bar met bv "Inbox..." */
margin-top: -8px;
color: #fff;
font-size: 11px;
line-height: 25px;
height: 25px;
background: url('/horde/themes/graphics/nav/bgtop.png') repeat-x top #2850A2;
clear:both;
}

.header a img{
margin: 2px;
display: inline;
}

.header span span{
float: left;
padding: 0 5px 0 5px;
}

.header a {
	font-size: 11px;
    color: #fff;
	font-weight: normal;
}
.header a:hover, a.header:hover {
    text-decoration: underline;
	color: #fff;
}
a.header {
    border-bottom: 0;
    background: transparent;
}
a.fixed {
    color: #339;
}
.light {
	background: #f1f1f1;
    color: #333;
}
.smallheader {
/* te vinden onder "search" bv */
    color: #fff;
    background: #ccc;
}

.header .smallheader{
background: none;
}

a.smallheader:hover {
    color: #cce;
    text-decoration: none;
}
.control {
	/* bar bij inbox met "delete, undelete, etc... */
    background: #f1f1f1;
	line-height: 30px;
	padding-left: 5px;
}
.widget {
	/* item in control bar en in bar voor sorteren van e-mails */
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee;
	padding: 3px 5px 3px 5px;
	margin-right: 5px; 
	text-decoration: none;
	color: #000;
	background: url('/horde/themes/graphics/combell/ibg.png') 0px 0px;
}

.widget:hover {
	/* item in control bar en in bar voor sorteren van e-mails (hover)*/
	background: #fff;
	text-decoration: none;
	background: url('/horde/themes/graphics/combell/ibg.png') 0px -20px;
}

.widgetx{
display: block;
color: #666;
font-size: 11px;
text-decoration: none;
padding: 3px;
border: 1px solid #fafafa;
}

.widgetx:hover{
background-color: #fff;
text-decoration: none;
}


/* toegevoegd: */

td{
padding-left: 5px;
}

th.item .widget, th.selected .widget{
border: none;
margin: 0;
padding: 0 0 0 10px;
background: none;
}

.messageList th{
line-height: 22px;
height: 22px
}

th.item{
background: url('/horde/themes/graphics/combell/crow.png');
}

table.nopadding table.messageList td{
line-height: 22px;
height: 22px;
padding: 3px;
}

table.nopadding table.messageList th{
padding: 3px;
}


/* Form styles. */
input, select, textarea {
    font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
	padding: 2px
}
input:focus, textarea:focus {
    background: #fff;
    border: 1px solid #999;
}
.button, .button:focus {
    color: #fff;
	background: url('/horde/themes/graphics/combell/btn.png') 0px 0px;
	padding: 5px;
	cursor: pointer;
}
.button:hover {
	background: url('/horde/themes/graphics/combell/btn.png') 0px -30px;
}

/* Alternating styles. item0, item1 are deprecated. */
.rowEven, .item0 {
    background: #fafafa;
}
.rowOdd, .item1 {
    background: #fff;
}

/* Various popup and status layers. */
.tooltip, div.nicetitle {
    color: #666;
    background: #fafafa;
    border: 1px solid #ccc;
}

/* Menu styles. */
#menu {
   //background: url('/horde/themes/graphics/nav/combell.png') no-repeat #fff;
    color: #666;
    border-bottom: 1px solid #ccc;
height: 80px;
}
#menu a {
    background: #fafafa;
	background: url('/horde/themes/graphics/combell/mbg.png') 0px 0px;
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    color: #fff;
}
#menu a.current{
    background: url('/horde/themes/graphics/combell/mbg.png') 0px -30px;
}

#menu a:hover {
    background: url('/horde/themes/graphics/combell/mbg.png') 0px -30px;
}

#menu br{
display: none;
}


#menu ul li br{
display: none;
}

#menu ul li img{
float: left;
margin-right: 5px;
}

#menu ul{
margin: 50px 0 0 5px;
}

/* Sidebar styles. */
body.sidebar {
    background: #fff;
}
#sidebarPanel {
    border-right: 1px solid #006;
    border-bottom: 1px solid #006;
    background: #e9e9ff;
}
#sidebarPanel span.toggle, #sidebarPanel a {
    padding-left: 1px;
    padding-bottom: 2px;
}
#sidebarPanel span.toggle {
    border: 1px none transparent;
}
#sidebarPanel a {
    color: #006;
    border: 1px solid #e9e9ff;
}
#sidebarPanel a:hover {
    color: #006;
    background: #ccc;
    border: 1px solid #000;
    text-decoration: none;
}
#expandButton {
    margin-right: 1px;
}

/* Tab styles. */
.tabset {
    background: none;
    border-bottom: 1px solid #ccc;
	margin-top: 5px;
}
.tabset li a {
	background: #fff;
    border: 1px solid #eee;
	border-bottom: none;
	line-height: 20px;
}
.tabset li.activeTab a {
    background: #ccc;
    color: #fff;
    border-bottom: 1px solid #ccc;
}
.tabset li a:hover {
    background: #eee;
	border-bottom: 1px solid #eee;
    color: #fff;
}

.optitem{
padding: 12px 20px 12px 20px;
border-bottom: 1px solid #fafafa;
}

.header .smallheader{
line-height: 25px;
font-size: 11px;
}

.header .smallheader select{
font-size: 11px;
padding: 0px;
}

.header .smallheader .button{
padding: 0px 4px 0px 4px;
line-height: 15px;
}

em{
font-style: normal;
color: #666
}

.header em{
color: #fff;
border-bottom: 1px dotted #fff;
}

#messageBody .text .mimeStatusMessage, #html-message .mimeStatusWarning{
width: 100%;
margin: 0;
line-height: 14px;
border: none;
border-bottom: 1px solid #fff;
background: #f5f5f5;
}

#messageBody .text .mimeStatusMessage td, #html-message .mimeStatusWarning td{
padding: 1px;
}

#messageBody .text{
padding: 1px;
}

#html-message .mimeStatusWarning td{
padding-left: 4px;
font-weight: bold; 
}