@CHARSET "UTF-8";

/* Login styles */
.loginBox {padding: 0 3px 3px 3px; }
.loginBox .sysEditStd { font-size: 11px; font-weight:bold; margin: 0; vertical-align: middle; border-spacing: 0; width:300px;}
.loginBox .sysEditStdTitle { border: 0; vertical-align: middle; background: inherit; width:118px;}
.loginBox .sysEditStdRow { height: 30px; }
.loginImg { float:left; padding: 20px 20px 20px 20px; }
.loginBox .sysEditStdRowError { display:none; }
.EDBloginImg { float:left; padding: 10px 10px 10px 10px; }
.loginVersion { position:absolute; right:20px; top:10px; font-weight:bold; }

.loginArt {padding:3px; position:absolute; right:20px; top:30px; width:200px; background-image:url(/img/sys/lighttrans.png);
	border: 1px solid #333333;}
.loginArtTitle {font-weight:bold; font-size: 11px;}
.loginArtCreated {}
.loginArtTxt {}
.loginArtLink {}

.loginWarning {font-weight:bold; color:#D00000; display:block; padding:10px;border: 2px inset #333333;
		background-color:#e0e0e0;margin:3px; vertical-align:top;}
.loginWarnImg { float:left; } 
.sysFisheyeDoc { height:50px; }
/* IE Front page hacking */



/* Admin styles */
.adminCustInfo { width:45%; float:left; margin:0px 2px 0px 3px}


/* Some settings values */
legend {color:#0060d0;}
.genSettings .sysEditFormFieldSet {display:block; color:#0060d0; font-weight:bold; width:400px;  margin:0px 2px 0px 3px; padding: 0px 0px 4px 0px;}
.genSettings .sysEditFormFieldCont { color:#000000; font-weight:normal; }
.genSettings .sysEditFormTitle {border: 0; white-space: normal;}

/* Travel log: */
.driverLogFunction {
	overflow:hidden; 
	white-space:nowrap; 
	background-color:#e0e0e0; 
	vertical-align: middle; 
	height:20px;
	padding: 3px 0px 0px 3px;
	margin: 0px;
	color: #000000;
}

.driverLogReportSumRow { background-color: #e0e0e0;}
.driverLogReportSumCell {vertical-align: top; padding:0px 0px 0px 3px; overflow:hidden; white-space:nowrap; height:16px;font-weight:bold;}
.driverLogReportLargeTitle { font-size: 14px; font-weight:bold; }

.tlMainListOptions { width:49%; float:right;}
.tlMainPersStat { width:49%; float:left;}
.tlMainList60Days { width:49%; float:left;clear: both;}

.settingsBG { background-color: #e0e8ef;}
.app2 .tlSettingsBG { background-color: #e0e8ef;}
.app3 .tlSettingsBG { background-color: #e0e8ef;}
.app4 .tlSettingsBG { background-color: #efe2e0;}
.travellogHide{display:none}

.wdEditSelect {width:140px;}
.wdEditWrapperCheck {text-align: center;float:left; width:100px; overflow:hidden;}
.wdEditWrapperSelect {text-align: center;float:left; width:150px; overflow:hidden;}
/* Two column fieldsets */
.fieldset2colleft {
	clear: both;
	float: left;
	margin: 10px 0px 0px 10px;
	width: 45%;
}
.sysPopup .fieldset2colleft {
	margin: 0px;
	width: 46%;
}
.fieldset2colright {
	float: left;
	margin: 10px 0px 0px 10px;
	width: 45%;
}
.sysPopup .fieldset2colright {
	margin: 0px;
	width: 46%;
}

/* Special edit layouts */
.editFlexLayout .sysEditFormFieldCont {
	padding-right: 10px;
}
.editFlexLayout span {
	font-weight: bold;
}
.editFlexLayout h3 {
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0px 1px 3px;
}
.selectionMenuLink {
	font-size: 16px;
}


/* Application specific */
.app1 #AdminLanguageSearchForm form table {
	margin: 10px auto 0px auto;
}
.app2 #reportsTemplatesEdit .DBViewTable {
	width: 45%;
	float: right;
}

.app2 #reportsFrontSection #FleetReportsPredefinedTemplateList {
	margin-bottom: 20px;
}
.app2 #reportsFrontSection #FleetReportsPredefinedTemplateList .DBListCell {
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.app2 #reportsFrontSection #FleetReportsCustomerTemplateList {
	float: left;
	width: 49%;
}
.app2 #reportsFrontSection #FleetReportsViewList {
	float: right;
	width: 49%;
}

.app4 .DBViewTable .DBViewTableTitle {
	width: 180px;
}
.app4 #opLog .sysEditStdFieldCont {
	width: 600px;
}
.app4 #opLog .sysEditStdFieldCont .sysEditField {
	width: 100%;
}
.app4 #opLog .DBListCell {
	white-space: normal;
}
.app4 .DBListTable .DBListRowFooter {
	background: #E5E5E5;
}
.app4 .DBListTable .DBListRowFooter td {
	font-weight: bold;
}
.app2 #FleetReportsOverview .sysPointer {
	font-size: 16px;
	display: block;
	margin-bottom: 6px;
}

/* Service stuff */
.serviceRed { color:#e00000; }
.serviceOrange { color:#e07000; }
.serviceSummary .DBViewTableTitle { width: 180px; }
.serviceSummary .DBViewTableContentWhite { cursor:pointer; }
.serviceSummary .DBViewTableContentGray { cursor:pointer; }
.serviceHide {display:none;}

/* Other things. */
.flagImg {padding: 1px;}

.tableImages {vertical-align: middle;}

.ameltiWarning { color:#E00000; font-weight:normal; }

.graphImg {padding: 6px 0px 0px 6px;}
#showReport .graphImg { display: block; margin-left: auto; margin-right: auto; }

.DBListRowGrey .simDeleted {background-color:#ffd0d0;}
.DBListRowWhite .simDeleted {background-color:#ffe0e0;}

.canbusOneSensor { float:left; width:100px; height:100px;border-right: 1px solid #d6d9db; border-bottom: 1px solid #d6d9db; border-left: 1px solid #f6f9fc;
		border-top: 1px solid #f6f9fc; background-color:#e7eaed; 	margin: 2px 2px 2px 2px; overflow:hidden;}
.canbusOneSensor h1{ font-size: 12px; font-weight: bold; padding: 2px 0px 1px 3px; background-color:#d7dadd; text-align: center;height:16px;
		overflow:hidden;}
.canbusOneSensorValue { font-size: 12px; height:28px; text-align: center; padding: 10px 0px 0px 0px;}
.canbusOneSensorDate { font-style: italic; text-align: center; padding: 8px 0px 0px 0px;}
.canbusOneSensorGraph { text-align: center;}

.instantMessageMsgWindow {width:281px; height:150px; background-color:#ffffff; margin: 10px 5px 5px 10px;
		border:2px inset #C0C0C0; position:relative;overflow-y:scroll; overflow-x:hidden; float:left; }
/*  */ 
.instantMessageMsgCont { position:absolute;}
.instantMessageRes { overflow:auto; width:263px;}
.instantMessageSend { overflow:auto; width:263px; background-color:#f0f0f0;}
.instantMessageInfo { overflow:hidden;width:28px; float:left; height:100%;}
.instantMessageText { overflow:hidden;width:229px; float:left; clear:right;}
.instantMessageTitle { overflow:hidden;float:left;}
.instantMessageTheText { overflow:hidden;width:229px; float:right; clear:right;}
.instantMessageLogo {width:100px; height:100px; float:left; border: 1px solid #a0a0a0; background-color:#ffffff; margin: 10px 0px 0px 0px;}

.instantMessageRes .instantMessageInfo { background-color:#f8f8f8; }
.instantMessageSend .instantMessageInfo { background-color:#e8e8e8; }
.instantMessageUpBord {border-top: 1px solid #808080;}

.instantMessageSendCont {margin: 6px 0px 0px 10px;clear: both;}
.instantMessageInpMsg {width:200px; height:42px;}
.instantMessageInpMsgCont {width:206px; float:left;}
.instantMessageInpButt { padding:0px 0px 2px 2px; width:60px; margin:0px 0px 4px 0px; }
.instantMessageInpButtCont {width:66px; float:left;}
.instantMessageInpRadio { margin:0px 2px 0px 0px;vertical-align: middle;}
.instantMessageDate {float:right;font-style: italic;}
.instantMessageImg {float:left; padding:0px 2px 0px 2px;} 
.instantMessageBlockStyle {height:100%; background-color:#f0f0f0;}
#FleetComInstNewMsgBlock {height:100%;}

.instantMessSendCont {background-color:#ffffff;border:1px #c0c0c0 solid; padding: 10px 10px 10px 10px;width:387px; text-align: left;}
.instantMessSendInp {float:left;width:263px;}
.instantMessSendLogo {width:100px; height:100px; float:left; border: 1px solid #a0a0a0; background-color:#ffffff; margin: 0px 0px 0px 10px;}

.sysEditForm .tfiField { width:190px; vertical-align: top; }
.ie .sysEditForm .tfiField { width:186px; vertical-align: top; }
.sysEditForm .tfiIcon { margin-top: 1px; margin-left: 3px; }
.sysEditForm .tfdField { width:220px; vertical-align: top; }
.ie .sysEditForm .tfdField { width:216px; vertical-align: top; }
.sysEditForm .tfd2Field { width:240px; vertical-align: top;}
.sysEditForm .tftaField { width:238px; vertical-align: top; }
#comOrderPOISel1 { vertical-align: top; margin: 2px 0px 0px 3px;} 
.ie #comOrderPOISel1 { vertical-align: top; margin: 2px 0px 0px 0px;}
#comOrderPOISel2 { vertical-align: top; margin: 2px 0px 0px 3px;}
.ie #comOrderPOISel2 { vertical-align: top; margin: 2px 0px 0px 0px;}

.EDBMapView{position:absolute; padding:0px 0px 0px 0px; width:630px; height:450px;}
.custDisbled .DBViewTableTitle {background-color:#f0b0b0;}
.custDisbled .DBViewTableContentGray {background-color:#f0d0d0;}
.custDisbled .DBViewTableContentWhite {background-color:#ffe8e8;}

.editOneService .sysEditField { width:356px; }
.editOneService textarea.sysEditField {height:80px;}
/* .sysEditField .sysEditForm */

.fleetLinkDD { width:300px; }
.periodsSpecificWrap { position: relative; padding-right: 15px; }
.periodsSpecificWrap .addLink { position: absolute; bottom: 2px; right: 0px; }

#FleetUnitStatusStatisticsBlock .DBViewTableTitle {
	width: 220px;
}

.editTask .sysEditField { width:356px; }
.editTask textarea.sysEditField {height:80px;}
.editTask textarea.sysEditField.taskAddCommentField {height:45px;}

.taskRed {color:#FF0000;}
.taskImportance10 {font-weight: bold;}
.taskImportance20 {font-style: italic;}
.taskImportance30 {}
.taskImportance40 {color:#808080;}
.taskButton {width:170px; margin:5px 2px 2px 5px;}
.taskDisabled {color:#808080;}

#authorize .sysEditFormFieldCont {white-space:normal;}

.travelLogSentenceSel {position:absolute;background-color:#ffffff;border:1px #c0c0c0 solid;padding: 3px 3px 3px 3px;}
.travelLogSentenceList {cursor:pointer;}
#TravelLogUserCategoryEditBlock textarea.sysEditField {height:110px;}

.app1 #editParts .sysEditForm {width: 100%;}
	.app1 #editParts #PartsListTitleCell {width: 100px;}
	.app1 #editParts #PartsListFieldCell {width: auto;}
		.app1 #editParts #PartsListFieldCell .sysEditField {width: 140px;}

#AdminTaskTaskFilterBlock {padding-left: 10px;}

#AdminProjectProjectFilterBlock {padding-left: 10px;}
#AdminProjectProjectEditCompletedDescrHiddenRow { display: none; }

#hbDirtyCommentHiddenRow { display: none; }
#AdminImagebankFilterBlock {padding-left: 10px;}

/* pdf generator classes */
.h1, .h2 {
	font-size: 12pt;
	font-family: Arial;
	font-weight: bold;
	color: #9B3737;
	display: block;
}
.h2 { font-size: 10pt; }

div.treelist {
	background-image: url(/img/design/app2/treelist.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left:14px;
}
div.treelist:last-child {
	background-position: 0 -15px;
}

#AdminHelpblocksHelpblocksImageBrowserBlock .ibThumb {
	float: left;
	width: 100px;
	height: 100px;
	padding: 6px;
	cursor: pointer;
	overflow:hidden;

	border-right: 1px solid #d6d9db; border-bottom: 1px solid #d6d9db; border-left: 1px solid #f6f9fc;
	border-top: 1px solid #f6f9fc; background-color:#e7eaed;
}
#AdminHelpblocksHelpblocksImageBrowserBlock .ibThumb:hover {
	background-color: transparent;	
}
#AdminHelpblocksHelpblocksImageBrowserBlock TABLE {
	height: 90%;
}
#AdminHelpblocksHelpblocksImageBrowserBlock TABLE TD {
	vertical-align: top;
}
#AdminProjectProjectEditCompletedDescrHiddenRow { display: none; }

.debugtable, .debugtable TR, .debugtable TD {
	border: 1px solid black !important;
}

.FleetMain #right_outer {
	overflow: visible; /*Should this be made part of core? Overflow:auto makes multiselect-boxes spawn scrollbars on parent container (layout element)*/
}
/*
.sysPopupTitle {
	-moz-border-radius: 5px 5px 0px 0px !important;
}
.sysPopupBody {
	-moz-border-radius: 0px 0px 5px 5px !important;
}
*/


#TravelLogFuelUseCalcEditBlock .sysEditFieldSmall {
	width: 115px;
}

#TravelLogFuelUseCalcEditBlock .sysEditFormFieldCont {
	text-align: right;
}
#TravelLogFuelUseCalcEditBlock TR:first-child TD:last-child {
	text-align: left;
}

#TravelLogUserEditBlock #userEditAdmin {
	display: none;
}

#mapUpdateCounter {
	position: absolute;
	z-index: 1;
	top: 1px;
	right: 9px;
	width: 28px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	background-color: #999966;
	color: transparent;
	font-size: 0px;
	overflow: hidden;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
	border-radius: 0 0 0 5px;
}

#mapUpdateCounter:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	color: #ffffff;
	font-size: 10px;
}

#poiImport .sysEditForm {table-layout:fixed;width:100%;}
#poiImport .sysEditFormTitle {width:240px !important;white-space:nowrap;overflow:hidden;}

/* New reporter stuff */
#generateReport hr { background-color: #AAAAAA; color: #AAAAAA; height: 1px; border: none; }
#generateReport .sysBlock { padding: 5px; background-color: #ffffff; font: normal 12px verdana, tahoma, helvetica;}
#generateReport .reportHeader {	font: bold 14px Arial; color: #9b3737; }
#generateReport .reportSubHeader { padding: 4px;font: bold 12px Arial; color: #9b3737; }
#generateReport .reportSubSubHeader { font: bold 11px verdana,tahoma,helvetica;	color: #000000; padding:2px 0px 0px 3px;  overflow:hidden;
	margin: 0; vertical-align: top; }
.gecko #generateReport .reportSubSubHeader { padding:1px 1px 1px 3px; }
#generateReport .reportTable TABLE { padding: 0px; margin: 0px; font-size:10px; vertical-align: top; border-collapse: collapse;  table-layout: fixed; }
#generateReport .reportTableHead 
{
	height: 15px; padding:2px 10px 2px 3px; margin: 0; vertical-align: top; overflow: hidden; white-space: nowrap;
	border: none; font: bold 11px verdana, tahoma, helvetica; color: #222222;background-color: #ffffff;
}
#generateReport .reportTableCell
{
vertical-align: top; padding: 2px 10px 2px 3px; overflow: hidden; white-space: normal; color: #222222;
	font: normal 10px verdana, tahoma, helvetica;background-color: #ffffff;
}
#generateReport .reportSummary { vertical-align: top; font: normal 12px verdana, tahoma, helvetica; }
#generateReport .reportSummaryHeader { vertical-align: top; font: bold 12px verdana, tahoma, helvetica; }
#generateReport .reportPartSummary {font: bold 10px verdana, tahoma, helvetica; padding:2px 10px 2px 3px;  overflow:hidden;
	margin: 0; vertical-align: top; border-top: 1px solid #000000; }


/*
#ShowReportBlock .h1 { display: block; font: bold 14px verdana, tahoma, helvetica; margin: 10px 0px 15px 3px; color: #9b3737; }
#ShowReportBlock .h2 { border: none; font: bold 11px verdana, tahoma, helvetica; display: block; margin: 24px 5px 3px 3px; color: #9b3737; }
#ShowReportBlock .h3 { border: none; font: bold 10px verdana, tahoma, helvetica; display: block; margin: 14px 5px 3px 3px; color: #9b3737; }
#ShowReportBlock .leftHeader { float: left; margin-left: 10px; margin-top: 5px; font: 14px Arial, Verdana, Helvetica, sans-serif; }
#ShowReportBlock .rightHeader { float: right; margin-right: 10px; margin-top: 5px; font: 14px Arial, Verdana, Helvetica, sans-serif; }
#ShowReportBlock .ReportTable { padding: 0px; margin: 0px; font-size:10px; vertical-align: top; border-collapse: collapse;  table-layout: fixed; }
#ShowReportBlock .ReportTableSummary { margin: 10px 0px 10px 0px; }
#ShowReportBlock .ReportCell { 
	vertical-align: top; padding: 2px 10px 2px 3px; overflow: hidden; white-space: normal; color: #222222;
	font: normal 10px verdana, tahoma, helvetica;
}
#ShowReportBlock .ReportCell span { font: normal 10px verdana, tahoma, helvetica; color: #222222; }
#ShowReportBlock .ReportCellHeader {
	height: 15px; padding:2px 4px 1px 3px; margin: 0; vertical-align: top; overflow: hidden; white-space: nowrap;
	border: none; font: bold 11px verdana, tahoma, helvetica; color: #222222;
}
#ShowReportBlock .ReportCellHeader span { font: bold 11px verdana, tahoma, helvetica; color: #222222; }
#ShowReportBlock .ReportTableSummary .ReportCell, #ShowReportBlock .ReportTableSummary .ReportCell span { 
	font: normal 12px verdana, tahoma, helvetica;
}
#ShowReportBlock .ReportTableSummary .ReportCellHeader, #ShowReportBlock .ReportTableSummary .ReportCellHeader span { 
	font: bold 12px verdana, tahoma, helvetica;
}
#ShowReportBlock .ReportRowOdd { }
#ShowReportBlock .ReportRowEven { }
#ShowReportBlock .ReportRowFooter .ReportCell, #ShowReportBlock .ReportRowFooter .ReportCell span {
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
*/