﻿.main_menu{
	z-index: 1000;
}

.xlsx_icon{
	font-size:0.750em;
	padding:0;
	margin:0;
	color:#ed2737;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-bottom:20px;
	display:block;	
	text-align:right;
	padding-right:40px;
	min-height:30px;
	line-height:30px;
	position:relative;
	
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
}
.xlsx_icon:before {
	width:24px;
	height:30px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	background:url(/_v/_i/icons/xls_icon_red.png) no-repeat;
	content:' ';
	
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	
	opacity:1;
}
.xlsx_icon:after {
	width:24px;
	height:30px;
	display:block;
	position:absolute;
	right:0px;
	top:0px;
	background:url(/_v/_i/icons/xls_icon_grey.png) no-repeat;
	content:' ';
	
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	
	opacity:0;
}
.xlsx_icon:hover {
	color:#7b8791;
	text-decoration:underline;
}
.xlsx_icon:hover:before {opacity:0;}
.xlsx_icon:hover:after {opacity:1;}


.xlsx_icon_without_text{
	width:24px; 
	height:31px;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
.xlsx_icon_without_text:before {
	width:24px;
	height:31px;
	display:block;	
	position:absolute;
	left:0;
	top:0;;
	background:url(/_v/_i/icons/xls_icon_red.png) no-repeat;
	content:' ';
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;	
	opacity:1;
}
.xlsx_icon_without_text:after {
	width:24px;
	height:31px;
	display:block;	
	position:absolute;
	left:0;
	top:0;;
	background:url(/_v/_i/icons/xls_icon_grey.png) no-repeat;
	content:' ';	
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-ms-transition:opacity 0.3s;
	transition:opacity 0.3s;
	
	opacity:0;
}
.xlsx_icon_without_text:hover {
	color:#7b8791;
	text-decoration:underline;
}
.xlsx_icon_without_text:hover:before {opacity:0;}
.xlsx_icon_without_text:hover:after {opacity:1;}
