/* login panel */



/* TEACHER ZONE  */
.tm-content h1{
    display: none;
}
.tm-bottom-a .uk-nav-side > li.uk-active > a {
    background: transparent;
    color: #fff;
}
/* Right menu */
.tm-sidebar-b .uk-card {
    margin-bottom: 30px !important;
    background-color: #1E417C;
    width: 220px;
    border-radius: 12px;
    float: right;
}
.tm-sidebar-b .uk-card ul.uk-nav{
    background-color: #A6D4F2;
    border-top: 3px solid #4B80AE;
    border-bottom: 2px solid #4B80AE;
}
.tm-sidebar-b .uk-card ul.uk-nav li{
    border-bottom: 2px solid #4B80AE;
    font-weight: normal;
    color: #1E417C;
}
.tm-sidebar-b .uk-card ul.uk-nav li:hover{
    background: #CAE5F7;
}
.tm-sidebar-b .uk-card .uk-nav li > a{
    color: #1E417C;
    padding: 5px 20px;

}
.tm-sidebar-b .uk-nav-side > li.uk-active > a {
    background: #CAE5F7;
    color: #1E417C;
}
.tm-sidebar-b .uk-panel-title {
    color: #376898;
}

/* Teachers Section */
.tm-top-a .uk-card {
    box-shadow: none;
    background-color: transparent;
}
.tm-top-a #pageheader{
	margin:0 0 15px 0;
	float:left;
	width:100%;
	border-bottom: 2px solid #376898;
}
.tm-top-a ul#pageheader {
    padding-left: 0px;
}
.tm-top-a #pageheader li {
    list-style: none;
}
.tm-top-a #pageheader .float-l span{
    font-size:36px;
    font-size: 2vw;
	color: #376898;
	line-height:75px;
	padding:0 0 0 10px;
}
.tm-top-a #pageheader .float-r img{
	margin:25px 0 0 0;
}

.tea-res h1, .tea-res h2, .tea-res h3, .tea-res h4, .tea-res h5, .tea-res h6, .tea-res p, .tea-res a, .tea-res label{
    font-family: 'Signika', arial,serif ;
}

/* registration */
#user-registration .btn.btn-primary{
	background: url(/images/submit-button.png) no-repeat;
	background-color:#F9C027;
	border:none;
	border-radius:3px;
	box-shadow: 3px 3px 3px #999;
	color:white;
	font-family:inherit;
	margin-top:10px;
	text-shadow: 1px 1px #999;
	padding:2px 4px;
	width: 60px;
    height: 27px;
	display: block;
}
otherpage .reset #leftstrip .control-group button, .otherpage .remind #leftstrip .control-group button {
    background: url(/images/submit-button.png);
    cursor: pointer;
    width: 60px;
    height: 27px;
    border: none;
    margin-left: 255px;
    margin-top: -20px;
}


/* log in */
* {
	padding: 0;
	margin: 0;
}
a.reg-link{
    text-decoration: underline;
}
a.reg-link:hover{
    color: #FF6E09;
    text-decoration: none;
}

.teacher-login-page #login-panel{
    width: 600px;
}
.teacher-login-page #login-panel  input {
    float: right;
    width: 200px;
}
#login-panel  label {
    font-size: 16px;
    padding-top: 7px;
}
#login-panel{
    width: 800px;
    margin: auto;
    background-color: #B4E8E4;
    margin-bottom: 100px;
    padding: 50px;
    color: #1E417C;
    -webkit-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.75);
}
#login-panel .reg-flds{
    width: 530px;
    margin: auto;
}
#login-panel .reg-flds .reg-fldl{
    float: left;
    width: 200px;
}


#login-panel .reg-flds .reg-fldr{
    float: left;
}

