@import url(navi.css);
@import url(popup.css);

* { 
	margin:0; 
	padding:0; 
}

html { 
	height: 100%; 
	overflow: -moz-scrollbars-vertical;
}

body { 	
	height: 100%; 
	margin: 0; 
	padding:0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color:#76919f;
	background: #c4cdd4 url(../img/bg_body.gif) repeat-x 0 0;
	
}

img { 
	border:0; 
	margin:0; 
	padding:0; 
}

.clear { 
	clear:both; 
	height:0px;
}

.GoLeft { 
	float:left; 
}

.GoRight { 
	float:right; 
}

fieldset, form { 
	border:0; 
	margin:0; 
	padding:0; 
}

input { 
	border:0; 
}

.CenterThis { 
	text-align:center; 
}

html>body a:active { 
	outline: none; 
}

html>body a:focus {
	-moz-outline-style: none; 
}

/* =Container Positioning 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#SiteFrameBox {
	margin:0 auto 0 auto;
	padding:0 0 40px 0;
	width:873px;
	position:relative;
	height: 1300px;
}

#MainFrameBox { 
	margin:0 auto 0 auto; 
	padding:0; 
	width:801px; 
	height:710px; 
	background:url(../img/shade_window.png) repeat-y 0 0;
}

html>body #MainFrameBox { 
	height:auto; 
	min-height:710px;
}

#MainFrameBoxFoot { 
	margin:0 auto 0 auto; 
	padding:0; 
	font-size:1px;
	width:801px;
	height:41px; 
	text-align:center;
	background:url(../img/shade_windowfoothome.png) no-repeat 0 0;
}

/* #home #MainFrameBoxFoot {
	background:url(../img/shade_windowfoothome.png) no-repeat 0 0;
} */

#PageFrameBox { 
	margin:0 3px 0 3px; 
	padding:0; 
	width:795px; 
	height:710px; 
	background:white /* #c4cdd4 url(../img/bg_mainnav.jpg) no-repeat 0 89px; */
}

html>body #PageFrameBox { 
	height:auto; 
	min-height:710px;
}

#home #PageFrameBox {
	background:#fff /* url(../img/bg_mainnavhome.jpg) no-repeat 0 89px; */
}

#BannerBox { 
	position:relative;
	margin:0 0 14px 0;
	padding:0;
	width:795px;
	height:75px;
	background:url(../img/HeadBanner.jpg) repeat-y 0 0;
}

#SubNaviBox {
	margin:0;
	padding:0;
	width:175px;
	height:300px;
	float:left;
}

html>body #SubNaviBox { 
	height:auto; 
	min-height:300px;
}

#ContentBox {
	margin:0;
	padding:0;
	width:616px;
	height:300px;
	float:right;
}

html>body #ContentBox { 
	height:auto; 
	min-height:300px;
}

#TextContentBox {
	margin:0 0 0 71px;
	padding:0;
	width:600px;
	height:300px;
}

html>body #TextContentBox { 
	height:auto; 
	min-height:300px;
}

#PlayerBox {
	display:inline;
	margin:0 0 20px 40px;
	padding:0;
	width:387px;
	height:400px;
	float:left;
	background:url(../img/bg_player.gif) repeat-y 0 0;
}

html>body #PlayerBox { 
	height:auto; 
	min-height:400px;
}

#PlayerCont {
	margin:0;
	padding:0;
	width:387px;
	height:375px;
	float:left;
}

html>body #PlayerCont { 
	height:auto; 
	min-height:375px;
}

#Tube {
	margin:0 30px 0 22px;
	padding:0;
	width:320px;
	height:240px;
	border:1px solid #6a6a6a;
	background:url(../img/PHX_play_bg.jpg) no-repeat 0 0;
	text-align:center;
}

html>body #Tube { 
	height:auto; 
	min-height:240px;
}


#DescriptionInfoBox {
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	width:351px;
	height:300px;
	float:right;
	color:#536975;
}

html>body #DescriptionInfoBox { 
	height:auto; 
	min-height:300px;
}

div.tipp {
	margin:0 0 25px 0;
	padding:0;
}

div.answer {
	margin:0 0 0 0;
	padding:7px 0 15px 28px;
	border-top:1px solid #2f68a2;
}

#DescriptionInfoBox div.VideoLinkBox {
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	height:50px;
}

html>body #DescriptionInfoBox div.VideoLinkBox { 
	height:auto; 
	min-height:50px;
}

#DescriptionInfoBox div.VideoCastBox {
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	height:70px;
}

html>body #DescriptionInfoBox div.VideoCastBox { 
	height:auto; 
	min-height:70px;
}

