@CHARSET "UTF-8";

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 17, 2012 */

@font-face {
	font-family: 'GuardSans';
	src: url('/fonts/guard-r-webfont.eot');
	src: url('/fonts/guard-r-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/guard-r-webfont.woff') format('woff'), url('/fonts/guard-r-webfont.ttf') format('truetype'), url('/fonts/guard-r-webfont.svg#GuardSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'GuardSans';
	src: url('/fonts/guard-b-webfont.eot');
	src: url('/fonts/guard-b-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/guard-b-webfont.ttf') format('truetype'), url('/fonts/guard-b-webfont.svg#GuardSansBold') format('svg');
	font-weight: bold;
	font-style: normal;

}

/* Some default setup */
/** {  margin: 0; padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}*/
body {
	margin: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
TABLE {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}

/*
Qhick'n'dirty fix for Font Awesome "buggy" rendering at different sizes
 */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-size: 14px;
}
.icon-reorder:before {
	font-size: 8pt !important;
}


.newDesign {
	font-size: 10px;
}

.app4 {
	background-color: #FFFFFF;
}

.right {
	text-align: right;
	padding-right: 8px !important;
}
.center {
	text-align: center;
}

.colorRed {
	color: #E00000 !important;
}

.backgroundRed {
	background: #FFCCCC !important;
}

.colorGreen {
	color: #00E000 !important;
}

.colorYellow {
	color: #E0E000 !important;
}

.colorOrange {
	color: #E07000 !important;
}

.bold {
	font-weight: bold !important;
}

.noBold {
	font-weight: normal !important;
}

.italic {
	font-style: italic;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.leftCol {
	width: 49%;
	float: left;
}

.rightCol {
	width: 49%;
	float: right;
}

.hidden {
	display: none;
}

.clearBoth {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	border: none;
}

.textIcon {
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 2px;
}

.small {
	font: normal 10px tahoma, Verdana, helvetica;
	color: #666666;
}

.large {
	font: normal 12px Verdana, tahoma, helvetica;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.warningMessage {
	color: #DD0000;
	display: block;
	margin: 3px;
}

.disabled, .disabled label {
	color: #808080 !important;
}

/* System styles */
.sysContent {
	background-color: #ffffff;
	border: none;
	overflow: auto;
	position: absolute;
	display: none;
}
.sysContent>TABLE>TBODY>TR>TD>DIV {
	border-radius: 4px;
	border: 1px solid #C0C0C0;
}

.sysButtonView {
	background-color: transparent;
}

.sysPopupTitle {
	white-space: nowrap;
	overflow: hidden;
	background-color: #0199dc;
	color: #ffffff;

	line-height: 18px;
	font-weight: bold;

	margin: 0px;
	padding: 1px 2px 1px 2px;

	width: 100%;

	border-radius: 3px 3px 0 0;

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

DIV>DIV:first-child .sysBlockHeader {
	border-radius: 3px 3px 0 0;
}

.app3 .sysBlockHeader {
}

.app4 .sysBlockHeader {
	background-image: url(/img/design/app4/frm/ghb.png);
}

.sysBlockHeaderImg {
	display: block;
	float: left;
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 18px;
}

.sysBlockHeaderImgR {
	display: block;
	float: right;
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 18px;
}

.sysBlockHeaderImgRight {
	padding: 0px 1px 0px 2px;
	float: right;
	cursor: pointer;
	vertical-align: top;
}

.sysBlockHeaderImgLeft {
	padding: 0px 2px 0px 0px;
	float: left;
	cursor: pointer;
	vertical-align: top;
}

.selected {
	background-color: orange;
}

.sysLayoutTitle {
	white-space: nowrap;
	overflow: hidden;
	background-color: #999999;
	font-weight: bold;
	color: #ffffff;
	background-image: url(/img/sys/frm/bhb.png);
	vertical-align: top;
	height: 20px;
}

.sysLayoutTitleImg {
	float: left;
	overflow: hidden;
	padding: 0px;
	margin: 0;
	height: 20px;
}

.sysLayoutTitleTxt {
	padding: 4px;
}

.sysButtonTitleBG {
	padding: 0px 1px 0px 2px;
	height: 70px;
	width: 100%
}

.sysButtonTitle {
	white-space: nowrap;
	overflow: hidden;
	background-color: #0080c0;
	font-weight: bold;
	color: #ffffff;
	vertical-align: top;
	height: 70px;
}

.sysButtonTitleButton {
	float: left;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: 70px;
	width: 10px;
}

.app3 .sysButtonTitleButton, .app4 .sysButtonTitleButton {
	width: 70px;
}

.sysButtonTitleLogo {
	float: right;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: 70px;
}

.sysButtonTitleTxt {
	height: 70px;
	padding: 18px 0px 0px 20px;
	margin: 0px;
	font-size: 24px
}

.ie6 .sysButtonTitleTxt, .ie7 .sysButtonTitleTxt {
	padding: 18px 0px 0px 10px;
}

.sysLayoutStatus {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.sysLayoutStatusBlock {
	overflow: hidden;
	white-space: nowrap;
	background-color: #efefef;
	border-top: 1px solid #333333;
	vertical-align: middle;
	height: 18px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	color: #333333;
	text-align: center;
}

.sysLayoutStatus a:link, .sysLayoutStatus a:visited, .sysLayoutStatus a:active, .sysLayoutStatus a:hover {
	color: #333333;
	text-decoration: none;
}

.sysBlock {
	position: relative;
	overflow: auto;
}
#LoginLoginBGNew .sysBlock, #sysButtonMenu .sysBlock {
	position: inherit;
}

/* TODO: Remove temporary fix for report main page in Fleet */
#reportsFrontSection .sysBlock {
	height: auto !important;
	/*overflow-y: auto;*/
}

.sysPointer {
	cursor: pointer;
}
.sysContent>TABLE>TBODY>TR>TD>DIV>DIV:not(:first-child)>.sysBlockHeader {
	margin-top: 10px;
}

.linkStyle {
	cursor: pointer;
	color: #0000EE;
	text-decoration: underline;
}

.sysBlackGS {
	height: 100%;
}

.sysIronBG {
	background: #e0e8ef url('/img/loginbg.png') center center no-repeat;
}

.sysFeatherBG#loginBackground {
	border: 0;
	overflow: hidden;
}

/* Menu relates styles */
.sysMenu {
	background: #FF0000 url('/img/sys/menu/bg.gif') repeat-x bottom center;
	border-right: 2px solid #707070;
}

.sysMenu ul {
	font-weight: bold;
	list-style-type: none;
	/*	list-style-position: inside; */
	color: #FFFFFF;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	background: #CCCCCC;
}

.sysMenu ul ul {
	/*	list-style-type: circle; */
	/*	list-style-position: outside; */
	margin: 0 0 0 16px;
}

.sysMenu li {
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: #999999;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;

}

.sysMenu li.sysMenuActive {
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: #2679F5;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #438BF6;
	border-top: 1px solid #438BF6;
}

.sysMenu li.sysMenuOver {
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: #2679F5;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 1px solid #438BF6;
	border-top: 1px solid #438BF6;
}

.systemApplogo {
	margin: 16px 0px 16px 16px;
}

.systemApplogo>DIV {
	color: #636265;
	margin-left: 1px;
	font-size: 12px;
}

.sysButtonMenu {
	background-color: transparent;
	margin-left: 0;
	border: 0;
	border-radius: 0;
	border-right: 1px solid #C0C0C0;
}

.sysMenuText {
	height: 16px;
	padding: 2px 0px 0px 0px;
	overflow: hidden;
	white-space: nowrap;
	font-family: GuardSans, Verdana, Arial, Helvetica, sans-serif;
}

.sysButtonMenuText {
	font-family: GuardSans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 3px 0px 3px 16px;
	/*	height:24px; */
	margin-right: 10px;
	color: #817f84;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	/*	border: 1px solid #438BF6;*/
}

.gecko .sysButtonMenuText {
	padding: 4px 0px 2px 16px;
}

.sysButtonMenuTextActive {
	color: #FFFFFF;
	background-color: #0199dc;
	border-radius: 0px 3px 3px 0px;
}

.sysButtonMenuTextWasActive {
	color: #FFFFFF;
	background-color: #dcdcdc;
	border-radius: 0px 3px 3px 0px;
}

.sysButtonMenuButton {
	float: left;
	cursor: pointer;
	margin-left: 28px;
}

/* .sysButtonMenuIcon {float:right;padding:0px 8px 0px 0px; margin:0px;} */

.sysButtonMenu ul {
	list-style-type: none;
	font-weight: bold;
	color: #817f84;
	padding-left: 16px;
	margin: 0px;
	margin-right: 10px;
	margin-left: 0px;
	font-size: 11px;
}

.sysButtonMenu ul ul {
	/*	list-style-type: circle; */
	/*	list-style-position: outside; */
	padding-left: 16px;
	margin: 0 0 0 0px;
}

.sysButtonMenu li {
	font-family: GuardSans, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	/*	padding-left: 16px; */
	margin: 0;
	margin-left: 0px;
	cursor: pointer;
	/*	background-image: url('/img/design/app2/menuarrow1.png');
		background-repeat: no-repeat;
		background-position: 5px 5px;*/
}

.sysButtonMenu li>DIV {
	background-image: url('/img/design/app2/menuarrow1.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 16px;
	border-radius: 0px 3px 3px 0px;
}

.gecko .sysButtonMenu li>DIV {
	background-position: 5px 6px;
	padding-top: 5px;
}

.win.gecko .sysButtonMenu li>DIV {
	padding-top: 4px;
}

sysButtonMenu li.sysMenuActive {
	color: #000000;
}

.sysButtonMenu li.sysMenuActive>DIV {
	background-color: #0199dc;
	color: #FFFFFF;
}

.sysButtonMenu li>DIV:hover, .sysButtonMenuText:hover {
	background-color: rgba(129, 127, 132, 0.3);
	border-radius: 0px 3px 3px 0px;
}

.ie8 .sysButtonMenu li>DIV:hover, .ie8 .sysButtonMenuText:hover {
	background-color: #cfcfcf;
}

.ie7 .sysButtonMenu li>DIV:hover, .ie7 .sysButtonMenuText:hover {
	background-color: #cfcfcf;
}

.sysButtonMenu li.sysMenuActive>DIV:hover {
	background-color: #0199dc;
}

.sysButtonMenu li.sysMenuOver {
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: #0000ff;
}

.systemCloseButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.sysGetQueueProgFrame, .sysGetLocProgFrame {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 20px;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.sysGetQueueProgBar, .sysGetLocProgBar {
	background-color: #80a0ff;
	float: left;
	width: 1px;
	height: 20px;
}

.sysGetQueueProgText, .sysGetLocProgText {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Edit related styles */
INPUT, SELECT, TEXTAREA {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

INPUT[type=text], SELECT, TEXTAREA {
	padding: 0px !important;
	margin: 0px !important;
}

INPUT[type=checkbox][disabled] {
	background-color: #E0E0E0;
}
INPUT[readonly] {
	background-color: #E0E0E0;
}

DIV.color {
	width: 14px;
	height: 14px;
	border-width: 1px;
	border-style: inset;
}
DIV.color > INPUT[type=color] {
	opacity: 0;
	display: block;
	width: 14px;
	height: 14px;
	border: none;
}
/*INPUT[type=color] {
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	width: 14px;
	height: 14px;
}
INPUT[type=color]::-webkit-color-swatch-wrapper {
	padding: 0;
}
INPUT[type=color]::-webkit-color-swatch {
	border: none;
}*/

/* Fix for unstylable chrome "Choose file"-button */
.chrome input[type=file] {
	height: 25px !important;
}

input, select {
	height: 18px !important;
}

textarea {
	color: #000000;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.newDesign textarea {
	font-size: 11px;
}

/*input { color: #000000; font-size: 10px; background-color: #FFFFFF; border: 1px solid #CCCCCC; height:18px;}*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
}
textarea {
	white-space: pre-wrap;
}

.newDesign input {
	font-size: 11px;
}

.linux.gecko input {
	padding: 1px 0px 1px 0px;
}

input[type=text] {
	vertical-align: middle;
}

input[type=checkbox] {
	background-color: transparent;
	width: 14px;
	height: 14px !important;
	margin: 0;
	padding: 0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ie-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ie-appearance: none;
	-khtml-appearance: none;
	appearance: none;

	border: 1px solid #CCCCCC;
}

input[type=checkbox]:checked {
	background-image: url('/img/sys/edit/checked.png');
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

.newDesign input[type=checkbox] {
	height: 16px;
}

input[type=radio] {
	border: none;
	background-color: transparent;
	width: auto;
	height: 14px;
}

.newDesign input[type=radio] {
	height: 16px;
}

select {
	color: #000000;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 18px;
}

.newDesign select {
	font-size: 11px;
	height: 20px;
}

FIELDSET[disabled] INPUT, FIELDSET[disabled] SELECT, INPUT[disabled] {
	color: #606060;
	background-color: #e0e0e0 !important;
	cursor: default !important;
}

.sysEditStd {
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	padding: 0px;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

.newDesign .sysEditStd {
	margin: 5px 0px 0px 0px;
}

.sysEditStdTitle {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 95px;
	white-space: nowrap;
	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;
	vertical-align: top;
	padding: 3px 0px 0px 3px;
}

sysEditStdTitle {
	width: 95px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 20px;
	margin: 0;
	padding-top: 1px;
	vertical-align: top;
	padding: 1px 0px 0px 3px;
	color: #000000;
}

.newDesign .sysEditStdTitle {
	height: 20px;
	color: #000000;
	border: none;
	background-color: #ffffff;
}

.sysEditStdSubmitTitle {
	width: 100px;
}

.newDesign .sysEditStdSubmitTitle {
	width: 95px;
}

.sysEditStdFieldCont {
	white-space: nowrap;
	margin: 0px 0px;
	padding-top: 0px;
}

.sysEditDateField {
	width: 70px;
}

.sysEditCalButt {
	cursor: pointer;
}

.sysEditTimeField {
	width: 20px;
}

/* Normal edit box */
.sysEditStd .sysEditField {
	width: 100%;
}

.sysEditDropdown {
	background: white url('/img/sys/btndropdown.png') no-repeat;
	background-position: right;
}
INPUT[type=text][onclick].sysEditDropdown {
	padding-right: 16px !important;
	padding-left: 3px !important;
}

.webkit .sysEditDropdown {
	background: white url('/img/sys/btndropdown_chrome.png') no-repeat;
	background-position: right top;
}

.opera .sysEditDropdown {
	background: white url('/img/sys/btndropdown_opera.png') no-repeat;
	background-position: right top;
}

.gecko .sysEditDropdown {
	background: white url('/img/sys/btndropdown_gecko.png') no-repeat;
	background-position: right top;
}

.newDesign .sysEditStd .sysEditField {
	width: 92%;
}

/* Radio and Checkbox */
.sysEditStd .sysEditFieldShort {
	vertical-align: middle;
}

/* Meta input field */
.sysEditMetaInput {
	border-top: 0px;
}

.sysEditMIBlock, .sysEditMIBlock:hover {
	padding-left: 3px;
}

.sysEditMIBlock:first-child {
	padding-top: 2px;
}

.sysEditMIBlock:hover {
	color: #ffffff;
	background-color: #1E90FF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sysEditStd .sysEditButton {
	display: block;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.sysEditStd .sysEditSubField {
	vertical-align: middle;
	white-space: nowrap;
	margin: 1px 0px;
	padding-top: 1px;
	vertical-align: top;
}

.sysEditStd .sysEditSubLabel {
	vertical-align: middle;
	white-space: nowrap;
	margin: 1px 0px;
	padding-top: 2px;
}

.sysEditStdTitleError {
	color: #E00000;
}

.sysEditStdFieldContError {
	color: #E00000;
	white-space: normal;
}

.sysEditFieldMS {
	position: fixed;
	background-color: #ffffff;
	padding: 0px;
	border: 1px solid #aaaaaa;
	display: none;
	z-index: 1000;
}

.sysEditFieldMSList {
	white-space: nowrap;
	overflow: auto;
	padding: 5px;
	width: 100%;
}

.sysEditFieldMSAll {
	padding: 5px;
	float: left;
	cursor: pointer;
	color: #3a4586;
}

.sysEditFieldMSNone {
	padding: 5px;
	float: right;
	cursor: pointer;
	color: #3a4586;
}

.sysEditFieldMSTbl {
	padding: 0px;
}

.sysEditFieldMSRow {
	padding: 1px;
	margin: 0;
	cursor: pointer;
	border: 0;
	white-space: nowrap;
}

.sysEditFieldMSRow:hover {
	padding: 1px;
	margin: 0;
	cursor: pointer;
	background: #c1d5e8;
	border: 0;
	white-space: nowrap;
}

.sysEditFieldMSLine {
	padding: 1px;
	white-space: nowrap;
}

.sysEditFieldMSLine .sysEditSubLabel {
	cursor: pointer;
}

.sysEditForm {
	margin: 5px 0px 0px 1px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	border-spacing: 0;
	width: 99%;
}
.sysEditForm .sysEditFormFieldCont {
	white-space: normal;
}

/* The IE7 seems to have problem with the with for the upload field. (AB HACK) */
.ie7 #FleetPoiImportBlock .sysEditForm {
	width: 99% !important;
}

.sysEditFormTitle {
	width: 130px;
	overflow: hidden;
	height: 20px;
	margin: 0;
	padding-top: 1px;
	vertical-align: top;
	padding: 2px 0px 0px 3px;
	color: #000000;
}

.sysEditFormTitle {
	/*border-right: 1px solid #d6d9db; border-bottom: 1px solid #d6d9db; border-left: 1px solid #f6f9fc;
						border-top: 1px solid #f6f9fc; width:130px; */
	overflow: hidden;
	height: 18px;
	margin: 0;
	vertical-align: top;
	font-weight: bold;
	padding: 2px 1px 1px 4px;
	color: #333333;
}

.newDesign .sysEditFormTitle {
	height: 20px;
	padding: 2px 0px 0px 3px;
	color: #000000;
	border: none;
	background-color: #ffffff;
}

.app3 .sysEditFormTitle {
	border-right: 1px solid #d6d9db;
	border-bottom: 1px solid #d6d9db;
	border-left: 1px solid #f6f9fc;
	height: 18px;
	border-top: 1px solid #f6f9fc;
	background-color: #e7eaed;
	font-weight: bold;
	padding: 1px 0px 0px 3px;
	color: #333333;
}

.app4 .sysEditFormTitle {
	border-right: 1px solid #dbd6d6;
	border-bottom: 1px solid #dbd6d6;
	border-left: 1px solid #fcf7f6;
	height: 18px;
	border-top: 1px solid #fcf7f6;
	background-color: #ede8e7;
	font-weight: bold;
	padding: 1px 0px 0px 3px;
	color: #333333;
}

.sysEditFormSubmitTitle {
	width: 130px;
}

.sysEditFormFieldCont {
	white-space: nowrap;
	margin: 0px 0px;
	padding-top: 0px;
}

/* Normal edit box */
.sysEditForm .sysEditField {
	width: 100%;
}

.sysEditForm .sysEditFieldSmall {
	width: 110px;
}

.sysEditForm  textarea.sysEditField {
	height: 43px;
}

/* Radio and Checkbox */
.sysEditForm .sysEditFieldShort {
	vertical-align: middle;
}

.sysEditForm .sysEditButton {
	display: inline-block;
	cursor: pointer;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

.sysEditForm .sysEditSubField {
	vertical-align: top;
	margin: 1px 0px;
	padding: 0px;
}

.sysEditForm .sysEditSubLabel {
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
}
.sysEditSubLabel>INPUT {
	margin: 0 3px !important;
	margin-bottom: 2px !important;
}

.sysEditFormTitleError {
	color: #E00000;
}

.sysEditFormFieldContError {
	color: #E00000;
	white-space: normal;
}

#editFormButtonRow .sysEditButton {
	min-width: 50px;
}

/* Fieldset */
.sysEditFormFieldSet, .sysBlock FIELDSET {
	padding: 2px 5px 5px 5px;
	border: 1px solid silver;
//	border-radius: 5px;
}

.sysEditFormFieldSet LEGEND, .sysBlock FIELDSET LEGEND {
	font-weight: bold;
	margin-left: 2px;
}

/*Wizard fixed height dialog*/
#editFormInputs {
	margin-left: 10px;
	margin-right: 10px;
	max-height: 500px;
	overflow: auto;
}

#editFormInputs + TABLE {
	margin-left: auto;
	margin-right: 15px;
	width: auto;
}

#editFormButtonFieldCell {
	/*text-align: right;*/
}

.app4 .sysEditFormFieldSet legend {
	font-size: 12px;
	font-weight: normal;
	margin-left: 3px;
}

.sysEditFormFieldSet .sysEditForm {
	border-spacing: 3px;
}

.sysEditFormFieldSet .sysEditFormTitle {
	border: none;
}

/* Popup styles */
.sysPopup {
	position: absolute;
	left: 100px;
	top: 250px;
	width: 260px;
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	-o-box-shadow: 1px 1px 5px #888;
	-ie-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}

.sysPopupBG {
	background: #eff2f5 url('/img/design/app2/popup/popupbg.png') top left no-repeat;
}

.sysPopupShadeUnder {
	background: url('/img/design/app2/popup/botshad.png');
}

.sysPopupShadeRight {
	background: url('/img/design/app2/popup/rightshad.png');
}

.sysPopupShadeCorner {
	background: url('/img/design/app2/popup/cornshad.png');
}

.sysBlockHeader {
	white-space: nowrap;
	background-color: #0199dc;
	color: #ffffff;
    border-bottom: #0199dc solid 3px;

    overflow: hidden;

	line-height: 16px;
	font-weight: bold;

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

.sysBlockHeaderTabWhite {
    display: inline-block;
    vertical-align: top;
    float: left;
    background: #ffffff;
}

.sysBlockHeaderTab {
    display: inline-block;
    padding: 2px 6px 0px 4px;
    border-radius: 0px 4px 0px 0px;
    background: #0199dc;
}

.sysBlockHeaderRound {
    display: block;
    padding-top: 1px;
    overflow: hidden;
    vertical-align: top;
    background: #ffffff;
    border-radius: 0px 0px 0px 4px;
}

.newDesign .sysPopupTitle {
	padding: 3px 4px 0px 4px;
	font-size: 11px;
	height: 21px;
	color: #002b53;
}

.sysPopupBody {
	overflow: auto;
	margin: 0;
	padding: 0 3px 5px 3px;

	border-top: none;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	width: 100%;
	background-color: rgb(244, 246, 248);
}

.newDesign .sysPopupBody {
	background-color: #ffffff;
	padding: 0px 0px 6px 0px;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	background-image: none;
}

.sysPopupBodyInt {
	padding: 0 3px 0px 3px;
}

.sysPopupTabBody {
    border-top: none;
    border-right: 1px solid #666666;
    border-bottom: none;
    border-left: 1px solid #666666;
    background: #eff2f5;
}

.sysTabBarAround {
	overflow: hidden;
    border-spacing: 0px;
}

.sysTabBar {
	position: relative;
	white-space: nowrap;
	height: 20px;
}

.sysTabBarTD {
	font-size: 11px;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;

	position: relative;
	display: inline-block;
	line-height: 18px;
	padding: 1px 6px 1px 3px;
	border: 1px solid #C0C0C0;
	border-bottom: 0;
	border-radius: 0 5px 0 0;

	color: #424242;
	background-color: #E4E6E9;
	margin-left: -4px;
}

.sysTabBarTD:first-child {
	margin-left: 0;
}

.sysTabBarActive {
	color: #000000;
	background-color: #FFFFFF;
}

.app4 .sysPopupBody {
	background: #f5f0ef;
}

.sysPopupImgRight {
	padding: 1px 0px 0px 3px;
	float: right;
	cursor: pointer;
}

.sysPopupImgLeft {
	padding: 1px 2px 0px 0px;
	float: left;
	cursor: pointer;
}

.sysModalBg {
	background: url('/img/sys/popup/trans.png');
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.ie6 .sysModalBg {
	background: url('/img/sys/popup/trans.gif');
}

/* Block related styles */
.sysContextBg {
	background: url('/img/sys/h.gif');
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.sysContextMenu {
	position: absolute;
	background-color: #fefefe;
	color: #000000;
	padding: 1px;
	border: 1px solid silver;
	border-radius: 3px;
	white-space: nowrap;
	display: none;

	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	-o-box-shadow: 1px 1px 5px #888;
	-ie-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;

	overflow-y: auto;
	max-height: 100%;
	box-sizing: border-box;
}

.sysContextMenuRow, .sysContextMenuRowDisabled {
	padding: 2px;
	margin: 0;
	cursor: default;
	border: 0;
	color: #000000;
	white-space: nowrap;
	line-height: 14px;
}

.sysContextMenuRowDisabled {
	cursor: default;
	color: #777777;
}

.sysContextMenuRow:hover, .sysContextMenuRowDisabled:hover {
	padding: 1px;
	margin: 0;
	cursor: pointer;
	background: #0199dc;
	color: #ffffff;
	border: 0;
	white-space: nowrap;
}

.sysContextMenuRowDisabled:hover {
	background-color: #dddddd;
	color: #777777;
	cursor: default;
}

.sysContextMenuItem {
	padding: 1px;
	white-space: nowrap;
}

.sysContextMenuItem a, .sysContextMenuItem a:link, .sysContextMenuItem a:visited {
	text-decoration: none;
	color: #000000;
}

.sysContextMenuItem:hover a, .sysContextMenuItem:hover a:link, .sysContextMenuItem:hover a:visited {
	color: #ffffff;
}

.sysContextMenuImg {
	margin-top: 3px;
	/*background: url("/img/sys/block/cm_lb.gif") no-repeat;*/
}
.sysContextMenuImg:before {
	content: '\25B6';
	line-height: 0px;
}


.sysContextMenuHr {
	margin: 5px 2px;
}

.ie .sysContextMenuHr {
	margin: 0px 2px;
}

/* DBView styles */
.DBViewTable {
	padding: 0px;
	font-size: 10px;
	border-spacing: 0px;
	vertical-align: top;
	table-layout: fixed;
	margin: 0px;
}

.DBViewTableTitle {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 1px 0px 0px 3px;
	height: 16px;
	margin: 0px;
	vertical-align: top;
	overflow: hidden;
	font-weight: bold;
	color: #333333;
	width: 95px;
	background-color: #f0f0f0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.DBViewTableContentWhite {
	background-color: #FFFFFF;
	overflow: hidden;
	vertical-align: top;
	padding: 2px 0px 0px 3px;
}

.DBViewTableContentGray {
	background-color: #f0f0f0;
	overflow: hidden;
	vertical-align: top;
	padding: 2px 0px 0px 3px;
}

/* DBList styles */
.DBListTable {
	padding: 0px;
	font-size: 10px;
	border-spacing: 2px 0px;
	vertical-align: top;
	table-layout: fixed;
	margin-bottom: 6px;
}

.DBListHeader, TH {
	position: relative;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 3px 0px 0px 3px;
	height: 15px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	color: #333333;
	background-color: #f0f0f0;
	white-space: nowrap;
}

.gecko .DBListHeader {
	padding: 1px 1px 1px 3px;
}

.ie7 .DBListHeader>DIV, .ie7 .DBListHeader>SPAN {
	overflow: hidden;
	white-space: nowrap;
}

/*.warning {
	position: absolute;
	top: 1px;
	right: 3px;
	width: 11px;
	height: 11px;
	line-height: 10px;

	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcff38), color-stop(1, #c9c900) );
	background: -moz-linear-gradient( center top, #fcff38 5%, #c9c900 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcff38', endColorstr='#c9c900');
	background-color: #fcff38;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;

	text-indent: 0;
	border: 1px solid #d6d600;
	color: #e64a4a;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
}*/
.warning {
	position: absolute;
	top: 1px;
	right: 3px;
	width: 11px;
	height: 11px;
	line-height: 10px;
	text-align: center;

	background-color: rgb(255, 255, 0);
	color: rgb(255, 87, 0);
	border-radius: 10px;
	border: 1px solid rgb(255, 174, 0);
}

.DBListCell {
	position: relative;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	white-space: nowrap;
	height: 16px;
	text-overflow: ellipsis;
}

.DBListCellExtend {
	background: url('/img/sys/btnextend.png') no-repeat;
	background-position: right;
}

.DBListWrapableCell {
	white-space: normal;
	overflow: visible;
}
/* Hierarchy view */
.tree TR:not(:first-child) SPAN::after {
	content: ' ';
	border: 1px solid silver;
	width: 12px;
	height: 17px;
	position: absolute;
	margin-left: -3px;
	margin-top: -2px;
	border-right: 0;
	border-top: 0;
}
.branch .DBListRowConImg {
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	transition: 200ms linear;

	-webkit-transform-origin: 45% 40%;
	-moz-transform-origin: 45% 40%;
	-o-transform-origin: 45% 40%;
	-ms-transform-origin: 45% 40%;
	transform-origin: 45% 40%;
}
.branch.closed .DBListRowConImg {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.ChooBlock TABLE {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.ChooBlock TR:nth-child(even) {
	background-color: #f0f0f0;
}
.DBListRowWhite TD, .DBListRowGrey TD, .DBListRowWhiteHover TD, .DBListRowGreyHover TD {
	vertical-align: top;
	padding-top: 2px;
}
.DBListRowWhite {
	background-color: #FFFFFF;
}

.DBListRowWhiteSelected {
	background-color: #808080;
	color: #ffffff
}

.DBListRowWhite.selected {
	background-color: #808080;
	color: #ffffff
}

TR[class*=DBListRow] TD {
	/* work-around for bug where td does not respect background-color changes on tr */
	background-color: inherit;
}

.DBListRowWhiteHover {
	background-color: #dddddd;
}

.DBListRowWhite.hover {
	background-color: #dddddd !important;
}

.DBListRowWhiteHoverSelected {
	background-color: #404040;
	color: #ffffff
}

.DBListRowWhiteHover.selected {
	background-color: #404040;
	color: #ffffff
}

.DBListRowGrey {
	background-color: #f0f0f0;
}

.DBListRowGreySelected {
	background-color: #707070;
	color: #ffffff
}

.DBListRowGrey.selected {
	background-color: #707070;
	color: #ffffff
}

.DBListRowGreyHover {
	background-color: #dddddd;
}

.DBListRowGrey.hover {
	background-color: #dddddd;
}

.DBListRowGreyHoverSelected {
	background-color: #404040;
	color: #ffffff
}

.DBListRowGreyHover.selected {
	background-color: #404040;
	color: #ffffff
}

.DBListDDSmal {
	height: 15px;
	padding: 0px;
	font-size: 10px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

.ie7 .DBListDDSmal {
	height: 16px;
	padding: 0px;
	font-size: 10px;
	margin: 0px;
	border: 0px solid;
}

.DBListRowWhite .DBListRowConImg {
	background: url("/img/sys/block/content_wbg.gif") no-repeat;
}

.DBListRowWhiteHover .DBListRowConImg {
	background: url("/img/sys/block/content_hbg.gif") no-repeat;
}

.DBListRowGrey .DBListRowConImg {
	background: url("/img/sys/block/content_gbg.gif") no-repeat;
}

.DBListRowGreyHover .DBListRowConImg {
	background: url("/img/sys/block/content_hbg.gif") no-repeat;
}

.iCon {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #e0e0e0;
	cursor: pointer;
}
.DBListRowWhite TD IMG.iCon {
	background-color: #ffffff;
}
.DBListRowGrey TD IMG.iCon {
	background-color: #f0f0f0;
}

.iConAlert {
	position: absolute;
	right: 16px;
}

/*.DBListRowInfoImg { background: url("/img/sys/block/info.png") no-repeat;background-position:right;}*/
.posrel {
	position: relative;
}

.webkit .DBListCtxMenu {
	padding: 0px;
	width: 18px !important;
}

/* Standard tables */
.stdTable {
	margin: 0px;
}

/*.newDesign .stdTable {  } */
.stdHeadRow {
}

.stdHeadCol {
	font-weight: bold;
	border-bottom: 1px solid #888888;
}

.stdHeadCol span {
	font-weight: bold;
}

.stdRow {
}

.stdCol {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #DDDDDD;
}

.stdFootRow {
}

.stdFootCol {
	font-weight: bold;
	border-top: 1px solid #555555;
}

.stdFootCol span {
	font-weight: bold;
}

/* Report styles */
/* Pre report designchange:
#ShowReportBlock { padding: 5px; }
#ShowReportBlock .h1 { display: block; font: bold 18px Arial, Verdana, Helvetica, sans-serif; margin: 10px 0px 5px 0px; text-align: center; }
#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 { width: auto; margin: 10px 10px 20px 10px; }
#ShowReportBlock .ReportCellHeader { font-weight: bold; }
#ShowReportBlock .ReportCell { vertical-align: top; padding: 2px 10px 2px 3px; overflow: hidden; white-space: normal; color: #222222; }
#ShowReportBlock .h2 { border: none; font: bold 16px Arial, Verdana, Helvetica, sans-serif; display: block; margin: 13px 5px 3px 5px; }
#ShowReportBlock .ReportRowHeader .ReportCellHeader {
	height: 15px; padding:2px 4px 1px 3px; margin: 0; vertical-align: top; overflow: hidden; white-space: nowrap;
	border: none; background: #BABABA url(/img/tables/report/th.png) repeat-x top left;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #222222;
}
#ShowReportBlock .ReportRowHeader .ReportCellHeader span { font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #222222; }
#ShowReportBlock .ReportRowOdd { background: #FDFDFD url(/img/tables/report/td-odd1.png) repeat-x top left; }
#ShowReportBlock .ReportRowEven {
	background: #ECECEC url(/img/tables/report/td-even1.png) repeat-x top left;
}
#ShowReportBlock .ReportRowFooter .ReportCell {
	font-weight: bold; border: none; background: #D3D3D3 url(/img/tables/report/tf.png) repeat-x top left;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
#ShowReportBlock .ReportRowFooter .ReportCell span { font: bold 12px Arial, Verdana, Helvetica, sans-serif; }
*/

#ShowReportBlock {
	padding: 5px;
}

#ShowReportBlock hr {
	background-color: #AAAAAA;
	color: #AAAAAA;
	height: 1px;
	border: none;
}

#ShowReportBlock .h1 {
	display: block;
	font: bold 14px Verdana, tahoma, helvetica;
	margin: 10px 0px 15px 3px;
	color: #0075b6;
}

#ShowReportBlock .h2 {
	border: none;
	font: bold 11px Verdana, tahoma, helvetica;
	display: block;
	margin: 24px 5px 3px 3px;
	color: #0075b6;
}

#ShowReportBlock .h3 {
	border: none;
	font: bold 10px Verdana, tahoma, helvetica;
	display: block;
	margin: 14px 5px 3px 3px;
	color: #0075b6;
}

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

/* Help block styles */

.ShowHelpBlock {
	padding: 5px;
	width: 100%;
	background-color: #FFFFFF;
}

.helpBlockBorder {
	border: 2px groove threedface;
	margin: 6px 3px 0px 3px;
	overflow-y: auto;
	height: 98%;
	/*padding: 2px 5px 5px 5px;*/

}

.helpBlock_link {
	text-decoration: underline;
	cursor: pointer;
}

.helpBlock_GS_Header {
	display: block;
	font: bold 14px Verdana, tahoma, helvetica;
	margin: 10px 0px 3px 0px;
	color: #0075b6;
}

.helpBlock_GS_Title {
	font: bold 11px Verdana, tahoma, helvetica;
}

.helpBlock_GS_Text {
	font-size: 10px;
	font-family: Verdana, tahoma, helvetica;
	margin: 0px;
	margin-left: 3px;
	color: #000000;
}

#systemShowHelp {
	/*	z-index: 1001 !important;*/
}

#systemShowHelp input, #systemShowHelp select {
	width: 200px;
}

#systemShowHelp input[type=button], #systemShowHelp input[type=submit] {
	width: auto;
}

#AdminHelpblocksHelpblocksViewBlock, #AdminHelpblocksHelpblocksSearchBlock, #AdminHelpblocksHelpblocksContentBlock {
	background: none;
	background-color: #FFFFFF;
}

