﻿
/* single tab 
ul.menu2 {list-style:none;float:right;   margin:0 ;  height:44px;padding: 7px;}

.menu2 ul li {display: block;float: right;
			 position: relative;
             margin: 0 5px 0 2px; 
             padding: 7px;
             list-style-type: none; 
            }
.menu2 ul a {   border:none;    font-size: 10pt;   display:block;   text-align:right;    text-decoration:none;    color: #FAFAFA;    padding:0px;    margin:0px;     font-weight: bold;    font-family: gss;       }

.menu2 ul a:active {    outline:none;}

.menu2 ul a:hover{color: #fff;}
.menu2 ul li:hover {    background-color:#006699;  border-radius:7px; }
.menu2 ul a.current, .menu2 ul a.current:hover, .menu ul{   cursor:default !important;    color:#0A763A !important;    font-size:8.5pt;}

.bottom .menu2 ul li.seprate {
    background: url("images/topmenu/menu_12.jpg") center center;
    float: right;
    height: 44px;
    margin: -7px 0;
    padding: 0;
    width: 8px;
}
.menu2{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; } 
.menu2 > ul {list-style:inside none; padding:0; margin:0;} 
.menu2 > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
.menu2 > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
.menu2 > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
.menu2 > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
.menu2 ul li.has-sub:hover > a:after{top:0; bottom:0;} 
.menu2 > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
.menu2 > ul > li.has-sub:hover > a:before{top:19px;} 
.menu2 ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
.menu2 ul li.has-sub:hover > ul, .menu2 ul li.has-sub:hover > div{display:block;} 
.menu2 ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
.menu2 ul li > ul, .menu2 ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
.menu2 ul li > ul{width:200px;} 
.menu2 ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
.menu2 ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 

.menu2, .menu2 > ul > li > ul > li a:hover{ background:#3e698c; background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); background:linear-gradient(top,  #3e698c 0%,#30576e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 ); } 
.menu2{border-color:#1b313d;} 
.menu2 > ul > li > a{border-right:1px solid #1b313d; color:#fff;} 
.menu2 > ul > li > a:after{border-color:#6696bd;} 
.menu2 > ul > li > a:hover{background:#436f93;} 
*/
.menu2 ul,
.menu2 li,
.menu2 span,
.menu2 a {
  margin: 0;
  padding: 0px 0;
  position: relative;
  z-index:999;
  
}
.menu2 {
    float:right;
  border-radius:0 0;

}
.menu2:after,
.menu2 ul:after {
  content: '';
  display: block;
  clear: both;
}
.menu2 a {
 
  color: #ffffff;
  display: inline-block;
 
  font-family: gss,moh;
  font-size: 10pt;
  font-weight: 100;
  line-height: 35px;
  
 
  padding: 0 7px;
  text-decoration: none;
}
.menu2 ul 
{
  
  list-style: none;
}
.menu2 > ul {
  float:right;
}

.menu2 > ul > li {
  float: right;
  padding: 3px 10px;
}
.menu2 > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;
  top: 40px;
}
.menu2 > ul > li:first-child a {
  border-radius: 0;
 
}
.menu2 > ul > li:last-child a {
  border-radius: 0;
 
}
.menu2 > ul > li.active a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
 background: #1f316b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmMzE2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDFiM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1f316b 0%, #101b3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f316b), color-stop(100%,#101b3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f316b 0%,#101b3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f316b 0%,#101b3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f316b 0%,#101b3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f316b 0%,#101b3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f316b', endColorstr='#101b3f',GradientType=0 ); /* IE6-8 */

}
.menu2 > ul > li:hover > a { /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 /* background-color:#006699; */  /* border-radius:7px; */
 
}
.menu2 .has-sub {
  z-index: 1;
  width: 97px;
  height: 45px;
}
.menu2 .has-sub:hover > ul {
  display: block;
}
.menu2 .has-sub ul {
  display: none;
  position: absolute;
  width: 184px;
  top: 97%;
  right: -35px;
  background: #0FA1E0;  border-bottom: 1px dotted #6FC7EC;
}
.menu2 .has-sub ul li {
    margin: 0;  padding: 0px 0;  position: relative;  z-index: 999;
  *margin-bottom: -1px;
    float: none;
}
.menu2 .has-sub ul li a {
  background: #0FA1E0;
  border-bottom: 1px dotted #6fc7ec;
  filter: none;
   display: block;
  line-height: 120%;
  padding: 13px;
   
  /* font-family: masdar-font,arial,moh; */
  font-size: 13pt;
  font-weight:normal;
  color: rgb(255, 255, 255);
  width: 100%;
}
.menu2 .has-sub ul li:hover a {
  background: #458EA1;
  color: yellow;
}
.menu2 .has-sub .has-sub:hover > ul {
  display: block;
}
.menu2 .has-sub .has-sub ul {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
}
.menu2 .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
.menu2 .has-sub .has-sub ul li a:hover {
  background: #095c80;
}
