/* Global */
* {
margin:0;
border:none;
outline:none;
padding:0;
}
body {
font:11px/16px Arial, Helvetica, sans-serif;
text-align:center;
color:#555;
background:#BFD0E5 url(/s/img/shared/top.gif) repeat-x top;
}
body, html {
width:100%;
min-width:920px;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
img {
display:block;
}
ul, ol, dl {
list-style:none;
}
label {
display:block;
float:left;
width:125px;
padding-top:4px;
font-weight:bold;
}
.hidden {
display:none !important;
}
.clear {
height:1px;
clear:both;
}
table {
border-collapse:collapse;
}
#jumpToContent {
position:absolute;
top:-100px;
}


/* Top navigation */
#top {
position:relative;
width:920px;
height:36px;
margin:0 auto;
text-align:left;
}
	#top p {
	padding:10px 0 0 30px;
	}
	#top span {
	padding:0 6px;
	color:#3777BC;
	}
	#top strong {
	color:#3777BC;
	}
	#top em {
	color:#FFF;
	}
	#top a {
	padding-right:9px;
	color:#D5E8FF;
	font-weight:bold;
	background:url(/s/img/shared/bullet_red.gif) no-repeat right 5px;
	}
	#top a.logout {
	padding:0;
	font-weight:bold;
	color:#3777BC;
	background:none;
	}
	#top a:hover {
	color:#FFF;
	}


/* Main menu */
#menu {
position:absolute;
left:324px;
top:0;
width:594px;
height:36px;
}
	#menu li {
	float:left;
	display:block;
	height:36px;
	}
	#menu a {
	position:relative;
	display:block;
	height:36px;
	padding:0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:none;
	}
	#menu i {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:36px;
	cursor:pointer;
	}
	#menu a:hover i { background-position:0 -36px !important; }
	#menu li.active a i { background-position:0 -72px !important; }
	#menu a#mLesson { width:130px; }
	#menu a#mLesson i { background:url(/s/img/menu/lesson.png) no-repeat top; }
	#menu a#mTest { width:107px; }
	#menu a#mTest i { background:url(/s/img/menu/test.png) no-repeat top; }
	#menu a#mMy { width:110px; }
	#menu a#mMy i { background:url(/s/img/menu/my.png) no-repeat top; }
	#menu a#mDescription { width:103px; }
	#menu a#mDescription i { background:url(/s/img/menu/desc.png) no-repeat top; }
	#menu a#mAbout { width:68px; }
	#menu a#mAbout i { background:url(/s/img/menu/about.png) no-repeat top; }
	#menu a#mHelp { width:76px; }
	#menu a#mHelp i { background:url(/s/img/menu/help.png) no-repeat top; }


/* Main page */
#indexContener {
height:554px;
background:#FFF url(/s/img/shared/index.gif) repeat-x top;
}
	#index {
	height:554px;
	background:url(/s/img/shared/index_bg.jpg) no-repeat top;
	}
	#index.log {
	background-image:url(/s/img/shared/index_bg_log.jpg) !important;
	}
	#indexContent {
	position:relative;
	width:920px;
	margin:0 auto;
	text-align:left;
	}

/* Page header */
#header {
position:absolute;
left:50px;
top:37px;
}
	#header h1 {
	margin-bottom:10px;
	}
	#header p {
	width:240px;
	margin-bottom:8px;
	}
	#header p a {
	padding-right:9px;
	color:#EF4130;
	font-weight:bold;
	background:url(/s/img/shared/bullet_blue.gif) no-repeat right 5px;
	}
		#header p a:hover {
		color:#3777BC;
		}

/* Login etc form */
#rightForm {
position:absolute;
right:10px;
top:22px;
width:185px;
}
	#rightForm h3 {
	margin-bottom:10px;
	}
	#rightForm label {
	float:left;
	width:50px;
	color:#9D3126;
	line-height:14px;
	}
	.log #rightForm label {
	color:#A5C8F1;
	}
	#rightForm input.text {
	width:105px;
	margin-bottom:6px;
	padding:3px 0;
	color:#FFF;
	font:11px Arial, Helvetica, sans-serif;
	background:none;
	}
	:root #rightForm input.text {
	margin-bottom:6px;
	padding:4px 0;
	}
	#rightForm p {
	padding-right:55px;
	color:#FFF;
	text-align:center;
	}
	#rightForm a {
	padding-left:20px;
	color:#0A335F;
	font-weight:bold;
	}
	#rightForm #btnOK {
	position:absolute;
	left:137px;
	top:96px;
	display:block;
	width:40px;
	height:40px;
	background:none;
	cursor:pointer;
	}

