/* ---------------------------------------- base.css ---------------------------------------- */
/*
This file is the base CSS for the IconSlider within the header and can be extended with a segment CSS

Guidelines are on the wiki
http://skynettask.bc/wikimso/index.php/Css-guidelines
and on the sharepoint.
*/
/* =Basic
-------------------------------------------------------------- */
.ce-header-icons {
  width: 220px;
  height: 44px;
  overflow: hidden;
  position: relative;
  float: right;
  margin: 29px 0 0 0;
}

.ce-header-icons .jcarousel-clip {
  width: 180px;
  margin-left: 23px;
}

/* =Slider Navigation
-------------------------------------------------------------- */
.ce-header-icons .jcarousel-prev,
.ce-header-icons .jcarousel-next {
  background-image: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAABn0lEQVR42qXVy0rDQBQG4L5B8ibjxoULLygo6EJBQQUlVURQERFERKg+yryGWGqK90vtUfsA7tV22tpqd8c/0GKqmWkuAx8hhP/wD2GSVCrEOiq1bHChLxVxJckGrsxLywYCzpRaKhNh8OHztw0E3L7aicocYAAQsI+CnqX2n75sIGAf7z5+qT36IuAACrSldotNGwg4gBurzE6xKYE1FAhddvuxKYANZKQym4WG3Co0WEOB6DVj46HhABuEK7V+/ymBNRSIsBtbu/90gA3SxgErt/Vj4I7Vuy4KRNRXn76tO8AGwaWWb2pp4G71DgUi7uFYuq45wAYj/0ILVzUJ7Lf4iyDRN2T+quoCawSfvLnLqgTWIIhVavaiKoE1CCxteOZcEbCG9yxSqelzJYE1CCzjgKl8xQIC1vCehSo1ma9IYA0CK9SuJtyyBQSs0fNrO35WlsAaBFak9z6a+7CAgIOM5T6GDVlHl4NXb3askzGUfReggH28++le2cHs+w7wHwpEoj/+wOmbAAXcvooI2eG4WePqP3kT4IKVIBuqzA/IQw7wTeKGmQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: 10px;
}

.no-borderradius .ce-header-icons .jcarousel-prev,
.no-borderradius .ce-header-icons .jcarousel-next {
  background-image: url("../images/ie7-navigation.png");
}

.ce-header-icons .jcarousel-prev {
  background-position: -1px 0px;
  left: 0;
}

.ce-header-icons .jcarousel-next {
  background-position: -16px 0px;
  right: 0;
}

.ce-header-icons .jcarousel-prev:hover {
  background-position: -1px 0px;
}

.ce-header-icons .jcarousel-next:hover {
  background-position: -16px 0px;
}

/* =Slider Elements
-------------------------------------------------------------- */
.ce-header-icons li {
  width: auto;
  /* rewrite the common carousel css */
  height: auto;
}

.ce-header-icons li a {
  display: block;
  width: 50px;
  height: 38px;
  padding: 2px 0 0 0;
  overflow: hidden;
  text-align: center;
  background: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(196, 204, 209, 0.9);
  box-shadow: 1px 1px 1px 0px rgba(196, 204, 209, 0.9);
  margin: 0 12px 4px 0;
}

/* no border-radius and shadow fallback */
.ie7 .ce-header-icons li a,
.ie8 .ce-header-icons li a {
  border-right: 1px #c4ccd1 solid;
  border-bottom: 1px #c4ccd1 solid;
}