/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
  color: white;
	font-family: Arial;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

a {color: #00bad5;}

/* MICROSITE */
body{
	background-color: #9e9c95;
	color: #484440;
	font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
}

/* layout */
#content{
	background-color: white;

}


.container{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header{
	background-color: #faf5e7;
	border-bottom: 2px solid #ccc8be;
	padding: 0 ;
	/* height: 196px; */
}
#header .container{
	padding-top: 30px;
	padding-bottom: 10px;
}
.title #header{
	
}
#header #userbox{
	position: absolute;
	right: 0px;
	top: 35px;
}
#content{
	background-color: white;
}
.title #content{
	height: auto;
}
#footer{
	background-color: #9e9c95;
}

a.btn-wide{
	width: 158px;
	height: 37px;
	line-height: 37px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-image: url("../images/btn-wide.png");
	display: block;
	text-decoration: none;
}

/* Header */
#header a#logo{
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background-image: url("../images/logo-big.png");
	width: 490px;
	height: 130px;
  margin:0 0 0-10px;
}
#header p.title-text {
	min-height: 90px;
}
#header #userbox #login{
	width: 355px;
	height: 106px;
	background-image: url("../images/loginbox-bg.png");
}
#header #userbox #login label{
	display: none;
}
#header #userbox #login input.username,
#header #userbox #login input.password{
	width: 150px;
	height: 25px;
	background: url("../images/input-bg.png") no-repeat top left;
	border: 0;
	float: left;
	margin-top: 19px;
	padding: 5px;
}
#header #userbox #login input.username{
	margin-left: 12px;
}
#header #userbox #login input.password{
	margin-left: 10px;
}
#header #userbox #login input.submit{
	width: 132px;
	height: 37px;
	background: url("../images/submit-bg.png") no-repeat top left;
	border: 0;
	float: right;
	margin-right: 12px;
	margin-top: 7px;
	color: #55534c;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#header #userbox #login a{
	float: left;
	clear: both;
	color: #6a6862;
	font-size: 11px;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	margin-left: 12px;
	margin-top: 22px;
}
#header p{
	width: 460px;
	margin-top: 25px;
}

#header #logout #loggedUser{
	height: 35px;
	background-image: url("../images/loginbox-middle.png");
	line-height: 35px;
	margin-right: 85px;
}
#header #logout #loggedUser .left{
	background: url("../images/loginbox-left.png") no-repeat top left;
	height: 35px;
}
#header #logout #loggedUser .right{
	background: url("../images/loginbox-right.png") no-repeat top right;
	height: 35px;
	padding-left: 45px;
	padding-right: 12px;
}
#header #logout a {
	color: #55534c;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#header #logout a.logout{
	font-weight: normal;
	text-decoration: underline;
	display: block;
	float: right;
	margin-top: 9px;
}

