transient-table.hvs.css

.dci {
	background-image:url('data-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px -1px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.eci {
	background-image:url('edit-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px -1px -6px 3px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.hci {
	background-image:url('cluster-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.hhi {
	background-image:url('has-host-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.nhi {
	background-image:url('no-host-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.lci {
	background-image:url('light-curve-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.sci {
	background-image:url('spectrum-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.rci {
	background-image:url('radio-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.xci {
	background-image:url('xray-icon.png');
    background-size:22px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    display:inline-block;
	margin:-2px 0px -6px -1px;
    width:22px;
    height:22px;
    cursor:pointer;
    overflow:hidden;
    text-indent:100%;
} 

.hostimg:hover {
	transform:scale(2.8);
}

.icontxt {
	margin-top:-5px;
}

.tips-ico {
	float:left;
    width:64px;
	height:64px;
    margin-right:10px;

	background-image:url('bulb.png');
    background-size:64px;
    background-repeat:no-repeat;
    background-position:center;
    background-clip:border-box;

    overflow:hidden;
}

.tips-txt {
	margin-left:80px;
	line-height:normal;
}

.tips-code {
    font:11pt Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
    color:#52595d;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #ccc;
    background-color:#f9f9f9;
    padding:0px 3px;
    display:inline-block;
    margin:0px;
	//font-family:times;
	font-style:normal;
	//background-color:white;
	white-space:nowrap;
}

#example tr td
{
    border-right:1px solid #777!important;
    color:#000!important;
} 

#example tr th, #example thead th, #example tfoot th,
#addtable tr th, #addtable thead th, #addtable tfoot th
{
	white-space:nowrap;
    font-size:12px!important;
    border-right:1px solid #777!important;
    padding:4px 18px 4px 4px!important;
    line-height:18px!important;
}

.dataTables_paginate a {
    color:#777!important;
} 

.paginate_button.disabled {
    color:#333!important;
} 

#example tbody tr td,
#addtable tbody tr td {
    font-size:12px;
    padding:4px;
    line-height:16px;
	vertical-align:middle;
}

button.dt-button {
	padding:0.2em 0.5em!important;
    line-height:12px;
}

table.dataTable td.select-checkbox:before {
    top:0.9em !important;
	position:initial !important;
	margin-top:-1px !important;
	margin-left:0px !important;
}

table.dataTable td.select-checkbox:after {
    top:0.9em !important;
	position:initial !important;
	display:table !important;
	margin-top:0px !important;
	margin-left:0px !important;
}

input.colsearch {
	color:#222 !important;
    line-height:18px !important;
    font-size:11px !important;
    width:100% !important;
	padding-left:0px !important;
	// padding-right:10px !important;
}

table.dataTable tr.selected td.select-checkbox:after {
    margin-top:-15px !important;
    margin-left:1px !important;
} 

.entry-content input {
	line-height:12px !important;
}

.entry-content {
	padding-top:0 !important;
}

.entry-content ul>li {
	list-style:none !important;
}

.dataTables_filter input {
	line-height:20px !important;
}

.dataTables_wrapper .paginate_button {
	padding:0em 1em !important;
}

.dataTables_wrapper .dataTables_paginate {
	margin-bottom:8px;
}

.dataTables_length {
	clear:left;
}

.dataTables_info {
	clear:none !important;
}

#content table {
	margin:0!important;
}

#container {
	margin-top:0!important;
}

.nowrap {
	white-space:nowrap;
}

input[type="search"].colsearch {
    -webkit-appearance:textfield;
	box-sizing:content-box;
	font-size:xx-small!important;
}

input[type="search"].colsearch:hover {
	background-color:#fff;
}

/* Tooltip container */
.tooltip {
    position:relative;
    display:inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility:hidden;
    background-color:black;
    color:#fff;
    text-align:center;
    padding:5px;
    border-radius:6px;
	text-decoration:none;
    position:absolute;
	//white-space:nowrap;
	top:-5px;
	//left:102%;
    z-index:1;
	max-width:300px;
}

.tooltipimg {
	width:100px;
	height:100px;
	margin:0 auto;
	background-size:100px 100px;
}

.tooltip .tooltiptextbot {
    visibility:hidden;
    background-color:black;
    color:#fff;
    text-align:center;
    padding:5px;
    border-radius:6px;
	text-decoration:none;
    position:absolute;
	white-space:nowrap;
	right:0%;
	bottom:102%;
    z-index:1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext, .tooltip:hover .tooltiptextbot {
    visibility:visible;
}

.googleit {
	-moz-box-shadow:inset 0px 1px 3px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 3px 0px #97c4fe;
	box-shadow:inset 0px 1px 3px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px -1px 0px #1570cd;
}
.googleit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.googleit:active {
	position:relative;
	top:1px;
}
.sameevent {
	-moz-box-shadow:inset 0px -3px 7px 0px #caefab;
	-webkit-box-shadow:inset 0px -3px 7px 0px #caefab;
	box-shadow:inset 0px -3px 7px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	margin-top:2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.sameevent:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.sameevent:active {
	position:relative;
	top:1px;
}


.diffevent {
	-moz-box-shadow:inset 0px -3px 7px 0px #f29c93;
	-webkit-box-shadow:inset 0px -3px 7px 0px #f29c93;
	box-shadow:inset 0px -3px 7px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	margin-top:2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.diffevent:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.diffevent:active {
	position:relative;
	top:1px;
}

.markerror {
	-moz-box-shadow:inset 0px 1px 3px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 3px 0px #fff6af;
	box-shadow:inset 0px 1px 3px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	margin-top:2px;
	text-decoration:none;
	text-shadow:0px -1px 0px #ffee66;
}
.markerror:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.markerror:active {
	position:relative;
	top:1px;
}

.coordfoot {
	clear:left;
	text-align:center;
	display:inline-block;
	width:100%;
	background-color:#F7F7F7;
}

.coordfield {
	width:90px;
	color:#222 !important;
    line-height:14px !important;
    font-size:11px !important;
	padding-left:0px !important;
}

#advancedtab tr td {
	border:1px solid #777 !important;
	text-align:center;
	padding:6px;
}

.obssel {
	margin-left:5px;
}

#lonlat {
	display:inline-block;
    border:1px dashed #aaa;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:2px;
    vertical-align:top;
    position:relative;
    top:-2px;
}

#obstime {
	display:inline-block;
	text-align:left;
}

#suninfo {
	padding-left:5px;
}

#locbutt {
	padding:0em 0.5em;
	height:20px;
}

#prepost {
	display:inline-table;
	text-align:left;
}

#obsfrom {
	display:inline-block;
	padding-right:5px;
	vertical-align:top;
}

.dataTable pre {
	font-size:10px!important;
	line-height:11px!important;
	padding-top:0!important;
	white-space:pre-wrap!important;
}

.dataTable ul {
	margin-bottom:0!important;
}

#addicon {
	color: green;
    font-weight: bold;
    font-size: x-large;
    position: relative;
    top: 4px;
    line-height: 0;
}

/* The Modal (background) */
.addmodal-bg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.addmodal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.addmodal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.addmodal-close:hover,
.addmodal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#addtable input {
	padding: 5px;
}

#addtable tr td {
    border-bottom:1px solid #777!important;
    border-left:1px solid #777!important;
    border-right:1px solid #777!important;
}

#addgithub {
	margin-top: -5px;
}

.hide-nf {
	display: none;
}