body {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 10px;
	direction: rtl;
}

table {
  margin : auto;
  margin-top: 10px;
  margin-bottom: 10px;
	color: #412700;
}

  
td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.trtitle {
  background:#FfBfff;
  }

.trcurr {
  background:#FFBFBF;
  }  

.trhead {
  background:#7FFFFF;
  }  
  
.trodd {
  background:#DFFFFF;
  }  

.treven {
  background:#BFffff;
  }  

div {
	top: 20px;
	left: 5em;
}

#wrap {
	width: 100%;
}


#logo a {
  float: right;
}


a {text-decoration: none;
   font-weight: bold;
   color: 0x202020;}

@media screen and (max-width: 600px) {

.smallscr {
  display : initial;
}

.bigscr {
  display : none;
}


#sidebar {
  display : none;
}

}

@media screen and (min-width: 600px) {

#afterbar {
  display : none;
}

.smallscr {
  display : none;
}

.bigscr {
  display : initial;
}

#sidebar {
  display : initial;
  float: left;
	width: 24%;
}

.indent {
  margin-left: 1em;
}

#sidebar p {
  margin: 5px;
  font-size: 70%;
	color: #000000;
}


#bullets {
  display: initial;
}


#intro {
  border-left-style:solid;
  border-width: 3px;
  border-color:#E0C0C0;
  margin-left: 25%; 
  width: 75%; 
  }
  
#footer {
 clear: both;
 }  

#footer td {
width:10em; 
font-size: 80%;
color: 0x8080F0;

} 
  
#bullets {
  margin: 3px;
  } 
   
h1 {
  margin: 0 px;
  font-size: 140%;
}
h2 {
  font-size: 120%;
}

hr {
	size: 0.3em;
	color: #744a00;
}

p {
  margin: 20px;
	color: #000000;
}

#shortcut p {
  margin: 5px;
  font-size: 70%;
	color: #000000;
}

#bullets ul {
  margin-top: 5px;
  font-weight: bold;
	color: #FF0000;
}

table.keyboard {
  margin : none;
  margin-top: none;
  margin-bottom: none;
	color: #412700;
}

table.searchword {
  direction: ltr;
  margin : none;
  margin-top: none;
  margin-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-spacing:0px;
  border-width: 0px;
  background-color:white;
}  

td.searchword {
  margin : none;
  margin-top: none;
  margin-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-color:blue;
}

td.key {text-align: center; background-image: url('../images/button48.png'); width: 48px; height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
td.keynone {width: 48px; height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
screenshot {
  border-style: solid;
  border-width: 3px;
  border-color: black;

}

button.download {
  background: #3bc740;
  background-image: -webkit-linear-gradient(top, #3bc740, #118f11);
  background-image: -moz-linear-gradient(top, #3bc740, #118f11);
  background-image: -ms-linear-gradient(top, #3bc740, #118f11);
  background-image: -o-linear-gradient(top, #3bc740, #118f11);
  background-image: linear-gradient(to bottom, #3bc740, #118f11);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 3px #666666;
  -moz-box-shadow: 1px 2px 3px #666666;
  box-shadow: 1px 2px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

button.download:hover {
  background: #1ef52c;
  background-image: -webkit-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -moz-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -ms-linear-gradient(top, #1ef52c, #3cd934);
  background-image: -o-linear-gradient(top, #1ef52c, #3cd934);
  background-image: linear-gradient(to bottom, #1ef52c, #3cd934);
  text-decoration: none;
}

button.go {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #286185);
  background-image: -moz-linear-gradient(top, #3498db, #286185);
  background-image: -ms-linear-gradient(top, #3498db, #286185);
  background-image: -o-linear-gradient(top, #3498db, #286185);
  background-image: linear-gradient(to bottom, #3498db, #286185);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 2px #0f0e0f;
  -moz-box-shadow: 1px 1px 2px #0f0e0f;
  box-shadow: 1px 1px 2px #0f0e0f;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 2px 1px 2px;
  background: #3498db;
  text-decoration: none;
}

button.go:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


}