﻿@charset "utf-8";

/* -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- //
//   CSS Downloads section Stylesheet (c) 2008 Telestream, Inc. - version 2.5
// -=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=- */

/* For login box ----------------------------------*/
#div_login {
border: 1px solid #666;
padding: 15px;
margin-left: 20px;
width:330px;
background:url(../images/bkg-login-box-2.jpg)
}
/* For accept eula box ----------------------------------*/
#accept-eula {
border: 1px solid #C00;
padding: 5px;
background-color:#FFF;
/*margin-left: 20px;
margin-right: 40px; */
}
/* For maintenance box  ----------------------------------*/
#maintenance {
border: 1px solid #C00;
padding: 20px;
width: 400px;
margin-left: 100px;
}
/* background:#FCFACD; */
/* For login status on main Download page ----------------*/
.login-status {
float:left;
text-align:left;
position:relative;
left:60px;
top:10px;
/*color:rgb(75,118,36);*/
font-size:.9em;
font-weight:bold;
clear:left;
width:50%;
*width:100%; /*so the login message doesn't wrap in IE */
}
/* For login status on other Download pages ----------------*/
.login-status2 {
float:right;
text-align:right;
position:relative;
/*top:-122px;*/
top:-75px;
right:3.60em;
/*color:rgb(75,118,36);*/
font-size:.9em;
font-weight:bold;
z-index:10;
}
.login-status3 {
float:right;
text-align:right;
position:relative;
top:-182px;
right:2.75em;
/*color:rgb(75,118,36);*/
font-size:.9em;
font-weight:bold;
z-index:10;
}
/* For register box ----------------------------------*/
#div_register {
border: 1px solid #666;
align: center;
width: 390px;
padding: 15px;
margin-left: 0px;
margin-right: 0px;
background: url(../images/bkg-register-box-1.jpg)
/* background:#FCFACD; */
}
/* For updates box ----------------------------------*/
.div_updates-d {
border: 1px solid #666;
align: center;
width: 265px;
padding: 15px;
margin-left: 0px;
margin-right: 0px;
background:#FFF
}
.product-desc-d { /*used for download overview page */
margin-top:-1.40em;
padding-right:10px;
color:#000000;
font-size:85%;
word-spacing:.2em;
line-height:1.45em;
}
.image-pad-icon-d {
padding-right:10px;
margin-top:-.1em;
}
/* for red asterik ------ */
#ast_red {
color:#C00;
}
.input-border {
margin: 3px;
padding: 2px;
border: 1px solid #666;
}

.whitebox-border {

border: 1px solid #009bdf;
}

/*input {
padding: 2px;
border: none;
}--*/
/* for download buttons ---------*/
.downloads-link {
padding: 6px;
border: 1px solid #666;
background: rgb(229,236,246)
}
/* for drivein div background ---------*/
#bkg-drivein {
background:url(../images/bkg-drivein-download.jpg)
}
.bkg-drivein {
background:url(../images/bkg-drivein-download.jpg) no-repeat
}
#border3 { /* used for the FlipFactory download page - left column */
border:1px solid rgb(120,120,120);
background-color:#EFEFEF;
padding:10px;
position:relative;
left:-10px;
text-align:left;
width:400px;
margin-bottom:1em;
display:inline; /*for IE6 to get rid of the 'double-margin' bug */
}
#border4 { /* used for the SDK download page - left column */
border:1px solid rgb(120,120,120);
background-color:#EFEFEF;
width:95%;
padding:10px;
position:relative;
left:0px;
margin-bottom:1em;
}

/* Section for styling download pages created Sept-Oct 2009 by Craig */

