/*
 *	PRIMARY CONTAINERS
 */

/* the container in which the calculator is stored */
.calculatorContainer
{
    width: 100%;
    text-align: center;
    clear: both;
    font-family: Tahoma;
    font-size: 12pt;
}

/* the actual calculator frame */
.calculatorContainer .calculator
{
    text-align: center;
    margin: 0 auto 0 auto;
    position: relative;
    width: 280px;
    height: 408px;
    background: url(../images/calculator/background.png);
}

.calculator .display
{
    position: relative;
    width: 230px;
    height: 42px;
    top: 50px;
    font-size: 26px;
    text-align: right;
    font-family: Georgia, Tahoma, Arial;
    overflow: hidden;
}

/*
 *	SETTING MANIPULATION
 */

.calculator .selectMetal
{
    top: 60px;
}

.calculator .selectQuality
{
    top: 65px;
}

.calculator .selectScale
{
    top: 70px;
}

.calculator .calculatorSettings div
{
    clear: both;
    position: relative;
    left: 18px;
    text-align: left;
}

.calculator .calculatorSettings input
{
}

.calculator .calculatorSettings label
{
    cursor: pointer;
    margin: 0px -5px 0px -5px;
    padding: 0px;
}

.calculator .calculatorSettings .settingImage
{
    padding-right: 3px;
}

.calculator .calculatorButtons
{
    position: relative;
    top: 60px;
    left: 13px;
}



/* remember margin is prolly required for most other browsers */


.calculator .buttons
{
    position: relative;
    clear: both;
    top: 120px;
}

.calculator .standard_button
{
    clear: right;
    float: left;
    position: relative;
    top: 0px;
    left: 15px;
    width: 51px;
    height: 33px;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.calculator .large_button
{
    clear: right;
    float: left;
    position: relative;
    top: 0px;
    left: 15px;
    width: 105px;
    height: 33px;
    cursor: pointer;
}


.calculator .standard_button .backspace
{
    background: url(../images/calculator/normal/backspace.png);
    width: 111px;
    height: 33px;
    margin: 0px auto 0px 121px;
}
.calculator .standard_button .backspace:hover
{
    background: url(../images/calculator/hover/backspaceo.png);
}

.calculator .standard_button .enter
{
    background: url(../images/calculator/normal/enter.png);
    width: 51px;
    height: 130px;
    margin: -1px auto 0px 14px;
}
.calculator .standard_button .enter:hover
{
    background: url(../images/calculator/hover/entero.png);
}

.calculator .standard_button .nine
{
    margin: auto auto auto 10px;
    background: url(../images/calculator/normal/9.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .nine:hover
{
    background: url(../images/calculator/hover/9o.png);
}
.calculator .standard_button .eight
{
    margin: auto auto auto 5px;
    background: url(../images/calculator/normal/8.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .eight:hover
{
    background: url(../images/calculator/hover/8o.png);
}
.calculator .standard_button .seven
{
    margin: auto auto auto 0px;
    background: url(../images/calculator/normal/7.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .seven:hover
{
    background: url(../images/calculator/hover/7o.png);
}
.calculator .standard_button .six
{
    margin: auto auto auto 10px;
    background: url(../images/calculator/normal/6.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .six:hover
{
    background: url(../images/calculator/hover/6o.png);
}
.calculator .standard_button .five
{
    margin: auto auto auto 5px;
    background: url(../images/calculator/normal/5.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .five:hover
{
    background: url(../images/calculator/hover/5o.png);
}
.calculator .standard_button .four
{
    margin: auto auto auto 0px;
    background: url(../images/calculator/normal/4.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .four:hover
{
    background: url(../images/calculator/hover/4o.png);
}
.calculator .standard_button .three
{
    margin: auto auto auto 10px;
    background: url(../images/calculator/normal/3.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .three:hover
{
    background: url(../images/calculator/hover/3o.png);
}
.calculator .standard_button .two
{
    margin: auto auto auto 5px;
    background: url(../images/calculator/normal/2.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .two:hover
{
    background: url(../images/calculator/hover/2o.png);
}
.calculator .standard_button .one
{
    margin: auto auto auto 0px;
    background: url(../images/calculator/normal/1.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .one:hover
{
    background: url(../images/calculator/hover/1o.png);
}

.calculator .standard_button .clear
{
    margin: auto auto auto 15px;
    background: url(../images/calculator/normal/clear.png);
    width: 51px;
    height: 33px;
}
.calculator .standard_button .clear:hover
{
    background: url(../images/calculator/hover/clearo.png);
}

.calculator .standard_button .dot
{
    margin: auto auto auto 4px;
    background: url(../images/calculator/normal/decimal.png);
    width: 51px;
    height: 33px;
    margin-left: 14px;
}
.calculator .standard_button .dot:hover
{
    background: url(../images/calculator/hover/decimalo.png);
}

.calculator .large_button .zero
{
    background: url(../images/calculator/normal/0.png) #eee;
    width: 111px;
    height: 33px;
    margin-left: 2px;
}
.calculator .large_button .zero:hover
{
    background: url(../images/calculator/hover/0o.png);
}


        a
        {
            text-decoration: none;
            color: #f7db8e;
            font-size: 9pt;
            font-family: Georgia;
        }
        a:hover
        {
            color: #e11;
        }
        .dropdown
        {
            cursor: pointer;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
            float: left;
            top: -4px;
        }
        .dropdown li
        {
            
        }
        .dropdown li span.parent
        {
            /*
            display: block;
            */
            color: #f7db8e;
            font-size: 9pt;
            font-family: Georgia;
            height: 20px;
            font-weight: 700;
            padding: 0 0 0 10px;
            line-height: 16px;
            background: #000;
        }
        .dropdown li span.btn
        {
            margin-left: 5px;
            padding: 0 8px 0 8px;
            background: url(../images/calculator/ddlbtn.gif) 0px -4px no-repeat;
            overflow: hidden;
            position: relative;
        }
        .dropdown li span.btn.hover, .dropdown li span.btn:hover
        {
            background: url(../images/calculator/ddlbtn.gif) 0px -39px no-repeat;
        }
        .dropdown li a.hover
        {
        }
        .dropdown ul
        {
            border: solid 1px #eee;
            margin: 0;
            padding: 0;
            list-style: none;
            display: none;
            padding: 5px 0 5px 0;
            position: absolute;
            left: 0;
            z-index: 99999;
            background: #000;
            width: 150px;
        }
        .dropdown ul li
        {
            font-size: 10pt;
        }
        .dropdown ul li a
        {
            display: block;
            padding: 0 0 0 10px;
            color: #fff;
            font-size: 10px;
        }
        .dropdown ul li a:hover
        {
            color: #ccc;
            background: #666;
        }