@charset "UTF-8";

/**
 * "Multi language keyboard" 
 *
 * @creator       Kupferschmidt
 * @file          multi-language-keyboard.css
 */

/* =================================================================== */
/* global settings                                                     */
/* =================================================================== */

@font-face {
      font-family: "arabic";
      src: url("/fonts/arabic_ae_almohanad.ttf");
}

@font-face {
	font-family: 'coptic';
	src: url('/fonts/coptic_unicode.ttf') format('truetype');
}

@font-face {
      font-family: "greek";
      src: url("/fonts/greek_unicode.ttf");
}

@font-face {
	font-family: 'javanese';
	src: url('/fonts/javanese_unicode.ttf') format('truetype');
}

@font-face {
      font-family: "persian";
      src: url("/fonts/persian_unicode.ttf");
}

@font-face {
      font-family: "urdu";
      src: url("/fonts/urdu_unicode.ttf");
}

body {
	font-family: Arial, sans-serif ;
	background: #EEEEEE;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	margin:0px;
}

#mlk_bodyFrame {
    text-align:center;
	margin: 28px;
}

.mlk_textTable {
	background: #DDDDDD;
	border: 1px solid #B9AFB5;
	width: 100%;
    border-spacing:0px;
    border-collapse:collapse;
    margin:0;
    padding:0;
    color: #4f3847;
}

.mlk_textTableLabel {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 4px;
	padding-bottom: 0px;
	width: 110px;
	text-align: left;
	vertical-align: top;
    font-size: 18px;
}

.mlk_textTableText {
    padding-top: 8px;
    padding-left: 4px;
    padding-right: 4px;
	padding-bottom: 0px;
	text-align:center;
    font-size: 18px;
    vertical-align: top;
}

.mlk_textTableButton {
    padding-top: 8px;
    padding-left: 4px;
    padding-right: 8px;
	padding-bottom: 0px;
	margin: 0px;
	width: 110px;
	text-align:center;
    font-size: 18px;
    vertical-align: top;
}

.mlk_textTableButton p > input {
	background-color: #b0261f;
	background-image: none;
	color: #f2efe4;
	border: 0 none;
    border-radius: 0;
    height: 30px;
    letter-spacing: 1px;
    font-size: 16px;
}

.mlk_textTableButton p {
    margin: 0px;	
}

.mlk_textTableHint {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
	padding-bottom: 0px;
	text-align: center;
}

.mlk_selectButton{
    height: 20px; 
    width: 84px; 
    font-weight: bold; 
    margin-top:3px; 
    margin-bottom:3px; 
    cursor:hand; 
    cursor:pointer;  
}

.mlk_textfield {
    width: 450px; 
    height: 80px; 
    direction:rtl; 
    font-size:15px; 
    padding-top:0px; 
    padding-left:2px; 
    padding-right:2px; 
    padding-buttom:0px; 
    margin-top:2px; 
    margin-buttom:2px; 
}

.mlk_cleanButton{
    height: 20px; 
    width: 84px;
    font-weight: bold; 
    margin-top:3px; 
    margin-bottom:3px; 
    cursor:hand;
    cursor:pointer;
}

#mlk_selectLanguage{
    width: 440px;
    height: 24px;
    background: none repeat 0 0 #ffffff;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 0 2px 12px;
}

.mlk_keyboardFrame {
	background-color: #EDE8E3;
	border: 1px solid #B9AFB5;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

tr.mlk_buttons {
	border-spacing: 1px;
}

tr.mlk_buttons > td > input {
	background-color: #5E8F82;
	border-radius: 0px;
    color: white;
    padding-bottom: 2px;
    padding-right: 5px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
}

.mlk_button1 
{
	width: 30px;
	height: 24px;
}

.mlk_button2 
{
	width: 40px;
	height: 24px;
}

.mlk_button3 
{
	width: 43px;
	height: 24px;
}

.mlk_button4
{
	width: 57px;
	height: 24px;
}

.mlk_button5 
{
	width: 74px;
	height: 24px;
}

.mlk_button6 
{
	width: 77px;
	height: 24px;
}

.mlk_button7
{
	width: 50px;
	height: 24px;
}

.mlk_button8
{
	width: 29px;
	height: 24px;
}

.mlk_button9
{
	width: 30px;
	height: 24px;
}

.invisible
{
	display: none;
}

/* =================================================================== */