/* the faceBook button style from logIn and register pages */
.not-logged-in.page-user .region-content .desc {
    position: absolute;
    bottom: 6%;
    line-height: 28px;
}	
.block-fboauth {
	text-align: center;
}
.facebook-action-connect {
    display: inline-block;
	position: relative;
    top: -63px;
	text-decoration: none;
	padding-left: 47px;
    width: 396px;
    height: 56px;
	background: 
		url(../img/ban/face_button_icon.png) 0 0 no-repeat,
		url(../img/ban/face_button_back.png) 0 0 no-repeat;
	border-radius: 8px;
	opacity: 0.85;
}
.page-user-login .facebook-action-connect {
    top: -120px;
}

.facebook-action-connect:hover {
	text-decoration: none;
	opacity: 1;
}
.i18n-ru .facebook-action-connect img,
.i18n-uk .facebook-action-connect img{
	display: none;
}
.facebook-action-connect:after {
	content: "або зареєструйся через Facebook";
    font-size: 16px;
    line-height: 56px;
    color: black;
}
.i18n-ru .facebook-action-connect:after {
	content: "или войдите через Facebook";
    font-size: 16px;
    line-height: 56px;
    color: black;
}
.page-user-login.i18n-uk .facebook-action-connect:after {
	content: "або увійдіть через Facebook";
}
.page-user-login.i18n-ru .facebook-action-connect:after {
	content: "или войдите через Facebook";
}
.not-logged-in.page-user-register .description-top {
	max-width: 600px;
}

@media screen and (max-width: 768px) and (min-width: 641px) {
	.facebook-action-connect {
		top: -73px;
	}
}
@media screen and (max-width: 640px) and (min-width: 320px) {
	.facebook-action-connect {
		max-width: 400px;
		width: 100%;
	}
	.not-logged-in.page-user .region-content .desc {
		bottom: 6%;
	}
	.page-user-login .facebook-action-connect {
		top: -55px;
	}
	.not-logged-in.page-user-login #user-login .forgot-link {
		line-height: 30px;
	}
}
@media screen and (max-width: 359px) and (min-width: 320px) {
	.facebook-action-connect:after  {
		line-height: 28px;
	}
	.not-logged-in.page-user .region-content .desc {
		bottom: 6%;
	}
}
/* the course plan block style */
#block-course-plan .course-outline ul li .title-list {
    padding: 16px 19px 16px 40px;
}