body {
}

.IndexPane
{
    text-align:left;
    vertical-align:top;    
    padding-top:40px; 
    border-right:1px; 
    border-right-style:solid; 
    border-right-color:#747678;   
}

.IndexLink
{
    color: #747678;
    font-size: 16px;
	font-family:SE Rounded Medium, Arial;
}

.IndexLink:hover, .IndexLink:visited
{
	color: #e87511;
}

.CellLink, .CellLinkHeader
{
    padding-bottom:10px;
}
.CellLinkHeader {
    font-weight: bold;
}
.CellLinkIndent {
    padding-left: 15px;
}

.Control
{
    text-align:left;
    vertical-align:top; 
    padding-left:20px; 
    padding-top:20px;
}

.Heading1
{
 	font-family:SE Rounded Medium, Arial;
	color: #009530;/*#747678; */
	font-weight: normal; 
	font-size:2.5em;
	border-bottom:2px solid #4FA600;/*#00B050;*/
	margin:0 0 0 0;
	padding:29px 0 3px 0;
	text-align:center;
	margin-bottom:20px;
	height:100px;
}

.Heading2
{
 	font-family:SE Rounded Medium, Arial;
	color: #747678; 
	font-weight: normal; 
	font-size: 1.2em;
	margin-bottom:0.5em;
	text-align:center;
}

.Label, .HelpAdd, .HelpDeleted, .HelpUpdated, .HelpAddSub, .HelpDeletedSub, .HelpUpdatedSub {
    vertical-align: middle;
    text-align: left;
    color: #747678;
    font-family: SE Rounded Medium, Arial;
    font-size: 14px;
}

.MediumLink
{
    color: #747678;
    font-size: 14px;
	font-family:SE Rounded Medium, Arial;
}

.MediumLink:hover
{
    color: #e87511;
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 150px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 150px;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
}

span.text-content span {
  display: table-cell;
  text-align:justify;
  vertical-align: middle;
}

span.text-content {
  background: rgba(255,255,255,0.5);
  color: black;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(255,255,255,0.5);
  color: black;
  cursor: pointer;
  display: table;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  width: 150px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  font-size:10px;
  font-family:SE Rounded Medium, Arial;
}

/*HELP Styles*/

.AccessingeSysfg {
    padding-top: 20px;
}

.LabelHeader, .HelpHeader {
    text-align: left;
    color: #747678;
    font-weight: bold;
    font-family: SE Rounded Medium, Arial;
    font-size: 14px;
}
.HelpHeader {
    padding-left:20px; 
    padding-top:20px; 
    padding-bottom:20px;
}
.HelpTableCell {
    padding-bottom: 10px;
}
.HelpTableCellBottom {
    padding-bottom: 20px;
}
.HelpImageCenter {
    padding-top: 20px;
    text-align: center;
}
.HelpIndent {
    padding-left: 20px;
    padding-bottom: 20px;
}
.HelpBlueWarning {
    color: #0000ff;
}
.HelpRedError {
    color: #ff0000;
}

.HelpAdd, .HelpUpdated, .HelpDeleted {
    display: list-item;
    /*margin-left: 1em;*/
    margin-left: 50px; /*indent*/
}

.HelpAddSub, .HelpUpdatedSub, .HelpDeletedSub {
    display: list-item;
    /*margin-left: 1em;*/
    margin-left: 75px; /*indent*/
}
.HelpAdd, .HelpAddSub {
    color: green;
}
.HelpUpdated, .HelpUpdatedSub {
    color: gold;
}
.HelpDeleted, .HelpDeletedSub {
    color: red;
}