@charset "utf-8";
/* CSS Document */

/*-Link-Style------------------------------------------------------------------------------------*/
.api-menu-left-wrapper{
position:absolute;
left:8.5%;
text-align:center;
width:140px;
z-index:100;
}
.api-menu-left, #api-menu-left{
    font-family: 'TOONISH';
	background-image:url(/public/api/box/book/book/image/bg.jpg);
	padding:20px 20px 20px 20px;
	border-radius:30px;
	margin-left:7px;

	/* box-shadow:10px 10px 50px 20px pink inset; */
	color:#646363;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px; 	
	
	-moz-box-shadow:0 0 10px #5b5b5b;
	-webkit-box-shadow:0 0 10px #5b5b5b;
	box-shadow:0px 0px 10px #5b5b5b;
}
.api-menu-left:hover, #api-menu-left:hover{
	text-shadow: 0px 0px 0px #575757, 0px 1px 1px #575757;
	color:#121212;	
}

.api-menu-left-ie, #api-menu-left-ie{
    font-family: 'TOONISH';
	background-image:url(/public/api/box/book/book/image/bg.jpg);
	padding:20px 20px 20px 20px;
	margin-left:5px;
	font-size:16px;
	font-weight:bold;
	color:#646363;
	border:3px #989898 solid;
}
.api-menu-left-ie:hover, #api-menu-left-ie:hover{
	text-shadow: 0px 0px 0px #575757, 0px 1px 1px #575757;
	color:#2b2b2b;

}

#selected-fade-link-menu, .selected-fade-link-menu{
	color:#121212;		
}

#selected-fade-link-menu-ie, .selected-fade-link-menu-ie{
	color:#121212;
	font-weight:bold;
	border:3px #989898 solid;	
}

.api-menu-left-odd, #api-menu-left-odd
{
/*
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); 
	-webkit-transform:rotate(7deg); 
*/	
} 

.api-menu-left-even, #api-menu-left-even
{
/*
	transform:rotate(-5deg);
	-ms-transform:rotate(7deg); 
	-webkit-transform:rotate(7deg); 
*/	
} 

		
/*---------------- Links level 1 */
.dd-menu li {

}
/*---------------- Links level 2 */
.dd-menu ul {
	width:120px;
	margin-left:0px;
	top:55px;
	left:0px;
	font-size:15px;
	z-index:100;
	font-weight:bold;

}
.dd-menu ul li:first-child a{

}
.dd-menu ul li {
	width:120px;
}
.dd-menu ul li a{
	width:180px;
	padding-right:10px;

	border-top:none;	

}
.dd-menu ul li a:hover {
	color:#2b2b2b;
}	

/*---------------- Links level 3 */
.dd-menu ul li:first-child ul {
	left: 0px;
	top: 0px;
}
.dd-menu ul ul {
z-index:101;
	left: 0px;
	top: 0px;
}
/*---------------- Arrows level 1 */
.dd-menu a span.dd-arrow { 
	background-image:url(/public/api/menu/menu_type/kid/black-arrows.png);
}
.dd-menu a.dd-submenu-title { }
.dd-menu a span.dd-arrow {
	right:2px;
	top:23px;
}
/*---------------- Arrows level 2,3,4 */
.dd-menu ul a span.dd-arrow { 	
	right:10px;
	top:25px;
}