html { 
  background: url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
 body {
	color: #857672;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-y: scroll;
}

	a:link{ color: #403937; text-decoration: none;}
	a:visited{ color: #403937; }
	a:hover{ color: #EF1A30; text-decoration: underline; }

table{
	table-layout:fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

th {
vertical-align: middle;
		text-align: center;
}

td {
    vertical-align: middle;
}
 
div.greyBorder {
			border: .2em solid #857672;
			overflow-y:scroll; 
			overflow-x:hidden;
			max-height: 400px
			}
			
div.underLine {
			border-bottom: .2em solid #857672;
			width: 100%;
}

thead.FileHead {
	display: block;
}

tbody.FilesList {
	display: block;
	height: 300px;       /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

td.alignText {
	text-align: justify-left;
}

tr.underLine {
	border-bottom: .2em solid #857672;
	text-decoration: bold;
}


td.FileName { max-width:350px;}
td.DownloadLink{	width: 140px;}
td.FileType {width: 100px;}
td.FileSize{width:100px;}


table.file td{  table-cell: 20px; }


section {
	width: 680px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%) ;

}
	
	p.title{
	color: #EC1B2E;
	font-size: 1.75em;
	padding-left: .5em;
	}
	
	p.crumb{
	font-size: 1em; 
	padding-left: 1em;
	font-weight: bold;
	}
	
	a.crumb:link{ color: #5c524e; text-decoration: none;}
	a.crumb:visited{ color: #5c524e; }
	a.crumb:hover{ color: #857672; text-decoration: underline; }

	
	p.picture{
	
	}
	
	p.text{
	font-size: 1.5em;
	padding-left: .5em;
	}

	
	img{
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	padding: 1em;
	}
	
	img.icon{
	padding: 0px;
	}	
	
	img.buttons{
		max-width: 244px;
		max-height: 119px;
		height: 75%;
		width: 75%;
		padding: .5em;
	}
	
	
div.header {
	  text-align: center;
}

div.container
{
  width:650px;
  margin:0px auto;
  border:0px black solUserVerId;
}
	
div.body
{
padding: 2em;

}

div.Inline{
	text-align: center;
	border: .2em solid #857672;
	width: 80%;
	
}

div.CellHeading{
	text-align: center;
	font-weight: bold;
	border-bottom: .2em solid #857672;
	width: 100%
}

div.Cells{
	width: 150px;
	height: 85px;
	display: inline-block;
	vertical-align: top;
	padding: .5em;
	border: .0em solid #857672;
	text-align: center;
}

div.SubCells {
	text-align: center;
	vertical-align: top;
	word-wrap:break-word;
}