﻿@charset "utf-8";




/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//      CSS Main Stylesheet (c) 2008 Telestream, Inc. - version 2.5
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//      SourceSansPro webfont family added mpotampa - 010214
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */


@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('/webfonts/SourceSansPro-Regular-webfont.eot');
    src: url('/webfonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('/webfonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('/webfonts/SourceSansPro-Regular-webfont.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('/webfonts/SourceSansPro-Semibold-webfont.eot');
    src: url('/webfonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('/webfonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('/webfonts/SourceSansPro-Semibold-webfont.svg#SourceSansPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('/webfonts/SourceSansPro-Light-webfont.eot');
    src: url('/webfonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('/webfonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('/webfonts/SourceSansPro-Light-webfont.svg#SourceSansPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Legacy styles
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

a:link {
color:#009BDF;
text-decoration: none;
font-weight:normal;
}
a:visited {
color:#009BDF;
text-decoration:none;
}
a:hover {
color:#009BDF;
text-decoration:underline;
}
a:active {
color:#009BDF;
}
.small_text {
font-size: 12px;
}
.price_text {
font-size: 16px;
}
.eol_text {
    font-size: 14px;
    color: #ff0000;
}


a.visited:focus {
font-weight:bold;
font-size:120%;
color:#000 !important;
text-decoration:none;
}

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//  Universal Button
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

.WhiteButton-nolink {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
border-top:solid 1px #9BAFC3;
border-left:solid 1px #9BAFC3;
border-right:solid 1px #9BAFC3;
border-bottom:solid 2px #FFFFFF;
text-align: center;
color:#000000;
background-color:#ffffff;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
font-size: 14px;
padding: 3px 10px 3px 10px;
width:auto;
}
.WhiteButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#009bdf;
background-color:#ffffff;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
width:auto;
}
.WhiteButton a:link {
	color:#009bdf;
}
.WhiteButton:hover {
	text-decoration: none !important;
	background-color:#FFFFFF;
	color:#000000;
	padding: 4px 10px 4px 10px;
}
.WhiteButton:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.WhiteButton a:visited {
	color:#009bdf;
}
.BlueButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
background-color:#009bdf;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
/*padding: 2px 5px 2px 5px;*/
width:auto;
}
.BlueButton a:link {
	color:#ffffff;
}
.BlueButton:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#FFFFFF;
	padding: 4px 10px 4px 10px;
}
.BlueButton:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.BlueButton a:visited {
	color:#ffffff;
}
.BlueButton-border {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
background-color:#009bdf;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
width:auto;
border:1px solid #FFFFFF;
}
.BlueButton-border a:link {
	color:#ffffff;
}
.BlueButton-border:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#000000;
	padding: 4px 10px 4px 10px;
}
.BlueButton-border:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.BlueButton-border a:visited {
	color:#ffffff;
}
/******* fixed width blue button **********/
.BlueButton2 {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
background-color:#009bdf;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
width:250px;
}
.BlueButton2 a:link {
	color:#ffffff;
}
.BlueButton2:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#FFFFFF;
	padding: 4px 10px 4px 10px;
}
.BlueButton2:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.BlueButton2 a:visited {
	color:#ffffff;
}
/**** alternate green button for company section *****/
.GreenButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
/*background-color:#BDD85A;*/
background-color:#8BC838;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
width:auto;
}
.GreenButton a:link {
	color:#ffffff;
}
.GreenButton:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#FFFFFF;
	padding: 4px 10px 4px 10px;
}
.GreenButton:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.GreenButton a:visited {
	color:#ffffff;
}
.GreenButton-border {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
background-color:#BDD85A;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
width:auto;
border:1px solid #FFFFFF;
}
.GreenButton-border a:link {
	color:#ffffff;
}
.GreenButton-border:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#000000;
	padding: 4px 10px 4px 10px;
}
.GreenButton-border:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.GreenButton-border a:visited {
	color:#ffffff;
}
/***** end of green button ******/


/***** alternate orange button *****/
.OrangeButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
color:#ffffff;
background-color:#F57943;
font-family: SourceSansPro-Regular, Helvetica, sans-serif;
font-size: 14px;
padding: 4px 10px 4px 10px;
/*padding: 2px 5px 2px 5px;*/
width:auto;
}
.OrangeButton a:link {
	color:#ffffff;
}
.OrangeButton:hover {
	text-decoration: none !important;
	background-color:#9BAFC3;
	color:#000000;
	padding: 4px 10px 4px 10px;
}
.OrangeButton:active {
	position: relative;
	top: 1px;
	color:#cccccc;
}
.OrangeButton a:visited {
	color:#ffffff;
}
/***** end orange button *******/
.ProButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#9BAFC3;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
font-size: 14px;
padding: 0px 4px 0px 4px;
width:auto;
}
.CategoryButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#9BAFC3;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
font-size: 14px;
padding: 2px 7px 2px 7px;
width:auto;
}
.WirecastButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#8781BC;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
padding: 2px 7px 2px 7px;
width:auto;
}
.EpisodeButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#56B1C7;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
padding: 2px 7px 2px 7px;
width:auto;
}
.GrayButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#9BAFC3;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
padding: 2px 7px 2px 7px;
width:auto;
}
.Flip4MacButton {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
text-align: center;
color:#FFFFFF;
background-color:#669933;
font-family: SourceSansPro-Semibold, Helvetica, sans-serif;
padding: 2px 7px 2px 7px;
width:auto;
}
/**** the div that the jquery loads the entire sales & contact info into ****/
#SalesInfo {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #000000;
text-align:center;
}
#SalesInfoVert {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #000000;
}
#ProductInfo {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #000000;
text-align:center;
}
#PartnerInfoVert {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #000000;
}
/**** the div that the jquery loads the entire sales & contact info into ****/
#SupportInfo {
position: relative;
top: 0px;
left: 42px;
width:900px;
border: 0px solid #000000;
}

