/*research tab css*/

/* research topics */
.content .topics {background-color: #EFEFEF; margin:15px 0px; float:left; height:auto; padding:10px 5px 10px 10px; width:calc(100% - 15px); border-top:1px solid #999; border-bottom:1px dotted #999; }
.content .topics ul.col {padding: 0 10px 0 0; width: 31%; float:left;}
.content .topics h5 {MARGIN: 5px 0px 8px; COLOR: #c1693e; FONT-SIZE: 1.1em}
.content .topics li {MARGIN:0; PADDING: 2px 4px 2px 12px;DISPLAY: block; BACKGROUND: url(../Content/Images/orange_square.gif) no-repeat 4px 10px; FLOAT: left; CLEAR: left; width:95%;}
.content .topics li a {PADDING-LEFT: 0px; COLOR: #1e66a7;}
.content .topics li:hover {BACKGROUND-COLOR: #f8f8f8;}
.content .topics li.active {BACKGROUND-COLOR: #f8f8f8; COLOR: #1e66a7;}
.content .topics li a:visited {COLOR: #507fae;}
.content .topics li.current {BACKGROUND-COLOR: #f8f8f8; COLOR: #1e66a7}
.content .showSearchResult {clear: both; margin-bottom: 10px;}
.content .showSearchResult h5 { BORDER-BOTTOM: #999999 1px solid; PADDING-BOTTOM: 6px; BACKGROUND-COLOR: #EFEFEF; PADDING-LEFT: 7px; width:calc(100% - 15px); PADDING-RIGHT: 7px; DISPLAY: block; HEIGHT: auto; COLOR: #c1693e; FONT-SIZE: 1.1em; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: bold; PADDING-TOP: 8px;}
	
@media screen and (max-width: 995px){
	.content .topics, .content .showSearchResult h5  {width: calc(100% - 20px);}	
}
@media screen and (max-width: 767px){
	.content .topics ul.col {width: 100%;}	
}