/**
 * $Horde: imp/themes/bluewhite/screen.css,v 1.1 2004/10/17 20:49:38 mdjukic Exp $
 */


/* Global default styles. */
* {
    /* Zero out all padding and margins to start with for better
     * cross-browser control. */
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: white;
    color: black;
}


#div-netstylelogo{
	padding: 20px;	
}

/* IE  only */
body.scrollbar-quirk {
    margin-right: 0px;
	padding-right: 0px;
}

#img-logo {
	position:absolute;
	padding-left: 25px;
	padding-top: 11px;
}

#expandedSidebar {
	margin: 0px;
	margin-right: 200px;
	padding: 0px;
}

.button {
    text-align: left;
	background-color: #ffd9b4;
	font-weight: bold; 
	margin-top: 2px;
	text-align: center;	
	font-size: 12px;

	border-top-style: none;
	border-left-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #646363;
	border-width: 2px;
	padding-left: 10px;
	padding-right: 10px;
}
.div-grey-background {
	background-color: #efefef;
	vertical-align: top;
	margin-top: 4px;
	padding-left: 2px;
	width: 99%;
}

.td-bold {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 0px;
	min-height: 20px;
	font-size: 12px;
	background-color: white;
}
.td-normal {
	font-weight: normal;
	padding-left: 10px;
	padding-right: 0px;
	min-height: 20px;
	font-size: 12px;
	background-color: white;
}
.td-bold-grey {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 0px;
	min-height: 30px;
	font-size: 12px;
	background-color: #efefef;
	border-collapse: collapse;
}
.td-grey {
	font-weight: normal;
	padding-left: 10px;
	padding-right: 0px;
	font-size: 12px;
	background-color: #efefef;
    vertical-align: middle;

}
.td-title {
 	color: #55585c;
    font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 5px;
}

.td-prefs-subtitle {
	color: #55585c;
    font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	background-color: white;
}


/*  blue: welcome to webmail.netstyle.ch */
.div-blue-box {
	height: 43px;
    background-color: #ddeeff;
}

/* red space between blue welcom-box and login table */
#div-red-box {
	height: 20px;
	max-height: 20px;
    background-color: #ffd9b4;
	margin-top: 3px;
	margin-left: 4px;
	margin-bottom: 0px;
	padding-left: 10px;
}

.div-red-box {
	height: 20px;
	max-height: 20px;
    background-color: #ffd9b4;
	margin-top: 3px;
	margin-bottom: 0px;
	padding-left: 10px;
}

.div-redbox {

	min-height: 20px;
    background-color: #ffd9b4;
	margin-top: 3px;
	margin-left: 4px;
	margin-bottom: 0px;
	padding-left: 10px;
}

.notice {
    font-weight: bold;
    color: #000;
    background-color: #fffaa4;
    /* border: 1px solid #aaa; */
	font-size: 11px;
    padding-left: 5px;
	padding: 0px;	
	padding-left: 10px;
	line-height: 20px;	

	height: 20px;
	margin-left: 4px;
	margin-top: 3px;
    margin-bottom: 2px;
}

.table-normal {
	background-color: white;
}
/* -- login page -- -------------------------------------------- */

/* white with netstyle-logo */
#div-login-header {
    height: 65px;
}

/*  blue: welcome to webmail.netstyle.ch */
.div-login-blue-box {
	height: 43px;
    width: 441px;
    background-color: #ddeeff;
	margin-bottom: 3px;
}

/* red space between blue welcom-box and login table */
.div-login-red-box {
	height: 20px;
	width: 441px;
    background-color: #ffd9b4;
}


/*  title inside blue welcome... */
.h1-logintitle {
	text-align: left;
    color: #73777a;
    font-size: 18px;
	font-weight: normal;
	padding-top: 7px;
	padding-left: 25px;

}

/* box surrounding the login-table */
#loginbox {
	color: black;
    font-size: 12px;
	text-align: left;
	padding-left: 25px;
}