/**** the WIDE div that the jquery loads the support info into ****/
#SupportInfoWide {
position: relative;
top: 0px;
left: 42px;
width:1000px;
border: 0px solid #000000;
}
/**** the div that the jquery loads the entire purchase info into the dealer pages 2****/
#PurchaseInfo {
position: relative;
top: 20px;
left: 42px;
width:900px;
border: 0px solid #000000;
}
/**** the divs that jquery loads for the Vantage features page ****/
#VantagePromise {
position: relative;
margin-top:-20px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageSpeed {
position: relative;
margin-top:-30px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageFormat {
position: relative;
margin-top:-10px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageQuality {
position: relative;
margin-top:-10px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageAutomated {
position: relative;
margin-top:-30px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageAnalysis {
position: relative;
margin-top:-10px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageInteraction {
position: relative;
margin-top:-10px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
#VantageScalability {
position: relative;
margin-top:-30px;
/*left: 42px;*/
width:1024px;
border: 0px solid #000000;
}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//  Salvaged style calls & new headline styles created by mpotampa 12.12.13; these are part of the overall page cleanup
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */
.std-bullet ul li { /* first level list handling */
	padding-left: 1em;
	color: #000000;
	list-style: none;
	background: transparent url(../images/global-bullet.gif) -6px 1px no-repeat;
*background: transparent url(../images/global-bullet.gif) -6px 2px no-repeat;
	line-height: 1.4em;
	font-size: 14px;
}
.corners {
	border: 1px solid #9BAFC3;
	padding: 20px 20px 20px 20px;
	background: #FFF;
	/*border-radius: 5px;
	-moz-border-radius: 5px;  Firefox 3.6 and earlier */
}
.box-shadow {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}
/* new styles created by mpotampa 12.12.13 */
.buttonZone {
	border: 0px solid #ccc;
	width: 250px;
	height: 29px;
	margin: 270px 20px 0px 720px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.headlineBold {
	font-size: 24px;
	color: #000000;
	/*font-family: "SourceSansPro-Bold";*/
	font-family: "SourceSansPro-Regular";
	font-weight: normal;
	text-align: center;
	line-height: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.headlineCopy {
	font-size: 18px;
	color: #000000;
	font-family: "SourceSansPro-Regular";
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.headlineCopy a {
	color: #009bdf;
	font-weight: normal;
}
/**** the div that the jquery loads the Fat Footer into ****/
#FatFooter {
position: relative;
top: 0px;
left: 0px;
border: 0px solid #000000;
}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Styling for embedded download page, added by mpotampa 01.16.14
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */
#mainPanel
{
width:1024px;
height: 400px;
border: 1px solid #000000;    
}
#download_placeholder {
margin:30px 0px 0px 40px;
padding:0px 0px 0px 0px;
border: 0px solid #000000;
width: 400px;
min-height: 400px;
float:left;
text-align:left;
border: 0px solid #000000;
}
#download_content {
margin:38px 0px 0px 50px;
padding:0px 0px 0px 0px;
border: 0px solid #000000;
width: 460px;
min-height: 400px;
float:left;
text-align:left;
border: 0px solid #000000;
}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//  Global tags
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */
/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/images/shared/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
html, body {
background:#FFFFFF none repeat scroll 0%;
*behavior:url("http://www.telestream.net/js/csshover.htc");  /* script solves the IE6 bug with background image swap */
min-height:100%; 
height:100%;
font-family: 'SourceSansPro-Regular';
font-size:14px;
line-height:1.3em;
padding:0px;
/*overflow: hidden;*/
}
p {
margin-bottom:10px;
line-height:1.3em
}
div {
line-height:1.3em
}
/*
input {
margin:3px;
border:1px solid rgb(100,100,100);
min-height:100%;
}*/
th,td {
/*borders and padding to make the table readable*/
border:0;
padding:6px;
}
/*table {
clear:none; 
}*/
ul {
margin:5px 0px 0px -10px;
text-align:left;
}
.tbl-main ul li {
margin:2px 0px 0px -20px;
padding:0px 0px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}
.tbl-main ul ul li {
margin:2px 0px 0px -20px;
padding:0px 0px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-sub-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}

ol {
margin:5px 0px 0px 0px;
text-align:left;
}
img {
border:0px;
}
sup {
position:relative;
top:-.5em;
font-size:77%;
padding-left:1px;
}
#custom-doc {
width:74.6154;
*width:72.7502;
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
color:#000000;
line-height:1.3em;
width:100%;
float:left;
position:relative;
font-family: "SourceSansPro-Regular", Helvetica;
font-weight:normal;
margin-bottom:10px;
}
h1 {            /* use this for Headlines and Page Headlines/Titles  */
font-family: "SourceSansPro-SemiBold", Helvetica;
font-size:22px;
font-weight:normal;
}
.h1-40 {  /* use this for Features Pages' Headlines and Page Headlines/Titles  */
font-family: "SourceSansPro-Light", Helvetica;
font-weight:normal; 
font-size:40px; 
margin-bottom:20px;
line-height:1.3em;
}
.h1-38 {  /* use this for Category Pages' Main Headlines and Page Headlines/Titles  */
font-family: "SourceSansPro-Light", Helvetica;
font-size:38px;
letter-spacing:-1px; 
margin:15px 0px 0px 0px;
line-height:42px;
text-align:center;
border: 0px solid #000000;
}

.h1-30 {  /* use this for Features Pages' Headlines and Page Headlines/Titles  */
font-family: "SourceSansPro-Light", Helvetica;
font-size:30px; 
margin-bottom:20px;
line-height:1em;
}
h2 {            /* use this for Headlines and Page Headlines/Titles  */
font-family: "SourceSansPro-Regular", Helvetica;
font-size:18px;
}
.h2-features {  /* use this for Features Pages' Headlines and Page Headlines/Titles  */
font-weight:400; 
font-size:25px; 
padding-left:25px;
line-height:1.3em;
}
h3 {           /* use this for headline subheads under H1's */
font-family: "SourceSansPro-Regular", Helvetica;
font-size:16px;
}
h4 {            /* use this for subheads over the UL tags */
font-size:14px;
}
h5 {
font-size:24px;
}
h6 {            /* use this for subheads over the UL tags */
font-size:28%;
}
:active, :focus { /* added by CB Aug 2010 to remove outlines on image links w/o ruining focus */
outline: none; 
-moz-outline-style: none; 
} 

/* ============== Misc Styling, mostly for the Body area (content) of the page  ============== */

/* Matt F added 10/18/08 ---- */
#clean_slate {
	background-color: #ffffff;
	width:1024px;
	padding-top:0px;
	position: relative;
	height:auto;
    margin:auto;
	margin-top:20px;
	margin-bottom:0px;
}


/* end Matt F added ----  */

.align-left {
text-align:left;
float:left;
}
.align-left h2 {
vertical-align:middle;
}
.align-right {
text-align:right;
float:right;
}
.align-right h2{
vertical-align:middle;
}
.align-center {
text-align:center;
}
.middle {
vertical-align: middle;
}
.float-left {
float:left;
text-align:left;
}
.float-left-lit {
float:left;
}
.float-left-48perc {
float:left;
width:48%;
}
.float-left-50 {
float:left;
width:50px;
}
.float-left-55 {
float:left;
width:55px;
}
.float-left-60 {
float:left;
width:60px;
}
.float-left-70 {
float:left;
width:70px;
}
.float-left-90 {
float:left;
width:90px;
}
.float-left-105 {
float:left;
width:105px;
}
.float-left-110 {
float:left;
width:110px;
}
.float-left-115 {
float:left;
width:115px;
}
.float-left-130 {
float:left;
width:130px;
}
.float-left-140 {
float:left;
width:140px;
}
.float-left-150 {
float:left;
width:150px;
}
.float-left-173 {
float:left;
width:173px;
}
.float-left-175 {
float:left;
width:175px;
}
.float-left-176 {
float:left;
width:176px;
}
.float-left-191 {
float:left;
width:191px;
}
.float-left-219 {
float:left;
width:219px;
}
.float-left-200 {
float:left;
width:200px;
}
.float-left-220 {
float:left;
width:220px;
}
.float-left-224 {
float:left;
width:224px;
}
.float-left-230 {
float:left;
width:230px;
}
.float-left-240 {
float:left;
width:240px;
}
.float-left-250 {
float:left;
width:250px;
}
.float-left-260 {
float:left;
width:260px;
}
.float-left-279 {
float:left;
width:279px;
}
.float-left-280 {
float:left;
width:280px;
}
.float-left-290 {
float:left;
width:290px;
}
.float-left-300 {
float:left;
width:300px;
}
.float-left-330 {
float:left;
width:330px;
}
.float-left-340 {
float:left;
width:340px;
}
.float-left-350 {
float:left;
width:350px;
}
.float-left-360 {
float:left;
width:360px;
}
.float-left-367 {
float:left;
width:367px;
}
.float-left-384 {
float:left;
width:384px;
}
.float-left-392 {
float:left;
width:392px;
}
.float-left-410 {
float:left;
width:410px;
}
.float-left-415 {
float:left;
width:415px;
}
.float-left-430 {
float:left;
width:430px;
}
.float-left-435 {
float:left;
width:435px;
}
.float-left-444 {
float:left;
width:444px;
}
.float-left-445 {
float:left;
width:445px;
}
.float-left-450 {
float:left;
width:450px;
}
.float-left-460 {
float:left;
width:460px;
}
.float-left-465 {
float:left;
width:465px;
}
.float-left-470 {
float:left;
width:470px;
}
.float-left-475 {
float:left;
width:475px;
}
.float-left-480 {
float:left;
width:480px;
}
.float-left-500 {
float:left;
width:500px;
}
.float-left-505 {
float:left;
width:505px;
}
.float-left-520 {
float:left;
width:520px;
}
.float-left-535 {
float:left;
width:535px;
}
.float-left-545 {
float:left;
width:545px;
}
.float-left-590 {
float:left;
width:590px;
}
.float-left-600 {
float:left;
width:600px;
}
.float-left-610 {
float:left;
width:610px;
}
.float-left-640 {
float:left;
width:640px;
}
.float-left-635 {
float:left;
width:635px;
}
.float-left-650 {
float:left;
width:650px;
}
.float-left-700 {
float:left;
width:700px;
}
.float-left-725 {
float:left;
width:725px;
}
.float-left-750 {
float:left;
width:750px;
}
.float-left-749 {
float:left;
width:749px;
}
.float-left-880 {
float:left;
width:880px;
}
.float-left-950 {
float:left;
width:950px;
}
.float-left-1000 {
float:left;
width:1000px;
}
.float-right {
float:right;
margin-right:1.5em;
}
.float-right-350 {
float:right;
width:350px;
}
.float-right-450 {
float:right;
width:450px;
}
.clear {
clear:both;
}
.clear-0 {
clear:both;
height:0px;
}
.clear-5 {
clear:both;
height:5px;
}
.clear-10 {
clear:both;
height:10px;
}
.clear-15 {
clear:both;
height:15px;
}
.clear-20 {
clear:both;
height:20px;
}
.clear-25 {
clear:both;
height:25px;
}
.clear-30 {
clear:both;
height:30px;
}
.clear-40 {
clear:both;
height:40px;
}
.clear-42 {
clear:both;
height:42px;
}
.clear-50 {
clear:both;
height:50px;
}
.clear-60 {
clear:both;
height:60px;
}
.clear-70 {
clear:both;
height:70px;
}
.clear-100 {
clear:both;
height:100px;
}
.clear-120 {
clear:both;
height:120px;
}
.clear-150 {
clear:both;
height:150px;
}
.clear-160 {
clear:both;
height:160px;
}
.clear-175 {
clear:both;
height:175px;
}
.clear-200 {
clear:both;
height:200px;
}
.clear-210 {
clear:both;
height:210px;
}
.clear-275 {
clear:both;
height:275px;
}
.clear-300 {
clear:both;
height:300px;
}
.image-pad {
padding:10px;
*margin:12px;
clear:none;
}
.image-pad-left {
padding:0 10px 0 5px;
clear:none;
margin: 0 0 -8px -5px;
}
.image-pad-icon {
padding-right:10px;
margin-top:-.5em;
}
.image-right {
text-align:right;
padding:15px;
clear:none;
}
.image-left {
text-align:left;
padding:15px;
*margin:15px;
clear:none;
}
.half-up {     /* use this group to adjust block-level objects - ems make it all relative to font size */
margin-top:-.5em;
}
.half-up-posrel {     /* use this group to adjust block-level objects - ems make it all relative to font size */
position:relative;
top:-.5em;
}
.half-down {
margin-top:.5em;
}
.half-down-posrel {
position:relative;
top:.5em;
}
.half-right-posrel {
position:relative;
left:.5em;
}
.one-up {
margin-top:-1em;
}
.one-up-posrel {
position:relative;
top:-1em;
}
.one-down {
margin-top:1em;
}
.one-down-posrel {
position:relative;
top:1em;
}
.one-left {
margin-left:-1em;
}
.one-right {
margin-left:1em;
}
.one-right-posrel {
position:relative;
left:1em;
}
.two-down-posrel {
position:relative;
top:2em;
}
.two-up-posrel {
position:relative;
top:-2em;
}
.two-up {
margin-top:-2em;
}
.two-down {
margin-top:2em;
}
.two-left {
margin-left:-2em;
}
.two-left-posrel {
position:relative;
left:-2em;
}
.two-right {
margin-left:2em;
}
.two-right-posrel {
position:relative;
left:2em;
}
.three-right-posrel {
position:relative;
left:3em;
margin-right:2em;
}
.three-up {
margin-top:-3em;
}
.three-down {
margin-top:3em;
}
.three-down-posrel {
position:relative;
top:3em;
}
.three-right {
margin-left:3em;
}
.three-left {
margin-left:-3em;
}
.three-left-posrel {
position:relative;
left:-3em;
}
.four-up {
margin-top:-4em;
}
.four-up-posrel {
position:relative;
top:-4em;
}
.four-down {
margin-top:4em;
}
.four-down-posrel {
position:relative;
top:4em;
}
.four-right-posrel {
position:relative;
left:4em;
}
.six-up {
margin-top:-6em;
}
.six-down {
margin-top:6em;
}
.six-right-posrel {
position:relative;
left:6em;
}
.vertical-middle {
vertical-align:middle;
float:left;
}
/* =================== quotes and quote box area ================*/

.quotebox {
padding: 6px 10px 10px 20px;
font-size:93%;
font-style:italic;
color: #000000;
border:1px solid rgb(200,200,200);
text-align:left;
line-height:1.3em;
width:80%;
margin: 2em 0 1em 5%;
background: url(http://www.telestream.net/images/bg-quote.jpg) 0 0 repeat-x;
} /*
q {
quotes: '\201C' '\201D' '\2018' '\2019';
behavior:url(http://www.telestream.net/js/fixQuotes_en.htc);  trying to fix IE here... 
} */

.open-quote-qb { /* use this to format the quote boxes to move the quote around */
width:45;
height:36;
/* padding:0;
margin:-.7em 0 0 -3.5em;
*margin-left:-50px;
position:relative;
top:-8px;
*top:-10px;
left:0px;
*left:-40px;
vertical-align:text-bottom; */
}
.open-quote { /* use this to format the quote graphic on the reviews */
/* background:url(http://www.telestream.net/images/quote-open.gif) 0 0 no-repeat; */
padding:0 4px 0 0;
margin:-.25em 0 0 0;
position:relative;
top:1px;
left:0;
vertical-align:text-bottom;
} 
.featured { /* use this to format the quote graphic on the reviews */
/* background:url(http://www.telestream.net/images/quote-open.gif) 0 0 no-repeat; */
font-size:1.5em;
color:rgb(130,130,130);
font-weight:bold;
line-height:1.3em;
letter-spacing:-.03em;
} 
.featured-2 { /* use this to format the quote graphic on the ScreenFlow Overview page */
/* background:url(http://www.telestream.net/images/quote-open.gif) 0 0 no-repeat; */
font-size:1em;
color:rgb(130,130,130);
font-weight:bold;
line-height:1.5em;
letter-spacing:-.03em;
}
q:before {   /* Used for pull quote boxes - IE will not see this quote mark, CSS 2 browsers only - need fix for IE and Safari in js/ie.js */
content: open-quote;
color: rgb(230,230,230);
font-size:7em;
vertical-align: bottom;
margin:20% 2px 0 -20px;
font-family:georgia, sans-serif;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
font-variant:normal;
line-height:0em;
} 
.quotebox em {
font-style:normal;
float:right;
font-size:90%;
line-height:1.4em;
}
div.quote-attrib {  /* use this in divs when you have double-line attributions on reviews pages */
text-align:right;
clear:both;
}
.quotebox-right {
height:93%;
padding:4px 10px 5px 10px;
font-size:93%;
font-style:italic;
color: #000000;
border:1px solid rgb(200,200,200);
background: url(http://www.telestream.net/images/bg-quote.jpg) 0 0 repeat-x;
text-align:left;
line-height:1.3em;
width:25%;
float:right;
clear:all;
margin-bottom:1em;
}
.quotebox-left {
height:93%;
padding:4px 10px 5px 10px;
font-size:93%;
font-style:italic;
color: #000000;
border:1px solid rgb(200,200,200);
background: url(http://www.telestream.net/images/bg-quote.jpg) 0 0 repeat-x;
text-align:left;
line-height:1.3em;
width:25%;
float:left;
clear:all;
margin-bottom:1em;
}
.quotebox-right em{
font-size:77%;
font-style:normal;
font-weight:normal;
color: #000000;
line-height:1.4em;
float:right;
text-align:right;
margin: 0 0 6px 0;
}
#drop-in {   /*use to put margin on anything that is not behaving */
margin:1.5em;
clear:none;
}
/* ------ Area for general font and layout ------ */

.subhead {
font-size:108%;
color: #000000;
float:left;
margin-top:0;
width:100%;
}
.no-bullet ul li{
list-style-image:none;
}
.no-bullet td ul li{
list-style-image:none;
}
li#list-subhead {
list-style-image:none;
font-weight:bold;
padding-top:5px;
list-style-image:none;
}
.global-nav {  /* top right navigation on all pages */
padding:8px 58px 8px 0px;
font-size:77%;
text-align:right;
color:#000000;
text-decoration:none;
word-spacing:.05em;
}
.masthead {     /* this controls the top header global container size and position  */
/*border:1px solid rgb(180,180,180);*/
width: 100%;
height:50px;
margin-left:0px;
/**margin-left:46px;*/
float:left;
position:relative;
top:0px;
left:0px;
z-index:20;
display:inline;
} 
.masthead-end-l {  /* these control the left and right border graphics for the masthead */
background-image:url(http://www.telestream.net/images/round-corner-mast-left.gif);
background-repeat:no-repeat;
height:46px;
width:18px;
float:left;
margin-left:0px;
z-index:30;
position:relative;
top:-1px;
left:-5px;
}
.masthead-end-r {
background-image: url(http://www.telestream.net/images/round-corner-mast-right.gif);
background-repeat:no-repeat;
height:46px;
width:18px;
float:left;
z-index:30;
position:relative;
top:0px;
left:-5px;
}
#masthead-ie {
margin-top:-1px;
background-color:none;
display:inline;
border:none;
background-image:url(http://www.telestream.net/images/bkg-ie6-masthead.gif)
background-repeat:repeat-y;
}
.logo {  /* this controls the telestream logo size and padding  */
float:left;
width:211px;
height:42px;
padding:0 25px 0 0;
/* positions it within borders */
z-index:100;
display:inline;
position:relative;
top:3px;
border: none;
}
.searchtemp {
float:left;
padding:0px 0 0 20px;
position:relative;
top:4px;
left:10px;
z-index:110;
}
.search-kb { /*this is for the Knowledgbase search box, inside */
position:relative;
top:-6px;
left:24px;
}
.search-box-kb  {   /*search box text control for support pages */
font-size:1.1em;
*font-size:1em;      /* IE adjustments */
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:500;
color:#333;
padding:3px 3px 0 3px;
}
.search-box-kb input{ /* this is for the Knowledgebase search box, inside the box */
font-weight:500;
padding:3px 2px 3px 2px;
margin: 0 4px 0 0;
}
/*
.search-box-all {
color:#333;
padding:3px 0px 3px 0px;
height:23px;
width:170px;
float:left;
margin-left:80px;
position:relative;
top:17px;
}
.search-box-all input{
font-size:1em;
*font-size:.95em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666;
padding:4px 0px 4px 2px;
margin:0;
background: transparent url(/images/search-box-bkg.gif) 0px 0px repeat-x;
height:16px; 
width:130px;
border:none;
float:left;
z-index:10;
}
#search-button-all  {
height:23px;
width:19px;
margin: 0;
padding:0;
border:0;
cursor:pointer;
cursor:hand; 
z-index:0;
}
.search-btn-bkg {
background: transparent url(http://www.telestream.net/images/search-box-bkg.jpg) 0px 0px repeat-x;
padding:3px 0px 3px 0px;
height:23px;
width:10px;
float:left;
margin:6px 0 0 0px;
position:relative;
left:48px;
display:inline;
}
*/

.support-head {    /* this is for the support section positioning of the Forum button and drop-down menu on non-KB pages */
position:relative;
margin-left:7em;
float:left;
}
.support-head-kb { /* this is for the support section positioning of the Forum button and drop-down menu on non-KB pages */
position:relative;
left:5em;
float:left;
z-index:10;
}
.support-menu-kb {  /* this is for the support section positioning of the Forum button and drop-down menu on ONLY KB pages */
position:relative;
top:-3em;
right:4.2em;
float:right;
}
.search-ie-kb {  /* this is for the support section positioning of the Forum button and drop-down menu on ONLY KB pages */
margin-top:-3em;
position:relative;
*left:-1.5em;     /*for ie only positioning...of course*/
}
#btn-search {   /* search button image control for KB */
border:1px solid #555;
}
#breadcrumbs {
padding:6px 58px 3px 0px;
font-size:77%;
text-align:right;
color:rgb(120,120,120);
text-decoration:none;
float:right;
clear:both;
width:50%;
}
a#breadcrumbs visited {
color:rgb(120,120,120);
text-decoration:none;
}
#body-category {
margin:0 0 0 0;
*margin:0 0 0 0em;
padding: 0px 0px 3em 50px;
float:left;
width:70%;
}
#body-margin {
margin:0 0 3em .5em;
*margin:0 0 3em .35em;
*padding-bottom: 3em;
float:left;
width:70%;
}
#body-margin ul li { /* first level list handling */
/*padding-left:1em;
color:#000000;
margin-left:1em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 2px no-repeat;
line-height:1.4em;
font-size:93%;*/
margin:2px 0px 0px -20px;
padding:0px 20px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}
#body-margin ol li{ /* first level list handling */
padding-left:1em;
color:#000000;
margin-left:1em;
list-style: decimal;
line-height:1.4em;
font-size:93%;
text-align:left;
clear:both;
}
#body-margin ul {
margin:.25em 0 1em 1.5em;
float:left;
width:90%;
clear:both;

}
#body-margin  ul ul li {  /* second level list handling */
/*padding-left:1em;
color:#000000;
margin-left:2.5em;
*margin-left:1.9em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet2.gif) -5px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet2.gif) -5px 2px no-repeat;
position:relative;
font-size:93%;
line-height:1.4em;
text-align:left;*/
margin:2px 0px 0px 5px;
padding:0px 0px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-sub-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}
#body-margin p img{
padding-top:.25em;
} 
#body-margin p {
color:#000000;
text-align:left;
float:left;
/* clear:left; */
line-height:1.3em;
position:relative;
top:-4px;
width:95%;
font-size:93%;
}
#body-margin h2, h3, h4{
float:left;
clear:both;
}
#body-margin img.lead{
float:left;
clear:none;
}
#body-margin table{
float:left;
clear:none;
}

