html, body {
margin:0px;
padding:0px;
background-color:#ffffff;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100% !important;
line-height:1.1em;
text-align:center;
width:100%;
}

body {background-color:#ffffff; margin:0px; text-align: left;}
#frame {
	margin-right:auto;
	margin-left:auto;
	width:1024px;
	background-color:#ffffff;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
}

#content { margin-right:auto; margin-left:auto; padding:0px; width:1024px;
  text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
}

/*  -----------  TPH Dashboards  -----------  */
#frameTPH {
	margin-right:auto;
	margin-left:auto;
	width:1310px;
	background-color:#ffffff;
 text-align: left;
 font-family: Arial, sans-serif;
 color: #000000;
}

.ffA_9 { font-family: Arial, sans-serif;  font-size: .75em;   }    /* 12px - 9pt */
.ffA_10 { font-family: Arial, sans-serif;  font-size: .875em;   }    /* 14px - 10pt */
.ffA_12 { font-family: Arial, sans-serif;  font-size: 1em;    }    /* 16px - 12pt  100%  */
.ffA_14 { font-family: Arial, sans-serif;  font-size: 1.2em;  }    /* 19px - 14pt  */
.ffA_16 { font-family: Arial, sans-serif;  font-size: 1.4em;  }    /* 22px - 16pt  */
.ffA_18 { font-family: Arial, sans-serif;  font-size: 1.5em;   }    /* 24px - 18pt  */
/*  -----------  -----------  */

.fs_h1 { font-size:2em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}       /* 32px */
.fs_h2 { font-size:1.5em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}     /* 24px */
.fs_h3 { font-size:1.125em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}   /* 18px */
.fs_h4 { font-size:1em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}       /* 16px */
.fs_h5 { font-size:.875em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}    /* 14px */
.fs_h6 { font-size:.75em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}     /* 12px */
.fs_h7 { font-size:.625em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}    /* 10px */

/* Create Custom Geography, Excel    */
.fs_h4b { font-size:1em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700;}    /* 16px, bold, Black: CCG excel  */
.fs_h5b { font-size:.875em; line-height:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700;} /* 14px, bold, Black: CCG excel */
.fs_h5br { font-size:.875em; line-height:1.1em; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700;} /* 14px, bold, Red: CCG excel-caution*/
 
.font_bold { font-weight:bold; }
.font_normal { font-weight:normal; }
.font_boldNone { font-weight:300; }
.font_italic { font-style:italic; }

.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_top { vertical-align:top; }
.text_middle { vertical-align:middle; }
.text_bottom { vertical-align:bottom; }

