html, body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #fff;
font-family:"Ubuntu";
}

form
{
border: 1px solid #131313;
margin-top: 15px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
background-color: #53A6CF;
width: 420px;
height: 790px;
}

#app_name, #title
{
text-shadow: 1px 1px #214253;
text-align: center;
font-weight:bold;
font-size: 18px;
}

#title
{
margin-top: 2px;
text-align: center;
text-shadow: 1px 1px #E6E6E6;
font-weight:bold;
color: #000;
font-size: 16px;
}

.gender
{
text-shadow: 1px 1px #214253;
text-align: center;
margin-left: auto;
margin-right:auto;
margin-top: -15px;
}

#male
{
position: absolute;
margin-left: 160px;
margin-top: -15px;
float: left;
width: 32px;
height: 32px;
background-image: url('images/male.png')
}

#female
{
margin-top: -15px;
margin-left: 230px;
width: 32px;
height: 32px;
background-image: url('images/female.png')
}

.mesurements
{
margin-top: 2px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
width: 400px;
height: 104px;
margin-left: auto;
margin-right:auto;
}

.mesurements a
{
float: left;
text-shadow: 1px 1px #214253;
text-align: left;
margin-top: -5px;
margin-left: 10px;
margin-right: auto;
}

.mesurements a1
{
float: right;
text-shadow: 1px 1px #214253;
text-align: right;
margin-left: auto;
margin-top: -5px;
margin-right: 10px;
}

.mesurements a2
{
text-align: center;
margin-left: auto;
margin-right: auto;
}

#weight
{
border-bottom: 1px solid #B2E6FF;
border-right: 1px solid #B2E6FF;
border-left: 1px solid #131313;
border-top: 1px solid #131313;
background-color: #478FB2;
margin-left: 72px;
margin-right: auto;
margin-top: -5px;
width: 172px;
height: 16px;
text-align: right;
color: #fff;
}

#height
{
border-bottom: 1px solid #B2E6FF;
border-right: 1px solid #B2E6FF;
border-left: 1px solid #131313;
border-top: 1px solid #131313;
background-color: #478FB2;
margin-left: 74px;
margin-right: auto;
margin-top: -5px;
width: 153px;
height: 16px;
text-align: right;
color: #fff;
}

#age
{
border-bottom: 1px solid #B2E6FF;
border-right: 1px solid #B2E6FF;
border-left: 1px solid #131313;
border-top: 1px solid #131313;
background-color: #478FB2;
margin-left: 93px;
margin-right: auto;
margin-top: -5px;
width: 203px;
height: 16px;
text-align: right;
color: #fff;
}

#radioDCN
{
width:400px;
height: 106px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
}

#subB
{
width: 100px;
height: 20px;
}

#sub
{
width: 400px;
height: 30px;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
}

#subB, #subBin, #subBmi, #subind
{
margin-left: 150px;
margin-right: auto;
width: 100px;
height: 28px;
background-color: #53A6CF;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
text-align: center;
text-shadow: 1px 1px #E6E6E6;
font-weight:bold;
color: #000;
}

#dog
{
position: absolute;
right: 0px;
bottom: 0px;
width: 394px;
height: 519px;
background-image: url('images/sd.png');
}

#bmr_result h3
{
margin-top: -10px;
text-align: center;
text-shadow: 1px 1px #214253;
}

#bmr_result a1
{
margin-left: 2px;
text-shadow: 1px 1px #214253;
}

#bmr, #bmi, #cal
{
margin-top: -10px;
font-size: 18px;
font-weight:bold;
width: 120px;
height: 28px;
border-bottom: 1px solid #B2E6FF;
border-right: 1px solid #B2E6FF;
border-left: 1px solid #131313;
border-top: 1px solid #131313;
background-color: #478FB2;
color: #fff;
text-align: center;
margin-left: 150px;
}

#radioDCN
{
text-shadow: 1px 1px #214253;
text-align: left;
}