body{ font-family:Verdana, Geneva, sans-serif;  font-size:14px; color:#333; background-color:#E5E5E5;}

#maindiv{ min-width:1000px; overflow:hidden; border:#CCC solid 0px; margin:0px auto; border-radius:10px; background-color:#FFF;  box-shadow:0px 0px 80px #333; padding:10px; height:100%; background-color:#F4F4F4; position:relative;}

.maindiv{ min-width:1000px; overflow:hidden; border:#CCC solid 0px; margin:0px auto; border-radius:10px;  padding:10px; height:100%;}

.logintable{ background-color:#FFFFFF; border-radius:10px; box-shadow:0px 0px 50px #BFBFBF; margin:20px; padding:10px 50px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; }

.logintable .input{ border-radius:4px; border:#999999 solid 2px; font-size:18px; padding:4px 10px;}
.logintable .input:hover{ background-color:#FFFFFF;}

.checklist_table td{ border:#999 solid 1px; background-color:#FFF;}
.span_border{ border:#999 solid 1px; padding:5px; margin-right:20px; margin-left:0px; }

.checklist_table h2
{ margin:0px; color:#666;}

table.tyrelifetable
{ color:#F00; border:#CCC solid 1px; background-color:#F3F3F3;}

table.tyrelifetable th
{ border:#CCC solid 1px; color:#060; text-align:left; }

table.tyrelifetable td
{ border:#CCC solid 1px; }

.remarksbox
{ border:#CCC dotted 1px; text-align:left; padding:10px; font-size:50px; font-weight:bolder; color:#F2F2F2;
letter-spacing:10px; font-stretch:wider; margin-top:20px;}



tr.lifedatatr
{ background-color:#FFF; color:#666;}

tr.lifedatatr:hover
{ background-color:#060; color:#FFF; cursor:pointer;}




#blob {
   
    border-right: 1px solid #0059ec;
	color:#333;
    border-left: 1px solid #0059ec;
    position: absolute;
    z-index: 1;
    top: 0;
    background: -moz-linear-gradient(top,#A4C636, #A4C638);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 0px 0px 5px #011331;
}

#nav {
    position: relative;
	color:red;
	margin-left:0px;
}


#nav li {
    float: left;
	background-color:#333;
    list-style: none;
	border:#333 solid 1px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	margin-left:2px;
	
}

#nav li a {
    color:#FFF;
    z-index: 2;
    position: relative;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-family: helvetica, arial, sans-serif;
    text-decoration: none;
    padding: 15px 20px;
    width: 100%;
}
#nav li a:hover {
	color:#333;
}

textarea{ resize:none;}
.star{ color:#F00; font-weight:bold; padding:3px; }
.button input {
	width: auto;
	min-width:100px;
	min-height:40px;
	
	
	background: -moz-linear-gradient(top,#333, #666);
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#666));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 0px 0px 5px #011331;
	
	
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
	}
.button input:hover {
	background: -moz-linear-gradient(top,#A4C636, #A4C638);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
	}
	
.s_button{
	width: auto;
	min-width:100px;
	min-height:40px;
	
	
	background: -moz-linear-gradient(top,#333, #666);
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#666));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 0px 0px 5px #011331;
	
	
	font-size: 14px;
	font-weight:bolder;
	color: #FFFFFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;}
.s_button:hover{
			background: -moz-linear-gradient(top,#A4C636, #A4C638);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
		}


/*----classes for fieldset--started---*/
fieldset{}
.legendclass{color:#333; padding:10px; font-weight:bold; padding-left:5px; text-decoration:underline;}
/*--classes for fieldset--ended--*/


.detailcontent .pagemenu{ margin-top:30px;}
.detailcontent .pagemenutd{ vertical-align:top; min-width:200px;}
.detailcontent .pagemenu a{ text-decoration:none;}
.detailcontent .pagemenu a div{border:#333 solid 1px; background-color:#333; color:#FFF; padding:10px; border-radius:5px; margin-top:3px;  }


.detailcontent .pagemenu a div:hover{ border:#333 solid 1px; color:#333;
 background: -moz-linear-gradient(top,#FFF, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 0px 0px 5px #011331;

}

.detailcontent .pagedetail{ margin-top:30px; margin-left:10px; min-height:450px;}

.detailcontent .pagedetail .pagedetailhead{ padding:10px; border:#333 solid 1px; border-radius:10px; margin:20px; margin-left:0px; margin-right:0px; box-shadow: 5px 5px 10px #CCC; font-weight:bold; text-align:left;  
 background: -moz-linear-gradient(top,#FFF, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 8px 8px 15px #333; color:#333; }

.detailcontent .pagedetail input,select,textarea{ background-color:#FFF; padding:2px 5px;  border-radius:0px;
}

.detailcontent .pagedetail .pageform{ border:#CCC solid 1px; padding:10px; border-radius:10px; box-shadow: 5px 5px 10px #CCC; margin-bottom:15px;
background-color:#FFF;}

.detailcontent .pagedetail .pageform table tr th{ text-align:left; }

.footer{
 padding:10px; border:#333 solid 1px; border-radius:10px; margin:20px; margin-left:0px; margin-right:0px; box-shadow: 5px 5px 10px #CCC; font-weight:bold; text-align:left;  
 background: -moz-linear-gradient(top,#FFF, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#A4C636), to(#A4C638));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px -5px 5px #011331;
    -webkit-box-shadow: 0px 8px 15px #333; color:#333; text-align:center; margin-bottom:0px;	
	
	}

.pagedetailtd{ vertical-align:top;}
.detailcontent .pageform textarea{ min-width:300px; background-color:#FFF;}
.detailcontent .pagedetail .pagetbl{ padding:10px; border:#CCC solid 1px;  max-width:1000px; overflow-x:scroll; }
.detailcontent .pagedetail .pagetbl table tr.headrow{ color:#FFF; background-color:#333;  border-radius:10px;}
.detailcontent .pagedetail .pagetbl table{ font-size:11px;}
.detailcontent .pagedetail .pagetbl table tr.headrow th{ text-align:left; padding:3px;}
.detailcontent .pagedetail .pagetbl table td { padding:2px 5px; border-right:#CCC solid 1px;}

.pagetbl a{ color:#060; text-decoration:none; cursor:cell; }
.pagetbl a:hover{ text-decoration:underline; }


.detailcontent .pagedetail .rstrtbl{ padding:10px; border:#CCC solid 1px;  max-width:1000px; overflow:scroll; }
.detailcontent .pagedetail .rstrtbl table tr.headrow{ color:#FFF; background-color:#333;  border-radius:10px;}
.detailcontent .pagedetail .rstrtbl table{ font-size:11px;}
.detailcontent .pagedetail .rstrtbl table tr.headrow th{ text-align:left; padding:3px;}
.detailcontent .pagedetail .rstrtbl table td { padding:2px 5px; border-right:#CCC solid 1px;}

.rstrtbl a{ color:#060; text-decoration:none; cursor:cell; }
.rstrtbl a:hover{ text-decoration:underline; }



.table-links{ text-decoration:none; color:#FFF;}


.icons{  cursor:pointer; width:20px; height:20px;
	 -webkit-transition: all 300ms ease-in-out; margin:4px;}
	 
.icons:hover{  -webkit-transform: scale(2);}

.rptdiv{ overflow-x:scroll; max-width:1030px; width:1030px; border:#066 solid thin; border-bottom:none;}
.rpttbl{border:#A4C636 solid thin;}

.rpthead{ color:#FFF; background-color:#333; border-radius:10px;}
.rpthead th{ padding:2px; padding-left:5px; min-width:100px; }
.rpttbl td{ padding:2px; padding-left:5px; }

.trveh_waiting{background-color:#F9AEBB;}
.trveh_intransit{ background-color:#6AFFFF;}
.trveh_empty{ background-color:#C9F}
.trveh_deliverd{background-color:#64FFB1;}
.trveh_halt{background-color:#FFFF97;}

.load_adv{background-color:#FFFF97;}
.load_attime{background-color:#64FFB1;}
.load_late{background-color:#F9AEBB;}
.load_all{background-color:#FFF;}



span.tyre_box{ border:#666 dashed 1px; padding:20px 5px; color:#000; background-color:#CCC;
-webkit-border-radius: 8px;
    
    border-radius: 4px;  vertical-align:middle;}
	
	
span.tyre_box_st{ width:50px; border:#666 dashed 1px; padding:5px 20px; color:#000; background-color:#CCC;
-webkit-border-radius: 8px;
    
    border-radius: 4px;  vertical-align:middle;}
	
table.graph_table td{ height:80px; border:none;}

th .thgr
{
	min-width:25px; padding-left:10px; padding-right:5px;
}
td .tdgr
{
	min-width:25px; padding-left:10px; padding-right:5px;
}

.formhead{ padding:5px; border:#333 solid 1px; border-radius:10px; margin:10px; box-shadow: 5px 5px 10px #CCC; font-weight:bold; text-align:left;  
 background: -moz-linear-gradient(top,#FFF, #FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#060), to(#063));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #011331;
    -webkit-box-shadow: 8px 8px 15px #333; color:#FFF; }
	
.acc_css{}
.acc_css th{background-color:#A4C636}
.acc_css td{background-color:#FFF}

.bubbleInfo {
	position: relative;

}

.bubbleInfo1 {
	position: relative;

}

.bubbleInfo2{
	position: relative;

}

.bubbleInfo3 {
	position: relative;

}
.trigger {
	cursor:pointer;
}
/* Bubble pop-up */

.popup {
	font-size:12px;
	line-height:20px;
	position: absolute;
	display: none;
	z-index: 50;
	text-align:left;
	padding:10px;
	border:#060 dashed 1px;
	-webkit-box-shadow:  0px 0px 5px 5px #999;
        
    box-shadow:  0px 0px 5px 5px #999;
	-webkit-border-radius: 10px;

    border-radius: 10px;
	 background-color:#FFF;
	width:250px; height:120px;

}

a.links{ color:#06F; font-weight:bolder; text-decoration:none}
a.links:hover{ text-decoration:underline;}

#selected
{
	font-weight:bold;
}

.rpt_header
{
	background-color:#060;
	color:#FFF;
	padding:5px;
}
.rpt_header a
{
	color:#FFF;
	text-decoration:none;
}

.compliant_head
{
	background-color:#333;
	color:#FFF;
	padding:5px; 
	letter-spacing:2px;
}