#login-panel .well{
	background-color: transparent;
}
#login-panel .control-group {
	margin-bottom: 10px;
}
#login-panel .control-group > div{
	text-align: left;
    /*display: table-cell;*/
}
.button-log{
    background: -webkit-linear-gradient(top, #3498db, #376898);
    background: -moz-linear-gradient(top, #3498db, #376898);
    background: -ms-linear-gradient(top, #3498db, #376898);
    background: -o-linear-gradient(top, #3498db, #376898);
    background: linear-gradient(to bottom, #3498db, #376898);
    text-decoration: none;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50abdf', endColorstr='#ff1f78aa', GradientType=0);*/
    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

    font-family: 'Signika', arial,serif ;
	font-size: 28px;
    text-transform: uppercase;
    /*background: #376898;*/
    font-size: 16px;
    border: none;
    font-weight: 300;
    letter-spacing: -.05em;
    color: #fff;
    padding: 0 12px;
    height: 40px;
    width: 210px;
    cursor: pointer;
    margin: auto;
    text-align: center;
}
.button-log:hover, #login-panel .button-help:hover {
     background-position: 0 0;
}
#pageheader .button-log{
    width: 150px;
    margin-right: 10px;
}
.button-help{
    font-family: 'Signika', arial,serif ;
	font-size: 28px;
    /*background: #376898;*/
    font-size: 16px;
    border: none;
    font-weight: 300;
    letter-spacing: -.05em;
    color: #fff;
    padding: 0 12px;
    height: 60px;
    width: 100px;
    cursor: pointer;
    margin: auto;
    text-align: center;
    background-image: -webkit-linear-gradient(top, #FE9A1B, #FF5800);
    background-image: -moz-linear-gradient(top, #FE9A1B, #FF5800);
    background-image: -ms-linear-gradient(top, #FE9A1B, #FF5800);
    background-image: -o-linear-gradient(top, #FE9A1B, #FF5800);
    background-image: linear-gradient(to bottom, #FE9A1B, #FF5800);
    -webkit-border-radius: 28;
 -moz-border-radius: 28;
 border-radius: 28px;
    text-decoration: none;
    line-height: -moz-block-height;

    background-repeat: repeat-y;
    background-size: 100% 90px;
    background-position: 0 -30px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

}

#login-panel  #remember{ float: left; width: auto;}
#login-panel input.type-checkbox{ width: auto; margin: 5px;}
#login-panel  .remember{
    float: unset;
    margin: 2px 20px;
    padding-top: 2px;
}
.control-group-faq{
    height: 34px;

}
.control-label-faq{
    float: left;

}
.controls-faq{
    float: left;
    margin-left: 30px;
}


#loginlinks {
    list-style: none;
    color: #779A97;
    font-size: 14px;
    float: right;
}
#login-panel h3{
    font-size: 28px;
}
#login-panel h4{
	margin: 0;
}
#login-panel p{
    margin: 0 0 20px;
}
#login-panel p{
    margin: 0 0 20px;
}
#login-panel hr{
    border-color: #99C6C3;
    margin: 0 -50px 30px;
}
#login-panel .form-horizontal .control-label{
	text-align: left;
}

#login-panel .form-horizontal .control-label {
    float: left;
    width: 50%;
    padding-top: 5px;
	background-color: transparent;
}
#login-panel .form-horizontal .control-label label {
    font-size: 16px;
	margin-bottom: 0;
	cursor: default;
    line-height: 35px;
}
#login-panel .form-horizontal fieldset{
    width: 100%;
    margin: auto;
}
#login-panel  input {
    height: 35px;
    min-height: 35px !important;
    line-height: 35px;
    width: 300px;
    font-family: 'Signika', arial,serif ;
    color: #376898;
}


#leftstrip a{
	cursor: pointer;
    outline: none;
	text-decoration: underline;
    color: #376898;
}
#leftstrip a:hover{
	text-decoration: none;
    color: #FF6E09;
}
.loginlinks{
	list-style-type: none;
}
.help-faq-btn button{ background:#f48b23; font-size: 16px; border:none; font-weight:300; letter-spacing:-.05em; color: #376898; padding:0 12px; height:28px; display:inline-block; cursor:pointer; margin:4px 4px 4px 0; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; }
.help-faq-btn button:hover{ background:#f9cb2b; color:#104b85; cursor:pointer; }


.tm-content .profileteachersection-login{
	color: #376898;
	padding: 0 0px 150px;
	font-size: 16px;
}
.tm-content .profileteachersection-login legend{
	color: #376898;
	font-size: 30px;
	font-weight: bold;
	line-height: normal;
    border-bottom: 1px solid #376898;
}
/* Teachers Home Page */

.teacherpage-panel{
    /*padding: 40px 20px;*/
	border-bottom: 1px solid #376898;
	font-size: 35px;
	font-weight: bold;
	line-height: 60px;
	color: #376898;
	margin-bottom: 40px;
    font-family: 'Signika', arial,serif ;
}
.aboutsection .about .teacherpage-panel{
	color: #fff;
    border-bottom: 1px solid #fff;
}
.acknowledgements .about .teacherpage-panel{
	color: #fff;
    border-bottom: 1px solid #fff;
}

.aboutsection #tm-content .article-img{
    text-align: center;
}

#system-message-container .uk-alert{
	background-color: transparent;
	border: 2px dashed #faa05a;
}
#system-message-container .uk-alert h2{
    margin: 10px 10px 5px ;
    color: #faa05a;
}
#system-message-container .uk-alert p{
	margin: 10px;
}


