html, body {
	height: 99%;
	margin: 0;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

.menuItemLinkDisabled {
	pointer-events: none;
	cursor: default;
}
 

.cursorPointer {
	cursor: pointer;
}
 

.topHeaderSimpleIndex {
	/** min-height: 8%;
    width: 96%;
    border: 0 solid rgba(18, 27, 27, 0.51);
    border-radius: 5px;
     margin: 5px 15px 15px 5px; **/
	margin: 3px 5px 0 5px;
	border: 1px solid rgba(219, 223, 223, 0.51);
}

.topHeaderLogoImageIndex {
	position: absolute;
	height: auto;
	width: 120px;/* 100px; */
	margin-left: 20px;
	margin-top: 5px;
}

.topHeaderIndexRightDiv {
	margin: 5px 20px 2px 2px;
	text-align: left;
}

.topHeaderMiddleBanner {
	font-size: 28pt;/* 24pt; */
	color: #36bcab;
	font-family: Lucida Sans Unicode;
	text-align: center;
	margin-top: 5px;
}

.topHeaderMiddleBannerLower {
    text-align: center;
    font-size: 8pt;
    color: #36bcab;
    font-family: Lucida Handwriting;
    padding-right: 120px;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.textAlignCenter {
	text-align:center;
}

.topHeaderSimpleMenu {
   /** width: 99%;
    border: 0 solid rgba(18, 27, 27, 0.51);
    border-radius: 5px;
    argin: 5px 15px 15px 5px;**/
	margin: 0 5px 0 5px;
	border: 1px solid rgba(219, 223, 223, 0.51)
}

.indexContentLeftParent {
	border: 1px solid rgba(219, 223, 223, 0.51);
	position: relative;
	height: 100%;
	width: 66.66%;
	margin: 2px 0 2px -1px;
	float: left;
}

.indexContentLeft {
	width : 98%;
	position: relative; 
	font-size: 16px !important;
	font-family : Arial;
	border-collapse: collapse !important;
	text-align: justify;
	margin-left: 5px;
	line-height: 25px;
}

.indexContentRight {
	width : 33%;
	position: relative;
	float: right; 
}

 /* unvisited link */
a:link {
	font-family: arial;
	font-size: 14px;
  color: #a29393;
}

/* visited link */
a:visited {
  color: #a29393;
}

/* mouse over link */
a:hover {
  color: #a29393;
}

/* selected link */
a:active {
  color: #a29393;
} 

.linkDiv {
	margin: 0 -15px 5px 5px;
}

.pad-l-25 {
	padding-left: 25px;
}

.middleAreaBody {
	height: 85%;
	width: 99%;
	position: absolute;
	text-align: left;
	border: 1px solid rgba(219, 223, 223, 0.51);
	margin: 0 5px 5px 5px;
	z-index: 2;
	overflow-y: auto;
}

.bodyContent {
	/* height: auto; */
	height: 98%; 
	width: 99%;
	position: relative;
	text-align: center;
	border: 0 solid rgba(18, 27, 27, 0.51);
	/* border-radius: 5px; */
	/* margin: 5px 15px 15px 5px; */
	margin: 5px 5px 5px 5px;
	/* text-align: left; */
}

/**login page**/
.divAlignCenter {
  margin: auto;
  width: 30%;
  height:98%;
  position:relative;
  border: 1px solid rgba(219, 223, 223, 0.51);
}

.redFont {
	color: red;
	font-weight: normal;
}

.greenFont {
	color: green;
	font-weight: normal;
}

.redBold {
	color: red;
	font-weight: bold;
}

.greenBold {
	color: green;
	font-weight: bold;
}

.blueBold {
	color: blue;
	font-weight: bold;
}

.boldFont {
	font-weight: bold
}
 

.showPointer {
  cursor: pointer;
}
/**** setting page ***/
















.topHeaderRightBannerTable {
	border-collapse: collapse;
	/* width: 100%; */
}

.topHeaderRightBannerTableCellLeft {
	padding-left: 15px;
	padding-top: 5px;
	border: 0px;
}

.topHeaderRightBannerTableCellRight {
	padding-left: 15px;
	border: 0px;
}
.topHeaderRightBanner_Temporary {
	/* width: 25%; */
	font-size: 9pt;
	font-family: verdana;
	float: right;
	border: 1px solid rgba(18, 27, 27, 0.51);
	border-radius: 5px;
	margin: 5px 5px 5px 5px;
}







/** loader ****/

#loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid lightgray;
  border-bottom: 16px solid lightgray;
  /* border-top: 16px solid #00ff00;
  border-bottom: 16px solid #00ff00;
  border-left: 16px solid #ff0000;
  border-right: 16px solid #ff0000; */
  width: 40px;
  height: 40px;
  z-index: 99;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.center {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
 







 
 



/*** Main page / Live index page ***/
.indexHeader {
	font-size: 14px !important;
	font-weight: bold !important;	
	font-family: Verdana;
}

.nonIndexHeader {
	font-size: 14px !important;
	font-weight: bold !important;	
	font-family: Verdana;
}

.indexValueLive {
	font-size: 14px !important;
	font-family: Verdana !important;
}

.indexValueOhlc {
	font-size: 12px;
	font-family: Verdana;
}

.textAlignLeft {
	text-align:center;
}

.liveIndexDiv {
	float: left;
	margin: 2px;
	padding: 5px 5px 5px 5px;
	position: relative;
	height: 25%;
	font-size: 14px;
	font-family: Verdana;
	display: inline-block;
	vertical-align: top;
	text-align: left !important;
	border: 1px solid rgba(219, 223, 223, 0.51);
	width: 400px;
	min-width :400px;
	max-width: 400px;
}

.liveIndexDivDuplicate {
	float: left;
	margin: 2px;
	padding: 5px 5px 5px 5px;
	position: relative;
	height: 25%;
	font-size: 14px;
	font-family: Verdana;
	display: inline-block;
	vertical-align: top;
	text-align: left !important;
	border: 1px solid rgba(219, 223, 223, 0.51);
	width: 394px;
	min-width :394px;
	max-width: 394px;
}

.liveIndexSubDiv {
	margin: 8px 5px 5px 5px;
	position: relative;
	width: 99%;
	min-width :99%;
	height: auto;
	vertical-align: top;
	text-align: left !important;
}

.tableNoBorderLiveIndexSub {
	display: table;
	width:100%;
}

.tableNoBorderLiveIndexSub  tr {
	text-align: left !important;
}

.tableNoBorderLiveIndexSub  tr td {
	font-size: 12px;
	font-family: Verdana;
	border: none !important;
	padding-top: 5px;
}

.indexAddComment {
	width: 100%;
	border: 1px solid rgba(219, 223, 223, 0.51);
	height: 100%;
	margin: 2px 0 2px -1px;
	font-size: 12px !important;
	font-family : Verdana;
	line-height: 20px;
	resize: none;
}

hr.topLine {
  border-top: 1px solid rgba(219, 223, 223, 0.51);
}
  
.indexCommentHistory {
	position: relative;
	height: 140px;
	margin: 2px 0 2px -1px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.indexCommentTable tr td {
	align-content:left;
	border-top: 1px solid rgba(219, 223, 223, 0.51);
	font-size: 12px !important;
	font-family : Verdana;
}
.indexCommentTable tr th {
 position: sticky; top: 0;
	background: #f0f0f0;
	font-size: 12px !important;
	font-family : Verdana;
	margin-left: 10px;
}

.textFieldWidth {
	font-size: 12px !important;
	font-family : Verdana;
	width: 150px;
	border: 1px solid rgba(200, 197, 197, 0.51);
}

.linkAsButton {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #A9A9A9;  /**#EEEEEE; **/
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.linkAsButtonPadding {
	padding-left: 5px;
	padding-right: 5px;
}
.indexPageFont {
	font-size: 12px !important;
	font-family : Verdana;
}

input:focus { 
    outline: none !important;
    /* border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}
textarea:focus { 
    outline: none !important;
   /*  border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE; */
}


.errorMessage {
	color: red;
	font-weight: bold;
	margin: 5px 0px;
}