#wrapper {
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
/*	box-shadow: 0 0 50px 0 rgba(0,0,0,.25); */
}
#controls {
  z-index: 100;
	float: right;
  background: transparent;
  top:27%;
	right:0px;
	width: 35px;
  height: 0px;
  padding: 4px 2px 4px 2px;
  position: fixed;
	margin: 0 0 0 650px;
	text-align: center;
	transition: .25s ease-out;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
/* box-shadow: 2px 2px 2px rgba(0,0,0,0.4); */
}
#controls a {
  vertical-align:bottom;
	font-size: 24px;
	color: #ffffff;
  background: transparent;
	display: block;
	font-weight: bold;
}

#controls a:hover {
	color: #ffffff;
	background: transparent;
	transition: .25s ease-out;
} 

a {
	text-decoration: none;
   font-size: 16px;
   line-height: 19px;
   color: #ffffff;
	 background: #1D7EAD;
  /* background-color: transparent; */
   border: 0px solid #4EB0D9;
   border-radius: 5px;
   padding: 2px 5px 2px 5px;
}

a.ctrl-link {
  height: 25px;
	text-decoration: none;
  border: 1px solid #4EB0D9;
  border-radius: 5px;
}

a.ctrl-link :hover {
	color: #ffff00;
	background: #1C7EAC;
  border-radius: 5px;
	transition: .25s ease-out;
}
                                               
a.selected {
	background: rgb(17,83,146); 
	color: #ffffff !important;
}

#small {
	font-size: 10px !important;
}

#medium {
	font-size: 14px !important;
}

#large {
	font-size: 18px  !important;
}

#color {
	font-size: 22px  !important;
}

.small {
	font-size: 75%;
}

h1 {
	font-size: 26px;
	font-weight: bold;
  color: #758A18;
  background-Color: #ffffff;
}
  
h2 {
	font-size: 22px;
	margin: 10px 0;
}

h3 {
	font-size: 18px;
	margin: 10px 0;
}

p {
  padding: 2px 5px 2px 5px;;
	line-height: 20px;
  border:solid 0px rgb(81,177,210);
}

#frm { 
	background-color: #ffffff;
  border:solid 0px black;
  padding:0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
   border-radius: 10px; 
}

#myTune {
padding:0px;
}

kbd {
background-color: #F1F1F1;
border: 1px solid #666;
border-radius: 5px;
color: #333;
padding: 0px 2px;
margin: 1px;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
min-width: 17px;
display: inline-block;
text-align: center;
}

#skip a
{ 
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
} 
 
#skip a:focus 
{ 
  /* display: block; */
	position:absolute;
	left:0px;
	top:0px;
  color:white;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
  transition: top .1s ease-in, background .5s linear;
}
 
#small {position:absolute;   top:0px;}
#medium {position:absolute;   top:30px;}
#large {position:absolute;   top:60px;}

#gscale {position:absolute;   top:90px;}
#cscale {position:absolute;  top:90px; display: none;}

#highcontrast {position:absolute;   top:120px;}
#highluminance {position:absolute;   top:150px;}
#grayluminance {position:absolute;   top:180px;}

#filter1 {position:absolute; top:210px;}
#filter2 {position:absolute; top:210px; display: none;}
#filter3 {position:absolute; top:210px; display: none;}
#filter4 {position:absolute; top:210px; display: none;}
#filter5 {position:absolute; top:210px; display: none;}
#filter  {background-color:transparent;  top:0; left:0; height:100%; width:100%; z-index:2147483640; position:fixed; pointer-events: none; }

#speech {position:absolute; top:240px;}
#speechoff {position:absolute; top:240px; display: none;}

#normalcontrast {position:absolute;   top:270px;}

.skypebutton {
  position: relative;
  left:0px; 
  top:0px;
  height: 60px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  border: 0px solid #C0C0BE; 
  border-radius: 5px;
}