html {
min-height: 100%;
}


html, body  {
hei_ght:100%;
wid th: 2200px;
text-align: center;
}

body {
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
color: #222;
text-align: center;
background-image: url("/images/bg.gif");
background-repeat: repeat-x;
background-attachment: scroll;
background-color: #183A87;
background-position: 0px 100%;
}


#fixWidh {
he_ight:auto !important;
mi_n-height:100%;
margin: 0px auto;
max-width: 1400px;
text-align: left;
_hei_ght: 100%;
background-image: url("/images/corners.png");
background-position: -200px -20px;
background-repeat: no-repeat;

}

table td {
padding: 0px;
border: 0px;
}

table.tbtest td {
padding: 3px;
}

p {
margin: 14pt 0pt;
}

h1 {
font-size: 18pt;
}

h2 {
font-size: 21pt;
margin-bottom: 40px;
font-weight: normal;
color: #333333;
}

h3 {
font-size: 11pt;
}

img {
border: none;
}

.content a:link {
color: #0000ee;
text-decoration: underline;
background-color: transparent;
}

.content a:visited {
color: #55199F;
text-decoration: underline;
background-color: transparent;
}

.content a:hover {
color: #00015F;
text-decoration: underline;
background-color: #EFF5FF;
}

.content a:active {
text-decoration: underline;
background-color: #EFF5FF;
}


/* start of css properties for divs design */

div#container {
min-width: 809px;
width: 80%;
min-height: 805px;
height: auto !important;
height: 805px;
margin: 0px auto;
text-align: left;
background-image:  url("/images/bluebutton.gif");
background-repeat: no-repeat;
background-position: -200px -200px;
}

table#containit {                             /* table for ie 6*/
width: 100%;
padding: 0px;
}

div#head {
background-image: url("/images/head.jpg");
background-repeat: no-repeat;
background-position: left -3px;
height: 162px;
}

.corners {
background-image: url("/images/corners.png");
background-repeat: no-repeat;
height: 18px;
}

.cont-clt {
}

.cont-crt {
background-position: 100% 0%;
}

.cont-center {
margin: 0px 18px;
background-color: #fff;
height: 18px;
font-size: 0px;
}

.cont-clb {
background-position: 0% 100%;
}

.cont-crb {
background-position: 100% 100%;
}

.photos {
width: 100%;
}
.photos div {
font-size: 0px;
overflow: hidden;
}

#photo1-pos {
}

#photo1-pos .photo1 {
position: absolute;
top: -6px;
background-image: url("/images/photo-left.gif");
background-position: right bottom;
background-repeat: no-repeat;
width: 226px;
height: 168px;
z-index: 100;
}

#photo2-pos {
width: 445px;
}

#photo2-pos .photo2 {
position: absolute;
top: 162px;
background-image: url("/images/photo-middle.gif");
background-repeat: no-repeat;
width: 158px;
height: 86px;
margin-top: -86px;
margin-left: -140px;
z-index: 100;
}

#photo3-pos {
width: 98%;
}

#photo3-pos .photo3 {
position: absolute;
top: -6px;
background-image: url("/images/photo-right.gif");
background-repeat: no-repeat;
width: 191px;
height: 172px;
z-index: 100;
margin-left: -201px;
}

.corners {
position: relative; 
z-index: 200;
}

#menu_body #nav1 a {
margin-left: 52px;
}

#menu_body #nav2 a {
margin-left: 35px;
}

#menu_body #nav3 a {
margin-left: 21px;
padding: 0px;
}

#menu_body #nav4 a {
margin-left: 37px;
}

#menu_body #nav5 a {
margin-left: 18px;
}

#menu_body #nav6 a {
margin-left: 54px;
}

#menu_body #nav7 a {
margin-left: 30px !important;
padding:0px;
}

#menu_body #nav7 input {
width: 140px;
}

div#menu_content {
background-color: #fff;
min-height: 600px;
height: auto !important;
height: 600px;
}

div#navigation {
position: relative;
float: left;
}

#nav-pos {
margin-top: 10px;
margin-left: 14px;
position: absolute;
}

div#navigation div #menu_body {
}


div#contentcell {
margin-left: 200px;
min-height: 600px;
height: auto !important;
height: 600px;
background-color: #ffffff;
}

/*end of css properties for divs design */


#menu_body {
width: 186px;
overflow: hidden;
}

.sub ul, .sub_hint ul {
list-style: none;
margin: 0;
padding: 0;
}

.sub_hint ul {
co_lor: #0000FF;
li_st-style: circle outside;
}

.menu-item {
cursor: default;
}

#menu_body .menu-item  {
height: 41px;
text-decoration: none;
}

#menu_body .menu-item {
color: #0F2862;
display: block;
background-image:  url("/images/bluebutton.gif");
background-position: 100% -1px;
background-repeat: no-repeat;
}

