@charset "utf-8";


/* #### LAYOUT STYLES #### */ 


/* Type styles (font, size, line height) all have basic settings defined in the "body" style.  Some styles below modify the basic style */
body {
 margin:0px;
 background:#fff;
 color: #333333;
 text-align:center;
 padding:0;
 background-image: url(../images/page-structure/gray_background.jpg);
 background-repeat: repeat;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:1.5em;
}
 
#headerBack {
 margin:0px;
 background-image: url(../images/page-structure/header-background.jpg);
 background-repeat:repeat-x;
}

#header {
 width:900px;
 background-image: url(../images/page-structure/header-logos.gif);
 background-repeat:no-repeat;
 height:160px;
 border:0;
 color: #333333;
}


/* "outer" builds the overall page width, not including background image */
#outer {
 text-align:left;
 border:0;
 width:900px;
 margin:auto;
}

/* "bodyblock" defines the area for the main content below the header */
#bodyblock {
 clear:both;
 position:relative;
 border:0;
 width:900px;
 padding:0;
}

/* "mainCol" also defines the area for the main content - it's necessary to use both in order to define the area for the rounded corners */
#mainCol {
 width:900px;
 height:auto;
 border:0;
 text-align:left;
}


/* "boxContent" and the "boxFiller" styles define the individual areas for the rounded corner boxes */
.boxContent {
 background-color:#fff;
 height:auto;
 margin:5px 0 15px 0;
 padding-bottom:15px;
}


/* "boxFiller" is for the main content */
.boxFiller {
 margin:10px;
}

/*boxFillerThree" is for the footer */
.boxFillerThree {
 height:150px;
 margin:10px;
 clear:both;
}

 
/* "mainHeader" defines the header area for the main content (not to be confused with the page header */
.mainHeader {
 width:610px;
 margin-left:10px;
}
 
.mainHeader img {
 float:left;
}
  
.mainHeader h2 {
 font-size:16px;
 font-style:bold;
 padding-top:15px;
 color:#9b9489;
}

.mainHeader h3 {
 display:block;
 font-size:18px;
 font-style:bold;
 padding-top:12px;
 color:#9b9489;
 border-bottom:1px solid #881122;
}


/* "mainLeft" builds the left side column (where actual content will go) */
#mainLeft {
 margin-left:10px;
 width:610px;
}
 
/* "mainRight" builds the right side navigation content */
#mainRight {
 float:right;
 width:230px;
 margin-right:5px;
 background-image:url(../images/page-structure/right-sidebar-border.gif);
 background-repeat:no-repeat;
 background-position:left;
}


/* use "rightCol" as a class style to an IMG to CENTER an image in the right hand navigation column */ 
img.rightCol {
 display:block;
 margin: 10px auto 10px auto;
}

#mainRight p {
 padding:0 15px 0 15px;
}




h3 {
 display:block;
 font-size:14px;
 font-style:bold;
 padding-top:10px;
 color:#9b9489;
 border-bottom:1px solid #881122;
}

h4 {
 font-size:12px;
 font-style:bold;
 padding-top:10px;
 padding-bottom:0px;
 margin-bottom:0px;
 color:#9b9489;
}



/* eliminates borders on images */
IMG {
 border:none;
}

/* applying the class "displayed" to an image will center it */
IMG.displayed {
 display: block;
 margin-left: auto;
 margin-right: auto
}


/* applying the class "middle" to a DIV will center it */
div.middle {
 display: block;
 width:425px;
 margin-left: auto;
 margin-right: auto
}


/* Creates the larger text for the first paragraph of text */
.firstParagraph {
 font-size:14px;
 line-height:1.5em;
 padding-bottom:30px;
}

/* Creates the larger text for the first paragraph of text - use when there's no image with first paragraph */
.firstParagraphAlt {
 font-size:14px;
 line-height:1.5em;
 padding-bottom:5px;
}

/* This positions an image to the left and allows text to wrap around it */
.firstParagraph img {
 float:left;
 padding-bottom:0 10px;
 padding-right:10px;
}


/* This clears the left align of an image in the paragraph above it thereby forcing this text to start BELOW, instead of continuing to wrap (for cases where the image is taller than the text it's to the left of) */
.featureOverview {
  clear:left;
}

/* This positions an image to the left and allows text to wrap around it */
.featureOverview img {
 float:left;
 padding-right:10px;
}

