/* Laatst bewerkt voor versie: 2.4.04 */



/*
--======================================================================================--
-- SETTINGS: Change URL-- 
------------------------------------------------------------------------------------------
*/
/* GridMini mainly rechter zijbalk */
Table.GridMini { background:url(http://www.bos-dlo.nl/images/gridminitopbground.gif) right top no-repeat; }
Table.GridMini DIV.fill { background:url(http://www.bos-dlo.nl/images/gridminibottombground_left.gif) bottom left no-repeat; }
Table.GridMini TD.gridEven { background:url(http://www.bos-dlo.nl/images/gridminibottombground.gif) bottom right no-repeat; }
Table.GridMini .GridMiniTop { background:url(http://www.bos-dlo.nl/images/gridminitopbground_left.gif)  left top no-repeat; }

.sectionNr { background:url(http://www.bos-dlo.nl/images/sectionNrBground.gif) center right no-repeat; }
.xCheckBox { background-image:url("http://www.bos-dlo.nl/images/checkboxOFF.gif"); }
.xCheckBoxDown { background-image:url("http://www.bos-dlo.nl/images/checkbox.gif") !important; }
.xCheckBoxDefault { background-image:url("http://www.bos-dlo.nl/images/checkboxDefaultOFF.gif") !important; }
.xCheckBoxDefaultChecked { background-image:url("http://www.bos-dlo.nl/images/checkboxDefault.gif") !important; }

#divRankStars DIV { background-image:url(http://www.bos-dlo.nl/ images/rankStar.gif); }

/* Linker zijbalk bij deelnemer, trainer, auteur, beheerder */
#divFunctions.LinkColor { background: url('http://www.bos-dlo.nl/images/sidebarbg.jpg') top left repeat-x; }


/*
--======================================================================================--
-- EASY SETTINGS: The Four Colors -- 
------------------------------------------------------------------------------------------
 1. Primary color:   #4D2541  Text-color 1: #FFF
 2. Secundary color: #48AEA4  Text-color 2: #FFF
 3. -
 4. Text background color 1: #EBE9EA (grijs)
 5. Text background color 2: #EAEAEA (beige)
*/ 

/* Color 1 */
Table.GridMini  /* Comment out if images are used on participant homescreen, right sidebar */
	{ border: 1px solid #4D2541; }

Table.GridMini .GridMiniTop,	/* Comment out if images are used on homescreen, right sidebar */
	.GridOverviewTop,
	.InfoTableTop,
	.GridFunctionMini .GridSelected,
	#divShowAgenda .GridName,
	#divOpdrachten .GridName,
	#divCurrent .GridName
	{ background: #4D2541; }
/*Table.GridMini { background-color: #4D2541; }	*/	/* Uncomment if images are used on homescreen, right sidebar */

a, a:link, a:visited, a:active,
	#divCurrent .GridInfo, #divCurrent .GridInfoOdd
	{ color: #4D2541; }
	
/* Text-color 1 */
Table.GridMini .GridMiniTop,
	.GridOverviewTop,
	.InfoTableTop,
	.GridFunctionMini .GridSelected,
	#divShowAgenda .GridName
	{ color: #FFF; }

/* Color 2 */
.GridName,
	.TopDark,
	.GridOverview .GridSelected,
	.GridImg
	{ background: #48AEA4; }

.GridBlock,
	.FeedbackBox,
	.GridGroup
	{ border-color: #48AEA4; }
	
/* Text-color 2 */
.GridName,
	.TopDark
	{ color: #FFF; }
	
/* Color 4 */
Table.GridMini,
	.FeedbackBox
	{ background: #EBE9EA; }

/* Color 5 */
.LinkColor,
	.GridOdd,
	.GridInfoOdd,
	.GridInfoOddNoBorder
	{ background-color: #EAEAEA; }
/*
--======================================================================================--
-- BACKWORDS COMPATIBILITY: new styles that were not used in old skins -- 
------------------------------------------------------------------------------------------
*/

A { font-weight:bold; text-decoration:none; }	
A:hover { text-decoration:underline; }

.GridMini TD { border-bottom:none; }
.GridMini .GridEven { border-bottom:none; }
Table.GridMini DIV.fill { padding:0; }
Table.GridMini TD.gridEven { padding:8px; }
/* Correct for participant homescreen, right sidebar when using images for corners */
#divNieuws Table.GridMini TD.gridEven { padding:0; }
#divNieuws Table.GridMini TD.gridEven .fill { padding:8px; }

/* Grids, default layout */
.Grid a, .Grid a:link, .Grid a:visited, .Grid a:active,
	.TopLight a, .TopLight a:link, .TopLight a:visited, .TopLight a:active,
	.GridName a, .GridName a:link, .GridName a:visited, .GridName a:active,
	.GridWide a, .GridWide a:link, .GridWide a:visited, .GridWide a:active,
	.GridOverview a, .GridOverview a:link, .GridOverview a:visited, .GridOverview a:active
	{ font-weight:normal; text-decoration:none; }	

.Grid a:hover,
	.TopLight a:hover,
	.GridName a:hover,
	.GridWide a:hover,
	.GridOverview a:hover
	{ text-decoration:underline; }
	
.Info { border-top:gray 1px solid; line-height:16px;}

/*
--======================================================================================--
-- EASY SETTINGS: Instellingen -- 
------------------------------------------------------------------------------------------
*/
/* - Deelnemer, Trainer, Auteur: Uncomment voor afbeelding in linker zijbalk op hoofdscherm */
/* #divFunctions.LinkColor { background-color:transparent; } */

/* - Deelnemer, Trainer, Auteur: Uncomment om iconen los van de balken te krijgen in de middenkolom */
/*#frmMain #divPersonal table tr.TitleRow td.GridImg,
	#frmMain #divPersonal table tr.TitleRow td.GridName
	{ background:transparent; padding-right:5px; }
#frmMain #divPersonal table tr.TitleRow td.GridImg  IMG,
	#frmMain #divPersonal table tr.TitleRow td.GridName IMG 
	{ position:relative; top:5px; }
*/

/* - Deelnemer: Uncomment om titelbalken een witte achtergrond te geven */
/*#ShowModule H1#divTitel,
	#ShowEducation #divTitel ,
	#Bibliotheek #divTitel,
	#Bericht #divTitel,
	#MyRooster #divTitel,
	#MyPortfolio #divTitel,
	#MyProfile #divTitel
	{ background:transparent; color: #8C3175; }
	
#ShowModule  div.TopDark,
	#ShowEducation  div.TopDark,
	#Bibliotheek #imgTitel,
	#Bericht #imgTitel,
	#MyRooster #imgTitel,
	#MyPortfolio #imgTitel,
	#MyProfile #imgTitel
	{ background:white; }
*/

/* - Deelnemer: Aanpassing voor tekstkleur in linker zijbalk (bij gebruik van afbeelding) */
/* #divFunctions.LinkColor { color:#000; } */

/* - Deelnemer: Aanpassing voor tekstkleur in scherm opleidingen, geselecteerd blokje */
/* #divShowEducation .GridSelected A { color: white; }  */

/* - Deelnemer, Trainer, Auteur: Uncomment voor gebruik van afbeeldingen voor hoekjes in rechter zijbalk */
#divNieuws TABLE { border:none !important; }

/* - Loginpagina afbeelding */
.home { background: url(http://www.bos-dlo.nl/images/loginpage.jpg) no-repeat; }