#menu_body .menu-item-front {
height: 41px;
background-image:  url("/images/bluebutton.gif");
background-position: 0px -95px;
background-repeat: no-repeat;
}

#menu_body .item-top {
padding-top: 13px;
position: relative;
}

#menu_body .menu-item a {
text-decoration: none;
color:   #0F2862;
padding-left: 0px;
font-weight: bold;
outline-style: none;
background-color: transparent;
white-space: nowrap;
text-align: center;
}

#menu_body .current {
background-position: 100% -49px;
}

#menu_body .current .menu-item-front{
background-position: 0px -143px;
}

.list {
cursor: pointer;
position: absolute;
background-image: url("/images/bluepoint.gif");
background-repeat: no-repeat;
padding: 0px; 
font-size: 0px; 
height: 16px; 
width: 20px;
margin: 0px;
right: 6px;
}

.down {
background-position: 2px -20px;
}

.up {
background-position: 2px 6px;
}

.sub {
background-color: #ffffff;
po_sition: absolute;
z-index: 300;
}

.sub ul {
font-weight: normal;
padding: 0px 10px 0px 28px;
}

.sub ul li {
padding-bottom: 3px;
}

.sub ul li a:link {
color: #0002BF;
text-decoration: none;
outline: none;
background-color: transparent;
}

.sub ul li a:visited {
color: #0002BF;
text-decoration: none;
outline: none;
background-color: transparent;
}

.sub ul li a:hover {
color: #00015F;
text-decoration: underline;
outline: none;
background-color: transparent;
}

.sub ul li a:active {
color: #FF0000;
text-decoration: underline;
outline: none;
background-color: transparent;
}

.sub_high {
margin: 5px 0px 0px 0px; 
padding-bottom: 5px; 
font-weight: bold;
background-color: transparent;
}


.hint_button {
width: 202px;
position: relative;
left: 0px;
background-image:  url("/images/redbutton.gif");
background-position: 100% -1px;
background-repeat: no-repeat;
color: #A20804;
margin-right: -30px;
float: right;
}


.hint_button .hint  {
height: 39px;
text-decoration: none;
line-height: 39px;
}

.hint_button .hint {
color: ;
display: block;
background-image:  url("/images/redbutton.gif");
background-repeat: no-repeat;
background-position: 0px -91px;
padding-left: 4px;
}

.hint_button .hint .hint_string {
text-decoration: none;
color: ;
padding-left: 0px;
cursor: pointer;
font-weight: bold;
}

.hint_button .current {
color: #A20804;
text-decoration: underline;
}

.hint_button .active {
color: #fff;
}

.hint_list {
cursor: pointer;
position: relative;
back ground-image: url("/images/point_h.gif");
background-repeat: no-repeat;
padding-left: 5px;
padding-right: 5px;
background-position: 0px -35px;
text-align: center;
}

.hup {
background-position: 0px -3px;
}

.sub_hint {
background-color: #ffffff;
position: absolute;
border: 1px solid #999999;
width: 179px;
border-top: 0px solid #fff;
}

.sub_hint ul {
font-weight: normal;
padding: 12px;
padding-bottom: 7px;
color: #0000FF;
}

.content .sub_hint ul li {
padding-bottom: 5px;
}

.content .sub_hint ul li a:link {
color: #0000FF;
text-decoration: none;
background-color: transparent;
}

.content .sub_hint ul li a:visited {
color: #74199F;
text-decoration: none;
background-color: transparent;
}

.content .sub_hint ul li a:hover {
color: #00015F;
text-decoration: underline;
background-color: transparent;
}

.content .sub_hint ul li a:active {
color: #FF0000;
text-decoration: underline;
background-color: transparent;
}

#headercell {
background: ;
background-repeat: no-repeat;
background-position: 659px 0px;
}

.title_container {
wi_dth: 659px; 
height: 95px; 
text-align: center;
}

.title {
color: #0D286F;
float: left;
width: 193px;
height: 95px;
background-image: ;
background-repeat: no-repeat;
background-position: 0px -2px;
}

#logo_string {
padding-top: 15px;
font-weight: bold;
}

#title_name {
width: 470px;
margin: 0px auto;
position: relative;
z-index: 250;
top: 22px;
left: 10px;
overflow: visible;
text-align: left;
}

#title_name div, #title_name h1 {
font-size: 42px;
font-weight: normal;
}

h1.title_site {
color: #86AAF8;
position: absolute;
z-index: 253;
left: px;
top: px;
margin: 0px;
}

div.title_volume {
color: #1D69EF;
position: absolute;
z-index: 252;
left: 1px;
top: 1px;
margin: 0px;
}

div.title_shdw {
color: #1B366F;
position: absolute;
z-index: 251;
left: 2px;
top: 2px;
opa_city: 0.5;
fil_ter: alpha(opacity=40)
}


.title_site a:link {
color: #fff;                /* #86AAF8;*/
text-decoration: none;
outline: none;
background-color: transparent;
}

