@charset "utf-8";

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//      CSS Main Stylesheet (c) 2008 Telestream, Inc. - version 2.5
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Legacy styles
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

a:link {
color:rgb(78,128,201);
text-decoration:none;
}
a:visited {
color:rgb(78,128,201);
text-decoration:none;
}
a:hover {
color: #6699FF;
text-decoration:underline;
}
a:active {
color: #003399;
}
.small_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
}
a.visited:focus {
font-weight:bold;
font-size:120%;
color:#000 !important;
text-decoration:none;
}

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//  Global tags
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

html, body {
background:rgb(229,236,246) none repeat scroll 0%;
*behavior:url("../js/csshover.htc");  /* script solves the IE6 bug with background image swap */
min-height:100%; 
height:100%;
}
p {
margin: 0.5em 1.5em 0.5em 0 /*this needs fixing, it's missing a semi-colon, but the boxes break when we put it in - CB 6/10 */
float:left;
}
/*
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:0;
}
table {
clear:none; 
}
ul li {
list-style:none;
list-style-type:none;
}
sup {
position:relative;
top:-.5em;
font-size:77%;
padding-left:1px;
}
#custom-doc {
width:74.6154;
*width:72.7502;
text-align:left;
margin:12px; 
}
h1, h2, h3, h4, h5, h6 {
color:rgb(80,80,80);
margin-top:0;
width:100%;
line-height:110%;
}
h1 {            /* use this for Headlines and Page Headlines/Titles  */
font-size:131%;
position:relative;
float:left;
top:0;
}
h2 a{            /*use this for Product Names that are not linked */
/* font-size:116%; */
position:relative;
color:rgb(0,51,153);
color:#003399;
}
h3 {           /* use this for headline subheads under H1's */
font-size:108%;
color:rgb(80,80,80);
float:left;
position:relative;
top:-.25em;
}
h4 {            /* use this for subheads over the UL tags */
font-size:93%;
float:left;
padding-bottom:0;
float:left;
position:relative;
top:-.5em;
}
h5 {
font-size:28px;
font-weight:bold;
color:rgb(0,0,0);
letter-spacing:-0.04em;
*letter-spacing:-0.04em;
}
h6 {            /* use this for subheads over the UL tags */
font-size:93%;
float:left;
padding:3px 0 3px 3px;
float:left;
position:relative;
top:-.5em;
}
: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:860px;
	padding-top:0px;
	position: relative;
	height:auto;
    margin:60px;
	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;
