#p_header {height:50px;left:0;top:0;background-color:#A9E2F3;padding:5px;box-sizing: content-box;}
#p_header_stat {float:right;background-color:#ffffff}
#p_header input, #p_header select {font-size: 13px;}
#p_left {position:absolute; width:150px;}
/*#p_content {margin-left:150px}*/
body {margin: 8px;}

#loading { 
background: url("../images/loading.gif") no-repeat scroll 0 center #00ff00;
border: 1px solid #FFFFFF;
color: #ffffff;
padding: 2px 2px 2px 20px;
position:fixed;
left:0;
top:0;
z-index:100;
}

.search_article .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .8em 0 .2em;
        line-height: 1.5;
				font-size: .8em;
    }
.search_article .ui-menu-item {
			  background-color: #fff;
				font-size: .8em;
				overflow: hidden;
		}
.search_article .ui-autocomplete-category.ui-menu-item a {
				border: 1px solid #eee;
				font-weight: inherit;
				margin-left: 0;
		}
.search_article .ui-menu-item a {
				border: 1px solid #eee;
				font-weight: normal;
				margin-left: 102px;
		}
.search_article .ui-menu-item div {
        font-weight: bold;
        padding: .2em .4em;
				margin-left: 102px;
		}
.search_article .ui-menu-item img {
				float:left;
		}

.filemanger {background: white;font: 11px Arial, Helvetica, sans-serif;}
.filemanger .thumb {padding: 3px;}
.filemanger .thumb img {max-width:74px;max-height:74px;}
.filemanger .thumb-wrap {float: left;margin: 4px;margin-right: 0;padding: 5px;}
.filemanger .thumb-wrap span {display: block;overflow: hidden;text-align: center;}
.filemanger .x-view-over {border:1px solid #dddddd;background-color: #efefef;padding: 4px;}
.filemanger .x-item-selected {background: #DFEDFF;border: 1px solid #6593cf;padding: 4px;}
.filemanger .x-item-selected .thumb {background:transparent;}
.filemanger .x-item-selected span {color:#1A4D8F;}
.filemanger .loading-indicator {font-size:11px;background-image:url('../../resources/images/grid/loading.gif');background-repeat: no-repeat;background-position: left;padding-left:20px;margin:10px;}
#images img {margin: 20px;}

table.clientform { margin:2px }
table.clientform tr + tr { border-top: 1px solid #ddd }
table.clientform tr td { padding:2px 5px; vertical-align:top }

div.vorgang { margin-right:5px }
.vorgang h2 { font-size: 1.3em }
.vorgang h2 , .vorgang h3 { margin:10px 0px 10px;border-bottom: 1px solid #999;padding:5px 10px;margin-left:-10px }
div.vorgang > div > div + div { margin-top:10px}
.rechnungsadresse { float:left;width:250px; margin:10px 20px }
.lieferadresse { float: left;width:250px; margin:10px 20px }
.positionen { clear:left }
.auftrag { clear:both }
.vorgang > div.locked { border: 5px solid red; font-weight: bold; margin: 30px; padding: 5px;}

table.vorgangliste { width:100%; border-collapse:collapse;border-spacing:0 }
table.vorgangliste th { border: #ccc 1px solid; padding:2px 4px;background-color:#eee}
table.vorgangliste tr.sep { border-top: #ccc 2px solid;}
table.vorgangliste td { padding:2px 5px; border: #ccc 1px solid; vertical-align:top}
/*.vorgang .details { display:none }*/
table.vorgangliste tr.last td { border-bottom-width: 2px }
table.vorgangliste div.sec_title { background-color: #777777;color: #ffffff;font-family: sans-serif;font-size: 0.6em;font-weight: bold;padding: 2px 4px;clear:both }

th.hideable { cursor: pointer }
span.popup_edit { cursor: pointer }
table.vorgangliste td.edit { vertical-align:bottom }

table.searchresults { width:100%; border-collapse:collapse;border-spacing:0; background-color:#ffffff }
table.searchresults th { border: #ccc 1px solid; padding:2px 4px;background-color:#eee}
table.searchresults td { padding:2px 5px; border: #ccc 1px solid; vertical-align:top}
table.searchresults td .label {margin-right:5px;color:#999}
table.searchresults div.t_invoice_address,
table.searchresults div.t_shipping_address { margin-left:20px;text-indent:-20px; margin-bottom:5px}
table.searchresults div.t_invoice_address .label, 
table.searchresults div.t_shipping_address .label { float:left;margin-right:0;width:20px;color:#aaa}

table.topfull { width:100% }
table.topfull td { vertical-align:top}

table.articlelist { border-spacing:0; min-width:700px}
table.articlelist th { padding:2px 5px; vertical-align:top; border: #ccc 1px solid; margin:2px}
table.articlelist td { padding:2px 5px; vertical-align:top;}

.gesamt_label { text-align: right }
.zahl { text-align: right }

table.emails tr.top td { border-top:1px dashed #aaa }
table.emails tr.top th { border-top:1px dashed #aaa }
table.emails th { width:6em }
/*table.emails th.firstrow { text-align:left; }*/
table.emails th { width:11em;text-align:left;padding:2px 5px;color:#aaa;background-color:white;border:none }
table.emails td+th { width:6em;text-align:right; }
table.emails th+th { width:6em;text-align:right; }
table.emails div.header { color:#aaa }
table.emails td { vertical-align:top;padding:2px 5px; }
table.emails td.betreff { font-weight:bold;}
table.emails .deleted { text-decoration:line-through;}

table.report tr + tr { border-top: 1px solid #999 }
table.report tfoot > tr { border-top: 3px double #999 }
table.report tfoot > tr + tr { border-top: 1px solid #999 }
table.report thead th { border: 1px solid #999; text-align: center }
table.report tr th { padding:2px 5px; vertical-align:top; font-weight: bold }
table.report tr td { padding:2px 5px; vertical-align:top }

div.itemlist { padding: 4px }
div.itemlist + div.itemlist { border-top: #ccc 1px solid; }
div.item { clear: left; padding: 4px}
div.item div.atr {float:left; padding: 2px 4px}
div.item div.atr span {padding: 0px 4px; color: #888}
div.item div.nl {clear:left }
div.lclear {clear:left}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

form table tbody th, form table tbody td { padding:5px 2px; border-bottom: 1px solid #ddd }
form table tbody th { vertical-align:top }
ul.error_list li { color:#ff0000 }

table.recordfacts { border-collapse:collapse; border-spacing:0; font-family:arial,sans-serif; font-size:14px}
table.recordfacts th { padding:4px 4px; vertical-align:top; text-align:right; font-size:11px; font-weight:normal; line-height:16px }
table.recordfacts > tbody > td { padding:4px 4px; border:none; line-height:16px }
table.recordfacts > tbody > td { width:100% }
table.recordfacts ul { margin:0px;padding-left:15px;list-style-position:inside;list-style-type:circle}
 
table.history_panel { width: 100% }
table.history_panel td { vertical-align:top; border: 1px solid #ccc; padding:0px;width: 420px }
table.history_panel td+td { width:auto }
table.history_panel div#view { width: auto; padding: 5px }
table.history_panel div#view_attachment { background-color:#92b7f1; display:none; margin:2px; padding:2px 4px}

div.history { height:600px; overflow:auto; }

ul.history { list-style-type: none; width:400px; padding:0; margin:0;}
ul.history li { border-bottom: 1px dashed #ccc; font-family:arial,sans-serif; font-size:14px; clear:both; padding: 2px 4px; height: 32px; padding:0px; margin:0px;}
ul.history div { float:left; height: 16px; line-height:16px; overflow:hidden; }
ul.history .date { width:115px; margin-right: 4px;text-align:right;}
ul.history .subject { width: 281px; line-height:16px; }
ul.history .text { width: 281px; line-height:16px; font-size: 11px; color:#aaa; }
ul.history .created_by { width: 115px; margin-right:4px; text-align:right;color:#aaa; font-size: 11px;}

div.article_content { white-space:pre; font-family:monospace; margin-top:10px; border-top:1px solid #ccc; padding-top:10px}
.odd {background-color:#eee}
.overhigh {background-color:#92b7f1 !important}
.selecthigh {background-color:#92b7f1 !important}
.selecthigh2 {background-color:#6C88B3 !important}
.thumb {padding: 2px;width:100px;border:4px solid #eee;float:left;margin:1px}
.thumb .description {display:none}
#thumb_detail {padding:4px;border:4px solid #eee;width:200px; background-color:#fff;position:absolute;}
#thumb_detail .description {overflow:hidden}
.thumb > a > img {max-width:100px;max-height:100px }
.thumb > a { display: block;text-align:center;vertical-align:middle;width:100px;height:100px }
div.filter { background-color:#fff; border-bottom:1px solid #ccc; margin-bottom:2px; padding:2px }
div.filter ul { list-style-type: none; margin:0; padding:0; }
/*div.filter ul li { float:left; font-family:arial,sans-serif; margin:1px; padding: 4px; border:1px solid #ccc; background-color: #f0f0f0; cursor: pointer; border-radius: 3px 3px 3px 3px;}*/
div.filter ul li { float:left; }
div.filter ul li button { cursor: pointer; outline: 0 none; padding: 0.5em 1em; font-family:arial,sans-serif; margin:1px; padding: 4px; border:1px solid #ccc; background-color: #f0f0f0; border-radius: 4px 4px 4px 4px;}
div.filter ul li button.hover {background-color: #fcfcfc}
div.filter ul li button.active {background-color: #92B7F1}

ul.query_result { border: 1px solid #ccc; width:500px; margin: 0; padding: 0 } 
ul.query_result > li { overflow: hidden; padding:4px;border-bottom: 1px solid #ccc;list-style:none } 
ul.query_result .query_image { float:left;width:100px; } 
ul.query_result .query_content { margin-left:104px } 
ul.query_result .pk {} 
ul.query_result .hit_quote { float:right;color:#999;font-size: 0.75em }
ul.query_result .name { display:block; padding:4px 0; font-size: 1.2em;font-weight:bold }
ul.query_result .typ { display:block; clear:right; font-size: 0.9em }
ul.query_result .description { color:#666 }
ul.query_result	.article_nr_list { width:120px;float:right;text-align:right }

a[onclick] {cursor:pointer}

ul.attribute_list, ul.article_nr_list { list-style-type: none; padding:0; margin:0; width:140px; font-size:13px}
.action {display:none}

.main { font-weight:bold; }
.article_nr_main { font-weight:bold; }
.article_nr_main2 { font-weight:bold; }
.article_nr_main1 { font-weight:bold; font-size:1.1em}
.t_specs { font-size:10px;font-family:monospace;white-space:pre-wrap }
.t_supplier { font-size:0.8em;color:#777 }

.warning { color:red }
.error { background-color:red;color:white }
.ok { background-color:green;color:white }

.mark { background-color:blue }
.verkauft a { color:green;text-decoration:none }
.reserved a { color:#ff8040;text-decoration:none }
.bestand_summe { border-top:2px solid #000000;margin-top:2px }
.out_of_stock_msg { background-color: red; color: white; }
.out_of_stock_msg_set_item { background-color: #d04610; color: white; }

.stocks { display: inline-block; overflow: hidden; text-align: right;}
.stock_row { white-space:nowrap }
.stock_row .stock,
.stock_row .combo,
.stock_row .res { display: inline-block; padding:1px 3px; min-width:20px; text-align: right }
.stock_row .stock { background-color:#00f000 }
.stock_row .combo { background-color:yellow }
.stock_row .res { background-color:#ff0000;color:#fff }
.stock_row .inactive::before { content: "("; }
.stock_row .inactive::after { content: ")"; }
.stock_row .inactive { text-decoration: line-through; }

.form_varkombis input[type=text] { width:50px; }

tr.set td { background-color:#ffffcc }
tr.variation td { background-color:#00ffff }

ul.stock { list-style-type: none; padding:0; margin:0; }
ul.stock.left li { text-align: left; clear:right }
ul.stock li { text-align: right; }
ul.stock li > span { float: right; padding-left: 4px }
ul.stock .number_indirect_sales,ul.stock .number_direct_sales { color:green; }
ul.stock .number_indirect_sales a,ul.stock .number_direct_sales a { color:green;text-decoration:none }
ul.stock .sum { border-top:2px solid black; font-size:1.1em }
.calc_stock_description {white-space:pre; font-family:monospace;}

ul#transfer_list { width:400px; list-style-type:none; padding:0; margin:0; overflow:auto; float:left }
li.transfer_entry { padding-bottom:5px;border-bottom: 1px dashed black; margin-bottom:5px; cursor:pointer }
li.transfer_entry .t_id { float:right; color:#999}
li.transfer_entry .t_amount { float:right; }
li.transfer_entry .t_sequential_number { float:right; color:#999}
li.transfer_entry .t_posting_text { color:#999; }
li.transfer_entry .t_bank_code { color:#999; }
li.transfer_entry .t_account_number { color:#999; }
li.transfer_entry .t_reason { padding: 3px 0px 3px 5px; font-family:monospace }

ul#activity_list { width:400px; list-style-type:none; padding:0; margin:0; overflow:auto; float:left }
li.activity_entry { padding-bottom:5px;border-bottom: 1px dashed black; margin-bottom:5px; cursor:pointer }
li.activity_entry .t_account { color:#999; }
li.activity_entry .t_transaction_id { color:#999; }
li.activity_entry .amounts { float:right; text-align:right; }
li.activity_entry .t_gross { font-weight:bold; }

ul#order_list { width:400px; list-style-type:none; padding:0; margin:0; overflow:auto; float:left }
li.order_entry { padding-bottom:5px;padding-left: 4px; border-bottom: 1px dashed black; margin-bottom:5px; }
li.order_entry .t_erstellt { float:right; color:#999}
li.order_entry .t_score { float:right; color:#999}
li.order_entry .total { float:right; }
li.order_entry .t_amount { float:right; }
.match { color:#008000 !important; }
.good, .average, .bad { border-left-width:4px; border-left-style: solid }
.good { border-left-color: #008000 }
.average { border-left-color: #ffff00 }
.bad { border-left-color: #ff0000 }

.row_action div { padding: 5px; position: absolute; text-align: left; width:250px; border:1px solid #cccccc; background-color:#ffffff; box-shadow:3px 3px 5px 6px #cccccc; }

.market_investigation_item h2, .market_strategy_item h2 { margin: 0 0 10px 0 }
.market_investigation_item .t_name { font-size: 1.2em }
.market_investigation_item .t_modified, .market_strategy_item .t_modified { font-size: 0.8em; color: #999 }
.market_investigation_item div { margin: 4px 0px }
.market_strategy_item .details, .market_investigation_item .details { padding: 5px; position: absolute; text-align: left; width:400px; border:1px solid #cccccc; background-color:#ffffff; box-shadow:3px 3px 5px 6px #cccccc; }
.details { padding: 5px; position: absolute; text-align: left; width:400px; border:1px solid #cccccc; background-color:#ffffff; box-shadow:3px 3px 5px 6px #cccccc; }
.highlight { background-color: #ADD8E6 } 

table td.p0 { background-color: #00ff00 }
table td.p1 { background-color: #ffff00 }
table td.p2 { background-color: #ff0000 }

tr.storno td, .storno { background-color: #ff0000 } 
tr.storno td { background-color: #ff0000 } 

.pu, #pu_comment { padding: 5px; position: absolute; text-align: left; width:400px; border:1px solid #cccccc; background-color:#ffffff; box-shadow:3px 3px 5px 6px #cccccc; }
.pu textarea, #pu_comment textarea { width:395px;height:88px }
.pu a, #pu_comment a { float:right }
.pu > form > .menu, #pu_comment > form > .menu { float:right; width: 20px; height:30px;cursor:pointer}
.pu > form > .menu > div , #pu_comment > form > .menu > div { background-color:#000; margin-bottom:5px; height:5px }
.pu > form > .menu > div.tag_menu , #pu_comment > form > .menu > div.tag_menu { background-color: #eee;height:auto;position:absolute;width:auto;background-color:#eee;border:1px solid #000;padding:5px}
.pu > form > .menu > div.tag_menu > ul, #pu_comment > form > .menu > div.tag_menu > ul {margin:0;}
ul.comments { margin:0px;padding:0px;list-style-position:inside;list-style-type:none}
.t_modified, .t_finished { font-size: 0.8em; color: #999 }

div.kundendaten { margin-right: 420px }

div.right_info_box { float: right; background-color: #fff }
div.box, div.comment { width:400px; margin:10px; border: 1px solid #777 }
div.box h3, div.comment h3 { margin: 0; background-color: #777; color: #ffffff; font-size: 12px; }
div.comment .new_comment { float: right; padding-right: 10px }
div.box ul, div.comment > ul { margin:0px;padding:0px;list-style-position:inside;list-style-type:none;max-height:300px;overflow-y:scroll}
div.box ul li, div.comment ul li { padding: 2px 5px; }
.comment ul li.comment { background-color:#bffffb }
.comment ul li.task.open { background-color:#ffa7a7 }
.comment ul li.task.done { background-color:#90ffa2 }
div.box ul li + li, div.comment ul li + li { border-top: 1px solid #000000 }
div.comment div.ui-icon {float:left}
div.comment a.ui-icon {float:right}
div.comment div.type_desc {font-style: italic; font-size: 0.9em}
div.comment ul li.log { font-family: monospace; }

.info div.box { float:left; width: 500px; margin: 1px; }
.info div.box span.title { font-weight: bold; }
.info div.box p { padding: 3px 2px ; margin: 0 }
.info div.box h3 { padding: 3px 2px; margin: 0 }
li.info { overflow:hidden; }

div.state { width:400px; margin:10px; }

div.messages { width:400px; margin:10px; border: 1px solid #777 }
div.messages h3 { margin: 0; background-color: #777; color: #ffffff; font-size: 12px; }
div.messages ul { margin:0px;padding:0px;list-style-position:inside;list-style-type:none;max-height:300px;overflow-y:scroll}
div.messages ul li { padding: 2px 5px; }
div.messages ul li + li { border-top: 1px solid #000000 }

div.inner_info_box { width:400px; margin:10px; border: 1px solid #777 }
div.inner_info_box h3 { margin: 0; background-color: #777; color: #ffffff; font-size: 12px; }
div.inner_info_box div { margin:0px;padding:0px;max-height:300px;overflow-y:scroll}

#types {
	font-size: 12px;
	line-height: 24px;
}

.type {
	border: 1px solid #AAAAAA;
	border-radius: 15px 15px 15px 15px;
	margin: 2px 4px;
	padding: 2px 4px;
	white-space: nowrap;
}

.graph {
	font-family:monospace;
}
.graph .bar {
	float:left;
	margin: 1px;
	padding:3px;
}
.graph .bar.listing {
	margin:0px;
	border:1px dotted #000000;
}

.graph .bar.supply {
	margin-bottom:0px;
	border-bottom:1px solid #00ff00;
}


.graph .up, .graph .down {
	background-color:#a9e2f3;
	width:19px;
}
.graph .bar.warn .up {
	background-color:#ff3e00;
}
.graph .up {
	background-color:#a9e2f3;
	border-bottom: 1px solid black
}
.graph .down {
	background-color:#ff0000;
}

.graph .label {
	float:left;
	width:23px;
	margin:2px;
}

.graph .labels {
	clear: left;
}

table.report_order_to_shippment {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #000000;
}

table.report_order_to_shippment th,
table.report_order_to_shippment td {
	padding:2px;
}

table.report_order_to_shippment .created,
table.report_order_to_shippment .shipped,
table.report_order_to_shippment .voucher,
table.report_order_to_shippment .account_carried_forward,
table.report_order_to_shippment .carryover {
	text-align: right;
}

table.report_order_to_shippment .created {
	border-left: 1px solid #000000;
}

table.report_order_to_shippment .carryover,
table.report_order_to_shippment .account_carried_forward {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

table.report_order_to_shippment tbody tr.r_article_nr td {
	border-top: 1px solid #999999;
}
table.report_order_to_shippment tbody tr.r_article td {
	border-top: 1px solid #555555;
	background-color: #eeeeee;
}
table.report_order_to_shippment tbody tr.r_type td {
	border-top: 1px solid #000000;
	background-color: #dddddd;
}
table.report_order_to_shippment tfoot {
	background-color: #999999;
	border-top: 1px solid #000000;
}
table.report_order_to_shippment .warn {
	color:#ff0000;
}
table.report_order_to_shippment .good {
	color:#00ff00;
}

table.bestand .edit div {
	text-align:right;
}
table.bestand .edit input {
	width:50px;
	text-align:right;
}

ul.rma_articles { list-style-type: none; padding:0; margin:0; border: 1px solid #cccccc }
ul.rma_articles li { padding: 4px;  }
ul.rma_articles li + li { border-top: 1px dashed #ccc  }
ul.rma_articles li div.sn { background-color: #eeeeee;  }

.order_bar {
	border: 1px solid #ccc;
	width: 98px;
}
.order_bar .icon {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
	background-position: -48px -112px;
}
.order_bar .bar {
	float:left;
	background-color: green;
	height: 12px;
	margin: 2px 2px 2px 16px;
}
.order_bar .details { padding: 5px; position: absolute; text-align: left; width:400px; border:1px solid #cccccc; background-color:#ffffff; box-shadow:3px 3px 5px 6px #cccccc; }
.icon-alert {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
	background-position: 0 -144px;
	background-color: red;
}

.ui-icon-triangle-1-e {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
  background-position: -32px -16px;
	display: block;
	float: left;
}

.ui-icon-triangle-1-s {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
  background-position: -64px -16px;
	display: block;
	float: left;
}

.icon-refresh {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
  background-position: -64px -80px;
	display: block;
	float: left;
}

.icon-newwin {
	height:16px;
	width: 16px;
	background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
	background-position: -48px -80px;
	display: block;
	float: left;
}


.pagination a {border: 1px solid white;margin: 2px;padding: 2px;}
.pagination a.selected {border-color:#ccc;}

.article_list .rownumber {font-size:0.8em; border-bottom: 1px dashed #c0c0c0; margin-bottom: 2px}
.article_list .description {font-weight:bold}
.article_list tbody td:nth-child(2){max-width:700px}

.myTooltip { max-width:none; min-height: 100px}
.myTooltip .article_info_picture { float: left;}
.myTooltip .article_info_text { margin-left: 102px; }

.loading { background:url("../images/loading.gif") no-repeat scroll 10px center transparent; min-width: 25px; min-height:20px}

#mask,.mask { z-index: 100; position: absolute; top:0; left:0; opacity: .50;  background-color: #ccc; width: 100%; height: 100%; }

ul.tasks { list-style-type: none; margin: 0; padding: 0 }
ul.tasks div.ui-icon { float: left; }
ul.tasks .ui-icon { display: inline-block }
ul.tasks > li { overflow:hidden; }
ul.tasks > li + li { margin-top:10px; }
ul.tasks > li > div.text { padding-left: 2px }
ul.tasks > li > div.header { background-color: #aaa; color: #fff; padding: 2px 1px; margin-bottom: 2px; font-size:0.9em }
ul.tasks > li > div.header a { color: #fff; }
ul.tasks > li > div + div { border-top: 2px }
ul.tasks > li > div.reference { float:right }

#w_tasks.ui-tabs .ui-tabs-panel { padding: 0.3em 0.5em; }
#w_tasks.ui-tabs .ui-tabs-nav li a { float: left; padding: 0.2em 0.7em; text-decoration: none; }
#w_tasks a.finish, #w_tasks a.lock, #w_tasks a.unlock { font-size:0.8em }
a.link, a.js, #w_tasks a.finish, #w_tasks a.lock, #w_tasks a.unlocki, .comment a.finish, .comment a.lock, .comment a.unlock { cursor: pointer; text-decoration: underline; }

#show_tasks { cursor: pointer; text-decoration: underline; }
#view_tasks { position: absolute; right: 10px; top: 32px; width: 500px; }
.f_text { white-space: pre-wrap; }

div.menu {
	padding:5px;
	background-color: #A9E2F3;
	overflow: hidden;
}

ul.button {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

ul.button li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul.button li a {
	display: block;
	padding: 0.5em;
	border-width: 1px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
}

ul.button li a:hover {
	color: #800000;
	background: transparent;
	border-color: #aaab9c #fff #fff #ccc;
}

div.ad_priority {
  background-color: #008000;
  border: 1px solid #000000;
  float: right;
  font-size: 2em;
  text-align: center;
}

div.ad_priority a:visited,
div.ad_priority a { 
 	font-weight:bold; 
	color:#ffffff; 
	text-decoration:none;
  min-height: 38px;
  min-width: 53px;
  display: block;
}

.headers {
	white-space:pre;
	font-family:monospace;
	border: 1px solid #ccc;
	padding:5px;
}

#email_view { background-color: #fff; border: 5px solid grey; padding: 2px; position: absolute; right: 20px; top: 100px; width: 700px;}
#email_view > .close { border-color: grey; border-style: solid solid none;  border-width: 5px; padding: 2px; position: absolute; right: -5px; top: -30px;}
.email_view > .close > a { cursor:pointer;}
.email_view > .headers {position:relative;white-space:normal}
.email_view > .headers > .date {float:right}
.email_view > .headers > div > .label {float:left}
.email_view > .headers > div > .content {margin-left:75px}
.email_view > .headers > .subject > .content {font-weight:bold}
.email_view > .text {white-space:pre-line;padding:0;margin:0;border:0;width:700px;height:600px}
.email_view > .text > body {padding:5px}
.email_view > .text > body.text {white-space:pre-line}
.email_view > .attachments { border:1px solid #ccc; padding: 2px;}
.email_view > .attachments > ul { list-style-type: none; margin: 0; overflow: hidden; padding: 0;}
.email_view > .attachments > ul > li { background-color: #ddd; float: left; margin: 2px; padding: 2px 4px}
.email_view > .attachments > ul > li > .size { color:#555; }

.email_view > .headers > .menu { position:absolute;right:0;bottom:0; width: 20px; height:30px;cursor:pointer}
.email_view > .headers > .menu > div { background-color:#000; margin-bottom:5px; height:5px }


.tag {color: #fff;margin: 0 4px;padding: 0 4px;}
.tag_deleted {text-decoration: line-through;}
.tag_unseen {font-weight:bold;}
.tag_seen {font-weight:normal;}
.tag_important {background-color:#FF0000}
.tag_official {background-color:#FF9900}
.tag_personal {background-color:#009900}
.tag_open {background-color:#3333FF}
.tag_later {background-color:#993399}
.tag_done {background-color:#009900}
.tag_in_work {background-color:#CC6600}
.tag_control {background-color:#6633FF}
.tag_intern {background-color:#dcff12;color:#555}
.tag_junk {color:#ff0000;background-color:yellow}

/* article_text */
.high, .high1 { font-weight:bold; }
.high2 { font-weight:bold; color:#ff0000; }
.high3 { font-weight:bold; color:#ff0000; font-size:1.2em; }
.blau1 { font-weight:bold; color:#078fc9; }
.blau2 { font-weight:bold; color:#146e9c; font-size:0.8em; }
.rot2  { font-weight:bold; color:#e3010c; font-size:0.8em; }

.smaller { font-size: smaller }