.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}
.loansnew {
	background-color:#FCFEBF;
	padding:10px;
	
	display:inline-block;
	border:1px solid #00C800;
}




#loanspage h1 {margin:5px;
font-size:2em;
font-weight:100;}

#loanspage a:link, #loanspage a:visited {font-weight:100;}


#loanspage  .result {padding:10px;font-size:1.3em;}

.paginator {	padding: 5px;
background-color:#336EB6;
color:#fff;
	background: url(../images/bg_th.png);
    background-repeat: repeat-x;
    text-align:center;
    font-weight:900;
    }

.paginator a:link, .paginator a:visited{	color:white;
font-weight:100;
text-decoration:underline;
    }
.pagenav{	padding:0px 5px;  }


.gridbutton{
	margin:-4px;padding:3px;text-align:center;height:16px;
	width:72px;color:#333333;padding: 3px 3px 3px 20px;line-height:20px;
	white-space:nowrap;
}
a.gridbutton:link, a.gridbutton:visited 
{
	color: #333333;
	text-decoration: underline;
}
.new {
	background-image:url(../images/16/new.png);
	background-repeat:no-repeat;
}


#popups {
	position: absolute;
}

#regio.error { 
	border-color: red;
}

div.suggestions {
	background-color: #FFF;
	padding: 4px 6px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

div.suggestions:hover {
	background-color: #333;
	color:white;
}

.variationhidden {
	background-color: #333;
	color:white;
}

.variationshow {
	background-color: #cc0033;
	color:white;
}

#variatiediv {
padding-left:10px;
	display:inline;
}

#legende ul
{
margin: 0;
padding: 0;
list-style-type: none;


}

#legende li { margin: 0 0 3px 0;
border-bottom:1px solid #EBF5FA;
padding:5px;
}

#legende li span{ width:60px;display:block;float:left;text-align:center;vertical-align: middle;margin-right:10px;}



#filter_table td

{
	
	padding:5px;
	

}
#filter_table .bedrag

{

	
	

}


#loans_list

{
	background: #fff;
	border-collapse: collapse;
	text-align: left;

}

#loans_list th

{

	font-size: 1em;

	font-weight: normal;

	color: #fff;

	padding: 5px;
background-color:#336EB6;
	border-bottom: 1px solid #000055;
	    background: url(../images/bg_th.png);
    background-repeat: repeat-x;
    height:45px;

}

#loans_list th a

{

	color: #fff;
	text-decoration:underline;



}



#loans_list tr.bank td

{

	border-bottom: 1px solid #006599;
background-color:#EBF5FA;
	color: #006599;

	padding: 6px 8px;
	cursor:pointer;

}
#loans_list tr.user td

{

	border-bottom: 1px solid #009900;

	color: #009900;
	background-color:#EBFAEB;

	padding: 6px 8px;
	cursor:pointer;

}

#loans_list tr.bank td.number   {
background-color:#F0FAFF;
font-size:0.8em;
}
#loans_list tr.user td.number  {
background-color:#F0FFF0;
font-size:0.8em;
}
#loans_list td.clap

{

	font-weight: normal;

	color: #000055;

	padding: 0px;

}
/*table #loans_list td

{


	padding: 0px;

}*/
.kwotiteit {
background-color:#F0FFF0;
font-size:0.8em;
}
.collapse {
padding:0px;
background-color:#eee;
}

.collapse .grafiek{
	text-align:center;


background-color:#F0FFF0;
}
.collapse .grafiek:hover{

background-color:#EBF5FA;
}
.collapse .opmerking{
display:block;
width:590px;
float:left;
padding:0px 0px;

}

.collapse .opmerking span{
width:100%;
display:block;
border-bottom:1px dotted #757F8A;
font-style:italic;
color: #757F8A;
font-size:0.9em;
}
.created_by{
width:100%;
display:block;
border-bottom:1px dotted #757F8A;
font-style:italic;
color: #757F8A;
font-size:0.9em;
}
.signed{
width:100%;
display:block;
border-top:0px dotted #757F8A;

color: #006599;
font-size:0.9em;
padding:3px;
}
#loans_list strong

{

font-size:1.3em;

}

#loans_list  tr.bank:hover  td

{

	color: #EBF5FA;
	background-color:#006599;

}
#loans_list  tr.user:hover  td

{
	background-color: #009900;
	color:#EBFAEB;
	

}
.form td

{



	padding: 5px;

}


#loans_item

{
	text-align: left;

	border-collapse: collapse;
	margin-bottom:10px;


}

#loans_item th

{

font-weight: 100;
text-align: left;
	padding: 5px 10px;
	border-top: 1px solid #ACACB9;
	color: #1F5291;
		
}
#loans_item th.titel

{
	border-right: 0px dotted #ACACB9;
	border-top: 0px solid #ACACB9;
color: #1F5291;
	background-color:#F6F6F6;
	font-weight: 100;
	font-size:1.8em;
	padding: 5px 5px;
	text-align: left;
}

#loans_item td

{

	padding: 5px 10px;

	color: #333;

	border-top: 1px solid #ACACB9;

}




.loanNavigation {margin:0 0 24px 0;background:#009900;
display:table; width:100%;height:100%; font-size:1.1em;}
	