/* forgot password/login panel  */

#user-registration{
	border: 2px dashed #fff;
	width: 800px;
	height: 300px;
    margin: auto;
    margin-bottom: 100px;
}
#user-registration fieldset{
	padding: 40px;
}
#user-registration p {
	text-align: center;
	font-size: 18px;
}
.reg-grid{
	width: 490px;
	margin-left: auto;
    margin-right: auto;
    padding: 20px 0 20px;
}
.reg-button{
	float: right;
    margin-bottom: 20px;
}
.form-buttons-section{
    height: 40px;
}
.star.update
{
  float: right;
  margin-top: 7px;
}
#fieldsetupdate
{
  padding: 20px;
}
/* delete hover effect */
.char10long:hover
{
  cursor: auto;
}
.controls-faq.update
{
  margin-left: 0px;
  width: 100%;
}
#password-lbl.update
{
  padding: 0px;
}
.remindforgotyourusername{
    background: none;
}

/* Edit User   */

.profile-editteachersection-login #member-profile{
    background-color: transparent;
    width: 460px;
    margin: auto;
}
 #member-profile input, #member-profile legend, #member-profile h1, #member-profile h2, #member-profile h3,
 #member-profile h4, #member-profile p, #member-profile span, #member-profile a {
    font-family: 'Signika', arial,serif ;
    color: #376898;
}
#member-profile a.btn-danger, #member-profile a.btn-success {
  color: #fff;
}
 #member-profile .controls button span{
     color: #fff;
 }
 #member-profile legend{
     border-bottom: 1px solid #376898;
 }




#teachershome {
	width: auto;
	margin: auto;
	font-size: 24px;
	color: #376898;
	font-family: 'Signika',arial,serif;
}
#teachershome h2 {
	color: #376898;
	font-family: 'Signika',arial,serif;
}
#teachershome a {
	text-decoration: none;
	font-weight: normal;
	font-size: 22px;
	line-height: 60px;
	margin: 0 0 0 10px;
	padding: 0 0 0 60px;
	display: block;
	color: #376898;
    width: 400px;
}
#teachershome .home-teacher-items a {
	width: auto;
}
.teacher-zone-homepage #teachershome a {
	padding: 0 0 0 80px;
}


#teachershome a#icon_download-resources {
	background: url(../images/icon_download-resources.png) no-repeat left center;
}
#teachershome a#icon_audio {
	background: url(../images/icon_audio.png) no-repeat 10px center;
}
#teachershome a#icon_speaker {
	background: url(../images/icon_speaker.png) no-repeat 10px center;
}
#teachershome .teacher_special a#icon_speaker {
	background: url(../images/icon_speaker.png) no-repeat -15px center;
}
#teachershome a#icon_coursebook-pdf {
	background: url(../images/icon_coursebook-pdf.png) no-repeat 10px center;
}
#teachershome a#icon_teacher-training {
	background: url(../images/icon_teacher-training.png) no-repeat 10px center;
}
#icon-word {
    background: url(../images/icon_word.png) no-repeat left center;
}
#tm-content .tea-res {
    padding-bottom: 50px;
}
#tm-content .tea-res li{
    line-height: 30px;
    font-size: 16px;
    list-style: none;
    font-weight: normal;
}
#tm-content .tea-res p{
    font-size: 18px;
    padding: 20px 0px;
    margin: 0px;
    line-height: 20px;
    font-weight: bold;
}
#tm-content .tea-res ul{
    padding: 0px;
}
#tm-content .tea-res h4, .tea-res h5{
    font-size: 30px;
    font-weight: bold;
}
#tm-content .tea-res .clear { clear:both;}
/* 31-01-2013 Teachers Resources */

