.cloud1, .cloud2 {
 width: 90%;
}
.cloud {
 letter-spacing: 1px;
 line-height: 1.5em;
 margin: 0;
 margin-top: .3em;
 padding-left: 15px;
}
.cloud a, cloud a:hover {
 text-decoration: none;
}
.cl_1 {
 font-size: 70%;
}
.cl_2 {
 font-size: 80%;
}
.cl_3 {
 font-size: 85%;
}
.cl_4 {
 font-size: 90%;
}
.cl_5 {
 font-size: 95%;
}
.cl_6 {
 font-size: 100%;
}
.cl_7 {
 font-size: 105%;
}
.cl_8 {
 font-size: 110%;
}
.cl_9 {
 font-size: 115%;
}
.cl_10 {
 font-size: 120%;
}
.white_not_cl, .cloud1 .cl_1 a, .cloud1 .cl_2 a, .cloud1 .cl_3 a, .cloud1 .cl_4 a, .cloud1 .cl_5 a, .cloud1 .cl_6 a, .cloud1 .cl_7 a, .cloud1 .cl_8 a, .cloud1 .cl_9 a, .cloud1 .cl_10 a {
 color: #fff;
}
.white_not_cl:hover {
 color: #777;
}
.cloud1 .cl_1 a:hover, .cloud1 .cl_2 a:hover, .cloud1 .cl_3 a:hover, .cloud1 .cl_4 a:hover, .cloud1 .cl_5 a:hover, .cloud1 .cl_6 a:hover, .cloud1 .cl_7 a:hover, .cloud1 .cl_8 a:hover, .cloud1 .cl_9 a:hover, .cloud1 .cl_10 a:hover {
 background: #fff;
 color: #FFB400;
}
.cloud2 .cl_1 a, .cloud2 .cl_2 a, .cloud2 .cl_3 a, .cloud2 .cl_4 a, .cloud2 .cl_5 a, .cloud2 .cl_6 a, .cloud2 .cl_7 a, .cloud2 .cl_8 a, .cloud2 .cl_9 a, .cloud2 .cl_10 a {
 color: #667DA4;
}
.cloud2 .cl_1 a:hover, .cloud2 .cl_2 a:hover, .cloud2 .cl_3 a:hover, .cloud2 .cl_4 a:hover, .cloud2 .cl_5 a:hover, .cloud2 .cl_6 a:hover, .cloud2 .cl_7 a:hover, .cloud2 .cl_8 a:hover, .cloud2 .cl_9 a:hover, .cloud2 .cl_10 a:hover {
 background: #667DA4;
 color: #fff;
}
.cl_1, .cl_2, .cl_3, .cl_4, .cl_5 .cl_6, .cl_7, .cl_8, .cl_9, .cl_10 {
 white-space: nowrap;
}