*  {
   padding:0;
   margin:0;
   font-family:Arial;
   font-size:12px;
}
img   {
   border:none;
}

a  {
   color:blue;
}

h1 {
   font-size:18px;
   font-weight:normal;
   clear:both;
}

h2 {
   clear:both;
   font-size:14px;
}

h3 {
   font-size:14px;
   font-weight:bold;
}

body  {
   background:#f7f6f4;
}

a.inner  {
   text-decoration:none;
   border-bottom:1px dashed #666666;
   color:#666666;
   font-size:10px;
}

#wrapper {
   position:relative;
   left:50%;
   width:900px;
   background:url(http://linguamania.net/images/body-top.gif) center top no-repeat;
   
   margin:14px 0 10px -450px;
}

#logo {
   float:left;
   margin:43px 0 0 40px;
}

#menu {
   float:left;
   margin:18px 0 0 30px;
}
#menu div   {
   float:left;
   margin-right:-16px;
}
#menu a  {
   float:left;
   width:92px;
   height:100px;
   text-align:center;
   text-decoration:none;
   color:black;
   font-weight:bold;
   font-family:Verdana;
   font-size:12px;
   position:relative;
}
#menu a img {
   margin:9px 0 7px 0;
}
#menu div.active  {
   background:url(http://linguamania.net/images/menu-active.png) top center no-repeat;;
}

.buy {
   float:right;
   width:90px;
   height:81px;
   margin:30px 35px 0 0;
   background:url(http://linguamania.net/images/buy-big.png) center 0px no-repeat;
}

.buy:hover {
   background:url(http://linguamania.net/images/buy-big.png) center -81px no-repeat;
}
#prolong {
   background:url(http://linguamania.net/images/prolong-big.png) center 0px no-repeat;
}
#prolong:hover {
   background:url(http://linguamania.net/images/prolong-big.png) center -81px no-repeat;
}


#top-info   {
   float:right;
   font-family:Arial;
   font-size:11px;
   margin:36px 7px 0 0;
   width:160px;
}
#top-info ul  {
   list-style-type:none;
}
#top-info ul li {
   font-family:Arial;
   font-size:11px;
}

#left-column   {
   clear:left;
   float:left;
   width:238px;
}

#avatar-margin  {
   float:left;
   clear:left;
   width:40px;
   height:10px;
}
#avatar-margin2  {
   float:left;
   width:35px;
   height:1px;
}

#avatar-block  {
   float:left;
   width:220px;
   margin:7px 0 0 0px;
   text-align:center;
   font-size:10px;
   position:relative;
   z-index:1000;
   left:40px;
}
#avatar-block h4  {
   color:#666666;
   font-size:10px;
   clear:both;
}
#avatar-block h4 a {
   font-size:10px;
}
#avatar-block p {
   clear:both;
   text-align:left;
}

#ava-login-block  {
   border-top:3px solid #e5e5e5;
   margin:10px 0 0 0;
   padding:10px 0 0 0;
   text-align:left;
}
#ava-login-block label {
   margin-right:5px;
}
#ava-login-block table {
   margin:4px 0 0 0;
}
#ava-login-block table tr {
   height:25px;
   line-height:25px;
}
#ava-login-block table input {
   width:128px;
   height:18px;
   line-height:18px;
   font-size:15px;
   font-weight:bold;
}
#ava-login-block table a.button {
   position:relative;
   top:2px;
}

.teaser  {
   clear:both;
   float:left;
   text-align:left;
   position:relative;
   left:32px;
}

#signature img {
   width:38px;
   height:50px;
   float:left;
}
#signature a {
   color:black;
   text-decoration:none;
   float:left;
   width:200px;
   position:relative;
   top:13px;
   left:3px;
}

#signature a span {
   color:blue;
   text-decoration:underline;
}

/*
#reg-form input  {
   width:170px;
   height:20px;
   line-height:20px;
   font-size:16px;
   font-weight:bold;
}
#reg-form label  {
   font-weight:bold;
   margin-right:14px;
}
#reg-form tr  {
   height:28px;
   line-height:28px;
}
#reg-form a.button  {
   margin:4px 0 0 4px;
}
*/

#avatar  {
   float:left;
   position:relative;
   width:150px;
   height:200px;
   /*
   (220-150)/2 - done via avatar-margin2 (IE doubles float-e;lements left margins)
   margin-left:35px; 
   */
}

.avatar-gold  {
   background:url(http://linguamania.net/images/frame-gold-big.png) 7px 5px no-repeat;
}
.avatar-grey  {
   background:url(http://linguamania.net/images/frame-grey-big.png) 7px 5px no-repeat;
}

#ava-body   {
   position:absolute;
   left:38px;
   top:38px;
   z-index:0;
   /*border:1px solid black;*/
   width:74px;
   height:146px;
}

#menubar-margin  {
   float:right;
   clear:right;
   width:35px;
}