.title_site a:visited {
color: #fff;                /* #86AAF8;*/
text-decoration: none;
outline: none;
background-color: transparent;
}

.title_site a:hover {
color: #86ACEF;
text-decoration: none;
outline: none;
background-color: transparent;
}

.title_site a:active {
color: #fff;                /* #86AAF8;*/
text-decoration: none;
outline: none;
background-color: transparent;
}

.content {
padding: 20px 50px 40px;
}

.withRec {
padding-top: 12px;
}

.sound {
background-image: url("/images/sound.gif"); 
background-repeat: no-repeat; 
background-position: 100% 3px; 
font-weight: normal; 
cursor: pointer;
}

div.sound {
float: left; 
}

span.sound {
background-position: 100% 2px; 
/background-position: 100% 3px; 
}

.play_tip {
font-size: 14px;
}

.notip, .alltip {
padding-right: 18px;
font-size: 10pt;
}

.preplay {
color: #0000FF;
background-position: 100% -23px; 
}

span.preplay {
background-position: 100% -24px;
/background-position: 100% -23px;
}

.sound_tip {
opacity: 1.1; 
visibility: hidden; 
position: absolute; 
background-color: #E0E7EF;  
padding: 4px 3px; 
border: 1px solid #D1D7DF;
font-weight: normal; 
font-size: 11px; 
font-family: Arial;
}

.key {
background-color: #888888;
border: 1px solid #999999;
bor_der-top: none;
clear: left;
float: left;
font-size: 10pt;
position: relative;
cursor: default;
background-image: url("/images/key.gif");
height: 23px;
}

.key div {
padding: 4px 5px 3px 5px;
}

.key div div.sound {
padding: 0px;
font-weight: bold;
background-position: 100% 2px;
}

.key div div.preplay {
background-position: 100% -24px;
}

.key_act {
left: 1px;
top: 1px;
background-position: 0% 25px;
}

.key_curr {
border-color: #FF0000;
}

.acute {
position: absolute;
white-space: nowrap;
}

.accent {
position: relative; 
left: -7px;
top: -1px; 
font-weight: bold;
}

.page {
margin-top: 0px;
text-align: center;
}

.bold {
font-weight: bold;
}

.ital {
font-style: italic;
}

.bold_it {
font-weight: bold;
font-style: italic;
}

.task {
font-weight: bold;
font-style: italic;
margin-bottom: 14pt;
}

.secondary-list {
font-weight: normal;
padding-left: 15px;
}

.dict_wrapper {
padding: 0px 10px;
}

.diction {
border: 2px solid #4B495F;
border-right: none;
}

.diction td {
border-right: 2px solid #4B495F;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
}

.original {
width: 32%;
padding-right: 15px;
font-weight: bold;
}

.transcript {
width: 36%;
padding-left: 15px;
padding-right: 6px;
}

.transcript table td {
margin: 0px;
padding: 0px;
border: 0px;
cursor: pointer;
}

.sdict {
width: 22px;
height: 18px;
background-image: url("/images/sound.gif");
background-position: 100% 3px;
background-repeat: no-repeat;
cursor: pointer;
float:left;
font-weight:normal;
}

.translation {
width: 32%;
padding-right: 15px;
}

.trow_act {
background-color: #E7EAEC;
}

.after_dic {
margin-top: 15pt;
text-align: center;
}


.audio-task p {
margin-right: 10px;
padding:0px;
}

.put {
font-size: 11px;
}

.test-space {
margin-left:15px;
}

.nwr {
white-space: nowrap;
}

.tab1 p { 
margin-top: 0px;
}

.inter {
margin-bottom: 15pt;
}

.check {
line-height: 16px;
font-size: 9pt;
}

.check div div.sound {
padding-right: 20px;
}

.voc_inter p {
margin-bottom: 0px;
}

.costr {
font-size: 8pt;
font-weight: bold;
padding-bottom: 5px;
}

.cOrder {
font-style: italic;
font-size: 9pt;
cursor: pointer;
}

.accun {
text-decoration: underline;
}

.drop_1 {
line-hight: normal;
cursor: default;
display: block;
width: 100%;
color: #000000;
}

.drop_2 {
position: relative;
left: 30px;
top: -1px;
z-index: 100;
cursor: default;
color: #000;
}


.drop_2bl {
width: 155px;
position: absolute;
background-color: #ffffff;
padding: 0px 0px;
border: 1px solid #999999;
cursor: default;
}

.drop_2x {
padding: 4px 5px;
cursor: default;
font-size: 11px;
font-family: Verdana, sans-serif;
}

.drop_3 {
position: relative;
left: 30px;
top: -1px;
z-index: 100;
cursor: default;
}

.drop_3bl {
width: 135px;
position: absolute;
background-color: #ffffff;
padding: 0px 0px;
border: 1px solid #999999;
cursor: default;
}

.drop_3x {
padding: 4px 5px;
cursor: default;
font-size: 11px;
font-family: Verdana, sans-serif;
}

