.CalendarField { float: left; }

.CalendarField .grid	{
	width:100%; height:100%; cursor:default; text-align:center;
}

.CalendarField span	{
	display:block; float:left; width:12.8%; height:8%; padding:1.8% 0; background:#eee; margin:1px 1px 0 0; border:1px solid #eee;
	color:#777; line-height:138%; font-size:11px; 
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}

.CalendarField .header	{
	width:98.6%; height:14.8%; background:#4a4a4a;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField .header .arrow	{
	height:100%; width:14%; cursor:pointer;
}
.CalendarField .header .arrow:hover	{ opacity:0.68; }
.CalendarField .header .arrow.left		{
	float:left; background: url(http://central.onedotonly.be/style/form/arr.l.white.png) no-repeat center;
}
.CalendarField .header .arrow.right	{
	float:right;  background: url(http://central.onedotonly.be/style/form/arr.r.white.png) no-repeat center;
}
.CalendarField .header .month	{
	float:left; height:100%; width:72%; cursor:pointer;
	color:#eee; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; line-height:28px;
}

.CalendarField .days	{ width:100%; height:10%; }
.CalendarField .days span	{
	height:100%; padding:0; background: #CBC7BF; border-color:#CBC7BF;
	font-family:georgia, serif; font-style:italic; color:white;
}

.CalendarField span.blur	{ opacity:0.38; }
.CalendarField span.active	{
	background:white; cursor:pointer; border-color:white;
	color:#333; font-weight:bold;
}
.CalendarField span.blur.active	{ background:#eee; }
.CalendarField span:hover	{
	opacity:1;
	color:#8F6917;
}
.CalendarField span.today	{
	background:#8F6917 !important; 
	color:white;
}

/* MINI */
.CalendarField.mini	{
	width:428px; height:178px; padding:24px 10px 2px;
}

.CalendarField.mini .grid	{
	margin-left:48%; width:52%;
}

/* BIG */
.CalendarField.big	{
	width:520px !important; height:360px; padding:24px 10px;
}

.CalendarField.big .grid	{
	width:100%;
}

.CalendarField.big .header	{
	width:98,2%; height:12%; background:#4a4a4a;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField.big .header .month	{
	font-size:16px; line-height:36px;
}
.CalendarField.big span	{
	width:13.5%; height:8%; padding:1.6% 0; 
}
.CalendarField.big span.node	{
	background:#e9e9e9; border-color:#e9e9e9;
	line-height:240%; font-size:12px;
}
.CalendarField.big span.node:hover	{
	border-color:#ccc;
}
.CalendarField.big span.active:hover	{
	background:white;
}
.CalendarField.big span.active	{
	background:#f9f9f9; border-color:#ddd;
}

.CalendarField.big .days	{ height:5.2%; }
.CalendarField.big .days span	{ height:100%; }

/*REACT:INFO*/
.CalendarField .info	{
	width:38%; margin:0 2% 0 0; padding:4%; height:92%; background:white; float:left;
	color:#777; font-size:11px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}
.CalendarField .info h1	{ margin:0; }
.CalendarField .info ul	{
	margin:10px 0 0; padding:0; list-style:none;
	font-color:#ccc; line-height:13px;
}
.CalendarField .info li	{ padding:2px 0; }
.CalendarField .info ul strong	{
	display:block; color:#4a4a4a;
}

/*REACT:MULTI*/
.CalendarField .multi	{
	position:absolute; padding:12px; background:#4a4a4a; border:1px solid white; list-style: none;
	color:#999; font-size:11px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0, 0.32); -webkit-box-shadow: 0 2px 4px rgba(0,0,0, 0.32);
}
.CalendarField .multi li	{
	line-height:15px; padding:3px 0;
}
.CalendarField .multi a	{
	color:white; font-size:12px; font-weight:bold;
}
.CalendarField .multi a.bio	{
	padding:0 4px; background:#222;
	color:#4a4a4a; font-size:10px; font-weight:normal; font-family:georgia, serif; font-style:italic;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}











/*////////////////////////// DEPRECATED ////////////////////////////*/

.refcal.multi	{
	width:520px; padding:26px 24px 2px;
}
.refcal.multi table	{
	width:520px;
}
.refcal.multi td	{
	height:42px; border:1px solid #ddd; background:#ddd;
	font-size: 14px;
}
.refcal.multi .cheader td	{
	height:32px; background:#333; border:none; font-size:16px; 
}
.refcal.multi .cheader td:hover, .refcal.multi .cfirst td:hover	{
	border:none; color:white; 
}
.refcal.multi .cfirst td	{
	font-size:10px; height:24px; border:none; background:#CBC7BF;
}
.refcal.multi .active	{
	background:white;
}
.refcal.multi td.now	{
	background:#bbb; border:#999 1px dotted; font-size:17px;
}
.refcal.multi td:hover	{
	border:#aaa 1px solid;
}
.TextForm { min-height: 35px; }

.TextForm form {
	margin:8px 0;
}

.TextForm span.auth { display: block; float: left; }
.TextForm input#logout { display: block; float: right; margin: 0px; padding: 0px 2px 3px; }
.TextForm input#logout:hover { cursor: pointer; }
.TextForm p.logout { display: block; color: #4A4A4A; font-size: 11px; width: 100%; height: 18px;	}
.TextForm input#logout { float: right; }



.TextForm .hide { display: none; }

/* LABELED STYLES */
.TextForm.label .req {
	font-weight: bold; color:#4a4a4a;
}
.TextForm.label .req label:after {
	content: " *"; color:#98ee01;
}

.TextForm.label .req.err { color:red; }


.TextForm.label span {
	clear:both; display:block;
}
.TextForm.label .left {
	clear:none; float:left;
}
.TextForm.label .right {
	clear:none; float:right;
}

.TextForm.label input, .TextForm.label select	{
	width:100%;
}
.TextForm.label span	{
	width:48%; margin:2px 1%;
}
.TextForm.label span.small	{
	width:22%;
}
.TextForm.label span.extend	{
	width:72%;
}
.TextForm.label span.wide	{
	width:98%;
}
.TextForm.label span.hide	{
	display: none;
}


.TextForm.label input[type='checkbox']	{
	width:auto; height:auto; padding: 2px;
}


/* GROUPSTYLES */
.TextForm .group, .TextForm.label span.group {
	width:92%; padding:4%; margin:8px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.TextForm .group.grey	{
	background:#eee; color:#999;
}

.TextForm .group div.stablize	{
	clear:both; width:98%; height:1px;
}



/* Social styles */
.TextForm a.social { text-indent: -5000px; margin-left: 5px; float: right; width: 16px; height:16px; }
.TextForm a.twitter { background: url('http://central.onedotonly.be/style/icon/tw.png') no-repeat top left; }
.TextForm a.facebook { background: url('http://central.onedotonly.be/style/icon/fb.png') no-repeat top left; }



/* Sequence styles */
.mod.TextForm.sequence .group.grey { background: none; padding: 0px; }
.mod.TextForm.sequence .group.grey input[type="button"], .mod.TextForm.sequence .group.grey input[type="submit"] { width: 100%; }
.mod.TextForm.sequence .group.grey .wide, .mod.TextForm.sequence .group.grey .wide input[type="text"] { width: 100%; }
.TextNews { }

.TextNews ul {
	padding:2px 0px 0px; margin:0; list-style:none;
	text-align:justify;
}

.TextNews li {
	margin:0 2px; list-style:none; padding:2px 4px;
	-moz-border-radius:3px; -webkit-border-radius: 3px;
}

.TextNews li:hover {
	background:#f0f0f0;
}

.TextNews .date {
	color: #333; font-weight: bold;
}

.TextNews .name {
	color: #333; font-weight:bold; cursor:pointer; text-align:left;
}

.TextNews .active .content, .TextNews .active .nfo {
	display:block;
}

.TextNews .content {
	display:none;
}

.TextNews .nfo {
	display:none;
	color:#ddd; font-size:10px; font-family:Georgia, serif; font-style:italic;
}



.CalendarBasic ul	{
	list-style:none; padding:0; margin:0;
}

.CalendarBasic li	{
	margin:8px 0;
}

.CalendarBasic .date	{
	display:block;
}


/* Action: visual */

.CalendarBasic.visual	{
	margin:12px;
}

.CalendarBasic.visual li	{
	float:left; width:124px; margin:4px;
	text-align:center; font-family:georgia, serif; font-style:italic;
}

.CalendarBasic.visual img	{
	display:block; padding:5px 0; margin:2px 0; background:#333;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.MediaImage {
	padding:12px 0; width:100%;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}