﻿.ellipsis {
			overflow: hidden;
			position: absolute;
			top: 0;
			bottom: 0;
			line-height: 25px;
			margin: 0px;}

		.ellipsis:before {
			content:"";
			float: left;
			width: 5px; 
			height:100%; }

		.ellipsis > *:first-child {
			float: right;
			width: 100%;
			margin-left: -5px; }		

		.ellipsis:after {
			content: "\02026"; /* "."; */
			color: black;
			box-sizing: content-box;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;

			float: right; position: relative;
			top: -14px; left: 100%; 
			/*float: right; position: relative;
			top: -12px; left: 100%;*/
			/*width: 136px; margin-left: -136px;*/
			width: 16px; margin-left: -16px;
			padding-right: 5px;
			
			text-align: right;

			background: white;
			/*background: -webkit-gradient(linear, left top, right top,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
			background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
			background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
			background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);*/

			/*background: -webkit-gradient(linear, left top, left bottom,
				from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
			background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white 50%, white);			
			background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white 50%, white);
			background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white 50%, white);
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0)), white 50%, white;*/ }
			
		.ellipsis:hover:after {
			content: normal;
		}
			