/* fields of the login table */
.td-login {
	color: black;
    font-size: 12px;
	text-align: left;
	height: 25px;
}

/* text-input fields */
.input-login-form {
    width: 252px;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	text-align: left;
}

/* language selector */
.select-login-form {
    width: 120px;
    color: black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	text-align: left;
}


.td-login-tooltip {
    font-size: 11px;
    padding: 2px;
}

/* -- END login page -------------------------------------------- */

/* -------------------- sidebar */
/* Sidebar styles. ---------------------------*/
#sidebarPanel {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff1e4;
    white-space: nowrap;

	 font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	text-decoration: none;
	vertical-align: middle;
}
.sidebar {
	margin: 0px;
	padding: 0px;

}

#div-sidebar-red-box {
	height: 20px;
	max-height: 20px;
    background-color: #ffd9b4;
	margin-top: 3px;
	margin-left: 0px;
	margin-bottom: 3px;
	padding-left: 10px;
}

#div-smallheader-sidebar{
	color: #55585c;
    font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
}
.treeRow {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 20px;
	margin-top: 3px;
}


.div-sidebar-red0 {
    background-color: #ffd9b4;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	height: 20px;
	margin-top: 3px;

	vertical-align: middle;
	line-height: 20px;
}

.div-sidebar-red0 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	text-decoration: none;
	vertical-align: middle;
}


.div-sidebar-folder1 {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 40px;
	height: 20px;
	margin-top: 3px;
	
	vertical-align: middle;
	line-height: 20px;
}

.div-sidebar-folder1 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.div-sidebar-folder2 {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 60px;
	height: 20px;
	margin-top: 3px;
	
	vertical-align: middle;
	line-height: 20px;
	border-top: 2px solid #fff1e4;
}

.div-sidebar-folder2 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}
.div-sidebar-folder3 {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 80px;
	height: 20px;
	margin-top: 3px;
	vertical-align: middle;
	line-height: 20px;
	border-top: 2px solid #fff1e4;
}

.div-sidebar-folder3 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}
.div-sidebar-folder4 {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 100px;
	height: 20px;
	margin-top: 3px;
	vertical-align: middle;
	line-height: 20px;
	border-top: 2px solid #fff1e4;
}
.div-sidebar-folder4 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.div-sidebar-folder5andmore {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 100px;
	height: 20px;
	margin-top: 3px;
	vertical-align: middle;
	line-height: 20px;
	border-top: 2px solid #fff1e4;
}
.div-sidebar-folder5andmore a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}

.div-sidebar-folder5andmore a:before {
	
}

.img-sidebar-icon {
/*	vertical-align:middle;*/	
	margin-right: 4px;
	float: left;
}


.div-sidebar-compose0 {
	background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	height: 20px;
	margin-top: 3px;
}

.div-sidebar-compose0 a {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}


/* -- Logged in: OverView -------------------------------------------- */



/* mailbox header */
.header {
    background-color: #ddeeff;
	height: 43px;
    clear: both;
	margin-left: 4px;
}

#div-mailbox-title {
	font-weight: bold;
	font-size: 16px;
	vertical-align: center;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}
#div-mailbox-title a {
	text-decoration: none;
	color: #5e6367;
}
.div-mailbox-title {
	font-weight: bold;
	font-size: 16px;
	vertical-align: center;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}

/* .. :  1 bis 5 von 5 Nachrichten... */
#div-mailbox-summary {
	color: #94a2b2;
	float: right;
	margin-top: 7px;
	margin-right: 55px;
	font-weight: bold;
	
}
#div-account-name {
	clear: both;
	float: right;
	font-weight: normal;
	margin-right: 55px;
	color: black;
}

.tr-mailbox-select-actions {
	background-color: white;
	height: 45px;
	border-top: none;
	
}


.tr-mailbox-search-result-in-mailbox td{
	background-color: white;
	padding-left: 10px;
	padding-bottom: 10px;
    color: #55585c;
    font-weight: bold;
	font-size: 14px;
	border-left: 4px solid #efefef;
}
.tr-mailbox-search-result-in-mailbox a {
    color: #55585c;
    font-weight: bold;
	font-size: 14px;
}

