/**********************************************************************************
 * Style the distance between tab-navigation and the content (usually none):
 **********************************************************************************/
#bottomblock {
   margin-top: 40px;
   margin-bottom: -120px;
}

/* This one has to be set according to the #tab_menu in design_v2_tabmenu.css, if we want identical appearance ... */
#bottomblock div.application_tab_menu {
   position: relative;
   /*display: inline-block;*/
   display: block;
   top: -42px;
   left: -8px;
   width: 692px;
   height: 34px;
   background-color:#b1b1b1;
   margin: 0px auto 0px 0px;
   padding: 0px 0px 0px 24px;
   z-index: 15;
}


/*Styles for tabbed menu: */
/*#tab_menu {
   position: relative;
   left: 0px;
   display: block;
   height: 34px;
   background: none !important;
   margin: 0px auto 0px 0px;
   padding: 0px auto 0px 24px;
   text-align: left;
}
html > .tabbed-menu {height:34px;}

div.tabbed-menu .img, div.tabbed-menu .item, div.tabbed-menu .item2 {
   float: left;
}

ul.tabbed-menu-list {
   color: #606060;
   display: inline-block;
   height: 34px;
   margin: 0px auto 0px 0px !important;
   padding: 0px 2px 0px 0px !important;
}
div.content #tabNaviList li, #content ul.tabbed-menu-list li {
   display: inline;
   float: left !important;
   height: 32px;
   list-style-type: none !important;
   background: none !important;
   margin: 0px !important;
   margin-bottom: 0px !important;
   padding: 2px 8px 0px 2px !important;
}

div.tabbed-menu div.item, div.tabbed-menu div.item2 {
   display: inline;
   height: 28px;
   margin: 0px 0px 0px 2px;
   padding: 4px 0px 0px 6px;
   border: none;
}
div.tabbed-menu div.item {
   color: #606060;
   background-color: #b1b1b1;
}
div.tabbed-menu .item:hover {
   border-color: #3b80c2;
}
div.tabbed-menu div.item2 {
   color: #3b80c2;
   background-color: #ffffff;
}

div.tabbed-menu a {
   margin: 0px 12px 0px 12px;
   padding: 4px 0px 2px 0px;
   height: 20px;
   line-height: 20px;
   font-weight: bold;
   font-size: 1.1em;
   text-decoration:none;
}
div.tabbed-menu .item a, div.tabbed-menu .item a:visited {
   color: #606060;
}
div.tabbed-menu .item a:hover {
   color: #ffffff;
   border-bottom: 1px solid #ffffff;
}

div.tabbed-menu .item2 a, div.tabbed-menu .item2 a:visited {
   color: #3B80C2;
   border-bottom: 1px solid #3B80C2;
}
div.tabbed-menu .item2 a:hover {
   color: #606060;
   border-bottom: 1px solid #606060;
}

#bottomblock div.application_tab_menu div.inlineNavigation {
   position: relative;
   left:-25px;
   display: block;
   padding: 8px 0px 8px 0px;
}*/

/* NEW STYLES */

#tab_menu {
   margin-top:-15px;
}

.tabbed-menu-list {
   list-style-type: none;
}

.tabbed-menu-list li {
   display: inline;
}

/*.tabbed-menu-list li.active {
   background-color: #f2f2f2;
}*/

.tabbed-menu-list li a {
   display:inline-block;
   font-family:'Titillium Web', Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: normal;
   padding:10px 8px 15px 8px;
}

.tabbed-menu-list li a:after {
   color:transparent;
   content:'\e803';
   display:inline;
   margin-bottom:-1px;
   overflow:hidden;
}

.tabbed-menu-list li.active a,
.tabbed-menu-list li.item2 a,
.tabbed-menu-list li:hover a {
   background-color: #fff;
   color:#3b80c2;
}

.tabbed-menu-list li a:hover:after,
.tabbed-menu-list li.item2 a:after,
.tabbed-menu-list li.active a:after {
   color:#3b80c2;
}