/* ================================================================================ */
/* TABLET */
@media all and (min-width:0px) and (max-width: 1023px)
{
	* {margin: 0; padding: 0; }
	
	.SD
	{

	}	
	
	.Navigator_PageContent_Frame
	{

	}	
}
/* ================================================================================ */
/* ================================================================================ */
/* NON-TABLET */
@media all and (min-width:1024px)
{
	* {margin: 0; padding: 0; font-size: 13px;}
	
	.SD
	{
		width: 960px;
	}
	
	.Navigator_PageContent_Frame
	{
		width: 860px; 
		padding-left: 56px; 
		padding-right: 56px; 
	}
}
/* ================================================================================ */
/* ================================================================================ */
/* CONFIRMED TO BE USED */
.SD
{
	
	border: 1px solid rgb(0,126,252);
	background-color: rgb(180,216,252);
	margin-left: auto; margin-right: auto;
	margin-top: 12px; margin-bottom: 18px;
	border-radius: 8px;
}	
	
.Navigator_PageHeader_CompanyName
{
	font-size: 30px; 
	font-weight: 900; 
	text-align: center; 
	font-stretch: expanded; 
	color: rgb(252,252,252)
}

.Navigator_PageHeader_SystemName
{
	font-size: 22px; 
	font-weight: 900; 
	text-align: center; 
	font-stretch: expanded; 
	color: rgb(252,252,252)
}



.Navigator_PageHeader
{
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: rgb(0,126,252);
	margin-bottom: 6px; margin-top: 6px; clear: both;
	font-size: 15px; font-weight: 900; color: rgb(0,0,36);
}

.Navigator_PageContent_Frame
{
	clear: both; 
	margin-bottom: 6px;
}

.Navigator_PageContent_Canvas
{
	clear: both; 
	padding-left: 6px; 
	padding-right: 6px; 
	margin-bottom: 6px; 
}

.Navigator_PageContent_MainContentHeader
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: darkblue;
	margin-bottom: 24px;
}

.Navigator_PageContent_ContentBlock
{
	border: 1px solid rgb(0,126,252);
	background-color: white; 
	padding: 20px; 
	padding-top: 12px;
	border-radius: 8px;
}

.Navigator_PageFooter
{

background-color: rgb(0,126,252);
padding-bottom: 6px; padding-top: 6px;
clear: both; text-align: center; color: white; margin-bottom: 6px;
}

/* ================================================================================ */


body
{font-family: trebuchet; font-size: 12px;
background-color: rgb(234,255,255)}


section
{
	margin-bottom: 8px;
}


/*<!-- GLOBAL
===== ===== ===== ===== -->*/

.mlrx {margin-left: auto; margin-right: auto}

.dispinlblk {display: inline-block}
.dispinl {display: inline}

.fltl {float: left}
.fltr {float:right}

.tal {text-align: left}
.tac {text-align: center}
.tar {text-align: right}

.vam {vertical-align:middle}

.clr {clear: both}





select
{
	font-size: 14px;
	line-height: 18px;
}

/*<!--  LOUT
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/


/*<!-- SD - Structure ===== ===== ===== ===== -->*/







.SDWide
{width: 1200px;
border: 1px solid rgb(0,54,108);
background-color: rgb(180,216,252);
margin-left: auto; margin-right: auto;
margin-top: 18px; margin-bottom: 18px}

.SD1600
{width: 1540px;
border: 1px solid rgb(0,54,108);
background-color: rgb(180,216,252);
margin-left: auto; margin-right: auto;
margin-top: 18px; margin-bottom: 18px}


.SDL31600
{width: 1336px; margin-left: 192px;}

.SDL3T2
{
width: 756px; margin-left: 192px;

}

.SDL3T2Wide
{width: 996px; margin-left: 192px;}

.InstructionsTextBlock
{
	font-style: italic;
	margin-bottom: 5px;
	font-size: 15px;
	color: purple;
	font-weight: bold;
}
.InstructionsTextInline
{
	font-style: italic;
	font-size: 15px;
	color: purple;
	font-weight: bold;
}

.SDLxPUB0
{clear: both; padding-left: 6px; margin-bottom: 6px; margin-right: 18px}

.SDL21600
{width: 1540px; clear: both; padding-left: 6px; margin-bottom: 6px;}



.SDL2
{width: 960px; clear: both; padding-left: 6px; margin-bottom: 6px;}

.SDL2Wide
{width: 1200px; clear: both; padding-left: 6px;}

.SDL2Endless
{clear: both; padding-left: 6px;}

.SDL3T1
{width: 186px; float: left;}




/*<!--  VD
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/


/*<!-- VD - Visual
===== ===== ===== ===== -->*/






