body { 	
	font-family:  Tahoma, Verdana, Trebuchet MS,  Arial, Lucida Sans Unicode,  sans-serif;	
	margin:0px; padding:0px; color: #333;
	text-align: left; height:100%;
	line-height:130%; 
	/*background: white url('images/letters_bg3.png') fixed;*/
	background-color: white;
	background-position: 1% 1%;
	text-align: center;
}

h1 {  
	font-weight: bold; 
	font-size: 160%; 
	margin-left: 10px;
	padding-top: 0px; 
}

h2 {
	font-size: 110%;
	margin-left: 10px;
	text-align: center;
}  

h3 {
	font-size: 80%;
}

p { margin-left: 10px; text-align:justify;}	

a.nb { Color: #f9fbff;  }
.nb { border-width: 0px;}

a:visited { Color: Blue;}

img.h1image{
	vertical-align:middle;
}

#texto td.center {
	text-align: center;
}


.contact_icon {
	float:right; 
	padding-right: 7px;
	padding-top: 2px;
}

.help_menu {
	float:left; 
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}

#outer_container { 
	text-align:center;  
	margin-left:auto;
	margin-right:auto;  
	width: 945px;	
	background-color: #f9fbff; 
	border-left: 1px dotted #bbb;
	border-right: 1px dotted #bbb;
}

#footer { 
	color: White;
	text-align:center;  
	margin-left:auto;
	margin-right:auto;  
	width: 945px;	
	background-color: #4F81BD; 
	border-left: 1px dotted #bbb;
	border-right: 1px dotted #bbb;
}

#footer a { color: white; }
#footer p { margin-top: -5x; margin-bottom: -5px; }

#title_board {
	margin-left: 5px;
}

#container { 
	text-align:center;  
	margin-left:auto;
	margin-right:auto;  
	width:96%;}



.toolbar { 
	background-color: #d5e5ff;
	top: 30%;
	padding: 0px;
	vertical-align:top;
	border: 1px solid #666; 
	border-bottom: none;
	font-size: 90%;
	margin-right: -2px;
}

.toolbarIcons {
	width:180px;
}

.area_name {
	padding-top: 5px;
	font-weight: bold;
	line-height: 25px;
	vertical-align: middle;
	text-align: right;
	width: 180px;
}

img.tiptipable {
	font-family: Helvetica, Arial;
	cursor: pointer;
	cursor: hand;
}

#area_table { width: 100%;  }
#area_table  td {  padding: 0px; }
#area {  margin-left: -20px;  margin-right: -10px; }

.toolbarIcon {
	border: 1px solid #d5e5ff;
	margin-left: 0px;
}
.icon_menu { line-height:100%; }
.right_float { float:right; padding: 5px; }

select.toolbarIcon  {
	margin-top: 4px;
	font-size: 80%;
}

.clickableIcon:hover, .clickableIcon.hovered {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666; 
}

.clickableIcon.mousedown, .clickableIcon.selected , .clickableIcon.hovered{
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff; 
}

/*Table de glosa*/
#glossa { margin-left: 10px; color:#666; vertical-align: middle; text-align:right; font-size: 13px; width: 135px; font-family:  Arial; }
#glossa table { text-align: center; border-style:solid; border-collapse: collapse;
	background-color: #d5e5ff; border-width:1px; border-color: #333; width: 130px; }
#glossa table th { text-align: center; background-color: #4f81bd; color: white; font-weight: bold; line-height: 230%; }
#glossa table td { text-align: center; width: 40px; border: 0px solid #999; line-height: 20px;}
#glossa table td.rus { width: 25px; }
#glossa table td.izda { border-left: 1px solid #999; }
#glossa td.titulo_glossa { background-color: #008; color: white; font-size: 120%;
	font-weight: bold; width: 90px; }
#glossa .rus { font-weight: bold; color:#000; cursor:default;}
#glossa td.rus:hover {color: #fff; background-color: #4f81bd;  }
.alternate { background-color: #f9fbff; }
.rus_pekenyo { font-size:85%; }
.izda { border-left: 5px double #999; }
#glossa .shift_icon { padding-top:5px; margin-bottom:0px; }
#glossa .rus_shift { text-align: center;}


.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.no_cellspacing {	border-collapse:collapse;  }
	
.logo { padding: 10px; padding-right: 18px; }

.center { text-align: center; }
.size80 { font-size: 80%; }

#container_teclado {
    margin-top: 10px;
}

/* area de cotarro */
#area { text-align: center; margin-left: 0px; vertical-align:top; text-align: center; }
#area table { font-size: 100%; vertical-align: top; padding: 0px;}
#area textarea {  background-color: white;
	border: 1px solid #999; border-top: 0px none #fff; font-family: Trebuchet MS, Sans-Serif; 
	font-size: 16px; }
#area textarea.mini { width: 500px; height: 255px; background-color: #f4f4ff;
	border-style: solid; border-color: #808080; font-family: Trebuchet MS, Serif; 
	font-size: 14px; }
	
textarea.area_translit { width: 100%;  height: 370px; margin-right: 5px; margin-top: -1px;}
textarea.area_keyboard { width: 100%;  height: 290px; margin-top: -1px;}

.td_textarea  { 
	width: 100%;
}

#area td { text-align: left; vertical-align:top; margin-left: 5px; }

#area td.area_name {
	padding-left: 30px;
	font-weight: bold;
	vertical-align: middle;
}

#help_area {
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
}
#help_area ul li {
	list-style: none;
}


/* tabla contenido */
#texto { width:900px; font-family: Arial;}
#texto  h1, h2, h3 { text-align: center; font-family: Georgia; }
#texto td { width:50%; font-size: 80%; text-align:justify; vertical-align: top;
	padding-left:20px; padding-right:20px; }
	



div#tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#tabs li {
	display: block;
	float: left;
	margin: 2px 0px 0px 10px;
	border-width: 1px 1px 0 1px;
	padding: 3px 2px 2px 2px;
	border-style: solid;
	font-size: 90%;
	width: 200px;
	text-align: center;
}

#tabs li.translit {
	width: 100px;
}

#tabs li.keyboard {
	width: 170px;
}

#tabs li.decoder {
	width: 110px;
}

#tabs a {
	padding: 0 1em;
	text-decoration: none;
	color: black;
	border: none;
	
}

#tabs a:hover {
	font-weight: bold;
}

#tabs #selected img{
	border-style: none;
}


	
#tabs li#selected {
	font-weight: bold;
	color: #4F81BD;
	background: #D5E5FF;
	
}