/* SCROLLER */
#scroller{
	height: 123px;
	background-color: #ebeadb;
	border-bottom: 2px solid #ccc8be;
}
#scroller .container{
	position: relative;
}
#scroller #scroll{
	width: 887px;
	height: 123px;
	position: absolute;
	left: 36px;
	overflow: hidden;
}
#scroller #scroll #pane{
	width: 1721px;
}
#scroller #scroll #pane a{
	display: block;
	width: 130px;
	height: 80px;
	margin-right: 20px;
	position: absolute;
	top: 20px;
	overflow: hidden;
	text-indent: -999px;
	left: 800px;
}
#scroller #scroll #pane a#btn1{
	width: 143px;
	height: 83px;
	background-image: url("../images/slider-1.png");
	left: 10px;
	top: 18px;
}
#scroller #scroll #pane a#btn1:hover, #scroller #scroll #pane a#btn1.active{
	background-position: 0 -83px;
}
#scroller #scroll #pane a#btn2{
	width: 143px;
	height: 79px;
	background-image: url("../images/slider-2.png");
	left: 156px;
}
#scroller #scroll #pane a#btn2:hover, #scroller #scroll #pane a#btn2.active{
	background-position: 0 -79px;
}
#scroller #scroll #pane a#btn3{
	width: 151px;
	height: 80px;
	background-image: url("../images/slider-3.png");
	left: 303px;
}
#scroller #scroll #pane a#btn3:hover, #scroller #scroll #pane a#btn3.active{
	background-position: 0 -80px;
}
#scroller #scroll #pane a#btn4{
	width: 125px;
	height: 82px;
	background-image: url("../images/slider-4.png");
	left: 447px;
}
#scroller #scroll #pane a#btn4:hover, #scroller #scroll #pane a#btn4.active{
	background-position: 0 -82px;
}
#scroller #scroll #pane a#btn5{
	width: 151px;
	height: 86px;
	background-image: url("../images/slider-5.png");
	left: 579px;
	top: 16px;
}
#scroller #scroll #pane a#btn5:hover, #scroller #scroll #pane a#btn5.active{
	background-position: 0 -86px;
}
#scroller #scroll #pane a#btn6{
	width: 130px;
	height: 80px;
	background-image: url("../images/slider-6.png");
	left: 734px;
}
#scroller #scroll #pane a#btn6:hover, #scroller #scroll #pane a#btn6.active{
	background-position: 0 -80px;
}
#scroller #scroll #pane a#btn7{
	width: 149px;
	height: 77px;
	background-image: url("../images/slider-7.png");
	left: 868px;
}
#scroller #scroll #pane a#btn7:hover, #scroller #scroll #pane a#btn7.active{
	background-position: 0 -77px;
}
#scroller #scroll #pane a#btn8{
	width: 131px;
	height: 83px;
	background-image: url("../images/slider-8.png");
	left: 1014px;
}
#scroller #scroll #pane a#btn8:hover, #scroller #scroll #pane a#btn8.active{
	background-position: 0 -83px;
}
#scroller #scroll #pane a#btn9{
	width: 129px;
	height: 75px;
	background-image: url("../images/slider-9.png");
	left: 1150px;
}
#scroller #scroll #pane a#btn9:hover, #scroller #scroll #pane a#btn9.active{
	background-position: 0 -75px;
}
#scroller #scroll #pane a#btn10{
	width: 147px;
	height: 75px;
	background-image: url("../images/slider-10.png");
	left: 1281px;
}
#scroller #scroll #pane a#btn10:hover, #scroller #scroll #pane a#btn10.active{
	background-position: 0 -75px;
}
#scroller #scroll #pane a#btn11{
	width: 145px;
	height: 77px;
	background-image: url("../images/slider-11.png");
	left: 1423px;
}
#scroller #scroll #pane a#btn11:hover, #scroller #scroll #pane a#btn11.active{
	background-position: 0 -77px;
}
#scroller #scroll #pane a#btn12{
	width: 153px;
	height: 75px;
	background-image: url("../images/slider-12.png");
	left: 1568px;
}
#scroller #scroll #pane a#btn12:hover, #scroller #scroll #pane a#btn12.active{
	background-position: 0 -75px;
}
#scroller a.right,
#scroller a.left{
	display: block;
	overflow: hidden;
	text-indent: -999px;
	width: 35px;
	height: 27px;
	position: absolute;
	top: 45px;
}
#scroller a.right{
	background-image: url("../images/arr-right.png");
	right: 0;
}
#scroller a.left{
	background-image: url("../images/arr-left.png");
	left: 0;
}

/* TITLE CONTENT */

#content h1{
	color: #00bad5;
	font-size: 30px;
	padding-top: 35px;
	margin-bottom: 30px;
}
#content h2{
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}
.title #content{
	padding-top: 21px;
}

#content #title-lectures {
	position:relative;
	
}

