@charset "utf-8";

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//      CSS Boxes Menus and Tabs Stylesheet (c) 2008 Telestream, Inc. - version 2.6
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Product tabs
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//      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;

}


#header {
/*background:url(http://www.telestream.net/images/bg.gif) repeat-x scroll center bottom;*/
float:left;
font-size:85%;
line-height:.65em; 
width:1024px;
border-bottom:0px solid rgb(175,175,175);
position:relative;
/*top:-23px; positions the entire tab and background line up or down */
top:0px; 
z-index:10;
height:31px; /* IE8 floating tab fix */

}
#header-2 {
background:url(http://www.telestream.net/images/bg-header.gif) repeat-x scroll center bottom;
float:left;
font-size:85%;
line-height:.65em; 
width:1024px;
border-bottom:1px solid rgb(175,175,175);
position:relative;
/*top:-15px;  positions the entire tab and background line up or down */
z-index:10;
height:7px; /* IE8 floating tab fix */
}
#header-3 {
background:url(http://www.telestream.net/images/bg-header.gif) repeat-x scroll center bottom;
float:left;
font-size:85%;
line-height:.65em; 
width:1024px;
margin-left:-12px;
border-bottom:1px solid rgb(175,175,175);
position:relative;
z-index:10;
height:7px; /* IE8 floating tab fix */
}
#header-wirecast {
background:url(http://www.telestream.net/images/bg-header.gif) repeat-x scroll center bottom;
float:left;
line-height:.65em; 
width:1024px;
margin-left:-12px;
border-bottom:1px solid rgb(175,175,175);
position:relative;
top:-15px; /* positions the entire tab and background line up or down */
z-index:10;
height:7px; /* IE8 floating tab fix */
}
#header ul {
list-style-image:none;
list-style-type:none;
margin:0pt;
padding:0px 6px 0px 6px; 
list-style:none;
position:relative;
top:8px; /* positions the whole line of tabs up or down */
}

#header li {
	/*background:transparent url(http://www.telestream.net/images/left.gif) no-repeat scroll left top;*/
	background:transparent url(/images/shared/left.png) no-repeat scroll right top;
	float:left;
	margin:0pt;
	padding:0 3px 0 9px; /* for adjusting spacing between all tabs - use combo of left here and left in header a to equal right side*/
	position:relative;
	top:-3px;            /*controls depth of gray tabs */
	list-style:none;
	z-index:0;
	background-image: url(http://www.telestream.net/images/left.gif);
}

#header-2 li {
background:transparent url(http://www.telestream.net/images/left-2.gif) no-repeat scroll left top;
float:left;
margin:0pt;
padding:0 3px 0 9px; /* for adjusting spacing between all tabs - use combo of left here and left in header a to equal right side*/
position:relative;
top:-3px;            /*controls depth of gray tabs */
list-style:none;
z-index:1;
}

#header a {
/*background:transparent url(http://www.telestream.net/images/right.gif) no-repeat scroll right top;*/
background:transparent url(/images/shared/right.png) no-repeat scroll right top;
color:rgb(255,255,255);
display:block;
font-weight:normal;
/*padding:13px 12px 6px 4px;*/ /* to adjust padding on words in gray tabs */
padding:13px 12px 6px 14px;
text-decoration:none;
outline: none; 
/* border:1px blue dotted; */
}
#header-2 a {
background:transparent url(http://www.telestream.net/images/right-2.gif) no-repeat scroll right top;
color:rgb(100,100,100);
display:block;
font-weight:bold;
padding:13px 12px 6px 4px; /* to adjust padding on words in gray tabs */
text-decoration:none;
outline: none; 
/* border:1px blue dotted; */
}
#header a:hover {
color:rgb(60,80,80);
}
#current #featured a:hover {
color:rgb(123,123,123);
}
#specials a:hover {
color:rgb(225,225,225);
}
#header #current { /* all about the current(selected) tab */
/* background:transparent url(http://www.telestream.net/images/left-on-line.gif) no-repeat scroll left top; */
background:transparent url(/images/shared/left-on-line-white.png) no-repeat scroll left top;
padding-left:8px;
position:relative;
top:-7px;   /*controls the position of the white tab */
/*border-bottom:0px solid #a9a9a9;*/
}
#header #specials { /* all about the current(selected) tab */
background:transparent url(http://www.telestream.net/images/left-on-line-2.gif) no-repeat scroll left top;
padding-left:8px;
position:relative;
top:-7px;   /*controls the position of the white tab */
/*border:1px solid green;*/
}
li#featured { /* all about the featured tab */
/* background:transparent url(http://www.telestream.net/images/left-on-line.gif) no-repeat scroll left top; */
background:transparent url(http://www.telestream.net/images/left-2.gif) no-repeat scroll left top;
padding-left:8px;
position:relative;
top:-3px;   /*controls the position of the color tab */
/*border:1px solid green;*/
}

