.onl-col-10 { float: left; width: 10%; }
	.onl-col-20 { float: left; width: 20%; }
	.onl-col-25 { float: left; width: 25%; }
	.onl-col-30 { float: left; width: 30%; }
	.onl-col-33 { float: left; width: 33%; }
	.onl-col-50 { float: left; width: 50%; }
	.onl-col-45 { float: left; width: 45%; }
	.onl-col-70 { float: left; width: 70%; }
	.onl-col-90 { float: left; width: 90%; }
	.onl-col-100 { float: left; width: 100%; }

	.onl-wid-25 { width: 25px; }
	.onl-wid-40 { width: 40px; }
	.onl-wid-50 { width: 50px; }
	.onl-wid-60 { width: 60px; }
	.onl-wid-75 { width: 75px; }
	.onl-wid-85 { width: 85px; }
	.onl-wid-100 { width: 100px; }
	.onl-wid-120 { width: 120px; }
	.onl-wid-150 { width: 150px; }
	.onl-wid-200 { width: 200px; }
	.onl-wid-250 { width: 250px; }
	.onl-wid-300 { width: 300px; }

	.onl-bor { border: 1px solid #c0c0c0; }
	.onl-bor-t { border-top: 1px solid #c0c0c0; }
	.onl-bor-b { border-bottom: 1px solid #c0c0c0; }
	.onl-bor-l { border-left: 1px solid #c0c0c0; }
	.onl-bor-r { border-right: 1px solid #c0c0c0; }
	.onl-bor-t-w { border-top: 1px solid #fff; }

	.onl-hgt-30 { height: 30px; }
	.onl-hgt-31 { height: 31px; }
	.onl-hgt-20 { height: 20px; }
	.onl-hgt-22 { height: 22px; }
	.onl-hgt-15 { height: 15px; }
	.onl-hgt-14 { height: 14px; }
	.onl-hgt-13 { height: 13px; }

	.onl-fz-5 { font-size: 5px; }
	.onl-fz-6 { font-size: 6px; }
	.onl-fz-8 { font-size: 8px; }
	.onl-fz-10 { font-size: 10px; }
	.onl-fz-11 { font-size: 11px; }
	.onl-fz-12 { font-size: 12px; }
	.onl-fz-14 { font-size: 14px; }

	.onl-clr-info { color: #5bc0de; }

	.onl-bg-select { background: #80ddf9; }
	.onl-bg-ddd { background: #ddd; }
	.onl-bg-no-work { background: #e3e3e3 }
	.onl-bg-busy { background: #FFC0CB; }
	.onl-bg-free { background: #E0FFFF; }


	.onl-mar-auto { margin: auto; }
	.onl-mar-0 { margin: none; }
	.onl-mar-2 { margin: 2px; }
	.onl-mar-b-2 { margin-bottom: 2px; }
	.onl-mar-l-2 { margin-left: 2px; }
	.onl-mar-r-2 { margin-right: 2px; }
	.onl-mar-t-2 { margin-top: 2px; }
	.onl-mar-5 { margin: 5px; }
	.onl-mar-b-5 { margin-bottom: 5px; }
	.onl-mar-l-5 { margin-left: 5px; }
	.onl-mar-r-5 { margin-right: 5px; }
	.onl-mar-t-5 { margin-top: 5px; }
	.onl-mar-10 { margin: 10px; }
	.onl-mar-b-10 { margin-bottom: 10px; }
	.onl-mar-l-10 { margin-left: 10px; }
	.onl-mar-r-10 { margin-right: 10px; }
	.onl-mar-t-10 { margin-top: 10px; }
	.onl-mar-20 { margin: 20px; }
	.onl-mar-b-20 { margin-bottom: 20px; }
	.onl-mar-r-20 { margin-right: 20px; }
	.onl-mar-l-20 { margin-left: 20px; }
	.onl-mar-t-20 { margin-top: 20px; }

	.onl-pad-0 { padding: 0px; }
	.onl-pad-2 { padding: 2px; }
	.onl-pad-t-2 { padding: 2px; }
	.onl-pad-r-2 { padding-right: : 2px; }
	.onl-pad-l-2 { padding-left: : 2px; }
	.onl-pad-3 { padding: 3px; }
	.onl-pad-t-3 { padding: 3px; }
	.onl-pad-4 { padding: 4px; }
	.onl-pad-5 { padding: 5px; }
	.onl-pad-l-5 { padding-left: 5px; }
	.onl-pad-r-5 { padding-left: 5px; }
	.onl-pad-t-5 { padding-top: 5px; }
	.onl-pad-b-5 { padding-bottom: 5px; }
	.onl-pad-10 { padding: 10px; }
	.onl-pad-l-10 { padding-left: 10px; }
	.onl-pad-r-10 { padding-left: 10px; }
	.onl-pad-t-10 { padding-top: 10px; }
	.onl-pad-b-10 { padding-bottom: 10px; }

	.onl-ovfl-hid { overflow: hidden; }

	.onl-disp-hid { display: none; }
	.onl-disp-vis { display: block; }

	.onl-fl-l { float: left; }
	.onl-fl-r { float: right; }