#content #title-lectures a{
	display: block;
	position: absolute;
	text-decoration: none;
	color: white;
	text-shadow: #999999 2px 2px 0px;
	line-height: 18px;
}
#content #title-lectures a strong{
	display: block;
	font-size: 30px;
	margin-bottom: 6px;
	margin-top:-20px
}
#content #title-lectures a.lecture1{
	width: 219px;
	height: 107px;
	background-image: url("../images/btn-lekce-1.png");
	padding-left: 30px;
	padding-top: 35px;
}
#content #title-lectures a.lecture1:hover{
	background-position: 0 -142px;
}
#content #title-lectures a.lecture2{
	padding-left: 30px;
	padding-top: 35px;
	width: 219px;
	height: 103px;
	background-image: url("../images/btn-lekce-2.png");
	left: 248px;
}
#content #title-lectures a.lecture2:hover{
	background-position: 0 -138px;
}
#content #title-lectures a.lecture3{
	padding-left: 30px;
	padding-top: 35px;
	width: 233px;
	height: 104px;
	background-image: url("../images/btn-lekce-3.png");
	left: 498px;
}
#content #title-lectures a.lecture3:hover{
	background-position: 0 -139px;
}
#content #title-lectures a.lecture4{
	padding-left: 40px;
	padding-top: 35px;
}
#content #title-lectures a.lecture4{
	width: 177px;
	height: 109px;
	background-image: url("../images/btn-lekce-4.png");
	left: 743px;
}
#content #title-lectures a.lecture4:hover{
	background-position: 0 -144px;
}
#content #title-lectures a.lecture5{
	padding-left: 30px;
	padding-top: 40px;
	width: 234px;
	height: 109px;
	background-image: url("../images/btn-lekce-5.png");
	top: 138px;
}
#content #title-lectures a.lecture5:hover{
	background-position: 0 -149px;
}
#content #title-lectures a.lecture6{
	padding-left: 35px;
	padding-top: 37px;
}
#content #title-lectures a.lecture6{
	width: 192px;
	height: 103px;
	background-image: url("../images/btn-lekce-6.png");
	top: 142px;
	left: 264px;
}
#content #title-lectures a.lecture6:hover{
	background-position: 0 -140px;
}
#content #title-lectures a.lecture7{
	padding-left: 38px;
	padding-top: 36px;
	width: 221px;
	height: 98px;
	background-image: url("../images/btn-lekce-7.png");
	top: 142px;
	left: 490px;
}
#content #title-lectures a.lecture7:hover{
	background-position: 0 -134px;
}
#content #title-lectures a.lecture8{
	padding-left: 48px;
	padding-top: 34px;
}
#content #title-lectures a.lecture8{
	width: 179px;
	height: 110px;
	background-image: url("../images/btn-lekce-8.png");
	top: 142px;
	left: 733px;
}
#content #title-lectures a.lecture8:hover{
	background-position: 0 -144px;
}
#content #title-lectures a.lecture9{
	padding-left: 30px;
	padding-top: 30px;
	width: 193px;
	height: 100px;
	background-image: url("../images/btn-lekce-9.png");
	top: 288px;
}
#content #title-lectures a.lecture9:hover{
	background-position: 0 -130px;
}
#content #title-lectures a.lecture10{
	padding-left: 50px;
	padding-top: 34px;
}
#content #title-lectures a.lecture10{
	width: 206px;
	height: 98px;
	background-image: url("../images/btn-lekce-10.png");
	top: 288px;
	left: 217px;
}
#content #title-lectures a.lecture10:hover{
	background-position: 0 -132px;
}
#content #title-lectures a.lecture11{
	padding-left: 55px;
	padding-top: 36px;
}
#content #title-lectures a.lecture11{
	width: 196px;
	height: 99px;
	background-image: url("../images/btn-lekce-11.png");
	top: 288px;
	left: 454px;
}
#content #title-lectures a.lecture11:hover{
	background-position: 0 -135px;
}
#content #title-lectures a.lecture12{
	padding-left: 55px;
	padding-top: 34px;
}
#content #title-lectures a.lecture12{
	width: 211px;
	height: 99px;
	background-image: url("../images/btn-lekce-12.png");
	top: 288px;
	left: 694px;
}
#content #title-lectures a.lecture12:hover{
	background-position: 0 -133px;
}
#content #title-lectures a.lecture12 strong {
	margin-top: 31px;
	margin-left: -42px;
}
#content .topic60 #title-lectures a.lecture12 strong {
	margin-left: -22px ;
}

#content ul.submenu{
	list-style-type: none;
	height: 38px;
	padding-bottom: 20px;
	margin-left: 0;
	border-bottom: 1px solid silver;
}
#content ul.submenu li{
	float: left;
}
#content ul.submenu li a{
	display: block;
	width: 120px;
	height: 38px;
	text-align: center;
	text-decoration: none;
	line-height: 38px;
	color: #b8b1ab;
	font-size: 18px;
	font-weight: bold;
}
#content ul.submenu li:nth-child(3) a{
	width: 214px;
}
#content ul.submenu li.active a{
	background-image: url("../images/submenu-bg.png");
	color: #00bad5;
	text-transform: uppercase;
}
#content ul.submenu li.active:nth-child(3) a{
	background-image: url("../images/submit-bg-third.png");
}

#content .left{
	float: left;
	width: 480px;
}
#content .right{
	float: right;
	width: 460px;
}

