body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
    background: #FFF url(images/global/background.gif) repeat-x top;
}

#pagecontainer {
    position:relative;
    margin: 0px auto;
    text-align: left;
    background-color: #FFF;
    padding: 5px;
    width: 750px;
}

h1, h2 {
    position: relative;
    font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;
    font-weight: normal;
    color: #6D9275;
}
.h1, .h2 {
    position: relative;
    font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;
    font-weight: normal;
    color: #6D9275;
}

h1                              { font-size:26px; margin: -8px 0 24px 0 }
h2                              { font-size:18px; margin: 0 0 24px 0 }
h3                              { font-size:13px; margin: 30px 0 15px 0 }
h4                              { font-size:1em;  margin: 0 }
.h1                              { font-size:26px; margin: -8px 0 24px 0 }
.h2                              { font-size:18px; margin: 0 0 24px 0 }
.h3                              { font-size:13px; font-weight:bold; margin: 30px 0 15px 0 }
.h4                              { font-size:1em;  font-weight:bold; margin: 0 }
p                               { margin: 1.4em 0 1.4em 0; }
form                            { padding: 0; margin: 0; }
img                             { border: 0; }
pre.code                        { font:11px monospace; border:1px solid #DED; padding:6px; margin:0 10px }
code                            { font-size: 11px; }
a                               { color: #066; }
ul                              { margin: 0; padding:0; list-style: none; }
ol li                           { margin: 0 0 18px 0; }
input[type="text"], textarea    { width:100% }
table                           { width:100% }
td, th                          { vertical-align:top }

.clearleft                      { clear: left; float: left; }
.clearright                     { clear: right; float: right; }
.left                           { float: left; }
.right                          { float: right; }
.clear                          { clear: both; font-size: 1px; }
.small                          { font-size:0.85em }
.newbox                         { background-color:#066; color:white; padding:0px 1px }

.invert, .licensestructure th, .productbox h3, .productbox .h3 {
    background-color:#90AA8C; color:#FFF; padding:2px 4px; margin-top:0px; margin-bottom:0px
}

.example                { margin-top:2em; font-size:0.9em }
.example p              { margin-top:4px }
.homeproduct            { position:relative; padding-left:50px; margin-bottom:2em }
.homeproduct p.h2       { margin: 0 }
.homeproduct p          { margin: 1em 0 0 0 }
.homeproduct ul         { margin: 0 }
.homeproduct img        { position:absolute; left:-60px; top:0 }
#homedownloadicon       { float:left; margin-right:8px; margin-bottom:8px }

.faqcontents            { margin:2em 0 }
.faqcontents div        { padding-left:70px; padding-bottom:0.25em; margin-bottom:0.25em; border-bottom:1px dotted #EFE }
.faqcontents div.g    { background:url("images/faq-g__.png") no-repeat }
.faqcontents div.p    { background:url("images/faq-_p_.png") no-repeat }
.faqcontents div.gp    { background:url("images/faq-gp_.png") no-repeat }
.faqcontents div.r    { background:url("images/faq-__r.png") no-repeat }
.faqcontents div.gr    { background:url("images/faq-g_r.png") no-repeat }
.faqcontents div.pr    { background:url("images/faq-_pr.png") no-repeat }
.faqcontents div.gpr    { background:url("images/faq-gpr.png") no-repeat }
.example img            { float:left; width:150px; margin:6px 40px 16px 0; }

.gapabove               { margin-top:32px; }
.nothingabove           { margin-top:0; }

.lineabove, .reference, .faqquestion {
    background: url("images/global/dots_horizontal.gif") repeat-x top;
    margin: 18px 0 14px 0;
    padding-top: 14px;
}

.quote > div {
  background:url("images/quoteclose.png") right bottom no-repeat;
  text-align:left;
  padding-right:20px;
}

.quote {
  background:url("images/quoteopen.png") no-repeat;
  font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;
  font-size: 15px;
  color: #777;
  color: #6D9275;
  padding-left:20px;
  line-height: 18px;
}

.quotecaption {
  color: #666;
  padding-left: 10px;      
  text-indent:10px;
}

.notebox, #saleitemtable {
    padding:0;
    margin:1.5em 0;
    background-color:#90AA8C;
}

.notebox .h4 {
     color:white;
     margin:0;
     padding:2px 4px;
}

.notebox ul, #saleitemtablebody {
    background-color: #E5EBE4;
    padding:6px;
    margin:0;
}

.saleprice      { float:right; color: #6D9275; font-weight:bold }

.source { 
    text-align:left;
    font:9pt monospace;
    padding:4pt;
    border:thin solid gray; 
    white-space:pre-wrap;
}

img.client      { padding:3px }

.productimagesmall {
  width:23px;
  height:23px;
}

.reseller {
    background: url("images/global/dots_horizontal.gif") repeat-x bottom;
    margin: 14px 0 18px 0;
    padding-bottom: 14px;
}

.reseller img {
    float:right; margin-left:16px; margin-bottom:8px
}

.reference img.right {
    float:right; margin-left:16px; margin-bottom:8px
}

.reference img.clearright, .reference img.clearleft {
    padding:4px
}

.reference .product {
  font-style: italic;
  font-size: 60%;
  float: right;
}

.productbox {
  background: url("images/global/dots_horizontal.gif") repeat-x bottom;
  margin:24px 0;
}

.productbox p {
  font-size:0.85em;
}

.productbox img {
  float:left; width:123px; height:123px; margin:8px 0 16px 0;
}

.productbox .right {
  float:right; width: 261px;
}

#breadcrumb     { font-size: 0.85em; color: #666; margin: 7px 0 0 5px; }
#breadcrumb a   { color: #666; } 

#footer {
    font-size: 0.85em;
    color:#999;
    border-top: 1px #999 solid;
    padding: 7px;
    margin-top: 40px;
    text-align: center;
}

#footer a {
    color: #999;
}

/*---------------------------- Custom styles --------------------------*/

img.phone {
    padding-right:20px;
}

.licensestructure td, .licensestructure th {
    border:1px solid gray; padding:4px; font-size:0.85em
}

.licensestructure table td {
    border:none
}


table#comparison {
        border: 1px solid black;
        border-spacing:0px;
}