/* Accordion  */
#work-sheet-accordion .title-work-sheet, .work-sheet-accordion .title-work-sheet{
    background-color: #99C6C3;
    color: #fff;
}
#work-sheet-accordion .title-work-sheet::after, .work-sheet-accordion .title-work-sheet::after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
}
#work-sheet-accordion .uk-open > .title-work-sheet::after, .work-sheet-accordion .uk-open > .title-work-sheet::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
}
#work-sheet-accordion .content-work-sheet, .work-sheet-accordion .content-work-sheet {
    background-color: #B4E8E4;
    margin-top: 0px;
    padding: 0 30px 20px;
}
#work-sheet-accordion li, .work-sheet-accordion li{
    margin-top: 5px;
}
.students_vlspages_8e #work-sheet-accordion .title-work-sheet, .students_vlspages #work-sheet-accordion .title-work-sheet,
.students_vlspages_8e .work-sheet-accordion .title-work-sheet, .students_vlspages .work-sheet-accordion .title-work-sheet
{
    background-color: #376898;;
    color: #fff;
}
.students_vlspages_8e #work-sheet-accordion .content-work-sheet, .students_vlspages #work-sheet-accordion .content-work-sheet,
.students_vlspages_8e .work-sheet-accordion .content-work-sheet, .students_vlspages .work-sheet-accordion .content-work-sheet
{
    background-color: #B5D0EB;
    margin-top: 0px;
    padding: 0 20px 20px;
}

/* Alerts  */



