body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
color: #818181;
}
.top {
margin: 30px 30px 0 40px;
padding: 30px 30px 0 40px;
}
.head {
padding-top: 20px;
font: 30px Arial;
color: #C0C4C7;
}
/*Operating */
.steps {
font: 24px Arial;
}
.question {
left: 50%;
font: 36px Arial;
color: #747474;
}
.help {
height: 70px;
font: 18px Arial;
color: #D7D7D7;
font-style:  italic;
background: url("images/q.gif") no-repeat;
padding-left: 35px;
}
.form {
padding-top: 50px;
}
.variant {
font: 22px Arial;
cursor: pointer;
}
.variant:hover {
font: 22px Arial;
cursor: pointer;
color: red;
}
.but1, .but2 {
height: 40px;
width: 140px;
border: 0;
color: #FFFFFF;
font: 24px Arial;
}
.but1 {
background-color: #1F4AD3;
}
.but2 {
background-color: #D62A43;
}
/*Main page */
.icon-yellow {
border: 7px solid #FFA200;
width: 195px;
height: 245px;
background: url("images/10.jpg") no-repeat;
background-color: #CF942D;
}
.icon-yellow:hover, .icon-yellow2 {
border: 7px solid #FFA200;
width: 195px;
height: 245px;
background: url("images/11.jpg") no-repeat;
background-color: #CF942D;
}
.icon-blue {
border: 7px solid #0037E8;
width: 195px;
height: 245px;
margin-top: 65px;
background: url("images/20.jpg") no-repeat;
background-color: #0F31A1;
}
.icon-blue:hover, .icon-blue2 {
border: 7px solid #0037E8;
width: 195px;
height: 245px;
margin-top: 65px;
background: url("images/21.jpg") no-repeat;
background-color: #0F31A1;
}
.icon-red {
border: 7px solid #D60D2A;
width: 195px;
height: 245px;
background: url("images/30.jpg") no-repeat;
background-color: #9E2133;
}
.icon-red:hover, .icon-red2 {
border: 7px solid #D60D2A;
width: 195px;
height: 245px;
background: url("images/31.jpg") no-repeat;
background-color: #9E2133;
}
.icon-green {
border: 7px solid #34AA00;
width: 195px;
height: 245px;
margin-top: 65px;
background: url("images/40.jpg") no-repeat;
background-color: #266C08;
}
.icon-green:hover, .icon-green2 {
border: 7px solid #34AA00;
width: 195px;
height: 245px;
margin-top: 65px;
background: url("images/41.jpg") no-repeat;
background-color: #266C08;
}
#yellow, #blue, #red, #green {
text-decoration: underline;
font: 24px Arial;
}
#yellow:hover, #blue:hover, #red:hover, #green:hover {
text-decoration: none;
}
#yellow  {color: #CF942D;}
#blue {color: #0F31A1;}
#red {color: #9E2133;}
#green {color: #266C08;}

.bestsite {
color: #A9A9A9;
font: 18px Arial;
}

.bestsite-friend, .bestsite-love , .bestsite-sex , .bestsite-relation  {
color: #A9A9A9;
font: 14px Arial;
}

.bestsite-friend a {
color: #CF942D;
font: 14px Arial;
text-decoration: underline;
}

.bestsite-friend a:hover {
color: #A9A9A9;
text-decoration: none;
}

.bestsite-love a {
color: #0F31A1;
font: 14px Arial;
text-decoration: underline;
}

.bestsite-love a:hover {
color: #A9A9A9;
text-decoration: none;
}

.bestsite-sex a {
color: #9E2133;
font: 14px Arial;
text-decoration: underline;
}

.bestsite-sex a:hover {
color: #A9A9A9;
text-decoration: none;
}

.bestsite-relation a {
color: #266C08;
font: 14px Arial;
text-decoration: underline;
}

.bestsite-relation a:hover {
color: #A9A9A9;
text-decoration: none;
}

.main_menu {
color: #3C8DD2;
font: 18px Arial;
}
.main_menu div {
display: inline; 
margin-left: 40px;
text-decoration: underline;
}
.main_menu div a {
color: #3C8DD2;
text-decoration: underline;
}
.main_menu div:hover {
display: inline; 
margin-left: 40px;
text-decoration: none;
cursor: pointer;
}
.main_menu  #lucky  {
text-decoration: none;
cursor: help;
}
#mess {
margin: 5px;
padding: 5px;
border: 1px solid #3C8DD2;
background-color: #D6E7F5;
color: #8E8E8E;
}
.answer {
font: 18px Arial;
width: 800px;
}
/* Resulting */
.toch {
font: 24px Arial;
color: #B8B8B8;
}
.toch_tab {
border: 2px solid #DC3850;
}
.toch_tab th {
background-color: #DC3850;
color: #FFFFFF;
}
.netoch_tab {
border: 2px solid #1F4BD8;
}
.netoch_tab th {
background-color: #1F4BD8;
color: #FFFFFF;
}

.row0, .row1 {
height: 25px;
cursor: pointer;
}
.row0 {
background-color: #D6E7F5;
}
tr.row0:hover,tr.row1:hover {
background-color: white;
cursor: pointer;
}
tr.row0,tr.row1{
cursor: pointer;
}
.row1 {
background-color: #F5E2D6;
}
.row0 td, .row1 td {
text-align: center;
padding: 15px;
margin: 15px;
}
.link {
width: 150px;
}
.link a{
color: #535353;
}
.link a:hover{
color: #A1A1A1;
}
.money {
width: 100px;
}
.type {
width: 160px;
}
.but3 {
height: 40px;
width: 250px;
border: 1px solid #64BE3C;
color: #FFFFFF;
font: 24px Arial;
background-color: #D9D9D9;
text-decoration: none;
padding: 5px;
}