BODY
{
	font:11px Verdana,Arial,Helvetica,sans-serif;
	background-color: #e6e0d0;
	margin: 0;
	padding: 0;
	border: none;
}
BODY.dialog
{
	margin: 8px;
}

SELECT, INPUT, BUTTON, TEXTAREA
{
	font: 11px Verdana,Arial,Helvetica,sans-serif;
}

HR
{
	height: 1px; 
	color: #5e5e48;
}

.head 
{
	font-size: 16px;
	font-weight: bold; 
	color: #5e5848;
}
.head2 
{
	font-size: 15px;
	font-weight: bold;
	color: #5e5848;
}
.head3
{
	font-size:  12px;
	font-weight: bold;
	color: #5e5848;
}
.normal
{
    font-weight: normal;
	font-size: 11px;
}
.normalred
{ 
	font-size: 11px; 
	font-weight: normal; 
	color: red
}
.boldred
{ 
	font-size: 11px; 
	font-weight: bold; 
	color: red
}

A:link, A:visited, A:active 
{
	color: #8B0000; 
	text-decoration: none;
}
A:hover 
{
	color: red; 
	text-decoration: underline;
}

A.disabled
{
	color: Gray;
	text-decoration: none;
}





.small { font-size:8px; }
.historyfieldchanged { font-size:11px; }
.note {font-size: 11px;}
.note .info {font-size: 10px;}
.project-statistics {font-size:  11px;}
.asset-date {FONT-SIZE: 9px; }
TABLE.pie-charts { font-size: 11px;}
TABLE.dash-grid {font-size: 11px;}
.dash-grid-title { font-size:  12px;}
.buttonbox{ font-size: 11px; }
.linkbox {font-size: 11px;}
.component-view TABLE.grid {font-size: 11px;}
.dashboard-banner .small .command {font-size: 10px;}

	
THEAD { color: white; background-color: #6e6858; height: 22px; }
TFOOT { color: white; background-color: #aea898; }

INPUT.number { width: 50px; text-align:right; }
INPUT.date { width: 80px; }
INPUT.text { width: 240px; }
INPUT.ref { width: 100px; }

.changed { background-color: #C0A0A0; }
.rowsep {height: 10px;}  
.colsep {width: 10px;}  

.fieldlabel
{
	font-weight: bold;
	font-size: 11px;
	color: #5e5848; 
	text-align: right;
}
TD.fieldlabel
{
	width: 120px;
}
.fieldcontent
{
	font-size: 11px;
	white-space: nowrap;
}

.historyfieldchanged { color: red ; }

.tabstrip TD
{
	font-size: 11px;
	color: #5e5848;
	text-align: center;
	white-space: nowrap;
	padding-right: 0;
}
.small .tabstrip TD { font-size:9px; }
.tabstrip A.selected { font-weight: bold; }
.tabstrip TD.selected A { font-weight: bold; }
.note .commands TABLE.tabstrip TD {font-size: 9px; }

td.bar
{
	background: gold;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
TD .Reason
{
 	width:500px ;
	white-space: normal;
	text-align: left;
}

TD.noteicon, TH.noteicon { border: 0 none lime; }

.StackTrace
{
}
.ErrInLib 
{ 
    background-color: white;
    color: black;
}
.ErrInCode
{ 
    font-weight: bold;
    background-color: #ffffcc;
    color: #ff0033;
}

.collapseAll 
{
    margin-left: 2px;
    white-space:nowrap ;
}

.collapseAll button
{
    border:none ;
    padding: 0;
    background-color:Transparent ;
    vertical-align: bottom;
}
.collapseAll image
{
}

.dontwrap { white-space:nowrap; }

.hideprojects .command.link { color:#928c7c;     }
.hideprojects TH 
{ 
	background-color: transparent; 
} 

.statistics-header 
{ 
	color: #5e5848; 
	text-decoration: underline; 
} 

.project-statistics { display:inline; text-align:center; } 

.bar-chart
{
    vertical-align: middle ;
    margin: 0;
    border: none;
    padding: 0;
}

.asset-date
{
	TEXT-ALIGN: right;
	margin-right:1em;
}

/* ###############################  Pie-chart controls ###############################      */

TABLE.pie-charts
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

/* ###############################  Portal Banner ###############################      */

TABLE.banner 
{ 
	background-color: white; 
	height: 60px;
}

.portaltabs { border-collapse: collapse; }  
.portaltabsInner { border-left: 1px solid White; }
.portaltabs TD { padding-left: 9px; padding-right: 9px;}

.portaltabs A:link, .portaltabs A:visited, .portaltabs A:active, .portaltabs A:hover
{ 
	color: black; 
	font-size: 10px; 
}

.bannertabs 
{ 
	height: 20px; 
	border-collapse: collapse; 
}

.bannertabs TD
{
	background-color: white;
	width: 100px;
	text-align: center;
	font-size: 11px;
}

.bannertabs TD.selected
{ 
	background-color: #829632; 
	border-bottom: none;
	border-top: 1px solid #BD8094;
	border-left: 2px solid #BD8094;
	border-right: 2px solid #3D0014;
}

.bannertabs A:link, .bannertabs A:visited, .bannertabs A:active, .bannertabs A:hover
{ 
	font-weight: bold; 
	color: black; 
}

/* ###############################     Grid (table)   ###############################      */

TABLE.dash-grid
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	background-color:transparent; 
}

.dash-grid-title
{
    font-weight: bold;
    color: #5e5848;
    margin: 0 0 3px 0;
    padding: 0 0 0 0;
    display:block; 
    overflow:hidden;
    width: 100%;
    border-bottom: solid 1px #5e5848;
}

/* ###############################     Button box     ###############################      */

.button
{
	border: #C0C0C0 2px outset;
	width: 100px;
	cursor: pointer; cursor: hand;
	background-color:#eee8d8;
	color: #8B0000;
}

.buttonbox .button {width: 100%;}
.buttonbox {border: none;}
.buttonbox TD {width:120px; white-space: nowrap;}

/* ###############################     Link box     ###############################      */

.linkbox
{
	border: 1px solid gray ;
	background-color: white;
	border-collapse:collapse ;
    padding-bottom:0.5em; 
}

.linkbox THEAD { background-color: #eee8d8; color:#5e5848; }

.linkbox TD
{
	width: 120px;
	white-space: nowrap;
	padding: 2px 2px 2px 5px ; 
}

/* ###############################     Component View    ###############################      */

.component-view 
{
	background-color: transparent;
	color: black;
}

.component-view TABLE.grid
{
	background-color:white ;
	border: none;
	border-spacing: 0;
	empty-cells: show;
}
.msie .component-view TABLE.grid
{
	border-collapse: collapse;
	margin-bottom: 1px;
}

.component-view THEAD { color: #5e5848; background-color:transparent; } 

/*.component-view TABLE.grid TD { border: 1 outset lightgrey; }*/
.component-view TR { background-color: transparent;}
.component-view TR.alt { background-color: #f5f5ed;}
.component-view .tree TR { background-color: #f5f5ed; }
.component-view TR.alt1{ background-color:Transparent;}
.component-view TR.alt2{ background-color:Transparent;}

.head1 .alth, .head2 .alth, .head3 .alth { color:#928c7c ;     }

.component-view .grid TH
{
	background-color: Transparent;
	border: none;
	padding-bottom:0.5em;
    vertical-align: bottom;
}

.component-view .grid THEAD TH { text-decoration: underline; }
.component-view .grid TFOOT TH { color:#5e5848; text-decoration:none;}

/* ###############################     Dashboard View    ###############################      */

.dashboard-container
{
	background-color: white;
	border: 1px solid gray;
	display:inline-block
}

.dashboard-banner
{
	padding:1px;
	background-color: #eee8d8;
	display: inline-block;
}

.dashboard-banner .small .command
{
	vertical-align: top;
}

.asset-dashboard-row {  }
.asset-dashboard-row .asset-name 
{ 
	font-weight: bold; 
	text-align: left;
}

.alth { color:#928c7c;}	

.statistics-label {float:left; clear:left; }
.statistics-value {float:right; clear:right; text-align:right; padding-right:2em;}
.bar-graph-label {display:block; width:90%; padding-top:0.5em; text-align:center; }
.bar-graph-frame {display:block; width:90%; height:2em; margin-top:0.5em; }
.pie-graph-frame {display:block; width:90%; margin-top:0.5em; }

.component-view .grid .rightBorder {border-right:2px solid #eee8d8;}
.component-view .superHeader th {text-decoration:none; border-right:2px solid #eee8d8;}

DIV.filter-item
{
	float: left;
	white-space: nowrap;
}