body{
    margin:0;
    padding: 0;
    background-image: url('graphingpaper.jpeg');
}
a {
  color: inherit;        /* use parent text color */
  text-decoration: none; /* remove underline if desired */
}

a:visited {
  color: inherit;        /* prevent purple visited color */
}

h1{
    font-size: 16pt;
}
div{
    font-family: 'Open Sans';
    font-size:10pt;
}
div#menubar{
    background-color: #01354b;
    min-height: 50px;
    clear: both;
    padding: 10px;
    color:white;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
div#rightbanner{
    float:right;
    min-width: 150px;
}
div.mainbody{
    margin: auto;
    background-color: white;
    max-width:1600px;
    width:calc(100%-100px);
    clear: both;
    overflow: auto;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
}
div.bodywidth{
    padding: 10px;
}

div div.pagetop{
    height: 60px; 
    background-image: url('header.jpg');
    background-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
div.menuhead{
    float: left;
    padding: 13px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
}

div.active{
    float: left;
    padding: 13px;
    background-color: #478aa6;
    z-index: 10;
}

div.menuhead:hoverx{
    float: left;
    padding: 13px;
    background-color: #62b4d6;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

div.hovered{
    float: left;
    padding: 13px;
    background-color: #62b4d6;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
div.menuhead a{
    text-decoration: none;
    color: white;
    z-index: 10;
}

div.menuitemsbox{
    background-color: #62b4d6;
    padding: 10px;
    float:left;
    min-height: 50px;
    min-width: 150px;
    clear: both;
    position: absolute;
    margin-top:30px;
    display: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;  
    border-bottom-left-radius: 10px;  
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
    
}

div.menuitemsbox p{
    cursor: pointer;
}
div.menuitemsbox p a{
    text-decoration: none;
    color:white;
}
div.menuitemsbox p:hover{
    cursor: pointer;
    color: beige;
}
div.menuitemsbox a:hover{
    cursor: pointer;
    color: beige;
}

div.button {
    display: inline-block;
    box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2);
    padding:5px;
    background-color:#62b4d6;
    clear: none;
    min-width:60px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    color:white;

}

div.button:active {
    background-color: lightgrey;
    color:black;
}

select {
  background-color: white;
  border: thin solid lightgrey;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;   
    
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select:focusddd {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

td a {
    text-decoration: none;
    color: black;
}

td a:hover {
    text-decoration: underline;
    color: black;
}

.lighttext{
    color:#62b4d6;
}

.LDPBox{
    float: right;
    border-radius: 10px;
    background-color: lightgray;
    padding: 10px;
    text-align: right;
}

.ProfileBox{
    float: right;
    background-color: white;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 20px;
    border: none;
    border-left: 1px solid lightgray;
    width: 300px;
    margin-left:10px;
}
.ProfileLabel{
    color:gray;
    vertical-align: top;
}

.ProfileValue{
    color:#01354b;;
    vertical-align: top;
}
.LDPBox h3.Up{
    color:green;
    background-image: url('up.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.LDPBox h3.Down{
    color:red;
    background-image: url('down.png');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.smallfont{
    font-size: 10pt;
}
#priceHistory{
    width: calc(100% - 350px);
    border:1px solid lightgray;
}

#priceHistory th, #mostActive th, #stocklist th, #topGainers th, #topLosers th{
    text-align: right;
    background-color: gray;
    color:white;
}
.Gain {
    color: green;
}
.Loss {
    color: red;
}

table tr.row0{
    background-color: white;
}

table tr.row1{
    background-colora: #e5f1f5;
    background-color:#f3f3f3
    
}

th.columnhead{
    cursor: pointer;
}

input[type="text"] {
    padding:6px;
    border:1px solid lightgray;
    font-family: 'Open Sans';
    border-radius: 4px;
    height: 20px;
}


#priceHistory td{
    text-align: right;
}

div.loggedOnMenu{
    border: none;
    width:250px;
    height: 30px;
    margin-top:110px;
    float: right;
    position: relative;
}

div.loggedOnMenu div{
    float:right;
    background-color: white;
}

div.loggedOnMenu div.Username{
    font-size: 11pt;
    padding:4px;
}

div.delRow{
    height: 16px;
    width:16px;
    background-image: url('bin.png');
    background-size: 16px 16px;
    cursor: pointer;
}


#NewsSide a {
  color: black !important;
  text-decoration: none !important;
}

#NewsSide a:visited,
#NewsSide a:hover,
#NewsSide a:active {
  color: black !important;
  text-decoration: none !important;
}