html, body { margin: 0; padding: 0 }
body { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; background: #fff; color: #222; font-size: 12px }


/* ReNew+
*********************/
img { border: none }
sup { font-size: 11px  }
a { color: #384fa2; text-decoration: none }
a:hover { text-decoration: underline }

.header { height: 38px; display: block; background: url(img/background.png) bottom repeat-x; position: relative  }
.wrapper { margin: 1em 0 1em 24px; width: 90% }
.footer { clear: both; padding: 20px 0 0; color: #aaa; font-size: 11px } 
.footer a { color: #aaa } 

.error { font-weight: bold; color: #f00 }
.term  { font-size: 1.4em }
.copyright  { font-size: 0.8em; color: #bbb }

.face { line-height: 38px; margin: 10px 0 0 24px }
.face img { margin-top: 11px}
.user {text-shadow: #fff 0 1px 0; position: absolute; top: 12px; right: 24px }
.user a {  margin-left: 4px }
.fb { position: absolute; top: 10px; left: 194px }

.translator { }
.translator ul { padding-left: 0; margin-left: 0 }
.translator li {  float: left; list-style: none; padding-right: 6px; margin-left: 0 }
.alphabet { padding: 0; margin: 0 }
.alphabet li {  float: left; list-style: none; padding: 0 6px 0 0; margin: 0 }
.list { padding: 0; margin: 0 }
.list li {  float: left; list-style: none; padding: 0 6px 0 0; margin: 0; width: 168px }

.languages { padding: 20px 0 0 }
.languages li { float: left; list-style: none; padding: 0 6px 0 0; margin: 0; width: 148px }
.languages img { margin-right: 6px }
.name{ width: 98px }


/* Base
*********************/
input[type="text"], input[type="password"] {background:#fff url(img/bg_input.png) repeat-x; border-top:1px solid #bbb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #bbb; padding: 2px 4px; width: 194px}
input[type="text"]:focus, input[type="password"]:focus { border: 1px solid #6299c5 }
textarea{ background:#fff url(img/bg_input.png) repeat-x; border-top:1px solid #bbb; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #bbb }
textarea:focus{ border: 1px solid #6299c5 }
input[type="submit"] { font-size: 1.2em }
input, textarea  { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em }
#foreign { height: 10em; width: 90% }

dl input, dl textarea, dl select { padding: 3px; margin-top: 3px }
dl dt, dl div, fieldset div { margin-top: 1em }
dl dd { margin-left: 0 }
dl dt label { font-weight: bold; margin-right: 1.5em }
dl dt { padding-bottom: 4px }
dl dt span { vertical-align: text-top; font-size: 0.8em;  margin-left: 2em }
dl dt span, dl dt span a, .hint, a.hint, .hint a { color: #608080 }

ol { text-indent: 0; padding-left: 0; margin-left: 0; margin-right: 1em }
ol li { list-style: none; font-size: 1.1em }

#output p { font-size: 1.4em; padding: 0.5em 0; margin: 0 0 1em 0; }
#output .input { float: left; width: 46%; color: #ccc }
#output .result { float: left; width: 52%; }
#output div { clear: both; width: 90%; border-top: 1px #ddd solid; padding-right: 8px }

#otherlang .current { font-size: 2.5em; font-weight: bold; color: #000; }

{ }