.d_act {
background-color: #EFEFEF;
}

.toopen {
background-image: url("/images/triangle.gif");
background-position: 100% -14px;
background-repeat: no-repeat;
}

.opened {
background-position: 100% 8px;
}

.tcheck {
padding-left: 15px;
cursor: pointer;
background-image: url("/images/check.gif");
background-repeat: no-repeat;
background-position: 0px -30px;
}

.checked {
background-position: 0px 0px;
}
.norm_txt {
font-weight: normal;
font-style: normal;
}

#audiospan {
top: -25px;

}

.beta-wrapper {
float: right;
position: relative;
top: -20px;
left: -10px;
}

.beta-pic {
display: none;
position: absolute;
height: 75px;
width: 70px;
background-image: url("/images/beta.png");
background-repeat: no-repeat;
background-position: left top;
}

.play {
width: 48px;
height: 45px;
background-image: url("/images/play.gif");
background-repeat: no-repeat;
background-position: 0px -70px;
cursor: pointer;
}

.more_info {
font-weight: normal;
font-size: 10px;
font-style: normal;
cursor: pointer;
position: absolute;
color: #000000;
font-var_iant: small-caps;
text-tran_sform: uppercase;
font-family: Arial, sans-serif;
}

.more_info span {
position: relative;
top: -10px;
border: 1px solid #054e83;
background-color: #97d0fb;
padding: 0px 2px;
}

.m_info_act {
color: #2530fc;
}

.m_info_act span {
background-color: #CFEBFF;
}

.com-example {
padding-left: 30px;
}


#preload_but {

}

#loading {
position: absolute;
display: none;
}

#progress  {
color: #2F2F2F;
font-size: 11px;
margin-bottom: 4px;
}

#progressbar {
font-size: 0px; 
width: 150px; 
border: 1px solid #6F6F6F; 
overflow: hidden;
}

#progressStatus {
height: 4px; 
background-color: #AFAFAF; 
width: 0px;
}

.learnt-list {
list-style: none;
font-style: italic;
}

.last-links {
list-style: none;
margin-bottom: 30px;
}

.last-links li {
padding: 3px 0px;
}

.open_popup_link {
color: #0000FF;
cursor: pointer;
}

.pphover {
color: #00015F;
text-decoration: underline;
}

.letter {
font-style: italic;
font-weight: bold;
}

span.sound {
white-space: nowrap;
}

span.bold span.sound {
font-weight: bold;
}

.hint_wrap {
height: 45px;
position: relative;
z-index:20;
}


#footer {
height: 50px;
}

.copy {
color: #fff;
font-size: 9px;
padding: 10px;
text-align: center;
}


#footer a:link {
color: #fff;
text-decoration: none;
background-color: transparent;
}

#footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
background-color: transparent;
}

#footer a:active {
color: #fff;
text-decoration: none;
background-color: transparent;
}

#divspace {
height: 1px; 
width: 509px; 
font-size: 1px;
overflow: hidden;
}

.inner-listing p {
margin: 5pt 0pt;
}

.hint-vspace {
font-size: 0px; 
width: 1px; 
height: 10px;
}

/*for index*/

#sections {
background-color: #F6F6F6;
margin: 50px 0px;
padding: 25px 0px 20px;
text-align: center;
background-repeat: repeat-x;
background-image: url("/images/section-bg.gif");
background-position: 0px 250px;
color: #111;
}

#sections p {
margin: 10pt 0pt;
}

#sections table {
text-align: left;
}

#section1, #section2, #section3, #section4 {
width: 200px;
bor der-top: 0px solid #000;
position: relative;
z-index: 100;
font-size: 10px;
}
.section-block {
cursor: pointer;
}
.big {cursor: default;}

#sections table td. {
width: 260px;
height: 260px;
}

.section-content {
height: 133px;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
background-color: #fff;
overflow: hidden;
background-image: url("/images/sect-btm2.gif");
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 20px;
}

#section1 .section-content {
height: 121px;
padding-bottom: 32px;
}

.sect-btm {
font-size: 0px;
height: 40px;
}

.sect-crn {
height: 10px;
font-size: 0px;
background-image: url("/images/sect-top.gif");
background-repeat: no-repeat;
}

.clt {
background-position: ;
}

.crt {
background-position: right top;
}

.sect-mid {
border-top: 1px solid #BBBBBB;
margin-left: 12px;
margin-right: 12px;
height: 9px;
background-color: #fff;
font-size: 0px;
}

.sect-in {
padding: 10px 15px;
}

.fixIe {
height: 100%;
overflow: hidden;
}

.zoom {
height: 18px;
background-image: url("/images/zoom.gif");
background-repeat: no-repeat;
background-position: right top;
pad_ding-right: 20px;
font-weight: bold;
font-size: 9px;
color: #444444;
line-height: 16px;
text-align: right;
display: none;
}