.menubar_short {
   width:572px;
}
.menubar_long {
   width:825px;
}

#menubar {
   float:right;
   height:36px;
   margin:2px 0 0 0;
   background:url(http://linguamania.net/images/menubar-left.gif) no-repeat left center;
}
#menubar a   {
   float:left;
   height:36px;
   text-decoration:none;
}

#menubar a span   {
   float:left;
   padding:0 13px;
   
   font-weight:bold;
   font-size:12px;
   color:white;

   height:36px;
   line-height:36px;
   cursor:pointer;
}

.menubar_short a.first   {
   margin-left:12px;
}
.menubar_long a.first   {
   margin-left:265px;
}

#menubar a.active   {
   background:url(http://linguamania.net/images/menu-active-left.gif) left center no-repeat;
}
#menubar a.active span   {
   background:url(http://linguamania.net/images/menu-active-right.gif) right center no-repeat;
}

#menubar a:hover   {
   background:url(http://linguamania.net/images/menu-hover-left.gif) left center no-repeat;
}
#menubar a:hover span   {
   background:url(http://linguamania.net/images/menu-hover-right.gif) right center no-repeat;
}


#menubar div   {
   float:right;
   width:20px;
   height:36px;
   background:url(http://linguamania.net/images/menubar-right.gif) no-repeat right center;
}

#footer  {
   clear:both;
   background:url(http://linguamania.net/images/body-bottom.gif) center bottom no-repeat;
   padding-top:10px;
}
#footer div {
   height:40px;
   line-height:30px;
   margin:0px 30px 0 40px;
   text-align:right;
   border-top:1px solid #ccc;
   color:#999;
   position:relative;
   top:0px;
}

#content {
   float:right;
   width:550px;
   margin:30px 0 20px 0;
   position:relative;
   left:-55px;
}
#content h1 {
   border-bottom:1px dashed #7f7f7f;
   padding:0 0 2px 2px;
   margin:0 0 10px 0;
   font-variant:small-caps;
   font-weight:bold;
   position:relative;
}
#content p {
   margin: 0px 0px 15px 20px;
}
#content h2 {
   margin: 0px 0px 10px 20px;
}
#content h4 {
   margin: 10px 0px 2px 20px;
}

.button  {
   height:28px;
   line-height:28px;
   background:url(http://linguamania.net/images/button-right.png) right top no-repeat;
   text-decoration:none;
   float:left;
}
.button span   {
   float:left;
   height:28px;
   line-height:28px;
   background:url(http://linguamania.net/images/button-left.png) left top no-repeat;
   text-decoration:none;
   color:black;
   text-align:center;
   padding:0 20px 0 24px;
   position:relative;
   left:-4px;
   font-weight:bold;
   cursor:pointer;
}

.button:hover  {
   background:url(http://linguamania.net/images/button-right.png) right -28px no-repeat;
}
.button:hover span {
   background:url(http://linguamania.net/images/button-left.png) left -28px no-repeat;
   color:white;
}

a.logout {
   color:#666;
   padding:0 2px;
}

a#ava-logout   {
   position:relative;
   top:-8px;
}

#game-info-user a#game-logout   {
   display:inline;
   position:relative;
   top:-4px;
}

#overlay {
   filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity:0.75;
   background:black;
   height:1px;
   width:1px;
   position:absolute;
   left:0px;
   top:0px;
   z-index:5000;
}

#lang-chooser  {
   position:absolute;
   right:0px;
   top:-2px;
   width:300px;
   height:29px;
   text-align:right;
   float:right;
}

#lang-chooser a {
   float:right;
   height:29px;
   margin:0px 3px;
   width:24px;
   text-align:center;
}

#lang-chooser a img {
   margin:4px 0 0 0;
}

#lang-chooser a.active {
   background:url(http://linguamania.net/images/lang-shortcut.gif) left bottom no-repeat;
   width:47px;
   margin:0px;
}

/*------------------------------*/
/* page specifics */



/* --- cloakroom page specific --- */

#submenu {
   clear:both;
   width:146px;
   float:left;
   position:relative;
   left:76px;
   top:10px;
}

#submenu a {
   display:block;
   text-align:center;
   line-height:28px;
   color:black;
}
#submenu a.active {
   background:url(http://linguamania.net/images/submenu-item.png) center center no-repeat;
   color:white;
   text-decoration:none;
   font-weight:bold;
}

.clonable span {
   color:#0c0;
   position:absolute;
   top:-20px;
   left:0px;
   width:42px;
   font-weight:bold;
   font-size:18px;
   text-align:center;
}