/*
.tea-res .clear span { display:none; }
.tea-res h4 { font-size:30px; font-weight:bold; padding-bottom:14px; clear:both; color: #376898;}
.tea-res p { color: #376898; font-size: 16px; padding-bottom:18px; }
.tea-res #genresmenu {}
.tea-res #genresmenu > ul { width:300px; float:left; margin: 20px 0; list-style-type: none;}
.tea-res #genresmenu > ul > li,
.tea-res #genresmenu > ul > li > a { display:block; width:100%; font-size:16px; font-weight:bold; color: #376898; text-decoration:underline; height:30px;}
.tea-res #unitsmenu { margin-bottom:18px;}
.tea-res #unitsmenu > ul { width:162px; float:left;margin: 20px 0; list-style-type: none;}
.tea-res #unitsmenu > ul > li,
.tea-res #unitsmenu > ul > li > a { display:block; width:100%; font-size:16px; font-weight:bold; color: #376898; text-decoration:underline; height:30px;}
/* */
/*.tea-res #unitsmenu-new { margin-bottom:18px;}
.tea-res #unitsmenu-new > ul { width:162px; float:left; margin: 20px 0; list-style-type: none;}
.tea-res #unitsmenu-new > ul > li > a { display:block; width:100%; font-size:16px; font-weight:bold; color: #376898; text-decoration:underline; height:26px;}
.tea-res #unitsmenu-new > ul > li span	{ display:block; width:100%; font-size:14px; font-weight:normal !important; color: #376898; text-decoration:inherit !important; }*/
/* */
.tea-res hr { height:1px; background:#80afc5; width:100%; clear:both; margin:15px 0 24px; border:0;}
.units_block li { list-style: none; }
.singleunits_block .sunit_block, .singlegenres_block{ border-top:1px solid #b8e1e4; padding-top:26px;}
.sunit_block .inn_unit h5 { color: #376898; font-weight:bold; font-size:30px; padding-bottom:16px;}
.singlegenres_block .inn_unit h5 { color: #376898; font-weight:bold; font-size:30px;}
.sunit_block .inn_unit p, .singlegenres_block .inn_unit p {  color: #376898; font-weight:bold; font-size:16px;}
.singlegenres_block .inn_unit p { padding-top:30px; padding-bottom:12px; }
.inn_unit .unit-menu { margin-bottom:32px; }
.inn_unit .unitg-menu { margin-top:32px; margin-bottom:10px; }
.unitg-menu ul.gen-res { float:left; margin: 20px 0; list-style-type: none;}
.unitg-menu ul.g-left { width:410px; }
.unitg-menu ul.g-right { padding-left:30px; width:295px; }
.unit-menu ul.work-sheet{ margin: 20px 0; list-style-type: none;}
.unit-menu ul.s-left { width:410px;}
.unit-menu ul.s-right { padding-left:30px; width:295px; }
/* */
.unit-menu ul.ss-left { width:450px;}
.unit-menu ul.ss-right { padding-left:30px; width:320px;}
.unit-menu p.s-left { width:450px; float:left; font-weight:normal;}
.unit-menu p.s-right { padding-left:30px; width:295px; float:left; font-weight:normal; margin-top: 0;}
/* */
.unit-menu ul.work-sheet li{ width:100%; float:none; }
.unitg-menu ul.gen-res li { width:450px; float:left; }
.unit-menu ul.work-sheet li a{ display:block; background:url(../images/icon_pdf.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet li a:focus{ text-decoration: none; outline:none;}
.unitg-menu ul.gen-res li a{ width:580px; display:block; background:url(../images/icon_pdf.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet li a.icon_excel{ display:block; background:url(../images/icon_excel.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unitg-menu ul.gen-res li a.icon_excel{ width:580px; display:block; background:url(../images/icon_excel.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }


.unit-menu ul.work-sheet li a.icon_ppt{ display:block; background:url(../images/icon_ppt.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unitg-menu ul.gen-res li a.icon_ppt{ width:580px; display:block; background:url(../images/icon_ppt.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet li a.icon_folder{ display:block; background:url(../images/icon_folder.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unitg-menu ul.gen-res li a.icon_folder{ width:580px; display:block; background:url(../images/icon_folder.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet li a.icon_songs{ display:block; background:url(../images/icon_mp3.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unitg-menu ul.gen-res li a.icon_songs{ width:580px; display:block; background:url(../images/icon_mp3.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }

.unit-menu ul.work-sheet1 { float:left; width:756px;;padding-left:15px;}
.unit-menu ul.work-sheet1 li { width:378px; float:left; }
.unit-menu ul.work-sheet1 li a{ width:285px; display:block; background:url(../images/icon_pdf.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet1 li a.icon_excel{ width:285px; display:block; background:url(../images/icon_excel.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet1 li a.icon_ppt{ width:285px; display:block; background:url(../images/icon_ppt.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet1 li a.icon_folder{ width:285px; display:block; background:url(../images/icon_folder.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }
.unit-menu ul.work-sheet1 li a.icon_songs{ width:285px; display:block; background:url(../images/icon_mp3.png) no-repeat 0 5px; padding:4px 0 4px 35px; line-height:25px; font-size:16px; font-weight:normal; color: #376898; }

.bt_top { padding:10px 0; }
.bt_top a { background: url(../images/icon_arrow1.png) no-repeat scroll left center transparent; color: #376898; float: right; font-size: 16px; padding: 0 0 0 12px; text-decoration: underline; }


/* FAQ */
.aboutsection .help-links p					{ margin-top:10px;}
.aboutsection .help-links .help-list			{ padding:0; margin:0 0 20px 20px;}
.aboutsection .help-links .help-list li			{ padding:0; margin:0 0 5px 0; list-style:disc; float:none;}
.aboutsection .help-links .help-list li p		{ padding:0; margin:0 0 0 -20px;}
.aboutsection .help-links .help-list li ul		{ padding:0; margin:0 0 0 20px;}


/* Teachers Audio Page */
.uk-article .audio-unit{
	color: #376898;
	font-size:16px;
}
.uk-article .audio-unit h2{
	font-size:24px;
	color: #376898;
	font-weight:bold;
	padding:10px 0;
	clear:both;
}
.uk-article .audio-unit h3{
	clear:both;
	float:left;
	width:100%;
	padding:10px 0;
	margin:0 0 0 -10px;
	background:url(../images/bg_otherpage-heading.png) repeat-x left bottom;
}
.uk-article .audio-unit h3 a{
	float:right;
	font-size:16px;
	color: #376898;
	padding:0 0 0 12px;
	text-decoration:underline;
	background:url(../images/icon_arrow1.png) no-repeat left center;
}
.uk-article .audio-unit #unitsmenu{
	width:320px;
	margin:15px 0 0 0;
}
.uk-article .audio-unit #unitsmenu a{
	color: #376898;
	text-decoration:underline;
	font-weight:bold;
	width:80px;
	float:left;
}
.uk-article .audio-unit ul{
	clear:both;
	float:left;
	width:100%;
	line-height:29px;
	margin:5px 0;
    list-style: none;

}

#work-sheet-accordion  .audio-unit ul .column1, .work-sheet-accordion  .audio-unit ul .column1{
	font-weight:bold;
    display: inline-block;
    width: 50px;
}
.uk-article .audio-unit ul .column2{
    display: inline-block;
    width: calc(100% - 55px);

}
.uk-article .audio-unit ul .column3{
    display: inline-block;
    width: 50px;
}
.uk-article .audio-unit ul .column3  img{
    margin-top: -30px;
}
.uk-article .audio-unit ul .column4{
    display: inline-block;
    width: calc(100% - 55px);
}
.uk-article .audio-unit ul .column4 > p{
    display: none;
}


/* Teachers 7e Coursebook Page */
.uk-container font, .uk-container h1, .uk-container h2, .uk-container h3, .uk-container h4,
.uk-container h5, .uk-container a, .uk-container p, .uk-container li, .uk-container label, .uk-container em  {
    font-family: 'Signika', arial,serif ;
    color: #376898;
}
.float-l{ float:left; }
.float-r, #footer-wrapper li  div.moduletable{ float:right; }
.clear { clear:both;}

#pageheader .float-r { padding-top: 20px;}

.courserowunit_new li{
    list-style: none;
}

.allcourse_new li{
    float: left;
}

.courserowunit_new:first-child { background:none; }
.courserowunit_new{
	margin:0 0 30px -10px;
	padding:0 0 0 10px;
	clear:both;
	background:url(../images/bg_otherpage-heading.png) repeat-x left top;
}
.courserowunit_new h3{
	font-size:24px;
	color: #376898;
	font-weight:bold;
	padding:10px 0 15px 0;
}
.courserowunit_new p{
	clear:both;
	width:355px;
}

.courserowunit_new p img{
	float:left;
	padding:0 0 15px 0;
}
.courserowunit_new p strong{
	display:block;
	color: #376898;
	margin:0 0 0 15px;
	padding: 0px;
	font-size:16px;
	float:left;
	width:250px;
}
.courserowunit_new p a{
	color: #376898;
    font-size: 15px;
    font-weight: normal;
	line-height:23px;
	padding:0 0 0 35px;
	float:left;
	display:block;
	margin: 5px 0 10px 15px;
	background:url(../images/icon_pdf.png) no-repeat left center;
}
.allcourse_new li {
	width:270px;
}
.allcourse_new h3{
	width:710px;
}
.allcourse_new strong{
	color: #376898;
	display:block;
	width:250px;
	height:35px;
	font-size:16px;
    margin-top:20px;
}
.allcourse_new p{
	width:177px;
}
.allcourse_new p img{
	float:none;
	padding:0 0 15px 0;
}
.allcourse_new a{
	color: #376898;
	color: #376898;
	padding:0 0 0 35px;
	float:left;
	display:block;
	background:url(../images/icon_folder.png) no-repeat left top;
}

/* BOTTOM MENU */

.tm-bottom-a > div{
    display: inline-block;
    width: auto;
}
.tm-bottom-a > div:nth-child(2n){
    padding-left: 10px;
}


.downloadall{
	margin-top:10px;
}
#footer-wrapper .menu .item63 a,
#footer-wrapper .menu .item66 a{
font-size: 16px;
font-weight:bold;
}

#footer-wrapper .item35, #footer-wrapper .item36, #footer-wrapper .item34, #footer-wrapper .item14,#footer-wrapper .item37,#footer-wrapper .item38,#footer-wrapper .item39,#footer-wrapper .item40{
display:none;
}

#rightstrip .item64{
	display:none;

}

#footer #footer-wrapper li p img.fot-cam-logo {
    float: right;
    margin: 28px 0 0 15px;
}





/* Unit Workbook Audio  */
#wb-audio {
	width: 100%;
	color: #376898;
	font-size: 16px;
}
#wb-audio div.clear {
	clear: both;
}
#wb-audio div.clear span {
	display: none;
}
#wb-audio div.waudio_div {
	border-top: 1px solid #fff;
	margin: 18px 0;
}
#wb-audio div.waudio_div span {
	display: none;
}
#wb-audio p {
	padding-left: 15px;
}
#wb-audio h2 {
	font-size: 24px;
	color: #376898;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	clear: both;
}
#wb-audio h3 {
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 0 -10px;
	background: url(../images/bg_otherpage-heading.png) repeat-x left bottom;
}
#wb-audio h3 a {
	float: right;
	font-size: 16px;
	color: #376898;
	padding: 0 0 0 12px;
	text-decoration: underline;
	background: url(../images/icon_arrow1.png) no-repeat left center;
}
#wb-audio #unitsmenu {
	width: 320px;
	margin: 15px 0 0 0;
}
#wb-audio #unitsmenu a {
	color: #376898;
	text-decoration: underline;
	font-weight: bold;
	width: 80px;
	float: left;
}
#wb-audio ul {
	clear: both;
	float: left;
	width: 100%;
	line-height: 29px;
	height: 29px;
	margin: 5px 0;
	padding-left: 15px;
    list-style: none;
}
#wb-audio ul .column1 {
	font-weight: bold;
	width: 120px;
    float:left;
}
#wb-audio ul .column2 {
	width: 240px;
    float:left;
}
#wb-audio ul .column3 {
	width: 60px;
    float:left;
}
#wb-audio ul .column4 {
	width: 240px;
    float:left;
}

.cambr_pass_ch .h4update{
	margin-botton:5px;
}

.cambr_pass_ch #leftstrip .h4update {
	margin-bottom:15px;
}

.cambr_pass_ch .controls-faq p:first-child {
	margin-bottom:0 !important;
}

.cambr_pass_ch  .button-log{
	float:none;
}

.cambr_pass_ch .control-group-faq div {
	text-align:center;
}

@media only screen and (max-width: 4000px) and (min-width: 960px){
    .tea-res{
        margin-right: 50px;
    }
}

@media (max-width: 1400px) {
    .tm-top-a #pageheader .float-l span{
        font-size: 36px;
        font-size: 3vw;
    }
}
@media (max-width: 960px) {
    #teachershome .uk-grid-small > div {
        width: 350px;
        margin: auto;
    }
    #teachershome .home-teacher-items > div {
        width: auto;
        margin: auto;
    }
    #teachershome h2{
        padding-left: 20px;
    }
    .teacherpage-panel{
        font-size: 30px;
    }
    #login-panel{
        width: 90%;
    }
    .teacher-login-page #login-panel {
        width: 90%;
    }
    .controls-faq {
        width: 70%;
    }
    .control-group-faq {
        height: 42px;
    }


    .teachersection #vocabularyTipText .classroom-title h2{
        font-size: 28px;
        line-height: 2;
    }

    /* Aside menu */
    .tm-sidebar-b{
        width: 100%;
        order: 1;
    }
    .tm-main{
        order: 2;
    }

    .tm-sidebar-b .uk-card {
        width: 100%;
        float: unset;
        margin: auto;
    }
    .tm-top-a #pageheader .float-l span{
        font-size: 26px;
        font-size: 3.5vw;
        padding:0;
    }
}