.zoom span {
padding-right: 20px;
cursor: pointer;
}

.prezoom {
padding-top: 12px;
padding-left: 10px;
padding-bottom: 10px;
}

.sect-clb {
background-image: url("/images/sect-clb.gif");
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 14px;
}

.sect-crb {
background-image: url("/images/sect-crb.gif");
background-position: 100% 100%;
background-repeat: no-repeat;
}

.sect-btm-bg {
background-image: url("/images/sect-btm.gif");
background-repeat: repeat-x;
background-position: left bottom;
margin: 0px 14px 0px 0px;
}

.sect-link {
position: absolute;
margin-left: 15px;
margin-top: -12px;
}

.content .sect-link a:link {
color: #0000FF;
text-decoration: none;
outline: none;
background-color: transparent;
}

.content .sect-link a:visited {
color: #0000FF;
text-decoration: none;
outline: none;
background-color: transparent;
}

.content .sect-link a:hover {
color: #00015F;
text-decoration: none;
outline: none;
background-color: transparent;
}

.content .sect-link a:active {
color: #FF0000;
text-decoration: none;
outline: none;
background-color: transparent;
}

.content .sect-link a:hover span, .sect-link a:active span {
text-decoration: underline;
}

.slinks {
position: static;
margin: 0px;
font-size: 14px;
}

#section3 .slinks {
margin-bottom: 3px;
}

#section2 .slinks {
margin-bottom: 4px;
}

#section4 .slinks {
margin-bottom: 4px;
}

/* end of for index */

/* start for inner tabs*/

#prof_tabs {
width: 100%;
flo_at: left;
border-bottom: 1px solid #666;
fo_nt-size: 12px;
font-weight: bold;
position: relative;
}

#tabs_row {
padding-left: 50px;
float: left;
position: relative;
top: 1px;
}

.ptab {
float:left;
background:url("/images/tableftF.gif") no-repeat left -42px;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
cursor: pointer;
bor der-bottom: 1px solid #666;
color:#666;
margin-left: 2px;
}

.ptab div {
float:left;
display: block;
background: url("/images/tabrightF.gif") no-repeat right -42px;
padding: 5px 20px 4px 14px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

.hon {
color: #444444;
}

.current_ptab {
bor_der-bottom: 1px solid #fff;
background-position: 0px 0px;
color: #000000;
border-bottom: 0px solid #fff;
cursor: default;
}

div.current_ptab div {
background-position: 100% 0px;
bor der-bottom: 1px solid #fff;
font-weight: bolder;
padding: 5px 20px 5px 14px;
}

.pBlock {
clear: both;
padding: 20px;
border: 1px solid #666;
border-top: none;
-moz-box-shadow: 4px 6px 4px #9F9F9F;
-webkit-box-shadow: 4px 6px 4px #9F9F9F;
box-shadow: 4px 6px 4px #9F9F9F;
background: 
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.12, rgb(247,247,247)),
    color-stop(0.56, rgb(255,255,255))
);
background: 
-moz-linear-gradient(
    center bottom,
    rgb(247,247,247) 12%,
    rgb(255,255,255) 56%
);
}

#show_sound_display div.display_in {
background-color: transparent !important;
}


.inpBlock {
min-height: 520px;
height: auto ! important;
height: 520px;

}


.ptab a:link {
color: #666;
text-decoration: none;
background-color: transparent;
}

.ptab a:visited {
color: #666;
text-decoration: none;
background-color: transparent;
}

.ptab a:hover{
color: #444;
text-decoration: none;
background-color: transparent;
}

.ptab a:active{
color: #444;
text-decoration: none;
background-color: transparent;
}

.pBlock h3 {
font-size: 12pt;
margin-top: 0px;
}

/*end for inner tabs*/

.ad-bottom {
height: 60px;
background-color: #fff;
position: relative;
margin-top: -20px;
}

div.hidden_content {
background-color: #EFF5FF;
border: 1px dotted gray;
padding: 15px;
text-align: center;
color: gray;
margin: 30px 0px;
}