#content .theme{
	margin-bottom: 25px;
}
#content .theme a{
	text-decoration: none;
	color: #55534c;
	font-size: 18px;
	font-weight: bold;
	background: url("../images/ico-circle.png") no-repeat top left;
	height: 27px;
	display: block;
}
#content .theme a span{
	width: 27px;
	height: 22px;
	padding-top: 5px;
	color: white;
	display: block;
	float: left;
	text-align: center;
	padding-left: 1px;
	font-size: 14px;
	margin-right: 12px;
}
#content .theme a:hover{
	color: #00bad5;
}
#content .theme a:hover{
	background-position: 0px -27px;
}
#content .theme p{
	font-size: 12px;
	padding-left: 40px;
}

#content .question{
	padding-bottom: 55px;
	padding-top: 25px;
}
#content .question span.num{
	background: url("../images/ico-circle.png") no-repeat top left;
	display: block;
	width: 27px;
	height: 22px;
	padding-top: 5px;
	color: white;
	float: left;
	text-align: center;
	padding-left: 1px;
	font-size: 14px;
	margin-right: 12px;
}
#content .question strong{
	display: block;
	margin-left: 42px;
	font-size: 18px;
}
#content .question p{
	margin-left: 42px;
	font-size: 12px;
}
#content .question .answers{
	width: 422px;
	margin-left: 42px;
	background-image: url("../images/answers-middle.png");
	margin-top: 23px;
	font-size: 12px;
}
#content .question .answers label{
	font-size: 12px;
	font-weight: bold;
}
#content .question .answers input.submit{
	display: block;
	width: 111px;
	height: 37px;
	background-image: url("../images/answer-submit.png");
	border: 0;
	text-align: center;
	line-height: 37px;
	color: #00bad5;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 4px;
}
#content .question .answersTop{
	background: url("../images/answers-top.png") no-repeat top left;
}
#content .question .answersBottom{
	background: url("../images/answers-bottom.png") no-repeat bottom left;
	padding: 15px;
}
#content .question .answers .answer-correct,
#content .question .answers .answer-wrong{
	height: 37px;
	margin-top: 15px;
}
#content .question .answers .answer-correct strong,
#content .question .answers .answer-wrong strong{
	font-size: 18px;
	line-height: 37px;
	display: block;
	margin-left: 0;
	padding-left: 34px;
	font-size: 18px;
	line-height: 37px;
}
#content .question .answers .answer-correct strong{
	background: url("../images/ico-correct.png") no-repeat 0px 5px;
}
#content .question .answers .answer-wrong strong{
	background: url("../images/ico-wrong.png") no-repeat 0px 5px;
}
#content .question .answers .answer-correct input.submit,
#content .question .answers .answer-wrong input.submit{
	float: right;
	margin-top: 0;
	margin-left: 0;
}

#content .question .answers .answer-label {
	margin-left: 25px; 
	padding-bottom: 8px;
	display: block;
}
#content .question .answers .answer-item input {
	float: left;
}

.answersBottom p.test-subtitle {
	margin-left: 34px;
	margin-top: -5px;
	margin-bottom: 5px;
	font-weight: normal;
}
.answersBottom form p input {
	margin-left: 0;
}
.answersBottom p {
	font-weight: bold;
}

/* about */
#content .about-text{
	padding-bottom: 55px;
}
#content .about-text h2 {
	font-size:30px;
	font-weight:normal;
}
#content .about-text p, #content .interest p, #content .interest a {
	font-size: 12px;
}
#content .about-text #userbox #login{
	width: 355px;
	height: 106px;
	background-image: url("../images/loginbox-white-bg.png");
}
#content .about-text #userbox #login label{
	display: none;
}
#content .about-text #userbox #login input.username,
#content .about-text #userbox #login input.password{
	width: 150px;
	height: 25px;
	background: url("../images/input-white-bg.png") no-repeat top left;
	border: 0;
	float: left;
	margin-top: 19px;
	padding: 5px;
}
#content .about-text #userbox #login input.username{
	margin-left: 12px;
}
#content .about-text #userbox #login input.password{
	margin-left: 10px;
}
#content .about-text #userbox #login input.submit{
	width: 132px;
	height: 37px;
	background: url("../images/submit-white-bg.png") no-repeat top left;
	border: 0;
	float: right;
	margin-right: 12px;
	margin-top: 7px;
	color: #00bad5;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#content .about-text #userbox #login a{
	float: left;
	clear: both;
	color: #6a6862;
	font-size: 11px;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	margin-left: 12px;
	margin-top: 22px;
}

/* detail */
.lesson-big-title span {
	font-family: 
}