#div-mailbox-table {
	border-top: 4px solid white;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 99%;
	clear: both;
	background-color: #efefef;
}
.table-mailbox {
	border-collapse: collapse;
}

.td-mailbox-first-row {
	border-left: 4px solid #efefef; 
	border-top: 0px solid white;
	border-bottom: none;
	background-color: white;
	vertical-align: middle;
	padding-right: 52px;
	
}

.a-mailbox-copy-to-folder {
	margin-left: 5px;
	margin-right: 5px;
	color: #94a2b2;
	text-decoration: none;
	float: left;
	margin-top: 5px;
}

.a-mailbox-move-to-folder {
	margin-left: 15px;
	margin-right: 5px;
	color: #94a2b2;
	text-decoration: none;
	float: left;
	margin-top: 5px;
}

.select-mailbox-flag-msg{
	color: #94a2b2;
	float: right;
	margin-left: 10px;
}
.select-mailbox-select-msg{
	color: #94a2b2;
	float: right;
	margin-left: 10px;
}
.select-mailbox-target-folder {
	color: #94a2b2;
	float: left;
}

#div-dropdowns-right {
	float: right;

}




#div-table-selects {
	background-color: white;
	margin-left: 2px;
	margin-top: -3px;
	height: 40x;
	padding-top: 5px;
	padding-right: 55px;	
}



#div-copymove-links {
	margin-left: 10px;
	color: #94a2b2;
	float: left;
	border: 1px solid green;
}
#div-copymove-links a {
	color: #94a2b2;
	text-decoration: none;
	float: left;
}

#div-copymove-links select {
	color: #94a2b2;
	float: left;
}

#div-selection-dropdown {

}
.table-message-attachment-part	{
	border-top: 4px solid #efefef;
	padding-top: 20px;
	width: 100%;
	background-color: white;
}
.td-message-attachments {
	background-color: white;
	padding-top: 10px;	
}
.td-message-attachments-bold {
	font-weight: bold;
	padding-top: 10px;	
	padding-left: 10px;
	width: 10%;
	vertical-align: top;
	text-align: left;
}

/* top menu ---------------------------------- */
#menu {
    overflow: hidden;
    background-color: white;
	height: 65px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	float: right;
	margin-top: 35px;
	margin-right: 45px;
	
}
/* top menu li */
#menu li {
    list-style-type: none;
    text-align: center;
    float: left;
}


#menu br {
    display: none; 
}

#menu a {
    display: block; 
    white-space: pre; 
    text-decoration: none;
    color: #64729b;
}

#menu a.current {
 /*   border-bottom: 1px solid #99c;
    border-right: 1px solid #99c;
    border-top: 1px solid #224;
    border-left: 1px solid #224;
*/
    /* padding: 2px; */
}
#menu h1 {

}
#menu form {
}
#menuSpacer {
	display: none;
}


/* top menu ---------------------------------- */

/* red box content */ 

#div-smallheader-links {
	padding-top: 3px;
}
#div-smallheader-links a{
	text-decoration: none;
}

.smallheader {
    color: #55585c;
    font-weight: bold;
	font-size: 11px;
	
}
.a-mailbox-page-x-of-y {  
	padding-top: 40px;
	height: 50px;
 	color: #55585c;
    font-weight: bold;
	font-size: 10px;
}





/* -----------Compose win------------------ */

#td-compose-header {
	background-color: #ddeeff;
	height: 43px;
    clear: both;
	margin-left: 60px;	
	margin-top: 10px;
}
#div-compose-title {
	font-weight: bold;
	font-size: 16px;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}
.td-compose-bold-username{
	font-weight: bold;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 9px;
	min-height: 20px;
}
.td-compose-bold {
	font-weight: bold;
	vertical-align: center;
	padding-left: 5px;
	padding-right: 0px;
	min-height: 20px;
}
.td-compose-notice {
	margin: 0px;
	padding: 0px;	
	padding-left: 85px;
}

