@CHARSET "UTF-8";

@font-face {
    font-family: 'tobl';
    src: url('../../font/tobl.eot');
    src: local('☺'),
        url('../../font/tobl.woff') format('woff'),
        url('../../font/tobl.otf') format('opentype'),
        url('../../font/tobl.ttf') format('truetype');
}

.expander {
    height: 30%;
    width: 419px;
    position: absolute;
    top: 507px;
}
.byline {
    top: 552px;
    left: 10px;
    width: 369px;
    height: 40px;
    position: absolute;
}
.bylineText {
    float: left;
    font-family: arial;
}
.bylinePic {
    float: right;
    font-family: arial;
}
.supportText {
    float: left;
    font-family: arial;
}
.support {
    top: 572px;
    left: 10px;
    width: 369px;
    height: 40px;
    position: absolute;
}
.artboard {
    width: 369px;
    height: 492px;
    margin-top: 15px;
    z-index: 10;
    position: absolute;
    left: 10px;
    top: 30px;
}
.layer {
    position: absolute;
}
.line {
    border: 1px solid black;
}
.pos_number_0_7 {
    left: 13.333333333333334px;
    top: 273.6666666666667px;
    position: absolute;
}
.pos_number_1_6 {
    left: 54.333333333333336px;
    top: 232.66666666666666px;
    position: absolute;
}
.pos_number_3_6 {
    left: 136.33333333333334px;
    top: 232.66666666666666px;
    position: absolute;
}
.pos_number_4_10 {
    left: 177.33333333333334px;
    top: 396.6666666666667px;
    position: absolute;
}
.pos_number_5_3 {
    left: 218.33333333333334px;
    top: 109.66666666666667px;
    position: absolute;
}
.pos_number_7_3 {
    left: 300.3333333333333px;
    top: 109.66666666666667px;
    position: absolute;
}
.pos_number_8_2 {
    left: 341.3333333333333px;
    top: 68.66666666666667px;
    position: absolute;
}
.pos_number_8_7 {
    left: 341.3333333333333px;
    top: 273.6666666666667px;
    position: absolute;
}
.pos_0_0 {
    left: 0px;
    top: 0px;
    position: absolute;
}
.pos_0_5 {
    left: 0px;
    top: 205px;
    position: absolute;
}
.pos_0_6 {
    left: 0px;
    top: 246px;
    position: absolute;
}
.pos_0_7 {
    left: 0px;
    top: 287px;
    position: absolute;
}
.pos_0_8 {
    left: 0px;
    top: 328px;
    position: absolute;
}
.pos_0_9 {
    left: 0px;
    top: 369px;
    position: absolute;
}
.pos_0_10 {
    left: 0px;
    top: 410px;
    position: absolute;
}
.pos_0_11 {
    left: 0px;
    top: 451px;
    position: absolute;
}
.pos_1_5 {
    left: 41px;
    top: 205px;
    position: absolute;
}
.pos_1_6 {
    left: 41px;
    top: 246px;
    position: absolute;
}
.pos_1_7 {
    left: 41px;
    top: 287px;
    position: absolute;
}
.pos_1_8 {
    left: 41px;
    top: 328px;
    position: absolute;
}
.pos_1_9 {
    left: 41px;
    top: 369px;
    position: absolute;
}
.pos_1_10 {
    left: 41px;
    top: 410px;
    position: absolute;
}
.pos_1_11 {
    left: 41px;
    top: 451px;
    position: absolute;
}
.pos_2_5 {
    left: 82px;
    top: 205px;
    position: absolute;
}
.pos_2_6 {
    left: 82px;
    top: 246px;
    position: absolute;
}
.pos_2_7 {
    left: 82px;
    top: 287px;
    position: absolute;
}
.pos_2_8 {
    left: 82px;
    top: 328px;
    position: absolute;
}
.pos_2_9 {
    left: 82px;
    top: 369px;
    position: absolute;
}
.pos_2_10 {
    left: 82px;
    top: 410px;
    position: absolute;
}
.pos_2_11 {
    left: 82px;
    top: 451px;
    position: absolute;
}
.pos_3_5 {
    left: 123px;
    top: 205px;
    position: absolute;
}
.pos_3_6 {
    left: 123px;
    top: 246px;
    position: absolute;
}
.pos_3_7 {
    left: 123px;
    top: 287px;
    position: absolute;
}
.pos_3_8 {
    left: 123px;
    top: 328px;
    position: absolute;
}
.pos_3_9 {
    left: 123px;
    top: 369px;
    position: absolute;
}
.pos_3_10 {
    left: 123px;
    top: 410px;
    position: absolute;
}
.pos_3_11 {
    left: 123px;
    top: 451px;
    position: absolute;
}
.pos_4_5 {
    left: 164px;
    top: 205px;
    position: absolute;
}
.pos_4_6 {
    left: 164px;
    top: 246px;
    position: absolute;
}
.pos_4_7 {
    left: 164px;
    top: 287px;
    position: absolute;
}
.pos_4_8 {
    left: 164px;
    top: 328px;
    position: absolute;
}
.pos_4_9 {
    left: 164px;
    top: 369px;
    position: absolute;
}
.pos_4_10 {
    left: 164px;
    top: 410px;
    position: absolute;
}
.pos_4_11 {
    left: 164px;
    top: 451px;
    position: absolute;
}
.pos_5_0 {
    left: 205px;
    top: 0px;
    position: absolute;
}
.pos_5_1 {
    left: 205px;
    top: 41px;
    position: absolute;
}
.pos_5_2 {
    left: 205px;
    top: 82px;
    position: absolute;
}
.pos_5_3 {
    left: 205px;
    top: 123px;
    position: absolute;
}
.pos_5_4 {
    left: 205px;
    top: 164px;
    position: absolute;
}
.pos_5_5 {
    left: 205px;
    top: 205px;
    position: absolute;
}
.pos_5_6 {
    left: 205px;
    top: 246px;
    position: absolute;
}
.pos_5_7 {
    left: 205px;
    top: 287px;
    position: absolute;
}
.pos_5_8 {
    left: 205px;
    top: 328px;
    position: absolute;
}
.pos_5_9 {
    left: 205px;
    top: 369px;
    position: absolute;
}
.pos_5_10 {
    left: 205px;
    top: 410px;
    position: absolute;
}
.pos_5_11 {
    left: 205px;
    top: 451px;
    position: absolute;
}
.pos_6_1 {
    left: 246px;
    top: 41px;
    position: absolute;
}
.pos_6_2 {
    left: 246px;
    top: 82px;
    position: absolute;
}
.pos_6_3 {
    left: 246px;
    top: 123px;
    position: absolute;
}
.pos_6_4 {
    left: 246px;
    top: 164px;
    position: absolute;
}
.pos_6_5 {
    left: 246px;
    top: 205px;
    position: absolute;
}
.pos_6_6 {
    left: 246px;
    top: 246px;
    position: absolute;
}
.pos_6_7 {
    left: 246px;
    top: 287px;
    position: absolute;
}
.pos_6_8 {
    left: 246px;
    top: 328px;
    position: absolute;
}
.pos_6_9 {
    left: 246px;
    top: 369px;
    position: absolute;
}
.pos_6_10 {
    left: 246px;
    top: 410px;
    position: absolute;
}
.pos_6_11 {
    left: 246px;
    top: 451px;
    position: absolute;
}
.pos_7_0 {
    left: 287px;
    top: 0px;
    position: absolute;
}
.pos_7_1 {
    left: 287px;
    top: 41px;
    position: absolute;
}
.pos_7_2 {
    left: 287px;
    top: 82px;
    position: absolute;
}
.pos_7_3 {
    left: 287px;
    top: 123px;
    position: absolute;
}
.pos_7_4 {
    left: 287px;
    top: 164px;
    position: absolute;
}
.pos_7_5 {
    left: 287px;
    top: 205px;
    position: absolute;
}
.pos_7_6 {
    left: 287px;
    top: 246px;
    position: absolute;
}
.pos_7_7 {
    left: 287px;
    top: 287px;
    position: absolute;
}
.pos_7_8 {
    left: 287px;
    top: 328px;
    position: absolute;
}
.pos_7_9 {
    left: 287px;
    top: 369px;
    position: absolute;
}
.pos_7_10 {
    left: 287px;
    top: 410px;
    position: absolute;
}
.pos_7_11 {
    left: 287px;
    top: 451px;
    position: absolute;
}
.pos_8_0 {
    left: 328px;
    top: 0px;
    position: absolute;
}
.pos_8_1 {
    left: 328px;
    top: 41px;
    position: absolute;
}
.pos_8_2 {
    left: 328px;
    top: 82px;
    position: absolute;
}
.pos_8_3 {
    left: 328px;
    top: 123px;
    position: absolute;
}
.pos_8_4 {
    left: 328px;
    top: 164px;
    position: absolute;
}
.pos_8_5 {
    left: 328px;
    top: 205px;
    position: absolute;
}
.pos_8_6 {
    left: 328px;
    top: 246px;
    position: absolute;
}
.pos_8_7 {
    left: 328px;
    top: 287px;
    position: absolute;
}
.pos_8_8 {
    left: 328px;
    top: 328px;
    position: absolute;
}
.pos_8_9 {
    left: 328px;
    top: 369px;
    position: absolute;
}
.pos_8_10 {
    left: 328px;
    top: 410px;
    position: absolute;
}
.pos_8_11 {
    left: 328px;
    top: 451px;
    position: absolute;
}
.diffPos_2_4_0_0 {
    left: 82px;
    top: 164px;
    position: absolute;
}
.size_4_4 {
    width: 163px;
    height: 163px;
}
.size_5_5 {
    width: 204px;
    height: 204px;
}
.size_1_1 {
    width: 40px;
    height: 40px;
}
.inputsize {
    width: 40px;
    height: 50px;
}
.size_2_1 {
    width: 81px;
    height: 40px;
}
.plussize_5_5 {
    width: 205px;
    height: 205px;
}
.plussize_1_1 {
    width: 41px;
    height: 41px;
}
.plussize_2_1 {
    width: 82px;
    height: 41px;
}
.partsize_1_2_1 {
    width: 40px;
    height: 20px;
}
.partsize_1_3_1 {
    width: 40px;
    height: 13.333333333333334px;
}
.partsize_2_3_1 {
    width: 40px;
    height: 26.666666666666668px;
}
.textbox_0_5 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 207px;
}
.textbox_0_6_0 {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 248px;
}
.textbox_0_6_1 {
    width: 40px;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 268px;
}
.textbox_0_8 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 330px;
}
.textbox_0_10 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 412px;
}
.textbox_0_11 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 453px;
}
.textbox_1_8_0 {
    width: 40px;
    height: 13.333333333333334px;
    position: absolute;
    left: 41px;
    top: 330px;
}
.textbox_1_8_1 {
    width: 40px;
    height: 25.666666666666664px;
    position: absolute;
    left: 41px;
    top: 343.3333333333333px;
}
.textbox_2_5 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 82px;
    top: 207px;
}
.textbox_3_5 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 123px;
    top: 207px;
}
.textbox_3_7_0 {
    width: 40px;
    height: 26.666666666666668px;
    position: absolute;
    left: 123px;
    top: 289px;
}
.textbox_3_7_1 {
    width: 40px;
    height: 12.333333333333332px;
    position: absolute;
    left: 123px;
    top: 315.6666666666667px;
}
.textbox_5_1 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 205px;
    top: 43px;
}
.textbox_5_2_0 {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 205px;
    top: 84px;
}
.textbox_5_2_1 {
    width: 40px;
    height: 19px;
    position: absolute;
    left: 205px;
    top: 104px;
}
.textbox_5_4 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 205px;
    top: 166px;
}
.textbox_5_5 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 205px;
    top: 207px;
}
.textbox_5_8_0 {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 205px;
    top: 330px;
}
.textbox_5_8_1 {
    width: 40px;
    height: 19px;
    position: absolute;
    left: 205px;
    top: 350px;
}
.textbox_6_11 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 246px;
    top: 453px;
}
.textbox_7_0 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 287px;
    top: 2px;
}
.textbox_7_9 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 287px;
    top: 371px;
}
.textbox_8_0 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 328px;
    top: 2px;
}
.textbox_8_5 {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 328px;
    top: 207px;
}
.bgcolor_255_255_255 {
    background-color: white;
}
.bgcolor_227_247_255 {
    background-color: #E3F7FF;
}
.bgcolor_255_255_153 {
    background-color: #FFFF99;
}
.arrow_east_right_2 {
    background-image: url('../../res/pilar/arrow_east_right_2.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.arrow_south_straight {
    background-image: url('../../res/pilar/arrow_south_straight.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.image_0_0 {
    background-image: url('../res/500_500_blue_swede_1974.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.interact {
    font-size: 20px;
}
.interact:focus {
    outline: none;
}
.input {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
}
.wordtext {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 26px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
}
.specialchar {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 26px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
}
.texttable {
    table-layout: fixed;
}
.plussize {
    width: 41px;
    height: 41px;
}
.textsmall {
    font-size: 8.333333333333334px;
}
.textbig {
    font-size: 8.88888888888889px;
}
.sudokugiven {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 26px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
    color: DarkGray;
}
.sudokubtn {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 26px;
    line-height: 120%;
    overflow: hidden;
    text-align: center;
    color: black;
}
.text {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    line-height: 110%;
}
.condtext {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-style: italic;
    text-align: center;
    overflow: hidden;
    line-height: 90%;
}
.right_down {
    background-image: url('../../res/mini/right_down.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.left_down {
    background-image: url('../../res/mini/left_down.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.down_right {
    background-image: url('../../res/mini/down_right.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.up_right {
    background-image: url('../../res/mini/up_right.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.diag_right_down {
    background-image: url('../../res/mini/diag_right_down.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.diag_right_east {
    background-image: url('../../res/mini/diag_right_east.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.diag_left_south {
    background-image: url('../../res/mini/diag_left_south.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.diag_up_east {
    background-image: url('../../res/mini/diag_up_east.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.mini_south {
    background-image: url('../../res/mini/mini_south.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.mini_east {
    background-image: url('../../res/mini/mini_east.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.mini_north {
    background-image: url('../../res/mini/mini_north.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.annot_right {
    background-image: url('../../res/mini/annot_right.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.annot_down {
    background-image: url('../../res/mini/annot_down.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.annot_up {
    background-image: url('../../res/mini/annot_up.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.t_down_right {
    background-image: url('../../res/mini/t_down_right.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.t_right_down {
    background-image: url('../../res/mini/t_right_down.png');
    background-repeat: no-repeat;
    background-size: cover;
}