#content .theme-detail .left{
	width: 480px;
	margin-top: 35px;
}
#content .theme-detail .left a.graph{
	background: url("../images/ico-graph.png") no-repeat 0px 0px;
	font-size: 12px;
	padding-left: 23px;
	display: block;
	height: 16px;
}
#content .left a.toggle_link{
	color: black;
	font-size: 18px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	float: left;
	clear: both;
	background: url("../images/arr-up.png") no-repeat center right 8px;
	padding-right: 25px;
	margin-bottom: 10px;
	width: 480px;
}
#content .left a.toggle_link.closed{
	background: url("../images/arr-down.png") no-repeat center right 8px;
}
#content .left .section_content {
	clear: both;
	font-size: 12px;
}
#content .left .section_content p {
	margin-bottom: 15px;
}

.interest {
	padding: 35px 0;
}

.theme-detail .header span{
	display: block;
	background: url("../images/ico-circle.png") no-repeat 0 -27px;
	width: 27px;
	height: 23px;
	text-align: center;
	padding-top: 4px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-right: 12px;
}
.theme-detail .header h4{
	font-size: 18px;
	font-weight: bold;
	color: #00bad5;
}
#lesson1 h4, #lesson1 h2 {
	color: #AEC450;
}
#lesson2 h4, #lesson2 h2 {
	color: #F2B959;
}
#lesson3 h4, #lesson3 h2 {
	color: #789154;
}
#lesson4 h4, #lesson4 h2 {
	color: #D65836;
}
#lesson5 h4, #lesson5 h2 {
	color: #8F6C88;
}
#lesson6 h4, #lesson6 h2 {
	color: #2FB3C4;
}
#lesson7 h4, #lesson7 h2 {
	color: #AB9670;
}
#lesson8 h4, #lesson8 h2 {
	color: #849B7C;
}
#lesson9 h4, #lesson9 h2 {
	color: #CF7A68;
}

#lesson10 h4, #lesson10 h2 {
	color: #977670;
}

#lesson11 h4, #lesson11 h2 {
	color: #877379;
}

#lesson12 h4, #lesson12 h2 {
	color: #00bad5;
}
.theme-detail .header a{
	float: right;
	color: #00bad5;
	font-size: 12px;
	margin-top: 3px;
}
.theme-detail .article p strong{
	font-size: 18px;
	display: block;
}
.theme-detail .article p{
	margin-bottom: 25px;
	font-size: 12px;
}
#content .theme-detail .right{
	width: 421px;
	margin-top: 35px;
}
#content .theme-detail .right a.btn-wide, #content .theme-detail .right .dwnld a.btn-wide{
	margin: 0 auto;
	margin-top: 0px;
	padding: 0;
	height: 37px;
}
#content .theme-detail .right h5{
	font-size: 18px;
	font-weight: bold;
	color: #55534c;
	margin-bottom: 5px;
}

#content .theme-detail .right .dwnld a{
	font-size: 12px;
	padding-left: 23px;
	display: block;
	height: 16px;
	float: left;
/**	margin-left: 30px; **/
}

div.dwnl_mp3 {
	float:left;
	width:50%;
}
div.dwnl_mp3 .admin_menu a {clear:both}
div.dwnl_files {
	float:right;
	width:50%;
}
#content .theme-detail .right .dwnld a.music{
	background: url("../images/ico-music.png") no-repeat 0px 0px;
}
#content .theme-detail .dwnld a.pdf, #content .dwnld a.pdf{
/**	background: url("../images/ico-pdf.png") no-repeat 0px 0px; **/
	background: url("../images/btn_down_present.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 36px;
    width: 200px;
}

/* FOOTER */
#footer{
	padding-bottom: 45px;
}
#footer #copy{
	float: left;
	color: #d2d1ce;
	font-size: 11px;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	padding-top: 20px;
}
#footer #footer-menu{
	text-align: right;
	padding-top: 16px;
}
#footer #footer-menu a{
	color: white;
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	margin-left: 20px;
	margin-right: 10px;
}

/* NEW HOMEPAGE */
#title-big-buttons{
	margin-top: 40px;
	height: 133px;
	margin-left: 120px;
	position: relative;
}
#title-big-buttons a{
	display: block;
	position: absolute;
}
#title-big-buttons a strong{
	display: block;
	color: white;
	font-size: 30px;
	text-align: center;
	line-height: 34px;
	padding-top: 35px;
	text-shadow: #999999 2px 2px 0px;
}
#title-big-buttons a.but1:hover,
#title-big-buttons a.but2:hover{
	background-position: 0 -133px;
	color: black;
}
#title-big-buttons a.but1{
	width: 347px;
	height: 133px;
	background: url("../images/big-btn1.png") no-repeat 0px 0px;
}
#title-big-buttons a.but2{
	width: 353px;
	height: 133px;
	background: url("../images/big-btn2.png") no-repeat 0px 0px;
	top: 0px;
	left: 335px;
}
#title-big-buttons a.but2 strong{
	margin-left: 30px;
}