.overview-list  ul li {  /* for Enterprise */
padding-left:30px;
color:#000000;
list-style:transparent url(http://www.telestream.net/images/global-bullet-blue.gif) -6px 1px no-repeat;
margin-left:30px;

font-size:16px;
}


#tww-list ul li {  /* for Downloads List items */
margin:2px 0px 0px -20px;
padding:0px 0px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}
#tww-list ul ul li {
margin:2px 0px 0px -20px;
padding:0px 0px 0px 14px;
text-align:left;
list-style:none;
background: transparent url(/images/shared/blue-sub-bullet.gif) 0px 6px no-repeat;
z-index:1000;
}




#blue-list  ul li {  /* for Wirecast */
padding-left:1em;
color:#000000;
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-blue.gif) -6px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-blue.gif) -6px 2px no-repeat;
line-height:1.4em;
font-size:93%;
}
#blue-list1  ul li {  /* for Episode 6 Learn More page */
padding-left:1em;
color:#000000;
margin:0.6em 0 0.5em 0;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-blue1.gif) -3px 2px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-blue1.gif) -3px 1px no-repeat;
line-height:1.4em;
font-size:93%;
}
#feature-list  ul li {  /* for Wirecast */
padding-left:1.5em;
color:#000000;
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-feature.gif) no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-feature.gif) no-repeat;
line-height:1.2em;
font-size:93%;
}
#blue-list-ff  ul li {  /* for FlipFactory */
padding-left:1em;
color:#000000;
margin-left:0px;
margin-bottom:0px;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-blue-ff.gif) -6px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-blue-ff.gif) -6px 2px no-repeat;
line-height:1.6em;
font-size:93%;
}
#blue-list-sf  ul li {  /* for FlipFactory */
padding-left:2.1em;
color:#000000;
margin-left:-15px;
margin-bottom:0px;
list-style:none;
background: transparent url(/screen-flow/images/blue-play-bullet.jpg) 6px 2px no-repeat;
*background: transparent url(/screen-flow/images/blue-play-bullet.jpg) 6px 3px no-repeat;
line-height:1.2em;
font-size:93%;
}
#purple-list  ul li {  /* for Episode Engine */
padding-left:1.5em;
color:#000000;
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-purple.gif) no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-purple.gif) no-repeat;
line-height:1.2em;
font-size:93%;
}
#grey-list  ul li {  /* for Episode Engine */
padding-left:1.5em;
color:#000000;
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet-grey.gif) no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet-grey.gif) no-repeat;
line-height:.9em;
font-size:93%;
}
#new-features-list  ul li {  /* for Vantage */
padding-left:1.5em;
color:#000000;
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet.png) no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet.png) no-repeat;
line-height:1em;
font-size:93%;
}
#border1 { /* used for the Support Overview page - left column */
border:1px solid rgb(200,200,200);
width:45%;
padding-left:20px;
position:relative;
left:-10px;
padding-top:36px;
padding-right:10px;
}
#border2 {  /* used for the Support Overview page - right column */
border:1px solid rgb(200,200,200);
width:48%;
margin-left:0px;
padding-left:20px;
position:relative;
left:15px;
padding-top:36px;
clear:none;
float:left;
}
#border3 { /* used for the buy page - center column */
border:1px solid rgb(200,200,200);
width:31%;
padding: 36px 10px 20px 20px;
margin: 0 16px 0 0;
position:relative;
left:-28px;
float:left;
display:inline;
}
#border4 {  /* used for the buy page -  - right column */
border:1px solid rgb(200,200,200);
width:33%;
margin-left:0px;
position:relative;
left:8px;
padding:36px 0 20px 20px;
clear:none;
float:left;
}
/*#bullets ul li { /* first level list handling 
padding-left:1em;
color:#000000;
margin-left:1em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 2px no-repeat;
line-height:1.4em;
font-size:93%;
}
#bullets ol li{ /* first level list handling 
padding-left:1em;
color:#000000;
margin-left:1em;
list-style: decimal;
line-height:1.4em;
font-size:93%;
text-align:left;
clear:both;
}
.letter-bullets ol li{ /*  
margin:.25em 0 1em 0;
float:left;
width:90%;
clear:both;
list-style-type:lower-alpha;
}
#bullets ul {
margin:.25em 0 1em 0;
float:left;
width:90%;
clear:both;
}
#bullets  ul ul li {  /* second level list handling 
padding-left:1em;
color:#000000;
margin-left:2.5em;
*margin-left:1.9em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet2.gif) -5px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet2.gif) -5px 2px no-repeat;
position:relative;
font-size:93%;
line-height:1.4em;
text-align:left;
}*/

