#canvascontainer {
  width: 100%; }

a {
text-decoration:none;
color:black;
}
a:hover{
color:darkgrey;


}
#canvas {
  border: 2px solid #000;
  width: 500px;
  height: 500px; }

/*****************************************************
 * generic styling for ALS elements: outer container
 ******************************************************/
.als-container {
  position: relative;
  width: 100%;
  margin: 0px auto;
  z-index: 0; }

/****************************************
 * viewport styling
 ***************************************/
.als-viewport {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  background-color: black; }

/***************************************************
 * wrapper styling
 **************************************************/
.als-wrapper {
  position: relative;
  /* if you are using a list with <ul> <li> */
  list-style: none; }

/*************************************
 * item: single list element
 ************************************/
.als-item {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer; }

/***********************************************
 * prev, next: buttons styling
 **********************************************/
.als-prev, .als-next {
  position: absolute;
  cursor: pointer;
  clear: both; 
  margin-left:-12px;}

#als-list .als-item {
  min-height: 50px;
  min-width: 50px;
  text-align: center; }

#als-list {
  visibility: hidden; }

#als-list .als-item img {
  display: block;
  margin: 0 auto;
  vertical-align: middle; }

*:-khtml-drag {
  background-color: #eeeeee; }

body {
  font-family: Signika; }

td {
  border: 0px solid black; }

div .small {
  border: 2px solid black;
  border-radius: 15px;
  width: 80px;
  height: 80px;
  margin-left: 15px; }

div .smalltext {
  margin-top: 10px;
  border: 2px solid black;
  border-radius: 10px;
  width: 80px;
  height: 25px;
margin-left: auto;margin-right: auto;
  
 }

div .mainwindow {
  border: 2px solid black;
  border-radius: 10px;
  width: 500px;
  height: 500px;
  background-color: #F2F2F2;
  margin-top:15px; }

 .descwindow {
  border: 2px solid black;
  border-radius: 10px;
  width: 438px;
  height: auto;
  background-color: #F2F2F2;
  margin-top: 15px;
  margin-left: 15px; 
  }

div .mainsmall {
  margin-top: 15px;
  margin-left: 15px;
  border: 2px solid black;
  border-radius: 10px;
  width: 433px;
  height: 431px;
  background-color: #F2F2F2;
   }

.btn {
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  cursor:pointer;
  font-size: 18px;
  background: #CCCCCC;
  padding: 7px 7px 7px 7px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  margin-left: 10px;
  border: 2px solid black; }

.btn:hover {
  text-decoration: none; }

input[type=text] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  border: 2px solid black;
  border-style: dashed;
  margin-top: 10px;
  border-radius: 10px;
  width: 385px;
  float: left;
  height: 28px;
  display: inline-block;
  vertical-align: middle; }


#list {
  height: 530px;
  overflow: hidden;
  margin: 10px; }
#list-container {
  list-style: none;
}
#list ul li {
  padding: 10px; }