table#comparison th {
        background:url("images/global/dots_vertical.gif") repeat-y left;
        font-size:9px;
        font-weight: normal;
        text-align:left;
        border:none;
        border-bottom:1px solid black;
        vertical-align:top;
        white-space:nowrap;
        margin:0px; padding:3px;
}

table#comparison td {
        background:url("images/global/dots_vertical.gif") repeat-y left;
        font-size:9px;
        text-align:center;
        margin:0px;
        border:none;
}

table#comparison .first {
    background:none;
    width:100%;
    text-align:left;
    padding:6px; 
}

p#comparisoncaption {
    font-size:8px;
    padding-left:30px;
    padding-right:30px;
    margin-top:0px;
}

#graphexamples          { height:102px; width:100%; overflow:auto; position:relative; margin:8px 0 }
#graphexamples table    { position:absolute; }
#graphexamples img      { padding:4px 0; }

table.salepersontable                           { font-size:0.85em }
table.salepersontable input[type='text']        { width:200px }
table.salepersontable select                    { width:200px }
table.salepersontable .required                 { background:url(images/redstar.png) no-repeat right; }

table.border            { border:1px solid black }
/*----------- Lists  -----------*/

ul.greybullet li  {
  margin: 0 0 6px 0;
  background: url(images/global/bullet_grey_circle.gif) no-repeat 2px 6px;
  padding: 0 0 0 12px;
}

ul.greysquarebullet li {
  margin: 0 0 18px 0;
  background: url(images/global/bullet_grey_square.gif) no-repeat 2px 8px;
  padding: 0 0 0 12px;
}

ul.greenarrow li {
  margin: 0.5em 0;
  background: url(images/global/green_arrow.gif) no-repeat 0px 4px;
  padding: 0 0 0 11px;
}

ul.greysmallbullet li, .notebox li {
  margin: 0.5em 0;
  background: url(images/global/bullet_grey_square_small.gif) no-repeat 0px 0.5em;
  padding: 0 0 0 8px;
}

ul.orangearrow li {
  padding-left: 20px;
  background: url("images/global/bullet_download.gif") no-repeat 0px 3px;
}

ul.expanded {
  margin-bottom:2em;
}

ul.expanded li {
  margin:1em 0;
}

ul.compact li   { margin-bottom: 0; } 

/*----------- ColumnContainers -----------*/

#mainsidecolumncontainer {
  width: 690px;
  margin: 40px 0 0 27px;
  background: url("images/global/dots_vertical.gif") repeat-y 488px 0px;
}
#mainsidecolumncontainer #leftcolumn  { float: left; width: 460px; }
#mainsidecolumncontainer #rightcolumn { float: right; font-size: 0.85em; width: 179px; }

#evencolumncontainer {
  background: url(images/global/dots_vertical.gif) repeat-y center;
  width: 690px;
  margin-left: 22px;
  font-size:0.85em; 
}
#evencolumncontainer #rightcolumn     { float:right; width: 315px; }
#evencolumncontainer #leftcolumn      { float:left;  width: 318px; }

#singlecolumncontainer {
  width: 690px;
  margin: 40px 0 0 27px;
}

