/*
    Sudoku puzzle style sheet
    (C) Copyright 2007
    John Ryland <jryland@invertedlogic.com>

    ALL RIGHTS RESERVED
*/
html * {
    text-align : center;
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-smooth: always;
/*
    // CSS Debug
    border : 1px solid #000;
*/
}
.blank {
    border : 0px;
    background-color : #FFF;
}
#e {
    background-color : #000;
    color : #FFF;
}
#title {
    font-size : 2em;
}
.buttonBox {
    margin : 0 auto;
}
.button {
    width : 120px;
    border : 2px outset #000;
    background-color : #BBB;
}
#bigbox {
    border : 2px solid #000;
    margin-left : auto;
    margin-right : auto;
}
#boxes {
    border : 1px solid #000;
    margin-left : auto;
    margin-right : auto;
}
#boxes * {
    border : 1px solid #000;
    font-size : 1.1em;
    width : 35px;
    height : 35px;
    text-align : center;
}
#boxes * input {
    border : 0px solid #FFF;
    margin : 0;
}
.ClueNumber {
    border : 1px solid #000;
    background-color : #FFF;
    color : #000;
}
.EnteredNumber {
    border : 1px solid #000;
    background-color : #FFF;
    color : #22F;
}
.WrongNumber {
    border : 1px solid #000;
    background-color : #FBB;
    color : #F22;
}
.CorrectNumber {
    border : 1px solid #000;
    background-color : #FFF;
    color : #2F2;
}
.PausedNumber {
    border : 1px solid #000;
    background-color : #DDD;
    color : #333;
}


.ClueNumberFocused {
    border : 1px solid #114;
    background-color : #BBF;
    color : #000;
}
.EnteredNumberFocused {
    border : 1px solid #114;
    background-color : #BBF;
    color : #22F;
}
#outterInProgress {
    position : relative;
    left : 0px;
    top : -335px;
    float : left;
}
#inProgress {
    filter : alpha(opacity=70);
    opacity : 0.7;
    -moz-opacity : 0.7;
    background-color : #AAA;
    margin : 0 auto;
    position : absolute;
    left : 171px;
    top : -44px;
    z-index : 99;
    display : none;
    width : 343px;
    height: 360px;
    background-color:#AAA;
    float : left;
}
#inProgress[id] {
    top : -20px;
    height: 343px;
}
#blah {
    position : relative;
    color : #000;
    top : 160px;
    z-index : 100;
    font-size : 1.2em;
}