BODY  {
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 11px;
  line-height : 140%;
  color : #222;
  background-color: #F6F5EE; /* #F5F4EC; */ /* #ECECE0; */
  background-image : url(images/background-top.gif);
  background-repeat: repeat-x;
  margin: 30px 20px 20px 20px;
  /* text-align: center; */ /* IE quirk only centering */
}

TD, TH, DIV  {  /*DIV for Opera*/
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 11px;
  background-color: #FFFFFF;
  line-height : 140%;
  vertical-align : top;
}
IMG.download {
  margin-top: 3px;
}
IMG.middle {
  vertical-align: middle;
}
P {
  margin-top: 10px; margin-bottom: 10px; line-height: 15px; text-align: justify;
}
P.list {
  margin-top: 2px; margin-bottom: 2px;
}
P.small {
  margin-top: 10px; margin-bottom: 10px; line-height: 15px; text-align: justify;
  font-size: 10px;
}
P.smallest {
  font-family : tahoma, arial, helvetica, sans-serif;
  margin-top: 10px; margin-bottom: 10px;
  font-size: 11px;
}
p.imgcaption {
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 2px 12px 12px 12px;
  /* font-style:italic; */
}

H2, H3 {
  font-family: arial, helvetica;
  /* font-family: "Century Gothic", arial, helvetica; */ /* like Futura! */
  font-size: 24px;
  font-weight: normal;
  color: #909070; /* #7E7949; */
  margin-top: 48px; /* 24px; */
  margin-bottom: 8px;
  padding-bottom: 2px;
  border-bottom: 1px solid #d2d0c6; /* #e0e0c0; */
}
H2 {
  font-size: 26px; 
  padding-bottom: 5px;
}
/* H2, H3 {
  font-family: "Palatino Linotype",Palatino,"Book Antiqua",serif;
  font-weight: 500;
  border: none;
  padding-bottom: 8px;
  font-size: 22pt;  
} */

H2.top {
  margin-top: 24px;
}
H2.sub {
  font-size: 17px;
}
H2.fat {
  font-family: Verdana;
  font-size: 19px;
  font-weight: bold;
  background-color: #F6F5EE;
  color: #8C8B78; /* #AFAE96; */
  margin: 12px 0 0 0;
  padding: 6px 0 6px 6px;
  border-top: 1px solid #e0e0d0; /* #e0e0c0; */
  border-bottom: 1px solid #e0e0d0; /* #e0e0c0; */
}
H2.fat2 {
  font-family: Verdana;
  font-size: 24px;
  font-weight: bold;
  color: #8C8B78; /* #AFAE96; */
  margin: 12px 0 0 0;
  padding: 6px 0 6px 0px;
}
H3 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 24px;
}
H4 {
  color: #909070;
  font-size: 11px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 8px;
}

