/* 
    Document   : speednames-menus
    Created on : 21-Jul-2010, 10:20:56
    Author     : jwolf
    Description: menu styles throughout site
*/

/** Drupal admin console navigation styles **/

ul.primary
{
  padding: 0 0 0 8px;
  height: 34px;
}

ul.primary li
{
  padding: 0px 0px 0px 4px;
  margin-top: -4px;
}

ul.primary li a
{
  display: block;
  line-height: 34px;
  margin: 0;
  padding: 0px 0px 0px 5px;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  /*background: #cdcdcd url(../images/unselected_tab_base.gif) bottom repeat-x;*/
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.primary li a .tab
{
  display: block;
  height: 18px;
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 30px;
  background: #cdcdcd;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.primary li a:hover
{
  border-width: 0;
  background: none;
  background: #ffffff;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.primary li a:hover .tab
{
  background: #ffffff;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.primary li.active a,
ul.primary li.active a:hover
{
  border-width: 0;
  color: #000;
  background: #ffffff;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab
{
  background: #ffffff;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

ul.secondary
{
  margin: 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: none;
}

ul.secondary li
{
  float: left;
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none;
}

ul.secondary a
{
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  background: url(../images/tab-secondary.png) repeat-x left -56px;
}

ul.secondary a .tab
{
  display: block;
  height: 18px; /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}

ul.secondary a:hover
{
  background: url(../images/tab-secondary.png) repeat-x left bottom;
}

ul.secondary a.active,
ul.secondary a.active:hover
{
  border: 1px solid #c0c0c0;
  color: #000;
  background: url(../images/tab-secondary.png) repeat-x left top;
}

/** block-system-main-menu is the main bar menu **/

#block-system-main-menu {
  border: none;
  background: url(../images/block_top.gif);
  width: 760px;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  font-size:16px;
}

#block-system-main-menu .menu {
}

/*style the 1st level*/

#block-system-main-menu ul {
  margin: 0px;
  padding: 0px 0px 0px 4px;
  list-style: none;
}

#block-system-main-menu ul li {
  position: relative;
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 34px;
}

#block-system-main-menu ul li:hover {
  background: url('../images/block_top_orange.gif') repeat-x;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
  padding: 0px;
  margin: 0px;
}

#block-system-main-menu ul li .nolink {
  color: #FFFFFF;
  text-decoration:none;
  margin: 0px;
  padding: 8px;
  font-weight: bold;
  cursor: default;
}


#block-system-main-menu ul li a {
  color: #FFFFFF;
  text-decoration:none;
  margin: 0px;
  padding: 8px;
  font-weight: bold;
}

#block-system-main-menu ul li a:hover {
  color: #FFFFFF;
  text-decoration:none;
  /*padding: 0px;
  margin: 0px;*/
}

/* style the second level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#block-system-main-menu ul li ul {
  position: absolute;
  top: 34px;
  left: 0px;
  display: none;
  background: #f9f9f9;
  /*filter: alpha(opacity=90);
  opacity: 0.9;*/
  border: 1px solid #dedede;
  z-index: 200;
  padding: 0px;
  margin: 0px;
  -moz-border-radius:0px 0px 6px 6px;
  -webkit-border-radius:0px 0px 6px 6px;
  border-radius:0px 0px 6px 6px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

#block-system-main-menu ul li ul .expanded {
  /*background: url('../images/bullet_menu_expanded.gif') no-repeat 98%;*/
}

#block-system-main-menu ul li ul .expanded:hover {
  /*background: url('../images/bullet_menu_expanded.gif') no-repeat 98%;*/
}

#block-system-main-menu ul li ul li {
  white-space: nowrap;
  display: block;
/*  border-top: 1px dashed #cdcdcd;*/
  padding: 0px;
  margin: 0px;
  display: block;
  overflow: hidden;
  width: 100%;
}

#block-system-main-menu ul li ul li:first-child {
  border-top: none;
  padding: 0px;
  margin: 0px;
}

#block-system-main-menu ul li ul li:hover {
  background-image: none;
  padding: 0px;
  margin: 0px;
}

#block-system-main-menu ul li ul li a {
  color: #47539b;
  text-decoration:none;
  padding: 0px;
  margin: 0px 6px;
  display: block;
  border-top: 1px dashed #cdcdcd;
  width:100%;
  font-size: 14px;
}
#block-system-main-menu ul li ul li:first-child a {
  border:none;
}

