.ssKeyboard	{
	display:none; text-align:center; padding:5px 10px; position:absolute; top:100px; left:100px; z-index:10;
	background:white; border:1px solid #9A9A9A;
	box-shadow: 3px 3px 3px #ececec;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 41%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 41%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 41%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 41%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 41%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard	BUTTON	{
	position:relative;
	margin:2px; width:30px; height:30px; cursor:pointer;
	border:1px solid #D0D0D0; border-radius: 5px;
	
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 37%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#fdfdfd), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 37%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 37%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 37%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 37%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard	BUTTON B {font-weight:normal;}
.ssKeyboard BUTTON U {position:absolute; bottom:3px; right:3px; color:gray; text-decoration:none;}
.ssKeyboard BUTTON.couple {width:40px; height:40px;}
.ssKeyboard BUTTON.couple B {font-weight:bold; position:absolute; top:4px; lefT:8px;}

.ssKeyboard .control {text-align:right; margin:5px 0px;}
.ssKeyboard .control A {color:black; text-decoration:none; padding:7px 10px; border:1px solid #D6D6D4; border-radius:5px; display:inline-block; margin-left:5px; font-size:11px;}
.ssKeyboard .control .clear {
	background: #e7e981; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e981 0%, #e1e559 50%, #dbdf36 51%, #e0e357 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e981), color-stop(50%,#e1e559), color-stop(51%,#dbdf36), color-stop(100%,#e0e357)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e981', endColorstr='#e0e357',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard .control .close {
	background: #c7e076; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7e076 0%, #c0db63 50%, #b3d341 51%, #bada51 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e076), color-stop(50%,#c0db63), color-stop(51%,#b3d341), color-stop(100%,#bada51)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7e076 0%,#c0db63 50%,#b3d341 51%,#bada51 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7e076 0%,#c0db63 50%,#b3d341 51%,#bada51 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7e076 0%,#c0db63 50%,#b3d341 51%,#bada51 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7e076 0%,#c0db63 50%,#b3d341 51%,#bada51 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e076', endColorstr='#bada51',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard .control .submit {
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard .control .backspace {
	background: #e7e981; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e981 0%, #e1e559 50%, #dbdf36 51%, #e0e357 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e981), color-stop(50%,#e1e559), color-stop(51%,#dbdf36), color-stop(100%,#e0e357)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e981 0%,#e1e559 50%,#dbdf36 51%,#e0e357 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e981', endColorstr='#e0e357',GradientType=0 ); /* IE6-9 */
}

.ssKeyboard .control UL {list-style:none; margin:0px; padding:0px;}
.ssKeyboard .control LI {
	float:left; padding:7px 10px; margin-right:4px; color:black; cursor:pointer;
	border:1px solid #D7D7D7; border-radius:5px; background:white; font-size:11px; 
	
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 41%, #d9d9d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#fdfdfd), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 41%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 41%,#d9d9d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 41%,#d9d9d9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 41%,#d9d9d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}
.ssKeyboard .control LI.on {
	color:white;
	background: #83dae1; /* Old browsers */
	background: -moz-linear-gradient(top,  #83dae1 0%, #61cdd7 50%, #40c3ce 51%, #3dc2cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83dae1), color-stop(50%,#61cdd7), color-stop(51%,#40c3ce), color-stop(100%,#3dc2cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #83dae1 0%,#61cdd7 50%,#40c3ce 51%,#3dc2cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #83dae1 0%,#61cdd7 50%,#40c3ce 51%,#3dc2cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #83dae1 0%,#61cdd7 50%,#40c3ce 51%,#3dc2cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #83dae1 0%,#61cdd7 50%,#40c3ce 51%,#3dc2cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83dae1', endColorstr='#3dc2cc',GradientType=0 ); /* IE6-9 */
}