/******************************
 *           Images           *
 ******************************/
/* Smile software logo */
#smileLogo {
	background-image: url(../../images/logo_smile.png);
	width: 36px;
	height: 57px;
}

/* BeSmile */
#centerHeader {
	background-image: url("../../images/BeSmile.png");
	background-position: right top;
	background-repeat: no-repeat;
}

.changed,
.changed a{
	background-color: #CCFFCC;
	color: #000000;
}
.notvalid,
.notvalid a {
	background-color: #FFCCCC;
	color: #000000;
}

/******************************
 *           Colors           *
 ******************************/
.whiteOnDarkBlue {
	background-color: #00659C;
	color:#FFFFFF;
}

.whiteOnLightBlue {
	background-color:#5BA4D0;
	color:#FFFFFF;
}

.whiteOnDarkBlue a,.whiteOnLightBlue a {
	color:#FFFFFF;
}

.blackOnLightestBlue {
	background-color: #D5E6F2;
	color: #000000;
}

.blackOnWhite {
	background-color: white;
	color: #000000;
}

a {
	color:#003366;
}

.disabled,
.readonly {
	background-color: transparent;
	border: 0px;
}

label.required {
	font-weight: bold;
}

label.disabled {
	background-color: transparent;
	color: #999999;
}

.tooltip {
	padding: 5px;
	border: 1px solid #CCC;
}

/******************************
 *           Tables           *
 ******************************/
.odd {
	background-color: #E5E5E5;
}

.even {
	background-color: #EFEFEF;
}

.smiletable tr.readonly td {
	color: #888;
}

.mouseover {
	background-color: #FFFFFF;
}

th,
.smiletable thead tr {
	background-color: white;
}

.UnRead {
	font-weight: bold;
}


/******************************
 *    Smiletree (manager)     *
 ******************************/

.selectedOption, 
.smiletree .selected {
	background: #EEE;
}

/******************************
 *          Lijsten           *
 ******************************/
.memofield ul, .memofield ol{
	padding-left: 1.5em;
}