.td-compose-red-account-display {
	height: 30px;
	background-color: #ffd9b4;	
	font-weight: bold;
	padding-left: 5px;
	
}
.td-compose-right-column {
	background-color: white;
	height: 28px;
}
.td-compose-right-column input{
	float: left;
}
.div-compose-help-icon{
	margin-left: 10px;
	float: left;
}
.td-compose-send-save-row{
	height: 55px;
}
.td-compose-send-row{
	
}
#div-compose-send-row {
	float: left;
}

.div-compose-help-icon-right-send-row{
	float: right;
	padding-right: 95px;
	margin-top: 12px;
}

.div-compose-help-icon-right{
	float: right;
	padding-right: 75px;
}
.input-compose-send-button-top {
	background-color: #ffd9b4;
	font-weight: bold;
	font-size: 12px;	
	float:left;
	margin-top: 15px;
	

	border-top-style: none;
	border-left-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #646363;
	border-width: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.input-compose-save-button {
	background-color: #ffd9b4;
	color: #666666;
	font-weight: bold;
	font-size: 12px;	
	float:left;
	margin-left: 15px;
	margin-top: 15px;

	border-top-style: none;
	border-left-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #646363;
	border-width: 2px;
	padding-left: 10px;
	padding-right: 10px;
}
.input-hidden-button {
	display: none;
}
.a-compose-contacts{
	color: #53575c;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.a-compose-specialchars {
	color: #53575c;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#div-compose-contacts-specialchars {
	float: right;
	margin-top: 23px;
	margin-right: 95px;
}

.td-compose-attachment-row {
	background-color: #e9e9e9;
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
	height: 20px;
	border-bottom: 8px solid white;
	height: 28px;
}

.td-compose-checkbox-row{
	
}

#div-compose-switch2html {
	float: right;
	margin-top: 27px;
	margin-right: 95px;
}
#div-compose-switch2html a{
	text-decoration: none;
	color: black;
}
#div-compose-switch2html img{
	margin-top: -2px;
}

#div-compose-checkboxes {
	float: left;
}


.td-compose-attachment-0  {

}
.td-compose-attachment-1  {

}


.td-compose-attach {
	
}

.select-compose-upload {
	margin-left: 155px	
}

.td-compose-save-attachment-in-mailfolder{
	
}

.input-compose-update-attachments{
	background-color: #ffd9b4;
	font-weight: bold;
	font-size: 12px;	
	float: right;

	border-top-style: none;
	border-left-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #646363;
	border-width: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

#attachment_row_1 {
	
}
#attachment_row_0 {

}
#attachment_row_2 {

}
.table-uploaded-attachments{
	
}
/* end -----------/Compose win------------------ */


.select-action {
	background-color: white;
	
}
.td-mailbox {
	background-color: #efefef;
	border-left: 2px solid  #efefef;
}
.control td{

}


.messageList {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	background-color: #efefef;

}
.a-select-all{
	text-decoration: none;
	font-weight: bold;
}


.messageList td {
	border-left: 0px solid  #efefef;
	border-right: 3px solid  white;
	border-top: 3px solid  white;
	border-bottom: 3px solid  white;
	border-style: solid;
	height: 20px;	
}

.messageList th {
	border-left: 0px solid  #efefef;
	border-right: 3px solid  white;
	border-bottom: 3px solid  white;
	height: 23px;
}

.messageList a {
	text-decoration: underline; 
	color: black;
}

.selected {
   /*	background-color: #efefef;*/
}

.td-center {
	text-align: center;
}
.item-center {
    color: #000;
    background-color: #eee;
	text-align: center;
}
.item {
    color: #000;
    background-color: #eee;
}

/* --ENd Logged in: OverView -------------------------------------------- */

br.spacer {}

/* -- Logged in: Message View -------------------------------------------- */

#div-mailbox-navigate {
	float: left;
	clear: left;
	margin-left: 10px;

}


#td-red-box {
	height: 20px;
	max-height: 20px;
    background-color: #ffd9b4;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

