.ui-icon-braille {
  background-image: url(../images/icons-18-code.png);
  background-position: 0 50%;
}

.ui-icon-morse {
  background-image: url(../images/icons-18-code.png);
  background-position: -18px 50%;
}

.ui-icon-semaphore {
  background-image: url(../images/icons-18-code.png);
  background-position: -36px 50%;
}

#morse_slider {
    	position: absolute;
  	top: 300px;
  	left: 0px;
        width: 320px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;  
}

#braille_dot1 {
    	position: absolute;
  	top: 120px;
  	left: 40px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

#braille_dot2 {
    	position: absolute;
  	top: 200px;
  	left: 40px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

#braille_dot3 {
    	position: absolute;
  	top: 280px;
  	left: 40px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

#braille_dot4 {
    	position: absolute;
  	top: 120px;
  	left: 140px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

#braille_dot5 {
    	position: absolute;
  	top: 200px;
  	left: 140px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

#braille_dot6 {
    	position: absolute;
  	top: 280px;
  	left: 140px;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}

.dot {
    	position: absolute;
        width: 60px;
        height: 60px;
  	background: #ddd;
  	border: 1px solid black;
  	-webkit-border-radius: 30px;
        -moz-border-radius: 30px;  
}