/* ---- ICON CONTROL --------------------------------------------------------------------------------------------------
*/
	.ctrl-icon
		{
		float						: left;
		cursor        	: pointer;
		width						: 16px;
		height					: 16px;
		margin					: 0px;
		padding					: 0px;
		background			: no-repeat;
		border					: none;
		}

	.ctrl-icon[disabled]
		{
		cursor					: default;
		filter					: alpha(opacity=50);
		opacity					: 0.5;
		}

	.ctrl-icon.icon-add									{ background-image: url(images/row-add.png);					}
	.ctrl-icon.icon-add.icon-hover			{ background-image: url(images/row-add-hover.png); 		}
	.ctrl-icon.icon-edit								{ background-image: url(images/row-edit.png);					}
	.ctrl-icon.icon-edit.icon-hover			{ background-image: url(images/row-edit-hover.png); 	}

	.ctrl-icon.icon-diary								{ background-image: url(images/diary.png);						}
	.ctrl-icon.icon-diary.icon-hover		{ background-image: url(images/diary-hover.png); 			}
	.ctrl-icon.icon-lister							{ background-image: url(images/lister.png);						}
	.ctrl-icon.icon-lister.icon-hover		{ background-image: url(images/lister-hover.png); 		}

	.ctrl-icon.icon-first								{ background-image: url(images/page-first.png);				}
	.ctrl-icon.icon-first.icon-hover		{ background-image: url(images/page-first-hover.png);	}
	.ctrl-icon.icon-next								{ background-image: url(images/page-next.png);				}
	.ctrl-icon.icon-next.icon-hover			{ background-image: url(images/page-next-hover.png);	}
	.ctrl-icon.icon-prev								{ background-image: url(images/page-prev.png);				}
	.ctrl-icon.icon-prev.icon-hover			{ background-image: url(images/page-prev-hover.png);	}
	.ctrl-icon.icon-last								{ background-image: url(images/page-last.png);				}
	.ctrl-icon.icon-last.icon-hover			{ background-image: url(images/page-last-hover.png);	}

	.ctrl-icon.icon-down								{ background-image: url(images/fold-open.png);				}
	.ctrl-icon.icon-down.icon-hover			{ background-image: url(images/fold-open-hover.png);	}
	.ctrl-icon.icon-up									{ background-image: url(images/fold-close.png);				}
	.ctrl-icon.icon-up.icon-hover				{ background-image: url(images/fold-close-hover.png); }

	.ctrl-icon.icon-plus								{ background-image: url(images/plus.gif);							}
	.ctrl-icon.icon-minus								{ background-image: url(images/minus.gif);						}

	.ctrl-icon.icon-minimise						{ background-image: url(images/dialog-minimise.png);				}
	.ctrl-icon.icon-minimise.icon-hover	{ background-image: url(images/dialog-minimise-hover.png); 	}
	.ctrl-icon.icon-close								{ background-image: url(images/dialog-close.png);						}
	.ctrl-icon.icon-close.icon-hover		{ background-image: url(images/dialog-close-hover.png); 		}
	.ctrl-icon.icon-print
		{
		width						: 24px;
		height					: 20px;
		background-image: url(images/dialog-print.png);
		}
	.ctrl-icon.icon-print.icon-hover	{ background-image: url(images/dialog-print-hover.png);	}

	.ctrl-icon.icon-date,
	.ctrl-icon.icon-list
		{
		width						: 17px;
		height					: 17px;
		margin					: 2px 0px 0px 4px;
		}

	.ctrl-icon.icon-date								{ background-image: url(images/pick-date.gif);				}
	.ctrl-icon.icon-date.icon-hover			{ background-image: url(images/pick-date-hover.gif); 	}

	.ctrl-icon.icon-list								{ background-image: url(images/pick-list.gif);				}
	.ctrl-icon.icon-list.icon-hover			{ background-image: url(images/pick-list-hover.gif); 	}

	.ctrl-icon.icon-cancel,
	.ctrl-icon.icon-confirm
		{
		height					: auto;
		font-family			: WingDings;
		font-size				: 18px;
		}

	.ctrl-icon.icon-cancel.icon-hover,
	.ctrl-icon.icon-confirm.icon-hover
		{
		font-weight			: bold;
		color						: #ffff00;																				/* HILIGHT								*/
		}

