@CHARSET "UTF-8";


.newLoginBox {font-size:14px;line-height:25px;font-family:GuardSans;position: absolute;}
.newLoginBoxTop {background-image:url('/img/login/t.png');}
.newLoginBoxLeft {background-image:url('/img/login/l.png');}
.newLoginBoxRight {background-image:url('/img/login/r.png');}
.newLoginBoxBottom {background-image:url('/img/login/b.png');}
.newLoginBoxCenter {background-color:#ffffff;}
.newLoginError { display:none; color:#f65014;}
.newLoginErrorTitle{font-weight: bold; width:131px; text-align: right;padding: 0px 25px 0px 0px;}
.newLoginRowTitle {font-weight: bold; width:131px; text-align: right;padding: 0px 25px 0px 0px;}
.newLoginErrorCont{padding: 0px 0px 0px 16px;}
.newLoginRowField {font-weight: bold;}
.newLoginRow {height:56px;}
.newLoginBox input{ background:#efefef; border:none; padding:10px 15px !important; width:244px; border-radius:20px; 
				  font-size:20px; color:#666; box-shadow:0 5px 4px #DBDBDB inset; text-align:left; height:auto !important; }
.newLoginBox input:focus{ background:#fffdca; box-shadow:0 5px 4px #cecc9e inset; }
.newLoginBox input.newLoginInputSubmit{background:#707273; color:#FFF; margin-top:10px; box-shadow:none; font-size:16px; cursor:pointer; width:auto; }
.newLoginBox input.newLoginInputSubmit:hover{ background:#555; }
.newLoginRowLang {font-weight: bold; width:131px; text-align: right;padding: 10px 25px 0px 0px;}
.newLoginMainTitle {text-align: center; color:#323232; padding-bottom:15px;  font-size:18px}
.newLoginWarning { width:400px;margin: 0px auto -1px auto; color:#ffffff; background:#f65014; font-size:16px; font-weight: bold; font-family:GuardSans;
padding: 5px 15px 15px 15px; border-radius: 0px 0px 15px 15px;
white-space: pre-wrap;
}
/*border-top-width	3px
border-right-width	19px
border-bottom-width	3px
border-left-width	3px*/

/* 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:15px; top:10px; color:#808080; }

.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:#0075b6;}
.genSettings .sysEditFormFieldSet {display:block; color:#0075b6; font-weight:bold; 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: #ffffff;}
.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: 11px;
	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: 14px;
	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;}
.FleetReports .graphImg { display: block; margin-left: auto; margin-right: auto; }

.DBListRowGrey .simWaiting {
	background-color: #ffff90;
}
.DBListRowWhite .simWaiting {
	background-color: #ffffc0;
}

.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:280px; height:150px; background-color:#ffffff; margin: 5px 5px 5px 5px;
		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 {display:inline-block;width:240px; margin: 5px 0px 0px 0px; position: right;}
.instantMessageInpMsg {height:42px;}
.instantMessageInpMsgI {width:100% !important; 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;}
.instantMessageInpRadioCont {display:inline-block; 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:200px;}
/* .sysEditField .sysEditForm */

.fleetLinkDD { width:300px; }
.periodsSpecificWrap { position: relative; padding-right: 15px; }
.periodsSpecificWrap .addLink { float: none; position: absolute; bottom: 4px; right: 0px; }
.periodsSpecificWrap DIV.addLink>SPAN { float: none; }
.periodsSpecificWrap>DIV>SPAN { float: right; margin-top: 2px; }

#FleetUnitStatusStatisticsBlock .DBViewTableTitle {
	width: 220px;
}

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

.editProject .sysEditField { width:460px; }
.editProject textarea.sysEditField {height:260px;}

#FleetUnitFuelProfileEditBlock .sysEditField,  #AdminUnitFuelCalibrationEditBlock .sysEditField  {
	width: 40px;
	margin-top: 5px;
}
#FleetUnitFuelProfileEditBlock .marginLeft, #AdminUnitFuelCalibrationEditBlock .marginLeft {
	margin-left: 10px;
}

.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;
    margin-left: 1px;
    margin-top: 1px;
    background-color: #ffffff;
    border:1px #c0c0c0 solid;
}
.travelLogSentenceList {
    cursor: pointer;
    line-height: 16px;
    min-width: 100px;
}
.travelLogSentenceList:hover {
    background-color: #f0f0f0;
}
#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: #0075b6;
	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: 10px 10px 0px 0px !important;
}
.sysPopupBody {
	-moz-border-radius: 0px 0px 10px 10px !important;
}
*/


#TravelLogFuelUseCalcEditBlock .sysEditFieldSmall {
	width: 115px;
}

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

#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: 11px;
}