#left-column { /* controls the positioning of the left column */
margin:-.5em -.45em 1em 1.5em;
color:#000000;
float:left;
clear:left;
}
#right-column {   /* controls the positioning of the right column */
margin:-.5em 3em 1em .25em;
float:right;
text-align:left;
clear:none;
}
#right-column-iframe {   /* controls the positioning of the right column */
margin:.5em 1em 1em .5em;
float:right;
text-align:left;
clear:none;
}
.home-bkg {
/*background-image: url(http://www.telestream.net/images/home-content2-bkg.jpg);*/
background-repeat: no-repeat;
background-color:#FFFFFF;
width:1024px;
margin:0;
padding:0;
} 
.home-content1 {  /* used for the white area content - flash */
text-align:center;
position:relative;
left:;
z-index:0;
clear:both;
margin-left:auto;
margin-right:auto;
background-color:white;
width:1024px;
height:412px;
}
.home-content {  /* used for the white area content - flash */
text-align:center;
position:relative;
left:;
z-index:0;
clear:both;
padding-top:3em;
margin-left:auto;
margin-right:auto;
background-color:white;
width:1024px;
height:540px;
}
.home-content-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
    left:;
	z-index:0;
	clear:both;
	padding-top:3em;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1024px;
	height:400px;
}
.screenflow-quote-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
    left:;
	z-index:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:850px;
	height:100px;
}
.wirecast-content-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
	left:;
	z-index:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1024px;
	height:600px;
}
.wirecast-partner-content-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
	left:;
	z-index:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1024px;
	height:513px;
}
.screenflow-content-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
	left:;
	z-index:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1024px;
	height:500px;
}
.screenflow-whats-new-js {  /* used for new javascript slideshow */
	text-align:center;
	position:relative;
    left:;
	z-index:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:752px;
	height:425px;
}
.home-content1-260 {  /* used used for new javascript slideshow variation */
	text-align:center;
	position:relative;
	z-index:0;
	clear:both;
	padding-top:3em;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:1024px;
	height:300px;
}
.home-content2 { /* used for the gray area below the white area */
width:1024px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px-home.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
height:100%;
}
.home-content3 { /* used for the gray area below the white area */
width:1024px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px-home-dark.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
height:100%;
}
.home-content-white { /* used for the gray area below the white area */
width:1024px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-all-974px-home-white.gif);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
height:100%;
}
.home-column-wrapper {
background-image:url(http://www.telestream.net/images/background-bottom-974px-home.jpg);
background-repeat: repeat-y;
margin: 0 auto 0; 
} 

.home-columns {
  float:left;
  width:100%;
  /*background-image: url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
  background-color:#FFFFFF;
}
.home-columns a {
  color: rgb(174,215,255);
}
.home-columns>div {
  color: #FFF;
  border-left:1px solid #FFF;
  padding:0 0 0 20px;
  float:left;
  clear:none;
  height: 270px;
  text-align:left;
  vertical-align:text-top;
  line-height:1.35em;
}
.home-columns>div.col-1 {
  width:280px;
  margin:25px 0 0 55px;
}
.home-columns>div.col-2 {
  width:260px;
  margin:25px 0 0 0;
  position:relative;
  left:-20px;
}
.home-columns>div.col-3 {
  border-right:1px solid rgb(255,255,255);
  width:260px;
  margin:25px 0 0 0;
  position:relative;
  left:0;
}
a.featured-product {
  font-size:1.5em;
  font-weight:bold;
  color:#FFF;
}
img.featured-product { /*controls padding on featured product graphic */
  padding:5px 10px 0 0;
  border: 0;
}
.small-date {
  font-size:10px;
}
.home-featured { /* these constrol all the positions of the column header graphics */
position:relative;
left:-10px;
margin-bottom:5px;
}
.home-news {
position:relative;
left:-10px;
margin-bottom:5px;
}
.home-flip4mac {
position:relative;
left:-10px;
margin-bottom:5px;
}
.home-headlines {
  text-align:left;
  font-weight:normal;
  float:left;
  clear:all;
}
h1.home-headlines {
  font-size:42px;
  margin:5px 0 5px 0px;
  line-height:1em;
}
h1.home-headlines-white {
  font-size:42px;
  margin:5px 0 5px 0px;
  line-height:1em;
  color:#FFFFFF;
}
h1.product-headlines {
  font-size:30px;
  text-align:left;
  font-weight:normal;
  margin-bottom: 0px;  
  
}
h1.download-page {
  font-size:35px;
  font-family: 'SourceSansPro-Light', Helvetica;
  margin:5px 0 5px 0px;
  color:#FFFFFF;
}
h2.home-headlines {
  font-size:19px;
  margin:-2px 0 8px 0px;
  letter-spacing:-.01em;
  line-height:1.3em;
}
h2.home-headlines-white {
  font-size:23px;
  margin:-2px 0 8px 0px;
  line-height:1.3em;
  color:#FFFFFF;
  font-weight:500;
}
h2.subhead {
  font-size:18px;
}

h2.product-subheadlines {
  font-size:18px;
  text-align:left;
  font-weight:normal;
  font-style: italic;
    
}

/*
.home-headlines {
font-size: 93%;
line-height:140%;
color:rgb(255,255,255);
}
*/
.home-tag {
text-align:center;
font-size:2.20em;
color:rgb(160,160,160);
margin:10px 0 10px 90px;
float:left;
clear:all;
letter-spacing:-.03em;
}
.home-arrows {
position:relative;
top:2px;
margin-left:-20px;
}
/*h2.home-headlines a{
color:rgb(255,255,255);
}*/
img.icon {   /* positiong icons for left side boxes */
vertical-align:middle;
padding:0 .2em 0 0;
position:relative;
top:-1px;
}
a.icon {
border:none;
text-decoration:none;
}
a.icon-buynow:hover {
background-image: url(http://www.telestream.net/images/icon-buynow-fade.gif);
position:relative;
left:0;
top:0;
}
.icon-mid{
padding:0 .2em 0 0;
position:relative;
top:9px;
}
.icon-side {
width:120px;
margin-left:10px;
margin-bottom:30px;
text-align:center;
font-size:.8em;
position:relative;
top:2em;
}
.indent {
font-size:108%;
font-style:italic;
padding:0 .5em .75em 1.5em;
}
.image-drop ul {
clear:none;
width:10em;
display:block;
word-wrap: break-word;
}
.sales-number {
line-height:1.2em;
color:#000000;
}
img.sales-number {
position:relative;
top:-9px;
}
#tech-specs { 
text-align:center;
margin-top:10px;
} 
.lead {
width:95%;
}
span.lead {
clear:none;
float:left;
}
ul.lead {
position:relative;
top:-1em; 
}
#body-margin p.lead {
font-size:108%;
font-family: Helvetica, verdana, san-serif;
color:#000000;
font-weight:500;
line-height:1.5em;
}
#body-margin ul.lead {
font-size:108%;
font-family: Helvetica, verdana, san-serif;
color:#000000;
font-weight:500;
line-height:1.5em;
}
strong.lead {
font-weight:bold;
clear:none;
}
img.lead {
float:left;
text-align:left;
vertical-align:middle;
}
.new {
font-family:Verdana, Helvetica;
background-color:rgb(204,0,0);
color:rgb(255,255,255);
font-size:77%;
padding:2px;
}
.pdf-list { /*not functional in combo with body-margin ID */
padding-left:1em;
color:#000000;
margin-left:1em;
list-style:none;
background: transparent url(http://www.telestream.net/images/pdf.gif) 4px -3px no-repeat;
*background: transparent url(http://www.telestream.net/images/pdf.gif) 4px -4px no-repeat;
line-height:1.8em;
font-size:100%;
}

.product-logo {  /* use this for all new product layout pricing area like ScreenFlow and Wirecast 3-09 cb */
float:left; 
width:78px;
}
.product-pricing {
font-size:14px; 
color:#515151;
float:left;
clear:both;
}
.product-logo-wmv {  /* this is the Flip4Mac family logo (exception)  */
text-align:left;
padding: .7em 0 0 2.5em;
margin:0 0 1em 0;
float:left;
position:relative;
top:-18px;
*top:-26px;
left:50px;
width: 160px;
height:50px;
*height:55px;
z-index:15;
}
.product-info{ /*holds the product headline in place */
margin:0;
padding:0;
float:left;
width:100%;
}
.product-tag {     /* used for other product pages */
text-align:left;
margin-bottom:10px;
float:left;
font-size:108%;
font-weight:bold;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
}

.product-tag1 {     /* used for episode overview product page */
text-align:left;
margin-bottom:10px;
float:left;
clear:left;
font-size:108%;
font-weight:bold;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
position:relative;
top:-30px;
left:55px;
color:#000000;
}

.product-tag2 {     /* used for episode 6 product overview product page - cb 6/2010 */
text-align:left;
margin:0;
float:left;
font-size:108%;
font-weight:bold;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
position:relative;
top:-24px;
left:24px; 
color:#000000;
*left:31px;
}

/* -- Matt F added 10-30-08 -------- */
.icon-spacer {   /* used for product overview page */
padding-right:14px;
}
/* -- end Matt F added -------- */
.product-desc {   /* used for product overview page */
margin-top:-1.23em;
padding-right:30px;
color:#000000;
font-size:93%;
}
.product-desc2 {   /* used for episode 6 product overview page product descriptions - cb 6/2010 */
margin-top:-1.23em;
padding:0;
color:#000000;
font-size:93%;
width:190px;
float:left;
}
.product-desc-s { /*used for support overview page */
margin-top:-1.23em;
padding-right:10px;
color:#000000;
font-size:85%;
word-spacing:.2em;
line-height:1.35em;
}
.product-desc-just {
text-align:justify; !important
width:295px;
margin-top:-1em;
float:left;
clear:none;
}
.product-copy {
color:#000000;
font-family: 'SourceSansPro-Regular';
font-weight:normal;
}
.intro-text {
font-size:18px;
}
.product-copy em {
font-family:'book antiqua', Palatino, serif;
font-style:italic;
font-size:116%;
line-height:1.4em;
padding: 0 0 1em 0;
color:#000000;
}
.product-copy q {
position:relative;
top:0;
}
strong.product-copy {
text-align:right;
padding: 0 0 1em 0;
color:#000000;
}
.product-copy strong p{
font-weight:bold;
color:#444;
padding:1em 0 1em 0;
}
.product-note {
color: rgb(102,153,51); 
/*color: rgb(158,66,221);*/
float:left;
width:100%;
font-size:85%;
position:relative;
top:-8px;
}
.product-graphic {
margin: 10px 0 2em 0;
}

/* --- this is for all product pages -- */

.product-headline a{
margin-top:8px;
font-size:167%; 
color:#515151;
text-decoration:none;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
float:left;
clear:none;
font-weight:bold;
}
.product-headline {
margin:8px 0 8px 0;
font-size:167%; 
color:#515151;
text-decoration:none;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
clear:right;
font-weight:bold;
}
.product-headline a:hover {
text-decoration:underline;
color: #6699FF;
font-weight:bold;
}
strong.product-headline {
font-size:1em;	
}
/* ----- This is for Desktop and Enterprise Product list pages plus Support and Overview pages ---- */

.product-title a{
margin-top:8px;
font-size:123.1%; 
color:#515151;
text-decoration:none;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
clear:right;
font-weight:bold;
}
.product-title {
margin:8px 0 8px 0;
font-size:123.1%; 
color:#000000;
text-decoration:none;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
clear:right;
/*font-weight:bold;*/
font-weight:normal;
}
.product-title a:hover {
text-decoration:underline;
color: #6699FF;
font-weight:bold;
}

/* --- end --- */

#product-name {  /*used for product names on overview pages */
color:#000000;
text-decoration:none;
float:left;
z-index:15;
white-space:nowrap;
font-size:28px;
font-weight:normal;
letter-spacing:-0.04em;
*letter-spacing:-0.04em;
clear:left;
outline:none;
text-align:left;
}
#product-name a{
color:#000000;
text-decoration:none; 
padding: 0em 0 .5em 0em;
margin: 0;
*margin-top:.5em;
height:; 
width: 30%;
float:left;
z-index:15;
white-space:nowrap;
font-size:28px;
font-weight:normal;
letter-spacing:-0.04em;
*letter-spacing:-0.04em;
clear:both;
outline:none;
text-align:left;

}
#product-name a:hover  {
color:rgb(77,127,200);
text-decoration:none;
}
.product-name {   /* For all Product Names at the top left of the product pages - GLOBAL be careful with mods*/
float:left;
padding:5px;
width:500px;
margin:5px;
font-weight:bold;
font-size:167%; 
color:#515151;
}

