*{
	margin:0;
	padding:0;  
}
.taglist{
	width: 500px;
	margin: 0 auto; 
	padding-top: 20px;
	padding-bottom: 20px;
}
.taglist input[type="text"] {
	background-color: #f3f3f3;
	border: 1px solid #e7e7e7;
	height: 30px;
	width: 350px;
	color: #b2b2b2;
	padding: 0 10px;
}
.taglist button{
	color:white;
	background: #29c5e6;
	border: none;
	height: 32px;
}
.taglist .add{
	margin-left: -120px;	
	width: 40px;
}
.taglist .removeAll{
	width: 80px;
	border-left:1px solid gray;
}

.taglist a{
	text-decoration: none ;
	border-bottom: 1px dashed black;
}
.taglist a:hover{
	color:blue;
	border-bottom-color:blue;
}
.taglist .tagcontainer{
	margin-top: 10px;
	font-size: 12px;
}
.taglist .tagcontainer .tag{
	background: navy;
	color:white;
	display: inline-block;
	border: 1px solid gray; 
	margin-right: 5px;
	border-radius: 5px;
	font-family: sans-serif;
}
.taglist .tagcontainer .tag .name{
	padding: 5px;
	float:left;
}
.taglist .tagcontainer .tag .close{
	padding: 5px;
	border-left: 1px solid grey;
	float:left;
}
.taglist .tagcontainer .tag .close:hover{
	cursor: pointer;
}
.taglist .tagcontainer .tag :after{
	content: '';
	display: block;
	clear: both;
}