[SPEEDKILLZ]

Originally Posted by ozzy47

I would be willing to bet that is due to making the navtabs smaller that the were.

Yes sir i believe you are correct. The author said it can be changed here. This is the same code i made the navbar thinner with

/**
* CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER
*/

/*************************************************/
/* HEADER */

.above_body {
	background:{vb:stylevar header_background};
	margin: {vb:stylevar header_margin};
	padding: {vb:stylevar header_padding};
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

.doc_header {
	border:{vb:stylevar header_border};
	color:{vb:stylevar header_color};
	font:{vb:stylevar header_font};
	position:relative;
	min-height:35px;
}
.doc_header a { color:{vb:stylevar header_link_color}; }
.doc_header a:hover { color:{vb:stylevar header_linkhover_color}; }
.doc_header hr { display: none; }
.logo-image {
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        min-height: 2em;
        height: auto !important;
        padding: {vb:stylevar titleimage_padding};
}

.toplinks {
	/*float: right;*/
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
	background:{vb:stylevar toplinks_background};
        padding-top: 10px;
        height: 35px;
	background-attachment: scroll;
	background-image: url({vb:stylevar imgdir_misc}/top-links-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
        background-color: #2f2f2f;
}

.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
	display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
	padding-top: 0;
	background: none;
	cursor: pointer;
}
	li#fb_headerbox a#fb_link {
		position: relative;
	}
	li#fb_headerbox a#fb_link #fb_squarepic{
		position:absolute;
		right:-6px;
		top:5px;
		z-index:1;
		border:1px solid #B3CCE7;
		padding:1px;
	}
	li#fb_headerbox a#fb_link #fb_icon{
		position:absolute;
		right:10px;
		top:1px;
		z-index:2;
	}

.toplinks ul.isuser, .toplinks ul.nouser {
	display:block;
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	list-style: none;
}

.toplinks ul.isuser li {
	display:inline;
	position: relative; 
	color: {vb:stylevar header_color};
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	padding-{vb:stylevar right}: 10px;
        background:{vb:stylevar toplinks_background.backgroundColor};
}

.toplinks ul.isuser .popupbody li {
	display:block;
	float: none;
	clear: none;
	padding:0;
	margin:0;
}

.toplinks ul.isuser li.welcomelink {
	display: block;
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 4px;
	color: {vb:stylevar toplinks_color};
}

.toplinks ul.isuser li.logoutlink {
	top: 0;
}

.toplinks ul.isuser li a {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 4px;
	font-weight:bold;
	color:{vb:stylevar toplinks_link_color};
}

.toplinks ul.isuser li li a {
	float: none;
	margin-{vb:stylevar left}: 0;
}

.toplinks ul.isuser li.welcomelink a {
	display:inline;
	float: none;
	clear: none;
	margin-{vb:stylevar left}: 0;
}

.toplinks ul.isuser li a:hover {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 4px;
	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
	color:{vb:stylevar toplinks_linkhover_color};
}

.toplinks ul.nouser li {
	display:inline;
}

.toplinks ul.nouser li a {
	display: block;
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	color:{vb:stylevar toplinks_link_color};
	position: relative;
	padding: 2px 0 0 10px;
	height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
	font-weight:bold;
	font-size: 11px;
	margin-{vb:stylevar right}: 0px;
        text-decoration: underline;
}

.toplinks ul.nouser li a:hover {
	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
	color:{vb:stylevar toplinks_linkhover_color};
        text-decoration: none;
}

.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
	color: {vb:stylevar navbar_popupmenu_link_color};
	position: relative;
}

.toplinks ul.isuser li.popupmenu ul li {
	position: relative;
	top: 0;
	margin: 0;
	text-align: {vb:stylevar left};
}

.toplinks ul.isuser .notifications .popupbody {
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	/* border: 1px solid {vb:stylevar navbar_tab_background.backgroundColor}; makes it look consistent with the popup background */
}

.toplinks ul.isuser .notifications .popupbody li a{
	color: {vb:stylevar navbar_popupmenu_link_color};
	background:{vb:stylevar navbar_popupmenu_link_background};
	padding: 0 {vb:math {vb:stylevar padding}/2};
	font-weight: normal;
	/*border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};  makes it look consistent with the popup background */
	text-align: {vb:stylevar left};
	padding-{vb:stylevar left}: 30px;
	line-height: {vb:stylevar popupmenu_height};
}