.VDXT1
{border: 1px solid rgb(0,126,252);
background-color: white; padding: 20px; padding-top: 12px;
border-radius: 6px;
}


.VDHLeft
{
background-color: white;
 float:left; width: 209px; margin-left: 12px;
 min-height: 54px;
 border-top: 2px solid rgb(140,200,240);
 border-left: 2px solid rgb(140,200,240);
 padding: 5px; padding-left: 11px;
	border-radius: 5px;
}

.VDHRight
{
background-color: white;
 text-align: right; float:right; width: 192px; 
 color: rgb(0,54,108); margin-right: 12px;
 border-top: 2px solid rgb(140,200,240);
 border-left: 2px solid rgb(140,200,240);
 min-height: 54px; font-size: 11px;
 padding: 5px; padding-right: 11px;
	border-radius: 4px;
}


/*<!--  NAVI
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/

/*<!-- NAVI
===== ===== ===== ===== -->*/

div.PMEN
{border: 1px solid rgb(0,126,252);
background-color: white;
padding: 11px; margin-bottom: 6px;
border-radius: 5px;
}

.TMEN
{margin-top: 3px}

.TMEN, .SMENTitle
{border-left: 1px solid rgb(0,126,252);
background-color: rgb(0,90,180); color: white;
margin-bottom: 6px; font-weight: 900;
padding: 3px; text-align: center;
border-radius: 5px;
}

.PMENHide
{padding-left: 6px; border: 1px solid white;
border-left: 8px solid red;
background-color: white;
color: black; font-weight: 900;
font-size: 12px; margin-bottom: 3px;}

.PMENShow
{padding-left: 6px; border: 1px solid rgb(0,126,252);
border-left: 8px solid rgb(0,126,252);
background-color: white; color: black;
font-weight: 900; font-size: 14px;
margin-bottom: 3px;}

.PMENShow:hover, .PMENHide:hover
{color: rgb(144,0,0); cursor: pointer; 
border: 1px solid rgb(0,54,108);
border-left: 8px solid rgb(0,54,108);
background-color: red;
color: rgb(252,252,252);
font-weight: 900; margin-bottom: 3px;}

div.SMENHide
{display: none; color: pink}

div.SMENShow
{display: block}

ul.SMENItem
{list-style-type: none; font-size: 13px;}

ul.SMENItem>li
{margin-left: 8px; margin-bottom: 3px;}

ul.SMENItem>li div
{padding-left: 6px; color: black;}

ul.SMENItem>li div:hover
{color: rgb(144,0,0); cursor: pointer; 
text-decoration: underline;}

.SMENItemA
{font-size: 13px; text-decoration: none;
margin-bottom: 3px;
padding-left: 6px; color: black;}

.SMENItemA:hover
{color: rgb(144,0,0); cursor: pointer; 
text-decoration: underline;}

/*<!-- NAVI - Inline
===== ===== ===== ===== -->*/

div.IMEN
{
padding-top: 4px; padding-bottom: 4px; 
border-top: 2px solid black; border-bottom: 2px solid black;
text-align: center; font-size: 18px;
line-height: 32px;
margin-bottom: 18px;
}

div.IMENOn
{color: rgb(144,0,0); cursor: pointer; font-weight: 700;
margin-left: 6px; margin-right: 6px;
display: inline}

div.IMENOff
{border-bottom: 3px solid black; font-weight: 700;
margin-left: 6px; margin-right: 6px;
display: inline}

div.IMENOn:hover
{background-color: rgb(144,0,0); font-weight: 700;
color: white;
cursor: pointer; 
display:inline}

/*<!-- NAVI - Table OC
===== ===== ===== ===== -->*/

.TCNT
{
border: 1px solid gray;
}

.TCNT td
{
padding-left: 24px;
}

.TCNT a
{
text-decoration: none;
color: rgb(220,20,60);
font-weight: bold;
}

.TCNT a:hover
{
text-decoration: underline;
font-weight: bold;
}

/*<!--  TAGS
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/








/*<!-- Headers
===== ===== ===== ===== -->*/




h1
{background-color: rgb(0,90,180); 
border-color: rgb(0,36,72);
color: rgb(252,252,252);
font-weight: 900; text-align: center;
font-size: 18px;
margin-bottom: 12px;
padding: 3px;
margin-left: 30px; margin-right: 30px;
border-radius: 6px;
}

h2
{background-color: rgb(36,144,252);
border-color: rgb(0,72,144);
color: rgb(252,252,252);
font-weight: 900; text-align: center;
font-size: 18px;
margin-bottom: 12px;
padding: 3px;
margin-left: 60px; margin-right: 60px;
border-radius: 6px;
}