.td-mailbox-checkbox {
	text-align: center;
	width: 40px;
}
.td-mailbox-status {
	white-space:nowrap;
	text-align: center;
	width: 30px;
}
.td-mailbox-from {
	white-space:nowrap;
	width: 100px;
}
.td-mailbox-date {
	width: 80px;
}
.td-mailbox-subject {
	width: 52%;
}
.td-mailbox-size {
	width: 80px;
	text-align: left;
}
.td-mailbox-empty {
	
}

.td-turba-title-row {
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #55585c;
	border-left: 4px solid #efefef; 
	border-top: none;
	border-bottom: none;
	background-color: white;
	vertical-align: middle;
	padding-left: 10px;
}
.td-turba-item {
 
    background-color: #efefef;
	border-left: 40x px solid red;
}
.a-message-copy-to-folder {
	margin-left: 5px;
	margin-right: 5px;
	color: #94a2b2;
	text-decoration: none;
	float: left;
	margin-top: 5px;
}

.a-message-move-to-folder {
	margin-left: 15px;
	margin-right: 5px;
	color: #94a2b2;
	text-decoration: none;
	float: left;
	margin-top: 5px;
}
.span-message-or {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}
.select-message-flag-msg{
	color: #94a2b2;
	float: right;
}
.select-message-target-folder {
	color: #94a2b2;
	float: left;
}

/* Alternating styles. */

.item0 {
    background-color: #efefef;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 22px
}
.item1 {
    background-color: white;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 22px
}
.item0 a {
	color: black;
	font-weight: normal;
}
.item1 a {
	color: black;
	font-weight: normal;
}

.selected {
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 22px
}

.text {
    color: #000;
    background-color: #fff;
	
	border-top: 4px solid #efefef;
	border-left: 4px solid #efefef;
	border-right: 4px solid #efefef;	
	border-bottom: 4px solid #efefef;	
}




.mimeStatusWarning {
    padding: 1px;
    border: 1px dashed #f00;
    background-color: #ffd0af;
    font-color: #f00;
}

.table-message-with-summary{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100px;
	
}

.table-mailheader {
	width: 100%;
	border-left: 0px solid #efefef;
	border-collapse: collapse;
}
.td-message-header-row0 {
	background-color: #efefef;
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
	
	border-right: 2px solid white;
	border-bottom: 2px solid white;
}

.td-message-header-row1 {
	background-color: #efefef;
	height: 22px;
	vertical-align: middle;
	padding-left: 10px;
	text-align: left;
	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	
}
.td-message-header-row02 {
 	background-color: #efefef;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 22px
	border-right: 2px solid red;

}

.td-message-header-row12 {
	background-color: #efefef;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	height: 22px
	border-right: 2px solid red;
}

/* ****************** */
.div-mailview-spacer {
	height: 10px; 
	background-color: white;
}

.table-mailview-allparts {
	border-collapse: collapse;
	border-right: 2px solid white;
	width: 100%;
}

.td-message-container{
	margin: 0px;
	padding: 0px;
	/*border-left: 4px solid #efefef;
	*/
}

.div-message-with-summary {
/*	border-right: 2px solid #5e6367; */
/*	border-bottom: 2px solid #5e6367; */
/*	border-left: 20px solid #efefef; */

}

#html-message {
/*	border-top: 2px solid #5e6367;
	
	border-bottom: 2px dotted #efefef;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	*/
}
.text-message{
	/*border: 1px solid yellow;*/
/*	border-top: 2px solid #5e6367;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	*/
}
.table-message-part-container{
	width: 100%;
	background-color: white;
	border-collapse: collapse;
	border-right: 2px solid #5e6367;
	margin-left: 3px;
	border-left: 5px solid white;
}
.table-message-part-content{
	width: 100%;
	background-color:white;
	border-collapse: collapse;
	border-bottom: 4px solid #5e6367;
	
}
.td-message-part-content {
	border-top: 2px solid #5e6367;
    border-bottom: 2px solid #5e6367;
	border-left: 2px solid #5e6367;
	/*border-right: 2px solid #5e6367;*/
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
}