.toplinks ul.isuser .notifications .popupbody li a span {
	position: absolute;
	line-height: {vb:stylevar popupmenu_height};
	{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
	color: {vb:stylevar navbar_popupmenu_link_hover_color};
	background:{vb:stylevar navbar_popupmenu_link_hover_background};
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.toplinks form {
	min-width: 220px;
	display:block;
	margin-{vb:stylevar right}: 10px;
	text-align: {vb:stylevar left};
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
}

.toplinks .logindetails {
	background: {vb:stylevar toplinks_hilite_background.backgroundColor};
}

.toplinks form input {
	margin: 3px 0 0;
	vertical-align: baseline;
	font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};
	padding: 1px;
	border: 0;
}

.toplinks form input.textbox {
	color: {vb:stylevar input_color};
}

.toplinks form input.default-value {
	color: {vb:stylevar shade_color};
}

.toplinks .remember {
	font-size: {vb:math {vb:stylevar font.fontSize}-3}{vb:stylevar font.units};
	color: {vb:stylevar toplinks_color};
}

.toplinks .remember input {
	vertical-align: baseline;
}

.toplinks ul.isuser .notifications .popupbody li{
	/*border-top:1px solid {vb:stylevar navbar_tab_background.backgroundColor};*/
}

.cb_cookieuser_navbar{
	position: relative;
	top: 2px;
}

.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
	color: {vb:stylevar toplinks_link_color};
	text-decoration:none;
}

.notifications {
	font-size:{vb:stylevar small_fontSize};
	color: {vb:stylevar toplinks_link_color};
	-moz-border-radius-bottom{vb:stylevar left}: 5px;
	-webkit-border-bottom-{vb:stylevar left}-radius: 5px;
	border-bottom-{vb:stylevar left}-radius: 5px;
	-moz-border-radius-bottom{vb:stylevar right}: 5px;
	-webkit-border-bottom-{vb:stylevar right}-radius: 5px;
	border-bottom-{vb:stylevar right}-radius: 5px;

}

.notifications a {
	text-decoration:none;
}

