body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    font:14px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1','\5b8b\4f53',sans-serif;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}



@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}


.join {
	color: #222;
	font-size: 25px;
	font-weight:100;
	
	text-shadow: 1px 0 1px #777;
}
.lock {
	float: right;
	background:url("Jsq8WUM.png") no-repeat;
	width:14px;
	height:18px;
	margin-top: 12px;
}
.login-options {
	margin-top: 15px;
	color: #9c9c9c;
	margin-bottom: 25px;
}



.clr hr {
	border: 1px solid #e9e9e9;
	margin:25px 0;
}
.mail-text {
	color: #777;
}
.forms {
	margin-top: 20px;
	
}
.forms input {
	border: 1px solid #d9d9d9 !important;
	color: #bebebe;
	padding: 7px 0px 7px 50px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	margin-bottom: 15px;
}
.forms input:focus {
    box-shadow: 0 0 5px rgba(48, 168, 218, 1);
    -webkit-box-shadow: 0 0 5px rgba(48, 168, 218, 1); 
    -moz-box-shadow: 0 0 5px rgba(48, 168, 218, 1);
    border:1px solid rgba(48, 168, 218, 1) !important; 
}
.forms #username {
	background:url("n6engUt.png") no-repeat left center;
	background-position: 10px 5px;
	border-right: 1px solid #f1f1f1;
}

.forms #password {
	background:url("69UwNcl.png") no-repeat left center;
	background-position: 10px 5px;
	border-right: 1px solid #f1f1f1;
}

.coursename { display: block; padding: 0 10px; font-size: 16px; font-weight: bold; line-height: 40px; color: #4a4a4a; }

#footer {
    
    min-height: 70px; 
    width: 100%; 
    padding: 15px;
    position: relative;
    bottom: 0;
    background-color: #fafafa;
    border-top: solid 1px rgba(144, 144, 144, 0.25);
       
}