body { 
  background: #A3C380 url('../images/gradient_bg.jpg');
  background-repeat: repeat-x;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}

#masterContainerDiv {
  background-color: #F0F9E3;
  color: #000;
  width: 940px;
  height: auto;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border: 1px solid #a3c380;
  border-top: none;
  background: #f0f9e3 url("../images/d2e8c0.png");
  background-repeat: repeat-y;
}

hr { 
  margin: 0;
  padding: 0;
  width: 100%;
}

#SPLogoDiv { 
  background-color: #f0f9e3;
  height: 188px;
  height: 230px;
  width: 250px;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  border-bottom: 1px solid #a3c380;
  border-right: 1px solid #a3c380;
}
#SPLogoDivIE7 { 
  background-color: #f0f9e3;
  height: 188px;
  height: 210px;
  width: 250px;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  border-bottom: 1px solid #a3c380;
  border-right: 1px solid #a3c380;
}

#FlashDiv { /*height of flash movie is 183*/
  background-color: #f0f9e3;
  height: 183px;
  width: 680px;
  padding: 5px 5px;
  position: absolute;
  top: 22px;
  left: 250px;
  margin: 0;
}

#LeftContentDiv { 
  background-color: #d2e8c0;
  color: #000;
  width: 250px;
  position: absolute;
  left: 0px;
  top: 253px;
}
#LeftContentDivIE7 { 
  background-color: #d2e8c0;
  color: #000;
  width: 250px;
  position: absolute;
  left: 0px;
  top: 233px;
}

#ContentDiv { /*width is automatically determined by margins*/
  background-color: #F0F9E3;
  color: #000;
/*  width: 474px; Do not include width, triggers IE5.x box model problems*/
  margin: 3px 195px 0px 250px;
  padding: 15px;
  padding-top: 0;
  border-left: 1px solid #a3c380;
  position: relative;
  min-height: 390px; /*middle content must be longer than right and left content or layout problems will occur (flow does not recognize the absolutely positioned right and left content divs)*/
  z-index: 1;
  margin-top: -30px;
}
#ContentDivIE { /*width is automatically determined by margins. This is a hack around IE min-height problems */
  background-color: #F0F9E3;
  color: #000;
  /*  width: 474px; Do not include width, triggers IE5.x box model problems*/
  margin: 3px 195px 0px 250px;
  padding: 15px;
  padding-top: 0;
  border-left: 1px solid #a3c380;
  position: relative;
  /*middle content must be longer than right and left content or layout problems will occur (flow does not recognize the absolutely positioned right and left content divs)*/
  z-index: 1;
  height: 390px;
  min-height: 390px;
  height:auto !important;
  margin-top: -30px;
}

#RightContentDiv { 
  position: absolute;
  top: 224px;
  right: 0px;
  text-align: center;
  color: #474747;
  background-color: #F0F9E3;
  font-size: 0.8em;
  width: 215px;
  width: 185px;
  margin: 0px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#RightContentDiv span { 
/*  font-size: 13px;*/
  display: block;
  font-weight: bold;
  font-style:normal;  
  margin-top: 15px;
  margin-bottom: 0;
}

#Demo {
}

#FooterDiv { 
  background: #D2E8C0;
  height: 20px;
  width: 940px;
  position: relative;
  color: #2c2c2c;
  font-size: 0.625em;
  padding-top: 2px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #a3c380;
}

#SPLogo { 
  margin-top: 62px;
}

h1 { 
  font-size: 1.25em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

h2 { 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h3 { 
  font-size: 0.875em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h4 { 
  font-size: .75em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

img { 
  border: none;
}

p { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .75em;
  padding: 0;
  margin-top: 5px;
}

li { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  list-style-type: square;
}

#CenterBottomNavSpan { 
  width: 474px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 250px;
  text-align: center;
  padding-top: 4px;
}

#RightBottomNavSpan { 
  width: 212px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 724px;
  padding-right: 4px;
  padding-top: 4px;
  text-align: right;
}

#LeftBottomNavSpan { 
  width: 242px;
  height: 20px;
  position: absolute;
  top: 0px;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 4px;
  text-align: left;
  text-decoration: none;
}

#LeftBottomNavSpan img:hover {
 border-bottom: 1px solid #000;
 border-right: 1px solid #000;
}

acronym { 
  cursor:help;
  border-bottom: dotted #474747 1px;
}

ol { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 5px;
  padding-top: 0px;
}

