header {
	margin-bottom:20px;
}

header li {
	margin:0;
}

.header_table {
	width:100%;
	width:1135px;
	height:100px;
	margin:0 auto;
}

.header_table > div { /* header columns */
	display:table-cell;
	border:1px solid red;
}

.header_table .td_links { /* main column */
	border: 1px solid #d0d0d0;
	border-top:0;
	border-bottom:0;
	padding-left:20px
}

.header_table li.dropdown {
	display:inline-block;
}

.header_table .link_ {
	font-weight:bold;
	color:inherit;
}
.header_table .link_:hover {
	text-decoration: none;
}

/* special button for header */

.btn-special {
	color: #333 !important;
	font-weight:bold !important;
	padding:5px 6px !important;
	background-color: #fff; 
	border:0 !important;	
}
.btn-special:hover,
.btn-special.active:hover{
	background-color:#e5e5e5 !important;
}
.btn-special:active,
.btn-special.active {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.btn-special.active {
	background-color:#f0f0f0;
}


/* blogimedia link */

header .blogimedia_link {
	line-height:28px;
	font-size:1.3em;
}

header .td_blogimedia_link:hover {
	font-size:1.07em;
}

.blogimedia_link_container {
	 display: inline-block;
    padding: 2px 6px;
    border-radius: 7px;
}
.blogimedia_link_container:hover {
	background-color:#e5e5e5 !important;
}
.blogimedia_link_container.active {
    background-color: #f0f0f0;
   
}

/* other */

header .login_name {
	color:#da312f !important;
}

/* zoom effect */

.zoom_effect {
	transition: transform .2s;
}
.zoom_effect:hover {
	transform: scale(1.03);
}


/* mini login form */

.mini_login_form {
	padding:15px;
	width:250px;
}
.mini_login_form label {
	font-size:13px;
	margin-bottom:2px;
}


/***

MOBILE MENU STYLES

**/


/* mobile .nav-m styles */

.nav-m .logo_ {
	height: 28px;
	margin-top:11px;
	margin-right: 10px;
	margin-left: 10px;
}
.nav-m .blog_logo {
	height:25px;
	margin-top:9px;
	margin-right:15px;
}
.nav-m .mobile_menu_icon {
	width:14px;
	margin-right:10px;
	margin-top:-1px;
}
.nav-m .addsearchButton {
	padding:5px 8px;
}
.nav-m .glyphicon-search {
	font-size: 18px;
}

/* make sticky */

.nav-m {
  overflow: hidden;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

@media (max-width: 1200px) {
	.nav_container {
		height:50px;
		background:white;
	}
}

/* inline search  (deprecated) */

.nav-m .nav_search_form  {
	margin:0;
	padding:0;
	margin-left:-15px;
	margin-top:9px;
}

.nav-m .nav_search_form  .twitter-typeahead {
	background: none !important;

}
.nav-m .nav_search_form  .form-group {
	display:inline-block !important;
	margin:0;
}

/* bootstrap look&feel change */

.nav-m {
	background: white !important;
	border-bottom: 1px solid #b7b8b9 !important;
	/*border-bottom:1px solid #ccc !important; */
	box-shadow: 0px 1px 7px 0 #dfdfdf;
}
.nav-m .navbar-nav > li > a {
	color: #565656 !important;
}
.nav-m .navbar-nav > li.active > a,
.nav-m .navbar-nav > li.active > a:hover,
.nav-m .navbar-nav > li.active > a:focus {
	background-color: #e5e5e5 !important;
}
.nav-m .navbar-nav > li > a:hover,
.nav-m .navbar-nav > li > a:focus {
	background-color: #eee !important;
}
.nav-m .dropdown-menu>.active>a,
.nav-m .dropdown-menu>.active>a:hover,
.nav-m .dropdown-menu>.active>a:focus {
	background-color: #E5E5E5 !important;
	color:inherit !important;
}

/* collapse menu positioning */

.nav-m .navbar-collapse {   
   max-height: calc(100vh - 50px);   
}


/* menu items */

.nav-m .navbar-collapse .glyphicon {
	font-size: 12px;
	margin-right: 10px;
	margin-left: 0px;
	color: #828282;
}
.nav-m .navbar-nav > li > a, /* menu items (1st and 2nd level) */
.nav-m  ul.dropdown-menu a {
	height:40px;
	font-size:1em !important;
	font-weight:bold;
	color:#000 !important;
}
.nav-m .navbar-nav > li > a { /* 1st level only */
	padding:10px 12px !important;
}
.nav-m  ul.dropdown-menu a { /* 2nd level only */
	padding:10px 18px !important;
}

/* twoline menu item: use this if text wraps to two lines */

.nav-m .navbar-nav > li.twoline {

}
.nav-m .navbar-nav > li.twoline > a {
	padding-top: 9px;
	line-height: 1.2;
	text-align:center;
}

@media (max-width: 1200px) {
	.nav-m  .navbar-nav > li.twoline > a {
		line-height: inherit;
		text-align:left;
	}
	.nav-m  .twoline br {
		display:none;
	}
}


/* this code changes bootstrap navbar breakpoint to show hamburger menu in table aswell,
copied from http://www.bootply.com/120604,  DONT TOUCH
*/

@media (max-width: 1200px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	 .navbar-collapse.collapse {
		display: none!important;
	}
	 .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	 .navbar-nav>li {
		float: none;
	}
	 .navbar-nav>li>a {
		padding-top:10px;
		padding-bottom:10px;
	}
	 .collapse.in{
		display:block !important;
	}
}

@media (max-width: 1200px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 1200px) {
    .navbar-collapse.collapse {     
        overflow: auto !important;
    }
}