body {
	background-color: #A15514;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/*
 * Based on: http://www.greywyvern.com/code/min-height-hack.html
 */
.propTop {
    float:right;
    width:1px;
}
.propBottom {
    clear:both;
    height:1px;
    overflow:hidden;
}
.minSupportingText {
    height:455px;   /* this is the height of rootback.gif */
    width:1px;
}
#summary {
  position:relative;
  top:10px;
  left:5px;
  width:100px;
  font-size:12px;
  color:#ffffff;
  text-align:left;
  font-weight:bold;
  white-space:nowrap;
}
#summary span {
  white-space:nowrap;
  margin:0;
}
#summary h1, #summary h2 {
  font-size:12px;
  color:#ffffff;
  text-align:left;
  font-weight:bold;
  white-space:nowrap;
  margin:0;
  padding:0;
}
#supportingText {
  margin-left:4px;
  text-align:left;
  padding-bottom:5px;
  width:618px;
  /*border: 1px solid yellow;*/
  /* height:455px; see min-height hack above */
  background-image: url(/images/rootback.gif);
  background-position: center;
  background-repeat:no-repeat;
}
#supportingText p {
  margin: 1em 1em 0 0;
  padding-left:2px;
  font-size:12px;
}
#supportingText ul {
    margin-left: 4px;
    margin-bottom: -1em;
	padding:6px 10px;
	list-style: disc outside;
	position: relative;
    top: -1em;
    /*border: 1px solid yellow;*/
}
#supportingText .indent {
    margin-left: 2em;
}
#supportingText ol {
    margin-bottom: -1em;
    margin-left: 4px;
	padding:6px 10px;
	/*line-height: 150%;*/
	position: relative;
    top: -1em;
}
#supportingText li {
/*	margin:0;*/
	padding:6px 10px;
    font-size:12px;
}
#supportingText dt {
    font-size:14px;
}
#supportingText dd {
	padding:6px 10px;
    font-size:12px;
}
#supportingText img {
  margin:0;
  padding:5px 5px;
}
#supportingText a {
  font-style:italic;
}
#supportingText a.aname {
  font-style:normal;
}
#supportingText a.fmdoc {
  font-style:normal;
}
#supportingText table.advert {
    width:610px;
    margin:0;
    padding:0;
    /*border:1px solid blue;*/
}
#supportingText table.advert td {
    margin:0;
    padding:0;
    /*border:1px solid yellow;*/
}
#supportingText .heading {
	width:610px;
}
#supportingText .shortheading {
	width:480px;
}
div.searchhead {
	background-image: url(/images/searchhead.gif);
    background-repeat:no-repeat;
	width:622px;
	height:24px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
#pagename {
    font-weight: normal;
    font-size: 20px;
	color:#69380E;
    padding:0;
    margin-top:0;
    margin-bottom:0;
	margin-left:2px;
	margin-right:2px;
    white-space: nowrap;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}