#exchanger  {
   float:right;
   width:200px;
   position:relative;
}
#exch-empty {
   background:url(http://linguamania.net/images/exch-small.gif) top center no-repeat;
   text-align:center;
   height:100%;
   font-size:10px;
}
#exch-empty h3 {
   padding:63px 0 5px 0;
   text-align:center;
}

#exch-clothes, #exch-letters  {
   width:200px;
   height:160px;
   background:url(http://linguamania.net/images/exch-big.png) center center no-repeat;
   position:relative;
/*   border:1px solid red;*/
}

#exch-letters #slot1, #slot2 {
   width:42px;
   height:42px;
   position:absolute;
   background:url(http://linguamania.net/images/white.png) center center no-repeat;
   filter:expression(fixPNG(this));
}

#exch-clothes #slot1 {
   position:absolute;
   top:78px;
   left:38px;
   height:2px;
   width:2px;

}

#exch-letters #slot1 {
   top:32px;
   left:21px;
}
#exch-letters #slot2 {
   top:84px;
   left:21px;
}

#exchanger .prize {
   position:absolute;
   top:58px;
   left:149px;
   width:42px;
   height:42px;
   filter:expression(fixPNG(this));
}

#letter-left {
   position:absolute;
   top:72px;
   left:134px;
}

#letter-right {
   position:absolute;
   top:72px;
   left:196px;
}

#exch-clothes #x-multiply  {
   position:absolute;
   top:74px;
   left:137px;
}
#exch-clothes #prize-value  {
   position:absolute;
   top:68px;
   left:123px;
   font-family:Arial;
   font-size:20px;
}

#exchanger #exchange-ok {
   position:absolute;
   top:132px;
   left:75px;
}

.clothes {
   cursor:pointer;
   filter:expression(fixPNG(this));
   position:absolute;
}


#dlg-clothes   {
   width:400px;
   height:375px;
   float:left;
   position:absolute;
   left:-25px;
   top:0px;
   left:270px;
   top:194px;
/*
   left:50%;
   margin-left:-200px;
   top:100px;
*/
   z-index:40000;
}
#dlg-clothes #back  {
   float:left;
   width:400px;
   height:375px;
   background:url(http://linguamania.net/images/dlg.png) left top no-repeat;
   filter:expression(fixPNG(this));
}

#dlg-clothes h1  {
   border:none;
   text-align:center;
   font-size:24px;
   font-weight:bold;
   margin-top:20px;
}
#dlg-clothes h2, #dlg-clothes h3  {
   text-align:left;
   font-size:12px;
   font-weight:normal;
   color:black;
   position:absolute;
}
#dlg-clothes h2  {
   left:38px;
   top:65px;
}
#dlg-clothes h3  {
   left:38px;
   top:220px;
}

#dlg-clothes .button  {
   position:absolute;
   top:320px;
}
#fit-ok span  {
   padding-left:37px;
   padding-right:37px;
}
#fit-ok  {
   left:105px;
}
#fit-cancel  {
   left:205px;
}

#ava2 {
   position:absolute;
   width:200px;
   height:150px;
   left:230px;
   top:40px;
}
#ava2 #fitted  {
   position:absolute;
}


#models {
   position:absolute;
   top:87px;
   left:39px;
}

#models a   {
   width:60px;
   height:60px;
   position:absolute;
}
#models a img   {
   position:absolute;
}
#models a img.pro   {
   left:30px;
   top:-2px;
}

#models a.active   {
   background:url(http://linguamania.net/images/clothes-active.png) center center no-repeat;
}

#palette1 {
   position:absolute;
   top:249px;
   left:56px;
}

.palette {
   clear:both;
}

.palette a  {
   float:left;
   background:url(http://linguamania.net/images/color-slot.png);
}

.palette a.active  {
   background:url(http://linguamania.net/images/color-slot-active.png);
}

.palette a img {
   width:14px;
   height:14px;
   margin:3px;
   float:left;
}

/* --- registration page specific --- */

#reg-form {
   margin-top:17px;
}

#reg-form input.txt  {
   width:170px;
   height:20px;
   line-height:20px;
   font-size:16px;
   font-weight:bold;
}
#reg-form label  {
   font-weight:bold;
   margin-right:14px;
}
#reg-form label.gender  {
   margin-right:37px;
   position:relative;
   top:-1px;
   left:6px;
}

#reg-form tr  {
   height:28px;
   line-height:28px;
}
#reg-form a.button  {
   margin:4px 0 0 4px;
}

p#error-message {
   height:38px;
   line-height:38px;
   position:relative;
   left:15px;

   color:red;
   font-weight:bold;
}

