@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: 599px;
    position: absolute;
    top: 747px;
}
.byline {
    top: 792px;
    left: 10px;
    width: 549px;
    height: 60px;
    position: absolute;
}
.bylineText {
    float: left;
    font-family: arial;
}
.bylinePic {
    float: right;
    font-family: arial;
}
.supportText {
    float: left;
    font-family: arial;
}
.support {
    top: 822px;
    left: 10px;
    width: 549px;
    height: 60px;
    position: absolute;
}
.artboard {
    width: 549px;
    height: 732px;
    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: 20px;
    top: 407px;
    position: absolute;
}
.pos_number_1_6 {
    left: 81px;
    top: 346px;
    position: absolute;
}
.pos_number_3_6 {
    left: 203px;
    top: 346px;
    position: absolute;
}
.pos_number_4_10 {
    left: 264px;
    top: 590px;
    position: absolute;
}
.pos_number_5_3 {
    left: 325px;
    top: 163px;
    position: absolute;
}
.pos_number_7_3 {
    left: 447px;
    top: 163px;
    position: absolute;
}
.pos_number_8_2 {
    left: 508px;
    top: 102px;
    position: absolute;
}
.pos_number_8_7 {
    left: 508px;
    top: 407px;
    position: absolute;
}
.pos_0_0 {
    left: 0px;
    top: 0px;
    position: absolute;
}
.pos_0_5 {
    left: 0px;
    top: 305px;
    position: absolute;
}
.pos_0_6 {
    left: 0px;
    top: 366px;
    position: absolute;
}
.pos_0_7 {
    left: 0px;
    top: 427px;
    position: absolute;
}
.pos_0_8 {
    left: 0px;
    top: 488px;
    position: absolute;
}
.pos_0_9 {
    left: 0px;
    top: 549px;
    position: absolute;
}
.pos_0_10 {
    left: 0px;
    top: 610px;
    position: absolute;
}
.pos_0_11 {
    left: 0px;
    top: 671px;
    position: absolute;
}
.pos_1_5 {
    left: 61px;
    top: 305px;
    position: absolute;
}
.pos_1_6 {
    left: 61px;
    top: 366px;
    position: absolute;
}
.pos_1_7 {
    left: 61px;
    top: 427px;
    position: absolute;
}
.pos_1_8 {
    left: 61px;
    top: 488px;
    position: absolute;
}
.pos_1_9 {
    left: 61px;
    top: 549px;
    position: absolute;
}
.pos_1_10 {
    left: 61px;
    top: 610px;
    position: absolute;
}
.pos_1_11 {
    left: 61px;
    top: 671px;
    position: absolute;
}
.pos_2_5 {
    left: 122px;
    top: 305px;
    position: absolute;
}
.pos_2_6 {
    left: 122px;
    top: 366px;
    position: absolute;
}
.pos_2_7 {
    left: 122px;
    top: 427px;
    position: absolute;
}
.pos_2_8 {
    left: 122px;
    top: 488px;
    position: absolute;
}
.pos_2_9 {
    left: 122px;
    top: 549px;
    position: absolute;
}
.pos_2_10 {
    left: 122px;
    top: 610px;
    position: absolute;
}
.pos_2_11 {
    left: 122px;
    top: 671px;
    position: absolute;
}
.pos_3_5 {
    left: 183px;
    top: 305px;
    position: absolute;
}
.pos_3_6 {
    left: 183px;
    top: 366px;
    position: absolute;
}
.pos_3_7 {
    left: 183px;
    top: 427px;
    position: absolute;
}
.pos_3_8 {
    left: 183px;
    top: 488px;
    position: absolute;
}
.pos_3_9 {
    left: 183px;
    top: 549px;
    position: absolute;
}
.pos_3_10 {
    left: 183px;
    top: 610px;
    position: absolute;
}
.pos_3_11 {
    left: 183px;
    top: 671px;
    position: absolute;
}
.pos_4_5 {
    left: 244px;
    top: 305px;
    position: absolute;
}
.pos_4_6 {
    left: 244px;
    top: 366px;
    position: absolute;
}
.pos_4_7 {
    left: 244px;
    top: 427px;
    position: absolute;
}
.pos_4_8 {
    left: 244px;
    top: 488px;
    position: absolute;
}
.pos_4_9 {
    left: 244px;
    top: 549px;
    position: absolute;
}
.pos_4_10 {
    left: 244px;
    top: 610px;
    position: absolute;
}
.pos_4_11 {
    left: 244px;
    top: 671px;
    position: absolute;
}
.pos_5_0 {
    left: 305px;
    top: 0px;
    position: absolute;
}
.pos_5_1 {
    left: 305px;
    top: 61px;
    position: absolute;
}
.pos_5_2 {
    left: 305px;
    top: 122px;
    position: absolute;
}
.pos_5_3 {
    left: 305px;
    top: 183px;
    position: absolute;
}
.pos_5_4 {
    left: 305px;
    top: 244px;
    position: absolute;
}
.pos_5_5 {
    left: 305px;
    top: 305px;
    position: absolute;
}
.pos_5_6 {
    left: 305px;
    top: 366px;
    position: absolute;
}
.pos_5_7 {
    left: 305px;
    top: 427px;
    position: absolute;
}
.pos_5_8 {
    left: 305px;
    top: 488px;
    position: absolute;
}
.pos_5_9 {
    left: 305px;
    top: 549px;
    position: absolute;
}
.pos_5_10 {
    left: 305px;
    top: 610px;
    position: absolute;
}
.pos_5_11 {
    left: 305px;
    top: 671px;
    position: absolute;
}
.pos_6_1 {
    left: 366px;
    top: 61px;
    position: absolute;
}
.pos_6_2 {
    left: 366px;
    top: 122px;
    position: absolute;
}
.pos_6_3 {
    left: 366px;
    top: 183px;
    position: absolute;
}
.pos_6_4 {
    left: 366px;
    top: 244px;
    position: absolute;
}
.pos_6_5 {
    left: 366px;
    top: 305px;
    position: absolute;
}
.pos_6_6 {
    left: 366px;
    top: 366px;
    position: absolute;
}
.pos_6_7 {
    left: 366px;
    top: 427px;
    position: absolute;
}
.pos_6_8 {
    left: 366px;
    top: 488px;
    position: absolute;
}
.pos_6_9 {
    left: 366px;
    top: 549px;
    position: absolute;
}
.pos_6_10 {
    left: 366px;
    top: 610px;
    position: absolute;
}
.pos_6_11 {
    left: 366px;
    top: 671px;
    position: absolute;
}
.pos_7_0 {
    left: 427px;
    top: 0px;
    position: absolute;
}
.pos_7_1 {
    left: 427px;
    top: 61px;
    position: absolute;
}
.pos_7_2 {
    left: 427px;
    top: 122px;
    position: absolute;
}
.pos_7_3 {
    left: 427px;
    top: 183px;
    position: absolute;
}
.pos_7_4 {
    left: 427px;
    top: 244px;
    position: absolute;
}
.pos_7_5 {
    left: 427px;
    top: 305px;
    position: absolute;
}
.pos_7_6 {
    left: 427px;
    top: 366px;
    position: absolute;
}
.pos_7_7 {
    left: 427px;
    top: 427px;
    position: absolute;
}
.pos_7_8 {
    left: 427px;
    top: 488px;
    position: absolute;
}
.pos_7_9 {
    left: 427px;
    top: 549px;
    position: absolute;
}
.pos_7_10 {
    left: 427px;
    top: 610px;
    position: absolute;
}
.pos_7_11 {
    left: 427px;
    top: 671px;
    position: absolute;
}
.pos_8_0 {
    left: 488px;
    top: 0px;
    position: absolute;
}
.pos_8_1 {
    left: 488px;
    top: 61px;
    position: absolute;
}
.pos_8_2 {
    left: 488px;
    top: 122px;
    position: absolute;
}
.pos_8_3 {
    left: 488px;
    top: 183px;
    position: absolute;
}
.pos_8_4 {
    left: 488px;
    top: 244px;
    position: absolute;
}
.pos_8_5 {
    left: 488px;
    top: 305px;
    position: absolute;
}
.pos_8_6 {
    left: 488px;
    top: 366px;
    position: absolute;
}
.pos_8_7 {
    left: 488px;
    top: 427px;
    position: absolute;
}
.pos_8_8 {
    left: 488px;
    top: 488px;
    position: absolute;
}
.pos_8_9 {
    left: 488px;
    top: 549px;
    position: absolute;
}
.pos_8_10 {
    left: 488px;
    top: 610px;
    position: absolute;
}
.pos_8_11 {
    left: 488px;
    top: 671px;
    position: absolute;
}
.diffPos_2_4_0_0 {
    left: 122px;
    top: 244px;
    position: absolute;
}
.size_4_4 {
    width: 243px;
    height: 243px;
}
.size_5_5 {
    width: 304px;
    height: 304px;
}
.size_1_1 {
    width: 60px;
    height: 60px;
}
.inputsize {
    width: 60px;
    height: 75px;
}
.size_2_1 {
    width: 121px;
    height: 60px;
}
.plussize_5_5 {
    width: 305px;
    height: 305px;
}
.plussize_1_1 {
    width: 61px;
    height: 61px;
}
.plussize_2_1 {
    width: 122px;
    height: 61px;
}
.partsize_1_2_1 {
    width: 60px;
    height: 30px;
}
.partsize_1_3_1 {
    width: 60px;
    height: 20px;
}
.partsize_2_3_1 {
    width: 60px;
    height: 40px;
}
.textbox_0_5 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 307px;
}
.textbox_0_6_0 {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 368px;
}
.textbox_0_6_1 {
    width: 60px;
    height: 29px;
    position: absolute;
    left: 0px;
    top: 398px;
}
.textbox_0_8 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 490px;
}
.textbox_0_10 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 612px;
}
.textbox_0_11 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 673px;
}
.textbox_1_8_0 {
    width: 60px;
    height: 20px;
    position: absolute;
    left: 61px;
    top: 490px;
}
.textbox_1_8_1 {
    width: 60px;
    height: 39px;
    position: absolute;
    left: 61px;
    top: 510px;
}
.textbox_2_5 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 122px;
    top: 307px;
}
.textbox_3_5 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 183px;
    top: 307px;
}
.textbox_3_7_0 {
    width: 60px;
    height: 40px;
    position: absolute;
    left: 183px;
    top: 429px;
}
.textbox_3_7_1 {
    width: 60px;
    height: 19px;
    position: absolute;
    left: 183px;
    top: 469px;
}
.textbox_5_1 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 305px;
    top: 63px;
}
.textbox_5_2_0 {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 305px;
    top: 124px;
}
.textbox_5_2_1 {
    width: 60px;
    height: 29px;
    position: absolute;
    left: 305px;
    top: 154px;
}
.textbox_5_4 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 305px;
    top: 246px;
}
.textbox_5_5 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 305px;
    top: 307px;
}
.textbox_5_8_0 {
    width: 60px;
    height: 30px;
    position: absolute;
    left: 305px;
    top: 490px;
}
.textbox_5_8_1 {
    width: 60px;
    height: 29px;
    position: absolute;
    left: 305px;
    top: 520px;
}
.textbox_6_11 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 366px;
    top: 673px;
}
.textbox_7_0 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 427px;
    top: 2px;
}
.textbox_7_9 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 427px;
    top: 551px;
}
.textbox_8_0 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 488px;
    top: 2px;
}
.textbox_8_5 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 488px;
    top: 307px;
}
.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: 30px;
}
.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: 40px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
}
.specialchar {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 40px;
    line-height: 110%;
    overflow: hidden;
    text-align: center;
}
.texttable {
    table-layout: fixed;
}
.plussize {
    width: 61px;
    height: 61px;
}
.textsmall {
    font-size: 12.5px;
}
.textbig {
    font-size: 13.333333333333334px;
}
.sudokugiven {
    font-family: "tekton-pro", tobl, "Comic Sans MS", cursive, sans-serif, Arial;
    font-size: 40px;
    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: 40px;
    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;
}