@media (max-width: 800px) {
    .reset-completeteachersection-login #login-panel .reg-grid,
    .reset-confirmteachersection-login #login-panel .reg-grid {
        width: 250px;
    }
    .reset-completeteachersection-login #login-panel .reg-grid {
        padding: 0;
    }
    .reset-completeteachersection-login #login-panel .reg-flds .reg-fldl,
    .reset-completeteachersection-login #login-panel .reg-flds .reg-fldr,
    .reset-confirmteachersection-login #login-panel .reg-flds .reg-fldl,
    .reset-confirmteachersection-login #login-panel .reg-flds .reg-fldr{
        float: unset;
    }
    #teachershome .home-teacher-items a {
    	font-size: 18px;
    }
}

@media (max-width: 730px) {
    #login-panel input {
        width: 250px;
    }
    #login-panel{
        padding: 30px;
    }
    #login-panel hr {
    margin: 0 -30px 30px;
    }
    #login-panel .grid-label-child, #login-panel .grid-input-child{
        display: block;
        width: 100%;
        margin-top: 0px;
    }
    #login-panel .reg-grid {
        width: 250px;
    }
    .control-group-faq {
        height: 70px;
    }
    .update.input
    {
      width: 150px !important;
      float:left !important;
    }
    .star.update
    {
      float: none;
    }
}