DIV.backgrnd { /*for bloody netscape*/
  background-color: #ECECE0;
  width : 700px;
  margin-left: auto; margin-right: auto; /* FF only centering */
}
DIV.sidelabel {
  position: relative;
}
td.speechbulb, td.speechbulb3 {
  background-color: transparent;
  background-image: url(images/speechbulb1.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  color: #345;/*  #774422; */
  height: 192px;
  padding: 25px 30px;
}
td.speechbulb3 {
  background-image: url(images/speechbulb3.png);
  height: 208px;
  padding: 25px 45px 25px 30px;
}

DIV.noscript {
  padding: 12px;
  color: #222;
  background-color:#FF6;
  border: solid 4px #ff99ff;
}

TABLE.backgrnd {
  background-color: #ECECE0;
}
TD.backgrnd  {
  background-color: #ECECE0;
  height : 1px;
}

TABLE.nav {
  margin-bottom: 40px;
}

TABLE.cont {
  width: 100%;
  background-color: #FFFFFF;
  padding: 35px; /* = cellpadding */
  padding-top: 15px;
}

TD.topbar {
  background-color: #356C95; /* #2B618B; */
  /* display: none; */ /* 20100811 header stone */
}
TD.headpo  {
  background-color: #568CAB; /* #476D94; */
  text-align: right;
}
TD.headxy  {
  background-color: #B05217;
  text-align: right;
}

TD.frameleft  {
  /* background-color: #356C95; */ /* #99CD40; */ /* #9D9F3D; #61573B; #516B79; #384834; #334C55;*/
  background-image: url(images/backleft.gif);
  background-repeat: repeat-y;  
  width: 116px; /* 148px; */
  background-color: #588EAD; /* right most color of backleft.gif*/
  white-space: nowrap;
}
TD.frameright  {
  width: 582px; /* IE8 needs it! */
   /*unused: background-color: #BF7200; */
}
TD.cont {
  height: 270px; /* keep a minimal height even with little content */
}
TD.ticket  {
  border: 1px dotted #fff;
}
TD.ticketlo  {
  border: 1px dotted #fff;
  border-top: none;
}
TD.head  {
  background-color: #B05217;
}
TD.special  {
  background-color: #ECECE0;
  padding-left: 5px;
  width: 200px;
}

TD.nav, TD.navat  {
  color: #fff;
  background-color: transparent; /* #E1DFCF; */ /* #D3D0B9; */
  height: 22px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: hand; /* IE only */
  cursor: pointer;
  /* xxborder-bottom: 1px #ECECE0 solid; */
  /* background-image: url(images/bottomtile32.gif);
  background-repeat: repeat-x; */
}
TD.navat  {
  background-color: #89AAC2; /* #F6F5EE; */
}

TD.path  {
  font-weight: bold;
  background-color: #E1DFCF; /* #D3D0B9; */
  height : 10px;
  padding-top : 4px;
  padding-bottom : 4px;
}

TD.pathsub  {
  font-size: 10px;
  font-weight: bold;
  background-color: #F6F5EE;
  height : 10px;
  padding-top : 4px;
  padding-bottom : 4px;
}

.tabs {color:#333; padding:16px 0 0 20px;background:url('images/css/tab_back.gif') repeat-x bottom;height:29px;}
.tabswhite {padding:16px 0 0 20px;background:url('images/css/tab_backwhite.gif') repeat-x bottom;height:29px;}
.tab_l {background:url('images/css/tab_off_l.gif') no-repeat bottom;width:6px;height:29px;float:left;display:inline;}
.tab_l.on_l {background:url('images/css/tab_on_l.gif') no-repeat bottom;width:6px;height:29px;float:left;display:inline;}
.tab_r {background:url('images/css/tab_off_r.gif') no-repeat bottom right;width:auto;float:left;display:inline;padding:10px 14px 0 6px;height:19px;}
.tab_r.on_r {font-weight: bold;background:url('images/css/tab_on_r.gif') no-repeat bottom right;width:auto;}
.tab_r a, .tab_r a:link, .tab_r a:hover, .tab_r a:visited {color:#333;font-weight: normal;}

/* works but only on one half of the tab */
/* div.tab_l:hover {background:url('images/css/tab_on_l.gif') no-repeat bottom;}
div.tab_r:hover {background:url('images/css/tab_on_r.gif') no-repeat bottom right;width:auto;}
 */
 
/* green tabs: for home edition... naah
.tabg_l {color:#fff; background:url('images/css/tab_off_l-green2.gif') no-repeat bottom;width:6px;height:29px;float:left;display:inline;}
.tabg_l.on_l {color:#fff; background:url('images/css/tab_on_l-green2.gif') no-repeat bottom;width:6px;height:29px;float:left;display:inline;}
.tabg_r {color:#fff; background:url('images/css/tab_off_r-green2.gif') no-repeat bottom right;width:auto;float:left;display:inline;padding:10px 14px 0 6px;height:19px;}
.tabg_r.on_r {color:#fff; font-weight: bold;background:url('images/css/tab_on_r-green2.gif') no-repeat bottom right;width:auto;}
.tabg_r a, .tabg_r a:link, .tabg_r a:hover, .tabg_r a:visited {color:#fff;font-weight: normal;}
 */
 
TD.graytop {
  background-color: #F6F5EE;
  padding : 12px 12px 0 12px;
  font-size: 10px;
}
TD.graybottom {
  background-color: #F6F5EE;
  padding : 12px;
  font-size: 10px;
}

/* shots */
table.shot {
  margin-bottom: 40px;
}
td.shotback, td.shotbackfooter {
  background-image: url(images/shotback-sh2.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 20px 20px 0px 20px;
}
td.shotbackfooter {
  background-image: url(images/shotback-shf2.png);
}
td.shottext {
  padding: 10px 20px 0 40px;
  text-align: justify;
}


TD.award {
  width : 200px;
  height : 60px;
  text-align : center;
  padding: 25px 0 0 0;
}
TD.awardtext {
  text-align : left;
  padding: 25px 0 0 15px;
}

TD.quote {
  font-family: 'Times New Roman', Times, serif;
  font-size: 12px;
  padding-left: 120px;
  color: #9C3163;
  text-align: justify;
}
TD.quotesmall {
  font-size: 11px;
  padding-left: 32px;
  padding-right: 60px;
  text-align: justify;
}

TD.copy  {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #f1f1f1;
  background-color: #2B618B; /* transparent; */ /* #ECECE0; */
  
  background-image: url(images/foot-bluebar.gif);
  background-repeat: no-repeat;
  /* background-image: url(images/bottomtile32.gif);
  background-repeat: repeat-x; */
  background-position: 0px 0px;
  
  font-size: 9px;
  /* letter-spacing : 1px; */
  padding : 4px 8px 4px 8px;
  font-weight : normal;
  text-align : right;
  line-height: 10px;
  /* height: 20px; */ /* some extra space */
}

TD.low  {
  background-color: #516351;
}

TD.grayline  {
  border-bottom : 1px solid #D3D0B9;
  padding:0px;
}

TD.thumb {
  width: 170px;
  padding: 8px 0 20px 0;
  border-top: 1px solid #F0F0E8; /* #D3D0B9; */
}
TD.thumbtext {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  line-height: 140%;
  padding: 2px 6px 20px 6px;
  border-top: 1px solid #F0F0E8; /* #D3D0B9; */
}

table.green {
  background-color: #FFF;
  border: 1px solid #D3D0B9;
  margin-top: 12px;
  width: 100%;
}
td.green {
  color : #FFF;
  background-color: #66818A; /* #ACAC80; */ /* #99CD40; */
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px 10px 10px;
  text-align: left;
  width: 70px;
}
td.grey {
  background-color: #F6F5EE;
  font-size: 10px;
  padding: 4px 10px 4px 10px;
}
td.greytext {
  background-color: #F6F5EE;
  font-size: 10px;
  padding: 12px 10px 4px 10px;
}
td.greyarrow {
  background-image: url(images/listlinktrans.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  background-color: #F6F5EE;
  font-size: 10px;
  padding: 4px 10px 4px 30px;
}

/* licenses */
td.license {
  color : #FFF;
  background-color: #447A9F;
  font-family: arial, helvetica;
  letter-spacing: 1px;
  /* font-variant: small-caps; */
  font-size: 18px;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
}
span.price {
  font-size: 11px;
  font-weight: bold;
  color: #FF6A00;
}
span.pricecol {
  color: #FF6A00;
}
/* purchase licenses */
table.licS, table.licL, table.licH {
  background-color : #FFF;
  margin-top: 12px;
  width: 100%;

  background-image: url(images/lic-2009-SL.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 270px;
}
table.licL {
  background-image: url(images/lic-2009-LL.gif);
}
table.licH {
  background-image: url(images/lic-2009-HL.gif);
}
td.lic {
  background-color: transparent;
  padding-left: 37px;
  padding-top: 82px;
}
div.lic {
  font-size: 10px;
  line-height: 14px;
  padding-right: 80px;
  background-color: transparent;
}
td.trans {
  background-color: transparent;
}


span.orange {
  color : #FFB000;
}
span.grey {
  color : #999;
}
P.smallindent {
  margin: 2px 0px 2px 10px;
}

/* soft box on index */
table.box {
  margin-top: 16px;
  margin-bottom: 16px;
}
td.box, td.boxcorner {
  background-color: #F6F5EE;
}
td.boxcorner {
  width: 8px;
}

td.boxgreentop, td.boxgreenbottom {
  background-image: url(images/greenfieldtop.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 16px;
}
td.boxgreenbottom {
  background-image: url(images/greenfieldbottom.gif);
}
td.boxgreenmid {
  background-image: url(images/greenfieldmid.gif);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  color: white;
  padding: 4px 24px 4px 24px;
  font-family: Verdana;
  font-size: 13px;
  line-height: 22px;
}
span.ebig {
  font-family: "Trebuchet MS", "Arial";
  font-size: 32px;
  letter-spacing: 1px;
}

div.boxyell {
  background-color: #FFFFCC;
  border: 4px dashed #FFFF00;
  padding: 12px;
  margin: 12px;
}
div.report {
  background-color: #F7F7F7;
  border: 1px dashed #DDD;
  padding: 12px;
  white-space: pre;
}

span.script {
  font-family: "Courier New";
  color: #993300;
  background-color: #F6F3C9;
  font-size: 12px;
  padding: 0 4px 0 4px;
  border-top: solid 1px #DDDDAA;
  border-bottom: solid 1px #DDDDAA;
}
span.pfa {
  font-family: "Courier New";
  background-color: #F6F5EE;
  font-size: 12px;
  padding: 0 4px 0 4px;
  border: solid 1px #ECECE0;
}
span.edit {
  font-family: "Verdana";
  color: #4F6D79;
  background-color: #FFF;
  padding: 1px 6px 1px 6px;
  border: solid 1px #7F9DB9;
}
/* 20091003: PRE is better for copy/paste */
PRE {
  line-height : 140%;
}
div.script, div.scriptalone, pre.script, pre.scriptalone, div.search {
  font-family: "Courier New";
  font-size: 12px;
  white-space: pre;  /* pre-wrap only for IE7 */
  text-align: left;
  color: #993300;
  background-color: #F6F3C9; /* #eec; */
  padding: 4px 8px 4px 8px;
  margin: 8px 0px 0px 0px;
  border-top: 1px solid #dda;
}
div.scriptalone, pre.scriptalone {
  border-bottom: 1px solid #dda;
}
div.scriptnotes {
  font-family: Verdana;
  font-size: 11px;
  white-space: normal;
  text-align: left;
  background-color: #D6E8F7; /* #C3ECFF; */
  padding: 4px 8px 4px 8px;
  margin: 1px 0px 4px 0px;
  border-bottom: 1px solid #bcd;
}
/* make PRE for better copying (was DIV) */
pre.search {
  font-family: "Courier New";
  font-size: 12px;
  white-space: pre;  /* pre-wrap only for IE7 */
  text-align: left;
  color: #222;
  background-color: #F4F4DD;
  padding: 4px 8px 4px 8px;
  margin: 8px 0px 0px 0px;
  border-top: 1px solid #ddb;
}
/* make PRE for better copying (was DIV) */
pre.greypre {
  font-family: "Courier New";
  font-size: 12px;
  white-space: pre;  /* pre-wrap only for IE7 */
  text-align: left;
  background-color: #eee;
  padding: 4px 8px 4px 8px;
  margin: 8px 0px 0px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

LI {
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 11px;
  margin-bottom : 16px;
  text-align: justify;
  list-style-type: none;
}
LI.box {
	list-style-type: none; /* url(images/liststar.gif); */
	font-size: 100%;
	background-color: #F6F5EE;
	padding: 8px;
	border: 1px solid #D3D0B9;
	list-style-position : outside;
}
.boxgrey {
  font-size: 80%; background-color: #F6F5EE; padding: 2px 4px 2px 4px; border: 1px solid #D3D0B9;
}

.liststar,.listtick,.listtickgreen,.listwn,.listgrey,.listpink,.listlink,.listdot {
  background-image: url(images/goldenstar.png); /* liststar.gif */
  background-position: 0px 4px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 3px 44px 2px 32px; /* 4px ... */
  text-align: left; /* justify; */
}
.listtick {
  background-image: url(images/whatsnew.gif);
}
.listtickgreen {
  background-image: url(images/tickwhite.gif);
  padding: 3px 44px 2px 24px; /* 4px ... */
}
.listlink {
  background-image: url(images/listlink.gif);
}
.listdot {
  background-image: url(images/listdot.gif);
  padding: 3px 8px 2px 24px;
}
.liststar {
  padding-bottom: 6px;
}
.listwn { /*whatsnew*/
  background-image: url(images/whatsnew.gif);
  padding-bottom: 12px;
  text-align: justify; /* 20090831 */
}
.listgrey {
  background-image: url(images/blue-bullet-on-grey.gif);
  margin-left: 8px; /* bullet */
  padding: 3px 10px 2px 32px; /* text */
}
.listpink {
  background-image: url(images/pink-bullet-on-grey.gif);
  padding: 3px 0 2px 32px;
}
.liststar2, .listtickpro { /*product, promote*/
  background-image: url(images/liststar.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;
  padding-left: 44px;
  padding-right: 32px;
  padding-top: 3px; /* FF needs 4px; */
  padding-bottom: 12px;
  text-align: left;
  /* background: transparent; */
}
.listtickpro {
  background-image: url(images/whatsnew.gif);
}
.listshots { /*screenshots*/
  /* 20090222: background-image: url(images/listlink.gif); */
  background-position: 0px 4px;
  background-repeat: no-repeat;
  padding: 2px 0 2px 32px;
  text-align: left;
  font-size: 11px;
}

div.grad { /*features*/
  background-image: url(images/featuregrad.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  margin-top: 24px;
  /* full frame */
  border: 1px solid #AED1E9;
  padding: 6px 8px 10px 12px;
}
H2.grad {
  font-family: arial, helvetica;
  font-size: 16px;
  font-weight: bold;
  color: #669AC1;
  margin-top: 0px;
  padding-top: 8px;
  border: none;
}
p.link {
  background-image: url(images/link.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
p.info {
  background-image: url(images/info.png);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-color:#ffccff;
  border: solid 1px #DCB0DC;
  padding: 8px 8px 8px 60px;
}

H2.gradOLD {
  font-family: arial, helvetica;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0px;
  padding: 10px 0 6px 0;
  border: none;
}

.smaller {
  font-size: 90%;
}

TT  {
  color : #354E4F;
  font-size : 11px;
}
/* -- highlights ------------------------------------------------------------ */
/* class="nobr highlight" */
.nobr { white-space: nowrap; }
.highlight, .lowlight, .prolight, .round, .code
{
	margin: -2px;
	padding: 2px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.highlight { background-color: #ffff66; }
.lowlight { background-color: #555; color: #fff; }
.prolight { font-size: 80%; background-color: #E6F2FA; color: #0080FF; }
.code {
  font-family: Courier New;
  background-color: #E6F2FA;
  color: #004080;
}
P.highbox {
  background-color: #CF9F49;
  color: #fff;
  padding: 12px 24px;
  margin: 4px 4px 4px 32px;
}

/* 
.hilite2 {
  color: #ffffff;
  background-color: #ff9900;
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  border: 1px solid #ff9900;
}
.hilite {
  font-size: 80%;
  background-color: #ffff00;
  color: #000000;
  padding: 0px 4px 0px 4px;
}
 */

/* -- links ------------------------------------------------------------ */
/* visited: #309030, #4B768A */
A:link    {color:#0086C3; font-weight:bold; text-decoration:none;}
A:visited {color:#4B768A; font-weight:bold; text-decoration:none;}
A:active  {color:#409060; font-weight:bold; text-decoration:none;}
A:hover   {color:#0086C3; font-weight:bold; text-decoration:underline;}

A.lite:link    {color:#222; font-weight:normal; border-bottom:1px dotted #222;}
A.lite:visited {color:#222; font-weight:normal; border-bottom:1px dotted #222;}
A.lite:active  {color:#222; font-weight:normal; border-bottom:1px dotted #222;}
A.lite:hover   {color:#0086C3; font-weight:normal; border-bottom:1px dotted #0086C3; text-decoration:none;}

A.liteb:link    {color:#0086C3; font-weight:normal; border-bottom:1px dotted #0086C3;}
A.liteb:visited {color:#4B768A; font-weight:normal; border-bottom:1px dotted #4B768A;}
A.liteb:active  {color:#409060; font-weight:normal; border-bottom:1px dotted #409060;}
A.liteb:hover   {color:#0086C3; font-weight:normal; border-bottom:1px dotted #0086C3; text-decoration:none;}

/* A.lite:link    {color:#0086C3; font-weight:normal; text-decoration:none;}
A.lite:visited {color:#4B768A; font-weight:normal; text-decoration:none;}
A.lite:active  {color:#409060; font-weight:normal; text-decoration:none;}
A.lite:hover   {color:#0086C3; font-weight:normal; text-decoration:underline;} */

/* A.sub:link    {color:#000000; text-decoration:none;}
A.sub:visited {color:#000000; text-decoration:none;}
A.sub:active  {color:#000000; text-decoration:none;}
A.sub:hover   {color:#0086C3; text-decoration:underline;} */

A.red:link    {color:#C00000; text-decoration:none;}
A.red:visited {color:#C00000; text-decoration:none;}
A.red:active  {color:#C00000; text-decoration:none;}
A.red:hover   {color:#C00000; text-decoration:underline;}

A.nav:visited, A.nav:link, A.nav:hover, A.nav:active {
  color:#fff; text-decoration:none;
}
A.navat:visited, A.navat:link, A.navat:hover, A.navat:active {
  color: #fff; text-decoration:none;
}
A.local:visited, A.local:link, A.local:hover, A.local:active {
  color:#475E63; text-decoration:none;
  font-size : 10px;
  padding-left : 8px;
}
