@font-face {
    font-family: 'MavenPro-Black';
    src: url('sigmafonts/MavenPro-Black.ttf');
}
@font-face {
    font-family: 'MavenPro-Bold';
    src: url('sigmafonts/MavenPro-Bold.ttf');
}
@font-face {
    font-family: 'MavenPro-Medium';
    src: url('sigmafonts/MavenPro-Medium.ttf');
}
@font-face {
    font-family: 'MavenPro-Regular';
    src: url('sigmafonts/MavenPro-Regular.ttf');
}
@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('sigmafonts/SourceSansPro-Regular.otf');
}


html {  -webkit-text-size-adjust: none;  -webkit-font-smoothing: aliased;}
body {margin:0;padding:0;font: 0.8em/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
html {position: relative;min-height: 100%;}
body {padding-bottom:50px}

.contentwrapper{clear:both;width:952px;margin:0 auto;padding:1em 0}
.contentwrapper2{clear:both;max-width:952px;margin:0 auto;padding:1em 0}
#bodyContent{padding-top:1.0em}
#footer{clear:both;text-align:center;font-size:small;position:absolute;left:0;bottom:0;width:100%;height:35px; overflow:hidden;  }


p,a,div,h1,h2,h3,h4,h5,h6,span,strong,ul,li,a{padding:0px;margin:0px}
body a{text-decoration:none;color:#208ed0 }
header a{text-decoration:none;color:#fff}
header a:hover{color:#0079c2}
header {display: block;width: 100%;font-family:'MavenPro-Regular'}
#wrapper{width:100%;display:block}
.logowrapper{padding:.6em;background:#0079c2}
.logowrapper h1 a {display:block}
header h1{text-indent:-9999px;background:url(/images1/logo4.png);width:88px;height:30px;float:left}
.logowrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}


#millnav{float:right;width:310px;margin-top:.5em;font-family:'MavenPro-Regular'}
#millnav ul{list-style-type:none;display: inline;}
#millnav ul li{display: inline;;float:left;font-size:small;padding:2px 0.45em 2px 0.45em;border-right:1px solid #fff}
#millnav ul li a{text-decoration:none}
#millnav ul li:hover {background:#fff}
#millnav .navlang:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#millnav .navlang{display:block;background:#208ed0;width:25px;height:23px;float:right;text-align:center;font-size:small;vertical-align:middle;margin-top:0px}
#millnav ul li:last-child{border-right:none;padding-right:0}


/****************************************/
header nav {font: 1em/1.5 "MavenPro-Medium";text-align: center;clear:both;display:block;width:100%;background:#005487;height:2.5em}
header nav ul {	margin: 0;	/*padding: 1em*/;	list-style-type: none;}
header nav ul li {	display: inline;	margin-left: 1em;}
header nav ul li:first-child {	margin-left: 0;}
header nav ul li ul {	display: none;}

#menu {margin:0 auto;width:680px;display:block;height:100%;float:left;margin-left:45px}
#menu li {float:left;display:table-cell;text-align:center;position:relative;margin-right:.5em;border:none}
#menu li:last-child{margin-right:0}
#menu li a{height:2.5em;vertical-align:middle;display:table-cell;padding:0 0.25em}
#menu li:hover a {color: #0079c2;}
#menu li:hover {background:#fff;	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);cursor:pointer}
#menu .li-selected a{background:#fff;color: #0079c2;} 
#menu .menu_right {	float:right;margin-right:0px;}
#menu li .align_right {-moz-border-radius: 5px 0px 5px 5px;    -webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px;}

/* 20-02-2019 */


#quoteSearch{width:138px;float:right;margin-top:3px;margin-left:10px}
#quoteSearch input{float:left}
#quoteSearch a{display:block;float:left;margin-top:3px;padding:1px 0 0 5px;font-weight:bold}
#quoteSearch .input_btn_small{color:#000;background:url('/images1/searchiconbtn_b.png') no-repeat center ;width:28px;height:21px;margin-left:-32px}
#quoteSearch .SmblSearchLink{color:#fff;text-decoration:underline}

/* ####################################################################### */

.m-dropdown {margin: 0.3em auto;min-width: 80px;width: 15%;display: block;float:left;margin-top:-35px}
.m-dropdown .e-button {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  line-height: 20px; padding: 0 0.5em 0 0;  z-index: 900;color: #fff;font-weight: bold;  position: relative;  border: 2px solid transparent;  margin-top: 6px;z-index: 5; display: block;width: 30px; background: #005487;left:5}
.m-dropdown .e-button:hover {
  cursor: pointer;
  /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);*/
  color: #699;
}
.m-dropdown .e-button:hover .e-burger span {
  background: #699;
}

.m-dropdown .e-button .e-burger {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  width: 15px;
  height: 14px;
  transform-origin: center;
  z-index: -1;
}
.m-dropdown .e-button .e-burger span {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  width: 100%;
  height: 2px;
  background: #fff;
  display: block;
  left: 0;
  transform-origin: center;
}
.m-dropdown .e-button .e-burger span:first-child {
  top: 0;
  transform: none;
}
.m-dropdown .e-button .e-burger span:last-child {
  top: auto;
  bottom: 0;
  transform: none;
}

.m-dropdown .e-button.open {
  border-color: transparent;
  background: /*#1c264c*/#005487;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #699;
}
.m-dropdown .e-button.open .e-burger span {  background: #699;}
.m-dropdown .e-button.open .e-burger span:first-child {  opacity: 0;}
.m-dropdown .e-button.open .e-burger span:nth-child(2) {  transform: translateY(-50%) rotate(-45deg);}
.m-dropdown .e-button.open .e-burger span:nth-child(3) {  transform: translateY(-50%) rotate(45deg);}
.m-dropdown .e-button.open .e-burger span:last-child {  opacity: 0;}
.m-dropdown .e-button.open .e-burger:after {  height: 15px;  opacity: 1;}
.m-dropdown .e-list {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 30%;
  margin: 0;
  padding: 0;
  list-style: none;
  background: /*#1c264c*/#005487;
  float: left;
  /*overflow: hidden;*/
  z-index: 999;  
  min-height:300px;
  min-width:260px
}
.mean-nav .m-dropdown .e-list{height:auto!important}

.m-dropdown .e-list li {
  display: block;
  width: 40%;
  /*float: left;*/
  border-bottom: 1px solid rgba(255, 255, 255,0.3);
  box-sizing: border-box;
  margin-left:0;
  text-align:left;padding:0.3em 0.5em
  
}
.m-dropdown .e-list li:last-child {
  border: none;
}
.m-dropdown .e-list li a {
  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0.2em 0.7em;
  width: 100%;
  text-decoration: none;
  color: #fff;
  box-sizing: border-box;
}

.m-dropdown .e-list ul.e-list2{float:right;display:block;width:49%;position:absolute;left:-999em}
.m-dropdown .e-list ul.e-list2 li{width:100%;border-bottom:none;text-align:left}
.m-dropdown .e-list ul.e-list2 li a{padding:0;margin:0}
.m-dropdown .e-list li a:hover {background: #fff;color: #111;}
.m-dropdown .e-list li.highLighted a{background: #fff;color: #0079c2;}
/*.m-dropdown .e-list li a + ul.e-list2{display:block;position:absolute;left:-999em}*/
.m-dropdown .e-list li.highLighted ul.e-list2{display:block;position:absolute;left:49%;top:0}
.m-dropdown .e-list li.highLighted ul.e-list2 a{background:none;color: #fff;}
.m-dropdown .e-list li.highLighted ul.e-list2 a:hover{text-decoration:underline}
/*.m-dropdown .e-list li + ul.e-list2{display:none}
.m-dropdown .e-list li:hover + ul.e-list2{display:block}*/
.m-dropdown  .noitemborder h4,.mean-nav .noitemborder h4{color:#37b5ff}
.mean-nav .e-list{height:auto!important}
.mean-nav .noitemborder h4{margin-left:20px}



/** ####################################################################### **/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #0079c2;
	padding: 4px 0;
	min-height: 0.5em;
	z-index: 999999;
}

.mean-container #menu {width:100%}
.mean-container #menu li div {left:-999em; display:none /* Hides the drop down */}
.mean-container #menu li span{display:none}
.mean-container #menu li a{color:#fff;padding:0.5em 5%;height:auto}

.mean-container #menu li,.mean-container #menu li:hover {
	margin:0px;
	padding:0px;
	border:none;
	background:none
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0079c2;
	margin-top: 10px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {	width: 80%;	padding: 1em 10%;	border-top: 1px solid #f1f1f1;	border-top: 1px solid rgba(255,255,255,0.25);	opacity: 0.75;	filter: alpha(opacity=75);	text-shadow: none !important;	visibility: visible;}
.mean-container .mean-nav ul li.mean-last a {	border-bottom: none;	margin-bottom: 0;}
.mean-container .mean-nav ul li li li a {	width: 70%;	padding: 1em 15%;}
.mean-container .mean-nav ul li li li li a {	width: 60%;	padding: 1em 20%;}
.mean-container .mean-nav ul li li li li li a {	width: 50%;	padding: 1em 25%;}
.mean-container .mean-nav ul li a:hover {	background: #252525;	background: rgba(255,255,255,0.1);}
.mean-container .mean-nav ul li a.mean-expand {	margin-top: 1px;	width: 26px;	/*height: 32px;	*/padding: 9px !important;
	text-align: center;	position: absolute;	right: 0;	top: 0;	z-index: 2;	font-weight: 700;	background: rgba(0,121,194,0.5);	border: none !important;	border-left: 1px solid rgba(255,255,255,0.4) !important;	border-bottom: 1px solid rgba(255,255,255,0.2) !important;}
.mean-container .mean-nav ul li a.mean-expand:hover {	background: rgba(255,255,255,0.3);back}
.mean-container .mean-push {	float: left;	width: 100%;	padding: 0;	margin: 0;	clear: both;}
.mean-nav .wrapper {	width: 100%;	padding: 0;	margin: 0;}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;	box-sizing: content-box;}
.mean-remove {	display: none !important;}


.chart-container {width:78%;float:left;height:100%}
.chart-container canvas{background-image: linear-gradient(to bottom, #0079cc, #0067a4,#004874);padding:0}

#chartjs-tooltip{position:absolute;display:inline-block;color:#fff;font-size:1.3em!important}
#chartjs-tooltip .ttipBody{display:inline-block;padding-left:5px}
#chartjs-tooltip em{font-style:normal;font-weight:bold}

#egxData{display:block;text-align:center;background:#0079c2;vertical-align:middle;width:100%;border-bottom:1px solid #005487}
#egxData .quoteItemData{float:left;min-height:60px;font-size: 1.2em;font-weight: bold;}
.quoteItemData{width:18%;display:flex;border-left-width:4px;border-left-style:solid;padding:0.25em;color:#fff;cursor:pointer;min-width:180px}
.quoteItemData:hover{background:#fff;color:#208ed0}
#egxData .quoteItemDataRed{border-left-color:#f91007;border-left-width:4px}
#egxData .quoteItemDataGreen{border-left-color:#00cc23;border-left-width:4px}
#egxData .quoteItemDataWhite{border-left-color:#fff;border-left-width:4px}
#egxData .quoteItemData span{flex:1}
#egxData .quoteItemData .arrowTriCon{vertical-align:middle;display:grid;text-align:-webkit-center;padding-top:10%;}
_:-ms-fullscreen, :root #egxData .quoteItemDataGreen .arrowTriCon { }
_:-ms-fullscreen, :root #egxData .quoteItemDataRed .arrowTriCon {padding-top:33px }
#egxData .quoteItemData .arrowTrinangle {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;}
#egxData .quoteItemDataRed .arrowTrinangle {border-top: 20px solid #f91007}
#egxData .quoteItemDataGreen .arrowTrinangle {border-bottom: 20px solid #00cc23;}
#egxData .quoteItemDataWhite .arrowTrinangle{ border: 10px solid transparent;border-bottom: 15px solid #fff;position: relative;top: -20px;}
#egxData .quoteItemDataWhite .arrowTrinangle:after{ content: ''; position: absolute;left: -10px;top: 15px;width: 0;height: 0;border: 10px solid transparent;      border-top: 15px solid #fff;}

/*.createAccDiv:hover{color:#fff;background:url("/images1/CreateAccBg.png") #208ed0;background-repeat:no-repeat;text-align:left;    border-left-color:#208ed0 !important;}*/



.wrap{display:block}
.leftSide{width:74%;float:left}
.rightSide{width:25.5%;float:right}
#leftSide{width:49%;float:left}
#rightSide{width:49%;float:right}
.leftSideNarrow{width:66%;float:left}
.rightSideNarrow{width:32%;float:right}



/* old style */
.clipContentBorder{width:99.5%;padding:0px 5px 4px 0px;background:url('/images1/leftclipbgshadow.png') no-repeat center bottom;*background:none}
td .clipContentBorder{background:none}
/*.clipWhiteShowBox h2,.clipContentBorder h2, .clipContentPlain h2, .clipBorderWzBackground h2, .clipgreywzborder h2,.tradingSummary h3{color:#005487;font:1.5em "MavenPro-regular";font-weight:normal}*/
.marketSummary h2, .marketWatch h2, .todayInves h2,.eventscalendercon h2,.stockPerformance2 h2{margin-bottom:10px}


.clipContentBorder .tabsContent{}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.tabs-hide {display: none;    }}
/* Hide useless elements in print layouts... */
@media print {.tabs-nav {display: none;}}
.tabs-nav {list-style: none;margin: 0;padding: 2px 0 0 4px;background:#fff ;width: 99%;}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block;clear: both;content: ""}
.tabs-nav li {float: left;margin: 0 0 0 1px;}
.tabs-nav a, .tabs-nav a span {display: block;padding-left:8px; padding-right:8px; padding-top:0; padding-bottom:0}
.tabs-nav a {position: relative;top: 1px;z-index: 2;padding-left: 0;font-size: 12px;font-family:"mavenpro-bold"; line-height: 1.2;text-align: center;text-decoration: none;white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a {    color: #fff;}
.tabs-nav .tabs-selected{background:#0079c2}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {outline: 0; /* prevent dotted border in Firefox */x;background:#0079c2;padding-right:8px;}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {}
.tabs-nav a span {  height: 15px;min-height: 15px;padding-top: 2px;padding-right: 0;padding-bottom:3px}
*>.tabs-nav a span {width: auto;height: auto;}
.tabs-nav .tabs-selected a span {   padding-top: 2px;height:16px;padding-bottom:4px}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {background:#0079c2}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */    cursor: text;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer;}
.tabs-nav .tabs-disabled {opacity: .4;}
.tabs-container {background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em { background: url('loading.gif') no-repeat 0 50%; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0}
.blueBgTab{height:5px;margin-top:-5px;background:#0079c2;}

/******************** 17 / 02 / 2019*****************************/
.subTabedNav .tabs-navCon{width:740px;display:block;height:100%;background:#0079c2;margin:0 auto;padding:0.2em 0;margin-top:-1em}
.subTabedNav .tabsContent{width:100%;display:block;height:100%}
.subTabedNav .tabs-nav{float:left;width:12%;display:block;height:100%;background:#0079c2;padding:inherit}
.subTabedNav .tabs-nav li{width:100%}
.subTabedNav .tabs-nav li.tabs-selected{background:#005487}
.subTabedNav .tabs-nav a {font-size:inherit;line-height:inherit;text-align:left;color:#fff;background:none}
.subTabedNav .tabs-nav a span{background:none;padding-bottom:8px;height:auto}
.subTabedNav .tabsContent{background:#0079c2}
.subTabedNav .blueBgTab{background:none}
.subTabedNav .tabs-navCon:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.subTabedNav .tabs-container{background:none;width: 83%;float: right;}
.subTabedNav .grid-container { display: block; grid-template-columns: auto auto auto auto;}
.subTabedNav .grid-item{padding:0 0.5em;float:left}
.subTabedNav .grid-item a{color:#fff}
.subTabedNav .grid-item a:hover{text-decoration:underline}
.subTabedNav .grid-item a.subSelected{border-bottom:2px solid #fff;color:#fff;}



#container-1_fv .tabs-nav{width:75px;float:right;margin-top:-35px}
#container-1_fv .tabs-nav li{float:left;width:30px;height:30px;}
#container-1_fv .tabs-nav li a{height:100%}
#container-1_fv .tabs-nav li{}
#container-1_fv .tabs-nav .tabs-selected{background:none}
#container-1_fv .tabs-nav .tabs-selected a, #container-1_fv .tabs-nav a:hover,#container-1_fv .tabs-nav a:focus,#container-1_fv .tabs-nav a:active{background:none}
#container-1_fv .tabs-nav li.cardDisplay a{background:url(/images1/cardIcon.png) no-repeat center}
#container-1_fv .tabs-nav li.listDisplay a{background:url(/images1/listIcon.png) no-repeat center}
/*************************/

.accordion, .accordion2{width:100%}
.accordion .accordParnt .accordItm, .accordion2 .accordParnt .accordItm{list-style:none}
.accordion .accordParnt .accordItm .accord, .accordion2 .accordParnt .accordItm .accord2{display:block;width:99%;background:#fff;height:19px;border:1px solid #0079c2;padding:3px;font:12px 'mavenpro-bold';font-weight:bold}
.accordion .accordParnt .accordItm:nth-child(n+2) .accord{border-top:none}
.accordion .accordParnt .accordItm .accord:hover, .accordion2 .accordParnt .accordItm .accord2:hover{text-decoration:none}
.accordion .accordParnt .accordItm .accord span, .accordion2 .accordParnt .accordItm .accord2 span{display:inline-block;width:20px;height:14px}
.accordion .accordParnt .accordItm .accord .sDown, .accordion2 .accordParnt .accordItm .accord2 .sDown{background:url('/images1/accor_icon_down.jpg') no-repeat 3px 1px;}
.accordion .accordParnt .accordItm .accord .sUp, .accordion2 .accordParnt .accordItm .accord2 .sUp{background:url('/images1/accor_icon_right.jpg') no-repeat 3px 1px;}
.accordion .accordParnt .accordItm .accord strong.deatils, .accordion2 .accordParnt .accordItm .accord2 strong.deatils{display:inline;float:right;width:180px;text-align:right}
.accordion .accordParnt .accordItm .accord strong.deatils em, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em{font-style:normal}
.accordion .accordParnt .accordItm .accord strong.deatils em.p, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.p{color:#333;padding-left:13px}
.accordion .accordParnt .accordItm .accord strong.deatils em.up, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.up{background:url('/images1/up.png') no-repeat 0 3px; }
.accordion .accordParnt .accordItm .accord strong.deatils em.down, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.down{background:url('/images1/down.png') no-repeat 0 3px; }
.accordion .accordParnt .accordItm .accord strong.deatils em.middle, .accordion2 .accordParnt .accordItm .accord2 strong.deatils em.middle{background:url('/images1/middel.png') no-repeat 0 3px; }
.red{color:#ff3333}
.green{color:#64b83d}
.grey{color:#676767}
.blue{color:#246cca}
.accorSelected{ display:none;}
.accordBody{background:url('/images1/leftclipbgshadow.png') no-repeat center -1px #f1f1f1;padding:5px;width:98%;}
.accordBody img{border:1px solid #CCC}
.accordBody .time{margin:2px 0px 5px 2px;padding-left:20px;background:url('/images1/calicon.png') no-repeat left;color:#0079c2}
.inner_ver_tabs{margin: 0 auto;width: 200px;}
.inner_ver_tabs:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.inner_ver_tabs p{text-align:center;margin:3px 0;width:42px;height:20px;text-align:center;padding:0.2em 3px 0 3px;float:left}
.inner_ver_tabs p a{cursor:pointer}
.inner_ver_tabs .selected{border-bottom:3px solid #0079c2}

.wideTabs .inner_ver_tabs p{width:120px;}
.wideTabs .inner_ver_tabs .selected{background:url('/images1/bg_selected_tab2.jpg') no-repeat -3px 0;}

.clipContentPlain{width:99.5%}
/*.clipContentPlain .summry{padding:10px}*/
.clipContentPlain em{margin-left:5px;font-style:normal}
.clipContentPlain .bell{margin-bottom:5px}
.clipContentPlain .time{color:#616161;font:small 'mavenpro-medium'}
.clipContentPlain h4, .clipContentPlain span{font-size:12px}
.clipContentPlain h4{float:left;margin:0 10px 0 0;width:80px;color:#0079c2;font:small 'mavenpro-medium'}
.clipContentPlain p.summry{font:small/1.5em 'SourceSansPro-Regular'}
.clipContentPlain .inner_ver_tabs, .clipWhiteShowBox .inner_ver_tabs, .trades .style2{float:none;text-align:center;width:100%;margin:5px auto;clear:both}

#clientsection{clear:both;float:right;font-size:small;*margin-top:40px}
#clientsection a{display:block;background:#005487;padding:0 8px;border-radius: 20px;}
#clientsection a:hover{background:#fff}

#login{width:265px}
.input-text{width:125px;border:1px solid #d0d0d0;height:23px;font-size:11px;color:#333;padding-left:3px}
#userInfoContainer{margin:4px auto;float:left;position:absolute;left:-999em; /* Hides the drop down */	text-align:left;padding:10px 5px 10px 5px;border:1px solid #e5e5e5;border-top:none;/* Gradient background */background:#fff;background: -moz-linear-gradient(top, #ffffff, #ffffff);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ffffff));/* Rounded Corners */	-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;border-radius: 0px 5px 5px 5px;z-index:30}

#clientsection:hover #userInfoContainer{left:inherit;top:auto}

#userInfo{float:left;width:59%}
#userInfo .dropHolder{float:left}
#login .lblLgn{display:inline-block;font-weight:bold;padding:10px 2px;float:left}


/* end old style */

.cclip{display:block;text-align:left;margin:0 auto;padding:0.3em;/*padding-bottom:1em*/;/*border-bottom:1px solid #005487*/;padding-bottom:0em}
.cclip h2{color:#005487;font-family:"MavenPro-regular";text-align:left;font-size:1.5em;padding-bottom:0.5em}
.clipWhiteShowBox h2,.clipContentBorder h2, .clipContentPlain h2, .clipBorderWzBackground h2, .clipgreywzborder h2,.tradingSummary h3,.archiveHolder h3{color:#005487;font-family:"MavenPro-regular";text-align:left;font-size:1.5em;}
.cclip h2 em{border-bottom:2px solid #005487;font-style:normal}
.cclip .more{-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;display:block;float:left;width:50%;margin:.5em auto;text-align:center;padding:.3em}
.wdfcc .more,.gdfcc .more{background:#0079c2;color:#fff}
.wdfcc .more a,.gdfcc .more a{color:#fff}
.wdfcc .more a:hover,.gdfcc .more a:hover{text-decoration:underline}
.wdfcc{background:#fff;clear:both}
.gdfcc{background:#f5f5f5}
.bdfcc{background:#005487;color:#fff}

.subccImg{float:left;display:block;width:31%;text-align:left;margin-right:2%;position:relative;/*max-height:184px;*/cursor:pointer}
.subccImg img{ width: 100%; height: auto}
.subccImg p{font-family:"SourceSansPro-Regular"}
.subccImg p.text-block {position: absolute;left:0px;bottom: 0px;right: 0px;background: rgba(0, 0, 0, 0.7);color: white;padding-left: 1em;padding-right: 0.5em;font-size: medium;}

.subccImgh3{float:left;display:block;width:21%;text-align:left;margin-right:2%;position:relative;margin-top: -0.5em;padding:0.5em}
.subccImgh3 .dofnews{font-size:x-small;width:100%;display:block}
.subccImgh3 img{ width: 100%; height: auto}
.subccImgh3 a{color:#208ed0}
.subccImg{margin-bottom:1.5em}
.subccImgh3{margin-bottom:0.6em}


.darkLinkableBanner{width:91.8%;padding:0.5em;background:#005487;color:#fff;margin-top:0.6em;;font-size:1.6em;min-height:51px}

.followUs p > a:hover{color: #d9d9d9;text-decoration:  underline;}
.followUs h6 {margin:  1% 0 1% 0;}
.followUs ._12 {font-size: 1.2em;}
.followUs ._14 {float: left;margin-top:0.2em}
.followUs ul {padding:0;list-style: none;}
.followUs .footer-social-icons {width: 99%;display:block;margin: 0 auto;}
.followUs .social-icon {color: #fff;}
.followUs ul.social-icons {margin-top: 0.2em;float: right;}
.followUs .social-icons li {vertical-align: top;display: inline;height: 100px;}
.followUs .social-icons a {color: #fff;text-decoration: none;}
.followUs .fa-facebook {padding:10px 14px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.followUs .fa-facebook:hover {background-color: #3d5b99;}
.followUs .fa-twitter {padding:10px 12px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.followUs .fa-twitter:hover {background-color: #00aced;}
.followUs .fa-linkedin {padding:10px 14px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; }
.followUs .fa-linkedin:hover {background-color: #0073a4;}
.followUs .fa-google-plus {padding:10px 9px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition: .5s;}
.followUs .fa-google-plus:hover {background-color: #e25714;}
.followUs span{flex:2 1 1}

.tableDiv{margin-top:1em;width:99%;}
.tableDiv table{width:99%}
.tblS1{border-top:1px solid #1c264c}
/*.tblS1 ,*/.tblS1 a {color:#208ed0;text-decoration:none}
.tblS1 .trheading{color:#1c264c;background:#ffffff}
.tblS1 .trheading td{padding-left:5px;border-bottom:1px solid #1c264c;background:#ffffff;color:#262b3e}
.tblS1 .rowdata td{padding-left:5px}
.tblS1 .rowdata td:nth-child(n+2){text-align:right}
.tblS1  td:nth-child(n+2){text-align:right}
.tblS1 .whiterow,.stockPerformance2 .subtableforstkper .whiterow{background:#fff}
.tblS1 tr:nth-child(odd){background:#e5e5e5;color:#000}
.tblS1 thead{background:#fff}

.tblS3{border-top:1px solid #1c264c}
.tblS3 a {color:#208ed0;text-decoration:none}
.tblS3 .trheading{color:#1c264c;background:#ffffff}
.tblS3 .trheading td{padding-left:5px;border-bottom:1px solid #1c264c;background:#ffffff;color:#262b3e}
.tblS3 .rowdata td{padding-left:5px}
.tblS3 tr:nth-child(even) td{background:#ddd}
.tblS3 .rowdata td:nth-child(n+2){text-align:right}
.tblS3  td:nth-child(n+2){text-align:right}
.tblS3 .whiterow,.stockPerformance2 .subtableforstkper .whiterow{background:#fff}
.tblS3 tr:nth-child(odd){background:#2b6798;color:#fff}
.tblS3 thead{background:#fff}


.whiteLinkableBanner{margin-top:0.4em;width:91.8%;height:auto;min-height:50px;background:#114c86;padding:0.5em;vertical-align:middle;font-size:2em}
.techBanner{background:url("/images1/img3.png") #114c86 12px no-repeat}
.techBanner a{width: 100%;display: block;padding: 0.9em 0}

.nlDiv{margin-top:1em;width:100%;height:auto;background:#005487;min-height:70px}
.nlDiv form {}
.nlDiv .container {padding: 0.2em 0.8em;color:#fff}
.nlDiv input[type=text]{  width: 74%;padding:0.31em; margin: 0.5em 0;display: inline-block;border: 1px solid #ccc;  box-sizing: border-box;float:left}
.nlDiv input[type=submit]{width: 26%;padding:0.4em; margin: 0.5em 0;display: inline-block;border: 1px solid #ccc;  box-sizing: border-box;}
.nlDiv input[type=checkbox] {margin-top: 1em;}
.nlDiv input[type=submit] {background: #208ed0;color: white;border: none;}
.nlDiv input[type=submit]:hover { opacity: 0.8;}

.recentListDiv{margin-top:0.4em}
.listnews li a{font-size:larger;font-weight:bold}
.recentListDiv ul{border-left:5px solid #005487;padding-left:0.2em}
.recentListDiv .listnews,.recentListDivH .listnews{display:block;list-style-type:none;clear: both}
.recentListDiv .listnews li{border-bottom:1px solid #ccd6d8;padding:8px 0}
.recentListDiv .listnews li:last-child{border:none}
.recentListDiv .listnews .dofnews{background:none;padding:0 10px 0 0;display:block;font-size:small}
.recentListDivH span{margin-right:1em}

.newspg .listnews li{padding:5px 0}

/*.clipContentPlain .summry{padding:10px}*/
.newsFullArticle{padding:2em;width:auto!important}
.clipContentPlain .time,.clipContentPlain .newsSource{font:small 'mavenpro-medium'}
.clipContentPlain .newsSource{margin:1em 0}
.clipContentPlain p.summry{font:small/1.5em 'SourceSansPro-Regular'}

.userAccDet{padding-left:0em}
.userAccDet em{font-style:normal;padding:0.5em;border-top:none}
.cashAccDet{background:#0079c2}
.cashAccDet .cashNum{float:left;color:#fff;width:22%;padding:2em}
.cashAccDet .cashNum span{display:block;width:100%}
.lrgNum{font-size:large}
.cashAccDet .cashHoldings,.cashAccDet .cashWith{margin-top:1em}
.cashAccDet .chartsVisData{float:left;height:30vh}

.BlueDarkTable{width:100%}
.BlueDarkTable td {position: relative;}
.BlueDarkTable thead th{text-align:center}
.BlueDarkTable tr:nth-child(odd) {background: #d8d8d8;}
.BlueDarkTable tr:nth-child(odd) td{border-right:1px solid #fff}
.BlueDarkTable tr:nth-child(even) {background: #fff;}
.BlueDarkTable tr:nth-child(even) td{border-right:1px solid #d8d8d8}
.BlueDarkTable tr td{padding:0 0.3em}
.BlueDarkTable tr td:nth-child(n+2){}
.BlueDarkTable thead tr{background:#005487!important;color:#fff;font-style:normal}
.moveMoneyDiv{margin-top:1.5em}


.statFormDiv,.msgFormDiv{min-height:20vh;background:#0079c2;margin-top:1.5em;padding-top:0.5em}
.statFormDiv span,.msgFormDiv span{display:block;background:#a0a1a1;color:#fff}
.msgFormDiv .msgBoxHeader{border:none;display: block;background: #a0a1a1;color: #fff;padding: 0.2em;}
.msgFormDiv .msgBoxHeader .tit{color:#fff}
.msgFormDiv .msgBoxContentCon{background:none;padding:inherit;padding:0 0.5em}
.msgFormDiv .msgBoxContent p{margin:auto;background:none}
.msgFormDiv a,.msgFormDiv .msgBoxContent p a{color:#fff}
.msgFormDiv .msgBoxContent{border:none;width:auto}
.msgFormDiv .msgBoxContent a:hover{color:#fff}

.logowrapper span{color:#fff;display:block;margin-left:0.5em;padding-top:0.2em;float:left;font-weight:bold;font-size:larger}

.surgicalTradesDiv #egxData,.marketHighLightsDiv #egxData{background:#fff;text-align:left}
.surgicalTradesDiv #egxData .quoteItemData{float:left;min-height:75px}
.surgicalTradesDiv .quoteItemData {width:24%;background:#fff;color:#000;cursor:default;margin:0.8em;;border-left:none;border-bottom:3px solid;line-height:2.5em;font-weight:bold }
/*#egxData .quoteItemData .arrowTriCon{vertical-align:middle;display:grid;text-align:-webkit-center;padding-top:10%}*/
.surgicalTradesDiv #egxData .quoteItemData .arrowTrinangle {width:100%;height: 100%}
.surgicalTradesDiv #egxData .quoteItemDataUD .arrowTrinangle {background:url(/images1/ud.png) no-repeat}
.surgicalTradesDiv #egxData .quoteItemDataLR .arrowTrinangle {background:url(/images1/lr.png) no-repeat}
_:-ms-fullscreen, :root .arrowTrinangle{background-position:center top;border: 1px solid #fff;float: left;padding-top: 0px;margin-left:30px}
.stBuySide{background:#64b83d;color:#fff}
.stSellSide{background:#ff3333;color:#fff}

.marketHighLightsDiv .quoteItemData{width:24%;background:#fff;color:#000;cursor:pointer;min-width:250px;margin:0.8em;line-height:2em;font-weight:bold }
.marketHighLightsDiv #egxData .quoteItemData{float:left;min-height:60px;font-size:1.3em}
.marketHighLightsDiv .quoteItemData{margin-left:auto}


.fairValuesDiv #egxData{background:#f2f2f2;text-align:center}
.fairValuesDiv .quoteItemData{width:24%;background:#005487;color:#fff;cursor:pointer;min-width:250px;margin:0.8em;font-weight:bold }
.fairValuesDiv #egxData .quoteItemData{float:left;min-height:60px;border-bottom:3px solid #005487;font-size: 1.3em;font-weight: normal; }
.fairValuesDiv .quoteItemData{margin-left:auto}



.fairValuesDivList .tblS1 tr:nth-child(odd),.tableDiv .tblS1 tr:nth-child(odd){background:#fff;color:#1c264c}
.fairValuesDivList .tblS1 .rowdata td {border-bottom:1px solid #d1d2d6}
.fairValuesDivList .tblS1 .rowdata td.green:first-child {border-left:2px solid #00cc23;color:#00cc23}
.fairValuesDivList .tblS1 .rowdata td.red:first-child {border-left:2px solid #f91007;color:#f91007}

/********** customer balance **************/

.custBalance .divForm p{padding:5px 0}
.custBalance .balanceChart{width:80%;margin:10px auto}
.balanceChart ul li{list-style:none;height:28px; margin-bottom:1px;}
.balanceChart ul li .grPix{width:46px;display:block;height:100%;float:left}
.balanceChart ul li.m .grPix{background:#fff}
.balanceChart ul li.startLine .grPix{background:url('/images1/start_l.jpg') right no-repeat #fff}
.balanceChart ul li.midLine .grPix{background:url('/images1/mid_l.jpg') right no-repeat #fff}
.balanceChart ul li.endLine .grPix{background:url('/images1/end_l.jpg') right no-repeat #fff}
/*.balanceChart ul li.noline .grPix{background:url('/images1/end_l.jpg') right no-repeat #fff}*/
.balanceChart ul li.m{background:url('/images1/bg_headingrow.jpg') repeat-x;color:#575757;font-size:12px}
.balanceChart ul li.b .minus{background:url('/images1/minus_row.jpg') 8px no-repeat}
.balanceChart ul li.b .plus{background:url('/images1/plus_row.jpg') 8px no-repeat}
.balanceChart ul li.b{background:#e2e2e2;border-bottom:1px solid #fff}
.balanceChart ul li p{height:15px;padding:7px 0;margin:0}
.balanceChart ul li p .noValue{float:right;padding-right:10px;font-size:13px;font-weight:bold}
.balanceChart ul li p strong{display:inline;float:left}
.balanceChart ul li.m p strong{padding-left:10px}
.balanceChart ul li.b p strong{padding-left:40px}
.balanceChart ul li.m .grPix{}
.balanceChart ul li.b strong{font-weight:normal}
.balanceChart .donatesTable{width:100%} 




/*
.inSessionLiveDiv{}
.surgicalTradesDiv{}
.surgicalTradesDiv #egxData{background:#fff;text-align:left}
.surgicalTradesDiv #egxData .quoteItemData{float:left;min-height:75px}
.surgicalTradesDiv .quoteItemData{width:24%;background:#fff;color:#000;cursor:pointer;min-width:250px;margin:0.8em;;border-left:none;border-bottom:3px solid;line-height:2.5em;font-weight:bold }
.surgicalTradesDiv #egxData .quoteItemDataRed{border-left-color:#f40b0a;border-left-width:0.5vw}
.surgicalTradesDiv #egxData .quoteItemDataGreen{border-left-color:#50e66a;border-left-width:0.5vw}
.surgicalTradesDiv #egxData .quoteItemDataWhite{border-left-color:#fff;border-left-width:0.5vw}
#egxData .quoteItemData span{flex:1}
#egxData .quoteItemData .arrowTriCon{vertical-align:middle;display:grid;text-align:-webkit-center;padding-top:10%;border:1px solid #000}
#egxData .quoteItemData .arrowTrinangle {width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;}
#egxData .quoteItemDataRed .arrowTrinangle {border-top: 20px solid #f40b0a}
#egxData .quoteItemDataGreen .arrowTrinangle {border-bottom: 20px solid #50e66a;}
#egxData .quoteItemDataWhite .arrowTrinangle{border-top: 20px solid #fff;border-bottom: 20px solid #fff;}
.createAccDiv{background:url("/images1/CreateAccBg.png") #208ed0;background-repeat:no-repeat;background-size:contain;background-position:90% center;}


*/


.fvbanner{background:url(/images1/fv.png) #114c86 right no-repeat}
.fvbanner a{color:#fff;display:table-cell;vertical-align:middle;height:50px;font-weight:bold }
.fvbanner a:hover{text-decoration:none}

.ppWatchListDiv .tabLink{float:left;margin-right:1em;margin-bottom:0.5em}
.ppWatchListDiv .tabLinkSelected{border-bottom:2px solid #005487}
.ppWatchListDiv table{clear:both}

.shrinkMargin{margin-bottom:-0.5em}

.noleftBorder ul{border-left:none}


.dailyTechDiv{}
.dailyTechDiv img{width:87%;height:auto}
.dailyTechDiv p{margin: 0.5em 0 1.5em 0;width: 82%;border: 1px dashed #333;padding: 20px;}

.stocksToWatch #egxData{background:#fff;text-align:left}
.stocksToWatch .quoteItemData{width:24%;background:#262b3e;min-width:250px;margin:0.8em; }
.stocksToWatch #egxData .quoteItemData{float:left;min-height:60px;font-size:1em;font-weight:normal;cursor:pointer }
.stocksToWatch .quoteItemData:hover{color:#fff}
.stocksToWatch .quoteItemData{margin-left:auto}
.stocksToWatch .grid-container { display: grid; display:-ms-grid ; grid-template-columns: auto auto auto; background-color: #1c264c;padding: 0.3em;}
_:-ms-fullscreen, :root .stocksToWatch .grid-container{ display:block}
_:-ms-fullscreen, :root .stocksToWatch .grid-item{display:block;float:left;min-width:75px}
.stocksToWatch .grid-item{padding:0.2em}
.stocksToWatch .grid-item em{font-style:normal}
.stocksToWatch .grid-item:nth-child(6),.stocksToWatch .grid-item:nth-child(5),.stocksToWatch .grid-item:nth-child(8),.stocksToWatch .grid-item:nth-child(9){line-height:1em}
.stocksToWatch .grid-item:nth-child(4){font-weight:bold}
.stocksToWatch .grid-item:nth-child(2),.stocksToWatch .grid-item:nth-child(3){color:#00cc23}
.stocksToWatch .grid-item:nth-child(8){color:#f91007}
.stocksToWatch .grid-item:nth-child(2),.stocksToWatch .grid-item:nth-child(5),.stocksToWatch .grid-item:nth-child(8){border-left: 1px solid;padding-left:0.2em}
.stocksToWatch .grid-item:nth-child(-n+6) {padding-bottom:0.3em}

.tradingSec{padding-left:0}
.addOrderDiv{padding:0.5em}
/*.addOrderDiv * {box-sizing: border-box;}*/
.addOrderDiv input[type=text], .addOrderDiv input[type=checkbox],.addOrderDiv select, .addOrderDiv textarea, .addOrderDiv input[type=submit] {width: 90.5%;padding:0.5em;border: 1px solid #ccc;border-radius: 4px;resize: vertical;box-sizing:border-box}
.addOrderDiv input[type=checkbox]{margin:.5em}
.addOrderDiv label {padding: 0.5em 0.2em 0.2em 0.1em;display: inline-block;color: #fff}
.addOrderDiv input[type=submit] {background-color: #4CAF50;color: white;padding: 0.5em;border: none;border-radius: 4px;cursor: pointer;width:100%}
.addOrderDiv input[type=submit]:hover {background-color: #45a049;}
.addOrderDiv .col-spacer {float:left;width:2%;margin-top: 0.5em;}
.addOrderDiv .col-5 {float:left;width:7%;margin-top: 0.5em;}
.addOrderDiv .col-10 {float:left;width:10%;margin-top: 0.5em;}
.addOrderDiv .col-35 {float:left;width:35%;margin-top: 0.5em;}
.addOrderDiv .col-25 {float:left;width:25%;margin-top: 0.5em;}
.addOrderDiv .col-75 {float:left;width:75%;margin-top: 0.5em;}
.addOrderDiv .col-15 {float:left;width:15%;margin-top: 0.5em;}
.col-100 div:nth-child(n+2){text-align:right}
.addOrderDiv .priceOp{background:#004167;width:49%;float:left;padding:0 2px;margin:0;text-align:center!important}
.addOrderDiv .priceOp:nth-child(1){margin-right:2px}
.addOrderDiv .col-100 {float:left;width:100%;margin-top: 0.1em;}
/* Clear floats after the columns */
.addOrderDiv .row:after {content: "";display: table;clear: both;}
.bsContainer{display: block;position: relative;height: auto;width:97%}
.bsContainer ul{list-style: none;  margin: 0;  padding: 0;	overflow: auto;box-sizing:inherit !important}
.bsContainer ul li{color: #aaa;display: block;position: relative;float: left;width: 50%;border-bottom: 1px solid #333;}
.bsContainer ul li input[type=radio]{position: absolute;visibility: hidden;}
.bsContainer ul li label{display: block;position: relative;z-index:9;cursor: pointer; -webkit-transition: all 0.25s linear;text-align:center;color:#aaa}
.bsContainer ul li .check{display: block;position: absolute;border: 5px solid #AAAAAA;border-radius: 100%;height: 15px;width: 15px;top: 2px;left:5px;z-index: 5;
	transition: border .25s linear;-webkit-transition: border .25s linear;}
.bsContainer ul li:hover .check { border: 5px solid #fff;}
.bsContainer ul li .check::before {display: block;position: absolute;content: '';border-radius: 100%;height: 10px;width: 10px;top:2.5px;left:2.5px; margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;}
.bsContainer ul li input[type=radio]:checked ~ .check { border: 5px solid #fff;}	
.bsContainer ul li input[type=radio]:checked ~ .check::before{background: #fff;}
.bsContainer ul li input[type=radio]:checked ~ label{color: #fff;}
.addOrderDiv .hasDatepicker{float:left;width:78%!important}


/* 18-02-2019 view open oreders */
.portofolio .shareposition{padding-bottom:25px}
.portofolio .shareposition .heading{}
.portofolio .shareposition .heading span{float:left;/*margin:6px;padding-left:9px*/}
.portofolio .shareposition .heading .titleHead{color:#005487;font-family:"MavenPro-regular";text-align:left;font-size:1.5em;font-weight:bold}
.portofolio .shareposition .heading {color:#005487;font-family:"MavenPro-regular";text-align:left}
.portofolio .shareposition .heading .activityLink{  margin-top: 10px;}
.portofolio .shareposition .heading ul{width:25%;float:right;margin-top: 5px;}
.portofolio .shareposition .heading ul li{width:30px;float:left;display:block;/*height:22px;*/margin-top:5px}
.portofolio .shareposition .heading ul li a{display:block;width:100%;height:22px}
.portofolio .shareposition .heading ul .noAlerts{width:51px;margin-top:7px}
.portofolio .shareposition .heading ul .newAlerts{background:url('/images1/newalerts.jpg') no-repeat;width:70px}
.portofolio .shareposition .heading ul .newAlerts span{margin:0;padding:6px 0 0 4px;float:left;display:block}
.portofolio .shareposition .heading ul .newAlerts a{width:35px;float:left}
.portofolio .shareposition .heading ul .noAlerts span{margin:0;padding:6px 0 0 4px;float:left;display:block}
.portofolio .shareposition .heading ul .noAlerts a{width:25px;float:left}
.portofolio .shareposition .heading ul .refresh{background:url('/images1/refresh2_b.png') no-repeat;}
.portofolio .shareposition .heading ul .print{background:url('/images1/print2_b.png') no-repeat;}
.portofolio .shareposition .heading ul .orderSte{background:url('/images1/orders2_b.png') no-repeat;width:100px !important;height:17px !important; padding-left:25px; padding-right:0; padding-top:1px; padding-bottom:1px}

.userinfoinbox,.quicknavlinks{color:#13abe6;font:medium "mavenpro-medium"}
.userinfoinbox .nm{float:left}
.userinfoinbox .alertscircle{position:relative;z-index:10;height: 14px;background: red;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;vertical-align:middle;text-align:center;top:-8px;right:7px;float:left;color:#fff;font-size:11px;padding:0 3px}
.userinfoinbox .alertmailicon{background:url('/images1/alerticon_b.png') no-repeat;width: 26px;display:block;float: left;height:17px;}
.quicknavlinks {clear:both;margin-top:10px}
.quicknavlinks li{list-style-type:none;float:left;font-size:13px;padding:0 10px;border-right:1px solid #cbcbcb}
.quicknavlinks li:first-child{padding-left:0}
.quicknavlinks li:last-child{padding-right:0;border:none}
.egxgraphholder{text-align:center}


table .colHeading{color: #0079c2;background: #ffffff;font: 13px "mavenpro-bold";}
table .colHeading td{5px;border-bottom:1px solid #0079c2;border-top:1px solid #0079c2;text-align:center}
table .cellHeading{color:#fff;background:#0079c2;font-family:"mavenpro-bold";border-top:1px solid #fff;border-right:1px solid #fff;text-align:center}
table .row td{}
table .row td.sname{text-align:left}
table .rowu td{/*background:url('/images1/bg_table_td_up.jpg') repeat-x;*/;background-image:linear-gradient(to bottom,#d2efd2,white)}
table .rowd td{/*background:url('/images1/bg_table_td_dn.jpg') repeat-x;*/;background-image:linear-gradient(to bottom,#f5d6d6,white)}
table .lastRow td{border-bottom:1px solid #0079c2;margin-bottom:2px}


.clipBorderWzBackground{border:1px solid #0079c2;padding-left:5px; padding-right:5px; padding-top:10px}
.clipBorderWzBackground .leftCon, .leftCon{width:49%;float:left;text-align:center}
.clipBorderWzBackground .rightCon, .rightCon{width:49%;float:right;text-align:center}
.clipBorderWzBackground .inner_ver_tabs p, .clipContentPlain .inner_ver_tabs p, .clipWhiteShowBox .inner_ver_tabs p, .trades .inner_ver_tabs p{display:block;float:left}
.clipBorderWzBackground .inner_ver_tabs, .trades .clipContentPlain .inner_ver_tabs{float:none;text-align:center;width:53%;margin:5px auto}

.treport table{width:100%}
.treport table td{padding:5px;}
.treport table .colHeading td{background-color:#dde6f7}


.TechnicalList{border-bottom:1px dashed #CCC;padding-bottom:15px}
.TechnicalList .subClip p{font-size:11px}
.TechnicalList .bell{padding:5px 5px 5px 10px;border:1px solid #e8e8e8;background:#ededed;margin-bottom:20px}
.TechnicalList .bell h4{width:auto}
.TechnicalList .moreRep{padding:5px 0 0 5px;float:right}
.graphDetails{margin:10px 0 20px 0;background:#fff}
.comments{float:left;width:99%}
.numbers{width:50%;float:right;margin:3px;padding:0 0 5px 5px}
.numbers table{padding:0;margin:0;width:96%;border:1px solid #e7e7e7;float:right}
.numbers table td{padding:3px;font-weight:normal}
.comments .ext{width:35%}

/************/


/******************** MSG BOX There ********/

.msgBox{margin:0.5em  0 10px 0}
.msgBoxHeader{border:1px solid #cecece;padding:7px 3px}
.msgBoxHeader .tit{color:#ea1313;font-weight:bold;float:left;/*background:url('/images1/msgImg.jpg') no-repeat*/;padding-left:20px;height:20px}
.msgBoxHeader a{text-align:right;display:block}
.msgBoxContentCon{padding:0px 2px;background:#e9e9e9}
.msgBoxContent{width:99%;margin:0 auto;border:1px solid #cecece;border-top:none}
.msgBoxContent p{padding:5px 2px 5px 3px;background:#dadada;margin:1px 0}
.msgBoxContent p:hover{background:none}
.msgBoxContent p a{display:block;width:100%;color:#757575}
.readMoreMsg{display:block;width:100%;padding:5px 0;text-align:center}



/*********** quickQuote ******/

#quickQuote{background:#ffffff;border:1px solid #E9E9E9}
#quickQuote table{margin-top:0}
#quoteCont{width:100%}
#QuotesTab td{border-bottom:1px solid #CCC}
#quickQuote #quoteSearch{padding-left:0.2em}
.bidAskTradeTable .colHeading td{background:#E9E9E9;font-weight:bold}
#quickQuote .marginTable tr:last-child td{border-bottom:none}
#quickQuote .bidAskTradeTable table td{border-bottom:1px solid #CCCCCC }
#quickQuote .bidAskTradeTable table tr:last-child td{border-bottom:none}

/*************/

.orderManagerDiv{background:#fff;width:99%;margin-top:0.5em;padding:0.2em}
.orderManagerDiv table{}
.orderManagerDivFilter span{padding-right:0.5em}
.orderManagerDivFilter a{cursor:pointer}


.cashAccDet .holdingsDiv{margin-top:auto;border-left:3px solid #fff}
.cashAccDet table tr:nth-child(odd) {background: #fff;color: #333}
.cashAccDet .BlueDarkTable thead th{border-bottom:1px solid #4a7893;border-top:1px solid #4a7893}
.cashAccDet .BlueDarkTable thead tr{background:#004167!important;color:#fff}
.cashAccDet .holdingsDiv table td{color:#fff;border:none}
.cashAccDet .holdingsDiv table td{background:#004167}
.holdingsDiv .currencyNormalPosition{margin-top:1em;font-weight:bold}
.holdingsDiv .currencyNormalPosition span{margin-right:1em}

/*.red{color:#ff3333}
.green{color:#64b83d}
.grey{color:#676767}*/
 .up .arrow{background:url('/images1/up.png') no-repeat 0 3px;}
 .down .arrow{background:url('/images1/down.png') no-repeat 0 3px;}
 .middel .arrow{background:url('/images1/middel.png') no-repeat 0 3px;}
 .arrow{width:11px;height:15px}
.up span{color:#64b83d}
.down span{color:#ff3333}
.middel span{color:#676767}
.bgGreen{background:#00cc23}
.bgRed{background:#f91007}
td.green,em.green{color:#64b83d;font-style:normal}
td.red,em.red{color:#ff3333;font-style:normal}
td.grey,em.grey{color:#fff;font-style:normal}
em.subEgp{font-size:xx-small;font-style:normal; vertical-align: super;}
.cclip:after,#egxData:after,.leftSide:after,.followUs:after,.cashAccDet:after,ul.e-list2:after,ul.e-list:after,#bodyContent:after,.contentwrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*** 18-02-2019**/
.ui-dialog .ui-dialog-content{overflow:visible}
.ui-widget.ui-widget-content {	border: 2px solid #005487	}
.ui-widget-content {border: 1px solid #dddddd;background:#0079c2;color:#fff;}
.ui-widget-content a {color: #fff;}
.ui-widget-header {border: none;background:#0079c2;color:#fff;font-weight: bold;}
.ui-widget-header a {	color: #fff;}


#Fvdialog .quoteItemData{width:90%;display:inline-block;border-left-width:0px;border-left-style:solid;padding:0.25em;color:#fff;cursor:pointer;max-width:220px}
#Fvdialog .quoteItemData:hover{background:none}
#Fvdialog .quoteItemData span{margin-right:0.5em}
#Fvdialog .quoteItemData span em{font-style:normal;padding-right:10px}
#Fvdialog input[type=submit] {background-color: #4CAF50;color: white;padding: 0.5em;border: none;border-radius: 4px;cursor: pointer;width:100%}

#Fvdialog .newsFullArticle{color:#fff;padding-left:inherit}
.holdingsFv h3{border-bottom:1px solid #fff;margin-top:1em}
.holdingsFv table td:nth-child(even){text-align:right}

/****** 19-02-2019*******/

/* 19-09-2019 */
.newMarketPer{width:32%;float:left; background:#00598d;padding: 0.5em;height:132px}
.newMarketPer h3{font-size:x-large;color:#fff;font-weight:bold}
#containerMarPer .newMarketPer ul.tabs-nav{background:#2874a1}
#containerMarPer .tabs-container{width:100%}
#containerMarPer .tabs-container .tableDiv{margin-top:inherit;width:31%;float:left;margin:5px 10px}
#containerMarPer .tabs-nav{padding:inherit;width:95%}
#containerMarPer .tabs-nav a{color:#fff;font-size:inherit;}
#containerMarPer .tabs-nav a,#containerMarPer .tabs-nav a span{background:none}
#containerMarPer .tabs-nav .tabs-selected{background:#fff}
#containerMarPer .tabs-nav .tabs-selected a{background:#fff;color: #0079c2;}
#containerMarPer .tabs-nav .tabs-selected span{background:#fff}
#containerMarPer .tableDiv{margin-top:1em;width:99%;}
#containerMarPer .tblS2,.tableDiv .tblS2{border-top:1px solid #1c264c}
#containerMarPer .tblS2 a,.tableDiv .tblS2 a {color:#208ed0;text-decoration:none}
#containerMarPer .tblS2 .trheading,.tableDiv .tblS2 .trheading{color:#1c264c;background:#ffffff}
#containerMarPer .tblS2 .trheading td,.tableDiv .tblS2 .trheading td{padding-left:5px;border-bottom:1px solid #1c264c;background:#ffffff;color:#262b3e}
#containerMarPer .tblS2 .rowdata td{padding-left:5px}
#containerMarPer .tblS2 .rowdata td:nth-child(n+2),.tableDiv .tblS2 td:nth-child(n+2){text-align:right}
#containerMarPer .tblS2 .whiterow,.stockPerformance2 .subtableforstkper .whiterow{background:#fff}
#containerMarPer .tblS2 tr:nth-child(odd){}
#containerMarPer .tblS2 thead{background:#fff}

.clipWhiteShowBox{}
.clipWhiteShowBox .tableWzLeftTopHeading{border:1px solid #0079c2}
.topborder{display:block;width:100%;width:326px}
.btmborder{display:block;width:100%;width:326px}
.clipWhiteShowBox .inner_ver_tabs{}
.clipWhiteShowBox .headinglbl, .charts{margin:10px 8px 20px 8px}
.charts{font-size:12px}.charts span{display:block;float:left}
.charts p{text-align:right;padding-right:70px}
.charts .total{border-top:1px solid #0079c2;width:97%;padding-top:5px}
.chart_desc{padding:1px 0 10px 0;clear:both;float:none}

.charts .lbl{display:block;width:71px}.charts .num{width:35px;text-align:right}
.charts .chartbg{width:122px;margin-left:10px;height:15px;background:#e7e7e7;border:1px solid #d9d8d8}
.charts .chartbg em{display:block;position:absolute;width:100px;height:11px;z-index:10;text-align:center;color:#FFF;font-size:xx-small;padding-top:2px}
.charts .chartbg em.advance{background:url('/images1/bg_green.jpg') repeat-x;border:1px solid #49b41e}
.charts .chartbg em.declining{background:url('/images1/bg_red.jpg') repeat-x;border:1px solid #b31a1a}
.charts .chartbg em.unchanged{background:url('/images1/bg_blue.jpg') repeat-x;border:1px solid #1059b8}

.clipgreywzborder{border:1px solid #0079c2;background:#fff;padding:5px;margin-top:10px}
.clipgreywzborder p{clear:both;float:none}
.clipgreywzborder p.lbl{margin-top:10px;color: #005487;}
.clipgreywzborder p span{display:block;float:left;width:97px;text-align:center;margin:2px 0}
.clipgreywzborder p:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.InvestorsType table{width:100%}
.tableWzLeftTopHeading table{width:100%}


.sectionTitle{margin-top:0.5em}
.sectionTitle h2{background:#0079c2;color:#fff;padding:0.2em;/*width:100%*/}

/******** 20-02-2019 ***************/
.clipContentPlain,.sectorRanking,.clipMargin,.tradingSummary .heading{margin:20px 0}
table{padding:0;border-spacing:0}
.marketSummary h2{margin-bottom:0px}
.subClip .heading{margin-bottom:0}


/**** 23-02-20196 ***/
#quotetablecontainer .tabs-nav .tabs-selected a span,#quotetablecontainer .tabs-nav a:hover span,#quotetablecontainer .tabs-nav a:focus span, #quotetablecontainer .tabs-nav a:active span{color:#fff}


/***** 24-02-2019 ***/

/***** keyboard **** */
#leftColv3{width:64%;float:left}
#rightColv3{width:34%;float:right}
.keyboard{}
.loginKey{padding:10px 0 0 0;line-height:20px}
.loginkey h2{font-size:small}
.line1 {width:99%;height: 0px;border-bottom: 1px solid #b3b3af;-webkit-transform:
        translateY(0px)
        translateX(0px)
        rotate(0deg); 
    position: relative;	z-index:1;top:17px }
.loginKey p{position:relative;z-index:2;width:auto;display:inline-block;background:#fff;margin-left:10px;padding:0px 10px;font-size:small;color:#747474;height:25px}
.loginKey p strong{font-family:"mavenpro-bold";text-decoration:none;color:#333;font-size:medium}
.loginKey p strong sub{vertical-align:super;font-size:x-small;text-decoration:none !important}
.loginBody{border-top:none;margin-top:-20px;padding:30px 0 20px 0px}
.loginBody:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.loginBody .secret{width:150px;height:22px;border:1px solid #c8c8c8}
.loginBody .hint{color:#d30000;vertical-align:baseline;font-style:italic;padding-top:10px}
.keyboardLayout{margin-top:10px;font-size:0.3em!important}
.secretloginBtn{width:100px;height:33px;display:block;margin:30px auto;background:url(/images1/loginbtn.jpg) no-repeat 0 0;padding:0}
.loginKeyRight .subClip{padding-top:20px}
.openLiveAcc{display:block;width:166px;height:46px;display:block;margin:5px auto;background:url(/images1/openliveacc.jpg) no-repeat 0 0}
.openDemoAcc{display:block;width:166px;height:46px;display:block;margin:5px auto;background:url(/images1/openDemoacc.jpg) no-repeat 0 0}

.dropHolder{float:right;width:89px}
.dropdown-menu {clear:left;width:89px;font-size:12px;color:#ddd;cursor:pointer;z-index:1000px;color:#000;position:absolute; z-index:1000}
#login .dropdown-menu{font-size:10px}
.dropdown-menu a:link, .dropdown-menu a:visited { color:#242424; display:block ; text-decoration:none; margin:0; float:none}
.dropdown-menu a:hover {text-decoration:underline}
.menu-first {background:url('/images1/bg_dropmenu.png') no-repeat;height:20px;font-weight:bold;color:#666; padding-left:10px; padding-right:15px; padding-top:5px; padding-bottom:1px}
.down-list {margin-left:1px;padding-bottom:5px;margin-left:5px;border:1px solid #666}
.down-list a{ font-size:12px;cursor:pointer; float:none;font:11px tahoma;font-weight:bold;display:block;padding:5px}
ul.down-list{ background:#e7e7e7; width:145px; z-index:1000000;border:1px solid #bcbcbc}
.down-list li {border-bottom:1px solid #fff;list-style:none; cursor:default}
.down-list .lastLI {border-bottom:none}
#login .dropHolder {margin:2px 5px 0 0}
#login .dropdown-menu{width:100px}
.divLoading{width:100%;height:150px;background:url('/images1/loading.gif') no-repeat center;text-align:center;vertical-align:middle}
.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}


#links{float:right;width:98px;}
.input_btn{background:url('/images1/bg_btn.png') no-repeat;width:65px;border:medium none;text-align:center;font-weight:bold; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:7px}
#links a{display:block;margin-bottom:2px}

.alrtDiv{clear:both;min-height:20px;padding:25px;border:1px solid #f9e1e1;background:url('/images1/errorpng2.png') left no-repeat #ffebeb;margin:25px 20px;vertical-align:middle}
.alrtDiv .alertMsg{color:#ff0000;margin-left:75px;font:15px 'mavenpro-medium';display:block}

/*************/

/***** 25-02-2015 *******/
.miniHolding{margin-top:1em}
.miniHolding .tabs-nav{display:block}
.miniHolding .tabs-nav .tabs-selected a,.miniHolding .tabs-nav a:hover,.miniHolding .tabs-nav a:focus,.miniHolding .tabs-nav a:active{background:#005487}
.miniHolding .tabs-nav .tabs-selected a span,.miniHolding  .tabs-nav a:hover span,.miniHolding  .tabs-nav a:focus span,miniHolding .tabs-nav a:active span{background:#005487}


.FvErrorDialog{background:#fff!important;color:#c00;padding-left:0.5em;}
.alertDialog{background:#fff!important;color:#000 !important;padding:15px !important}
.FvErrorDialog ul,.alertDialog ul{margin-left:20px}
.FvErrorDialog a,.alertDialog a{color:#208ed0 !important}
.alertDialog .subbut{width:25%!important;margin-left:1em!important;min-width:120px!important;}

.tradingWList{margin-top:1em}
.tradingWList .shareposition .heading span{float:none}
.tradingWList .clipContentPlain{width:100%}

#PopupContainer   
{   
    position:absolute;   
    left:0;   
    top:0;   
    display:none;   
    z-index: 20000;   
}   
  
.PopupPopup   
{   
}  
 
#PopupContent   
{   
    background-color: #FFF;   
    min-width: 175px;   
    min-height: 50px;   
}   
  
.PopupPopup .PopupImage   
{   
    margin: 5px;   
    margin-right: 15px;   
}   
  
.PopupPopup .corner    
{   
    width: 19px;   
    height: 15px;   
}   
       
.PopupPopup .topLeft    
{   
    background: url('/images1/popup/balloon_topLeft.png') no-repeat;   
}   
       
.PopupPopup .bottomLeft    
{   
    background: url('/images1/popup/balloon_bottomLeft.png') no-repeat;   
}   
       
.PopupPopup .left    
{   
    background: url('/images1/popup/balloon_left.png') repeat-y;   
}   
       
.PopupPopup .right    
{   
    background: url('/images1/popup/balloon_right.png') repeat-y;   
}   
       
.PopupPopup .topRight    
{   
    background: url('/images1/popup/balloon_topRight.png') no-repeat;   
}   
       
.PopupPopup .bottomRight    
{   
    background: url('/images1/popup/balloon_bottomRight.png') no-repeat;   
}   
       
.PopupPopup .top    
{   
    background: url('/images1/popup/balloon_top.png') repeat-x;   
}   
       
.PopupPopup .bottom    
{   
    background: url('/images1/popup/balloon_bottom.png') repeat-x;   
    text-align: center   
}

/*************/
/**** 26-02-2018***/

.marginTable td {
    padding: 5px 3px 3px 5px;
}
/****** 27-02-2018 ***********/

.leftSideFc{width:65%}
.rightSideFc{width:34%}
.subTabedNav:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#stkChart{height:100%;height:50vh}
#treeChart{height:50vh}
.eventscalendercon{width:98%!important}
.eventscalender{border:1px solid #cbcbcb;padding:10px;font:13px 'mavenpro-medium'}
.eventscalender .dateevts{background:#f1f1f1;width:85px;padding:5px;text-align:center;float:left}
.eventscalender .dateevts:after,.eventscalender:after,.greyBoxConShadow:after,.userAccInfo:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.dateevts span{float:left;display:block;margin:0px 2px}
.dateevts .ladate{width:11px;height:11px;background:url('/images1/leftnavbtnarrow.png') no-repeat;margin-top:2px}
.dateevts .radate{width:11px;height:11px;background:url('/images1/rightnavbtnarrow.png') no-repeat;margin-top:2px}
.eventscalender .dateevts span a{/*display:block;height:11px*/}
.popcircle{position:absolute;z-index:10;width:15px;height: 15px;background: red;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;vertical-align:middle;text-align:center;top:auto;margin-left:85px;margin-top:-7px;color:#fff}
.calnav{padding-left:20px;background:url('/images1/calendaricon.png') no-repeat left;height:15px;display:block;float:right;padding-top:6px}
.calnav a{margin-left:5px}

#SigmaEventLink{cursor:pointer}
#SigmaEventDatepicker{clear:both;float:left;width:99%;display: block;}
#SigmaEventDatepicker .ui-datepicker{margin-top:20px}
#SigmaEventDatepicker .eventsDataList{/*text-align:right;direction:rtl;*/padding-top:10px;height:250px;overflow:auto;margin-top:5px}
#SigmaEventDatepicker .eventsDataList ul{list-style-type:none;margin:5px 0;font:13px 'GES_L';border-top:1px solid #f1f1f1;padding-top:5px;direction:ltr}
#SigmaEventDatepicker .eventsDataList ul li .abdelfatahSYM{color:#f34f3e;}
#SigmaEventDatepicker .eventsDataList ul:first-child{border:none}
.Highlighted a {background: #f34f3e !important;background-image: none !important;color: White !important;
        font-weight: bold !important;font-size: 12pt;text-align:center !important;border:none !important;}
#SigmaEventDatepicker .ui-widget-header{/*background:#f34f3e !important*/}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border:none;background:none;color:#fff}

#SigmaEventDatepicker .ui-widget{font-size:1.1em;margin:auto}
#SigmaEventDatepicker .ui-datepicker{width:95%;margin:auto}
#SigmaEventDatepicker .ui-datepicker td span,#SigmaEventDatepicker .ui-datepicker td a{padding:.8em}


.archiveHolder{background:#EDEDED;border:1px solid #E5E5E5; margin:5px; padding-bottom:10px}
.inputsholder strong{float:left;padding-top:8px;margin-right:10px}
.searchNotive{float:right; width:250px;margin:2px 23px 0 0;font-size:10px;border:1px solid #d6d804 !important;background:#faffcc}
.formArchLangOptions{padding:10px 0 5px 50px}
.serachinput{width:400px;height:28px;border:1px solid #E5E5E5;margin:0;padding:0;float:left}
.btnArchSearch{background:url('/images1/btn_bg.jpg') repeat-x 0 1px ;border:1px solid #bad5f1;height:30px;padding:0;width:70px;color:#4C7CB5;font-weight:bold; margin-left:-4px; margin-right:0; margin-top:0; margin-bottom:0}
.InvestorsType{padding-bottom:15px}
.searchOptions{width:95%;margin:10px auto;display:none}
.searchOptions .divp{border-bottom:1px solid #E5E5E5;padding-top:0px;padding-bottom:8px}
.searchOptions ul{}
.searchOptions ul li{list-style:none}
.searchOptions strong{width:125px;display:block;float:left}
.searchOptions span{margin-left:10px; width:80% ; float:right}
.searchOptions span em{width:200px;float:left;display:block;vertical-align:middle}
.searchOptions span em img{margin:2px 0 0 5px }
.searchOptions span input{}
.adSeLink{margin:5px 0 5px 454px;float:left}.adSeLink a{padding-left:20px;cursor:pointer}.plus{background:url('/images1/adv_search_plus.gif') no-repeat; }.minus{background:url('/images1/adv_search_minus.gif') no-repeat; }
/*#SigmaEventDatepicker .ui-datepicker table{font-size:1.2em}*/


/******** 28-02-2019 *********/

.newspg{}
.newspg:last-child{border-bottom:none}

.mp{margin-top:-0.9em;background:#005487;font-size:1.2em;padding:0 0.5em;margin-bottom:1em}
.mp .tabs-nav{width:99%;background:#005487}
.mp .tabs-nav li{float:left;width:100px}
.mp .tabs-nav{background:none}
.mp .tabs-nav a{font-family:inherit}
.mp .tabs-nav li.tabs-selected a span{background:#fff;color:#0079c2;text-decoration:underline;font-family:'mavenpro-medium'}

.marketHighLightsDiv #egxData{}
.marketHighLightsDiv .quoteItemData{border-left-width:5px;margin:0.3em 0.3em  0.3em 0;}

.ui-widget-header .ui-icon {background-image: url(/js/jquery-ui/images/ui-icons_444444_256x240.png);}

.surgicalTradesDiv .quoteItemData{min-width:260px}


/**********  02-03-2019 ****/


.baDiv{width:23%;float:left;border:1px solid #0079c2;margin-right:1.2em;margin-bottom:0.5em}




/***************** 03-03-2019 **************/

.banner {clear:both;position: relative;width: 100%;overflow: auto;	font:1em ;/*color: rgba(255,255,255,.6);*/text-shadow: 0 0 1px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);background: #253773;box-shadow: 0 1px 2px rgba(0,0,0,.25);color:#fff;margin-top:-1em}
.banner ul {list-style: none;width: 300%}
.banner ul li {display: block;float: left;width: 33%;box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);min-height:515px}
.banner .inner {float:left;padding: 25px 0 20px 2%;min-width:30%}
.banner .inner p{font-size:1.5em;margin-top:30px}
.banner .inner em{font-style:normal;color:#75b8e7}
.banner h1, .banner h2 {font:400% 'criticized';color: #fff;margin-bottom:10px}
.banner .btn {display: inline-block;margin: 25px 0 0;padding: 9px 22px 7px;clear: both;	color: #fff;font-size: 12px;font-weight: bold;		text-transform: uppercase;text-decoration: none;border: 2px solid rgba(255,255,255,.4);border-radius: 10px;}
.banner .btn:hover {background: rgba(255,255,255,.05);}
.banner .btn:active {-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));}
.banner .btn, .banner .dot {-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));}
.banner .dots {position: absolute;right: 0;bottom: 0px;/*width: 100%;*/}
.banner .dots li {display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;line-height: 10px;margin: 0 4px;text-indent: -999em;			*text-indent: 0;border: 2px solid #fff;	border-radius: 6px;	cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;	-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.banner .dots li.active {background: #fff;opacity: 1;}
.banner .arrows {position: absolute;bottom: 20px;right: 20px;color: #fff;}
.banner .arrow {display: inline;padding-left: 10px;cursor: pointer;}

.wdfcc{background:#fff}
.gdfcc{background:#f1f1f1}
.bdfcc{background:#344873;color:#fff}
.bldfcc{background:#2d2d2d;color:#fff}

.subcc{float:left;display:block;width:16%;text-align:left;margin:2%;width:165px\9;margin:6px\9}
.subcc p{height:130px\9;display:block\9;float:left\9}
.subcc h3{display:block;float:left;width:100%;margin-bottom:.5em}

.vision,.helpclip,#trust,.democlip {*clear:both}
.vision .subcc{width:98%!important;*clear:both}
.vision sup{font:xx-large/0.5 Arial,Helvetica,sans-serif}
.vision p{text-align:center;padding:0 13%;font-size:x-large;max-width:75%}
.vision .more{width:20%}
.bgclipseb{background:url(/images1/bgcc.png) no-repeat center top #f1f1f1}

.democlip {padding:2%}
.democlip p,.democlip span a{font-size:x-large}
.democlip p {margin:0 auto;display:inline;width:auto;min-width:200px}
.democlip a{background:#f34f3e;-moz-border-radius: 10px 10px 10px 10px;	-webkit-border-radius: 10px 10px 10px 10px;	border-radius: 10px 10px 10px 10px;text-align:center;padding:5px .5em;margin-left:1em;display:inline-block}
.democlip a{color:#fff;font-size:large}
.democlip a:hover{text-decoration:underline;color:#fff}


.fastfacts{font-family:"MavenPro-medium"}
.fastfacts ul {display:block}
.fastfacts ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.fastfacts ul li{list-style-type:none;float:left;min-width:25%;display:inline;height:55px;padding-bottom:15px;}
.fastfacts ul li span{display:block;padding:0}
.fastfacts ul li span.heading{font-size:large}
.fastfacts ul li span.value{font:x-large "SourceSansPro-semibold"}
.factsbackground{display:block;max-width:140px;width:140px;height:108px;max-height:108px;float:left;background:url(/images1/icons.png) no-repeat -130px -138px ;margin-right:2%;margin-top:10px}

.helpclip{padding:2%;*min-height:50px}
.helpclip a,.helpclip a:hover{color:#fff}
.helpclip a:hover{text-decoration:underline}
.helpclip ul{float:left;margin:10px 0 0 5px}
.helpclip h2{padding-bottom:0em;float:left;margin-right: 2.5%}
.helpclip ul li{list-style-type:none;float:left;display:block;font-size:large;margin-right:1.5em}
.helpclip ul li:last-child{margin-right:0}
.helpclip ul li span{display:block;width:25px;height:25px;float:left}
.helpclip ul li .tel{background-position:-196px -66px }
.helpclip ul li .mail{background-position:-156px -65px}
.helpclip ul li .loc{background-position:-176px -68px}

.logos{text-align:center;padding-bottom:2%}
.logoscon{width:50%;margin:0.5em auto;vertical-align:middle;display:block}
.logoscon h5{font-weight:normal}
.leftlogoscon{width:435px;float:left}
.rightlogoscon{width:135px;float:left;border-left:1px solid #ccc;padding-left:10px}
.rightlogoscon:after,.leftlogoscon:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.logos a{display:block;background:url("/images1/logos.jpg") no-repeat;float:left}
.logos .egx{background-position:0px 0px;width:96px;height:61px;margin-right:5px}
.logos .ecma{background-position:-96px 0px;width:234px;height:39px;margin-top:10px;margin-right:5px }
.logos .eima{background-position:-455px -10px;width:90px;height:31px;margin-top:17px;margin-right:5px}
.logos .efca{background-position:-330px 0px;width:130px;height:51px;margin-top:5px }

/************ 14-03-2019 ******/
.archiveHolder label {display: inline-block;color: #000;font-weight:bold}
.archiveHolder .col-spacer {float:left;width:4.5%;margin-top: 0.5em;}
.archiveHolder .col-5 {float:left;width:7%;margin-top: 0.5em;}
.archiveHolder .col-10 {float:left;width:10%;margin-top: 0.5em;}
.archiveHolder .col-35 {float:left;width:35%;margin-top: 0.5em;}
.archiveHolder .col-25 {float:left;width:25%;margin-top: 0.5em;}
.archiveHolder .col-75 {float:left;width:75%;margin-top: 0.5em;text-align:center}
.archiveHolder .col-15 {float:left;width:15%;margin-top: 0.5em;}
.archiveHolder .col-100 {float:left;width:100%;margin-top: 0.1em}	
.archiveHolder:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.archiveHolder .hasDatepicker{float: left;width: 78%!important;}
.archiveHolder .btnArchSearch{margin:0 auto!important;}

/*************************** portofolio cus *****************/

.portofolioCus .fundsBalance{clear:both}
.portofolioCus .shareposition .heading ul{width:45%}
.portofolioCus .shareposition .noAlerts span{padding-left:10px!important}

/************* 16-03-2019 ***************/

.egxDataChartContainer{width:79%;font-size:0.9em;float:left}
.egxDataChartContainer #egxData{width:20%;float:left;min-width:180px}
.egxDataChartContainer #egxData .quoteItemData{min-width:170px;padding:2px;min-height:55px}
/*.egxDataChartContainer #egxData .quoteItemData:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}*/

.colV3{width:31.3%;float:left;padding:0 0.3em}
.colV3:nth-child(n+2){margin-left:0.5em}


.createAccDiv{background-image:url("/images1/openacc.png");background-repeat:no-repeat;text-align:left;    border-left-color:#208ed0 !important;}
.createAccDiv a {width: 100%; display: block; padding: 0.9em 0;}

.callusDiv{background: url(/images1/callus.png) #005487 12px no-repeat;background-size:contain}


/********************* 24 - 03 - 2019 ***************/

.listnews #aadRoom li{padding:0.2em 0}
#qTable tr td{border-bottom:1px solid #ddd}

/*******************26-03-2019 ****************/
.marginDiv{display:Block;margin-top:15px;font-size:12px}
.marginDiv span{float:left;font-weight:bold}
/********/
.marginDiv div{float:left;padding:0 10px;color:#999;font-weight:bold}
.marginDiv #mcallt{padding:5px;margin-top:-5px}
.marginDiv .emer{color:#fff;border:2px solid #C00;background:#c00}
.marginDiv .norm{color:#999;border:2px solid #999}
.marginDiv .mant{color:#C00;border:2px solid #C00}
/****************************************/

/********************* 03- 04- 2019 **** Husam ********/
.ui-datepicker{ z-index: 9999 !important;}
/**********/

/*#sitemap{background:#444;padding:1.8em;display:block}
#sitemap .footercol{float:left}
#sitemap ul{display:block;text-align:left;margin:1.5em}
#sitemap ul li{list-style-type:none;color:#f34f3e}
#sitemap ul li h3,#footer ul li h4{font-family:"MavenPro-medium"}
#sitemap ul li{color:#f34f3e}
#sitemap ul li a{color:#fff}
#sitemap ul li a:hover{text-decoration:underline}*/

#trust .trustbackground{display:block;max-width:115px;width:115px;height:151px;max-height:151px;float:left;background:url(/images1/icons.png) no-repeat -2px -124px ;margin:0 2% 2% /*background-size: cover; -moz-background-size: cover;
  background-position: center; */}
  
#trust{text-align:left}
#trust p{padding:0 0 1%;font-family:"SourceSansPro-Regular"}
#trust h4{color:#f34f3e}
  
#copyrights{text-align:center;padding:.7%}

@media
only screen 
and (max-width: 485px), (min-device-width: 499px) 
and (max-device-width: 768px)  {
	
.tradingWList #QuotesRecord table td:nth-of-type(6),.tradingWList #QuotesRecord table td:nth-of-type(7),.tradingWList #QuotesRecord table td:nth-of-type(8),.tradingWList #QuotesRecord table td:nth-of-type(9),.tradingWList #QuotesRecord table td:nth-of-type(10){display:none}
}

 @media screen and (max-width: 768px) {

            .contentwrapper {
                width: 99% !important;
                margin: auto !important;
            }

            /* What it does: Forces table cells into full-width rows. */
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 99% !important;
                max-width: 99% !important;
                direction: ltr !important;	
				padding-right:0 !important			
            }
            /* And center justify these ones. */
            .stack-column-center {
                text-align: left !important;
            }
			.stack-column-center-hide{display:none!important}
 }
 
 
 @media
only screen 
and (max-width: 760px), (min-device-width: 768px) 
and (max-device-width: 900px)  {


/*
.tblS1 table, .tblS1 thead, .tblS1 tbody, .tblS1 th, .tblS1 td, .tblS1 tr {display: block;}
.tblS1 thead tr{position: absolute;top: -9999px;left: -9999px;}
.tblS1 tr {margin: 0 0 1rem 0;}
.tblS1 tr:nth-child(odd){background: #ccc;}
.tblS1 td{border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;text-align:left}
.tblS1 .rowdata td{ padding-left: 50%;}
.tblS1 td:before{position: absolute;top: 0;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
.tblS1 td:nth-child(n+2){text-align:left}
.tblS1 td:nth-of-type(1):before { content: "Holdings"; }
.tblS1 td:nth-of-type(2):before { content: "Quantity"; }
.tblS1 td:nth-of-type(3):before { content: "Avg. Price"; }
.tblS1 td:nth-of-type(4):before { content: "Total Cost"; }
.tblS1 td:nth-of-type(5):before { content: "Market Value"; }
.tblS1 td:nth-of-type(6):before { content: "Gain/Loss"; }
.tblS1 td:nth-of-type(7):before { content: "Gain/Loss%"; }
.tblS1 td:nth-of-type(8):before { content: "Available For Sale"; }
.tblS1 td:nth-of-type(9):before { content: "GPA"; }
.tblS1 td:nth-of-type(10):before { content: "Col9"; }*/

/*
.orderManagerDiv .tblS1 .rowdata td:nth-child(n+2){text-align:left}
.orderManagerDiv .tblS1 td:nth-of-type(1):before { content: "Order"; }
.orderManagerDiv .tblS1 td:nth-of-type(2):before { content: "Status"; }
.orderManagerDiv .tblS1 td:nth-of-type(3):before { content: "Stock"; }
.orderManagerDiv .tblS1 td:nth-of-type(4):before { content: "Qty."; }
.orderManagerDiv .tblS1 td:nth-of-type(5):before { content: "Price"; }
.orderManagerDiv .tblS1 td:nth-of-type(6):before { content: "Excuted"; }
.orderManagerDiv .tblS1 td:nth-of-type(7):before { content: "Avg Ex. Price"; }
.orderManagerDiv .tblS1 td:nth-of-type(8):before { content: "Edit/Cancel"; }*/

.swingTradesLiveDiv table, .swingTradesLiveDiv thead, .swingTradesLiveDiv tbody, .swingTradesLiveDiv th, .swingTradesLiveDiv td, .swingTradesLiveDiv tr {display: block;}
.swingTradesLiveDiv table thead tr{position: absolute;top: -9999px;left: -9999px;}
.swingTradesLiveDiv table tr {margin: 0 0 1rem 0;}
.swingTradesLiveDiv tr:nth-child(odd) {background: #ccc;}
.swingTradesLiveDiv table td {/* Behave  like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;text-align:left}
.swingTradesLiveDiv table .rowdata td{ padding-left: 50%;}
.swingTradesLiveDiv table td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 0;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
.swingTradesLiveDiv table td:nth-child(n+2)	{text-align:left}
.swingTradesLiveDiv table td:nth-of-type(1):before { content: "Stock"; }
.swingTradesLiveDiv table td:nth-of-type(2):before { content: "Trend"; }
.swingTradesLiveDiv table td:nth-of-type(3):before { content: "VWAP"; }
.swingTradesLiveDiv table td:nth-of-type(4):before { content: "Stop-loss"; }
.swingTradesLiveDiv table td:nth-of-type(5):before { content: "Trading Range%"; }
.swingTradesLiveDiv table td:nth-of-type(6):before { content: "Trigger"; }
.swingTradesLiveDiv table td:nth-of-type(7):before { content: "Target Range%"; }
.swingTradesLiveDiv table td:nth-of-type(8):before { content: "Target"; }
.swingTradesLiveDiv table td:nth-of-type(9):before { content: "Recommendation"; }

.tradingWList #QuotesRecord table td:nth-of-type(5),.tradingWList #QuotesRecord table td:nth-of-type(11),.tradingWList #QuotesRecord table td:nth-of-type(13),.tradingWList #QuotesRecord table td:nth-of-type(14){display:none}

.ppWatchListDiv table, .ppWatchListDiv thead, .ppWatchListDiv tbody, .ppWatchListDiv th, .ppWatchListDiv td, .ppWatchListDiv tr{display: block;}
.ppWatchListDiv table thead tr{position: absolute;top: -9999px;left: -9999px;}
.ppWatchListDiv table tr{margin: 0 0 1rem 0;}
.ppWatchListDiv tr:nth-child(odd) {background: #ccc;color:#000}
.ppWatchListDiv table td {/* Behave  like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;text-align:left}
.ppWatchListDiv table .rowdata td { padding-left: 50%;}
.ppWatchListDiv table td:before{/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 0;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
.ppWatchListDiv table:before{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.ppWatchListDiv table .rowdata td:nth-child(n+2){text-align:left}	
.ppWatchListDiv table td:nth-of-type(1):before { content: "Stock"; }
.ppWatchListDiv table td:nth-of-type(2):before { content: "price"; }
.ppWatchListDiv table td:nth-of-type(3):before { content: "S3"; }
.ppWatchListDiv table td:nth-of-type(4):before { content: "S2"; }
.ppWatchListDiv table td:nth-of-type(5):before { content: "S1"; }
.ppWatchListDiv table td:nth-of-type(6):before { content: "PP"; }
.ppWatchListDiv table td:nth-of-type(7):before { content: "R1"; }
.ppWatchListDiv table td:nth-of-type(8):before { content: "R2"; }
.ppWatchListDiv table td:nth-of-type(9):before { content: "R3"; }


}



@media(max-width:500px)
{
	#leftColv3{width:99%;float:none}
	#rightColv3{width:99%;float:none}
	.leftSide{clear:both;width:99.5%;float:none}
	.rightSide{clear:both;width:99.5%;float:none}
	#leftSide{width:99.5%;float:none}
	#rightSide{width:99.5%;float:none}
	.leftSideNarrow{clear:both;width:99.5%;float:none;}
	.rightSideNarrow{clear:both;width:99%;float:none;}
	.wrap {width:90%;margin:0 auto}
	.wrap .subccImg{width:97%;margin:0.5% 1% 10% 0}	
	.wrap .subccImgh3{width:97%;margin:0.5% 1% 10% 0}	
	.cclip .more{width:30%}	
	.tableDiv {width: 98%;float: none;}
	.techBanner{width:92%;float:none}
	.callusDiv{width:92%;float:none}
	.nlDiv{width:97%;float: none;}
	
	.col-100 div:nth-child(n+2) {text-align: left;}
	/*.addOrderDiv div{border:1px solid }*/
	.addOrderDiv .col-5 {float:left;width:98%}
	.addOrderDiv .col-10 {float:left;width:98%}
	.addOrderDiv .col-35 {float:left;width:98%}
	.addOrderDiv .col-25 {float:left;width:98%}
	.addOrderDiv .col-75 {float:left;width:98%}
	.addOrderDiv .col-15 {float:left;width:98%}
	.addOrderDiv input[type=checkbox] {margin: 0.7em;}
	.addOrderDiv .col-100 div:nth-child(odd){width:98%}
	.addOrderDiv .col-spacer{width:2%!important;}
	.addOrderDiv .priceOp{width:45% !important;}
	
	.archiveHolder .col-5 {float:left;width:98%}
	.archiveHolder .col-10 {float:left;width:98%}
	.archiveHolder .col-35 {float:left;width:98%}
	.archiveHolder .col-25 {float:left;width:98%}
	.archiveHolder .col-75 {float:left;width:98%}
	.archiveHolder .col-15 {float:left;width:98%}
	.archiveHolder .col-100 div:nth-child(odd){width:98%}
	
	#quickQuote{display:none}
	.subTabedNav .tabs-navCon{width:100%}
	.subTabedNav .tabs-nav{width:99%}
	.subTabedNav .tabs-nav li {width: 40%;}
	.subTabedNav .tabs-container{width:99%}
	.newMarketPer{width:95%}
	#containerMarPer .tabs-container .tableDiv{width:95%}	
	#egxData .quoteItemData{width:93%}
	.surgicalTradesDiv #egxData .quoteItemData{width:80%}
	.mp .tabs-nav {width:95%}
	.mp .tabs-nav li{width:95%}	
	#bodyContent .mp .tabs-nav {width:95%}
	#bodyContent .mp .tabs-nav li{width:95%}
	#footer{height:26px}
	.baDiv{width:95%}
	
	.egxDataChartContainer{width:100%}
	.egxDataChartContainer #egxData{width:100%}
	.egxDataChartContainer #egxData .quoteItemData{width:47%}
	.chart-container {width: 100%}
	.colV3{width:96%}
	.colV3:nth-child(n+2){margin-left:0em}
}

@media(min-width:500px)
{
	#leftColv3{width:99%;float:none}
	#rightColv3{width:99%;float:none}
	.leftSide{clear:both;width:99.5%;float:none}
	.rightSide{clear:both;width:99.5%;float:none}
	#leftSide{width:99.5%;float:none}
	#rightSide{width:99.5%;float:none}
	.leftSideNarrow{clear:both;width:99.5%;float:none;}
	.rightSideNarrow{clear:both;width:99.5%;float:none;}
 	.wrap {width:90%;margin:0 auto}	
 	.wrap .subccImg{width:46%}
 	.wrap .subccImgh3{width:44%}	
	.tableDiv {width: 98%;float: none;}
	.techBanner{width:92%;float:none}
	.callusDiv{width:92%;float:none}
	.nlDiv{width:98%;float: none;}	
	.rightSide .recentListDiv{clear:both}
	.col-100 div:nth-child(n+2) {text-align: left;}
	/*.addOrderDiv div{border:1px solid }*/
	.addOrderDiv .col-5 {float:left;width:98%}
	.addOrderDiv .col-10 {float:left;width:98%}
	.addOrderDiv .col-35 {float:left;width:98%}
	.addOrderDiv .col-25 {float:left;width:98%}
	.addOrderDiv .col-75 {float:left;width:98%}
	.addOrderDiv .col-15 {float:left;width:98%}
	.addOrderDiv input[type=checkbox] {margin: 0.7em;}
	.addOrderDiv .col-100 div:nth-child(odd){width:98%}
	.addOrderDiv .col-spacer{width:2%!important;}
	.addOrderDiv .priceOp{width:45% !important;}
	
	.archiveHolder .col-5 {float:left;width:98%}
	.archiveHolder .col-10 {float:left;width:98%}
	.archiveHolder .col-35 {float:left;width:98%}
	.archiveHolder .col-25 {float:left;width:98%}
	.archiveHolder .col-75 {float:left;width:98%}
	.archiveHolder .col-15 {float:left;width:98%}
	.archiveHolder .col-100 div:nth-child(odd){width:98%}
	
	#quickQuote{display:none}
	.subTabedNav .tabs-navCon{width:100%}
	.subTabedNav .tabs-nav{width:99%}
	.subTabedNav .tabs-nav li {width: 40%;}
	.subTabedNav .tabs-container{width:99%}
	.newMarketPer{width:95%}
	#containerMarPer .tabs-container .tableDiv{width:95%}	
	#egxData .quoteItemData{width:47%}
	.surgicalTradesDiv #egxData .quoteItemData{width:80%}
	.mp .tabs-nav {width:95%}
	.mp .tabs-nav li{width:48%}	
	#bodyContent .mp .tabs-nav {width:95%}
	#bodyContent .mp .tabs-nav li{width:25%}
	#footer{height:26px}
	.baDiv{width:45%}
	
	.egxDataChartContainer{width:100%}
	.egxDataChartContainer #egxData{width:100%}
	.egxDataChartContainer #egxData .quoteItemData{width:47%}
	.chart-container {width: 100%}
	.colV3{width:96%}
	.colV3:nth-child(n+2){margin-left:0em}
}

@media(min-width:650px)
{
	#leftColv3{width:99%;float:none}
	#rightColv3{width:99%;float:none}
	.leftSide{clear:both;width:99.5%;float:none}
	.rightSide{clear:both;width:99.5%;float:none}
	#leftSide{width:50%;float:left}
	#rightSide{width:50%;float:right}
	.leftSideNarrow{clear:both;width:99.5%;float:none;}
	.rightSideNarrow{clear:both;width:99.5%;float:none;}
 	.wrap {width:90%;margin:0 auto}	
 	.wrap .subccImg{width:29%}
 	.wrap .subccImgh3{width:25%;padding:1em} 	
	/*.tableDiv {width: 98%;}*/
	.tableDiv {width: 45%;float:left}
	.techBanner{width:92%}
	.callusDiv{width:92%}
	.nlDiv{width:96%}	
	.rightSide .recentListDiv{clear:both}
	.col-100 div:nth-child(n+2) {text-align: left;}
	/*.addOrderDiv div{border:1px solid }*/
	.addOrderDiv .col-5 {float:left;width:48%}
	.addOrderDiv .col-10 {float:left;width:48%}
	.addOrderDiv .col-35 {float:left;width:48%}
	.addOrderDiv .col-25 {float:left;width:48%}
	.addOrderDiv .col-75 {float:left;width:48%}
	.addOrderDiv .col-15 {float:left;width:48%}
	.addOrderDiv input[type=checkbox] {margin: 0.7em;}
	.addOrderDiv .col-100 div:nth-child(odd){width:48%}
	.addOrderDiv .col-spacer{width:2%!important;}
	.addOrderDiv .priceOp{width:45% !important;}
	
	.archiveHolder .col-5 {float:left;width:7%;margin-top: 0.5em;}
	.archiveHolder .col-spacer {float:left;width:2%;margin-top: 0.5em;}
	.archiveHolder .col-10 {float:left;width:10%}
	.archiveHolder .col-35 {float:left;width:35%}
	.archiveHolder .col-25 {float:left;width:25%}
	.archiveHolder .col-75 {float:left;width:71.5%}
	.archiveHolder .col-15 {float:left;width:15%}	
	
	#quickQuote{display:none}
	.subTabedNav .tabs-navCon{width:90%;}
	.subTabedNav .tabs-nav{width:12%}
	.subTabedNav .tabs-nav li {width: 100%;}
	.subTabedNav .tabs-container{width:83%}
	.newMarketPer{width:47%}
	#containerMarPer .tabs-container .tableDiv{width:46%}	
	#egxData .quoteItemData{width:30%}
	.surgicalTradesDiv #egxData .quoteItemData{width:85%}
	.mp .tabs-nav {width:95%}
	.mp .tabs-nav li{width:48%}	
	#bodyContent .mp .tabs-nav {width:95%}
	#bodyContent .mp .tabs-nav li{width:20%}
	#footer{height:26px}
	.baDiv{width:45%}
	
	.egxDataChartContainer{width:100%}
	.egxDataChartContainer #egxData{width:28%}
	.chart-container {width: 72%}
	.colV3{width:96%}
	.colV3:nth-child(n+2){margin-left:0em}

}


@media(min-width:800px)
{
	#leftColv3{width:64%;float:left}
	#rightColv3{width:34%;float:right}
	/*.leftSide{clear:none;width:65%;float:left;}
	.rightSide{clear:none;width:35%;float:right;}*/
	.leftSide{clear:none;width:70%;float:left;}
	.rightSide{clear:none;width:30%;float:right;}
	#leftSide{width:49%;float:left;}
	#rightSide{width:49%;float:right;}
	.leftSideNarrow{clear:none;width:56%;float:left;}
	.rightSideNarrow{clear:none;width:44%;float:right;}
 	.wrap {width:99.9%;margin:0 auto}	
 	.wrap .subccImg{width:31%}
 	.wrap .subccImgh3{width:21%;padding:1em}	
	.followUs{width:89%;float:none}
	.techBanner{width:89%}
	.fvbanner{width:89%;background-image:none}
	.tableDiv {width: 99%;float: none;}
	.techBanner{width:89%}
	.callusDiv{width:89%}
	.nlDiv{width:96%}
	
	.rightSide .recentListDiv{clear:both}
	.col-100 div:nth-child(n+2) {text-align: left;}
	/*.addOrderDiv div{border:1px solid }*/
	.addOrderDiv .col-5 {float:left;width:48%}
	.addOrderDiv .col-10 {float:left;width:48%}
	.addOrderDiv .col-35 {float:left;width:48%}
	.addOrderDiv .col-25 {float:left;width:48%}
	.addOrderDiv .col-75 {float:left;width:48%}
	.addOrderDiv .col-15 {float:left;width:48%}
	.addOrderDiv input[type=checkbox] {margin: 0.7em;}
	.addOrderDiv .col-100 div:nth-child(odd){width:48%}
	.addOrderDiv .col-spacer{width:2%!important;}
	.addOrderDiv .priceOp{width:46% !important}
	
	.archiveHolder .col-5 {float:left;width:7%;margin-top: 0.5em;}
	.archiveHolder .col-spacer {float:left;width:2%;margin-top: 0.5em;}
	.archiveHolder .col-10 {float:left;width:10%}
	.archiveHolder .col-35 {float:left;width:35%}
	.archiveHolder .col-25 {float:left;width:25%}
	.archiveHolder .col-75 {float:left;width:71.5%}
	.archiveHolder .col-15 {float:left;width:15%}
	.archiveHolder .col-100 div:nth-child(odd){width:14%}
	.archiveHolder .col-spacer{width:2%!important;}
	.archiveHolder .priceOp{width:46% !important}
	
	
	#quickQuote{display:block}
	<!-- .col-100 div:nth-child(n+2){text-align:right} -->
	.subTabedNav .tabs-navCon{width:100%;}
	.subTabedNav .tabs-nav{width:12%}
	.subTabedNav .tabs-nav li {width: 100%;}
	.subTabedNav .tabs-container{width:83%}
	#containerMarPer .tabs-container .tableDiv{width:31%}
	.newMarketPer{width:32%}
	#egxData .quoteItemData{width:18%}
	.surgicalTradesDiv #egxData .quoteItemData{width:42%}
	.leftSideFc{width:65%}
	.rightSideFc{width:34%}
	.mp .tabs-nav {width:50%}
	.mp .tabs-nav li{width:48%}	
	#bodyContent .mp .tabs-nav {width:60%}
	#bodyContent .mp .tabs-nav li{width:18%}	
	#footer{height:30px}
	.baDiv{width:40%}	
	
	
	.egxDataChartContainer{width:70%}
	.egxDataChartContainer #egxData{width:20%}
	.chart-container {width:68%}
	.colV3{width:45%}
	.colV3:nth-child(n+2){margin-left:0.5em}
	
	
}


@media(min-width:1150px)
{
	#leftColv3{width:64%;float:left}
	#rightColv3{width:34%;float:right}
	.leftSide{clear:none;width:74%;float:left;}
	.rightSide{clear:none;width:25.5%;float:right;}
	#leftSide{width:49%;float:left;}
	#rightSide{width:49%;float:right;}
	.leftSideNarrow{clear:none;width:66%;float:left;}
	.rightSideNarrow{clear:none;width:32%;float:right;}
 	.wrap {width:99.9%;margin:0 auto}	
 	.wrap .subccImg{width:31%}
 	.wrap .subccImgh3{width:21%;padding:0.5em}	
	.followUs{width:91.8%;float:none}
	.fvbanner{background:url(/images1/fv.png) #114c86 right no-repeat}
	.tableDiv {width: 98%;float: none;}
	.techBanner{width:90%}
	.callusDiv{width:90%}
	.nlDiv{width:98%}
		
	.addOrderDiv .col-100 .col-5 {float:left;width:7%!important;margin-top: 0.5em;}
	.addOrderDiv .col-100 .col-10 {float:left;width:10%!important;margin-top: 0.5em;}
	.addOrderDiv .col-100 .col-35 {float:left;width:35%!important;margin-top: 0.5em;}
	.addOrderDiv .col-100 .col-25 {float:left;width:20%!important;margin-top: 0.5em;}
	.addOrderDiv .col-100 .col-75 {float:left;width:67.5%!important;margin-top: 0.5em;}
	.addOrderDiv .col-100 .col-15 {float:left;width:15%!important;margin-top: 0.5em;}	
	.addOrderDiv .col-5 {float:left;width:7%;margin-top: 0.5em;}
	.addOrderDiv .col-spacer {float:left;width:2%;margin-top: 0.5em;}
	.addOrderDiv .col-10 {float:left;width:10%}
	.addOrderDiv .col-35 {float:left;width:35%}
	.addOrderDiv .col-25 {float:left;width:25%}
	.addOrderDiv .col-75 {float:left;width:71.5%}
	.addOrderDiv .col-15 {float:left;width:15%}
	.addOrderDiv .col-spacer{width:2%!important;}
	.addOrderDiv .priceOp{width:46% !important}
	
	.archiveHolder .col-100 .col-5 {float:left;width:7%!important;margin-top: 0.5em;}
	.archiveHolder .col-100 .col-10 {float:left;width:10%!important;margin-top: 0.5em;}
	.archiveHolder .col-100 .col-35 {float:left;width:35%!important;margin-top: 0.5em;}
	.archiveHolder .col-100 .col-25 {float:left;width:20%!important;margin-top: 0.5em;}
	.archiveHolder .col-100 .col-75 {float:left;width:67.5%!important;margin-top: 0.5em;}
	.archiveHolder .col-100 .col-15 {float:left;width:15%!important;margin-top: 0.5em;}	
	.archiveHolder .col-5 {float:left;width:7%;margin-top: 0.5em;}
	.archiveHolder .col-spacer {float:left;width:2%;margin-top: 0.5em;}
	.archiveHolder .col-10 {float:left;width:10%}
	.archiveHolder .col-35 {float:left;width:35%}
	.archiveHolder .col-25 {float:left;width:25%}
	.archiveHolder .col-75 {float:left;width:71.5%}
	.archiveHolder .col-15 {float:left;width:15%}
	
	
	#quickQuote{display:block}
	.subTabedNav .tabs-navCon{width:100%;}
	.subTabedNav .tabs-nav{width:12%}
	.subTabedNav .tabs-nav li {width: 100%;}	
	.subTabedNav .tabs-container{width:83%}
	#containerMarPer .tabs-container .tableDiv{width:31%}
	.newMarketPer{width:32%}
	#egxData .quoteItemData{width:18%}
	.surgicalTradesDiv #egxData .quoteItemData{width:42%}
	.leftSideFc{width:65%}
	.rightSideFc{width:34%}
	.mp .tabs-nav {width:50%}
	.mp .tabs-nav li{width:48%}	
	#bodyContent .mp .tabs-nav {width:60%}
	#bodyContent .mp .tabs-nav li{width:18%}	
	#footer{height:35px}
	.baDiv{width:23%}
	
	.egxDataChartContainer{width:73%}
	.egxDataChartContainer #egxData{width:20%}
	.chart-container {width:78%}
	.colV3{width:31.25%}
	.colV3:nth-child(n+2){margin-left:0.5em}
}