mes/WebContent/resource2/resources/css/assignment.css

body
{
    font-family:arial,tahoma,helvetica,sans-serif;
}

.sch-event 
{
	background:url(images/programbg.gif) repeat-x left bottom;
	border-left-color:#ccc;
	border-left-color:#ddd;
	border-top-color:transparent;
	border-bottom-color:#ccc;
}

.sch-event-hover
{
	border: 1px solid #555;
}

.startTime
{
	color: #777;
	font-weight:bold;
}

.taskName
{
	font-weight:bold;
	color:#15428B;
	padding-left:5px;
}

.duration
{
	color: #aaa;
	display:block;
}

.station-cell
{
	background: url(images/bg.png) no-repeat left top;
}

.station-cell .x-grid-cell-inner
{
	position:relative;
}

.station-cell span
{
	display:block;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	color:#15428B;
	float:right;
	width:50%;
}

.station-cell img
{
	position:relative;
	
}

.sch-timeline
{
	border-left:2px dotted red;
}

.listen
{
	height:24px;
	width:24px;
	display:block;
	background: url(images/volume.png) no-repeat left top;
	position:absolute;
	right:3px;
	top:40px;
}

a.listen:hover
{
	background-position: 0 -24px;
}

.start
{
    border-left:2px dotted red;    
}

.line-text
{
    background-color: rgba(83,13,134,0.7); 
    bottom: 0;
    color: #FFEEEE;
    display: block;
    font-size: 0.8em;
    height: 13px;
    position: absolute;
    width: inherit;
}

.line-text
{
    border-right-top-radius:9px;
    border-right-bottom-radius:5px; 
    box-shadow:1px 1px 2px #ccc;
    white-space:nowrap;
    width:auto;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding-left:3px;
    padding-right:3px;
    bottom: -62px;
    left:-20px;
}