.skin-slidedeck {position: relative; padding: 11px; background: url('/io/bower_components/slidedeck/back.png') 0 0 #d7d7d7; border: 14px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.skin-slidedeck dl.slidedeck {position: relative; width: 100%; height: 100%; margin: 0; padding: 0;}
.skin-slidedeck dl.slidedeck > dd {position: relative; height: 294px; padding: 10px 15px; margin: 0; border-right: 5px solid #d7d7d7; background: url('/io/bower_components/slidedeck/slides.png') bottom left #d7d7d7; overflow: hidden;}
.skin-slidedeck dl.slidedeck > dd dd {position: relative; margin: 0; padding: 10px 15px;}
.skin-slidedeck dl.slidedeck > dt {position: relative; cursor: pointer; height: 43px; line-height: 38px; font-size: 12px; font-weight: bold; font-family: 'Kufi', Arial; background: url('/io/bower_components/slidedeck/spines.png') top left #d7d7d7; color: #505050; margin: 0; padding: 0;}
.skin-slidedeck dl.slidedeck dt.spine:hover {color: #000; background-position: center left;}
.skin-slidedeck dl.slidedeck dt.spine.active, .skin-slidedeck dl.slidedeck dt.spine.active:hover {cursor: default; color: #fff; background-position: bottom left;}
.skin-slidedeck dl.slidedeck dt.spine .index {margin-bottom: 2px; font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #505050;}
.skin-slidedeck dl.slidedeck dt.spine.active .index {margin-bottom: 0; }
.skin-slidedeck dl.slidedeck dt.spine:hover .index {color: #000000; }
.skin-slidedeck dl.slidedeck dt.spine.active .index {color: #ffffff; }
.skin-slidedeck dl.slidedeck .activeCorner {margin-left: -6px; background-image: url('/io/bower_components/slidedeck/corner.png'); width: 12px; height: 25px;}
.skin-slidedeck dl.slidedeck dd.slide ul.slidesVertical > li {overflow: hidden; padding: 10px;}
dl.slidedeck dd.slide ul.verticalSlideNav {top: 10px; right: 10px; margin: 0; padding: 0; list-style: none;}
dl.slidedeck dd.slide ul.verticalSlideNav li {position: relative; z-index: 2; margin: 0; padding: 0 0 3px; width: 12px; height: 12px; overflow: hidden; line-height: 12px; list-style: none; font-size: 1px; }
dl.slidedeck dd.slide ul.verticalSlideNav li.arrow {position: absolute; display: block; z-index: 1; width: 10px; height: 0; padding-top: 10px; padding-bottom: 0; overflow: hidden; left: 0; border: 1px solid #333; background: #444; background-image: -moz-linear-gradient(top, #000, #444); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #444)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px;}
dl.slidedeck dd.slide ul.verticalSlideNav li a {position: relative; display: block; width: 10px; height: 0; overflow: hidden; padding-top: 10px; background: #fff; outline: none; text-decoration: none; border: 1px solid #ccc; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter: 'Alpha(opacity=50)'; filter: Alpha(opacity=50); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -o-border-radius: 3px;}
dl.slidedeck dd.slide ul.verticalSlideNav li a:hover {opacity: 0.75; -moz-opacity: 0.75; -webkit-opacity: 0.75; -khtml-opacity: 0.75; -ms-filter: 'Alpha(opacity=75)'; filter: Alpha(opacity=75); }