/*
-----------------------------------------------
Solarquest Default Stylesheet (screen)
----------------------------------------------- 
*/

/* global styling */

body {
	margin: 0px;
}

div,b,p, td, li, input, select, textarea,font {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
}

form, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
}

.menu {
	font-size:10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	
}

.menu:hover {
	font-size:10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;

	
}

.menu2 {
	font-size:10px;
	padding: 2px;
	border:1px solid #333333;
	background-color: #999999;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;	
}

.menu2:hover {
	font-size:10px;
	padding: 2px;
	border:1px solid white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
    font-weight: bold;
}


.input_text {
	border: 1px solid #666666;
	background-color: #333333;
	color: white;
	font-size: 12px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-attachment: fixed;	
	height: 20px;
}

.text_area {
	border: 1px solid #666666;
	background-color: #333333;
	color: white;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	
	
}

.select_box {

	border: 1px solid #666666;
	background-color: #333333;
	color: white;
	font-size: 12px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	
}


#transbox { width:300px; background:#000099; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;} 
#transbox * {position: relative;}
#transbox td {color: #FFFFFF; font-weight: bold; } 

.table_bulletin {
	border: 1px solid white;
	color: white;
	
}

.floating_events {

position: absolute;
top: 140px;
left: 100px;
font-size: 12px;
font-family: sans-serif;
width: 760;
height: 350;
z-index: 500;
margins: 0;
}

.events_content {
	
	border:1px solid black;
	overflow: auto;
	padding: 5px;

}

a.menu{
    position:relative; /*this is the key*/
    z-index:24;
 }


a.menu span{display: none}


a.menu:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    color: white;
    font-size:11px;
    padding: 10px;
    font-weight: bold;
    font-family:verdana,sans-serif;
    top:0px; left:85px; width:250px;
    border:1px solid black;
    background-color:#505050;
    text-align: justify}


/* K6.025: deterministic page-by-page alignment pass.
   The main column occupies all space to the right of the sidebar. Every complete
   game page now has an explicit .si-page-shell wrapper and is centered inside
   that available column, while the contents inside the 720px legacy canvas keep
   their authored left/right cell alignment. */
.si-layout-table { width:100% !important; table-layout:auto !important; }
.si-sidebar { width:210px !important; min-width:210px !important; }
.si-main-column { width:auto !important; text-align:center !important; }
.si-content-column { width:100% !important; max-width:none !important; margin:0 !important; padding:0 15px !important; box-sizing:border-box !important; }

.si-status-header {
    width:860px !important;
    max-width:100% !important;
    margin:0 auto 10px auto !important;
    box-sizing:border-box !important;
    text-align:left !important;
}

.si-page-stage {
    width:100% !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    background:transparent !important;
}
.si-page-stage > tbody > tr > td,
.si-page-stage > tr > td {
    width:100% !important;
    text-align:center !important;
    vertical-align:top !important;
    padding:0 !important;
}
.si-page-content {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
}
.si-page-content > .si-page-shell,
.si-page-content > .si-classic-page {
    display:block !important;
    width:720px !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    clear:both !important;
    text-align:left !important;
    position:relative !important;
    box-sizing:border-box !important;
}
.si-page-content > .ce-shell {
    display:block !important;
    width:900px !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    clear:both !important;
    text-align:left !important;
    box-sizing:border-box !important;
}
.si-page-shell > table[width="720"],
.si-page-shell > table[width="720px"],
.si-page-shell > table[style*="width:720"] {
    width:720px !important;
    max-width:100% !important;
}
.si-inline-message { width:100% !important; text-align:center !important; }
.si-inline-message > table { margin-left:auto !important; margin-right:auto !important; }

/* Manage has its own historical wrapper; make it obey the same centered canvas. */
.si-page-content > .si-manage-page,
.si-page-shell .si-manage-page {
    display:block !important;
    width:720px !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    clear:both !important;
    text-align:left !important;
}

