/* Bitser.org CSS Document 415D2D*/
body
{
	background-color: #222222 ;
	color: #666666;
}

#container{
	width: 890px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border-top: 0px #222222 solid;
	border-left: 0px #222222 solid;
	border-right: 0px #222222 solid;
	border-bottom: 0px #222222 solid;
	border-radius: 5px ; 
}

nav {
	background-color:#5b9136 ;
	list-style:none;
	text-align:center;
	border-left: 0px #eeeeee solid;
	border-right: 0px #eeeeee solid;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #cccccc solid;
	border-radius: 8px ;
	margin-left:20px;
	margin-right:20px;
}

nav ul {
    margin: 0;
    padding: 0;
} 

nav li{
	display: inline-block;
	list-style-type: none;
	line-height: 35px;
	height: 35px;
}

nav a{
	display:inline-block;
	padding-left: 30px;
	padding-right: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #f3f3f3;
	transition: .2s background-color;
}

nav li a:hover{
	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
	border-left: 0px #65a639 solid;
	border-right: 0px #65a639 solid;
}

nav > ul > li > div {
	background-color: #333333;
	border-top: 0;
	display: none;
	margin: 0;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

nav > ul > li:hover > div 
{
	display: block;
	opacity: 1;
	visibility: visible;
}

nav > ul > li > div ul > li 
{
	display: block;
	text-align:left;
}

nav > ul > li > div ul > li > a 
{
	display:inline-block;
	text-decoration: none;
	font-weight: bold;
	color: #eeeeee;
		width: 170px;
}

nav > ul > li > div ul > li:hover > a 
{
	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
	border-left: 1px #65a639 solid;
	border-right: 1px #65a639 solid;
	border-top: 1px #65a639 solid;
	border-bottom: 1px #65a639 solid;
	width: 170px;
}


#body 
{
	width: 94%;
	margin-left: 4%;
	margin-right: 3%;
	margin-top: 1px;
}

#tableheader {display: block;}
#tableheader td {display: inline-block;}
#tablescreenshot {display: block; }
#tablescreenshot td {display: inline-block;}
#tabledownload {width:100%;}
#tabledownload td {width:50%;vertical-align:top;}

#rightSide 
{
    background-color:#fafafa;
    width:11em;
    padding:2px;
    margin-top:50px;
    float:right;
    border:5px solid #dddddd;
    color:#666666;
    text-align: center;
}

img.mid 
{
	vertical-align:middle;
	border:0;
}

img.midh 
{
    display: block;
    margin: 0 auto;
    clear: right;
    border:0;
}

img.midspc 
{
	vertical-align:middle;
	border:0;
	padding:5px 5px 5px 5px;
}

img.midpadtop 
{
	vertical-align:middle;
	padding-top:10px;
	border:0;
}


.auto-resizable-iframe 
{
  max-width: 1280px;
  margin: 0px auto;
}

.auto-resizable-iframe > div 
{
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe iframe 
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}


/*MEDIA QUERY*/
@media only screen and (max-width : 640px) {

#container
{
	width: 100%;
	background-color: #ffffff;
	margin-top: -5px;
	margin-left: 0;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
}

nav {

	background-color:#5b9136;
}

nav ul {

	text-align:center;
	list-style:none;
    margin: 0;
    padding: 0;
} 

nav li
{
	width:100%;
	line-height: 35px;
	height: 35px;
	border-bottom:1px #3b7126 solid;
}

nav a
{
	display:block;	
	text-decoration: none;
	font-weight: bold;
	color: #eeeeee;
}

nav li a:hover
{

	color: #ffffff;
	background-color:#222220;
	text-decoration:none;
}

#rightSide {
    background-color:#fafafa;
    width:11em;
    padding:2px;
    margin-top:50px;
    float:right;
    border:5px solid #dddddd;
    color:#666666;
    text-align: center;
}

img.mid {
vertical-align:middle;
border:0;
max-width:100%;
height:auto;	
}

img.midh {
display: block;
margin: 0 auto;
clear: right;
border:0;
max-width:100%;
height:auto;	
}

img.midspc {
vertical-align:middle;
border:0;
padding:5px 5px 5px 5px;
max-width:100%;
height:auto;	
}
img.midpadtop {
	vertical-align:middle;
	padding-top:10px;
	border:0;
	max-width:100%;
	height:auto;
}
#tabledownload {display:block;}
#tabledownload td {display:inline-block;}
}