/* SessionSafe Style Sheet */

* {
    padding:            0px;
    margin:             0px;
    border:             0px;
}

*#container {
    width:              900px;
    height:             830px;
    margin-left:        auto;
    margin-right:       auto;
    border:             1px solid gray;
}

body {
    background-color:   gainsboro;
    color:              black;
    font-family:        "Times New Roman", Times, Helvetica, Arial, sans-serif;
}

header {
    background-color:   slategray;
    color:              black;
    height:				170px;
}

footer {
    clear:              both;
    margin: 		    10px;
    font-size:          small;
}

*#feature_list {
    margin-left:        40px;
}

*#indented_list {
    margin-left:        40px;
}

*#logo {
    margin-left:        30px;
    margin-top:         20px;
    float:              left;
    width:              auto;
    height:             auto;
}

*#bigtitle {
    margin-left:        30px;
    margin-top:         10px;
    font-size:          300%;
}

*#subtitle {
    margin-left:        30px;
    margin-top:         10px;
    font-size:          200%;
}

*#copyright {
    float:              left;
}

*#producttext, *#abouttext, *#contacttext, *#hometext, *#downloadstext, *#faqtext, *#featurestext, *#pricingtext,
*#notetext, *#purchasetext, *#indentedtext {
    margin-left:       20px;
    margin-right:      60px;
}

*#eula, *#screenshots {
    width:             100%;
    margin-left:       20px;
    overflow-y:        scroll;
}

*#wrapper {
    display:           flex;
    height:            72%;
    background-color:  lightgray; /*lavender; /* whitesmoke; */
    color:             black;
}

/* background images ------------------------------------------------------- */

*#wing_image {
    background:         url("../images/flying_notes900x600.jpg");
    width:              100%;
    height:             600px;
}

*#cube_image {
    background:         url("../images/cube_vs_roll900x600.jpg");
    width:              100%;
    height:             600px;
}

/* table rules ------------------------------------------------------------- */

table {
    width:  			60%;
/*    margin: 			10px; */
}

*#ctable {
    margin:             40px;
}

*#contacttable {
    width:  			60%;
    margin:            -30px;
}

*#widetable {
    width:  			95%;
    margin:             5px;
}

th, td {
    text-align: 		left;
    height:				10px;
    padding:			10px;
    width:              50%;
}

th {
    background-color: 	#6B7A8F;
    color: 				white;
}

/* navbar rules ----------------------------------------------- */

nav {
    background-color:   lightslategray;
    color:              black; 
    height:             30px;
    overflow:           auto;
    overflow-x:         hidden;
}

nav ul li {
    list-style:         none;
    width:              100px;
    float:              left;
    text-align:         center;
}

nav ul li a {
    text-decoration:    none;
    color:              black;
    line-height:        30px;   /* same height as nav element */
    display:            block;
}

nav ul li a:hover {
    background-color:   #D7D9DD;
    color:              black;
    font-weight:        bold;
    transition:         .5s background-color;
}

nav ul li a.active {    /* the currently active page - cannot be selected/deselected; hand-cursor is turned off */
    background-color:   #FFFF00;
    color:              black;
    cursor:             default;
    font-weight:        bold;
}
/* end of CSS script ------------------------------------------ */