body {margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
     /* text-align:center; /* Hack for IE5/Win */ 
font-size:14px; font-family:"Open Sans", sans-serif;font-weight:normal; 
overflow:hidden;
background: -webkit-gradient(linear, right bottom, left top, from(#6D91B5), to(#084884)); /*-webkit-linear-gradient(#084884, #6D91B5); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(left, #084884, #6D91B5); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, #084884, #6D91B5); /* For Firefox 3.6 to 15 */
background: linear-gradient(left, #084884, #6D91B5); /* Standard syntax */
background: -ms-linear-gradient(left, #084884, #6D91B5); /* IE 11 */
}

#keyboard{background-color:#7b8490;padding:10px; width:778px; height:288;display:block; border-top:3px solid #000; padding-left:25px; display:block; 
          position:absolute; bottom:-350px; left:0px;}
#keyboard:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#keyboardHeader {position:relative;}
#keyboardHeader div {color:#fff; background-color:#7b8490;padding:3px; padding-left:15px; padding-right:15px; position:absolute; cursor:pointer; right:-10px; top:-40px;}
.closex {font-weight:bolder; color:#000;}

#keyboardCapitalLetter {display:block;}
#keyboardSmallLetter {display:none;}
#keyboardNumber {display:none;}
#keyboardSymbols {display:none;}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 0.9s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 0.9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.OR
{
background-color: white;
    border-radius: 50% 50% 50% 50%;
    color: black;
    float: center;
    font-weight: normal;
    height: 20px;
    margin-left: 0px;
    padding: 20px;
    position: relative;
    top: 85px;
    width: 20px;
    z-index: 1000;
}

.separator{
	width:1px;
	height:168px;
	background-color: white;
	position: absolute;
	margin-left: 50px;
margin-right:50px;
}

.refreshButton
{
	height:32px;
    background-color:#fff; 
    position:relative;
    float:left;
    margin:-15px 5px 0 5px;
    cursor:pointer;
    font-size:1em;
    border: none;
border-radius: 2px;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}
.refreshButton::-moz-focus-inner{border:0;}
.button_control 
{
    height:42px;
    background-color:#fff; 
    position:relative;
    float:left;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:15px;
    cursor:pointer;
    font-size:1em;
    border: none;
border-radius: 2px;
 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}
.button_control::-moz-focus-inner{border:0;}
.button_control:ACTIVE
{
border:1px solid #666;
background:#E2E3E4 ;
}


.cursorButton 
{
    width:45px; height:45px;background-color:#CCC; position:relative;margin-right:9px;margin-top:10px;cursor:pointer;font-size:24px;
   /*box shadow*/
	-webkit-box-shadow: 0px 1px 3px #000000;
	-moz-box-shadow: 0px 1px 3px #000000;
	box-shadow: 0px 1px 3px #000000;
	/*box radius*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*gradient*/
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #CCC 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #CCC 0%, #e5e5e5 100%); /* IE 11 */
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC),
		color-stop(100%, #e5e5e5)); /* webkit */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\='#CCC',endColorstr\='#e5e5e5', GradientType\=0); /* ie */
}
.cursorButton:ACTIVE
{
    width:45px; height:45px;background-color:#E5E5E5; position:relative;margin-right:9px;margin-top:10px;cursor:pointer;font-size:24px;

    background-color: #A0A0A0;
	/*box shadow*/
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
	/*box radius*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*gradient*/
	background: #CCC; /* old browsers */
	background: -moz-linear-gradient(top, #CCC 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #CCC 0%, #e5e5e5 100%); /* IE 11 */
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC),
		color-stop(100%, #e5e5e5)); /* webkit */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\='#CCC',
		endColorstr\='#e5e5e5', GradientType\=0); /* ie */
}





.button 
{
    width:45px; height:45px;background-color:#E5E5E5; position:relative;margin-right:9px;margin-top:10px;cursor:pointer;font-size:1.2em;

   /*box shadow*/
	-webkit-box-shadow: 0px 1px 3px #000000;
	-moz-box-shadow: 0px 1px 3px #000000;
	box-shadow: 0px 1px 3px #000000;
	/*box radius*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*gradient*/
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE 11 */
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5)); /* webkit */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\='#ffffff',endColorstr\='#e5e5e5', GradientType\=0); /* ie */
}
.button:ACTIVE
{
    width:45px; height:45px;background-color:#E5E5E5; position:relative;margin-right:9px;margin-top:10px;cursor:pointer;font-size:1.2em;

    background-color: #A0A0A0;
	/*box shadow*/
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
	/*box radius*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*gradient*/
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE 11 */
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5)); /* webkit */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\='#ffffff',
		endColorstr\='#e5e5e5', GradientType\=0); /* ie */
}
.buttonDown {background:none;background-color: #c9cdd5; -webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}
.button_a {margin-left:26px;}
.button_dash {margin-left:26px;}
.button_underscore {margin-left:26px;}
.button_enter {width:103px; font-size:1.3em; height:40px; }
.button_enter
{
	
	-webkit-box-shadow: 0px 1px 3px #000000;
	-moz-box-shadow: 0px 1px 3px #000000;
	box-shadow: 0px 1px 3px #000000;
	/*box radius*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*gradient*/
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE 11 */
	/* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5)); /* webkit */
	filter: progid\:DXImageTransform\.Microsoft\.gradient(startColorstr\='#ffffff',endColorstr\='#e5e5e5', GradientType\=0); 
}


.button_del{font-size:1.3em;}
.button_smallletter{font-size:1.3em;}
.button_capitalletterleft{font-size:1.3em;}
.button_capitalletterright{ width:129px; font-size:1.3em;}
.button_numberleft{width:172px; font-size:1.3em; margin-left:26px;}
.button_numberright{width:129px; font-size:1.3em;}
.button_space {width:100px; height:40px;}
.button_symbolsleft{width:172px; font-size:1.3em; margin-left:26px;}
.button_symbolsright{width:129px; font-size:1.3em;}
.buttonDown::-moz-focus-inner{border:0;}
.button_a::-moz-focus-inner{border:0;}
.button_dash::-moz-focus-inner{border:0;}
.button_underscore::-moz-focus-inner{border:0;}
.button_enter::-moz-focus-inner{border:0;}
.button_del::-moz-focus-inner{border:0;}
.button_smallletter::-moz-focus-inner{border:0;}
.button_capitalletterleft::-moz-focus-inner{border:0;}
.button_capitalletterright::-moz-focus-inner{border:0;}
.button_numberleft::-moz-focus-inner{border:0;}
.button_numberright::-moz-focus-inner{border:0;}
.button_space::-moz-focus-inner{border:0;}
.button_symbolsleft::-moz-focus-inner{border:0;}
.button_symbolsright::-moz-focus-inner{border:0;}
.button::-moz-focus-inner{border:0;}
.button_control::-moz-focus-inner{border:0;}


.key {width:100%; height:100%; text-align:center; padding-top:12px; text-shadow: 0px 1px 1px #ffffff;filter: dropshadow(color=#ffffff, offx=0, offy=1);}
.key_del {padding-top:18px;}
.key_enter {padding-top:18px;}
.key_smallletter {padding-top:18px;}
.key_capitalletterleft {padding-top:18px;}
.key_capitalletterright {padding-top:18px;}
.key_number {padding-top:18px;}
.key_symbols {padding-top:18px;}
.key::-moz-focus-inner{border:0;}
.key_symbols::-moz-focus-inner{border:0;}
.key_number::-moz-focus-inner{border:0;}
.key_capitalletterright::-moz-focus-inner{border:0;}
.key_capitalletterleft::-moz-focus-inner{border:0;}
.key_smallletter::-moz-focus-inner{border:0;}
.key_enter::-moz-focus-inner{border:0;}
.key_del::-moz-focus-inner{border:0;}

.inputdiv {
	border:1px solid #000; 
	width:95%;
	height:40px;
	color:black; 
	font-family:"Open Sans", sans-serif; 
	font-size:12px; 
	padding:5px; 
	padding-left:8px; 
	margin-bottom:10px;
	border-radius:2px;
	}

/* content {width:700px; height:100px; border:1px solid #000; margin:10px; font-family:"Open Sans", sans-serif; font-weight:normal;} */

input[type=text] {border:1px solid #000; width:95%; height:40px; color:black; font-family:"Open Sans", sans-serif; font-size:12px; padding:5px; padding-left:8px; margin-bottom:10px;border-radius:2px;}
input[type=password] {border:1px solid #000; width:95%; height:20px; color:black; font-family:"Open Sans", sans-serif; font-size:12px; padding:5px; padding-left:8px; margin-bottom:10px;border-radius:2px;}
/* 
input[type=checkbox] {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border-radius:20px;
}
input[type=checkbox]:checked {
     background-image: url("checked.png");
    }
input[type=checkbox]:not(:checked) {
    background-image: url("unChecked.png");
    } */