/* ----------------------------------------
-------------- BEGIN MEDIA ALL-------------
-----------------------------------------*/
@media all {

#bodyMainContainerReport { float: left; margin-left: 20px; }
    
body.bodyMini { background: none; }
#bodyMainContainerMini { float: left; width: 655px; margin-left: 20px; }
#aboveTableMiniNote { margin-bottom: 10px; }
#contentTitleMini { 
    padding-bottom: 20px; 
    line-height: 1.2; 
    text-indent: 2px; 
    background: #ffffff url(img/gui/index.h1.bg.png) bottom left no-repeat; 
}
#contentTitleH2Mini { 
    font-weight: bold; 
    padding: 0 0 14px 2px; 
    line-height: 1.2; 
    margin-bottom: 8px; 
    background: #ffffff url(img/gui/maincontent.h2.bg.png) bottom left no-repeat; 
}
#contentMini { float: left; min-height: 320px; }
.tableMini { margin-top: 15px; }
#editUserTableMiniLeftHeading, #editUserTableMiniRightHeading { 
    background-color: #eeeeee; 
    padding: 7px; 
    text-align: center; 
}
.editUserTableMiniBodyTop { 
    padding-top: 8px; 
}
.editUserTableMiniBody th, .editUserTableMiniBody td { 
    border: none;
    padding-left: 10px;
	vertical-align: middle; 
	padding-bottom: 5px; 
	text-align: left;
}
.editUserTableMiniBody th { 
    text-align: right;
}
.editUserTableMiniBody td { 
    text-align: left;
}
/* simple css-based tooltip */
#tooltip_contents_id {
    /*So it displays over footer*/
    z-index: 10000;
    background-color:#EEEEEE;
    border:1px solid #000000;
    padding:10px 15px;
    width:350px;
    display:none;
    color:#000000;
    /*text-align:left;*/
    font-size:12px;
}
#requiredPara, #cancelButton { margin-left: 8px; }
#requiredPara { margin-top: 4px; }
#cancelButton { margin-top: 8px; }
ul.theBulletMini { 
    margin: 6px 20px 16px 5px; 
    line-height: 1.4em; 
}
ul.theBulletMini li { 
    margin: 0 0 2px 10px; 
}
ul.theBulletMini li h3 { 
    background-image: url("img/gui/maincontent.list.bullet.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    margin: 20px 0 5px -10px;
    padding-left: 10px; 
}
#theContainer ul.theBullet { margin-left: 5px; }
#theContainer ul.theBullet li { margin-left: 10px; margin-bottom: 2px; }
#theContainer ul.theBullet h3 { padding-left: 10px; margin: 20px 0 5px -10px; }
#theContainer ul.theBullet h3 a { text-decoration: none }


/*
#footerMini { margin-left: auto; margin-right: auto; text-align: center; clear: both; width: 100%; padding: 70px 0 10px 0; background: transparent url(img/gui/footer.bg.png) no-repeat center center; }    
*/

/* scroll icon hack */
html>img { width: 0!important; height: 28px!important; padding-left: 28px!important; background: url(img/gui/autoscroll.png); }
/* Images and Content for printed pages */
.print-me-only { display:none; }

/* undohtml.css derived from TC */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,button { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset { border: none; }
input,button,select { font-size: 100%;  }
textarea { font-size: 80%;  }

/* Typography */
body {margin-top: 0; line-height: 17px; font-size: 12px; font-family: "Metric","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; color: #4f4c4d; }
.anIconRow img {padding-right: 14px; padding-top: 12px;}

h1, h2, h3, h4, h5, h6 {color: #333333; font-weight: bold;}
h1 { font-size: 150%; margin-bottom: 0.6em; }
h2 { font-size: 130%; color: #666666; margin: 18px 0 12px 0;}
h3 { font-size: 120%; font-weight: bold;}
h5 { margin-top: 10px; }
p { font-size: 100%; }
strong { color: #333333; }
a { overflow: hidden; }
a:link    {  text-decoration: underline; }
a:visited {  text-decoration: underline; }
a:focus   {  text-decoration: none; }
a:hover   {  text-decoration: none; }

blockquote { background: transparent url(img/gui/blockquote.open.png) left top no-repeat; }
blockquote p { font-size: 105%; padding: 5px 30px; margin: 15px 0 0 0; font-style: italic; background: transparent url(img/gui/blockquote.closed.png) right bottom no-repeat; }
p { position: relative; }
cite { text-align: right; }
cite {display: block;}

body { background: #f8f8f8 repeat-x top left; }

.level2 #theWrapper, .level3 #theWrapper             {
  width: 100%;
  float: left;
  padding-bottom: 3rem;
  min-height: 500px;
}
.level2 #theContentRight, .level3 #theContentRight   { width: 206px; float: left;  margin-left: -248px;}
.level2 #theContentCenter, .level3 #theContentCenter {                             margin: 0 64px 0 260px; }
.level2 .cbb, .level2 .cb, .level3 .cbb, .level3 .cb { width: 202px; float: left;  margin-left: -940px; }
.level2 #theHeader, .level3 #theHeader               {
  --sat-masthead-bg: linear-gradient(to right, var(--sat-colors-brand-gradient-primary-bg) 0%, hsl(228.6 48.1% 25.7%) 25%, hsl(225.6 50.4% 27.6%) 65%, hsl(201.3 76% 32.7%) 90%, hsl(193.4 91.4% 36.5%) 100%);
  --sat-masthead-height: 50px;

  height: var(--sat-masthead-height);
  background: var(--sat-masthead-bg);
  color: var(--sat-masthead-fg);
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: row;
  gap: var(--sat-masthead-spacing-segment-gap);
  align-items: center;
  justify-content: flex-start;
  padding-inline: var(--sat-masthead-spacing-gutter);
}

#theContainer {
  width: 980px;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
  box-shadow: 2px 2px 0 #d9d9d9;
}
#theFooter    { clear: both; width: 100%; padding: 0px 0 2px 0; color: white;  border-top: 1px solid #9e9e9e;    background: #303030; }
#theFooter a {color: white}

.level2 #theContentCenter h1 { font-size: 170%; }

#theFooter p {  text-align: center; margin: 6px; }
#theFooter p a {
  Xtext-transform: uppercase;
  text-decoration: none;
  padding-inline: 0.5ch;
}
#theFooter p a:hover { text-decoration: underline;  }


/* Lets absolutely position some things at the top of the page */
h1.logoTop { margin: 0; padding: 0; }
h1.logoTop a {
  --logo-height: var(--sat-masthead-height, 50px); 
  --logo-width: calc(var(--logo-height) * 3);
  Xposition: absolute;
  Xtop: 1px;
  Xleft: var(--sat-masthead-spacing-gutter);
  display: inline-block;
  width: var(--logo-width);
  height: var(--logo-height);
  Xtext-indent: -9000px;
  background: var(--sat-asset-company-logo-svg-inverted) no-repeat 0 50%;
}

.logos {
  --logo-height: var(--sat-masthead-spacing-logo-height);
  --logo-width: var(--sat-masthead-spacing-logo-width);

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--sat-masthead-spacing-logo-separator-gap);
  color: var(--sat-masthead-fg);
  text-decoration: none !important;
  font-size: var(--logo-height);
  line-height: var(--logo-height);
  font-weight: var(--sat-masthead-product-name-font-weight);
}
.logos:hover {
  color: inherit;
}
.logos .company-logo {
  background: var(--sat-asset-company-logo-svg-inverted) no-repeat;
  Xbackground-size: var(--logo-width);
  background-position: 0 calc(50% + 0.1ch);
  width: var(--logo-width);
  height: var(--logo-height);
}
.logos .product-family {
  position: relative;
  margin-inline-start: var(--sat-masthead-spacing-logo-separator-gap);
}
.logos .product-family::before {
  content: '';
  width: var(--sat-masthead-spacing-logo-separator-width);
  height: var(--logo-height);
  display: block;
  background: var(--sat-masthead-fg);
  position: absolute;
  top: 0;
  left: calc(var(--sat-masthead-spacing-logo-separator-gap) * -1 - 0.1ch);
}

/* Header Nav positioning */
#XtheNavTop { position: absolute; right: 46px; top: 15px; color: white }
#theNavTop {
  margin-inline-start: auto;
}
#theNavTop li { float: left; margin-left: 16px; vertical-align: middle; line-height: 16px; }

/* Replace Japanese and Korean with proper characters */
#theNavTop li#japanese a { display: block; width: 20px; text-indent: -9000px; background: transparent url(img/gui/japanese.gif) no-repeat center center; }
#theNavTop li#korean a { display: block; width: 35px; text-indent: -9000px; background: transparent url(img/gui/korean.png) no-repeat center center; }

/* Header Nav and Breadcrumb Link styles */
#theNavTop a, .theSubNavLeft li a { color: inherit; text-decoration: none; }
#theNavTop a:hover, .theSubNavLeft li a:hover { text-decoration: none; color: inherit }
.breadcrumbs {
  font-size: var(--sat-masthead-nav-item-font-size);
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.breadcrumbs a:hover {
  font-weight: bold;
  color: inherit;
}

/* The Content CENTER Styles */
#theContentCenter { line-height: 1.4em; }

#theContentCenter p,
#theContentCenter ul,
#theContentCenter ol,
#theContentCenter dl    { margin: 6px 0 16px 0; }
#theContentCenter h2    { font-weight: bold; padding: 0 0 14px 2px; line-height: 1.2; margin-bottom: 8px; background: #ffffff url(img/gui/maincontent.h2.bg.png) bottom left no-repeat; }
#theContentCenter li    { margin: 14px 0 14px; padding-left: 10px; }
#theContentCenter p.codeBlock {  padding: 5px; margin: 10px 0 10px 0; font-family: monospace; font-size: 110%; border-style: solid; border-width: 1px; border-color: #CCCCCC; background-color: #F4F4F4;}
#theContentCenter .linkMyPDF { background: transparent url('img/gui/logo.pdf.gif') no-repeat top left; display:block; padding-top: 4px; height: 24px; padding-left:0px; }
#theContentCenter .linkMyWMV { background: transparent url('img/gui/logo.windowsmedia.png') no-repeat top left; padding-top: 6px; padding-bottom: 10px; min-height: 40px; padding-left:34px; }

/* = 2nd Level Placement */
.level2 #theContentCenter p,
.level2 #theContentCenter h3,
.level2 #theContentCenter h4,
.level2 #theContentCenter h5,
.level2 #theContentCenter ul,
.level2 #theContentCenter ol,
.level2 #theContentCenter dl { margin-left: 11px; margin-right: 16px; }
.level2 #theContentCenter h1 { width: 649px; padding-top: 35px; padding-bottom: 30px; text-indent: 30px; background: #ffffff url(img/gui/maincontent.level2.h1.bg.png) top left no-repeat; }
.level2 #theContentCenter h1.shrinkMyHeadline { font-size:1.3em; padding-top: 32px; text-indent: 20px; }
.level2 #theContentCenter h2.shrinkMyHeadline { font-size:1.1em; }

/* =3rd Level Placement */
.level3 #theContentCenter p,
.level3 #theContentCenter h3,
.level3 #theContentCenter h4,
.level3 #theContentCenter h5,
.level3 #theContentCenter ul,
.level3 #theContentCenter ol,
.level3 #theContentCenter dl { margin-left: 3px; margin-right: 20px; }
.level3 #theContentCenter h1 { padding-bottom: 20px; line-height: 1.2; text-indent: 2px; }
/*.level3 #theContentCenter h1 { width: 441px; padding-bottom: 20px; line-height: 1.2; text-indent: 2px; background: #ffffff url(http://www.fortifysoftware.com/images/gui/maincontent.level3.h1.bg.png) bottom left no-repeat; }*/

/* Stylings for SEARCH box */
#theNavTop,
.searchForm form input#searchBox, .searchForm button { font-size: 96%; }
.searchForm form input, .searchForm form button { color: #0f5c6a; }
.searchForm form { background: #ffffff url(img/gui/searchbox.background.png) repeat-x top left; border: 1px solid #999999; }
.searchForm form button, .searchForm form input { background-color: transparent; border: none; padding: 0px 4px; }
.searchForm form button { width: 18px; text-indent: -9000px; background: transparent url(img/gui/searchbox.arrows.png) no-repeat 2px 1px; }

/* The Content RIGHT Styles */

#theContentRight  { font-size: 85%;}
#theContentRight a { text-decoration: none; }
#theContentRight a strong { font-size: 120%; }
#theContentRight h1 { font-weight: bold; text-indent: 2px; padding: 10px 0 16px 0; background: transparent url(img/gui/right.h1.bg.png) no-repeat bottom center; }
#theContentRight h2 { font-weight: bold; text-indent: 2px; padding: 8px 0 10px 0; margin: 0 0 8px 0; background: transparent url(img/gui/right.h2.bg.png) no-repeat bottom center; }

#theContentRight li.webinar h2 { background-image: url(img/gui/index.rightcol.h1.bg.blue.png); }
#theContentRight li.webinar h4 { height:40px; padding:8px 0 0 62px; background: transparent url(img/gui/icon.webinar.jpg) no-repeat;}
#theContentRight li.webinar ul li.registerNow a { display: block; margin-top:8px; height: 26px; text-indent: -9000px; background: transparent url(img/gui/btn.registernow.jpg) no-repeat top left; }

p.subscribe a { width: 205px; height:  52px; display: block; text-indent: -9000px; background: transparent url(img/gui/right.newsletter.signup.png) no-repeat bottom center; }
p.contact-me a { width: 206px; height: 28px; display: block; text-indent: -9000px; background: transparent url(img/gui/right.contact.me.png) no-repeat bottom center; }
p.contact-me { margin-bottom: 20px; }
p a.sca40 { margin-left:0; margin-bottom:8px; width: 206px; height: 42px; display: block; text-indent: -9000px; background: transparent url(img/gui/right.sca.40.png) no-repeat bottom left; }

#theContentRight ul.next-steps li { margin-left: 2px; margin-bottom: 1px; }
#theContentRight ul.next-steps li ul li { margin-bottom: 4px; }
#theContentRight .linkMyPDF a { background: transparent url('img/gui/logo.pdf.gif') no-repeat top left; display:block; padding-top: 0px; min-height: 2.4em; padding-left:34px; }
#theContentRight ul.next-steps li ul li ul li { margin:4px 0 0 14px; }

/* PRIMARY Navigation Styles */
ul#theNavPrimary { position: absolute; left: 38px; top: 60px; width: 906px; height: 36px; background: transparent url(img/gui/navigation.primary.off.png) no-repeat; }
ul#theNavPrimary li { float: left; }
ul#theNavPrimary li a { border: none; position: absolute; display: block; top: 2px; text-indent: -9000px; padding: 6px 8px; font-size: 96%; }

/* Positioning: the links are positions over the background image so they match the text. */
ul#theNavPrimary li#security a { left: 10px; width: 111px; }
ul#theNavPrimary li#products a { left: 160px; width: 114px; }
ul#theNavPrimary li#customer a { left: 318px; width: 104px; }
ul#theNavPrimary li#company a { left: 465px; width: 120px; }
ul#theNavPrimary li#support a { left: 627px; width: 46px; }
ul#theNavPrimary li#news a { left: 715px; width: 86px; }
ul#theNavPrimary li#blog a { left: 843px; width: 28px; }

/* Set the background on hover to the background image on-state and position it */
ul#theNavPrimary li#security a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -10px -2px; border: none; }
ul#theNavPrimary li#products a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -160px -2px; border: none; }
ul#theNavPrimary li#customer a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -318px -2px; border: none; }
ul#theNavPrimary li#company a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -465px -2px; border: none; }
ul#theNavPrimary li#support a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -627px -2px; border: none; }
ul#theNavPrimary li#news a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -715px -2px; border: none; }
ul#theNavPrimary li#blog a:hover { background: transparent url(img/gui/navigation.primary.over.png) no-repeat -843px -2px; border: none; }


/* Features and Benefits Table */
#features { border: none; background: #ffffff; border-bottom:  1px solid #ededed; }
#features th { font-size: 1.3em; background: transparent; height: 40px; text-transform:uppercase; font-weight:normal; text-align: left; text-indent: 14px; }
#features tr.head { background: transparent url(img/gui/table.features.bg.top.png) repeat-x left top; }
#features th.feathead { width: 180px; background: transparent url(img/gui/table.features.left.top.png) no-repeat left top; }
#features th.benhead { background: #c0b68f url(img/gui/table.features.bg.top.png) repeat-x left top; border-right: 1px solid #ededed; }
#features .f, #features .featfoot { background-color: #ffffff; border-left: 1px solid #ededed; }
#features .b, #features .benfoot { background-color: #c0b68f; border-right: 1px solid #ededed; color:#ffffff; }
#features tr.foot { background: url(img/gui/table.features.right.bot.png) no-repeat bottom right; }
#features tr.foot td.f { background: #ffffff url(img/gui/table.features.left.bot.png) no-repeat bottom right; }
#features tr.foot td.b { background: #c0b68f; }
#features td { padding:8px 14px; vertical-align:top; }

#features tr td ul li, #features tr td ul { background-image: none; list-style-type: disc; text-indent: 0px; }
#features tr td ul li { padding-left: 0px; margin: 0px 0px 0px 22px; }

/* homePage Styling stuff */
.level1 #thatBottomLeftThing      { width: 680px; }
/* .level1 #thatBottomLeftThing      { margin-left:  30px; width: 680px; float: left; } */
.level1 #theContentRight          { margin-right: 30px; width: 206px; float: right; }
.level1 #theContentCenter         { margin: 0 20px; line-height: 1; height: 290px; }
.level1 #theContentCenter *       { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-top: 0;  }
.level1 #theContentCenter img     { display: block; margin: 0 auto; }
.level1 #theContentCenter #flashcontent { display: block; margin: 0 0 0 20px; }
.level1 #theContentCenter object  { display: block; margin: 0 auto; }
.level1 #thatBottomLeftThing h2   { height: 30px; font-size: 180%; font-weight: normal; margin: 0 0 10px 0; padding-bottom: 8px; color: #333; background: transparent url(img/homepageHeaderFIXME.png) no-repeat bottom left; }
.level1 #thatBottomLeftThing a    { text-decoration: none; font-weight: bold; }
.level1 #theHeader                { height: 110px; }
.level1 #theProducts ul           { float: left; width: 204px; margin-right: 20px; }
.level1 #theProducts li           { margin:0px 0px 1em 0px; }
.level1 #theProducts h3           { font-size: 150%; font-weight: normal; margin: 5px 0 10px 0; color: #333; padding-bottom: 21px; position: relative; background: transparent url(img/gui/index.h1.bg.png) no-repeat bottom left; }
.level1 #theProducts h3 a         { font-size: 65%; position: absolute; right: 20px; top: 8px; text-indent: 15px; background: transparent url(img/gui/index.rightcol.arrows.png) no-repeat left; }
.level1 #theProducts h4           { line-height: .5; font-size: 115%; margin-bottom: 0px; }
.level1 #theAbout                 { padding: 0 1em 10em 1em; margin: 1em 0em 0em 0em; background: transparent url(img/gui/index.about-us.bg.png) no-repeat top left; }
.level1 #theAbout h3              { font-size: 150%; margin: 0 0 8px 0; font-weight: normal; }
.level1 #theAbout li              { margin: 0em 0em 1em 0em; }
.level1 #theContentRight h2       { color: #333333; font-size: 130%; margin: 0 0 0 0; padding-bottom: 14px; text-indent: 3px; position: relative; background: transparent url(img/gui/index.rightcol.h1.bg.png) no-repeat bottom left; }
.level1 #theContentRight h2 a     { font-size: 65%; position: absolute; right: 20px; top: 10px; text-indent: 15px; background: transparent url(img/gui/index.rightcol.arrows.png) no-repeat left; }
.level1 #theContentRight li ul    { margin: 10px 0 15px 3px; }
.level1 #theContentRight li h4    { margin: 10px 0 6px 0; line-height: 1.2; }
.level1 #theContentRight dd       { margin: 0 0 6px 0; }
.level1 #theContentRight a        { text-decoration: none; font-weight: bold; }
.level1 #theContentRight          { font-size: 12px;font-weight: normal; }
.level1 a strong  { font-size: 150%; line-height: 1; color: #074550; }
.level1  #theContentRight a strong  { font-size: 100%; }
.level1 #theSpot li             { margin-bottom: 1em; margin-right: 1em;}
.level1 #theSpot li a strong { font-size: 100%; line-height: 1; color: #074550; }
.level1 #theSpot li strong   { font-size: 100%; line-height: 1; color: #074550; }
.level1 #theSpot h3 { line-height: 1.1; font-size: 115%; padding-top: 10px }
.level1 #theSpot .floatMeLeft { margin-right: 16px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; width:100%;}
#eventsReg { float:left; list-style: none; list-style-position:outside; font-size: 1.0em; }
#theContentCenter #eventsReg li { float: left; list-style-type: none; }
#theContentCenter #eventsReg li dl { width: 420px; }
#eventsReg li.clearfix dl dt { margin: 0; padding: 0; float: left; width: 6em; text-align: left; clear:both; text-align: right; }
#eventsReg li.clearfix dl dd { margin: 0; padding: 0; float: right; width: 320px; }
#eventsReg li.clearfix dl dt, #eventsReg li.clearfix dl dd { margin-bottom: 10px; }

/* Generic Floats, not like the Macy's Day Parade. These go to 11. */
.floatMeLeft { float: left; margin-right: 1.0em; }
.floatMeRight { float: right; margin-left: 1.0em; }
img.centerMe { display: block; margin: auto;}
a.centerMe { text-align: center; }

/* Top corners and border via 456 or 123? */
.bt { height: 25px; margin: 0 0 0 18px;  }
.bt div { position:relative; left:-18px; width:18px; height:25px; font-size:0; line-height:0;  }
/* Bottom corners and border */
.bb { height: 24px; margin:0 0 0 12px;}
.bb div { position:relative; left:-12px; width:12px; height:24px; font-size:0; line-height:0;}
/* Left border */
.i1 { padding:0 0 0 12px }
/* Right border */
.i2 { padding:0 12px 0 0 }
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 { display:block; margin:0; padding:1px 10px; background:#fff; }
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.i3 { display: inline-block; }
.i3 { display: block; }

/* =LEFT NAV STYLING */
#theNavLeft { color: #0f5c6a; font-size: 100%; padding: 0; margin: 0 -10px 0 -14px; }
#theNavLeft li { padding: 0 0px 0 10px; margin: 0 0 12px 0px; }
#theNavLeft li.current-left-section ul.theSubNavLeft li.current-left-page { background-color: #dcdcdc; margin-left: -10px; }
#theNavLeft li ul.theSubNavLeft li { margin: 0 0 4px 0; text-indent: 0px; }
#theNavLeft li.current-left-section { background-color: #ededed; padding-top: 5px; padding-bottom: 1px; }
#theNavLeft li h2 { background: transparent; font-weight: normal; color: #0f5c6a; margin: 0; padding: 4px 0;  }
#theNavLeft li h3 { font-weight: normal; margin:  0 0 4px 0; text-indent: 0px; }
#theNavLeft li h3  { padding-left: 15px; background: transparent url(img/gui/arrowSide.gif) no-repeat 0 3px; }
#theNavLeft li.current-left-section h3 { background: transparent url(img/gui/downArrow.gif) no-repeat 0 3px; }
#theNavLeft li.current-left-section h3.nosubs { background: transparent url(img/gui/arrowSide.gif) no-repeat 0 3px; }
#theNavLeft li h2 { font-size: 100%; font-weight: bold; }
#theNavLeft li h3 { font-size: 100%; font-weight: bold; }

#theNavLeft a { text-decoration: none; }
#theNavLeft .theOverview {padding-top:5px; padding-bottom:1px;}
#theNavLeft .theSubNavLeft { margin-bottom: 10px; }

#theContentCenter ul ul,
#theContentCenter ul li { margin: 0; padding: 0; }
#theContentCenter ul ul { margin-bottom: 2em; }
#theContentCenter ul.extendedLead li { margin-left: 3px; margin-right: 20px; margin-bottom: 18px;}

.level3 #theContentCenter li.howNow { padding-top: 5px; padding-bottom: 10px; padding-left: 8px; background: #b5aa7f url(img/gui/thatThing.png) no-repeat left top; }
.level3 #theContentCenter li.howNow ul { margin-top: 20px; margin-left: 8px; }
.level3 #theContentCenter li.howNow ul li { margin-bottom: 8px; }
.level3 #theContentCenter ol li { list-style-type: decimal; list-style-position: inside; font-weight: bold; }
.level3 #theContentCenter ol li select,
.level3 #theContentCenter ol li input,
.level3 #theContentCenter ol li textarea { font-weight: normal; }
.level3 #theContentCenter ol { list-style-type: decimal; list-style-position: inside; }

/* FORMS STYLE STUFF */
body.level3 #theContentCenter form ol,
body.level3 #theContentCenter form ol li { margin: 0; list-style-type: none; }
form.cmxform fieldset { margin-bottom: 6px; border: none; width: 441px; padding-bottom: 12px; line-height: 1.2; text-indent: 2px; background: #ffffff; }
form.cmxform legend { padding: 0 7px 0px 7px; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
form.cmxform label { display: inline-block;  vertical-align: top; width: 130px; }
form.cmxform label.anInputCheck { width: auto; }
form.cmxform label.aBigOne  { margin-bottom: 1em; }
form.cmxform select,
form.cmxform input.anInputText { width: 260px; }
form.cmxform textarea { width: 90%; margin-bottom: 1em; }
form.cmxform p { padding: 0 0 1em 7px;}
form.cmxform ol { padding: 1em 0 0 0; margin: 0; }
form.cmxform li { padding: 0 0 1em 0; margin: 0; }
div#theContentCenter form.cmxform fieldset ol li ul li { background: none; padding: 0; }
form.cmxform li fieldset { border: none; margin: 3px 0 0 0; }
form.cmxform li fieldset legend { padding: 0 0 5px 0px; font-weight: normal; }
form.cmxform li fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; }
form.cmxform li fieldset label { margin-left: 123px; }
form.cmxform { width: 100%; }
form.p img { float: right; margin: 0 0 0 1em; }
form.cmxform fieldset ol li.aTotal strong { padding: 0 0 0 7.5em; margin: 0; line-height: 1; }
form.cmxform fieldset ol li.aNoteRight { padding: 0 0 0 10em; margin-top: 0; }
form.cmxform .sr { position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden; }
form.cmxform select.anAR,
form.cmxform input.anAR { width: 26%; }
form.cmxform dt { width: 5em; float: left; margin: 0 0 0 0; font-weight: bold; text-align: right; }
form.cmxform dd { margin-left: 6em; }
form.cmxform ol li label.aReqFi textarea { font-size: 1.0em; }
form.cmxform ol li textarea#aComit { font-size: 1.0em; width: 400px; }
form.cmxform ol li label.aReqFi { width: 150px; }
form.cmxform ol li label.aBigOne { width: 150px; }
#theContentCenter form.cmxform ol li { text-indent: 0px; list-style-position: outside; }
#theContentCenter form.cmxform p.aReqFi { margin: 0 0 16px 10px; padding:0; }

/*Specific to purchase forms*/
#aPrice { width: 4.0em; }
form.cmxform ol li.aTotal strong { margin-left: 26px !important; }
form.cmxform ol li input#aCVV { width: 4.0em; }

/* Dual Column Login Form */
form.duali { width: 50%; float: left; }
form.duali label { display: block; margin-top: 1em;}

form.duali select,
form.duali input.anInputText { width: 90%; padding:2px; font-weight:normal; border:1px solid #999999; }
form.duali .aSubmit { margin-top: 1em;}

form.duali fieldset legend { font-size:1.1em; text-transform:uppercase; padding:4px 0 6px 0px !important; margin:0px; text-indent:0; padding-left:0px; }
form.duali fieldset ol li label { margin:8px 0 0 0; padding:0;}
#theContentCenter form.duali fieldset ol, #theContentCenter form.duali fieldset ol li  { margin:0; padding:0; list-style-position:outside; }
form.duali fieldset ol li.aReqFi { font-size:0.9em; }

/* Form Defaults and Overrides */
textarea, input, button, select { border:1px solid #999999; padding: 2px 4px; }

#searchBoxHolder input.searchSubmit { padding:1px; }
fieldset legend { color: #333333; font-weight: bold; }
form.cmxform ol li label.anInputCheck input { border: none; }
form.duali ol li label.anInputCheck input { border: none; }
form.cmxform { text-indent:0px; padding-left: 0; margin-left: -10px; }

/* Events and Presentations pages */
#presTable { width:434px; }
#presTable td,
#presTable th { padding:4px; }
#presTable th { text-align:left; font-size:1.2em; border-bottom:1px solid #ededed; }
#presTable td.presLeft { width: 8.0em; text-align:right; padding-right:12px; font-weight:bold; vertical-align:top; }
#presTable tr.presTableBottom td { padding-bottom:20px; }

#eventsTable { border:none; width:434px; }
#eventsTable td { text-align:center; }
#eventsTable th { font-size:1.1em; text-align:left; padding-top:20px; border-bottom:1px solid #ededed;}
#eventsTable th a { text-decoration:none; }
#eventsTable tr td { padding-top:6px; }
#eventsTable td.eventsRight { text-align:left; padding-left:20px; }

#theContentCenter dl { font-size: 95%;}
#theContentCenter dt a { margin-left: 34px; display: block; }
#theContentCenter dt { padding: 20px 0 0 0; }
#theContentCenter dd { padding: 10px 0; margin-left: 34px; margin-bottom:20px; }

#theContainer ul.theBullet { margin-left: 5px; }
#theContainer ul.theBullet li { margin-left: 10px; margin-bottom: 2px; }
#theContainer ul.theBullet h3 { padding-left: 10px; margin: 20px 0 5px -10px; background-position: 0 7px; background-repeat: no-repeat; background-image: url(img/gui/maincontent.list.bullet.png); }
#theContainer h2 a { text-decoration:none; }

/* Bullets with Butterfly Wings - Generic for mass consumption */
#theContentCenter .withBullets li { padding-left: 10px; margin: 8px 0 5px 10px; background-position: 0 7px; background-repeat: no-repeat; background-image: url(img/gui/maincontent.list.bullet.png); }
#theContentCenter ul.withCloseBullets { margin-left:30px; }
#theContentCenter .withCloseBullets li { padding-left: 0px; margin: 2px 0 2px 20px; list-style-type: disc; }
#theContentCenter .noBulletList li { margin-bottom: 8px; }

#t-advisory-board { margin: 0px 0px 0px 0px; }
ul#t-advisory-board li { list-style-type: none; background-image: none; padding-left: 0; margin-bottom: 18px; }
ul#t-advisory-board li img { float:left; padding:4px; margin: 0 8px 2px 0; border: 1px solid #ededed; }
#theContentCenter ul#t-advisory-board li { margin-bottom: 20px; }

.level1 #theContentCenter { position: relative; }
.level1 #theContentCenter a.assessLink { position: absolute; top: 120px; left: 45px; width: 160px; height: 40px; text-indent: -9900px; display:block; background: transparent url(img/gui/index_banner.jpg) -26px -118px no-repeat;}
.level1 #theContentCenter a.productsLink { position: absolute; top: 166px; left: 775px; width: 126px; height: 20px; text-indent: -9900px; display:block; background: transparent url(img/gui/index_banner.jpg) -756px -166px no-repeat; }
.level1 #theContentCenter a.assessLink:hover { background-position: -26px -319px; }
.level1 #theContentCenter a.productsLink:hover { background-position: -756px -367px; }

#theContentCenter.pressRelease h1 { font-size:120%; text-indent:0px; }
#theContentCenter.pressRelease h2 { font-size:100%; margin-bottom:14px; }

/* Rob added: margin goes to 11 */
.level2 #theContentCenter h2 {margin-left:11px;}
#theContentCenter ul.theBulletOnMe li { padding-left: 10px; margin: 10px 0 10px 10px; background-position: 0px 7px; background-repeat: no-repeat; background-image: url(img/gui/maincontent.list.bullet.png); }
.level1 #theContentRight li ul.mainNewsList li { margin-top: 8px; }
.mainNewsList li img { float:right; margin-right:12px; }

/* If you seek, you will find, and it will not break the page */
iframe#search { width:900px; height:340px; margin: 0 auto 0 15px; }

body.image #theContainer { background-image: none; width:auto; }

/* Image only layout styles used for screenshot pages */
body.image #theContentCenter { width: auto; }
body.image { background-image: none; }
body.image #theContentCenter img { border:2px solid #ededed; }

/* Awards Page */
#theContentCenter #awardsList { width:420px; margin:0 auto; }
#theContentCenter #awardsList td { padding:10px 0px; }
#theContentCenter #awardsList td.awardImage { text-align:center; }

/* Contact Us / sales office list */
#theContentCenter #SalesOfficeList { align: left; border: none; width:440px; margin:0}
#theContentCenter #SalesOfficeList td { padding:15px 0px 0px 0px; vertical-align:top; }

/* ----------------------------------------
-------------- END MEDIA ALL---------------
-----------------------------------------*/

@media print {
body { background-color: transparent; margin: 0 !important; padding: 0 !important; width: 7in !important; color:black; }
#theNavTop, #theNavPrimary, .breadcrumbs, #cb, #cbb, #theContentRight, #theFooter p { display: none; }
#theContainer, #theHeader, #theWrapper, #theContentCenter, #theFooter { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; }
#theWrapper {margin-top:0px !important; padding-top:0px !important;}
#theHeader { height:44px; }
#theContentCenter h1 {padding:0 !important;margin:8px 0 14px 0px !important; text-indent:0px !important;}
#theContentCenter h2 {padding:0 !important;margin:6px 0px 10px 0 !important; text-indent:0px !important;}
#theHeader h1.logoTop, #theHeader h1.logoTop a { position: static !important; text-indent:0px; margin:0 !important; padding:0 !important; display:none !important; }
#theContentCenter * { margin-left:0 !important; text-indent:0px !important; padding-left:0px !important;}
#theHeader img.print-me-only { display:block; margin-bottom:10px; }
#theFooter p.print-me-too { display:block !important; text-align:center; }
}

table.table th {
    text-align: left;
}

table.table-hover tr.even {
    background-color: #dddddd;
}

table.defaultTable {
    background-color: white;
    border: 1px solid #50554f;
    width: 100%;
    border-collapse: collapse;
}
table.defaultTable th {
    background-image: url(img/table_background.png);
    background-repeat: repeat-x;
    background-color: #b0b6a8;
     border: 0;
    border-bottom: 1px solid #52554e;
    padding: 0 5px;
    text-align: left;
    vertical-align: text-bottom;
    margin: 0;
}
table.defaultTable td {
    border: 0;
    padding: 3px 5px 0 5px;
    text-align: left;
    vertical-align: text-top;
    margin: 0;
}

table.defaultTable th.selectColumn {
    text-align: center;
    padding: 0 5px;
}
table.defaultTable td.selectColumn {
    text-align: center;
    padding: 0 5px;
}
table.defaultTable tr.even {
    background-color: #dde8d8;
}

table.formTable th {
    border: 0;
    font-weight: bold;
    text-align: left;
    background-color: inherit;
    vertical-align: top;
}

table.formTable td {
    border: 0;
    padding-left: 10px;
    text-align: left;
    vertical-align: top;
}

.status {
    color: blue;
    font-weight: bold;
}

.error {
    color: red;
    font-weight: bold;
}

.to-upper {
    text-transform: uppercase;
}

#microfocuslogo { position: absolute; bottom: 80px; left: 40px; width: 100px}

/* ================================= GWT ================================= */

table.capabilities td {
    white-space: nowrap;
}

.gwt-DialogBox {
    border: 2px solid #C3D9FF;
    background-color: white;
}

.gwt-DialogBox .Caption {
    background-color: #C3D9FF;
    padding: 3px;
    margin: 2px;
    font-weight: bold;
    cursor: default;
}