@CHARSET "ISO-8859-1";
/** {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

div.carReservation
{
	position: absolute;			
	z-index:10;	
	color: white;	
	background-color: #5EB6FF;	
	border: 1 px;
	text-align: center;
	overflow: hidden;
	border-radius:5px;
	font-size: 9 px;
	padding:3px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
		
}
div.carValilehti
{

position:absolute;
z-index:10;	
color: white;	
display:block;
cursor:pointer;
-webkit-transform: skew(15deg); 
-moz-transform: skew(15deg); 
-o-transform: skew(15deg);
background: #5EB6FF;
}
.reservationFocused
{
background-color: #006600 !important;	
	z-index: 102 !important;
}
.valilehtiFocused
{

background-color: #006600 !important;	
z-index: 102 !important;
}


div.timeline
{
	position: absolute;
	height: 100%;	
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.header
{
	height: 25px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;			
}

div.leftbar
{
	position: absolute;
	
	left: 0px;
	top: 0px;
	
	height: 100%;
	width: 160px;
	float: left;
	background-color: #4255EA;
	
	border:	1px solid;
	
	z-index: 14;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.leftbarItem
{		
	width: 158px;
	text-align: center;
	//background-color: #B2D5EA;
	background-color: #cccccc;
	border-radius: 5px;		
	border:	1px solid;	
	z-index: 15;	
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}


div.drawarea
{
	position: absolute;
	left: 200px;	
	width: 100%;
	height: 100%;
	overflow: hidden;
	
	border: solid;
	border-color: black;
	
	z-index:5;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.hourlines
{
	position: relative;
	background-color: #A2C5EA;
	
	height: 100%;
	
	border: 1px;
	border-color: black;	
	border-right:none;	
	border-left: dotted;
	border-top: none;
	
	float: left;	
	z-index: 0;

-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}


div.carReservation2
{
	position: absolute;			
	z-index:99;	
	color: black;	
	background-color: #5EB6FF;	
	border: none;
	text-align: center;
-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}
/**
div.carReservation:HOVER
{
	overflow: visible;
}
*/

table.scaleTable
{
	border-collapse:collapse;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

td.scaleTable
{
	border: 1px dotted black;
	background-color: #cccccc;
		-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}
td.scaleTable2
{
	border: 1px dotted black;
	background-color: #ffffff;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}
th.scaleTable
{
	border: 1px solid black;
	background-color: #A2C5EA;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}


div.nowLine
{
	background-color: #0aff7d ;
	border-color: #0aff7d;
	border: solid;
	border-width: 1px;
	width: 2px;		
	position:absolute;	
	height: 100%;
	z-index:8;	
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}
div.vuorkausiElem
{
	background-color: #A2C5EA;
	border-color: #0aff7d;
	border: solid;
	border-width: 1px;
	width: 2px;		
	position:absolute;	
	height: 100%;
	z-index:8;	
	overflow: hidden;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}


div.dateField
{
	background-color: #B2D5EA ;	
	height: 25px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.movingReservation
{
	z-index: 20;
	background-color: red;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.addReservationMenu
{
	position: absolute;
	width: 200px;
	z-index: 20;
	background-color:none;
}

div.addReservationMenuItem
{
	position: relative;
	left: 0px;
	width: 200px;
	background-color: #C2E5FA ;
	z-index: 110;
	border: 1px solid;
	cursor:pointer;
	border-radius: 4px;
	padding:2px;
}

div.addReservationMenuItem:HOVER
{
	background-color: red;
}


ul.pointsList
{
	text-align: left;
	list-style-type: none;
	
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

li.pointsList
{
	background-color: #B2D5EA;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

li.pointsListOther
{
	background-color: #C2E5FA ;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	 box-sizing: border-box;
}

div.reservationMouseOver
{
	position: absolute;
	z-index: 30;
	background-color: #C2E5FA;
	border: 1px solid black;
	border-radius:4px;
}

div.routepoints
{
	text-align: center;
	width: 70%;
}

div.koulukuljetus
{
	background-color: #a963d5 ;
}

div.kyydinvalitys
{
	background-color: #f88e40;
	
}

div.huolto
{
	background-color: #288e40;
	

}
div.driverShiftHuolto
{
	background-color: #288e40;
	

}
div.tyovuorot
{
	background-color: #aa8cc5;
}
div.muu
{
	background-color: #288ef0;
}

div.kotiateria
{
	background-color: #888ef0;
}

tr.otherRow
{
	background-color: #F5F5F5;
}

tr.newRow
{
	background-color: #D5D5D5;
}

tr.deletedRow
{
	background-color: #FFAAAA;
}

tr.OnDrive /* Oppilas kyydissa */
{
	background-color: #6c91f9;
}
tr.Complete /* Oppilas viety perille */
{
	background-color: #9ef96c;
}
tr.ErrorRP /* Virhe */
{
	background-color: #ffff00;
}

div.Waiting
{
	background-color: #6c91f9 ;
	border: 1px solid lightgray;
}
div.OnDrive
{
	background-color: #f88e40 ;
}
div.Complete
{
	background-color: #9ef96c ;
	color:black;
}
div.Cancelled
{
	background-image: url('../img/cancel_icon.png');
	background-repeat: repeat-x;
	background-color: gray ;
	border: 1px solid lightgray;
}

div.TDSOrderClass2 /* Tilaus, Odottaa */
{
	border: 1px solid white;
}
div.TDSOrderClass4 /* Tilaus, Suorav�litetty */
{
	border: 1px solid white;
}
div.TDSOrderClass5 /* Tilaus, Ajossa */
{
	background-color: #f88e40 ;
	border: 1px solid white;
}
div.TDSOrderClass6 /* Tilaus, Ajettu */
{
	background-color: #9ef96c;
	border: 1px solid white;
}