#search {
	/*padding-left:280px;*/
	font-size: 12px;
	color: white; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contentdivider {
	margin:20px;
}
.shortheading {
	background-image: url(/images/heading.gif);
	background-repeat:no-repeat;
	width:490px;
	height:24px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	margin: 15px 0px;
}
.shortheading h1 {
    font-size: 16px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.shortheading h2 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.shortheading h3 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.shortheading h4 {
    font-size: 10px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.heading {
	background-image: url(/images/heading.gif);
	background-repeat:no-repeat;
	width:619px;
	height:24px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	margin: 15px 0px;
}
.heading h1 {
    font-size: 16px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.heading h2 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.heading h3 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.heading h4 {
    font-size: 10px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.longheading {
	background-image: url(/images/heading.gif);
	background-repeat:repeat-y;
	width:619px;
	height:36px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	margin: 15px 0px;
}
.longheading h1 {
    font-size: 16px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.longheading h2 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.longheading h3 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
.longheading h4 {
    font-size: 10px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
#footer {
  text-align:left;
  margin:10px;
  color:white;
  font-size:10px;
  font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}
#footer a {
  color:white;
}
#footer a:hover {
  background:white;
  color:#A15514;
}
.smallfont {
	font-size: 8pt;
}
div.indent1 {
   padding-left: 1em;
   width: 95%;
}

.indent1heading {
	background-image: url(/images/heading.gif);
	background-repeat:no-repeat;
	width:600px;
	height:24px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	margin: 15px 0px;
}

.indent1heading h3 {
    font-size: 12px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}

.indent1heading h4 {
    font-size: 10px;
	color:white;
	margin:3px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
}

div.indent2 {
   padding-left: 2em;
   width: 90%;
}

#staticmenu {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
}

.menubar {
	color: #A15514;
}

.oborder {
	color: #A15514;
	background-color: white
}
.iborder {
	color: black;
	background-color: #ffffff;
}
.emphasize {
	font-weight: bold;
	color: black;
	font-style: italic;
}
#supportingText div.custpraise {
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 1px solid gray;
    margin-left: 7px;
    margin-right: 7px;
}

#supportingText p.custpraise {
    margin: 2px;
    padding: 2px;
    font-size: 0.9em;
	font-style: italic;
	font-family: "Times New Roman", Roman, serif;
}
#supportingText p.customername {
    font-size: 0.9em;
    margin: 2px;
    padding: 2px;
	font-style: normal;
	font-family: "Times New Roman", Roman, serif;
    font-weight: bold;
    text-align: right;
}
.custquote {
	font-style: italic;
	font-family: serif;
	background-color: #ffff99;
	text-align: center;
}
.custquoteimg {
	color: black;
	font-style: italic;
	font-family: serif;
	text-align: center;
}
th.pricing, td.pricing {
    border: #A15514 1px solid;
    vertical-align: middle;
}
p.pricing {
    padding-top: 0;
    padding-bottom: 1em;
}
tr.pricing {
    border: #A15514 1px solid;
    vertical-align: middle;
}
table.pricing {
    border: #A15514 1px solid;
}
table.quote {
	font-size: 8pt;
	width: 98%;
	text-align: left;
}
img.quote {
	float: right;
}
table.rightimg {
	font-size: 8pt;
	width: 98%;
	color: black;
	text-align: left;
}
img.rightimg {
	float: right;
}
.menu {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
}
.menu a:link a:visited {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
	text-decoration: none;
}
.menu a:hover {
	color: blue;
	background-color: #A15514;
	text-decoration: underline;
}
.staticmenuitem {
	font-size: 8pt;
}
.staticmenu {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
	text-decoration: none;
}
.staticmenu a:link a:visited {
	font-size: 8pt;
	color: white;
	white-space: nowrap;
	text-decoration: none;
}
.staticmenu:hover {
	color: blue;
	background-color: #cccccc;
	text-decoration: underline;
}
.staticmenuactive {
	font-size: 8pt;
    color: #A15514;
	white-space: nowrap;
	text-decoration: none;
}
.staticmenuactive a:link a:visited {
	font-size: 8pt;
    color: #A15514;
	white-space: nowrap;
	text-decoration: none;
}
.staticmenuactive:hover {
	color: blue;
	background-color: #cccccc;
	text-decoration: underline;
}
.topmenu {
	font-size: 8pt;
	white-space: nowrap;
}
.menuheading {
	font-size: 10pt;
	color: white;
	white-space: nowrap;
}
.menuinactive {
	font-size: 8pt;
	color: #A15514;
	white-space: nowrap;
	background-color: white;
	text-decoration: none;
}
.menuspc {
	font-size: 2pt; 
	text-decoration: none;
}
.menuvspc {
	font-size: 4pt;
	text-decoration: none;
}
menu a:link a:visited {
	color: white;
	text-decoration: none;
}

