body {margin:0 auto; padding:0; background-color:#FFF;} div {margin:0 auto; text-align:center;} img {border:0;} h4 {font:normal 18px Verdana, Arial, Helvetica, sans-serif; color:#011b54} h5 {font:normal 18px Arial, Helvetica, sans-serif; color:#575a53; margin:0 0 5px; padding:0;} h6 {} p {font:12px Arial, Helvetica, sans-serif; color:#575a53; word-spacing:2px;} li {font:12px Arial, Helvetica, sans-serif; color:#575a53; word-spacing:2px;} hr {width:950px; text-align:center; margin:40px auto; border:1px solid #eaeaea; background-color:#e1e1e1; clear:both;} /*Super Header Hidden by Default*/ /*#superHeader {margin:0; padding:0; width:100%; height:120px; background-color:#031235;} .slideoutPanel {width:960px; padding-top:7px;} #superHeader a {color:#ff8a00;} #superHeader a:hover {color:#ffcc00;} #superHeader .section {float:left;} #superHeader .section p {color:#FFF; font:bold 12px/30px Arial, Helvetica, sans-serif; float:left; display:inline;} #superHeader .section p span {font:44px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#35415d; margin:0; padding:0;} #superHeader .section ul {list-style-type:none; width:75px; float:left; display:inline; margin:28px 0 0 7px; padding:0;} #superHeader .section li {list-style-type:none; display:inline; margin:0 1px;} #superHeader .tweets {width:385px; height:105px; border-left:1px solid #35415d; background:url(../templates/images/bg_twitter-bird.png) center right no-repeat; float:left; margin-left:15px;} #superHeader .tweets p {font:11px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#FFF; width:215px; height:80px; margin-top:30px; margin-left:45px;} #superHeader .tweets span.tweet-time {font:10px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#1aa5e0; line-height:20px;}*/ .slideoutPanel {display:none;} /*#superHeader {width:960px; padding-top:7px;}*/ #superHeader {margin:0; padding:0; height:120px; background-color:#031235; display:none; width:100%;} #panel_support, #panel_contact, #panel_connect, #panel_register, #panel_login {width:960px; padding-top:7px;} #superHeader a {color:#ff8a00;} #superHeader a:hover {color:#ffcc00;} #superHeader .section, .sup-col1 p {text-align:center; float:left;} #superHeader .section p, .sup-col1 p {color:#FFF; font:bold 12px/30px Arial, Helvetica, sans-serif; float:left; display:inline; margin-top:12px;} #superHeader .section p span, .sup-col1 p span {font:44px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#35415d; margin:0; padding:0;} #superHeader .section ul {list-style-type:none; width:75px; float:left; display:inline; margin:28px 0 0 7px; padding:0;} #superHeader .section li {list-style-type:none; display:inline; margin:0 1px;} #superHeader .tweets, #superHeader .col1 {text-align:center; width:385px; height:105px; border-left:1px solid #35415d; float:left; margin-left:15px;} #superHeader .tweets {background:url(../templates/images/bg_twitter-bird.png) center right no-repeat; } #superHeader .tweets p {font:11px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#FFF; width:215px; height:80px; margin-top:30px; margin-left:45px; margin-right:120px;} #superHeader .tweets span.tweet-time {font:10px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; color:#1aa5e0; line-height:20px;} #panel_contact .contactus {margin-left:-20px; height:100px; overflow:auto; width:630px; background:url(../templates/images/bg_phone.png) center right no-repeat;} #panel_contact .contactus ul {display:inline; margin:40px 0 0 10px; float:left;} #panel_contact .contactus ul li {text-align:left; list-style-type:none; color:#FFF; font-weight:bold;} #panel_support .getsupport {} #panel_support .getsupport ol {display:inline; margin:15px 0 0 10px; float:left;} #panel_support .getsupport ol li {text-align:left; color:#FFF; font-weight:bold; margin:4px 0;} /*Header*/ #headerWrapper {margin:0; padding:0; width:100%; height:80px; border-bottom:0px solid #FFF; border-bottom:none; background-color:#011b54;} /*line beow modifies header to have a 4px bottom border on home page, which is not needed on the sub-pages b/c the content background is white*/ #headerWrapper.home {border-bottom:4px solid #FFF;} #header {width:960px; margin:-22px auto 0; padding:0;} #header h1 a {background:url(../templates/images/pt_logo.png) center no-repeat; display:block; position:relative; float:left; width:155px; height:30px; left:6px; overflow:hidden; text-indent:-999em; top:35px; margin-right:10px; z-index:9999999;} #header ul {margin:0; pading:0; list-style-type:none;} #header li {margin:0; pading:0; list-style-type:none; display:inline;} #header ul#linkbar {position:relative; top:15px; left:-10px; clear:both;} #header ul#linkbar li a {color:#FFF; text-decoration:none; font:normal 16px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; padding:0 18px;} #header ul#linkbar li a:hover {color:#ff8a00;} #header ul#superLinkbar {position:relative; top:2px; right:20px; float:right;} #header ul#superLinkbar li a {font:11px Arial, Helvetica, sans-serif; margin:0 12px; color:#FFF; text-decoration:none;} #header ul#superLinkbar li a:hover {color:#ff8a00;} #header ul#superLinkbar li.active {background-color:#031235; border:1px solid #031235; padding:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #header form {display:none;} #header form#searchform legend, #header form#searchform label {display:none;} /*Content Area*/ /*line below modifies content wrapper on homepage to have a different background image required for the homepage feature carousel*/ #contentWrapper.home {width:100%; background:url(../templates/images/bg_contentWrapper.jpg) top center no-repeat; overflow:auto;} #contentWrapper {width:100%; background:url(../templates/images/bg_contentWrapper_sub.jpg) top center no-repeat; overflow:auto;} #contentWrapper a {color:#ff8a00; text-decoration:none;} #contentWrapper a:hover {text-decoration:underline;} /*Breadcrumbs only on Sub-pages*/ #breadcrumb {width:960px; height:35px; margin:0 auto; padding:0 0 0 0;} #breadcrumb p {text-align:left; margin:0; padding:10px 0 0 13px; font-weight:bold; color:#81837e;} #breadcrumb p a {color:#011b54;} #breadcrumb p a:hover {color:#ff8a00;} #subWrapper {width:958px; height:auto; overflow:auto;} /*Homepage specific content*/ #contentWrapper.home #feature {width:960px; height:405px; margin:0 auto;} #teaser {width:410px; text-align:left; float:left; display:inline;} #teaser h2 {background: url(../templates/images/cs_logo.png) center no-repeat; display:block; position:relative; float:left; width:298px; height:37px; left:0px; overflow:hidden; text-indent:-999em; top:15px; margin-bottom:35px; z-index:9999999;} #teaser h3 {color:#FFF; font:normal 30px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif; clear:both;} #teaser p {color:#FFF; font:bold 16px/25px "Lucinda Sans", Verdana, Arial, Helvetica, sans-serif;} #teaser button {background:url(../templates/images/bg_btn_demo.png) center no-repeat; border:none; height:80px; width:200px; color:#FFF; font:normal 18px Arial, Helvetica, sans-serif; padding:0 5px 10px 0; margin-left:170px; cursor:hand; cursor:pointer;} #carousel {width:540px; text-align:left; float:left; display:inline; margin:15px 0 0 10px;} .clients {width:958px; margin:-10px auto 0; text-align:left; padding:0 20px;} #clientsCopy {float:left; display:inline;} #clientcarousel {float:left; display:inline; width:660px; margin-left:35px;} .clients h4 {text-align:left;} .clients p {font-family:Verdana, Arial, Helvetica, sans-serif; width:260px; text-align:left;} /*Content Unique to 2 or 3 column page layout*/ #contentWrapper.twocontentcolumns #feature {width:703px; height:342px; margin:7px 15px 0 0; background:url(../templates/images/bg_feature_sub.png) bottom center no-repeat; float:right;} #contentWrapper.twocontentcolumns #content {width:703px; margin:7px 15px 0 0; float:right; text-align:left;} #contentWrapper.threecontentcolumns #content {width:503px; margin:7px 0 0; position:relative; left:-220px; float:right; text-align:left;} #contentWrapper.twocontentcolumns #content h2, #contentWrapper.threecontentcolumns #content h2 {font:24px Arial, Helvetica, sans-serif; color:#4a9103; margin-top:0; padding-left:8px;} #contentWrapper.twocontentcolumns #content p, #contentWrapper.threecontentcolumns #content p {padding:0 8px;} #contentWrapper.twocontentcolumns #content hr {background:url(../templates/images/hr_sub.png) no-repeat scroll center; height:9px; width:703px; clear:both; border:none; margin:20px 0;} #contentWrapper.threecontentcolumns #content hr {background:url(../templates/images/hr_sub.png) no-repeat scroll center; height:9px; width:503px; clear:both; border:none; margin:20px 0;} /*Content below shared between home and sub-pages so it must be differentiated - note 2 columns not styled for homepage and none of this used on three column layout*/ /*sub-page specifc*/ #contentWrapper.twocontentcolumns .columns {width:703px; margin:0 auto 20px; float:right;} .two {margin-bottom:0px;} .two div {width:335px; float:left; display:inline; margin:0 8px; text-align:left;} .two div h3 {font:normal 18px Arial, Helvetica, sans-serif; color:#7d7f7a; background-color:#EEE; padding:3px 0 2px 15px;} .two .col1 div, .two .col2 div {border:1px solid #EEE; margin:-17px 0 0; width:313px; padding:0 10px; min-height:105px;} .two .col1 div a, .two .col2 div a {font-weight:bold; text-transform:uppercase; display:block;} .two p, #contentWrapper.twocontentcolumns .three p {line-height:18px;} #contentWrapper.twocontentcolumns .three div {width:218px; float:left; display:inline; margin:0 8px; text-align:left;} #contentWrapper.twocontentcolumns .three div h3 {font:normal 18px Arial, Helvetica, sans-serif; color:#7d7f7a; background-color:#EEE; padding:3px 0 2px 15px;} #contentWrapper.twocontentcolumns .three div.col1 h3 {background:#EEE url(../templates/images/bg_column3_left.png) center left no-repeat;} #contentWrapper.twocontentcolumns .three div.col3 h3 {background:#EEE url(../templates/images/bg_column3_right.png) center right no-repeat;} #contentWrapper.twocontentcolumns .three .col1 div, #contentWrapper.twocontentcolumns .three .col2 div, #contentWrapper.twocontentcolumns .three .col3 div {border:1px solid #EEE; margin:-17px 0 0; width:196px; padding:0 10px; min-height:290px;} #contentWrapper.twocontentcolumns .three .col1 div a, #contentWrapper.twocontentcolumns .three .col2 div a, #contentWrapper.twocontentcolumns .three .col3 div a {font-weight:bold; text-transform:uppercase; display:block;} #contentWrapper.twocontentcolumns .three .col1 div img, #contentWrapper.twocontentcolumns .three .col2 div img, #contentWrapper.twocontentcolumns .three .col3 div img {} #contentWrapper.twocontentcolumns .three div ul {margin:0; padding:0;} #contentWrapper.twocontentcolumns .three div li {list-style-type:none; border-bottom:1px dotted #575a53; margin:0; padding:9px 0;} /*clean of borders and background colors*/ #contentWrapper.twocontentcolumns .three.clean div {width:218px; float:left; display:inline; margin:0 8px; text-align:left;} #contentWrapper.twocontentcolumns .three.clean div h3 {font:normal 18px Arial, Helvetica, sans-serif; color:#7d7f7a; background:none; padding:3px 0 2px 15px;} #contentWrapper.twocontentcolumns .three.clean div.col1 h3, #contentWrapper.twocontentcolumns .three.clean div.col3 h3 {background:none;} #contentWrapper.twocontentcolumns .three.clean .col1 div, #contentWrapper.twocontentcolumns .three.clean .col2 div, #contentWrapper.twocontentcolumns .three.clean .col3 div {border:none; margin:-17px 0 0; width:196px; padding:0 10px; min-height:290px;} #contentWrapper.twocontentcolumns .three .col1 div a, #contentWrapper.twocontentcolumns .three .col2 div a, #contentWrapper.twocontentcolumns .three .col3 div a {font-weight:bold; text-transform:uppercase; display:block;} #contentWrapper.twocontentcolumns .three .col1 div img, #contentWrapper.twocontentcolumns .three .col2 div img, #contentWrapper.twocontentcolumns .three .col3 div img {} #contentWrapper.twocontentcolumns .three div ul {margin:0; padding:0;} #contentWrapper.twocontentcolumns .three div li {list-style-type:none; border-bottom:1px dotted #575a53; margin:0; padding:9px 0;} /*3 column page, 2 column content*/ #contentWrapper.threecontentcolumns.columns {width:503px; margin:0 auto 20px; float:right;} #contentWrapper.threecontentcolumns .two {margin-bottom:0px;} #contentWrapper.threecontentcolumns .two div {width:235px; float:left; display:inline; margin:0 8px; text-align:left;} #contentWrapper.threecontentcolumns .two div h3 {font:normal 18px Arial, Helvetica, sans-serif; color:#7d7f7a; background-color:#EEE; padding:3px 0 2px 15px;} #contentWrapper.threecontentcolumns .two .col1 div, #contentWrapper.threecontentcolumns .two .col2 div {border:1px solid #EEE; margin:-17px 0 0; width:213px; padding:0 10px; min-height:105px;} #contentWrapper.threecontentcolumns .two .col1 div a, #contentWrapper.threecontentcolumns .two .col2 div a {font-weight:bold; text-transform:uppercase; display:block;} #contentWrapper.threecontentcolumns .two p, {line-height:18px;} .togglelist li {list-style-type:square !important;} /*home specific*/ #contentWrapper.home .columns {width:958px; margin:0 auto;} #contentWrapper.home .three div {width:250px; float:left; display:inline; margin:0 30px; text-align:left;} #contentWrapper.home .three div ul {margin:0; padding:0;} #contentWrapper.home .three div li {list-style-type:none; border-bottom:1px dotted #575a53; margin:0; padding:9px 0;} #contentWrapper.home .newtocommonspot {border-bottom:1px dotted #575a53; padding-bottom:14px;} #contentWrapper.home h5 img {vertical-align:baseline;} li.last {border-bottom:none !important;} .calltoaction {background:url(../templates/images/bg_calltoaction_gray.png) center right no-repeat; text-align:right; border-top:1px dotted #575a53; padding:1px 0;} .calltoaction a {color:#FFF !important; text-decoration:none !important; font:11px Arial, Helvetica, sans-serif; margin-right:5px;} .calltoaction a:hover {color:#f0f0f1 !important;} .webinar img {border:1px solid #CCC; background-color:#FFF; padding:3px; float:left; margin:0 7px 2px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*Call to Action Button*/ .btn-calltoaction {height:68px; text-align:left;} .btn-calltoaction-left {height:68px; width:17px; float:left; display:inline; background:url(../templates/images/calltoaction_border-left.png) top left no-repeat;} .btn-calltoaction blockquote {height:68px; float:left; display:inline; background:url(../templates/images/calltoaction_bg-center.png) top left repeat-x; margin:0; padding:17px 17px 0; color:#FFF; font:18px Arial, Helvetica, sans-serif; text-transform:lowercase;} .btn-calltoaction blockquote a {color:#FFF !important; text-decoration:none;} .btn-calltoaction blockquote a:hover {text-decoration:underline;} .btn-calltoaction-right {height:68px; width:16px; float:left; display:inline; background:url(../templates/images/calltoaction_border-right.png) top left no-repeat;} /*Tabs*/ #tabbed_box_1 {margin: 0px auto 0px auto; width:auto; clear:both;} .tabbed_area {/*border:1px solid #494e52; background-color:#636d76;*/ padding:8px;} ul.tabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:7px; /*Default is 6, but 7 required for radius in FF*/ text-align:left;} ul.tabs li {list-style:none; display:inline;} ul.tabs li a {background-color:#EEE; color:#ffebb5; padding:8px 14px 8px 14px; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; border:1px solid #eee; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-left-radius:3px; border-top-right-radius:3px;} ul.tabs li a:hover {background-color:#CCC; border-color:#EEE;} ul.tabs li a.active-tab {background-color:#fff; color:#282e32; border:1px solid #EEE; border-bottom:1px solid #fff; background-image:url(images/tab_on.jpg); background-repeat:repeat-x; background-position:top;} .tab-content {background-color:#fff; padding:10px; border:1px solid #EEE; font-family:Arial, Helvetica, sans-serif; background-image:url(images/tab-content_bottom.jpg); background-repeat:repeat-x; background-position:bottom; text-align:left;} #tab-content_2, #tab-content_3 {display:none;} .tab-content p {line-height:20px;} .tab-content ul {margin:0px; padding:0px 20px 0px 20px;} .tab-content ul li {list-style:none; border-bottom:1px solid #d6dde0; padding-top:15px; padding-bottom:15px; font-size:13px;} .tab-content ul li:last-child {border-bottom:none;} .tab-content ul li a {text-decoration:none; color:#3e4346;} .tab-content ul li a small {color:#8b959c; text-transform:uppercase; font:9px Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px;} .tab-content ul li a:hover {color:#a59c83;} .tab-content ul li a:hover small {color:#baae8e;} /*Left Gutter*/ #contentWrapper.twocontentcolumns #gutterLeft {width:215px; float:left; margin-top:-348px;} #contentWrapper.threecontentcolumns #gutterLeft {width:215px; float:left; margin-top:7px;} #gutterLeft ul.navigation {margin:7px 0 0 13px; padding:0 0 0; list-style-type:none; text-align:left; border-top:1px dashed #575a53;} #gutterLeft ul.navigation li {list-style-type:none; border-bottom:1px dashed #575a53; padding:10px 0; background:url(../templates/images/bg_nav_sub.png) center right no-repeat;} #gutterLeft ul.navigation li a {color:#575a53;} #gutterLeft ul.navigation li a:hover {color:#ff8a00;} #gutterLeft ul.navigation li.navbreak {border-bottom:2px solid #ACACAC;} #gutterLeft h4 {color:#575a53; text-align:left; font:bold 16px Arial, Helvetica, sans-serif; margin-left:13px;} #gutterLeft p {text-align:left; width:200px; margin:-5px 0 0 13px;} #gutterLeft hr {background:url(../templates/images/hr_gutterLeft.png) no-repeat scroll center; height:6px; width:206px; clear:both; border:none; margin:18px 0 18px 8px;} #gutterLeft ul.role {list-style-type:none; margin-left:-10px;} #gutterLeft ul.role li {text-align:left; list-style-type:none; background:url(../templates/images/bg_nav_sub.png) center left no-repeat; padding:2px 0 2px 15px} #gutterLeft ul.role li a {color:#575a53;} #gutterLeft ul.role li a:hover {color:#ff8a00;} #gutterLeft p.calltoaction {background:url(../templates/images/bg_calltoaction_orange.png) center right no-repeat; text-align:right; border-top:1px dotted #575a53; padding:1px 0; margin-top:5px;} #gutterLeft .calltoaction a {color:#FFF !important; text-decoration:none !important; font:11px Arial, Helvetica, sans-serif; margin-right:5px;} #gutterLeft .calltoaction a:hover {color:#f0f0f1 !important;} /*Right Gutter*/ #gutterRight {width:170px; float:right; margin:7px 0 0 20px; padding:0 5px 0 0; position:relative; left:495px;} #gutterRight h5 {color:#575a53; text-align:left; font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:-7px; padding-left:10px;} #gutterRight h5 a {color:#011b54;} #gutterRight h5 a:hover {color:#ff8a00;} #gutterRight p {text-align:left; padding:0 14px 0 10px;} #gutterRight hr {background:url(../templates/images/hr_gutterLeft.png) no-repeat scroll center; height:6px; width:163px; clear:both; border:none; margin:18px 0 18px 8px;} /*Footer*/ #footerWrapper {width:100%; height:125px; padding:0; margin:0; background:url(../templates/images/bg_footerWrapper.png) top left repeat-x; text-align:center; clear:both;} #footer {width:960px; padding-top:30px;} #footer p {font:11px/25px Arial, Helvetica, sans-serif; color:#575a53; word-spacing:2px; letter-spacing:1px;} #footer a {color:#575a53;} #footer a:hover {color:#ff8a00;} /*Cycle Carousel - Features at top*/ div#photo_cycle_container #cycle_nav {margin:5px; position:relative; top:35px; z-index:10; text-align:right; right:-23px; font:11px arial, helvetica sans-serif; width:490px;} div#photo_cycle_container #cycle_nav a {margin:5px; padding:3px 7px; border:1px solid #CCC; background:url(images/templates/bg_cycle_nav.png); color:#666; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} div#photo_cycle_container #cycle_nav a.activeSlide {background:#FF8E00; border:1px solid #fff; color:#fff;} div#photo_cycle_container #cycle_nav a:focus {outline: none;} div#photo_cycle_container {height:380px; margin:-15px 0px 0px;} div#photo_cycle_container .pics img {height: 375px; width: 522px; padding:0; border:none; background-color:none; top:0; left:0 } div#photo_cycle_container .pics {height:407px; width: 554px; padding:0; margin:-10px 0 0 10px; overflow: hidden } div#photo_cycle_container .cycle_title {background:none; width:490px; z-index:10; position:relative; top:-135px; left:4px; height:86px;} div#photo_cycle_container .cycle_title p {font:14px Arial, Helvetica, sans-serif; padding:3px 15px; margin:0; color:#666; text-align:left;} div#photo_cycle_container .cycle_title p span {font:18px Arial, Helvetica, sans-serif; color:#011b54; display:block; margin-bottom:5px;} /*jCarousel - Client logos at center*/ /*Constant*/ /* This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px;} /* The buttons are added dynamically by jCarousel before the