/* indicators class and defs 
-- -- ndic stands for 'indicators' -----------
-- Comments added on July 2015 --------
*/

/* pls. chk the files for some image files */

/* intra-page anchor: respond by showing where it is */
:target:before /* showing a yellow five-star 
				in front of the target */
{	content: url(../images/icon_star.png); }


/* alternate list-style-image: */
#feature{ /* a green five-star 
			leading a list item */
   list-style-image: url(../images/ifeat-1.jpg);
}

#leaf{  /* a leaf leading an item */
   list-style-image: url(../images/leaf-ic.png); 
}

/* define the basic attributed for tables */
.plain table, th, td {
   border-style: none;
   font-size: 1.8 em;
}

table, th {
   border-top: 2px solid orange; 
   border-left: 2px solid orange;
   border-bottom: 2px solid orange;
   font-size: 1.8 em;
} 
td {
   border-bottom: 2px dotted orange; 
   border-right: 2px dotted orange;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 1.8 em;
}

/* . default {
  background-color: white;
  color: black; 
} */

/* define colors and images at the background */

/* in specific back color */
.dark-bkgnd {
  background-color: #d7d7cc;  /* celeste */
}
.darker-bkgnd {
  background-color: #cccccc;  /* gray */
}
.white-bkgnd {
  background-color: #ffffff;
}
.light-bkgnd {
  background-color: #e8e8dd;  /* green white */
}
/* in specific back image */
.colorful-bkgnd {
  background-image: url('/images/FallColors-12.jpg');
}

/* define buttons 
/* green-button, button are for general uses
 (so-called "action" buttons)
 small button is a smaller version of button
 nav-button is for in-page navigation 
*/
/* green button and button may be used at the same time */

.green-button {
border: 1px solid #fff;
color: #4466ff; /* color of the label */
background-image: -moz-linear-gradient(top, #bbccbb, #ffffff);
background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0, #bbaa88),color-stop(1, #ffffff));  
	/* color-stop(0, #bbbb88) || color-stop(0, #889988) */  
  /* -- not in use:  background-image: url('/images/cbox-green.jpg');  */
filter: progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#bbccbb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient
    (startColorStr='#ffffff', EndColorStr='#bbccbb')";
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
.button {
/*  border-top: 2px solid #000; */
  margin-right: 1%;
  width: 110px; /* 130 px */
  height: 56px; /* 72 px */
  float: left;
  border-bottom: 2px solid #000;
}
.small_button{
  margin-right: 1%;
  width: 65px;
  height: 72px;
  float: left;
  color: #22f;
}

/* define navbtn -- which is used a lot */
 /* navbtn is used for in-page navigation */
.navbtn { /* mLayout-1.css has different descrip, but 
	not in active use */
   float: left;
   white-space: nowrap;   
   background-color: #f8f8e8; /* white rock */ 
     /* old value: white */;
   color: #00F;
   padding: 1px 15px 4px 15px;
   text-decoration: none;
   font-size: 12pt;
   border-radius: 10px;
}

/* define #Ads_top, which is at panel_top */
/* -------------------------------------- */
#Ads_top{ /* set on June 2015 */
    position: absolute; 
	overflow: auto;

	left: 13%;
	width: 30%;
	height: 42.5%;  /* old value: 85% */
	padding-left: 2%;
	color: #f10082;
	font-weight: bold;
	font-size: large;
}

#Ads_side{ /* set now -- June 2016 */
    position: absolute; 
	overflow: auto;

	left: 43%;
	width: 30%;
	height: 42.5%; 
	padding-left: 2%;
	color: #4200f1; /* f10082 */
	font-weight: bold;
	font-size: medium;
}

/* -- a facility to return to the 
  top-of-page position -- */

/* define classes for the positions */
  
#toTop_pos1 {
  position: fixed; 
  top: 10%;
  right: 1%;
}

#toTop_pos2 {
  position: fixed;
  bottom: 8%;
  right: 1%;
}

.toTop_ftr
{
	overflow: auto;
/*	top: 18%;
	right: 1%;
*/
	/* Defined the font */
	font-size: medium;
    font-weight: normal;
	background-color: #0f0;

	padding-left: 0.8%; /* added June 2015 - J. Luo */
	padding-top: 1%;
}
/* #to2_top
{
    position: fixed; 
	overflow: auto;
	bottom: 8%;
	right: 1%;
	font-size: medium;
    font-weight: normal;
	background-color: #0f0;

	padding-left: 0.8%;
	padding-top: 1%;
}
*/

/* highlight the margin for 
	all texts belonging to a title */

.jtitle {
   border-top: none;
   border-style: none none none none;
   background-color: #eeefdf; /* white green */ 
   /* old val - #ffffff, #dddddd; */
   margin-right: 2%;
   font-size: large;
}

.jtitle ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
   background-color: #f0f0f4; /* Athens gray */
   /* #ffffff */
}
.jtitle ul ul{
   background-color: #eeefdf; /* white green */
   margin-top: 4px;
   margin-left: +20px;
   border-top: 1px #EBEBEB solid;
}

.j1title {
   border-top: 2px solid #000;
   border-bottom: 2px solid #000;
   background-color: #eeefdf; 
   /* #dddddd; */
   margin-right: 2%;
   font-size: large;
}

.j1title ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
   background-color: #eeefdf;
}
.j1title ul ul{
   background-color: #dddddd;
   margin-top: 4px;
   margin-left: +20px;
   border-top: 1px #EBEBEB solid;
}

/* textarea:  {overflow: auto; } */