#AdminHelpblocksHelpblocksViewBlock input {
	width: 130px;
}

#AdminHelpblocksHelpblocksViewBlock input[type=image] {
	width: auto;
	vertical-align: bottom;
}

#AdminHelpblocksHelpblocksContentBlock UL {
	margin-left: 0px;
}

#AdminHelpblocksHelpblocksContentBlock UL LI {
	list-style-type: square;
}

/* Calender spesific styles */

.cpYearNavigation, .cpMonthNavigation {
	background-color: #C0C0C0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
	font-family: arial;
	font-size: 8pt;
}

TD.cpDayColumnHeader {
	text-align: right;
	border: solid thin #C0C0C0;
	border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
	text-align: right;
	text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate {
	color: #000000;
}

.cpOtherMonthDate {
	color: #808080;
}

TD.cpCurrentDate {
	color: white;
	background-color: #C0C0C0;
	border-width: 1px;
	border: solid thin #800000;
}

TD.cpCurrentDateDisabled {
	border-width: 1px;
	border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
	border: solid thin #C0C0C0;
	border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
	height: 20px;
}

A.cpTodayText {
	color: black;
}

s
.cpTodayTextDisabled {
	color: #D0D0D0;
}

.cpBorder {
	border: solid thin #808080;
}

.cpPopup {
	position: absolute;
	background-color: #ffffff;
}

.mapPlaceHolder {
	font-size: 6px;
}

.BingMapContainer {
	position: absolute;
	padding: 0px 0px 0px 0px;
}

.mapMenu {
	position: absolute;
	border-radius: 0px 15px 0px 15px;
	background: url(/img/sys/bg_trans_grey.png);
	background: rgba(127, 127, 127, .5);
}

.mapMenu ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}

