/* WSB DEMO */
@import url(header.css);
@import url(sidebars.css);
@import url(footer.css);
@import url(forms.css);
/* WSB STYLES */
body {margin: 0; padding: 0; font: 76%/1.4em Verdana, Arial, Helvetica, serif; color: #333333; background: #FFFFFF url(../images/body-bg.gif) repeat-x 0 0; text-align: center;}

img {behavior: url(/css/iepngfix.htc); border: none;}

a {color: #4789AD;}
a:visited {color:#4789AD;}
a:hover {text-decoration: none;}

h1 {margin: 0 0 10px 0; padding: 0; color: #6A8693; font: bold 3em Arial, Helvetica, sans-serif;}
#wrapperHome h1 {margin: 30px 0 20px 0;}
h2 {font: 1.2em Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: bold;}
.form h2 {margin: 0; padding: 0 0 5px 10px; border-bottom: 1px solid #EFEFEF; color: #6A8693;}
h3 {margin: 0; padding: 0;}
.content p {margin: 0 0 20px 0;}

hr {display: block; float: left; width: 100%; clear: both; margin: 20px 0 30px 0; background-color: #CCC; border: none; height: 1px;}
*+html hr {margin: 20px 0; background-color: #FFF; border-top: 1px solid #CCC; height: 1px;}

#background {float: left; width: 100%; background: none;}

#container {margin: 0 auto; text-align: left; width: 1024px; overflow: hidden;}

#wrapperHome {float: left; width: 100%;}
#wrapper {float: left; width: 1000px; background-color: #FFF;}
#wrapperWide, #wrapperDemo {float: left; width: 1005px;}

#wrapperHome .content {float: left; width: 984px; margin: 0 20px; padding: 0;}
#wrapperHome .content .left {float: left; width: 460px; margin: 10px 20px 10px 0; }
#wrapperHome .content .right {float: left; width: 460px; margin: 10px 0;}
#wrapperHome .content .left .heading, #wrapperHome .content .right .heading {font: bold 1.8em Arial, Helvetica, sans-serif; color: #6A8693; margin: 0;}
#wrapperHome .content .intro {float: left; width: 924px; padding: 0 100px 0 0; clear: both; margin: 0 0 20px 0;}
#wrapperHome .content .intro img {float: left; margin: 0 10px 0 0;}

.content .intro {float: left; width: 100%; font-size: 1.2em; color: #666; font-weight: bold;}
.content ul.intro {color: #333;}
*+ html .content ul.intro {list-style-image: url(../images/bullet.gif); margin: 10px 20px 40px 40px; padding-left: 5px;}
* html .content ul.intro {list-style-image: url(../images/bullet.gif); margin: 10px 20px 40px 40px; padding-left: 5px;}

.text {display: block; width: 440px; padding: 10px; margin: 0 0 40px 0; font-size: 0.9em;}
.text a {/*font-weight: bold;*/}

#breadcrumb {float: left; font-size: 0.9em; margin: 5px 0 15px 0; width: 1000px;}
*+html #breadcrumb {padding-top: 10px;}
#breadcrumb ul {margin: 0; padding: 0; list-style: none;}
#breadcrumb li {display: inline; background: url(../images/breadcrumb_arrow.gif) no-repeat 0 5px; padding-left: 13px;}
#breadcrumb .first {background-image: none;}
#breadcrumb .last {}
#breadcrumb a {padding-right: 3px}
#breadcrumb .current {color: #666666; font-weight: bold; text-decoration: none;}

#outer {position: relative; margin-left: 210px; width: 605px;}
#inner {float: left; width: 605px;}
#center {float: right; width: 605px;}

.content {float: left; padding: 0 35px 0 20px; line-height: 1.7em; width: 550px;}

#wrapperWide #outer, #wrapperDemo #outer {position: relative; margin-left: 211px; width: 780px;}
#wrapperWide #inner, #wrapperDemo #inner {float: left; width: 780px;}
#wrapperWide #center, #wrapperDemo #center {float: right; width: 780px;}
#wrapperWide .content {width: 670px;}

#wrapperDemo .content {width: 775px; padding: 0 0 0 20px;}

.content .printSaveEmail {float: left; width: 100%; font-size: 0.9em; margin: 10px 0;}
.content .printSaveEmail ul, .content .printSaveEmail .level1 {margin: 0; padding: 0; list-style: none;}
.content .printSaveEmail li {display: inline; margin-right: 5px; background: url(../images/divider.gif) no-repeat 0 0; padding-left: 10px;}
.content .printSaveEmail li a {color: #000000;}
.content .printSaveEmail .first {background-image: none; padding: 0;}

.content .related {float: left; width: 100%; margin-bottom: 40px;}
.content .related .heading {float: left; width: 100%; border-bottom: 2px solid #6D8898; padding-bottom: 14px; margin: 40px 0 15px 0; font: bold 1.8em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #6A8693;}
.content .related .block {float: left; width: 100%; margin-bottom: 20px;}
.content .related .title {float: left; width: 100%; font-weight: bold; font-size: 1.4em; color: #555; margin-bottom: 10px;}
.content .related .block .heading {float: left; width: 100%; font: bold 1em Verdana, Arial, Helvetica, sans-serif; border-bottom: none; margin: 0; padding: 0; text-transform: capitalize;}
.content .related .intro {float: left; width: 100%; font-size: 0.9em; line-height: 1.4em; font-weight: normal; margin-bottom: 5px; color: #333333;}

.content .listing, .authorListing {float: left; width: 100%; margin-bottom: 20px;}
.content .listing .block, .authorListing .block {float: left; width: 99%; padding: 2% 0.5%; border-bottom: 1px dotted #6D8898;}
* html .content .listing .block, .authorListing .block {border-bottom: 1px solid #CCC;}
.content .listing .block:hover, .authorListing .block:hover {/*background-color: #F0FAFF;*/ background: #F9F9F9 url(../images/arrow-on.gif) no-repeat 99% 95%;}
.content .listing h2, .authorListing h2 {float: left; width: 100%; font-size: 1.3em; margin-bottom: 10px;}
.content .listing h2 a, .authorListing h2 a {text-decoration: none;}
.content .listing .date, .authorListing .date {float: left; width: auto; display: inline; margin-right: 5px; color: #666666; font-size: 0.9em;}
.content .listing .author {float: left; width: auto; display: inline; color: #666666; font-size: 0.9em;}
.content .listing .intro, .authorListing .intro, .authorListing .link {float: left; width: 100%; font-weight: normal; color: #333333; font-size: 0.9em; line-height: 1.4em;}
.content .authorListing .intro, .authorListing .link {width: 450px;}
.authorListing .link {margin: 10px 0 0 0;}
.content .listing img, .authorListing img {float: left; margin: 0 10px 0 0;}

.content p.link {display: block; font-weight: bold;}

.content .date {float: left; width: auto; display: inline; padding: 0 5px 0 0; font-size: 0.9em;}
.content .author {float: left; width: auto; display: inline; padding-left: 5px; font-size: 0.9em;}

.columnLeft, .columnRight {float: left; width: 260px; margin: 20px 0 10px 0; font-size: 0.9em; line-height: 1.6em;}
.columnRight {float: right;}
.columnLeft p, .columnRight p {margin: 0 0 10px 0;}
.columnLeft .heading, .columnRight .heading {font-size: 1.4em;}
.columnLeft ul, .columnRight ul {margin: 0 0 10px 15px; padding: 0; }
.columnLeft p.link a, .columnRight p.link a {text-decoration: none; background: url(../images/nav_arrow.gif) no-repeat 0 5px; padding-left: 10px; display: block;}
.columnLeft p.link a:hover, .columnRight p.link a:hover {text-decoration: underline;}

.paginate {float: left; width: 100%; text-align: right; margin: 20px 0 35px 0;}
.paginate ul, .paginate .level1 {margin: 0; padding: 0; list-style: none;}
.paginate li {display: inline; margin: 0 4px 0 0;}
.paginate a {text-decoration: none; background: url(../images/paginate_divider.gif) no-repeat 0 3px; padding-left: 8px;}
.paginate a:hover {text-decoration: underline;}
.paginate .first {background: url(../images/arrow_left.gif) no-repeat top left; padding-left: 12px;}
.paginate .first a {background: none; padding-left: 0;}
.paginate .last {background: url(../images/arrow_right.gif) no-repeat top right; padding-right: 12px;}
.paginate .current a {font-weight: bold; color: #000000; font-size: 1.1em;}

.homeTop {float: left; width: 1000px; background: url(../images/browser-bg.jpg) no-repeat 0 155px;}
.products {background-image: none!important; background-color: #000; color: #FFF; margin-top: 20px;}
.products h2 {color: #FFF!important;}
.products a {color: #C1E3FF;}
.homeTop h2 {font-size: 2.4em; color: #333;}
.homeTop .image {float: left; margin: 26px 0 0 36px;}
.products .image {margin-top: 0;}
.homeTop .text {float: left; width: 885px; padding: 0 100px 0 15px; margin: 10px 0 20px 0; background: none;}
*+ html .homeTop .text {padding-bottom: 20px;}
.homeTop .text a {font-weight: normal;}
.homeTop .text p {margin: 0;}
.homeTop .flash {float: left; width: 100%; padding-bottom: 2px; border-bottom: 1px dotted #999;}
* html .homeTop .flash {border-bottom: 1px solid #CCC;}

.sectorHome, .sectorPage, .sectorPage .top {float: left; width: 1000px;}
.sectorHome h1 {float: left; width: 100%; font-size: 2.4em; color: #333; margin: 0 0 15px 0!important; padding: 0!important;}
.sectorHome .left {float: left; width: 540px;}
.sectorHome .right {float: right; width: 390px;}
.sectorHome .left h2 {margin: 15px 0; padding: 0; font: bold 2.4em Arial, Helvetica, sans-serif; color: #6A8693;}
.sectorHome .text {float: left; width: 100%; margin: 0 0 25px 0; padding: 0; background: none;}
.sectorHome .text p {margin: 10px 0;}
.sectorHome .sector {float: left; width: 100%; margin-bottom: 5px;}
.sectorHome .sector .heading {font-size: 1.4em; margin-bottom: 0;}
.sectorHome .sector p {font-size: 0.9em; margin: 5px 0 10px 0;}
.sectorHome .left p {}
.sectorHome .quote {float: left; width: 100%; margin: 0; padding: 20px 0; background: url(../images/quote-top.gif) no-repeat top left;}
.sectorHome .quote .text {font: italic 1.6em/1.4em Verdana, Arial, Helvetica, sans-serif; background: url(../images/quote-base.gif) no-repeat bottom right; margin: 0;}
.sectorHome .quote .client {font-size: 0.9em;}
.sectorHome .caseStudies {float: left; width: 360px; padding: 15px; background-color: #F4F2F0;}
.sectorHome .caseStudies .heading {margin-bottom: 10px;}
.sectorHome .caseStudies .caseStudy, .sectorHome .caseStudies .text {float: left; width: 100%;}
.sectorHome .caseStudies .caseStudy {margin-bottom: 15px;}
.sectorHome .caseStudies .caseStudy .heading {font-size: 0.9em; margin-bottom: 0;}
.sectorHome .caseStudies .text {margin: 0;}
.sectorHome .caseStudies .text p {margin: 0 0 10px 0;}
.sectorHome .caseStudies .link {float: left; width: 100%; font-size: 0.8em; font-weight: bold; margin: 0;}
.sectorHome .caseStudies .caseStudy .link {margin: -10px 0 0 0;}
.sectorHome .caseStudies .link a {background: url(../images/see-all-arrow.gif) no-repeat bottom right; padding-right: 10px;}

.sectorPage {float: left; width: 1000px; padding-top: 20px;}
.sectorPage h1 {font-size: 2.4em; color: #333; margin: 12px 0 18px 0!important; padding: 0; display: inline;}
.sectorPage .tag {font: bold 1.8em Arial, Helvetica, sans-serif; letter-spacing: 0.04em; color: #666; display: inline}
.sectorPage .top {margin: 17px 0 20px 0; padding-top: 17px; border-top: 1px dotted #CCC;}
.sectorPage .left {float: left; width: 585px; overflow: hidden;}
.sectorPage .top .left {min-height: 265px; width: 585px; background-color: #000;}
.sectorPage .top .right {float: right;  width: 400px; margin: 1px 0 0 0; padding: 0 15px 0 0; height: 264px; overflow: hidden; background-color: #000; color: #FFF; text-align: right;}
.sectorPage .right {float: right; width: 375px; margin-left: 20px;}
.sectorPage .top .right .text {float: left; width: 365px; margin: 25px 0 0 0; font-size: 1.6em; line-height: 1.2em;}
.sectorPage .top .right p {margin: 10px 0;}
.sectorPage .top .right .link {margin-right: 15px;}
.sectorPage h2 {margin: 0; font-size: 1.4em; font-weight: bold; color: #FFF;}
.sectorPage .introText {float: left; width: 585px; padding: 0; margin: 0; font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #999;}
.sectorPage .introText p {margin: 5px 0 20px 0;}
.sectorPage .introText li {margin: 5px 0; font-size: 0.9em; font-weight: bold; color: #666;}
.sectorPage .left .featured {border-top: 1px dotted #CCC; border-bottom-width: 0; padding: 35px 0 0 0; margin: 10px 0 0 0;}
.sectorPage .columnOne, .sectorPage .columnTwo {font-size: 0.9em;}
.sectorPage .right .heading {padding: 0;}
.sectorPage .right .title {font-size: 1.1em;}
.sectorPage .columnOne .featured .intro {margin-top: -10px;}
.sectorPage .columnTwo .intro {margin-bottom: 15px;}
.sectorPage .columns {float: left; width: 585px; background: url(../images/column-bg.gif) repeat-y 0 10px; padding-top: 10px; margin-top: 5px; font-size: 0.9em; border-top: 1px dotted #CCC;}
*+ html .sectorPage .columns, *+ html .sectorPage .moreNews, *+ html .sectorPage .moreFeatures {margin-top: 15px;}
.sectorPage .columns .column {float: left; width: 175px; padding: 5px 10px 0 10px;}
* html .sectorPage .columns .column {overflow: hidden;}
.sectorPage .columns .column .heading {border: none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0;}
.sectorPage .columns .column .heading a {text-decoration: none;}
.sectorPage .columns .column .heading a:hover {text-decoration: underline;}
.sectorPage .moreNews, .sectorPage .moreFeatures {border-top: 1px dotted #CCC; padding: 15px 0; margin-top: 5px;}
.sectorPage .featuredClient {padding: 5px 0 2px 0!important; margin-top: 5px!important; border-top: 1px dotted #CCC;}
.sectorPage .columnTwo p {line-height: 1.3em!important; margin: 0 0 15px 0;}
/*
.homeBase .featured {}
.homeBase .featured {border-bottom: 1px solid #EFEFEF;}
*+ html .homeBase .featured {padding-bottom: 12px;  border-bottom: 1px solid #EFEFEF;}
.homeBase .news .date {font-size: 1em;}
.homeBase .news .title {font-size: 1.2em; font-weight: bold;}
*/

.demo {float: right; width: 243px; padding-top: 120px; margin: 0 15px 0 0;}
* html .demo {padding-left:25px;}
.call {float: right; width: 233px; margin: 0 25px 0 0;}
* html .call {padding:0 0 0 15px;}
#left .call {float: left; width: 180px; margin: 0;}

.demoMovie {float: left; width: 100%; margin: 20px 0;}
.demoMovie h2 {font-size: 1.8em; margin-bottom: 10px;}
.demoMovie .movie {float: left; width: 602px; padding: 0; margin-bottom: 0; border: 1px solid #999; border-bottom: none;}
p.fullDemo {float: left; width: 100%; margin: 20px 0 0 0; color: #000; font: bold 1.8em Arial, Helvetica, sans-serif; letter-spacing: 1px;}
.blue {color: #066BA1;}
.demoMovie .text {float: left; width: 100%; padding: 10px 0; margin: 10px 0 0 0; background: none; font-size: 1em; /*border: 1px solid #DBDBDB; background-color:#F7F7F7;*/}
.demoMovie .text h3 {font-size: 1.1em; }
/* AMENDED 1.6.2009 */
.demoMovie .cta {float: left; width: 170px; margin: 0 0 0 2px; padding: 0; background-color: #FF9800; overflow: hidden;}
* html .demoMovie .cta {height: 383px;}
.demoMovie .cta a.demoSignUp {float: left; width: 170px; height: 165px; margin-top: 13px; border-top: 2px solid #FFF; background: url(../images/demo-sign-up-banner-170.png) no-repeat 0 0; position: relative; text-indent: -3000px;}
.demoMovie .related {float: left; width: 168px; padding: 10px; margin: 0; font-size: 0.9em; height: 183px;}
.demoMovie .related p {padding: 0; margin: 0;}
.demoMovie .related .heading {float: none; display: block; clear: both; margin: 0 0 10px 0; padding: 0; border: none;  font: bold 1em Arial, Helvetica, sans-serif; color: #333;}
.demoMovie .related ul {margin: 0; padding: 0 5px 0 5px; list-style: none; line-height: 1.4em;}
.demoMovie .related li {margin: 3px 0;}
.demoMovie .related a {font-weight: bold; color: #000;}
/****/
.demoLink {display: block; background: url(../images/video-icon.gif) no-repeat 0 35px; padding: 17px 0 3px 40px; font-size: 1em; font-weight: bold; line-height: 1.7em; color: #000;}
*+ html .demoLink {background-position: 0 3px;}
*html .demoLink {background-position: 0 3px;}
.demoLink:hover {background-image: url(../images/video-icon-over.gif);}
.listing .demoLink {background-position: 0 3px;}
.featureImageRight {}

.sectors {float: left; width: 1000px; background: url(../images/sectors-base.gif) no-repeat bottom left; padding: 0 0 9px 0; margin: 0 0 20px 0;}
.sectors .image {float: left; width: 1000px; background: url(../images/sectors-top.gif) no-repeat 0 29px; padding-bottom: 7px;}
.sectors .boxes {float: left; width: 990px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 4px;}
.sectors .box {float: left; width: 188px; margin: 0 5px; background: url(../images/sectors-box-base.jpg) no-repeat bottom left; min-height: 115px;}
* html .sectors .box {margin: 0 4px; height: 115px;}

*+ html * html .sectors .box {height: 115px;}
.sectors .box .heading {float: left; width: 168px; margin: 0 0 5px 0; background: url(../images/sectors-box-top.gif) no-repeat top left; font: bold 1.6em Arial, Helvetica, sans-serif; color: #333; padding: 11px 10px 0 10px;}
.sectors .box p {margin: 10px; font-size: 0.9em; line-height: 1.3em;}
.sectors .box .link a {font-weight: bold; color: #FF0000; text-decoration: none; background: url(../images/red-arrow.gif) no-repeat 99% 80%; padding-right: 10px;}
.sectors .box .link a:hover {text-decoration: underline;}

.homeBase {float: left; margin: 0; width: 1000px;}
* html .homeBase {margin-top: 20px; overflow: hidden;}
*+ html .homeBase {margin-top: 20px;}
.homeBase .left {float: left; margin: 0 20px 0 10px; width: 580px;}
* html .homeBase .left {margin: 0 0 0 5px; overflow: hidden;}
.homeBase .left .heading, .sectorPage .heading {float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 0 5px; border-bottom: 1px dotted #CCC; font: bold 1.8em Arial, Helvetica, sans-serif; color: #666;}
* html .homeBase .left .heading {border-bottom: 1px solid #EFEFEF;}
.homeBase .right {float: right; margin: 0; font-size: 0.9em; width: 390px;}
* html .homeBase .right {overflow: hidden; width: 395px;}
.homeBase .right .heading {float: left; margin: 0; padding: 0; border-bottom: 1px dotted #CCC; font: bold 1.8em Arial, Helvetica, sans-serif; color: #666;}
* html .homeBase .right .heading {border-bottom: 1px solid #EFEFEF;}
.right .columnOne .heading, .right .columnTwo .heading  {width: 180px; padding-bottom: 2px; margin-bottom: 15px;}

.articles {float: left; margin-bottom: 20px; width: 585px;}
.articles .featured {float: left; margin-bottom: 20px; width: 585px; margin: 0 0 10px 0; border-bottom: 1px dotted #CCC; padding: 0 0 10px 0; font-size: 1.1em;}
* html .articles .featured {border-bottom: 1px solid #EFEFEF;}
.articles .featured .image {float: left; width: 135px; margin-right: 5px; border: 1px solid #CCC;}
.articles .text {float: left; width: 443px; background: none; padding: 0; margin: 0;}
.articles .text .heading {float: left; width: 100%; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 0 0 5px 0; padding: 0; border: none;}
.articles .text .heading a {text-decoration: none;}
.articles .text .heading a:hover {text-decoration: underline;}
.articles .date {float: left; width: auto; display: inline; padding: 0 5px 0 0; font-size: 0.9em;}
.articles .author {float: left; width: auto; display: inline; padding-left: 5px; font-size: 0.9em;}
.articles .text .intro {float: left; width: 100%; margin-top: 2px; font-size: 0.9em; line-height: 1.4em;}
.articles .columns {float: left; width: 585px; background: url(../images/column-bg.gif) repeat-y 0 0; font-size: 0.9em;}
.articles .columns .column {float: left; width: 175px; padding: 5px 10px 0 10px;}
* html .articles .columns .column {overflow: hidden;}
.articles .columns .column .heading {border: none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0;}
.articles .columns .column .heading a {text-decoration: none;}
.articles .columns .column .heading a:hover {text-decoration: underline;}
.homeBase .articles .image img, .sectorPage .articles .image img{ height: 90px; width: 135px}
.homeBase .title, .sectorPage .title {float: left; width: 100%; font: bold 1em Arial, Helvetica, sans-serif; color: #666; margin-bottom: 5px;}
.homeBase .link, .sectorPage .link {margin-bottom: 5px; padding-left: 10px;}
*+ html .homeBase .link {padding-bottom: 5px;}

.columnOne .features .heading, .columnOne .news .heading, .columnTwo .features .heading {border: none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 0!important; padding: 0;}
.columnOne .features .heading a, .columnOne .news .heading a, .columnTwo .features .heading a {text-decoration: none;}
.columnOne .features .heading a:hover, .columnOne .news .heading a:hover, .columnTwo .features .heading a:hover {text-decoration: underline;}

.homeBase ul, .columns ul, .sectorPage .moreNews ul, .sectorPage .moreFeatures ul {float: left; width: 100%; margin: 0 0 10px 0; padding: 0; list-style: none;}
.homeBase ul li, .columns ul li, .sectorPage .moreNews li, .sectorPage .moreFeatures li {background: url(../images/link-bullet.gif) no-repeat 0 5px; padding-left: 10px; margin-bottom: 5px;}

.columnOne {float: left; padding: 0; width: 180px; margin-right: 15px;}
* html .homeBase .columnOne {margin-right: 10px;}
.homeBase .features {float: left; width: 100%;}
.homeBase .title {float: left; width: 100%; font-weight: bold; font-size: 1.1em;}
.homeBase .title a {text-decoration: none;}
.homeBase .intro {float: left; width: 100%; margin-bottom: 15px; line-height: 1.5em;}
.homeBase .intro a {text-decoration: none; color: #000000;}
.columnTwo {float: left; padding: 0; width: 180px;}
.homeBase .title a:hover, .homeBase .intro a:hover {text-decoration: underline;}
.homeBase h3 {float: left; width: auto; margin: 20px 0 5px -5px; padding: 0 0 6px 5px; border-bottom: none;}
.homeBase .news {float: left; width: 100%; margin: 0 0 10px 0;}
.homeBase .news .date {float: left; width: 100%; color: #666; font-size: 0.9em;}
.homeBase .news .title {float: left; width: 100%; font-size: 1em; font-weight: normal;}
.homeBase .news .intro {float: left; width: 100%; line-height: 1.4em;}
.homeBase .news .intro a {text-decoration: none; color: #000000;}
.homeBase .featured {float: left; width: 100%; margin-bottom: 7px; border-bottom: 1px dotted #CCC;}
.homeBase .featured {border-bottom: 1px solid #EFEFEF;}
*+ html .homeBase .featured {padding-bottom: 12px;  border-bottom: 1px solid #EFEFEF;}
.homeBase .news .date {font-size: 1em;}
.homeBase .news .title {font-size: 1.2em; font-weight: bold;}

.homeBase .sites {float: left; width: 580px;}
.homeBase .sites .left {float: left; padding-left: 0; width: 250px; margin: 0 30px 0 0!important;}
* html .homeBase .sites .left {width: 252px;}
.homeBase .sites img {border: 1px solid #999999; margin: 3px 0;}
.homeBase .sites .link {margin: 10px 0 0 -10px!important; font-size: 0.8em;}

.homeBase .link {float: left; width: 100%; font-size: 0.9em; font-weight: bold; margin: 0 0 20px 0;}
.homeBase .link a {background: url(../images/see-all-arrow.gif) no-repeat bottom right; padding-right: 10px;}

.articleDetails {float: left; width: 100%; margin: 0 0 5px 0; padding: 0; list-style: none; font-size: 0.9em;}
.articleDetails li {display: inline;}
.keywords {float: left; width: 100%; margin: 0 0 5px 0; font-size: 0.9em; color: #666;}
.pullQuote {float: right; width: 220px; padding: 10px; margin: 5px 0 5px 20px; border-top: 7px double #ACD2DF; border-bottom: 7px double #ACD2DF; font: bold 1.8em Arial, Helvetica, sans-serif; line-height: 1.4em; color: #000;}
*+ html .pullQuote  {margin-top: 25px!important;}
.higlightSection {float: left; width: 550px; display: block; padding: 10px; margin: 20px 0 20px 0!important; border-top: 7px double #ACD2DF; border-bottom: 7px double #ACD2DF; font: bold 1.4em Arial, Helvetica, sans-serif; line-height: 1.4em; color: #000;}
.featureImageRight {float: right; margin: 3px 0 0 10px;}
* html .featureImageRight {padding-bottom: 20px;}
*+ html .featureImageRight {padding-bottom: 20px;}
.featureImageLeft {float: left; margin: 3px 10px 0 0;}
.faqQuestions {margin: 20px 0; padding: 0; list-style: none; font-weight: bold;}
.faqQuestions li {margin-bottom: 7px;}
.glossary {margin: 20px 0; padding: 0; list-style: none;}
.glossary li {display: inline; margin-right: 7px; font-weight: bold;}
.downloads {margin: 10px 0 40px 0; padding: 0; list-style: none;}
.downloads li {margin-bottom: 5px;}

.imageText {float: left; width: 100%; margin-bottom: 20px;}
.imageText img {float: left; margin: 0 10px 0 0;}

.demoBox {float: left; width: 550px; padding: 10px; margin: 10px 0; background-color: #333; color: #FFF;}
.demoBox p, .pullQuote p {margin: 0;}
.demoBox strong {float: left; width: 100%; font: bold 1.3em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF;}
.demoBox a {font-weight: bold;}
.heading {font-weight: bold;}
.listHeading {margin: 10px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dotted #6D8898; color: #333; font-size: 1.3em;}
* html .listHeading {border-bottom: 1px solid #6D8898;}

.clear {clear: both;}
.grey {color: #666666;}
.toLeft {float: left;}
.toRight {float: right; margin: 5px;}
.alert {color: #FF0000;}

.popup {float: left; width: 100%; background-color: #FFF; overflow: hidden; text-align: left;}
#popupHeader, .popupContent, #popupFooter {float: left; width: 370px; padding: 0 5px;}
.popupContent h1 {font-size: 1.8em;}
#popupFooter p {margin: 5px 0; font-size: 0.9em;}

.special {display:none;}
.previewBar {background-color: #000; color: #FFF; padding-bottom: 3px;}