#block-system-main-menu ul li ul li a:hover {
  color: #000000;
  text-decoration:none;
  padding: 0px;
  margin: 0px 6px;
}

/* style the third level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
#block-system-main-menu ul li ul li ul {
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
  background: #f9f9f9;
  /*filter: alpha(opacity=90);
  opacity: 0.9;*/
  border: 1px solid #dedede;
  padding: 0px;
  margin: 0px;
  z-index: 200;
  -moz-border-radius:0px 6px 6px 0px;
  -webkit-border-radius:0px 6px 6px 0px;
  border-radius:0px 6px 6px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

#block-system-main-menu ul li ul li ul li {
  white-space: nowrap;
  font-size: 14px;
  padding: 0px 0px;
  width: 100%;
  border-top: 1px dashed #cdcdcd;
}

#block-system-main-menu ul li ul li ul li:first-child {
  border-top: none;
}

#block-system-main-menu ul li ul li ul li:hover {
  background: none;
}

#block-system-main-menu ul li ul li ul li a {
  color: #47539b;
  text-decoration:none;
  width: 100%;
}

#block-system-main-menu ul li ul li ul li a:hover {
  color: #000000;
  text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
#block-system-main-menu ul li:hover ul, #block-system-main-menu ul a:hover ul {
  display: block;
}

/* make the third level invisible when hover on first level list OR link */
#block-system-main-menu ul li:hover ul li ul, #block-system-main-menu ul a:hover ul li ul {
  display: none;
}

/* make the third level visible when hover on second level list OR link */
#block-system-main-menu ul li ul li:hover ul, #block-system-main-menu ul li ul li a:hover ul {
  display: none;
}

/** block-menu-secondary-links is the style for the second level content tabs **/

.block-menu-secondary-links, #tabs {
  background: #444444 !important;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);
  border: none;
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  overflow: hidden;
  font-size: 14px
}

.block-menu-secondary-links {
  /*height: 50px;*/
}

.block-menu-secondary-links ul, #tabs ul {
  text-align: left; /* set to left, right or center */
  font-weight: bold;
  list-style-type: none;
  position: relative;
  width: 730px;
  margin: 0px;
}

.block-menu-secondary-links ul {
  padding: 21px 0px 0px 0px;
}

.block-menu-secondary-links li, #tabs li, .domain-search-tab-bar li {
  display: inline;
  position: relative;
  background: #E6E6E6 /*url(../images/unselected_tab_base.gif) bottom repeat-x*/;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);
  padding: 10px;
  margin: 0px;
  border-bottom: 1px solid #444444;
}

.block-menu-secondary-links li {
  top: -10px; 
}

.domain-search-tab-bar ul li {
  padding: 6px;
  border-bottom: 1px solid #2E3192;
  font-size:14px;
  margin-left:2px;
}

#tabs li {
  padding:0px 5px 0px 5px;
  margin-right:2px;
}

.block-menu-secondary-links ul li a, #tabs ul li a {
  position:relative;
  padding: 0px;
  margin: 0px;
  color: #666; /* set unselected tab link color as desired */
  text-decoration: none;
}

.block-menu-secondary-links a.active, #tabs a.active, .domain-search-tab-bar ul li.active a {
  color: #f4792c;
}

.block-menu-secondary-links li.active, #tabs li.active, .domain-search-tab-bar ul li.active,
.block-menu-secondary-links li.active-trail, #tabs li.active-trail {
  background-color: #ffffff; /* set unselected tab background color as desired */
  border-bottom: 1px solid #ffffff;
}

#tabs li a:hover {
  background-color:transparent;
}

.block-menu-secondary-links a.active-trail, #tabs a.active-trail,
.block-menu-secondary-links li.active-trail a.active, #tabs li.active-trail a.active {
  color: #f4792c;
}

.block-menu-secondary-links ul a:hover, #tabs ul a:hover, .domain-search-tab-bar a:hover {
  /*background: #ffffff url(../images/unselected_tab_base.gif) bottom repeat-x; /* set desired hover color */
  color: #f4792c;
}

.block-menu-secondary-links ul a.active:hover, #tabs ul a.active:hover, .domain-search-tab-bar .active a:hover,
.block-menu-secondary-links ul a.active-trail:hover, #tabs ul a.active-trail:hover {
  /*background: #ffffff; /* set desired hover color */
  color: #f4792c;
}

/** block-menu-tertiary-links is the style for the third level content link box **/

