﻿.mimg{margin-left:15px;margin-top:30px;background:url("../images/middle.png") no-repeat scroll 0 0 transparent;width:640px;height:580px;float:left;}
.dragme{background:url("../images/dragme.png") no-repeat scroll 0 0 transparent;position:absolute;width:628px;height:45px;margin-left:31px;margin-top:269px;  }


.whethink{background:url("../images/whereyouthink.png") no-repeat scroll 0 0 transparent;position:absolute;width:628px;height:45px;margin-left:33px;margin-top:475px;}
.whethink1{background:url("../images/whereyouthink.png") no-repeat scroll 0 0 transparent;position:absolute;width:628px;height:45px;margin-left:33px;margin-top:436px;}
.dragme1{background:url("../images/dragme.png") no-repeat scroll 0 0 transparent;position:absolute;width:628px;height:45px;margin-left:31px;margin-top:490px}

 .ui-slider-vertical
 {
	 height:auto;
 }
        .ui-slider-vertical .ui-slider-handle
        {
            background-image: url('../images/dragme.png');
            background-color: transparent;
            border: none;
            cursor: pointer;
            width: 633px !important;
            height: 41px !important;
            margin-left: -632px !important;
        }
        .ui-slider-horizontal .ui-slider-handle
        {
            background-image: url('../images/cho.png') !important;
            background-color: transparent;
            width: 34px !important;
            height: 28px !important;
            margin-left: -17px !important;
            border: 0px;
            cursor: pointer;
        }
        
       /* div#AdultHoushold #123img
        {
            
            margin-left: 14px;
            margin-top: 10px;
        }
        
        {
            height: 2px;
            width: 252px;
            background-color: #333;
            float: left;
            margin-left: 14px;
            margin-top: 10px;
        }
        div#DepChildrenResult #slider-ChildrenResult
        {
            height: 2px;
            width: 252px;
            background-color: #333;
            float: left;
            margin-left: 14px;
            margin-top: 10px;
        }*/
        div#DepChildrenResult #slider-ChildrenResult,
		div#AdultHouseHoldResult #slider-householdResult,
		div#DepChildren #slider-Children,
		div#AdultHoushold #slider-household
        {
            height: 5px;
            width:100%;
            background-color: #333;
            float: left;
            margin: 13px 0 20px 0;
        }

        #intDepChildren, #intHouseholdResult, #intDepChildrenResult, #intHousehold
        {
            border: 0;
            width: 20px;
            font-size: 24px;
			font-family: museo_100regular;
            display:inline;
            margin-bottom:0;
			margin:0px;
			padding:0px;
        }



#ArrowImgScreen2
{
margin-left: 0px;
position: absolute;

}
#ArrowImg1Screen3
{
position: absolute; margin-left: 0px;
}
#ArrowImg2Screen3
{
position: absolute; margin-left: 0px;
}

        
.ui-widget-header
        {
            background-image: none;
            background-color: #82c000;
            border:1px solid #000
        } 


.sliderdiv {position: relative; height: 100%; float: right; z-index: 10;}

#slider-vertical {height: 91%; width: 0px; margin-top: 35px; }
#Screen1Middleimgdiv {position: absolute; height: auto; width: 100%;}
#Screen1Middleimgdiv .Screen1Middleimg {top: 0px; height: auto; margin-left: 0px;}
.Screen2Middleimg {top: 0px; height: auto; width: 98.9%; margin-left: 0px; position: absolute;}
#123img img {margin-top: 10px !important;  margin-left: 15px !important;}

.Screen3Middleimg {top: 0px; height: auto; width: 98.9%; margin-left: 0px; position: absolute;}
 
.ui-dialog .ui-dialog-content {}
 #name:focus
        {
            color: red!important;
        }
#BetterOffSecondContent{/*padding:0 25px 25px;*/}