#current a {
/*background:transparent url(http://www.telestream.net/images/right-on-line.gif) no-repeat scroll right top;*/
background:transparent url(/images/shared/right-on-line-grey.png) no-repeat scroll right top;
color:rgb(123,123,123);
padding:16px 13px 3px 7px; /* to adjust padding on words in gray tabs */
height:12px;
border-bottom: 1px solid #a9a9a9;
}

#specials a {
background:transparent url(http://www.telestream.net/images/right-on-line-2.gif) no-repeat scroll right top;
color:rgb(255,255,255);
padding:17px 13px 3px 7px; /* to adjust padding on words in gray tabs */
height:11px;
}

#featured a {  /* this is for extra tabs for featuring products or new releases */
/* background:transparent url(http://www.telestream.net/images/right-on-line.gif) no-repeat scroll right top; */
background:transparent url(http://www.telestream.net/images/right-2.gif) no-repeat scroll right top;
color:rgb(123,123,123);
padding:13px 12px 6px 4px; /* to adjust padding on words in gray tabs */
*padding-top:14px;   /* only for IE7 padding on text */
}

li#left-white {                        /*for moving the tabs over from the left */
background:url(http://www.telestream.net/images/left-white.gif);
width:225px;
}
li#left-white-support {                        /*for moving the tabs over from the left on the support section*/
background:url(http://www.telestream.net/images/left-white.gif);
width:60px;
}
/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// All left side boxes
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

