@import url(style.colors.css);

.accordion,

.accordion ul,

.accordion li,

.accordion a,

.accordion span {

	margin: 0;

	padding: 0;

	border: none;

	outline: none;

}



.accordion li {

	list-style: none;

}



/* Layout & Style */


.accordion li:first-child > a {}
.accordion li > a {

	display: block;

	position: relative;

	min-width: 110px;

	padding: 10px 10px 10px 40px;

	height:27px;


	font-family: 'Open Sans', sans-serif;
	
	font-weight:500;
	text-decoration: none;

	background: none;
	background-position:5px 10px;

}



.accordion > li:hover > a,

.accordion > li:target > a,

.accordion > li > a.active {

	

	 -o-transition:.5s;-ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;

	/*background: url(../img/active.png) repeat-x;*/

	background: url(../app_images/bg-menu-right.png) no-repeat ;

}



.accordion li > a span {

	display: block;

	position: absolute;

	top: 0px;

	right: 0;

	height:18px;

	padding: 0 10px;

	margin-right: 10px;
	margin-top: 10px;
	

	font: normal bold 14px/18px Arial, sans-serif;

	background: #34495e;

	

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;



	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

}


.accordion > li:hover > a span,

.accordion > li:target > a span,

.accordion > li > a.active span {

	

	color: #fdfdfd;

	text-shadow: 0px 1px 0px rgba(0,0,0, .35);

	background: #2c3e50;
	

}


/* Images */
.accordion > li.publisher { background: url(../app_images/icon-menu-publisher.png) 5px 10px no-repeat; }
.accordion > li.advertiser { background: url(../app_images/icon-menu-advertiser.png) 5px 10px no-repeat; }
.accordion > li.billing { background: url(../app_images/icon-menu-billing.png) 5px 10px no-repeat; }
.accordion > li.tickets { background: url(../app_images/icon-menu-tickets.png) 5px 10px no-repeat; }
.accordion > li.account { background: url(../app_images/icon-menu-account.png) 5px 10px no-repeat; }
.accordion > li.referrals { background: url(../app_images/icon-menu-referrals.png) 5px 10px no-repeat; }
.accordion > li.tagscampaigns { background: url(../app_images/icon-menu-tagscampaigns.png) 5px 10px no-repeat; }
.accordion > li.stats { background: url(../app_images/icon-menu-stats.png) 5px 10px no-repeat; }
.accordion > li.users { background: url(../app_images/icon-menu-users.png) 5px 10px no-repeat; }
.accordion > li.platform { background: url(../app_images/icon-menu-platform.png) 5px 10px no-repeat; }
.accordion > li.dashboard { background: url(../app_images/icon-menu-dashboard.png) 5px 10px no-repeat; }
.accordion > li.informations { background: url(../app_images/icon-menu-information.png) 5px 10px no-repeat; }


.accordion > li > a:before {

	position: absolute;

	top: 3px;

	right: 0;

	content: '';

	width: 28px;

	height: 28px;

	margin: 4px 8px;



	background-repeat: no-repeat;


}


.accordion > li >  a:before  {background: url(../app_images/icon-menu-up.png) 0 10px no-repeat;}

.accordion li > a.active:before { background: url(../app_images/icon-menu-down.png) 0 10px  no-repeat;}


/* Sub Menu */



.sub-menu li a {

    font-size:14px;
}



.sub-menu li:hover a { -o-transition:.5s;-ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }



.sub-menu li:last-child a { border: none; }



.sub-menu li > a span {

	color: #5c5c5c;

	background: transparent;

	border: 1px solid #a78cb7;



	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



.sub-menu em {

	position: absolute;

	top: 4px;

	left: 0;

	margin-left: 14px;

	color: #a6a6a6;

	font: normal 10px/32px Arial, sans-serif;

}



/* Functionality */



.accordion li > .sub-menu {

	display: none;

}



.accordion li:target > .sub-menu {

	display: block;

}