h1.title-big-buttons{
	color: #9e9c96;
	font-size: 17px;
	padding-top: 15px;
	height : 30px;
	font-weight: bold;
}
.admin_menu {
	
}
.admin_menu a {
	text-decoration:none;
	font-size:75%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
.admin_menu a:hover {color:red;}
.admin_menu span {font-size:85%;}
.submit_button{
	width: 132px;
	height: 37px;
	background: url("../images/submit-white-bg.png") no-repeat top left;
	border: 0;
	margin-right: 12px;
	margin-top: 7px;
	color: #00bad5;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.submit_button:hover {cursor: hand; cursor: pointer;}

#owl {
	float: right;
	cursor: help;
}
#owl-div.in-header #owl {
	width: 151px;
	height: 120px;
}
#owl-hint {
    height: 80px;
    overflow: hidden;
    padding: 21px;
    width: 200px;
    word-wrap: break-word;
    background: url("../images/owl-bubble.png") no-repeat transparent;
    float: right;
}
#owl-hint .valig-middle {
	display: table-cell;
	height: 80px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
}
#owl-hint.owl-h {
	display: none;
}
#owl-div {
	width: 350px;
	height: 120px;
	position: absolute;
	right: 0;
	top: -10px;
}
#owl-div.in-header {
	position: absolute;
	right: 0;
	width: 400px;
	bottom: 0;
	top: auto;
}
#owl-div .admin-menu {
	position: absolute;
	bottom: -25px;
	right: 80px;
}
#owl-div.in-header .admin-menu {
	right: 16px;
}
table.admin-hints {
	width: 80%;
}
table.admin-hints td{
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

#playButton , #content .theme-detail .right .dwnld a#playButton{
	background: url("../images/btn-mp3.png") no-repeat transparent;
	width: 55px;
	height: 55px;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#pauseButton, #content .theme-detail .right .dwnld a#pauseButton {
	background: url("../images/btn-mp3.png") no-repeat transparent;
	width: 55px;
	height: 55px;
	display: inline-block;
	background-position: 0 -50px;
	margin: 0;
	padding: 0;
}
#downButton, #content .theme-detail .right .dwnld a#downButton {
	background: url("../images/btn-mp3.png") no-repeat transparent;
	width: 55px;
	height: 55px;
	display: inline-block;
	background-position: -51px 0;
	margin: 0;
	padding: 0;
}
.red
{
	color:red;
}


table.profile-test-results th {
	font-weight: bold;
}
table.profile-test-results th,table.profile-test-results td {
	border: 1px solid gray;
	padding: 1px 3px;
}
table.profile-test-results td {
	text-align: right;
}
ul.profile-test-results {
	padding-top: 30px;
}
ul.profile-test-results ul {
	 padding: 2px 30px;
}

ul.profile-test-results li.topic {
	font-weight: bold;
	list-style: none;
}
ul.profile-test-results li.topic-in {
	list-style: none;
}

#sorted .sortHeader {
	cursor: pointer;
}
#sorted .sortHeader.headerSortDown:after {
	content: ' \25B2';
}
#sorted .sortHeader.headerSortUp:after {
	content: ' \25BC';
}

table {
	border-collapse: collapse;
}
table, table th, table td {
	border: 1px solid grey;
}
table th, table td {
	padding: 5px;
}

#content .left .section_content td p {
	margin-bottom: 0;
}

.dwnld {
	position: relative;
}
#downButton {
	position: absolute;	
	top: 17px;
	left: 430px;
	line-height: 55px;
	padding-left: 55px;
	width: 200px;
}

ul {
	margin-left: 16px;
}

li {
	font-size: 12px;
}

strong .admin_menu {
	float: right;
	font-weight: normal;
	font-size: 80%;
}

div#content div.container.about-project p {
	padding-top: 20px;
	text-align: justify;
}
div#content div.container div.article div.section {
	word-wrap: break-word;
	width: 480px;
}

sub, sup { line-height: 0; }