margin-left:1em;
}
.float-right {
float:right;
margin-right:1.5em;
}
.clear {
clear:both;
}
.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: rgb(80,80,80);
border:1px solid rgb(200,200,200);
text-align:left;
line-height:1.3em;
width:80%;
margin: 2em 0 1em 5%;
background: url(../images/bg-quote.jpg) 0 0 repeat-x;
} /*
q {
quotes: '\201C' '\201D' '\2018' '\2019';
behavior:url(../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(../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(../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(../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: rgb(80,80,80);
border:1px solid rgb(200,200,200);
background: url(../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: rgb(80,80,80);
border:1px solid rgb(200,200,200);
background: url(../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: rgb(80,80,80);
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: rgb(80,80,80);
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:rgb(120,120,120);
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: 860px;
height:42px;
padding:0;
margin-left:51px;
/**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(../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(../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(../images/bkg-ie6-masthead.gif)
background-repeat:repeat-y;
}
.logo {  /* this controls the telestream logo size and padding  */
float:left;
width:191px;
height:36px;
padding:0 29px 0 0;
/* positions it within borders */
z-index:100;
display:inline;
position:relative;
left:-14px;
top:3px;
}
.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 {   /*search box text control for all the rest of the site */
color:#333;
padding:3px 0px 3px 0px;
height:23px;
width:150px;
float:left;
margin:0;
position:relative;
top:18px;
left:48px;
}
.search-box-all input{
font-size:1em;
*font-size:.95em;      /* IE adjustments */
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#666;
padding:5px 0px 3px 2px;
margin:0;
background: transparent url(http://www.telestream.net/images/search-box-bkg.jpg) 0px 0px repeat-x;
height:16px; /* controls vertical position of input in safari and opera for mac */
width:90px;
border:none;
float:left;
z-index:10;
}
#search-button-all  {
height:23px;
width:19px;
margin: 0;
padding:0;
border:0;
cursor:pointer; /* hand-shaped cursor */
cursor:hand; /* for IE 5.x */
z-index:0;
}
.search-btn-bkg {   /*search box text control for all the rest of the site */
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-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:rgb(80,80,80);
margin-left:1em;
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:93%;
}
#body-margin ol li{ /* first level list handling */
padding-left:1em;
color:rgb(80,80,80);
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 0;
float:left;
width:90%;
clear:both;

}
#body-margin  ul ul li {  /* second level list handling */
padding-left:1em;
color:rgb(80,80,80);
margin-left:2.5em;
*margin-left:1.9em;
list-style:none;
background: transparent url(../images/global-bullet2.gif) -5px 1px no-repeat;
*background: transparent url(../images/global-bullet2.gif) -5px 2px no-repeat;
position:relative;
font-size:93%;
line-height:1.4em;
text-align:left;
}
#body-margin p img{
padding-top:.25em;
} 
#body-margin p {
color:rgb(80,80,80);
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;
}
#blue-list  ul li {  /* for Wirecast */
padding-left:1em;
color:rgb(80,80,80);
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(../images/global-bullet-blue.gif) -6px 1px no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin:0.6em 0 0.5em 0;
list-style:none;
background: transparent url(../images/global-bullet-blue1.gif) -3px 2px no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(../images/global-bullet-feature.gif) no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin-left:0px;
margin-bottom:0px;
list-style:none;
background: transparent url(../images/global-bullet-blue-ff.gif) -6px 1px no-repeat;
*background: transparent url(../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:rgb(80,80,80);
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:rgb(80,80,80);
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(../images/global-bullet-purple.gif) no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(../images/global-bullet-grey.gif) no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin-left:0px;
margin-bottom:.5em;
list-style:none;
background: transparent url(../images/global-bullet.png) no-repeat;
*background: transparent url(../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:rgb(80,80,80);
margin-left:1em;
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:93%;
}
#bullets ol li{ /* first level list handling */
padding-left:1em;
color:rgb(80,80,80);
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:rgb(80,80,80);
margin-left:2.5em;
*margin-left:1.9em;
list-style:none;
background: transparent url(../images/global-bullet2.gif) -5px 1px no-repeat;
*background: transparent url(../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:rgb(80,80,80);
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(../images/home-content2-bkg.jpg);
background-repeat: no-repeat;
width:974px;
margin:0;
padding:0;
} 
.home-content1 {  /* used for the white area content - flash */
text-align:center;
position:relative;
left:;
z-index:0;
clear:both;
padding-top:5em;
margin-left:auto;
margin-right:auto;
background-color:white;
width:950px;
}
.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:950px;
	height:400px;
}
.home-content1-260 {  /* used used for new javascript slideshow variation */
	text-align:center;
	position:relative;


left:;
	z-index:0;
	clear:both;
	padding-top:3em;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:950px;
	height:300px;
}
.home-content2 { /* used for the gray area below the white area */
width:974px;
margin:0;
padding:0;
background-image:url(../images/background-bottom-974px-home.jpg);
background-repeat: repeat-y;
height:100%;
}
.home-column-wrapper {
background-image:url(../images/background-bottom-974px-home.jpg);
background-repeat: repeat-y;
margin: 0 auto 0; 
} 

.home-columns {
float:left;
width:100%;
}
.home-columns a {
color: rgb(174,215,255);
} 
.home-column1 {
border-left:1px solid rgb(255,255,255);
padding:0 0 0 20px;
width:280px;
float:left;
clear:none;
margin:25px 0 0 65px;
height:300px;
text-align:left;
vertical-align:text-top;
} 
.home-column1a {
width:200px;
font-size:90%;
font-family: Arial, Helvetica, sans-serif;
color:rgb(255,255,255);
vertical-align:text-top;
text-align:left;
left:-20px;
float:inherit;
line-height:1.35em;
font-style:inherit;
}
.home-column1-img { /*controls padding on featured product graphic */
padding:11px 10px 0 0;
}
.home-column2 {
border-left:1px solid rgb(255,255,255);
padding:0 0 0 20px;
width:260px;
float:left;
clear:none;
font-size:100%;
color:rgb(255,255,255);
text-align:left;
margin:25px 0 0 0px;
height:300px;
vertical-align:text-top;
line-height:1.35em;
position:relative;
left:-20px;
}
.home-column3 {
border-left:1px solid rgb(255,255,255);
padding:0 0 0 20px;
width:260px;
float:left;
clear:none;
font-size:100%;
color:rgb(255,255,255);
text-align:left;
margin:25px 0 0 0;
height:300px;
vertical-align:text-top;
line-height:1.35em;
position:relative;
left:0;
}
.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 {
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(../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:rgb(80,80,80);
}
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:rgb(80,80,80);
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:rgb(80,80,80);
margin-left:1em;
list-style:none;
background: transparent url(../images/pdf.gif) 4px -3px no-repeat;
*background: transparent url(../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:rgb(80,80,80);
}

.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:rgb(80,80,80);
*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:rgb(80,80,80);
font-size:93%;
}
.product-desc2 {   /* used for episode 6 product overview page product descriptions - cb 6/2010 */
margin-top:-1.23em;
padding:0;
color:rgb(80,80,80);
font-size:93%;
width:190px;
float:left;
}
.product-desc-s { /*used for support overview page */
margin-top:-1.23em;
padding-right:10px;
color:rgb(80,80,80);
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:rgb(80,80,80);
}
.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:rgb(80,80,80);
}
.product-copy q {
position:relative;
top:0;
}
strong.product-copy {
text-align:right;
padding: 0 0 1em 0;
color:rgb(80,80,80);
}
.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:#515151;
text-decoration:none;
letter-spacing:-0.015em;
*letter-spacing:-0.025em;
clear:right;
font-weight:bold;
}
.product-title a:hover {
text-decoration:underline;
color: #6699FF;
font-weight:bold;
}

