/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #F0F0F0;
	background-image: url(images/tbj_newheader.jpg);
	background-position: center top; background-repeat: no-repeat;
}
img { border: 0px; }

a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

h1 {
	font-size: 18px; line-height: 22px; font-weight: normal; /*color: #008091;*/ color: #993366;
	padding: 0px; margin-top: 0px; margin-bottom: 16px;
}
h2 {
	font-size: 14px; line-height: 18px; font-weight: bold; /*color: #008091;*/ color: #993366;
	padding: 0px; margin-top: 0px; margin-bottom: 20px;
}
p, ul, ol {
	font-size: 12px; line-height: 16px;
	padding: 0px; margin-top: 0px; margin-bottom: 10px;
}
p.notes { font-size: 10px; line-height: 13px; color: #666666; }
p.lrgText { font-size: 14px; line-height: 18px; }

/* ============= PAGE STRUCTURE ============= */
#content {
	width: 750px; height: auto;
}

#header {
	width: 750px; height: 60px;
	padding-top: 10px; padding-bottom: 10px;
	display: block;
}
#logo {
	width: 259px; height: 30px;
	position: relative; float: left;
}
#logo h1 { padding: 0px; margin: 0px; }
#logo img {
	width: 402px; height: 50px;
}
#hdr_links {
	position: relative; float: right;
	text-align: right;
	font-weight: bold;
	line-height: 60px;
}

#typeArea {
	width: 750px; height: auto; padding-top: 20px;
	position: relative; clear: both;
	background-color: #FFFFFF;
	background-image: url(images/pgcnr_top.gif);
	background-position: top; background-repeat: no-repeat;
	text-align: left; color: #666666;
	display: block;
}
#typeAreaFooter {
	width: 750px; height: 20px;
	position: relative; clear: both;
	background-image: url(images/pgcnr_bottom.gif);
	background-position: bottom; background-repeat: no-repeat;
	display: block;
}

/* ============= TEXT CONTENT ============= */
#textContent {
	width: 350px; height: auto;
	padding-left: 20px;
	position: relative; float: left;
}

/* ============= PLAYER ============= */
#player {
	width: 306px; padding-left: 20px; padding-right: 20px;
	height: 503px;
	position: relative; float: right;
}
#playerScreen {
	width: 306px; height: 415px;
	/*background-image: url(images/player_screen_full.jpg);
	background-position: top; background-repeat: no-repeat;*/
	color: #FFFFFF;
	display: block;
}
#playerScreenFrame {
	width: 306px; height: 415px;
	border: 0px;
}
#playerText {
	width: 267px; height: 288px;
	display: block;
}
#playerText h1 {
	width: 257px; padding-left: 5px; padding-right: 5px;
	height: 29px;
	margin: 0px;
	font-size: 14px; line-height: 30px; font-weight: bold;
	background-color: #000000;
	background-image: url(images/player_hdrPanel.jpg);
	background-position: left top; background-repeat: no-repeat;
	color: #FFFFFF;
	/*border-bottom: 1px solid #283B42;*/
	display: block;
}
#playerText h2 {
	width: 257px; padding-left: 5px; padding-right: 5px;
	height: 20px;
	font-size: 12px; line-height: 20px; font-weight: bold;
	background-color: #003333;
	color: #FFFFFF;
	display: block;
}
#playerText p {
	width: 257px; padding-left: 5px; padding-right: 5px;
	padding-top: 2px; padding-bottom: 2px; margin: 0px;
	border-bottom: 1px solid #283B42;
	color: #FFFFFF;
	display: block;
}
#playerText ul, #playerScreen ol { margin: 0px; padding: 0px; }
#playerText ul { list-style: none; }
#playerText li {
	width: 257px; padding-left: 5px; padding-right: 5px;
	height: auto; padding-top: 2px; padding-bottom: 2px;
	position: relative; clear: both;
	background-image: url(images/player_bkgrndLite.jpg);
	background-position: left; background-repeat: repeat-y;
	border-bottom: 1px solid #283B42;
	display: block;
}
#playerTextFooter {
	width: 257px; padding-left: 5px; padding-right: 5px;
	height: 20px;
	line-height: 20px;
	position: relative; clear: both;
	background-color: #000000;
	background-image: url(images/player_footerPanel.jpg);
	background-position: bottom; background-repeat: no-repeat;
	color: #999999;
	display: block;
}
#playerTextFooter a:link { color: #999999; }
#playerTextFooter a:visited { color: #999999; }
#playerTextFooter a:hover { color: #FFFFFF; }
#playerControl {
	width: 286px;
	height: 46px; padding-top: 32px;
	position: relative; clear: both;
	text-align: left;
	vertical-align: top;
	display: block;
}
embed.playerMusic {
	width: 266px; height: 32px;
	visibility: visible;
	background: none;
}
/*#playerControl iframe.playerButtons {
	width: 58px; height: 58px;
	overflow: hidden;
	border: 0px;
}*/
#playerNone, #playerPlay, #playerPause {
	width: 58px; height: 58px;
	background-position: center top; background-repeat: no-repeat;
}
#playerNone { background-image: url(images/playerButtons_blank.jpg); }
#playerPlay { background-image: url(images/playerButtons_play.jpg); }
#playerPause { background-image: url(images/playerButtons_pause.jpg); }
#playerReflection {
	width: 306px; height: 88px;
	position: relative; clear: both;
	background-image: url(images/player_reflection.jpg);
	background-position: top; background-repeat: no-repeat;
	display: block;
}

/* ============= GENERAL STYLES ============= */
.textBox {
	width: 350px;
	background-image: url(images/tbj_box_02.jpg);
	background-position: left; background-repeat: repeat-y;
	display: block;
}
.textBoxContent {
	width: 330px; padding-left: 10px; padding-right: 10px;
	height: auto; padding-top: 10px;
	text-align: left;
	background-image: url(images/tbj_box_01.jpg);
	background-position: left top; background-repeat: no-repeat;
	min-height: 90px;
	display: block;
}
.textBoxContent h2 { margin-top: 5px; margin-bottom: 5px; }
.textBoxFooter {
	width: 350px; height: 5px;
	clear: both;
	background-image: url(images/tbj_box_04.jpg);
	background-position: left bottom; background-repeat: no-repeat;
	display: block;
	margin-bottom: 10px;
}

/* ============= GENERAL STYLES ============= */
.imgLeft {
	position: relative; float: left;
	margin-right: 10px;
}
.fortCDimg { margin-bottom: 35px; }

.showElement { display: block; }
.hideElement { display: none; }

a.purchaseButton {
	width: 133px; height: 20px;
	position: relative; clear: left; float: left;
	font-size: 12px; line-height: 20px; font-weight: bold;
	text-align: center;
	background-position: left top; background-repeat: no-repeat;
	margin-right: 10px; margin-bottom: 70px;
	display: block;
}
a.purchaseButton:link { color: #993366; text-decoration: none; background-image: url(images/purchaseButton_f01.jpg); }
a.purchaseButton:visited { color: #993366; text-decoration: none; background-image: url(images/purchaseButton_f01.jpg); }
a.purchaseButton:hover { color: #993366; text-decoration: none; background-image: url(images/purchaseButton_f02.jpg); }
a.purchaseButton:active { color: #FFFFFF; text-decoration: none; background-image: url(images/purchaseButton_f03.jpg); }

ul.videoList {
	margin-right: 5px;
	list-style: none;
	font-weight: bold;
}
ul.videoList li {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 5px;
}