#highIntervalIndicator {
    display: none;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 45px;
}

#poiImport .sysEditForm {table-layout:fixed;width:100%;}
#poiImport .sysEditFormTitle {width:220px !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: #0075b6; }
#generateReport .reportLargeText {	font: bold 16px Arial;}
#generateReport .reportSubHeader { padding: 4px;font: bold 12px Arial; color: #0075b6; }
#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 .reportTable TABLE TBODY>TR[class*="DBListRow"]:nth-child(even) {
	background-color: #f8f8f8;
}
#generateReport .reportTableHead {
	color: #222222 !important;
}
#generateReport .reportTableHead, .reportTableHeadGreen
{
	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;
}
#generateReport .reportSummary { vertical-align: top; font: normal 13px 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; }

.reportTableCellGreen {
	color: green !important;
}
.reportTableCellRed {
	color: red !important;
}

#generateReport .DBListHeader {
	white-space: normal;
	overflow: visible;
}
#generateReport .reportTableCell.insignificant {
	color: #aaaaaa;
}

/*
#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;
}
*/

.centerBlock {
	display:block;
	text-align: center;
}

.centerTable {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.iConRemove {
	cursor: pointer;
	vertical-align: text-bottom;
}

.FleetTracker {
	margin: 0px;
	padding: 0px;
}
.FleetTracker #myMap__MAP {
	position: absolute !important;
	left: 0px !important;
	top: 0px !important;
	width: 100% !important;
	height: 100% !important;
}

#tracker_error,#tracker_info {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 0px;
	right: 0px;
	width: 70%;
	margin: auto;
	padding: 10px;
	z-index: 10;
	background-color: red;
	background-color: rgba(255,0,0,.7);
	border-radius: 12px;
	text-align: center;
}

#tracker_info {
	background-color: green;
	background-color: rgba(0,255,0,.7);
}

#FleetReportContentDriverBehaviourDBLRow1 > TD {
	background-color: #92d050 !important;
}


#editpackage TABLE {
	border-collapse: collapse;
	border-spacing: 0;
}
#editpackage .header_permission>TD:first-child {
	font-weight: bold;
}
#editpackage .header_permission>TD, #editpackage .body_permission>TD {
	text-align: center;
	border-right: 1px solid silver;
	white-space: nowrap;
}
#editpackage .header_permission>TD:first-child, #editpackage .body_permission>TD:first-child {
	text-align: left;
	white-space: nowrap;
}
#editpackage .header_permission>TD {
	border-top: 1px solid silver;
}

