/* CSS Tabs is licensed under Creative Commons Attribution 2.5 - http://creativecommons.org/licenses/by/2.5/ */

/* begin css tabs */

ul#tabs, ul#tabs-customer { /* general settings */
  text-align: left; /* set to left, right or center */
  margin: 1em 0 1em 0; /* set margins as desired */
  font: bold 12px verdana, arial, sans-serif; /* set font as desired */
  border-bottom: 1px solid #000; /* set border COLOR as desired */
  list-style-type: none;
  padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
  white-space: nowrap;

}

ul#tabs li, ul#tabs-customer li { /* do not change */
  display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6 { /* settings for selected tab */
  border-bottom: 1px solid #fff; /* set border color to page background color */
  background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.last {
  width: 200px;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a  { /* settings for selected tab link */
  background-color: #fff; /* set selected tab background color as desired */
  color: #000; /* set selected tab link color as desired */
  position: relative;
  top: 1px;
  padding-top: 4px; /* must change with respect to padding (X) above and below */
  margin-bottom: 1px;
}

ul#tabs li a, ul#tabs-customer li a { /* settings for all tab links */
  padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabs */
  background-color: #666; /* set unselected tab background color as desired */
  color: #fff; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;
  
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

ul#tabs a:hover, ul#tabs-customer a:hover { /* settings for hover effect */
  color: #000;
  background-color: #fff; /* set desired hover color */
}

ul#tabs li.tab6 a {
  background-color: rgb(97,175,50);
}
ul#tabs li.tab6 a:hover {
  color: rgb(97,175,50);
  background-color: #fff;
}

ul#tabs li.tab7 a {
  background-color: #a99ff9;
}
ul#tabs li.tab7 a:hover {
  color: #a9a8a9;
  background-color: #fff;
}

div#navbar {
  width: 100%;
}

ul#tabs a {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

a.bandwidth {
  cursor: pointer;
}

a.colocation {
  cursor: pointer;
}

a.vps {
  cursor: pointer;
}

a.about-us {
  cursor: pointer;
}