body {
    background: #000000 url("../Resources/background.png") no-repeat fixed;
    background-size: 100%;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding:0;
}

div {
    margin: 0;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.subtext {    
    font-family:Calibri, Arial;
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
    margin:4px 60px;
    color: #cbcbcb;
}

.subtext a:link, .subtext a:visited, .subtext a:hover, .subtext a:active {
    color: #cbcbcb;
    text-decoration: none;
    font-weight: normal;
}


.content {
    width:1024px;   
    margin: 0 auto;
    padding: 10px 30px;
    background-color: #e7e7e7;
    text-align: left;   
    font-family: Arial; 
    color:#112233;      
    overflow: hidden;
}

.ads {
    position: absolute;
    float: left;
    top: 40px;
    left: 1160px;
    padding: 10px;
    background-color: transparent;
    width: 180px;
    height: 640px;
}

.avnsidead {
    width: 160px;
    height: 600px;
}

.banner {
    width:1084px;   
    text-align:left;
    margin: 5px auto 2px auto;
    padding: 0px;
}

a.mastodonbutton.logo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mastodonbutton.logo-button {
    flex: 0 auto;
    float: right;
    margin: 10px 0px;
    font-size: 14px;
    background: #2b90d9;
    color: #fff;
    text-transform: none;
    line-height: 1.2;
    height: auto;
    min-height: 28px;
    min-width: 92px;
    white-space: normal;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 0 15px;
    border: 0;
}

.mastodonbutton {
    background-color: #2b90d9;
    border: 8px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Calibri, Arial;
    font-size: 14px;    
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    padding: 7px 18px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all .1s ease-in;
    white-space: nowrap;
    width: auto;
}

/* mastodon */
/*.mstdn {
    display: inline-block;
    background-color: rgba(15,15,20,0.8);
    color: #d9e1e8;
    text-decoration: none;
    padding: 4px 10px 4px 30px;
    border-radius: 4px;
    font-size: 14px;
    font-family: Calibri, Arial;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2261.076954mm%22%20height%3D%2265.47831mm%22%20viewBox%3D%220%200%20216.4144%20232.00976%22%3E%3Cpath%20d%3D%22M211.80734%20139.0875c-3.18125%2016.36625-28.4925%2034.2775-57.5625%2037.74875-15.15875%201.80875-30.08375%203.47125-45.99875%202.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125%200%202.53375.15625%204.94625.46875%207.2025%203.38375%2025.68625%2025.47%2027.225%2046.39125%2027.9425%2021.11625.7225%2039.91875-5.20625%2039.91875-5.20625l.8675%2019.09s-14.77%207.93125-41.08125%209.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234%20213.82%201.40609%20165.31125.20859%20116.09125c-.365-14.61375-.14-28.39375-.14-39.91875%200-50.33%2032.97625-65.0825%2032.97625-65.0825C49.67234%203.45375%2078.20359.2425%20107.86484%200h.72875c29.66125.2425%2058.21125%203.45375%2074.8375%2011.09%200%200%2032.975%2014.7525%2032.975%2065.0825%200%200%20.41375%2037.13375-4.59875%2062.915%22%20fill%3D%22%233088d4%22%2F%3E%3Cpath%20d%3D%22M177.50984%2080.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025%200-17.4175%207.5075-17.4175%2022.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375%200-15.74%206.32875-15.74%2018.7975v59.15H38.90484V80.077c0-12.455%203.17125-22.3525%209.54125-29.675%206.56875-7.3225%2015.17125-11.07625%2025.85-11.07625%2012.355%200%2021.71125%204.74875%2027.8975%2014.2475l6.01375%2010.08125%206.015-10.08125c6.185-9.49875%2015.54125-14.2475%2027.8975-14.2475%2010.6775%200%2019.28%203.75375%2025.85%2011.07625%206.36875%207.3225%209.54%2017.22%209.54%2029.675%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: top 50% left 8px;
    transition: all 0.5s;
}

    .mstdn:hover {
        background-color: #484c56;
    }*/
    /*.mstdn::before{
  content:"@";
}*/
    /*.mstdn > span {
        color: #9baec8;
        font-size: 12px;
        padding-left: 3px;
    }

        .mstdn > span:before {
            content: "@";
        }*/

.top {
    width:1084px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    /*height:50px;*/
    text-align:left;
    vertical-align:bottom
}

table, th, td {    
    border: 1px solid black;
    border-collapse: collapse;    
}

th {
    padding: 5px;
    text-align: center;
    min-width: 70px;
    background: #CCCCDD;    
}

td {
    padding: 5px;
    text-align: center;
}

/* MENU ======================================== */

.menucontainer {
    width: 1084px;
    margin: 0px auto;
}

.menu {    
    margin: 0px;
    padding: 4px 10px 0px 10px;
    width:1064px;
    background-color: rgba(15,15,20,0.8);    
    font-size: 1.2em;
    font-family: Arial, Calibri;
    /* border-radius: 5px;
    -moz-border-radius: 5px; */
}

.mainmenu
{
    margin:0px 25px;
}

.menuitem {
    margin: 12px 21px;
    color: rgb(160,180,200);
}

.menuitem:visited
{
    color: rgb(160,180,200);
}

.menuitem:hover {
    color: white;
    cursor: pointer;
}

.submenu {
    text-align:left;
    color: rgb(160,180,200);
    background-color: rgba(30,35,45,0.94);  
    font-size: 0.8em;    
}

.submenuitem {
    padding:8px 15px;
}

.submenuitem:hover {
    color: white;
    background-color: rgba(60,75,96,0.94);  
    cursor: pointer;
}

.submenuitem:visited
{
    color: rgb(160,180,200);
}

.submenuitem:link
{
    color: rgb(160,180,200);
}

.submenuitem:visited:hover
{
    color: white;
}

ul li a:focus {
    outline: none;
}

.level1:focus {
    outline:none;
}


/* HOME ======================================== */

.homecontainer {
    height:680px;
    padding:10px 0px 40px 0px;
    bottom:0px;
    
}
.homecontent {
    text-align: justify;
    text-justify: inter-word;
    padding: 20px 20px 0px 0px;    
    width:1024px;
    float:left;
}

.twittercontainer {    
    background-color:#CCCCDD;
    height:100%;;
    padding:15px;
    float:right;
    text-align:right;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

/* PHOTO ALBUM ======================================*/

.albumContainer {
    text-align: center;
     vertical-align:middle;
}

.thumbnail {
    float: left;
    position: relative;
    color: inherit;
    background-color: #CCCCDD;
    width: 254px;
    height: 254px;
    overflow: hidden;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    text-align: center;
}

.borderRight {
    border-right: 1px solid gray;
}

.borderTop {
    border-top: 1px solid gray;
}

.thumbnail:hover {
	color:inherit;
	background-color: #A9A9B9;
}

.thumb {
    box-shadow: 5px 5px 3px #888888;
	border: 1px solid black;
	position: relative;
    left: -7px;
    top: -2px;
    border-radius: 3px;
    -moz-border-radius: 3px; 
}

.thumb:hover {
    -webkit-transform : scale(1.05); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform     : scale(1.05); /* IE 9 */
    transform         : scale(1.05); /* Firefox 16+, IE 10+, Opera */
    box-shadow: 7px 7px 3px #888888;
    cursor:pointer;
}

.photoviewer {
    margin: 0px;
    padding: 0px;
    position:fixed;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.95);
    top: 0;
    left: 0;
    z-index: 100; 
    text-align:center;
}

.photocontainer {
    position: absolute;
    top: 50%; left:50%;
    transform: translate(-50%,-50%);
}

.prev {
    position: absolute;
    top: 50%; left:5%;    
    transform: translate(0,-50%);
    background-color: #202020;
    opacity:0.5;    
    font-size: 2.8em;
    color: white;
    padding: 7px 19px 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;    
}

.next {
    position: absolute;
    top: 50%; right:5%;    
    transform: translate(0,-50%);
    background-color: #202020;
    opacity:0.5;    
    font-size: 2.8em;
    color: white;
    padding: 7px 17px 12px 17px;
    border-radius: 5px;
    -moz-border-radius: 5px;    
}

.prev:hover {
    opacity: 1.0;
    cursor: pointer;
}

.next:hover {
    opacity: 1.0;
    cursor: pointer;
}

.photo {
    max-width: 80%;
    max-height:80%;
    border: 1px solid gray;
    -webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}

.photoname {
    color: white;
    margin: 10px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* PLANET SIMULATION CONTROLS ======================================*/

.simButtonBar {
    width: 100%;
    height: 40px;
    color: black;
    font-family: Arial, Calibri;
    font-weight: bold;
    text-align: center;
    padding: 0px; 
}

.simButton {
    margin: 5px 5px 5px 0px;
    padding: 5px;
    float: left;
    width: 70px;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;   
    background-color: rgb(195,195,195);
    box-shadow: 2px 2px 2px grey;
}

.simButtonWide {
    margin: 5px 5px 5px 0px;
    padding: 5px;
    float: left;
    width: 90px;
    border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;   
    background-color: rgb(195,195,195);
    box-shadow: 2px 2px 2px grey;
}

.simButtonBreak {
    margin: 5px 5px 5px 0px;
    padding: 5px;
    float: left;
    width: 20px;
}

.simButtonBreakWide {
    margin: 5px 5px 5px 0px;
    padding: 5px;
    float: left;
    width: 125px;
}

.simZoomButton {
    margin: 5px 0px 0px 5px;
    padding: 1px 5px 5px 5px;
    float: right;
    width: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    font-family: Georgia, serif;
    font-size: 1.2em;
}

.simButton:hover {
    cursor: pointer;
    background-color: rgb(215,215,230);
}

.simButtonWide:hover {
    cursor: pointer;
    background-color: rgb(215,215,230);
}

.simZoomButton:hover {
    cursor: pointer;
}

.simImg {
    margin: 0px;
    padding: 0px;
}

.neoGreen {
    background: #b8ff94;
}

.neoOrange {
    background: #ffc285;
}

.neoRed {
    background: #ff8c8c;
}

.neoBlack {
    background: #2f2f2f;
    color: white;
}

.neoBlack a:link{
    color: white;
}

.neoYellow {
    background: #ffffcc;
}

.orbitChartNotes 
{ 
    position:relative;
    color:white;
    font-family: Verdana, Arial;
    font-size: 10pt;
}

.orbitChartNotesBlack {
    position: relative;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
}