One Hat Cyber Team

Edit File: style_web (copy).css

table.paper_in_issue tr
{
}

tr.paper_in_issue > td
{
  padding-bottom: 1em;
}

input 
{ 
  	font-size:	normal;
  }

p, blockquote, ul, ol, dl, dd, li, dir, menu
{	
	/* inherit from body */	
	}

small	{	
	font-size:	.8em;
	}

big	{	
	font-size:	1.1em;
	}

pre	{	
	font-family:	'Monotype.com', Courier New, monospace;
	}

ol li	{	
	list-style-type:	decimal;
	}

ol ol li	{	
	list-style-type:	lower-alpha;
	}

ol ol ol li	{	
	list-style-type:	lower-roman;
	}

table, tbody, tr, td	{	
	font-size:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Verdana, Myriad Web, Syntax, sans-serif;
	font-size-adjust:	.58;
	}

/* end body type */

/* begin header type */	/* 2 - serif a */
		
		
		
tfoot, thead	{	
	/*font-size:	1em;*/
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Georgia, Minion Web, Palatino, Book Antiqua, Utopia, Times New Roman, serif;
	font-size-adjust:	.4;
	}	
		
th	{	
	vertical-align:	baseline;
	/*font-size:	1em;*/
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Georgia, Minion Web, Palatino, Book Antiqua, Utopia, Times New Roman, serif;
	/*font-size-adjust:	.4;*/
	}	
		
hr	{	
	visibility:	visible;
	}	
		
	/* end header type */

/* begin affordances */	/* 7 - rubric */
		
address, blockquote, body, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, big, center, dir, font, hr, menu, pre,		
abbr, acronym, bdo, button, fieldset, ins, label	{	
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-decoration:	none;
	border-color:	#999;
	border-style:	none;
	}	
		
body	{	
	color:	black;
	background:	#fffff5;
	}	
		
em	{	
	font-style:	italic;
	}	
		
strong	{	
	font-style:	italic;
	background:	#fffff5;
	font-weight:	bold;
	color:	black;
	}	
		
em strong, strong em	{	
	text-transform:	uppercase;
	font-style:	normal;
	font-weight:	bolder;
	background:	#fffff5;
	color:	black;
	}	
		
b	{
	font-weight:	bold;
	}
	
i	{
	font-style:	italic;
	}
		
.warning	{	
	text-transform:	none;
	font-style:	normal;
	font-weight:	bolder;
	background:	#FF0;
	color:	red;
	}	
		
del	{	
	text-decoration:	line-through;
	background:	#fc6;
	}	
		
ins	{	
	text-decoration:	none;
	background:	#9F3;
	}	
		
var, cite, dfn, .note	{	
	font-style:	italic;
	}	
		
acronym	{	
	font-variant:	small-caps;
	letter-spacing:	0.1em;
	}	
		
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot	{	
	color:	#C00;
	/* background:	#fffff5; */
	}	
		
		
col, colgroup, table, tbody, td, tr	{	
	color:	black;
	text-decoration:	none;
	border-color:	black;
	border-style:	none;
	background:	#fffff5;
	}	
		
/*
a:link	{	
	text-decoration:	none;
	font-weight:	normal;
	font-style: italic; 
	color:	inherit;
	background:	inherit;
        border-bottom: inherit;
	}	
		
a:visited	{	
	text-decoration:	none;
	font-weight:	normal; 
	color:	inherit;
	background:	inherit;
        border-bottom: inherit;
	}	
		
a:active	
{	
	text-decoration:	none;
	font-weight:	normal;
	background:	#ccf;
         border-bottom: double;
	}	
		
a:hover	{	
	text-decoration:	none;
	color:	inherit;
	background:	inherit;
        border-bottom: double;
	}	
		
a.offsite	{	
	text-decoration:	none;
	font-weight:	normal;
	color:	#33F;
	background:	#fffff5;
	}	
*/		
	/* end affordances */

/* begin vertical */	/* 1 - pentatonic a */
		
