/* Tab Content - menucool.com */
ul.tabs1
{
    padding: 7px 0;
	
	padding-top: 10px;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:5px; /* Offset of the first tab */
}
        
ul.tabs1 li
{
    display: inline;
    margin: 0;/*no distance between tabs*/
    margin-left: -4px;
	line-height:26px;
}
        
ul.tabs1 li a
{
    font-family:inherit;
    text-decoration: none;
    position: relative;
    padding: 7px 22px;
    outline:none;
    background: #F6F6F9;
    border-left:0px solid #CCC;
    border-right:0;
	font-size:16px;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs1 li:last-child a
{
    border-right:1px solid #CCC;
}
  
        
ul.tabs1 li a:hover
{
    color: #000;
	border-bottom: 3px solid #fc0;
	text-decoration: none;
}
        
ul.tabs1 li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    background: #FFF;
    color: #000;
	text-decoration: none;
}
        
        
ul.tabs1 li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
 padding: 0px 10px;
 padding-top: .7em;
}

div.tabcontents li {font-size:80%; list-style-type:disc; padding-bottom:.2em;}


/*topics*/

ul.tabs
{
    padding: 7px 0;
	background-color:#164763;
	color:#fff;
	padding-top: 10px;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:10px; /* Offset of the first tab */
}

        
ul.tabs li
{
    display: inline;
    margin-right: 5px;
    margin-left: -4px;
	line-height:26px;
}
        
ul.tabs li a
{
    font-family:inherit;
    text-decoration: none;
    position: relative;
    padding: 7px 22px;
	margin-left:-1px;
    outline:none;
    border-right:0px solid #40718d;
	font-size:18px;
	word-break: keep-all;
	color:#fff;
	font-weight:300;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs li:last-child a
{
    border-right:0px solid #CCC;
}
  
        
ul.tabs li a:hover
{
    opacity:.5;
	text-decoration: none;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    color: #fff;
	opacity:1;
	border-bottom: 1px solid #fc0;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
	background-color:transparent;
}


div.tabcontents
{
 padding: 0px 0px;
 padding-top: .7em;
}

div.tabcontents li {font-size:90%; list-style-type:disc; padding-bottom:.4em;}

.tabcontents hr {margin-top: 20px;margin-bottom: 20px; border: 0;border-top: 5px solid #eee; height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}

.rr_left{
  float: left;
  width:110px;
}

.rr_right{
  float: right;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}