/* ---- POPUP CONTROL -------------------------------------------------------------------------------------------------
*/
	.popup-holder
		{
		position				: absolute;
		display					: none;
		z-index					: 20000;
		background			: transparent;
		}

	.popup-holder .event-block
		{
		position				: absolute;
		top							: 0px;
		right						: 3px;
		bottom					: 3px;
		left						: 0px;
		z-index					: -1;
		background			: #ff8800;
		}

	.popup-holder .popup-shadow-b,
	.popup-holder .popup-shadow-r,
	.popup-holder .popup-shadow-bs,
	.popup-holder .popup-shadow-rs
		{
		position				: absolute;
		background			: #000000;
		filter					: alpha(opacity=15);
		opacity					: 0.15;
		}

	.popup-holder .popup-shadow-bs,
	.popup-holder .popup-shadow-rs
		{
		filter					: alpha(opacity=25);
		opacity					: 0.25;
		}

	.popup-holder .popup-shadow-r
		{
		width						: 3px;
		right						: 0px;
		top							: 2px;
		bottom					: 3px;
		}

	.popup-holder .popup-shadow-b
		{
		height					: 3px;
		bottom					: 0px;
		left						: 2px;
		right						: 0px;
		}

	.popup-holder .popup-shadow-rs
		{
		width						: 2px;
		right						: 1px;
		top							: 3px;
		bottom					: 3px;
		}

	.popup-holder .popup-shadow-bs
		{
		height					: 2px;
		bottom					: 1px;
		left						: 3px;
		right						: 1px;
		}

	.ctrl-popup,
	.ctrl-menu
		{
		font-size				: 12px;
		margin					: 0px 3px 3px 0px;
		background			: #fcfaff;																				/* PALEST_BACKGROUND			*/
		border					: 1px solid #8048b8;															/* LIGHT_BORDER						*/
		}

	.ctrl-popup .popup-head,
	.ctrl-menu .popup-head
		{
		padding					: 1px 2px 1px 4px;
		background			: url(images/popup-head.gif) #6c38a0;							/* HEADER_BACKGROUND			*/
		border					: none;
		color						: #ffffff;																				/* HEADER_TEXT						*/
		}

	.popup-head span
		{
		margin-right		: 46px;
		white-space			: nowrap;
		}

	.popup-head .icon-confirm,
	.popup-head .icon-cancel
		{
		position				: absolute;
		float						: none;
		}

	.popup-head .icon-confirm
		{
		top							:  0px;
		right						: 18px;
		}

	.popup-head .icon-cancel
		{
		top							: -1px;
		right						: 0px;
		}

	.ctrl-popup .popup-body
		{
		padding					: 2px;
		text-align			: center;
		background			: #fcfaff;																				/* PALEST_BACKGROUND			*/
		}

	.popup-body .ctrl-textbox
		{
		float						: none;
		}

	.popup-body .spacing
		{
		height					: 4px;
		}

/* ---- MENU POPUP ----------------------------------------------------------------------------------------------------
*/
	.ctrl-menu .popup-body
		{
		padding					: 0px;
		background			: #ffffff;
		}

	.ctrl-menu .popup-body table
		{
		cursor        	: pointer;
		font-size				: 12px;
		color						: #6633aa;																				/* LIGHT_TEXT							*/
		}

	.ctrl-menu .popup-body tr
		{
		height					: 16px;
		}

	.ctrl-menu .popup-body td
		{
		padding					: 1px 6px 1px 4px;
		text-align			: left;
		white-space			: nowrap;
		}

