@charset "utf-8";

/*BASIC------------------------------------ */
body {
	background-color: #FFF;
}
 
.container {  
  margin-top: 25px;  
}  

/* Reddish baackground colour for the menu */
.nav-tabs{
	text-align:center;
	font-family:"Lucida Console", Times, serif;
	h1{color:#00ff00;
}

/* Red colour for the links in the menu */
.nav a {
	color: #999; 
}

/* Selects any class with the word "span" that is inside of a no-space container*/
.no-space [class*="span"] {
    margin-left: 0;
}



/*MORE COMPLEX------------------------------- */
/*Change how the active state is rendered; */
/*Find this part in bootstrap.css file first. */
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
background-color: #333;
	color:#3C9;	
}

/*defining location of the icon on the button*/
.icon{
	padding-bottom: 4em; /* to make it visible */
	margin:auto;
	display: block; /* to make it visible */
	background-repeat: no-repeat;
	background-position: center;
}


/*additing different icons*/
.compose{
	background-image:url(../img/compose.png);
}

.inbox {
	background-image: url(../img/inboxicon.png);
}

.send {
	background-image: url(../img/sent.png);
}

.spam {
	background-image: url(../img/spam.png);
}

.trash {
	background-image: url(../img/trash1.png);
}