/*-------------------------------------------------------------------------*/
/*-----------                     Top Nav                       -----------*/
/*-------------------------------------------------------------------------*/

#TopNav {
  background: url(images/global/banner_main.jpg) no-repeat top left;
  padding: 118px 0 24px 0;
}

#Home #TopNav {
  background: url(images/global/banner_home.jpg) no-repeat top left;
  padding: 176px 0 27px 0;
}

#TopNav ul {
  background-color:#000;
  list-style: none;
  margin:0;
  padding:0;
  height: 21px; /*note: specifying any height makes the ul pick up the height of it's contents, except NN6*/
}

#TopNav ul li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

#TopNav ul li a, #TopNav ul li span  {
  float: left;
  padding: 4px 15px;
  text-decoration: none;
  color: #FFF;
  background: url(images/global/TopNav_divider.gif) no-repeat right center;
}

#TopNav ul li.Last a, #TopNav ul li.Last span {
  background: none;
}


#TopNav ul li a:hover, #TopNav ul li span.herenow  {
  background: none;
  background-color: #E5EBE4;
  /*the next two definitions make the nav element cover the border of the one on the right*/
  padding-left: 16px;
  margin-left: -1px;
  color: #000;
}

#TopNav #Logo    { display:none; }

#TopNav #rssli   { float:right; padding: 0; background:none; margin:0 }
#TopNav #rssli a { padding: 3px 3px 0 0; margin:0; background:none }

.ReportGenerator #TopNav {
  background: url(images/global/banner_report_generator.jpg) no-repeat top left;
}
.GraphLibrary #TopNav {
  background: url(images/global/banner_graph_library.jpg) no-repeat top left;
}
.PDFLibrary #TopNav {
  background: url(images/global/banner_PDF_library.jpg) no-repeat top left;
}
.PDFViewer #TopNav {
  background: url(images/global/banner_PDF_viewer.jpg) no-repeat top left;
}

.DropDown {
  top: 145px;
  position: absolute;
  visibility: hidden; 
  background-color:#000;
  color: #fff;
  z-index: 99;
  /*width: 150px;*/
}

#Home .DropDown {
  top: 203px;
}

.DropDown ul {
  margin:0;
  padding: 0;
  list-style: none;
}

.DropDown ul li {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 11px;
  background-color: #000;
}

.DropDown a, .DropDown span {    
  padding: 4px 15px;
  margin: 0;
  color: #fff;
  text-decoration:none;
  width: auto;
  display: block;
}

.DropDown a:hover, .DropDown span {
  color: #000;
  text-decoration:none;
  background-color: #E5EBE4;
}

#langselect {
    position: absolute;
    right:10px;
    top:11px;
    width:62px;
    height:140px;
}

#langselect a {
    width:62px;
    height:19px;
    display:block;
    text-decoration:none;
    margin:0;
    padding:0;
}

#langselect_fr          { background:url(/images/lang/fr0.png) }
#langselect_es          { background:url(/images/lang/es0.png) }
#langselect_pt          { background:url(/images/lang/pt0.png) }
#langselect_hi          { background:url(/images/lang/hi0.png) }
#langselect_ja          { background:url(/images/lang/ja0.png) }
#langselect_zs          { background:url(/images/lang/zs0.png) }
#langselect_zt          { background:url(/images/lang/zt0.png) }
#langselect_ko          { background:url(/images/lang/ko0.png) }
#langselect_fr:hover    { background:url(/images/lang/fr1.png) }
#langselect_es:hover    { background:url(/images/lang/es1.png) }
#langselect_pt:hover    { background:url(/images/lang/pt1.png) }
#langselect_hi:hover    { background:url(/images/lang/hi1.png) }
#langselect_ja:hover    { background:url(/images/lang/ja1.png) }
#langselect_zs:hover    { background:url(/images/lang/zs1.png) }
#langselect_zt:hover    { background:url(/images/lang/zt1.png) }
#langselect_ko:hover    { background:url(/images/lang/ko1.png) }
#searchcontrol          { width:300px; position:relative; left:10px; top:2px }
.gsc-branding           { display:none }
.gsc-clear-button       { position:absolute; right:10px; top:3px } 
.gsc-search-button           { display:none }
.gsc-wrapper            { position:absolute; width: 730px; border:none }
.gsc-tabsArea           { display: none }
.gsc-resultsbox-visible { margin:10px; border:1px solid gray; padding:10px }


.popup {
	display: block;
	position: absolute;
	z-index: 5000;
	top: 50px;
	left: 25%;
	right: 25%;
	border: 5px solid #97AF93;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.5);
	background: white;
	padding: 10px;
}

.hidden {
    display: none;
}