.mapMenu ul li {
	background: transparent;
	padding: 0px;
	border-width: 0px;
	margin-left: 10px;
	float: left;
}

.mapMenu ul li:first-child {
	margin-left: 0px;
}

.mapMenu ul ul {
	position: absolute;
	top: 40px;
	border-width: 0px;
	margin-left: -6px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(/img/sys/bg_trans_grey.png);
	background: none repeat scroll 0 0 rgba(170, 170, 170, 0.9);
}

.mapMenu ul ul li {
	float: none;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	padding: 5px;

}

.mapMenu ul ul>li:first-child {
	border-radius: 0 15px 0 0;
}

.mapMenu ul ul>li:last-child {
	border-radius: 0 0 15px 15px;
}

.mapMenu ul ul li a {

	display: inline-block;
}

.mapMenu ul ul li a SPAN {
	display: inline-block;
	min-width: 150px;
}

.mapMenu .selected {
	background-color: #0199dc;
}

.mapMenu ul ul li a span>span {
	min-width: 0;
	width: auto;
}

.mapMenu, .mapMenu ul ul {
	padding: 5px;
	border-width: 0px;
}

.mapMenu ul>li>ul {
	padding: 0px;
}

.mapMenu ul ul {
	padding-top: 0px;
	border-radius: 0px 0px 15px 15px;
	border-color: transparent;
}

