body{
	padding-top:56px;  /* Be sure content starts below the navbar*/
  background-color:black;
  color:darkgray;
}

::-webkit-scrollbar {  /* Must be present or scrollbar styling will not work */
  background: #FF0000;
}


::-webkit-scrollbar-track {
	background:#202020;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:#101010;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#101010;
}

/* Create a fixed width column for the weather */
.col-fixed {
	position:relative;
	min-height:1px;
	padding-right:0px;
	padding-left:0px;
	float:left;
	width:100%;
}

.col-fluid {
	position:relative;
	min-height:1px;
	padding-right:3px;
	padding-left:5px;
	float:left;
	width:100%;
}

@media (min-width:768px) {
  .col-fixed {
	width:490px;
	}

.col-fluid {
	width:calc(100% - 490px);
	}
}

.panel {
	margin-bottom:0 !important;
	border-radius:4px 4px 0px 0px;
  background-color:#171717;
  border-color:#329aff;
}

.panel-primary>.panel-heading {
  color:white;
  background-color:#329aff;
  border-color:#329aff;
}

.dropdown-menu {
	min-width:10px;
  background-color:#282828;
  color:#bcbcbc;
}

.dropdown-menu>li>a {
  color:white;
}

.popover {
  max-width:800px !important;
	background-color:#329aff;
  border-color:black;
	color:white;
}

.popover-content>ul>li {
	padding-top:5px;
}

.popover.left .arrow:after {
	color:#000;
	border-left-color:#329aff;
}

.popover.left .arrow {
  border-left-color:black;
}

.popover.top .arrow:after {
	color:black;
	border-top-color:#329aff;
}

.popover.top .arrow {
  border-top-color:black;
}

.popover.top {
	max-width:350px !important;
	width:auto !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color:#D8D8D8;
}

.navbar-inverse .navbar-nav>li>a {
  color:#BCBCBC;
}

.nav>li>a {
	color:#BCBCBC !important;
 	background-color:#222 !important;
 	padding-top: 15px;
 	padding-bottom: 0px;
}

.navbar-inverse .navbar-brand {
  color:#BCBCBC;
}

.fixed-panel {
	height:calc(100vh - 107px);
	overflow-y:auto;
	padding:5px !important;
}

.item {
  padding:5px;
  background-color:#171717;
}

.link {
	color:#329aff;
  font-size:larger;
  font-family:sans-serif;
  font-weight:500;
  text-decoration:none;
}

.link:link, .link:visited, .link:focus, .link:hover, .link:active {
  color:#329aff;
  text-decoration:none;
}

.odd {
  background-color:#1F1F1F;
	border-radius:5px;
}

.desc {
    margin-top:3px;
    color:#c8c8c8;
}

img {
  max-width:50%;
}

.desc>img, figure>a>img {
	overflow:hidden;
	position:relative;
	max-width:50%;
	height:auto;
	display:block;
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}

.pub {
  font-size:xx-small;
	font-style:italic
}

.weather {
  width:100%;
  line-height:11px;
	font-size:10px;
	position:relative;
	clear:both;
}

.stocks {
  margin-left:auto;
  margin-right:auto;
  width:340px;
	font-size:10px;
	position:relative;
	clear:both;
}

.wxitem {
	position:relative;
	clear:both;
	float:left;
	width:100%;
}

.wxcty {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
	color:#329aff;
  font-size:14px;
  line-height:15px;
	font-family:sans-serif;
  font-weight:500;
}

.cimg {
  display:block;
  margin-left:auto;
  margin-right:auto;
	width:30px;
	clear:both;
}

.wxdata {
	position:relative;
  width:480px;
  margin-left:auto;
  margin-right:auto;
}

.wxcond {
  font-size:larger;
	position:relative;
	float:left;
  width:100%;
  text-align:center;
}

.wxsrss {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
  margin-top:2px;
  margin-bottom:2px;
}

.wxdata_l1 {
	position:relative;
	float:left;
  width:100px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
}

