.cloud {width:100%;}
.cloud li{
			height:36px;
			line-height:36px;
			font-size:16px;
			font-family: 'Bree Serif', serif!important;
			padding:0 10px 0 18px;
			background:#104E8B;
			color:#fff;
			text-decoration:none;
			-moz-border-radius-bottomright:4px;
			-webkit-border-bottom-right-radius:4px; 
			border-bottom-right-radius:4px;
			-moz-border-radius-topright:4px;
			-webkit-border-top-right-radius:4px; 
			border-top-right-radius:4px; 
		} 
.cloud li a{
			height:36px;
			line-height:36px;
			font-size:16px;
			font-family: 'Bree Serif', serif!important;
			padding:0 10px 0 18px;
			background:#104E8B;
			color:#fff!important;
			
		} 
		
		.cloud li a:before{
			content:"";
			float:left;
			position:absolute;
			top:0;
			left:-18px;
			width:0;
			height:0;
			border-color:transparent #08c transparent transparent;
			border-style:solid;
			border-width:18px 18px 18px 0;  
		} 
		.cloud li a:after{
			content:"";
			position:absolute;
			top:16px;
			left:0;
			float:left;
			width:4px;
			height:4px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			background:#fff;
			-moz-box-shadow:-1px -1px 2px #004977;
			-webkit-box-shadow:-1px -1px 2px #004977;
			box-shadow:-1px -1px 2px #004977;
		}  

		.cloud li a:hover{} 
		.cloud li a:hover:before{border-color:transparent #555 transparent transparent;}