.input-block  {
   background-position:0 20px;
   background-repeat:no-repeat;
}
.input-block h3  {
   margin-bottom:12px;
}
.input-block div.palette {
   margin:0 10px;
}
.input-block div.palette img {
   border:1px solid #666666;
   height:12px;
   width:12px;
}
.input-block div.palette a.active img {
   border:1px solid black;
}

#select-bodycolor {
   position:absolute;
   left:-215px;
   top:206px;
   background-image:url(http://linguamania.net/images/bg-color.png);
   width:149px;
   height:59px;
}
#select-eyescolor {
   position:absolute;
   left:-215px;
   top:322px;
   background-image:url(http://linguamania.net/images/bg-color.png);
   width:149px;
   height:59px;
}

#select-hairsid {
   position:absolute;
   left:307px;
   top:206px;
   background-image:url(http://linguamania.net/images/bg-haircut.png);
   width:233px;
   height:175px;
}

#select-hairsid div {
   margin: -1px 0 0 7px;
}

#select-hairscolor {
   position:absolute;
   left:307px;
   top:392px;
   background-image:url(http://linguamania.net/images/bg-haircolor.png);
   width:233px;
   height:59px;
}

#select-hairringscolor {
   position:absolute;
   left:307px;
   top:460px;
   background-image:url(http://linguamania.net/images/bg-hairrings.png);
   width:233px;
   height:100px;
}

#select-eyebrowsid {
   position:absolute;
   left:7px;
   top:205px;
   background-image:url(http://linguamania.net/images/bg-eyebrows.png);
   width:233px;
   height:175px;
}

#select-eyebrowscolor {
   position:absolute;
   left:7px;
   top:322px;
   background-image:url(http://linguamania.net/images/bg-haircolor.png);
   width:233px;
   height:59px;
}

#select-mouthid {
   position:absolute;
   left:7px;
   top:392px;
   background-image:url(http://linguamania.net/images/bg-mouth.png);
   width:233px;
   height:200px;
   z-index:100;
}

#select-mouthid div {
   margin: -1px 0 0 7px;
}

.id-selector a {
   float:left;
   width:35px;
   height:35px;
   background:url(http://linguamania.net/images/hair-slot.gif) center center no-repeat;
   margin:0px;
}

.id-selector a.active {
   background:url(http://linguamania.net/images/hair-slot-active.gif) center center no-repeat;
}

.id-selector a img {
   margin:6px;
   width:22px;
   height:22px;
}

/* --- book page specific --- */

#books   {
   background:url(http://linguamania.net/images/books-top.gif) left top no-repeat;
   margin-left:20px;
}
#books #langs  {
   height:40px;
   float:left;
   padding-left:30px;
}

#books #langs a img {
   margin-top:4px;
}

#books #langs div img {
   margin-top:5px;
}

#books #langs a, #books #langs div {
   margin:5px 8px 0 0;
   float:left;
   width:24px;
   height:27px;
   text-align:center;
}

#books #langs div {
   width:44px;
   margin-right:7px;
   background:url(http://linguamania.net/images/book-shortcut.gif) top left no-repeat;
}

#books .bottom  {
   clear:both;
   background:url(http://linguamania.net/images/books-bottom.gif) left bottom no-repeat;
   padding-bottom:20px;
}

.book-block {
   background:url(http://linguamania.net/images/book-block-top.gif) left top no-repeat;
   margin:8px 0 0 16px;
   position:relative;
}
div.book-block div.child {
   background:url(http://linguamania.net/images/book-block-bottom.gif) left bottom no-repeat;
   padding:14px 0 10px 85px;
   height:100%;
}

div.book-block img.book {
   position:absolute;
   left:20px;
   top:15px;
}

#content div.book-block h2 {
   margin:0;
}

#content div.book-block h2 a {
   font-weight:bold;
   font-size:17px;
   text-decoration:none;
}

#content div.book-block a.inner {
   font-size:11px;
}

div.book-block .progress {
   font-size:10px;
   height:12px;
   line-height:12px;
   margin:8px 0 0 0;
}

div.book-block .progress span {
   float:left;
   margin-right:3px;
   font-size:10px;
   height:12px;
   line-height:12px;
   vertical-align:middle;
}
div.book-block .progress span.bar {
   width: 42px;
   border:1px solid #acacac;
   height:7px;
   line-height:7px;
   font-size:1px;
   margin-top:3px;
}
div.book-block .progress span.bar img {
   height:7px;
   line-height:7px;
}
div.book-block .activate   {
   position:absolute;
   top:30px;
   right:24px;
   width:110px;
}
div.book-block .activate  b {
   font-size:14px;
}

div.book-block .pages {
   border-top:1px solid #e8e8e8;
   margin:15px 40px 0 0;
   padding-top:15px;
}

#content div.book-block .pages .minimize {
   margin:10px 0 0 0;
}

