/*
=====================================================================
fec_export.css
uesed for export section.
There are two kinds of export, one is horizontal,another is vertical
=====================================================================
*/


/* ----start export 1 with horizontal image--------------------------------------------------------- */

div.exportlinks {
	font-size:11px;
	line-height:1.5em;
	background-color: #eee;
	border: 0px dotted #999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width: 100%;
}

div.exportlinks a:link{
color: #004477;
}

div.exportlinks a:hover{
color: #bb0f00;
}

span.export {
	padding: 0 4px 4px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(/images/app_img/file_icon/excel.gif);
	background-repeat: no-repeat
}

span.csv {
	background-image: url(/images/app_img/file_icon/csv.gif);
	background-repeat: no-repeat
}

span.xml {
	background-image: url(/images/app_img/file_icon/xml.gif);
	background-repeat: no-repeat
}

span.pdf {
	background-image: url(/images/app_img/file_icon/pdf.gif);
	background-repeat: no-repeat
}

span.rtf {
	background-image: url(/images/app_img/file_icon/rtf.gif);
	background-repeat: no-repeat
}

span.json {
	background-image: url(/images/app_img/file_icon/json.gif);
	background-repeat: no-repeat
}
span.ascii {
	background-image: url(/images/app_img/file_icon/ascii.gif);
	background-repeat: no-repeat
}

/* ----end export 1 with horizontal image--------------------------------------------------------- */



/* ----start export 2 with vertical image--------------------------------------------------------- */
div #export, div.export{
	width:100%;
	background-color:#eeeeee;
	border: 1px solid #e0e0e0;
	height:50px;
	margin:10px 0px 10px 0px;
	display:none;
}

#export .metadataSchema{
	height:100%;
	border-right:2px solid #e0e0e0;
	margin: 0px 10px 0px 10px;
	padding-right:10px;
	float:right;
}

#export .metadataSchema a{
	padding:0px 10px 0px 10px;
	text-align:center;
	position:relative;
	float:left;
}

.exportLinks{
	/*float:right;*/
}

.exportLinks a{
	float:right;
	margin:0px 10px 0px 10px;
}

.exportLinks a.exportIcon:hover{
	text-decoration:none;	
}

.pdfIcon{
	background-image: url("/images/app_img/file_icon/pdf.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:19px;
	height:20px;
	position:relative;
	top:-10px;
}

.xmlIcon{
	background-image: url("/images/app_img/file_icon/xml.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:19px;
	height:20px;
	/*line-height:20px;*/
	position:relative;
	top:-10px;
}

.xsdIcon{
	background-image: url("/images/app_img/file_icon/xsd.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:18px;
	height:20px;
	position:relative;
	top:-10px;
}

.metadataIcon{
	background: url("/images/app_img/file_icon/metadata.gif") no-repeat;
	background-position:center;
	cursor:pointer;
	height:16px;
	position:relative;
	top:-10px;
}

.csvIcon{
	background-image: url("/images/app_img/file_icon/excel.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:19px;
	height:20px;
	position:relative;
	top:-10px;
}

.rssIcon{
	background-image: url("/images/app_img/file_icon/atom.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:18px;
	height:20px;
	position:relative;
	top:-10px;
	
}

.jsonIcon{
	background-image: url("/images/app_img/file_icon/json.gif");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:19px;
	height:20px;
	position:relative;
	top:-10px;
}

.csvImage{
	background-image: url("/images/app_img/file_icon/csv.jpg");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:50px;
	height:50px;
	position:relative;
	top:-10px;
}

.asciiImage{
	background-image: url("/images/app_img/file_icon/ascii.jpg");
	background-repeat:no-repeat;
	background-position:0%;
	cursor:pointer;
	width:50px;
	height:50px;
	position:relative;
	top:-10px;
}

.exportText{
	font-size:10px;
	font-family:verdana;
	text-align:center;
	float:left;
	padding-top:40px;
	text-decoration:underline;
}

.exportLinks .label {
	display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    
    color: #454545;
    font-family: tahoma,verdana;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
}

/* ----end export 2 with vertical image--------------------------------------------------------- */