/* Jam Site CSS
 * These styles apply to all the static pages and create the overall site look
 * to debug a DIV box, add "border: blue 4px solid;"
 */

body,td,th,input,select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #004660; }
body { background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#container { margin: 0 auto; display:block; }

div.jamPlanetLogo   { position: absolute; float: left; margin-left: 30px; z-index: 2; height: 80px; width: 300px;
                      background-image: url("../static-images/logo.png"); background-repeat: no-repeat; }
div.simplifyLogo    { position: relative; float: right; margin-right: 0px; margin-top: 35px; z-index: 2; height: 30px; width: 300px;
                      background-image: url("../static-images/simplify.png"); background-repeat: no-repeat; }
td.header           { width: 60em; height: 64px; vertical-align: top; }

td.boundaryLeft     { background: url("../static-images/boundary/boundary_mid_l.gif") repeat-y; width: 120px; }
td.boundaryRight    { background: url("../static-images/boundary/boundary_mid_r.gif") repeat-y; width: 120px; }
td.boundaryFtrLeft  { background: url("../static-images/boundary/boundary_cor_l.gif") no-repeat; height: 120px; }
td.boundaryFtrCtr   { background: url("../static-images/boundary/boundary_bot_c.gif") repeat-x; height: 120px; }
td.boundaryFtrRight { background: url("../static-images/boundary/boundary_cor_r.gif") no-repeat; height: 120px; }

tr.primaryMenuDecor  { background-image: url("../static-images/bg_nav-primary.gif"); background-repeat: repeat-x; vertical-align: top; }
td.primaryMenuHolder { height: 32px; padding: 0; }
table.primaryMenu    { margin-left: auto; margin-right: auto; height: 100%; font-weight: bold; text-align: center; }
td.primaryMenuItem   { width: 10em; vertical-align: middle; padding: 0; }
div.selectedItem     { position: relative; float: left; z-index: 2; width: 9em; height: 23px; 
                       margin-top: 2px; margin-bottom: -3px; padding-top: 3px;
                       border-width: 3px; border-bottom: 0px; border-style: solid;  border-color: #f3922d; background-color: #ffffff; }
div.selectedTerminalItem { position: relative; float: left; z-index: 2; width: 9em; height: 23px; 
                           margin-top: 2px; margin-bottom: -3px; padding-top: 3px;
                           border-width: 3px; border-bottom: 3px; border-style: solid;  border-color: #f3922d; background-color: #ffffff; }
table.primaryMenu a       { text-decoration: none; color: #000000; }
table.primaryMenu a:hover { color: #ffffff; }

td.noSecondaryMenu     { height: 32px; vertical-align: top; }
td.secondaryMenuHolder { height: 32px; vertical-align: top; }
table.secondaryMenu    { width: 55em; height: 32px; margin-left: auto; margin-right: auto; padding: 0; 
                         vertical-align: top; font-weight: bold; text-align: center; border-collapse: collapse; }
td.secondaryMenuLeftEnd  { background: url("../static-images/bg_nav-secondary-end-l.gif") no-repeat; 
                           padding: 0; width: 15px; background-position: top right }
td.secondaryMenuRightEnd { background: url("../static-images/bg_nav-secondary-end-r.gif") no-repeat; 
                           padding: 0; width: 15px; background-position: top left }
td.secondaryMenuItem     { width: 10em; background: url("../static-images/bg_nav-secondary.gif") repeat-x; }
table.secondaryMenu a    { text-decoration: none; color: #000000; }
table.secondaryMenu a:hover { color: #f3922d; }

p.divider { margin-left: auto; margin-right: auto; width: 400px; height: 8px; margin-top: 10px;
            background: url("../static-images/divider1.gif") no-repeat;  }

tr.skinHeader  { height: 20px; background: #87c9d3; }
tr.standardRow { height: 20px; background: #ffffff; }
tr.contrastRow { height: 20px; background: #eeeeee; }
td.skinItem    { height: 20px; padding-left: 10px; font-weight: bold;}

.clr { clear: both; }
#bound_btm { margin: 0 auto; padding: 0; height: 15px; background:url("../static-images/bg_bodybtm.gif") repeat-x; }
#bound_ftr { margin: 0 auto; padding: 0; height: 45px; text-align: center; }
p.footer   { font-size: 10px; font-weight: normal; color: #004660; line-height: 13px; }

#contentwell    { padding: 10px 25px 20px 25px; }
#contentwell p  { line-height: 15px;}
#contentwell h2 { margin: 0 0 6px 0; display: block;}
.content2 { margin: 0 26px; padding: 0; }
.content  { margin: 0; float: left;}
.sidebar  { margin: 0; width: 165px; float: right; }

div.overviewLabel_l { z-index: 3; position: relative; float: left; }
div.overviewLabel_r { z-index: 3; position: relative; float: right; }

.featurebox  { height: 8em; position: relative; margin: 0px 10px 5px 10px; }
img.featureIcon { width: 5em; height: 5em; border: 0px; margin-top: 0px; float: left; padding-right: 15px; padding-bottom: 1em; }
p.featureTitle  { padding-top: 0px; padding-right: 20px; font-weight: bold; font-size:12px; color: #f3922d; }
p.featureDescription { margin-top: -7px;}

h1 { margin: 0 auto; padding: 0; color: #f3922d; font-weight: bold; font-size: 18px;}
h2 { margin: 0 auto; padding: 0; color: #00abed; font-weight: bold; font-size: 14px;}
h3 { margin-top: 12px; color: #000000; font-weight: bold; font-size: 14px; line-height: 0px;}
h4 { color: #f3922d; font-weight: bold; font-size: 12px; line-height: 0px;}

/*   These styles are related to the download button and version text
 */
div.download { width: 12em; z-index: 2; float: right; margin-right: 30px; }
img.download { border: 0; width: 12em;  margin-left: auto; margin-right: auto; }
.versiontext { position: relative; float: right; z-index: 3; height: 2em; width: 12em;
               color:#f3922d; font-size: 9pt;  margin-left: auto; margin-right: auto; top: -3.5em; }
  
/* .pkg class wraps enclosing block element around inner floated elements
 */
.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0px; }
* html .pkg { display: inline; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */