body 				{ background-color: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin-left: 4px; margin-right: 4px; margin-top: 6px; margin-bottom: 6px; }

p 					{ font-family: Verdana, Arial, Helvetica, sans-serif; }

address 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt }


.filled
{
	background-color: #484888; 

}

div.kanban_wrap
{
	text-align:center;
	margin:0px;
	padding:0px;
	border:1px solid #000000;
}

td.kanban_head
{
	text-align:center;
	color: #000000; 
	font-weight: bold; 
	font-size:8pt;
	border-left: solid 1px #909090;
	border-right: solid  1px #909090;
	border-bottom: solid 1px #000000;
}

td.kanban_splitt
{
	width:0%;
	border: 2px solid #484848; 
	border-bottom: 0px;
	padding:0px;
	background-color: #8080e8; 
	color: #ffffff; 
	font-weight: bold; 
	font-size:12pt;
	text-align:center;
}


td.kanban_head_main
{
	text-align:center;
	background-color: #484888; 
	color: #ffffff; 
	font-weight: bold; 
	font-size:9pt;
	border-left: solid 1px #909090;
	border-right: solid 1px #909090;
	border-bottom: solid 1px #000000;

}



td.kanban_column
{
	padding:1px;
	text-align:center;
	border-left: solid 1px #909090;
	border-right: solid 1px #909090;
	width:20%;
	height:100%;
	vertical-align: top;
}
td.kanban_column_slim
{
	padding:1px;
	text-align:center;
	border-left: solid 1px #909090;
	border-right: solid 1px #909090;
	width:10%;
	height:100%;
	vertical-align: top;
}



div.sticker
{
	background-color: #e8e8e8; 
	border: solid 1px #606060;
	width:95px;
	min-height:30px;
	float: left;
	margin: 2px;
	margin-left:3px;
	font-size: 7pt; 
	padding: 2px 3px 0px 3px;
	border-left: solid 5px #505050;
	border-radius:0px 3px 3px 0px;
}

div.fresh
{
/*	border: solid 1px #00cc00;*/
	border-color: #00cc00;
}


p.kanban_bottom_sticker
{
	color: black;
	text-align:right;
	margin:-3px;
	margin-top:4px;
	margin-bottom:0px;
	padding:0px;
	border-top: dashed 1px #000000;
	background-color: #e8e8e8; 
	border-radius:0px 0px 4px 0px;
	font-size: 7pt;
}

a					{}
a:active 			{ color: ;    }
a:link    			{ color: ; }
a:visited 			{ color: ;   }
a.subtle			{ color: blue; text-decoration: none; }


div.sticker a
{
color: black;
text-decoration: none; 
}

div.sticker a:hover
{
text-decoration: underline; 
}



form				{ display: inline; }

input				{}
input.button			{ width: 130px;}
input.button-small		{ font-size: 8pt; }

textarea			{}
select				{ width: 150px;}
select				{ width: 150px;}