a, address, blockquote, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,		
u, abbr, acronym, bdo, button, fieldset, ins, label	{	
font-size: inherit;	
margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	vertical-align:	absmiddle;
/*vertical-align:	absmiddle;*/                                                          
	}

body	{	
	line-height:	1.58em;
	}	
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h1, h2, h3, h4, h5, h6	{	
	/*line-height:	1.33em;*/
	}	
		
h1	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	1em;
	border-top:	0;
	border-bottom:	0;
	}	
		
h2	{	
	margin-top:	1.75em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	1em;
	border-top:	0;
	border-bottom:	0;
	}	
		
h3	{	
	margin-top:	1.58em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	1em;
	border-top:	0;
	border-bottom:	0;
	}	
		
h4	{	
	margin-top:	1.33em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	1em;
	border-top:	0;
	border-bottom:	0;
	}	
		
h5	{	
	margin-top:	1.17em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
h6	{	
	margin-top:	1em;
	margin-bottom:	.33em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
p	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
blockquote, fieldset, form, ul, ol, dl, dir, menu	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
dt	{	
	margin-top:	0em;
	margin-bottom:	0;
	padding-top:	0em;
	padding-bottom:	1em;
	border-top:	0;
	border-bottom:	0;
	}	
		
dd	{	
	margin-top:	0;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
li	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
address	{	
	margin-top:	1.58em;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
pre	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	line-height:	1.25em;
	}	
		
hr	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	height:	1px;
	}	
		
div, center	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.subhead	{	
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
.stb	{	
	margin-top:	2.17em;
	margin-bottom:	.75em;
	padding-top:	2.17em;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	border-style:	solid
	}	
		
.mtb	{	
	margin-top:	3.08em;
	margin-bottom:	.75em;
	padding-top:	3.08em;
	padding-bottom:	0;
	border-top:	.1em;
	border-bottom:	0;
	border-style:	solid
	}	
		
.ltb	{	
	margin-top:	4.34em;
	margin-bottom:	.75em;
	padding-top:	4.34em;
	padding-bottom:	0;
	border-top:	.25em;
	border-bottom:	0;
	border-style:	solid
	}	
		
col, colgroup, table, tbody, td, tfoot, th, thead, tr	{	
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	}	
		
td, th	{	
	/*line-height:	1.33em;*/
	}	
		
	/* end vertical */

/* begin horizontal */	/* 1 - compact */
		
		
		
div > p:first-child, body > p:first-child, td > p:first-child	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
	}	
		
h1	{
    margin-top: 2em;
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;

letter-spacing:	0px;
	font-size: 150%;
	font-variant: normal;
	text-transform:	none;
	}	
		
h2	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;

font-size: 130%;
	}	
		
h3	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;

font-size: 130%;
	}	
		
h4	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h5	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
h6	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
p	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-indent:	0;
	}	
		
blockquote	{	
	margin-left:	1.58em;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
address	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
pre	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
li	{	
	margin-left:	3.16em;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dt	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
dd	{	
	margin-left:	1.58em;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}	
		
ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	}
			
hr	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	width:	100%;
	}	
		
center	{	
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	}	
		
		
table	{	
	text-align:	left;
	}	
		
td	{	
	text-align:	left;
	}	
		
th	{	
	text-align:	left;
	}	
		
caption	{	
	text-align:	left;
	}	
		
	/* end horizontal */

/* begin body box */	/* 5 - 'ninths symmetric' */

body	{
	margin-top:	1.58em;
	margin-left:	11%;
	margin-right:	8%;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-left:	0;
	padding-right:	0;
	padding-bottom:	0;
	border-top:	0;
	border-left:	0;
	border-bottom:	0;
	border-right:	0;
	width:	auto;
	}
/* end body box */

address	{	
	font-style:	normal;
        font-size: smaller;
	/*letter-spacing:	.1em;*/
	}

div.article 
{
 
  margin-bottom:	1px;
  margin-top:	1px;
  padding-left:	2px;
  padding-right:	2px;
  }

