@CHARSET "UTF-8";

* {  margin: 0; padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
body { margin: 0; font-size: 11px; background-color:#ffffff;overflow: hidden;}
.right {text-align:right;}
.center {text-align:center;}
.bold { font-weight: bold !important; }
.italic { font-style: italic; }
.floatLeft { float: left; }
.floatRight { float: right; }
.red { color:#d00000; }

.sysContent { background-color:#ffffff; border: 1px #456580 solid; overflow:auto; position:absolute; display:none;}
.sysBlockHeader { white-space:nowrap; overflow:hidden; background-color:#999999; font-weight:bold; color:#ffffff;
				  margin: 0px; padding: 1px 2px 0px 2px; background-image: url(../image/frame/ghb.png); 
				  height:17px; 	vertical-align: top; }
.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; }	
.DBListTable { padding: 0px; font-size:10px; border-spacing: 2px 0px; vertical-align: top; table-layout: fixed;}
.DBListHeader { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #FFFFFF;
				border-top: 1px solid #FFFFFF; padding:2px 0px 0px 3px; height:15px; margin: 0; 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;
}

.sysLayoutTitle { white-space:nowrap; overflow:hidden; background-color:#ffffff; font-weight:bold; color:#000000;
				  background: url('../image/frame/top_bg.png') no-repeat; vertical-align: top; height:36px;
					border-bottom: 1px solid #DDDDDD; padding:1px 0px 0px 10px;}
.sysLayoutTitleImg { float:right; overflow: hidden; padding: 0px; margin: 0; height:37px; }
.sysLayoutTitleTxt { padding: 4px; font-size: 20px; }


/* 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; }
.gecko .DBViewTableTitle {height: 19px;}
.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;}


.DBListCell { padding:0px 0px 0px 3px; overflow:hidden; white-space: nowrap; height:16px; }
.DBListCellExtend { background: url('/img/sys/btnextend.png') no-repeat; background-position:right; }
.DBListWrapableCell {white-space:normal; overflow:visible;}
.DBListRowWhite { background-color: #FFFFFF;}
.DBListRowWhiteSelected { background-color: #808080; color:#ffffff}
.DBListRowWhiteHover { background-color: #dddddd;}
.DBListRowWhiteHoverSelected { background-color: #404040; color:#ffffff}
.DBListRowGrey { background-color: #f0f0f0;}
.DBListRowGreySelected { background-color: #707070; color:#ffffff}
.DBListRowGreyHover  { background-color: #dddddd;}
.DBListRowGreyHoverSelected  { background-color: #404040; color:#ffffff}
.DBListDDSmal { height:14px; padding:0px; font-size: 10px;margin: 0px; border:0px solid;}
.ie7 .DBListDDSmal { height:16px; padding:0px; font-size: 10px;margin: 0px; border:0px solid;}
.DBListRowConImg { margin: 2px 0px 0px 3px ;}

.DBListRowWhite .DBListRowConImg { background: url("../image/frame/content_wbg.gif") no-repeat;}
.DBListRowWhiteHover .DBListRowConImg { background: url("../image/frame/content_hbg.gif") no-repeat;}
.DBListRowGrey .DBListRowConImg { background: url("../image/frame/content_gbg.gif") no-repeat;}
.DBListRowGreyHover .DBListRowConImg { background: url("../image/frame/content_hbg.gif") no-repeat;}
.iCon {position:absolute;right:0px;border: 1px solid #e0e0e0;cursor: pointer;}
.DBListRowWhite TD IMG.iCon{
	background-color: #ffffff;
}
.DBListRowGrey TD IMG.iCon{
	background-color: #f0f0f0; border: 1px solid #d5d5d5 !important;
}

.sysBlock { overflow: hidden; }
.sysPointer { cursor:pointer; }

.sysPopup
{
	position:absolute;
	left:100px;
	top:250px;
	width:260px;
}
.sysPopupBG{ background: #f0f0f0;}
.sysPopupTitle 
{
	overflow:hidden;
	text-align:left;
	float:right;
	/* The line-height is just to make sure that when linewrapp happens it will make any owerflow surelly out of the
	way and not partly visible on the next line.*/
	line-height:12pt;
	background: url('../image/popup/topbg.gif') repeat-x left top;
	margin: 0px 0px 0px 0px;
	font-weight: Bold;
	width: 100%;
	padding: 3px 4px 0px 4px;
	font-size: 12px;
	height: 21px;
	color: #002b53;
}

.sysPopupBody
{
	overflow: auto;
	margin: 0;

	width: 100%;
	background-color: #ffffff;
	padding: 0px 0px 6px 0px; 
	border-top: none;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8; 
}

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

.loginBG
{
	overflow:hidden;
	height:100%;
}
.loginBox {font-size:14px;line-height:25px;position: absolute;}
.loginBoxCenter {background-color:#ffffff;}
.loginMainTitle {font-size:16px;font-weight: bold; width:131px; padding: 0px 25px 0px 0px;}
.loginError { display:none; color:#f65014;}
.loginErrorTitle{font-weight: bold; width:131px; padding: 0px 25px 0px 0px;}
.loginRowTitle {font-weight: bold; width:131px; padding: 0px 25px 0px 0px;}
.loginErrorCont{padding: 0px 0px 0px 0px;}
.loginRowField {font-weight: bold;}
.loginRow {height:35px;}
.loginBox input{ background-color:#ffffff; width:200px; 
				 font-size:12px; color:#333333;  text-align:left; height:auto; padding: 2px 2px 2px 2px;}
.loginBox input:focus{ background:#ffffff;}
.loginBox input.loginInputSubmit{background:#808080; color:#FFFFFF; margin-top:3px; box-shadow:none; font-size:14px; cursor:pointer; width:auto; padding: 0px 2px 2px 2px; }
.loginBox input.loginInputSubmit:hover{ background:#555555; }

.mainMenuText2  { height:16px; padding:2px 0px 0px 0px; overflow:hidden; white-space:nowrap; 
				 font-family:Verdana, Arial, Helvetica, sans-serif;}
.mainMenu 
{ 
	background-color:#ffffff;
	border: none;
	margin-left: 0px;
	border-right:1px solid #C0C0C0;
	background: url('../image/hg/mbg.png') no-repeat; 
	background-position:top;
}

.mainMenuText { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:3px 0px 3px 16px;
	margin-right: 10px;
	color:#000000; 
	
	overflow:hidden; 
	white-space:nowrap; 
	cursor:pointer; 
}
.gecko .mainMenuText { padding:4px 0px 2px 16px;}
.mainMenuTextActive { background-color:rgba(0,0,0,0.1); color:#000000; font-weight:bold; }
.mainMenuTextUnActive { color:#000000; font-weight:bold;  }

.mainMenu ul {
	list-style-type: none;
	color:#000000;
	padding-left: 16px;
	margin: 0px;
	margin-right:10px;
	margin-left: 0px;
	font-size: 11px;
}
.mainMenu ul ul {
	padding-left: 16px;
	margin: 0 0 0 0px;
}
.mainMenu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	cursor:pointer;
}

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

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

.mainMenu li.mainMenuActive {
	color:#000000;
}

.mainMenu li.mainMenuActive>DIV {
	font-weight:bold;
	background-color:rgba(0,0,0,0.1);
/*	background-color: #f0f0f0;*/
	color:#000000;
}

.mainMenu li>DIV:hover,.mainMenuText:hover {
	background-color:rgba(0,0,0,0.2);
}

/*.ie8 .mainMenu li>DIV:hover,.ie8 .mainMenuText:hover {
	background-color: #6fb2f0;
}

.ie7 .mainMenu li>DIV:hover,.ie7 .mainMenuText:hover {
	background-color: #6fb2f0;
}
*/

.mainMenu li.mainMenuActive>DIV:hover {
	background-color:rgba(0,0,0,0.2);
}


.sysContextBg { background: url('../image/h.gif'); position:absolute; top:0px;left:0px; width:100%; height:100%; }
.sysContextMenu { position:absolute; background-color: #eeeeee; color: #FFFFFF; padding: 1px; border: 1px outset #000000;
				  white-space: nowrap; display:none;}
.sysContextMenuRow { padding: 1px; margin: 0; cursor:pointer; background: #eeeeee; border: 0; color: #000000; white-space: nowrap; }
.sysContextMenuRow:hover { padding: 1px; margin: 0; cursor:pointer; background: #606060; color: #ffffff; border: 0; white-space: nowrap; }
.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("../image/frame/cm_lb.gif") no-repeat;}
.sysContextMenuRow:hover .sysContextMenuImg { background: url("../image/frame/cm_db.gif") no-repeat; }
.sysContextMenuHr { margin: 5px 2px; }
.ie .sysContextMenuHr { margin: 0px 2px; }

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

.sysEditStd { margin: 0px 0px 0px 0px;  vertical-align: middle; padding: 5px; 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; height: 20px; margin: 0; 
				   font-weight:bold; color:#000000; padding-top: 1px; vertical-align: top; padding:1px 0px 0px 3px; }
.sysEditStdSubmitTitle { width:95px;}
.sysEditStdFieldCont { white-space: nowrap; margin: 0px 0px; padding-top: 0px; }
.gecko .sysEditStdTitle { height: 22px;} 
.sysEditDateField { width:70px;}
.sysEditCalButt {  cursor: pointer; }
.sysEditTimeField {  width:20px; }


.sysEditStd .sysEditField { width:94%; }
.sysEditDropdown { background: white url('/img/sys/btndropdown.png') no-repeat; background-position:right; }
.newDesign .sysEditStd .sysEditField { width:92%; }
/* Radio and Checkbox */
.sysEditStd .sysEditFieldShort { vertical-align: middle;}
/* Meta input field */
.sysEditMetaInput {
	border-top: 0px;
}
.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:#fbfbfb;
				  padding:0px; border: 1px solid #aaaaaa; display:none; z-index: 1000; float: left}
.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; background: #fbfbfb; 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; }
/* 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;}
.sysEditFormTitle { height: 20px; padding:2px 0px 0px 3px; color:#000000; border: none; background-color:#ffffff;}
.sysEditFormSubmitTitle { width:130px;}
.sysEditFormFieldCont { white-space: nowrap; margin: 0px 0px; padding-top: 0px; }
.gecko .sysEditFormTitle { height: 22px;}

/* Normal edit box */
.sysEditForm .sysEditField { width:230px; }
.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; }
.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;
}
.sysEditFormFieldSet legend,
.sysBlock fieldset legend {
	font-weight: bold; 
	padding-left: 2px;
	padding-right: 2px;
}

/*Wizard fixed height dialog*/
#editFormInputs {
	margin-left: 10px;
	margin-right: 10px;
	overflow: auto;
}
#editFormInputs + TABLE {
	margin-left: auto;
	margin-right: 15px;
}
#editFormButtonFieldCell
{
	/*text-align: right;*/
}

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

/* 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;
}
.chrome input[type=file]
{
	height: 25px !important;
}
input, select {
	height: 18px !important;
}
input[type=submit],input[type=button] {height: 22px !important;}


textarea { color: #000000; font-size: 11px; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 2px 4px 2px 4px; }
.linux.gecko input {padding: 1px 0px 1px 0px; }
input[type=text] {vertical-align:middle;}
input[type=checkbox] {border:none; background-color: transparent; width:auto; height: 64px; }
input[type=radio] {border:none; background-color: transparent; width:auto; height: 16px; }
select { color: #000000; font-size: 11px; background-color: #FFFFFF; border: 1px solid #CCCCCC; height:20px;}
input[disabled] {color:#606060;background-color:transparent;cursor:default !important;}

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


/* Other stuff */
.VBBButton {margin-top:10px; margin-left:10px;}
.VBBDisabled {color:#a0a0a0;}

.fadedBorder table
{
	border-collapse:collapse;
}

.fadedBorder table,.fadedBorder  td,.fadedBorder  th
{
	padding:2px;
	border:1px solid #e0e0e0;
}

.sheetSelectBox{ width:90%;}