@media (max-width: 640px) {
    /* login panel */
    /*.login-panel{
        text-align: center;
    }
    .login-panel form.form-horizontal{
        width: 260px;
        margin: auto;
        padding-left: 30px;
    }*/
    #work-sheet-accordion .content-work-sheet li a, .work-sheet-accordion .content-work-sheet li a {
        font-size: 15px;
    }
    #login-panel p, #login-panel label {
        font-size: 15px;
    }


    #login-panel .control-group{
        width: 200px;
        display: grid;
        margin: auto;
        margin-bottom: 20px;
    }
    #login-panel .control-group > div {
        text-align: left;
        display: block;
        float:unset;
        margin: 0;
    }
    #login-panel .form-horizontal .control-label {
        width: 200px;
    }
    .controls-faq {
        width: 60%;
    }


    /*  Registration  */
    #login-panel .reg-flds{
        width: 270px;
    }
    #login-panel .reg-flds .reg-fldl{
        width: 100%;
    }

    .profile-editteachersection-login #member-profile {
        width: 90%;
    }

    .about-the-authors .article-img{
        margin: 0;
    }
    .teachersection #vocabularyTipText .classroom-title h2{
        font-size: 24px;
        line-height: 1.3;
        margin-top: 12px;
    }
}


@media (max-width: 570px) {
    #pageheader .button-log {
        width: 80px;
        height: 34px;
        font-size: 14px;
        margin-top: -30px;
    }
    .tm-top-a #pageheader .float-l span{
        font-size: 22px;
        line-height: 20px;
    }
    .tm-top-a #pageheader .float-l{
        width: 70%;
    }

}



