/* Rich text editor styling start */
#holderBody {
	background: #fff;
}

#holder {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
}

/* Rich text editor styling end */

body,html {
	margin:0;
	padding:0;
	background-color: #EFEFF6;
	font-family: 'Arial', 'lucida grande', 'lucida sans', lucida, verdana;
	font-size:12px;
	text-align: center;
	color:#333366;
	}

/* HEADERS */
h2 {
	font-size:30px;
	margin: 5px 0;
	padding: 0;
	font-weight: bold;
	font-size: 140%;
	text-decoration: none;
}

/* NEWS*/
.newsDate {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 90%;
}
.newsResume {
	margin: 0 0 10px 0;
	padding: 0;
}

#newsBox {
	display: block;
	width: 200px;
	text-align: left;
	/*float: right;*/
	padding: 10px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

#newsBox .newsDate {
	border-top: 1px solid #CCCCCC;
}

/* header */

#header {
    width: 100%;
    height: 75px;
    border-bottom:1px #333366 solid;
    background-color: #000066;
    padding: 0;
    display: block;
}

#headerTable {
    width: 100%;
    height: 100%;
    border: 0px none transparent;
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
}

#headerTable td {
    vertical-align: middle;
}

#headerImage {
    border: 0px none transparent;
}

#headerText {
    display: inline;
    color: white;
    font-size: 20pt;
    font-weight: bold;
    margin: 0px 0px 0px 20px;
}

/* Navigation */

#secondLevelNavigation {
    float: left;
    width: 150px;  /* Breedte van de second level knoppen */
    list-style:none;
    padding: 0px 0px 0px 0px;
    margin: 0;  
    border-top: 1px solid #999999;
}

#secondLevelNavigation li {
    margin: 0;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    background-color: #000066;
}

#secondLevelNavigation li a {
    color: #999999;
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}

/* #secondLevelNavigation li .selected { */
#secondLevelNavigation li .selected {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #26267D;
}

#secondLevelNavigation .selected a {
    color: #FFFFFF;
}

/*
#secondLevelNavigation a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
}
*/

#secondLevelNavigation li:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #26267D;
}

#secondLevelNavigation li:hover a {
    color: #FFFFFF;
}


/* Menu container */
#naviHolder {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 0px none transprant;
    border-right: 0px none transprant;
    float: left;
    padding:0;
    width: 100%;
    height: 30px;
    margin: 0;
    background-color: #000066;
}

/* Menu knoppen */
#naviList {
    list-style:none;
    margin: 0;    
    padding: 0;
}

#naviList li {
    width: 75px;  /* Breedte van de menu knoppen */
    height: 30px;
    float: left;
    border-top: 0px none transparent;
    border-bottom: 1px solid #999999;
    border-left: 0px none transprant;
    border-right: 1px solid #999999;
    /* border-right: #999999 solid 1px; */
    /*color: #999999;*/
    background-color: #000066;
}

#naviList .selected {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #26267D;
 }

#naviList .selected a {
    color: #FFFFFF;
}

#naviList li:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #26267D;
}

#naviList a {
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    color: #999999;
    display: block;
}

#naviList a:hover {
    color: #FFFFFF;
}

/* Pull */
#nav ul, #nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav a {
    padding: 8px 0;
    text-align: center;
    text-decoration:none;
    color:#ffffff;
    display: block;
}

#nav .current {
    font-weight: bold;
}

#nav a {
    text-decoration: none;
}

#nav a:hover {
    color: white;
}

#nav li li a {
    display: block;
    font-weight: normal;
    color: #060;
    padding: 0.5em 0;
}

#nav li {
    float: left;
    position: relative;
    width: 10em;
    text-align: center;
    cursor: default;
    border-left:#ddd9cc solid 1px;
    border-right:#888477 solid 1px;
}


li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;

    font-weight: normal;
    background: url(wizard/pullBackground.png);
    padding: 2em 0;
    border-bottom: 1px solid #888477;
}

li>ul {
    top: auto;
    left: auto;
}

li li {
    display: block;
    float: none;
    background-color: transparent;
    border: 0;
}

li:hover ul, li.over ul {
    display: block;
}

/* BREADCRUM */
#umbBreadcrum {
    list-style:none;
    padding: 0;
    margin: 0;
    color: #aaa;
    font-size: smaller;
}

#umbBreadcrum li {
    float:left;
    margin: 0 3px 3px 0;  
    padding: 0;
    color: #FFFFFF;
}

/* BOXES */
a {
    /* color:#339933; */
    color:#000066;
}

/* Ensures the layout of all the content pages. The layout of the pages is kept consitent
   by a table using this layout which produces three sections for second level menu, text
   content and news */
#pageLayout {
    /*width: 100%;*/
    width: 1010px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px none transparent;
    empty-cells: show;
}

/* important finding: used 2ndLevel... first as an id. this is not legal or internet
   explorer does not know how to handle this. The usage of that name produced no result
   not even an error. */
#pageLayout td#secondLevelNavigationCell {
    width: 170px;
    text-align: center;
    vertical-align: top;
}

#pageLayout td#textContentCell {
    /*width: auto;*/
    width: 620px;
    text-align: center;
    vertical-align: top;
}

#pageLayout td#newsBoxCell {
    width: 220px;
    text-align: center;
    vertical-align: top;
}