.wxdata_r1 {
	position:relative;
	float:left;
  width:105px;
  text-align:left;
  color:#00C000;
}

.wxdata_l2 {
	position:relative;
	float:left;
  width:80px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
}

.wxdata_r2 {
	position:relative;
	float:left;
  width:185px;
  text-align:left;
  color:#00C000;
}

.wxalert {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
  color:#C00000;
  font-weight:bold;
}

.wxalert>img {
	vertical-align:baseline;
}

.wxtime {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
  padding-bottom:2px;
  font-size:smaller;
  font-style:italic
}

.wxdiv {
  width:98%;
  margin-left:auto;
  margin-right:auto;
  clear:both;
  padding-top:5px;
  padding-bottom:5px;
}

.wxdiv>hr {
	border-top:1px solid dimgray;
}

.wxdone {
  clear:both;
}

.fcsts {
  margin-left:auto;
  margin-right:auto;
  width:480px;
  font-size:x-small;
}

.wxsummary {
  font-size:8.5px;
  position:relative;
  float:left;
  text-align:center;
  width:100%;
	padding-left:2px;
  padding-right:2px;
  overflow-x:hidden;
}

.wxday {
  position:relative;
  float:left;
	text-align:center;
  width:100%;
  height:22px;
	font-weight:bold;
}

.wxfcstperiod {
  position:relative;
  float:left;
  width:60px;
}

.wxpop {
	text-align:center;
}

.wxsun {
	text-align:center;
}

.wxwind {
	text-align:center;
}

.wxfcst {
  position:relative;
  float:left;
  width:60px;
}

.fcstday {
  text-align:center;
  line-height:100%;
  color:#329aff;
  width:53px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:2px;
}

.fday {
	position:relative;
	float:left;
  text-align:left;
  width:60px;
}

.fnight {
	position:relative;
	float:left;
  text-align:right;
  width:60px;
}

.ftemp {
	position:relative;
	float:left;
  text-align:center;
  width:100%;
}

.fcstimg {
  width:20px;
  display:block;
  margin-left:auto;
  margin-right:auto;
	clear:both;
}

.fcstimg>img {
  width:20px;
  float:left;
}

.fcstpcp {
  text-align:center;
  font-size:x-small;
  line-height:100%;
  padding-bottom:5px;
}

.fcst {
  font-size:x-small;
  line-height:100%;
  text-align:left;
  width:61px;
}

hr {
	border-width:1px !important;
	border-top:1px solid dimgray;
	margin-bottom:5px !important;
	margin-top:5px !important;
}

.green {
  color:#00C000;
}

.yellow {
  color:#ECC600;
}

.red {
  color:#C00000;
}

.blue {
  color:#329aff;
}

.left {
	float:left;
}

.bold {
	font-weight:bold !important;
}

.mkthdr {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
	color:#329aff;
	font-family:sans-serif;
	font-size:larger;
  font-weight:500;
	line-height:11px;
	padding-bottom:3px;
	clear:both;
}

.mktfooter {
	position:relative;
	float:left;
  width:100%;
  text-align:center;
  padding-bottom:2px;
  font-size:smaller;
  font-style:italic
}

.mkttb {
	background:black;
  border-collapse:collapse;
  text-align:center;
	position:relative;
	clear:both;
	border:solid white 1px;
}

.mkttop {
	color:white;
  background-color:#329aff;
	font-weight:bold;
	font-size:11px;
  height:16px;
}

table.mkttb, table.mkttb>tbody>tr>td {
  border:1px solid #404040;
  padding-left:5px;
  padding-right:5px;
}

.center {
	text-align:center;
}

.c1 {
  width:60px;
}

.c2 {
  width:75px;
}

.c3 {
  width:70px;
}

.c4 {
  width:50px;
}

.c5 {
  width:70px;
}

.symname {
  color:#329aff;
  text-align:left;
}

.s_img {
  border:none;
  float:left;
}

#loading {
	display:none;
}