menu a:hover {
	color: blue;
	background-color: #cccccc;
	text-decoration: underline;
}
.lowText {
	font-size: 8pt;
	color: white;
	text-decoration: none;
}
.highText {
	font-size: 8pt;
	color: blue;
	text-decoration: none;
}
.hoverLink {
	font-size: 8pt;
	color: blue;
	text-decoration: underline;
}
.itemBorder {
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.itemBorderBlank {
	border-right: #cc3300 1px solid;
	border-top: #cc3300 1px solid;
	border-left: #cc3300 1px solid;
	border-bottom: #cc3300 1px solid;
}
.info {
    background-color:#FFFFCC;
}

div.button {
    width:140px;
    height:70px;
    background-image: url(/images/button4.gif);
    background-position: top center;
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

div.widebutton {
    width:160px;
    height:70px;
    background-image: url(/images/button4w.gif);
    background-position: top center;
    background-repeat: no-repeat;
    float: left;
    margin: 0 10px 0 0;
}

p.buttontext {
    position: relative;
    height: auto;
    width: 116px;
    top: 12px;
    left: 10px;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid blue; */
}

p.widebuttontext {
    position: relative;
    height: auto;
    width: 134px;
    top: 8px;      /* a wide button is required for text that's on two lines - so start it higher too */
    left: 10px;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid blue; */
}

table.prodTable {
    border:none;
    border-collapse:separate;
    border-spacing:2px;
}

td.prodTable {
    border: 1px #A15514 solid;
    padding: 10px 5px 10px 5px;
    width: 300px;
}

table.buttonTable, table.textTable {
    border:none;
    border-collapse:separate;
    border-spacing:2px;
}

.buttonTable textarea, .textTable textarea {
    font-size:11px;
}

td.buttonTableButton, th.buttonTableButton {
    border: 1px #A15514 solid;
    padding: 10px 5px 10px 5px;
    width: 150px;
}

td.buttonTableCode, th.buttonTableCode {
    border: 1px #A15514 solid;
    padding: 10px 5px 10px 5px;
    width: 400px;
}

th.buttonTableCode, th.buttonTableText {
    font-size: 12px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	color: black;
}

td.textTableText, th.textTableText {
    border: 1px #A15514 solid;
    padding: 10px 5px 10px 5px;
    width: 300px;
}

td.textTableCode, th.textTableCode {
    border: 1px #A15514 solid;
    padding: 10px 5px 10px 5px;
    width: 300px;
}

td.textTableCode, td.textTableText {
    font-size: 12px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	color: black;
}
th.textTableCode, th.textTableText {
    font-size: 12px;
	font-family: Ensign, Chalkboard, Digital, Techno, Liberal, Gadget, Verdana, Helvetica, sans-serif;
	color: black;
}

img.moviethumb {
    float: right;
    border: 2px solid #A15514;
}

div.screenshot {
}

div.screenshot img {
  border: 2px solid #A15514;
}

div.webscreenthumb {
    float: right;
}

div.webscreenthumb img {
    border: 1px solid #A15514;
    height: 70px;
}

div.screenshot p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

#supportingText p.code {    /* margin settings won't work because of the supportingText style */
    font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace;
    font-size: 10pt;
    line-height: 100%;
    border: #A15514 1px solid;
    padding-top: 10px; padding-bottom: 10px;
    background-color: #EEEEEE;
}

#supportingText div.code {    /* margin settings won't work because of the supportingText style */
    font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace;
    font-size: 10pt;
    line-height: 100%;
    border: #A15514 1px solid;
    padding-top: 5px; padding-bottom: 5px;
    background-color: #EEEEEE;
    margin-left: 5%; margin-right: 5%; margin-top: 10px; margin-bottom: 10px;
}

#supportingText p.codefont {    /* just a font change for "code" text */
    font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace;
    font-size: 10pt;
    line-height: 100%;
}

tr.playscript, th.playscript, td.playscript {
    border: none;
    vertical-align: top;
}
p.playscript {
    padding-top: 0;
    padding-bottom: 1em;
}
p.playscriptleft {
    padding-top: 0;
    padding-bottom: 1em;
    white-space: nowrap;
}
table.playscript {
    border: none;
}

#supportingText table.fmdocstatus {
    border: none;
}
#supportingText tr.fmdocstatus, th.fmdocstatus, td.fmdocstatus {
    border: none;
    vertical-align: top;
}
#supportingText p.fmdocstatus {
    font-weight: bold;
}
#supportingText td.fmdocstatusptr {
    vertical-align: middle;
}
#supportingText p.fmdocnotstatus {
    font-weight: lighter;
}
#supportingText p.fmdocexample {
    font-family: "Lucida Sans Typewriter", "Courier New", Courier, monospace;
    font-size: 10pt;
    line-height: 100%;
    font-weight: bold;
}

#supportingText ul.fmdoc {
    margin-bottom: -1em;
	padding:6px 7px;
	list-style: disc outside;
	top: -1em;
}
#supportingText ol.fmdoc {
    margin-bottom: -1em;
	/*padding:6px 7px;*/
	top: -1em;
}
#supportingText li.fmdoc {
	/*padding:6px 7px;*/
}

.fmdocnav {
	font-size: 8pt;
    font-style:italic;
	white-space: nowrap;
}
.fmdocnav a:link a:visited {
	font-size: 8pt;
    font-style:italic;
	color: blue;
	white-space: nowrap;
}
.fmdocnav a:hover {
	color: blue;
	white-space: nowrap;
}

.srchhilight {
    border: dotted 1px green;
}

/*
 * This style is to handle named anchors that would
 * otherwise look like links
 */
a.name {
    font-style: normal;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.popupthumb {
    position: relative;
    z-index: 0;
}

.popupthumb:hover {
    background-color: transparent;
    z-index: 50;
}

.popupthumb span { /*CSS for enlarged image*/
    position: absolute;
    background-color: white;
    padding: 0;
    left: -1000px;
    border: 1px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.popupthumb span img { /*CSS for enlarged image*/
    border-width: 0;
    padding: 0;
}

.popupthumb:hover span { /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */
}