/*#left-column-downloads {  controls the positioning of the left column 
margin:-.5em .4em 1em .25em;
color:#000000;
float:left;
clear:none;
}
*/
#downloads {
/*list-style:none;*/      /* removes list styles */
text-align:left;
/* color:#000000;   makes all the text that nice gray tone */
}
#downloads ol li {    /* use the OL tag to make a list that has no bullets on the Download pages */
/*list-style:none;*/
margin:10px 0 1em -40px; /* pushes the items to the left to line up with the headlines, and separates them */
}
#downloads ul li {  
/*list-style:none;*/
margin-left:0;  /* pushes the items to the left to line up with the headlines */
}
#downloads ol, ul {    
padding-bottom:6px;  /* separates the lists from each other */
}
#downloads ol, ul{    
position: inherit; /* separates the lists from each other */
}
#downloads ol li img{  
margin:0 0 0 -4px; /*lines the Zip and PDF images up with the left side  */
vertical-align:middle;
}
#downloads ol li span{ 
margin-bottom:10px;    /* gives the right padding between list items */
margin-left:0; 
}
#downloads h5, strong {  /* Massive headline for the page  */
color:#000000;
}
#downloads strong, h2 {  
color:#000000;   /* headlines */
}
#downloads h2 {          /* sub headlines positions for the columns  */
margin:0 0 4px 0 ;
position:relative;
top:0;
left:0;
}
#downloads-50-left, #downloads-50-right  {   /* gives the columns the right width, sorry YUI :) */
width:48%;
float:left;   /*   put in for dreamweaver readability */
}
#downloads-50-right  {
margin-top:-22px;
float:left;
}
#downloads-50-left img, #downloads-50-right img  {  /* sets the icons right on the lines  */
vertical-align:middle;
}
#downloads em {
color: #F90;
font-style:normal;
font-weight:bold;
float:left;
margin-right:3px;
}
.downloads-form-narrowbox { /* controls how the form download images are displayed */
position:relative;
top:-26px;
left:8px;
z-index:1000;
}
.downloads-form-widebox { /* controls how the form download images are displayed */
position:relative;
top:-32px;
left:84px;
z-index:1000;
}
.downloads-form-growbox {
float:left;
}
.downloads-form-growbox1 {
float:left;
margin:-2px 8px 0 4px;
}
.downloads-size { /*  positions the download in MB text under the OS graphic */
font-size:93%;
color:#000000;
position:relative;
top:-0.8em;
left:2.7em;
}
.narrowbox {   /* sets the overall box and position for the narrow boxes */
background-image:url(../images/bkg-narrowbox.gif);	
width:152px;
height:250px;
float:left;
}
.narrowbox1 {
width:60px;	
}
div.narrowbox p{
padding:20px 0 20px 14px;   /* this makes the text and images behave in the narrow box */
font-weight:bold;
} 
div.narrowbox img {      /*  this controls the mac or win big icon above the orange buttons, and the PDF icons (not the orange buttons) */
margin:-3px 0 0 -15px;
}
.narrowbox p {
margin:0 3px 0 12px;   /*   this is to position the release notes and user guide lines using the P tag */
z-index:100;
}
div.narrowbox div div p {   /* div div p is to drill down to the right P tag */
z-index:100;               /*  this is to make the rel and user notes appear above all else */
width:100%;
margin:-35px 0 0 26px;     /* this positions the rel and user notes correctly */
}
#downloads-column-left {    /* this is the column on the left of the page */
position:relative;
left:0px;
/*margin:20px 15px 0 17px;*/
margin:20px 15px 0 27px;
font-size:93%; 
float:left;
clear:left;
width:185px;
text-align:left;
}
#downloads-column-left ul{  
margin:20px 0 0 1px;
}
#downloads-column-left ul li a{  
margin:0 0 0 12px;
} 
#downloads-column-left ul li img  { 
vertical-align:middle;
padding:2px;
margin-left:10px;
}
#downloads-column-left table{ 
vertical-align:middle;
padding:12px;
width:14em;
whitespace:nowrap;
margin:20px 0 0 0;
}
#downloads-column-left table img{
margin-left:10px;
}

/* Full box width for software trial and update buttons, one platform only */
.full-width-box {
background-image:url(../images/bkg-full-width-box.gif);	
width:304px;
height:250px;
float:left;
}
.full-width-box-2 {
background-image:url(../images/bkg-full-width-box-2.gif);	
width:304px;
height:270px;
float:left;
}
.full-width-box-3 {
background-image:url(../images/bkg-full-width-box-3.gif);	
width:304px;
height:155px;
float:left;
}