.notifications .popupbody {
	color:{vb:stylevar navbar_popupmenu_link_color};
	background: {vb:stylevar navbar_popupmenu_link_background};
	background: #E8E8E8; /* Old browsers */
	background: -moz-linear-gradient(top,  #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E8E8E8 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.nonotifications .popupbody {
	color:{vb:stylevar navbar_popupmenu_link_color};
	background: {vb:stylevar navbar_popupmenu_link_background};
	background: #E8E8E8; /* Old browsers */
	background: -moz-linear-gradient(top,  #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E8E8E8 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.header hr,
.header h2 {
	display:none;
}

/*************************************************/
/* NAVBAR */

.navbar {
	position:relative;
	height: 60px;
	background:{vb:stylevar navbar_background};
	margin:{vb:stylevar navbar_margin};
	color:{vb:stylevar navbar_color};
	font:{vb:stylevar navbar_font};
	border:{vb:stylevar navbar_border};
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius:{vb:stylevar border_radius};
	border-radius:{vb:stylevar border_radius};
	background-attachment: scroll;
	background-image: url({vb:stylevar imgdir_misc}/navbar-bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
        -webkit-box-shadow: 0 0 3px 0 rgba(72, 72, 72, 0.59);
        box-shadow: 0 0 3px 0 rgba(72, 72, 72, 0.59); 
}
.navbar a { color:{vb:stylevar navbar_link_color}; }
.navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }

.navtabs {
	background:{vb:stylevar navbar_tab_background};
	padding: {vb:stylevar navbar_tab_padding};
	height: {vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li:first-child {
	border-{vb:stylevar left}: {vb:stylevar navbar_tab_border};
}

.navtabs ul {
/*	height: {vb:stylevar popupmenu_height}; */
	position:absolute;
	top: 42px;
	{vb:stylevar left}:0px;
	width:100%;
/* This is to fix RTL menu issue under Opera */
	direction:ltr;
}

.navtabs li {
	float:{vb:stylevar left};
	border-{vb:stylevar right}: {vb:stylevar navbar_tab_border};
}

.navtabs ul li:first-child {
	margin-{vb:stylevar left}: 0;
	border-{vb:stylevar left}: 0;
}

#navtabs .popupmenu ul li:first-child {
	margin-{vb:stylevar left}: 0px;
}

.navtabs ul li {
	border-{vb:stylevar right}: 0;
	position: relative;
}

.navtabs li a {
	height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	padding:0 {vb:stylevar padding};
}

.navtabs li a.navtab {
	border-top: {vb:stylevar navbar_tab_bevel};
	border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
	display:block;
	background:{vb:stylevar navbar_tab_background};
	min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
	width:auto !important;
	width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
	text-align:center;
	color: {vb:stylevar navbar_tab_color};
	font:{vb:stylevar navbar_tab_font};
	text-decoration:none;
	line-height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
}

.navtabs li a.navtab:hover {
	background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
	color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected {
	height:{vb:stylevar navbar_tab_size.height}{vb:stylevar navbar_tab_size.units};
	color:{vb:stylevar navbar_tab_selected_color};
}

.navtabs li.selected a.navtab {
	color:{vb:stylevar navbar_tab_selected_color};
	background:{vb:stylevar navbar_tab_selected_background};
	position:relative;
	top:-{vb:stylevar navbar_tab_selected_top_height};
	padding-top:{vb:stylevar navbar_tab_selected_top_height};
	z-index:10;
	/*-moz-border-radius-top-right: {vb:stylevar border_radius};
	-webkit-border-top-right-radius: {vb:stylevar border_radius};
	border-top-right-radius: {vb:stylevar border_radius};
	-moz-border-radius-top-left: {vb:stylevar border_radius};
	-webkit-border-top-left-radius: {vb:stylevar border_radius};
	border-top-left-radius: {vb:stylevar border_radius};*/
}

.navtabs li.selected li a,
.navbar_advanced_search li a {
	text-decoration:none;
	font:{vb:stylevar navbar_font};
	line-height: {vb:stylevar navbar_menu_height};
}

.navtabs li.selected li a {
	color:{vb:stylevar navbar_link_color};
	padding: 0 0 0 10px;
}

.navtabs li.selected ul.popupbody a {
    line-height: {vb:stylevar popupmenu_height};
}

.navbar_advanced_search li {
	display:block;
	clear:both;
	padding-right: 34px;
}

.navbar_advanced_search li a {
	color:{vb:stylevar navbar_link_color};
}

.navbar_advanced_search li a:hover {
	color:{vb:stylevar navbar_linkhover_color};
	text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected li a:hover {
	color:{vb:stylevar navbar_linkhover_color};
	text-decoration:{vb:stylevar linkhover_textDecoration};
}

.navtabs li.selected .popupbody li a {
	text-indent: 0;
	color: {vb:stylevar navbar_popupmenu_link_color};
	/*background: {vb:stylevar navbar_popupmenu_link_background};*/
	padding:{vb:stylevar popup_padding.paddingTop}{vb:stylevar popup_padding.units} {vb:stylevar padding};
}

.navtabs li.selected .popupbody li a:hover {
	color: {vb:stylevar navbar_popupmenu_link_hover_color};
	background: {vb:stylevar navbar_popupmenu_link_hover_background};
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.navtabs li.selected li a.popupctrl {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
	border:solid {vb:stylevar navbar_tab_border.borderWidth}{vb:stylevar navbar_tab_border.units} transparent;
	background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
	padding-{vb:stylevar right}:15px;
	color: {vb:stylevar navbar_link_color};
}
.navtabs li.selected li a.popupctrl:hover {
	color: #fff;
}
.toplinks .notifications a.popupctrl {	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 15px;
	background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) {vb:stylevar right} center no-repeat ;
	-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
}

.toplinks .nonotifications a.popupctrl {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 15px;
	background: transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-{vb:stylevar left}: 4px;
	padding-{vb:stylevar right}: 15px;
	background: {vb:stylevar toplinks_hilite_background.backgroundColor} url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
}

.toplinks .notifications a.popupctrl:hover {
	padding-top: 3px;
}

.navtabs li.selected li:hover a.popupctrl {
	border-color:{vb:stylevar navbar_background.backgroundColor};
	background-color:{vb:stylevar navbar_tab_background.backgroundColor};
	text-decoration:none;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
	border-color:{vb:stylevar navbar_tab_background.backgroundColor};
	background-color:{vb:stylevar navbar_tab_background.backgroundColor};
	color:{vb:stylevar navbar_link_color};
	border-radius: 3px 3px 0px 0px;
	text-decoration:none;
}

.navtabs .popupbody {
	background: {vb:stylevar navbar_tab_background.backgroundColor};
	width: auto;
        -webkit-box-shadow:  0px 5px 5px 0px rgba(68, 68, 68, 0.65); 
        box-shadow:  0px 5px 5px 0px rgba(68, 68, 68, 0.65);
        background: #E8E8E8; /* Old browsers */
        background: -moz-linear-gradient(top,  #E8E8E8 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E8E8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #E8E8E8 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #E8E8E8 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.navtabs .popupbody li {
	float:none;
}

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
	height: auto;
}