.product-segments {
float:left;	
}

.wide-page {
width:65em;
*width:63.377em;
margin-left:3.5em;
}
.wide-page-2 {
width:71.5em;
*width:65.377em;
margin-left:3.5em;
}
/* added by mpotampa 121213 for Episode mockup */
.wide-page-3 {
width:71.5em;
*width:65.377em;

}
.wide-page-support {
width:790px;
margin-left:80px;
}
.wide-page-support-screenflow {
width:850px;
margin-left:50px;
}
.header-margin {
width:68em;
margin-left:2.5em;
}
.content-left-pad {
margin-left:3.5em;
float:left;
}
.tab-space-s {
margin-left:70px;
}
.footer {
color:#000000;
padding:20px 0px 20px 5px;
text-align:left;
text-decoration:none;
border-top:1px solid #9BAFC3;
background-color:#F3F3F3;
/*border:1px solid rgb(120,120,120);*/
float:center;
}
.footer-content {
width:1024px;
clear:both;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
}
.footer-2 {
color:#000000;
padding:20px 0px 20px 5px;
text-align:left;
text-decoration:none;
border-top:1px solid #9BAFC3;
background-color:#E5E5E5;
/*border:1px solid rgb(120,120,120);*/
float:center;
}
#footer-container { /* these hold all the footer info*/
width:100%px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
background-repeat: repeat-y;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:-340px;
}
.push {
height:340px;
clear:both;
}
#footer-container-vantage { /* these hold all the footer info*/
width:1024px;
margin:0px;
padding:0px;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px-vantage.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#footer-container-home { /* these hold all the footer info, and makes sure the background goes all the way down on the home page */
position:relative;
top:0px;
height:60px; /*
width:200px;
white-space:nowrap;
*left:-150px; */
} 
.footer a {
color:#000000;
text-decoration: none;
}
.footer a:hover {
color:#009ADF;
text-decoration: none;
}
.footer-2 a {
color:#000000;
text-decoration: none;
}
.footer-2 a:hover {
color:#009ADF;
text-decoration: none;
}
.footer-corner-l {
background-image:url(http://www.telestream.net/images/round-corner-footer-left.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
margin-left:249px; /*controls the centering of the footer */
z-index:10;
position:relative;
top:-5px;
left:6px;
}
.footer-corner-l-home {
background-image:url(http://www.telestream.net/images/round-corner-footer-left.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
margin-left:290px; /*controls the centering of the footer */
z-index:10;
position:relative;
top:-5px;
left:6px;
}
.footer-corner-l-home-dark {
background-image:url(http://www.telestream.net/images/round-corner-footer-left-dark.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
margin-left:290px; /*controls the centering of the footer */
z-index:10;
position:relative;
top:-5px;
left:6px;
}
.footer-corner-r {
background-image:url(http://www.telestream.net/images/round-corner-footer-right.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
z-index:10;
position:relative;
top:-5px;
left:-6px;
}
.footer-corner-r-dark {
background-image:url(http://www.telestream.net/images/round-corner-footer-right-dark.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
z-index:10;
position:relative;
top:-5px;
left:-6px;
}
.footer-fill {
width:1024px;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
background-color:#FFFFFF;
height:2em;
margin:0;
padding:0;
text-align:center;
margin: 0 auto 0; 
position:relative;
top:10em;
} 
.footer-bottom{  /* this puts a background and controls space below the footer */
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
margin: 0 auto 0;  
height: 10em;
min-height:100%; 
} 
.footer-bottom-home{  /* this puts a background and controls space below the footer on the home page */
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
margin-left:0;  
height: 2em;
min-height:100%; 
/*display:inline; */
} 
.footer-bottom-home-dark{  /* this puts a background and controls space below the footer on the home page */
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-bottom-974px-dark.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
margin-left:0;  
height: 2em;
min-height:100%; 
/*display:inline; */
} 
/* ============== For Aug 09 footer upgrade columns and links  ============*/ 

/*.footer-content {
width:1024px;
margin:0;
padding:0;
background-color:#FFFFFF;
background-repeat: repeat-y;
min-height:40%;
margin-left:auto;
margin-right:auto;
}*/

.footer-columns {
float:left;
width:100%;
}
.footer-columns a {
color: rgb(174,215,255);
} 
.footer-column1 {
/*border-left:1px solid rgb(255,255,255); */
padding:0 10px 0 20px;
width:250px;
float:left;
clear:none;
font-size:100%;
color:rgb(255,255,255);
text-align:left;
margin:25px 0 0 100px;
min-height:100%;
vertical-align:text-top;
line-height:1.35em;
position:relative;
left:0;
}

.footer-column2 {
/*border-left:1px solid rgb(255,255,255); */
padding:0 10px 0 20px;
width:250px;
float:left;
clear:none;
font-size:100%;
color:rgb(255,255,255);
text-align:left;
margin:25px 0 0 10px;
min-height:100%;
vertical-align:text-top;
line-height:1.35em;
position:relative;
left:-20px;
}
.footer-column3 {
/* border-left:1px solid rgb(255,255,255); */
padding:0 20px 0 20px;
width:250px;
float:left;
clear:none;
font-size:100%;
color:rgb(255,255,255);
text-align:left;
margin:25px 0 0 0;
min-height:100%;
vertical-align:text-top;
line-height:1.35em;
position:relative;
left:0;
}
/* ====== */

.below-footer {
*margin-bottom:50px;
height:10em;
}
.push-home {
height:4em;
clear:both;
}
.push-50 {
height:50px;
clear:both;
}
.push-download {
height:100px;
clear:both;
}
.noscreen {
display:none;
}
.no-em {
font-style:normal;
font-size:90%;
}
.no-bold {
font-weight:normal;
}
div#preload {   /*this is to preload images ahead of the page load unobtrusively */
background: url(http://www.telestream.net/images/dropdown_pane-trans.png) no-repeat -9999 -9999;
display:block;
}

.support-steps{
vertical-align:text-top;
position:relative;
top:-4em;
}

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Button for sales kit login on login.asp
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

.sales-kit-border {
    border:1px solid rgb(0,0,0);
	padding:10px 0 13px 0;
	width:360px;
	margin-left:20px;
	height:23px;
}
a.sales-kit-button {
    background: transparent url('http://www.telestream.net/images/padlock-sales-kit-button1.jpg') no-repeat scroll top left;
    color:rgb(78,128,201);
    display: block;
    float: left;
    font-size:1em;
    height: 27px;
    margin: 0 0 0 5px;  /* adjust overall button position */
    padding-right:5px;  /* sliding doors padding  */
    text-decoration: none;
}
a.sales-kit-button span {
    background: transparent url('http://www.telestream.net/images/padlock-sales-kit-button2.jpg') no-repeat;
    display: block;
    line-height: 17px; 
    padding: 5px 10px 5px 30px;
}
a.sales-kit-button:active {
    background-position: bottom right;
	text-decoration:underline;
    color: #003399;
    outline: none;  /*hide dotted outline in Firefox */
}
a.sales-kit-button:active span {  /* sets the active state */
    background-position: bottom left;
    padding: 5px 10px 5px 28px; /* push text down 1px */
}


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Table containers for header and page
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

table, td {
border:0px;
}
.gray-border td {
border:1px solid #CCCCCC;
}
.div-main {
width:1024px;
padding:0;
background-color:#FFFFFF;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto 0; 
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
} 
.tbl-masthead {
width:100%;
background-color:#FFFFFF;
height:90px;
margin-top: 10px;
/*border-bottom:1px solid #9BAFC3;*/
} 
.tbl-masthead-content {
width:940px;
clear:both;
margin-left:auto;
margin-right:auto;
}
.tbl-main {
width:1024px;
padding:0px;
/*background-image:url(http://www.telestream.net/images/background-974px.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto 0;
/*-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;*/
}

/* added - mpotampa */ 

.tbl-company {
width:900px;
padding:0px;

text-align:left;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto 0;
/*-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;*/
}

.tbl-category {
width:900px;
padding:0px;

text-align:left;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto 0;
/*-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;*/
}

.tbl-main-wc4yt {
width:950px;
padding:0;
background-color:#FFFFFF;
box-shadow: 0 0 10px #ccc;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -5em; 
} 
div.tbl-main td {
color:#000000;
} 
.tbl-main-f4m {
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-974px-f4m.jpg);*/
background-color:#FFFFFF;
background-repeat: none;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -5em; 
} 

.tbl-main-vantage {
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-974px-vantage.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -5em; 
} 
.tbl-main-whitepaper {
width:1024px;
padding:0;
background-image:url(http://www.telestream.net/images/background.png);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -5em; 
} 
div.tbl-main-vantage td {
color:#515151;
} 

.tbl-home{  /*main container for home page */
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-all-974px-home.gif);*/
background-color:#FFFFFF;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -10em; 
-moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
}
.tbl-home-dark{  /*main container for home page */
width:1024px;
padding:0;
/*background-image:url(http://www.telestream.net/images/background-all-974px-home-dark.gif);*/
background-color:#FFFFFF;
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -10em; 
}
.main-content {
width:940px;
margin-left:42px;
text-align:left;
}
.tbl-1 {
width:100%;
margin:0 0 4px 0;
padding:0;
}
.tbl-2 {
border:0;
}
.tbl-3 {
margin:0 0 0 4px;
*margin:0; /*IE adjustments */
*border-left:4px solid white;
width:1em;
}
.tbl-3a { /*search box div control */
width:180px;
text-align:center;
background-color:rgb(212,212,212);
float:left;
padding:10px 0 9px 0;
margin:0 5px 0 0;
*margin:0 4px 0 0;  /*IE adjustments */
*padding:10px 0 4px 0;
*border-left:4px solid white;
}
.tbl-4{ /* for the footer shaded border with white*/
clear:both;
height:17px;
width:1024px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/bkg-bottom-border.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-x;
margin-left:auto;
margin-right:auto;
}
.tbl-4-dark{ /* for the footer shaded border with white*/
clear:both;
height:17px;
width:1024px;
margin:0;
padding:0;
/*background-image:url(http://www.telestream.net/images/bkg-bottom-border-dark.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-x;
margin-left:auto;
margin-right:auto;
}
.tbl-5{
height: 5em;
padding:0;
text-align:center;
margin-left:auto;
margin-right:auto; 
/*background-image:url(http://www.telestream.net/images/background-bottom-974px.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
}
.tbl-5-home{ /* this is how the footer gets pushed down to the bottom, and is the main containor for content */
height:5em;
padding:0;
text-align:center;
margin-left:auto;
margin-right:auto;
/*background-image:url(http://www.telestream.net/images/background-974px.jpg);*/
background-color:#FFFFFF;
background-repeat: repeat-y;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto 10em; 
} 
/* for Products main table ------------------------------------------------*/
.tbl-products {
width:860px;
padding:0;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -5em; 
}
/* for Products table inner------------------------------------------------*/
#leftcontent {
width:200px;
background:#fff;
border:1px solid #000;
}
#centercontent {
background:#fff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000;
margin-left: 201px;
margin-right:201px;
}
#rightcontent {
width:200px;
background:#fff;
border:1px solid #000;
}

.red-border {
border:1px solid red;
}
#red-border {
border:1px solid red;
}
.link-bold a{
font-weight:bold;
}

