@charset "UTF-8";
/* --------------------------- CSS for Radial Responsive Menu ---------------------------*
 * Created by Agyl Rahmadi
 * Version 1.0 Alpha
 * 3 February 2013
 */


/*--------------  SAFELY CUSTOMIZABLE - Visual styling for menu elements -------------------*/

.share .active { background-color: #222222 !important; color: #ffffff !important; z-index: 15; }
#radial-menu {
	float:right;
	position:relative;
	margin:13px 0px 0px 10px;
}

/*--------------  Toggle Button -------------- */
#toggle-radial {
	width: 24px;
	height: 24px;
	display: block;
	text-indent:-2000px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff url('../images/icons.png') -144px -96px no-repeat;
}
#toggle-radial:hover, #toggle-radial:active, #toggle-radial.active {
	background: #321f1a url('../images/icons.png') -144px -72px no-repeat;
	border: 1px solid #555555;
}

/* -------------- Menu Levels general styling -------------- */
#radial-menu ul.level-1 { font-size: 1em; }
#radial-menu ul.level-2 { font-size: 0.9em; }
#radial-menu ul.level-3 { font-size: 0.9em; }

/* -------------- Menu Items -------------- */
#radial-menu > ul li {
	background: #ffffff;
	border: 1px solid #fff;
	box-shadow: 0px 0px 3px #999999;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;			
}
	#radial-menu > ul li:hover { background-color:#ffa503; }
	#radial-menu ul li.have-subs { border: 2px solid #FF4900; }

/* -------------- Menu Items - Links -------------- */
#radial-menu ul li a { 
	text-decoration: none; 
	color: #333333;
	position:absolute;
	left:0px;
	width:32px;
	height:32px;
}
	/*#radial-menu ul li.have-subs > a { background: url("../image/multi-level-arrow.png") no-repeat right bottom; }*/
	#radial-menu ul li.active > a { color: #ffffff; border:0px none; }
	#radial-menu ul li > a:hover, nav.square ul li > a:active {
		color: #ffffff; 
		border:0px none;
	}

/*--------------------------- RESTRICTED - Should not be modified ---------------------------*/
input:focus { outline: none; }
.hide { display: none !important; }
.show { display: inherit !important; }
/*.disable {  opacity: 0.2; } */

#toggle-radial {
	cursor: pointer;
	position: relative;
	z-index: 15;
}

#radial-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#radial-menu > ul li {
	display: block;			
	position: absolute;
}

#radial-menu ul.level-2, #radial-menu ul.level-3 {
	padding: 0;
	margin: 0;
	position: absolute;
}
	
#radial-menu ul li a {	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/* Styling for unwrapped item labels (Experimental) 
	display: block;
	line-height: 55px;
	margin-left: -50%;
	white-space: nowrap;
	*/
}
	
/*Styling for unwrapped item labels (Experimental)
.radial-label {
	display: inline-block;
	position: relative;
	left: 50%;
}*/