
#debug { text-align: left; background-color: gray; color: black; position: absolute; top: 0; left: 0; width: 300px; height: 600px; overflow: scroll; }

#portfolioList { font-size: 10px; background: url(../images/reference-line.png) no-repeat 227px 0; float: left; width: 222px; height: 452px; padding-left: 8px; }

#mycarouselpager { text-align: center; font-size: 11px; font-weight: bold; color: white; background-color: #444; position: absolute; bottom: 0px; left: 58px; width: 108px; height: 28px; he\ight: 23px; padding: 5px 0 0 0; }

#mycarouselscrollbarhandle { cursor: pointer; background: url(../images/reference-scrollbarhandle.png) no-repeat 0 bottom; position: absolute; right: 0px; width: 5px; height: 120px; }

#mycarouselscrollbarhandle span { background: url(../images/reference-scrollbarhandle.png) no-repeat; display: block; height: 5px; }

.jcarousel-skin-ki .jcarousel-item { display: inline; width: 213px; height: 82px; }

.jcarousel-skin-ki .jcarousel-item a { font-weight: bold; text-decoration: none; color: white; display: block; width: 213px; width: 184px; height: 82px; height: 69px; padding: 14px 0 0 29px; }

.jcarousel-skin-ki .jcarousel-item a.active,
.jcarousel-skin-ki .jcarousel-item a:hover { background: url(../images/reference-sprite.png) no-repeat; }

.jcarousel-skin-ki .jcarousel-item a.disabled,
.jcarousel-skin-ki .jcarousel-item a.disabled:hover { background: none; cursor: default; }

.jcarousel-skin-ki .jcarousel-item .image { border: 3px solid white; float: left; margin: 0 10px 0 0; }

.jcarousel-skin-ki .jcarousel-container { position: relative; width: 222px; height: 410px; padding: 0 0 30px 0; }

.jcarousel-skin-ki .jcarousel-container-vertical { }

.jcarousel-skin-ki .jcarousel-clip-vertical { width: 213px; height: 410px; }

.jcarousel-skin-ki .jcarousel-item-vertical { }

.jcarousel-skin-ki .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Buttons */

.jcarousel-skin-ki .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 12px; width: 46px; height: 28px; cursor: pointer; background: transparent url(../images/reference-sprite.png) no-repeat -220px 0; }

.jcarousel-skin-ki .jcarousel-next-vertical:hover { background-position: -266px 0; }

.jcarousel-skin-ki .jcarousel-next-vertical:active { background-position: -312px 0; }

.jcarousel-skin-ki .jcarousel-next-disabled-vertical,
.jcarousel-skin-ki .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ki .jcarousel-next-disabled-vertical:active { cursor: default; background-position: -358px 0; }

.jcarousel-skin-ki .jcarousel-prev-vertical { position: absolute; bottom: 0px; left: 166px; width: 46px; height: 28px; cursor: pointer; background: transparent url(../images/reference-sprite.png) no-repeat -220px -28px; }

.jcarousel-skin-ki .jcarousel-prev-vertical:hover { background-position: -266px -28px; }

.jcarousel-skin-ki .jcarousel-prev-vertical:active { background-position: -312px -28px; }

.jcarousel-skin-ki .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ki .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ki .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -358px -28px; }