#userShowPermissions .sysPopupBody>TABLE {

}
#userShowPermissions .sysPopupBody>DIV,#userShowPermissions .sysPopupBody>TABLE {
	display: block;
	margin: 10px;
	border: 1px solid silver;
	border-radius: 4px;
	width: auto;
}
#userShowPermissions .header {
	padding: 3px;
	background-color: rgba(1,153,220,.1);
}
#userShowPermissions .header:hover {
	background-color: rgba(1,153,220,.2);
}
#userShowPermissions .content {
	max-height: 350px;
	overflow-y: auto;
}
#userShowPermissions .content TBODY>TR:not(:last-child) {
	border-bottom: 1px solid rgba(1,153,220,.1);
}
#userShowPermissions .content {
	padding: 5px;
}
.customMapLayers INPUT {
	margin-top: 6px !important;
}
.customMapLayers INPUT.sysEditField {
	width: 86%;
}
.customMapLayers INPUT.sysEditFieldSmall {
	width: 43%;
}
.customMapLayers SPAN {
	font-weight: bold;
	margin-bottom: 3px;
}
.customMapLayersWrapper {
	height: 295px;
	padding: 5px;
	padding-top: 0;
	margin-top: 5px;
	box-sizing: border-box;
	overflow-y: auto;
	border: 1px solid silver;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.customMapLayers {
	border: 1px solid silver;
	padding: 5px;
	border-radius: 5px;
	margin-top: 5px;
	background-color: rgb(244, 246, 248);
}
.filterHeader {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-weight: bold;
    color: #333333;
    background-color: #f0f0f0;
    line-height: 20px;
}

.celltower_block {
    display: inline-block;
    width: 100px;
    height: 70px;
    border: 1px solid #DDD;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
}
.celltower_block TR TD:first-child {
    font-weight: bold;
    text-align: right;
}
.celltower_block_active {
    border-color: #3ff200;
    width: auto;
    height: auto;
}

SELECT[name=objDriver] OPTION[value='0'] {
	color: silver;
}

#editFormButtonFieldCell {
	text-align: right;
}
.sysPopupBody .sysEditStdRow:last-child TD INPUT {
	float: none;
	display: inline-block;
	margin-right: 0;
	margin-left: 5px;
}


.FleetUnitanalog #info {
	height: auto !important;
	border: 0;
}
.FleetUnitanalog #FleetUnitAnalogInfoBlock>DIV {
	padding: 0 !important;
}

#headsupContainer {
	position: fixed;
	left: 7%;
	top: 0;
	right: 7%;
	height: auto;
	z-index: 10000;
}

@keyframes headsupBounce {
	0% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ie-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	48% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ie-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		animation-timing-function: ease-out;
	}
	66% {
		-webkit-transform: translateY(-36%);
		-moz-transform: translateY(-36%);
		-ie-transform: translateY(-36%);
		-o-transform: translateY(-36%);
		transform: translateY(-36%);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	82% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ie-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		animation-timing-function: ease-out;
	}
	91% {
		-webkit-transform: translateY(-18%);
		-moz-transform: translateY(-18%);
		-ie-transform: translateY(-18%);
		-o-transform: translateY(-18%);
		transform: translateY(-18%);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ie-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		animation-timing-function: ease-out;
	}
}


.headsup {
	position: relative;
	padding: 24px 54px 20px 20px;
	margin-top: -4px;
	max-height: 95vh;
	overflow-y: auto;

	background-color: rgb(154, 210, 207);
	color: #1E1D24;
	font-size: 14px;
	font-weight: 600;
	text-align: center;

	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);
	-ie-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);
	-o-box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25);

	transform: translateY(-100%);
	margin-bottom: 4px;

	animation-name: headsupBounce;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	box-sizing: border-box;
}
.headsup A {
	position: relative;
	text-decoration: none;
	color: #1E1D24;
	padding-bottom: 3px;
	border-bottom: 2px solid #FFc629;
	cursor: pointer;
	-webkit-transition: padding-bottom 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-moz-transition: padding-bottom 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-ie-transition: padding-bottom 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: padding-bottom 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: padding-bottom 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.headsup A:hover {
	padding-bottom: 7px;
	color: rgba(250, 250, 250, 0.9);
}
.headsup .close {
	position: absolute;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	right: 15px;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	line-height: 23px;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 17px;
	cursor: pointer;

	-webkit-transition: color 100ms, border-color 100ms;
	-moz-transition: color 100ms, border-color 100ms;
	-ie-transition: color 100ms, border-color 100ms;
	-o-transition: color 100ms, border-color 100ms;
	transition: color 100ms, border-color 100ms;
}
.headsup .close:hover {
	border-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
}
.headsup .morecontent {
	max-width: 1200px;
	margin: 0 auto;
}
.headsup .morecontent P {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.slidediff_container {
	position: relative;
	display: inline-block;
	width: 100%;
	border-width: 0 50px;
	border-color: transparent;
	border-style: solid;
	cursor: pointer;
	margin: 20px auto;
}
.slidediff_container>IMG {
	width: 100%;
}
.slidediff_container DIV.slidediff_clipper {
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-right: 1px solid silver;
}
.slidediff_container DIV.slidediff_clipper>IMG {
	height: 100%;
}