#right {
position:absolute;
right:10px;
top:206px;
width:185px;
}
	#right p {
	margin-bottom:12px;
	}
	#right h3 {
	margin-bottom:8px;
	}

#free {
width:165px;
margin-bottom:48px;
}
#survey {
width:165px;
padding-bottom:48px;
}
	#survey span {
	padding-left:5px;
	font-weight:bold;
	color:#748CA4;
	
	}
	#survey input {
	vertical-align:middle;
	}
	:root #survey input {
	vertical-align:bottom;
	}
	@-moz-document url-prefix() {
		#survey input {
		vertical-align:sub !important;
		}
	}
	#survey .spacer {
	height:2px;
	}
	:root #survey .spacer {
	height:6px;
	}
	#survey .btn {
	margin-top:20px;
	}

#howTo {
position:absolute;
left:-10px;
top:407px;
}
	#howTo li {
	float:left;
	width:225px;
	background:url(/s/img/shared/how_to.gif) no-repeat 0 0;
	}
	#howTo li.first {
	background:none;
	}
	#howTo img {
	margin:10px 0 10px 48px;
	}
	#howTo p {
	width:160px;
	margin:0 0 30px 60px;
	}
	#howTo a {
	font-weight:bold;
	color:#3777BC;
	}
	#howTo a:hover {
	color:#EF4130;
	}


/* Sub pages */
#contener {
background:#FFF url(/s/img/shared/sub.gif) repeat-x top;
}
	#contentRoot {
	padding-bottom:30px;
	background:url(/s/img/shared/content_bottom.gif) repeat-x bottom;
	}
	#content {
	position:relative;
	width:920px;
	margin:0 auto;
	padding-top:200px;
	text-align:left;
	background:url(/s/img/shared/sub.jpg) no-repeat 0 0;
	}
	#content.log {
	background-image:url(/s/img/shared/sub_log.jpg) !important;
	}

#headerSub {
position:absolute;
left:0;
top:0;
width:685px;
height:185px;
}
	#headerSub h1 {
	margin:34px 0 0 30px;
	}
	.b1 #headerSub { background:url(/s/img/shared/sub_1.jpg) no-repeat right 0; }
	.b2 #headerSub { background:url(/s/img/shared/sub_2.jpg) no-repeat right 0; }
	.b3 #headerSub { background:url(/s/img/shared/sub_3.jpg) no-repeat right 0; }

