/*sprites*/
.roundMenu-sprite{background-image: url(sprite.png);background-repeat: no-repeat;}

/*----------------------*/
.roundMenu-shadow{
   -moz-box-shadow:    1px 1px 2px 0px #555;
   -webkit-box-shadow: 1px 1px 2px 0px #555;
   box-shadow:         1px 1px 2px 0px #555;
}

.roundMenu-shadow-inset{
   -moz-box-shadow: inset 1px 1px 2px 0px #999;
   -webkit-box-shadow: inset 1px 1px 2px 0px #999;
   box-shadow: inset 1px 1px 2px 0px #999;
}
roundMenu-boxsize{
   -moz-box-shadow:    1px 1px 2px 0px #555;
   -webkit-box-shadow: 1px 1px 2px 0px #555;
   box-shadow:         1px 1px 2px 0px #555;
   
   /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#555555')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#555555');
}
.roundMenu-transition{
    webkit-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -o-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -moz-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -ms-transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
    -kthtml-transition: all 0.4s lcubic-bezier(0.52,0,0.48,1);
    transition: all 0.4s cubic-bezier(0.52,0,0.48,1);
}

.boxSizing{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.roundMenu-item-main{
	padding:5px;
	text-align:center;
	float:left;
	clear:both;
	width:100%;
	display:block;
	
	margin-top:8px;
	cursor:pointer;
	
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -moz-box-shadow:    1px 1px 7px 0px #555;
   -webkit-box-shadow: 1px 1px 7px 0px #555;
    box-shadow:         1px 1px 7px 0px #555;	
}

.roundMenu-subContainer{
	float:left;
	width:100%;
	padding-left:15px;
}
.roundMenu-item {
	margin-top: 5px;
	cursor:pointer;
	width:100%;
	padding:5px;
	text-align:left;
	font-size:75%;
	
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.roundMenu-item:hover{
	background-color: #DDD;
}
.roundMenu-item *{
	float:left;
}
.roundMenu-point{
	width: 10px;
	height: 10px;
	margin-top: 6px;
	margin-right: 5px;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.purple .roundMenu-item-main{background-color:#D6227A; color: #FFF;}
.purple .roundMenu-item-main:hover{background-color:#EFEFEF;color:#D6227A;}
.purple .roundMenu-item{color: #D56A9E;}
.purple .roundMenu-item:hover{background-color:#D56A9E;color:#FFF; -moz-box-shadow:1px 1px 7px 0px #555;-webkit-box-shadow: 1px 1px 7px 0px #555;box-shadow:1px 1px 7px 0px #555;}
.purple .roundMenu-point{background-color:#DDD;}

.gray .roundMenu-item-main{background-color:#FFF6D2; color: #000;}
.gray .roundMenu-item-main:hover{background-color:#FFF;color:#D6227A;}
.gray .roundMenu-item{color: #FFF; font-weight:bold;}
.gray .roundMenu-item:hover{background-color:#EEE;color:#555; -moz-box-shadow:1px 1px 7px 0px #555;-webkit-box-shadow: 1px 1px 7px 0px #555;box-shadow:1px 1px 7px 0px #555;}
.gray .roundMenu-point{background-color:#E0E1D6;}