<meta charset="utf-8">
html {overflow-y:scroll;}

/*------------------------------------------------------------------------------------------------------------------------BODY START*/
body   
{
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

body { 
scrollbar-face-color: #B1B1B1; 
scrollbar-highlight-color: #CCC; 
scrollbar-3dlight-color: #666;
scrollbar-darkshadow-color: #CCC;  
scrollbar-arrow-color: #333;   
scrollbar-shadow-color: #666666;   
scrollbar-track-color: #CCCCCC; 
} 

.BodyWhite{
	background-color: #FFF;	
	}

.BodySmall {
	background: transparent !important;
	margin: 0px;
}

/*-----------------------------------------------------------------------------------------------------------------------LINKS START*/

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}

A:hover 
{text-decoration: underline; background-color: #CCFFFF;}

.noHoover a:hover /*for image buttons no highlight required*/
{background-color:transparent;}

a img {border: none;} 

.menuLinkPas{ /*10-06-2021 added dedicated menuLink_P in /Utilities/menuSub1*/
	font-size:11px;
	color: #666;
	font-weight:bold;
	
	background-color: #9FF;
	background-image: url(../images/FillerUnderMenu.gif);
}


/*---------------------------------------------------------------------------------------------------------LINKS IN CLIENTS TREE */
A:link.treeLink 
{text-decoration:none; background-color:#FFFF80; border-color: #669;}

A:visited.treeLink {text-decoration: none; background-color: #FFFF80;}
A:active.treeLink{text-decoration: none; background-color: #FFFF80; border-color: #669;}
A:hover.treeLink {text-decoration: underline; background-color: #CCFFFF;}
/*-------------------------------------------------------------------------------------------------------------------CURSOR START*/
.cursHair  {cursor:crossHair}
.cursHand  {cursor: pointer}
.cursHelp  {cursor:help} 
.cursForbid{cursor:not-allowed}
/*-----------------------------------------------------------------------------------------------------------------PADDING START*/
.pad_B_10{padding-bottom:10px;}

.pad_L-4{padding-left:4px;}
.pad_L-6{padding-left:6px;}

.pad_R-4{padding-right:4px;}
.pad_R-6{padding-right:6px;}

.pad_LR-4{padding-left:4px;padding-right:4px;}
.pad_LR-6{padding-left:6px;padding-right:6px;}

.pad_L-30{padding-left:30px;}
.pad_R-30{padding-right:30px;}



/*-----------------------------------------------------------------------------------------------------------------HR*/
.HRthick     {color:#a1a1a1; background:#a1a1a1; border:0; Height:10px;}

.HRthin  
{
  border: 0;
  width: 100%;
  color: silver;
  background-color: silver;
  height: 1px;
}


.HR_Silver3 {color:silver; background-color:silver; border:0; Height:3px;} /*May 11, 2020*/ 
.HR_Silver4 {border-top: 3px double #8c8b8b;} /*May 11, 2020*/ 
 

HR.thick {height:10pt; color:#a1a1a1}
HR.thin {height:2pt; color:#a1a1a1}

HR.Sp0{border: 0; border-top: 1px solid #CCCCCC; border-bottom: 2px solid #CCCCCC;}   /*Nedds attention?*/
HR.Sp1{border: 0; border-top: 1px solid #666666; border-bottom: 2px solid #666666;}   /*Not used?*/
HR.Sp2{border: 0; border-top: 1px solid #FFEFD5; border-bottom: 2px solid #FFEFD5;}   /*Not used?*/

/*----------------------------------------------------------------------------------------------------------------- HR end*/

/*------------------------------------------------------------------------------------------------------------------ FORM START*/
.form { margin-top:0; margin-bottom:0;}
/*------------------------------------------------------------------------------------------------------------------ TEXTS start*/


.txt_LineOver
{text-decoration: overline;}

.txt_LineTru
{text-decoration: line-through;}

.txt_LineUnder
{text-decoration: underline;}

.txt_LineUnreAndOver
{text-decoration: underline overline;}

/*font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 
normal=400 weight, bold=700 weight. 
*/

.txt_LinkSep
{
	font-size: 12px;
	font-weight: normal !important;
	color: #CCC;
	vertical-align: top;
}

/*--------------------------------------------------------------------------------------------*/
.txt_Blue {color:#0000EE;}    /*mimic link*/
.txt_Red {color:#FF0000;}     /*warning*/
.txt_White{color:#FFFFFF;}    /*white*/
.txt_Gainsboro{color:Gainsboro;}    /*Light Grey*/

/*experimental*/
.txtExp
{letter-spacing:normal; font-size:11px; color:#DDCCDD !important;} 
/*--------------------------------------------------------------------------------------------*/
.txt_08_Nrm {font-size:8px;}
.txt_8_NoteItal {font-size:8px;  COLOR: #E0E0E0; font-style:italic;}
.txt_08_Bld {font-size:8px; font-weight:bold;}
/*--------------------------------------------------------------------------------------------*/
.txt_9_NoteItal {font-size:10px; COLOR: #666666; font-style:italic;}
/*--------------------------------------------------------------------------------------------*/
.txt_10_Bld, .txt_10_NrmItal, .txt_10_Nrm, .txt_10_NrmLB
{letter-spacing:normal; font-size:10px;}

.txt_10_Bld {font-weight:bold;}
.txt_10_NrmItal {font-style:italic;}
.txt_10_NrmLB {font-weight:bold; color:#646464}
.txt_10_NrmYelBg {background:#FFFFCC;}
/*--------------------------------------------------------------------------------------------*/
.txt_11_Nrm,.txt_11_Dis, .txt_11_Bld,.txt_11_BldDis, txt_11_Bld_Sc
{letter-spacing:normal; font-size:11px;}
.txt_11_Nrm {color:#333;}
.txt_11_Dis {color:#999;}/*mimic disabled*/
.txt_11_Bld {color:#333; font-weight:bold;}
.txt_11_BldDis {color: #B2B2B2; font-weight:bold;} /*mimic disabled*/
.txt_11_Bld_Sc {color: #999; font-weight:bold; font-variant:small-caps;} /*in header details*/

/*--------------------------------------------------------------------------------------------*/

.txt_12_Bld, .txt_12_Nrm, .txt_12_View, .txt_12_Mar, .txt_12_Dis
{font-size:12px; letter-spacing:normal;}

.txt_12_Bld  {font-weight: bold; color: #333;}
/*.txt_12_Nrm  {font-size: 12px;}*/
.txt_12_View {background:#F0F8FF;border: none;text-indent: 0pt;}	
.txt_12_Mar  {font-weight: bold;color: #990000;} /*maroon*/
.txt_12_Dis  {color: #999;} /*mimic disabled*/
.txt_12_Bld_White {font-size:12px; font-weight:400; color:white;}


.txt_14_Bld, .txt_14_Nrm
{font-size:14px;}
.txt_14_Bld 
{font-weight: bold; color: #333;}

.txt_14_Bld_White {font-size:14px; font-weight: bold; color:white;}

.txt_16_Bld, .txt_16_Nrm
{font-size:16px;}
.txt_16_Bld 
{font-weight: bold; color: #333;}

.txt_18_Bld 
{font-size:18px; letter-spacing:normal;}




/* --------------------------Text OOrientation  Apr 28, 2020*/

.txt_Vert
{
writing-mode: vertical-rl;
text-orientation: upright;
/*cursor: horizontal-text;*/
}




/*------------------------------------------------------------------------------------------------------------------------- text end*/

.bckGndYel
{background-color:#FFFFCC} /*Yellow*/

/*-----------------------------------------------------------------------Border line B for Bottom-B, L for Left, R for Rght, T for Top */
.tdBorder_B, .tdBorder_BL, .tdBorder_BR, .tdBorder_L, .tdBorder_R, .tdBorder_T, .tdBorder_BT, .tdBorder_All, .tdBorder_LR, .tdBorder_BTR, .tdBorder_TR
{border-collapse: collapse; border: 1px solid #AAA;}
                                     /*Line Bottom + Top + Right*/

.tdBorder_BTR {border-left:0;}                                          /*Line Bottom Top Right*/
.tdBorder_B   {border-right:0; border-left:0; border-top:0;}            /*Line Bottom only*/
.tdBorder_BL  {border-right:0; border-top:0;}                           /*Line Bottom+Left*/	
.tdBorder_BR  {border-left:0; border-top:0;}                            /*Line Bottom+Right*/
.tdBorder_BT  {border-left:0; border-right:0;}                          /*Line Bottom + Top*/
.tdBorder_T   {border-left:0; border-right:0; border-bottom:0;}         /*Line Top*/
.tdBorder_L   {border-top:0; border-right:0; border-bottom:0;}          /*Line Left*/
.tdBorder_R   {border-top:0; border-left:0; border-bottom:0;}           /*Line Right*/
.tdBorder_LR  {border-top:0; border-bottom:0;}                          /*Line Left + Right*/
.tdBorder_TR  {border-left:0; border-bottom:0;}                         /*Line Top + Right*/


.tdBorder_Etch /*not used yet*/
{
border-collapse: collapse !important;

border-top:2px solid #999999;
border-right:2px solid white; 
border-bottom:2px solid white;
border-left:2px solid #999999;
}
/*-----------------------------------------------------------------------------------------------------------------------Table + tr start*/
.tbHeader 
{width:95%; margin-left:3%; margin-right:2%;} 

.TR_Detail_1{
	background-color: #F0F8FF;
	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}
.TR_Detail_2{
	background-color: #DBF5FD;
	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}
/*---------------------------------------------------   tr end*/
/*---------------------------------------------------------------------------------------------  table head start  new color  #FFE8D1 */

.tdMist    {background-image: url(../images/75p_mist.png);} /*semi-transparent blueish background*/

.tdSangria {background-image: url(../images/75p_Sangria.png);} /*semi-transparent pinkish background*/
/*.tdSangria{background-color:#FCECF5;}*/
.tdMelon {background-image: url(../images/75p_Melon.png);} /*semi-transparent background*/
.tdPapaya {background-image: url(../images/75p_Papaya.png);} /*semi-transparent background*/
.tdLime {background-image: url(../images/75p_Lime.png);} /*semi-transparent background*/

.tdSky {background-color:#E8F3FF;}
.td_MistyRose {background-color:#FFE4E1;}
.tdPeachPuff  {background-color:#FFDAB9;}
.tdPeachLight {background-color:#EDDEBA;}
.tdPapayaWhip {background-color:#FFEFD5;}
.tdLowGreen   {background-color:#CEFDCE;} /*color-MK*/
.tdAzure      {background-color:#F0FFFF;}
.tdLinen      {background-color:#FAF0E6;}
.tdPink       {background-color:#FFC0CB;}
/*------------------------------------------*/

.TD_MainLogo
{
	height:90px;
	vertical-align: middle;
	padding-top: 7px;
}

.TD_TopLinks
{
	padding-top: 32px;
	padding-right: 20px;	
}

.TD_TopIcons
{
	padding-top: 12px;
	padding-right: 20px;
}

.TD_Head{
	background-color: #666666;
	font-size:13px;
	COLOR: #FFFFFF;
	text-align: center;
	font-weight:6875; 
}

.TD_Head_14{
	background-color: #666666;
	font-size:.825rem; 
	font-weight:800; 
	color: white;
	text-align: center;}

.TD_HeadNrm{
	font-size:10px;
	COLOR: #CCCCCC;
	font-weight: bolder;	
}

.TD_Head_A{
	background-color: #D2B48C;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Head_AB{
	background-color: #D2B48C;
	font-size:12px;
	COLOR: #990000;
	text-align: center;
	font-weight: bold;
}


/*---------------------------------------Added New K series: 4 Apr, 2021*/
.TD_Head_L55
{
background-color:#666; 
font-size:.875rem; 
font-weight:800; 
color:white;
}
/*-------------------------------------*/
.TD_Head_L50
{
background-color:#666; 
font-size:.825rem; 
font-weight:800; 
color:white;
}
/*-------------------------------------*/

.TD_Head_L14, .TD_Head_L27
{
background-color:#ebebeb; 
font-size:.75rem; 
font-weight:400; 
color:black;
}

.TD_Head_L27
{
font-weight:900; 
}
/*-------------------------------------*/


/*-------------------------------------*/
.TD_Head_K23 
{
background-color:white; 
font-size:.825rem; 
font-weight:700; 
color:black;
}

.TD_Head_K20
{
background-color:white; 	
font-size:.725rem; 
font-weight:800; 
color:black;
}

.TD_Head_K19
{
background-color:white; 
font-size:.685rem; 
font-weight:800; 
color:black;
}

.TD_Head_K17
{
background-color:white; 
font-size:.635rem; 
font-weight:800; 
color:black;
}


/*---.635 .6875 .725 .8 .825 .85  -----*/
/*--- .85 .825 .8 .725 .6875 .635 -----*/

.TD_Plain_K51
{
font-size:.625rem; /*10px*/
font-weight:500; 
color:black;
}

.TD_Plain_K52
{
font-size:.6875rem;  /*11px*/
font-weight:500; 
color:black;
}

.TD_Plain_K53
{
font-size:.725rem;  /*11.5px*/
font-weight:500; 
color:black;
}

.TD_Plain_K54
{
font-size:.75rem;  /*12px*/
font-weight:500; 
color:black;
}



.TD_Plain_K61
{
font-size:.8rem; 
font-weight:500; 
color:black;
}

.TD_Plain_K63
{
font-size:.85rem; 
font-weight:500; 
color:black;
}








/*---------------------------------------Added New K series: 4 Apr, 2021*/



.tHead
{
	background-color:#FFE8D1;
	font-weight: bold;
	font-size: 12px;
} 

.TD_Head_Sub1, TD_Head_Sub1A, TD_Head_Sub2 {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.TD_Head_Sub1{
	background-color: #666666;
	COLOR: #FFFFFF;
	line-height:92% !important;	
}

.TD_Head_Sub1A{
	background-color: #666666;
	COLOR: #FFDDED;
}

.TD_Head_Sub2{
	background-color: #DDDDDD;
	COLOR: #999999;
}

.TD_Head_Sub3, .TD_Head_Sub3A{
	font-size: 8px;
	text-align: center;
	font-weight:bold;
	/*font-weight: lighter;*/
	text-transform: uppercase;
}
.TD_Head_Sub3{	
	background-color: #8D8D8D;
	COLOR: #FFF;
}

.TD_Head_Sub3A{
	background-color: #8D8D8D;
	COLOR: #FFDDED;
}





.TD_Head_Sub15 /*Apr 23, 2020   Ligh Grey */
{
	background-color:#DDDDDD;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}



.TD_Head_Sub15 /*Apr 23, 2020 */
{
	background-color:#DDDDDD;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}


.TD_Head_Sub16 /*Apr 23, 2020   Ligh Beige */
{
	background-color:#DCCAA0;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.TD_Head_Sub17 /*Apr 23, 2020   Ligh Beige */
{
	background-color:#EDDEBA;
	font-size: px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}






.TD_Logo{
	background-image: url(../images/CiGiLogo.gif);
	background-color: #990000;
}

.TD_HeadMainPage_1{
	background-color: #EACFAD;
	font-size:15px;
	COLOR: #333;
	font-weight: bold;
}

.TD_HeadMainPage_2{
	background-color: #EACFAD;	
	font-size:12px;
	COLOR: #333;
	font-weight: bold;
}

.TD_HeadMainPage_3{
	background-color: #EACFAD;		
	font-size:12px;
	COLOR: #333;
}

/*--------------------------------------------------------------------------------------------------Main page header End-----*/
.tdMainLogo{
	background-image: url(../images/IdealPrepaidLogo.jpg);
	background-position: 30% 30%; /*Horizontal Vertical*/
	background-repeat: no-repeat;
	width: 200px;
	height: 100px;
	}

.TD_White{
	background-color: #FFFFFF;
}

.TD_Item, .TD_Item1 {
	background-color: #0099CC;
	font-size:9px;
	COLOR: #000000;
	text-align: center;	
}

.TD_Item{
	font-weight: bold;
}

.TD_Item1{
	font-weight: normal;
}

.TD_Item2{
	background-color: #0099CC;
	font-size:11px;
	COLOR: #000000;
	font-weight: bold;
}

.TD_Item_A{
	background-color: #EDDEBA;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Detail{
	background-color: #F0F8FF;
	font-size:9px;
	COLOR: #000000;
	text-align: left;
	font-weight: normal;
}

.TD_Detail_A{
	background-color: #FFEFD5;
	font-size:9px;
	COLOR: #000000;
	text-align: center;
	font-weight: normal;
}

.TD_Detail_A_NA{
	background-color: #FFEFD5;
	font-size:9px;
	COLOR: #000000;
	font-weight: normal;
}

.TD_Detail_12{
	background-color: #F0F8FF;
	font-size:12px;
	COLOR: #000000;
}

.TD_V11_4_L_BoldRed{
	font-size:11px;	COLOR: #FF0000;	text-align: left;
	Font-Weight: bold;
} 

/*---------------------------------------------------------------------------------------------------------------+ textfield start */

.mySearchBoxText {
	font-family:  MyriadPro Regular, sans-serif;;
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 4px;
	}

.mystyle2 {
	background:#FFFFFF;
	COLOR:#000000;
	font-size:12px;
	font-weight: normal;
	text-align: justify;
	border: 1px inset #FFFFFF;
	text-indent: 2pt;
}

.mystyle3 {
	background:#F0F8FF;
	COLOR:#000000;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	border: 0px inset #999999;
	text-indent: 2pt;
}

.mystyle4 {
	background:#F0F8FF;
	COLOR:#000000;
	font-size:11px;
   font-weight: normal;
	text-align: justify;
	border: 0px inset #999999;
	text-indent: 2pt;
}

.mystyle5 {
	background:#F0F8FF;
	height: 24px;
	font-size:14px;
	COLOR:#000000;
	font-weight: normal;
	text-align: center;
	border: 2px inset #EEEEEE;
	text-indent: 2pt;
}

.mystyle5A{ /*April 11, 2020*/
	background:white;
	height:24px;
	font-size:14px;
	COLOR:#000000;
	font-weight:normal;
	text-align:left;
	border:1px solid #999;
	text-indent: 4pt;
}




.mystyle6 {
	background:#F0F8FF;
}

.mystyleWRN {
	background:#FFFFCC;
	COLOR:#000000;
	font-size:12px;
	font-weight: normal;
	text-align: justify;
	border: 1px solid #B0C4DE;
	text-indent: 2pt;
}

.tBox_0 { /*transparent no border*/
	background-color:  transparent;	
	text-align: center;
	border: none;
}

.tBox_1 {text-align: center;}

.tBox_01 { /*transparent no border, text on left*/
	background-color:  transparent;	
	text-align: left;
	border: none;
	font-size:11px;
	font-family: inherit;;
}	

.tBox_01_Dis { /*transparent no border, text on left, mimic disabled*/
	background-color:  transparent;	
	text-align: left;
	border: none;
	font-size:11px;
	color:#999;
	/*font-family: Arial, sans-serif;*/
	font-family: inherit;;
}	

.tBox_02_Dis { /*grey border, text on left, mimic disabled*/
	background-color: #E5E5E5; /*D4D0C8*/	
	height: 17px;
	text-align: left;
	border-top: 2px solid #C3C3C3; /*CCC*/
	border-left: 2px solid #C3C3C3;	
	border-bottom: 0px ;	
	border-right: 0px ;	
	font-size:12px;
	color:#999;
	font-family: inherit;
}	
/*---------------------------------------------------------Align Image and Text*/
.imgValign_01 {
vertical-align: middle;
margin-bottom: 0.2em;
}

.txtValign_01 {
  font-size: 11px;
}
/*---------------------------------------------------------*/



/* Image in Text Box */
.tb11 {
	background:#FFFFFF url(images/search.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:230px;
	height:18px;
}
/*------------------------------------------------------------------------------------------------------------------+ textfield end */

/*----------------------------------------------------------------------------------------- FORMAT TO HIDE COMPLETELY mostly for TR pages*/

#divShield{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	border:1px none #000000;
	z-index:1;
	left: 0px;
	top: 0px;
	background-image: url(../images/rpt_prog_bar1.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#divShield_1{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	border:1px none #000000;
	z-index:1;
	left: 0px;
	top: 0px;
	background-image: url(../images/rpt_prog_bar1.gif); /* bar with image*/
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

#divShield_2{ /*include spinner code in page*/
	position:absolute;
	width:100%;
	height:100%;
	background-color:#FFF;
	border:1px none #000000;
	z-index:1;
	left: 0px;
	top: 0px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/*--------------------------------------------NO RECORDS*/
.div_NoRecords
{
font-size:1.1Rem;
font-weight:500;
color:dimGrey ; /* March 9, 2021 *#990000 maroon*/
margin-top:12px; 
text-align:center; 
height:32px; 
line-height:32px;
background-color:#3FF !important;
}


/*--------------------------------------------NO RECORDS*/
.noRecords
{

width:200px;
margin:auto; 
height:32px; 
		text-align:center; 
line-height:32px; 
		vertical-align:middle;
}







.div_HoldButton /*Apr. 12, 2020 submit button under form*/
{
margin:auto;
width:50%;
text-align:center; 
line-height:40px;
vertical-align:middle; 
padding-top:6px;

/*background-color:yellow;*/
}



.tb_HoldButton
{
margin:auto;
margin-top:26px;
hight:70px;
width:30%;
text-align:center;
background-color:yellow; 
}


/*================================================================================*/

.hideAll{
	display:none;
	color: #FFF;
	background-color: #FFF;
} 

/*--------------------------------------------------------------------------------------------------------------------   display start*/
.visY {visibility:visible }
.visN {visibility:hidden }
.disN {display:none}
.disY {display:inLine}
/*--------------------------------------------------------------------------------------------------------------------   display end*/

/*--------------------------------------------------------------------------------------------------------------------   Buttons start*/

.but_14 /*10-05-2014 new configuration*/
{
padding:0px 2px 0px 2px;/* top right bottom left*/
text-align: center;
font-size:10px;
line-height:14px;

font-family:Arial,sans-serif;
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCC);
  background-image: linear-gradient(to, bottom, #EBEBEB, #CCC);
 
margin:2px;
border-radius:3px;

border:1px solid;
border-top-color:#888888;
border-left-color:#888888;
border-bottom-color:#5B5B5B;
border-right-color:#5B5B5B;
}

.but_14:hover:enabled
{
background-color:#CCFFFF;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: linear-gradient(to, bottom, #EBEBEB, #CCFFFF);
}
/*---------------------------------------------------------------------*/

.but_22 /*11-01-2014 new configuration*/
{
padding:0px 4px 0px 5px;/* top right bottom left*/
text-align: center;
font-size:11px;
line-height:22px;

font-family:Arial,sans-serif;
  background: #DDDDDD;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCC);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCC);
  background-image: linear-gradient(to, bottom, #EBEBEB, #CCC);
 
margin:3px;
border-radius:3px;

border:1px solid;
border-top-color:#888888;
border-left-color:#888888;
border-bottom-color:#5B5B5B;
border-right-color:#5B5B5B;
}

.but_22:hover:enabled
{
background-color:#CCFFFF;
  background-image: -webkit-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -moz-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -ms-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: -o-linear-gradient(top, #EBEBEB, #CCFFFF);
  background-image: linear-gradient(to, bottom, #EBEBEB, #CCFFFF);
}
/*---------------------------------------------------------------------*/

.but_20 /*5-7-2020 new configuration*/
{
padding:0px 6px 0px 6px;
text-align: center;
font-size:12px;
line-height:20px;

font-family:Arial,sans-serif;
background:#EBEBEB ;
margin:3px;
border-radius:4px;

border:1px solid;
border-color:#888888;
}

.but_20:hover:enabled
{
background-color:#DDDDDD;
}

/*---------------------------------------------------------------------*/
.but_29 /*9-10-2014 configuration*/
{
padding:0px 6px 0px 6px;
text-align: center;
font-size:13px;
line-height:29px;

font-family:Arial,sans-serif;
background:#EBEBEB ;
margin:6px;
border-radius:4px;

border:1px solid;
border-color:#888888;
}

.but_29:hover:enabled
{
background-color:#DDDDDD;
}
/*-----------------------------------------------------------------------*/

.but_32 /*for calculations*/
{
padding:4px 6px 4px 6px;
text-align: center;
font-size:12px;

font-weight:600;
color: #000;
/*text-indent:-2px;*/
    width:100px;
    height:70px;
/*line-height:62px;*/

font-family:Arial,sans-serif;
background: #DDDDDD;
background-image:url(../images/Calculate_H.gif);
background-repeat:no-repeat;
background-position:center;
 
margin:0px;
border-radius:4px;

border:1px solid;
border-top-color:#888888;
border-left-color:#888888;
border-bottom-color:#5B5B5B;
border-right-color:#5B5B5B;
}

.but_32:hover:enabled
{
background-color:#CCFFFF;
background-image:url(../images/Calculate_H.gif);  
}







/*================================================================================*/

.But2P, .But2M
{
	border: 1px solid #fff;
	background-repeat: no-repeat;
	width:16px;
	height:17px;
	background-color: transparent;
	background-position: center;

	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;	
	margin-bottom: 0px;
}

.But2P
{
	background-image: url(../images/Plus12x12.gif);
}

.But2M
{background-image: url(../images/Minus12x12.gif);}

.But3, .But3_H, .But3_Dis,.But3_1 { /*--Special smaller */						
font-family: tahoma;
font-size: 7pt;
width: 30px;								
height:17px;								
}

.But3 {background-color: #DDDDDD;color: #666;font-weight: bolder;}
.But3_H {background-color: #CCFFFF;color: #666;font-weight: bolder;}
.But3_Dis {background-color:#DDDDDD;color:#999; font-weight: normal;}
.But3_1 {background-color: #CCF;color:#900;font-weight: bolder;}

/*---------------------------------------------------------------------------------------------------------------*--Special smaller buttons end---*/

.but40_18{
	WIDTH:40px;
	HEIGHT:18px;
	FONT-FAMILY:tahoma; 
	font-size:7pt; 
	background:#DDDDDD;
	padding-bottom: 5px;
}

.but40_18  {COLOR:white;} 

 
/*---------------------------------------------------------------------changed for IdealPrepaid hight: 20px*/
.but45_18, .but50_18, .but60_18, .but64_18, .but65_18, .but65_18_Yel, .but72_18, .but80_18, .but85_18, .but100_18, .but110_18,
.but120_18, .but120_20, .but140_20, .but200_20, .but220_20, .but320_20, .but400_20 
{ 
	HEIGHT:20px;
	FONT-FAMILY:tahoma;
	font-size:8pt;

	padding-bottom: 5px; 
}
.but45_18  {WIDTH:45px; }
.but50_18  {WIDTH:50px; }
.but60_18  {WIDTH:60px; }
.but64_18  {WIDTH:64px; }
.but65_18  {WIDTH:65px; }
.but72_18  {WIDTH:72px; }
.but80_18  {WIDTH:80px; }
.but85_18  {WIDTH:85px; }
.but100_18 {WIDTH:100px;}
.but110_18 {WIDTH:110px;}
.but120_18 {WIDTH:120px;} /*clean up (replace to 20 required*/
.but120_20 {WIDTH:120px;}
.but140_20 {WIDTH:140px;}
.but200_20 {WIDTH:200px;}
.but220_20 {WIDTH:220px;}
.but320_20 {WIDTH:320px;} 
.but400_20 {WIDTH:400px;}

.but65_18_Yel  {WIDTH:65px; background-color: #FFFFCC;} /*Warning*/

/*-------------------------------------------------------------------------------------------------------*/
.but100_25, .but150_25{/*changed for IdealPrepaid hight: 25px*/						
	FONT-FAMILY:tahoma;
	font-size:8pt;
	padding-bottom: 5px;
	}

.but100_25 {WIDTH:100px; HEIGHT:25px;}
.but150_25 {WIDTH:150px; HEIGHT:25px;}

/*================================================================================*Pagination Btns*/
.buttonGrey
{
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size:10px;
                text-decoration:none !important;
                background-color: #FFF;               
    padding: 3px 6px;
    display: inline;
                border: 1px solid #999;
    cursor: pointer;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

/*display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
    /*color: #000;*/
    /*background: #777 url(button.png) repeat-x bottom;*/          
   /* text-shadow: 1px 1px #666;*/
}

.buttonGrey:hover:enabled { 
    /*position: relative;*/
background-color:#CCFFFF;
               /*background-position: 0 top;*/               
    }


/*
.buttonGrey:active { 
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    /*background-position: 0 top;              
    }*/ 


.buttonGreyDis
{
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size:10px;
                text-decoration:none;
                /*color:#ccc !important;*/
                color:#999999;
                background-color: #EBEBEB;       
    padding: 3px 6px;
    display: inline;
                border: 1px solid #999;
    /*cursor: pointer;*/
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
/*display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
    /*color: #000;*/
    /*background: #777 url(button.png) repeat-x bottom;*/          
   /* text-shadow: 1px 1px #666;*/
}


/*10-05-2014 new configuration*/
/*10-07-2021 changed but_14 to dedicatedd but_140*/ 
.but_140 
{
padding:.4rem;/* top right bottom left*/
text-align: center;
font-size:.75rem;
line-height:.75rem;
font-family:Arial,sans-serif;
margin:2px;
border:1px solid silver;
}

.but_140:hover:enabled
{background-color:#CCFFFF;}
/*---------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------   buttons end*/

/*============================================================================= Select Start*/
.Select1 { 
border:1px solid #999;
    vertical-align:top;
    height:20px;
font-size: 10px;
} 

.Select2 { /*April 11, 2020*/ 
	background:white;
	COLOR:#000000;
	font-weight:normal;

	border:1px solid #999;
	vertical-align:top;
	font-size:14px;
	text-align:left;
	text-indent: 4pt;
} 
/*================================================================================Select End*/
	
UL {list-style:disc outside; font-family:Verdana, Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
UL.nest {list-style:circle outside; font-family:Verdana, Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
OL {list-style:decimal outside; font-family:Verdana, Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}
OL.rom {list-style:lower-roman outside; font-family:Verdana, Arial, sans-serif; font-size:100%; margin-top:0%; margin-bottom:0.75%}	


/*-------------------------------------------------------------------------------------- Collapsable Menu*/
.divCloud {    /*height: 100px;*/
    width: 200px;
	background-color:#D1F1E7; /*E8F3FF* blueish*/
    border: 1px solid #CCC;
	border-radius:6px;
    position: absolute;
    display: none;
    z-index: 2;
	margin-top: -120px	!important; /*moving up*/ 
	/*margin-bottom: 50px !important;
	border-bottom: 25px solid navy;
	border-bottom-width:15px;
    border-bottom-color: white;	*/
}


/*-------------------------------------------------------------------------------------- Collapsable Details in MetersActivity, moved to file itself, delete if not used elsewhere*/
.divCloud_A {    /*height: 100px;*/
   /* width: 450px;*/
	width:auto;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;	
	padding-bottom:8px;		
	background-color:#F4EFDC; /*E8F3FF* blueish*/
    border: 1px solid #CCC;
	border-radius:6px;
    position: absolute;
    display: none;
    z-index: 2;
	margin-top: -120px	!important; /*moving up*/ 
	margin-right: -120px	!important; /*moving up*/ 	
}



/*----------------------------------------------------------------------------------------------------------*/
IMG {padding:0; margin-left:0}
/*-----------------------------------------------------------------------Print directive start*/
.printonly /*Hide when viewed on screen*/
{display:none;}

@media print
{ 
.dontprint {display:none;}   /*Hide when printed*/
.printonly {display:inline;} /*Show when printed*/
}
/*------------------------------------------------------------------------Print directibe end*/


.liningViewFiller{
	background-image: url(../images/ViewFiller.jpg);
	background-color: #B1B1B1;	
	background-repeat: no-repeat;
	/*height:281px;*/
}

.tdTree{
	border-top: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	height:283px;	
	background-image: url(../images/ViewFiller.jpg);
	background-repeat: no-repeat;
	/*background-position: left bottom;   /*same as 0% 100% */
	background-position: center center;  /*same as 50% 50% */
}

.tdTree_1{
	height:283px;	
	background-image: url(../images/ViewFiller.jpg);
	background-repeat: no-repeat;
	/*background-position: left bottom;   /*same as 0% 100% */
	background-position: center center;  /*same as 50% 50% */
}

.tdMiddleImg
{vertical-align: middle;}



.tdMiddle_ImgTxt_26
{vertical-align:middle; line-height:26px;}
.tdMiddle_ImgTxt_26 img
{vertical-align:middle; padding-bottom:3px;}




.liningPageLogin{   /*remove later*/
	background-image: url(../images/IntroRepPg.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}

.liningPageName{
	background-image: url(../Images/LiningTopPageName.jpg);
	background-color: #FFF;
	font-size: 20px;
	font-weight: 500;
	color: #333;
	text-align: center;
	letter-spacing: .2em;
}


.liningPageName_1{
	font-size:1.25Rem;
	font-weight:500;
	color: dimGrey; /*#333*/
	text-align:center;
}

.dummy{
	background-color: #FFF;
	font-size: 36px;
	font-weight: 500;
	color: #666;
	text-align: center;
	letter-spacing: 0.2em;
}

.liningTable_300-80
{
	background-image: url(../images/LiningTable_300-80.jpg);
	background-repeat: no-repeat;
}

.liningTable_350-80
{
	background-image: url(../images/LiningTable_350-80.jpg);
	background-repeat: no-repeat;
}

.liningSessionTime{ /*experimntal*/
	background-image: url(../Images/LiningTopPageName.jpg);
	background-color: #FFF;
	font-size: 9px;
	font-weight: normal;
	color: #666;
	padding-left: 32px;	
	text-align: left;
	letter-spacing: normal;
}

.liningProgress{
	background-image:url(../images/iconCicle.gif);
	background-repeat:no-repeat;
	background-position:50% 52%  !important;  /*2% below V middle*/
	font-size: 14px;
	font-weight: bold;
	color: #666;	
}

.liningTopLinks{padding-top: 10px;}

.liningLeadPrinc{
	background-image: url(../images/LiningLeadPrinc.jpg);
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	}
	
.liningHeadRight{ /*right side report with pagination*/
	background-image:url(../images/LiningHead_500-36.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.liningHeadLeft{ /*left side reports with pagination*/
	background-image:url(../images/LiningHead_500-36.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	
/*================================================================================*/
	
.tdLinksFr{
	background-image: url(../Images/LiningLeftCol.jpg);
	background-position: 100% 104%;
	background-repeat: no-repeat;
	}
	
.tdLAttention{
	background-image: url(../Images/Attention.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}


.td_Warn{
	background-image: url(../Images/Attention.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}



.tdPadLeft_10
{padding-left: 10px; text-align: left;}
.tdPadLeft_20
{padding-left: 20px; text-align: left;}
.tdPadLeft_40
{padding-left: 40px; text-align: left;}
.tdPadLeft_50
{padding-left: 50px; text-align: left;}



.tdPadLeft_70 /*use to align From date in td*/
{padding-left: 70px; text-align: left;}
.tdPadLeft_84 /*use to align To date in td*/
{padding-left: 84px; text-align: left;}



.tdPadRight_6
{padding-right: 6px;}	/*Feb 16, 2014*/
.tdPadRight_12
{padding-right: 12px;}	/*Feb 7, 2014*/

/*--------------------------------------------------------------------------------------------------------------------*/
/* background-position: left top;       same as 0% 0% */
/* background-position: left center;    same as 0% 50% */
/* background-position: left bottom;   same as 0% 100% */

/* background-position: right top;     same as 100% 0% */
/* background-position: right center;   same as 100% 50% */
/* background-position: right bottom;   same as 100% 100% */

/* background-position: center top;     same as 50% 0% */
/* background-position: center center;  same as 50% 50% */
/* background-position: center bottom; same as 50% 100% */
/*--------------------------------------------------------------------------------------Backgrond for middle menu table */
.cnr2X {background: #EBEBEB} /* Just color, No Corners, no lines*/
.cnr21_CC_NF {background: url(../images/LiningCornerNoFill22_598.jpg) no-repeat center;} /*Center both, no fill*/
.cnr21_TT_NF {background: url(../images/LiningCornerNoFill22_598.jpg) no-repeat Top;} /*Top both, no fill*/


/*----------------------------------------------------------------------------------Backgrond for 957px table */
.cnr21_TT {background: url(../images/LiningCornerFill22_598.jpg) no-repeat top;} /*Top both*/
.cnr21_TL {background: url(../images/LiningCornerFill22_598.jpg) no-repeat top left;} /*Top left*/
.cnr21_TR {background: url(../images/LiningCornerFill22_598.jpg) no-repeat top right;} /*Top right*/

.cnr21_BB {background: url(../images/LiningCornerFill22_598.jpg) no-repeat bottom;} /*Bottom both*/
.cnr21_BL {background: url(../images/LiningCornerFill22_598.jpg) no-repeat bottom left;} /*Bottom left*/
.cnr21_BR {background: url(../images/LiningCornerFill22_598.jpg) no-repeat bottom right;} /*Bottom right*/

.cnr21_CC {background: url(../images/LiningCornerFill22_598.jpg) no-repeat center;} /*Center both*/
.cnr21_CL {background: url(../images/LiningCornerFill22_598.jpg) no-repeat center left;} /*Center Left*/
.cnr21_CR {background: url(../images/LiningCornerFill22_598.jpg) no-repeat center right;} /*Center Right*/
/*---------------------------------------------------------------------------------Backgrond for 450px table *//* Top Left*/
.cnr22_TT{background: url(../images/LiningCornerFill22_450.jpg) no-repeat top;} /*Top both*/
.cnr22_TL{background: url(../images/LiningCornerFill22_450.jpg) no-repeat top left;} /*Top Left*/
.cnr22_TR{background: url(../images/LiningCornerFill22_450.jpg) no-repeat top right;} /* Top Right*/

.cnr22_BB{background: url(../images/LiningCornerFill22_450.jpg) no-repeat bottom;} /* Bottom Both*/
.cnr22_BL{background: url(../images/LiningCornerFill22_450.jpg) no-repeat bottom left;} /* Bottom Left*/
.cnr22_BR{background: url(../images/LiningCornerFill22_450.jpg) no-repeat bottom right;} /* Bottom Right*/	

.cnr22_CC{background: url(../images/LiningCornerFill22_450.jpg) no-repeat center;} /* Center Both*/
.cnr22_CL{background: url(../images/LiningCornerFill22_450.jpg) no-repeat center left;} /*Center Left*/
.cnr22_CR{background: url(../images/LiningCornerFill22_450.jpg) no-repeat center right;} /*Center Right*/

/*================================================================================*/

.rct160_RndCnr_10, .rct300_RndCnr_10, .rct500_RndCnr_10, .rct600_RndCnr_10, .rct700_RndCnr_10, .rct800_RndCnr_10
{
display:block;
margin-left:auto;margin-right:auto;
background: #EBEBEB;
-moz-border-radius: 10px / 10px;
-webkit-border-radius: 10px / 10px;
border-radius: 10px / 10px;

border-width:1px;
border-style:solid;
border-color:#A2A2A2;
}

.rct160_RndCnr_10 {width: 160px;}
.rct300_RndCnr_10 {width: 300px;}
.rct500_RndCnr_10 {width: 500px;} 
.rct600_RndCnr_10 {width: 600px;}
.rct700_RndCnr_10 {width: 700px;}
.rct800_RndCnr_10 {width: 800px;}

/*==========================================*/

#google_translate_element
{
font-style: italic; /*+++*/
/*text-transform: capitalize; +++*/
font-family: Verdana, Geneva, sans-serif;/*--*/
width: 158px;
}
/*==========================================*/

/*--------Table with thin grid lines start*/
.Table_Grid
{border-collapse: collapse;}

.Table_Grid td, .Table_Grid th
{
    border: 1px solid silver;
	border-spacing:0px; 	
	empty-cells:show;
	padding-left:4px;
}

/* ------------------------------------*/
.Table_WhiteGrid 
{border-collapse: collapse;}
.Table_WhiteGrid td, .Table_WhiteGrid th
{border: 1px solid white;}

/* ---------------------------------------------------------------------------*/
.table_BodyGrid
{border-collapse: collapse;}
.table_BodyGrid td, .table_BodyGrid th
{border: 1px solid silver;}
/* ----------------------------------------------------------------------------*/

.Table_NoGrid
{border-collapse: collapse;}

.Table_NoGrid td, .Table_NoGrid th
{
border-collapse: collapse;	
border-style:none;
}

.Table_BrdrClps
{border-collapse: collapse;}

/*-------------------*/

.Table_GridNone
{border-collapse: collapse;}

.Table_GridNone td, .Table_GridNone th
{border: 0;}
/*-------------------*/


#divMainPageTreeContainer{

	position:absolute;
	left:50%;	
	width:750px;
	/*margin-left: 100px; /*  must be -375??               half of width*/
	margin-left: 100px; /*  must be -375??               half of width*/	
	height:610px;
	/*overflow-y:scroll; 
	overflow-x:auto; */	
	background-color:#FFF;
	border:1px none #000000;
	z-index:3;
	left: 442px;
	top: 190px;
}

#divMainPageTreeWrapper{ /*keeps tree inside*/
	position:absolute;
	width:750px;
	height:550px;
	overflow-y:auto;
	overflow-x:auto;
	background-color:#fff;
	border:1px none #000000;
	z-index:5;
	left: 0px;
	top: 50px;
}
#divMainPageTreeFooter{
     position: absolute;
	 width:750px;
	 /*top:65%;*/
	 background: #fff;  
     /*heigt: 150px;*/
	 bottom: 0px;
	 z-index:100;
     }

.LayerExplain{
float: left;	
position:absolute;
width:300px; height:auto;
z-index:1;
border: 1px none #000000;
left: 0; top: 0;
}

.divGoBottom
{
clear:both;	
position : absolute;
	bottom : 0;
    height : 50px;
    margin-top : 20px;
	width: 100%; /*Width of the content*/	
	text-align: center;
	background-color:#fff;
}


th a {
	color: #FFF !important;
	text-decoration: none;
}

th a:visited {
	color: #0F0; /*already visited*/
}

th a:active, th a:hover { /*on mouse over*/
	color: #FF6;
	text-decoration: underline;
	background: transparent;
}


tr.alternateRow 
{ background-color: #e0e0e0;}

td.sortedColumn 
{background-color: #f0f0f0;}

th.sortedColumn 
{background-color: #939393;}	/*background-color: #b0b0b0;*/

tr.alternateRow td.sortedColumn 
{ background-color: #d0d0d0;}

.colorBgd_1
{background-color:#FAFAF1;}
.colorBgd_2
{background-color:#EBEBEB;}

/*--------------------------------------------------------------------------------------------FLOATS*/
.floatCenter
{text-align: center;}

.floatLeft_0 
{float: left;}

.floatPadLeft_5 
{float:left; padding-left:5px;}

.floatPadLeft_10 
{float:left; padding-left:10px;}

.floatPadLeft_30 
{float:left; padding-left:30px;}

.floatRight_0 
{float: right;}

.floatPadRight_5 
{float:right; padding-right:5px;}


/*---------------------------------------------------------------------------------INSTRUCTIONS Text*/
.instruct_1 { /*highlight option*/
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	border: thin solid #CCCCCC;
	background-color: #EBEBEB;
	padding-right: 8px;
	padding-left: 8px;
}

.instruct_2 { /*inline link*/
text-decoration:none !important;
    line-height: 200%;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border: thin solid #666;
	background-color: #EBEBEB;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.instruct_3 { /*general*/
    line-height: 140%;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border: thin solid #666;
	background-color: #EBEBEB;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*---------------------------------------------------------------------------------Instructions End, Image and Text in TD start*/

.txt_Middle /*Text for td in the miidle; with floating images  NOT USED, CHECK AGAIN-DELETE */ 
{display: inline-block; vertical-align:middle; padding-top:5px;}

.txt_Middle_1 /*Text for td in the miidle with imagesNOT USED, CHECK AGAIN-DELETE */ 
{
    line-height:28px;
	display: inline-block; 
	vertical-align:middle; padding-bottom:5px;}
	
.txt_Middle_2 /*Text for td in the miidle with images USED*/ 
{
	float:left; padding-left:10px;	
    line-height:22px;
	display: inline-block; 
	vertical-align:middle; 
	}	


#shapes{
	position: absolute;
	left: 767px;
	width: 800px; /*Width of the content*/
	margin-left: -400px; /*half of width*/
	margin-top: 10px;
	z-index: 2;
	text-align: center;
	background-image: url(../Images/Fillers/032.jpg);
	/*background-attachment:fixed;
	/*background-position: 50% 87%;*/
	background-position: center bottom;
	background-repeat: repeat-x;
	top: 1210px;
 }

#Measure
{
float: right;
	background-color:#826E6E;
	width:150px;
	hight: 100px;
	}
	
/*-----------------------------------------------Mainly for scrollable table with data------*/	

#container_0 {
	position:fixed;	
	width: 100%; /*Width of the content*/	
	height:auto;	
	z-index: 2000;	
	/*left: 50%; margin-left: -500px; /*half of width*/
	margin-top: 0px;
	text-align: center;
	background-color:#FFCCFF;	
 }	

#container_1 {
	position: absolute;
	left: 50%;
	width: 1000px; /*Width of the content*/
	margin-left: -492px; /*half of width + 8px for scroll bar*/
	margin-top: 150px;
	z-index: 2;
	text-align: center;
	height: 730px;
	overflow: auto;
	background-color:#FFFFCC;
		
 }	
	
.fixedLayer_1 /*related to container_1*/	
{
	position:fixed;	
	width:1000px;
	z-index: 2;
	/*left: 50%; margin-left: -450px; /*half of width*/
	margin-top: 0px;
	text-align: center;
	background-color:#CCFFFF;
	overflow-y:scroll; /*keep the space */
	
}

.pin_Center
{ 
	margin-left: auto;
    margin-right: auto;
overflow-y:scroll; 

}

#footer_0 {
	clear:both;
	position : absolute;
	bottom : 0;
    height : 70px;
    margin-top : 20px;
	width: 100%; /*Width of the content*/	
	text-align: center;
	background-color:#CCFFCC;	
 }	


/*----------------------------------------------------------------------------MARGINS */
.marginTop_5
{margin-top: 5px;}

.margin-top_8 {margin-top:8px;}
.margin-bot_8 {margin-bottom:8px;}
.margin_TB_8  {margin-top:8px; margin-bottom:8px;}

.marginTop_-15
{margin-top: -15px;}
/*----------------------------------------------------------------------------IMAGES */

img {
    max-width: 100%;
    max-height: 100%;
}

.imgFit_TD
{

	margin: auto;
	float:inherit;
    width: 80%;
	height: 80% !important;	
	/*height: auto;*/

}

.indexTab_1
{
/*background-color:#FFCCFF;*/
height:20px;
padding-top:20px;
background-image:url(../images/IndexTab_350x25.gif);
background-position:center;
background-repeat:no-repeat;
font-size:12px;
font-weight:700;
}

/*---------------------------------------------Style items for Arrears Forecast */
.ArrForecast_Show
{
	clear:both  !important;
	position: absolute;
	width: 800px; /*Width of the content*/	
	height: 800px; /*height of content */		
	left: 20px;
	top: 20px;
	border:double;
	border-color:#453C3C;
	z-index:30;
	background:#E9DBDB;	
}

#Shield{
	position: absolute;
	left: 0px;
	top: -10px;
	width: 100%; /*Width of the content*/
	height: 100%; /*height of content */
	z-index:20;
	background-image: url(../images/75p_Mist.png); /*WhiteTea  Papaya*/
}
/*---------------------------------------------Style items for Arrears Forecast */



.btnForecast /*experimental*/
{
background-image:url(../images/Forecast_Pas.gif);
}


.btnForecast:hover:enabled 
{
background-image:url(../images/Forecast_Act.gif);
}

.rct_Red-A
{
background-image:url(../images/rct_22x26-Red.png);
background-position: 51% 50%; /*Horizontal Vertical*/ 
background-repeat: no-repeat;
}

.rct_Grn-A
{
background-image:url(../images/rct_22x26-Grn.png);
background-position: 51% 50%; /*Horizontal Vertical*/ 
background-repeat: no-repeat;
}

.rct_Yel-A
{
background-image:url(../images/rct_22x26-Yel.png);
background-position: 51% 50%; /*Horizontal Vertical*/ 
background-repeat: no-repeat;
}

/*--------------------------------------------------- SHIMS*/
.shim_5TB
{margin-top:5px; margin-bottom:5px;}
.shim_5T
{margin-top:5px;}
.shim_5B
{margin-bottom:5px;}

.shim_8B
{margin-bottom:8px;}

.shim_12TB
{margin-top:12px; margin-bottom:12px;}
.shim_12T
{margin-top:12px;}
.shim_12B
{margin-bottom:12px;}

/*Start tables replace images by CSS*/

/*--------------------------------------------------------*/
.tb_RndCorner_8 /*more at http://jsfiddle.net/MuZzz/1/*/
{
margin:auto;
border-collapse:separate;
border:1px solid Silver;
-webkit-border-radius:8px;
border-radius:8px;
background: #EBEBEB;
}

.tb_border_B /*border: bottom*/
{
padding-left: 4px;	
border-bottom: 1px solid white;
}

.tb_border_T /*border: top*/
{
padding-left: 4px;	
border-top: 1px solid white;
}


.tb_border_BR /*border: bottom, right*/
{
padding-left: 4px;	
border-bottom: 1px solid white;
border-right: 1px solid white;
}

.tb_border_R /*border: right*/
{
padding-left: 4px;	
border-right: 1px solid white;
}

/*-------------------------------------------------- CAPTIONS*/
/*Caption Standard*/
.capt_000, .capt_001
{
margin:.375rem; font-size:.875rem;
}

.capt_001
{font-weight:700;}


 /*April 13, 2020*/
.capt_014
{
height:1.5rem;
line-height:13px; 
font-size:.875rem; /*.875*/
letter-spacing:normal;
font-weight:400;
color: #333;
}



/*---------------------------*/
/*Caption header, mimimc td_head*/
.capt_020, .capt_022
{
height:1.625rem;
line-height:1.625rem;
vertical-align:middle;
background-color: #666666;
font-size:.75rem;
COLOR: #FFFFFF;
text-align: center;
font-weight:600;
}

.capt_022
{height:2rem; line-height:2rem;}

/*---------------------------*/

.capt_023
{
font-size:.75rem;
font-weight:700;
margin-bottom:.5rem;
margin-top:1.125rem;
}
/*---------------------------*/


.capt_025
{
background-image:url(../Images/LabelE-186-20.gif);
background-repeat:no-repeat; 
background-position:center; 
color: white;
}

.capt_026 
{
background-image:url(../Images/LabelE-186-20.gif);
background-repeat:no-repeat; 
background-position:center top;
color:white;
height:2rem;
font-size:1rem;
font-weight:700;
}


/*----------------------------------------------------------OPACITY*/

.opacity_40P {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  pointer-events: none;
}

/*.opacity_40P:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier 
}
*/

/*------------------------------------------------- TEXTS and IMAGES*/
.divTxtAndImg_000
{
height:20px; 
line-height:20px; 
text-align:middle;
/*background:#CF9; */
}

.divTxtAndImg_000, img /*OK for 24x18, 13x18*/
{margin-bottom:-5px;}
.divTxtAndImg_000, txt /*OK for 24x18*/
{margin-bottom:-2px;}

/*---------------------------------*/
.divTxtAndRad_000
{
height:26px; 
line-height:26px; 
text-align:middle;
background:#CC9;
}

.radA
{
    vertical-align:text-top;
    width:13px;
    height:13px;
    padding:0;
    margin:0;
    position:relative;
    overflow:hidden;
    top:2px;
}

/*------------------------------------------------NO IMAGE: CSS */

i {
  border: solid white;/*DimGray*/ 
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  cursor:pointer;

}

.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.left {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.up {
	margin-bottom:-2px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.down {
	margin-bottom:2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.down_White
{  border: solid White;/*DimGray*/ }

/*-----------------------------------------TAGS*/

corners1 {
    border-radius: 15px 50px 30px 5px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.corners2 {
    border-radius: 15px 50px 30px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.corners3 {
    border-radius: 15px 50px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.corners4 {
    border-radius: 15px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.corners4_1 {
	margin:auto;
border-radius:22px 22px 1px 1px;
    background:DarkGray;
    padding: 4px;
    width: 200px;
    height: 16px;
}

.txtCorners4_1_A

{
color:Black;
font-weight:800;
vertical-align:middle;
font-size:14px;
}



/*-----------------------------------------------*/


/*---------------------------------------WIP -- WINDOW IN PAGE --->WIP*/
.headerWIP_A
{
width:100%; 
background:#666; 
font-size:.875rem; 
font-weight:600; 
color:white;
}
/*-------------------------------------*/





.txtArea_1 /*Nov 9, 2018*/
{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:block;/*reset from inline*/
    width:100%;
    margin:0;/*remove defaults*/
    padding:4px;
    /*background:#EEF;*/
    border:1px solid silver;
    overflow-y:auto;/*resets IE*/
    overflow-x:hidden;/*resets IE*/
}

/*--------------------------------------------*/

.fit_GaugeChart_1
{
/*  
background: deepskyblue;
  padding: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto;
or 

<!-- was 240px;   fit-content = min(max-content, max(min-content, fill-available))

*/

margin: 1em auto;
max-width: 240px;
/*background:blue;*/
height:120px; 
}

/*-------------------------------------------- April 18, 2020 */

/*
iframe [seamless] {
        display:block;
       /* overflow:auto;
        border:solid 8px red;
        width: 100%;
        height: 80%;
        margin:0;*
}
/

iframe:focus {
outline: none;
}
/*-------------------------------------------- Tooltip 31 Mar, 2021*/
.tooltip {
  position: relative;
  display: inline-block; padding:0 4px 0 4px;
  /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  /*background- and color defined for each version below */
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext
{visibility: visible; opacity: 1;}

.tooltip_V0
{background-color:blue; color:white; border:none;}

.tooltip_V1
{background-color:yellow; border:1px solid red;}

.tooltip_V2{
background-color:pink; border:1px solid black;
}
/*--------------------------------------------*/



/*=================================== dedicated for pop-up window start*/
.popup_Window
{padding:2px; background-color:white;}

#popupWindow_Header
{
width:100%;
height:40px;
border-collapse:collapse;
border-top:1px solid silver;
border-bottom:1px solid silver;
background-color:#D4D4D4;
}

#popupWindow_Header caption
{
font-size:.75rem; font-weight:600; padding:4px;
}



.popup_Window p {
text-align:left; 
margin:0 0 -1px 4px; 
padding:0; width:100%; 
font-weight:500; 
letter-spacing:-1px;
}

.popup_Window th
{
background-color:#EBEBEB;
font-weight:200; 
margin:0;
padding:0;
}


/*=================================== dedicatefor pop-up window end */

.hover_018:hover /*17 Apr, 2021*/
{
background-color:#DDDDDD; border:1px solid silver;
}


.border_018
{
background-color:azure; /*no luck -> border:2px solid blue*/; 	
}