#contentMain {
width:645px;
min-height:400px;
padding:0 0 20px 50px;
background:url(/s/img/shared/content.gif) no-repeat right bottom;
}
	#contentMain h2 {
	height:42px;
	font-size:32px;
	line-height:32px;
	font-weight:bold;
	font-family:Verdana;
	color:#0A3461;
	background:url(/s/img/shared/content_top.gif) no-repeat right 0;
	}
	#contentMain h3 {
	margin-bottom:8px;
	font-size:18px;
	font-weight:bold;
	color:#E13422;
	}
	#contentMain h4 {
	font-size:14px;
	font-weight:bold;
	color:#09325C;
	}
	#contentMain h5 {
	margin-bottom:16px;
	font-size:11px;
	font-weight:bold;
	color:#09325C;
	}
	#contentMain h5 .lang {
	font-size:14px;
	color:#E13422;
	}
	#contentMain p {
	padding-right:85px;
	margin-bottom:16px;
	}
	#contentMain a {
	color:#E13422;
	}
	#contentMain strong {
	color:#09325C;
	}
	#contentMain strong.red {
	color:#E13422;
	}
	#contentMain ul {
	padding-right:85px;
	margin-bottom:16px;
	}
	#contentMain li {
	padding:4px 0 0 20px;
	font-weight:bold;
	color:#09325C;
	background:url(/s/img/shared/dot.gif) no-repeat 7px 10px;
	}
	#contentMain .alert {
	width:530px;
	padding:13px 15px 0 15px;
	background:#FFBD38 url(/s/img/shared/alert_top.gif) no-repeat 0 0;
	}
	#contentMain .alert p {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#825600;
	}
	#contentMain .alertBottom {
	width:560px;
	height:30px;
	background:url(/s/img/shared/alert_bottom.gif) no-repeat 0 0;
	}


	#contentMain table {
	width:560px;
	margin-bottom:30px;
	}
	#contentMain th {
	padding-right:5px;
	font-size:14px;
	font-weight:bold;
	color:#09325C;
	}
	#contentMain td {
	padding-right:5px;
	font-size:14px;
	}
	#contentMain td div {
	position:relative;
	}
	#contentMain td.first {
	width:210px;
	padding:7px 35px 7px 15px;
	}
	#contentMain td.form {
	width:120px;
	padding:7px 5px 7px 15px;
	}
	#contentMain .ct td {
	padding:7px 5px 1px 150px;
	font-weight:bold;
	color:#E13422;
	}
	#contentMain td a.audio {
	position:absolute;
	left:276px;
	top:2px;
	display:block;
	width:20px;
	height:20px;
	background:url(/s/img/shared/audio_input.gif) no-repeat 0 0;
	cursor:pointer;
	}
	#contentMain .dark td a.audio {
	background:url(/s/img/shared/audio_input.gif) no-repeat 0 0;
	}
	#contentMain td.short a.audio {
	background:url(/s/img/shared/audio.gif) no-repeat 0 0;
	}
	#contentMain .dark td.short a.audio {
	background:url(/s/img/shared/audio_dark.gif) no-repeat 0 0;
	}
	#contentMain td.first a.audio {
	left:220px;
	top:-1px;
	background:url(/s/img/shared/audio.gif) no-repeat 0 0;
	}
	#contentMain .dark td.first a.audio {
	background:url(/s/img/shared/audio_dark.gif) no-repeat 0 0;
	}
	#contentMain td .yes {
	position:absolute;
	left:220px;
	top:-2px;
	display:block;
	width:20px;
	height:21px;
	background:url(/s/img/shared/yes.gif) no-repeat 0 0;
	}
	#contentMain .dark td .yes {
	background:url(/s/img/shared/yes_dark.gif) no-repeat 0 0;
	}
	#contentMain td .no {
	position:absolute;
	left:220px;
	top:-2px;
	display:block;
	width:20px;
	height:21px;
	background:url(/s/img/shared/no.gif) no-repeat 0 0;
	}
	#contentMain .noteUp {
	position:absolute;
	left:275px;
	top:-2px;
	display:block;
	width:20px;
	height:21px;
	background:url(/s/img/shared/up.gif) no-repeat 0 0;
	}
	#contentMain .dark .noteUp {
	background:url(/s/img/shared/up_dark.gif) no-repeat 0 0;
	}
	#contentMain .noteCenter {
	position:absolute;
	left:275px;
	top:-2px;
	display:block;
	width:20px;
	height:21px;
	background:url(/s/img/shared/center.gif) no-repeat 0 0;
	}
	#contentMain .dark .noteCenter {
	background:url(/s/img/shared/center_dark.gif) no-repeat 0 0;
	}
	#contentMain .noteDown {
	position:absolute;
	left:275px;
	top:-2px;
	display:block;
	width:20px;
	height:21px;
	background:url(/s/img/shared/down.gif) no-repeat 0 0;
	}
	#contentMain .dark .noteDown {
	background:url(/s/img/shared/down_dark.gif) no-repeat 0 0;
	}
	#contentMain .dark td .no {
	background:url(/s/img/shared/no_dark.gif) no-repeat 0 0;
	}
	#contentMain .dark {
	background:#E1EBF5 url(/s/img/shared/dark.gif) no-repeat 0 0;
	}
	#contentMain .dark td {
	background:url(/s/img/shared/dark_bottom.gif) no-repeat right bottom;
	}
	#contentMain .dark td.first {
	background:url(/s/img/shared/dark_bottom.gif) no-repeat left bottom;
	}
	#contentMain p.btn {
	padding:0 0 30px 180px;
	}
	#contentMain input.text {
	width:260px;
	margin-top:1px;
	padding:2px 25px 3px 10px;
	font:14px/16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	background:url(/s/img/shared/input.gif) no-repeat 0 0;
	}
	#contentMain .wrong {
	padding:4px 0;
	line-height:20px;
	}
	#contentMain .wrong input {
	color:#09335E;
	}
	#contentMain td .wrong a.audio {
	top:6px;
	}
	#contentMain .dark input.text {
	background:url(/s/img/shared/input_dark.gif) no-repeat 0 0;
	}
	#contentMain input.textShort {
	width:85px;
	margin-top:1px;
	padding:2px 10px 3px 10px;
	font:14px/16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	background:url(/s/img/shared/short.gif) no-repeat 0 0;
	}
	#contentMain .dark input.textShort {
	background:url(/s/img/shared/short_dark.gif) no-repeat 0 0;
	}
	#contentMain td a.diak {
	position:absolute;
	left:296px;
	top:2px;
	display:block;
	width:20px;
	height:20px;
	margin:0 0 0 -20px;
	background:url(/s/img/shared/diak.gif) no-repeat 0 0;
	cursor:pointer;
	}
	#contentMain td.short a.diak {
	background:url(/s/img/shared/diak_short.gif) no-repeat 0 0;
	}
	#contentMain td a.diak span {
	position:absolute;
	top:-4px;
	left:0px;
	display:none;
	width:120px;
	padding:5px 0;
	height:16px;
	text-align:center;
	background:url(/s/img/shared/diak.png) no-repeat 0 0;
	z-index:100;
	}
	#contentMain td a.diak strong {
	cursor:pointer;
	color:#FFF;
	}


	#contentMain #sum {
	padding:60px 0 30px 0;
	line-height:20px;
	}
	#contentMain .good {
	background:url(/s/img/shared/good.gif) no-repeat 150px 10px;
	}
	#contentMain .hmm {
	background:url(/s/img/shared/hmm.gif) no-repeat 150px 10px;
	}
	#contentMain .bad {
	background:url(/s/img/shared/bad.gif) no-repeat 150px 10px;
	}
	#contentMain #sum dt {
	color:#E13422;
	font-weight:bold;
	font-size:14px;
	}