#breadCrum {
    display: block;
    width: 100%;
    border: 0px none transparent;
    background-color: #26A8D4;
    padding: 10px 10px 10px 25px;
}

#textContent {
    text-align: left;
    display: block;
    width: 600px;
    /*border-left: 1px solid #ddd;*/
    /*float: center;*/
    padding-left: 10px;
    min-height: 280px;
    _height: 280px;
}

#bottomInfo {
    border-top: 1px solid #ccc;
    padding-top: 5px;
    color: #aaa;
    font-size: smaller;
}

#container {
    margin: 0px auto;
    width: 100%;  /* Breedte van de site */
    background: #fff;
}

#main {
    width: 100%;  /* Breedte van de site */
    margin: 0;
    padding: 0;
    text-align: left;
}

#bottom {
    background-color: #26A8D4;
    clear: both;
    border-top: 1px solid #CCCCCC;
    color: #CCCCCC;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0;
    text-align:center;
    font-size: x-small;
}

/* Ensures the layout and color of all pages nested into the
   masterpage */
#content {
    width: 100%;
    margin: auto;
    float: left;

    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;

    background-color: #26A8D4;
    /* background-color: #0099CC; */
}

/* Matches all images in a content page. Image needs to be
   set in a <p></p> tag */
#content p img {
    border: 0px none transparent;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* Matches hyperlink (<a href...></a> tags with the class set to
   emailIcon */
A.emailIcon {
    border: 0px none transparent;
}

/* Matches all images enclosed in <a href.. class=emailIcon></a>
   tags. This selection ensures that the email envelope images are
   not rendered with a border and that no margins are applied */
A.emailIcon img {
    width: 14px;
    height: 10px;

    border: 0px none transparent;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;

    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* Ensures format of headers for contact information */
h4 {
    color: #FFFFFF;
    margin: 10px 0px 0px 0px;
    font-family: 'Verdana', 'Arial';
    font-weight: bold;
    font-size: large;
    /* text-decoration: underline; */
    border-bottom: 2px solid #FFFFFF;
}

/* Esure formatting of all <p></p> elements preceded by <h4> */
h4 + p {
    margin-top: 20px;
}

table.contentTable {
    border: 0px none transparent;
    /*border: 1px solid blue;*/
    /*border-collapse: collapse;*/
    width: 600px;
    empty-cells: show;
    border-spacing: 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/*
table.contentTable td {
    border: 1px solid green;
}
*/
table.timeTable {
    width: 400px;
    border: 0px none red;
    border-spacing: 0px 0px;
    empty-cells: show;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px 0px;
}

table.timeTable td {
    border-top: 0px none transparent;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-spacing: 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

table.timeTable tr td:first-child {
    border-right: 0px none transparent;
}

table.timeTable tr:first-child td {
    border-top: 1px solid white;
    border-right: 1px solid white;
    color: white;
    font-weight: bold;
}

/* Esure formatting of tables preceded by <h4> */
h4 + table {
    margin-top: 5px;
}

td.pt9db {
    font-size: 9pt; font-family: Arial; color: #000066
}

td.pt9w { 
    font-size: 9pt; font-family: Arial; color: #FFFFFF
}

td.pt8db { 
    font-size: 8pt; font-family: Arial; color: #000066
}

td.pt8w { 
    font-size: 8pt; font-family: Arial; color: #FFFFFF
}

td.pt8lb { 
    font-size: 8pt; font-family: Arial; color: #0099CC
}

td.pt7db { 
    font-size: 7pt; font-family: Arial; color: #000066
}

td.pt7w { 
    font-size: 7pt; font-family: Arial; color: #FFFFFF
}

/* Ensure liability page format */
#liability {
    font-size: x-small;
}

#liability > p {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

#liability p.headingMessage {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;

    color: white;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;

    border-bottom: white 2px solid;
}

/* First level ordered lists on liability page are decimals */
#liability > ol {
    border: 0px none transparent;
    list-style: decimal outside;
    margin-top: 0px;
    margin-bottom: 20px;
    /* Careful with left margins; to small margins make index fall off, or align wrong */
    margin-left: 25px;
    margin-right: 0px;
}

/* Ensure separation of first level list items */
#liability > ol > li {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

#liability > ol > li p {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

/* Second level ordered lists on liability page are alphabetical */
#liability > ol > li > ol {
    border: 0px none transparent;
    list-style: lower-alpha outside;
    margin-top: 10px;
    margin-bottom: 10px;
    /* Careful with left margins; to small margins make index fall off,or align wrong */
    margin-left: 35px;
    margin-right: 0px;
}

/* Ensure that second level list items are kept together */
#liability > ol > li > ol > li {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

table.feesChargesTable {
    border: 0px none transparent;
    border-spacing: 0px 0px;
    empty-cells: show;

    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;

    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

table.feesChargesTable tr:first-child td:first-child {
    font-family: 'Verdana', 'Arial';
    font-weight: bold;
    font-size: large;
    color: White;
}

table.feesChargesTable td.darkBlue {
    background-color: #000066;
    color: White;
    font-size: 8pt;
}

table.feesChargesTable td.alert {
    background-color: red;
    color: White;
    font-size: 8pt;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {
	font-size:20px;
	font-weight: bold;
}

h3 {
	font-size:12px;
	font-weight: bold;
}