@import url(opera.css);
@media tv {html {font-size: 150%;}}


html {
	background: #d7dee5;
	color: #121212;
	height: auto;
	line-height: 1.4;
}

body {
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0;
	background: #fff;
}

td, th {
	padding: 3px 8px;
	color: #333;
	font-size: 90%;
	line-height: 1.3
}

th {
	width: 20%;
	color: #59617a;
	font-weight: bold;
} 
td {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

table {
	margin: 0 0 5px 0;
}

/*
tr:nth-child(even) {
  background: rgba(255,255,255,0.4);
}
*/

h1 {
	font-size: 120%;
	background: none;
	margin: 0 0 5px 0;
	letter-spacing: 0;
	font-weight: bold;
	color: #121212;
	padding: 6px 8px;
	line-height: 1.3;
	background: #d7dee5;
}

h2 {
	background: url(images/info-header.png) repeat-x left center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	margin: 0;
	padding: 3px 8px;
	font-size: 100%;
	border-bottom: 1px solid #8394ac;
	color: #282b37;
	letter-spacing: 0;
}

ul {
	padding: 0 8px;
}

ul li {
	background: url(images/file.png) no-repeat 0 0.3em;
}

li a {
	-o-text-overflow: ellipsis;
	margin: 5px 1%;
	overflow: hidden;
	max-width: 95%;
	display: block;
}

/* make table cells full width when panel is too narrow */
@media screen and (max-width: 250px), projection and (max-width: 250px), tv and (max-width: 250px) {
	th, td {
		display: block;
		width: 98%;
	}
}
@media print {
	* {font-size: 10pt;}
	h1, h2 {
		font-size: 16pt;
		text-align:center;
	}
	th, td {
		text-align: left;
		vertical-align: top;
		display: block;
	}
	html[dir="rtl"] th, html[dir="rtl"] td {text-align: right;}
}