a.to_reg:link {
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a.to_reg:visited {
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a.to_reg:hover {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

a.to_reg:active {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

/* styles for the rss block */

.note {
font-style: italic;
border: 1px solid #ccc;
background-color: #DFE5FF;
padding: 2px 3px 2px 2px;
}

.last-updates span.note {
position: relative;
wi dth: 450px;
display: block;
text-align: left;
padding-left: 20px;
padding-right: 34px;
}

a.rss-link {
font-size: 1px;
width: 30px;
height: 49px;
display: block;
background-image: url("/images/rss.gif");
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
right: 2px;
margin-top: -8px;
}

a.rss-link:link {
background-position: 0px 0px;
}

a.rss-link:visited{
background-position: 0px 0px;
}

a.rss-link:hover {
background-position: 0px -49px;
}

a.rss-link:active {
background-position: 0px -49px;
}

.last-updates {
width: 450px;
margin-left: 20px;
}

.last-updates ul {
list-style: none;
padding: 20px 10px 20px 20px;
margin: 0px;
border: 1px solid #ccc;
border-top: 0px solid #fff;
}

.last-updates ul li {
padding: 4px 0px;
}

.last-updates h3 {
font-style: normal;
font-size: 10pt;
margin-bottom: 0px;
color:#444;
}

/* styles for the rss block  end*/

/* styles for internal links*/
span.int-links {
display: block;
font-size: 11px;
margin-top: 18px;
padding-bottom: 15px;
}
span.int-links .int-arrow {
font-size: 9px;
}
span.int-links a .int-arrow {
text-decoration: none;
}
span.int-links a:link {
text-decoration: underline;
color: #0000EE;
}
span.int-links a:visited {
text-decoration: underline;
color: #0000EE;
}
span.int-links a:hover {
text-decoration: none;
color: #00015F;
}
span.int-links a:active {
text-decoration: none;
color: #00015F;
}

h3.page-path {
margin-bottom: 40px;
text-align: center;
font-weight: normal;
}
/* styles for internal links end*/

/* styles for standard table*/

table.st-table { 
border-collapse: collapse;  
border-left: 1px solid #CFCFCF; 
border-top: 1px solid #CFCFCF;
margin: 10px;
}

table.st-table tr {
vertical-align: top;
}

table.st-table td { 
verti cal-align: top; 
padding: 10px; 
border-right: 1px solid #CFCFCF; 
border-bottom: 1px solid #CFCFCF;
text-align: center;
color: #222;
}

table.st-table .thbrd {
border-right: 1px solid #CFCFCF;
}


table.st-table th {
color: #555;
padding:5px;
border-right:solid 1px #fff;
font-size: 12px; 
font-weight: normal;
background-color: #DFDFDF;
text-align: center;
}

table.st-table .even {
background-color: #EFEFEF;
}

table.st-table td {
padding: 6px 10px;
}

span.ending {
font-weight: bold;
}

span.end_nul {
color: gray;

}

.case-name {
font-style: italic;
}

.eg {
font-weight: bold;
font-style: italic;
}

.egt {
font-style: italic;
}

.summary-list {
list-style-type: circle;
}

.summary-list li {
padding: 5px 0px;
}

/* end of styles for standard table*/

.in-notes {
font-style: italic;
font-weight: normal;
}

.lesson-notes p {
margin-left: 20px;
margin-right: 20px;
font-size: 12px;
}

.lesson-notes h3 {
margin-top: 0px;
border-width: 0px 0px 1px 0px;
font-size: 12px;
}

.lesson-notes {
border: 1px solid #CCCCCC;
margin: 30px 20px;
}

/*examples */

.egdiv {
padding: 10px 0px 10px;
margin: 14pt 20px;
background-color: #F6F6F6;
border: 1px solid #CFCFCF;

-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
-khtml-border-radius: 7px;
border-radius: 7px;
}

.egdiv h4 {
font-size: 14px;
color: #444444;
margin: 0 30px 14pt;
font-weight: bold;
font-style: italic;
color: #555;
border-bottom: 3px double #CFCFCF;
back ground-color: #EFEFEF;
padding: 0px 0px 4px;
}

.egdiv p {
margin: 12px 45px;
font-size:12px;
line-height:16px;
}

div.eg-sound {
p_adding: 2px 0px 2px;
}

div.eg-sound p {
font-size: 10pt;
}

.clear {
clear: both;
}

/*end of examples*/


/*for user logged*/

#title_name #user_logged {
color:white;
float:right;
font-size:10pt;
font-weight:normal;
margin-right:50px;
margin-top:80px;
position:relative;
}

#title_name #user_logged a {
color: #fff;
}

/*for user logged*/

/*login errors */

.errorExplanation {
text-align: left;
margin-left: 30px;
margin-right: 30px;
}

.errorExplanation h2 {
color: red;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 40px 30px 30px;
}

.errorExplanation li {
font-size: 11px;
}
/* end of login errors*/

/* module */

.module-top {
background-image: url("/images/module/module-top.png");
height: 21px;
position: relative;
margin: 0px 24px 0 24px;
}

.module-t-left {
background-image: url("/images/module/module.png");
position: absolute;
width: 24px;
height: 21px;
left: -24px;
}

.module-t-right {
background-image: url("/images/module/module.png");
background-position: right top;
position: absolute;
width: 24px;
height: 21px;
right: -24px;
}

.module-right {
background-image: url("/images/module/module-right.png");
background-position: right top;
background-repeat: repeat-y;
padding-right: 24px;
overflow: hidden;
}

.module-left {
background-image: url("/images/module/module-left.png");
background-repeat: repeat-y;
background-position: left top;
padding-left: 24px;
}

.module-bottom {
background-image: url("/images/module/module-bottom.png");
background-position: left bottom;
height: 27px;
position: relative;
margin: 0px 24px 0 24px;
}

.module-b-left {
background-image: url("/images/module/module.png");
background-position: left bottom;
position: absolute;
width: 24px;
height: 27px;
left: -24px;
}

.module-b-right {
background-image: url("/images/module/module.png");
background-position: right bottom;
position: absolute;
width: 24px;
height: 27px;
right: -24px;
}

.module-content {
background-color: #fff;
padding: 0 20px 20px 20px;
}

.module-content form {
margin: 0px;
}

.form-entries td {
padding: 10px;
}

td.entry1 {
font-weight: bold;
text-al ign: right;
}


.mod-in-log {
padding: 40px 10% 80px 10%; background-color: #EFEFEF; border: 1px solid #DFDFDF; position: relative;
}


/* end of module*/

.sub form {
margin: 0px;
}

.sub form #password, .sub form #email {
font-size: 11px;
width: 140px;
text-align: left;
}


div.imp-info {
position: relative;
border: 1px solid blue;
margin: 0px 30px;
}

div.imp-info p {
border-left: 1px solid #C2CEEF;
margin: 0px;
padding: 10px 7px;
margin-left: 50px;
background-color: #EFF3FF;
color: #061E5F;
}

div.info-icon {
position: absolute;
margin-left: 7px;
margin-top: 7px;
width: 34px;
height: 33px;
background-image: url("/images/icon-info.jpg");
}


div.pr_hsp {
min-height: 200px;
height: auto !important;
height: 200px;

}

.sbcr-free input {
font-weight: bold; font-size: 11px
}

.sbcr-free form {
display: inline;
}

.sbcr-free {
font-size: 12px;
}



 .sub_hint {
background-color: #ffffff;
position: absolute;
border: 1px solid #999999;
width: 178px;
border-top: 0px solid #fff;
left: 12px;
-moz-box-shadow: 1px 3px 3px #BFBFBF;
-webkit-box-shadow: 1px 3px 3px #BFBFBF;
box-shadow: 1px 3px 3px #BFBFBF;
}

.drop_2bl, .drop_3bl {
-moz-box-shadow: 1px 3px 3px #BFBFBF;
-webkit-box-shadow: 1px 3px 3px #BFBFBF;
box-shadow: 1px 3px 3px #BFBFBF;
}



h2 {
font-size: 21pt;
margin-bottom: 40px;
font-weight: normal;
color: #444444;
text-shadow:2px 2px 2px #BFBFBF;
}

.new_item {
position: absolute;
font-size: 10px;
font-st yle: italic;
color: #fff;
font-weight: bold;
background-color: #DF2929; /* #FFEFEF;*/
border: 1px solid #FFBFBF;
padding-bottom: 1px;

-moz-bor-der-radius: 6px;
-webkit-bor-der-radius: 5px;
bor-der-radius: 5px;

text-shadow:1px 1px 1px #666;

-moz-box-shadow: 1px 2px 2px #BFBFBF;
-webkit-box-shadow: 1px 2px 2px #BFBFBF;
box-shadow: 1px 2px 2px #BFBFBF;
}

.content a.drop_lessons_list {
padding-left: 15px;
background-color: transparent;
}


.soft_letter {
background-color: #8FFF9E;
}

.stressed_letter {
background-color: #E5FF00;
}

.unvoiced_letter {
background-color: #F3BFFF;
}

.reduct_letter {
background-color: #FFBD6F;
}

.hard_letter {
background-color: #BFEEFF;
}



.highlight_letters {
text-align: center; 
height: 30px; 
width: 150px; 
outline: none; 
font-weight: bold; 
font-size: 13px;
}

.hidden_soft .soft_letter {
background-color: transparent;
}

.hidden_stressed .stressed_letter {
background-color: transparent;
}

.hidden_unvoiced .unvoiced_letter {
background-color: transparent;
}

.hidden_reduct .reduct_letter {
background-color: transparent;
}

/* styles for highlighted letteres*/
.soft_letter {
background-color: #8FFF9E;
}

.stressed_letter {
background-color: #E5FF00;
}

.unvoiced_letter {
background-color: #E77FFF;
}

.reduct_letter {
background-color: #FFBD6F;
}

.hard_letter {
background-color: #BFEEFF;
}

.voiced_letter {
background-color: #7FFFF0;
}



.highlight_letters {
text-align: center; 
height: 30px; 
width: 150px; 
outline: none; 
font-weight: bold; 
font-size: 13px;
}

.hidden_soft .soft_letter {
background-color: transparent;
}

.hidden_stressed .stressed_letter {
background-color: transparent;
}

.hidden_unvoiced .unvoiced_letter {
background-color: transparent;
}

.hidden_reduct .reduct_letter {
background-color: transparent;
}

.highlight_buttons td {
width: 140px;
padding: 5px 5px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #777;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}

.highlight_stressed {
background-color: #E4EF86;
background-image: url("/images/btn-grd.png");
background-repeat: no-repeat;
background-position: 50% 50%;

}

.highlight_soft{
background-color: #A7DFAF;
background-image: url("/images/btn-grd.png");
background-repeat: no-repeat;
background-position: 50% 50%;

}

.highlight_reduct{
background-color: #EFCCA4;
background-image: url("/images/btn-grd.png");
background-repeat: no-repeat;
background-position: 50% 50%;

}

.highlight_unvoiced{
background-color: #F3BFFF;
background-image: url("/images/btn-grd.png");
background-repeat: no-repeat;
background-position: 50% 50%;

}



.highlight_buttons .stressed_hover {
background-color: #FDFF00;
color: #222;
}

.highlight_buttons .soft_hover {
background-color: #7FFF3F;
color: #222;
}

.highlight_buttons .unvoiced_hover {
background-color: #FF7FCC;
color: #222;
}

.highlight_buttons .reduct_hover {
background-color: #FFA26F;
color: #222;
}





.highlight_buttons .stressed_active {
background-color: #FFD100;
color: #000;
}

.highlight_buttons .soft_active {
background-color: #0BBF13;
color: #000;
}

.highlight_buttons .unvoiced_active{
background-color: #FF00E2;
color: #000;
}

.highlight_buttons .reduct_active {
background-color: #FF5A00;
color: #000;
}


.highlight_info {
padding: 8px 10px 20px 10px;
color: #444;
font-size: 11px;
}

div.see-exercises {
borde_r: 1px solid #444;
margin: 40px 0px;
padding: 15px;
font-style: italic;
}

div.see-exercises  span {
font-weight: bold;
}

.rss-ico {
display: block;
position: absolute;
right: 0px;
margin-top: -30px;
}

.rss-ico a {
background-color: transparent !important;
text-decoration: none !important;
}

.see-also-list a {
font-size: 11px;
}

hr.less-end {display: block;}

h3.ex-title {
padding: 7px 10px;
background-color: #EFEFEF;
border: 1px solid #999;
margin: 40px 0 30px;
text-shadow: 0px 1px 0px #fff;
background-image: url("/images/h3-bg.png");
background-position: left bottom;
background-repeat: repeat-x;
}

.ex-area {
padding: 0px 15px;
}


.content p.ex-task {
padding: 4px 10px;
background-color: #D1E2EF;
border-left: 4px solid #B5CDDF;
background-image: url('/images/task-bg.png');
background-position: right bottom;
background-repeat: repeat-y;
padding-right: 50px;
color: #000;
position: relative;
left: -5px;
}

.sub_hint {
z-index: 20;
}

h3.page-p {
padding: 6px 8px 7px;
background-color: #cfcfcf;
border-top: 1px solid #888;
font-size: 16px;
margin: 50px 0px 20px;
position: relative;
left: -5px;
text-shadow: 0px 1px 0px #ffffff;
}

h4.page-pp {
font-size: 14px;
margin: 30px 0 15px;
padding: 4px 4px;
border-bottom: 1px dotted #333;
}

.case-ind {
font-size: 11px;
color: #555555;
}


#tinybox {
position:fixed; 
display:none; padding:10px; 
padding: 35px;
background:#fff url(images/preload.gif) no-repeat 50% 50%; 
background-color: #EFF6FF;
z-index:99999999; 
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 15px #111;
box-shadow: 0px 0px 15px #111;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px #111;
box-shadow: 0px 0px 15px #111;
/
border:10px solid #e3e3e3;
}

#tinymask {position:fixed; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:9999999}
#tinycontent {
background:#fff;
max-height: 300px;
}