/* Creates a background image of quote marks for the quotes page */

.quoteBack {
 margin:15px 0 60px 0;
 padding:0 85px 0 75px;
 width:auto;
 background-image: url(../images/quote_background.gif);
 background-repeat:no-repeat;
 }

.quoteJustify {
 text-align:justify;
 }

.quoteRight {
 text-align:right;
 }


/* "bottomMessage" creates a bottom of page message and extends left column to bottom of page */
#bottomMessage {
 clear:both;
}


/* "textList" creates style for a text-based list */
.textList {
 color:#881122;
}

.textList ul {
 padding:0;
 margin: 0 0 0 18px; list-style-type:disc;
}

.textList li {
line-height: 2em;
}

.textList span {
 color:#000;
}


/* "textList" creates style for a text-based list */

.specialList {
 display:block;
 list-style:none;
 margin-top:0;
 margin-bottom:0;
 margin-left:auto;
 margin-right:auto;
 width:300px;
}

.specialList ul {
 padding:0;
 margin: 0 0 0 18px;
 list-style:none;
}


.specialList li {
 padding:15px 0 0 30px;
}

.new {
 background-image:url(../images/misc-images/new.gif);
 background-repeat: no-repeat;
 background-position:left bottom;
}

.prDateline {
  width:100%;
  border-bottom:1px solid #e5e3e0;
  font-size:95%;
 }



/* creates red text - mainly for inforeq page "required field" asterisk */
.redPop {
 color:red;
}




/* Basic table structure, allowing for a "hover" effect on rows for easier reading */
.table-a {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-a th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border-bottom:1px solid #881122;
 color:#857b6b;
 padding:8px;
}

.table-a td {
 background:#fff;
 border-bottom:1px solid #000;
 color:#000;
 border-top:1px solid transparent;
 padding:8px;
}

.table-a img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-a tr:hover td {
 background:#e5e3e0;
 color:#000;
}

.table-a tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-a tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-a tfoot:hover td {
 background:#fff;
 color:#857b6b;
}

.tableCenter {
 text-align:center;
}


