/**************************************************************************************
CSS Stylesheet behorende bij NVP applicatie
***************************************************************************************/

/**************************************************************************************
Algemeen gebied: HTML tags
***************************************************************************************/

body, table, p, h1, h2  {
	color : #000066; 
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 8pt;
	margin: 0px;
}

form {
	margin:0px;
}

h1  {
	font-weight : bold;
}

h2 {
	font-style : italic;
}


p {
	margin: 0px;
	margin-top: 7px;
}

img {
	border:0px;
}

a {
	color: teal;
	font-weight: bold;
    text-decoration: none;
	font-family : arial, verdana, helvetica, sans-serif;    
}

a:hover {
	color: red;
}

.select { 
	color: black;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
}
	
.textArea {
	color: black;
	font-family : arial, verdana, helvetica, sans-serif;
	font-size: 8pt;
}


/**************************************************************************************
Algemeen: classes
***************************************************************************************/

.button {
    font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;    
}

.checkBox {
}

/* Tabel voor searchlist en entitylist. */
.databaseTable {
	background-color: white; 
	color: black; 
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
	padding: 1;
	width: 100%
	       
}

/* Cel voor deze tabel. */
.databaseTable td{
	vertical-align: middle;
	white-space: nowrap;
}

/* Scheidingskolommen voor deze tabel. */
.databaseTable.spacer {
}

/* Laatste kolom voor deze tabel. */
.databaseTable.last {
}

/* Header voor deze tabel. */
.databaseTable th{
	text-align: left;
	color : navy;
}

/* Linkje in header voor deze tabel. */
.databaseTable th a {
	color : navy;
}

.input, .inputRequired {
	color: #000000;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
}

/* properties for labels of required fields */

.inputRequired {
}

.label, .labelRequired { 
	color: #0000bb;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;
}

/* properties for input boxes of required fields */
.labelRequired {
	background: url("required.gif") right top no-repeat;
	padding: 0 6px 0 0;
	margin: 0
}

/* properties of the required Charachter 'º' used in maintainXX.jsp */
.requiredChar {
	color: #ff0000;
	text-decoration: strong;
}
	
.message {
	color: red; 
}

.radio {
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
}

.text {
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
}

/**************************************************************************************
Verdeling van gebieden op het scherm
***************************************************************************************/
.topArea {
	width: 100%;
	height: 70px;
	margin-top: 5px;
	vertical-align: top;
	margin-left: 0px;
}

.leftArea {
	height: 100%;
	width: 5px;
}

/**************************************************************************************
TopArea gebied: HTML tags en classes
***************************************************************************************/

/**************************************************************************************
LeftArea gebied: HTML tags  en classes
***************************************************************************************/

/**************************************************************************************
Menu: HTML tags  en classes
**************************************************************************************/

.menu {
	background-color: #FFFFFF;
	width: 100%;
	padding: 1;
}

.menuItem {
	background-color: #010066;
	color: #ffffff; 
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	font-weight: bold; 
	text-decoration: none
}

.menuItem a {
	color: white; 
	font-weight: bold; 
	text-decoration: none
}

.menuItem a:hover {
	color: white; 
	text-decoration: underline
}

.menuItemSelected {
	background-color: turquoise;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
}

.menuItemSelected a {
	color: white; 
	font-weight: bold; 
	text-decoration: none
}

.menuItemSelected a:hover {
	color: white; 
	text-decoration: underline
}

.subMenuItem {
  font-weight: bold;
}

.subSubMenuItem {
  font-style: italic
}

.disabledTab {
	color: #9f9f9f
}

.smallHeader {
	background-color: #eeeeee;
	color: #000000; 
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	font-weight: bold; 
	text-decoration: none
}

.mediumHeader {
	background-color: #0830a0;
	color: white; 
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	font-weight: bold; 
}

/**************************************************************************************
Header: HTML tags en classes
**************************************************************************************/
/* De header bevat algemene gegevens van een object boven de tabbladen. */
.header {
	background-color: #FFFFFF;
	width: 100%;
	padding: 1;
	
}
.headerItem {
	background-color: #eeeeee; 
	color: #010066; 
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 1;	
}

/**************************************************************************************
Tabbladen: HTML tags en classes
**************************************************************************************/
.tab {
	background-color: #FFFFFF;
	width: 100%;
	padding: 1;
}

.tabItem {
	background-color: #010066;
	color: #ffffff;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;		           
	text-decoration: none;
	text-align: center;
}

.tabItem A {
	color: white; 
	text-decoration: none
}

.tabItem A:hover {
	text-decoration: underline;
	color: white;
}

.tabItemSelected {
	background-color: turquoise;
	color: #ffffff;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;		
	text-decoration: none;
	text-align: center;	                 
}

.tabItemSelected A {
	color: white;
	text-decoration: none
}

.tabItemSelected A:hover {
	text-decoration: underline;
	color: white; 	
}

/**************************************************************************************
Subtabbladen: HTML tags en classes
**************************************************************************************/

.subTab {
	background-color: #FFFFFF;
	width: 100%;
	padding: 1;	
	text-align: center;
}

.subTabItem {
	background-color: #dddddd;
	color: #010066; 
	font-weight: bold;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	
}

.subTabItem A {
	color: #010066;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
}

.subTabItem A:hover {
	text-decoration: underline
}

.subTabItemSelected {
	background-color: #dddddd; 
	color: #fc0204;
	text-decoration: none;
	font-weight: bold;
	font-size: 8pt;
	font-family : arial, verdana, helvetica, sans-serif;	
	
}

.subTabItemSelected A {
	color: #fc0204;
	text-decoration: none;
	font-weight: bold;
}

.subTabItemSelected A:hover {
	text-decoration: underline
}

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

li {
	background-position: center left;
	display: inline;
	padding-left: 20px;
	margin-right: 10px;
}

li.save {
	background-image: url(../images/opslaan.gif);
	background-repeat: no-repeat;
}

li.cancel {
	background-image: url(../images/pijl_links.gif);
	background-repeat: no-repeat;
}