/*
	------------------------------------------------------------
	algemene styles 
	------------------------------------------------------------
*/

/* button */
div.button {
 text-align:left;
 background-color:#485F90;
 border-bottom: 2px outset #0B1560;
 border-right: 2px outset #0B1560;
 border-left: 2px outset #FFFFFF;
 border-top: 2px outset #FFFFFF;
 padding-bottom: 1px;
 padding-left: 1px;
 padding-right: 1px;
 padding-top: 1px;
 margin-top:-1px;
 font-family: Verdana;
 font-size:10px;
 line-height:13px;
 font-weight:bold;
 color:#FFFFFF;
 behavior:url(../css/hover.htc);
 margin-right:5px;
 width:75px;
 float:left;
 text-align:center;
}
div.button:hover, div.button.hover {
 cursor:pointer;
 background-color:#FF8C40;
}


div.message{
	margin-bottom:30px;
}


img.border{
	border:1px solid black;
}

img.ml{
	margin-left:10px;
}
img.mr{
	margin-right:10px;
}
img.mt{
	margin-top:10px;
}
img.mb{
	margin-bottom:10px;
}

img.popup{
	cursor:pointer;
}

div.printContent{
	background-image: url(../images/shared/icon_print.jpg);
	background-repeat : no-repeat;
	background-position : left;
	text-indent : 25px;
	height:20px;
	padding-top:5px;
}


<!-- error message -->
div.error-title{
	text-transform:normal;
	font-weight:bold;
	color:#0B2A6B;
	margin-bottom:5px;
}

div.error-message{
}

div.no-messages-available{
	font-weight:bold;
	color:#0B2A6B;
	margin-bottom:5px;
}

<!-- styles voor de database acties: links wijzigen en verwijderen -->
a.message-actions{
	text-decoration:none;
	text-decoration:underline;
	margin-right:10px;
	color:#485F90;
}

a.message-actions:hover{
	text-decoration:underline;
	color:#FF8C40;
}

a.messageActions{
	text-decoration:none;
	text-decoration:underline;
	margin-right:10px;
	color:#485F90;
}

a.messageActions:hover{
	text-decoration:underline;
	color:#FF8C40;
}


/*
	------------------------------------------------------------
	styles die alleen gelden voor linker kolom EN rechterkolom
	------------------------------------------------------------
*/
div.page div.columns div.a, div.page div.columns div.c{
	padding-top:24px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

div.page div.columns div.a p, div.page div.columns div.c p{
	padding:0px;
	margin:0px;
	margin-top:2px;
	margin-bottom:8px;
}

/* message */
div.page div.columns div.a div.message, div.page div.columns div.c div.message{
	width:200px;
}

/* image link */
div.page div.columns div.a div.imageLink, div.page div.columns div.c div.imageLink{
	width:200px;
	padding-bottom:20px;
}

div.page div.columns div.a div.imageLink div.image, div.page div.columns div.c div.imageLink div.image{
	text-align:center;
}

div.page div.columns div.a div.imageLink div.title, div.page div.columns div.c div.imageLink div.title{
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	text-transform : uppercase;
}


/*
	------------------------------------------------------------
	styles die alleen gelden voor linker kolom
	------------------------------------------------------------
*/
div.page div.columns div.a div.message h2{
	background-image :   url(../images/shared/bg_message_title_blue.gif);
	background-repeat : no-repeat;
	margin:auto;
	text-transform : none;
	color:black;
	font-weight:bold;
	padding:4px;
	padding-left:8px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	margin:0px;
}

/*
	------------------------------------------------------------
	styles die alleen gelden voor rechter kolom
	------------------------------------------------------------
*/
div.page div.columns div.c div.message h2{
	background-image :   url(../images/shared/bg_message_title_orange.gif);
	background-repeat : no-repeat;
	text-transform : none;
	color:black;
	font-weight:bold;
	font-size:10px;
	padding:4px;
	padding-left:8px;
	margin:0px;
}

/*
	------------------------------------------------------------
	styles die alleen gelden voor middelste kolom
	------------------------------------------------------------
*/
/* message */
div.page div.columns div.b div.message{
	margin-bottom:40px;
}

div.page div.columns div.b div.message h2 div.special
{
	background-color:#ECCFB7;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

div.page div.columns div.message div.date{
	font-size:9px;
	color:#807F7F;
	display:none;
}

div.page div.columns div.b div.message div.content div.special
{
	background-color:#ECCFB7;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}