.bg-danger{
	background-color: #FFD1D1;
	margin: 5 5 5 5;
}

.bg-warning{
	background-color: #FFFF99;
	margin: 5 5 5 5;
}
.bg-success{
	background-color: #ADFAAA;
	margin: 5 5 5 5;
}
.bg-info{
	background-color: #E7F3FF;
	margin: 5 5 5 5;
}
.bg-default{
	background-color: #F4F4F4;
	margin: 5 5 5 5;
}
.bg-white{
	background-color: white;
	margin: 5 5 5 5;
}
/*
.btn-xs{
	height: 25px;
	width: 60px;
}
.btn-sm{
	height: 35px; 
	width: 70px;
}
.btn-md{
	height: 35px;
	width: 110px;
}
.btn-lg{
	height: 35px; 
	width: 220px;
}

*/
.tool-frame .btn{
	background-color: #F4F4F4;
}

.btn:hover {
	border: 1px solid #A1A1A1;
    border-radius: 4px;

}


.info-board{
	margin:10 30 10 30;
	width: 100%;
	max-width:1270px;
	min-width: 680px;
	border: 2px solid #A1A1A1;
    border-radius: 4px;
	max-height:70px;
	overflow:scroll;
	overflow-x:hidden;
}


#follow-scroll {
	position:absolute; 
	height:680px; 
	overflow:scroll; 
	margin:0 5 15 5; 
	max-width:280px; 
}

.tool-frame{
	background-color: white;
	border: 2px solid #A1A1A1;
	border-radius: 3px;
	padding: 5px;
}
.tool-topic {
	background-color: #E7F3FF;
	border-radius: 3px;
}

.popup-frame {
	position: absolute;
	display: none; 
	background-color: white;
	border: 2px solid #A1A1A1;
	border-radius: 4px;
	padding: 5px;	
}

#smartRegexPopUpDiv{
	left: -450px;
	width: 450px;
	height: 300px;
	top: 120px;
	z-index: 2;

}

#regex_generator {
	left: -450px;
	width: 450px;
	height: 300px;
	top: 280px;
	z-index: 2;

}


.popup-loadregex{
	left: -300px;
	width: 300px;
	height: 85px;
	top: 100px;
	z-index: 3;

}

.popup-topic {
	left: -250px;
	width: 250px;
	height: 80px;
	top: 20px;
	z-index: 2;
}

.tagItemDivClass {
	position:absolute; 
	background-color: white; 
	border: 2px solid #A1A1A1;
	border-radius: 4px;	
	padding: 5px; 
	z-index:5;
}

.questionMarkClass {
	position:absolute; 
	background-color: white; 
	border: 2px solid #A1A1A1;
	border-radius: 4px;	
	padding: 5px; 
	z-index:4;
}