@import "libsv2/keckmenu.css";

body {
    background-color: #ffffdd;
    font-family: sans-serif;
    font-size: 12px;
    margin-top: 0;
}

.button {
    border: 1px solid red;
    border-radius: 20px;
}

.btclass {
    font-size: 110%;
    background-color: #dddddd;
    border-radius: 10px;
}

.btclass2 {
    font-size: 110%;
    background-color: #ddeeff;
    border-radius: 10px;
}

#uploadPopup {
    background-color: white;
    border: 2px solid black;
    font-size: 120%;
    padding: 5px;
}

#uploadNow, #uploadCancel, #uploadForm input {
    font-size: 100%;
}

.optionclass {
    width: 500px;
}

.oddRow {
    background-color: #fcfefc;
}

.evenRow {
    background-color: #eceefc;
}

.hiliRow {
    background-color: #d8d8f8;
}

.selectedRow {
    background-color: #ffff88;
}

#starListGridDiv {
    margin: 5px 2px 15px 2px;
    background-color: #ffffee;
    overflow-x: auto;
}

#starListGridDiv table {
    margin: 0px;
    border-collapse: collapse;
    table-layout: fixed
}

#starListGridDiv table thead, 
#starListGridDiv table tbody {
    display: block;
    overflow-y: auto;
    table-layout: fixed;
    scroll-behavior: smooth;
}

#starListGridDiv table tbody {
    height:270px;
}
    
#starListGridDiv table tr th {
    background-color: #ccc;
    padding: 2px;
    border: solid #ddd 1px;
}

#starListGridDiv table tr td {
    background-color: #ccd;
    padding: 2px;
    border: solid #ddd 1px;
    scroll-behavior: smooth;
}

#starListGridDiv table tbody tr:nth-child(even) td {
        background-color: #eceefc;
}

#starListGridDiv table tbody tr:nth-child(odd) td {
        background-color: #fcfefc;
}

#starListGridDiv table tbody tr.selectedRow td {
        background-color: #ffff88;
    font-size: 100%;
}

#starListGridDiv table tbody tr.hiRow td {
        background-color: #d8d8f8;
}

#starListGridDiv table tbody tr:hover td {
        background-color: #ffd8f8;
}

div.Rect, div.lineClass {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.telescopeSelector {
    background-color: #eeeedd;
    font-weight: bold;
}

.dsYear, .dsMonth, .dsDay {
    font-weight: bold;
}

table.dateSelector {
    background-color: #bbbbbb;
    font-size: 10px;
    text-align: center;
    z-index: 99;
}

table.dateSelector th, table.dateSelector tr {
    background-color: #efefef;
}

table.dateSelector td.workday, table.dateSelector td.clicable {
    background-color: #ffffff;
    cursor: pointer;
}

.weekend, table.dateSelector th.weekend {
    background-color: #ff9999;
    cursor: pointer;
    text-align: center;
}

.weekend a, .workday a {
    display: block;
}

.selectedDay {
    background-color: #99ff99;
    font-weight: bold;
}

#dsWindow {
    position: absolute;
    visibility: hidden;
    z-index: 100;
}

#dsCalIcon {
    position: relative;
    margin-left: -27;
    top: 1;
    margin-right: 10;
}

#graphDiv {
    margin: 5px;
    background-color: #eeffff;
    border: 1px solid #00f;
}

#msg {
    font-weight: bold;
}

#visibilityGraph {
    border: solid 1px #000;
    background-color: #ffffee;
    margin: 5px 0px 5px 0px;
}

#zoomWindow {
    border: solid 1px #000;
    position: absolute;
    display: none;
    visibility: hidden;
    background-color: #eeeeee;
    opacity: 0.4;
    /*filter: alpha(opacity = 40);  For IE8 and earlier */
}

#instrumentDiv {
    font-weight: bold;
}