/* Main page (gei.aspx) */
#gei-menu {width: 70%; margin: auto; text-align: justify}
#gei-menu td{opacity:0.6;filter:alpha(opacity=60);border:none; border-collapse:collapse;padding:20px}
 tr.gei-menu-row td{}
 tr.gei-menu-row:hover td{opacity:1.0;filter:alpha(opacity=100)}
 td.gei-menu-row-1 {text-align:justify}
 td.gei-menu-row-2 {text-align:justify}
 td.gei-menu-row-3{text-align:justify}
 td.gei-menu-row-4 {text-align:justify}
 td.gei-menu-row-5 {text-align:justify}

 
 
ul.geTopPanel-gs {width:100%;margin:10px auto;}
ul.geTopPanel-gs li { list-style: none; float:left; display: block;width: 103px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-gs li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

ul.geTopPanel-spacecenters {width:100%;margin:10px auto;}
ul.geTopPanel-spacecenters li { list-style: none; float:left; display: block;width: 190px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-spacecenters li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

ul.geTopPanel-moon {width:100%;margin:10px auto;}
ul.geTopPanel-moon li { list-style: none; float:left; display: block;width: 105px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-moon li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

ul.geTopPanel-sky-stars {width:100%;margin:10px auto;}
ul.geTopPanel-sky-stars li { list-style: none; float:left; display: block;width: 105px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-sky-stars li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

ul.geTopPanel-sky-constellation {width:100%;margin:10px auto;}
ul.geTopPanel-sky-constellation li { list-style: none; float:left; display: block;width: 105px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-sky-constellation li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

ul.geTopPanel-sky-galaxy {width:100%;margin:10px auto;}
ul.geTopPanel-sky-galaxy li { list-style: none; float:left; display: block;width: 105px; height:30px;margin-left:5px;margin-right:5px;}
ul.geTopPanel-sky-galaxy li button {display: block; width: 100%; height:100%; border:solid 1px #708090; white-space:nowrap}

/* scrollable - begin */
/*	root element for the scrollable.when scrolling occurs this element stays still. */
 .scrollable{height:60px;width:870px;overflow:hidden;position:relative}
/*	root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and	not for this element. */
 .scrollable .items{position:absolute;width:20000em}
/* a single item. must be floated in horizontal scrolling.	typically, this element is the one that *you* will style the most. */
 .items div{float:left}
/* single scrollable item  */
/* active item  */
.scrollable .active{border:2px solid #000;cursor:default;position:relative}
/* this makes it possible to add next button beside scrollable  */
.scrollable{float:left}
/* prev, next, prevPage and nextPage buttons  */
a.browse{background:url(images/scrollable/hori_large.png) no-repeat;cursor:pointer;display:block;float:left;font-size:1px;height:30px;margin:10px 10px;width:30px}
/* right  */
a.right{background-position:0 -30px;clear:right;margin-right:0}
/* left  */
a.left{margin-left:0}
/* up and down  */
a.up,a.down{background:url(images/scrollable/vert_large.png) no-repeat;float:none;margin:10px 50px}
/* down  */
a.down{background-position:0 -30px}
/* disabled navigational button  */
a.disabled{visibility:hidden !important}
a.right:hover,a.down:hover{background-position:-30px -30px}
a.right:active,a.down:active{background-position:-60px -30px}
a.left:hover,a.up:hover{background-position:-30px 0}
a.left:active,a.up:active{background-position:-60px 0}
/* scrollable - end */