body{font-size:62.5%;font-family:Verdana, Arial, sans-serif;color:#333;}
#nav, #warning {width:960px; margin: 0 auto;}
#nav {background-color:#BDD2FF;margin-bottom:10px;z-index:999;}
#main {margin-top:0px;}
#main h2{font-size:16px;margin-bottom:8px;margin-top:8px;color:#205B87;}
#main h3{font-size:12px;margin:10px 0 8px;color:#000;}*/
#main p{margin-bottom:8px;}
#main ol{list-style-type:decimal;margin-left:30px;}
#footer{color: #00529B;background-color: #BDE5F8;border: 1px solid;padding:15px 0px 15px 0px;margin-bottom: 10px;margin-top:10px;}
#header h1{font-size:32px; margin:28px 0;color:#205B87;text-align:center;}
.cellspace {padding-right:10px;}
.right{float:right;}
.left{float:left;}
.align-left{text-align:left;}
.sf-menu{margin-bottom:0;font-size:12px;}
.bold {font-weight:bold;}
p, ol{font-size:12px;line-height:18px;}
ol {margin-bottom:12px;}
.odd {background-color:#E6E6E6;}
.even {background-color:#F3F3F3;}
.table_head{color: #00529B;background-color: #BDE5F8;}
/*.table_head th {padding:5px 0px 5px 5px; font-weight:normal;font-size:12px;text-align:left;}*/
.match_row {padding:5px 0px 5px 0px; font-weight:normal;}
/*.flag{padding:5px 0px 0px 5px;display:inline;margin-top:5px;}*/
img.flag {vertical-align:middle; text-align:left;margin-right:5px;}
td {padding:5px;vertical-align:middle;}
.center{text-align:center;}
.Combobox {margin-top:5px;}
table {border: 1px solid #00529B;margin-bottom:10px;}
.poule{margin-top:10px;}
.groep{width:500px;margin:0px auto;}
ul.samenvatting {list-style-type:none;font-weight:bold;font-size:12px;line-height:18px;}
.samenvatting ul {margin-bottom:10px;}
.samenvatting ul li {list-style-type:circle;margin-left:20px;font-weight:normal;}
/* Message boxes */
.info, .faq, .success, .warning, .warning2, .error, .validation {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background: #BDE5F8 url('../images/info.png') 5px 5px no-repeat;}
.faq {color: #00529B;background: #BDE5F8 url('../images/faq.png') 5px 5px no-repeat;}
.success {color: #4F8A10;background: #DFF2BF url('../images/success.png') 5px 5px no-repeat;}
.warning {color: #9F6000;background: #FEEFB3 url('../images/warning.png') 5px 5px no-repeat;}
.warning2 {color: #9F6000;background: #FEEFB3 url('../images/warning.png') 5px 5px no-repeat;}
.error {color: #D8000C;background: #FFBABA url('../images/error.png') 5px 5px no-repeat;}
.bold{font-weight:bold;}
.error p {font-size:10px;padding-bottom:8px;}
.warning2 p {font-size:10px;padding-bottom:8px;}
.success p, .info p{font-size:10px}
.error h2{font-size:16px;padding-bottom:10px;}
.info h4, .gebruiker_info h4{font-size:12px; font-weight:bold;margin-bottom:5px;}
.vandaag {border: 1px solid;margin: 10px 0px;padding:15px 10px 5px 10px;background-repeat: no-repeat;background-position: 10px center;color: #4F8A10;background: #DFF2BF;}
.vandaag h2, .info h2{font-size:12px;padding-bottom:10px;}
#side .info, #side .success, #side .error {padding-bottom:5px;}

.ads {border: 1px solid #333;margin: 10px 0px;padding:15px 0px 15px 12px;background-repeat: no-repeat;background-position: 10px center;}
.ads {color: #333;}
.gebruiker_info {margin: 0px0px 5px 0px;padding:5px 1px 5px 0px;color: #333;font-size:10px;}
.gebruiker_info th , .table_head th{ background:#7CB8E2 url(../images/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 5px; text-align:left; font-weight:bold;}
.gebruiker_info table {border:0px;}
.gebruiker_info tr {height: 26px;}

.checkbox_styled {}
/* end message boxes */


/*
 * The styling of the buttons is taken from an article on Particletree:
 * http://particletree.com/features/rediscovering-the-button-element/
 *
 */

.buttonAsLink{
    display:block;
    float:left;
    margin:0 7px 7px 0;
    background-color:#F0F0F0;
    border:1px solid #bbb;
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    white-space: nowrap;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	} 
 
p.buttons {
    min-height: 30px;
}

.buttons a, .buttons button, .buttons_small a {
    display:block;
    float:left;
    margin:0 7px 7px 0;
    background-color:#F0F0F0;
    border:1px solid #bbb;
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
    white-space: nowrap;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons_small a {
    margin: 4px 2px 3px 0;
    font-size:11px;
    line-height:16px;
    font-weight: normal !important;
    padding:2px 7px 3px 4px; /* Links */
}
	
	.buttons button{
	    width:auto;
	    overflow:visible;
	    padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type]{
	    padding:5px 10px 5px 7px; /* Firefox */
	    line-height:17px; /* Safari */
	}
	.buttons button img, .buttons a img, .buttons_small a img {
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}
	
	/* STANDARD button coloring */
	
	button:hover, .buttons a:hover, .buttons_small a:hover, .buttonAsLink:hover {
	    background-color:#dff4ff;
	    border:1px solid #c2e1ef;
	    color:#336699;
	}
	.buttons a:active, .buttons_small a:active{
	    background-color:#6299c5;
	    border:1px solid #6299c5;
	    color:#fff;
	}
	
	/* POSITIVE button coloring */
	
	input.positive, button.positive, .buttons a.positive, .buttons_small a.positive{
	    color:#529214;
	}
	input.positive:hover, button.positive:hover, .buttons a.positive:hover, .buttons_small a.positive:hover {
	    background-color:#E6EFC2;
	    border:1px solid #C6D880;
	    color:#529214;
	}
	.buttons a.positive:active, .buttons_small a.positive:active{
	    background-color:#529214;
	    border:1px solid #529214;
	    color:#fff;
	}
	
	/* NEGATIVE button coloring */
	
	button.negative, .buttons a.negative, .buttons_small a.negative {
	    color:#B23928;
	}
	button.negative:hover, .buttons a.negative:hover, .buttons_small a.negative:hover {
	    background:#fbe3e4;
	    border:1px solid #fbc2c4;
	    color:#d12f19;
	}
	.buttons a.negative:active, .buttons_small a.negative:active {
	    background-color:#d12f19;
	    border:1px solid #d12f19;
	    color:#fff;
	}
	
	/* End of Buttons styles. */

	/*jExpand styles*/
	    #report { border-collapse:collapse;}
        #report h4 { margin:0px; padding:0px;}
        /*#report img { float:right;}*/
        #report ul { margin:10px 0 10px 10px; padding:0px;}
        #report th { background:#7CB8E2 url(../images/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
        #report td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
        #report tr.odd td { background:#fff url(../images/row_bkg.png) repeat-x scroll center left; cursor:pointer; font-weight:bold; }
        #report div.arrow { background:transparent url(../images/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
        #report div.up { background-position:0px 0px;}

.chartcontainer{
 width:100%;
 font-family: Arial;
 }

.record{
 float: left;
 width: 100%;
 border: 1px solid #ccc;
 background-color: #f0f0f0;
 margin-bottom: 2px;
 -moz-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 }

.bar {
 background: transparent url(../images/gradient.png) repeat-x top left;
 float: left;
 clear: left;
 height: 30px;
 white-space:nowrap;
 }

.bar span{
 font-size: 12px;
 font-weight: bold;
 color: #205B87;
 float: left;
 margin-left: 5px;
 margin-top: 7px;
 }

.p{
 padding-top: 3px;
 padding-left:5px;
 float: right;
 color: #205B87;
 clear: right;
 font-size: 12px;
 font-weight: bold;
 height: 25px;
 }

.p span{
 font-size: 12px;
 font-weight: bold;
 float: left;
 margin-right: 5px;
 margin-top: 5px;
 }