#content div.book-block .pages a.inner {
   background:url(http://linguamania.net/images/minimize.gif) 0 5px no-repeat;
   padding:0 0 0 12px;
   float:none;
}

#content div.book-block .pages .page-line {
}

#content div.book-block .pages .page-line .more {
   position:relative;
   left:10px;
   top:-5px;
   display:inline;
}

/*
#books   {
   background:url(http://linguamania.net/images/book-space.gif) left top no-repeat;
   float:left;
   padding:10px 10px 10px 10px;
   position:relative;
   left:20px;
}

#books div  {
   float:left;
   height:110px;
   width:126px;
   text-decoration:none;
   text-align:center;
   position:relative;
   top:-8px;
}
#books a  {
   text-decoration:none;
}
#books div a h1  {
   border:none;
   font-size:13px;
   font-variant:normal;
   margin:0px;
   display:inline;
   position:relative;
   left:-10px;
}
.book-flag  {
   position:relative;
   left:-4px;
   top:3px;
   width:16px;
   height:16px;
}


#books div a h3  {
   font-size:10px;
   color:#666;
   display:inline;
   text-decoration:none;
}

#books div a .bookmark   {
   position:absolute;
   top:88px;
   left:55px;
   visibility:hidden;
}
#books div a img   {
   margin-top:7px;
}
#books div a:hover img.bookmark   {
   visibility:visible;
}
*/

#active-book   {
   padding:15px 0 0 45px;
   float:left;
   height:100px;
   background:url(http://linguamania.net/images/bg-active-book.png) 20px top no-repeat;
   width:500px;
   position:relative;
}

#active-book img#big-book  {
   float:left;
   margin:0 40px 0 0;
}
#active-book img#small-flag  {
   position:absolute;
   top:5px;
   left:91px;
}
#active-book p  {
   float:left;
   margin:0 0 0 0;
}

/* --- buy page specific --- */
#boxshot {
   position:absolute;
   top:120px;
   left:25px;
}

#purchase   {
   position:absolute;
   top:150px;
   left:250px;
}
#purchase a.inner  {
   color:#777;
   font-size:12px;
   float:left;
   clear:left;
}
#purchase a.active {
   font-weight:bold;
   border:none;
   font-size:14px;
   color:black;
}

#purchase .price  {
   position:absolute;
   right:67px;
   top:-5px;
   font-size:34px;
   font-weight:bold;
}

#purchase ul {
   list-style-type:none;
   clear:both;
   padding:15px 0 0 0px;
}
#purchase ul li {
   margin:3px 0 0 0;
   width:300px;
}

#purchase ul li div  {
   float:left;
   width:250px;
   font-size:13px;
   padding-left:14px;
}

#purchase ul li div input {
   float:left;
   margin:8px 6px 0 0;
   padding:0 3px;
   height:20px;
   line-height:20px;
   width:140px;
   font-size:18px;
}

#purchase ul li div a.button {
   margin:6px 0 0 2px;
}

#purchase ul li div #error   {
   display:block;
   clear:both;
   color:red;
   font-size:12px;
   font-weight:bold;
   padding:3px 0 0 1px;
}

/*
#purchase ul li div.num  {
   float:left;
   font-family:Trebuchet MS;
   height:20px;
   font-size:18px;
   margin:0 5px 0 0;
}

#purchase ul li div.cont  {
   float:left;
   width:250px;
   margin:5px 0 0 0;
   font-size:13px;
}

#purchase ul li div.cont input {
   float:left;
   margin:8px 6px 0 0;
   padding:0 3px;
   height:20px;
   line-height:20px;
   width:148px;
   font-size:18px;
}

#purchase ul li div.cont a.button {
   margin:6px 0 0 2px;
}

#purchase ul li div.cont #error   {
   display:block;
   clear:both;
   color:red;
   font-size:12px;
   font-weight:bold;
   padding:3px 0 0 1px;
}
*/

#buy-block  {
   float:left;
   height:270px;
   width:550px;
   background: url(http://linguamania.net/images/buy-frame.gif) -1px 25px no-repeat;
   position:relative;
}

#buy-block #price {
   position:absolute;
   width:100px;
   text-align:center;
   left:65px;
   top:220px;
   font-weight:bold;
   font-size:16px;
}


#buy-block a {
   float:left;
   color:#666;
   text-decoration:none;
   position:relative;
   top:3px;
   margin:0px 20px 0 0;
   padding-top:5px;
   text-align:center;
   height:21px;
}
#buy-block a span {
   border-bottom:1px dashed #666;
   text-decoration:none;
}
/* order matters for next 3 selectors */
#buy-block a.first {
   margin-left:20px;
}
#buy-block a.active {
   width:124px;
   background:url(http://linguamania.net/images/buy-active.gif) left top no-repeat;
   margin-left:0;
}
#buy-block a.first {
   height:25px;
}