.block-menu-tertiary-links {
  float: left;
  background: #ebecef !important;
  color: #666666;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius:6px 6px 6px 6px;
  -webkit-border-radius:6px 6px 6px 6px;
  border-radius:6px 6px 6px 6px;
  behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);
  position:relative;
  width: 100%;
  min-height: 30px;
  padding: 10px 0px;
}

.block-menu-tertiary-links .content {
  padding: 0px !important;
  margin: 0px;
}

.block-menu-tertiary-links ul {
  text-align: left; /* set to left, right or center */
  list-style-type: none;
  padding: 0px;
}

.block-menu-tertiary-links li {
  display: block;
  padding: 6px 0px;
}

.block-menu-tertiary-links ul li a {
  color: #666; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  padding-left: 8px;

}

.block-menu-tertiary-links li.active, .block-menu-tertiary-links li.active a {
  color: #ffffff;
  background: #444447;
}

.block-menu-tertiary-links li.active-trail, .block-menu-tertiary-links li.active-trail a {
  color: #ffffff;
  background: #444447;
}

.block-menu-tertiary-links li:hover, .block-menu-tertiary-links li:hover a {
  color: #ffffff;
  background: #444447;
}

/** block-menu-menu-header is the shorcut menu on the top right of the page **/

#block-menu-menu-header-menu {
  background: none;
  position: absolute;
  top: -70px;
  right: 0px;
  font-size: 12px;
}

#block-menu-menu-header-menu .leaf {
  display: inline;
  border-left: 1px solid #666666;
  padding-left: 5px;
  padding-right: 5px;
}

#block-menu-menu-header-menu .first {
  border-left: none;
}

#block-menu-menu-header-menu .leaf a {
  color: #666666;
}

#block-menu-menu-gnbt-account {

}

#block-menu-menu-gnbt-account .menu_icon {
  padding-left: 50px;
}

/** the sidebar-right menu styles cover any menu in this bar, specifically in this case the my account menu **/

#sidebar-right ul.menu {
  margin: 0px;
  padding: 10px 0px 5px 10px;
}

#sidebar-right ul.menu li {
  list-style: none;
  list-style-image: none;
  list-style-position: inside;
  margin: 4px 0px;
  padding: 0px;
}

#sidebar-right ul.menu li a {
  text-decoration: none;
  font-size: 15px;
}

#sidebar-right ul.menu li a:hover {
  text-decoration: underline;
}

#sidebar-right ul.menu li a:visited {
  color: inherit;
}

/** the footer menu styles are for the collection of link boxs at the foot of the page **/

#footer .block-menu {
  background: none;
  float:left;
  margin:5px;
  width:150px;
}

#footer .block-menu h2 {
  color:#333333;
  font-size: 14px;
  font-weight:bold;
  display:inline;
  padding: 0px;
  margin: 0px;
}

#footer .block-menu ul {
  list-style: none;
  padding:0px;
  margin:0px;
}

#footer .block-menu li {
  list-style: url(../images/bullit_footer_menu.gif);
  white-space:nowrap;
  margin:0px 0px 0px 14px;
  padding:0px;
}

#footer .block-menu a {
  color:#eeeeee;
  text-decoration:none;
}

#footer .block-menu a:hover {
  text-decoration:underline;
}

/* this is specifically for the centred footer menu called footer main menu*/

#footer #block-menu-menu-footer-main-menu {
  margin-top: 40px;
  text-align: center;
  float:left;
  width:100%;
}

#footer #block-menu-menu-footer-main-menu h2 {
  display: none;
}

#footer #block-menu-menu-footer-main-menu ul {
  list-style: none;
  display: inline;
}

#footer #block-menu-menu-footer-main-menu li {
  white-space:nowrap;
  border-left: 1px #444444 solid;
  padding: 0px 4px;
  margin: 0px;
  display: inline;
}

#footer #block-menu-menu-footer-main-menu li:first-child {
  border-left: none;
}

#footer #block-menu-menu-footer-main-menu a {
  text-decoration:none;
  color: #333333;
  font-weight: bold;
}

#footer #block-menu-menu-footer-main-menu a:hover {
  text-decoration:underline;
}


.block-system-main-menu {
  border: none;
  background: url(../images/block_top.gif);
  width: 760px;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  font-size:16px;
}

.block-system-main-menu .menu {
}

/*style the 1st level*/

