/* TILE STYLES =================================================================== TILE STYLES */

.tile.noAccess { z-index:50;  }
.tile.noAccess .center { }
.tile.noAccess .title { color:#000; }


.tile.yellow1 { background:#ffef66; z-index:50; }
.tile.yellow1 .center { background:#e2ca00; background: -moz-linear-gradient(top, #ffef66, #e2ca00); background: -webkit-gradient(linear, left top, left bottom, from(#ffef66), to(#e2ca00));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.yellow1 .title { color:#000; }
.tile.yellow1:hover .center { background:#ffef66; background: -moz-linear-gradient(top, #e2ca00, #ffef66); background: -webkit-gradient(linear, left top, left bottom, from(#e2ca00), to(#ffef66)); }

.tile.orange1 { background:#ffab6e; z-index:50; }
.tile.orange1 .center { background:#d9742b; background: -moz-linear-gradient(top, #ffab6e, #d9742b); background: -webkit-gradient(linear, left top, left bottom, from(#ffab6e), to(#d9742b));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.orange1:hover .center { background:#ffab6e; background: -moz-linear-gradient(top, #d9742b, #ffab6e); background: -webkit-gradient(linear, left top, left bottom, from(#d9742b), to(#ffab6e));}

.tile.red1 { background:#cf0000; z-index:50; }
.tile.red1 .center { background:#ff3939; background: -moz-linear-gradient(top, #ff3939, #cf0000); background: -webkit-gradient(linear, left top, left bottom, from(#ff3939), to(#cf0000));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.red1:hover .center { background:#ff3939; background: -moz-linear-gradient(top, #ff3939, #cf0000); background: -webkit-gradient(linear, left top, left bottom, from(#cf0000), to(#ff3939)); }
	
.tile.purple1 { background:#c157fe; z-index:50; }
.tile.purple1 .center { background:#9000e2; background: -moz-linear-gradient(top, #c157fe, #9000e2); background: -webkit-gradient(linear, left top, left bottom, from(#c157fe), to(#9000e2));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.purple1:hover .center { background:#c157fe; background: -moz-linear-gradient(top, #9000e2, #c157fe); background: -webkit-gradient(linear, left top, left bottom, from(#9000e2), to(#c157fe)); }



.tile.pink1 { background:#f61fa8; z-index:50; }
.tile.pink1 .center { background:#ff20ae; background: -moz-linear-gradient(top, #ff91d7, #ff20ae); background: -webkit-gradient(linear, left top, left bottom, from(#ff91d7), to(#ff20ae));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.pink1:hover .center { background:#ff20ae; background: -moz-linear-gradient(top, #ff91d7, #ff20ae); background: -webkit-gradient(linear, left top, left bottom, from(#ff20ae), to(#ff91d7)); }

.tile.pink2 { background:#ff2af3; z-index:50; }
.tile.pink2 .center { background:#c000b5; background: -moz-linear-gradient(top, #ff2af3, #c000b5); background: -webkit-gradient(linear, left top, left bottom, from(#ff2af3), to(#c000b5));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.pink2:hover .center { background:#ff2af3; background: -moz-linear-gradient(top, #c000b5, #ff2af3); background: -webkit-gradient(linear, left top, left bottom, from(#c000b5), to(#ff2af3)); }



.tile.blue1 { background:#24cbed; z-index:50; }
.tile.blue1 .center { background:#08a6c6; background: -moz-linear-gradient(top, #24cbed, #08a6c6); background: -webkit-gradient(linear, left top, left bottom, from(#24cbed), to(#08a6c6));
					  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.blue1:hover .center { background:#24cbed; background: -moz-linear-gradient(top, #08a6c6, #24cbed); background: -webkit-gradient(linear, left top, left bottom, from(#08a6c6), to(#24cbed)); }

.tile.blue2 { background:#3798be; z-index:50; }
.tile.blue2 .center { background:#0e6789; background: -moz-linear-gradient(top, #3798be, #0e6789); background: -webkit-gradient(linear, left top, left bottom, from(#3798be), to(#0e6789));
					  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.blue2:hover .center { background:#3798be; background: -moz-linear-gradient(top, #0e6789, #3798be); background: -webkit-gradient(linear, left top, left bottom, from(#0e6789), to(#3798be)); }

.tile.blue3 { background:#c5eff8; z-index:50; }
.tile.blue3 .center { background:#60d1e8; background: -moz-linear-gradient(top, #c5eff8, #60d1e8); background: -webkit-gradient(linear, left top, left bottom, from(#c5eff8), to(#60d1e8));
					  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.blue3:hover .center { background:#60d1e8; background: -moz-linear-gradient(top, #60d1e8, #c5eff8); background: -webkit-gradient(linear, left top, left bottom, from(#60d1e8), to(#c5eff8)); }
.tile.blue3 .title { color:#116172; }

.tile.blue4 { background:#3cb0c8; z-index:50; }
.tile.blue4 .center { background:#3cb0c8; background: -moz-linear-gradient(top, #3cb0c8, #268ba0); background: -webkit-gradient(linear, left top, left bottom, from(#3cb0c8), to(#268ba0));
					  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.blue4:hover .center { background:#3cb0c8; background: -moz-linear-gradient(top, #268ba0, #3cb0c8); background: -webkit-gradient(linear, left top, left bottom, from(#268ba0), to(#3cb0c8)); }

.tile.green1 { background:#d3ff4b; z-index:50; }
.tile.green1 .center { background:#89ae15; background: -moz-linear-gradient(top, #d3ff4b, #89ae15); background: -webkit-gradient(linear, left top, left bottom, from(#d3ff4b), to(#89ae15));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.green1:hover .center { background:#d3ff4b; background: -moz-linear-gradient(top, #89ae15, #d3ff4b); background: -webkit-gradient(linear, left top, left bottom, from(#89ae15), to(#d3ff4b)); }

.tile.green2 { background:#3cd48f; z-index:50; }
.tile.green2 .center { background:#0d8d53; background: -moz-linear-gradient(top, #3cd48f, #0d8d53); background: -webkit-gradient(linear, left top, left bottom, from(#3cd48f), to(#0d8d53));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.green2:hover .center { background:#3cd48f; background: -moz-linear-gradient(top, #0d8d53, #3cd48f); background: -webkit-gradient(linear, left top, left bottom, from(#0d8d53), to(#3cd48f)); }

.tile.green3 { background:#a6d083; z-index:50; }
.tile.green3 .center { background:#0d8d53; background: -moz-linear-gradient(top, #a6d083, #86c352); background: -webkit-gradient(linear, left top, left bottom, from(#a6d083), to(#86c352));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.green3:hover .center { background:#3cd48f; background: -moz-linear-gradient(top, #86c352, #a6d083); background: -webkit-gradient(linear, left top, left bottom, from(#86c352), to(#a6d083)); }
.tile.green3 .title { color:#2f5410; }

.tile.beige1 { background:#f3e271; z-index:50; }
.tile.beige1 .center { background:#ecd781; background: -moz-linear-gradient(top, #f4f8cd, #ecd781); background: -webkit-gradient(linear, left top, left bottom, from(#f4f8cd), to(#ecd781));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.beige1:hover .center { background:#f4f8cd; background: -moz-linear-gradient(top, #ecd781, #f4f8cd); background: -webkit-gradient(linear, left top, left bottom, from(#ecd781), to(#f4f8cd)); }
.tile.beige1 .title { color:#000; }

.tile.white1 { background:#FFFFFF; z-index:50; }
.tile.white1 .center { background:#d5d5d5; background: -moz-linear-gradient(top, #FFFFFF, #d5d5d5); background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d5d5d5));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.white1:hover .center { background:#FFFFFF; background: -moz-linear-gradient(top, #d5d5d5, #FFFFFF); background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#FFFFFF)); }
.tile.white1 .title { color:#000; }

.tile.grey1 { background:#b2b2b2; z-index:50; }
.tile.grey1 .center { background:#777777; background: -moz-linear-gradient(top, #b2b2b2, #777777); background: -webkit-gradient(linear, left top, left bottom, from(#b2b2b2), to(#777777));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.grey1:hover .center { background:#b2b2b2; background: -moz-linear-gradient(top, #777777, #b2b2b2); background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#b2b2b2)); }

.tile.black1 { background:#404040; z-index:50; }
.tile.black1 .center { background:#000000; background: -moz-linear-gradient(top, #585858, #000000); background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#000000));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.black1:hover .center { background:#000000; background: -moz-linear-gradient(top, #000000, #585858); background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#585858));}


/* TAALFONTEIN STYLES */
.tile.group1tf { background:#d71a21; z-index:50; }
.tile.group1tf .center { background:#fa4249; background: -moz-linear-gradient(top, #fa4249, #d71a21); background: -webkit-gradient(linear, left top, left bottom, from(#fa4249), to(#d71a21));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group1tf:hover .center { background:#d71a21; background: -moz-linear-gradient(top, #d71a21, #fa4249); background: -webkit-gradient(linear, left top, left bottom, from(#d71a21), to(#fa4249));}

.tile.group2tf { background:#169124; z-index:50; }
.tile.group2tf .center { background:#32bd42; background: -moz-linear-gradient(top, #32bd42, #169124); background: -webkit-gradient(linear, left top, left bottom, from(#32bd42), to(#169124));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group2tf:hover .center { background:#169124; background: -moz-linear-gradient(top, #169124, #32bd42); background: -webkit-gradient(linear, left top, left bottom, from(#169124), to(#32bd42));}

.tile.group3tf { background:#385da1; z-index:50; }
.tile.group3tf .center { background:#5378bd; background: -moz-linear-gradient(top, #5378bd, #385da1); background: -webkit-gradient(linear, left top, left bottom, from(#5378bd), to(#385da1));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group3tf:hover .center { background:#385da1; background: -moz-linear-gradient(top, #385da1, #5378bd); background: -webkit-gradient(linear, left top, left bottom, from(#385da1), to(#5378bd));}

.tile.group4tf { background:#cc5715; z-index:50; }
.tile.group4tf .center { background:#ea7532; background: -moz-linear-gradient(top, #ea7532, #cc5715); background: -webkit-gradient(linear, left top, left bottom, from(#ea7532), to(#cc5715));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group4tf:hover .center { background:#cc5715; background: -moz-linear-gradient(top, #cc5715, #ea7532); background: -webkit-gradient(linear, left top, left bottom, from(#cc5715), to(#ea7532));}

.tile.group5tf { background:#af006d; z-index:50; }
.tile.group5tf .center { background:#d40084; background: -moz-linear-gradient(top, #d40084, #af006d); background: -webkit-gradient(linear, left top, left bottom, from(#d40084), to(#af006d));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group5tf:hover .center { background:#af006d; background: -moz-linear-gradient(top, #af006d, #d40084); background: -webkit-gradient(linear, left top, left bottom, from(#af006d), to(#d40084));}

.tile.group6tf { background:#008680; z-index:50; }
.tile.group6tf .center { background:#00a79f; background: -moz-linear-gradient(top, #00a79f, #008680); background: -webkit-gradient(linear, left top, left bottom, from(#00a79f), to(#008680));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group6tf:hover .center { background:#008680; background: -moz-linear-gradient(top, #008680, #00a79f); background: -webkit-gradient(linear, left top, left bottom, from(#008680), to(#00a79f));}

.tile.group7tf { background:#ecb000; z-index:50; }
.tile.group7tf .center { background:#ffbe00; background: -moz-linear-gradient(top, #ffbe00, #ecb000); background: -webkit-gradient(linear, left top, left bottom, from(#ffbe00), to(#ecb000));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group7tf:hover .center { background:#ecb000; background: -moz-linear-gradient(top, #ecb000, #ffbe00); background: -webkit-gradient(linear, left top, left bottom, from(#ecb000), to(#ffbe00));}

.tile.group8tf { background:#95a102; z-index:50; }
.tile.group8tf .center { background:#b9c70a; background: -moz-linear-gradient(top, #b9c70a, #95a102); background: -webkit-gradient(linear, left top, left bottom, from(#b9c70a), to(#95a102));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group8tf:hover .center { background:#95a102; background: -moz-linear-gradient(top, #95a102, #b9c70a); background: -webkit-gradient(linear, left top, left bottom, from(#95a102), to(#b9c70a));}

/* SCHRIJFFONTEIN STYLES */
.tile.group1sf { background:#cc5715; z-index:50; }
.tile.group1sf .center { background:#ea7532; background: -moz-linear-gradient(top, #ea7532, #cc5715); background: -webkit-gradient(linear, left top, left bottom, from(#ea7532), to(#cc5715));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group1sf:hover .center { background:#cc5715; background: -moz-linear-gradient(top, #cc5715, #ea7532); background: -webkit-gradient(linear, left top, left bottom, from(#cc5715), to(#ea7532));}

.tile.group2sf { background:#cc5715; z-index:50; }
.tile.group2sf .center { background:#ea7532; background: -moz-linear-gradient(top, #ea7532, #cc5715); background: -webkit-gradient(linear, left top, left bottom, from(#ea7532), to(#cc5715));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group2sf:hover .center { background:#cc5715; background: -moz-linear-gradient(top, #cc5715, #ea7532); background: -webkit-gradient(linear, left top, left bottom, from(#cc5715), to(#ea7532));}

.tile.group3sf { background:#169124; z-index:50; }
.tile.group3sf .center { background:#32bd42; background: -moz-linear-gradient(top, #32bd42, #169124); background: -webkit-gradient(linear, left top, left bottom, from(#32bd42), to(#169124));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group3sf:hover .center { background:#169124; background: -moz-linear-gradient(top, #169124, #32bd42); background: -webkit-gradient(linear, left top, left bottom, from(#169124), to(#32bd42));}

.tile.group4sf { background:#385da1; z-index:50; }
.tile.group4sf .center { background:#5378bd; background: -moz-linear-gradient(top, #5378bd, #385da1); background: -webkit-gradient(linear, left top, left bottom, from(#5378bd), to(#385da1));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group4sf:hover .center { background:#385da1; background: -moz-linear-gradient(top, #385da1, #5378bd); background: -webkit-gradient(linear, left top, left bottom, from(#385da1), to(#5378bd));}

.tile.group5sf { background:#af006d; z-index:50; }
.tile.group5sf .center { background:#d40084; background: -moz-linear-gradient(top, #d40084, #af006d); background: -webkit-gradient(linear, left top, left bottom, from(#d40084), to(#af006d));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group5sf:hover .center { background:#af006d; background: -moz-linear-gradient(top, #af006d, #d40084); background: -webkit-gradient(linear, left top, left bottom, from(#af006d), to(#d40084));}

.tile.group6sf { background:#008680; z-index:50; }
.tile.group6sf .center { background:#00a79f; background: -moz-linear-gradient(top, #00a79f, #008680); background: -webkit-gradient(linear, left top, left bottom, from(#00a79f), to(#008680));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group6sf:hover .center { background:#008680; background: -moz-linear-gradient(top, #008680, #00a79f); background: -webkit-gradient(linear, left top, left bottom, from(#008680), to(#00a79f));}

.tile.group7sf { background:#ecb000; z-index:50; }
.tile.group7sf .center { background:#ffbe00; background: -moz-linear-gradient(top, #ffbe00, #ecb000); background: -webkit-gradient(linear, left top, left bottom, from(#ffbe00), to(#ecb000));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group7sf:hover .center { background:#ecb000; background: -moz-linear-gradient(top, #ecb000, #ffbe00); background: -webkit-gradient(linear, left top, left bottom, from(#ecb000), to(#ffbe00));}

.tile.group8sf { background:#95a102; z-index:50; }
.tile.group8sf .center { background:#b9c70a; background: -moz-linear-gradient(top, #b9c70a, #95a102); background: -webkit-gradient(linear, left top, left bottom, from(#b9c70a), to(#95a102));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.group8sf:hover .center { background:#95a102; background: -moz-linear-gradient(top, #95a102, #b9c70a); background: -webkit-gradient(linear, left top, left bottom, from(#95a102), to(#b9c70a));}


/* LOCKED STYLES */
.tile.orange1Locked { background:#ffab6e; z-index:50; }
.tile.orange1Locked .center { background:#d9742b; background: -moz-linear-gradient(top, #ffab6e, #d9742b); background: -webkit-gradient(linear, left top, left bottom, from(#ffab6e), to(#d9742b));
						box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

.tile.blue1Locked { background:#24cbed; z-index:50; }
.tile.blue1Locked .center { background:#08a6c6; background: -moz-linear-gradient(top, #24cbed, #08a6c6); background: -webkit-gradient(linear, left top, left bottom, from(#24cbed), to(#08a6c6));
					  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

.tile.green1Locked { background:#d3ff4b; z-index:50; }
.tile.green1Locked .center { background:#89ae15; background: -moz-linear-gradient(top, #d3ff4b, #89ae15); background: -webkit-gradient(linear, left top, left bottom, from(#d3ff4b), to(#89ae15));
					   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
					   
/* TILE WIDGETS ================================================================= TILE WIDGETS */
/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffab6e, EndColorStr=#d9742b);*/

/* ZOEK WIDGET ==================================================================== ZOEK WIDGET*/
.tile.zoekWidget { z-index:100; background:#268ba0; width:278px; height:136px; }
.tile.zoekWidget .center { background:#3cb0c8;
						   background: -moz-linear-gradient(top, #3cb0c8, #268ba0);
						   background: -webkit-gradient(linear, left top, left bottom, from(#3cb0c8), to(#268ba0));
						   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
						   
/* LOGIN WIDGET ================================================================== LOGIN WIDGET*/
/*BLAUW*/
.tile.loginWidget { background:#268ba0; width:420px; height:278px; z-index:50; }
.tile.loginWidget .center { background:#3cb0c8;
						   background: -moz-linear-gradient(top, #3cb0c8, #268ba0);
						   background: -webkit-gradient(linear, left top, left bottom, from(#3cb0c8), to(#268ba0));
						   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.loginWidget #loginLayer { position:absolute; left:10px; right:10px; top:10px; bottom:10px; }
.tile.loginWidget #loginLayer h1 { font-size:18px; color:#FFF; padding:0px 0px 5px 0px; }
.tile.loginWidget #loginLayer .inputHolder { margin:0px 16px 20px 0; }
.tile.loginWidget #loginLayer .inputHolder input[type="text"] { padding:6px 8px 6px 8px; background:rgba(255,255,255,.8); width:100%; font-size:18px;
	border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.75) inset; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; }
.tile.loginWidget #loginLayer .inputHolder input[type="password"] { padding:6px 8px 6px 8px; background:rgba(255,255,255,.8); width:100%; font-size:18px;
	border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.75) inset; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; }
.tile.loginWidget #loginLayer .inputHolder .errorMessageStyle { color:#fffeaa; margin-top:15px; font-size:14px; font-weight:bold; }
.tile.loginWidget #loginLayer .inputHolder input[type="submit"] { border:#FFF solid 1px; padding:10px; background:#85dbea; font-weight:bold;
						   background: -moz-linear-gradient(top, #85dbea, #4fb9cb);
						   background: -webkit-gradient(linear, left top, left bottom, from(#85dbea), to(#4fb9cb));
						   box-shadow:0px 1px 3px rgba(0,0,0,.75); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.75); -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.75); }
.tile.loginWidget #loginLayer .passwordOptions { display:inline-block; margin:0 0 0 10px; font-weight:bold; color:#FFFFFF; }
.tile.loginWidget #loginLayer .passwordOptions a { color:inherit; }
/*GREEN*/
.tile.loginWidget.green { background:#4e8023; }
.tile.loginWidget.green .center { background:#77b740;
						   background: -moz-linear-gradient(top, #77b740, #4e8023);
						   background: -webkit-gradient(linear, left top, left bottom, from(#77b740), to(#4e8023)); }
.tile.loginWidget.green #loginLayer .inputHolder .errorMessageStyle { color:#fffeaa; }
.tile.loginWidget.green #loginLayer .inputHolder input[type="submit"] { background:#a6d082;
						   background: -moz-linear-gradient(top, #a6d082, #8cb667);
						   background: -webkit-gradient(linear, left top, left bottom, from(#a6d082), to(#8cb667));}


/* LOGIN WIDGET ================================================================== LOGIN WIDGET*/
/*BLAUW*/
.tile.pincodeWidget { background:#268ba0; width:136px; height:136px; z-index:50; }
.tile.pincodeWidget .center { background:#3cb0c8;
						   background: -moz-linear-gradient(top, #3cb0c8, #268ba0);
						   background: -webkit-gradient(linear, left top, left bottom, from(#3cb0c8), to(#268ba0));
						   box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.tile.pincodeWidget #pincodeLayer { position:absolute; left:10px; right:5px; top:5px; bottom:5px; }
.tile.pincodeWidget #pincodeLayer h1 { font-size:14px; color:#FFF; padding:0px 0px 2px 0px; }
.tile.pincodeWidget #pincodeLayer .inputHolder { margin:0px 16px 5px 0; }
.tile.pincodeWidget #pincodeLayer .inputHolder input[type="text"] { padding:4px 8px 4px 8px; background:rgba(255,255,255,.8); width:100%;
	border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.75) inset; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; }
.tile.pincodeWidget #pincodeLayer .inputHolder input[type="password"] { padding:4px 8px 4px 8px; background:rgba(255,255,255,.8); width:100%;
	border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.75) inset; -webkit-box-shadow:0px 1px 5px rgba(0,0,0,.75) inset; }
.tile.pincodeWidget #pincodeLayer .inputHolder input[type="submit"] { border:#FFF solid 1px; padding:4px 10px; background:#85dbea; font-weight:bold;
						   background: -moz-linear-gradient(top, #85dbea, #4fb9cb);
						   background: -webkit-gradient(linear, left top, left bottom, from(#85dbea), to(#4fb9cb));
						   box-shadow:0px 1px 3px rgba(0,0,0,.75); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.75); -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.75); }
.tile.pincodeWidget #pincodeLayer .inputHolder .errorMessageStyle { color:#fffeaa; font-size:12px; font-weight:bold; }
/*GREEN*/
.tile.pincodeWidget.green { background:#4e8023; }
.tile.pincodeWidget.green .center { background:#77b740;
						   background: -moz-linear-gradient(top, #77b740, #4e8023);
						   background: -webkit-gradient(linear, left top, left bottom, from(#77b740), to(#4e8023)); }
.tile.pincodeWidget.green #pincodeLayer .inputHolder .errorMessageStyle { color:#fffeaa; }
.tile.pincodeWidget.green #pincodeLayer .inputHolder input[type="submit"] { background:#a6d082;
						   background: -moz-linear-gradient(top, #a6d082, #8cb667);
						   background: -webkit-gradient(linear, left top, left bottom, from(#a6d082), to(#8cb667));}

/* =================================================================== */