.table-message-text{
	width: 100%;
	border-top: 2px solid #5e6367;
	float: left; 
		
}

.table-message-part-detail {
	background-color: #efefef;
	border-top: 2px solid #5e6367;
	border-left: 2px solid #5e6367;
	float: right;
	clear: both;
}

.table-message-part-detail-oneframe {
	padding: 1px; border: 1px dashed #00c; background-color: #eef; font-color: #006
	width:100%;
}


/* a table */
.table-message-mimeStatusMessage {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
}
.table-message-status-text {
	margin-top: 10px;
	text-align: left;
	float: left;
}

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







/* -- end Logged in: Message View -------------------------------------------- */

/* ------------- Problem Report site... */

.table-problem {
	border-left: 2px solid white;
	border-top: 0px solid white;
}


#div-problem-title {
	font-weight: bold;
	font-size: 16px;
	vertical-align: center;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}
.td-problem-red-box {
	height: 24px;
    background-color: #ffd9b4;
	border-top: 1px solid white;
	border-bottom: 3px solid white;
}
.td-problem-left {
	text-align: left;
	font-weight: bold;
	color: black;
	height: 25px;
	padding-left: 10px;
}
.td-problem-right {

}



/* ------------- / Problem Report site... */



/* --------------- Preferences ----------- */

.div-preferences-title {
	font-weight: bold;
	font-size: 16px;
	vertical-align: center;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}
.div-preferences-smalltitle {
	color: #94a2b2;
	float: right;
	margin-top: 7px;
	margin-right: 55px;
	font-weight: bold;
}
.table-preferences-overview-container{
	margin-top: 2px;
	margin-left: 2px;
}
.table-preferences-container {
	margin-top: 0px;
	margin-left: 2px;
	border-top: 6px solid white;
}

.table-preferences-container table {
	width: 100%;


}
.table-preferences-white-background {
	width: 100%;
	background-color: white;

}

.table-preferences-container .td-normal {
	padding-bottom: 5px;
}

.table-preferences-container label {
	margin-top: 5px;
	font-weight: bold;
}

.table-preferences-container br {

}

/* --------------- / Preferences ----------- */
/* ---------------  Search Messges ----------- */

.div-search-title{
	font-weight: bold;
	font-size: 16px;
	vertical-align: center;
	padding-top: 5px;
	padding-left: 10px;
	color: #5e6367;
	float: left;
}

.div-search-cancel-buttons {
	height: 44px;
	padding-top: 1px;
	margin-left: 4px;
	padding-left: 10px;
	background-color: white;
}

.div-search-background{
	background-color: #efefef;
	height: 543px;
}

.table-search-container{
	margin-left: 4px;
	background-color:white;

}
.table-search-fields {
	margin-top: 5px;
	padding-bottom: 20px;
	margin-left: 10px;	
	background-color: #efefef;
}
.td-search-subtitles {
	font-size: 16px;
	font-weight: bold;
	color: #aaadb1;
	padding-left: 10px;
	height: 30px;
	margin-top: 2px;
	
}
.div-search-msg-folder-title {
	float: left;
}
.div-search-mark-all{
	float:left;
	margin-left: 40px;
	color: black;
	font-weight: normal;
	font-size: 12px;
	margin-top: 4px;
}


.td-search-normal {

}

.td-search-normal table{
	margin-left: 15px;
}

.td-search-fields-first{
	width: 100px;
	padding-left: 4px;
}

.td-search-fields-spacer {
	height: 5px;
	font-size: 1px;
}
.td-search-grey{
	
	padding-top: 0px
	margin-bottom: 0px;
	padding-bottom: 0px;
	
}
.td-search-grey table {
margin-top: -2px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #efefef;

}
.td-search-item0 {
	background-color: #efefef;
	text-align: left;
	vertical-align: middle;
	height: 22px

}
.td-search-item1{
	background-color: white;
	text-align: left;
	vertical-align: middle;
	height: 22px
}
/* --------------- / Search Messages ----------- */
.roundedBox {
   
}
.roundedTop {
   
}
.roundedBottom {
}