#full-width-box-winmac {

/*width:280px;*/
height: auto;
padding:10px;
border: 1px solid #009BDF;
}

div.full-width-box p{
text-align:left;
padding:20px 0 20px 97px;  /* this makes the text behave in the box */
font-weight:bold;
}
div.full-width-box-2 p{
text-align:left;
padding:20px 0 20px 97px;  /* this makes the text behave in the box */
font-weight:bold;
}
div.full-width-box-3 p{
text-align:left;
padding:20px 0 20px 97px;  /* this makes the text behave in the box */
font-weight:bold;
}
div.full-width-box img {
margin:-3px 0 0 -12px;
}
div.full-width-box-2 img {
margin:-3px 0 0 -12px;
}
div.full-width-box-3 img {
margin:-3px 0 0 -12px;
}
div.full-width-box div p {
margin:-44px 3px 0 16px;    /*this is to position the release notes and user guide lines using the P tag */
height:20px;
}
div.full-width-box-2 div p {
margin:-44px 3px 0 16px;    /*this is to position the release notes and user guide lines using the P tag */
height:20px;
}
div.full-width-box-3 div p {
margin:-44px 3px 0 16px;    /*this is to position the release notes and user guide lines using the P tag */
height:20px;
}
.full-width-box-htmlonly {
margin:0 0 12px 34px;
}
/* Alternate download box that grows with content */
.grow-box-top {
/*background-image:url(../images/bkg-box-grow-top.gif);*/
border-left: 1px solid #009BDF;
border-top: 1px solid #009BDF;
border-right: 1px solid #009BDF;	
width:299px;
height:28px;
float:left;
}
.grow-box-top p {
padding:15px 0 0px 10px;  /* this makes the text behave in the box */
font-weight:bold;
text-align:center;
}
.grow-box-middle p span{
margin:0 0 0 0;  /* this styles the italic text below the additional down in the box */
font-weight:normal;
font-size:93%;
text-align:center;
font-style:italic;
color:#000000;
float:left;
clear:both;
}
.grow-box-middle{
/*background-image:url(../images/bkg-box-grow-middle.gif);
background-repeat:repeat-y;*/
border-left: 1px solid #009BDF;
border-right: 1px solid #009BDF;	
width:299px;
min-height:100%;
float:left;
text-align:left;
}
.grow-box-middle table {
margin:6px 0 10px 10px;      /* this mmakes the table behave in the box */
float:left;
}
div.grow-box-middle td {
text-align:left; /* this styles the text to the right of the image when there is text links (and not an image) in the box */
float:left;
font-size:93%;
}
div.grow-box-middle div {
margin:0 8px 0px 15px;    /* this makes the text behave in the box below the images - paragraph of info*/
font-weight:normal;
font-size:85%;
color:#000000;
float:left;
}
.grow-box-bottom{
/*background-image:url(../images/bkg-box-grow-bottom.gif);*/	
border-left: 1px solid #009BDF;
border-bottom: 1px solid #009BDF;
border-right: 1px solid #009BDF;	
width:299px;
height:15px;
float:left;
}
.graybox{    /* used for the gray box .... DOH! */
background-color:#DEE7F5;
padding:15px;
position:relative;
left:0px;
text-align:left;
width:270px;
margin-bottom:1em;
display:inline; /*for IE6 to get rid of the 'double-margin' bug */
float:left;
}
.graybox-only{    /* used for a gray box around text anywhere */
background-color:rgb(237,237,237);
padding:6px;
position:relative;
left:-6px;
text-align:left;
margin-bottom:1em;
display:inline; /*for IE6 to get rid of the 'double-margin' bug */
float:left;
font-size:93%;
}
.hidden { display: none; }   /* to hide/show optional information */
.unhidden { display: block;padding-top:6px; }
.squished { letter-spacing:-0.05em;margin-left:-12px; white-space:nowrap; }  /* used this for SDK lettering to fit */

#left-column {  /* readjusts the margins just for the download pages */
clear:left;
color:#000000;
float:left;
margin:0em 0.4em 1em 2.5em;
}