

/* Based on latest Gecko-engines with Safari, Chrome, Opera and specific FF adaptations inline.
   IE adaptations in css addon. */


/* ===============================================
   Global HTML Elements
   =============================================*/

/* Default HTML Formatting */
html, body {margin:0;padding:0;border:0;}
body {background:#fff url(../images/background.jpg) center top no-repeat;}
object, a {outline:none;}
img {border:0;}
img.right, .fright {float:right;}
img.left, .fleft {float:left;}
.right {text-align:right;}
.clr {clear:both;}
form {margin:0;}
p {margin:0 0 18px 0;}
p.compact {margin:0 0 6px 0;}
table {float:none;width:91%;border-collapse:collapse;padding:0;margin:0px 0px 0px 44px;/*background-color:white;*/}
td, div {font-size:12px;font-family:arial,sans-serif;color:#333;line-height:18px}
div, .left {text-align:left;}
ul, ol, li {margin:0;padding:0;}
ul {margin:0 0 18px 14px;list-style-type:square;}
ol {margin:0 0 18px 18px;}
li {margin:0;padding:0 0 0 2px;}
ol li {margin:0;padding:0;}
ul.compact li {margin:0;}
dl {margin:0 0 20px 0;}
dt {margin:0 0 -16px 0;font-weight:bold;}
dd {margin:0 0 10px 18px;}
dl.ddnarrow dd {margin:0 0 0 26px;}
dl.yrs dd {margin:0 0 8px 38px;}
dt.hl, dd.hl {color:#e1007a;}
hr {float:left;width:580px;background:#c2c1b8;border:0;height:1px;margin:5px 0 5px 0;padding:0;}
hr.rd {background:#e20000}
.safari hr, .mac.gecko hr, .opera hr, .chrome hr {margin:5px 0 6px 0;}
.columns2in hr {width:260px;}
.col2 hr {width:240px;}

input, select, textarea {font-size:12px;font-family:arial,sans-serif;color:#000;line-height:16px;} /* Default FF3.6 Win7 */
input {padding:2px 4px 2px 4px;margin:2px 0 2px 0;}
select {padding:2px 0 2px 2px;margin:2px 0 2px 0;}
textarea {padding:2px 4px 6px 4px;margin:2px 0 1px 0;}

.xp.ff3 input {padding:1px 2px 1px 4px;} /* FF3 XP */
.xp.ff3 select {padding:1px 0 1px 2px;}
.xp.ff3 textarea {padding:0 2px 6px 4px;}

.safari select {padding:0;margin:4px 0 4px 0;} /* Safari */
.safari input {padding:2px 1px 0 5px;}
.safari textarea {padding:2px 4px 6px 4px;margin:2px 0 -1px 0;}

.mac.gecko input {padding:1px 2px 0 2px;} /* Gecko(FF) Mac */
.mac.gecko select {padding:0;height:18px;}
.mac.gecko textarea {padding:2px 4px 2px 4px;margin:2px 0 2px 0;}

.opera input {padding:1px 2px 1px 4px;} /* Opera */
.opera select {padding:0;height:21px;}
.opera textarea {padding:1px 2px 6px 4px;margin:2px 0 2px 0;}

.chrome input {padding:2px 4px 0 2px;line-height:15px;} /* Chrome */
.chrome select {padding:1px 0 1px 0;}
.chrome textarea {padding:2px 4px 6px 4px;margin:2px 0 -1px 0;}

.TDnews {
  font-weight: bold;
  background-color: #DBDBDB;
  padding: 5px;
  padding-left: 20px;
}

/* Links */
a:link, a:active, a:visited, a:hover {text-decoration:none;color:#e20000;}
a:visited {color:#a60000;}
a:hover {text-decoration:underline;}

/* Headings and Text */
h1, h2, h3, h4, code {font-family:arial,sans-serif;color:#000;font-weight:normal;margin:0;padding:0;position:relative;}
h1 {font-size:28px;line-height:32px;margin-top:7px;padding-bottom:5px;}
h2 {font-size:20px;line-height:24px;padding-bottom:6px;color:#333;}
h3 {font-size:14px;line-height:18px;font-weight:bold;margin-top:-2px;padding-bottom:1px;}
h4 {font-size:12px;font-weight:bold;}
p.intro {font-size:15px;padding:0 0 1px 0;line-height:20px;color:#333;}


/* ===============================================
   Page Elements
   =============================================*/

/* Global Page Positioners */
#master {
	text-align:left;
	margin:0 auto;
	width:970px;
	position:relative;
}
.header, .content {
	float:left;
	width:950px;
	margin:0 10px 0 10px;
}

/* Header */
.header .logo {float:left;width:106px;height:100px;line-height:0;}
.header .logoprint {display:none;}
ul.nav {
	float:right;
	margin:0 30px 0 0;
	padding:0;
	list-style-type:none;
	position:relative;
}
ul.nav li {float:left;display:inline;margin:0;padding:0;}
ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover {
	float:left;
	font-size:12px;
	color:#ffdbdb;
	padding:15px 6px 15px 6px;
	text-decoration:none;
}
ul.nav li a:hover {text-decoration:underline;}
ul.nav li.current a {color:#fff;font-weight:normal;}
ul.tabs {
	float:left;
	width:790px;
	height:102px;
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	position:relative;
}
.home ul.tabs {height:52px;}
ul.tabs li {float:left;display:inline;margin:0;padding:0;}
ul.tabs li a:link, ul.tabs li a:active, ul.tabs li a:visited, ul.tabs li a:hover {
	float:left;
	font-size:14px;
	line-height:17px;
	color:#fff;
	padding:8px 25px 10px 10px;
	min-width:50px;
	text-decoration:none;
	background:url(../images/tabs.gif) no-repeat;
}
ul.tabs li a:hover {text-decoration:underline;}
ul.tabs li.current {background:url(../images/tabs1a.gif) no-repeat;margin-right:24px;}
ul.tabs li.current a:link, ul.tabs li.current a:active, ul.tabs li.current a:visited, ul.tabs li.current a:hover {
	color:#fedb00;
	padding:8px 40px 10px 23px;
	margin-right:-10px;
	background:url(../images/tabs1b.gif) no-repeat right;
}
.chrome ul.tabs li a:link, .chrome ul.tabs li a:active, .chrome ul.tabs li a:visited, .chrome ul.tabs li a:hover,
.chrome ul.tabs li.current a:link, .chrome ul.tabs li.current a:active, .chrome ul.tabs li.current a:visited, .chrome ul.tabs li.current a:hover {padding-top:9px;padding-bottom:9px;}
ul.tabs li.current a strong {font-weight:normal;}

ul.tabs li.current ul {position:absolute;top:69px;left:-109px;z-index:1;margin-top:0;}
ul.tabs li.current ul li a:link, ul.tabs li.current ul li a:active, ul.tabs li.current ul li a:visited, ul.tabs li.current ul li a:hover,
.chrome ul.tabs li.current ul li a:link, .chrome ul.tabs li.current ul li a:active, .chrome ul.tabs li.current ul li a:visited, .chrome ul.tabs li.current ul li a:hover {
	float:left;
	font-size:13px;
	line-height:16px;
	padding:10px 9px 8px 9px;
	margin-right:0;
	text-decoration:none;
	background:none;
}
ul.tabs li.current ul li a:hover {text-decoration:underline;}
ul.tabs li.current ul li.current {background:url(../images/tabs2a.gif) no-repeat;margin:0 10px 0 10px;}
ul.tabs li.current ul li.current a:link, ul.tabs li.current ul li.current a:active, ul.tabs li.current ul li.current a:visited, ul.tabs li.current ul li.current a:hover {
	color:#000;
	padding:10px 22px 8px 20px;
	margin-right:0;
	background:url(../images/tabs2b.gif) no-repeat right;
}

/* 3rd nav/list */
ul.plain {list-style-type:none;margin-left:0;}
ul.plain li {padding-left:0;}
ul.plain li.current {
	margin:2px 0 0 -30px;
	padding:1px 0 3px 30px;
	background:url(../images/bg_3rdnav.png) no-repeat;
}
.safari ul.plain li.current, .chrome ul.plain li.current {margin:1px 0 1px -30px;padding:2px 0 2px 30px;}
ul.plain li.current a strong {font-weight:normal;}


/* Promos */
.promowide {
	float:left;
	width:950px;
	height:333px;
	position:relative;
}
.promowide .feature {position:absolute;}
.promowide .feature2 {position:absolute;left:30px;}
.promowide .pcopy {
	position:absolute;
	right:50px;
	top:40px;
	width:240px;
	z-index:1;
}
.promowide .pcopy h1 {font-size:26px;line-height:30px;color:#fff;}
.promowide .pcopy h1 a {color:#fff;}
.promowide .pcopy h1 span {color:#fedb00;}
.promowide .pcopy p, .promowide .pcopy p a {color:#ccc;display:block;text-decoration:none;}

/* Boxes */
.infobox, .infoboxtabs {
	float:left;
	width:240px;
	padding:0 20px 0 20px;
	margin:20px 0 0 0;
	background:url(../images/bg_infobox1a.gif) no-repeat;
}
.infobox .boxbot, .infoboxtabs .boxbot {width:280px;height:5px;margin:-4px -20px 0 -20px;line-height:0;background:url(../images/bg_infobox1b.gif) no-repeat 0 bottom;}
.infobox h3, .infoboxtabs h3 {margin-top:11px;padding-bottom:13px;}
.infobox h3 a {float:right;font-size:11px;font-weight:normal;padding-top:1px;}
.ibtabs {float:left;width:280px;margin:0 -20px 0 -20px;}
.ibtabs h3 {float:left;}
.ibtabs h3.current {margin:2px 0 0 0;background:url(../images/ibtabs1a.gif) no-repeat;}
.ibtabs h3.current strong {float:left;margin:0 -8px -7px 0;padding:9px 20px 7px 20px;background:url(../images/ibtabs1b.gif) no-repeat right;}
.ibtabs h3 a {margin:0 12px 0 20px;}
.infocus .boxbot {padding-top:10px;}
.infocus p {margin-bottom:8px;}
.infocus h4 a {color:#000;}
.infocus p a {color:#333;display:block;text-decoration:none;}
.infocus p a span {color:#e20000;}
.infocus p a:hover span {text-decoration:underline;}
.infocus img {float:right;margin:3px 0 0 5px;}

.box {float:left;background:#f1f1ed;padding:0 30px 5px 15px;border:1px solid #c2c1b8;}


/* Buttons */
a.button:link, a.button:active, a.button:visited, a.button:hover, span.button {
	float:left;
	width:71px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	padding:5px 0 3px 9px;
	margin:2px 1px 2px 0;
	background:url(../images/bg_button.png);
}
.safari a.button:link, .safari a.button:active, .safari a.button:visited, .safari a.button:hover, .safari span.button,
.mac.gecko a.button:link, .mac.gecko a.button:active, .mac.gecko a.button:visited, .mac.gecko a.button:hover, .mac.gecko span.button {padding:6px 0 3px 9px;}
a.button:hover {text-decoration:none;background:url(../images/bg_button.png) 0 25px;}
a.sml:link, a.sml:active, a.sml:visited, a.sml:hover {width:21px;margin:-2px 0 2px 4px;background:url(../images/bg_button2.png);}
a.sml:hover {background:url(../images/bg_button2.png) 0 25px;}

/* News list */
ol.news {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
ol.news li {margin:0 0 6px 0;padding:0;}
ol.news li a {font-weight:bold;color:#000;display:block;}
ol.news.clrd li a {color:#e20000;}
ol.news.clrd li a:visited {color:#a60000;}
ol.news a span {display:block;color:#333;font-size:11px;font-weight:normal;}
#flashnewsticker {float:left;margin-bottom:12px;}
p.paging {float:left;width:240px;margin-bottom:2px;}
p.paging a {margin:0 0 12px 0;padding:0;display:block;}
p.paging span {float:left;color:#999;}
p.paging a.nxt, p.paging span.nxt {float:right;display:inline;}


/* Footer */
.footcontainer {clear:both;margin:0 auto;max-width:1600px;position:relative;background:#f1f1ed;}
.footer {width:890px;margin:0 auto;position:relative;padding:30px 0 60px 0;}
.footer ul {
	float:left;
	width:100px;
	min-height:180px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.footer ul li {font-size:11px;line-height:16px;margin:0;padding:0;}
.footer ul li.head {font-size:13px;margin-bottom:8px;}
.footer ul li.head a {color:#000;display:block;}
.footer h4 {font-size:13px;line-height:17px;padding-bottom:1px;font-weight:normal;}
.footer .copyblock {
	position:absolute;
	right:0;
	top:30px;
	width:261px;
	height:186px;
	border-left:1px solid #c2c1b8;
	padding:0 0 0 14px;
	background:url(../images/bg_footer.gif) no-repeat;
}
.copyblock ul {min-height:100px;}
.footer .copy {float:left;font-size:11px;line-height:16px;margin:48px 0 0 0;white-space:nowrap;}

/* Misc */
#hegoplayer, .piclarge, .picmedium {margin:4px 0 16px 0;line-height:0;vertical-align:bottom;}
.picmedium {float:right;margin:4px 0 12px 20px;}

a.icodoc {padding-left:22px;background:url(../images/icon_document.gif) repeat-y 0 0;}
a.icodoc:hover {background:url(../images/icon_document.gif) repeat-y 0 16px;}
.safari a.icodoc, .mac.gecko a.icodoc, .safari a.icodoc:hover, .mac.gecko a.icodoc:hover {margin-top:-1px;padding-top:1px;}
.pagetools {font-size:11px;margin:0;}
a.icoprnt {margin-top:-3px;padding:3px 4px 0 21px;background:url(../images/icon_print.gif) repeat-y 0 0;}
a.icoprnt:hover {background:url(../images/icon_print.gif) repeat-y 0 17px;}
.safari a.icoprnt, .mac.gecko a.icoprnt, .safari a.icoprnt:hover, .mac.gecko a.icoprnt:hover {margin-top:-4px;padding-top:4px;}
a.icosnd {padding:0 4px 0 21px;background:url(../images/icon_send.gif) repeat-y 0 0;}
a.icosnd:hover {background:url(../images/icon_send.gif) repeat-y 0 16px;}
.safari a.icosnd, .mac.gecko a.icosnd, .safari a.icosnd:hover, .mac.gecko a.icosnd:hover {margin-top:-1px;padding-top:1px;}

a.icobroadcast {padding:9px 0 1px 30px;background:url(../images/icon_broadcast.gif) repeat-y 0 0;}
a.icoprodsystems {padding:9px 0 1px 30px;background:url(../images/icon_productionsystems.gif) repeat-y 0 0;}
a.icoprodenhancement {padding:9px 0 1px 30px;background:url(../images/icon_productionenhancement.gif) repeat-y 0 0;}
a.icovirtgraphics {padding:9px 0 1px 30px;background:url(../images/icon_virtgraphics.gif) repeat-y 0 0;}
a.icovirtadvertising {padding:9px 0 1px 30px;background:url(../images/icon_virtadvertising.gif) repeat-y 0 0;}
a.icotimingdata {padding:9px 0 1px 30px;background:url(../images/icon_timingdata.gif) repeat-y 0 0;}

#flashpromo {float:left;width:890px;margin:4px 0 12px 0;}

ul.compact, ol.compact {margin-top:-8px;}


/* ===============================================
   Page Columns
   =============================================*/

.content {min-height:585px;background:url(../images/bg_content.jpg) no-repeat;}
.home .content {background:#fff url(../images/bg_promowide.jpg) repeat-x;}

.columns21 {float:left;width:890px;padding:30px 30px 50px 30px;}
.columns21 .col1 {float:left;width:580px;padding:0 30px 0 0;}
.columns21 .col2 {float:left;width:280px;padding:58px 0 0 0;}
.home .columns21 .col2 {padding:0;margin-top:-18px;}
.columns21 .col1 h1 {margin-right:-310px;}
.columns21.promo .col1 {padding-top:20px;}
.columns21.promo .col2 {padding:0;}

.columns2in {float:left;width:580px;margin:2px 0 18px 0;}
.columns2in .col1i, .columns2in .col2i {float:left;width:260px;padding:6px 30px 0 14px;border-left:1px solid #c2c1b8;border-right:1px solid #c2c1b8;}
.columns2in .col2i {padding-right:0;border-right:none;margin-left:-1px;}
.columns2in.compact {margin-top:-16px;}
.columns2in.compact .col1i, .columns2in.compact .col2i {padding-top:3px}
.home .columns2in .col1i, .home .columns2in .col2i {padding-top:13px;}
.home .columns2in h3 a {color:#000;}
.home .columns2in p a {color:#333;display:block;text-decoration:none;}
.home .columns2in p a span {color:#e20000;}
.home .columns2in p a:hover span {text-decoration:underline;}


/* ===============================================
   Forms
   =============================================*/

.form {float:left;width:397px;padding:0;margin:0 0 16px 0;position:relative;}
.col2 .form {width:240px;margin:0 0 18px 0;}

div.okay {background-color:#d1edb7;}

.fcap, .fcaprow {float:left;width:120px;padding:4px 0 0 0;position:relative;}
.fcaprow {width:397px;font-weight:bold;}
.fcap span {position:absolute;right:4px;color:#ff5a00;}
.col2 .fcap {width:238px;font-size:11px;padding:3px 0 0 1px;margin-bottom:-1px;}
.col2 .fcap span {position:relative;margin-left:5px;}
.fbullet {float:left;width:238px;padding:1px 0 5px 0;font-weight:bold;background:url(../images/bg_fbullet.png) no-repeat;}
.fbullet span {padding:0 12px 0 7px;color:#fff;}
.safari .fbullet, .mac.gecko .fbullet, .opera .fbullet, .chrome .fbullet {padding:2px 0 4px 0;}

.ftxt {float:left;padding:4px 0 0 0;}
.freq {float:left;padding:8px 0 0 15px;font-size:11px;}
.freq span {color:#ff5a00;}

.ffield, .ffieldm, #pwfield, .ffile, .ftextarea, .fmulti {float:left;color:#666;}
.fmulti select {margin:0;}
.ffieldm, #pwfield {padding-right:4px;}
.fspc {padding-right:5px;}
.fsign, .fsignidle, .fsignok, .fsignalert {float:left;width:21px;height:21px;margin:2px 0 2px 3px;}
.fsignidle {background:url(../images/icon_form.png);}
.fsignok {background:url(../images/icon_formok.png);}
.fsignalert {background:url(../images/icon_formalert.png);}

.fwrap, .fwrap2, .fwrap3 {float:left;padding:2px 0 4px 0;}
.form .fwrap {width:250px;}
.fwrap2 {width:277px;}
.formwide .fwrap2 {width:506px;}
.fwrap3 {width:320px;}

label img {margin:0 2px -3px 3px;}

.fchk, .frad3 {float:left;margin:3px 15px 0 0;}
.fchk input, .frad3 input {float:left;margin:1px 4px 0 0;}
.ff3 .fchk, .ff3 .frad3 {margin:2px 15px 1px 0;}
.ff3 .fchk input, .ff3 .frad3 input {margin:1px 4px 0 0;}
.opera .fchk input, .opera .frad3 input {margin:0 2px 0 0;}
.safari .fchk input, .chrome .fchk input, .safari .frad3 input, .chrome .frad3 input {margin:2px 4px 0 0;}
.fwrap2 .fchk, .fwrap2 .frad3 {width:138px;margin:2px 0 3px 0;}

.frad {float:left;padding:2px 0 1px 0;font-size:11px;line-height:15px;}
.frad input {float:left;margin:1px 3px 0 0;}
.safari .frad input, .chrome .frad input {margin:0 5px 0 0;}

.frad2 {float:left;padding:2px 15px 1px 0;}
.frad2 input {float:left;margin:1px 3px 0 0;}
.opera .frad2 input {margin:0 1px 0 0;}
.safari .frad2, .chrome .frad2 {padding:2px 15px 2px 0;}
.safari .frad2 input, .chrome .frad2 input {margin:2px 5px 0 0;}

select.fstyle1 {width:182px;}

input.fstyle2 {width:206px;}
select.fstyle2 {width:216px;}
textarea.fstyle2 {width:206px;height:90px;}

input.fstyle3 {width:240px;}
select.fstyle3 {width:250px;}
textarea.fstyle3 {width:240px;height:90px;}
.ffile input.fstyle3 {width:250px;}

select.fstyle4 {width:60px;margin-right:4px;}
input.fstyle5 {width:142px;}

.fbutt {float:left;margin:2px 0 2px 0;line-height:0;}



/* ===============================================
   Misc Styles
   =============================================*/

.alert {color:#ee0000;}
ul.alert, ul.notice {margin-top:6px;}
ul.alert li, ul.notice li {font-weight:bold;}
.notice {color:#20a800;}

