div[class~="dwwc"] table tbody {
 border-top: none;
}

.dw {
 position: absolute;
 top: 5%;
 left: 0;
 z-index: 1001;
 color: #000;
 font-family: "Roboto Condensed", arial, verdana, sans-serif;
 font-size: 12px;
 text-shadow: none;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -ms-touch-action: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.dwi {
 position: static;
 display: inline-block
}

.dwwr {
 zoom: 1;
 text-align: center
}

.dw-persp, .dwo {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1001
}

.dwo {
 background: #000;
 opacity: .7;
 filter: Alpha(Opacity=70)
}

.dw-bubble .dw {
 margin: 20px 0
}

.dw-bubble .dw-arrw {
 position: absolute;
 left: 0;
 width: 100%
}

.dw-bubble-top .dw-arrw {
 bottom: -36px
}

.dw-bubble-bottom .dw-arrw {
 top: -36px
}

.dw-bubble .dw-arrw-i {
 margin: 0 30px;
 position: relative;
 height: 36px
}

.dw-bubble .dw-arr {
 display: block
}

.dw-arr {
 display: none;
 position: absolute;
 left: 0;
 width: 0;
 height: 0;
 border-width: 18px 18px;
 border-style: solid;
 margin-left: -18px
}

.dw-bubble-bottom .dw-arr {
 top: 0;
 border-color: transparent transparent #fff transparent
}

.dw-bubble-top .dw-arr {
 bottom: 0;
 border-color: #fff transparent transparent transparent
}

.dwc {
 float: none;
 margin:0; /* original val: 0 2px 5px 2px; */
 padding-top: 30px;
 display: inline-block
}

.dwcc {
 clear: both
}

.dwl {
 text-align: center;
 /*
 line-height: 30px;
 height: 30px;
 font-size: 90%;
 */
 border-left: 2px groove #E6E6E6;
 white-space: nowrap;
 position: absolute;
 top: -30px;
 width: 100%
}

.dwv {
 padding: 10px 0;
 border-bottom: 1px solid #000
}

.dwrc {
 -webkit-border-radius: 3px;
 border-radius: 3px
}

.dwwc {
 margin: 0;
 padding: 0; /* original val 0 2px;*/
 position: relative;
 background: #000;
 zoom: 1;
 box-shadow: 1px 1px 3px #FFFFFF;
}

.dwwl {
 margin:0; /* original val: 4px 2px; */
 position: relative;
 z-index: 5
}

.dww {
 margin:0; /* original val:  0 2px; dark background visible because of margin. replace with borders at some point? */
 overflow: hidden;
 position: relative;
 height:45px  !important; /* height and width set */
 width:45px;
 border-color:#505050 #2B3336 #4B5259 #2C5057;
 border-style:solid;
 border-width:1px;
}



/* original val: .dwsc and .dwwl class had gradient below 
.dwsc {
 background: #888;
 background: linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
 background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.35, #333), color-stop(0.50, #888), color-stop(0.65, #333), to(#000));
 background: -moz-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%);
 background: -o-linear-gradient(#000 0, #333 35%, #888 50%, #333 65%, #000 100%)
}
*/
/* original val: .dwsc class had the commented gradient below  */
.dww {
 background: rgb(108,131,136); /* Old browsers */
 background: -moz-linear-gradient(top,  rgb(108,131,136) 0%, rgb(141,172,179) 2%, rgb(174,206,213) 5%, rgb(203,229,235) 7%, rgb(225,243,247) 9%, rgb(237,248,251) 12%, rgb(252,254,254) 21%, rgb(250,250,250) 23%, rgb(169,199,206) 26%, rgb(221,236,240) 28%, rgb(157,201,210) 44%, rgb(145,194,205) 49%, rgb(132,187,198) 51%, rgb(138,191,201) 70%, rgb(131,186,198) 72%, rgb(73,81,83) 74%, rgb(115,125,127) 79%, rgb(138,151,153) 81%, rgb(156,171,175) 84%, rgb(167,185,188) 86%, rgb(173,192,196) 88%, rgb(174,193,197) 91%, rgb(165,184,188) 95%, rgb(146,166,170) 98%, rgb(111,124,130) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(108,131,136)), color-stop(2%,rgb(141,172,179)), color-stop(5%,rgb(174,206,213)), color-stop(7%,rgb(203,229,235)), color-stop(9%,rgb(225,243,247)), color-stop(12%,rgb(237,248,251)), color-stop(21%,rgb(252,254,254)), color-stop(23%,rgb(250,250,250)), color-stop(26%,rgb(169,199,206)), color-stop(28%,rgb(221,236,240)), color-stop(44%,rgb(157,201,210)), color-stop(49%,rgb(145,194,205)), color-stop(51%,rgb(132,187,198)), color-stop(70%,rgb(138,191,201)), color-stop(72%,rgb(131,186,198)), color-stop(74%,rgb(73,81,83)), color-stop(79%,rgb(115,125,127)), color-stop(81%,rgb(138,151,153)), color-stop(84%,rgb(156,171,175)), color-stop(86%,rgb(167,185,188)), color-stop(88%,rgb(173,192,196)), color-stop(91%,rgb(174,193,197)), color-stop(95%,rgb(165,184,188)), color-stop(98%,rgb(146,166,170)), color-stop(100%,rgb(111,124,130))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgb(108,131,136) 0%,rgb(141,172,179) 2%,rgb(174,206,213) 5%,rgb(203,229,235) 7%,rgb(225,243,247) 9%,rgb(237,248,251) 12%,rgb(252,254,254) 21%,rgb(250,250,250) 23%,rgb(169,199,206) 26%,rgb(221,236,240) 28%,rgb(157,201,210) 44%,rgb(145,194,205) 49%,rgb(132,187,198) 51%,rgb(138,191,201) 70%,rgb(131,186,198) 72%,rgb(73,81,83) 74%,rgb(115,125,127) 79%,rgb(138,151,153) 81%,rgb(156,171,175) 84%,rgb(167,185,188) 86%,rgb(173,192,196) 88%,rgb(174,193,197) 91%,rgb(165,184,188) 95%,rgb(146,166,170) 98%,rgb(111,124,130) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgb(108,131,136) 0%,rgb(141,172,179) 2%,rgb(174,206,213) 5%,rgb(203,229,235) 7%,rgb(225,243,247) 9%,rgb(237,248,251) 12%,rgb(252,254,254) 21%,rgb(250,250,250) 23%,rgb(169,199,206) 26%,rgb(221,236,240) 28%,rgb(157,201,210) 44%,rgb(145,194,205) 49%,rgb(132,187,198) 51%,rgb(138,191,201) 70%,rgb(131,186,198) 72%,rgb(73,81,83) 74%,rgb(115,125,127) 79%,rgb(138,151,153) 81%,rgb(156,171,175) 84%,rgb(167,185,188) 86%,rgb(173,192,196) 88%,rgb(174,193,197) 91%,rgb(165,184,188) 95%,rgb(146,166,170) 98%,rgb(111,124,130) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgb(108,131,136) 0%,rgb(141,172,179) 2%,rgb(174,206,213) 5%,rgb(203,229,235) 7%,rgb(225,243,247) 9%,rgb(237,248,251) 12%,rgb(252,254,254) 21%,rgb(250,250,250) 23%,rgb(169,199,206) 26%,rgb(221,236,240) 28%,rgb(157,201,210) 44%,rgb(145,194,205) 49%,rgb(132,187,198) 51%,rgb(138,191,201) 70%,rgb(131,186,198) 72%,rgb(73,81,83) 74%,rgb(115,125,127) 79%,rgb(138,151,153) 81%,rgb(156,171,175) 84%,rgb(167,185,188) 86%,rgb(173,192,196) 88%,rgb(174,193,197) 91%,rgb(165,184,188) 95%,rgb(146,166,170) 98%,rgb(111,124,130) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgb(108,131,136) 0%,rgb(141,172,179) 2%,rgb(174,206,213) 5%,rgb(203,229,235) 7%,rgb(225,243,247) 9%,rgb(237,248,251) 12%,rgb(252,254,254) 21%,rgb(250,250,250) 23%,rgb(169,199,206) 26%,rgb(221,236,240) 28%,rgb(157,201,210) 44%,rgb(145,194,205) 49%,rgb(132,187,198) 51%,rgb(138,191,201) 70%,rgb(131,186,198) 72%,rgb(73,81,83) 74%,rgb(115,125,127) 79%,rgb(138,151,153) 81%,rgb(156,171,175) 84%,rgb(167,185,188) 86%,rgb(173,192,196) 88%,rgb(174,193,197) 91%,rgb(165,184,188) 95%,rgb(146,166,170) 98%,rgb(111,124,130) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c8388', endColorstr='#6f7c82',GradientType=0 ); /* IE6-9 */

 /*
   color: #fff;
   background: #444;
   background: linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
   background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.45, #444), color-stop(0.55, #444), to(#000));
   background: -moz-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%);
   background: -o-linear-gradient(#000 0, #444 45%, #444 55%, #000 100%)
 */
}

.dw-bf {
 -webkit-perspective: 1000;
 -webkit-backface-visibility: hidden
}

.dw-ul {
 position: relative;
 z-index: 2;
 margin-top:-20px;
}

.dw-li {
 padding:0; /* original val: 0 5px; */
 display: block;
 text-align: center;
 line-height:0 !important; /* original val: 40px; */
 font-size: 12px;
 white-space: nowrap;
 text-shadow: 0 1px 1px #FFFFFF;
 vertical-align: bottom;
 opacity: .3;
 filter: Alpha(Opacity=30)
}

.dw-li.dw-hl {
 background: #fff;
 background: rgba(255, 255, 255, .3)
}

.dw-li.dw-v {
 opacity: 1;
 filter: Alpha(Opacity=100)
}

.dw-li.dw-h {
 visibility: hidden
}

.dw-i {
 position: relative;
 height: 100%
}

.dwwb {
 position: absolute;
 z-index: 4;
 left: 0;
 cursor: pointer;
 width: 100%;
 height: 40px;
 text-align: center;
 opacity: 1;
 transition: opacity .2s linear;
 -webkit-transition: opacity .2s linear
}

.dwa .dwwb {
 opacity: 0
}

.dwwbp {
 top: 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
 font-size: 40px
}

.dwwbm {
 bottom: 0;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
 font-size: 32px;
 font-weight: bold
}

.dwpm .dwwc {
 background: transparent
}

.dwpm .dww {
 margin: 0
}

.dwpm .dw-li {
 text-shadow: none
}

.dwpm .dwwol {
 display: none
}

.dwwo {
 position: absolute;
 z-index: 3;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 /*
 //
 // gradient below NB: this gradient used to 'fade' out the other numbers in the read-out.
 //
 background: linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
 background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(0.52, rgba(44, 44, 44, 0)), color-stop(0.48, rgba(44, 44, 44, 0)), to(#000));
 background: -moz-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%);
 background: -o-linear-gradient(#000 0, rgba(44, 44, 44, 0) 52%, rgba(44, 44, 44, 0) 48%, #000 100%)
 */
}

/*
// Comment out middle horizontal line
//
.dwwol {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  margin-top: -1px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #555
}
*/

.dwbg .dwb {
 cursor: pointer;
 overflow: hidden;
 display: block;
 height: 40px;
 line-height: 40px;
 padding: 0 15px;
 margin: 0 2px;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 text-shadow: 0 -1px 1px #000;
 border-radius: 5px;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 color: #fff;
 background: #000;
 background: linear-gradient(#6e6e6e 50%, #000 50%);
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #000), color-stop(0.5, #6e6e6e));
 background: -moz-linear-gradient(#6e6e6e 50%, #000 50%);
 background: -o-linear-gradient(#6e6e6e 50%, #000 50%);
 white-space: nowrap;
 text-overflow: ellipsis;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 -webkit-border-radius: 5px
}

.dwbc {
 padding: 5px 0;
 text-align: center;
 clear: both
}

.dwbc:after {
 content: '';
 display: block;
 clear: both
}

.dwbw {
 display: inline-block;
 float: left;
 width: 50%;
 position: relative;
 z-index: 5
}

.dwbc-p .dwbw {
 width: 33.33%
}

.dwhl {
 padding-top: 10px
}

.dwhl .dwl {
 display: none
}

.dwms .dwwms .dw-li {
 padding: 0 40px;
 position: relative
}

.dwms .dw-msel:after {
 width: 40px;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
 content: '✔'
}

.dwbg {
 background: none;
 border-radius: 3px;
 -webkit-border-radius: 3px
}

.dwbg .dwpm .dwwl {
 border: 1px solid #aaa
}

.dwbg .dwpm .dww {
 color: #000;
 background: #fff;
 -webkit-border-radius: 3px
}

.dwbg .dwwb {
 background: #ccc;
 color: #888;
 text-shadow: 0 -1px 1px #333;
 box-shadow: 0 0 5px #333;
 -webkit-box-shadow: 0 0 5px #333
}

.dwbg .dwwbp {
 background: linear-gradient(#f7f7f7, #bdbdbd);
 background: -webkit-gradient(linear, left bottom, left top, from(#bdbdbd), to(#f7f7f7));
 background: -moz-linear-gradient(#f7f7f7, #bdbdbd);
 background: -o-linear-gradient(#f7f7f7, #bdbdbd)
}

.dwbg .dwwbm {
 background: linear-gradient(#bdbdbd, #f7f7f7);
 background: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#bdbdbd));
 background: -moz-linear-gradient(#bdbdbd, #f7f7f7);
 background: -o-linear-gradient(#bdbdbd, #f7f7f7)
}

.dwbg .dwb-a {
 background: #3c7500;
 background: linear-gradient(#94c840 50%, #3c7500 50%);
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3c7500), color-stop(0.5, #94c840));
 background: -moz-linear-gradient(#94c840 50%, #3c7500 50%);
 background: -o-linear-gradient(#94c840 50%, #3c7500 50%)
}


/* original val: .dwwl had the gradient below  */
.dwbg .dwb-a {
 background: #3c7500;
 background: linear-gradient(#94c840, #3c7500);
 background: -webkit-gradient(linear, left bottom, left top, from(#3c7500), to(#94c840));
 background: -moz-linear-gradient(#94c840, #3c7500);
 background: -o-linear-gradient(#94c840, #3c7500)
}

.dw-trans .dw-persp {
 overflow: hidden;
 perspective: 1000;
 -webkit-perspective: 1000;
 -moz-perspective: 1000
}

.dw-in {
 animation-timing-function: ease-out;
 animation-duration: 350ms;
 -webkit-animation-timing-function: ease-out;
 -webkit-animation-duration: 350ms;
 -moz-animation-timing-function: ease-out;
 -moz-animation-duration: 350ms
}

.dw-out {
 animation-timing-function: ease-in;
 animation-duration: 350ms;
 -webkit-animation-timing-function: ease-in;
 -webkit-animation-duration: 350ms;
 -moz-animation-timing-function: ease-in;
 -moz-animation-duration: 350ms
}

.dw-flip, .dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade {
 backface-visibility: hidden;
 transform: translateX(0);
 -webkit-backface-visibility: hidden;
 -webkit-transform: translateX(0);
 -moz-backface-visibility: hidden;
 -moz-transform: translateX(0)
}

.dw-swing, .dw-slidehorizontal, .dw-slidevertical, .dw-slidedown, .dw-slideup, .dw-fade {
 transform-origin: 0 0;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0
}

.dw-flip, .dw-pop {
 transform-origin: 50% 50%;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%
}

.dw-pop.dw-in {
 opacity: 1;
 transform: scale(1);
 animation-name: dw-p-in;
 -webkit-animation-name: dw-p-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-p-in;
 -moz-transform: scale(1)
}

.dw-pop.dw-out {
 opacity: 0;
 animation-name: dw-p-out;
 -webkit-animation-name: dw-p-out;
 -moz-animation-name: dw-p-out
}

.dw-flip.dw-in {
 opacity: 1;
 transform: scale(1);
 animation-name: dw-fl-in;
 -webkit-animation-name: dw-fl-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-fl-in;
 -moz-transform: scale(1)
}

.dw-flip.dw-out {
 opacity: 0;
 animation-name: dw-fl-out;
 -webkit-animation-name: dw-fl-out;
 -moz-animation-name: dw-fl-out
}

.dw-swing.dw-in {
 opacity: 1;
 transform: scale(1);
 animation-name: dw-sw-in;
 -webkit-animation-name: dw-sw-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-sw-in;
 -moz-transform: scale(1)
}

.dw-swing.dw-out {
 opacity: 0;
 animation-name: dw-sw-out;
 -webkit-animation-name: dw-sw-out;
 -moz-animation-name: dw-sw-out
}

.dw-slidehorizontal.dw-in {
 opacity: 1;
 transform: scale(1);
 animation-name: dw-sh-in;
 -webkit-animation-name: dw-sh-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-sh-in;
 -moz-transform: scale(1)
}

.dw-slidehorizontal.dw-out {
 opacity: 0;
 animation-name: dw-sh-out;
 -webkit-animation-name: dw-sh-out;
 -moz-animation-name: dw-sh-out
}

.dw-slidevertical.dw-in {
 opacity: 1;
 animation-name: dw-dw-sv-in;
 transform: scale(1);
 -webkit-animation-name: dw-dw-sv-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-dw-sv-in;
 -moz-transform: scale(1)
}

.dw-slidevertical.dw-out {
 opacity: 0;
 animation-name: dw-sv-out;
 -webkit-animation-name: dw-sv-out;
 -moz-animation-name: dw-sv-out
}

.dw-slidedown.dw-in {
 animation-name: dw-sd-in;
 transform: scale(1);
 -webkit-animation-name: dw-sd-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-sd-in;
 -moz-transform: scale(1)
}

.dw-slidedown.dw-out {
 animation-name: dw-sd-out;
 -webkit-animation-name: dw-sd-out;
 -moz-animation-name: dw-sd-out
}

.dw-slideup.dw-in {
 transform: scale(1);
 animation-name: dw-su-in;
 -webkit-animation-name: dw-su-in;
 -webkit-transform: scale(1);
 -moz-animation-name: dw-su-in;
 -moz-transform: scale(1)
}

.dw-slideup.dw-out {
 animation-name: dw-su-out;
 -webkit-animation-name: dw-su-out;
 -moz-animation-name: dw-su-out
}

.dw-fade.dw-in {
 opacity: 1;
 animation-name: dw-f-in;
 -webkit-animation-name: dw-f-in;
 -moz-animation-name: dw-f-in
}

.dw-fade.dw-out {
 opacity: 0;
 animation-name: dw-f-out;
 -webkit-animation-name: dw-f-out;
 -moz-animation-name: dw-f-out
}

@keyframes dw-f-in {
 from {
 opacity: 0
}
to {
 opacity: 1
}
}

@-webkit-keyframes dw-f-in {
 from {
 opacity: 0
}
to {
 opacity: 1
}
}

@-moz-keyframes dw-f-in {
 from {
 opacity: 0
}
to {
 opacity: 1
}
}

@keyframes dw-f-out {
 from {
 opacity: 1
}
to {
 opacity: 0
}
}

@-webkit-keyframes dw-f-out {
 from {
 opacity: 1
}
to {
 opacity: 0
}
}

@-moz-keyframes dw-f-out {
 from {
 opacity: 1
}
to {
 opacity: 0
}
}

@keyframes dw-p-in {
 from {
 opacity: 0;
 transform: scale(0.8)
}
to {
 opacity: 1;
 transform: scale(1)
}
}

@-webkit-keyframes dw-p-in {
 from {
 opacity: 0;
 -webkit-transform: scale(0.8)
}
to {
 opacity: 1;
 -webkit-transform: scale(1)
}
}

@-moz-keyframes dw-p-in {
 from {
 opacity: 0;
 -moz-transform: scale(0.8)
}
to {
 opacity: 1;
 -moz-transform: scale(1)
}
}

@keyframes dw-p-out {
 from {
 opacity: 1;
 transform: scale(1)
}
to {
 opacity: 0;
 transform: scale(0.8)
}
}

@-webkit-keyframes dw-p-out {
 from {
 opacity: 1;
 -webkit-transform: scale(1)
}
to {
 opacity: 0;
 -webkit-transform: scale(0.8)
}
}

@-moz-keyframes dw-p-out {
 from {
 opacity: 1;
 -moz-transform: scale(1)
}
to {
 opacity: 0;
 -moz-transform: scale(0.8)
}
}

@keyframes dw-fl-in {
 from {
 opacity: 0;
 transform: rotateY(90deg)
}
to {
 opacity: 1;
 transform: rotateY(0)
}
}

@-webkit-keyframes dw-fl-in {
 from {
 opacity: 0;
 -webkit-transform: rotateY(90deg)
}
to {
 opacity: 1;
 -webkit-transform: rotateY(0)
}
}

@-moz-keyframes dw-fl-in {
 from {
 opacity: 0;
 -moz-transform: rotateY(90deg)
}
to {
 opacity: 1;
 -moz-transform: rotateY(0)
}
}

@keyframes dw-fl-out {
 from {
 opacity: 1;
 transform: rotateY(0deg)
}
to {
 opacity: 0;
 transform: rotateY(-90deg)
}
}

@-webkit-keyframes dw-fl-out {
 from {
 opacity: 1;
 -webkit-transform: rotateY(0deg)
}
to {
 opacity: 0;
 -webkit-transform: rotateY(-90deg)
}
}

@-moz-keyframes dw-fl-out {
 from {
 opacity: 1;
 -moz-transform: rotateY(0deg)
}
to {
 opacity: 0;
 -moz-transform: rotateY(-90deg)
}
}

@keyframes dw-sw-in {
 from {
 opacity: 0;
 transform: rotateY(-90deg)
}
to {
 opacity: 1;
 transform: rotateY(0deg)
}
}

@-webkit-keyframes dw-sw-in {
 from {
 opacity: 0;
 -webkit-transform: rotateY(-90deg)
}
to {
 opacity: 1;
 -webkit-transform: rotateY(0deg)
}
}

@-moz-keyframes dw-sw-in {
 from {
 opacity: 0;
 -moz-transform: rotateY(-90deg)
}
to {
 opacity: 1;
 -moz-transform: rotateY(0deg)
}
}

@keyframes dw-sw-out {
 from {
 opacity: 1;
 transform: rotateY(0deg)
}
to {
 opacity: 0;
 transform: rotateY(-90deg)
}
}

@-webkit-keyframes dw-sw-out {
 from {
 opacity: 1;
 -webkit-transform: rotateY(0deg)
}
to {
 opacity: 0;
 -webkit-transform: rotateY(-90deg)
}
}

@-moz-keyframes dw-sw-out {
 from {
 opacity: 1;
 -moz-transform: rotateY(0deg)
}
to {
 opacity: 0;
 -moz-transform: rotateY(-90deg)
}
}

@keyframes dw-sh-in {
 from {
 opacity: 0;
 transform: translateX(-100%)
}
to {
 opacity: 1;
 transform: translateX(0)
}
}

@-webkit-keyframes dw-sh-in {
 from {
 opacity: 0;
 -webkit-transform: translateX(-100%)
}
to {
 opacity: 1;
 -webkit-transform: translateX(0)
}
}

@-moz-keyframes dw-sh-in {
 from {
 opacity: 0;
 -moz-transform: translateX(-100%)
}
to {
 opacity: 1;
 -moz-transform: translateX(0)
}
}

@keyframes dw-sh-out {
 from {
 opacity: 1;
 transform: translateX(0)
}
to {
 opacity: 0;
 transform: translateX(100%)
}
}

@-webkit-keyframes dw-sh-out {
 from {
 opacity: 1;
 -webkit-transform: translateX(0)
}
to {
 opacity: 0;
 -webkit-transform: translateX(100%)
}
}

@-moz-keyframes dw-sh-out {
 from {
 opacity: 1;
 -moz-transform: translateX(0)
}
to {
 opacity: 0;
 -moz-transform: translateX(100%)
}
}

@keyframes dw-dw-sv-in {
 from {
 opacity: 0;
 transform: translateY(-100%)
}
to {
 opacity: 1;
 transform: translateY(0)
}
}

@-webkit-keyframes dw-dw-sv-in {
 from {
 opacity: 0;
 -webkit-transform: translateY(-100%)
}
to {
 opacity: 1;
 -webkit-transform: translateY(0)
}
}

@-moz-keyframes dw-dw-sv-in {
 from {
 opacity: 0;
 -moz-transform: translateY(-100%)
}
to {
 opacity: 1;
 -moz-transform: translateY(0)
}
}

@keyframes dw-sv-out {
 from {
 opacity: 1;
 transform: translateY(0)
}
to {
 opacity: 0;
 transform: translateY(100%)
}
}

@-webkit-keyframes dw-sv-out {
 from {
 opacity: 1;
 -webkit-transform: translateY(0)
}
to {
 opacity: 0;
 -webkit-transform: translateY(100%)
}
}

@-moz-keyframes dw-sv-out {
 from {
 opacity: 1;
 -moz-transform: translateY(0)
}
to {
 opacity: 0;
 -moz-transform: translateY(100%)
}
}

@keyframes dw-sd-in {
 from {
 transform: translateY(-100%)
}
to {
 transform: translateY(0)
}
}

@-webkit-keyframes dw-sd-in {
 from {
 opacity: 1;
 -webkit-transform: translateY(-100%)
}
to {
 opacity: 1;
 -webkit-transform: translateY(0)
}
}

@-moz-keyframes dw-sd-in {
 from {
 -moz-transform: translateY(-100%)
}
to {
 -moz-transform: translateY(0)
}
}

@keyframes dw-sd-out {
 from {
 transform: translateY(0)
}
to {
 transform: translateY(-100%)
}
}

@-webkit-keyframes dw-sd-out {
 from {
 opacity: 1;
 -webkit-transform: translateY(0)
}
to {
 opacity: 1;
 -webkit-transform: translateY(-100%)
}
}

@-moz-keyframes dw-sd-out {
 from {
 -moz-transform: translateY(0)
}
to {
 -moz-transform: translateY(-100%)
}
}

@keyframes dw-su-in {
 from {
 transform: translateY(100%)
}
to {
 transform: translateY(0)
}
}

@-webkit-keyframes dw-su-in {
 from {
 opacity: 1;
 -webkit-transform: translateY(100%)
}
to {
 opacity: 1;
 -webkit-transform: translateY(0)
}
}

@-moz-keyframes dw-su-in {
 from {
 -moz-transform: translateY(100%)
}
to {
 -moz-transform: translateY(0)
}
}

@keyframes dw-su-out {
 from {
 transform: translateY(0)
}
to {
 transform: translateY(100%)
}
}

@-webkit-keyframes dw-su-out {
 from {
 opacity: 1;
 -webkit-transform: translateY(0)
}
to {
 opacity: 1;
 -webkit-transform: translateY(100%)
}
}

@-moz-keyframes dw-su-out {
 from {
 -moz-transform: translateY(0)
}
to {
 -moz-transform: translateY(100%)
}
}
.dw-inline {
 float: left;
}