/*************** 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 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; }

p.attention { font-size: 13px; color: #ff670f; }