.colorWhite { color:#ffffff; }
.colorBlack { color:#000000; }
.colorBlue1 { color: #0077B5; }
.colorBlue2 { color: #00617e; }
.colorBlue3 { color: #2e6da4; }
.colorGray3 { color: #7f7f7f; }
.colorBlue { color: blue; }
.colorDarkGreen { color: #0B6121; }
.colorGreen { color: green; }
.colorBordo { color: #800505; }
.colorNavy { color: navy; }
.colorOlive { color:#808000; }
.colorDarkRed { color:#880000; }
.colorRed { color: red; }
.colorOrange { color:#cc3300; }
.colorLG { color:#707070; }

.colorBg_blue2{background-color: #00617e; }
.colorBg_white {background-color: #ffffff; }
.colorBg_orange {background-color: #ffcc99; }
.colorBg_blue {background-color: #dfefff; }
.colorBg_blueon {background-color: #cae5ee; }
.colorBg_blueoff {background-color: #84c7dc; }
.colorBg_blueonsel {background-color: #ddeef5; }
.colorBg_lightblue1 {background-color: #f0f8ff; }
.colorBg_lightblue2 {background-color: #EEF8FA; }
.colorBg_gray {background-color: #cccccc; }
.colorBg_green {background-color: green; }
.colorBg_lightgreen {background-color: #cce698; }
.colorBg_lightgreen2 {background-color: #C8FE2E; }

.colorBg_lightgray1 {background-color: #efefef; }  /* e5e7e9 e5e7e9 */
.colorBg_lightgray1a {background-color: #f2f2f2; }
.colorBg_lightgray2 {background-color: #f7f7f7; }
.colorBg_lightgray3 {background-color: #fafafa; }
.colorBg_lightgray4 {background-color: #fefefe; }
.colorBg_lightgray5 {background-color: #e5e7e9; } 
.colorBg_lightyellow {background-color: #ffffcc; }
.colorBg_UH_line {background-color: #ffe680; }

.height1px { height:1px; }
.height2px { height:2px; }
.height3px { height:3px; }
.height5px { height:5px; }
.height10px { height:10px; }
.height15px { height:15px; }
.height20px { height:20px; }
.height25px { height:25px; }
.height30px { height:30px; }
.height35px { height:35px; }
.height40px { height:40px; }
.height45px { height:45px; }
.height50px { height:50px; }
.height70px { height:70px; }

.width340px { width:340px; }
.width380px { width:380px; }

.width40px { width:40px; }
.width231px { width:231px; }
.width260px { width:260px; }
.width300px { width:300px; }
.width669px { width:669px; }
.width940px { width:940px; }
.tblSentForm742 { width:742px; /* cellspacing=6px */ }
.td1SentForm192 { width:192px; }
.td2SentForm526 { width:526px; }

.tblTermsOfUseForm742 { width:742px; /* cellspacing=10px */ }
.td1TermsOfUseForm250 { width:250px; }
.td2TermsOfUseForm452 { width:452px; }

.border0px { border:0px;}
.borderLG5px { border:5px solid #efefef; }

	a:link { color: #000000; text-decoration: underline; }
	a:visited { color: #a52a2a; text-decoration: underline; }
	a:hover{ color: #FF0000; text-decoration: none; }
	a:active{ text-decoration: none; }

/* createCustomGeogrON.php    */	
.clearboth984 { width:984px; background-color:#ffffff; clear:both; float:left;}	

/* =============      Health Profiles Data table      ============   */
a.profile:link { color: #000000; text-decoration:none; }
a.profile:visited { color: #000000; text-decoration:none; }
a.profile:hover { color: #000000; text-decoration:none; }
a.profile:active { color: #000000; text-decoration:none;  }
.helpCursor{cursor:help}
	p, li, td { color: #000000; font-size: .875em; }

/*  --------------------- thematicMapsON.pho  --------------- */
.toplink {  }
@media print { .toplink { display: none; } } 

/* ========== headerON.php   NEW==========    0099cc  006080    */
#header { float:left; width:1024px; background-color:#ffffff; border:0px; }
.tblheaderON {
width:1024px;
border-bottom-style:solid;
border-width:4px;
border-color:#006080;
}   /*  header tbl  #cccccc;    cc3300    ffcc99   000080 */
.td179ON {
width:179px;
border:0px;
padding: 0px;
}    /*  OCHPP Logo img w=179px h=61px */
.td595_on {
padding-right:15px;
padding-left:70px;
text-align: center;
}
.td250_on {
border:0px;
text-align: center;
}    /*  OCHPP banner w=595px h=61pxText=595px  (class=headerText)  */
.td250ON {
width:250px;
border:0px;
}    /*   img w=250px h=61px */
.headerTextON {
font-size:.875em;
line-height:1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:center;
}
/* ----------- end header  */
/*  --------------------- CCG --------------- */
.clearboth1004 { width:1004px; background-color:#ffffff; clear:both; float:left;}
/*  --------------------- ?????? --------------- */
#horizMenu { border-bottom-style:solid; border-width:3px; border-color:#cccccc; }
#tblBorder1 { border-top:0px; border-right:0px; border-bottom:1px solid #cccccc; border-left:0px; border-width:1px; border-color:#cccccc; }
.trBorder1 { border-bottom-style:solid; border-width:1px; border-color:#cccccc; }

/*   index.php    March 14, 2019  */
.column2index {
float:left;
width:944px;    /* 1014=35+944+35 (padding)  */
background-color:#ffffff;   /* #f7f7f7;   */
padding-right:35px;
padding-bottom:25px;
padding-left:35px;
margin-top:25px;
margin-right:0px;
margin-left:0px;
}
/*   test charts page, April 2019  */
div.maini1{
float:left;
width:880px;     /* 570 */
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;
/* padding:25px 25px 25px 25px;;  */   /* 25px 50px (left) 25px; */
border:2px solid gray;
border-radius:10px;
font-family:sans-serif;
float:left;
//margin-top:20px;
//margin-right:20px;
margin-bottom:20px;
//margin-left:20px;       /* 137  */
}
div.maini2{
width:830px;
padding:10px 20px 25px;
border:2px solid gray;
border-radius:10px;
font-family:sans-serif;
float:left;
margin-top:25px;
margin-bottom:25px;
}
/* ========== index.php  584 (5+5=594) = 491 (+5=486) + 98 (img) ============ */
.columnLeft_text {
float:left;
width:491px;    /*   */
height:54px; 
padding:0px;
margin-top:0px;
margin-right:5px;
margin-bottom:0px;
margin-left:0px;
}
/* ========== index.php  ============ */
.columnRight_img {
float:right;
width:98px;   /*    */
height:54px; 
padding-right:0px;
padding-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
/*  clears elements floated to the left.   */
.div_left_clear {
clear:left;
}

/*   end index.php  */

/* === neighb_select_map_LHIN_7.php (_8.php) Neighbourhoods List by Name (left), by ID (right)    ==========  */
.neighbLists {
float:left;
/* width:750px;  */  /* 890=70+750+70 (  */
width:874px;    /* 1014=70+874+70 (  */
padding-top:0px;
padding-right:70px;
padding-bottom:15px;
padding-left:70px;
margin-top:15px;
margin-right:0;
margin-left:0;
}
.columnLeftName {
float:left;
width:407px;   /* 320=0pr+320+0pl    */
background-color:#eaffff;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
margin-top:0px;
margin-right:10px;
}
.columnRightID {
float:right;
width:407px;   /* 320=0pr+320+0pl    */
background-color:#ffffcc;
padding-top:5px;
padding-right:0px;
padding-bottom:5px;
padding-left:0px;
margin-top:0px;
margin-left:10px;
}

/*  ------ format text right side by 15 px: index.php  ------ */
.textPadRight15 {
  padding-right: 15px;
} 
/*  ------ format text left side by 15 px: index.php  ------ */
.textPadLeft15 {
  padding-left: 15px;
} 

.textPadLeft20 {
  padding-left: 20px;
} 
.textPadLeftRight20 {
  padding-left: 20px;
  padding-right: 20px;
}

/*  ------ format text right side by 20 px: textPadRight20: termsOfUseON.php, aboutUsON.php  ------ */
.textPadRight20 {
  padding-right: 20px;
} 

/* ----------- index.php    CONTENT -----------  */
.column1border_1 {
float:left;
width:1020px;    /* 1022=1+1020+1
background-color:#fff;       */
padding:0px;
margin-top:15px;
margin-right:0px;
margin-left:0px;
border:1px solid #ccc;
text-align: justify;
}
.column1border_0 {
float:left;
width:1020px;    /* 1022=1+1020+1     */
background-color:#fff;
padding:0px;
margin-top:15px;
margin-right:0px;
margin-left:0px;
border:0px solid #ccc;
text-align: justify;
}

/* ----------- onmargON.php, canmargCAN.php    CONTENT -----------  */
.column1borderOC {
float:left;
width:1020px;    /* 1024=2+1022+2     */
background-color:#efefef;   
padding:0px;
margin-top:15px;
margin-right:0px;  
margin-left:0px;
border:2px solid #ccc;
}
.col1BlueCenterOC {
float:left;
width:960px;   /* 1020=40pl+960px+20pr    */
background-color:#dfefff;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:40px;
margin-top:0px;
}
/*  ----------- END  ---------  */

/* ========== faq_ON.php, onmargON_faq, onmargON.php ============ */
.column1border10 {
float:left;
width:1004px;    /* 1024=10+1004+10  */ 
background-color:#efefef;   
padding:0px;
margin-top:15px;
margin-right:0px;  
margin-left:0px;
border:10px solid #efefef;  
}
.col1BlueCenter {
float:left;
width:944px;   /* 1004=40pl+944px+20pr    */
background-color:#dfefff;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:40px;
margin-top:0px;
}
/*  ----------- END  ---------  */

.shadow { text-shadow:#cccccc 5px 5px 5px; }    /* gray-#cccccc, Safari  */

/*  -----------  index.php  Home page  link to 992/993 project block */
.pf
{
    width:300px;
    border:0px solid #ccc;
    text-align:center;
    float:left;
    padding-top:4px;  
    padding-right:4px; 
    padding-bottom:4px;       
    padding-left:4px;     
    cursor:pointer;
}
div.pf:hover {
    background-color:#cce698;    /* e5e7e9,  F9EDBE  cce698 - green */
}
.pfnr
{
    border:0px solid #ccc;
    text-align:center;
    float:left;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
    padding-left:4px;
    cursor:pointer;
}
div.pfnr:hover {
    background-color:#cce698;    /* e5e7e9,  F9EDBE  cce698 - green */
}
.pfhs
{
    border:0px solid #ccc;
    text-align:left;
    float:left;
    padding-top:4px;
    padding-right:3px;
    padding-bottom:4px;
    padding-left:8px;
    cursor:pointer;
}
div.pfhs:hover {
    background-color:#cce698;    /* e5e7e9,  F9EDBE  cce698 - green */
}
span.pfhs:hover {
    background-color:#dfefff;    /* e5e7e9,  F9EDBE  dfefff - blue */
}

/*  -----------  onmargON.php   contactUs block */
.c
{
    width:120px;
    border:0px solid #ccc;
    text-align:center;
    float:left;
    padding-top:4px;  
    padding-right:4px; 
    padding-bottom:4px;       
    padding-left:4px;     
    cursor:pointer;
}
div.c:hover {
    background-color:#cce698;    /* e5e7e9,  F9EDBE  cce698 - green */
}
/*  -----------  onmargON.php   4 sections block  */
.e
{
    width:228px;
 /*   border-right:1px solid #222;      */
    border:1px solid #ccc;
    text-align:center;
    float:left;
    padding-top:4px;  
    padding-right:4px; 
    padding-bottom:4px;       
    padding-left:4px;  
/*    padding:6px;    */
    cursor:pointer;
}
div.e:hover {
    background-color:#cce698;    /* e5e7e9,  F9EDBE  cce698 - green */
}
/*  -----------  onmargON.php  Table   */
#margTbl {
   /*   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;   */
 font-family: Verdana, Arial, Helvetica, sans-serif;   
    border-collapse: collapse;
    width: 100%;
}

#margTbl td, #margTbl th {
    border: 1px solid #ccc;
    padding: 8px;
}

#margTbl tr:nth-child(even){background-color: #f2f2f2;}

#margTbl tr:hover {background-color: #cce698;}   /* #ddd;   */

#margTbl th {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-color: #dfefff;
    color: black;
}

/* ========== footerON.php ==========  */
#footerT { width:1024px; background-color:#ffffff; clear:both; float:left;}
.lineboxfooter {float:left; width:1024px; height:20px; border-bottom:1px solid #cccccc;}
.centertbl { float:left; margin-right:auto; margin-left:auto; width:1024px; border:0px;}
.footer { float:left; margin-right:auto; margin-left:auto; width:1024px; height:30px; text-align:center; }
.footerCR { float:left; margin-right:auto; margin-left:auto; width:1024px; height:10px; text-align:center; }
#footerend { width:100%; bottom:10;   /* stick to bottom  */   border-top:6px;  }

/* ========== dataTablesON.php, createCustomGeographyON.php, thematicMapsON.php ==========  */
.lineboxIM {float:left; width:984px; height:20px; border-top:3px solid #cccccc;}
#dhtmltooltip{
position: absolute;
padding: 2px;
border: 0px solid black;
width: 150px;
font:normal 11px Verdana;
line-height:12px;
background-color: #ffffe0;     /* lightyellow */
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}

/* ========== dataTablesON.php, createCustomGeographyON.php, thematicMapsON.php ==========  */
.column1 {
float:left;
width:1014px;    /* 1024=5+1014+5 (border)   */
background-color:#ffffff;   /* #f7f7f7;   */
padding:0px;
margin-top:15px;
margin-right:0;
margin-left:0;
border:5px solid #efefef;    /* #efefef;   */
}
/*  thematicMapsON.php   */
.column2 {
float:left;
width:944px;    /* 1014=35+944+35 (padding)  */
background-color:#ffffff;   /* #f7f7f7;   */
padding-right:35px;
padding-bottom:25px;
padding-left:35px;
margin-top:25px;
margin-right:0px;
margin-left:0px;
}
/*    createCustomGeographyON.php */
.column2im {
float:left;
width:994px;    /* 1014=10+994+10 (border)   */
background-color:#ffffff;   /* #f7f7f7;   */
padding-right:10px;
padding-left:10px;
margin-top:15px;
margin-right:0;
margin-left:0;
border:0px solid #efefef;    /* #efefef;   */
}

/* =====  thematicMapsICES.php Maps table: w=944px(2 columns: 472px+472px) white-blue   =====  */
.tmapsbi
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:100%;
 border-collapse:collapse;
}
.tmapsbi td, .tmapsbi th
{
 font-size:.875em;
 width: 472px;
 border-style:solid;
 border:1px solid #808080;  /* black  brown  navy #cccccc  #98bf21  #ff9900; */
 padding:7px 7px 7px 7px;
}
.tmapsbi th
{
 font-size:.875em;
 text-align:center;
 width: 472px;
 padding-top:7px;
 padding-bottom:7px;
 background-color:#cce698; /* #9acd32-dark green, cce698-ligh green, #ffcc99-orange */
 color:#000000;
}
.tmapsbi tr.alt td
{
 color:#000000;
 background-color:#f7f7f7;   /* #EAF2D3, #dfefff -blue,  #cae5ee -blueOn */
}
.tmapsbi tr:hover {background-color: #f5f5f5;} 

/* =====  thematicMapsON.php Maps table: w=944px(2 columns: 472px+472px) white-blue   =====  */
.tmapsb
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:100%;
 border-collapse:collapse;
}
.tmapsb td, .tmapsb th
{
 font-size:.875em;
 width: 472px;
 border-style:solid;
 border:1px solid #808080;  /* black  brown  navy #cccccc  #98bf21  #ff9900; */
 padding:7px 7px 7px 7px;
}
.tmapsb th
{
 font-size:.875em;
 text-align:center;
 width: 472px;
 padding-top:7px;
 padding-bottom:7px;
 background-color:#ffcc99; /* #9acd32-dark green, cce698-ligh green, #ffcc99-orange */
 color:#000000;
}
.tmapsb tr.alt td
{
 color:#000000;
 background-color:#dfefff;   /* #EAF2D3, #dfefff -blue,  #cae5ee -blueOn */
}
.tmapsb tr:hover {background-color: #cce698;} 

/* ============     dataTablesON.php w=984px(15+984+15)  NEW  (column1=5+1014+5)   ========== */
.column2dltbl {
float:left;
width:984px;    /* 1014=15+984+15 (padding)  */
 border-collapse:collapse;
background-color:#ffffff;   /* #f7f7f7;   */
padding-right:15px;
padding-bottom:25px;
padding-left:15px;
margin-top:25px;
margin-right:0px;
margin-left:0px;
}
/* ============     dataTablesON.php table  (w=984) (padding)   font-size:.75em;   ========== */
.tblData8jq { text-align: center; color:#000000; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:100%;
 border-collapse:collapse;
  }
.tblData8jq table8  { border: 1px solid #808080;   }
.table8 tr { border: 1px solid #808080; text-align: left; }
.table8 th { border: 1px solid #808080; text-align: center; vertical-align: middle;  }
.table8 td { border: 1px solid #808080; padding: 4px; text-align: left; font-size:11px; line-height:1.1em;  }
.th1n {width:228px;    }
.th1gn {width:588px;    }

.table8 tr:hover {background-color: #e5e7e9;}    /* #f5f5f5;,#d7dbdd    */

.th1archgn {width:420px;    }  /* Archives  */
/*  .th1n {width:228px;    }*/
/*  .th1gn {width:756px;    }  */

.th2n{width:168px; background-color: #d7ffff;    }
.th3n{width:168px; background-color: #ffffcc;    }
.th4n{width:168px; background-color: #f7f7f7;    }
.th5n{width:168px; background-color: #ccffcc;    }
.th6n{width:84px; background-color: #cceeff;     }

.th2a{width:84px; background-color: #eaffff;     }
.th2b{width:84px; background-color: #eaffff;     }
.th3a{width:84px; background-color: #ffffe5;     }
.th3b{width:84px; background-color: #ffffe5;     }
.th4a{width:84px; background-color: #fdfdfd;     }
.th4b{width:84px; background-color: #fdfdfd;     }
.th5a{width:84px; background-color: #eeffce;     }
.th5b{width:84px; background-color: #eeffce;     }
.th6a{width:84px; background-color: #e5f7ff;     }

.td1n {width:228px;    }
.td2a{width:84px; background-color: #eaffff;     }
.td2b{width:84px; background-color: #eaffff;     }
.td3a{width:84px; background-color: #ffffe5;     }
.td3b{width:84px; background-color: #ffffe5;     }
.td4a{width:84px; background-color: #fdfdfd;     }
.td4b{width:84px; background-color: #fdfdfd;     }
.td5a{width:84px; background-color: #eeffce;     }
.td5b{width:84px; background-color: #eeffce;     }
.td6a{width:84px; background-color: #e5f7ff;     }
/* ============   end  dataTablesON.php ==========*/

/*  -------   make an automatically wrapping image gallery: (headerON.php, tabsMenu.php ) -----  */
div.item {
    display: inline-block;
}
img {
   vertical-align: bottom; 
}
.caption {
    display: block;
}

/* ========== index.php ============ */
.columnLeft {
float:left;
width:385px;    /* 405=0ml+10pl+385w+10pr+0mr   */
/* height:560px;  */
background-color:#efefef;
padding:10px;
margin-top:15px;
margin-right:0px;
margin-left:0px;
}
/* ========== index.php ============ */
.columnRight {
float:right;
width:594px;   /* 619=5marginl+10pl+594+10pr+0mr   */
/* height:580px;  */
background-color:#f7f7f7;
padding-right:10px;
padding-left:10px;
margin-top:15px;
margin-right:0px;
margin-left:5px;
}

/* ========== aboutTheDataON.php ============ */
.columnOneBlueLeft {
float:left;
width:472px;   /* 502=10pl+472+10pr    */
/* height:670px;  */
background-color:#dfefff;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
margin-top:0px;
margin-right:10px;
}
.columnOneBlueRight {
float:right;
width:472px;   /* 502=10pl+472+10pr    */
/* height:670px;  */
background-color:#dfefff;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
margin-top:0px;
margin-left:10px;
}
/* ========== TPH Dashboard (tableau) index.php ============ */
.textPadLeft150 {
  padding-left: 150px;
}
.textPadTPH10 {
width:1000px;   /* 1024=12pl+1000+12pr    */
padding-right: 10px;
padding-left: 10px;
}

.imgIcon {
  float: left;
  padding-right: 5px;
  text-align: middle;
}

/*  ----------  table with links to Dashboards, Navigation panel    */
    .Table { display: table;    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    .Row
    {
        display: table-row;
    }
    .Cell
    {
        display: table-cell;
        vertical-align: middle;
        border: 0;      // solid
        border-width: thin;
        padding-left: 5px;
        padding-right: 5px;
        /* width: 340px; */
    }