/*<style>*/
:root {
	
	--ColorAssetBG:		#c1dfc3;
	--ColorDiscussBG:	#d0c2e4;
	--ColorInfoBG:		#D8D8D8;
	--ColorNoteBG:		#ebe4c7;
	--ColorTaskBG:		#D1D6EC;
	
}

/* core */
A { color: #254163; }
A:hover { color:#2a78d8; }
HTML { font-size:16px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x: auto; }
BODY { margin: 50px 0px 0px 0px; background-color:#FFFFFF; min-width: 390px; }
BODY, TD, DIV, BUTTON, INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, sans-serif; }
BODY, TD, DIV, BUTTON {  }
LI { padding-bottom: 10px; }
UL { margin-left:-20px; }

/* 2026 / */

A.Inset { position: absolute; inset: 0; z-index: 1; }
A.InsetShort { position: absolute; inset: 0; z-index: 1; margin-right: 35px; }

DIV.Code { font-style: 'Lucida Console', Monaco, monospace; }
	DIV.CodeAppend { display: inline-block; margin-left: -0.25em; opacity: .5; }

UL.Compact, 
OL.Compact {
    margin: 0;
    padding-left: 1.2em; /* Creates a small gutter for the bullets to live in */
    list-style-position: outside; /* Keeps bullets hanging outside, so text never wraps under them */
}
UL.Compact LI, 
OL.Compact LI {
    margin: 0 0 6px 0; /* Keeps your desired 6px spacing below each item */
    padding: 0;
    line-height: 1.2;
}

.CursorContext { cursor: context-menu; }
.CursorPointer { cursor: pointer; }
.Opacity50 { opacity: .5; }
.Opacity30 { opacity: .5; }
.WrapAll { word-break: break-all; }
.WrapNone { white-space: nowrap; }

TD.Minor { width: 1%; white-space: nowrap; }

TABLE.Form { border: none; border-collapse: collapse; border-spacing: 0; }
	TR.Form {  }
		TD.Form,
		TD.FormLabel,
		TD.FormLabelMinor,
		TD.FormMinor { vertical-align: top; text-align: left; padding: 6px 6px 6px 0px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
		TD.FormLabel { color: #7b7b7b; }		
		TD.FormLabelMinor { color: #7b7b7b; width: 1%; white-space: nowrap; }		
		TD.FormMinor { width: 1%; white-space: nowrap; }
			DIV.FormHelp { font-size: 85%; margin: 6px 0px 6px 0px; opacity: .5; }

TABLE.List { width: 100%; }
	TBODY.List { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
	TBODY.List:hover { background-color: #f4f3f3; }
	TR.List { border-top: 1px solid #000000; }
	TR.List:hover { background-color: #f4f3f3; }
	TR.ListH { background-color: #e2e2e2; }
	TR.ListF { background-color: #e2e2e2; }
		TD.List { position: relative; vertical-align: middle; }
		TD.ListContext { vertical-align: middle; width: 35px; opacity: 0; }	
			.ListContextButton {
				width: 35px; 
				height: 27px; 
				background-image: url(/img/icon-hellip-black.png); 
				background-repeat: no-repeat; 
				background-position: center center; 
				background-size: 16px 16px; 
				cursor: context-menu;
			}	
			DIV.List { padding: 10px; font-size: 14px; }
			DIV.ListCollapse1 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse2 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse3 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse4 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse5 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse6 { padding: 10px; font-size: 14px; }
			DIV.ListCollapse7 { padding: 10px; font-size: 14px; }
		
.ScoopListItem { opacity: .8; }
.ScoopListItem:hover { opacity: 1; }
.ButtonCircle { display: inline-block; padding: 0px; width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; cursor: pointer; position: relative; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.ButtonCircle:hover { background-size: 20px 20px; }
	.ButtonCircleIconBL { width: 14px; height: 14px; position: absolute; bottom: -1px; left: -1px; opacity: .3; }
	.ButtonCircleIconBR { width: 14px; height: 14px; position: absolute; bottom: -1px; right: -1px; opacity: .3; }
	.ButtonCircleIconTL { width: 14px; height: 14px; position: absolute; top: -1px; left: -1px; opacity: .3; }
	.ButtonCircleIconTR { width: 14px; height: 14px; position: absolute; top: -1px; right: -1px; opacity: .3; }
	.ButtonCircleCaption { position: absolute; top: 33px; width: 30px; line-height: 9px; font-size: 10px; font-family: 'Arial Narrow', Arial, Helvetica, sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.3);  text-align: center; cursor: pointer; }
#SearchPopTermBox { margin: 0 auto; max-width: 340px; }
	#SearchPopWait { display: inline-block; width: 16px; height: 16px; line-height: 0px; }
#SearchPopResult { padding: 5px; }
.SearchPopImg { display: inline-block;width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
	
.BGColorAsset { background-color: var(--ColorAssetBG); }
.BGColorDiscuss { background-color: var(--ColorDiscussBG); }
.BGColorInfo { background-color: var(--ColorInfoBG); }
.BGColorNote { background-color: var(--ColorNoteBG); }
.BGColorTask { background-color: var(--ColorTaskBG); }

.BGImgAsset { background-image: url(/img/icon-asset-black.png); }
.BGImgBack { background-image: url(/img/icon-arrow-line-left-black.png); }
.BGImgBulletin { background-image: url(/img/icon-bulletin-black.png); }
.BGImgCampaign { background-image: url(/img/icon-campaign-black.png); }
.BGImgCollection { background-image: url(/img/icon-collection-black.png); }
.BGImgCompany { background-image: url(/img/icon-company-black.png); }
.BGImgContact { background-image: url(/img/icon-contact-black.png); }
.BGImgContactCollection { background-image: url(/img/icon-contactcollection-black.png); }
.BGImgCoupon { background-image: url(/img/icon-coupon-black.png); }
.BGImgEdit { background-image: url(/img/icon-edit-black.png); }
.BGImgEmail { background-image: url(/img/icon-email-black.png); }
.BGImgGear { background-image: url(/img/icon-gear-black.png); }
.BGImgGift { background-image: url(/img/icon-gift-black.png); }
.BGImgOrder { background-image: url(/img/icon-order-black.png); }
.BGImgPublish { background-image: url(/img/icon-publish-black.png); }
.BGImgGroup { background-image: url(/img/icon-group-black.png); }
.BGImgHellip { background-image: url(/img/icon-hellip-black.png); }
.BGImgNote { background-image: url(/img/icon-note-black.png); }
.BGImgPlus { background-image: url(/img/icon-plus-black.png); }
.BGImgProduct { background-image: url(/img/icon-product-black.png); }
.BGImgProductVariant { background-image: url(/img/icon-productvariant-black.png); }
.BGImgProject { background-image: url(/img/icon-project-black.png); }
.BGImgProjectAdd { background-image: url(/img/icon-projectadd-black.png); }
.BGImgSave { background-image: url(/img/icon-save-black.png); }
.BGImgSearch { background-image: url(/img/icon-search-black.png); }
.BGImgSend { background-image: url(/img/icon-send-black.png); }
.BGImgSmartList { background-image: url(/img/icon-smartlist-black.png); }
.BGImgStar0 { background-image: url(/img/icon-star0-black.png); }
.BGImgStar1 { background-image: url(/img/icon-star1-black.png); }
.BGImgTask { background-image: url(/img/icon-task-black.png); }
.BGImgTicket { background-image: url(/img/icon-ticket-black.png); }
.BGImgUpLevel { background-image: url(/img/icon-uplevel-black.png); }
.BGImgWebUser { background-image: url(/img/icon-webuser-black.png); }
.BGImgX { background-image: url(/img/icon-x-black.png); }

.Margin5 { margin: 5px; }
.Margin10 { margin: 10px; }
.Margin20 { margin: 20px; }

.Opacity25 { opacity: .25; }
.Opacity50 { opacity: .5; }
.Opacity75 { opacity: .75; }

.Round4 { border-radius: 4px; }

/* 2026 \ */


/*basic table*/
.T { border-collapse: collapse; border: none; width: 100%; }
	.TR {  }
		.TD, .TH { padding: 0; }

/* color */
.Black { color: #000000; }
.BlackBG { background-color: #000000; }
.BlueBright { color: #0166ff; }
.BlueDark { color:#3265a2; }
.BlueDarkBG { color:#3265a2; }
.BlueLite { color: #c1d0de; }
.BlueLiteBG { background-color: #c1d0de; }
.BlueMedium { color: #aebed2; }
.BlueMediumBG { background-color: #aebed2; }
.GreenDark { color: #007a0f; }
.GreenDarkBG { background-color: #007a0f; }
.GreenMedium { color: #00bc17; }
.GreenMediumBG { background: #00bc17; }
.GreyDark { color: #C0C0C0; }
.GreyDarkBG { background-color: #C0C0C0; }
.GreyDark2 { color: #7f7f7f; }
.GreyDark2BG { background-color: #7f7f7f; }
.GreyLite { color:#e8e8e8; }
.GreyLiteBG { background-color:#e8e8e8; }
.GreyLite2 { color:#f5f5f5; }
.GreyLite2BG { background-color:#f5f5f5; }
.GreyMedium { color: #CCCCCC; }
.GreyMediumBG { background-color: #CCCCCC; }
.Orange { color: #ff9a00; }
.OrangeBG { background-color: #ff9a00; }
.PurpleDark { color: #310e53; }
.PurplePurpleBG { background-color: #310e53; }
.PurpleDark2 { color: #1f0a3e; }
.PurpleDark2BG { background-color: #1f0a3e; }
.PurpleMedium { color: #b200ff; }
.PurpleMediumBG { background-color: #b200ff; }
.Red { color:#CA0813 }
.RedBG { background-color:#CA0813 }
.RedBright { color:#ff000e }
.RedBrightBG { background-color:#ff000e }
.RedDark { color:#a30009 }
.RedDarkBG { background-color:#a30009 }
.White { color: #FFFFFF; }
.WhiteBG { background-color: #FFFFFF; }
.Yellow { color: #f8ec31; }
.YellowBG { background-color: #f8ec31; }

.Font11 { font-size: 11px; }
.Font12 { font-size: 12px; }
.Font13 { font-size: 13px; }
.Font14 { font-size: 14px; }
.Font15 { font-size: 15px; }
.Font16 { font-size: 16px; }
.Font17 { font-size: 18px; }
.Font18 { font-size: 18px; }
.Font19 { font-size: 19px; }
.Font20 { font-size: 20px; }

.CursorMenu { cursor: context-menu; }

/* styling */
.AlignBottom { vertical-align: right; }
.AlignCenter { text-align: center; }
.AlignLeft { text-align: left; }
.AlignMiddle { vertical-align: middle; }
.AlignRight { text-align: right; }
.AlignTop { vertical-align: right; }
.B { font-weight:bold; }
.Clickable { cursor: pointer; }
.Clear { clear: both; }
.ClearLeft { clear: left; }
.ClearRight { clear: right; }
.Dev { font-size: 12px; background-color: #f8ec31; color: #ff0000; text-align: center; padding: 10px; margin:10px; border: 2px dotted #ff0000; }
.DottedUnderline { border-bottom: 1px dotted; border-color: #666666; }
.DoubleUnderline { border-bottom: 3px double; border-color: #999999; }
.Hidden { display: none; }
.Hilite { background-color: #eaff00; }
.I { font-style:italic }
.Inactive { opacity: .5; font-style: italic; }
.Info { font-size: 10px; }
.Inline { display: inline-block; }
.Mono { font-family: 'Courier New', Courier, monospace; }
.NoBr { white-space: nowrap; }
.Br { word-break: break-all; }
.Normal { font-family:'Quicksand', sans-serif; font-size: 16px; text-decoration: none; font-weight: normal; font-style: normal; }
.NoWrap { white-space: nowrap; }
.Off { opacity: .1; }
.Relative { position: relative; }
.Strike { text-decoration: line-through; }
.U { text-decoration: underline; }
.Visible { display: block; }

.W100Minus80 { width: calc(100% - 80px); }

/* elements */
.ActionProgress { position: absolute; top: 10px; left: 10px; display: inline-block; height: 18px; }
.ActionProgressBase { position: absolute; top: 10px; left:10px; display: inline-block; width: 100px; height: 18px; }
.ActionProgressCaption { position: absolute; top: 10px; left:10px; width: 100px; height: 16px; text-align: center; font-size: 12px; padding-top: 2px; color: #FFFFFF; }
.ActionPriorityWait { display: inline-block; vertical-align: middle; line-height: 0px; margin:-8px 0px 0px 3px; width:10px; height:10px; }
.Bar { display: inline-block; background-color: #00ab18; height:10px; }
.BroadcastPriorityWait { display: inline-block; vertical-align: middle; line-height: 0px; margin:-8px 0px 0px 3px; width:10px; height:10px; }
.ButtonCircleGrey { display: inline-block; padding: 0px; width: 30px; height: 30px; line-height: 30px; border-radius: 16px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: bold; cursor: pointer; background-color: #d2d2d2; position: relative; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); }
.ButtonCircleGrey:hover { background-color: #dbdbdb; }
	.ButtonCircleGreyBadgeIcon { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; }
.ButtonCircleFlexGrey { display: inline-block; padding: 0px 10px 0px 10px; min-width: 10px; height: 30px; line-height: 30px; border-radius: 16px; text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; cursor: pointer; background-color: #d2d2d2; }
.ButtonCircleFlexGrey:hover { background-color: #dbdbdb; }
	.ButtonCircleImageOn { height: 16px; width: 16px; vertical-align: top; margin-top: 7px; }
	.ButtonCircleImageOff { height: 16px; width: 16px; vertical-align: top; margin-top: 7px; opacity: 0.1; }
.Card { display: inline-block; border-radius: 4px; padding: 2px; font-size: 9px; color: #FFFFFF; background-color: #c8c8c8; width: 40px; /*height: 40px;*/ margin-top: 5px; }
	.CardTitle { text-align: center; padding-top: 2px; }
	.CardValue { text-align: center; font-size: 16px; line-height: 16px; padding: 2px 0px 2px 0px; }
.Col2 { display:inline-block; width: 100%; max-width:50%; overflow:auto; vertical-align:text-top; text-align:left; }
.Col3 { display:inline-block; width: 100%; max-width:33.333%; overflow:auto; vertical-align:text-top; text-align:left; }
.Col4 { display:inline-block; width: 100%; max-width:25%; overflow:auto; vertical-align:text-top; text-align:left; }
.Col6 { display:inline-block; width: 100%; max-width:16.666%; overflow:auto; vertical-align:text-top; text-align:left; }
.Col8 { display:inline-block; width: 100%; max-width:12.5%; overflow:auto; vertical-align:text-top; text-align:left; }
.Context { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; /*text-decoration-color: rgba(0, 0, 0, 0.25);*/ /*border-bottom: 1px dashed rgba(0, 0, 0, 0.25);*/ }	
.Context:hover {  opacity: 1; /*text-decoration-color: rgba(0, 0, 0, 0.75);*/ /*border-color:  rgba(0, 0, 0, 0.5);*/ }	
#ContextMenuScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:800; }
.ContextMenu { position: absolute; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); background-color: #dedede; font-size: 14px; line-height: normal; margin: 5px 0px 0px 0px; padding: 1px 0px 1px 0px; font-weight: normal; z-index: 901; display: none; cursor: pointer; max-height: 70vh; min-height: 10px; overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
.ContextMenu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
	.ContextMenuInfo { margin: 0px 1px 0px 1px; padding: 7px; background-color: transparent; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.ContextMenuItem { margin: 0px 1px 0px 1px; padding: 7px; background-color: #f2f2f2; white-space: nowrap; }
	.ContextMenuItem:hover { background-color: #FFFFFF; }
	.ContextMenuSeparator { line-height: 0px; height: 1px; }
	.ContextMenuTitle { padding: 7px; font-weight: bold; text-align: center; background-color: #FFFFFF; }
.CopyClipBox { display: inline-block; width:1px; height: 1px; overflow: hidden; }
	.CopyClipField { width:1px; height: 1px; }
.DataBlock { display: inline-block; text-align: left; }
	.DataRow { display: inline-block; white-space: nowrap; width: 260px; margin: 0px 4px 0px 4px; font-size: 13px; overflow: auto; border-bottom: 1px solid #e4e4e4; }
		.DataCell { padding: 2px; white-space: normal; }
		.DataCell:hover { background-color: #FFFFFF; }
		.DataCellA { float: left; padding: 2px; }
		.DataCellB { float: right; padding: 2px; }
		.DataCellC { float: right; padding: 2px; font-size: 10px; width: 22px; text-align: right; }
/*.Dots { display: inline-block; width: 1em; line-height: 1em; vertical-align: baseline; cursor: context-menu; text-align: right; }*/ /* use VellipTxt/VellipImg instead */
/*.Dots:after { content: '\2807'; }*/
.FlexBox { display: flex; flex-wrap: wrap; justify-content: center; }
.FlexListBox { display: flex; gap: 0px; justify-content: left; }
	.FlexListBulletBox { padding: .3em 0em .3em 0em; }
		.FlexListIcon { height: 1.2em; vertical-align: baseline; margin: -.1em .3em 0em 0em; }
	.FlexListContent { padding: .3em 0em .3em 0em; }
#FootFloatCenter { position: fixed; bottom: 10px; left: 50%; right: 50%; z-index: 300; }
#FootFloatLeft { position: fixed; bottom: 10px; left: 10px; z-index: 300; }
#FootFloatRight { position: fixed; bottom: 10px; right: 10px; z-index: 300; }
.HellipTxt { display: inline-block; width: 1em; line-height: 1em; cursor: context-menu; text-align: center; vertical-align: middle; opacity: .6; font-weight: bold; }
.HellipTxt:hover { opacity: 1; }
.HellipImg { display: inline-block; width: 1em; height: 1em; cursor: context-menu; vertical-align: baseline; margin-bottom: -0.1em; background-image: url(/img/icon-hellip-black.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .6; }
.HellipImg:hover { opacity: 1; }
.HelpItem { padding: 10px 10px 10px 10px; position: relative; }
.HelpItem:hover { background-color: #e5e5e5; }
	.HelpItemEditBox { position: absolute; top: 3px; right: 3px; display: none; width: 18px; height: 18px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.HelpItemSection { padding: 10px; }
	.HelpItemSection:hover { background-color: #ededed }
.HelpSubtitle { padding: 0px 0px 5px 0px; margin-top: 5px; font-size: 16px; text-align: left; font-weight: bold; }
.HelpTitle { padding: 10px 0px 10px 0px; margin-top: 15px; /*border-top: 1px dashed #cacaca;*/ font-size: 26px; text-align: left; font-weight: bold; }
.IconInline { height: 1em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 
.IconInlineLarge { height: 1.5em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 
.IconInlineMenuButton { height: 1.5em; vertical-align: middle; margin: -0.5em 0.2em 0em 0.2em; } 
.IconInlineSmall { height: 0.75em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 
.IconInlineTR { height: .6em; vertical-align: middle; margin: -0.5em 0.2em 0em -0.2em; } 
.IconInlineXLarge { height: 2em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; } 
.ImageSquare { display: inline-block; width: 100px; height: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.ItemCol { display:inline-block; width: 100%; max-width:50%; overflow:auto; vertical-align:text-top; text-align:left; }
.ItemTable { display: table; }
	.ItemRow { display: table-row; }
	.ItemRow:hover { background-color: #ededed }
		.ItemCellCaption { display: table-cell; vertical-align: top; text-align: left; padding: 10px 10px 10px 0px; font-weight: bold; width: 100px; }
		.ItemCellData { display: table-cell; vertical-align: top; text-align: left; padding: 10px 10px 10px 10px; }
.MinW50 { min-width: 50px; }
.MinW100 { min-width: 100px; }
.MinW150 { min-width: 150px; }
.MinW200 { min-width: 200px; }
.MinW300 { min-width: 300px; }
.MiniLink { font-size: 10px; background-color: #919191; color: #FFFFFF; text-decoration: none; padding: 2px 4px 2px 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLink:hover { background-color: #000000; color: #FFFFFF; }
.MiniLinkWithIcon { font-size: 11px; background-color: #919191; color: #FFFFFF; text-decoration: none; padding: 3px 5px 4px 0px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.MiniLinkWithIcon:hover { background-color: #000000; color: #FFFFFF; }
.Pad2 { padding: 2px; }
.Pad3 { padding: 3px; }
.Pad5 { padding: 5px; }
.Pad10 { padding: 10px; }
.Pad20 { padding: 20px; }
.Mar2 { margin: 2px; }
.Mar3 { margin: 3px; }
.Mar5 { margin: 5px; }
.Mar10 { margin: 10px; }
.Mar20 { margin: 20px; }
.Pin { position: relative; width: 0px; height: 0px; line-height: 0px; display: inline-block; overflow: visible; }
.ScrollToTop { margin: 0 auto; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #7e7e7e; cursor: pointer; }
.Spacer5 { height: 5px; clear: both; }
.Spacer10 { height: 10px; clear: both; }
.Spacer20 { height: 20px; clear: both; }
.Spacer30 { height: 30px; clear: both; }
.Spacer40 { height: 40px; clear: both; }
.Spacer50 { height: 50px; clear: both; }
.StarsB1 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-black.png); background-size: contain; height: 1em; width: 1em; margin-top:-0.2em; }
.StarsB2 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-black.png); background-size: contain; height: 1em; width: 2em; margin-top:-0.2em; }
.StarsB3 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-black.png); background-size: contain; height: 1em; width: 3em; margin-top:-0.2em; }
.StarsB4 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-black.png); background-size: contain; height: 1em; width: 4em; margin-top:-0.2em; }
.StarsB5 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-black.png); background-size: contain; height: 1em; width: 5em; margin-top:-0.2em; }
.StarsW1 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-white.png); background-size: contain; height: 1em; width: 1em; margin-top:-0.2em; }
.StarsW2 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-white.png); background-size: contain; height: 1em; width: 2em; margin-top:-0.2em; }
.StarsW3 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-white.png); background-size: contain; height: 1em; width: 3em; margin-top:-0.2em; }
.StarsW4 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-white.png); background-size: contain; height: 1em; width: 4em; margin-top:-0.2em; }
.StarsW5 { display: inline-block; vertical-align: middle; background-image: url(/img/icon-star-white.png); background-size: contain; height: 1em; width: 5em; margin-top:-0.2em; }
.Table { display: table; }
	.Row { display: table-row; }
		.Cell { display: table-cell; }
.TabularTable { }
	.TabularRow {  }
		.TabularCellInfo { border-bottom: 1px solid #e4e4e4; white-space: nowrap; padding: 3px 10px 3px 0px; font-size: 13px; vertical-align: middle; text-align: left; border-right: 1px solid transparent; }
		.TabularCellData { border-bottom: 1px solid #e4e4e4; white-space: nowrap; padding: 3px; font-size: 13px; vertical-align: middle; text-align: right; border-right: 1px solid transparent; }
		.TabularCellExtra { border-bottom: 1px solid #e4e4e4; white-space: nowrap; padding: 3px 0px 3px 3px; font-size: 10px; vertical-align: top; text-align: right; }
	.TabularRowHead { background-color: #e4e4e4; }
		.TabularCellHead { padding: 3px; font-size: 13px; vertical-align: bottom; text-align: center; border-right: 1px solid #FFFFFF; }
.TitleAlert { background-color: #FFCC00; padding: 10px; color: #000000; }
#Tooltip { position: fixed; left: 0px; top:0px; display: none; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); padding: 1px 2px 1px 2px; background-color: #ffe848; color: #767676; font-size: 12px; line-height: normal; margin: 5px 0px 0px 0px; font-weight: normal; z-index: 10000; cursor: pointer; border: 1px solid #e1cf51; }
.TooltipInline { padding: 10px; background-color: #ffe848; color: #767676; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; border: 1px solid #e1cf51; border-radius: 3px; cursor: auto; }
/* contact */
.Contact {  }
	.ContactCompany { display: inline-block; border-bottom: 1px dotted; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-color: #666666; white-space: nowrap; }
	.ContactCompanyR { display: inline-block; border-bottom: 3px double; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-color: #999999; white-space: nowrap; }
	.ContactEmail	{ font-size: 70%; margin-top: 2px; } 
	.ContactHealth	{ display: inline-block; color: #ff0000; font-weight: bold; margin-top: 2px; vertical-align: middle; }
	.ContactHealthL	{ display: inline-block; color: #ff0000; font-weight: bold; margin-top: 2px; vertical-align: middle; font-size: 15px; }
	/*.ContactOptIn	{ display: inline-block; color: #00bc17; font-size: 11px; }*/
	/*.ContactOptOut	{ display: inline-block; color: #ff0000; font-size: 11px; }*/
	/*.ContactOptNM	{ display: inline-block; color: #ff9a00; font-size: 11px; }*/
	/*.ContactOptUn	{ display: inline-block; color: #7f7f7f; font-size: 11px; font-style: italic; }*/
	.ContactName { white-space: nowrap; }
	.ContactReview	{ display: inline-block; width: 10px; height: 10px; background-color: #b300ff; border-radius: 50%; color: #FFFFFF; font-size: 10px; padding: 0px 1px 2px 1px; text-align: center; vertical-align: middle; margin: 1px 0px 0px 0px; } 	
	.ContactReviewL	{ display: inline-block; width: 14px; height: 14px; background-color: #b300ff; border-radius: 50%; color: #FFFFFF; font-size: 13px; padding: 1px 2px 3px 2px; text-align: center; vertical-align: middle; margin: 1px 2px 0px 2px; cursor: pointer; } 	
.VellipTxt { display: inline-block; width: 1em; line-height: 1em; cursor: context-menu; text-align: center; opacity: .6; font-weight: bold; }
.VellipTxt:hover { opacity: 1; }
.VellipImg { display: inline-block; width: 1em; height: 1em; cursor: context-menu; vertical-align: baseline; margin-bottom: -0.1em; background-image: url(/img/icon-vellip-black.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: .6; }
.VellipImg:hover { opacity: 1; }

/* form */
.CheckboxArea { position: absolute; top:0px; right:0px; bottom:0px; left:0px; cursor: pointer; }
.FormBox { margin: 0 auto; width: auto; max-width: 800px; }
	.FormCol1 { display: inline-block; vertical-align: top; width: 100%; min-width: 300px; max-width: 400px; }
	.FormCol2 { display: inline-block; vertical-align: top; width: 100%; min-width: 300px; max-width: 800px; }
	.FormExtra { font-size: 13px; margin-bottom: 7px; color: #7b7b7b; }
	.FormIntro { font-size: 14px; padding: 7px; color: #7b7b7b; }
	.FormResult { font-size: 13px; padding: 7px; }
	.FormTitle { font-size: 16px; color: #7b7b7b; padding: 7px; }
		.FormButton { padding: 5px 10px 5px 10px; background-color: #bdbdbd; outline: none; font-size: 16px; border: 1px solid #CCCCCC; border-radius: 4px; cursor: pointer; }
		.FormButton:active { background-color: #000000; color:#FFFFFF; }
		.FormButton:hover { background-color: #505050; color:#FFFFFF; }
		.FormButtonLarge { padding: 5px 10px 5px 10px; background-color: #bdbdbd; outline: none; font-size: 16px; border: 1px solid #CCCCCC; border-radius: 4px; cursor: pointer; font-size: 30px; }
		.FormButtonLarge:active { background-color: #000000; color:#FFFFFF; }
		.FormButtonLarge:hover { background-color: #505050; color:#FFFFFF; }
		.FormButtonSmall { padding: 1px 5px 1px 5px; background-color: #bdbdbd; outline: none; font-size: 13px; border: 1px solid #CCCCCC; border-radius: 4px; cursor: pointer; }
		.FormButtonSmall:active { background-color: #000000; color:#FFFFFF; }
		.FormButtonSmall:hover { background-color: #505050; color:#FFFFFF; }
		.FormLinks { line-height: 22px; margin-bottom: -4px; }
		.FormLink { padding: 1px 3px 1px 3px; /* color: #7b7b7b;  */font-size: 13px; white-space: nowrap; border-radius: 4px; }
		.FormLink:active { /* background-color: #000000; text-decoration: none; */ }
		.FormLink:hover { /* background-color: #505050; color:#FFFFFF; text-decoration: none; */ }
		.FormSeparator { border-bottom: 1px dashed #cacaca; margin: 10px 0px 10px 0px; }
		.FormTable { display: table; width: 100%; }
			.FormRow { display: table-row; }
				.FormCell { display: table-cell; vertical-align: top; padding: 7px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; position: relative; }	
				.FormCellMinor { display: table-cell; vertical-align: top; padding: 7px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; position: relative; width: 1%; white-space: nowrap; }	
					.FormField { width: 100%; padding: 0px; margin: 0px; outline: none; background-color: #efefef; border-bottom: 1px solid #cacaca; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
					.FormFieldFilter { width: 100%; padding: 0px; margin: 0px; outline: none; background-color: #efefef; border-bottom: 1px solid #cacaca; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; position: relative; }
					.FormInfo { font-size: 11px; padding-top: 4px; color: #7b7b7b; }
					.FormLabel { cursor: pointer; color: #7b7b7b; }
					.FormStatus { position: absolute; top: 9px; right: 6px; }
					.FormFieldStatus { width: 14px; height: 14px; }
			.FormRow2 { display: table-row; }
				.FormCell2 { display: table-cell; vertical-align: top; width:50%; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; position: relative; }	
			.FormRow3 { display: table-row; }
				.FormCell3 { display: table-cell; vertical-align: top; width:33.333%; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; position: relative; }	
			.FormRow4 { display: table-row; }
				.FormCell4 { display: table-cell; vertical-align: top; width:25%; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; position: relative; }	
.FormSet { border: 1px dashed #cacaca; background-color: #ebebeb; border-radius: 4px; margin: 0px 7px 0px 7px; padding: 7px; vertical-align: top; }
	.FormLegend { padding: 0px 5px 0px 5px; font-size:15px; color: #7b7b7b; text-align: center; margin-bottom: -5px; }
.FormWait { width: 24px; height: 24px; display: inline-block; vertical-align: middle; }
.ToggleMid { display: inline-block; width: 28px; height: 16px; margin-bottom: -2px; vertical-align: baseline; cursor: pointer; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url(/img/toggle-mid.png) }
.ToggleOff { display: inline-block; width: 28px; height: 16px; margin-bottom: -2px; vertical-align: baseline; cursor: pointer; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url(/img/toggle-off.png) }
.ToggleOn { display: inline-block; width: 28px; height: 16px; margin-bottom: -2px; vertical-align: baseline; cursor: pointer; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url(/img/toggle-on.png) }

/* head */
#HeadAlertBox { text-align: center; position: fixed; top: 0px; right:0px; left: 0px; height: 50px; line-height: 50px; z-index: 730; display: none; overflow: hidden; }
	#HeadAlert { vertical-align: middle; overflow: hidden; white-space: nowrap; color: #FFFFFF; font-size: 13px; }
		.HeadAlertButton { display: inline-block; background-color: #FFFFFF; color: #000000; padding: 4px 6px 3px 6px; border-radius: 4px; cursor: pointer; line-height: normal; }

.Head { position: fixed; top: 0px; left: 0px; right: 0px; height: 50px; background-color: #d5d5ff; z-index: 700; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); min-width: 390px; }
.HeadTable { display: table; width: 100%; height: 100%; }
	.HeadRow { display: table-row; }
		.HeadCell { display: table-cell; height: 100%; padding: 0px 10px 10px 10px; }
			
			#HeadIconLeft1 { position: absolute; z-index: 450; left: 10px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-home-black.png); }
			#HeadIconLeft2 { position: absolute; z-index: 450; left: 40px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-menu-black.png); }
			#HeadIconLeft3 { position: absolute; z-index: 450; left: 70px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-plus-black.png); } 
			#HeadIconLeft4 { position: absolute; z-index: 450; left: 100px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/flag-eu.png); } 
			#HeadIconLeft5 { position: absolute; z-index: 450; left: 130px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-question-black.png); }
			#HeadIconLeft6 { position: absolute; z-index: 450; left: 160px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-contactnews-black.png?r=1); }
			
			#HeadIconLogo { display: inline-block; width: 24px; height: 24px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/logo-symbol-black.png); position: relative; }
			
			#HeadIconRight1 { position: absolute; z-index: 450; right: 10px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-send-black.png); z-index:702; }
			#HeadIconRight2 { position: absolute; z-index: 450; right: 40px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-recent-black.png); z-index:702; }
			#HeadIconRight3 { position: absolute; z-index: 450; right: 70px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-star-black.png); z-index:702; }
			#HeadIconRight4 { position: absolute; z-index: 450; right: 100px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-project-black.png); }
			#HeadIconRight5 { position: absolute; z-index: 450; right: 130px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-discuss.png); opacity: .2; text-align: center; }
			#HeadIconRight6 { position: absolute; z-index: 450; right: 160px; top: 13px; width: 24px; height: 24px; cursor: pointer; background-size: 80%; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-live.png); opacity: .2; text-align: center; }

				.HeadIconInfo { background-color: #e00000; color: #FFFFFF; position: absolute; top: -6px; right: -5px; min-width: 8px; min-height: 10px; text-align: center; padding: 2px 3px 0px 3px; font-family: Arial, Helvetica, sans-serif; line-height: 10px; font-size: 10px; border-radius: 7px; text-align: center; }
				#HeadDiscussCount { color: #FFFFFF; font-size: 9px; padding-top: 7px; }
				#HeadLiveCount { color: #FFFFFF; font-size: 9px; padding-top: 7px; }
			#HeadIconTop { display: inline-block; width: 24px; height: 24px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-top-black.png); }
			.HeadLinkGreen { display: inline-block; vertical-align: middle; white-space: nowrap; cursor: pointer; font-size: 9px; margin: -7px 10px 0px 1px; border-radius: 3px; background-color: #00bc17; color: #FFF; padding: 2px 5px 2px 2px; }
			.HeadLinkGreen:hover { background-color: #00db1a; }
				.HeadLinkIconWhite { height: 1em; vertical-align: middle; margin: -0.2em 0.2em 0em 0.2em; }
	.HeadTools { display:table-cell; vertical-align: middle; height: 50px; text-align: center; }
#HeadForm { position: fixed; top: 0px; left: 0px; z-index: 450; right: 0px; height: 50px; line-height: 50px; background-color: #7e7e7e; z-index: 301; text-align: center; }

#Clock { position: absolute; top: 36px; right: 0px; bottom: 0px; left: 0px; text-align: center; font-size: 10px; color: #777b80; cursor: default; white-space: nowrap; }
	.ClockCaption { color: #9fa5ad; }
	.ClockTime { padding-right: 3px; }

#GearBox { position: fixed; top: 70px; right: 15px; z-index: 403; cursor: context-menu; }
	.GearMenuArea { background-color: #f1f1f1; text-align: center; margin: 0px 1px 1px 1px; padding: 7px; }

.HTMLThumb { width: 300px; min-height: 200px; vertical-align: top; display: inline-block; margin: 10px; border: 5px solid #FFFFFF; background-color: #FFFFFF; overflow: hidden; position: relative; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); }
	.HTMLThumbContent { transform-origin: top left; background-color: #FFFFFF; opacity: 0; position: absolute; top: 0px; left: 0px; }
	.HTMLThumbScreen { position: absolute; top: 0px; right: 0px; bottom:0px; left:0px; display: table; width: 100%; height: 100%; }
		.HTMLThumbScreenRow { display: table-row; }
			.HTMLThumbScreenCell { display: table-cell; vertical-align: middle; text-align: center; color: #FFFFFF; background-color: rgba(0, 0, 0, 0); opacity: 0; }
			.HTMLThumbScreenCell:hover { background-color: rgba(0, 0, 0, 0.65); opacity: 1; }
				.HTMLThumbButton { background-color: #FFFFFF; color: #3d3d3d; padding: 4px; font-weight: bold; border-radius: 4px; display: inline-block; opacity: 0.75; width: 50%; margin: 10px 0px 10px 0px; cursor: pointer; }
				.HTMLThumbButton:hover { opacity: 1; }
				.HTMLThumbTitle { text-shadow: 0px 0px 10px rgba(0,0,0,1); }

/* email */
.EmailStatusProblem { display: inline-block; border-radius: 50%; background-color: #ff0000; width: 14px; height: 14px; line-height: 0px; }
.EmailStatusUnread { display: inline-block; border-radius: 50%; background-color: #0166ff; width: 14px; height: 14px; line-height: 0px; }
.EmailStatusRead { display: inline-block; border-radius: 50%; border: 1px solid #0166ff; width: 13px; height: 13px; line-height: 0px; }
.EmailStatusNone { display: inline-block; border-radius: 50%; background-color: #a2a2a2; width: 14px; height: 14px; line-height: 0px; }

/* live + filter */
.FilterBox { padding: 0px; float: right; margin-bottom: 20px; vertical-align: middle; }
	.FormTextFilterContainer { display: inline-block; vertical-align: middle; text-align: left; width: 110px; position: relative; padding-right:7px; }
		.FormTextFilter { background-color: #FFFFFF; outline: none; font-size: 12px; border: 1px solid #dedede; border-radius: 4px; padding: 5px 0px 5px 5px; width: 100%; }
		.FormFilterSide { position: absolute; top: 7px; right:5px; cursor: pointer; }
.LiveOff { display: inline-block; vertical-align: middle; margin-left:5px; padding: 1px 5px 1px 5px; background-color: #CCCCCC; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; border-radius: 2px; }
.LiveBox { padding: 0px; float: right; margin-bottom: 20px; vertical-align: middle; }
	.LiveOn { display: inline-block; vertical-align: middle; margin-left:5px; padding: 1px 5px 1px 5px; background-color: #00bc17; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; border-radius: 2px; }

/* list */
.ListFilterMention { font-size: 13px; font-weight: normal; white-space: nowrap; display: inline-block; }
.ListSort { float: right; margin-top: 10px; margin-bottom: 10px; }

.ListTable { display: table; font-size: 14px; border-collapse: separate; border-spacing: 0px; width: 100%; }
	.ListRow { display: table-row; /* background-color: #f1f1f1; */ }
	.ListRow:hover { background-color: #f4f3f3; }
	.ListRowFoot { display: table-row; background-color: #e2e2e2; }
	.ListRowHead { display: table-row; background-color: #e2e2e2; }
		.ListCell { display: table-cell; position: relative; padding: 10px; vertical-align: middle; cursor: pointer; }
		.ListCellCollapse1 {  }
		.ListCellCollapse2 {  }
		.ListCellCollapse3 {  }
		.ListCellCollapse4 {  }
		.ListCellCollapse5 {  }
		.ListCellCollapse6 {  }
		.ListCellCollapse7 {  }
		.ListCellContext { display: table-cell; padding: 10px; vertical-align: middle; width: 35px; opacity: 0; }	
			.ListCellContextButton {
				width: 35px; 
				height: 27px; 
				background-image: url(/img/icon-hellip-black.png); 
				background-repeat: no-repeat; 
				background-position: center center; 
				background-size: 16px 16px; 
				cursor: context-menu;
			}	
		.ListCellFoot { display: table-cell; padding: 10px; vertical-align: top; }
		.ListCellHead { display: table-cell; padding: 10px; vertical-align: top; }
		.ListCellTimedDisabled {  }
		.ListCellTimedOn { background-color: #e00001; color: #FFFFFF; }
		.ListCellTimedOff { background-color: #d0e9cd; }
			.ListActionBox { float: left; padding-bottom: 5px; white-space: nowrap; }
				.ListActionSelect { width: 70px; }
			.ListIcon { vertical-align: bottom; max-width: 40px; max-height: 40px; }
			.ListNavBox { float: right; text-align: right; padding-bottom: 5px; }
				.ListNavButton { display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 10px 3px 10px; border-radius: 4px; line-height: 20px; font-size: 20px; font-weight: normal; cursor: pointer; font-weight: bold; background-color: #C0C0C0; color: #FFFFFF; }
				.ListNavButton:hover { background-color: #CCCCCC; }
				.ListNavInfo { display: inline-block; font-size: 12px; }
			.ListSpanCollapse1 {  }
			.ListSpanCollapse2 {  }
			.ListSpanCollapse3 {  }
			.ListSpanCollapse4 {  }
			.ListSpanCollapse5 {  }
			.ListSpanCollapse6 {  }
			.ListSpanCollapse7 {  }
			.ListSortDown { display: inline-block; vertical-align: middle; width: 20px; height: 20px; cursor: pointer; background-size: contain; background-position: center center center; background-repeat: no-repeat; background-image: url(/img/icon-triangle-down-black.png); }
			.ListSortUp { display: inline-block; vertical-align: middle; width: 20px; height: 20px; cursor: pointer; background-size: contain; background-position: center center center; background-repeat: no-repeat; background-image: url(/img/icon-triangle-up-black.png); }
.ListTitle { display: inline-block; vertical-align: middle; position: relative; font-size: 26px; text-align: left; font-weight: bold; cursor: pointer; }
	.ListTitleCrumb { display: inline-block; font-weight: normal; color: #C0C0C0; padding: 0px 3px 0px 3px; }
	.ListTitleDropIcon { display: inline-block; vertical-align: middle; width: 12px; height: 26px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-toggle-down-black.png); }

.RerportTitle { text-align: left; font-weight: bold; padding: 5px; }
.ReportTable { border-collapse: collapse; border: none; width: 100%; margin-bottom: 20px; }
	.ReportRowFoot { border-top: 2px solid #c9c9c9; }
	.ReportRowHead {  }
	.ReportRow { border-top: 1px solid #D8D8D8; }
	.ReportRow:hover { background-color: rgba(0, 0, 0, 0.05); }
		.ReportCell { padding: 5px; font-size: 14px; }
/* 	.ListTitleIcon { vertical-align: middle; margin-top: -7px; width: 26px; height: 26px; } */
/* main frame */
/*#MainXXX { padding: 10px 10px 10px 265px; }*/
/*x*/#Frame { display: table; width: 100%; height: 100%; padding-top: 50px; }
	/*x*/#FrameRow { display: table-row;  }
		/*x*/#FrameMenuScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:400; }
		/*x*/#FrameMenu { display: table-cell; position: relative; vertical-align: top; text-align: left; width: 255px; height: 100%; overflow: auto; z-index: 401; }
			#MenuFrame { display: table; width: 250px; height: 100%; background-color: #d5d5ff; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); }
				#MenuFrameRow { display: table-row; }
					#MenuTopFrame { display: table-cell; vertical-align: top;- ms-overflow-style: none; }
						#MenuTop { height: 100%; overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: none; }
						#MenuTop::-webkit-scrollbar { width: 0 !important; }
				/*x*/#MenuBottomRow { display: table-row; }
					/*x*/#MenuBottom { display: table-cell; overflow: hidden; vertical-align: bottom; background-color: #d5d5ff; height: 40px; }
		/*x*/#MainFrame { display: table-cell; position: relative; vertical-align: top; text-align: left; height: 100%; width: auto; }
			/*x*/#Main { height: 100%; overflow: scroll; width: 100%; -ms-overflow-style: none; }
			/*x*/#Main::-webkit-scrollbar { width: 0 !important; }
.MainXXX { padding: 10px 10px 10px 265px; }
.MainXXXX { padding: 10px 10px 10px 10px; }
/* menu */
.MenuArea { background-color: #efefff; padding: 5px; border-radius: 4px; margin: 10px 0px 10px 0px; }
.MenuArea2 { background-color: #e0e0ff; padding: 5px; border-radius: 4px; margin: 10px 0px 10px 0px; }
.MenuAreaFocus { background-color: #FFFFFF; padding: 5px; border-radius: 4px; margin: 10px 0px 10px 0px; }
.MenuAreaTitle { text-align: center; width: 100%; margin-top: -10px; font-size: 10px; line-height: 10px; color: #999999; }
.MenuButton { padding: 5px; border-radius: 4px; cursor: pointer; position: relative; font-size: 14px; position: relative; }
.MenuButton:hover { background-color: #e8e8ff; }
.MenuButton1 { padding: 5px; border-radius: 4px; cursor: pointer; position: relative; font-size: 14px; background-color: #ffffff; }
/*.MenuButtonOff { padding: 5px; border-radius: 4px; position: relative; font-style: italic; color: #C0C0C0; }*/
.MenuButtonSelect { padding: 5px; border-radius: 4px; cursor: pointer; position: relative; font-size: 13px; }
.MenuButtonSelect:hover { background-color: #e8e8ff; }
.MenuButtonSelect1 { padding: 5px; border-radius: 4px; cursor: pointer; position: relative; font-size: 13px; color: #FFFFFF; background-color: #585858; }
.MenuButtonMin { padding: 2px; border-radius: 4px; cursor: pointer; position: relative; }
.MenuButtonMin:hover { background-color: #e8e8ff; }
.MenuButtonSub { padding: 5px 5px 5px 32px; border-radius: 4px; cursor: pointer; position: relative; font-size: 13px; }
.MenuButtonSub:hover { background-color: #e8e8ff; }
	.MenuButtonAlert { background-color: #ff0000; color: #FFFFFF; position: absolute; top: 6px; right: 5px; min-width: 8px; min-height: 12px; text-align: center; padding: 2px 3px 0px 3px; font-family: 'Courier New', Courier, monospace; line-height: 12px; font-size: 12px; font-weight: bold; border-radius: 7px; }
	.MenuButtonAlertInline { display: inline-block; background-color: #ff0000; color: #FFFFFF; min-width: 8px; min-height: 12px; text-align: center; padding: 2px 3px 0px 3px; font-family: 'Courier New', Courier, monospace; line-height: 12px; font-size: 12px; font-weight: bold; border-radius: 7px; }
/* 	.MenuButtonIcon { height: .9em; vertical-align: baseline; margin: 0px 3px -0.05em; 0px; } */
	.MenuButtonExtra { position: absolute; top: 7px; right: 5px; min-width: 8px; min-height: 12px; text-align: center; padding: 2px 3px 0px 3px; line-height: 12px; font-size: 12px; color: #7f7f7f; }
	.MenuButtonExtraBadgeIcon { position: absolute; top: -4px; right: -5px; width: 10px; height: 10px; }
	.MenuButtonInfo { font-size: 10px; color: #7f7f7f; }
.MenuSeparator { border-top: 1px solid #c3c3c3; margin: 10px 0px 10px 0px; }
#MenuShadow { position: fixed; top: 50px; width: 235px; height: 5px; background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#MenuSideScreen { display: none; position:fixed; top:50px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 0, 0, 0.5); z-index:720; }
.MenuSide { position: fixed; top:50px; bottom: 0px; left: 0px; vertical-align: top; text-align: left; width: 255px; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; z-index: 721; background-color: #d5d5ff; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); }
.MenuSide::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
.MenuSideX { position: fixed; top:50px; bottom: 0px; left: 0px; vertical-align: top; text-align: left; width: 255px; overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; z-index: 721; background-color: #d5d5ff box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.3); display: none; }
.MenuSideX::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
.PageTitle { position: relative; font-size: 20px; text-align: left; font-weight: bold; margin: 20px 0px 20px 0px; }
.PageTitleCenter { position: relative; font-size: 20px; text-align: center; font-weight: bold; margin: 20px 0px 20px 0px; }
#SideRecent { font-size: 13px; }
/* page tools */
.PageToolsBox { width: 100%; text-align: right; z-index: 401; padding: 0px 0px 10px 0px; }
	.PageTools { position: fixed;  z-index: 402; text-align: left; }
	.PageToolsAlone { position: fixed;  z-index: 402; text-align: left; min-width: 330px; }
	.PageToolsRight { position: fixed;  z-index: 402; text-align: right; right: 15px; }
		.PageToolsSeparator { display: inline-block; width: 0px; height: 30px; margin: 0px 5px 0px 5px; border-right: 1px solid rgba(0, 0, 0, 0.00); line-height: 0px; vertical-align: middle; }
/* tabs */
.TabTable { display: table; width: 100%; margin-bottom: 10px; }
	.TabRow { display: table-row; }
		.TabCellEdge { cursor: pointer; display: table-cell; text-align: center; padding: 6px 10px 6px 10px; border: 1px solid transparent; border-bottom: 1px solid #595959; width: 10%; }
		.TabCell0 { cursor: pointer; display: table-cell; text-align: center; padding: 6px 10px 6px 10px; width: 30%; font-size: 14px; border: 1px solid transparent; border-bottom: 1px solid #595959; }
		.TabCell1 { cursor: pointer; display: table-cell; text-align: center; padding: 6px 10px 6px 10px; width: 30%; font-size: 14px; border: 1px solid #595959; border-bottom: 1px solid transparent; }
/* star menu */
#StarMenu { position: fixed; top: 50px; bottom: 0px; right: 0px; width: 100%; padding: 0px 0px 50px 0px; max-width: 400px; z-index: 710; background-color: #d5d5ff; display: none; box-shadow: -3px 4px 5px 0px rgba(0, 0, 0, 0.3); overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
#StarMenu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
	.StarMenuActionButton { display: inline-block; cursor: pointer; font-size: 13px; background-color: #999999; color: #FFFFFF; padding: 2px 4px 2px 4px; border-radius: 4px; }
	.StarMenuActionButton:hover { background-color: #000000; color: #FFFFFF; }
	#StarMenuContent { position: relative; padding: 10px; }
		.StarMenuButton { padding: 5px 5px 5px 5px; border-radius: 4px; cursor: pointer; position: relative; /*white-space: nowrap;*/ overflow: hidden; }
		.StarMenuButton:hover { background-color: #e7e7e7; }
			/*.StarMenuButtonIcon { width: 18px; height: 18px; vertical-align: middle; margin: -5px 3px 0px 0px; }*/
			.StarMenuBulletBox { float:left; }
				.StarMenuBullet { margin: 0px 5px 0px 0px; width: 16px; height:16px; }
			.StarMenuButtonAlert { background-color: #e00000; color: #FFFFFF; position: absolute; top: 7px; right: 5px; min-width: 8px; min-height: 12px; text-align: center; padding: 2px 3px 0px 3px; font-family: 'Courier New', Courier, monospace; line-height: 12px; font-size: 12px; font-weight: bold; border-radius: 7px; }
			.StarMenuItem { font-size: 13px; }
		.StarMenuSeparator { border-top: 1px solid #c3c3c3; margin: 10px 0px 10px 0px; }
	#StarMenuSearchBox { margin: 0 auto; margin-bottom: 0px; margin-top: 20px; width: calc(100% - 8px); max-width: 200px; padding: 4px; background-color: #FFFFFF; border-radius: 4px; border: 1px solid #CCCCCC; text-align: center; white-space: nowrap; }
		#StarMenuSearchButton { vertical-align: middle; width: 20px; height: 20px; border-width: 0px; cursor: pointer; }
		#StarMenuSearchField { border: 0px solid transparent; width: calc(100% - 40px); outline: none; font-size: 14px; }
#StarMenuScreen { display: none; position:fixed; top:50px; right:0px; bottom:0px; left:0px; z-index:701; }
/* dock */
#Dock { position: fixed; bottom: 0px; right: 0px; width: 90%; margin: 10px; padding: 10px; border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); background-color: #e9e9e9; z-index: 750; }
	.Dock { max-width: 380px; }
	.DockMin { max-width: 155px; cursor: pointer; }
	.DockMicro { max-width: 20px; cursor: pointer; }
	#DockControl { height: 30px; }
		.DockControlMin { display: none; }
		.DockControlButton { position: absolute; top: 10px; width: 20px; height: 20px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 4px; }
		.DockControlButton:hover { background-color: #CCCCCC; }
		#DockControlButtonL1 { left: 10px; display: none; }
		#DockControlButtonR2 { right: 40px; display: none; }
		#DockControlButtonR1 { right: 10px; background-image: url(/img/icon---black.png); }
		#DockTitleOn { font-size: 15px; font-weight: bold; padding-bottom: 10px; margin: 0px 0px 0px 25px; text-align: left; display: none; width: calc(100% - 85px); }
	.DockContainer { display: inline-block; vertical-align: top; width: 100%; min-width: 300px; max-width: 500px; }

	#DockContent { padding-top: 0px; clear: both; max-height: 55vh; text-align: left; font-size: 13px; overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
	#DockContent::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
		.DockContentMin { display: none; }
		.DockMenuButton { padding: 7px 5px 7px 5px; border: 1px solid transparent; border-top-color: #FFFFFF; border-radius: 4px; cursor: pointer; position: relative; font-size: 13px; }
		.DockMenuButton:hover { background-color: #FFFFFF; border: 1px solid transparent; border-bottom-color: transparent; }
			.DockMenuButtonContent { vertical-align: top; text-align: left; padding-right: 5px; }
				.DockMenuButtonExtra { display: inline-block; padding: 2px 20px 0px 3px; line-height: 11px; font-size: 11px; color: #7f7f7f; font-weight: normal; }
				.DockMenuButtonTool { width: 20px; height: 20px; background-image: url(/img/icon-hellip-black.png); background-repeat: no-repeat; background-position: center center; background-size: 13px 13px; }
			.DockMenuButtonAlert { display: none; background-color: #ff0000; color: #FFFFFF; position: absolute; top: 7px; right: 5px; min-width: 8px; min-height: 12px; text-align: center; padding: 2px 3px 0px 3px; font-family: 'Courier New', Courier, monospace; line-height: 12px; font-size: 12px; font-weight: bold; border-radius: 7px; }
		.DockMenuButtonOff { padding: 5px; border-radius: 4px; position: relative; font-style: italic; color: #C0C0C0; }
		.DockMenuSeparator { border-top: 1px solid #c3c3c3; margin: 10px 0px 10px 0px; }
	#DockExtra { position: fixed; cursor: pointer; bottom: 0px; left: 50%; transform: translateX(-50%); width: 30%; padding: 2px; background-color: #fff47e; z-index: 760; font-size: 11px; line-height: 11px; overflow: hidden; white-space: nowrap; }
	#DockTitleOff { white-space: nowrap; overflow: hidden; font-size: 13px; }
	#DockAlert { position: absolute; right: 5px; top: -10px; background-color: #e00000; color: #FFFFFF; min-width: 16px; height: 12px; text-align: center; padding: 3px 4px 3px 4px; font-size: 12px; line-height: 12px; font-weight: bold; border-radius: 14px; }
		.DockAlertMax { display: none; }
	#DockOver { position: absolute; right: 0px; width: 100%; max-width: 400px; min-width: 370px; top: -55px; text-align: right; }
		/* foot alert */
		#FootAlertBox { text-align: right; position: fixed; bottom: 10px; left: 10px; width: calc(100% - 10px); max-width:350px; z-index: 750; display: none; }
			.FootAlert { display: Inline-block; vertical-align: middle; text-align: left; padding: 5px; border-radius: 4px; background-color: #d8baff; color: #000000; font-size: 13px; width:100%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
			.FootAlertLite { display: Inline-block; vertical-align: middle; text-align: left; margin: 5px 0px 5px 0px; padding: 5px; border-radius: 4px; background-color: #e6ddfb; color: #000000; font-size: 13px; width:90%; max-width: 800px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
				.FootAlertButton { display: inline-block; background-color: #FFFFFF; padding: 2px 3px 2px 3px; border-radius: 4px; cursor: pointer; }
				.FootAlertContent { overflow: Hidden; cursor: pointer; color: #000000; }
				.FootAlertContent:hover { color: #7000ff; }
		
	#DockScreen { position: absolute; opacity: .5; background-color: #FFFFFF; top: 0px; right: 0px; bottom: 0px; left: 0px; border-radius: 4px; display: none; }
#DockWait { position: absolute; top:45%; left: 45%; display: none; }

/*calendar*/
#CalendarContent { width: 100%; max-width:1400px; margin: 0 auto; }
	.CalLink { text-decoration: none; color: color(srgb 0.145 0.255 0.388); }
	.CalLink:hover { text-decoration: underline; color: color(srgb 0.161 0.471 0.847); }
	#CalTitle { text-align: center; font-size: 30px; margin-bottom: 10px; }
		.CalTitleNav { display: inline-block; width: 24px; height: 24px; line-height: 0px; vertical-align: middle; cursor: pointer; opacity: 0.5; background-size: contain; background-repeat: no-repeat; }
		.CalTitleNav:hover { opacity: 1; }
		#CalTitlePre { display: inline-block; width: 24px; height: 24px; line-height: 0px; vertical-align: middle; }
		#CalTitleWait { display: inline-block; width: 24px; height: 24px; line-height: 0px; vertical-align: middle; }
	.CalTable { display: table; width: 100%; border-collapse: collapse; }
		.CalRow { display: table-row; }
		.CalRowHead { display: table-row; }
			.CalCell { display: table-cell; width: 14%; height: 50px; padding: 5px 5px 20px 5px; text-align: left; vertical-align: top; border: 1px solid #000000; position: relative; }
			.CalCell:hover { background-color: rgba(228, 250, 244, 1); cursor: context-menu; }
			.CalCellEmpty { display: table-cell; width: 14%; height: 50px; padding: 5px 5px 10px 5px; text-align: left; vertical-align: top; background-color: #FFFFFF; cursor: pointer; position: relative; }
			/* .CalCellToday { display: table-cell; width: 14%; height: 50px; padding: 5px 5px 10px 5px ; text-align: left; vertical-align: top; background-color: #FFFFFF; border: 1px solid #000000; } 
			.CalCellToday:hover { background-color: rgba(228, 250, 244, 1); cursor: crosshair; }
			*/
			.CalCellWeekend { display: table-cell; width: 14%; height: 50px; padding: 5px 5px 20px 5px; text-align: left; vertical-align: top; background-color: rgba(215, 215, 215, 1); border: 1px solid #000000; position: relative; }
			.CalCellWeekend:hover { background-color: rgba(230, 230, 230, 1); cursor: context-menu; }
				.CalDayHeadNum { display: inline-block; position: absolute; right:4px; vertical-align: middle; padding: 2px; text-align: right; font-size: 12px; }
				.CalDayHeadTable { display: table; width: 85%; }
					.CalDayHeadRow { display: table-row; }
						.CalDayHeadInfo { display: table-cell; vertical-align: middle; padding: 2px; text-align: left; font-size: 12px; color: #4a4a4a; }
							.CalDayDay { display: none; font-size: 14px; line-height: 14px; color:#8d8d8d; padding: 3px; text-align: center; vertical-align: middle; text-transform: uppercase; }
							.CalDayNum { display: inline-block; font-size: 14px; line-height: 14px; color:#000000; /*background-color: #FFFFFF; border-radius: 50%; border: 4 solid #FFFFFF;*/ padding: 3px; min-width: 14px; text-align: center; vertical-align: middle; }
							.CalDayNumToday { display: inline-block; float: right; font-size: 14px; line-height: 14px; color:#FFFFFF; background-color: #1652ff; border-radius: 50%; border: 4 solid #FFFFFF; padding: 3px; min-width: 14px; text-align: center; vertical-align: middle; }
						.CalEvent { position: relative; overflow: auto; margin: 4px 4px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px; cursor: pointer; background-color: #9fcab2; color: #004643; border: 1px solid #5b9374; }
						.CalEventEnd { position: relative; overflow: auto; margin: 4px 4px 0px -5px; padding: 4px; font-size: 12px; border-radius: 0px 4px 4px 0px; cursor: pointer; background-color: #9fcab2; color: #004643; border: 1px solid #5b9374; border-left-width: 0px; }
						.CalEventStart { position: relative; overflow: auto; margin: 4px -5px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px 0px 0px 4px; cursor: pointer; background-color: #9fcab2; color: #004643; border: 1px solid #5b9374; border-right-width: 0px; }
						.CalEventThru { position: relative; overflow: auto; margin: 4px -5px 0px -5px; padding: 4px; font-size: 12px; cursor: pointer; background-color: #9fcab2; color: #004643; border: 1px solid #5b9374; border-right-width: 0px; border-left-width: 0px; }
							.CalEventName { float: left; }
							.CalEventIcon { float: right; margin-top: 2px; width: 12px; height: 12px; line-height: 0px; background-size: contain; background-repeat: no-repeat; }
						.CalNote { position: relative; overflow: auto; margin: 4px 4px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px; cursor: pointer; background-color: #fff7c3; color: #464100; border: 1px dotted #94945c; }
						.CalTask0 { position: relative; overflow: auto; margin: 4px 4px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px; cursor: pointer; background-color: #dee4ff; color: #001f46; border: 1px dotted #5c7494; }
						.CalTask1 { position: relative; overflow: auto; margin: 4px 4px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px; cursor: pointer; background-color: #ffc4c4; color: #001f46; border: 1px dotted #5c7494; }
						.CalTask2 { position: relative; overflow: auto; margin: 4px 4px 0px 4px; padding: 4px; font-size: 12px; border-radius: 4px; cursor: pointer; background-color: #ff0000; color: #FFFFFF; border: 1px dotted #5c7494; }
				.CalSubUns { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 14px; background-color: #ffdada; color: #7c0000; cursor: pointer; }
					.CalSubUnsPin { position: relative; height: 14px; line-height: 0px; }
						.CalSubUnsPct { position: absolute; left: 0px; bottom: 0px; font-size: 11px; padding-left: 3px; line-height: 14px; height: 14px; background-color: #c2ffcd; cursor: pointer; }
						.CalSubUnsSub { position: absolute; left: 0px; bottom: 0px; font-size: 11px; padding-left: 3px; line-height: 14px; height: 14px; color: #00891a; cursor: pointer; }
						.CalSubUnsUns { position: absolute; right: 0px; bottom: 0px; font-size: 11px; padding-right: 3px; line-height: 14px; cursor: pointer; }
						.CalSubUnsSpam { position: absolute; bottom: 27px; right: 0px; padding: 0px 3px 1px 3px; font-size: 11px; background-color: #ff0000; color: #FFFFFF; cursor: pointer; }
						.CalSubUnsWarm { position: absolute; bottom: 14px; right: 0px; padding: 0px 3px 1px 3px; font-size: 11px; background-color: #ffd800; color: #000000; cursor: pointer; }
						.CalSubUnsWarmCold { position: absolute; bottom: 14px; right: 0px; padding: 0px 3px 1px 3px; font-size: 11px; background-color: #6ac2ff; color: #000000; cursor: pointer; }
			.CalHeadCell { display: table-cell; width: 14%; text-align: center; color: #000000; }
			.CalHeadCellWeekend { display: table-cell; width: 14%; text-align: center; color: #848484; }
	#CalEventNewPopName { font-size: 16px; width: 90%; }
	#CalDateCaption { font-size: 16px; width: 90%; }

/* dashboard */
.WidgetContent { width: 100%; max-width:1200px; margin: 0 auto; text-align: center; }
	.WidgetCol1 { display: inline-block; vertical-align: top; width: 100%; max-width: 300px; }
	.Widget2 { display: inline-block; vertical-align: top; width: 100%; max-width: 600px; }
	.Widget4 { display: inline-block; vertical-align: top; width: 100%; max-width: 1200px; }
		.WidgetSet { border: 1px dashed #cacaca; border-radius: 4px; margin: 10px 5px 10px 5px; padding: 7px; vertical-align: top; }
			.WidgetLegend { padding: 0px 5px 0px 5px; font-size:15px; color: #7b7b7b; text-align: center; margin-bottom: -5px; }
	.WidgetCol2 { display: inline-block; vertical-align: top; width: 100%; max-width: 600px; }
	
/* notes & tasks & files / */
#FileListContent {  }
	.FileListItem { position: relative; margin-bottom: 10px; padding: 5px; border-radius: 4px; background-color: #ffdcdc; color: rgba(79, 37, 37, 1); }
		.FileListButton { position: absolute; right: 10px; top: 10px; }
		.FileListTools { text-align: right; font-size: 12px; line-height: 20px; margin: 15px 0px 0px 0px; }
			.FileListItemEdit { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-edit-black.png); }
			.FileListItemX { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-x-black.png); }
#NoteListContent {  }
	.NoteListItem { position: relative; margin-bottom: 10px; padding: 5px 30px 5px 5px; border-radius: 4px; background-color: #fff7c3; color: #464100; border: 1px dotted #94945c; }
		.NoteListButton { position: absolute; right: 10px; top: 10px; }
		.NoteListTools { text-align: right; font-size: 12px; line-height: 20px; margin: 15px -25px 0px 0px; }
			.NoteListItemEdit { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-edit-black.png); }
			.NoteListItemX { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-x-black.png); }
#TaskListContent {  }
	.TaskFileListItem { margin: 15px 10px 10px 10px; padding: 5px; border-radius: 4px; background-color: #f0f3ff; color: #002546; }
		.TaskFileListTools { text-align: right; font-size: 12px; line-height: 20px; margin: 15px 0px 0px 0px; }
			.TaskFileListItemEdit { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-edit-black.png); }
			.TaskFileListItemX { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-x-black.png); }
	.TaskListItem { margin-bottom: 10px; padding: 5px; border-radius: 4px; background-color: #dee4ff; color: #002546; border: 1px dotted #5c7a94; position: relative; }
	.TaskListItemDone { margin-bottom: 10px; padding: 5px; border-radius: 4px; background-color: #dee4ff; color: #002546; border: 1px dotted #5c7a94; position: relative; opacity: .5; }
		.TaskListButton { position: absolute; right: 10px; top: 10px; }
		.TaskListCheck {  }
		.TaskListLink { text-decoration: none; background-color: #bac7ff; padding: 0px 3px 0px 3px; border-radius: 4px; white-space: nowrap; }
		.TaskListName { display: inline-block; }
		.TaskListNameDone { display: inline-block; text-decoration: line-through; opacity: .5; }
		.TaskNoteListItem { margin: 15px 10px 10px 10px; padding: 5px; border-radius: 4px; background-color: #f0f3ff; color: #002546; }
			.TaskNoteListItemButton { float: right; margin: 0px 5px 10px 10px; }
			.TaskNoteListTools { text-align: right; font-size: 12px; line-height: 20px; margin: 15px 10px 0px 0px; }
				/*.TaskNoteListItemEdit { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-edit-black.png); }*/
				/*.TaskNoteListItemX { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-x-black.png); }*/
		.TaskListTools { text-align: right; font-size: 12px; line-height: 20px; margin: 15px 10px 0px 0px; }
			.TaskListDeadline { background-color: #FFFFFF; padding: 0px 3px 0px 3px; border-radius: 4px; white-space: nowrap; }
			.TaskListDeadlineDue { background-color: #ffc4c4; color: #000000; padding: 0px 3px 0px 3px; border-radius: 4px; white-space: nowrap; }
			.TaskListDeadlineOverdue { background-color: #ff0000; color: #FFFFFF; padding: 0px 3px 0px 3px; border-radius: 4px; white-space: nowrap; }
			/*.TaskListItemEdit { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-edit-black.png); }*/
			/*.TaskListItemX { display: inline-block; vertical-align: middle; margin-top: -2px; width: 14px; height: 14px; cursor: pointer; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-x-black.png); }*/
/* notes & tasks \ */

/* popup / */
#PopScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 0, 0, 0.5); z-index: 800; }
#PopBox { display: none; position: fixed; top: 0px; bottom: 0px; right: 0px; width: 100%; max-width: 820px; background-color: #FFFFFF; box-shadow: -1px 1px 20px 20px rgba(0, 0, 0, 0.15); z-index: 802; }
	#PopHead { position: fixed; top:0px; right:0px; width: inherit; max-width: inherit; height: 50px; background-color: #FFFFFF; z-index: 801; }
		#PopClose { float: right; margin: 10px 10px 10px 0px; width: 24px; height:24px; background-image: url(/img/icon-close-black.png); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
		.PopTools { float: left; padding: 13px 0px 0px 13px; }
			.PopButton { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; }
			.PopButton:hover { background-color: #000000; cursor: pointer; }
			.PopButtonAdd { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-plus-white.png); cursor: pointer; }
			.PopButtonAdd:hover { background-color: #000000; }
			.PopButtonBack { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-arrow-line-left-white.png); cursor: pointer; }
			.PopButtonBack:hover { background-color: #000000; }
			.PopButtonCancel { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-cancel-white.png); cursor: pointer; }
			.PopButtonCancel:hover { background-color: #000000; }
			.PopButtonClose { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-close-white.png); cursor: pointer; }
			.PopButtonClose:hover { background-color: #000000; }
			.PopButtonCopy { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-copy-white.png); cursor: pointer; }
			.PopButtonCopy:hover { background-color: #000000; }
			.PopButtonDelete { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-x-white.png); cursor: pointer; }
			.PopButtonDelete:hover { background-color: #000000; }
			.PopButtonEdit { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-edit-white.png); cursor: pointer; }
			.PopButtonEdit:hover { background-color: #000000; }
			.PopButtonGreen { background-color: #007a0f; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; }
			.PopButtonGreen:hover { background-color: #003c07; }
			.PopButtonLink { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-link-white.png); cursor: pointer; }
			.PopButtonLink:hover { background-color: #000000; }
			.PopButtonNew { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-plus-white.png); cursor: pointer; }
			.PopButtonNew:hover { background-color: #000000; }
			.PopButtonNotify { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-bell-white.png); cursor: pointer; }
			.PopButtonNotify:hover { background-color: #000000; }
			.PopButtonRed { background-color: #890000; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; }
			.PopButtonRed:hover { background-color: #460000; }
			.PopButtonSave { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-save-white.png); cursor: pointer; }
			.PopButtonSave:hover { background-color: #000000; }
			.PopButtonSend { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-send-white.png); cursor: pointer; }
			.PopButtonSend:hover { background-color: #000000; }
			.PopButtonUpload { display: inline-block; background-color: #9c9c9c; color: #FFFFFF; padding: 4px 7px 4px 7px; border: 0px solid transparent; border-radius: 4px; font-size: 12px; padding-left: 22px; background-position: 4px 4px; background-size: 14px; background-repeat: no-repeat; background-image: url(/img/icon-upload-white.png); cursor: pointer; }
			.PopButtonUpload:hover { background-color: #000000; }
			
	#Pop { position: fixed; top: 0px; bottom: 0px; width: inherit; max-width: inherit; overflow-y: scroll; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; z-index: 802; }
	#Pop::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
		#PopContent { padding: 20px; }
		.PopFormSet { border: 0px solid transparent; background-color: #ebebeb; border-radius: 4px; margin: 5px; padding: 5px; vertical-align: top; }
			.PopFormLegend { padding: 0px 5px 0px 5px; font-size:15px; color: #7b7b7b; text-align: center; margin-bottom: -5px; }
			/*.PopFormLegend { padding: 0px 5px 0px 5px; font-size:12px; color: #7b7b7b; text-align: center; margin-bottom: -5px; }*/ /* made identical | replace eventually */
		#PopHelpContent { width: 100%; }
		.PopLine { height: 1px; background-color:#CCCCCC; margin:10px 0px 10px 0px }
		#PopTitle { text-align: center; font-weight: bold; padding: 60px 20px 0px 20px; }
		#PopInfo { font-size: 14px; }
		.PopNote { padding: 10px; font-size: 13px; border-radius: 4px; background-color: #fff7c3; text-align: left; }
	#PopWaitScreen { display: none; position: fixed; top: 0px; right: 0px; bottom:0px; width: inherit; max-width: inherit; background-color: rgba(255, 255, 255, 0.75); z-index: 803; }
	#PopWait { display: none; position:fixed; top:0px; right:0px; bottom:0px; width: inherit; max-width: inherit; background-position: center center; background-size: 100px 100px; background-repeat: no-repeat; background-image: url(/img/wait.gif); z-index: 804; }

/*wait*/
#WaitScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color: rgba(255, 255, 255, 0.75); z-index:2000; }
#Wait { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:2001; background-position: center center; background-size: 100px 100px; background-repeat: no-repeat; background-image: url(/img/wait.gif); }
#WaitInlineScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; background-color: rgba(255, 255, 255, 0.75); z-index:1998; }
#WaitInline { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:1999; background-position: center center; background-size: 100px 100px; background-repeat: no-repeat; background-image: url(/img/wait.gif); }

/* search */
#Search { color: #000000; display: none; text-align: left; font-size: 14px; padding: 5px; margin-top: 10px; border-radius: 4px; background-color: #848484; color: #FFFFFF; }
	#SearchResult { display: block; }
		.SearchBlock { margin-bottom: 10px; text-align: left; }
			.SearchImg { vertical-align: middle; height: 18px; width: 18px; margin: -5px 2px 0px 0px; }
			.SearchImgLarge { vertical-align: middle; height: 34px; float:right; margin: -3px 2px 0px 0px; }
			.SearchImgLargeF { vertical-align: middle; height: 34px; float:left; margin: -3px 2px 0px 0px; }
			.SearchResult { padding: 5px; border: 1px solid transparent; cursor: pointer; margin-top: 2px; clear: both; border-radius: 4px; }
			.SearchResult:hover { background-color:#5f5f5f; }
			.SearchSeparator { border-bottom: 1px dashed #5f5f5f; margin: 5px 0px 5px 0px; }
/*
			.SearchTitle { font-size: 22px; text-align: center; font-weight: bold; padding: 10px 5px 10px 5px; margin-top: 2px; clear: both; border: 1px solid transparent; cursor: pointer; color: #44698b; }
			.SearchTitle:hover { border-color: #44698b; }
		.SearchResultPage { display: inline-block; width: 100%; max-width: 345px; margin: 5px; padding: 5px 2px 5px 2px; border: 1px solid transparent; cursor: pointer; background-color: #cfddec; clear: both; text-align: left; }
		.SearchResultPage:hover { border-color: #44698b; }
*/
#SearchBox { margin: 0 auto; padding: 4px; background-color: #FFFFFF; border-radius: 4px; border: 1px solid #CCCCCC; text-align: center; white-space: nowrap; }
	#SearchButton { vertical-align: middle; width: 20px; height: 20px; border-width: 0px; cursor: pointer; }
	#SearchField { border: 0px solid transparent; width: 180px; outline: none; font-size: 14px; }
#SearchMenu { position: absolute; top: 82px; left: 10px; }
#SearchOptionBox { margin-top: 5px; }

#CF { margin:0px; padding:5px; border: 1px solid #e6e6e6; border-bottom-color: #cacaca; font-size: 16px; vertical-align: middle; outline: none; border-radius: 4px; }
#GoF { margin:0px; padding:5px; border-radius: 4px; border: 0px solid transparent; font-size: 16px; vertical-align: middle; outline: none; }
#OF { font-size: 16px; }

/* tags normal */
.TagBirthday { display: inline-block; background-color: transparent; color: #aebed2; border: 1px solid #aebed2; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagBlack { display: inline-block; background-color: #000000; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagBlackBorder { display: inline-block; background-color: transparent; color: #000000; border: 1px solid #000000; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagBlue { display: inline-block; background-color: #0a00ff; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagBlueBorder { display: inline-block; background-color: transparent; color: #0a00ff; border: 1px solid #0a00ff; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagBlueLite { display: inline-block; background-color: #67aeff; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagBlueLiteBorder { display: inline-block; background-color: transparent; color: #67aeff; border: 1px solid #67aeff; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagCart { display: inline-block; background-color: transparent; color: #aed1b2; border: 1px solid #aed1b2; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagCold { display: inline-block; background-color: transparent; color: #0050ff; border: 1px solid #0050ff; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagCollection { display: inline-block; background-color: #7f7f7f; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagCoupon { display: inline-block; background-color: #b3a778; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagEmailContact { display: inline-block; background-color: #b200ff; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 18px; cursor: pointer; background-position: 2px 2px; background-size: 12px; background-repeat: no-repeat; background-image: url(/img/icon-contact-white.png); }
.TagEmailAttach { display: inline-block; background-color: #233447; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 18px; cursor: pointer; background-position: 2px 2px; background-size: 12px; background-repeat: no-repeat; background-image: url(/img/icon-paperclip-white.png); }
.TagEmailAttach:hover { background-color: #e00000; }
.TagEmailAttachDead { display: inline-block; background-color: #233447; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; }
.TagEmailCollection { display: inline-block; background-color: #7f7f7f; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 18px; cursor: pointer; background-position: 2px 2px; background-size: 13px; background-repeat: no-repeat; background-image: url(/img/icon-collection-white.png); }
.TagEmailSmart { display: inline-block; background-color: #38c4d4; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 18px; cursor: pointer; background-position: 2px 2px; background-size: 13px; background-repeat: no-repeat; background-image: url(/img/icon-smartlist-white.png); }
.TagGrey { display: inline-block; background-color: #a2a2a2; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagGreen { display: inline-block; background-color: #00cf31; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagGreenBorder { display: inline-block; background-color: transparent; color: #00cf31; border: 1px solid #00cf31; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagGreyBorder { display: inline-block; background-color: transparent; color: #a2a2a2; border: 1px solid #a2a2a2; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagMauve { display: inline-block; background-color: #d8baff; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagMauveBorder { display: inline-block; background-color: transparent; color: #d8baff; border: 1px solid #d8baff; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagIntel { display: inline-block; background-color: #ffcc00; color: #000000; border-radius: 4px; margin: 2px; font-family: 'Courier New', Courier, monospace; font-weight: bold; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagMerge { display: inline-block; background-color: #b8b8b8; color: #3d3d3d; border: 1px dotted #3d3d3d; /*border-radius: 4px;*/ margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagMergePrimary { display: inline-block; background-color: #f8ec31; color: #3d3d3d; border: 1px dotted #3d3d3d; /*border-radius: 4px;*/ margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOptIn { display: inline-block; background-color: transparent; color: #00cf31; border: 1px solid #00cf31; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOptNM { display: inline-block; background-color: transparent; color: #ff9a00; border: 1px solid #ff9a00; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOptOut { display: inline-block; background-color: transparent; color: #e00000; border: 1px solid #e00000; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOptX { display: inline-block; background-color: transparent; color: #a2a2a2; border: 1px solid #a2a2a2; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOrange { display: inline-block; background-color: #ff9a00; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagOrangeBorder { display: inline-block; background-color: transparent; color: #ff9a00; border: 1px solid #ff9a00; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagOrder { display: inline-block; background-color: #aed1b2; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagOrderPending { display: inline-block; background-color: rgba(174, 209, 178, 0.51); color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagProduct { display: inline-block; background-color: #437c7f; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagRed { display: inline-block; background-color: #e00000; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagRedBorder { display: inline-block; background-color: transparent; color: #e00000; border: 1px solid #e00000; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagRedDark { display: inline-block; background-color: #890000; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagRedDarkBorder { display: inline-block; background-color: transparent; color: #890000; border: 1px solid #890000; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }
.TagSubscription { display: inline-block; background-color: #669900; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 18px; cursor: pointer; background-position: 2px 2px; background-size: 13px; background-repeat: no-repeat; background-image: url(/img/icon-check-white.png); }
.TagTag { display: inline-block; background-color: #aebed2; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagToken { display: inline-block; background-color: #d1aecb; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
	.TagX { color: #FFFFFF; font-size: 10px; font-weight: bold; display: inline-block; vertical-align: middle; margin-top:-2px; }
.TagVoucher { display: inline-block; background-color: #de6518; color: #FFFFFF; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 7px 2px 7px; cursor: pointer; }
.TagWarm { display: inline-block; background-color: transparent; color: #ceae00; border: 1px solid #ceae00; border-radius: 4px; margin: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px 6px 1px 6px; cursor: pointer; }

/* tags mini */
.TagMiniBlack { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#000000; color: #FFFFFF; border-radius: 2px; }
.TagMiniBlackBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; border: 1px solid #000000; border-radius: 2px; }
.TagMiniBlue { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#0a00ff; color: #FFFFFF; border-radius: 2px; }
.TagMiniBlueBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #0a00ff; border: 1px solid #0a00ff; border-radius: 2px; }
.TagMiniBlueLite { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#67aeff; color: #FFFFFF; border-radius: 2px; }
.TagMiniBlueLiteBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #67aeff; border: 1px solid #67aeff; border-radius: 2px; }
.TagMiniCold { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #0050ff; border: 1px solid #0050ff; border-radius: 2px; }
.TagMiniGreen { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#00cf31; color: #FFFFFF; border-radius: 2px; }
.TagMiniGreenBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00cf31; border: 1px solid #00cf31; border-radius: 2px; }
.TagMiniGrey { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#a2a2a2; color: #FFFFFF; border-radius: 2px; }
.TagMiniIntel { display: inline-block; padding: 1px 2px 1px 2px; font-family: 'Courier New', Courier, monospace; font-size: 9px; font-weight: bold; background-color:#ffcc00; color: #000000; border-radius: 2px; }
.TagMiniMauve { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#d8baff; color: #FFFFFF; border-radius: 2px; }
.TagMiniMauveBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #d8baff; border: 1px solid #d8baff; border-radius: 2px; }
.TagMiniMerge { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #b8b8b8; color: #3d3d3d; border: 1px dotted #3d3d3d; /*border-radius: 2px;*/ }
.TagMiniMergePrimary { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; background-color: #f8ec31; color: #3d3d3d; border: 1px dotted #3d3d3d; /*border-radius: 2px;*/ }
.TagMiniOptIn	{ display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00cf31; border: 1px solid #00cf31; border-radius: 2px; }
.TagMiniOptNM	{ display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ff9a00; border: 1px solid #ff9a00; border-radius: 2px; }
.TagMiniOptOut	{ display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #e00000; border: 1px solid #e00000; border-radius: 2px; }
.TagMiniOptX	{ display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #a2a2a2; border: 1px solid #a2a2a2; border-radius: 2px; }
.TagMiniOrange { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#ff9a00; color: #FFFFFF; border-radius: 2px; }
.TagMiniOrangeBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ff9a00; border: 1px solid #ff9a00; border-radius: 2px; }
.TagMiniRed { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#e00000; color: #FFFFFF; border-radius: 2px; }
.TagMiniRedBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #e00000; border: 1px solid #e00000; border-radius: 2px; }
.TagMiniRedDark { display: inline-block; padding: 1px 2px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background-color:#890000; color: #FFFFFF; border-radius: 2px; }
.TagMiniRedDarkBorder { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #890000; border: 1px solid #890000; border-radius: 2px; }
.TagMiniWarm { display: inline-block; padding: 0px 1px 0px 1px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ceae00; border: 1px solid #ceae00; border-radius: 2px; }

.TagG { display: inline-block; margin: 2px; padding: 2px 2px 1px 2px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 12px; background-color: #90A278; color: #FFFFFF; border: 1px solid #90A278; border-radius: 8px; }
.TagN { display: inline-block; margin: 2px; padding: 2px 2px 1px 2px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 12px; background-color: #02B1E4; color: #FFFFFF; border: 1px solid #02B1E4; border-radius: 8px; }
.TagP { display: inline-block; margin: 2px; padding: 2px 2px 1px 2px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 12px; background-color: #ED7CAF; color: #FFFFFF; border: 1px solid #ED7CAF; border-radius: 8px; }
.TagY { display: inline-block; margin: 2px; padding: 2px 2px 1px 2px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 12px; background-color: #B89B84; color: #FFFFFF; border: 1px solid #B89B84; border-radius: 8px; }

.TagMiniG { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #90A278; color: #FFFFFF; border: 1px solid #90A278; border-radius: 6px; }
.TagMiniL { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #C34629; color: #FFFFFF; border: 1px solid #C34629; border-radius: 6px; }
.TagMiniN { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #02B1E4; color: #FFFFFF; border: 1px solid #02B1E4; border-radius: 6px; }
.TagMiniP { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #ED7CAF; color: #FFFFFF; border: 1px solid #ED7CAF; border-radius: 6px; }
.TagMiniY { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #B89B84; color: #FFFFFF; border: 1px solid #B89B84; border-radius: 6px; }
.TagMiniS { display: inline-block; padding: 1px 1px 0px 1px; font-family: 'Lucida Console', Monaco, monospace; font-style: normal; font-size: 8px; background-color: #742cb2; color: #FFFFFF; border: 1px solid #742cb2; border-radius: 6px; }


@media print {
    .Pagebreak { page-break-after: always; } /* page-break-after: always works too */
}

/*cmenu /*/
#CMenu { position: absolute; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3); background-color: #dedede; font-size: 14px; line-height: normal; margin: 5px 0px 0px 0px; padding: 1px 0px 1px 0px; font-weight: normal; z-index: 903;
 display: none; max-height: 70vh; min-height: 10px; overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
#CMenu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ }
	.CMenuInfo { margin: 0px 1px 0px 1px; padding: 7px; background-color: #FFFFFF; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuInfoUnderTitle { margin: 0px 1px 0px 1px; padding: 0px 7px 7px 7px; background-color: #FFFFFF; color: #4a4a4a; font-size: 12px; line-height: normal; font-weight: normal; cursor: pointer; }
	.CMenuItem { margin: 0px 1px 0px 1px; padding: 7px; background-color: #f2f2f2; cursor: pointer; position: relative; }
	.CMenuItemHover { margin: 0px 1px 0px 1px; padding: 7px; background-color: #FFFFFF; cursor: pointer; }
		.CMenuItemBadgeIcon { margin: -4px 0px 4px 5px; width: 10px; height: 10px; }
		.CMenuItemImgBox { width: 14px; height: 14px; line-height: 0px; vertical-align: top; padding-right: 5px; }
			.CMenuItemImg { width: 14px; height: 14px; margin-bottom: -2px; vertical-align: baseline; }
		.CMenuItemInfo { font-size: 11px; padding-top: 4px; color: #7b7b7b; }
		.CMenuItemName { vertical-align: top; }
			.CMenuSuperIcon { width: 10px; height: 10px; vertical-align: top; margin: 0px 0px 10px 0px; }
		.CMenuItemRight {vertical-align: top; padding: 3px 0px 0px 2px; color: #7f7f7f; font-size: 11px; text-align: right; }
	.CMenuSearchBox { position: relative; margin: 0px 1px 0px 1px; padding: 7px; background-color: #f2f2f2; }
		.CMenuSearchField { width: 100%; border: 0px solid rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); outline: none; font-size: 14px; padding: 0px; margin: 0px; }
		.CMenuSearchWait { position: absolute; width: 14px; height:14px; line-height: 0px; top: 7px; right: 7px; }
	.CMenuSeparator { line-height: 0px; height: 1px; }
	.CMenuTitle { margin: 0px 1px 0px 1px; padding: 7px; font-weight: bold; text-align: left; background-color: #FFFFFF; }
	#CMenuWait { padding: 5px; text-align: right; margin-bottom: -2px; }
.CMenuLink { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; }	
.CMenuLink:hover {  opacity: 1; /*text-decoration-color: rgba(0, 0, 0, 0.75);*/ /*border-color:  rgba(0, 0, 0, 0.5);*/ }	
#CMenuScreen { display: none; position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index: 902; }
.Context { display: inline-block; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; opacity: 0.7; }	
.Context:hover {  opacity: 1; /*text-decoration-color: rgba(0, 0, 0, 0.75);*/ /*border-color:  rgba(0, 0, 0, 0.5);*/ }	
/*cmenu \*/

/* ratings & reviews / */
.ReviewBox { width: 100%; max-width: 800px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #000000; margin: 0 auto; }
	.ReviewImgBox { display: inline-block; vertical-align: middle; width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
	.ReviewStarBox { display: inline-block; vertical-align: middle; }
		.ReviewStarTitle { display: inline-block; font-size: 14px; line-height: 14px; width: 150px; }
		.ReviewStarTable { display: table; cursor: pointer; vertical-align: middle; }
			.ReviewStarRow { display: table-row; }
				.ReviewStarCellActive	{ display: table-cell; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/review-star-active.png);	 }
				.ReviewStarCellFull		{ display: table-cell; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/review-star-full.png); 	 }
				.ReviewStarCellHalf		{ display: table-cell; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/review-star-half.png);		 }
				.ReviewStarCellNo		{ display: table-cell; width: 20px; height: 20px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/review-star-no.png); 		 }
/* ratings & reviews \ */

.LiveDataName { font-size: 13px; text-align: left; }
.LiveDataData { font-size: 13px; text-align: right; }
.LiveDataExtra { font-size: 13px;font-size: 13px; text-align: left; font-style: italic; color: #acacac; }

/*content box /*/
.BoxBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	padding: 0px 0px 20px 0px;
}	
	.BoxColHalf { display:inline-block; width: 100%; max-width: 49%; overflow:auto; vertical-align:text-top; text-align: left; }
	.BoxNarrow {
		position: relative;
		width: 100%;
		min-width: 300px;
		max-width: 400px;
		background-color: #ebebeb; 
		border-radius: 4px;
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 15px;
		
	}	
	.BoxWide {
		position: relative;
		width: 100%;
		min-width: 300px;
		max-width: 840px;
		background-color: #ebebeb; 
		border-radius: 4px;
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 15px;
	}
		.BoxContentMax {
			margin-bottom: 10px;
			padding-bottom: 10px;
			overflow-x: auto;
		}
		.BoxContentMed {
			margin-bottom: 10px;
			padding-bottom: 10px;
			max-height: 400px;
			overflow-y: scroll;
			-ms-overflow-style: none; /* IE and Edge */
    		scrollbar-width: none; /* Firefox */
		}
		.BoxContentMed::-webkit-scrollbar {
			display: none;
		}
		.BoxContentMin {
			margin-bottom: 10px;
			padding-bottom: 10px;
			max-height: 200px;
			overflow-y: scroll;
			-ms-overflow-style: none; /* IE and Edge */
    		scrollbar-width: none; /* Firefox */
		}
		.BoxContentMin::-webkit-scrollbar {
			display: none;
		}
			.BoxLabel { cursor: pointer; color: #7b7b7b; margin: 5px 0px 5px 0px; }
		.BoxControl {
			position: absolute;
			bottom: 0px;
			left: 0px;
			right: 0px;
			height: 18px;
			background-image: url(/img/icon-arrow-down-grey.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			background-size: auto 6px;
			cursor: pointer;
			display: none; /* default */
		}
		.BoxFade {
			position: absolute;
			bottom: 18px;
			left: 0; 
			right: 0;  
			height: 55px;
			content: "";
			background: linear-gradient(to top, rgba(235,235,235, 1), rgba(235,235,235, 0));
			pointer-events: none; /* so the text is still selectable */
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			display: none; /* default */
		}
		.BoxIntro {
			font-size: 12px; 
			color: #7b7b7b;
			margin-bottom: 10px;
		}
		.BoxSeparator { border-bottom: 1px dashed #cacaca; margin: 10px 0px 10px 0px; }
		.BoxToolButton {
			position: absolute; 
			top: 0px; 
			right: 0px; 
			width: 35px; 
			height: 27px; 
			background-image: url(/img/icon-hellip-black.png); 
			background-repeat: no-repeat; 
			background-position: center center; 
			background-size: 16px 16px; 
			opacity: .6;
			cursor: context-menu;
		}	
		.BoxToolButtonNew {
			position: absolute; 
			top: 0px; 
			right: 0px; 
			width: 35px; 
			height: 27px; 
			background-image: url(/img/icon-plus-black.png); 
			background-repeat: no-repeat; 
			background-position: center center; 
			background-size: 16px 16px; 
			opacity: .6;
			cursor: pointer;
		}	
		.BoxTitle {
			border-top-left-radius: 4px; 
			border-top-right-radius: 4px; 
			margin: -10px -10px 10px -10px;
			padding: 5px;
			text-align: center; 
			color: #000000;
			background-color: #d8d8d8;
			height: 20px;
		}
/*content box \*/

.Alert { background-color: #feffaf; color: #000000; padding: 10px; text-align: left; border: 1px dotted #000000; }
.Warning { background-color: #feff00; color: #a30000; padding: 10px; text-align: left; border: 2px dashed #a30000; }
.OK { background-color: #009927; color: #ffffff; padding: 10px; text-align: left; border: 2px solid #009927; } /*opposite of warning*/

/* page crumb */
.PageCrumbBox { margin: 50px 0px 20px 0px; }
	.PageCrumb { display: inline-block; opacity: 0.7; white-space: nowrap; font-size: 14px; line-height: 22px; cursor: pointer; color: #000000; text-decoration: none; }
	.PageCrumb:hover { opacity: 1; color: #000000; text-decoration: underline; }
	.PageCrumbContext { display: inline-block; opacity: 0.7; white-space: nowrap; font-size: 14px; line-height: 22px; cursor: context-menu; text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; color: #000000; }
	.PageCrumbContext:hover { opacity: 1; color: #000000; }
	.PageCrumbIconL { height: 1.3em; vertical-align: middle; margin: -0.3em 0em 0em 0em; } 
	.PageCrumbIcon { height: 1em; vertical-align: middle; margin: -0.3em 0em 0em 0em; } 
	.PageCrumbIconS { height: .8em; vertical-align: middle; margin: -0.3em 0em 0em 0em; } 
	.PageCrumbSep { display: inline-block; height: .8em; width: .8em; margin-top: -2px; vertical-align: middle; background-image: url(/img/icon-arrow-right-black.png); background-size: contain; background-position: center center; background-repeat: no-repeat; }
	.PageCrumbDrop { display: inline-block; vertical-align: middle; width: 10px; height: 22px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-toggle-down-black.png); }
	.PageCrumbAdmin { display: inline-block; vertical-align: middle; width: 12px; height: 26px; margin-top: -6px; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(/img/icon-crown-black.png); }

/* section */

.SectionAssetBG		{ background-color: var(--ColorAssetBG); }
.SectionDiscussBG	{ background-color: var(--ColorDiscussBG); }
.SectionInfoBG		{ background-color: var(--ColorInfoBG); }
.SectionNoteBG		{ background-color: var(--ColorNoteBG); }
.SectionTaskBG		{ background-color: var(--ColorTaskBG); }
.Section { width: 100%; max-width: 860px; margin: 0 auto; white-space: nowrap; margin-bottom: 20px; border-radius: 4px; position: relative; }
	.SectionAlert0 { display: none; } /* opposite */
	.SectionAlert1 { position: absolute; right: 25px; top: -10px; background-color: #ff000e; color: #FFFFFF; min-width: 9px; height: 13px; text-align: center; padding: 4px 6px 4px 6px; font-size: 13px; line-height: 13px; font-weight: bold; border-radius: 12px; }
	.SectionCol { overflow: auto; text-align: left; } /*full*/
	.SectionColHalf { display:inline-block; width: 100%; max-width: 49%; overflow: auto; vertical-align: text-top; text-align: left; }
	.SectionColQuarter { display:inline-block; width: 100%; max-width: 24%; overflow: auto; vertical-align: text-top; text-align: left; }
	.SectionColQuarter14 { display:inline-block; width: 100%; max-width: 24%; overflow: auto; vertical-align: text-top; text-align: left; }
	.SectionColQuarter34 { display:inline-block; width: 100%; max-width: 74%; overflow: auto; vertical-align: text-top; text-align: left; }
	.SectionColThird { display:inline-block; width: 100%; max-width: 32%; overflow: auto; vertical-align: text-top; text-align: left; }
	.SectionContent0 { background-color: rgba(255, 255, 255, 0.4); display: none; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
	.SectionContent1 { background-color: rgba(255, 255, 255, 0.4); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; text-align: center; font-size: 15px; white-space: wrap; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
		.SectionContentHeadline { margin-top: 0px; margin-bottom: 10px; font-size: 16px; text-align: left; font-weight: bold; }
		.SectionIntro { font-size: 12px; margin: 4px 0px 4px 0px; color: #7b7b7b; }
		.SectionSeparator { border-bottom: 2px dotted rgba(0, 0, 0, 0.25); margin: 20px 0px 20px 0px; line-height: 0px; height: 0px; }
	.SectionExpand0 { display: inline-block; vertical-align: middle; width: 30px; height: 30px; opacity: .6; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 13px 13px; background-image: url(/img/icon-arrow-tri-right-black.png); }
	.SectionExpand0:hover { opacity: 1; }
	.SectionExpand1 { display: inline-block; vertical-align: middle; width: 30px; height: 30px; opacity: .6; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 13px 13px; background-image: url(/img/icon-arrow-tri-down-black.png); }
	.SectionExpand1:hover { opacity: 1; }
	.SectionIndicator { position: absolute; top: 0px; right: 35px; padding-top: 6px; line-height: 0px; vertical-align: middle; }	
	.SectionScreen { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.75); align-items: center; justify-content: center; display: none; transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
	.SectionTitle { display: inline-block; vertical-align: middle; width: calc(100% - 40px); font-size: 16px; font-weight: bold; margin-left: -7px; cursor: pointer; }
	.SectionToolButtonBox {
		position: absolute;
		white-space: nowrap; 
		top: 0px; 
		right: 0px; 
		display: none;
	}	
		.SectionToolButton {
			display: inline-block;
			vertical-align: middle;
			width: 25px; 
			height: 25px;
			margin: 3px 5px 0px 0px; 
			background-image: url(/img/icon-hellip-black.png); 
			background-repeat: no-repeat; 
			background-position: center center; 
			background-size: 16px 16px; 
			cursor: context-menu;
		}	
		.SectionToolButtonEdit { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin: 3px 5px 0px 0px; background-repeat: no-repeat; background-position: center center; background-size: 19px 19px; cursor: pointer; background-image: url(/img/icon-edit-black.png); }
		.SectionToolButtonNew { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin: 3px 5px 0px 0px; background-repeat: no-repeat; background-position: center center; background-size: 19px 19px; cursor: pointer; background-image: url(/img/icon-plus-black.png); }
.SectionHeadline { width: 100%; max-width: 860px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; font-size: 20px; text-align: left; font-weight: bold; }
.SectionItemAdd { display: inline-block; vertical-align: middle; width: 30px; height: 30px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; background-image: url(/img/icon-task-add-black.png); transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
.SectionItemAdd:hover { background-size: 24px 24px; }

.ProjectAssetTable { display: table; width: 100%; }
	.ProjectAssetRow { display: table-row; }
	.ProjectAssetRow:hover { background-color: rgba(255, 255, 255, 0.75); }
		.ProjectAssetCellIcon { display: table-cell; vertical-align: middle; padding: 10px; text-align: center; cursor: pointer; position: relative; }
			.ProjectFileIcon { width: 40px; height: 40px; margin: 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
		.ProjectAssetCellName { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; cursor: pointer; position: relative; }
			.ProjectAssetNote { font-size: 11px; opacity: .7; margin-top: 3px; display: inline-block; background-color: rgba(255, 240, 182, 0.602); padding: 2px 3px 2px 3px; }
		.ProjectAssetCellInfo { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; font-size: 11px; cursor: pointer; position: relative; }
		.ProjectAssetCellTool { display: table-cell; vertical-align: top; width: 30px; position: relative; }
			.ProjectAssetToolBox {
				position: absolute; 
				top: 4px; 
				right: 0px; 
				display: none;
			}	
				.ProjectAssetTool {
					width: 30px; 
					height: 20px; 
					background-image: url(/img/icon-hellip-black.png); 
					background-repeat: no-repeat; 
					background-position: center center; 
					background-size: 13px 13px; 
					cursor: context-menu;
				}	

/*.ProjectFileTable { display: table; width: 100%; }
	.ProjectFileRow { display: table-row; }
	.ProjectFileRow:hover { background-color: rgba(255, 255, 255, 0.75); }
		.ProjectFileCellIcon { display: table-cell; vertical-align: middle; padding: 10px; text-align: center; }
			.ProjectFileIcon { width: 40px; height: 40px; margin: 5px; background-size: contain; background-position: center center; background-repeat: no-repeat; }
		.ProjectFileCellName { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; cursor: pointer; }
		.ProjectFileCellInfo { display: table-cell; vertical-align: middle; padding: 10px; text-align: left; font-size: 11px; cursor: pointer; }
		.ProjectFileCellTool { display: table-cell; vertical-align: top; width: 30px; position: relative; }
			.ProjectFileToolBox {
				position: absolute; 
				top: 4px; 
				right: 0px; 
				display: none;
			}	
				.ProjectFileTool {
					width: 30px; 
					height: 20px; 
					background-image: url(/img/icon-hellip-black.png); 
					background-repeat: no-repeat; 
					background-position: center center; 
					background-size: 13px 13px; 
					cursor: context-menu;
				}	
*/

.ProjectNoteTable { display: table; width: 100%; }
	.ProjectNoteRow { display: table-row; }
	.ProjectNoteRow:hover { background-color: rgba(255, 255, 255, 0.75); }
		.ProjectNoteCellContent { display: table-cell; vertical-align: top; padding: 10px; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, .2); }
			.ProjectNoteInfo { font-size: 11px; opacity: .5; padding-top: 15px; }
		.ProjectNoteCellTool { display: table-cell; vertical-align: top; width: 30px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, .2); }
			.ProjectNoteToolBox {
				position: absolute; 
				top: 4px; 
				right: 0px; 
				display: none;
			}	
				.ProjectNoteTool {
					width: 30px; 
					height: 20px; 
					background-image: url(/img/icon-hellip-black.png); 
					background-repeat: no-repeat; 
					background-position: center center; 
					background-size: 13px 13px; 
					cursor: context-menu;
				}	

.ProjectTaskTable { display: table; width: 100%; }
	.ProjectTaskRow0 { display: table-row; }
	.ProjectTaskRow0:hover { background-color: rgba(255, 255, 255, 0.75); }
	.ProjectTaskRow1 { display: table-row; opacity: 0.3; }
	.ProjectTaskRow1:hover { background-color: rgba(255, 255, 255, 0.75); }
		.ProjectTaskCellCheck { display: table-cell; vertical-align: top; width: 30px; }
			.ProjectTaskCheck0 { display: inline-block; vertical-align: middle; width: 30px; height: 30px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; background-image: url(/img/icon-task0-black.png); transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
			.ProjectTaskCheck0:hover { background-size: 24px 24px; }
			.ProjectTaskCheck1 { display: inline-block; vertical-align: middle; width: 30px; height: 30px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px; background-image: url(/img/icon-task1-black.png); transition: all 0.15s ease; -webkit-transition: all 0.15s ease; }
			.ProjectTaskCheck1:hover { background-size: 24px 24px; }
		.ProjectTaskCellName { display: table-cell; vertical-align: top; padding: 6px 0px 6px 0px; text-align: left; white-space: wrap; }
			.ProjectTaskName { margin-bottom: 2px; }
			.ProjectTaskInfo { font-size: 11px; opacity: .5; }
			.ProjectTaskNote { font-size: 12px; opacity: .7; margin-top: 3px; display: inline-block; background-color: rgba(255, 240, 182, 0.602); padding: 2px 3px 2px 3px; }
		.ProjectTaskCellTool { display: table-cell; vertical-align: top; width: 30px; position: relative; }
			.ProjectTaskToolBox {
				position: absolute; 
				top: 4px; 
				right: 0px; 
				display: none;
			}	
				.ProjectTaskTool {
					width: 30px; 
					height: 20px; 
					background-image: url(/img/icon-hellip-black.png); 
					background-repeat: no-repeat; 
					background-position: center center; 
					background-size: 13px 13px; 
					cursor: context-menu;
				}	

.TicketContent { font-size: 16px; max-height: 300px; overflow-y: auto; padding: 20px 20px 0px 20px; }
	.TicketContentItem { padding: 7px 5px 7px 5px; margin-bottom: 2px; text-align: left; background-color: rgba(255, 255, 255, 0.2); color: #000000; border-radius: 4px; position: relative; }
	.TicketContentItem:hover { background-color: rgba(255, 255, 255, 0.4); }
	.TicketContentItemMe { padding: 7px 5px 7px 5px; margin-bottom: 2px; text-align: left; background-color: rgba(255, 255, 255, 0.6); color: #000000; border-radius: 4px; position: relative; }
	.TicketContentItemMe:hover { background-color: rgba(255, 255, 255, 0.9); }
		.TicketContentItemInfo { margin-bottom: 5px; font-size: 13px; }
			.TicketContentItemInfoExtra { opacity: 0.5; font-size: 11px; }
		.TicketContentToolBox {
			position: absolute; 
			top: 4px; 
			right: 0px; 
			display: none;
		}	
			.TicketContentTool {
				width: 30px; 
				height: 20px; 
				background-image: url(/img/icon-hellip-black.png); 
				background-repeat: no-repeat; 
				background-position: center center; 
				background-size: 13px 13px; 
				cursor: context-menu;
			}	
#TicketContentInputBox { margin-top: 10px; padding: 0px 15px 15px 15px; border-radius: 4px; }
	#TicketContentInputTable { width: calc(100% - 10px); margin: 0px 0px 0px 5px; background-color: rgba(255, 255, 255, 0.85); padding: 5px; border-radius: 4px; }
		#TicketContentInputCell { vertical-align: middle; }
			#TicketContentInput { width: 100%; height: 200px; padding: 0px; margin: 0px; outline: none; background-color: rgba(255, 255, 255, 0); border-bottom: 1px solid transparent; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
		#TicketContentSendCell { vertical-align: middle; }
			#TicketContentSend { display: inline-block; vertical-align: middle; width: 50px; height: 50px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url(/img/icon-fly-black.png); transition: all 0.15s ease; -webkit-transition: all 0.15s ease;  }
			#TicketContentSend:hover { background-size: 45px 45px; }
	#TicketContentInputControl { font-size: 11px; text-align: left; padding: 5px 0px 0px 5px; }
		.TicketContentInputControlLabel { cursor: pointer; }


.DiscussBG {  }
.DiscussContent { font-size: 16px; max-height: 300px; overflow-y: auto; padding: 20px 20px 0px 20px; }
	.DiscussItem { padding: 7px 5px 7px 5px; margin-bottom: 2px; text-align: left; background-color: rgba(255, 255, 255, 0.2); color: #000000; border-radius: 4px; position: relative; }
	.DiscussItem:hover { background-color: rgba(255, 255, 255, 0.4); }
	.DiscussItemMe { padding: 7px 5px 7px 5px; margin-bottom: 2px; text-align: left; background-color: rgba(255, 255, 255, 0.6); color: #000000; border-radius: 4px; position: relative; }
	.DiscussItemMe:hover { background-color: rgba(255, 255, 255, 0.9); }
		.DiscussItemInfo { margin-bottom: 5px; font-size: 13px; }
			.DiscussItemInfoExtra { opacity: 0.5; font-size: 11px; }
		.DiscussToolBox {
			position: absolute; 
			top: 4px; 
			right: 0px; 
			display: none;
		}	
			.DiscussTool {
				width: 30px; 
				height: 20px; 
				background-image: url(/img/icon-hellip-black.png); 
				background-repeat: no-repeat; 
				background-position: center center; 
				background-size: 13px 13px; 
				cursor: context-menu;
			}	
#DiscussInputBox { margin-top: 10px; padding: 0px 15px 15px 15px; border-radius: 4px; }
	#DiscussInputTable { width: calc(100% - 10px); margin: 0px 0px 0px 5px; background-color: rgba(255, 255, 255, 0.85); padding: 5px; border-radius: 4px; }
		#DiscussInputCell { vertical-align: middle; }
			#DiscussInput { width: 100%; height: 50px; padding: 0px; margin: 0px; outline: none; background-color: rgba(255, 255, 255, 0); border-bottom: 1px solid transparent; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
		#DiscussSendCell { vertical-align: middle; }
			#DiscussSend { display: inline-block; vertical-align: middle; width: 50px; height: 50px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url(/img/icon-fly-black.png); transition: all 0.15s ease; -webkit-transition: all 0.15s ease;  }
			#DiscussSend:hover { background-size: 45px 45px; }
	#DiscussInputControl { font-size: 11px; text-align: left; padding: 5px 0px 0px 5px; }
		.DiscussInputControlLabel { cursor: pointer; }

/* adjust / */
@media screen and (max-width: 1750px) { 
	DIV.ListCollapse1 { display: none; }
	.ListCellCollapse1 { display: none; }
	.ListSpanCollapse1 { display: none; }
}
@media screen and (max-width: 1600px) { 
	DIV.ListCollapse2 { display: none; }
	.ListCellCollapse2 { display: none; }
	.ListSpanCollapse2 { display: none; }
}
@media screen and (max-width: 1400px) { 
	DIV.ListCollapse3 { display: none; }
	.ListCellCollapse3 { display: none; }
	.ListSpanCollapse3 { display: none; }
}
@media screen and (max-width: 1300px) { 
	.Col8 { max-width: 25%; }
}
@media screen and (max-width: 1200px) { 
	.CalTable { border-bottom: 1px solid #000000; width: 90%; margin: 0 auto; }
		.CalRow { display: block; }
		.CalRowHead { display: none; }
			.CalCell { display: block; width: auto; height: auto; min-height: 50px; border-bottom-width: 0px; }
			.CalCellEmpty { display: none; }
			.CalCellToday { display: block; width: auto; height: auto; min-height: 50px;  border-bottom-width: 0px;}
			.CalCellWeekend { display: block; width: auto; height: auto; min-height: 50px; border-bottom-width: 0px; }
				.CalDayDay { display: inline-block; }
	.ContactEmail { font-size: 60%; width: 100%; overflow: hidden; }
	.ContactCompany { white-space: normal; }
	.ContactCompanyR { white-space: normal; }
	.ContactName { white-space: normal; }
	.Col6 { max-width: 33.333%; }
	.ItemCol { max-width: none; }
	DIV.ListCollapse4 { display: none; }
	.ListCellCollapse4 { display: none; }
	.ListSpanCollapse4 { display: none; }
}
@media screen and (max-width: 1000px) { 
	.Col4 { max-width: 50%; }
	.Col8 { max-width: 50%; }
	.FormRow4 { display: block; margin-bottom: 10px; }
		.FormCell4 { display: block; width: 100%; }
	DIV.ListCollapse5 { display: none; }
	.ListCellCollapse5 { display: none; }
	.ListSpanCollapse5 { display: none; }
	.ListTitle { font-size: 20px; }
		.ListTitleDropIcon { font-size: 20px; }
		.ListTitleIcon { margin-top: -4px; width: 20px; height: 20px; }
	/*x*/#MainFrame { position: absolute; top: 50px; bottom: 0px; height: auto; padding-top: 0px; width: 100%; }
	/*x*/#FrameMenu { visibility: hidden; position: absolute; top: 50px; bottom: 0px; height: auto; padding-top: 0px; }
}
@media screen and (max-width: 900px) { 
	.Col3 { max-width: none; }
	.Col6 { max-width: none; }
}
@media screen and (max-width: 850px) { 
	#DockExtra { bottom: 0px; left: 0px; transform: none; width: 300px; }
	.FootAlert { margin: 2px 0px 2px 0px; padding: 5px; }
	#FootAlertBox { position: relative; bottom: auto; left: auto; max-width:410px; }
}
@media screen and (max-width: 800px) { 
	.Col2 { max-width: none; }
	.Col4 { max-width: none; }
	.Col8 { max-width: none; }
	DIV.ListCollapse6 { display: none; }
	.ListCellCollapse6 { display: none; }
	.ListSpanCollapse6 { display: none; }
}
@media screen and (max-width: 750px) { /* like 1000px  menu threshold */
	.Col2 { max-width: 50%; }
	.Col3 { max-width: 33.333%; }
	.Col4 { max-width: 50%; }
	.Col6 { max-width: 33.333%; }
	.Col8 { max-width: 50%; }
}
@media screen and (max-width: 650px) { /* like 900 */
	.Col3 { max-width: none; }
	.Col6 { max-width: none; }
	.FormRow3 { display: block; margin-bottom: 10px; }
		.FormCell3 { display: block; width: 100%; }
	.SectionColQuarter { max-width: 49%; }
}
@media screen and (max-width: 600px) { /* like 850 */
	DIV.ListCollapse7 { display: none; }
	.ListCellCollapse7 { display: none; }
	.ListSpanCollapse7 { display: none; }
}
@media screen and (max-width: 550px) {  /* like 800px */ 
	.HeadLinkGreen { display: none; }
	.SectionColQuarter14 { max-width: none; }
	.SectionColQuarter34 { max-width: none; }
	.SectionColThird { max-width: none; }
}
@media screen and (max-width: 500px) { /* like 750px menu threshold  */ 
	.BoxColHalf { max-width: none; }
	.SectionColHalf { max-width: none; }
	.Col2 { max-width: none; }
	.Col4 { max-width: none; }
	.Col8 { max-width: none; }
	.FormRow2 { display: block; margin-bottom: 10px; }
		.FormCell2 { display: block; width: 100%; }
	.FormTextFilterContainer { width: 100px; }
	.ListCell { padding: 7px; }
 	.ListTitle { font-size: 18px; }
 		.ListTitleDropIcon { font-size: 18px; }
	.ReportCell { font-size: 12px; }
}
@media screen and (max-width: 450px) {  
	#HeadIconLeft1 { left: 10px; top: 8px; width: 22px; height: 22px; }
	#HeadIconLeft2 { left: 35px; top: 8px; width: 22px; height: 22px; }
	#HeadIconLeft3 { left: 60px; top: 8px; width: 22px; height: 22px; } 
	#HeadIconLeft4 { left: 85px; top: 8px; width: 22px; height: 22px; } 
	#HeadIconLeft5 { left: 110px; top: 8px; width: 22px; height: 22px; } 
	#HeadIconLeft6 { left: 135px; top: 8px; width: 22px; height: 22px; } 
	#HeadIconRight1 { right: 10px; top: 8px; width: 22px; height: 22px; }
	#HeadIconRight2 { right: 35px; top: 8px; width: 22px; height: 22px; }
	#HeadIconRight3 { right: 60px; top: 8px; width: 22px; height: 22px; }
	#HeadIconRight4 { right: 85px; top: 8px; width: 22px; height: 22px; }
	#HeadIconRight5 { right: 110px; top: 8px; width: 22px; height: 22px; }
	#HeadIconRight6 { right: 135px; top: 8px; width: 22px; height: 22px; }
	#HeadDiscussCount { padding-top: 7px; font-size: 8px; }
	#HeadLiveCount { padding-top: 7px; font-size: 8px; }
@media screen and (max-width: 400px) {  /* like 650px */ 
}
@media screen and (max-width: 350px) {  /* like 650px */ 
	.ItemTable { display: block; width: auto; }
		.ItemRow { display: block; width: auto; }
			.ItemCellCaption { display: block; padding: 0px 0px 7px 0px; width: auto; min-width: auto; }
			.ItemCellData { display: block; padding: 0px 0px 14px 7px; }
	.SectionColQuarter { max-width: none; }
	.SectionColQuarter14 { max-width: none; }
	.SectionColQuarter34 { max-width: none; }
}


/*prevent browser from printing HREF*/
@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }

}

/*</style>*/