/*general and layout*/
* { margin: 0; padding: 0; }
ul, ol { padding: 0 0 0 16px; margin: 0px 0 12px 0; }
#content ul, #content ol { padding: 0 0 0 16px; margin: 24px 0 24px 0; }
li { margin: 0 0 6px 0; }
p { margin: 0 0 12px 0; }
h1, h2, h3, h4, h5, h6 { color: #515151; margin: 0 0 32px 0; font-weight: bold; }
h1 { font-size: 26px; }
h2 { font-size: 22px; margin: 0 0 24px 0; }
h3 { font-size: 18px; margin: 0 0 22px 0; }
h4 { font-size: 16px; margin: 0 0 20px 0; }
h5 { font-size: 14px; margin: 0 0 18px 0; }
h6 { font-size: 12px; margin: 0 0 16px 0; }
a { color: #777777; text-decoration: none; font-weight: bold; }
#content form { clear: both; width: 644px; }
#content fieldset { border: 1px solid #d4d4d4; padding: 16px; }
#content form div { clear: both; margin: 0 0 6px 0; }
#content form input[type=text] { min-width: 280px; padding: 4px; background: #ffffff; border: 1px solid #D4D4D4; margin: 6px 0 0 0; color: #5d5d5d; }
#content form select { min-width: 280px; padding: 0px 4px; background: #ffffff; border: 1px solid #D4D4D4; margin: 6px 0 0 0; color: #5d5d5d; }
#content select option { padding: 4px; border: 0px solid #d4d4d4; min-width: 255px; color: #5d5d5d; }
#content input[type=image] { margin: 6px 0; }
#content form input[type=radio] { margin: 6px 0 6px 0; }
#content textarea { min-width: 280px; height: 120px; padding: 4px; background: #ffffff; border: 1px solid #D4D4D4; margin: 6px 0 0 0; color: #5d5d5d; font: 12px verdana, arial, helvetica, sans-serif; }
a img { border: 0; }

body { color: #5D5D5D; font: 12px verdana, arial, helvetica, sans-serif; background: url(../images/apex/lines.gif) top left repeat; position: relative; }
div#container { width: 974px; margin: 0 auto; position: relative; }

div#headers { clear: both; height: 148px; margin: 0 auto 12px auto; width: 960px; }
/*a#sitetitle { float: right; display: block; width: 266px; height: 0; padding-top: 148px; overflow: hidden; background: url(../images/apex/apex-title-grey-haze.png) no-repeat; }*/
a#sitetitle { float: right; display: block; width: 266px; height: 0; padding-top: 148px; overflow: hidden; background: url(../images/apex/apex-logo-grey.png) no-repeat; }
/*a#sitetitle:hover { background: url(../images/apex/apex-title-grey-haze-hover.png) no-repeat; }*/
/*a#sitetitle:hover { background: url(../images/apex/apex-grey-anim-2.gif) no-repeat; }*/
div#banner { width: 684px; height: 0; padding-top: 148px; overflow: hidden; float: left; background: url(../images/apex/banner-top-2.png) top left no-repeat; position: absolute; top: 0; left: 7px; }
/*div#banner:hover { padding: 148px 20px 20px 20px; height: 303px; width: 644px; background: url(../images/apex/banner-extended.png) top left no-repeat; z-index: 10000; }*/
/*div#banner.bannershow { padding: 148px 20px 20px 20px; height: 303px; width: 644px; background: url(../images/apex/banner-extended.png) top left no-repeat; z-index: 10000; }*/
/*div#blurb { padding: 20px 20px 30px 20px; height: 293px; width: 644px; background: url(../images/apex/blurb-bg.png) top left no-repeat; z-index: 20000; position: absolute; top: 128px; left: 7px; overflow: visible; display: none; }*/
div#blurb { padding: 148px 20px 30px 20px; height: 453px; width: 644px; background: url(../images/apex/banner-extended-4.png) top left no-repeat; z-index: 50000; position: absolute; top: 0; left: 7px; overflow: visible; display: none; }
p#learnmore { height: 0; padding-top: 22px; width: 93px; background: url(../images/apex/learn-more.png) top left no-repeat; position: absolute; bottom: 0px; right: 20px; z-index: 10000; overflow: hidden; }
p#learnless { height: 0; padding-top: 22px; width: 93px; background: url(../images/apex/learn-less.png) top left no-repeat; position: absolute; bottom: 0px; right: 20px; z-index: 50000; overflow: hidden; }

div#content { width: 684px; float: left; margin: 0 0 0 7px; min-height: 404px; }
div#sidebar { width: 264px; float: right; margin: -71px 7px 0 0; }
div#sidebarcontent { width: 218px; padding: 24px 24px 11px 24px; min-height: 424px; background: url(../images/apex/sidebar-bg.png) top left no-repeat; }
div#sidebarbottom { width: 265px; height: 12px; background: url(../images/apex/sidebar-bot-bg.png) top left no-repeat; }
div#footers { clear: both; margin: 10px auto 0 auto; font-size: 10px; width: 960px; }
div#footers a { color: #515151; text-decoration: none; }
div#footers a:hover { color: #515151; text-decoration: underline; }
hr.clear { clear: both; height: 0; border: 0; visibility: hidden; }


/*homepage*/

div#getapex, div#gotapex, div#resellapex  { padding: 20px; height: 109px; width: 644px; margin: 0 0 12px 0; color: #ffffff; position: relative; }
#content div#getapex ul, #content div#gotapex ul, #content div#resellapex ul { margin: 0 0 0 0; }
#content div#getapex ul li, #content div#gotapex ul li, #content div#resellapex ul li { margin: 0 0 0 0; }
div#getapex { background: url(../images/apex/banner-orange.png) top left no-repeat; }
div#gotapex { background: url(../images/apex/banner-green.png) top left no-repeat; }
div#resellapex { background: url(../images/apex/banner-blue.png) top left no-repeat; }

div#getapex ul, div#gotapex ul, div#resellapex ul { list-style: none; padding: 0; float: left; }
div#getapex ul li.last, div#gotapex ul li.last, div#resellapex ul li.last { margin: 12px 0 0 0; }
div#getapex a, div#gotapex a, div#resellapex a { color: #ffffff; text-decoration: none; font-weight: normal; }
div#getapex ul li.last a, div#gotapex ul li.last a, div#resellapex ul li.last a { font-weight: bold; }
div#getapex a:hover, div#gotapex a:hover, div#resellapex a:hover { color: #ffffff; text-decoration: underline; }
div#resellapex p { width: 188px; float: left; clear: left; }
a#getapexhomelink, a#gotapexhomelink, a#resellapexhomelink { display: block; height: 0; padding-top: 96px; width: 242px; background: transparent; overflow: hidden; position: absolute; right: 20px; top: 20px; z-index: 40000; }
/*a#getapexhomelink, a#gotapexhomelink, a#resellapexhomelink { display: block; height: 0; padding-top: 96px; width: 242px; background: transparent; overflow: hidden; float: right; border: 1px solid blue; clear: right; }*/
a#resellapexhomelink { width: 262px; }


/*flash fallback menu*/
div#menu { width: 684px; float: left; margin: 0 0 12px 0; position: relative; height: 59px; color: #ffffff; }
div#menu ul { list-style: none; padding: 0; position: absolute; width: 190px; }
div#menu ul li { float: left; margin: 0 0 2px 0; }
div#menu ul li.last { margin: 0; }
div#menu ul li#getit, div#menu ul li#gotit, div#menu ul li#resellit { display: block; width: 235px; height: 0; padding-top: 59px; overflow: hidden; position: absolute; }
div#menu ul li#getit { background: url(../images/apex/apex-get.png) top center no-repeat; left: 0; }
div#menu ul li#gotit { background: url(../images/apex/apex-got.png) top center no-repeat; left: 232px; }
div#menu ul li#resellit { background: url(../images/apex/apex-resell.png) top center no-repeat; left: 464px; }
div#menu ul li#getit a.firstlink, div#menu ul li#gotit a.firstlink, div#menu ul li#resellit a.firstlink { display: block; height: 0; padding-top: 39px; overflow: hidden; position: absolute; top: 10px; left: 20px; width: 195px; }
div#menu ul li ul { display: none; }
div#menu ul li:hover ul { display: block; position: absolute; top: 60px; left: 20px; }
div#menu ul li ul li { float: none; } 
div#menu ul li#getit:hover, div#menu ul li#gotit:hover, div#menu ul li#resellit:hover { height: 0; padding-top: 197px; width: 235px; overflow: hidden; }
div#menu ul li#getit:hover { background: url(../images/apex/apex-get-hover.png) top center no-repeat; }
div#menu ul li#gotit:hover { background: url(../images/apex/apex-got-hover.png) top center no-repeat; }
div#menu ul li#resellit:hover { background: url(../images/apex/apex-resell-hover.png) top center no-repeat; }
div#menu a { color: #ffffff; text-decoration: none; font-weight: normal; }
div#menu .last a { font-weight: bold; }
div#menu a:hover { color: #ffffff; text-decoration: underline; }


/*flash fallback menu*/
/*div#menu { margin: 0 0 12px 0; position: relative; height: 227px; color: #ffffff; position: absolute; top: 0; }
div#menu ul { list-style: none; padding: 0; position: relative; width: 190px; }
div#menu ul li { float: left; clear: left; margin: 0 0 2px 0; }
div#menu ul li.last { margin: 0; }
div#menu ul li#getit, div#menu ul li#gotit, div#menu ul li#resellit { display: block; width: 235px; height: 0; padding-top: 59px; overflow: hidden; position: absolute; }
div#menu ul li#getit { background: url(../images/apex/apex-get.png) top center no-repeat; left: 15px; top: 20px; }
div#menu ul li#gotit { background: url(../images/apex/apex-got.png) top center no-repeat; left: 15px; top: 89px; }
div#menu ul li#resellit { background: url(../images/apex/apex-resell.png) top center no-repeat; left: 15px; top: 158px; }
div#menu ul li#getit a.firstlink, div#menu ul li#gotit a.firstlink, div#menu ul li#resellit a.firstlink { display: block; height: 0; padding-top: 39px; overflow: hidden; position: absolute; top: 10px; left: 20px; width: 195px; }
div#menu ul li ul { display: none; }
div#menu ul li:hover ul { display: block; position: absolute; top: 60px; left: 20px; }
div#menu ul li ul li { float: none; } 
div#menu ul li#getit:hover, div#menu ul li#gotit:hover, div#menu ul li#resellit:hover { height: 0; padding-top: 197px; width: 235px; overflow: hidden; }
div#menu ul li#getit:hover { background: url(../images/apex/apex-get-hover.png) top center no-repeat; }
div#menu ul li#gotit:hover { background: url(../images/apex/apex-got-hover.png) top center no-repeat; }
div#menu ul li#resellit:hover { background: url(../images/apex/apex-resell-hover.png) top center no-repeat; }
div#menu a { color: #ffffff; text-decoration: none; }
div#menu a:hover { color: #ffffff; text-decoration: underline; }*/

/*sidebar buttons*/
a#taketour, a#trydemo { height: 0; overflow: hidden; padding-top: 28px; display: block; width: 220px; margin: 0 0 10px 0; } 
a#trydemo { background: url(../images/apex/try-demo.png) top left no-repeat; }
a#taketour { background: url(../images/apex/take-tour.png) top left no-repeat; }

/*other sidebar stuff*/
div#sidebar a { color: #515151; text-decoration: none; font-weight: normal; }
div#sidebar a:hover { color: #515151; text-decoration: underline; }
div#latestnews { margin: 0 0 20px 0; }
div#latestnews h4 { display: block; overflow: hidden; height: 0; padding-top: 18px; width: 127px; background: url(../images/apex/latestnews.png) top left no-repeat; margin: 0 0 10px 0; }
div#latestnews ul { list-style: none; padding: 0; }
div#latestnews ul li { margin: 0 0 12px 0; }
div#chapterlinks, div#pagelinks { margin: 0 0 20px 0; }
div#pagelinks ul { /*list-style: none; padding: 0;*/list-style: circle; }
div#chapterlinks ul { /*list-style: none; padding: 0;*/list-style: square; }
div#chapterlinks ul li, div#pagelinks ul li { margin: 0 0 4px 0; }
div#pagelinks ul ul { list-style: square; margin: 12px 0 12px 0; }
div#pagelinks ul ul li {  }
div#chapterlinks ul li a.on, div#pagelinks ul li a.on { text-decoration: none; background: #515151; color: #ffffff; }
div#chapterlinks ul li a, div#pagelinks ul li a { padding: 2px; }
#quicksitesearch { margin: 0 0 20px 0; }
#quicksitesearch fieldset { border: 0; padding: 0px; }
#searchlabel { display: block; overflow: hidden; height: 0; padding-top: 18px; width: 67px; background: url(../images/apex/search.png) top left no-repeat; }
#SearchFor { height: 16px; padding: 2px 4px; border: 1px solid #A8A8A8; width: 150px; margin: 0 10px 0 0; }
#quicksitesubmit { vertical-align: bottom; }

#content #faqs-list { list-style: none; margin: 0; padding: 0; }
#content #faqs-list li { margin: 0 0 16px 0; background: #ffffff; border: 1px solid #d4d4d4; padding: 10px; }
#content #faqs-list h2 { margin: 0 0 6px 0; font-weight: bold; font-size: 14px; color: #5d5d5d; }
#content #faq-list-links { list-style: none; margin: 0; padding: 0; margin: 0 0 16px 0; background: #ffffff; border: 1px solid #d4d4d4; padding: 10px; }
#content #faq-list-links li { margin: 0 0 6px 0; }

#apexfeaturelist { border-collapse: collapse; margin: 32px auto; }
#apexfeaturelist td, #apexfeaturelist th { padding: 6px; text-align: center; min-width: 80px; }
#apexfeaturelist .featurename { text-align: left; }

#content #doc-index li a { color: #777777; text-decoration: none; }
#content #doc-index li a:hover { text-decoration: underline; }
#content #doc-index ul li a { font-weight: normal; }

/*portfolio*/
div.portfolio-item { clear: both; background: url(../images/portfolio-box.png) top left no-repeat; padding: 10px 32px; margin: 0 0 36px 0; border: 1px solid #59CF40; padding: 10px; background: #ffffff; }
div.portfolio-item div.info { clear: both; font-size: 12px; margin: 16px 0 0 0; }
div.portfolio-item div.images { clear: both; }
div.portfolio-item div.images div.image { float: left; width: 153px; height: 123px; padding: 4px 0 0 4px; margin: 0 74px 0 0; }
div.portfolio-item div.images div.image.last { margin: 0; }
div.portfolio-item div.images div.image a {  }
span.infotitle { color: #59CF40; text-transform: lowercase; font-size: 14px; font-weight: bold; text-transform: capitalize; }

.newsstory { border: 1px solid #d5d5d5; padding: 10px; margin: 0 0 10px 0; background: #ffffff; }