.towersOfHanoi.skin-nice {
    background-image: url(images/bg_game.png);
    
    xbackground-image: url(images/reference.jpg);
    width: 940px;
    height: 522px;
}

.towersOfHanoi.skin-nice .canvas {
	margin-left: 34px;
    margin-top: 30px;
}


.towersOfHanoi.skin-nice .feedbackBox {
    position: absolute;
    left: 37px;
    bottom: 37px;
    width: 660px;
    height: 66px;
    background-image: url(images/sprite_feedbackvisning.png);
    display: none;
}
.towersOfHanoi.skin-nice .feedbackBox.msg-intro {
    background-position: 0px 0px;
    display: block;
}
.towersOfHanoi.skin-nice .feedbackBox.msg-perfect {
    background-position: 0px -66px;
    display: block;
}
.towersOfHanoi.skin-nice .feedbackBox.msg-ok {
    background-position: 0px -132px;
    display: block;
}


.towersOfHanoi.skin-nice .rodSection {
	width: 222px;
    margin-top: 39px;
}
.towersOfHanoi.skin-nice .rodSection .discContainer {
    padding-bottom: 9px;
}
.towersOfHanoi.skin-nice .rodSection .rod {
	width: 19px;
	height: 341px;
	background-image: url(images/item_stolpe.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.towersOfHanoi.skin-nice .disc {
	height: 26px;
    background-image: url(images/sprite_skive_plassert.png);
}
.towersOfHanoi.skin-nice .disc.size-1 {
	width: 43px;
    background-position: -83px 0px;
}
.towersOfHanoi.skin-nice .disc.size-2 {
	width: 57px;
    background-position: -76px -26px;
}
.towersOfHanoi.skin-nice .disc.size-3 {
	width: 71px;
    background-position: -69px -52px;
}
.towersOfHanoi.skin-nice .disc.size-4 {
	width: 85px;
    background-position: -62px -78px;
}
.towersOfHanoi.skin-nice .disc.size-5 {
	width: 99px;
    background-position: -55px -104px;
}
.towersOfHanoi.skin-nice .disc.size-6 {
	width: 113px;
    background-position: -48px -130px;
}
.towersOfHanoi.skin-nice .disc.size-7 {
	width: 127px;
    background-position: -41px -156px;
}
.towersOfHanoi.skin-nice .disc.size-8 {
	width: 141px;
    background-position: -34px -182px;
}
.towersOfHanoi.skin-nice .disc.size-9 {
	width: 155px;
    background-position: -27px -208px;
}
.towersOfHanoi.skin-nice .disc.size-10 {
	width: 169px;
    background-position: -20px -234px;
}
.towersOfHanoi.skin-nice .disc.size-11 {
	width: 183px;
    background-position: -13px -260px;
}
.towersOfHanoi.skin-nice .disc.size-12 {
	width: 210px;
    background-position: 0px -286px;
}

.towersOfHanoi.skin-nice .dragHelper {
    height: 26px;
}
.towersOfHanoi.skin-nice .dragHelper .disc {
    background-image: url(images/sprite_skive_dragging.png);
}




.towersOfHanoi.skin-nice .controls {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    margin-left: 21px;
    margin-top: 121px;
    width: 206px;
}
.towersOfHanoi.skin-nice .controls .dec-inc-group-label {
    text-align: center;
    height: 28px;
}

.towersOfHanoi.skin-nice .controls .dec-inc-group {
    background-image: url(images/bg_antallskiver.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 22px;
    margin-bottom: 24px;
}
.towersOfHanoi.skin-nice .controls .dec-inc-group .btn-decreaseDiscCount {
    background-image: url(images/btn_minus.png);
    width: 36px;
    height: 31px;
    margin-top: 12px;
}
.towersOfHanoi.skin-nice .controls .dec-inc-group .btn-increaseDiscCount {
    background-image: url(images/btn_pluss.png);
    width: 36px;
    height: 31px;
    margin-top: 12px;
}
.towersOfHanoi.skin-nice .controls .dec-inc-group .btn-decreaseDiscCount.disabled,
.towersOfHanoi.skin-nice .controls .dec-inc-group .btn-increaseDiscCount.disabled {
    background-position: 0px -31px;
}
.towersOfHanoi.skin-nice .controls .dec-inc-group .numberOfDiscsIndicator {
    font-size: 36px;
    font-weight: bold;
    width: 91px;
    text-align: center;
    height: 53px;
    line-height: 53px;
}

.towersOfHanoi.skin-nice .controls .btn-restart {
    width: 116px;
    height: 35px;
    background-image: url(images/btn_provnytt.png);
    margin-left: 46px;
    margin-bottom: 9px;
}

.towersOfHanoi.skin-nice .controls .btn-solve {
    width: 116px;
    height: 35px;
    background-image: url(images/btn_vislosning.png);
    margin-left: 46px;
    margin-bottom: 25px;
}


.towersOfHanoi.skin-nice .controls .stepCountIndicator-label {
    text-align: center;
    height: 24px;
}
.towersOfHanoi.skin-nice .controls .stepCountIndicator {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 24px;
}

.towersOfHanoi.skin-nice .controls .timer-group-label {
    height: 27px;
    line-height: 27px;
    float: left;
    margin-right: 10px;
    margin-left: 29px;
}
.towersOfHanoi.skin-nice .controls .timer-group .btn-hideTimer {
    background-image: url(images/sprite_timertoggle.png);
    width: 87px;
    height: 27px;
    float: left;
}
.towersOfHanoi.skin-nice .controls .timer-group .btn-showTimer {
    background-image: url(images/sprite_timertoggle.png);
    background-position: 0px -27px;
    width: 87px;
    height: 27px;
    float: left;
    /*height: 22px;
    text-align: center;*/
}

.towersOfHanoi.skin-nice .controls .timer-group .timeIndicator {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}