/* =Links 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a { 
	margin:0; 
	padding:0; 
	text-decoration:none; 
	color:#536975; 
}

a#HomeLink {
	position:absolute;
	top:10px;
	left:35px; 
	margin:0; 
	padding:0; 
	display:block;
	width:90px;
	height:65px;
}

a#DataSearch {
	float:left;
	margin:0 0 0 90px;
	width:264px;
	height:39px;
	background:url(../img/bt_datasearch.gif) no-repeat 0 0;
}

a#DataSearch span {
	display:none;
}

a#DataSearch:hover {
	background-position:0 -39px;
}

a#SubjectSearch {
	float:right;
	margin:0 90px 0 0;
	width:264px;
	height:39px;
	background:url(../img/bt_subjectsearch.gif) no-repeat 0 0;
}

a#SubjectSearch span {
	display:none;
}

a#SubjectSearch:hover {
	background-position:0 -39px;
}

#DescriptionInfoBox a {
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
}

#DescriptionInfoBox a:hover {
	text-decoration:underline;
	color:#536975;
}

#DescriptionInfoBox a.Videolink {
	display:block;
	margin:5px 0 0 10px;
	padding:0 0 0 100px;
	height:16px;
	color:#536975;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	background:url(../img/bt_video.gif) no-repeat 0 0;
}

#DescriptionInfoBox a.Videocast {
	display:block;
	margin:5px 0 10px 10px;
	padding:0 0 0 100px;
	height:16px;
	color:#536975;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	background:url(../img/bt_videocast.gif) no-repeat 0 0;
	text-decoration:none;
}

#DescriptionInfoBox a.Videolink:hover,
#DescriptionInfoBox a.Videocast:hover 
{
	background-position:0 -16px;
	background-color:#c4cdd4;
	color:#fff;
	text-decoration:none;
}


.tipp a.Videolink {
	display:block;
	margin:14px 200px 0 32px;
	padding:0 0 0 100px;
	height:16px;
	color:#536975;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	background:url(../img/bt_video.gif) no-repeat 0 0;
	min-width:100px;
}

.tipp a.Videocast {
	display:block;
	margin:14px 200px 10px 32px;
	padding:0 0 0 100px;
	min-width:100px;
	height:16px;
	color:#536975;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	background:url(../img/bt_videocast.gif) no-repeat 0 0;
	text-decoration:none;
}

.tipp a.Videolink:hover,
.tipp a.Videocast:hover 
{
	background-position:0 -16px;
	background-color:#c4cdd4;
	color:#fff;
	text-decoration:none;
}

#DescriptionInfoBox a.ArrowLink {
	margin:0 0 0 15px;
	padding:0 0 0 16px;
	color:#536975;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	background:url(../img/bt_arrowlink.gif) no-repeat 0 0;
}

#DescriptionInfoBox a.ArrowLink:hover {
	color:#536975;
	text-decoration:underline;
}

div.answer a {
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
}

div.answer a:hover {
	text-decoration:underline;
	color:#fff;
}

/* =Typography 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p
{
	padding:0;
	margin:0;
}

h1 {
	margin:0 0 24px 0;
	padding:0;
	font-size:20px;
	line-height:22px;
	color:#76919f;
	font-weight:normal;
}

#HomeText h1 {
	margin:0 90px 24px 96px;
	padding:28px 0 0 0;
}

/*h1.home {
	margin:0 90px 24px 96px;
	padding:28px 0 0 0;
}*/

h2 {
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:15px;
	color:#536975;
	font-weight:bold;
}

h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	line-height:15px;
	color:#617885;
}

h4 {
	margin:0 0 7px 0;
	padding:0;
	font-size:11px;
	line-height:14px;
	color:#536975;
	font-weight:bold;
}

div.tipp h3 {
	padding:0 0 5px 0;
	font-style:italic;
	border-bottom:1px solid #2f68a2;
}

div#TextContentBox p {
	margin:0 0 16px 0;
	padding:0 66px 0 0;
	font-size:11px;
	line-height:14px;
	color:#536975;
}

div#TextContentBox p em {
	display:block;
	padding:16px 0 10px 35px;
}

div#TextContentBox p.bigger {
	margin:0 0 23px 0;
	font-size:12px;
	line-height:16px;
	color:#536975;
}

div#TextContentBox div.tipp p {
	margin:0 0 0 0;
	padding:0 166px 0 32px;
	font-style:italic;
	font-size:12px;
	line-height:16px;
}

div#TextContentBox div.tipp p.FakeLink {
	margin:14px 0 5px 32px;
	padding:0 0 0 100px;
	height:16px;
	color:#536975;
	font-style:normal;
	font-weight:normal;
	font-size:10px;
	line-height:16px;
	background:url(../img/bt_video.gif) no-repeat 0 0;
}

div#TextContentBox div.answer p {
	margin:0 0 10px 0;
}

div#TextContentBox p code {
	margin:5px 0 5px 0;
	font-family: "Courier New", Courier, mono;
	font-weight:bold;
	font-style:normal;
	display:block;
}

