body {
background: linear-gradient(90deg, #26386D 0%, #909EC9 100%);
font-family: Futura,Trebuchet MS,Arial,sans-serif;
font-size: 10pt;
display:grid;
grid-gap:1em;
grid-template-rows:auto auto;
}
header{
background: linear-gradient(90deg, #26386D 0%, #909EC9 100%);
margin-bottom:0px;
}
.main{
display:grid;
grid-gap:1em;
grid-template-columns:auto auto;
}
.logo {
float:left;
display:inline;
margin-top:20px;
margin-left:20px;
margin-bottom:0%;
}
.logo img{
float:left;
width:40%;
}
.menu {
float:right;
display:inline;
margin-top:30px;
margin-right:10px;
font-size:130%;
}
@media screen and (device-aspect-ratio: 4/3){
.menu {
	float:right;
	display:inline;
	margin-top:30px;
	margin-right:20px;
	font-size:130%;
	}
}
.menu_item {
display:inline;
list-style:none;
margin-right:20px;
transition-duration:0.5s;
}
ul li a {
color:#E6EAF7;
text-decoration:none;
vertical-align:top;
}
ul li a:hover {
color:#58E358;
text-decoration:underline;
text-decoration-color:#0E430E;
text-decoration-thickness:3px;
transition-duration:0.5s;
}
@media screen and (min-device-width: 413px){
	.big-logo {
	float:right;
	margin-top:0%;
	}
}
@media screen and (max-device-width: 412px){
	.big-logo {
	display:none;
	}
}
.big-logo img {
	margin-top:0%;
	width:80%;
	float:right;
}

@media screen and (max-device-width: 412px){
	.big-logo img{
	display:none;
	}
}
.tag_line {
vertical-align:middle;
float:left;
margin-top:18%;
margin-left:18%;
font-size:210%;
width:100%;
text-align:left;
font-style:italic;
color:white;
}
@media screen and (max-device-width: 412px){
	.tag_line {
	font-size:160%;
	margin-top:10%;
	width:90%;
	}
}
@media screen and (device-aspect-ratio: 4/3){
	.tag_line {
	font-size:180%;
	margin-top:30%;
	width:40%;
	}
}
.button-holder {
float:left;
margin-left:18%;
margin-top:5%;
}
@media only screen and (max-device-width: 26em){
	.button-holder {
	font-size:150%;
	margin-top:10%;
	margin-left:5%;
	width:90%;
	text-align: center;
	}
}
input[type="submit"]{
background:transparent;
padding-left:35px;
padding-right:35px;
padding-top:10px;
padding-bottom:10px;
margin-left:10px;
color:#FFFFFF;
font-weight:bold;
font-size:120%;
border:1px solid #C4D8DE;
border-radius:7px;
transition-property:background;
transition-duration:0.5s;
}
input[type="submit"]:hover {
background:#030343;
color:#E6EAF7;
cursor:pointer;
box-shadow:0 0 5px #7E7575
}
@media only screen and (max-device-width: 26em){
	input[type="submit"] {
	margin-top:2%;
	}
}
fieldset{
width:90%;
margin-left:5%;
background:#FFFFFF;
color:#070723;
text-align:left;
border-radius:17px;
border:0px;
margin-bottom:15px;
margin-top:1%;
}
fieldset legend{
color:#070723;
background:#FFFFFF;
padding:10px;
border-radius:17px;
border:2px solid #070723;
font-weight:bold;
}
.page_title_text {
background:#ADD8E6;
color:#05052E;
font-weight:700;
font-size:200%;
text-align:center;
margin:0 auto;
padding:5px;
margin-top:1%;
margin-bottom:1px;
clear: both;
}
#BulletGeneral {
list-style-image: url('../images/features0.png');
}
#BulletSecurity {
list-style-image: url('../images/features10.png');
}

#BulletSales {
list-style-image: url('../images/features20.png');
}

#BulletTaxes {
list-style-image: url('../images/features30.png');
}

#BulletAR {
list-style-image: url('../images/features40.png');
}

#BulletInventory {
list-style-image: url('../images/features50.png');
}

#BulletPurchasing {
list-style-image: url('../images/features60.png');
}

#BulletAP {
list-style-image: url('../images/features70.png');
}

#BulletCashBook {
list-style-image: url('../images/features80.png');
}

#BulletGL {
list-style-image: url('../images/features90.png');
}

#BulletManufacturing {
list-style-image: url('../images/features100.png');
}

#BulletContracts {
list-style-image: url('../images/features110.png');
}

#BulletFA {
list-style-image: url('../images/features120.png');
}
.manual {
display:grid;
grid-gap:1em;
grid-template-columns:min-content auto;
}
.ManualPage {
display:block;
float:right;
margin-left:4%;
margin-right:1%;
margin-bottom:1%;
margin-top:7px;
background:#E0F0F5;
color:#040431;
word-wrap: break-word;
text-align:left;
padding:25px;
width:89%;
}
@media only screen and (max-device-width: 26em){
	.ManualPage {
	display:block;
	width:90%;
	margin-top:5%;
	}
}
.ModuleList {
float:left;
background:#B0C4DE;
white-space:nowrap;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:3px;
width:auto;
border: 6px solid #4682B4;
border-radius:7px;
margin:7px;
}
@media only screen and (max-device-width: 26em){
	.ModuleList {
	width:90%;
	margin-top:5%;
	}
}
.ModuleList ul {
padding:0px;
}
.ModuleList li a,.ModuleList li a:hover {
background:#494C56;
color:white;
display:block;
border-radius:10px;
text-decoration:none;
margin-bottom:5px;
padding:3px;
border:1px solid #404552;
padding-left:5px;
}
.ModuleList .ModuleSelected a {
border:1px solid #1A1A1A;
background:#494C56;
color:white;
padding-left:5px;
}
.ModuleList .ModuleUnSelected a{
border:1px solid #0E1826;
background:#B0C4DE;
color:#09093A;
padding-left:5px;
}
.ModuleList li {
list-style:none;
}
ol li {
text-align:left;
}
#PageDetail{
text-align:left;
margin-left:1%;
margin-right:1%;
}
#code {
background:#C0BE9C;
color:#4D4D4D;
padding:2px;
font-family:"Courier New", Courier, monospace;
}
img.github {
shape-outside:circle();
float:left;
padding:5px;
}

img.screenshot {
width:124px;
border:solid 1px black;
transition: transform .5s;
vertical-align:bottom;
}

img.screenshot:hover {
transform: scale(5);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: transform .5s;
}