div.article dt
{
 font-family:	Verdana, Myriad Web, Syntax, sans-serif;
  font-size-adjust:	.4;
  font-size: 1.4em;
  font-weight:	bolder;
  font-style:	normal;
  text-decoration:	none;
  word-spacing:	normal;
  letter-spacing:	normal;
  text-transform:	none;
  padding-bottom: .5em;
}

div.article dd
{
 font-family:	Verdana, Myriad Web, Syntax, sans-serif;
  font-size-adjust:	.4;
  font-size: 1.3em;
  font-weight:	normal;
  font-style:	normal;
  text-decoration:	none;
  word-spacing:	normal;
  letter-spacing:	normal;
  text-transform:	none;
  padding-bottom: .5em;
}

a.button-like, a.button-like:visited
{
  border-color: #E5E5F0;
  border-style:solid;
  border-width:1px;
  padding-bottom:2px;
  padding-left:1.8em;
  padding-right:1.8em;
  padding-top:2px;
  width:auto;
  background-color: #E9E9F4;
  color: #000000; 
  text-decoration: none;
  }

A.paper_details, A.paper_details:visited
{
  color: #000000; 
  border-style: solid;
border-width:1px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  padding: 3px;
  text-decoration: none; 
  background-color: #D4F2DD;
  width: 100%*;
font-weight: normal;
font-size: 0.8em;
font-style: normal;
font-variant: small-caps;
  }

A.published_file, A.published_file:visited
{
  color: #000000; 
  border-style: solid;
border-width:1px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  padding: 3px;
  text-decoration: none; 
  background-color: #D4EFF2;
  width: 100%*;
font-weight: bold;
font-size: 0.8em;
font-style: normal;
  }

.button-like-inactive
{
  font-weight: bolder;
  border-color: #E5E5F0;
  border-style:solid;
  border-width:1px;
  padding-bottom:2px;
  padding-left:1.8em;
  padding-right:1.8em;
  padding-top:2px;
  width:auto;
  
  background-color: #E9E9F4;
  color: #C6C6D2; 
  text-decoration: none;
  }

div.control 
{
background-color: inherit;
  color: inherit;
  border-width: 1px;
  border-left: none;
  border-right: none;
  border-color: #BFBFBF;

margin-top: 0;
  margin-bottom: 1em;
  padding-bottom: 0;
  padding-top: 0em;
  padding-left: 0;
  padding-right: 0;
  width: auto;
 }