h3
{background-color: rgb(198,225,252);

border-color: rgb(0,72,144);
color: rgb(0,72,144); 
font-weight: 900; text-align: center;
font-size: 18px;
margin-bottom: 12px;
padding: 3px;
margin-left: 60px; margin-right: 60px;
border-radius: 4px;
}

h4
{font-weight: 900; text-align: center; 
padding: 1px; 
border-top: 3px double rgb(0,72,144);
border-bottom: 3px double rgb(0,72,144);
margin-bottom: 12px;
font-size: 18px; line-height: 30px;
margin-left: 32px; margin-right: 32px;}

h5
{font-weight: 900; text-align: left; 
padding-bottom: 3px; 
color: rgb(0,72,144); 
text-decoration: underline;
margin-bottom: 6px;
font-size: 16px; line-height: 24px;}

h6
{color: rgb(0,72,144); 
font-weight: 900; text-align: center; 
padding: 3px; 
text-decoration: underline;
font-size: 16px; line-height: 30px;
margin-left: 32px; margin-right: 32px;}







div.hx1
{border-bottom: 1px solid black;
margin-bottom: 12px;
padding-bottom: 3px;
font-size: 14px;
font-weight: 700;
}

div.NOTE
{border: 2px solid black;
background-color: black; color: white;
padding-left: 6px; padding-right: 6px;
font-weight: 900}


/*<!-- FLDS
===== ===== ===== ===== -->*/

.FLDSIni {border: 1px solid rgb(0,108,216); padding: 11px; padding-top: 23px}

.FLDSIni > legend{border: 2px solid rgb(0,108,216);
 background-color: rgb(0,90,180); 
 color: rgb(252,252,252);
 padding-left: 6px; padding-right: 6px; font-weight: 900; font-size: 15px; margin-bottom: 11px}


.FLDSTask {border: 1px solid rgb(0,108,216); padding: 11px; margin-bottom: 6px;}

.FLDSTask > legend{border: 2px solid rgb(0,108,216);
 background-color: rgb(0,90,180); 
 color: rgb(252,252,252);
 padding-left: 6px; padding-right: 6px; font-weight: 900; font-size: 15px; margin-bottom: 11px}

.FLDSTask b
{font-size: 15px;}


/*<!-- FLDS Repo NEW
===== ===== ===== ===== -->*/
.FLDSRepo {border: 1px solid rgb(0,108,216); padding: 11px; margin-bottom: 6px; border-radius: 5px;}

.FLDSRepo > legend{border: 2px solid rgb(0,108,216);
 background-color: rgb(0,90,180); 
 color: rgb(252,252,252);
 padding-left: 7px; padding-right: 7px; font-weight: 900; font-size: 15px; margin-bottom: 3px; border-radius: 4px;}

.FLDSRepo b
{font-size: 15px;}

.ULRepoBlk
{
margin-left: 12px;
margin-bottom: 6px;
}

/*<!-- LIST - Task
===== ===== ===== ===== -->*/

ul.LTask
{list-style-type: none; margin-bottom: 12px;}

ul.LTask li
{margin-left: 0px; margin-bottom: 6px}

ul.LTask li div
{font-size: 14px; font-weight: 900; color: rgb(216,0,0);
padding-left: 6px; padding-right: 30px;
margin-right: 30px;
border: 1px solid white;
border-left: 6px solid rgb(252,0,0);
margin-bottom: 3px}

ul.LTask li div:hover
{color: rgb(144,0,0); cursor: pointer; 
border: 1px solid red;
border-left: 6px solid rgb(252,0,0);}


/*<!-- BLKF
===== ===== ===== ===== -->*/


div.BLKF
{width: 720px; margin-bottom: 18px; font-size: 14px;
margin-left: auto; margin-right: auto;}

div.BLKF div input  {font-size: 12px; margin:0px; padding:0px}
div.BLKF div select  {font-size: 11px}

div.BLKFBlkT1, div.BLKFBlkT2, div.BLKFBlkT3
{font-size: 12px; padding-left: 5px; padding-right: 5px; padding-bottom: 4px; padding-top: 5px;}

div.BLKFBlkT1 {display: inline-block; clear: both;}
div.BLKFBlkT2 { float: left;}
div.BLKFBlkT3 {}


.BLKFColorT1
{border: 1px solid white;}

.BLKFColorT1 .BlkColorT1
{background-color: rgb(239,248,254); border: 1px solid white;}

.BLKFColorT1 .BlkColorT2
{background-color: rgb(180,200,240); border: 1px solid white;}

.BLKFColorT1 .BlkColorT3
{background-color: rgb(200,220,250); border: 1px solid white;}