.loanPrevious {
	
	padding-left: 10px;
	line-height: 20px;
	float: left;
	width: auto;
}
.loanNext {
	
	padding-right: 10px;
	line-height: 20px;
	float: right;
	width: auto;
}
.loanNavigation a.loanPrevious {
	background-color: #009900;
	color:#FFFFFF;
	width:45%;
	border:5px solid #009900;
	text-decoration: none;
}
.loanNavigation a:hover.loanPrevious {
	background-color: #5151FF;
	color:#FFFFFF;
	
	border:5px solid #5151FF;

	text-decoration: none;

}
.loanNavigation a.loanNext {background-color: #009900;
	color:#FFFFFF;
	width:45%;
	text-align:right;

	border:5px solid #009900;
	text-decoration: none;
}
.loanNavigation a:hover.loanNext {
	background-color:#5151FF;
	color:#FFFFFF;
	
	border:5px solid #5151FF;

	text-decoration: none;

}

.josc_clear {
    clear:both;
}
.link {text-decoration:underline;
cursor: pointer;}
/* comment boxes */
#Comments ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
}

#Comments ul li.post {
    border: 1px solid #677791;
    margin: 5px 0px;
    padding: 0px;
    background: #FFF;
}


#Comments .postinfo {
    float: right;
}
#Comments ul li.post div.postfooter {
    background-image: url(../images/dot.gif);
    background-repeat: repeat-x;
    padding: 2px 5px;
    clear:both;
    color: #000000;
}
#Comments ul li.post div.postfooter span a {
    color: #135CAE;
    text-decoration: none;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #CCC;
}
#Comments ul li.post div.postfooter span a:hover,
#Comments ul li.post div.postfooter span a:focus {
    color: #0B3768;
    background: none;
    text-decoration: underline;
}

#Comments ul li.post div.posthead {
    padding-bottom: 2px;
    color: #FFFFFF;
    background: transparent url(../images/headcomment.png) repeat scroll 0 0;
    vertical-align: middle;
}

#Comments ul li.post div.postcontent {
    color: #505367;
    background: transparent url(../images/bodycomment.gif) repeat-x scroll 0 0;
    padding: 5px;
}


#Comments ul li.post div span.username {
    background: url(../images/user.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding-left: 21px;
}
#Comments ul li.post div span.username a {
    padding-top: 1px;
    color: #FFFFFF;
}

#Comments .postdate {
    color:#FFFFFF;
    font-size:0.9em;
    font-weight:normal;
    height:20px;
    padding: 0 5px 5px 5px;
    vertical-align:top;
}
a.loansbutton {
    /* Sliding right image */
    background: transparent url('../images/button_right.png') no-repeat scroll top right; 
display: block;
float:left;
height: 30px; 
margin-right: 6px;
padding-right: 20px; 

text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
border:0px;

}
a.loansbutton span {
/* Background left image */ 
background: transparent url('../images/button_left.png') no-repeat; 
display: block;
line-height: 20px; 
padding: 5px 0 5px 18px;
color: #fff;
font-weight:bold;
border:0px;
font-size:1.3em;
} 
a.loansbutton:hover span{
text-decoration:underline;
}

.greenbutton {
/* Background left image */ 
background: transparent url('../images/130greenbutton.png') no-repeat; 
display: block;
line-height: 20px; 
padding: 5px;
color: #fff;
font-weight:bold;
border:0px;
font-size:1.3em;
width:130px;
} 
.buttonwrapper {
padding:10px 0px;
border-bottom: 1px solid #ACACB9;
}


.roundedcornr_box_main {
	background: url(../images/roundedcornr_455420_tl.png) no-repeat top left;
}
.roundedcornr_top_main {
	background: url(../images/roundedcornr_455420_tr.png) no-repeat top right;
}
.roundedcornr_bottom_main {
	background: url(../images/roundedcornr_455420_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_main div {
	background: url(../images/roundedcornr_455420_br.png) no-repeat bottom right;
}
.roundedcornr_content_main {
	background: url(../images/roundedcornr_455420_r.png) top right repeat-y;
}

.roundedcornr_top_main div,.roundedcornr_top_main,
.roundedcornr_bottom_main div, .roundedcornr_bottom_main {
	width: 100%;
	height: 5px;
	font-size: 1px;
}
.roundedcornr_content_main, .roundedcornr_bottom_main {
	margin-top: -4x;
}
.roundedcornr_content_main { padding:  5px; }


.roundedcornr_box_281954 {
	background: url(../images/roundedcornr_281954_tl.png) no-repeat top left;
}
.roundedcornr_top_281954 {
	background: url(../images/roundedcornr_281954_tr.png) no-repeat top right;
}
.roundedcornr_bottom_281954 {
	background: url(../images/roundedcornr_281954_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_281954 div {
	background: url(../images/roundedcornr_281954_br.png) no-repeat bottom right;
}
.roundedcornr_content_281954 {
	background: url(../images/roundedcornr_281954_r.png) top right repeat-y;
}

.roundedcornr_top_281954 div,.roundedcornr_top_281954,
.roundedcornr_bottom_281954 div, .roundedcornr_bottom_281954 {
	width: 100%;
	height: 5px;
	font-size: 1px;
}
.roundedcornr_content_281954, .roundedcornr_bottom_281954 {
	margin-top: -4px;
}
.roundedcornr_content_281954 { padding: 10px; }

.custom-tip {
	color: #000;
	width: 320px;
	z-index: 13000;
	
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background-color:#336EB6;
	border-right: 2px solid #2E496B;
	border-top: 2px solid #EBF1FA;
	border-left: 2px solid #EBF1FA;
	  background: url(../images/bg_th.png);
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #fff;
	color:#336EB6;
	border-bottom: 2px solid #2E496B;
	border-right: 2px solid #2E496B;
	border-left: 2px solid #EBF1FA;
	
}

img.TipsSG { 
    float: right; 
}
p.smallregio{
	font-size: 0.8em;
	margin:0px;
	padding:0px;
	
}