body
{
    background:url(../images/animalcalc_bg.png) no-repeat;
    margin:0px;
    font-family:Arial;
    width:600px;
    }    
.animalMowers .titleBar
{
    margin-top:159px;
    padding-left:17px
    }
.animalMowers .titleBar .dishes
{
    display:inline-block;
    width:93px;
    height:93px;
    background-repeat: no-repeat;
    vertical-align:middle;     
    text-align:center; 
    }
.dish_goat
{
    background-image :url('../images/goat-dish.png');
    }
.dish_sheep
{
    background-image :url('../images/sheep-dish.png');
    }
.dish_chicken
{
    background-image :url('../images/chicken-dish.png');
    }
.dish_guinea_pig
{
    background-image :url('../images/guinea_pig-dish.png');
    }
.dish_cow
{
    background-image :url('../images/cow-dish.png');
    }    
.animalMowers .titleBar font
{
    display: inline-block;
    color:#25490e;
    font-size:22px;
    margin-top:33px;
    margin-right:4px;
    font-family: Arial;
    }
.animalMowers .titleBar .title
{
    vertical-align:middle;
    display:inline-block;
    margin-left:6px;
    }
.animalMowers .content
{
    padding:10px 17px;
    }
/* page1 */ 
.animalMowers .selector .item
{
    cursor:pointer;
    }
.animalMowers .toolBar
{
    text-align:center;
    }
.buttonContinue
{
    margin-top:45px;
    display:inline-block;
    background:url(../images/button-cont.png) no-repeat;
    width:192px;
    height:38px;
    cursor:pointer;
    }
/*
.buttonContinue:hover
{
    background-image:url(../images/button-cont-hover.png);
    }
*/
#selectorItem1
{
    margin-left:10px
    }
#selectorItem3
{
    margin-left:9px
    }
#selectorItem4
{
    margin-left:4px
    }
/* page2 */ 
.animalMowers .inputField
{
    text-align:center;
    margin-top:35px
    }
.animalMowers .inputField .textbox
{
    width:150px;
    height:33px;
    background:url(../images/input-bg.png) no-repeat;
    border:0px;
    padding-left:10px;
    color:#3e6d1f;
    font-size:18px;
    font-family:Arial;
    line-height:33px;
    }
.animalMowers .selectCtrl
{
    cursor:default;
    vertical-align:middle;
    margin-left:23px;
    }
.animalMowers .selectText
{
    text-align:left;
    display:inline-block;
    background-color:white;
    height:33px;
    border:1px solid #d4d4d4;
    line-height:33px;
    font-size:18px;
    font-family:Arial;
    line-height:33px;
    color:#3e6d1f;
    padding-left:10px;
    width:90px;
    }
.animalMowers .selectButton
{
    height:33px;
    line-height:33px;
    border-top:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;
    width: 30px;
    display:inline-block;
    background-color:#77a0ab;
    font-size:18px;
    }
.animalMowers .selectArrow
{
    display:inline-block;
    border-width : 10px 6px 0 6px;
    border-style : solid dashed dashed dashed;
    border-color : #cde6ee transparent transparent transparent;
    margin-top:13px;
    }
.animalMowers .selectCtrl:hover .selectButton
{
    background-color:#6a919b;
    }
.animalMowers .selectCtrl:hover .selectArrow
{
    border-top-color:#e0f1f7;
    }
.animalMowers .selectCtrl div
{
    display:none;    
    }
.animalMowers .subPopup
{
    border:1px solid #d4d4d4;
    margin-top:25px;
    width:131px;
    background-color:white;
    text-align:left;
    padding:5px 0px;
    cursor:default;
    }   
.animalMowers .subPopup .item
{
    padding-left:10px;
    font-size:18px;
    color:#3e6d1f;
    }
.animalMowers .subPopup .item:hover
{
    background-color:#77a0ab;
    color:white;
    }
.buttonMow
{
    margin-top:30px;
    display:inline-block;
    background:url(../images/button-mow.png) no-repeat;
    width:222px;
    height:38px;
    cursor:pointer;
    }
/*
.buttonMow:hover
{
    background-image:url(../images/button-mow-hover.png);
    }
*/
    
/* page4 */  
.resultField
{
    text-align:center;
    }
.resultAnimal
{
    width:186px;
    height:127px;
    display:inline-block;
    vertical-align:middle;
    }
.resultAmount
{
    color:#535758;
    font-size:68px;
    font-weight:bold;
    vertical-align:middle;
    }
.multipleChar
{
    font-size:42px;
    }
.result_goat
{
    background-image :url('../images/results-goat.png');
    }
.result_sheep
{
    background-image :url('../images/results-sheep.png');
    }
.result_chicken
{
    background-image :url('../images/results-chicken.png');
    }
.result_guinea_pig
{
    background-image :url('../images/results-guinea_pig.png');
    }
.result_cow
{
    background-image :url('../images/results-cow.png');
    }  
.resultDetail
{
    margin-top:20px;
    text-align:center;
    font-size:18px;
    color:#535758;
    }
.greenBold
{
    color:#25490e;
    font-weight:bold;
    }
.shareField
{
    width:410px;
    margin:0px auto;
    text-align:left;
    margin-top:30px;
    font-size:12px;
    }
.shareField .socialButtons
{
    margin-right:100px;
    display:inline-block;
    }
.buttonReset
{
    margin-top:30px;
    display:inline-block;
    background:url(../images/button-reset.png) no-repeat;
    width:116px;
    height:38px;
    cursor:pointer;
    }
.buttonReset:hover
{
    background-image:url(../images/button-reset-hover.png);
    }