/* CSS Document */
/* NS 4.7 catch  */
.ahem {
display:	none;
}
/* BASIC HTML ELEMENTS DEFINED */
body {
	background-color: #ffffff;
	margin:0px; 	
	}

h1 {
	font-size: 1.2em;
}

h2 {
	padding-top:1em;
	padding-bottom:1em;
	color:#343A4C; 
	font-size:125%;
	font-weight: bold
	}
	
h3 {
	font-weight: bold;
	color: #993210;
	font-size:110%;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #E87D01;
	}

img {border:0;}

a:link, 
a:visited, 
a:active{
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	}


/* HEADER */


#logo {
	position: absolute;
	top: 5px;
	left: 10px;
	}

#appName {
	position: absolute;
	top: 30px;
	left: 70px;
	font-size: 18px;
	}
	
#navUtil {
	text-align: right;
	font-size: .8em;
}
	
/* Facelet Content Decorator*/
#loginContent{
	margin: 0px auto;
	width: 800px;
}

/* GLOBAL PAGE STRUCTURE ELEMENTS - begin */
#pagewrap { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	width: 854px;
	margin-top: 10px;
	margin-left: 20px;
}

#contentMain {
	margin-top: 100px;
	}
	
#contentDecorator{
	margin: 0px auto;
	background-color: #FFFFFF;
	}
	
.labelColumn
	{
	text-align: right;
	}
.rowLeft
	{
	text-align: left;
	}	
.inputColumn
	{
	position:relative;
	left:5px;
	}
	
.footnote
	{
	font-size: .8em;
	color: red
	}
/* Footer */
#footer {
	padding-top: 3em;
	clear: both;
	padding-bottom: 1em;
	font-size: .8em;
	}

#footer ul {
	margin: .5em 1.5em;
	}
		
#footer li {
	display: inline;
	list-style-type: none; 
	}

#footer a {
	border-left: 1px solid black;
	padding-left: .5em;
	}

.no-pipe,
#footer a.no-pipe {
	border-left: none;
	}

th.colGroupHead {
	text-align: left;
	background-color: #d7d7d7;
	border-left: 2px solid white;
	white-space: nowrap;
	}

th.colGroupHeadWrap {
	text-align: left;
	background-color: #d7d7d7;
	border-left: 2px solid white;
	/*white-space: nowrap;*/
	}
		
td {
	text-align: left;
	margin-left: 1cm;
	}
td.auditableLabel{
	font-size: 1.0em;
	font-weight: bold;
	}

td.auditableValue{
	font-size: 1.0em;
	font-weight: normal;
	}

td.labelColumn{
	font-weight: bold;
	}

td.inputColumn{
	font-weight: normal;
	}
	
td.label 
{
	text-align: right;
	font-weight: bold;
}
	
#roleSelectionArea {
	border: thin groove #A0A0A0;
	overflow:auto; 
	height:400px; 
	width:500px;
	}

tr {
	vertical-align: top;
	}
	
.error,
.alert {
	font-weight: bold;
	font-size: .9em;
	color: #CC0000;
	}

.info {
	font-weight: bold;
	font-size: .9em;
	color: rgb(0, 128, 0);
	border-color: #00FF00
	}

.solid {
	font-weight: bold;
	color: #343A4C;
	font-size:110%;
	}

.navitem {
	white-space : nowrap;
    text-decoration : none;
	}

a.navitem:hover,active {
	white-space : nowrap;
	text-decoration: none;
    color: #6392C6;
	}

.navitem_open {
	white-space : nowrap;
	text-decoration: none;
	font-weight : bold;
	}

a.navitem_open:hover,active {
	white-space : nowrap;
	text-decoration: none;
	font-weight : bold;
    color: #6392C6;
	}

.navitem_active {
	white-space : nowrap;
	text-decoration: none;
	font-weight : bold;
    background-color: #6392C6;
	width: 100%;
    color: #FFFFFF;
	}

a.navitem_active:hover,active {
	white-space : nowrap;
	text-decoration: none;
	font-weight : bold;
    background-color: #6392C6;
	width: 100%;
    color: #FFFFFF;
	}
/*
   ------------------------------------------------------------
   Tree component
   ------------------------------------------------------------
*/

.nodeFolder {
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
	}

.disabledNodeFolder {
	color: red;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
	}

/*
   ------------------------------------------------------------
   Panelnavigation
   ------------------------------------------------------------
*/
#subnavigation {
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #546359;*/
	background-color: #FFFFFF;
	}

#subnavigation_outer {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	}
#subnavigation_outer h1  {
	font-size: 1.5em;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}

/**************************************************
 * css layers and classes for list navigation list
 **************************************************/
#subnavigation ul li  a {
display:block;
background-color: #D1E4E4;
color: #294747;
text-decoration: none;
border-bottom: 1px solid #87A8A8;
padding: 2px 20px;
margin: 0px;
}

#subnavigation ul li a:visited {color:#294747;}
#subnavigation ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}
#subnavigation ul li a:active { color:#294747;}

#subnavigation ul li a.selected {
font-weight: bold;
color:#294747;
background-color: #FFFFFF;
}

#subnavigation ul ul li a {
padding: 2px 20px 2px 25px;
margin: 0px;
background-color: #FFFFFF;}

#subnavigation ul ul li ul li a {
padding: 2px 20px 2px 30px;
margin: 0px;
}

#subnavigation ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#subnavigation li{
margin: 0px;
padding: 0px;
display:inline;
}

#subnavigation ul.mypage li a {
padding: 2px 20px 2px 20px;
margin: 0px;
background-color: #EAF4F4;
}

#subnavigation ul.mypage ul li a:hover {color: #FFFFFF;  background-color: #87A8A8;}