div.language_select_top
{ 
  margin-top: 0em;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

div.language_select_bottom
{ 
  margin-top: 2em;
  margin-bottom: 0em;
 padding-top: 1em;
}

input.language_select_flag
{ 
  border-width: 1px;
  border: solid thin;
  border-color: #BFBFBF;
}

SPAN.article_title 
{ 
  vertical-align:	baseline;
  /*font-size: 1.2em;*/
  font-weight:	normal;
  font-variant:	none
  }

div.article_block
{
  background-color: inherit;
  color: inherit;
 }

div.print_articles
{
 border: none;
 padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 20px; 
}

table.print_articles { 
width: 100%;
border-style: none;
/* border-color:  #7F7F7F; 
border-left-width: 1px; */

}

table.print_articles tr
{
  background-color: transparent;
  }

table.print_articles > td 
{
  /* border-width: 1px;
     border-style: solid;
     border-color:  #7F7F7F; 
     background-color: #E5E5E5;*/
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em;
  padding-bottom: .5em;
  vertical-align: top;
align: left;
  }

div.print_articles dl {  
    //padding: 0.5em;
  }

div.print_articles dt {   
    font-weight: bold;
    color: inherit;
padding-bottom: .1em;
padding-top: 1em;
  }

div.print_articles  dt:after {
    /* content: ":";*/
  }

div.print_articles  dd {
padding-bottom: 0em;
padding-top: 0em;
margin-top: 0;
margin-bottom: 0;
  }

div.browse_contents input, select {
  background: #8f8f8f;
  background-image: -webkit-linear-gradient(top, #8f8f8f, #43494d);
  background-image: -moz-linear-gradient(top, #8f8f8f, #43494d);
  background-image: -ms-linear-gradient(top, #8f8f8f, #43494d);
  background-image: -o-linear-gradient(top, #8f8f8f, #43494d);
  background-image: linear-gradient(to bottom, #8f8f8f, #43494d);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

div.browse_contents input:hover, select:hover {
   background: #858585;
  background-image: -webkit-linear-gradient(top, #858585, #000000);
  background-image: -moz-linear-gradient(top, #858585, #000000);
  background-image: -ms-linear-gradient(top, #858585, #000000);
  background-image: -o-linear-gradient(top, #858585, #000000);
  background-image: linear-gradient(to bottom, #858585, #000000);
  text-decoration: none;
}

.shadow {
    background-image: url(shadow.jpg);
    padding: 9px;
   }

fieldset
{
  background-color: #FFFF00;
  color: #000000;;
  border: solid thin; border-width: 1px;
  border-color: gray;
  margin-top: 0.8em;  
  margin-bottom: 0.8em;  
  }

legend
{
  font-variant: small-caps;
  font-weight: bolder;
  letter-spacing: 1px;
  }

fieldset.author_card
{
padding: 1em; 
}

fieldset.author_card tr
{
vertical-align: top; 
padding-bottom: 0.2em;
 }

fieldset.author_card td
{
padding-left: 0.5em;
padding-right: 0.5em;
 }

fieldset.author_card input
{table
font-size: .7em;
}

div.menu 
{ 
    border-bottom: none ;
    padding-bottom: 1em;
    border-bottom: solid;
    border-color: #F2F1F0;
}

div.menu a
{
    font-family: Arial,Georgia,'Franklin Gothic';
    font-stretch: condensed;
    font-style: normal;
    color:	inherit;
    background:	inherit;
border-bottom: none;
}

div.menu a:link, div.menu a:visited
{
    color:	inherit;
    background:	inherit;
    border-bottom: none;
    color: black;
    font-weight: normal;
}

div.menu a:hover
{
    text-decoration:	none;
    color:	inherit;
    background:	#F2F1F0;
    border-bottom: none;
}

div.menu a:active	
{	
    text-decoration:	none;
    background:	inherit;
    border-bottom: double;
}

div.menu a.offsite	{	
    text-decoration:	none;
    font-weight:	normal;
    color:	inherit;
    background:	#fffff5;
border-bottom: none;
}

div.menu a.menu_item_selected 
{
    color: #C6C7D3;	
    font-weight:	bold;
border-bottom: none;
}

div.menu a.menu_item_selected:hover 
{
    color: #C6C7D3;
    text-decoration:	none;
    background:	inherit;
    border-bottom: none;
}

div.main
{
    padding: 1em 1em 1em 1em;
    margin: 0em 0 0 0;
}

.btn_article_details {
  background: #afb2b3;
  background-image: -webkit-linear-gradient(top, #afb2b3, #2980b9);
  background-image: -moz-linear-gradient(top, #afb2b3, #2980b9);
  background-image: -ms-linear-gradient(top, #afb2b3, #2980b9);
  background-image: -o-linear-gradient(top, #afb2b3, #2980b9);
  background-image: linear-gradient(to bottom, #afb2b3, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn_article_details:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn_article_published_file {
  background: #87898a;
  background-image: -webkit-linear-gradient(top, #87898a, #ff845e);
  background-image: -moz-linear-gradient(top, #87898a, #ff845e);
  background-image: -ms-linear-gradient(top, #87898a, #ff845e);
  background-image: -o-linear-gradient(top, #87898a, #ff845e);
  background-image: linear-gradient(to bottom, #87898a, #ff845e);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn_article_published_file:hover {
  background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fcb63c, #3498db);
  background-image: -moz-linear-gradient(top, #fcb63c, #3498db);
  background-image: -ms-linear-gradient(top, #fcb63c, #3498db);
  background-image: -o-linear-gradient(top, #fcb63c, #3498db);
  background-image: linear-gradient(to bottom, #fcb63c, #3498db);
  text-decoration: none;
}

div.volume
{
margin-top: 2em;
}