.faq-feature-grid tr {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.faq-feature-grid td {
font-size:11px;
text-align:center;
padding:5px 3px 5px 3px;
border-left:1px solid #ccc;
}
/*
for testing - comment out when done
table, th, td, p,  
}
img {
border:1px solid black;

div {
border:1px solid silver;
} 

div#body-margin {
border:1px solid red;
}
*/
#productnav {
font-size:16px;
color:#9BAFC3;
}
#productnav span {
color:#9BAFC3;
margin:0px 10px 0px 10px;
text-decoration:none;
font-weight:normal;
}
#productnav a {
margin:0px 10px 0px 10px;
}
#productnav a:link {
color: #009BDF;
margin:0px 10px 0px 10px;
text-decoration:none;
font-weight:normal;
}
#productnav a:visited {
color: #009BDF;
text-decoration:none;
}
#productnav a:hover {
color: #009BDF;
text-decoration:underline;
}
#productnav a:active {
color: #009BDF;
text-decoration:none;
}

/********** added by mpotampa to replace tab menus ************/

#subheader
{
    text-align:center;
    margin: 10px 0px 0px 0px;
    position:relative;
    border:0px solid #ccc;
    
}

#subheader ul li 
{
    display:inline;
    list-style-type: none;
    font-size: 15px;
    padding: 0px 0px 0px 5px;
    color: #9BAFC3;
}