/*<!--  OBSO
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/


.tabTCNT
{
}

.tabTCNT td
{
padding-left: 24px;
}

.tabTCNT a
{
text-decoration: none;
color: rgb(220,20,60);
font-weight: bold;
}

.tabTCNT a:hover
{
text-decoration: underline;
font-weight: bold;
}

.BLKa, .BLKb, .BLKc
{font-size: 12px; min-height: 18px; padding: 5px; padding-bottom: 2px; padding-top: 3px; border: 1px solid rgb(90,135,180); }

.BLKa, .BLKb
{background-color: rgb(234,243,252); }

.BLKc
{background-color: rgb(180,200,240);}

.BLKa
{display: inline-block}

.BLKb
{float: left;}


/*<!--  UNKN
@@@@@ @@@@@ @@@@@ @@@@@ @@@@@ -->*/

.chkb1 {margin: 0px; padding: 0px; border: 0px; width: 20px; height: 20px; background-color: white}


.fltlx01
{
float: left;
margin-right: 24px;
padding-right: 12px;
}






p {margin-bottom: 6px; text-indent: 12px}


.mp0 {margin: 0px; padding: 0px}

.TitleActicon {border: 0px; width: 18px; height: 18px}
.acticon {cursor: pointer; padding: 0px; margin: 0px;}
.divacticon {height: 24px; width: 24px; display: inline; padding: 0px; margin: 0px;}

.mt6 {margin-top: 6px}
.mb6 {margin-bottom: 6px}

.zeroPM {padding: 0px; margin: 0px; }

.B1 {border: 1px solid black}


.SS {border: 1px solid black; margin: 12px}



.T1 {margin-bottom: 6px;}

.T1 tr td {padding: 2px 3px}

.TxTRtac td {text-align: center}

.T1V1
{font-size:15px; font-weight: 800;
background-color: rgb(0,90,180); color: rgb(252,252,252);}

.T1V4
{font-size:18px; font-weight: 800;
background-color: rgb(0,90,180); color: rgb(252,252,252);}

.T1V2
{font-size:15px; font-weight: 800;
background-color: rgb(180,216,252);}

.T1V3
{font-size:15px; font-weight: 800;
background-color: rgb(252,0,0); color: rgb(252,252,252);}

.T1 tr td input
{height: 22px; background-color: rgb(234,234,234); color: rgb(216,0,0);
padding: 0px; margin: 0px;}

.T1 tr td .chkb1
{margin: 0px; padding: 0px; width: 20px; height: 20px; background-color: white}

.T1Vbttn
{padding: 0px}



.T2
{}

.T2 tr td
{padding: 2px 3px}

.T2V1
{font-size:15px; font-weight: 800;
background-color: rgb(0,90,180); color: rgb(252,252,252);}

.T2V2
{font-size:15px; font-weight: 800;
background-color: rgb(180,216,252);}

.T2V3
{background-color: rgb(120,0,0); color: rgb(252,252,252);}

.T2V4
{background-color: rgb(210,255,210); color: rgb(0,0,0);}

.T2 tr td input
{height: 22px; background-color: rgb(234,234,234); color: rgb(216,0,0);
padding: 0px; margin: 0px;}

.T2Vbttn
{padding: 0px}


div.AJAX4DIMMER
{
position:absolute;
left:0px; top:0px; padding:0px;
border: 0px solid green;
width: 100%; height: 1px; display: none;

}
div.AJAX4DIMMERInsider
{
margin-left: auto; margin-right: auto; padding-top: 0px; width: 100px;
}
div.AJAX4DIMMERWindow
{
text-align: right; background-color: white; padding: 6px; border: 1px solid red;
margin-bottom: 48px;
}

.anchorblock {margin-bottom: 8px;}

.anchorinkcontainer {display: inline-block; border: 1px solid rgb(130,0,0); }
.anchorink {display: inline-block; border: 1px solid rgb(230,230,230); text-decoration: none; color: rgb(210,0,0); padding: 2px; background-color: rgb(230,237,230); font-size: 14px; cursor:pointer}
.anchorink:link {}
.anchorink:visited {}
.anchorink:hover {border: 1px solid rgb(255,128,0); color: rgb(0,70,0); background-color: rgb(255,228,202);}
.anchorink:active {}

.anchorticon {display: inline-block; border: 1px solid white; cursor:pointer}
.anchorticon:link {}
.anchorticon:visited {}
.anchorticon:hover {border: 1px solid rgb(130,0,0)}
.anchorticon:active {}


.OLalpha
{
	list-style-type: lower-alpha;
	margin-bottom: 24px;
}
.OLalpha li
{
	margin-left: 30px;
}