@media (max-width: 480px) {
    #teachershome h1, #teachershome h2, #teachershome h3,
    #teachershome h4, #teachershome h5, #teachershome p,
    #teachershome a, #teachershome label, #teachershome ul{
        font-size: 16px;
    }


    #tm-content .tea-res {
        padding-bottom: 0;
    }

    .aboutsection h2 {
        font-size: 23px;
    }
    .aboutsection h4 {
        font-size: 26px;
    }




    /* Fonts Accordion */
    .tea-res h2{
        font-size: 26px;
    }
    #work-sheet-accordion .title-work-sheet, .work-sheet-accordion .title-work-sheet {
        font-size: 19px;
    }
    #tm-content #work-sheet-accordion .content-work-sheet  p, #tm-content .work-sheet-accordion .content-work-sheet  p {
        font-size: 16px;
        padding-bottom: 0px;
    }
    #work-sheet-accordion .content-work-sheet li a, #work-sheet-accordion .content-work-sheet li,
    .work-sheet-accordion .content-work-sheet li a, .work-sheet-accordion .content-work-sheet li
    {
        font-size: 14px;
    }
    #work-sheet-accordion .content-work-sheet, .work-sheet-accordion .content-work-sheet {
        padding: 0 15px;
    }


    #login-panel input {
        width: 200px;
    }
    #login-panel .reg-grid {
        width: 200px;
    }
    #login-panel h2 {
        font-size: 28px;
    }
    #login-panel p, #login-panel label {
        font-size: 14px;
    }
    #login-panel p {
        text-align: justify;
    }
    #login-panel{
        padding: 20px 15px;
    }
    #login-panel .well{
        padding: 0 0px !important;
    }
    #login-panel hr {
    margin: 0 -15px 30px;
    }
    .control-group-faq {
        height: 140px;
    }
    .controls-faq {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .control-label-faq{
        float: unset;
        text-align: center;
    }

    /*  Registration  */
    #login-panel .reg-flds{
        width: 220px;
    }
    #login-panel .control-label-faq{
        text-align: center;
        width: 100%;
    }
    #login-panel .controls-faq > p{
        text-align: center;
        width: 100%;
    }

    .tm-top-a #pageheader .float-l {
        width: 60%;
    }
    #fieldsetupdate
    {
      padding: 0px;
    }
}

@media (max-width: 400px) {

    #login-panel .button-log{
        width: 200px;
    }
    .reg-button {
        float: unset;
        text-align: center;
    }
    #login-panel h2 {
        font-size: 21px;
    }
    .aboutsection h2 {
        font-size: 21px;
    }
    #teachershome .home-teacher-items a {
        font-size: 15px;
        line-height: 2.5;
    }
}
@media (max-width: 330px) {
    #work-sheet-accordion .content-work-sheet li, .work-sheet-accordion .content-work-sheet li {
        font-size: 14px;
    }
    #pageheader .button-log {
        width: 72px;
        font-size: 13px;
        margin-top: -12px;
    }

    .teachersection #vocabularyTipText .classroom-title h2{
        font-size: 20px;
        margin-top: 5px;
    }

    .tm-top-a #pageheader .float-l{
        width: 110px;
    }
    .tm-top-a #pageheader .float-l span{
        font-size: 17px;
    }
}

.profile-edit #member-profile{
  position: relative;
}
 #member-profile .sb-button-block{
    position: absolute;
    top: 15px;
    right: 20px;
}

@media screen and (max-width: 560px) {
  .profile-edit #member-profile fieldset{
    margin-top: 40px;
  }
   #member-profile .sb-button-block{
     top: 22px;
     left: 50%;
     padding: 6px;
     transform: translateX(-50%);
     width: 100%;
     text-align: center;
  }
  #member-profile .sb-button-block a{
    width: 200px;
  }
}

@media screen and (max-width: 490px) {
  .profile-edit #member-profile fieldset{
    margin-top: 75px;
  }
   #member-profile .sb-button-block a{
     display: block;
	    margin: auto;
	     margin-bottom: 2px
  }
}

#pageheader a:hover, #pageheader a:focus{
  text-decoration: none;
}