/* Tick [https://github.com/harvesthq/tick]
 * by Joschka Kintscher for Harvest
 * Copyright (c) 2011-2015 Harvest
 *
 * Available for use under the MIT License
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
 * associated documentation files (the "Software"), to deal in the Software without restriction,
 * including without limitation the rights to use, copy, modify, merge, publish, distribute,
 * sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all copies or
 * substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
 * NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT
 * OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
 /* 
  * Colors and theme have been modified. Modifications are Copyright (c) 2015 iSeeCars.com. 
  */
  
.tick-flip + p {
  clear: both;
  text-align: right;
}
.tick-flip {
  position: relative;
  float: left;
  padding: 7px;
  border-radius: 5px;
  margin-bottom: 0.125em;
  white-space: nowrap;
  *zoom: 1;
  color: black;
  width: 100%;
  line-height: 1;
  font-size: 4em;
  font-family: "Myriad Pro", sans-serif;
  text-align: center;
}
.tick-flip.tick-active {
  width: auto;
  color: #E2E2E2;
}
.tick-flip .tick-separator {
  margin: 0 2px;
  font-size: 1em;
  color: #444444;
}
.tick-flip .tick-wrapper {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  border-radius: 4px;
}
.tick-flip .tick-wrapper:after {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 998;
  display: block;
  height: 1px;
  width: 100%;
  content: '';
  background-color: #555;
}
.tick-flip .tick-wrapper span {
  padding: 0 5px;
}
.tick-flip .tick-old {
  display: block;
  border-radius: 4px;
  box-shadow: 0 0 2px #656565;
  background-color: black;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#323232FF', endColorstr='#FF111111');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #323232), color-stop(100%, #111111));
  background-image: -webkit-linear-gradient(top, #323232 60%, #111111 100%);
  background-image: -moz-linear-gradient(top, #323232 60%, #111111 100%);
  background-image: -o-linear-gradient(top, #323232 60%, #111111 100%);
  background-image: -ms-linear-gradient(top, #323232 60%, #111111 100%);
  background-image: linear-gradient(top, #323232 60%, #111111 100%);
}
.tick-flip .tick-new {
  overflow: hidden;
  position: absolute;
  z-index: 998;
  top: 0;
  display: block;
  height: 50%;
  border-radius: 4px 4px 0 0;
  background-color: black;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#545454FF', endColorstr='#FF111111');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545454), color-stop(100%, #111111));
  background-image: -webkit-linear-gradient(top, #545454 0%, #111111 100%);
  background-image: -moz-linear-gradient(top, #545454 0%, #111111 100%);
  background-image: -o-linear-gradient(top, #545454 0%, #111111 100%);
  background-image: -ms-linear-gradient(top, #545454 0%, #111111 100%);
  background-image: linear-gradient(top, #545454 0%, #111111 100%);
}
.tick-flip .tick-old-move,
.tick-flip .tick-new-move {
  overflow: hidden;
  position: absolute;
  display: none;
  border-radius: 4px;
  background: black;
}
.tick-flip .tick-moving {
  display: block;
}
.tick-flip .tick-old-move {
  z-index: 999;
  bottom: 50%;
  height: 50%;
  background-color: black;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#545454FF', endColorstr='#FF444444');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545454), color-stop(100%, #444444));
  background-image: -webkit-linear-gradient(top, #545454 0%, #444444 100%);
  background-image: -moz-linear-gradient(top, #545454 0%, #444444 100%);
  background-image: -o-linear-gradient(top, #545454 0%, #444444 100%);
  background-image: -ms-linear-gradient(top, #545454 0%, #444444 100%);
  background-image: linear-gradient(top, #545454 0%, #444444 100%);
  box-shadow: 0 -4px 4px -3px black;
  -moz-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}
.tick-flip .tick-new-move {
  z-index: 997;
  height: 100%;
  top: 0;
  border-radius: 50px 50px 4px 4px;
  background-color: black;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#545454FF', endColorstr='#FF444444');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #545454), color-stop(100%, #444444));
  background-image: -webkit-linear-gradient(top, #545454 40%, #444444 100%);
  background-image: -moz-linear-gradient(top, #545454 40%, #444444 100%);
  background-image: -o-linear-gradient(top, #545454 40%, #444444 100%);
  background-image: -ms-linear-gradient(top, #545454 40%, #444444 100%);
  background-image: linear-gradient(top, #545454 40%, #444444 100%);
  box-shadow: 0 4px 4px -3px black;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}