#buy-block a.active span {
   border:none;
   font-weight:bold;
   font-size:14px;
}

#buy-block img#buy-price {
   float:left;
   clear:left;
   margin:11px 58px 0 0;
   padding:0 0 0 46px;
}

#buy-block div {
   float:left;
   width:285px;
}

#buy-block div.first {
   margin:12px 0 15px 0;
   height:100px;
}

#buy-block div h3 {
   margin:0 0 5px 0;
}

#buy-block div strong {
   display:block;
   font-size:22px;
   font-weight:bold;
   color:#6699ff;
   font-family:Tahoma;
   margin:2px 0;
}

#activation-block {
   float:left;
   height:28px;
   margin:10px 0 0 0;
   line-height:28px;
   position:relative;
}

#benefits   {
   list-style-type:none;
   margin-left:20px;
}

#benefits li  {
   background:url(http://linguamania.net/images/bullet.gif) 5px center no-repeat;
   padding-left:17px;
}

/* --- account page specific --- */
table#payments {
   text-align:left;
   width:524px;
   margin:0px 0 0 20px;
}

table#payments th {
   font-size:14px;
   height:32px;
   line-height:32px;
   border-bottom:1px solid #ccc;
   border-top:1px solid #999;
}
table#payments td {
   font-size:13px;
   height:32px;
   line-height:32px;
   color:#666;
   border-bottom:1px solid #ccc;
}

table#payments col#date-col   {
   width:145px;
}
table#payments col#cost-col   {
   width:95px;
}
table#payments col#paid-col   {
   width:280px;
}

table#my-rating  {
   background:url(http://linguamania.net/images/my-rating-bg.gif) left top no-repeat;
   float:left;
   width:429px;
   text-align:left;
   border:none;
   padding-bottom:30px;
}
table#my-rating col#fake-col {
   width:20px;
}
table#my-rating col#name-col {
   width:89px;
}
table#my-rating col#day-col {
   width:106px;
}
table#my-rating col#week-col {
   width:106px;
}
table#my-rating col#month-col {
   width:106px;
}

table#my-rating td, table#my-rating th {
   background:none;
   font-family:Verdana;
}
table#my-rating th {
   height:27px;
   line-height:19px;
   vertical-align:bottom;
   font-weight:normal;
   font-size:11px;
}
table#my-rating td.strong {
   height:21px;
   line-height:21px;
   font-weight:bold;
   font-size:17px;
}
table#my-rating td {
   height:18px;
   line-height:18px;
   font-size:13px;
}
table#my-rating tr.last td {
   height:30px;
   vertical-align:top;
}

#my-rating-block   {
   padding:0 0 0 45px;
   float:left;
   height:120px;
   background:url(http://linguamania.net/images/bg-active-book.png) 20px top no-repeat;
   position:relative;
}

#my-rating-block img  {
   float:left;
   margin:15px 35px 0 0;
}

#my-rating-block img#small-flag  {
   position:absolute;
   top:5px;
   left:91px;
   margin:0;
}


/* --- rating page specific --- */
table#rating-table   {
   text-align:left;
   margin-top:5px;
}
table#rating-table col#col-place    {   width:90px;   }
table#rating-table col#col-name     {   width:199px;  }
table#rating-table col#col-score    {   width:88px;   }

table#rating-table th   {
   height:35px;
   line-height:35px;
   border-top:3px solid #e5e5e5;
   background:#f2f0f0;
}

table#rating-table td   {
   height:50px;
   vertical-align:middle;
   border-bottom:1px solid #ebebeb;
   font-size:16px;
}
table#rating-table tr.myrow td   {
   background:#69f;
   color:white;
   font-weight:bold;
   border:none;
}
table#rating-table tr.myrow td a  {
   color:white;
}

table#rating-table .td-place   {
   padding-right:20px;
   text-align:right;
   border-left:1px dashed #dcdcdc;
}

table#rating-table th.td-name   {
   padding-left:57px;
   background:#ece9e9;
}

table#rating-table td.td-name   {
   height:50px;
   vertical-align:middle;
   border-bottom:1px solid #ebebeb;
   background:#f8f7f7;
}
table#rating-table td.td-name a  {
   font-weight:bold;
   font-size:16px;
   color:black;
}
table#rating-table td.td-name a img {
   text-decoration:none;
}

table#rating-table td img  {
   /*float:left;*/
   vertical-align:middle;
   width:38px;
   height:50px;
   margin:0 10px;
}

table#rating-table .td-score   {
   padding-left:23px;
   text-align:left;
   border-right:1px dashed #dcdcdc;
}