/* ---- TEXTBOX CONTROL -----------------------------------------------------------------------------------------------
*/
	.ctrl-textbox
		{
		float						: left;
		padding					: 1px 2px;
		font-size				: 12px;
		border					: 2px inset;
		}

	.ctrl-textbox.date,
	.ctrl-textbox.datetime,
	.ctrl-textbox.datetimes,
	.ctrl-textbox.time,
	.ctrl-textbox.times
		{
		text-align			: center;
		}

	.ctrl-textbox.currency, .ctrl-textbox.int
		{
		padding					: 1px 4px 1px 0px;
		text-align			: right;
		}

	.ctrl-textbox[readonly]
		{
		padding					: 0px 2px 2px 2px;
		text-align			: center;
		background-color: #f2f0f5;																				/* READONLY_BACKGROUND		*/
		border					: 2px groove;
		color						: #6633aa;																				/* LIGHT_TEXT							*/
		}

	.ctrl-textbox.required
		{
		background-color: #ffaaaa;																				/* REQUIRED_BACKGROUND		*/
		}

	.ctrl-textbox[disabled]
		{
		background-color: #e8e6eb !important;															/* PALE_BACKGROUND				*/
		}

	.ctrl-textbox.ui-droppable
		{
		border					: 2px ridge;
		}

	.ctrl-textbox.drop-active
		{
		border					: 2px solid #008800;															/* TARGET_BORDER					*/
		}

	.ctrl-textbox.drop-hover
		{
		border					: 2px solid #ffff00;															/* HILIGHT								*/
		}

/* ---- SELECTOR CONTROL -----------------------------------------------------------------------------------------------
*/
	.ctrl-icon.icon-selector
		{
		width						: auto;
		padding-right		: 16px;
		background			: url(images/selector.png) no-repeat top right #f2f0f5;								/* READONLY_BACKGROUND		*/
		border					: 2px groove;
		}

	.ctrl-icon.icon-selector.icon-hover
		{
		background-color: #ffff00;																				/* HILIGHT								*/
		}

	.ctrl-icon.icon-selector .ctrl-textbox
		{
		cursor        	: pointer;
		border					: none;
		background			: transparent;
		}

/* ---- PERIOD POPUP --------------------------------------------------------------------------------------------------
*/
	.pick-period table
		{
		float						: left;
		border					: 1px solid #8048b8;															/* LIGHT_BORDER						*/
		}

	.pick-period td
		{
		width						: 12px;
		cursor        	: pointer;
		padding					: 2px 4px;
		font-size				: 11px;
		text-align			: right;
		background			: #fcfaff;																				/* PALEST_BACKGROUND			*/
		border					: 1px solid #8048b8;															/* LIGHT_BORDER						*/
		}

	.pick-period td[denied]
		{
		cursor        	: default;
		background			: #e8e6eb;																				/* PALE_BACKGROUND				*/
		}

	.pick-period td.month
		{
		width						: 22px;
		text-align			: center;
		background			: #f2f0f5;																				/* READONLY_BACKGROUND		*/
		}

	.pick-period td.quarter
		{
		text-align			: center;
		background			: #e8e6eb;																				/* PALE_BACKGROUND				*/
		}

	.pick-period td.year
		{
		width						: 30px;
		font-weight			: bold;
		text-align			: center;
		background			: #b090e0;																				/* CAPTION_BACKGROUND			*/
		border-bottom		: none;
		color						: #faf8ff;																				/* CAPTION_TEXT						*/
		}

	.pick-period td.year-empty
		{
		background			: #b090e0;																				/* CAPTION_BACKGROUND			*/
		border-top			: none;
		border-bottom		: none;
		}

	.pick-period tr.newYear td
		{
		border-top			: 2px solid #8048b8;															/* LIGHT_BORDER						*/
		}

	.pick-period .icons-box
		{
		float						: left;
		width						:  17px;
		height					: 153px;
		padding					:   0px;
		background			: #b090e0;																				/* CAPTION_BACKGROUND			*/
		border					: 1px solid #8048b8;															/* LIGHT_BORDER						*/
		border-left			: none;
		}

	.pick-period .ctrls-box
		{
		clear						: both;
		padding					: 2px 159px 0px 159px;
		}

/* ---- CHECKBOX SET --------------------------------------------------------------------------------------------------
*/
	table.ctrl-set
		{
		background			: #ffffff;
		border					: 2px groove;
		}