body { color: #000; font-family: Verdana, sans-serif; width:100%; background-color: #F0F0FF; margin: 0; padding: 0;}
textarea { font-family: Tahoma, sans-serif; margin-bottom: 2px; border: 1px solid #aaa; }
input.btn, #data input.btn, .frm input.btn { font-weight: bold; border: 1px solid #666; background-color: #ccc; }
hr { width: 80%; margin-top: 5px; margin-bottom: 5px; padding: 0px; height: 1px; color: #ccc; background-color: #ccc; border: none; }
form { margin: 0px; padding: 0;}
a { color: #00b;}
a.link { text-decoration: underline; font-weight: bold;}
ul { margin: 0 0 0 20px; padding: 0; }
li { margin: 0; padding: 0; }
h1 {margin: 5px 0 10px; padding: 0;}
h2 {margin: 5px 0 10px; padding: 0;}
p {margin: 10px 0;}

td.privacy  {height: 40px; background: URL(../images/privacy.gif) right 50% no-repeat; padding-right: 45px; font-size:10px; font-weight: bold; color: black;}

td.privacynologo  {height: 40px; font-size:10px; font-weight: bold; color: black;}


.testiIndex {color: #444; font-weight: bold; margin: 5px; margin-top:6px; padding: 2px; background: #eef URL('../images/quotes.gif') right bottom no-repeat; border: 1px solid #ccc; zoom: 1; font-size:10px;}
.testiIndex img {float: left; margin: 0 5px 0 0; width: 49px; height: 70px;}


	
a img { border: none }
.nowrap { white-space: nowrap }
.slct { font-size: 12px; }
.bold {font-weight: bold;}
.ctr {text-align: center;}
.hid {display: none;}
.shw  {display: block;}
.posrel {position: relative;}
.posabs {position: absolute;}

.dummy { position: absolute; left: -5000px; width: 100%;}

.toolbar { text-align: center; }
.toolbar a { font-family: Verdana; font-size: 14px; color: #000; text-decoration: none; font-weight: bold;	border: 1px solid black; padding: 3px 10px; line-height: 36px; background-color: #ff0; margin: 0 5px; }
.toolbar a:hover{ background-color: #fa0; }

.button { text-align: center; }
.button a { font-family: Verdana; font-size: 12px; color: #000; text-decoration: none; font-weight: bold;	border: 1px solid #aaa; padding: 3px 10px; line-height: 20px; background-color: #ccc; margin: 0 5px; }
.button a:hover{ background-color: #89f; }

div.button { text-align: center; }
div.button a { font-family: Verdana; font-size: 12px; color: #000; text-decoration: none; font-weight: bold;	border: 1px solid #000; padding: 3px 10px; line-height: 30px; background-color: #DCDCDC; margin: 0 5px; }
div.button a:hover{ background-color: #89f; }

#data td.frmbtn, .frm td.frmbtn{ background: none; border: none; text-align:center; padding: 10px;}
#data td.frmbtn a, .frm td.frmbtn a {font-family: Verdana; font-size: 13px; color: #000; text-decoration: none; font-weight: bold;border: 1px solid #666; background-color: #ccc; padding: 2px 10px;  margin: 0 5px; }
#data td.frmbtn a:hover, .frm td.frmbtn a:hover {background-color: #89f;}

a.btn  { font-family: Verdana; font-size: 12px; color: #000; text-decoration: none; font-weight: bold;	border: 1px solid #000; padding: 2px; line-height: 30px; background-color: #DCDCDC; margin: 0 5px; }
a.btn:hover{ background-color: #89f; }

span.nav { font-size: 11px; font-weight: bold; line-height: 20px;}
a.navbtn, a.navnok, a.navok{ font-family: Verdana; font-size: 10px; color: #000; text-decoration: none; font-weight: bold;	border: 1px solid #000; padding: 2px; line-height: 20px; background-color: #DCDCDC; margin: 0 3px; }
a.navnok { color: #666; background-color: #aaa }
a.navok { background-color: #89f; }
a.navbtn:hover{ background-color: #89f; }

div.titlenav { text-align: center; margin: 0 0 10px;}
div.titlenav a.navok, div.titlenav a.navbtn { font-family: Verdana; font-size: 13px; text-decoration: none; font-weight: bold; border: 1px solid #000; padding: 5px; line-height: 25px;}
div.titlenav a.navbtn { background-color: #aaa; }
div.titlenav a.navbtn:hover , div.titlenav a.navok { background-color: #89f; }

#page{ background: #fff; border:1px solid #009; width:784px; margin: 0 auto; }

#hdr { height: 100px; position: relative; border-bottom:2px solid #cb0;}
#hdr #maintitle { height: 65px; width: 593px; position: absolute; top: 0px; left: 0; }
#hdr #welc { font-weight: bold; font-size: 80%; text-align: right; margin-right: 8px; }
#hdr #slogan { color: #888; font-style:italic; font-family:Arial, sans-serif; font-size:13px; text-align:left; position: absolute; bottom: 3px; left: 8px;}
#hdr h1 { margin: 0; color: #fff; }
#hdr #login { position: absolute; right: 0; top: 0; width: 180px; height: 83px; background: url(../images/loginbg.jpg) repeat-x left top; }
#hdr #ppal { position: absolute; right: 0; top: 0; width: 180px; }
#hdr #soffer { position: absolute; right: 0; top: 36px; }
#hdr #login-in { width: 180px; height: 83px; background: url(../images/loginlftbg.jpg) no-repeat left top; text-align: right; font-size: 10px; font-weight: bold; color: #FFFFFF; }
#hdr #login-in label { float: none; color: #fff;  padding: 0 3px 0 0; }
#hdr #login input { width: 100px; margin-top: 2px; margin-right: 6px; height: 15px; border: 1px solid black; font-size: 10px; padding-top: 1px; padding-left: 3px; }
* html #hdr #login-in label { font-size: x-small; f\ont-size: small; }
* html #hdr #login-in input { font-size: x-small; f\ont-size: small; height: 20px; hei\ght: 15px; }
#hdr #login-in #pplogo {position: absolute; right: 5px; top: 85px; width: 180px; height: 20px;}

#leftcol { background-color:#89f; width:180px; vertical-align: top; }
#leftcol .sidepic { text-align: center; margin-top: 20px; margin-bottom: 10px;}
#leftcol #lastpic { margin-bottom: 0; }
#leftcol .sidepic img {border: 1px solid black;}

#leftmenu{ padding:0 5px; margin:5px 0 0; list-style: none;}
#leftmenu li.mainitem { margin-bottom: -1px; position: relative; }
#leftmenu a.mainlink { padding:5px 0px 5px 10px; display: block; text-decoration: none; color:#009; font-size:12px; font-weight:bold; width: 170px; voice-family: "\"}\""; voice-family:inherit; w\idth:160px; }
li.mult a.mainlink {background: transparent url(../images/subarrow.gif) no-repeat 160px 50%; }


#leftmenu a.myhov, #leftmenu a:hover.mainlink  { background-color:#bcd; }

#leftmenu a.sel { background-color:#def; }
#leftmenu ul.submenu  {position: absolute; left: 154px; list-style-type: none;	padding: 0; margin:0;  voice-family: "\"}\""; voice-family:inherit; left: 170px;}
#leftmenu ul.submenu li {margin-bottom: -1px;}
#leftmenu ul.submenu a{	padding:5px 0px 5px 10px; display: block; text-decoration: none; color:#009; font-size:12px; font-weight:bold; width: 190px; background-color:#a9f;}
#leftmenu ul.submenu a:hover {background-color:#bcd;}

.cnt2 {font-size: 40px;}
.maincnt { font-size: 12px; padding: 10px 20px;}
td.maincnt { vertical-align: top; }
.maincnt h1 { text-align: center; margin: 0 0 15px; font-size: 145%;}
.maincnt h1 span { color: black; border: 1px solid #000; padding: 5px; background-color: #89f; line-height: 145%;}
.maincnt h2 { font-size: 115%; font-weight: bold; }
.basic { height: 500px; }
.login { height: 500px; }

#staticcnt h1 {color: red;}
#staticcnt h2 {color: red; font-size: 145%; text-align: center;}
#staticcnt h3 {font-size: 145%; text-align: center;}
#staticcnt p {text-align: justify;}
#staticcnt .standout {background-color: #ffffe6; margin: 20px 50px; padding: 1px 10px; border: 1px solid #ff9;}
#staticcnt div.testi {color: #444; font-weight: bold; font-style: italic; margin: 10px 75px 10px; padding: 15px; background: #eef URL('../images/quotes.gif') right bottom no-repeat; border: 1px solid #ccc; zoom: 1;}
#staticcnt div.testi img {float: left; margin: 0 5px 0 0; width: 49px; height: 70px;}
#staticcnt p.testi {font-weight: bold; color: #06f; font-style: italic;}
#staticcnt p.ctr {text-align: center;}
#staticcnt .hgh {padding: 2px; font-weight: bold; background-color: #ff0;}
#staticcnt .bb {font-weight: bold; color: #06f;}
#staticcnt .ruleT { font-size: 110%; font-weight: bold;  margin: 20px 0 5px;}
#staticcnt .ruleI { margin: 10px 0 15px 50px; line-height: 20px;}
#staticcnt ul {margin: 0; padding: 0 0 0 40px;}
#staticcnt ul li {margin-bottom: 3px; }
#staticcnt ul.check {padding-left: 20px; list-style-image: url(../images/checkmark.gif); list-style-type: none;}
#staticcnt ul.check li {margin-bottom: 7px;}
#staticcnt ol li {margin-bottom: 7px;}

#data { font-size: 11px; }
#data th, #data td { padding: 3px 8px 3px 3px; vertical-align: middle;}
#data th { text-align: center; background-color: #666; color: white; font-weight: bold; white-space: nowrap}
#data td { background-color: #eee; }
#data td.button { background: none; border:none; text-align:center; padding: 10px; }
#data td#do { text-align: center; }
#data td.section { background-color: #ccc; }
#data td.sample { background-color: #ccc; }
#data input { margin-bottom: 0px; border: 1px solid #aaa; }
#data .pds, #data .frs {background-repeat: no-repeat; background-position: left 50%; padding-left: 20px;}
#data .pds {background-image: url(../images/paid.gif);}
#data .frs {background-image: url(../images/free.gif);}

#success, #error, #info {font-weight: bold; padding: 5px 5px 5px 36px; border: 1px dashed blue; margin-bottom: 10px;}
#error {background: #F0E68C url(../images/error.gif) 9px 50% no-repeat;}
#success {background: #AFEEEE url(../images/success.gif) 9px 50% no-repeat;}
#info {background: #DCDCDC url(../images/info.gif) no-repeat 9px 50%;}	

#footer { padding: 5px; text-align: center; font-size: 0.7em; border-top: 1px solid blue; background-color: #ddf; }

.frm { font-size: 12px; border-top:1px solid #999;}
.frm  textarea { font-size: 12px;}
.frm td, .frm th { padding: 4px; border:1px solid #999; border-top: none; border-left: none; vertical-align: middle;}
.frm th { background-color:#89f; color:#fff; }
.frm td { background-color: #eee; }
.frm input.err { border: 2px solid #f00; }
.frm .hdr { background-color:#ccc;	font-weight:bold; white-space: nowrap;}
.frm .sep { border-bottom: 2px solid #666;}
.frm .lft { border-left:1px solid #999; }
.frm td.button{ background: none; border:none; text-align:center; padding: 10px;}
.frm input { margin-bottom: 0px; border: 1px solid #aaa; }
.frm input.radio { margin: 0; border: none; }
.frm input.chk { margin: 0; border: none; }
.w440 { width: 440px; }
.w540 { width: 540px; }
.w100 { width: 100px; }
.w60 { width: 60px; }
.w130 { width: 130px; }
.w180 { width: 180px; }
.w340 { width: 340px; }

table.phrases input, table.quiz input   { width: 600px; }
.frm input.nbr { width: 40px; }
.frm input.word { width: 200px; }
.grammar textarea { height: 200px; }
table.game input, table.verbs input { width: 200px; }

a.format { display: block; float: left; width: 20px; height: 20px; margin: 0 3px 3px 0 ; border: 1px solid #666; background-color: #ccc;}
a.pvw {display: block; float: right; width: 20px; height: 20px; margin: 0 0 0 3px ; border: 1px solid #666; background-color: #ccc;}
a.w60 {width: 60px;}
a:hover.format, a:hover.pvw {background-color: #89f;}
a.lftsep { margin-left: 6px; }

.userform { font-size: 11px; border: dotted 1px #034089; background-color: #DDE6F7; margin-bottom: 15px; margin-top: 15px;}
.userform .fld { border: 1px solid #66c;}
.userform .title { font-size: 12px; text-align: center; font-weight: bold; }
.userform .required { color: #f00; }
.userform  input.chk { margin: 0; border: none; }
.userform .specialprice { color:#FF0000; font-weight:bold; }

#translations h1 { color: #FF9900; }
#translations p { font-size: 12px; color: #000066; font-weight: bold; }
#translations p.gold { color: #FF9900; }
#translations li { font-size: 12px; color: #000066; font-weight: bold; padding: 0px; margin: 0px; }

.leftoptin { font-size:10px; text-align:center; padding:5px 0px 5px 0px;}