/* $Id: trex.css,v 1.23 2015/10/02 01:24:14 ams Exp $ */
body {
	background-color: #D6D6D6;
	margin:		0px;
	font-family:	Arial, Helvetica, sans-serif;
}

div.container {
	width:		781px;
	background-color: white;
	margin:		0px auto 1em auto;
	border-width:	0px 1px 1px;
	border-style:	solid;
	border-color:	black;
	padding:	5px 5px 3em 5px;
}

.header {
	border-width:	0px 0px 18px 0px;
	border-style:	solid;
	border-color:	#D6D6D6;
	padding-bottom:	2px;
	margin:		5px !important;
}
.header * ul {
	list-style:	none;
	text-align:	right;
	font-style:	normal;
	font-weight:	bold;
	font-size:	12px;
}

a img.nb {
	border-width:	0px;
	border-style:	none;
}

li.topmenu a {
	color:		#CC0000;
	font-style:	normal;
	text-decoration: none;
	text-transform:	uppercase;
	margin:		0px;
	padding:	0px;
}

.tip {
	float:		right;
	width:		200px;
	margin:		5px;
	padding:	3px;
	border:		1px #050040 solid;
	display:	block;
	background-color: khaki;
}

dl.legend {
	float:		right;
	margin:		5px;
	padding:	3px;
	border:		1px #050040 solid;
	background-color: khaki;
	display:	block;
}

dl.legend dt {
	margin-top:	1px;
	font-weight:	bold;
	float:		left;
	clear:		left;
}
dl.legend dd {
	margin-top:	1px;
}

div.menucontainer {
	clear:		both;
	float:		left;
	width:		190px;
	margin:		5px;
	margin-left:	0px;
	padding:	5px;
	padding-left:	0px;
	display:	block;
}

ul.menu {
	border-width:	1px;
	border-style:	solid;
	border-color:	#D6D6D6;
	margin:		5px !important;
	padding:	5px !important;
	font-size:	12px;
}

li.leftmenu {
	margin-left:	1.5em;
	list-style-image: url(bullet.png);
}
li.leftmenu a {
	font-style:	normal;
	color:		#CC0000;
	text-decoration: none;
	text-transform:	uppercase;
}

li.submenu {
	list-style:	none;
}
li.submenu a:before {
	content:	'- ';
}
li.submenu a {
	text-decoration: none;
	font-family:	"Times New Roman", Times, serif;
	font-style:	italic;
	color:		black;
}

div.content {
	font-size:	12px;
	color:		black;
	display:	block;
	padding:	5px 5px 2em 200px;
	min-height:	20ex;
}

li.tb	{
	list-style-image: url(trex16.png);
}

tr.even	{
	background-color: #F6F6F6;
}

tr.odd	{
	background-color: #E6E6E6;
}

p.title {
	text-transform:	uppercase;
	color:		#050040;
	clear:		right;
}

a {
	font-style:	italic;
	color:		#050040;
}

dt {	margin-top:	2ex; }

div.copy {
	text-align:	right;
	margin:		2em;
	font-size:	10px;
}

ul.sitemap {
	padding-left:	1px;
}
ul.sitemap li {
	margin:		2px;
	list-style:	none;
}
ul.sitemap ul {
	padding-left:	1px;
	margin-bottom:	5px;
	border-width:	0px 0px 0px 3px;
	border-style:	solid;
	border-color:	#D6D6D6;
}
ul.sitemap li a {
	font-style:	normal;
}

table.prices {
	border:		0px;
	border-bottom:	1px;
	border-style:	solid;
	border-color:	#000033;
}
table.prices td+td, table.prices td+td+td+td {
	text-align:	right;
}
table.prices td+td+td {
	text-align:	left;
}

td.as {
	text-align:	right;
}

table.program td {
	padding:	4px;
	padding-bottom:	7px;
}

.popup {
	display:	none;
	text-align:	left;
	padding:	2px;
	position:	absolute;
	border:		1px #050040 solid;
	background-color: white;
	opacity:	0;
	transform:	translateX(5px);
	transition:	all 0.3s ease-in-out;
}
*.as:hover .popup, .popup:hover {
	display:	inline;
	background-color: khaki;
	opacity:	1;
	transform:	translateX(-5px);
}

.youtube-player {
	display:	block;
	position:	fixed;
	width:		822px;
	height:		582px;
	top:		58px;
	left:		98px;
	border:		10px solid rgba(5,0,64,0.3);
}
.youtube-player img {
	position:	fixed;
	top:		50px;
	left:		90px;
	border:		1px #050040 solid;
	z-index:	55;
}