.mapMenu a, .mapMenu a:link, .mapMenu a:visited {
	cursor: pointer;
	display: inline;
}

.mapMenu>UL>LI>UL>LI:last-child {
	/*background-color: green;*/
}

.systemMapSelPopUpFrame {
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 2px 2px 2px 2px;
	width: 630px;
	height: 440px;
}

/* For button view */
.sysButtonViewTable {
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 800px;
	text-align: left;
}

.sysButtonViewTitle {
	font-size: 36px;
	font-weight: bold;
	float: left;
}

.sysButtonViewContCell {
	padding: 3px;
}

.app3 .sysButtonView DIV.sysBlockHeaderTab, .sysButtonView DIV.sysBlockHeader {
	background: none;
	background-color: #ffffff;
	color: #0075b6;
	height: 22px;
	font-size: 16px;
	background-image: none;
	border-bottom: 1px solid #e0e0e0;
}

.sysButtonViewTable .sysBlockHeaderImg {
	display: none;
}

.sysButtonViewTable .sysBlockHeaderImgR {
	display: none;
}

.sysButtonViewTable .DBViewTable {
	padding: 0px;
	font-size: 10px;
	border-spacing: 0px;
	vertical-align: middle;
	margin: 0px;
	border: 1px solid #e0e0e0;
}

