.mouse, .play, .msg{
	background:url(../images/ic.png) no-repeat;
	width: 56px;
	height: 56px;
	display: block;
}

.mouse{
	background-position: 0px 0px;
}

.play{
	background-position: 0px -66px;
}

.msg{
	background-position: 0px -132px;
}




nav {

	float: right;
	padding: 20px;
	color:#000;	

}



a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}

.navbar ul {

	list-style: none;

}

.navbar li {

	display: inline-block;
	float: left;
	padding: 10px

}

.current {

	color: #000;

}

#progressBar {
        width: 400px;
        height: 22px;
        border: 1px solid #111;
        background-color: #292929;
}
 
#progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #0099ff;
}

.tab-content{
	border-left: 1px solid #428bca;
	border-right: 1px solid #428bca;
	border-bottom: 1px solid #428bca;
	
	width:400px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.tab-content h4{
	color :#3b5998;
	border-bottom: 1px solid #eee;
	margin-top: 0px;
	margin-bottom: 30px;

}
.tab-content img {
	margin-right: 10px; 
	margin-bottom: 10px;
	height:50px;
}
.nav-overide{
	background-color: #428bca;
	padding-top:5px;
	padding-left: 15px;
	padding-right: 5px;
	border-radius: 4px 4px 0 0;
	width:400px;

}

.nav > li > a {
	color:#fff;
}

.nav > li > a:hover {
	color:#555;
}

#google-title{
	color: #D34836;
}

#twitter-title{
	color: #4099FF;
}

#email-title{
	color: rgba(125,189,5,1);
}

.facebook-share{
	background-color:#3b5998;
	color:#fff;
}