#HomeText p {
	font-size:12px;
	color:#536975;
	line-height:22px;
    padding:0 0 50px 0;
	margin:0 90px 0 96px;
}

/*p.home {
	font-size:12px;
	line-height:22px;
	margin:0 90px 0 96px;
}*/

#SubNaviBox p {
	margin:0 0 7px 0;
	padding:0 0 0 37px;
}

#DescriptionInfoBox p 
{
	margin:0 0 5px 0;
	padding:0 20px 0 10px;
}

#DescriptionInfoBox h2
{
	margin:0 0 5px 0;
	padding:10px 20px 10px 10px;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #2f68a2;
	border-bottom:1px solid #2f68a2;
	color:#536975;
}

#DescriptionInfoBox p.DescriptionTeaser
{
	margin:0;
	padding:5px 20px 10px 10px;
	border-bottom:1px solid #2f68a2;
}

#DescriptionInfoBox p.DescriptionTeaser span
{
	display:block;
	margin:0 0 10px 0;
}

#DescriptionInfoBox p.LinkHeader {
	margin:0;
	padding:0 20px 5px 10px;
	color:#536975;
}

div.answer h4 {
	padding-right:210px;
}

#Tube p {
	margin:195px 40px 0 40px;
	padding:0;
	color:#accae7;
	font-size:13px;
	font-weight:bold;
}

/* =Tables 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

table.data { 
	margin:0 0 25px 0;
	padding:0;
	border-collapse:collapse;
	color:#536975;
	width:100%;
 }
 
table.videoplayer { 
	margin:0 0 25px 75px;
	width:720px;
}

table.data tr {
 	margin:0;
	padding:0;
 }
 
table.data th {
	margin:0;
	font-weight:normal;
	/*border-bottom:1px solid #3c75af;*/
	vertical-align:top;
}

table.data th.title {
	margin:0;
	padding:0 0 5px 1px;
	text-align:left;
}

table.data th.duration {
	margin:0;
	padding:0 22px 5px 0;
	text-align:right;
}

table.data td {
	margin:0;
	padding:0;
	vertical-align:top;
	border-top:1px solid #76919f;
}

table.data td.title {
	margin:0;
	padding:7px 60px 7px 28px;
	text-align:left;
	background-image:url(../img/arrow_datatable.gif);
	background-repeat:no-repeat;
	background-position: 3px 9px;
}
table.data td.title:hover {
	background-image:url(../img/arrow_datatable_hover.gif);
}

table.data td.title a {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#536975;
}

table.data td.duration {
	margin:0;
	padding:7px 22px 7px 0;
	font-size:11px;
	line-height:15px;
	text-align:right;
}

tbody.MO tr {
	behavior: url('IEFixes.htc');
}

tbody.MO tr:hover, tbody.MO tr.hover {
 	background-color:#edf0f2;
}

table.data tbody.HEAD td {
	margin:0;
	padding:4px 60px 5px 28px;
	font-size:12px;
	line-height:15px;
	text-align:left;
	font-weight:bolder;
	background:#c4cdd4;
	color:#fff;
	border-top:1px solid #76919f;
}

table.data tbody.HEAD td.spaced {
	height:25px;
	line-height:25px;
	padding:0;
	margin:0;
	background:none;
	border:none;
}

table.help { 
	margin:0 0 25px 0;
}

table.help { 
	border-bottom:1px solid #76919f;
}

table.help tbody.MO tr td.title { 
	padding-right:210px;
}

table.help tbody.MO tr td.title a { 
	font-size:11px;
}

table#Console {
	margin:0 31px 0 22px;
	padding:0;
	width:322px;
	border-collapse:collapse;
	font-size:10px;
	color:#fff;
}

table#Console td {
	margin:0 30px 0 0;
	padding:0;
	height:26px;
}

table#Console td a {
	margin:0;
	padding:0;
	font-size:11px;
	color:#cccccc;
	text-decoration:none;
}

table#Console td a:hover 
{
	color:#ff9900;
	text-decoration:underline;
}

table#Console td a.button {
	margin:0;
	padding:5px 0 0 35px;
	font-size:10px;
	height:21px;
	width:126px;
	display:block;
	color:#fff;
	text-decoration:none;
}

table#Console td a.left {
	background:url(../img/bt_console_left.jpg) no-repeat 0 -26px;
}

table#Console td a.right {
	background:url(../img/bt_console_right.jpg) no-repeat 0 -26px;
}

table#Console td a.left:hover,
table#Console td a.right:hover,
table#Console td a.HI
{
	background-position:0 0;
	color:#ff9900;
	text-decoration:none;
}

table#Console td[colspan="2"] {
	text-align:center;
}

table#Console tbody.line td {
	border-bottom:1px solid #6a6a6a;
}

table.videoplayer td.title a {
	font-size:11px;
}