.sysButtonViewTable .DBViewTableTitle {
	height: auto;
	white-space: normal;
	width: 150px;
	border: 1px solid #e0e0e0;
}

.ssgecko .sysButtonViewTable .DBViewTableTitle {
	height: 23px;
}

.sysButtonViewTable .DBViewTableContentWhite {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #e0e0e0;
}

.sysButtonViewTable .DBViewTableContentGray {
	background-color: #F0F0F0;
	padding: 2px;
	border: 1px solid #e0e0e0;
}

.mapInfoText {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 9px;
	white-space: nowrap;
	color: #000000;
	position: absolute;
	left: 32px;
	top: 8px;
	padding: 1px;
	margin: 0px;
	overflow: visible;
	background: #DDDDDD;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	border: 1px solid #AAAAAA;
	z-index: 2;
}

.mapInfoTextGreen {
	background-color: #88FF88;
	border: 1px solid #55CC55;
}

.mapInfoTextYellow {
	background-color: #FFFF88;
	border: 1px solid #CCCC55;
}

.mapInfoTextRed {
	background-color: #FFc0c0;
	border: 1px solid #CC4444;
}

.mapInfoTextBlue {
	background-color: #AAAAFF;
	border: 1px solid #4444CC;
}

.systemAlarm {
	padding: 3px 3px 4px 3px;
}