/* --- end --- */

#product-name {  /*used for product names on overview pages */
color:rgb(120,120,120);
text-decoration:none; 
padding: 0 0 0 2.1em;
*padding: .5em 0 0 2.1em;
margin-left: 2.1;
height:; 
width: 23em;
float:left;
z-index:15;
white-space:nowrap;
font-size:28px;
font-weight:bold;
letter-spacing:-0.04em;
*letter-spacing:-0.04em;
clear:left;
outline:none;
text-align:left;
}
#product-name a{
color:rgb(120,120,120);
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:bold;
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;
}
.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:rgb(200,200,200);
font-size: 85%;
padding:8px 14px 9px 14px;
text-align:center;
text-decoration:none;
border:1px solid rgb(120,120,120);
float:left;
height:14px;
}
#footer-container { /* these hold all the footer info*/
width:974px;
margin:0;
padding:0;
background-image:url(../images/background-bottom-974px.jpg);
background-repeat: repeat-y;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#footer-container-vantage { /* these hold all the footer info*/
width:974px;
margin:0;
padding:0;
background-image:url(../images/background-bottom-974px-vantage.jpg);
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:40px;
height:50px; /*
width:200px;
white-space:nowrap;
*left:-150px; */
} 
.footer a {
color:rgb(200,200,200);
text-decoration: none;
}
.footer a:hover {
color:rgb(255,255,255);
text-decoration: underline;
}
.footer a:visited {
color:rgb(200,200,200);
text-decoration:;
}
.footer-corner-l {
background-image:url(../images/round-corner-footer-left.gif);
background-repeat:no-repeat;
height:43px;
width:18px;
float:left;
margin-left:270px; /*controls the centering of the footer */
z-index:10;
position:relative;
top:-5px;
left:6px;
}
.footer-corner-l-home {
background-image:url(../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-r {
background-image:url(../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-fill {
width:974px;
background-image:url(../images/background-bottom-974px.jpg);
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:974px;
padding:0;
background-image:url(../images/background-bottom-974px.jpg);
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:974px;
padding:0;
background-image:url(../images/background-bottom-974px.jpg);
background-repeat: repeat-y;
margin-left:0;  
height: 2em;
min-height:100%; 
/*display:inline; */
} 
/* ============== For Aug 09 footer upgrade columns and links  ============*/ 

.footer-content { /* used for the gray area below the white area */
width:974px;
margin:0;
padding:0;
background-image:url(../images/background-bottom-974px-home.jpg);
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 {
height:4em;
clear:both;
}
.push-home {
height:4em;
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(../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('../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('../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 ,tr {
border:0;
}

.tbl-main {
width:974px;
padding:0;
background-image:url(../images/background-974px.jpg);
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 td {
color:#515151;
} 

.tbl-main-vantage {
width:974px;
padding:0;
background-image:url(../images/background-974px-vantage.jpg);
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:974px;
padding:0;
background-image:url(../images/background.png);
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:974px;
padding:0;
background-image:url(../images/background-all-974px-home.gif);
text-align:center;
min-height: 100%;   /* for setting footer in place */
height: auto !important; 
height: 100%; 
margin: 0 auto -10em; 
}
.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:950px;
margin:0;
padding:0;
background-image:url(../images/bkg-bottom-border.jpg);
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(../images/background-bottom-974px.jpg);
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(../images/background-974px.jpg);
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;
}
*/