.block-system-main-menu ul {
  margin: 0px;
  padding: 0px 0px 0px 4px;
  list-style: none;
}

.block-system-main-menu ul li {
  position: relative;
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 34px;
}

.block-system-main-menu ul li:hover {
  background: url('../images/block_top_orange.gif') repeat-x;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
  padding: 0px;
  margin: 0px;
}

.block-system-main-menu ul li .nolink {
  color: #FFFFFF;
  text-decoration:none;
  margin: 0px;
  padding: 8px;
  font-weight: bold;
  cursor: default;
}


.block-system-main-menu ul li a {
  color: #FFFFFF;
  text-decoration:none;
  margin: 0px;
  padding: 8px;
  font-weight: bold;
}

.block-system-main-menu ul li a.active {
  color: #FFFFFF;
}

.block-system-main-menu ul li a:hover {
  color: #FFFFFF;
  text-decoration:none;
  /*padding: 0px;
  margin: 0px;*/
}

/* style the second level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.block-system-main-menu ul li ul {
  position: absolute;
  top: 34px;
  left: 0px;
  display: none;
  background: #f9f9f9;
  /*filter: alpha(opacity=90);
  opacity: 0.9;*/
  border: 1px solid #dedede;
  z-index: 200;
  padding: 0px;
  margin: 0px;
  -moz-border-radius:0px 0px 6px 6px;
  -webkit-border-radius:0px 0px 6px 6px;
  border-radius:0px 0px 6px 6px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

.block-system-main-menu ul li ul .expanded {
  /*background: url('../images/bullet_menu_expanded.gif') no-repeat 98%;*/
}

.block-system-main-menu ul li ul .expanded:hover {
  /*background: url('../images/bullet_menu_expanded.gif') no-repeat 98%;*/
}

.block-system-main-menu ul li ul li {
  white-space: nowrap;
  display: block;
/*  border-top: 1px dashed #cdcdcd;*/
  padding: 0px;
  margin: 0px;
  display: block;
  overflow: hidden;
  width: 100%;
}

.block-system-main-menu ul li ul li:first-child {
  border-top: none;
  padding: 0px;
  margin: 0px;
}

.block-system-main-menu ul li ul li:hover {
  background-image: none;
  padding: 0px;
  margin: 0px;
}

.block-system-main-menu ul li ul li a {
  color: #47539b;
  text-decoration:none;
  padding: 0px;
  margin: 0px 6px;
  display: block;
  border-top: 1px dashed #cdcdcd;
  width:100%;
  font-size: 14px;
}
.block-system-main-menu ul li ul li:first-child a {
  border:none;
}

.block-system-main-menu ul li ul li a.active {
  color: #47539b;
}

.block-system-main-menu ul li ul li a:hover {
  color: #000000;
  text-decoration:none;
  padding: 0px;
  margin: 0px 6px;
}

/* style the third level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.block-system-main-menu ul li ul li ul {
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
  background: #f9f9f9;
  /*filter: alpha(opacity=90);
  opacity: 0.9;*/
  border: 1px solid #dedede;
  padding: 0px;
  margin: 0px;
  z-index: 200;
  -moz-border-radius:0px 6px 6px 0px;
  -webkit-border-radius:0px 6px 6px 0px;
  border-radius:0px 6px 6px 0px;
  /*behavior: url(/sites/all/themes/speednames/clean_theme/behaviours/PIE.htc);*/
}

.block-system-main-menu ul li ul li ul li {
  white-space: nowrap;
  font-size: 14px;
  padding: 0px 0px;
  width: 100%;
  border-top: 1px dashed #cdcdcd;
}

.block-system-main-menu ul li ul li ul li:first-child {
  border-top: none;
}

.block-system-main-menu ul li ul li ul li:hover {
  background: none;
}

.block-system-main-menu ul li ul li ul li a {
  color: #47539b;
  text-decoration:none;
  width: 100%;
}

.block-system-main-menu ul li ul li ul li a:hover {
  color: #000000;
  text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
.block-system-main-menu ul li:hover ul, .block-system-main-menu ul a:hover ul {
  display: block;
}

/* make the third level invisible when hover on first level list OR link */
.block-system-main-menu ul li:hover ul li ul, .block-system-main-menu ul a:hover ul li ul {
  display: none;
}

/* make the third level visible when hover on second level list OR link */
.block-system-main-menu ul li ul li:hover ul, .block-system-main-menu ul li ul li a:hover ul {
  display: none;
}