.corners-home {
text-align:left;
float:left;
border:1px solid #ccc;
padding:15px 15px 0px 15px; 
background:#FFF;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */
width:238px;
height:340px;
color:#000000;
}
.corners-home a:link {
color:rgb(78,128,201);
text-decoration:none;
}
.corners-home a:visited {
color:rgb(78,128,201);
text-decoration:none;
}
.corners-home a:hover {
color: #6699FF;
text-decoration:underline;
}
.corners-home a:active {
color: #003399;
}
.box-shadow-home {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}
.std-bullet-home ul li { /* first level list handling */
padding-left:1em;
color:#888888;
margin-left:1em;
list-style:none;
background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 1px no-repeat;
*background: transparent url(http://www.telestream.net/images/global-bullet.gif) -6px 2px no-repeat;
line-height:1.4em;
font-size:12px;
}
.horizontal-rule-top-20 {
clear:both;
width:100%;
height:20px;
border-top:1px solid #CCCCCC;  
}
.horizontal-rule-10 {
clear:both;
width:100%;
height:10px;
border-bottom:1px solid #9BAFC3;  
}
.horizontal-rule-15 {
clear:both;
width:100%;
height:15px;
border-bottom:1px solid #9BAFC3;  
}
.horizontal-rule-20 {
clear:both;
width:100%;
height:20px;
border-bottom:1px solid #9BAFC3;  
}
.horizontal-rule-30 {
clear:both;
width:100%;
height:30px;
border-bottom:1px solid #9BAFC3;  
}
.horizontal-rule-40 {
clear:both;
width:100%;
height:40px;
border-bottom:1px solid #9BAFC3;  
}
.left-column-170 {
float:left;
width:170px;
margin-left:50px;
padding-left:0px; 
text-align:left;
}
.right-column-170 {
float:left;
width:170px;
margin-left:18px;
padding-left:0px; 
text-align:left;  
}
.left-column-176 {
float:left;
width:176px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.right-column-176 {
float:left;
width:176px;
margin-left:15px;
padding-left:0px; 
text-align:left;  
}
.left-column-180 {
float:left;
width:180px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.right-column-180 {
float:left;
width:180px;
margin-left:13px;
padding-left:0px; 
text-align:left;  
}
.right-column-360 {
float:left;
width:360px;
margin-left:13px;
padding-left:0px; 
text-align:left;  
}
.left-column-293 {
float:left;
width:293px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.right-column-293 {
float:left;
width:293px;
margin-left:30px;
padding-left:0px; 
text-align:left;  
}
.left-column-440 {
float:left;
width:440px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.left-column-455 {
float:left;
width:455px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.right-column-455 {
float:left;
width:455px;
margin-left:30px;
padding-left:0px; 
text-align:left;  
}
.left-column-470 {
float:left;
width:470px;
margin-left:0px;
padding-left:0px; 
text-align:left;
}
.right-column-440 {
float:left;
width:440px;
margin-left:30px;
padding-left:0px; 
text-align:left;  
}
.news-date {
color:#888888;
}
.footer-horizontal-rule-20 {
clear:both;
width:1024px;
height:20px; 
margin-left:-50px;
border-bottom:1px solid #9BAFC3;  
}
.footer-column-follow {
float:left;
width:135px;
margin-left:0px;
padding-left:0px; 
text-align:left;
line-height:1.5em;
}
.footer-column-products {
float:left;
width:275px;
margin-left:25px;
padding-left:0px; 
text-align:left;
line-height:1.5em;
}
.footer-column-sales {
float:left;
width:180px;
margin-left:25px;
padding-left:0px; 
text-align:left;
line-height:1.5em;
}
.footer-column-support {
float:left;
width:205px;
margin-left:20px;
padding-left:0px; 
text-align:left;
line-height:1.5em;
}
.footer-column-about {
float:left;
width:130px;
margin-left:25px;
padding-left:0px; 
text-align:left;
line-height:1.5em;
}
.center {
text-align: center;
}
.headline {
text-align: center;
font-size:18px;
}
.headline-left {
text-align: left;
font-size:18px;
}
.featureZone {
border: 0px solid #ccc;
width: 1004px;
height: auto;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
.no-margin {
margin:0px;
}
.border-right {
border-right:1px solid #9BAFC3;
padding-right:25px;
}
.margin-bottom-5 {
margin:0px 0px 5px 0px;
}
.margin-bottom-10 {
margin:0px 0px 10px 0px;
}
.border-1px {
border:1px solid #9BAFC3;
}
.border-right15 {
border-right:1px solid #9BAFC3;
padding-right:15px;
}

.padding-left-25 {
padding-left:25px;
}
.margin-left-15 {
margin-left:15px;
}
.margin-left-20 {
margin-left:20px;
}
.margin-left-25 {
margin-left:25px;
}
.margin-left-28 {
margin-left:28px;
}
.margin-left-30 {
margin-left:30px;
}
.margin-left-42 {
margin-left:-42px;
}
.margin-left-120 {
margin-left:0px;
margin-top: -20px;
display: inline-block;
width: 325px;
}
.margin-top-neg5 {
margin-top:-10px;
}
.margin-top-neg10 {
margin-top:-10px;
}
.margin-top-10 {
margin-top:10px;
}
.episode-overview-buttons {
margin-top:-101px;
margin-bottom:75px;
padding-right:33px;
}
.episode-upgrade-button {
margin-top:-101px ;
margin-bottom:75px;
padding-right:375px;
}
.margin-top-neg15 {
margin-top:-10px;
}
.margin-top-0 {
margin-top:0px;
}
.margin-top-5 {
margin-top:5px;
}
.margin-top-10 {
margin-top:10px;
}
.margin-top-15 {
margin-top:15px;
}
.margin-top-20 {
margin-top:20px;
}
.padding-left-40 {
padding-left:40px;
}
.padding-right-33 {
padding-right:33px;
}
.padding-right-42 {
padding-right:42px;
}
.padding-60 {
padding-left:60px;
padding-right:60px;
}
.footnote {
font-size:12px;
}