.end {
font-weight: bold;
font-style: italic;
}

input.search-bar {
padding-left: 20px;
background-image: url(/images/search.png);
background-repeat: no-repeat;
background-position: 2px 2px;
width: 130px;
font-size: 14px;
height: 16px;
border: 1px solid #666;
margin-right: 1px;
padding-top: 2px;
}

input.page-search-start {
color: #777;
font-style: italic;
font-size: 13px;
}

.page-search-wrapper {
pad-ding: 2px;
bor-der: 1px solid #666;
back-ground-color: #fff;
white-space: nowrap;
position: fixed;
right: 4px;
top: 20px;
}

*html .page-search-wrapper  {
display: none;
}


.search-display {
color: #999;
font-weight: bold;
font-size: 13px;
border: 1px solid #999;
background-color: #fff;
padding: 0px 2px;
}

.search-display-over {
background-color: #fff;
color: #333;
border: 1px solid #333;
cursor: pointer;
}

.found_string {
background-color: #FEFFAF;
font-weight: bold;
}

.gr-list-head {
color: #3B3DBF;
font-weight: bold;
margin: 0px 0px 5px 0px;
background-color: #E2E6F2;
padding: 2px 10px 3px 10px;
}


.gr-li-head {
margin-top: 20px;
}

.gr-list {
list-style: none;
max-width: 500px;

}

.noselect {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}