/* CSS Document */

body{
padding:0px;
margin:0px;
background:#FBEEEF;
font-family:"Trebuchet MS";


}

.title{
font-size:40px;
text-align:center;
margin:10px 0px;
}

h1{
color:#BA0310;


}

h2{
color:#BA0310;
font-size:30px;
}

.tblname{
margin:0 auto 20px auto;

}
.tblname td{
padding-left:10px;
color:#FFFFFF;
}

.tblname h3{
margin:0px 0px 5px 0px;
}

.tblname input{
font-size:20px;
border:1px solid #BA0310;
padding:3px;
width:240px;
font-family:"Trebuchet MS";
}

.calculate{
text-align:center;
padding-top:30px;

}

.calculate input{
font-size:24px;
text-transform:uppercase;
width:200px;
font-family:"Trebuchet MS";

}

.result{
width:80%;
margin:0 auto;

}

.percent p{
font-size:20px ;
text-align:center;
line-height:1.8;
text-transform:capitalize;

}

.percent p span{
color:#BA0310;
font-weight:bold;
}

.cat{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:dashed 1px #333333;
}

.cat h3{
margin:0px;
color:#BA0310;
display:block;
cursor:pointer;
padding-left:10px;

}
.h3_selected{

}

.error{
text-align:center;
color:#FF0000;
margin:10px 0;

}

.heart{
background: url(heart.jpg) no-repeat;
width:700px;
height:480px;
margin:0 auto;
padding-top:100px;

}

.result_text{
padding-left:10px;
}