/* Footer shares the main-column center line instead of the browser's left edge. */
.si-game-footer {
    padding:14px 15px 18px !important;
    background:transparent !important;
    text-align:center !important;
}
.si-footer-content { width:100% !important; margin:0 auto !important; text-align:center !important; }
.si-footer-links { display:table !important; margin:0 auto 16px auto !important; float:none !important; }
.si-footer-version { width:100% !important; text-align:center !important; margin:0 auto !important; color:#999; font-size:10px; }

@media (max-width: 980px) {
    .si-sidebar { width:170px !important; min-width:170px !important; }
    .si-content-column { padding:0 8px !important; }
    .si-page-content > .si-page-shell,
    .si-page-content > .si-classic-page,
    .si-page-content > .ce-shell { width:100% !important; }
}

/* K6.021: Bonds 2.1 dedicated page enhancements */
.bond-summary{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    margin-bottom:12px;
}
.bond-summary div{
    background:#222;
    border:1px solid #555;
    padding:8px;
    text-align:center;
}
.bond-summary strong,.bond-summary span{
    display:block;
}
.bond-summary strong{
    color:#66ffff;
    font-size:13px;
}
.bond-summary span{
    color:#bbb;
    font-size:9px;
    margin-top:3px;
}
.bond-purchase{
    background:#202020;
    border:1px solid #555;
    padding:10px;
    margin-bottom:10px;
}
.bond-purchase h3{margin:0 0 8px;color:#66ffff}
.bond-purchase-grid{
    display:grid;
    grid-template-columns:1fr 100px 130px;
    gap:8px;
    align-items:end;
}
.bond-purchase-grid input{width:100%;box-sizing:border-box}
.bond-preview{margin-top:7px;color:#99ffff}
.bond-rate-guide{margin-top:10px}
.bond-rate-guide th,.bond-rate-guide td{
    background:#333;
    text-align:center;
}
.bond-rules{
    margin:10px 0;
    padding:9px;
    border:1px solid #555;
    background:#181818;
    line-height:1.5;
}
.bond-table{
    background:#444;
    font-size:10px;
}
.bond-table th{
    background:#222;
    color:#99ffff;
    cursor:pointer;
}
.bond-table td{
    background:#333;
}
.bond-row.bond-locked td{border-left:3px solid #9b3333}
.bond-row.bond-principal td{border-left:3px solid #c49a27}
.bond-row.bond-partial td{border-left:3px solid #3b9b4b}
.bond-row.bond-matured td{border-left:3px solid #358db6}
@media(max-width:800px){
    .bond-summary{grid-template-columns:repeat(2,1fr)}
    .bond-purchase-grid{grid-template-columns:1fr}
    .bond-table{font-size:9px}
}

/* K6.026: legacy table alignment correction.
   Old HTML table align=left behaves as a float in modern browsers and can escape
   the centered page shell. Active 720px page tables are now align=center in the
   templates; this rule also neutralizes any remaining legacy table floats. */
.si-page-shell > table[align="left"],
.si-page-shell > table[align="right"],
.si-classic-page > table[align="left"],
.si-classic-page > table[align="right"] {
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* K6.026: global footer centering + legacy float containment */
.si-game-footer { width:auto !important; text-align:center !important; vertical-align:top !important; clear:both !important; }
.si-game-footer .si-footer-content { width:860px !important; max-width:calc(100vw - 250px) !important; margin:0 auto !important; text-align:center !important; float:none !important; }
.si-game-footer .si-footer-links { margin:0 auto 8px auto !important; float:none !important; text-align:center !important; }
.si-game-footer .si-footer-links td { text-align:center !important; }
.si-game-footer .si-footer-version { display:block !important; width:100% !important; text-align:center !important; margin:0 auto !important; }
.si-page-content > table[align="left"], .si-page-content > table[align="right"] { float:none !important; margin-left:auto !important; margin-right:auto !important; }