#pages   {
   margin:15px 0 0 0;
   height:30px;
   padding:5px 0;
}
#pages a  {
   padding:3px;
   font-size:14px;
   color:black;
}
#pages b  {
   padding:3px;
   font-size:14px;
   border:1px solid #b0b0b0;
   font-weight:normal;
   margin:0 3px;
}

#rating-selector  {
   float:left;
   width:400px;
   position:relative;
   left:70px;
   margin:20px 0 10px 0;
}
#rating-selector  a  {
   float:left;
   width:74px;
   height:23px;
   line-height:23px;
   text-align:center;
   font-weight:bold;
   font-size:11px;
   color:black;
}
#rating-selector  a.active  {
   background:url(http://linguamania.net/images/rs-active.gif) center center no-repeat;;
   color:white;
   text-decoration:none;
}
#rating-selector  a.active:hover  {
   color:black;
}
#rating-selector  a:hover  {
   background:url(http://linguamania.net/images/rs-hover.gif) center center no-repeat;;
   text-decoration:none;
   color:black;
}

/* contacts - specific */
fieldset {
   border:none;
}
fieldset p label  {
   display:block;
   margin-bottom:2px;
}
fieldset p input  {
   width:450px;
}
fieldset p textarea  {
   width:450px;
}
fieldset button  {
   width:100px;
   margin:-10px 0 0 20px;
}

/* index - specific */
#quest-index   {
   height:240px;
   position:relative;
}

#brief-index   {
   font-size:22px;
   font-weight:bold;
   text-align:center;
   padding-top:105px;
}

#answer-index {
   font-size:36px;
   font-weight:bold;
   margin-top:25px;
   width:100%;
   text-align:center;
}

#gamers  {
   position:relative;
   height:120px;
   background:url(http://linguamania.net/images/grass.png) left bottom no-repeat;
}

#gamers a {
   position:absolute;
   text-decoration:none;
   color:black;
}

#gamers a div  {
   position:absolute;
   top:-40px;
   left:-32px;
   height:53px;
   width:142px;
   background:url(http://linguamania.net/images/cloud2.png) top left no-repeat;
   z-index:100;
   padding:5px 0px 0px 13px;
   font-size:11px;
}
#gamers a div h4 {
   margin:0 0 -1px 0;
   font-weight:bold;
}
#gamers a div img {
   width:16px;
   height:12px;
   margin-right:10px;
   position:relative;
   top:2px;
}

#gamers a img.iePNG {
   height:100px;
   width:75px;
}

#gamers a div span {
   font-family:Verdana;
   font-size:12px;
   font-weight:bold;
}

/* about - specific */
.author  {
   float:left;
   text-align:center;
   width:150px;
   margin-right:80px;
   position:relative;
   left:90px;
}
.author small {
   font-size:11px;
   display:block;
}
.author b {
   display:block;
   font-size:13px;
   margin-top:4px;
}
.author a {
   font-weight:bold;
   text-decoration:none;
}

/* maniacs page specific */
/* --- rating page specific --- */
table#maniac-table   {
   text-align:left;
   margin:5px 0 0 20px;
   width:492px;
}
table#maniac-table col#col-ava      {   width:100px;   }
table#maniac-table col#col-name     {   width:150px;  }
table#maniac-table col#col-score    {   width:80px;   }
table#maniac-table col#col-week     {   width:162px;   }

table#maniac-table th   {
   height:35px;
   line-height:35px;
   border-top:3px solid #e5e5e5;
   background:#f2f0f0;
}

table#maniac-table td   {
   height:50px;
   vertical-align:middle;
   border-bottom:1px solid #ebebeb;
   font-size:16px;
}

table#maniac-table .td-ava   {
   border-left:1px dashed #dcdcdc;
}

table#maniac-table th.td-name   {
   padding-left:20px;
   background:#ece9e9;
}

table#maniac-table td.td-name   {
   vertical-align:middle;
   background:#f8f7f7;
   padding-left:20px;
}
table#maniac-table td.td-name a  {
   font-weight:bold;
   font-size:16px;
   color:black;
}

table#maniac-table td img  {
   /*float:left;*/
   vertical-align:middle;
   width:75px;
   height:100px;
   margin:0 10px;
   text-align:center;
}

table#maniac-table .td-score   {
   text-align:center;
   font-weight:bold;
}

table#maniac-table .td-week   {
   border-right:1px dashed #dcdcdc;
   text-align:center;
   border-left:1px solid #ece9e9;
}

table#maniac-table td.td-week   {
   text-align:left;
   padding-left:30px;
   font-size:14px;
}

/* avatar-specific */
#save-block {
   position:absolute;
   left:0px;
   top:430px;
   width:250px;
   z-index:200;
}
#save-block a.button  {
   position:relative;
   left:30px;
}