.clientQuote { 
/*  font-size: .7em;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #474747; 
  text-align: left;
  font-weight: normal;
  margin: 5px 15px 0px 15px;
  padding: 0px;
}

.clientSignature { 
/*  font-size: .625em;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #474747; 
  text-align: right;
  font-weight: normal;
  margin: 15px 15px 0px 15px;
  padding: 0px;
}

.clientReference { 
  background-image: url(../images/box_bg.png);
  background-repeat: repeat-y;
  width: 185px;
  margin: -5px 0 0 0;
}

.clientReference img { 
  margin-left: auto;
  margin-right: auto;
}

.clientInfo { 
/*  font-size: .7em;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #474747; 
  text-align: left;
  font-weight: normal;
  margin: 5px 10px 0px 10px;
  padding: 0px;
}

.forumHead { 
  font-family: Arial, Helvetica, sans-serif;
  color: #000000; 
  text-align: left;
  font-weight: bold;
  margin: 5px 0px 0px 20px;
  padding: 0px;
}

.forumInfo { 
  font-family: Arial, Helvetica, sans-serif;
  color: #474747; 
  text-align: left;
  font-weight: normal;
  margin: 5px 0px 0px 20px;
  padding: 0px;
}

.forumSpeaker { 
  font-family: Arial, Helvetica, sans-serif;
  color: #474747; 
  font-weight:normal;
  font-style:italic;
  margin: 5px 0px 10px 10px;
  padding: 0px;
}

.forumLocation {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:.9em;
  font-weight: normal;
 }

.secondbar { 
  margin-left: 65px;
}

.italic {
  font-style:italic;
}

.bold {
  font-weight:bold;
}

.smallIndent {
	font-size:.7em;
	margin-left:30px;
}
	


/***************/
/* Begin links */
/***************/
a:link { 
  color: #0075af;
}
a:visited { 
  color: #7c5ba3;
}
a:hover { 
}
a:active { 
}

#FooterDiv a:link { 
  color: #474747;
  background-color: #D2E8C0;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
#FooterDiv a:visited { 
  color: #474747;
  background-color: #D2E8C0;
  text-decoration: none;
}
#FooterDiv a:hover { 
  color: #474747;
  background-color: #D2E8C0;
  text-decoration: underline;
}
#FooterDiv a:active { 
  color: #474747;
  background-color: #D2E8C0;
}

a:link.email { 
  color: #0075af;
  text-decoration: none;
}

a:visited.email {
  color: #7c5ba3;
  text-decoration: none;
}

a:hover.email { 
  text-decoration: underline;
}

a:active.email { 
}

a:link.website { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0075af;
  text-decoration: none;
}

a:visited.website {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #7c5ba3;
  text-decoration: none;
}

a:hover.website { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

/****************/
/* End of links */
/****************/

/* --------------------------*/
/* Begin Drop-Down Navigation*/
/* --------------------------*/
#TopNavDiv { 
  color: #000;
  width: 100%;
  height: 1.25em;
  /*position: absolute; need to use static positioning for IE7 hovering */
  background: #fff url("../images/MenuGradient.png");
  margin: 0;
  padding: 0;
  line-height: 1.25em;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

#rootNavUL { 
  padding: 0;
  margin: 0;
  z-index: 20;
  position: absolute;
  left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

/* spacing between and position of top-level nav items*/
#HomeLI { 
  position: absolute;
  left: 0em;
}
#ProductsLI { 
  position: absolute;
  left: 10em;
}
#ServicesLI { 
  position: absolute;
  left: 20em;
}
#CompanyLI { 
  position: absolute;
  left: 30em;
}
#ContactLI { 
  position: absolute;
  left: 40em;
}
#DemoLI { 
  position: absolute;
  left: 50em;
}

.dropdownNav li { 
  list-style-type: none;
  text-decoration: none;
  font-size: 11px;
  padding: 0;
  margin: 0;
}

.dropdownNav a:link, .dropdownNav a:visited { 
  display: block;
  color: #000;
  background-color: transparent;
  padding-right: .5em;
  padding-left: .5em;
  text-decoration: none;
  width: 100%;
}

.dropdownNav a:hover, .dropdownNav a:active { 
  background-color: #D2E8C0;
  color: #000;
  text-decoration: underline;
  font-weight: normal;
}

.dropdownNav ul { 
  border: 1px solid #474747;
}

.dropdownNav ul li { 
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

hr { 
  margin: 0;
  padding: 0;
}

.dropdownNav ul li ul { 
  border: 1px solid #474747;
  margin: 0;
  display: none;
}

/* width of top-level nav items*/
.dropdownNav li { 
  width: 9em;
}
/* width of second-level nav items*/
.dropdownNav li ul {
  width: 13em;
}

.dropdownNav li ul li {
  width: 13em;
}

.dropdownNav li ul li a {
  width: 13em;
}

/* width of third-level nav items*/
.dropdownNav li ul li ul {
  width: 14em;
}
.dropdownNav li ul li ul li a {
  width: 14em;
}

.dropdownNav li ul li ul li {
  width: 14em;
}

/* Allows for expansion of second-level nav items when hovering over first-level items */
ul#rootNavUL>li:hover>ul { 
  display: block;
  position: absolute;
}

/* Allows for expansion of third-level nav items when hovering over second-level items */
ul#rootNavUL>li>ul>li:hover>ul { 
  display: block;
}

/* position of third-level items */
.dropdownNav li ul li ul {
  position: relative;
  position: absolute;
  left: 14em;
  left: 10em;
  left: 100%;
  top: -.25em;
}

#TopNavDiv li.sub:hover ul {
  top: 0em; 
  left: 100%; 
  background-color: inherit;
}

#TopNavDiv li {
  background-color: #F0F9E3;