p {
    margin-bottom: 10px;
}

img {
    border: none;
}



.box {
    padding: 3px;
    border: 1px dashed #999;
    background-color: #fff;
}
.solidbox {
    border: 1px solid #000;
}
.greybox {
    border: 1px solid #000;
    background-color: #e9e9e9;
}

.headerbox {
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    border-bottom: 1px solid #669;
    background-color: #fff;
}



.nowrap {
    white-space: nowrap;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0px;
}
/** kalendar */

/* Tab styles. */
.tabset {
    border-bottom: 1px solid #446;
    font-weight: bold;
    clear: both;
	background-color: #ddeeff;
	
	padding-top: 8px;
	padding-bottom: 0px;
}
.tabset li {
    list-style: none;
    display: inline;
}
.tabset li a {
    line-height: 1.5em;
    padding: 2px 0.5em;
    border: 1px solid #000;
    border-bottom: 1px solid #446;
	color: black;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    background-color: #e9e9e9;
    text-decoration: none;
}

.tabset li a.activeTab {
    color: white;
    background-color: #54577a;
    border-bottom: none;
}

.body-kalendar {
	padding-left: 4px;
}
th.header  {
	background-color: #ffd9b4;
	border-bottom: 4px solid white;
    color: #5f6364;
 	font-size: 14px;
}

td.header  {
	background-color: #ffd9b4;
	border-bottom: 4px solid white;
    color: #5f6364;
	font-size: 14px;
    font-weight: bold;

}

#h3-legend-header{
	font-size: 12px;
}

.mailboxLegend table tr td {
	padding: 5px;
}

/* ----------------------- */

/* Table styles. */

.linedRow {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.linedRowSelectedCol {
    color: #000;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}
.selectedRow {
    background-color: #ffc;
}

.selectedRow-over {
    background-color: #ffffdd;
}


.widget {
    color: #224;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}



.small {
    color: #aac;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}





/* Form styles. */
.form table {
    width: 100%;
    padding: 2px;
    border-collapse: collapse;
}
.htmlarea table {
    width: auto;
}
.form-error {
    color: #f00;
}

input {
    padding: 1px;
}
option {
    padding: 0px 5px 0px 3px;
}
.checkbox {
    border: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
}




.fixed {
    font-size: 13px;
    font-family: monospace, fixed;
}

/* Styles for email-like messages. */
.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;
}
.quoted1 {
    color: #606;
    border-left-color: #606;
}
.quoted2 {
    color: #077;
    border-left-color: #077;
}
.quoted3 {
    color: #900;
    border-left-color: #900;
}
.quoted4 {
    color: #009;
    border-left-color: #009;
}
.quoted5 {
    color: #b60;
    border-left-color: #b60;
}

.tooltip {
    font-size: 11px;
    background-color: #ffc;
    border: 1px solid #000;
    padding: 2px;
    -moz-border-radius: 3px;
}
.inProgress {
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
    color: #fff;
    background-color: #f00;
}









/* Help styles. */
.div-help-margin{
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 2px;
	padding-top: 0px;
}
.help {
    background-color: #fff;
    color: #000;
}

.help h1 {
    font-size: 15px;
    padding-top: 0px;
	margin-top: 0px;
    padding-bottom: 0.5em;
}
.help h2 {
    border-top: 1px solid #446;
    padding-top: 1em;
    padding-bottom: 0.5em;
    font-size: 13px;
}
.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;
}

/* Drop shadows. */
.dropShadow {
    float: left;
	background: url('graphics/shadow.png') no-repeat bottom right !important;
	background: url('graphics/shadow.gif') no-repeat bottom right;
    margin: 10px 0 0 5px;
}

.dropShadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #666;
    margin: -3px 5px 5px -3px;
    padding: 2px;
}
.select-turba-browse{
	font-size: 11px;

}