/* Modified version of "table-a" that allows for sub-head categories with no hover */
.table-b {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-b th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-b td {
 background:#fff;
 border-bottom:none;
 color:#000;
 border-top:1px solid #e5e3e0;
 padding:8px;
}

.table-b img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-b tr:hover td {
 background:#e5e3e0;
 color:#000;
}

.table-b td.noHov {
 border-top:1px solid #881122;
 font-weight:bold;
}

.table-b tr.noHov:hover td {
 background:#fff;
 color:#000;
}

.table-b tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-b tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-b tfoot:hover td {
 background:#fff;
 color:#857b6b;
}



/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-c {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-c th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-c td {
 background:#fff;
 border-bottom:none;
 text-align:center;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
 padding:2px;
}

.table-c td.textLeft {
 text-align:left;
 }

.table-c td.end {
 border-bottom:1px solid #e5e3e0;
}

.table-c td.endLeft {
 border-bottom:1px solid #e5e3e0;
 text-align:left;
 }

.table-c img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-c tr:hover td {
 background:#e5e3e0;
 color:#000;
}

.table-c td.noHov {
 text-align:left;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-c tr.noHov:hover td {

 background:#fff;
 color:#000;
}

.table-c td.noHov2 {
 text-align:center;
 border-top:1px solid #e5e3e0;
 border-right:none;
 border-left:none;
 font-weight:normal;
}

.table-c tr.noHov2:hover td {

 background:#fff;
 color:#000;
}

.table-c td.noHov3 {
 text-align:right;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-c tr.noHov3:hover td {

 background:#fff;
 color:#000;
}

.table-c tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-c tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-c tfoot:hover td {
 background:#fff;
 color:#857b6b;
}




/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-d {
 width:90%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-d th {
 font-size:12px;
 font-weight:normal;
 text-align:left;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}



.table-d td {
 background:#fff;
 border-bottom:none;
 text-align:left;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
 padding:2px;
}

.table-d td.end {
 border-bottom:1px solid #e5e3e0;
}

.table-d img {
 display:block;
 margin-right:auto;
 margin-left:auto;
}

.table-d tr:hover td {
 background:#e5e3e0;
 color:#000;
}


.table-d td.noHov {
 text-align:left;
 border-top:1px solid #881122;
 border-right:none;
 border-left:none;
 font-weight:bold;
}

.table-d tr.noHov:hover td {

 background:#fff;
 color:#000;
}


.table-d tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-d tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-d tfoot:hover td {
 background:#fff;
 color:#857b6b;
}


/* Modified version of "table-a" that allows for sub-head categories with no hover and centered text for pricing page */
.table-e {
 width:65%;
 text-align:left;
 border-collapse:collapse;
 margin:20px;
}

.table-e th {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 color:#857b6b;
 padding:8px;
}

.table-e td {
 background:#fff;
 border-bottom:none;
 text-align:left;
 padding: 4px 0px 4px 10px;
 color:#000;
 border-top:1px solid #e5e3e0;
 border-right:1px solid #e5e3e0;
 border-left:1px solid #e5e3e0;
}

.table-e td.end {
 border-bottom:1px solid #e5e3e0;
}


.table-e tr:hover td {
 background:#e5e3e0;
 color:#000;
}


.table-e td.noHov {
 text-align:left;
 border-bottom:1px solid #881122;
 border-right:none;
 border-left:none;
 border-top:none;
 font-weight:bold;
}

.table-e tr.noHov:hover td {

 background:#fff;
 color:#000;
}


.table-e tfoot {
 font-size:12px;
 font-weight:normal;
 text-align:center;
 background:#fff;
 border:none;
 padding:8px;
}

.table-e tfoot td {
 color:#857b6b;
 border-bottom:none;
}

.table-e tfoot:hover td {
 background:#fff;
 color:#857b6b;
}









.specialBox {
background-color:#DAD9D5;
border:1px solid #88857E;
width: 70%;
margin-left:10%;
margin-right:10%;
padding:10px;
}



/* defines the footer of pages */
#footer {
 clear:both;
 border:0;
 margin:0;
}
 
#foot-text {
 color: #000;
 font-size: 95%;
 line-height: 1.5em;
 padding: 10px 0 50px 10px;
}


/* Three Column list (for Report Writer page) */

#threeColumn {
 list-style:none;
}

#threeColumn ul {
  width: 300px;
}

#threeColumn li
{
  float: left;
  height:75px;
  width: 100px;
  padding:5px 10px 10px 10px;
}
/* stop the floating after the list */

#threeColumn br {
  clear: left;
}

div.threeWrapper
{
  width:525px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 1em;
}






 
 
<!-- #### NAVIGATION STYLES #### -->


/* Links in the HEADER */
a.header,  a.header:link, a.header:visited,  a.header:hover, a.header:active {
 text-decoration: none;
 color:#881122;
}

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


/* Basic text link style */
a, a:link, a:visited, a:hover, a:active {
 color: #881122;
 text-decoration: none;
}


a:hover {
 text-decoration: underline;
}

/* "mainNav" creates the inline link list for the PRODUCT pages */
#mainNav li {
 display: inline;
 font-weight:bold;
 font-size:14px;
}



#mainNavsmall {
 margin:10 0 0 0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 
#mainNavsmall li {
 display:inline;
 font-weight:bold;
 font-size:11px;
}


/* "bottomNav" creates the link style for the bottom of the main content and extends left column to bottom of page */
#bottomNav {
 clear:both;
 text-align:center;
 font-weight:bold;
 font-size:14px;
}


/* "linkbutton" creates the bullet link list style that includes the circle/arrow graphic */
.linkbutton {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:200px;
 padding: 0;
 list-style: none;
}
	
.linkbutton li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}
	
.linkbutton ul li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}


.linkbuttonTwo {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:400px;
 padding: 0;
 list-style: none;
}
	
.linkbuttonTwo li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.linkbuttonTwo ul li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}


.linkbuttonThree {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:300px;
 padding: 0;
 list-style: none;
}
	