background-color: transparent;
}
#TopNavDiv li a {
  background-color: transparent;/*color of hovered element and its parent*/
}

#TopNavDiv li:hover,
#TopNavDiv li.CSStoHighlight {
  background-color: #D2E8C0;/*color of hovered element and its parent*/
}
#TopNavDiv li li:hover,
#TopNavDiv li li.CSStoHighlight {
  background-color: #D2E8C0;/*color of hovered element and its parent*/
}

/* ------------------------------------------------------------------ */
ul.dropdownNav, 
ul.dropdownNav ul {
  background-color: #d7d7d7;
  background-image: url("../images/Bottom_Grad.png");
  background-repeat: repeat;
} 

ul.dropdownNav li:hover, 
ul.dropdownNav li.CSStoHighlight {
  background-color: #D2E8C0;      /* gives the active menu items a background */
  color: #000;          
}

/* allows expansions of elements in IE5.5 and IE6 */
ul.dropdownNav ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* especially to go with the className changes in the behaviour file */
}

hr:hover { 
background-color: #d2e8c0;
background-image: url("../images/Bottom_Grad.png");
}
ul.dropdownNav li.CSStoHighlight hr.CSStoHighlight { 
  background-color: #F0F9E3;
background-color: #d2e8c0;
background-image: url("../images/Bottom_Grad.png");
}

ul.dropdownNav ul { 
  display: none; 
  position: absolute; 
  margin: 0px;
  padding: 0px;
}
/* ----------------------- */
/* End Drop Down Navigation*/
/* ----------------------- */

.newsBody { 
  padding: 3px;
border: 1px solid #474747;
}

.newsHeader { 
  background: #a3c380;
  text-align: center;
}

#SPCRM img, #SPFin img, #SPBD img { 
  border-bottom: 2px solid #b7db90;
}

#SPCRM img:hover, #SPFin img:hover, #SPBD img:hover { 
  border-bottom: 2px solid #8da86e;
}

/*Layout2*/
#layout2Col1 { 
  margin-right: 370px;
  padding: 10px;
}

#layout2Col2 { 
  margin-left: 570px;
  padding: 0px 10px;
  position: absolute;
  top: 241px;
  width: 350px;
}

#layout2SPLogo { 
  margin-top: 0px;
}

#layout2Header { 
  position: relative;
  height: 170px;
}

#smallHomeBanner { 
  position: relative;
  left: 275px;
  top: 10px;
}
/* end of second layout */

/* begin screenshot divs */
.screenshot { 
  position: relative;
  width: 200px;
  margin: 25px 25px;
/*background: yellow;*/
}

.screenshot p { 
  font-family: Arial;
  font-size: 0.75em;
  text-align:left;
  color: #292929;
  font-style:italic;
}

.screenshot p.heading { 
  font-family: Arial Black, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  font-style:normal;
  color: #292929;
  text-align:center;
  padding: 10px 0px 0px 0px; 
}

.screenshot p.heading2 { 
  font-family: Arial Black, Verdana, Helvetica, sans-serif;
  font-size: .9em;
  font-weight: bold;
  font-style:normal;
  color: #292929;
  text-align:left;
  padding: 10px 0px 0px 0px; 
}

.screenshot p.more { 
  font-family: Arial;
  font-size: 0.75em;
  text-align:center;
  color: #292929;
  font-style:italic;
  font-weight: bold;
}

.screenshot img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* end of screenshot divs */

/* begin leftinfo divs */
.leftinfo { 
  position: relative;
  width: 220px;
  margin: 10px 10px 0px 5px;
}

.leftinfo p { 
  font-family: Arial;
  font-size: 0.75em;
  color: #292929;
}

/* end of screenshot divs */

#demoButton { 
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

a.pressRelease:link { 
  background: url("../images/page_blue_text_sm.png") no-repeat 100% 1px;
  padding-right: 15px;
}

a.pressRelease:visited { 
  background: url("../images/page_purple_text_sm.png") no-repeat 100% 1px;
  padding-right: 15px;
}

a.pressRelease:hover { 
  color: #AE485F;
  background: #ffffcc url("../images/page_red_text_sm.png") no-repeat 100% 1px;
  padding-right: 15px;
}

div.breadcrumb { 
  font-size: 0.75em;
  color: #474747;
}


a.ISM:link img { 
  border: 2px solid #d2e8c0;
} 
a.ISM:hover img { 
  border: 2px solid #ffffcc;
}


.topLink { 
  display: block;
  text-align: right;
}

.tight {
	margin-bottom: 0;
}

/* ************************ */
#NextPrevious { 
  position: relative;
  padding: 0;
}

#previous, #next { 
  margin-top: 20px;  
  width: 227px;
}

#previous a, #next a { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.65em;
  text-decoration: none;
  margin-bottom: 5px;
}

#next { 
  margin-left: 232px;
  position: absolute;
  top: -20px;
  text-align: right;
}

#previousText, #nextText { 
  font-size: 0.65em;
  margin-top: 0px;
  color: #474747;
}

.arrow { 
  background: url("../images/arrow-right.gif") no-repeat 90%; 
}