#main {
}

.cloud
{
	padding:1px;
	padding-top: 0;
	margin-right: 20px;
	text-align: center;
}

.cloud a
{
	display: inline;
	text-decoration:none;
	margin:5px;
	font-family: Helvetica, Arial;
	color: #5c67de;
	padding: 0;
	vertical-align: middle;
	padding: 10px 0 10px 0;
	cursor: pointer;
	line-height: 45px;
}

.cloud a.label 
{
	color: #5c67de;
}

.cloud a.group 
{
	color: #4cbe57;
}

.cloud a:hover
{
	background-color: #d0d0d0;
	color:#444444;
	text-decoration: none;
}

.cloud .weight1
{
	font-size: 2.5em;
	font-weight:bolder;
}

.cloud .weight2
{
	font-size:2em;
	font-weight:bolder;
}

.cloud .weight3
{
	font-size: 1.5em;
	font-weight:bolder;
}

.cloud .weight4
{
	font-size: 1.1em;
}

.cloud .weight5
{
	font-size: 0.7em;
}

.smallcloud 
{
	margin-left: 3px;
	cursor: default;
}

.smallcloud a
{
	cursor: pointer;
	text-decoration:none;
	font-family:Trebuchet MS, Verdana, Arial;
	text-transform:lowercase;
	color: #5c67de;
	padding: 0;
	padding-right: 5px;
	display: inline;
	vertical-align: middle;
}

.smallcloud .weight1
{
	font-size: 110%;
	font-weight: bold;
}

.smallcloud .weight2
{
	font-size: 110%;
}

.smallcloud .weight3
{
}

.smallcloud .weight4
{
	font-size: 90%;
}

.smallcloud .weight5
{
	font-size: 80%;
}

#cloudexplanation 
{
	display: none;
	margin-left: -35px;
	text-align: left;
}

#cloud_color_tag
{
	border: 1px solid #aaaaaa;
	background-color: #5c67de;
	margin-right: 1em;
	padding-left: 2em;
	font-size: 60%;
}

#cloud_color_group
{
	border: 1px solid #aaaaaa;
	background-color: #4cbe57;
	margin-right: 1em;
	padding-left: 2em;
	font-size: 60%;
}