.linkbuttonThree li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow_inverse.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.linkbuttonThree ul li {
 padding: 0 0 5px 18px;
 background-image: url(../images/arrow-plain.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 list-style:none;
}

.pressbutton {
 padding: 0;
 list-style: none;
}
	
.pressbutton li {
 padding: 0 0 5px 18px;
 background-image: url(../images/press_icon.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.articlebutton {
 padding: 0;
 list-style: none;
}
	
.articlebutton li {
 padding: 0 0 5px 18px;
 background-image: url(../images/doc_icon.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}


.awardbutton {
 padding: 0;
 list-style: none;
}
	
.awardbutton li {
 padding: 0 0 5px 18px;
 background-image: url(../images/award_icon.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}


.videobutton {
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:200px;
 padding: 0;
 list-style: none;
}
	
.videobutton li {
 padding: 10px 0 10px 30px;
 background-image: url(../images/video-icon.gif);
 background-repeat: no-repeat;
 background-position: 0 8px;
 border-bottom:1px solid #e5e3e0
}

.videobutton li.end {
border-bottom:none;
}



/* "linkUp" creates the bullet link for "back to the top" links */
.linkUp {
 list-style: none;
 margin-left:0;
 padding-left:0;
}
	
.linkUp li {
 padding: 0 0 5px 18px;
 margin-left:0;
 background-image: url(../images/arrow_up.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}




/* "trial" "webinar" and "demo" styles create the rollover button links */
#trial {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 134px;
 height: 67px;
 background: url(../images/home-images/free-trial-button.gif) no-repeat 0 0;
}

#trial:hover { 
 background-position: 0 -67px;
}

#trial span {
 display: none;
}

#webinar {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../images/home-images/webinar-button.gif) no-repeat 0 0;
}

#webinar:hover { 
 background-position: 0 -67px;
}

#webinar span {
 display: none;
}

#demo {
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 135px;
 height: 67px;
 background: url(../images/home-images/demo-button.gif) no-repeat 0 0;
}

#demo:hover { 
 background-position: 0 -67px;
}

#demo span {
 display: none;
}



#clickhere {
 float:left;
 display: block;
 margin-left:auto;
 margin-right:auto;
 width: 67px;
 height: 67px;
 background: url(../images/home-images/click-here.gif) no-repeat 0 0;
}

#clickhere:hover { 
 background-position: 0 -67px;
}

#clickhere span {
 display: none;
}






/* "button" defines the style for the SEARCH button in the header */
.button {
 background: url(../images/page-structure/header-rollovers.gif) no-repeat 0 0;
 padding: 5px 10px;
 border: 1px solid #6a6047;
 font-size:12px;
 font-weight:bold;
 color:#fff;
}

.button:hover {
 background-position: 0 -28px;
}


/* "quickcontainer" "quicklist" and "quickhead" creates the "Quick Links" section in the right-hand column */
#quickcontainer {
 background: #fff;
 width: 200px;
 margin: 0 auto;
 padding: 1em 0;
 font-size: 12px;
 text-align: center;
}

ul#quicklist {
 text-align: left;
 list-style: none;
 padding: 0;
 margin: 0 auto;
 width: 85%;
}

ul#quicklist li {
 display: block;
 margin: 0;
 padding: 0;
}

ul#quicklist li a {
 display: block;
 width: 100%;
 padding: 0.5em .5em 0.5em 1.5em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #ebebeb;
 border-style: solid;
 color: #881122;
 font-weight:bold;
 text-decoration: none;
 background: #fff;
}

.quickNoLink {
 display: block;
 width: 99%;
 padding: 0.5em .5em 0.5em 1.5em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #ebebeb;
 border-style: solid;
 text-decoration: none;
 background: #fff;
}


.quickNoLink div {
 padding:5px;
 color:000;
 font-weight:normal;
 text-decoration: none;
}

.quickNoLink2 {
 display: block;
 width: 99%;
 padding: 0.5em .5em 0.5em 1.5em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #ebebeb;
 border-style: solid;
 text-decoration: none;
 background: #fff;
}


.quickNoLink2 div {
 padding:5px;
 margin-left:15px;
 color:000;
 font-weight:normal;
 text-decoration: none;
}



#quickcontainer>ul#quicklist li a {
 width: auto;
}

ul#quicklist li#active a {
 background: #c1c0bd;
 font-weight:bold;
}

ul#quicklist li a:hover, ul#quicklist li#active a:hover {
 color: #fff;
 background: #c1c0bd;
 border-color: #aaab9c #ccc #ebebeb #ccc;
}

#quickhead {
 background-image:url(../images/page-structure/quick-links-header.jpg);
 background-repeat:repeat-x;
 border-color: #b0b0b0;
 height:28px;
}
  
#quickheadtext {
 padding-top:5px;
 text-align:center;
 font-weight:bold;
 font-size:14px;
}