/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/header/tooltabs.less
*
* ---------------------------
* Styles associated with the tool tabs inside a colorbox
* ---------------------------
*/
#colorbox.withTabs {
  padding-top: 11px;
}
#colorbox.withTabs #cboxWrapper {
  position: relative;
  top: -11px;
}
#colorbox.withTabs #cboxContent {
  margin-top: 29px;
}
#tooltabs {
  display: none;
  position: absolute;
  top: 0;
  left: 0px;
  width: 900px;
  font-size: 1.4em;
  z-index: 110;
}
#tooltabs ul {
  margin: 0 0 0 35px;
  list-style: none;
  position: relative;
  width: 100%;
}
#tooltabs ul li {
  border-width: 1px;
  text-shadow: -1px -1px 1px #ffffff;
  display: inline-block !important;
  /*this was changed from block to inline-block to better support multiple rows of tabs*/

  float: left;
  margin-left: 0.2em;
  margin-bottom: -1px;
  border-color: #DDD;
  border-top-color: #C9C9C9;
  border-right-color: #C9C9C9;
  border-style: solid;
  border-bottom: 1px solid #C9C9C9;
  border-radius: 5px 5px 0 0;
  box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.5);
  line-height: 100%;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #e2e2e2 100%);
}
#tooltabs ul li.current {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
  border-bottom-color: #fff;
}
#tooltabs ul li.current a.feeds span.icon {
  background: url('../images/spriteSheet.png') -94px -475px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li.current a.weather span.icon {
  background: url('../images/spriteSheet.png') -94px -517px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li.current a.events span.icon {
  background: url('../images/spriteSheet.png') -90px -391px no-repeat;
  display: block;
}
#tooltabs ul li.current a.directory span.icon {
  background: url('../images/spriteSheet.png') -94px -431px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li.current a.tourmaps span.icon {
  background: url('../images/spriteSheet.png') 10px -465px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li a {
  display: block;
  padding: 7px 10px 5px;
  text-decoration: none;
  color: #333;
  font-size: 1.0em;
  position: relative;
  height: 16px;
}
#tooltabs ul li a span.icon {
  float: left;
  margin: -2px 2px 0 0;
}
#tooltabs ul li a.feeds span.icon {
  background: url('../images/spriteSheet.png') -52px -475px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li a.weather span.icon {
  background: url('../images/spriteSheet.png') -52px -517px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li a.events span.icon {
  background: url('../images/spriteSheet.png') -48px -391px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li a.directory span.icon {
  background: url('../images/spriteSheet.png') -52px -431px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
#tooltabs ul li a.tourmaps span.icon {
  background: url('../images/spriteSheet.png') -146px -433px no-repeat;
  display: block;
  width: 20px;
  height: 20px;
}