#save-block p  {
   position:absolute;
   left:100px;
   top:5px;
   width:100%;
/*
   float:left;
   text-align:left;
   width:100%;
   margin:10px 0 5px 30px;
   padding:0;
*/
}

/* forum-specific */
#topics {
   padding-top:10px;
   margin-bottom:20px;
}

#topics div   {
   background:url(http://linguamania.net/images/topic-brief.gif) left top no-repeat white;
   height:47px;
   margin-top:8px;
   clear:both;
   position:relative;
}

#topics div h2 a  {
   font-weight:bold;
   text-decoration:none;
   color:#0055ff;
   font-size:16px;
   position:absolute;
   left:20px;
   top:10px;
}

#topics div span {
   font-weight:normal;
   font-size:11px;
   position:absolute;   
   bottom:5px;
}

#topics div span.counter  {
   left:20px;
}

#topics div span.last-message  {
   right:20px;
}
#topics div span.last-message b a {
   color:black;
   font-weight:bold;
   vertical-align:bottom;
   text-decoration:underline;
   font-size:11px;
}
#topics div span.last-message b a:hover {
   color:black;
}
#topics div span.last-message a {
   color:black;
   text-decoration:none;
   font-size:14px;
}

#topics div span.last-message a:hover {
   color:blue;
   font-weight:bold;
}

.topic {
   clear:both;
   margin:20px 0 0 0;
}
.topic div  {
   position:relative;
   margin: 12px 0 0 0;
/*   height:100px;*/
   clear:both;
}
#content .topic div p  {
   padding:5px 0 0 90px;
   margin:0px;
}
.topic div img  {
   margin:5px 0 5px 0;
   float:left;
   z-index:100;
   position:relative;
   top:1px;
   width:75px;
   height:100px;
}
.topic div div  {
   /*background:url(http://linguamania.net/images/post-head.gif) left top no-repeat;*/
   background:#f7f6f4;
   border-top:1px solid #999;
   height:35px;
   line-height:32px;
   clear:none;
}
.topic div div a {
   margin-left:15px;
   color:black;
   font-weight:bold;
}
.topic div div a.del {
   float:right;
   position:relative;
   left:-25px;
}

.poster {
   width:100%;
   clear:both;
}
.poster textarea {
   width:100%;
}
.poster a.button  {
   margin:8px 0 16px 0;
   position:relative;
   left:230px;
}

.post-result  {
   clear:both;
   border:1px solid #d7cf9e;
   background:#f4ebbd;
   height:30px;
   line-height:30px;
   padding:0 15px;
   font-weight:bold;
   font-size:11px;
   font-family:Tahoma;
}

#new-topic input {
   clear:both;
   display:block;
   margin:0 0 10px 0;
   width:100%;
}

#new-topic label {
   clear:both;
   display:block;
}

#new-topic textarea {
   width:100%;
}

#new-topic a.button {
   margin:5px 0 0 210px;
}

/* download-specific */
#ssaver-benefits  {
   margin:0 0 0 20px;
}

.ssaver-build  {
   margin:0 0 20px 20px;
}
#content .ssaver-build p, #content .ssaver-build h2   {
   margin:0;
}
.ssaver-build a   {
   font-size:14px;
}

/* language selector*/
.lang-selector {
   position:absolute;
   right:0px;
   top:0px;
   font-variant:normal;
   font-weight:normal;
   width:100px;
   z-index:2;
}
.lang-selector span {
   position:absolute;
   right:42px;
   top:4px;
   text-align:right;
}

.lang-selector a.open-selector {
   width:41px;
   height:23px;
   background:url(http://linguamania.net/images/selector.gif) left top no-repeat;
   text-align:left;
   position:absolute;
   right:0px;
}
.lang-selector a.open-selector img {
   margin:2px 0 0 6px;
}

.lang-selector .open-selector:hover {
   background:url(http://linguamania.net/images/selector-hover.gif) left top no-repeat;
}

.lang-selector a.open-selector.active {
   background:url(http://linguamania.net/images/selector-active.gif) left top no-repeat;
}

.lang-selector .lang-list {
   background:white;
   position:absolute;
   right:0px;
   top:22px;
   border:1px solid #cecece;
   padding:1px 1px;
}
.lang-selector .lang-list a  {
   display:block;
   background:url(http://linguamania.net/images/flags/en.png) 5px center no-repeat;
   height:21px;
   line-height:21px;
/*   margin:0 20px 0 0px;*/
   padding:0 20px 0 37px;
   text-decoration:none;
   color:black;
   text-align:left;
}

.lang-selector .lang-list a.active  {
   font-weight:bold;
}

.lang-selector .lang-list a:hover  {
   background-color:#94b8ff;
   color:white;
}