.simbad-obj-parent{
	display: table;
    width: 100%;
}

.simbad-obj-column{
	width:50%;
	display: table-cell;
    vertical-align: top;
}
.simbad-obj-data{
	list-style: none;
	padding:0;
}
.simbad-obj-data li{
	padding-bottom:5px;
	margin-bottom:5px;
	border-left:2px solid rgb(85, 192, 163);
	padding-left:5px;
}
.simbad-obj-data li span.strong{
	font-weight:bold;
	padding-left: 8px;
}
.simbad-obj-data li span.label{
	display:block;
}

.simbad-mag-list {
    list-style-type: none;
    list-style-image: none;
    padding-left: 8px;
    padding-right: 8px;
    font-family: monospace;
}

.simbad-mag-list li {
    line-height: 1.4em;
    padding:0;
    border:none;
}

/*color code for the spectral type*/
.simbad-obj-data-spType{
	border-radius: 50%;
	width: 16px;
	height: 16px; 
	display: inline-block;
	border: 1px solid #000;
	margin-left: 10px;
}
.simbad-obj-data-spType-o{
	background-color:#56A6F7;
}
.simbad-obj-data-spType-b{
	background-color:#a3cdff;
}
.simbad-obj-data-spType-a{
	background-color:#AFE3FF;
}
.simbad-obj-data-spType-f{
	background-color:#fff;
}
.simbad-obj-data-spType-g{
	background-color:#ffb;
}
.simbad-obj-data-spType-k{
	background-color:#fc7;
}
.simbad-obj-data-spType-m{
	background-color:#FF9554;
}

/*color code for the magnitude */
.simbad-mag-filter{
	font-weight: bold;
	color: #000;
	padding: 0px 5px;
	border-left: 7px solid #fff; 
}
.simbad-mag-filter-u{
	border-color: rgb(0,103,148);
}
.simbad-mag-filter-b{
	border-color: rgb(0,0,255);
}
.simbad-mag-filter-v{
	border-color: rgb(0,128,255);
}
.simbad-mag-filter-g{
	border-color: rgb(0,156,156);
}
.simbad-mag-filter-r{
	border-color: rgb(132,198,41);
}
.simbad-mag-filter-i{
	border-color: rgb(255,222,0);
}
.simbad-mag-filter-z{
	border-color: rgb(253,149,0);
}
.simbad-mag-filter-j{
	border-color: rgb(255,0,0);
}
.simbad-mag-filter-h{
	border-color: rgb(220,0,0);
}
.simbad-mag-filter-k{
	border-color: rgb(165,0,8);
}

/* icon for the morphological type*/
@font-face {
  font-family: 'icomoon';
  src:  url('../../fonts/icomoon.eot?oxmqil');
  src:  url('../../fonts/icomoon.eot?oxmqil#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon.ttf?oxmqil') format('truetype'),
    url('../../fonts/icomoon.woff?oxmqil') format('woff'),
    url('../../fonts/icomoon.svg?oxmqil#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="simbad-icon-"], [class*=" simbad-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color:black;
  font-size : 1.3em;
  margin-left:8px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.simbad-icon-mtype-E0:before {
  content: "\e900";
}
.simbad-icon-mtype-E1:before {
  content: "\e901";
}
.simbad-icon-mtype-E2:before {
  content: "\e902";
}
.simbad-icon-mtype-E3:before {
  content: "\e903";
}
.simbad-icon-mtype-E4:before {
  content: "\e904";
}
.simbad-icon-mtype-E5:before {
  content: "\e905";
}
.simbad-icon-mtype-E6:before {
  content: "\e906";
}
.simbad-icon-mtype-E7:before {
  content: "\e907";
}
.simbad-icon-mtype-S0:before {
  content: "\e908";
}
.simbad-icon-mtype-SAa:before {
  content: "\e909";
}
.simbad-icon-mtype-SA:before , .simbad-icon-mtype-SAb:before {
  content: "\e90a";
}
.simbad-icon-mtype-SABa:before, .simbad-icon-mtype-Sa:before{
  content: "\e90b";
}
.simbad-icon-mtype-SAB:before, .simbad-icon-mtype-SABb:before, .simbad-icon-mtype-S:before, {
  content: "\e90c";
}
.simbad-icon-mtype-SABc:before, .simbad-icon-mtype-Sc:before {
  content: "\e90d";
}
.simbad-icon-mtype-SABd:before, .simbad-icon-mtype-Sd:before {
  content: "\e90e";
}
.simbad-icon-mtype-SABm:before, .simbad-icon-mtype-Sm:before {
  content: "\e90f";
}
.simbad-icon-mtype-SAc:before {
  content: "\e910";
}
.simbad-icon-mtype-SAd:before {
  content: "\e911";
}
.simbad-icon-mtype-SAm:before {
  content: "\e912";
}
.simbad-icon-mtype-SBa:before {
  content: "\e913";
}
.simbad-icon-mtype-SB:before, .simbad-icon-mtype-SBb:before {
  content: "\e914";
}
.simbad-icon-mtype-SBc:before {
  content: "\e915";
}
.simbad-icon-mtype-SBd:before {
  content: "\e916";
}
.simbad-icon-mtype-SBm:before {
  content: "\e917";
}

/* simbad tooltip */
/* Tooltip container */
.simbad-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    cursor:help;
}

/* Tooltip text */
.simbad-tooltip .simbad-tooltip-text {
    visibility: hidden;
    /*width: 120px;*/
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px;
    margin-left:10px;
    border:4px solid rgb(85, 192, 163);
    font-weight:normal;
    position: absolute;
    z-index: 1;
}
.simbad-tooltip .simbad-tooltip-text ul{
	list-style: none;
	padding:0;
	display:table;
	margin : 0;
}
.simbad-tooltip .simbad-tooltip-text ul li{
	white-space: nowrap;
	margin-bottom:5px;
	border : none;
	text-align:left;
	padding:0;
	display:table-row;
}

.simbad-tooltip .simbad-tooltip-text ul li span.symbol, .simbad-tooltip .simbad-tooltip-text ul li span.explanation{
	display:table-cell;
	padding:2px 10px;
}
.simbad-tooltip .simbad-tooltip-text ul li span.symbol{
	color:#00aa5d;
}

/* Show the tooltip text when you mouse over the tooltip container */
.simbad-tooltip:hover .simbad-tooltip-text {
    visibility: visible;
}
/* end tooltip */

/*simbad highlight position */
.simbad-obj-highlight{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px;
}
.simbad-obj-highlight li{
	margin-top: 5px;
}
.simbad-obj-highlight-pos{
	cursor: pointer;
	font-weight:bold;
}
.simbad-obj-highlight-pos:hover {
	color:#cc0055;
}
.simbad-obj-highlight-type{
	font-weight:normal;
}