/* ================= Box with solid header - Next Steps ================= */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
/*margin: 0 auto;  center for now */
width: 12.75em; /* ems so it will grow */
background: url(http://www.telestream.net/images/sbbody-r.gif) no-repeat bottom right;
font-size: 93%;
text-align:left;
margin:0 0 2em 2.8em;
*margin:0 0 2em 2.3em;
letter-spacing:90%;
float:left;
}
.boxhead {
background: url(http://www.telestream.net/images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead h2 {
background: url(http://www.telestream.net/images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 2px 5px 16px;
color: white; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxhead-2 {
background: url(http://www.telestream.net/images/sbhead2-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-2 h2 {
background: url(http://www.telestream.net/images/sbhead2-l.gif) no-repeat top left;
margin: 0;
padding: 10px 2px 5px 16px;
color: rgb(120,120,120); 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody {
background: url(http://www.telestream.net/images/sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 6px 4px 20px 12px; /* controls overall spacing of list in box */
text-decoration:none;
font-size:85%;
line-height:1.8em;
font-weight:bold;
}

/* ================ Next Step styling of Boxbody text, icons and spacing ================ */

div.box-text {
border-bottom:1px solid rgb(235,235,235);
width:80%;
padding:7px 0 8px 10px;
}
img.box-text-mid {
padding-bottom:6px;
}
div.box-text-no-line {
width:80%;
padding:8px 0 5px 10px;
}

/* ================Box with no outline - Related Products ================ */

/* Show only to IE PC \*/
* html .boxhead-out h2 {height: 1%;} /* For IE 5 PC */

.sidebox-out {
/*margin: 0 auto;  center for now */
width: 12.5em; /* ems so it will grow */

/*background: url(http://www.telestream.net/images/out-sbbody-r.gif) no-repeat bottom right; */
/*font-size: 85%;*/
text-align:left;
/*letter-spacing:90%;*/
float:left;
}
.boxhead-out {
/*background: url(http://www.telestream.net/images/out-sbhead-r.gif) no-repeat top right;*/
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-out h2 {
/* background: url(http://www.telestream.net/images/out-sbhead-l.gif) no-repeat top left;*/
margin: 0;
padding: 12px 5px 0px 6px;
color: #888; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody-out {
/* background: url(http://www.telestream.net/images/out-sbbody-l.gif) no-repeat bottom left; */
/*margin: 0 .8em 0 0;*/
/*padding: 8px 10px 14px 8px;*/
text-decoration:none;
line-height:1.8em;
}
.boxbody-out2 {
/* background: url(http://www.telestream.net/images/out-sbbody-l.gif) no-repeat bottom left; */
margin: 0 .8em 0 32px;
padding: 8px 0px 8px 8px;
text-decoration:none;
line-height:1.8em;
}

/* ================Box with outline only - Scrolling Customer List) ================ */

/* Show only to IE PC \*/
* html .boxhead-out h2 {height: 1%;} /* For IE 5 PC */

.sidebox-mt {
/*margin: 0 auto;  center for now */
width: 17.2em; /* ems so it will grow */
background: url(http://www.telestream.net/images/out-sbbody-r.gif) no-repeat bottom right;
font-size: 85%;
text-align:left;
margin:0 0 1em 0;
letter-spacing:90%;
float:right;
}
.boxhead-mt {
background: url(http://www.telestream.net/images/out-sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-mt h2 {
background: url(http://www.telestream.net/images/out-sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 12px 5px 0px 13px;
color: #888; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody-mt {
background: url(http://www.telestream.net/images/out-sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 8px 10px 14px 15px;
text-decoration:none;
line-height:1.8em;
}

/* ================== Box with rounded end (unused currently)======================== */

/* Show only to IE PC \
* html .boxhead-out h2 {height: 1%;}  For IE 5 PC 

.sidebox-rd {
/*margin: 0 auto;  center for now 
width: 13.4em; /* ems so it will grow 
background: url(http://www.telestream.net/images/rd-sbbody-r.gif) no-repeat bottom right;
font-size: 85%;
text-align:left;
margin:2em 1em 1em 1.3em;
letter-spacing:90%;
text-align:right;
}
.boxhead-rd {
background: url(http://www.telestream.net/images/rd-sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-rd h2 {
background: url(http://www.telestream.net/images/rd-sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 4px 5px 5px 14px;
color: #fff; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool 
}
.boxbody-rd {
background: url(http://www.telestream.net/images/rd-sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 10px 10px 12px 13px;
text-decoration:none;
}
*/
/* ================= Box with solid header - Support Boxes ================= */

/* Show only to IE PC \*/
* html .boxhead-right h2 {height: 1%;} /* For IE 5 PC */

.sidebox-right {
/*margin: 0 auto;  center for now */
width: 18em; /* ems so it will grow */
background: url(http://www.telestream.net/images/sbbody-r.gif) no-repeat bottom right;
font-size: 93%;
text-align:left;
margin:0 0 1em 0;
letter-spacing:90%;
float:right;
}
.boxhead-right {
background: url(http://www.telestream.net/images/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-right h2 {
background: url(http://www.telestream.net/images/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 2px 5px 16px;
color: white; 
font-weight: bold; 
font-size: 1.2em; 
line-height: 1em;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody-right {
background: url(http://www.telestream.net/images/sbbody-l.gif) no-repeat bottom left;
margin: 0; 
padding: 10px 4px 15px 12px; /* controls overall spacing of list in box */
text-decoration:none;
font-size:85%;
line-height:1.8em;
}
.boxbody-right-2 {
background: url(http://www.telestream.net/images/sbbody-l.gif) no-repeat bottom left;
margin: 0; 
padding: 10px 12px 12px 12px; /* controls overall spacing of list in box */
text-decoration:none;
font-size:85%;
line-height:1.4em;
color:rgb(80,80,80);
}
.boxbody-right ul li { /* first level list handling */
padding-left:0;
color:rgb(80,80,80);
margin-left:0;
list-style:disc;
list-style-position:inside;
line-height:1.4em;
font-size:100%;
}
.boxbody-right-2 ul li { /* first level list handling */
padding-left:0;
color:rgb(80,80,80);
margin-left:-15px;
list-style:disc;
list-style-position:inside;
line-height:1.4em;
font-size:85%;
}

/* ================= Next Step box with Text Only header (a la Screenflow) ================= */

.nextsteps {
text-align:left;
margin:0 0 2em 18px;
*margin:0 0 2em 1.5em;
letter-spacing:90%;
float:left;
color:rgb(180,180,180); 
font-size: 93%;
}/*
.nextsteps-headline h2{
background: url(http://www.telestream.net/images/out-sbhead-r.gif) no-repeat top right;
padding: 12px 5px 0px 16px;
color: rgb(180,180,180); 
font-weight: bold; 
font-size: 85%;
line-height: 1em;
}
*/
/* ================= Knowledgebase search box on support pages ================= */


/* Show only to IE PC \*/
* html .boxhead-kb h2 {height: 1%;} /* For IE 5 PC */

.sidebox-kb{
/*margin: 0 auto;  center for now */
width: 32em; /* ems so it will grow */
background: url(http://www.telestream.net/images/kb-sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
text-align:left;
margin:0 0 1em 0;
letter-spacing:90%;
float:right;
}
.boxhead-kb {
background: url(http://www.telestream.net/images/kb-sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: left;
}
.boxhead-kb h2 {
background: url(http://www.telestream.net/images/kb-sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 10px 2px 5px 10px;
color: white; 
font-weight: bold; 
font-size: 1em; 
line-height: 1.2em;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody-kb {
background: url(http://www.telestream.net/images/kb-sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 3px 5px 34px 0; /*adjusts the size of the box, esp. the left side in box */
text-decoration:none;
font-size:85%;
line-height:1.8em;
}

/*=============================================================================
 ~~~ Box to hold text links and Support on Product pages ~~~ CB 11/2010
 ==============================================================================*/

.generic-product-box {
position:relative;
left:3em;
margin-right:2em;
clear:both;
width:169px;
float:left;
}


/*=============================================================================
 ~~~ Top level Drop down menu (many thanks to GRC.com for the base code!) ~~~
 ==============================================================================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/*  */
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	top:33px;
	float:left;                                     /* play nicely with others */
	text-align:left;
	margin:0 0 0 40px;
	padding:0;
	border:0;
	height:21px;                                  /* the menu's overall height */
	width:54em;         /* we always want our menu to fill the available space */
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:12px;         /* this (and also below) sets the menu's font size */
	z-index:100;
	outline: none;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
	float:left;
}                              

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	cursor:pointer; 
}

.menu ul li table {
	*margin:-1px 0;           /* IE5 needs -1px top and bottom table margins */
    m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	/* border-collapse:collapse;      IE5 needs this for the sub-menus to work */
	font-size:13px;        /* this sets the base font size for our entire menu */
	float:left;
	clear:both;                   /*to get the menu to collapse in DW (oh so important!) */
}

.drop {
	display:block;
	padding:3px 0.5em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	/* position:relative;   establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:2px;                               /* this is our box border width */
	z-index:10000;
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {      /*              */
    display:block;                
	height:21px;
	width:100%;
}

/* This section is the hover behavior of the graphics on top - to add one, just make a new style */

li.home-btn {
	background-image:url(http://www.telestream.net/images/btn-menu-home-up.gif);      /* normal up state*/
	height:41px;
	width:79px;
} 

li.home-btn a:hover{
    background-image:url(http://www.telestream.net/images/btn-menu-home.gif);    /* this one creates the blue rollover on mouseover (same for all the following) */  
	height:41px;
	width:79px;
}
li.solutions-btn {
	background-image:url(http://www.telestream.net/images/btn-menu-solutions-up.gif);      
	height:41px;
	width:79px;
} 

li.solutions-btn a:hover{
    background-image:url(http://www.telestream.net/images/btn-menu-solutions.gif);  
	height:41px;
	width:79px;
}

li.products-btn {
	background-image:url(/images/btn-menu-products-up.gif);
	height:21px;
	width:81px;
}

li.products-btn a:hover {                             
	background-image:url(/images/btn-menu-products.gif);  
	height:21px;
	width:81px;
}

li.downloads-btn {
	background-image:url(/images/btn-menu-downloads-up.gif);    
	height:21px;
	width:92px;
}

li.downloads-btn a:hover {
    background-image:url(/images/btn-menu-downloads.gif);    
	height:21px;
	width:92px;
}

li.buy-btn {
	background-image:url(/images/btn-menu-buy-up.png);    
	height:20px;
	width:65px;
}

li.buy-btn a:hover {                                                                              
	background-image:url(/images/btn-menu-buy.png);      
	height:20px;
	width:65px;
}

li.sales-btn {
	background-image:url(/images/btn-menu-sales-up.gif);    
	height:21px;
	width:59px;
}

li.sales-btn a:hover {                                                                              
	background-image:url(/images/btn-menu-sales.gif);      
	height:21px;
	width:59px;
}

li.login-btn {
	background-image:url(/images/btn-menu-login-up.gif);    
	height:21px;
	width:57px;
}

li.login-btn a:hover {                                                                              
	background-image:url(/images/btn-menu-login.gif);      
	height:21px;
	width:57px;
}

li.company-btn {
	background-image:url(/images/btn-menu-company-up.png);    
	height:20px;
	width:108px;
}

li.company-btn a:hover {                                                                                  
	background-image:url(/images/btn-menu-company.png);     
	height:20px;
	width:108px;
	
}
li.support-btn {
	background-image:url(/images/btn-menu-support-up.png);    
	height:20px;
	width:76px;
}

li.support-btn a:hover {                                                                                
	background-image:url(/images/btn-menu-support.png);     
	height:20px;
	width:76px;
}

li.contact-btn {
	background-image:url(/images/btn-menu-contact-up.gif);    
	height:21px;
	width:74px;
}

li.contact-btn a:hover {                                                                                
	background-image:url(/images/btn-menu-contact.gif);     
	height:21px;
	width:74px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:-5px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	color:rgb(0,0,0);                        /* this sets the unselected-text color */
	background-image:url(http://www.telestream.net/images/dropdown_pane-trans.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    border-top:1px solid rgb(255,255,255);
    margin-top:21px;                /* sets the position relative to the top level buttons  */
    padding:3px 16px 17px 13px;    /* controls position of list items  */
    width:160px;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:rgb(0,0,0);                        /* this sets the unselected-text color */
	 /*background:rgb(255,255,255);         this sets our menu's effective "border" color */
	width:13.5em;                        /* this sets the width of each line */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:white;
	background:rgb(0,155,223);              /* sets the hover color */
	width:140px;                               /* sets the width of the hover */
	*width:145px;                               /* sets the width of the hover */
	padding: 0 2px 0 0;
	*height:100%;                             /* makes IE6 rollover height behave right  */
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin:0;
	top:0px;              /* place us just up underneath the top-level images */
	left:130px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	color:rgb(0,0,0);                        /* this sets the unselected-text color */
	background-image:url(http://www.telestream.net/images/dropdown_pane-trans.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    border-top:0px solid rgb(255,255,255);
    margin-top:0px;                /* sets the position relative to the top level buttons  */
    padding:3px 16px 17px 13px;    /* controls position of list items  */
    width:160px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:140px;
	color:rgb(0,0,0);
	background:#d8d8d8;
	background-color:#FFF
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:140px;
    color:white;
	background:rgb(0,155,223);
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */


/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
// Tabs subnav horizontal list styling
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */
/* */
#h-list ul {
position:relative;
list-style-type: none;
height:10px;
white-space:nowrap;
font-size:93%;
padding:0;
top:-6px;
left:-1px;
*left:-4px;
float:left;
clear:right;
}
#h-list ul li { 
display: inline;
background-image:none;
padding: 0;
margin:0 .5em 0 0;
}
#h-list ul li a{ 
text-decoration: none;
}
#h-list a:hover{ 
color:#333333;
}
#h-list-selected strong {
color:rgb(80,80,80)
font-weight:bold;
margin-left:3px;
}
.h-list-reseller {
*margin-left:-18px;	
}
.h-list-help {
width:95%;	
}
.v-bar {
color:rgb(78,128,201);
font-size:120%;
line-height:90%;
padding:0;
}
.h-line { /* line above graphical area */
border-top-color:rgb(110,148,209);
border-top-width:thin;
*border-top-width:.05em;
border-top-style:dashed;
margin:1.6em 0 2.5em 0;
*margin:0em 0 3em 0;
position:relative; 
top:0px;
*top:5px;
clear:both;
}
.h-line-help { /* line above graphical area */
border-top-color:rgb(110,148,209);
border-top-width:thin;
*border-top-width:.05em;
border-top-style:dashed;
margin:-5px 0 1em 2.4em;
*margin:-5px 0 1.5em 2.2em;
position:relative;
top:0px;
*top:5px;
width:720px;
}

.h-line-products { /* horizontal line in product menu on masthead */
border-top:1px dotted rgb(180,180,180);
width:120px;
position:relative;
top:4px;
left:4px;
margin:10px 0 0 0;
height:16px;
padding:0;
}
#border-download { /* used for the Pipeline software downloads page - left column */
border:1px solid rgb(120,120,120);
background-color:#EFEFEF;
width:500px;
padding:10px;
position:relative;
left:-10px;
}
.downloads-link {
padding: 6px;
border: 1px solid #666;
background: rgb(229,236,246)
}
/* for 1st level div ------------------------------------------------*/
.product-main {
float:left;
text-align:left; 
width:48%;	
}
/* for 2nd level left div / resellers ------------------------------------------------*/
.product-left {
float:left;
text-align:left; 
width:25%;	
}
/* for 2nd level right div / resellers ------------------------------------------------*/
.product-right {
float:left;
text-align:left; 
width:75%;	
}

.wider {
width:13em;
}
ul, ol, dl {
position: relative;  
}

/*for testing - comment out when done
table, th, td, p, div {
border:1px solid silver;
}
.test-border {
border:1px solid black;
}
img {
border:1px solid black;
} 
*/
.buy-btn {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:16px;
text-decoration:none;
margin-right:25px;
}
.buy-btn a {
color:#000000;
text-decoration: none;
}
.buy-btn a:hover {
color:#0099DF;
text-decoration: none;
}
.support-btn {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:16px;
text-decoration:none;
margin-right:25px;
}
.support-btn a {
color:#000000;
text-decoration: none;
}
.support-btn a:hover {
color:#0099DF;
text-decoration: none;
}
.company-btn {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:16px;
text-decoration:none;
margin-right:25px;
}
.company-btn a {
color:#000000;
text-decoration: none;
}
.company-btn a:hover {
color:#0099DF;
text-decoration: none;
}
.products-btn {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:16px;
text-decoration:none;
margin-right:25px;
}
.products-btn a {
color:#000000;
text-decoration: none;
}
.products-btn a:hover {
color:#0099DF;
text-decoration: none;
}
.downloads-btn {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:16px;
text-decoration:none;
margin-right:25px;
}
.downloads-btn a {
color:#000000;
text-decoration: none;
}
.downloads-btn a:hover {
color:#0099DF;
text-decoration: none;
}
.masthead-links {
float:left;
text-align:center; 
width:auto;	
height:20px;
font-size:14px;
font-family: SourceSansPro-Regular;
text-decoration:none;
margin-left:27px;
margin-top:0px;
border: 0px solid #000000;
}
.masthead-links a {
color:#000000;
text-decoration: none;
font-size: 14px;
}
.masthead-links a:hover {
color:#0099DF;
text-decoration: none;
}