﻿body 
{
    margin:0px;
    font-size:12px;
    font-family: Tahoma, Arial;
    color:#333333;
}

A:link, A:active, A:visited 
{
	/*font-family: Tahoma, Arial, sans-serif;	
	font-size:11px;*/
font-weight:bold;

	color: #1575ce;
	text-decoration: underline;
}
A:visited {color: #5285b5;}
A:hover {color: #5b6a78;text-decoration: none;}

a.buttonLink {background-color:#e0f1fb;padding:3px;border:1px solid #5babea;font-weight:bold; text-decoration:none;}
a.buttonLink:hover  {background-color:#cae4f4;}

input, select {margin-bottom:2px;}
ul {margin-top:0px;padding-left:15px;margin-left:expression('5px');list-style-type:square;}
ul li {margin-bottom:2px;}

#mainContainer
{
  /*  background-image: url(images/main/bg/header.png);
    background-repeat: repeat-x;
    background-position: top;*/
    width:800px; 
    position:relative; left:48%; 
    margin-left:-400px;
    padding-left:25px;
    padding-right:25px;
}

/* Text and Header Styles */
/* ----------------------------------------- */
label.form
{
    padding-top:4px;
    padding-right:4px;
    margin-right:4px;
    clear:both;
    width:120px;
	float: left;
	text-align: right;
}

label.formBold
{
    padding-top:0px;
    padding-right:4px;
    margin-right:4px;
    clear:both;
    width:110px;
	float: left;
	font-weight:bold;
	text-align: right;
}
.clear {clear:both;}
.left {float:left;}
.bold {font-weight:bold;}
.normal {font-weight:normal !important;}
.centerText {text-align:center;}
.text {padding-left:10px;}
.small {font-size:11px;}
.superSmall {font-size:10px;}
.textGreen {color:#339900;}
.textGraySmall {color:#999999;font-size:11px;}
.framedText {padding-left:0px;border:1px solid #cccccc;width:535px;padding-left:10px;padding-top:10px;padding-right:5px;padding-bottom:10px;}
*html .framedText {width:533px;}
.framedList {border-left:2px solid #4cb700;margin-left:20px;padding-left:10px;margin-bottom:15px;}
.ast {color:Red;}
.formError {margin-top:0px;padding: 10px 10px 15px 50px;background: #ffc url(images/main/pics/largeicon-cross.gif) no-repeat scroll 3px 3px;border: 1px solid #ccc;margin-bottom: 10px;min-height:20px;}
.formInfo {margin-top:0px;padding: 10px 10px 15px 50px;background: #ffc url(images/main/pics/largeicon-help.gif) no-repeat scroll 3px 3px;border: 1px solid #ccc;margin-bottom: 10px;min-height:20px;}

.header1
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:Black;
    font-size:17px;
    padding-bottom:15px;
    padding-top:10px;
}
.header1Gray
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:#666666;
    font-size:17px;
    padding-bottom:5px;
}
.header1Pink
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:#ff7abc;
    font-size:17px;
    padding-top:10px;
    padding-bottom:10px;
}
.header1Green
{
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    color:#339900;
    font-size:17px;
    padding-bottom:5px;
}

.header2
{
    clear:both;
    font-family:Tahoma, Arial, Sans-Serif;
    font-weight:bold;
    color:#1575ce;
    font-size:14px;
    padding-bottom:15px;
    padding-top:10px;
}
.header2Blue
{
    font-family:Tahoma, Arial, Sans-Serif;
    font-weight:bold;
    color:#1575ce;
    font-size:14px;
    padding-bottom:15px;
    padding-top:10px;
}
.header2Gray
{
    font-family:Tahoma, Arial, Sans-Serif;
    font-weight:bold;
    color:#666666;
    font-size:14px;
    padding-bottom:15px;
    padding-top:10px;
}
.header2Green
{
    font-family:Tahoma, Arial, Sans-Serif;
    font-weight:bold;
    color:#339900;
    font-size:14px;
    padding-bottom:15px;
    padding-top:10px;
}

.header3
{
    clear:both;
    font-family:Tahoma, Arial, Sans-Serif;
    font-weight:bold;
    color:Black;
    font-size:12px;
    padding-bottom:15px;
    padding-top:10px;
}

/* Page Header Styles */
/* ----------------------------------------- */
#mainContainer .header {height:157px;border-bottom: 3px solid #1b88e3;}
#mainContainer .header .rightSide {position:absolute;left:290px;top:15px;width:550px;}
#mainContainer .header .logo {padding-top: 42px;position:relative;left:0px;}
#mainContainer .header .rightSide .slogan {position:relative;left:20px;top:10px;color:#5b6a78;font-size:11px;width:300px;}
#mainContainer .header .rightSide .control {position:absolute;left:310px;top:0px;color:#313a42;font-size:11px;}
#mainContainer .header .rightSide .control .time {color:#8ba6bb;font-size:11px;}
#mainContainer .header .rightSide .control .login {padding-top: 15px;font-size:11px;}

/**/
#simpleContainer {background-repeat: repeat-x;background-position: top;width:100%; }
#simpleContainer .header {height:100px;border-bottom: 3px solid #1b88e3;}
#simpleContainer .header .rightSide {position:absolute;left:290px;top:15px;}
#simpleContainer .header .logo {padding-top: 5px;padding-left:25px;position:relative;left:0px;}
#simpleContainer .header .rightSide .slogan {position:relative;left:20px;top:10px;color:#5b6a78;font-size:11px;width:300px;}
#simpleContainer .content {clear:both;margin-top:1px;border-top: 1px solid #ececec;padding-top:12px;padding-left:20px;padding-right:20px;position:inherit;}
#simpleContainer .footer {clear:both;padding-top:0px;border-top: 1px solid #ececec;}
#simpleContainer .footer A:link, #simpleContainer .footer A:active, #simpleContainer .footer A:visited {color:#333333;}
#simpleContainer .footer A:hover {color: #5b6a78;text-decoration: underline;}


.headerLink:link, .headerLink:active, .headerLink:visited {font-family: Tahoma, Arial, sans-serif; font-weight:normal;color: #313a42;text-decoration: underline;}
.headerLink:hover {color: #5b6a78;font-weight:normal;text-decoration: underline;}

#mainContainer .spacer {clear:both;height:10px;}

/* Content Styles */
/* ----------------------------------------- */
#mainContainer .content
{
    clear:both;
    margin-top:1px;
    border-top: 1px solid #ececec;
    padding-top:12px;
    width:100%;
    height:auto;
    position:inherit;
}
.sideBarAlignLeft {margin:auto 10px 10px auto;}
/* Footer Styles */
/* ----------------------------------------- */
#mainContainer .footer {clear:both;padding-top:5px;border-top: 1px solid #ececec;}
#mainContainer .footer A:link, #mainContainer .footer A:active, #mainContainer .footer A:visited {color:#333333;}
#mainContainer .footer A:hover {color: #5b6a78;text-decoration: underline;}

/* Common Styles */
/* ----------------------------------------- */
#mainContainer .content .leftColumn {width: 240px;margin-right:10px;clear:both;float:left;}
#mainContainer .content .rightColumn {float:left;width:550px;}

/* Tooltips */
/* ----------------------------------------- */
img.Tips {padding-left:3px;width:16px;height:16px;vertical-align:middle;cursor:pointer;}
.tool-tip {color: #fff;width: 200px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: white;padding: 8px 8px 4px;background: url(images/main/blocks/bubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(images/main/blocks/bubble.png) bottom right;}

/*top menu*/
/* ----------------------------------------- */
#mainContainer .header .rightSide .menu {position:absolute;top:30px;width:520px;}
.menu .level0TDStyle1 {background:#4bb603 url(images/main/bg/topmenu/top_green.gif) -5px 0px;border-right: 1px solid white;height:37px;float:left;color:White;font-weight:bold;text-align:center;cursor:pointer;}
.menu .level0TDFirstStyle1 {background: #4bb603 url(images/main/bg/topmenu/top_green.gif) top left;border-right: 1px solid white;height:37px;float:left;color:White;font-weight:bold;text-align:center;cursor:pointer;}
.menu .level0TDLastStyle1 {background:#4bb603 url(images/main/bg/topmenu/top_green.gif) top right;height:37px;float:left;color:White;font-weight:bold;text-align:center;cursor:pointer;}
.menu .level0TDStyle1Selected {}
.menu .level0TDStyle2 {background:#58748b url(images/main/bg/topmenu/bg_gray.gif);border-right: 1px solid white;height:37px;float:left;color:White;font-weight:bold;text-align:center;vertical-align:middle;cursor:pointer;}
.menu .level0TDFirstStyle2 {background:#58748b url(images/main/bg/topmenu/top_gray.png) top left;border-right: 1px solid white;height:37px;float:left;color:White;font-weight:bold;text-align:center;cursor:pointer;}
.menu .level0TDLastStyle2 {background:#58748b url(images/main/bg/topmenu/top_gray.png) top right;height:37px;float:left;color:White;font-weight:bold;text-align:center;cursor:pointer;}
.menu .level0TDStyle2Selected {}
.menu .level0A, .menu .level0A:link, .menu .level0A:active, .menu .level0A:visited {margin-top:8px;color:White;text-decoration:none;height:23px;}
.menu .level0A:hover {text-decoration:underline;}
#mainContainer .header .subMenu {clear:both;padding-top: 4px;padding-left: 10px;font-size:11px;}
.subMenu .link, .subMenu .link:link, .subMenu .link:active, .subMenu .link:visited {color: #1575ce;font-weight:bold;}
.subMenu .link:hover {text-decoration:none;}
.subMenu .activeLink {font-weight:bold;font-size:11px;color: #5b6a78;}

/*big menu on home page*/
/* ----------------------------------------- */
#kwick {position: relative;margin:0px;}
#kwick .kwicks {display: block;height: 153px;margin: 0px;font-weight:normal;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;padding:0pt;}
#kwick li {float: left;}
li:after {content: "";}
#kwick .kwick {display: block;cursor: pointer;overflow: hidden;height: 153px;width: 106px;background: #fff;border-right: 2px solid #fff;}
a.kwick:link, a.kwick:active, a.kwick:visited, a.kwick:hover {font-weight:normal;text-decoration:none;color:#c2e1ff;}
#kwick .kwick span {display: none;}
#kwick .kwick div {padding-top:55px;padding-left:12px;}
#kwick .realtime {background: #3c89c7 url(images/main/bg/sitemenu/sitemenu.gif) no-repeat 0px 0px;}
#kwick .toppicks {background: #3c89c7 url(images/main/bg/sitemenu/toppicks.gif);}
#kwick .vector {background: #3c89c7 url(images/main/bg/sitemenu/sitemenu.gif) no-repeat -180px 0px;}
#kwick .portfolio {background: #3c89c7 url(images/main/bg/sitemenu/sitemenu.gif) no-repeat -360px 0px;}
#kwick .calculator {background: #3c89c7 url(images/main/bg/sitemenu/sitemenu.gif) no-repeat -540px 0px;}
#kwick .emailalerts {background: #3c89c7 url(images/main/bg/sitemenu/sitemenu.gif) no-repeat -720px 0px;}

/* Blocks */
/* ----------------------------------------- */
.b1_container {width:100%; padding-bottom:5px;margin-bottom:10px;}
.b1_content {clear:both;background-color: #e0f1fb;padding-left:5px;padding-right:5px;}
.b1_lt {width:50%;height:9px;float:left;background:#e0f1fb url(images/Main/Blocks/b1.gif) no-repeat left 0px;}
.b1_rt {width:50%;height:9px;float:right;background:#e0f1fb url(images/Main/Blocks/b1.gif) no-repeat right 0px;}
.b1_lb {clear:both;width:50%;height:9px;float:left;background:#e0f1fb url(images/Main/Blocks/b1.gif) no-repeat 0px bottom;}
.b1_rb {width:50%;height:9px;float:right;background:#e0f1fb url(images/Main/Blocks/b1.gif) no-repeat right bottom;}

/* Grids */
/* ----------------------------------------- */
/* Basic Grid */
.basicGrid {background-color:White;width:100%;border: 1px solid #CCCCCC;border-collapse:collapse;}
.basicGridHeader, .basicGrid thead tr {color:#666666;font-weight:bold;font-size:11px;background:url(images/Main/BG/Grids/headerT1.gif) repeat-x;}
.basicGrid .trAlt {background-color:WhiteSmoke;}
.basicGrid td {padding:4px;}
.basicGridCond td {padding:0px 2px 0px 2px;}

/* Portfolio Grid */
.portfolioGrid {}
.portfolioGrid tr.row-high-corridor { background-color: #f5b1b1;}
.portfolioGrid tr.row-low-corridor { background-color: #cde7fb;}

/* Deposit Grid */
.depositGrid {background-color:White;width:100%;border: 1px solid #CCCCCC;}
.depositGridHeader {height:25px;color:#339900;font-weight:bold;font-size:11px;background:url(images/Main/BG/Grids/headerT1.gif) repeat-x;}
.depositGridRow {height:17px;font-size:11px;}
.depositCompany {font-weight:bold;}

/* First Page Steps */
.imageColumn {width:70px;height:80px;vertical-align:top;padding-bottom:10px;}
.imageColumn div {height:70px; width:70px;background: url(images/Main/Pics/step.png) no-repeat;}
.imageColumn .i1 {background-position: 0px 0px;}
.imageColumn .i2 {background-position: 0px -70px;}
.imageColumn .i3 {background-position: 0px -140px;}
.imageColumn .i4 {background-position: 0px -210px;}
.imageColumn .i5 {background-position: 0px -280px;}
.textColumn {vertical-align:top;padding-bottom:20px;}

/* Company Finder */
.negativeBarBG {float:left;border: 0px solid #ffa9a9;background-color:#f7eded;width:70px;height:7px;font-size:1px;}
.negativeBarFG {float:right;background-color:#fe4040;height:7px;font-size:1px;}
.positiveBarBG {float:left;border: 0px solid #a3fbb4;background-color:#e7ffd5;width:350px;height:7px;font-size:1px;}
.positiveBarFG {background-color:#4ab502;height:7px;font-size:1px;}
.barCaption {padding-bottom:2px;}
.barValue {float:left;font-size:9px;padding-left:10px;}
.barValueLeftSpace {float:left;font-size:9px;padding-left:30px;}
.barHeader {float:left;font-size:15px;padding-left:10px;font-weight:bold;}
.barHeaderLeftSpace {float:left;font-size:15px;padding-left:30px;font-weight:bold;}
.barHeaderNoSpace {float:left;font-size:15px;font-weight:bold;}
.barHeaderWithSpace {margin-left:290px;float:left;font-size:15px;padding-left:10px;font-weight:bold;}
/* Vector Screener */
.bar {margin-right:2px;width:15px;float:left;font-size:1px;}
.positive {background-color:#4ab502;}
.positiveBlank {background-color:#e7ffd5;font-size:1px;}
.negative {background-color:#f7eded;}
.negativeBlank {background-color:#fe4040;font-size:1px;}
.bar1 {height:5px;margin-top:12px;}
.bar2 {height:8px;margin-top:9px;}
.bar3 {height:11px;margin-top:6px;}
.bar4 {height:14px;margin-top:3px;}
.bar5 {height:17px;}
.bar1negative {height:5px;}
.bar2negative {height:8px;}
.bar3negative {height:11px;}
.bar4negative {height:14px;}
.bar5negative {height:17px;}
.vectorValue {float:right;font-weight:bold;font-size:12px;}

/* Autocompleter */
/* ----------------------------------------- */
div.autocompleter-loading-holder{float:left;width:20px;height:20px;}
div.autocompleter-loading {float: left;clear: right;background:	#fff url(images/Main/Load/spinner.gif) no-repeat center;width: 20px;height: 16px;}
ul.autocompleter-choices {position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;z-index:50;width:450px;}
ul.autocompleter-choices li {position:relative;padding:2px 5px 2px 5px;cursor:pointer;font-weight:normal;font-size:11px;height:1%;}
ul.autocompleter-choices li .symbol {width:90px; float:left;clear:both;}
ul.autocompleter-choices li .name {width:240px;float:left;}
ul.autocompleter-choices li .exchange {width:110px; text-align:right; float:left;color:#999999;}
ul.autocompleter-choices li.autocompleter-selected {background-color: #444;color: #fff;}
ul.autocompleter-choices span.autocompleter-queried {font-weight: bold;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color: #9FCFFF;}

/* ForePage Styles */
/* ----------------------------------------- */
.companyRow {background-color:#5babea;font-weight:bold;font-size:14px;color:White;padding: 2px 2px 2px 5px;margin-bottom:5px;}
.companyRow #companyStock {font-size:11px;font-weight:normal;}
.companyRow a {color:White; font-weight:normal;}

#rtt {font-family:Arial; }
#rtt #currentPrice {font-size: 30px;font-weight:bold; margin-bottom:8px;}
#rtt #priceChange {font-weight:bold; margin-bottom:4px;}
#rtt #lastTradeDate {margin-bottom:4px;margin-bottom:12px;}
#rtt #priceChange.up, .priceUp {padding-left:15px; color:#008800;background: url(images/main/icons/up_g.gif) no-repeat;}
#rtt #priceChange.down, .priceDown  {padding-left:15px; color:#cc0000;background: url(images/main/icons/down_r.gif) no-repeat;}
#rtt #tools {border:1px solid #e3e3e3; background: #ffffd6; font-size:11px; padding:3px 0px 3px 6px; width:110px;}
#rtt #tools a {font-weight:normal;text-decoration:none;}
#rtt #tools a.portfolio{background: url(images/main/icons/add12x12.gif) no-repeat; padding:0px 0px 2px 17px;}
#rtt #tools a.profit{background: url(images/main/icons/profit12x12.gif) no-repeat; padding:0px 0px 2px 17px;}
#rtt #tools .tool {margin:3px 0px 6px 0px;}
#rtt #tools .toolLast {margin:0px 0px 3px 0px;}

#rtt #currentPriceContainer {width:110px;vertical-align:top;}
#rtt td {white-space:nowrap;padding:3px 0px 1px 0px;}
#rtt .spacer {width:20px;}
#rtt .spacerLast {border-bottom:1px dotted #e3e3e3;}
#rtt .key {border-bottom:1px dotted #e3e3e3; width:18%;}
#rtt .val {border-bottom:1px dotted #e3e3e3; width:18%; font-weight:bold; text-align:right; }
#rtt .valnew {background-color:#f0e68c; font-weight:bold;text-align:right; }


#predictionStatus {text-align:center;margin:10px 0px 10px 0px;}
#predictionChart {
    height:450px;
}
#predictionTable {margin:20px 0px 10px 0px;}
.companyNewsItem {margin: 5px 0px 5px 0px;}

/* Tabs */
/* ----------------------------------------- */
.tab-wrapper {padding: 12px 10px 12px 10px;border:1px solid #e3e3e3;}
.tab-menu {list-style:none;clear:both;line-height:17px;font-size:12px;padding:2px 0px 0px 0px;margin:10px 0px 2px 0px;}
.tab-menu li {display:inline;margin:0px 4px 0px 0px;}
.tab-menu li a {padding:3px 10px 3px 10px;background-color:	#f5f5f5;color:#222;font-weight:bold;text-decoration:none;}
.tab-menu li a:hover, .tab-menu li a:focus{background-color:#e0f1fb;border-bottom-color:#999;}
.tab-menu li a:hover {background-color:#e0f1fb;border-bottom-color:#999;}
.tab-menu li.tab-selected a {color:White;background-color:#5babea;}

/* Accordion */
/* ----------------------------------------- */
.acc-header {background: #FFFFFF url(images/Main/BG/Grids/headerT1.gif) repeat-x; border:1px solid #CCCCCC; padding:4px; color:#339900; font-weight:bold; margin:0px 1px 2px 0px;}
.acc-header div
{
    float:right; 
    height:19px;
    position:static;
}
.acc-container {padding:1px;}

/* Other */
/* ----------------------------------------- */
.fFBannerBlock {background: url(images/main/pics/forex-forecasting.png) no-repeat top left; height:137px; width:222px; text-align:center; margin:0px 5px 10px 3px;}
.fFBannerBlock a.bannerLink {display:block; height:70px; width:222px;}
.fFBannerBlock .text {padding:0px 3px 5px 3px; font-family:Arial, Tahoma, Helvetica, Verdana;color: #333333; font-size:11.5px;}
.fFBannerBlock .link {padding-top:7px;}


/*tradespoon theme mod for buttons and input fields*/
input[type="button"] {
  -moz-user-select: none;
  background-color: #035995;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  height: auto !important;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  vertical-align: middle;
  white-space: nowrap;
  width: auto !important;
}
input[type="button"]:hover{
  background-color: #024e80;
  border-color: #024e80;
  color: #fff;
}
input[type="text"], input[type="password"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 22px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.companyRow,.tab-menu li.tab-selected a,.tab-menu li.tab-selected a:hover {background-color: #035995;}
.companyRow1,.tab-menu li.tab-selected a,.tab-menu li.tab-selected a:hover {background-color: #f0e68c; }

.tab-menu li a:hover{background:rgba(3, 89, 149, 0.2);}
label.form { font-size: 17px; line-height: 1.5em;}
body {font-family: "arial",sans-serif;}
.b1_lt ,.b1_rt,.b1_content,.b1_rb,.b1_lb{  background:rgba(3, 89, 149, 0.2);}
.b1_lt {border-radius: 4px 0 0 0;}
.b1_rt{border-radius: 0 4px 0 0;}
.b1_rb {border-radius: 0 0 5px;}
.b1_lb {border-radius: 0 0 0 5px;}
/* table tds*/

.amcharts-chart-div a[title='JavaScript charts'] {
    z-index: -1;
}
.amChartsButton.amcharts-period-input, .amChartsButtonSelected.amcharts-period-input-selected {
    padding: 0 5px;
    font-size: 10px;
}
.amChartsPeriodSelector {
    font-size: 10px;
    padding: 10px 0;
}
.chart-legend {
    padding-top:20px;

}
.VueTables__limit select {
    height: 34px;
}