/* Variables ******/
/* Mixins ******/
/* Generates a vertical gradient */
/* Generates a lighting effect with .gradient() mixins */
/* Add cross browser border-radius */
/* Add IE fallback for RGBA color */
/* Add IE fallback for RGBA background */
/* Add IE fallback for RGBA border-color */
/* CSS ******/
/* Margin */
#panels {
  margin: 10px 10px 0 0;
}
.bar {
  left: 10px;
  right: 10px;
  bottom: 10px;
}
/* Colors (shapes and texts) */
.shape {
  background: -moz-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff9f9f9', GradientType=0);
}
.font {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Corbel, 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', Verdana, 'Verdana Ref', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1em;
  color: #006699;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  color: #006699;
}
.link {
  color: #006699;
  text-decoration: none;
}
.link:hover,
.link:hover * {
  color: #cc0000 !important;
}
.panel {
  color: #ffffff;
}
#playlist .title-playlist {
  color: #ffffff;
}
body {
  background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #666666));
  background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
  background: -o-linear-gradient(top, #333333 0%, #666666 100%);
  background: -ms-linear-gradient(top, #333333 0%, #666666 100%);
  background: linear-gradient(to bottom, #333333 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff666666', GradientType=0);
  -webkit-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
}
#playlist {
  background: -moz-linear-gradient(top, #333333 0%, #666666 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #666666));
  background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
  background: -o-linear-gradient(top, #333333 0%, #666666 100%);
  background: -ms-linear-gradient(top, #333333 0%, #666666 100%);
  background: linear-gradient(to bottom, #333333 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff666666', GradientType=0);
  -webkit-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
}
#playlist input {
  color: #ffffff !important;
}
#playlist li:hover,
#playlist li.current {
  background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
  background: -o-linear-gradient(top, #666666 0%, #333333 100%);
  background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
  background: linear-gradient(to bottom, #666666 0%, #333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff333333', GradientType=0);
  -webkit-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
  box-shadow: inset -20px -10px 75px rgba(102, 102, 102, 0.1);
}
.block-with-text:before {
  color: #666666;
}
li.current .block-with-text:before {
  color: #ffffff !important;
}
.block-with-text:after {
  background: transparent;
}
#playlist .number-playlist,
#playlist .number-playlist i {
  color: #006699;
}
.panel a:not(.shape),
.panel a:not(.shape):visited,
.panel a:not(.shape):hover {
  color: #ffffff !important;
}
.touch-selector,
.touch-selector > * {
  border-color: #ffffff;
}
ol#chapters-track li {
  border-right: 1px #00486c solid;
}
#slides-list li.current img {
  border-color: #cc0000 !important;
}
form#payment_form fieldset {
  background-color: rgba(255, 255, 255, 0.5);
}
form#payment_form i {
  color: #4d4d4d;
}
form#payment_form input {
  color: #000000;
}
form#payment_form ::-webkit-input-placeholder {
  color: #4d4d4d;
}
form#payment_form :-moz-placeholder {
  color: #4d4d4d;
}
form#payment_form ::-moz-placeholder {
  color: #4d4d4d;
}
form#payment_form :-ms-input-placeholder {
  color: #4d4d4d;
}
form#payment_form #cc_number,
form#payment_form #signin_username {
  border-bottom: 1px solid #4d4d4d;
}
form#payment_form #cc_expiration {
  border-right: 1px solid #4d4d4d;
}
form#payment_form input::-moz-selection {
  background: #4d4d4d;
  color: #ffffff;
}
form#payment_form input::selection {
  background: #4d4d4d;
  color: #ffffff;
}
/* Conditional CSS ******/
.shape {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
form#payment_form fieldset {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.touch-selector {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.slider div:first-child {
  background-color: #00476b;
  background-color: #00486c;
}
.slider div:first-child + div {
  background-color: #fafafa;
  background-color: #f9f9f9;
}
.slider {
  background-color: #00476b;
  background-color: #00486c;
  -webkit-box-shadow: 0 0 0 1px #00486c;
  -moz-box-shadow: 0 0 0 1px #00486c;
  box-shadow: 0 0 0 1px #00486c;
}