.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;
}

.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:5 0 15 0; 
	padding: 0 0 30 0;
	max-width:270px; 
}

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

.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;
}
.popup-newtopic {
	left: -360px;
	width: 360px;
	height: 340px;
	top: 100px;
	z-index: 2;
	overflow:scroll;
	overflow-x:hidden; 
}
.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;
}

.editable {
	cursor: hand;
}