/*************** Fonts & Graphics ***************/
html {font-size: 68.75%} /* 11px */
body,table,input,label,textarea,button,select {color: #c0c0c0; font: normal 1em/1.5 Tahoma,sans-serif}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block}
h1 {font: normal 2.181em Tahoma; color: #cfcdcd}
h2 {font: normal 2.181em Tahoma; color: #cfcdcd}
    body.inner h2 {font: normal 1.727em Tahoma; color: #fff}
h3 {font: normal 1.727em Tahoma; color: #fff}
    body.inner h3 {font: bold 1em Tahoma; color: #00adef}
h4 {font: bold 1em Tahoma; color: #00adef}
h5 {font: bold 1em Tahoma; color: #003f6f}
h6 {font: normal 1em Tahoma; color: #727272}
p {margin: 1em 0; padding: 0; text-align: justify}
p:first-child {margin-top: 0 !important}
html {}
body {background: #000 url("/images/bg.png") repeat-x}
/*************** Positioning ***************/
html {}
body {position: relative; margin: 0; padding: 0;}
#wrapper {width: 860px; padding: 237px 13px 0 13px; margin: 0 auto; position: relative}
       /* -- Mainframes -- */
#header     {width: 100%; height: 218px; position: absolute; top: 0; left: 0}
#content    {position: relative; min-height: 580px}
#footer     {clear: both}
#bottom     {}
#bottom a#net {display: block; margin: auto; height: 16px; width: 165px; padding-left: 25px; background: url("/images/logo_netcraft.png") no-repeat; white-space: nowrap}
/*************** Representation ***************/
       /* ++ Standard elements ++ */
a         {color: #ff0; text-decoration: underline}
a:visited {color: #FC6}
a:hover, a:active,a:focus {text-decoration: none}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af}
a.external {color: #f0f0f0; padding-right: 10px; background: url("/images/ico_external.png") right 0px no-repeat}
fieldset {padding: 5px 5px; border: solid 1px #dcdcdc}
legend   {color: #ccc}
input,label,form,textarea,button {margin: 0}
  input[type="text"],input[type="password"] {padding: 4px 4px; border: 1px solid #505050; background: #191919; color: #fff}
        input.text,input.password {padding: 4px 4px; border: 1px solid #505050; background: #191919; color: #fff}
  input[type="hidden"] {display: none !important}
        input.hidden {display: none !important}
  input[type="image"],input[type="checkbox"] {width: auto !important}
        input.image,input.checkbox {width: auto !important}
  input.imagebutton {background: url("/images/butt_archive.png") 0px 0px no-repeat; height: 31px; border: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; font-size: 1px; color: #7c878a; padding-left: 50px}
  a.hrefbutton {background: url("/images/butt_archive.png") 0px 0px no-repeat; height: 31px; border: none; text-decoration: none; text-indent: -900em; overflow: hidden; cursor: hand; cursor: pointer; text-align: left; display: block}
select    {margin: 0; background: #2a2a2a; color: #c0c0c0; border: 1px solid #505d62; padding: 2px 0px 3px 0}
textarea {padding: 5px 5px; border: 1px solid #505050; background: #191919}
input,label,select {vertical-align: middle}
iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}
hr     {display: block; border: none; color: #fff; background-color: #fff; height: 1px; width: 100%; margin: 20px 0; padding: 0}
table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: hide}
    table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold}
    table td {padding: 0; text-align: left; vertical-align: top}
    table caption {caption-side: top; text-align: center}
    table thead   {}
    table tfoot   {}
    table tbody   {}
       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none}
   ul li {margin: 0; padding: 0 0 0 8px; background: url("/images/bull_li.png") 0px 7px no-repeat}
   li ul {margin-top: 0; margin-bottom: 0}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal}
   ol li {margin: 0; padding: 0}
   ol ul li {background: none}
dl {margin: 0 0 1em 1.5em; padding: 0}
   dl dt {margin: 0 0 0.5em 0; padding: 0}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0}
       /* -- Images -- */
img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */
       /* -- Text -- */
blockquote {margin: 10px 0; padding: 10px 15px}
html:lang(en) q {quotes: "\201e" "\201c" "\2018" "\2019"}
cite  {font-style: italic}
small {}
big   {}
sup   {vertical-align: text-top; font-size: 65%}
dfn   {font-style: normal; margin: 0; padding: 0}
var   {font-style: normal; margin: 0; padding: 0}
code  {margin: 0; padding: 0}
samp  {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
kbd   {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
tt    {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0}
ins   {text-decoration: underline}
del   {text-decoration: line-through}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap}
abbr {text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}
acronym {text-transform: none; text-decoration: none; border-bottom: 1px dotted #f0f0f0; cursor: help}
/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {
 color: inherit;
 font: inherit;
 font-size: 100%;
}
center {
 text-align: inherit;
}
s,strike,u {
 text-decoration: inherit;
}
/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none}
.fl {float: left; margin: 0 5px 5px 0}
.fr {float: right; margin: 0 0px 5px 5px}
.m0 {margin: 0 !important}
.hidden {}
.showed {}
ul.pdf {margin: 0 0 20px 15px; padding: 0; list-style-type: none}
  ul.pdf li {margin: 0; padding: 0; background: none}
    ul.pdf li a {padding-left: 25px; background: url("/images/ico_pdf.gif") no-repeat; line-height: 22px; display: block}
p.pdf {margin-top: 50px; padding-top: 12px; width: 283px; background: url("/images/bg_pdf_ill.gif") no-repeat; font-size: smaller}
a.more  {color: #87a700; float: right; padding-left: 10px; background: url("/images/ico_archive.png") 0px 7px no-repeat}
a.back  {display: block; padding-left: 20px; background: url("/images/ico_archive.png") 0px -123px no-repeat}
a.promo {display: block; text-align: center; font-weight: bold}
/*  -- Header --  */
/*  logo */
#logo {width: 367px; height: 110px; padding: 50px 0 0 0px; position: absolute; top: 0px; left: 13px; font: bold 2em "Trebuchet MS"; color: #fff; text-transform: uppercase; z-index: 5}
#logo a {display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 367px; height: 160px; background: url("/images/logo.png") no-repeat; top: 0; left: 0}
#logo dfn  {display: block; font: normal 0.5em Verdana}
/* /logo */
#header ul#nav {position: absolute; width: 900px; top: 160px; left: 13px; margin: 0; padding: 0}
#header ul#nav li {display: block; float: left; margin: 0; padding: 0; background: none; white-space: nowrap;}
#header ul#nav li a {display: block; height: 52px; float: left; padding: 6px 20px 0px 20px; text-transform: uppercase; font: normal 1.545em/52px Tahoma; color: #aeaeae; text-decoration: none}
#header ul#nav li a:hover,
    body.index #header ul#nav li#l_Home a,
    body.Flashcards #header ul#nav li#l_Flashcards a,
    body.Learning #header ul#nav li#l_Learning a,
    body.News #header ul#nav li#l_News a,
    body.OnlineDemo #header ul#nav li#l_OnlineDemo a,
    body.Support #header ul#nav li#l_Support a,
    body.ContactUs #header ul#nav li#l_ContactUs a
    {background: url("/images/bg_ul-a-hover.png") repeat-x; padding-top: 0; border-top: 6px solid #ffaf15}
#header a#banner_demo {display: block; position: absolute; right: 0px; top: 0px; width: 443px; height: 160px; background: url("/images/banner_demo.png") no-repeat; text-indent: -900em}
/* /-- Header -- */
/* -- Footer --  */
#footer {min-height: 105px; margin: 1px 0 0 0; padding: 30px 0 0 0; color: #797878; text-align: center; background: url("/images/bg_footer.png") 0 -150px no-repeat}
body.index #footer,body.Learning #footer {background: url("/images/bg_footer.png") 0px 0px no-repeat}
#footer a {color: #fff}
#footer img {display: inline}
#footer ul  {margin: 0; padding: 0 0 0 10px; overflow: hidden}
#footer ul li {display: inline; margin: 0 0px; padding: 0 6px; background: url("/images/ico_archive.png") 0 -114px no-repeat; white-space: nowrap}
#footer ul li:first-child,#footer ul li.firstchild {background: none}
#footer ul li a {color: #797878}
#footer ul li a:hover {color: #f8ba10; text-decoration: none}
/* contacts  */
#footer address.vcard {margin: 20px 0; display: block; font-style: normal; line-height: 1.7}
#footer address.vcard a.fn {cursor: default; text-decoration: none; color: #797878}
#footer address.vcard .adr {}
#footer address.vcard .tel {}
#footer address.vcard .country-name {display: none}
/* /contacts */
#footer kbd {display: block}
#footer kbd a {margin-left: 3px}
/* /-- Footer -- */
/* -- Bottom --  */
#bottom {text-align: center; color: #797878}
#bottom a {color: #fff}
#bottom img {display: inline}
/* /-- Bottom -- */
/* Home page block's */
body.index #promo,body.Learning #promo {width: 367px; padding: 0px 31px 0 32px; background: #2a2a2a url("/images/bg_promo.png") repeat-y}
    body.index #promo:before,body.index #promo span.block-before,body.Learning #promo:before,body.Learning #promo span.block-before {background: url("/images/bg_block-ramka.png") 0 0px no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '}
    body.index #promo:after,body.index #promo span.block-after,body.Learning #promo:after,body.Learning #promo span.block-after {background: url("/images/bg_block-ramka.png") 0 -15px no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '; clear: both}
body.index #promo h2,body.Learning #promo h1 {font: normal 1.727em/1 Tahoma; color: #fff; margin: 0 0 1em 0; word-spacing: -1px}
body.index #promo h3 {font: bold 2.09em Tahoma; color: #fff; width: 367px; height: 315px; background: url("/images/bg_promo-h3.jpg") no-repeat; text-indent: -900em}
body.index #promo p,body.Learning #promo p  {margin: 1em 0 2em 0}
body.index #promo ul#exams,body.Learning #promo ul#exams {margin: 5px 0 0 0; padding: 5px 15px; background-color: #3b4346; border: 1px solid #505d62; overflow: hidden}
body.index #promo ul#exams li,body.Learning #promo ul#exams li {margin: 0 0 0 30px; padding: 0; float: left; font: bold 1.272em Tahoma; color: #00adef; background: none}
body.index #promo ul#exams li:first-child,body.index #promo ul#exams li.firstchild,body.Learning #promo ul#exams li:first-child,body.Learning #promo ul#exams li.firstchild {margin-left: 0}
body.index #promo ul#exams li a,body.Learning #promo ul#exams li a {color: #00adef}
body.index #promo ul#exams li ul,body.Learning #promo ul#exams li ul {margin: 0; padding: 0}
body.index #promo ul#exams li li,body.Learning #promo ul#exams li li {float: none; margin: 5px 0; padding: 0; font: normal 0.857em Tahoma; color: #fff}
body.index #promo ul#exams li li a,body.Learning #promo ul#exams li li a {color: #fff; text-decoration: none; padding-left: 16px; background: url("/images/ico_archive.png") 0 -23px no-repeat}
body.index #promo ul#exams li li a:hover,body.Learning #promo ul#exams li li a:hover {color: #ff0; text-decoration: underline; background-position: 0 -70px}
body.index #promo a.promo,body.Learning #promo a.promo {margin-top: 10px; margin-bottom: 0px} /* margin-bottom is left column height control! */
body.inner div#member div.key_features {display: none}
body.Learning div#member div.key_features {display: block; position: absolute; right: 0px; top: 89px}
div.key_features h2 {color: #caecff}
ul.key_features {margin: 0; padding: 0; font: bold 1.272em Tahoma}
ul.key_features li {margin: 10px 0; padding: 0; color: #fff; background: none; padding}
ul.key_features li a,ul.key_features li a:visited {color: #fff; text-decoration: none; padding-left: 18px; background: url("/images/ico_archive.png") 0px -162px no-repeat}
ul.key_features li a:hover {color: #c6fe2f; background-position: 0 -258px; text-decoration: underline}
body.index #news,body.Learning #news {position: absolute; bottom: 0; right: 0px; width: 348px; padding: 0 30px; line-height: 1.3; background: #5b5b59; border-left: 1px solid #7e7e79; border-right: 1px solid #7e7e79}
    body.index #news:before,body.index #news span.block-before,body.Learning #news:before,body.Learning #news span.block-before {background: url("/images/bg_block-ramka.png") 0 -30px no-repeat; height: 15px; margin: 0 -31px 0 -31px; display: block; content: ' '}
    body.index #news:after,body.index #news span.block-after,body.Learning #news:after,body.Learning #news span.block-after {background: url("/images/bg_block-ramka.png") 0 -45px no-repeat; height: 15px; margin: 0 -31px 0 -31px; display: block; content: ' '; clear: both}
body.index #news h2,body.Learning #news h2 {color: #fff}
body.index #news .hentry,body.Learning #news .hentry {overflow: hidden; margin: 10px 0; position: relative; padding: 0 0 0 40px}
body.index #news .hentry img,body.Learning #news .hentry img {position: absolute; top: 20px; left: 0; width: 31px; height: 31px; border: 1px solid #fff}
body.index #news .hentry h3,body.Learning #news .hentry h3  {font: bold 1em Tahoma; color: #e0e9b5}
body.index #news .hentry var.published,body.Learning #news .hentry var.published {color: #fff}
body.index #news .hentry a,body.Learning #news .hentry a {color: #c9c9c9}
body.index #news .hentry a:hover,body.Learning #news .hentry a:hover {color: #fff}
/* /Home page block's */
/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
body.inner #content {min-height: 0; background: #2a2a2a url("/images/bg_content.png") repeat-y; padding: 0px 31px 0 32px}
    body.inner #content:before,body.inner #content span.block-before {background: url("/images/bg_block-ramka.png") 0 -90px no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '}
    body.inner #content:after,body.inner #content span.block-after {background: url("/images/bg_block-ramka.png") 0 -105px no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '; clear: both}
#content p.att {font-weight: bold; color: #D5851E}
#content h1,#content h2 {margin: 0 0 0.5em 0}
.block {border: 1px solid #505d62; background: #3b4346; margin: 20px 0; padding: 10px 20px; position: relative; overflow: hidden; min-height: 230px}
.fieldset.my_acc {border: 1px solid #505d62; background: url(../images/bg_demos-flashcards-li.png) center -242px no-repeat;}
body.index div.block,body.Learning div.block {padding: 0 30px; background: #6b8797; border: none; border-left: 1px solid #7897a9; border-right: 1px solid #7897a9; overflow: visible}
    body.index div.block:before,body.index div.block span.block-before,body.Learning div.block:before,body.Learning div.block span.block-before {background: url("/images/bg_block-ramka.png") 0 -60px no-repeat; height: 15px; margin: 0px -31px 0 -31px; display: block; content: ' '}
    body.index div.block:after,body.index div.block span.block-after,body.Learning div.block:after,body.Learning div.block span.block-after {background: url("/images/bg_block-ramka.png") 0 -75px no-repeat; height: 15px; margin: 0 -31px 0 -31px; display: block; content: ' '; clear: both}
        body.Learning div.block:before,body.Learning div.block span.block-before,body.Learning div.block:after,body.Learning div.block span.block-after {width: 410px}
body.inner .hfeed {min-height: 640px}
/* Contact Form   */
.contact {position: relative; margin-bottom: 1em; _height: 1%}
.contact fieldset  {margin: 5px 0px}
.contact fieldset.lradio label,.contact fieldset.lradio input {width: auto; margin: 2px 10px 2px 0}
.contact fieldset label  {margin: 2px 0px; width: 165px; display: -moz-inline-box; display: inline-block; font-weight: bold; color: #ebebeb}
.contact fieldset label.lradio {width: auto; display: inline; color: #144472; margin: 2px 10px 2px 0}
.contact samp {margin: 0px 2px; width: 10px; color: #d74b06; display: -moz-inline-box; display: inline-block}
.contact fieldset input[type="text"],.contact input[type="password"] {margin: 2px 2px; width: 320px; display: -moz-inline-box; display: inline-block}
.contact fieldset input.text,.contact input.password,.contact select,.contact textarea {margin: 2px 2px; width: 320px; display: -moz-inline-box; display: inline-block}
.contact fieldset input[type="checkbox"],.contact input[type="radio"] {margin: 2px 2px 2px 0}
.contact fieldset input.checkbox,.contact input.radio {margin: 2px 2px 2px 0}
.contact small {color: #646464}
.contact fieldset select   {width: 328px; margin: 2px 2px}
.contact fieldset textarea {width: 314px; height: 50px; margin: 2px 0 2px -1px}
     * + html .contact textarea {position: relative; left: -2px}
  .contact label.tl {position: relative; top: -50px} /* label for textarea */
  .contact samp.tl {position: relative; top: -50px}
    .contact fieldset select#state1,.contact select#state2 {width: 154px; margin-right: 23px}
    .contact fieldset input#zip1,.contact input#zip2 {width: 78px}
    .contact fieldset label#lzip1,.contact label#lzip2 {width: 60px}
    .contact fieldset select#CardExpirationMonth {width: 60px; margin: 2px 4px 2px 2px}
    .contact fieldset select#CardExpirationYear {width: 60px}
    .contact fieldset label#lcode {color: #c0c0c0; border-bottom: 1px solid #c0c0c0; width: 110px; margin-right: 55px; cursor: help}
    .contact fieldset input#sameasbilling,.contact input#sameasshipping {width: auto}
    .contact fieldset label.wa,.contact label#lsameasbilling,.contact label#lsameasshipping {width: auto; font-weight: normal}
    .contact fieldset input#cvv {width: 51px}
.contact input.back {float: left}
.contact input.next {float: right}
.contact input.proceed {float: left; margin: 0 0 0 100px; _display: inline}
.contact input.captcha {width: 90px; float: left; margin: 0 10px 0 0}
.contact img.captcha {width: 50px; height: 20px; display: block; float: left; margin: 0 0 10px 0}
#cvv_code_popup {position: absolute; width: 315px; height: 309px; border: 1px solid #52472d; background: #fff; left: 145px;	bottom: 10px; display: none; z-index: 100}
#cvv_code_popup.showed {display: block}
#cvv_code_popup strong {display: block;	height: 40px; margin-bottom: 10px; font: normal 17px/40px Tahoma; color: #8e571d; background-color: #ddd5ba; text-align: center}
#cvv_code_popup p {font: normal 11px Tahoma, Verdana, sans-serif; color: #000; padding: 0 20px; margin: 10px 0}
#cvv_code_popup img {display: block; margin: auto; border: none}
    * html #cvv_code_popup {overflow: hidden; zoom: 1}
    * html #cvv_code_popup iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask(); z-index: -1}
div.cbutt {overflow: hidden; _width: 100%}
div.cbutt input[type="text"],div.cbutt input[type="button"],div.cbutt input[type="reset"],div.cbutt input[type="image"] {margin: 0 0.5em}
div.cbutt input.text,div.cbutt input.button,div.cbutt input.reset,div.cbutt input.image {margin: 0 5px}
div.cbutt ul {margin: 0; padding: 0}
div.cbutt ul li {margin: 0; padding: 0; background: none; float: left}
div.right {text-align: right}
div.right ul {float: right}
.member_login {min-height: 111px; padding: 15px 10px 15px 30px; background: url("../images/bg_login.png") no-repeat; overflow: hidden}
.member_login fieldset {border: none; margin: 0; padding: 0}
.member_login fieldset legend {margin: 0 0 0.1em 0; padding: 0; position: static; font: normal 2.181em Tahoma; color: #cfcdcd}
    html* .member_login fieldset legend {margin-left: -8px}
.member_login fieldset label  {font: bold 1.09em Tahoma; width: 70px}
.member_login fieldset label.check {font: normal 1em Tahoma; width: auto !important; padding-right: 15px; background: url("/images/ico_archive.png") right top no-repeat}
.member_login fieldset input[type="text"],.member_login fieldset input[type="password"] {width: 180px; margin-right: 5px}
.member_login fieldset input.text,.member_login fieldset input.password {width: 180px; margin-right: 5px}
.member_login fieldset input#loginbutt {position: relative; top: -27px; left: 76px}
/* Login on inner pages */
#member {position: absolute; top: 237px; right: 13px; width: 410px}
body.inner #member {display: none}
body.logged #wrapper {padding-top: 346px}
body.logged #member {display: block; width: 860px; right: auto; left: 13px; height: 88px}
    /* unlogged */
body.logged #member .member_login,body.logged #member .member_login {background: url("/images/bg_block-ramka.png") 0 -284px no-repeat; min-height: 92px}
body.logged #member .member_login br {display: none}
body.logged #member .member_login label {width: auto}
body.logged #member .member_login input[type="text"],body.logged #member .member_login fieldset input[type="password"] {margin-right: 2em}
body.logged #member .member_login input.text,body.logged #member .member_login fieldset input.password {margin-right: 2em}
body.logged #member .member_login input#loginbutt {position: static}
    /* logged */
body.logged #member .member_login strong {font: bold 1.09em Tahoma; color: #fff}
body.logged #member .member_login div.cbutt {margin-top: -20px}
/* /Login */
/* /Contact Form */
/* Checkout  */
table.shCart {width: 99%; background: #3b4346; border: 1px #505d62 solid; margin-bottom: 10px}
table.shCart th,table.shCart td {padding: 10px 10px; vertical-align: middle; border-bottom: 1px #505d62 solid; border-right: 1px #505d62 solid}
  table.shCart tbody th {background: #31383b; font: normal 1.545em Tahoma; color: #ffaf15; text-align: center}
  table.shCart tbody td {font-weight: bold; color: #c0c0c0; text-align: center}
    table.shCart tbody td.product {text-align: left}
      table.shCart tbody td.product label {font: normal 1.545em Tahoma; color: #00adef}
    table.shCart tbody td.type {}
    table.shCart tbody td.qty {}
    table.shCart tbody td.price {}
    table.shCart tbody td.subtotal {}
  table.shCart tfoot td {text-align: right}
  table.shCart tfoot td label {font: normal 1.545em Tahoma; vertical-align: baseline;}
  table.shCart tfoot td select {}
  table.shCart tfoot td var {text-align: right; height: 1.545em; line-height: 1.545em; margin-left: 5px;}
  table.shCart tfoot tr.total td * {font: normal 1.545em Tahoma; color: #f11717; text-transform: uppercase; font-weight: bold}
form.chForm {background-color: #3b4346; padding: 20px 25px; margin-bottom: 1em; border: 1px solid #505d62; position: relative; _height: 1%}
form.chForm fieldset {border: none; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dotted #797878}
form.chForm fieldset legend {margin: 0 0 0.5em 0; padding: 0; position: static; font: normal 1.545em Tahoma; color: #00adef}
    html* form.chForm fieldset legend {margin-left: -8px}
form.chForm fieldset label  {width: 125px; color: #c0c0c0}
  form.chForm fieldset.refund-policy label  {width: auto;}
    form.chForm fieldset.refund-policy label a {color: #c0c0c0}
form.chForm fieldset select {width: 295px}
form.chForm fieldset input[type="text"],form.chForm fieldset input[type="password"] {width: 285px; background: #2a2a2a}
form.chForm fieldset input.text,form.chForm fieldset input.password {width: 285px; background: #2a2a2a}
form.chForm fieldset.user-details legend {color: #ffaf15}
form.chForm fieldset select#state1,form.chForm fieldset select#state2 {margin-right: 7px}
form.chForm fieldset input#zip1,form.chForm fieldset input#zip2 {width: 56px}
form.chForm fieldset label#lcode {width: 60px; margin-right: 65px}
form.chForm fieldset select#CardExpirationMonth,form.chForm fieldset select#CardExpirationYear {width: 143px}
form#already-a-user {width: 280px; position: absolute; top: 76px; right: 56px; margin: 0; padding: 0; border: 0}
form#already-a-user fieldset {margin: 0; padding: 0; border: none}
form#already-a-user legend {color: #fff}
form#already-a-user label {width: 65px}
form#already-a-user label.check {font-weight: normal; width: auto; padding-right: 15px; background: url("/images/ico_archive.png") right top no-repeat}
form#already-a-user input[type="text"],form#already-a-user input[type="password"] {width: 190px}
form#already-a-user input.text,form#already-a-user input.password {width: 190px}
form#already-a-user input#loginbutt {display: block; width: 86px; margin: 20px 0 0 auto}
form#edit_prods1 {min-height: 640px}
/* /Checkout */
/* Image Button's  */
input#loginbutt {width: 86px; background-position: 0px 0px; color: #ff6712}
form#already-a-user input#loginbutt {background-position: 0px -31px}
input#continue-to-checkout {width: 176px; background-position: 0px -62px; color: #34b802; padding-left: 80px}
input#continue-shopping {width: 176px; background-position: 0px -124px}
input#update-cart {width: 121px; background-position: 0px -186px}
input#checkout {width: 102px; background-position: 0px -248px; color: #d63939}
input#back-to-shopping-cart {width: 196px; background-position: 0px -93px}
input#order-preview {width: 126px; background-position: 0px -217px; color: #d63939}
input#back-and-edit {width: 196px; background-position: 0px -155px}
input#submit-order {width: 129px; background-position: 0px -279px; color: #d63939}
a#news-archive {width: 125px; background-position: 0px -310px; margin: 1em auto}
a#my-account {width: 122px; background-position: 0px -341px}
a#my-card {width: 122px; background-position: 0px -496px}
a#logout {width: 85px; background-position: 0px -372px}
a.explore {width: 102px; background-position: 0px -403px}
a.learn {width: 102px; background-position: 0px -434px}
a.play-games {width: 102px; background-position: 0px -465px}
/* /Image Button's */
/* Flashcard's page */
fieldset.flashcard h2 {font: normal 1.545em Tahoma; color: #00adef; margin: 0 0 0.5em 0; min-height: 21px}
fieldset.flashcard h2 var {color: #ffaf15}
fieldset.flashcard img.demo {width: 96px; height: 87px; float: left; border: 1px solid #6a7b81; margin-right: 20px}
fieldset.flashcard a.demo {position: absolute; top: 135px; left: 35px; display: block; text-align: center; width: 70px; line-height: 1.2}
fieldset.flashcard fieldset {float: left; width: 200px; height: 80px; padding: 5px 10px; overflow: hidden; margin-right: 20px; border: none; background: url("/images/bg_block-ramka.png") 0 -120px no-repeat}
fieldset.flashcard fieldset label {display: block; overflow: hidden; height: 37px; line-height: 37px; font-weight: bold; color: #c0c0c0; cursor: hand; cursor: pointer}
fieldset.flashcard div.description {overflow: hidden; line-height: 1.3}
fieldset.flashcard div.description input {}
fieldset.flashcard div.description label {color: #00adef; margin-left: 3px}
fieldset.flashcard div.description small {font: normal 1em Tahoma; color: #737e82}
fieldset.flashcard .lost {position: relative; left: -9999px}
fieldset.flashcard .checkbox-on {background: url(/images/bg_block-ramka.png) 0 -210px no-repeat; color: #ff0; padding-left: 30px}
fieldset.flashcard .checkbox-off {background: url(/images/bg_block-ramka.png) 0 -247px no-repeat; padding-left: 30px}
input#continue-to-checkout {display: block; margin: 20px auto}
    /* My Account  */
body.MyAccount fieldset.flashcard a.demo,body.MyAccount fieldset.flashcard fieldset,
    body.MyAccount fieldset.flashcard h2 var,body.MyAccount fieldset.flashcard div.description label,
    body.MyAccount fieldset.flashcard div.description input,
    body.MyAccount fieldset.flashcard div.description small {display: none}
p.last-learned {position: absolute; top: 10px; right: 20px; color: #fff; margin: 0}
    /* /My Account */
/* /Flashcard's page */
/*  News's page */
body.News div.hentry {padding: 1em 0; border-bottom: 1px dotted #797878}
body.News div.hentry h2 {margin: 0 !important; font: normal 1.545em Tahoma; color: #f11717; position: relative; top: 1em}
body.News div.hentry h3 {position: relative; top: -1.545em}
body.News div.hentry h3 var {background: #000; padding: 0.1em 0.5em}
body.News div.hentry div.entry-content {margin: 1em 0 0 0}
body.News div.hentry p {margin: 1em 0 0 0}
/* /News's page */
    @-moz-document url-prefix()
    {
/* Fixing Bug 210094 � Specifying min-height on fieldset tag has no effect (https://bugzilla.mozilla.org/show_bug.cgi?id=210094) */
fieldset.flashcard div.description {min-height: 130px}
/* Fixing fieldset padding-left: 20px from what's calculated absolute coordinates */
fieldset.flashcard {padding-left: 0; padding-right: 0; padding-top: 0}
fieldset.flashcard h2 {margin-left: 20px !important; margin-top: 10px !important}
fieldset.flashcard img.demo {margin-left: 20px}
fieldset.flashcard div.description {margin-right: 20px}
fieldset.flashcard div.cbutt {margin-right: 20px}
    }

/* *** +++ LightBox +++ *** */
#lightbox {background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666}
#lightbox img {}
#closeButton  {top: 5px; right: 5px}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em; overflow: hidden; _width: 100%}
    #lightboxCaption {float: left; font-weight: bold; margin-bottom: 10px; color: #333}
    #keyboardMsg {float: right; color: #bbb}
        #keyboardMsg a {color: #0545af}
#overlay {background-image: url("/images/lightbox/overlay.png")}
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url("/images/blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
}

#content .pagers
{
  float: right;
}
#content .pagers img
{
 display: inline;
 border: none;
 vertical-align: middle;
}
div.form_error {position: absolute; top: 30px; left: 265px; color: #f00;}
body.index div.form_error {top: 28px; left: 202px;}
input.form-error , select.form-error , textarea.form-error
{
  border: 1px solid #f33;
}
/* *** +++ /LightBox +++ *** */
/* Online demo page  */
body.OnlineDemo h1 { color: #00adef;}
div.demo_block {  position: relative; width: 237px; color: #fff; float: left; margin-left: 105px;}
    div.demo_block h3 { text-align: center; color: #ffaf15; font: normal 1.545em Tahoma ; margin-bottom: 0.5em;}
    div.demo_block a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -999em; outline: none; background:  url("/images/blank.gif");}
div.traditional_block { margin: 0 auto; float: none;}
    div.traditional_block h2 { text-align: center; color: #ffaf15; font: normal 1.545em Tahoma ; }
    body.inner h2.flash_games { text-align: center; color: #ff0; font: normal 1.545em Tahoma ; border-top: 1px dotted #797878 ; padding-top: 3px;}
#content div.demos-flashcards {margin: 1em 0; padding: 1em; background: #3b4346; border: 1px solid #505d62;}
#content div.demos-flashcards ul {margin: 2em 0; padding: 0; overflow: hidden;}
#content div.demos-flashcards ul li {position: relative; float: left; margin: 0; padding: 0; width: 49%; height: 262px; border-left: 1px dotted #797878; border-bottom: 1px dotted #797878; background: url("../images/bg_demos-flashcards-li.png") center -242px no-repeat;}
#content div.demos-flashcards ul li.nth-child {border-left: none;}
#content div.demos-flashcards ul li.blue {background-position: center 10px;}
#content div.demos-flashcards ul li.last {border-bottom: none;}
#content div.demos-flashcards ul li h2 {position: absolute; top: 105px; left: 50%; width: 300px; margin: 0 0 0 -150px; font: bold 20px Tahoma; color: #058bbe; text-align: center; text-transform: uppercase;}
#content div.demos-flashcards ul li a.url {position: relative; z-index: 10; display: block; padding: 220px 50px 20px 285px; font: normal 17px Tahoma; color: #ffaf15;}
/* ~~~~~ Support ~~~~~ */
body.Support #content {min-height: 0; background: #2a2a2a url("/images/bg_content-support.png") repeat-y; padding: 0px 31px 0 32px}
body.Support #content:before,body.Support #content span.block-before {background: url("/images/bg_block-support.png") 0 0 no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '}
body.Support #content:after,body.Support #content span.block-after {background: url("/images/bg_block-support.png") 0 -15px no-repeat; height: 15px; margin: 0 -31px 0 -32px; display: block; content: ' '; clear: both}
body.Support #content h2 {font: normal 2.181em Tahoma; color: #CFCDCD;}
body.inner #questions {position: relative; overflow: auto; margin: 0 20px 0 0; padding: 0 0 0 1em; width: 276px; height: 519px; float: left;}
body.inner #questions ol {margin: 1em 0 1em 2em; padding: 0; list-style-type: decimal;}
body.inner #questions ol li {margin: 0; padding: 0; font: 1.545em/1.5em Tahoma; color: #00adef; background: none;}
body.inner #questions ol li a {color: #00adef; text-decoration: underline;}
body.inner #questions ol li a:hover {color: #ffff00; text-decoration: underline; cursor: point;}
body.inner #answers {position: relative; overflow: auto; margin-left: 330px; padding: 0 0 0 21px; height: 519px;}
#content div.hfeed ul { margin: 0px 0px 0px 0px; }
#content div.hfeed ul li {position: relative; margin: 12px 0px 0px 0px; padding: 0; height: 262px; background: #3b4346 url("../images/bg_demos-flashcards-li.png") 0px -242px no-repeat;}
#content div.hfeed ul li.blue {background-position: 0px 10px;}
#content div.hfeed ul li h2 {position: absolute; top: 81px; left: 73px; width: 250px; font: bold 20px Tahoma; color: #058bbe; text-align: center; text-transform: uppercase;}
#content div.hfeed ul li a.url {position: relative; z-index: 10; width: 60px; display: block; padding: 220px 0px 0px 285px; font: normal 17px Tahoma; color: #ffaf15;}
#content div.hfeed ul li a.stud_fl_card {position: absolute; bottom: 10px; right: 10px; background: url("/images/study_flcard.jpg") 0 0 no-repeat; width: 150px; height: 26px; display: block;text-indent: -9999px;}
#content div.hfeed ul li a.scores {position: absolute; bottom: 10px; right: 170px; background: url("/images/score.jpg") 0 0 no-repeat; width: 150px; height: 26px; display: block; text-indent: -9999px;}
#content table.score {width: 790px; margin: 15px 0; padding: 12px; border: 1px solid #bfc9d3;}
#content table.score tr {height: 25px; padding: 0;}
#content table.score th{width: 263px; border: 1px solid #bfc9d3; color: #fff; text-align: center; vertical-align:middle; font: bold 1.3em 'Tahoma'; color: #ff6919;}
#content table.score td {width: 263px; border: 1px solid #bfc9d3; color: #fff; text-align: center; vertical-align:middle; font: bold 1.0em 'Tahoma'; color: #87e720;}
#content a.my_ac_back { display: block; margin: 0; background: url("/images/my_ac_back.jpg") 0 0 no-repeat; width: 100px; height: 26px; text-indent: -9999px; }
#content a.buy_mor_cards { display: block; float: right;  margin-top: -26px; background: url("/images/buy_more_cards.jpg") 0 0 no-repeat; width: 172px; height: 26px; text-indent: -9999px; }
#content a.green_buy { display: block; float: right;  margin-top: -26px; background: url("/images/green_buy.jpg") 0 0 no-repeat; width: 200px; height: 21px; padding-top: 5px; font: bold 1.0em 'Tahoma'; text-align: center; color: #fff; text-decoration: none; }
#content p.red_p { text-align: right; color: #ed1e0e; }
/* -----------------from Lena --------------*/
fieldset.chang_pass_email {display:none;}
/*-----------------------------------------*/
body.MyAccount #content form input { width: 128px; padding: 2px; height: 15px; }
body.MyAccount #content form label.widths { width: 133px; display: -moz-inline-box; display: inline-block;  font: bold 1.1em 'Tahoma'; color: #C0C0C0; line-height: 26px; }
body.MyAccount #content form strong.change_inf { display: block; margin: 10px 0px; font: normal 1.5em 'Tahoma'; color: #FF6919; }
body.MyAccount #content form input.ch_pass { display: block; margin: 5px 0 5px 52px; width: 172px !important;  height: 28px !important;  }
body.ContactUs #content form label.widths { width: 133px; display: -moz-inline-box; display: inline-block;  font: bold 1.1em 'Tahoma'; color: #C0C0C0; line-height: 26px; }
body.ContactUs #content form label.widther {  margin: 10px 0; width: 420px; display: block;  font: normal 1.0em 'Tahoma'; color: #C0C0C0; line-height: 1.2em; text-align: center; }
body.ContactUs #content form label.widths span { color: #FF0000; }
body.ContactUs #content form strong.change_inf { display: block; margin: 10px 0px; font: normal 1.5em 'Tahoma'; color: #FF6919; }
body.ContactUs #content form select { width: 138px;  height: 20px; background: #191919;}
body.ContactUs #content form select.longer { width: 285px; }
body.ContactUs #content form textarea { width: 415px; height: 100px;  padding: 3px;}
body.ContactUs #content form input.send_message { display: block; margin: 5px 0 5px 138px; width: 172px !important;  height: 28px !important;  }
#content div.hfeed ul.simple { list-style-type: circle;  }
#content div.hfeed ul.simple li { background: none; height: auto; width: auto; margin: 5px 30px; padding: 0;   }
body.inner h3.bigger { font-size: larger; }