/* Settings */
	#contentMain table.pay {
	width:560px;
	margin-bottom:8px;
	}
	#contentMain table.pay td {
	width:160px;
	text-align:center;
	padding-bottom:2px;
	}
	#contentMain table.pay td img {
	margin:0 auto;
	}
	#contentMain table.pay td strong {
	padding-right:10px;
	}
	#contentMain table.set td, #contentMain table.set th {
	vertical-align:top;
	padding:0 5px 10px 5px;
	}
	#contentMain table.set .plus {
	font-weight:bold;
	}
	#contentMain table.set .minus {
	font-weight:bold;
	color:#09325C;
	}
	#contentMain table.set select {
	width:105px;
	border:1px solid #81A1C1;
	}


.pager {
position:relative;
width:560px;
padding:6px 0;
height:30px;
background:url(/s/img/shared/pager.gif) no-repeat 0 0;
text-align:center;
font-size:14px;
font-weight:bold;
color:#8BB0D7;
}
.pStart {
position:absolute;
left:2px;
top:1px;
padding:0 !important;
}
.pPrev {
position:absolute;
left:35px;
top:1px;
padding:0 !important;
}
.pEnd {
position:absolute;
left:531px;
top:1px;
padding:0 !important;
}
.pNext {
position:absolute;
left:498px;
top:1px;
padding:0 !important;
}
.pager a {
color:#FFF !important;
font-size:14px;
font-weight:bold;
}
.pager a, .pager span {
padding:0 5px;
}


/* Page footer */
#footer {
height:80px;
background:url(/s/img/shared/footer.gif) repeat-x top;
}
	#footer p {
	width:860px;
	margin:0 auto;
	padding:8px 30px 0 30px;
	color:#3777BC;
	text-align:left;
	}
	#footer span {
	padding:0 6px;
	color:#3777BC;
	}
	#footer strong, #footer a {
	font-weight:bold;
	color:#09335D;
	}
	#footer a:hover {
	color:#E13422;
	}
	#footer .menu {
	margin-top:-24px;
	text-align:right;
	}