span				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
span.print			{ font-size: 8pt; }
span.required 		{ font-size: 8pt; color: #bb0000; }
span.small 			{ font-size: 8pt; font-weight: normal; }
span.pagetitle		{ font-size: 12pt; font-weight: bold; text-align: center }

table				{ }
table.hide			{ width: 100%; border: solid 0px #ffffff; }
table.width100		{ width: 100%; border: solid 1px #000000; }
table.width75		{ width: 75%;  border: solid 1px #000000; }
table.width60		{ width: 60%;  border: solid 1px #000000; }
table.width50		{ width: 50%;  border: solid 1px #000000; }

td 					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; padding: 4px; text-align: left; }
td.category			{ background-color: #c8c8e8; color: #000000; font-weight: bold; }

td.center			{ text-align: center; }
td.left				{ text-align: left; }
td.right			{ text-align: right; }
td.category			{ background-color: #c8c8e8; color: #000000; font-weight: bold; vertical-align : top; }

td.col-1			{ background-color: #d8d8d8; color: #000000; }
td.col-2			{ background-color: #e8e8e8; color: #000000; }
td.form-title		{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }
td.nopad			{ padding: 0px; }
td.spacer			{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; }
td.small-caption	{ font-size: 8pt; }
td.print			{ font-size: 8pt; text-align: left; padding: 2px; }
td.print-category	{ font-size: 8pt; color: #000000; font-weight: bold; text-align: right; padding: 2px; }
td.print-bottom		{ border-bottom: 1px solid #000000; }
td.print-spacer		{ background-color: #ffffff; color: #000000; font-size: 1pt; line-height: 0.1; padding: 0px;}

tr					{}
tr.row-1			{ background-color: #d8d8d8; color: #000000; }
tr.row-2			{ background-color: #e8e8e8; color: #000000; }
tr.row-category		{ background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category td  {  text-align:center; }
tr.row-category2	{ background-color: #c8c8e8; color: #000000; }
tr.row-category-history { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category-history td {  text-align: left; }
tr.vcenter			{ vertical-align: middle; }
tr.print			{ vertical-align: top; }
tr.print-category	{ color: #000000; font-weight: bold; }

#buglist tr			{ text-align: center; }

tr.bugnote				{ vertical-align: top; }
td.bugnote-public		{ background-color: #c8c8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.bugnote-private		{ background-color: #e8e8e8; color: #000000; font-weight: bold; width: 25%; line-height: 1.4; }
td.bugnote-note-public	{ background-color: #e8e8e8; color: #000000; width: 75%;
/*NEW CODE BY PI*/
white-space: pre-wrap;
/*END OF NEW CODE BY PI*/
}
td.bugnote-note-private	{ background-color: #e8e8e8; color: #000000; width: 75%; white-space: pre-wrap;}

td.login-info-left		{ width: 33%; padding: 0px; text-align: left; }
td.login-info-middle	{ width: 33%; padding: 0px; text-align: center; }
td.login-info-right		{ width: 33%; padding: 0px; text-align: right; white-space: nowrap; }

td.menu					{ background-color: #e8e8e8; color: #000000; text-align: center; width: 100%; padding: 1px; }

td.news-heading-public	{ background-color: #c8c8e8; color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-heading-private	{ background-color: #d8d8d8;       color: #000000; text-align: left; border-bottom: 1px solid #000000; }
td.news-body			{ background-color: #ffffff;         color: #000000; padding: 16px; }

img						{}
img.icon				{ width: 11px; height: 11px; }

div						{ padding: 3px; }
div.menu				{ background-color: #e8e8e8; color: #000000; text-align: center; width: 100%; padding: 1px; }

div.border-center		{ background-color: #ffffff; border: solid 1px #000000; text-align: center; width: 50%; position: relative; margin-right: auto; margin-left: auto; }

div.quick-summary-left	{ width: 49%; padding: 2px; text-align: left;  float: left; }
div.quick-summary-right	{ width: 49%; padding: 2px; text-align: right; float: right;}

.center					{ text-align: center; }
.left					{ text-align: left; }
.right					{ text-align: right; }
.small					{ font-size: 8pt; }
.small-normal 			{ font-size: 8pt; font-weight: normal; }
.bold					{ font-weight: bold; }
.bold-small				{ font-weight: bold; font-size: 8pt; }
.italic					{ font-style: italic; }
.italic-small			{ font-style: italic; font-size: 8pt; }
.underline				{ text-decoration: underline; }
.underline-small		{ text-decoration: underline; font-size: 8pt; }
.strike					{ text-decoration: line-through; }
.strike-small			{ text-decoration: line-through; font-size: 8pt; }




#popup
{
  /* Position absolutely, 30px down from the top */
  position: absolute;
  top: 300px;

  /* In my case I'm centering it in the window; do what you like */
  margin:0px 0px 0px -115px;
  left: 100%;
  width: 125px;

  /* These are just for my example */
  border: 1px solid #bbb;
  text-align: left;
  background-color:#d0d0d0;
  padding:0px;
}


#alert_list
{
  position: absolute;
  display:none;
  margin:0px 0px 0px 0px;
  width: 600px;

  border: 2px solid #cbb;
  text-align: left;
  background-color:#e0e5e0;
  padding:5px;
  height: 200px;
  min-height: 200px;
}


#notify_panel
{
  /* Position absolutely, 30px down from the top */
  position: absolute;

  /* In my case I'm centering it in the window; do what you like */
  width: 85px;

  /* These are just for my example */
  border: 1px solid #bbb;
  text-align: left;
  background-color:#dfd0d0;
  padding:0px;
  font-size:10px;
  display: none; 
}



div.alert
{
width: 20px;
min-width: 20px;
float:left;
text-decoration:none;
padding:2px 0px 2px 3px;
margin:3px 0px 0px 0px;
border-radius:5px;
}


a.alerts
{
color: #ffffff;
font-weight:bold;
text-decoration:none;
font-size:11px;
}

a.alerts:hover
{ 
   color: yellow;    
}

#popup a.full_compact
{
font-size:11px;
margin-left:50px;
}


/*NEW CODE BY PI*/
.tbl-sticker
{
	margin: 0;
	padding: 0;
	border-style: none;
	border-collapse: collapse;
	border-width: 0px;
	width: 100%;
}
.tbl-sticker tr, .tbl-sticker td
{
	margin: 0;
	padding: 0;
}
td.sticker-number
{
	width: 0;
	height: 0;
	display: block;
}
td.sticker-summary
{
	width: 100%;
	font-size: 7pt;
	text-align: center;
	word-wrap: break-word;
	overflow-x: hidden;
}
.sticker-summary div
{
	margin: 0;
	padding: 0;
}
.sticker-number div
{
	padding: 0;
	transform: rotate(-90deg);
	position: relative;
	top: 15px;
	font-size: 6pt;
	display: block;
	color: transparent;
}
p.kanban_bottom_sticker span
{
	font-size: 7pt;
}
/*END OF NEW CODE BY PI*/