.systemAlarmButton {
	text-align: center;
}

.systemAlarmButton input[type=button] {
	width: 110px;
}

.systemAlarmArea {
	position: absolute;
	width: 165px;
	bottom: 100px;
	left: 10px;
	text-align: center;
}

.systemMsgArea {
	position: absolute;
	width: 165px;
	bottom: 125px;
	left: 10px;
	text-align: center;
}

.system3DLogo {
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 0px;
	z-index: 1;
}

.systemLoginLogo {
	position: absolute;
	top: 20px;
	left: 10px;
}

.systemLoginText {
	position: absolute;
	text-align: left;
	width: 50%;
	left: 10px;
	bottom: 20px;
}

.systemSuggest {
	position: absolute;
	width: 165px;
	background-color: #ffffff;
	border: 1px solid #808080;
}

.systemSuggestLine {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

.wideTitles .DBViewTableTitle,
.wideTitles .sysEditStdTitle,
.wideTitles .sysEditFormTitle {
	width: 160px;
}

.MicrosoftMap .Infobox {
	position: relative;
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #ABABAB;
	border-radius: 20px;
	left: 0px;
	top: 0px;
	width: 236px;
	padding: 5px;
	min-height: 80px;
}

.MicrosoftMap .Infobox .close {
	background-image: url(/img/sys/map/infobox_close.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: 2px;
	display: block;
	text-decoration: none;
}

.MicrosoftMap .Infobox .content .description {
	color: #000000 !important;
}

.alertBlock .sysEditButton {
	cursor: pointer;
	margin-right: 10px;
	margin-top: 5px;
}

.alertBlock P {
	margin-left: 10px;
	margin-right: 10px;
}

.alertBlock UL {
	margin-left: 30px;
}

.sysEditFieldMI {
	position: absolute;
	background-color: #fbfbfb;
	padding: 0px;
	padding-bottom: 5px;
	border: 1px solid #aaaaaa;
	display: none;
	z-index: 1000;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.sysEditFieldMIList {
	white-space: nowrap;
	overflow: auto;
	padding: 5px;
	width: 100%;
}

.sysEditFieldMICreateNew {
	line-height: 150%;
	cursor: pointer;
	color: #3a4586;
}

.sysEditMIBlock {
	cursor: pointer;
	clear: both;
}

.editMetaBlocks {
	white-space: normal;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	border-bottom: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*width: 230px;*/
	max-height: 300px;
	overflow-y: auto;
}

.sysEditMetaInput {
	border-top: 0px;
}

.editMetaBlock {
	display: inline-block;
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	border-radius: 3px;
	padding: 2px;
	margin-top: 3px;
	margin-left: 3px;
}

.editMetaBlockExtended INPUT[type=text], .editMetaBlockExtended TABLE {
	width: 98%;
}

.editMetaMissingInfo {
	color: #FF0000;
}

.editMetaBlock:hover {
	background-color: #FDFDFD;
}

.editMetaBlockExtended {
	position: absolute;
	display: none;
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	width: 0px;
	height: 0px;
	margin-left: -3px;
	margin-top: 2px;
	overflow: hidden;
	padding: 3px;
	padding-bottom: 4px;
	z-index: 1000;
}

.editMetaBlockExtendedClose {
	margin-left: auto;
	margin-right: 0px;
	width: 14px;
	height: 14px;
	background-image: url('/img/sys/edit/metaRemoveBlock.png');
	cursor: pointer;
}

.sysEditFieldMI .sysEditFormTitle, .editMetaBlockExtended .sysEditFormTitle, .editMetaBlockExtended .DBViewTableTitle {
	background-color: transparent;
	border-width: 0px;
	width: 66px;
}

.sysEditFieldMI .sysEditForm .sysEditField {
	width: 100%;
}

.editMetaBlock IMG {
	display: inline;
	vertical-align: top;
	cursor: pointer;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: auto;
}

.editMetaBlock SPAN {
	display: inline;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.moving {
	opacity: .8;
}

.ExtendedTitle {
	position: absolute;
	display: none;
	max-width: 600px;
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	z-index: 2;
}
.ExtendedTitleContent {
	overflow-y: auto;
	max-height: 300px;
}

.ExtendedTitle .ExtendedContentShowOnPerm {
	display: none;
}

.ExtendedTitleClose {
	width: 260px;
}

.ExtendedTitleClose img {
	position: absolute;
	right: 0px;
	text-align: right;
}

.ContactsExtendedContent {
	min-width: 260px;
	padding: 2px;
}

.ContactsExtendedContent TD {
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 0px;
	white-space: nowrap;
}

.x-ContactsExtendedContent TR:first-child>TD:nth-child(2) {
	border-bottom: 1px solid silver;
	vertical-align: bottom;
}

.ContactsExtendedContent .tab {
	border: 1px solid silver;
	border-bottom: 0px;
	padding: 0px 5px 0px 5px;
	background-color: #e4e4e4;
	cursor: pointer;
}

.ContactsExtendedContent .tab_selected {
	background-color: transparent;

}

.TempwebAnalogAlarmExtendedContent {
	max-height: 350px;
	overflow: auto;

}

.TempwebAnalogAlarmExtendedContent td {
	padding-left: 2px;
	padding-right: 2px;
	white-space: normal;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.draghandle, .draghandle_hover {
	cursor: ew-resize;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -9px;
	width: 12px;
	margin: 0;
	padding: 0;
	z-index: 11;
}

.draghandle_hover {
	background-image: url('/img/sys/block/arrow_up.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	top: -30px;
	bottom: -10px;
	z-index: 100;
}

#loadingOverlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: silver;
	opacity: .5;
	background-color: rgba(192, 192, 192, .5);
}

#loadingOverlay>IMG {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
}

.unitMileageUpdateBorder {
	border: 2px groove threedface;
	margin: 6px 0px 5px 0px;
	overflow-y: auto;
	height: 500px;
	padding: 2px 5px 5px 5px;

}

#filter_outer, #filterBlock {
	overflow: visible;
}

.period {
	display: inline-block;
	border: 2px outset grey;
	line-height: 14px;
	padding: 3px;
	/*border-left: 0;
	border-right: 0;*/
	margin-right: 3px;
}

.period_selector, .period_display_small, .period_display_big {
	position: relative;
}

.period_display_small LABEL, .period_display_big LABEL {
	cursor: pointer;
}

.pprev, .prev, .next, .nnext {
	display: inline-block;
	border: 2px outset grey;
	border-radius: 2px;
	cursor: pointer;
	padding: 3px;
	line-height: 14px;
	margin-right: 3px;
}

.pprev {
	border-radius: 12px 0 0 12px / 10px 0 0 10px;
	/*border-right: 0;*/
}

.nnext {
	border-radius: 0 12px 12px 0 / 0 10px 10px 0;
	/*border-left: 0;*/
}

.period_selector_big, .period_selector_small {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid black;
	background-color: white;
	z-index: 1000;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -5px;
	margin-top: -5px;
}

.period_selector_big DIV, .period_selector_small DIV {
	display: block;
	cursor: pointer;
	line-height: 12px;
	padding-left: 4px;
	padding-right: 4px;
}

.period_selector_big DIV:hover, .period_selector_small DIV:hover {
	background-color: blue;
	color: white;
}

.clickable {
	text-decoration: underline;
	cursor: pointer;
	opacity: .6;
	font-weight: normal;
}

.clickable:hover {
	opacity: 1;
}

#FleetReportContentWorkSignalGraph:not(:last-child) {
	page-break-after: always !important;
	page-break-inside: avoid;
	break-after: always !important;
}

DIV.button {
	padding:0;
	display:inline-block;
	line-height:15px;
	text-align:center;
	cursor:pointer;
	min-width: 15px;
	height: 15px;
	border-radius: 4px;
	margin-right: 2px;
	background: #0199dc;
	vertical-align: bottom;

	background-image: url('/img/design/app2/block/buttons.png');
	background-color: #0199dc;

	-webkit-transition: opacity 100ms linear;
	-moz-transition: opacity 100ms linear;
	-o-transition: opacity 100ms linear;
	-ie-transition: opacity 100ms linear;
	transition: opacity 100ms linear;

	-webkit-transition: -webkit-transform 100ms linear;
	-moz-transition: -moz-transform 100ms linear;
	-o-transition: -o-transform 100ms linear;
	-ie-transition: -ie-transform 100ms linear;
	transition: transform 100ms linear;
}

DIV.gs-icon-button {
    display:inline-block;
    padding:0;
    line-height:15px;
    text-align:center;
    cursor:pointer;
	min-width: 15px;
    height: 15px;
    border-radius: 4px;
    margin-right: 2px;
	color: #ffffff;
    background: #0199dc;
    vertical-align: bottom;

    -webkit-transition: -webkit-transform 100ms linear;
    -moz-transition: -moz-transform 100ms linear;
    -o-transition: -o-transform 100ms linear;
    -ie-transition: -ie-transform 100ms linear;
    transition: transform 100ms linear;
}

DIV.button>SELECT.DBListDDSmal {
	height: 15px !important;
	opacity: 1;
}

.button.btn_content {
	background-position: 0 0;
}
.button.btn_close {
	background-position: -14px -14px;
}
.button.btn_help {
	background-position: 0 -14px;
}

.gs-icon-button.btn_arrowl {
    /*background-position: -14px 0;

    Demo case (rotation):
    */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ie-transform: rotate(90deg);
    transform: rotate(90deg);
}

.button.btn_arrowl {
	/*background-position: -14px 0;

	Demo case (rotation):
	*/
	background-position: -56px 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ie-transform: rotate(90deg);
	transform: rotate(90deg);
}
.button.btn_arrowu {
	background-position: -28px 0;
}
.button.btn_arrowr {
	background-position: -42px 0;
}
.button.btn_arrowd {
	background-position: -56px 0;
}

.button.btn_pdf {
	background-position: -28px -14px;
	background-color: transparent;
}
.button.btn_excel {
	background-position: -42px -14px;
	background-color: transparent;
}
.button.btn_print {
	background-position: -56px -14px;
}

.button.btn_ts {
	background-position: -14px -28px;
}
.button.btn_te {
	background-position: -28px -28px;
}
.button.btn_prev {
	background-position: -42px -28px;
}
.button.btn_next {
	background-position: -56px -28px;
}

.marginTop {
    margin-top: 10px !important;
}

.marginNoTop {
    margin-top: 0px !important;
}

.gs-daterange-input {
    height: 24px !important;
    width: 80px;
    transition: border linear .2s, box-shadow linear .2s
}

.gs-daterange-input:focus {
    outline:0;
    border-color: rgba(82, 168, 236, 0.8);
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.gs-daterange-input.first {
    border-radius: 3px 0 0 3px
}

.gs-daterange-input.last {
    border-radius: 0 3px 3px 0
}

.gs-daterange-addon {
    display: inline-block;
    width: auto;
    min-width: 9px;
    height: 12px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 12px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -1px;
    margin-right: -1px;
}

.gs-dyndate {
    display: inline-block;
    position: relative;
    text-align: center;
    height: 26px;
    width: 63px;
    line-height: 26px;
    cursor: pointer;
    font-weight: bold;
    color:#ffffff;
    background-color:#46b1e1;
}

.gs-dyndate, :disabled {
    cursor: default;
    background-color: #e0e0e0;
}

.gs-dyndate.left {
    border-radius: 3px 0 0 3px;
}
.gs-dyndate.right {
    border-radius: 0 3px 3px 0;
    margin-right: 3px;
}

.gs-btn-pprev, .gs-btn-prev, .gs-btn-next, .gs-btn-nnext {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 3px;
    color:#ffffff;
    background-color:#46b1e1;
}

.gs-btn-pprev, .gs-btn-prev, .gs-btn-next, .gs-btn-nnext, :disabled {
    cursor: default;
    x-background-color: #e0e0e0;
}

.gs-btn-icon-center {
    line-height: inherit !important;
}

.gs-btn-pprev {
    border-radius: 8px 3px 3px 8px;
}

.gs-btn-nnext {
    border-radius: 3px 8px 8px 3px;
}

.gs-dyndate-single-select {
    position: relative;
    text-align: center;
    width: inherit;
    height: 26px;
    font-weight: bold;
    line-height: 26px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gs-dyndate-selector {
    width: inherit;
    height: 208px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    border-radius: 3px;
    color:#ffffff;
    background-color:#46b1e1;
    overflow:hidden;
}

.gs-dyndate-selector-scroll {
    width: inherit;
    height: inherit;
    overflow: auto;
    padding-right: 20px;
}

.gs-dyndate-selector-top {
    vertical-align: top;
    height: 40px;
    width: inherit;
    color: #0000ff;
}

.gs-dyndate-selector-bottom {
    vertical-align: bottom;
    height: 40px;
    width: inherit;
    color: #0000ff;
}

/*! ngTable v0.3.1 by Vitalii Savchuk(esvit666@gmail.com) - https://github.com/esvit/ng-table - New BSD License */


.ng-table th{text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-table th.sortable{cursor:pointer}.ng-table th.sortable div{padding-right:18px;position:relative}.ng-table th.sortable div:after,.ng-table th.sortable div:before{content:"";border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:visible;right:8px;top:50%;position:absolute;opacity:.3;margin-top:-4px}.ng-table th.sortable div:before{margin-top:2px;border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000}.ng-table th.sortable div:hover:after,.ng-table th.sortable div:hover:before{opacity:1;visibility:visible}.ng-table th.sortable.sort-desc,.ng-table th.sortable.sort-asc{background-color:rgba(141,192,219,.25);text-shadow:0 1px 1px rgba(255,255,255,.75)}.ng-table th.sortable.sort-desc div:after,.ng-table th.sortable.sort-asc div:after{margin-top:-2px}.ng-table th.sortable.sort-desc div:before,.ng-table th.sortable.sort-asc div:before{visibility:hidden}.ng-table th.sortable.sort-asc div:after,.ng-table th.sortable.sort-asc div:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:.6;-moz-opacity:.6;opacity:.6}.ng-table th.sortable.sort-desc div:after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:.6;-moz-opacity:.6;opacity:.6}.ng-table th.filter .input-filter{margin:0;display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-table+.pagination{margin-top:0}@media only screen and (max-width:800px){.ng-table-responsive{border-bottom:1px solid #999}.ng-table-responsive tr{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999}.ng-table-responsive td:before{position:absolute;padding:8px;left:0;top:0;width:50%;white-space:nowrap;text-align:left;font-weight:700}.ng-table-responsive thead tr th{text-align:left}.ng-table-responsive thead tr.ng-table-filters th{padding:0}.ng-table-responsive thead tr.ng-table-filters th form>div{padding:8px}.ng-table-responsive td{border:0;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}.ng-table-responsive td:before{content:attr(data-title-text)}.ng-table-responsive,.ng-table-responsive thead,.ng-table-responsive tbody,.ng-table-responsive th,.ng-table-responsive td,.ng-table-responsive tr{display:block}}


/* TABLES */
.gs-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: separate !important;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
}

.gs-table td,
.gs-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 6px 12px; /* cell padding */
}
.gs-table td:first-child,
.gs-table th:first-child {
    border-left-width: 0;
}

.gs-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/* HORIZONTAL BORDERED TABLES */

.gs-table-horizontal td,
.gs-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.gs-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}

input[type=gs-time]::-ms-clear
{
	display: none;
}

/* Respect line breaks in map InfoBox */
.gm-style .gm-style-iw {
	white-space: pre-wrap;
}

/* Expandable element for DBSelList */
.expandable {
	position: absolute;
	left: 0;
	top: 2px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	display: inline-block;
    width: 100%;
}
.expandable:hover, .expandable_visible {
	position: relative;
	top: 0;
}
.expandable > DIV {
	line-height: 16px;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.expandable > DIV:first-child {
	margin-right: 14px;
}
/*.DBListTable .expandable {
	position: relative;
	box-sizing: border-box;
	height: 14px;
	padding-right: 14px;
	overflow: hidden;
	text-overflow: ellipsis;

	background-image: url('/img/sys/block/info.png');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.DBListTable .expandable_popup {
	//display: none;
	line-height: 14px;
	overflow: visible;
	z-index: 10;
	border: 1px solid #e0e0e0;
	border-top: 0;
	border-left: 0;
	margin-top: -1px;

	overflow: hidden;
	max-height: 0;
    transition: max-height 0.5s linear;
}
.DBListTable .expandable:hover + .expandable_popup {
	//display: block;
	position: absolute;
	background-color: red;
	left: 0;
	top: 20px;
	right: 0;
	bottom: auto;
	max-height: 100px;
}*/
/*.DBListTable .expandable_popup_visible {
	display: block;
	position: relative !important;
	top: auto !important;
	height: auto;
}*/

.multi_rolldown {
	border: 1px solid #CCCCCC;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}
.multi_rolldown:not(:last-child) {
	border-bottom: 0;
}
.multi_rolldown:first-child {
	margin-top: 1px;
}
.multi_rolldown:last-child {
	margin-bottom: 1px;
}
.multi_rolldown:hover {
	background-color: #fff;
}
.multi_rolldown>.header>DIV {
	float: right;
	transform-origin: 50% 50%;
	transform: rotate(90deg);
	background-image: url('/img/sys/btndropdown_chrome.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 14px;
	height: 14px;
	top: 0px;
	right: 0px;
	margin-right: -2px;
	padding: 0;
	border: 1px solid green;
	border-radius: 50%;
}
.multi_rolldown.expanded>.header>DIV {
	transform: rotate(0deg);
}

.multi_rolldown>.header {
	text-decoration: underline;
	height: 16px;
	line-height: 15px;
}
.multi_rolldown>.content {
	display: none;
	margin-top: 2px;
}
.multi_rolldown>.content SELECT {
	margin-bottom: 3px !important;
}


.multiSense.DBListRowWhite, .multiSense.DBListRowWhite:hover {
	background-color: #dcdce0;
}

.multiSense:hover {
	color: #fff;
}

.multiSense.firstInGroup td {
	-webkit-box-shadow: 0 7px 3px -5px rgba(0,0,0,.25) inset;
	-moz-box-shadow: 0 7px 3px -5px rgba(0,0,0,.25) inset;
	box-shadow: 0 7px 3px -5px rgba(0,0,0,.25) inset;
}

.multiSense.lastInGroup {
	border-bottom: 1px solid #c1c1c3;
}

.multiSense.DBListRowWhite .DBListCell.tableImages {
	background-color: #e9e9eb;
}

.multiSense.DBListRowGrey, .multiSense.DBListRowGrey:hover {
	background-color: #c1c1c3;
}

.multiSense.DBListRowGrey .DBListCell.tableImages {
	background-color: #dcdcdf;
}

.multiSense .DBListCell.tableImages:after {
	content: '';
	display: block;
	width: 1px;
	background: rgba(255,255,255,.65);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

.filter_active {
	position: relative;
}
.filter_active::after {
	content: '\24e';
	position: absolute;
	top: 3px;
	right: 4px;
}

.sysBlockHeaderImgRight .sysEditField {
	height: 15px !important;
}
.sysBlockHeaderImgRight .sysEditField:invalid + .floaty_delete {
	display: none;
}
.sysBlockHeaderImgRight .sysEditField:valid + .floaty_delete {
	position: absolute;
	right: 0;
	color: #696969;
	line-height: 15px;
	width: 16px;
}


#timeline .wrapper {
	position: relative;
}
#timeline .entity_timeline {
	position: relative;
	line-height: 40px;
	min-height: 40px;
	border-bottom: 1px solid black;
	margin-bottom: 6px;
}
#timeline .entity_timeline .header {
	position: absolute;
	width: 100px;
	top: 0;
	bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 10;
	background-color: rgba(255,255,255, .5);
	border-right: 1px solid black;
}
#timeline .timeline {
	height: 40px;
	border-bottom: 1px solid silver;
}
#timeline .timeline:last-child {
	border: 0;
}
#timeline .timeslot {
	position: absolute;
	background-color: rgba(250,0,0,.5);
	color: white;
	text-indent: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-left: 1px solid black;
}
#timeline #marker {
	position: absolute;
	left: 100px;
	top: 0;
	bottom: 0;
	right: auto;
	border-right: 1px solid orange;
}