/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label {margin:0; padding:0; -webkit-font-smoothing:antialiased;}
table {border-collapse:collapse; border-spacing:0;}
th, td {text-align:left; vertical-align:top;}
h1, h2, h3, h4, h5, h6, th, td, caption {font-weight:normal; padding:0px; margin:0px;}
img {border:0;}
ul, li {list-style:none;}
a, a:visited {color:#1f79b7; text-decoration:none; outline:none; -webkit-transition-property: color; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out;}
a:hover {color:#0990d1; text-decoration:none;}
abbr {border: 0px}
/* Basic Styles */
h1 {font-size:3.2em; line-height:110%; color:#1f79b7;}
h2 {font-size:2.2em; line-height:120%; color:#2f8ac9;}
h3 {font-size:2.0em; line-height:130%; color:#1f79b7;}
h4 {font-size:1.8em; line-height:130%; color:#2b2b2b; margin:0.5em 0 0 0;}
h5 {font-size:1.8em; line-height:130%; color:#1f79b7;}
p {font-size:1.5em; line-height:140%; padding:0.5em 0 1em 0; margin:0px;}
sup {line-height:0%; margin-top: 10px}
blockquote {text-indent:-0.5em; margin:0px; padding:0px;}
.yellow {color: #fdff4e;}
.blue {color: #0086c7;}
.lblue {color: #38b1ea;}
.slideblue {color: #2e79b8;}
.slideblue2 {color: #0f548f;}
.fl {float: left;}
.fr {float: right;}
.shadow {text-shadow:0px 1px 1px #1770b2}
.bold {font-weight: bold;}
.cl {clear: both;}
.it {font-style: italic;}
.txtbox {font-family: Arial; color: #333; font-size: 12px; padding: 6px; margin: 2px 0px 2px 0px; border: solid 1px #566874;}
.watermark {font-family: Arial; color: #999; font-size: 12px; padding: 6px; margin: 2px 0px 2px 0px; border: solid 1px #566874;}
.black {color: #000;}
.salesPhone {color:#a9b7c0; font-size: 34px; font-weight: bold}
a.whitel, a:visited.whitel {color: #ffffff; text-decoration: none;}
a:hover.whitel {color: #ffffff; text-decoration: underline;}
hr.thin {border: 0px; border-top: solid 1px #ccc;}
/* Tooltip */
.tooltip1 {position: relative; font-size: 14px;}
.tooltip1 a, a:visited {color: #87949b; text-decoration: underline;}
.tooltip1 a:hover {color: #87949b; text-decoration: none;}
.tooltip1 a span { display: none; color: #fff; }
.tooltip1 a:hover span {display: block; position: absolute; background: #d6e8f2; left: 80px; top: -40px; color: #87949b; font-family: Calibri; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #ccc;}
body {margin:0px auto; padding-top: 38px; font-size:10px; color:#4b4b4b; font-family: Arial, sans-serif; background: #f7f7f7 url(../images/background-tile.png) repeat-x top; text-rendering:optimizeLegibility;}
/*Global Upper Bar */
#wrapperUpperBar {width: 100%; height: 38px;}
/*#wrapperUpperBar {width: 100%; height: 38px; background: url(../images/common/upper-tile.jpg) repeat-x; color: #b4b4b4;}*/
#wrapperUpperBar #UpperBarcontainer { text-align: right; margin: 0px auto; padding: 10px 30px 0px 0px; color: #b4b4b4; font-size: 12px; text-shadow:0px 1px 1px #000;}
#wrapperUpperBar #UpperBarcontainer a.ub, a.ub:visited {color: #b4b4b4; text-decoration: none; font-size: 12px; text-shadow:0px 1px 1px #000;}
#wrapperUpperBar #UpperBarcontainer a.ub:hover {color: #c4c4c4; text-decoration: none; font-size: 12px; text-shadow:0px 1px 1px #000;}
#wrapperUpperBar .phone {color: #fff; font-size: 16px}
/*Global Upper Nav */
#wrapperUpperNav {width: 768px; height: 82px; margin: 0px auto 0px auto; padding: 30px 0px 0px 0px}
#wrapperUpperNav .logo {margin: -30px 20px 0px 0px; float: left;}
/*Global Content Body */
/*Edited to fit container on inner pages*/
#wrapperContent {max-width:1024px; padding:0px; margin:30px auto 20px auto; background: #fff; -moz-box-shadow: 0 0 30px 5px #ccc; -webkit-box-shadow: 0 0 30px 5px #ccc; box-shadow: 0 0 30px 5px #ccc; overflow: auto; }
/*Global Footer */
#wrapperFooter { padding: 9px; margin:30px auto 20px auto; background: #302f2d; overflow: hidden; color: #c8c8c8; clear:left;}
#wrapperFooter .wrapperCol {width:250px; height: 130px; color: #fff; border: 0px; border-left: 1px solid #302f2d; background: #3d3c3a; text-align: left; float: left;}
#wrapperFooter .wrapperColHeader {width: 100%; height: 30px; color: #fff; background: #53524e;}
#wrapperFooter .wrapperColHeader p {margin: 0px 0px 0px 36px;}
#wrapperFooter .wrapperColBody {width: 100%; color: #53524e; padding-top: 10px; background: #3d3c3a;}
#wrapperFooter .wrapperColBody p {margin-left: 36px; line-height: 4px; font-size: 12px;}
#wrapperFooter .wrapperCol a, a:visited {color: #c7c7c7; text-decoration: none; font-size: 12px;}
#wrapperFooter .wrapperCol a:hover {color: #efefef; text-decoration: none; font-size: 12px;}
#wrapperFooter #wrapperSocialMedia {width:100%; height: 60px; padding: 9px 0px 9px 0px; margin:10px auto 0px auto; background: #302f2d; overflow: hidden; color: #c8c8c8;}
#wrapperFooter #wrapperSocialMedia p {margin-top:10px;}
#wrapperFooter #wrapperSocialMedia a, a:visited {color: #c7c7c7; text-decoration: none;}
#wrapperFooter #wrapperSocialMedia a:hover {color: #efefef; text-decoration: none;}
#wrapperFooter #wrapperSocialMedia a.yt, a.yt:visited {width: 144px; height: 44px; padding: 22px 72px; background: url(../images/icon-youtube-off.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.yt:hover {width: 144px; height: 44px; padding: 22px 72px; background: url(../images/icon-youtube-on.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.fb, a.fb:visited {width: 122px; height: 44px; padding: 22px 61px; background: url(../images/icon-facebook-off.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.fb:hover {width: 122px; height: 44px; padding: 22px 61px; background: url(../images/icon-facebook-on.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.tw, a.tw:visited {width: 118px; height: 44px; padding: 22px 58px; background: url(../images/icon-twitter-off.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.tw:hover {width: 118px; height: 44px; padding: 22px 58px; background: url(../images/icon-twitter-on.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.bl, a.bl:visited {width: 118px; height: 44px; padding: 22px 58px; background: url(../tp/images/common/icon-blog-off.jpg) no-repeat; border: 0px;}
#wrapperFooter #wrapperSocialMedia a.bl:hover {width: 118px; height: 44px; padding: 22px 58px; background: url(../tp/images/common/icon-blog-on.jpg) no-repeat; border: 0px;}
#wrapperFinePrint, #wrapperFinePrint p {width:980px; color: #666; margin: 4px; font-size: 12px;}
/* Homepage Slider */
#hpslider {float:left; clear:left; width:100%; margin-top:-30px; margin-bottom: 20px;}
#hpsliderContainer {width:1130px; height:408px; margin:0px auto;}
ul#slider {width:1130px; height:408px; padding:0px;}
ul#slider div {width:630px; height:408px; padding:0px 500px 0px 0px; margin:0px;}
ul#slider a.rm {color: #063f54; font-size:1em; text-decoration: none;}
ul#slider a.rm:hover {color: #ddd; font-size:1em; text-decoration: none;}
ul#slider div h1 {float:left; width:480px; font-size:2em; font-weight: bold; margin:50px 0px 10px 58px; line-height: 30px; color: #fff; font-family: Arial;}
ul#slider div h2 {float:left; width:430px; font-size:1.4em; margin:4px 0px 10px 58px; color:#b4ebff;}
ul#slider div p {float:left; width:430px; font-size:1em; line-height:140%; color:#fff; margin:0px 0px 0px 58px;}
ul#slider div p.header1 {float:left; width:480px; font-size:2em; font-weight: bold; margin:70px 0px 20px 58px; line-height: 30px; padding: 0px; color: #fff; font-family: Arial;}
ul#slider div p.header2 {float:left; width:430px; font-size:1.4em; margin:0px 0px 10px 58px; line-height: 20px; padding: 0px; color:#b4ebff;}
ul#slider div.slide1 {background:url(../tp/images/slider/slide1vb2-bg.jpg) no-repeat;}
ul#slider div.slide2 {background:url(../tp/images/slider/slide2-bg.jpg) no-repeat;}
ul#slider div.slide3 {background:url(../tp/images/slider/slide3-bg.jpg) no-repeat;}
ul#slider div.slide4 {background:url(../tp/images/slider/slide4-bg.jpg) no-repeat;}
ul#slider div.slide5 {background:url(../tp/images/slider/slide5-bg.jpg) no-repeat;}
ul#slider div.slide6 {background:url(../tp/images/slider/slide6-bg.jpg) no-repeat;}
ul#slider div.slide7 {background:url(../tp/images/slider/slide7-bg.jpg) no-repeat;}
ul#slider div.slide8 {background:url(../tp/images/slider/slide8-bg.jpg) no-repeat;}
ul#slider #slidenum .phonenum {font-size:3em; float: left; font-weight: bold; color: #fdff4e; height: 200px; font-family: Arial; display: block; margin: 0px; padding: 0px; line-height: 18px; position: relative; top: -600px; left: 100px;}
ul#slider div.btnrow {float: left; margin: 10px 0px 0px 58px;}
ul#slider div.green h1, ul#slider div.green h2 {color:#328925;}
/* Homepage */
#wrapperColumn { margin: 10px auto 0px auto; overflow: auto;}
#wrapperColumn .col1 {
width: 294px;
float: left;
padding: 20px 20px 0px 20px;
margin: 0px;
background: url(../images/miniad-boot.png) no-repeat 194px 20px;
border: 0px;
border-right: solid 1px #d9dedd;
}
#wrapperColumn .col2 {
width: 294px;
float: left;
padding: 20px 20px 0px 20px;
margin: 0px;
background: url(../images/miniad-ramp.png) no-repeat top right;
border: 0px;
border-right: solid 1px #d9dedd;
}
#wrapperColumn .col3 {
width: 294px;
float: left;
padding: 20px 20px 0px 20px;
margin: 0px;
background: url(../images/miniad-partner.png) no-repeat top right;
border: 0px;
/*border-right: solid 1px #d9dedd;*/
}
#wrapperColumn .col4 {width: 220px; float: left; padding: 20px 20px 0px 20px; margin:0px; background: url(../tp/images/home/col1-bg.gif) no-repeat top right;}
#wrapperColumn h3 {font-family: 'BebasNeueRegular', Arial; color: #000; font-size: 2.4em;}
#wrapperColumn p {color: #3d3942; font-family: Arial; border: 0px;}
#wrapperColumn .hpsub {color: #7f7f7f; font-family: Georgia, Arial; font-style: italic;}
#wrapperColumnLower {width: 1058px; height: 47px; margin: 10px auto;}
.col1b {text-align:center;}
#wrapperColumnLower .col1b {width: 350px; float: left; padding: 0px 20px 0px 20px; margin:0px; text-align: center;}
#wrapperColumnLower .col2b {width: 300px; float: left; padding: 0px 20px 0px 20px; margin:0px; text-align: center;}
#wrapperColumnLower .col3b {width: 280px; float: left; padding: 0px 20px 0px 20px; margin:0px; text-align: center;}
#wrapperColumnLower .col4b {width: 220px; float: left; padding: 0px 20px 0px 20px; margin:0px; text-align: center;}
#wrapper3steps {width: 765px; color: #5a5a5a; height: 190px; margin: 30px auto; padding: 16px 0px 0px 295px; overflow: auto; background: url(../tp/images/home/3step-bg.jpg) no-repeat; box-shadow:0px 4px 4px #ddd; -moz-box-shadow:0px 4px 4px #ddd; -webkit-box-shadow:0px 4px 4px #ddd}
#wrapper3steps h4 {font-size: 20px;}
#wrapper3steps #step1 {width: 200px; float: left; text-align: left; margin-right: 94px;}
#wrapper3steps #step2 {width: 200px; float: left; text-align: left; margin-right: 70px;}
#wrapper3steps #step3 {width: 190px; float: left; text-align: left;}
#wrapperBlog {width:792px; height: 180px; padding: 20px 0px 0px 270px; margin:10px auto 40px auto; background: url(../tp/images/home/Blog-bg.gif) no-repeat top left;}
#wrapperBlog .rsstitle {color: #37a3d8; font-family: Georgia, Arial; font-style: italic; font-size: 14px; font-weight: bold; line-height: 12px;}
#wrapperBlog .rsspubdate {color: #afafaf; font-family: Arial; font-size: 10px;}
#wrapperBlog .rssdescription {color: #5a5a5a; font-family: Arial; font-size: 12px; border: 0px;}
#wrapperBlog .RSSItemStyle {width: 300px; margin: 0px 20px 0px 10px; padding: 14px 20px 0px 20px; border: 0px; border-left: solid 1px #eee;}
/* Secondary Global */
#wrapperBreadCrumbs {width: 100%; height: 24px; text-indent: 20px; background: #f5fcff; border-bottom:1px solid #cdd3d4; padding:3px 0px; font-size: 12px; line-height: 0px; }
#wrapperBreadCrumbs .currentNode {color: #778786; text-decoration: none; line-height: 0px; margin-top: -10px; padding: 0px;}
#wrapperBreadCrumbs .rootNode {color: #f5fcff; width: 21px; background: url(../tp/images/common/bc-home.gif) no-repeat; text-decoration: none;}
#wrapperBreadCrumbs .generalNode {color: #778786; text-decoration: none; line-height: 0px;}
#wrapperBreadCrumbs img {display: inline; vertical-align: middle; }
#wrapperBreadCrumbs .bc-home {display: inline; vertical-align: middle; }
#wrapperBreadCrumbs span {}
/* Products */
#wrapperProductInnerPages {width:1058px; padding:16px 36px;}
#upperProductImage {padding:0px 20px 30px 20px;}
#upperProductHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperProductInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperProductInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperProductInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperProductInnerPages p {color: #3d3942; font-size: 14px; margin: 0px; padding: 0px;}
#wrapperProductForm {width:100%; margin: 30px 0px; background: url(../tp/images/products/common/form-bg-tile.png) repeat-x; height:282px; clear:both;}
#wrapperProductForm #formButtons {margin:60px 0px 0px 0px; width:356px; text-align: center;}
#wrapperProductForm #formButtons .call {padding:30px 10px 0 0; text-align:center;}
#wrapperProductForm #formButtons p {color:#a9b7c0;font-weight:bold; font-size:1.3em; text-align:center;margin:0px; padding:0px;}
#wrapperProductForm #formWrapper {width:220px; background-color:#748b96;height:256px;margin-right:36px; padding: 6px 20px 20px 20px;}
#wrapperProductForm #formWrapper p {color:#ffffff; font-size:1.4em; }
#wrapperProductForm #video {position:relative; width:468px; height:276px; top:-20px; left:20px; float: left;}
#wrapperProductForm #ipad {position:relative; width:434px; height:276px; top:-340px; left:20px; float: left;}
#wrapperProductForm #mailbox {position:relative; width:468px; height:276px; top:-160px; left:20px; float: left;}
#wrapperProductForm #website {position:relative; width:468px; height:276px; top:-150px; left:20px; float: left;}
#wrapperProductWrapper {width: 100%; margin: 20px auto; overflow: hidden;}
#wrapperProductWrapper .col {width: 900px; clear: both; margin: 20px auto;}
#wrapperProductWrapper .col-image {overflow: hidden;}
#wrapperProductWrapper .col-text {width: 600px; color: #3d3942;}
#wrapperProductWrapper .col-text .asterisk {font-size:1.0em; color:#9e9e9e;}
#wrapperProductWrapper p.required {color:#757575;font-size:2.4em;margin:0px; padding:0px; line-height: 18px;}
#wrapperProductWrapper p.required span {color:#9e9e9e;font-size:.5em;margin:0px; padding:0px;}
#wrapperProductWrapper .spacer {clear: both; height: 20px;}
#wrapperProductWrapper .titlebar, #wrapperProductWrapper .titlebar h3 {width: 1000px; height: 42px; margin: 10px auto; background: url(../tp/images/products/apps/title-bg.gif) no-repeat center; text-align: center; font-weight: bold; font-size: 38px; color: #000;}
#wrapperPurchaseBar {background:url(../tp/images/products/common/purchasebar.gif) no-repeat; width:1062px; height:123px;text-align:center; margin:0px auto;}
#wrapperPurchaseBar .phonePurchaseBar {padding:30px 100px 15px 100px; text-align: center; float:left;}
#wrapperPurchaseBar .Number {font-size: 24px; color: #302f2d;}
#wrapperPurchaseBar span {font-size: 12px; color: #302f2d;}
#wrapperPurchaseBar .buynowPurchaseBar {float:right; padding:30px 20px 15px 20px;}
/* Company */
#wrapperCompanyHeader {width: 1130px; height: 204px;}
#wrapperCompanyHeader .headline {font-family: Arial; font-size: 38px; line-height: 0px; margin: 30px 0px 0px 40px; padding: 10px 0px 0px 0px;}
#wrapperCompanyHeader .subheadline {font-family: Arial; color: #fff; line-height: 24px; font-size: 24px; margin: 10px 0px 0px 40px;}
#wrapperCompanyHeader div.btnrow a.pricing, a:visited.pricing {font-size: 14px; color: #004768;}
#wrapperCompanyHeader div.btnrow a:hover.pricing {color: #fff;}
#wrapperCompanyInnerPages {width:1058px; padding:16px 36px; background: url(../tp/images/company/common/sidebar-bg.gif) repeat-y top left; border-bottom: solid 1px #e5e5e3; color: #3d3942;}
#wrapperCompanyInnerPages #sidebar {width: 261px; float: left;}
#wrapperCompanyInnerPages #sidebar a.sb, a:visited.sb, a:hover.sb {width: 261px; padding: 4px 0px; font-family: 12px; text-decoration: none; color: #4b4b4b; display: block;}
#wrapperCompanyInnerPages #sidebar a.on {width: 152px; position: relative; left: -36px; padding: 4px 109px 4px 36px; font-family: 12px; border-top: solid 1px #e5e5e3; border-bottom: solid 1px #e5e5e3; background: #fff;}
#wrapperCompanyInnerPages #sidebar p {padding: 6px 0px;}
#wrapperCompanyInnerPages #sidebar #contact {width: 214px; margin: 20px auto; color: #bebebe;}
#wrapperCompanyInnerPages #sidebar hr {width: 214px; border: 0px; border-top: solid 1px #ccc; margin: 0px 0px 20px 0px;}
#wrapperCompanyInnerPages #sidebar .number {font-family: 'BebasNeueRegular', Arial; font-size: 2.4em;}
#wrapperCompanyInnerPages #sidebar #call {width: 100%; background: url(../tp/images/careers/contact-phone-bg.gif) no-repeat top left; padding-left: 40px; font-size: 12px;}
#wrapperCompanyInnerPages #sidebar #campus {width: 214px; margin: 20px auto; background: url(../tp/images/careers/contact-phone2-bg.gif) no-repeat top left; padding-left: 40px; font-size: 12px;}
#wrapperCompanyInnerPages #sidebar #campus a, a:visited {text-decoration: underline; color: #bebebe;}
#wrapperCompanyInnerPages #sidebar #campus a:hover {text-decoration: none; color: #333;}
#wrapperCompanyInnerPages #leftcontent {width: 760px; float: right;}
#wrapperCompanyInnerPages h1 {color: #38b1ea; font-size: 4em; font-weight: bold;}
#wrapperCompanyInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 3em; font-weight: normal; text-indent: 70px;}
#wrapperCompanyInnerPages .titlebar, #wrapperCompanyInnerPages .titlebar h3 {width: 745px; height: 38px; margin: 10px auto; background: url(../tp/images/company/home/title-bg.gif) no-repeat center; text-align: center; font-weight: bold; font-size: 26px; color: #000;}
#wrapperCompanyInnerPages .complist {width: 735px; margin: 6px 0px 6px 60px; text-align: left; font-size: 14px; color: #4b4b4b;}
#wrapperCompanyInnerPages .complist a, a:visited {width: 735px; margin: 6px auto; text-align: left; font-size: 14px; color: #4b4b4b; text-decoration: underline;}
#wrapperCompanyInnerPages .complist a:hover {text-decoration: none; color: #0083ca;}
#wrapperCompanyInnerPages p.perks {font-family: Georgia, Arail; font-style: italic; font-size: 16px; line-height: 16px; margin: 0px; padding: 6px;}
#wrapperCompanyInnerPages hr {border: 0px; border-top: solid 1px #ddd; width: 728px; margin: 20px auto; clear: both;}
#wrapperCompanyInnerPages ul, li {list-style:disc; font-size: 14px;}
#wrapperCompanyInnerPages a.pagelinks, a.pagelinks:visited {color: #3d3942; text-decoration: none; padding: 0px; margin: 0px; font-size: 13px;}
#wrapperCompanyInnerPages a.pagelinks:hover {color: #0083ca; text-decoration: none; padding: 0px; margin: 0px; font-size: 13px;}
#wrapperCompanyInnerPages #map {margin: 4px auto 40px auto; text-align: center;}
#wrapperCompanyInnerPages .bios {margin: 6px auto; width: 700px; background: #f4f4f4; padding: 10px;}
/* Pricing */
#wrapperPricingInnerPages {width:1058px; padding:16px 36px;}
#upperPricingImage {padding:0px 20px 30px 20px;}
#upperPricingHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperPricingInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperPricingInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperPricingInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperPricingInnerPages p {color: #3d3942; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;}
#wrapperPricingInnerPages .pricingiPad {width: 453px; float: left; position: relative; top: 10px; left: 20px;}
#wrapperPricingContent {width: 1130px; height: 692px; background: url(../tp/images/pricing/content-bg.jpg) no-repeat}
#wrapperPricingContent .rows {width: 1056px; height: 65px; padding: 16px 66px 0px 0px; margin: 0px auto; text-align: right; }
#wrapperPricingContent .rowsb {width: 1056px; height: 65px; padding: 16px 66px 0px 0px; margin: 0px auto; text-align: right;}
#wrapperPricingContent .number {font-size: 24px; font-weight: bold; color: #a9b7c0; margin-left: 30px;}
#wrapperPricingContent .phonenum {width: 260px; height: 41px; background: url(../tp/images/pricing/call.gif) no-repeat top left; float: right; text-align: left; padding: 4px 0px 0px 20px;}
#wrapperPricingContent .phonenumlight {width: 260px; height: 41px; background: url(../tp/images/pricing/calllight.gif) no-repeat top left; float: right; text-align: left; padding: 4px 0px 0px 20px;}
#wrapperPricingContent img {margin: 0px; padding: 0px; display: inline;}
/* Video */
#wrapperVideoInnerPages {width:1058px; padding:16px 36px;}
#upperVideoImage {padding:0px 20px 30px 20px;}
#upperVideoHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperVideoInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperVideoInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperVideoInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperVideoInnerPages p {color: #3d3942; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;}
#wrapperVideoInnerPages .pricingiPad {width: 453px; float: left; position: relative; top: 10px; left: 20px;}
#wrapperVideoContent {width: 1130px;}
/* Sitemap */
#wrapperSitemapInnerPages {width:1058px; padding:16px 36px;}
#upperSitemapImage {padding:0px 20px 30px 20px;}
#upperSitemapHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperSitemapInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperSitemapInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperSitemapInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperSitemapInnerPages p {color: #3d3942; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;}
#wrapperSitemapInnerPages .pricingiPad {width: 453px; float: left; position: relative; top: 10px; left: 20px;}
#wrapperSitemapContent {width: 1130px;}
#wrapperSitemapContent a.sitemaplink, a:visited.sitemaplinks {font-size: 14px; color: #0083ca;}
#wrapperSitemapContent a:hover.sitemaplinks {font-size: 14px; color: #666;}
/* Contact Us */
#wrapperContactContact {width: 704px; margin: 10px auto;}
#wrapperContactContact h3 {font-size: 16px; font-weight: bold;}
#wrapperContactContact .tiles {width: 246px; margin: 6px 0px; padding: 44px; background: #f8f8f8; color: #4f4f4f;}
#wrapperContactContact p {color: #4f4f4f; font-size: 12px; font-weight: normal;}
#wrapperContactContact a.cc, a:visited.cc, a:hover.cc {color: #4f4f4f; font-size: 12px; font-weight: normal; text-decoration: underline;}
#wrapperContactContact hr {width: 90%; border: 0px; border-top: solid 1px #ccc;}
#wrapperContactContact .phone {font-size: 20px; font-family: 'BebasNeueRegular', Arial;}
/* Partners */
#wrapperPartnersInnerPages {width:1058px; padding:16px 36px;}
#wrapperPartnersHeader {width: 1130px; height: 204px;}
#wrapperPartnersHeader .headline {font-family: Arial; font-size: 38px; line-height: 0px; margin: 30px 0px 0px 40px; padding: 10px 0px 0px 0px;}
#wrapperPartnersHeader .subheadline {font-family: Arial; color: #fff; line-height: 24px; font-size: 24px; margin: 10px 0px 0px 40px;}
#wrapperPartnersHeader div.btnrow a.pricing, a:visited.pricing {font-size: 14px; color: #004768;}
#wrapperPartnersHeader div.btnrow a:hover.pricing {color: #fff;}
#upperPartnersImage {padding:0px 20px 30px 20px;}
#upperPartnersHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperPartnersInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperPartnersInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperPartnersInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperPartnersInnerPages p {color: #3d3942; font-size: 14px; margin: 0px; padding: 0px;}
#wrapperPartnersForm {width:100%; margin: 30px 0px; background: url(../tp/images/products/common/form-bg-tile.png) repeat-x; height:282px; clear:both;}
#wrapperPartnersForm #formButtons {margin:60px 0px 0px 0px; width:356px; text-align: center;}
#wrapperPartnersForm #formButtons .call {padding:30px 10px 0 0; text-align:center;}
#wrapperPartnersForm #formButtons p {color:#a9b7c0;font-weight:bold; font-size:1.3em; text-align:center;margin:0px; padding:0px;}
#wrapperPartnersForm #formWrapper {width:220px; background-color:#748b96;height:256px;margin-right:36px; padding: 6px 20px 20px 20px;}
#wrapperPartnersForm #formWrapper p {color:#ffffff; font-size:1.4em; }
#wrapperPartnersForm #person {position:relative; width:336px; height:342px; top:-220px; left:60px; float: left;}
#wrapperPartnersForm #person2 {position:relative; width:336px; height:342px; top:-320px; left:60px; float: left;}
#wrapperPartnersWrapper {width: 100%; margin: 20px auto; overflow: hidden;}
#wrapperPartnersWrapper .col {width: 900px; clear: both; margin: 20px auto;}
#wrapperPartnersWrapper .col-image {overflow: hidden;}
#wrapperPartnersWrapper .col-text {width: 600px; color: #3d3942;}
#wrapperPartnersWrapper .col-text .asterisk {font-size:1.0em; color:#9e9e9e;}
#wrapperPartnersWrapper p.required {color:#757575;font-size:2.4em;margin:0px; padding:0px; line-height: 18px;}
#wrapperPartnersWrapper p.required span {color:#9e9e9e;font-size:.5em;margin:0px; padding:0px;}
#wrapperPartnersWrapper .spacer {clear: both; height: 20px;}
#wrapperPartnersWrapper .titlebar, #wrapperProductWrapper .titlebar h3 {width: 1000px; height: 42px; margin: 10px auto; background: url(../tp/images/products/apps/title-bg.gif) no-repeat center; text-align: center; font-weight: bold; font-size: 38px; color: #000;}
#wrapperPartnersFooter {width: 1058px; height: 170px; background: #eeeded url(../tp/images/alliances-and-partners/resellers/footer-bg.gif) center no-repeat; margin: 20px auto;}
#wrapperPartnersFooter #left {width: 510px; text-align: center; float: left; padding-top: 30px;}
#wrapperPartnersFooter #right {width: 510px; text-align: center; float: right; padding-top: 30px;}
#wrapperPartnersFooter p {color: #302f2d; font-family: Arial; font-size: 26px;}
/* Brokers */
#wrapperBrokersInnerPages {width:1058px; padding:16px 36px;}
#wrapperBrokersHeader {width: 1130px; height: 204px;}
#wrapperBrokersHeader .headline {font-family: Arial; font-size: 38px; line-height: 0px; margin: 30px 0px 0px 40px; padding: 10px 0px 0px 0px;}
#wrapperBrokersHeader .subheadline {font-family: Arial; color: #fff; line-height: 24px; font-size: 24px; margin: 10px 0px 0px 40px;}
#wrapperBrokersHeader div.btnrow a.pricing, a:visited.pricing {font-size: 14px; color: #004768;}
#wrapperBrokersHeader div.btnrow a:hover.pricing {color: #fff;}
#upperBrokersImage {padding:0px 20px 30px 20px;}
#upperBrokersHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperBrokersInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperBrokersInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperBrokersInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperBrokersInnerPages p {color: #3d3942; font-size: 14px; margin: 0px; padding: 0px;}
#wrapperBrokersForm {width:100%; margin: 30px 0px; background: url(../tp/images/products/common/form-bg-tile.png) repeat-x; height:282px; clear:both;}
#wrapperBrokersForm #formButtons {margin:60px 0px 0px 0px; width:356px; text-align: center;}
#wrapperBrokersForm #formButtons .call {padding:30px 10px 0 0; text-align:center;}
#wrapperBrokersForm #formButtons p {color:#a9b7c0;font-weight:bold; font-size:1.3em; text-align:center;margin:0px; padding:0px;}
#wrapperBrokersForm #formWrapper {width:220px; background-color:#748b96;height:256px;margin-right:36px; padding: 6px 20px 20px 20px;}
#wrapperBrokersForm #formWrapper p {color:#ffffff; font-size:1.4em; }
#wrapperBrokersForm #video {position:relative; width:468px; height:276px; top:-40px; left:20px; float: left;}
#wrapperBrokersForm #person {position:relative; width:336px; height:342px; top:-220px; left:60px; float: left;}
#wrapperBrokersForm #person2 {position:relative; width:336px; height:342px; top:-320px; left:60px; float: left;}
#wrapperBrokersWrapper {width: 100%; margin: 20px auto; overflow: hidden;}
#wrapperBrokersWrapper .col {width: 900px; clear: both; margin: 20px auto;}
#wrapperBrokersWrapper .col-image {overflow: hidden;}
#wrapperBrokersWrapper .col-text {width: 600px; color: #3d3942;}
#wrapperBrokersWrapper .col-text .asterisk {font-size:1.0em; color:#9e9e9e;}
#wrapperBrokersWrapper p.required {color:#757575;font-size:2.4em;margin:0px; padding:0px; line-height: 18px;}
#wrapperBrokersWrapper p.required span {color:#9e9e9e;font-size:.5em;margin:0px; padding:0px;}
#wrapperBrokersWrapper .spacer {clear: both; height: 20px;}
#wrapperBrokersWrapper .titlebar, #wrapperProductWrapper .titlebar h3 {width: 1000px; height: 42px; margin: 10px auto; background: url(../tp/images/products/apps/title-bg.gif) no-repeat center; text-align: center; font-weight: bold; font-size: 38px; color: #000;}
#wrapperBrokersFooter {width: 1058px; height: 170px; background: #eeeded url(../tp/images/alliances-and-partners/resellers/footer-bg.gif) center no-repeat; margin: 20px auto;}
#wrapperBrokersFooter #left {width: 510px; text-align: center; float: left; padding-top: 30px;}
#wrapperBrokersFooter #right {width: 510px; text-align: center; float: right; padding-top: 30px;}
#wrapperBrokersFooter p {color: #302f2d; font-family: Arial; font-size: 26px;}
/* Careers */
/* FAQ */
a.faq, a.faq:visited {color: #0083ca; text-decoration: underline;}
a.faq:hover {color: #00649a; text-decoration: underline;}
p.answers {width: 650px;}
ul.answers, li.answers {width: 650px;}
/* RSA */
#wrapperRSAInnerPages {width:1058px; padding:16px 36px;}
#upperRSAImage {padding:0px 20px 30px 20px;}
#upperRSAHeadline {width:560px; text-align:left; padding:20px 20px 0 0;}
#wrapperRSAInnerPages h1 {color: #38b1ea; font-size: 3.8em; font-weight: bold;}
#wrapperRSAInnerPages h2 {color: #000; font-family: 'BebasNeueRegular', Arial; font-size: 2.4em; font-weight: normal;}
#wrapperRSAInnerPages h3 {color: #797979; font-size: 1.6em; font-weight: bold;}
#wrapperRSAInnerPages p {color: #3d3942; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px;}
#wrapperRSAInnerPages .pricingiPad {width: 453px; float: left; position: relative; top: 10px; left: 20px;}
#wrapperRSAContent {width: 1130px;}
#wrapperRSAContent #images {width: 960px; margin: 4px auto 40px auto; text-align: center;}
#wrapperRSAContent #map {width: 905px; margin: 4px auto 40px auto; text-align: center;}
#wrapperPresentation {width: 740px; margin: 0px auto 10 auto; clear: both;}
#wrapperPresentation .slidewrapper {width: 740px; font-size: 14px; color: #333; margin: 20px 0px;}
#wrapperPresentation .slidewrapper p {font-size: 14px; color: #414f56;}
#wrapperPresentation .slideheader {width: 740px; height: 95px; padding-top: 30px;}
#wrapperPresentation .slidebody1 {width: 488px; padding: 30px 10px 10px 240px; border: solid 1px #ddebf2; border-top: 0px;}
#wrapperPresentation .slidebody2 {width: 478px; padding: 30px 250px 10px 10px; border: solid 1px #ddebf2; border-top: 0px;}
#wrapperPresentation .slidebody3 {width: 458px; padding: 30px 10px 10px 270px; border: solid 1px #ddebf2; border-top: 0px;}
#wrapperPresentation h3 {color: #fff; font-family: 'BebasNeueRegular'; font-size: 62px; line-height: 34px; margin: 0px 40px;}
#wrapperPresentation h3 span {color: #fff; font-family: 'BebasNeueRegular'; font-size: 44px;}
#wrapperPresentation h4 {color: #38b1ea; font-size: 20px}
#wrapperPresentation li {list-style: url(../tp/images/rsa/presentations/bullets.gif); }
#wrapperPresentation #wrapperbtn {height: 40px; width: 740px; position: relative; top: 100px;}
#wrapperPresentation #wrapperbtn #btnprev {height: 40px; width: 40px; float: left;}
#wrapperPresentation #wrapperbtn #btnnext {height: 40px; width: 40px; float: right;}
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#contentRegisterLP {background:url(../tp/images/bg_iPad2_promo_mobile.jpg) 50% -210px no-repeat;}
.registerLP {width:650px;}
.registerLP h1 {margin:40px 0px 40px 0px;}
#mc_embed_signup label {font-size:2.3em;}
.mc-field-group-disclaimer {font-size:1.3em; margin-top:0px;}
.registerLP .btnSubscribe {font-size:2.3em;}
.logo_mobile {margin:50px 0px 50px 18px; background:url(../tp/images/logo_mobile.png) 50% 0 no-repeat;}
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
#contentRegisterLP {width:600px; background:url(../tp/images/bg_iPad2_promo_mobile.jpg) 50% -230px no-repeat;}
.registerLP {width:560px; height:950px;}
.registerLP h1 {width:560px; margin:0px 0px 24px 0px;}
.registerLP h2 {width:500px; text-align:center; font-size:1.8em; margin:20px 30px 34px 30px;}
#mc_embed_signup label {width:560px; font-size:2.3em;}
#mc_embed_signup .field-group {width:560px;}
.mc-field-group {width:560px; text-align:center;}
.mc-field-group-disclaimer {font-size:1.5em; margin-top:0px;}
.registerLP .btnSubscribe {font-size:2.3em;}
.mc-field-group-disclaimer {width:560px;}
.registerLP p {width:380px;}
.logo_mobile {width:560px;}
.registerLP a.datasheet {margin:0px 0px 0px 0px;}
.registerLP a.datasheet {width:240px;}
.datasheet p {width:230px;}
.three_mo_promo p {width:230px; padding:0px 38px; margin:8px 0px 20px 0px;}
}
#toppanel {
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 999;
}
.tab {
background: url("../images/upper-tile.png") repeat-x scroll 0 0 transparent;
height: 38px;
margin-left: 0;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
clear: right;
color: white;
display: block;
float: right;
font-size: 80%;
font-weight: normal;
height: 38px;
line-height: 28px;
margin: 0;
position: relative;
right: 10px;
text-align: center;
width: auto;
}
.tab ul.login li {
display: block;
float: left;
height: 38px;
padding: 0 6px;
text-align: left;
}
.blueberry { max-width: 1024px; }
#textWrapFull, #textWrapFull2, #textWrapFullSmmg {
background: none repeat scroll 0 0 transparent;
display: inline;
float: left;
margin: 0;
padding: 0;
width: 930px;
}
#textWrap p, #textWrapFull p, #textWrapFull2 p, #textWrapFullSmmg p {
clear: left;
color: #666666;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
}
a .titleBox p, a .titleBox span {
color: #FFFFFF !important;
font: 11px/11px Helvetica,Arial,Verdana,sans-serif !important;
margin: 0 !important;
padding: 0;
text-transform: uppercase;
}
#refreshFeatureThumbs a {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 217px;
}
#siteContainer {
margin: 0 auto;
padding: 0;
position: relative;
text-align: left;
width: 969px;
}
#textWrap {
background: none repeat scroll 0 0 transparent;
clear: both;
display: inline;
float: left;
margin: 10px 40px 0 0;
padding: 0;
width: 560px;
}
* html #textWrap {
margin: 0 30px 0 0;
}
#homeContainer #textWrap {
display: inline;
float: left;
margin: 5px 0 0;
width: 969px;
}
#textWrapFull .introCopy {
clear: none;
float: left;
margin: 17px 0 0 95px;
width: 490px;
}
#textWrapFull .introCopy p {
color: #FFFFFF;
}
#textWrap h1.sharedHeadline, #textWrapFull h1.sharedHeadline {
color: #FFFFFF;
float: left;
font: 32px/36px Helvetica,Verdana,Arial,sans-serif;
margin: 0 0 15px;
}
#textWrap h2.white, #textWrapFull h2.white {
color: #FFFFFF;
float: left;
font: 32px/36px Helvetica,Verdana,Arial,sans-serif;
margin: 0 0 15px;
}
#textWrapFull, #textWrapFull2, #textWrapFullSmmg {
background: none repeat scroll 0 0 transparent;
display: inline;
float: left;
margin: 0;
padding: 0;
width: 930px;
}
#textWrap h1, #textWrapFull h1 {
clear: both;
color: #226699;
font: 28px/34px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
}
#textWrap h2, #textWrapFull h2 {
clear: both;
color: #555555;
font: 22px/26px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 5px;
}
#textWrap h2.small, #textWrapFull h2.small {
clear: both;
color: #555555;
font: 18px/22px Arial,Helvetica,Verdana,sans-serif !important;
margin: 0 0 10px !important;
}
#textWrap h2 a.subHeaderLink, #textWrapFull h2 a.subHeaderLink {
border-top: 1px solid #D5D5D5;
clear: both;
color: #226699;
display: inline;
float: left;
font: 22px/26px Arial,Helvetica,Verdana,sans-serif;
margin: 0;
padding: 12px 0 0;
text-decoration: none;
width: 100%;
}
#textWrap h2 a.subHeaderLink:hover, #textWrapFull h2 a.subHeaderLink:hover {
border-top: 1px solid #D5D5D5;
clear: both;
color: #226699;
display: inline;
float: left;
font: 22px/26px Arial,Helvetica,Verdana,sans-serif;
margin: 0;
padding: 12px 0 0;
text-decoration: underline;
width: 100%;
}
#textWrap h3, #textWrapFull h3 {
clear: both;
color: #609F32;
font: 16px/20px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
}
#textWrapFull2 h5, #textWrapFullSmmg h5 {
clear: both;
color: #226699;
float: left;
font: 36px/40px Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
padding: 7px 0 0;
width: 750px;
}
#textWrap h5, #textWrapFull h5 {
clear: both;
color: #226699;
float: left;
font: 36px/40px Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
padding: 7px 0 0;
}
#textWrapFull h5 span.code {
color: #999999;
font: 36px/40px Arial,Helvetica,Verdana,sans-serif;
}
#textWrap h5.thin, #textWrapFull h5.thin {
clear: both;
color: #226699;
float: left;
font: 36px/40px Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
min-height: 57px;
padding: 7px 0 0;
width: 650px;
}
#textWrap p, #textWrapFull p, #textWrapFull2 p, #textWrapFullSmmg p {
clear: left;
color: #666666;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
}
#textWrapFull .fullPageCopy {
float: left;
margin: 35px 0 0 50px;
width: 820px;
}
#textWrapFull p.limit {
clear: left;
color: #666666;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
width: 600px;
}
#textWrapFull #introWrap {
display: inline;
float: left;
margin: 0 15px 0 0;
width: 570px;
}
#textWrapFull #introWrap h1.headerIcon {
color: #226699;
display: inline;
float: left;
font: 28px/34px Arial,Helvetica,Verdana,sans-serif;
margin: 18px 0 30px;
width: 570px;
}
#textWrapFull #introWrap h1.header {
color: #226699;
display: inline;
float: left;
font: 28px/34px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
width: 570px;
}
#textWrapFull #introWrap h1.headerIcon img.icon {
display: inline;
float: left;
margin: -18px 20px 0 0;
}
#textWrapFull #introWrap p span {
float: left;
margin: 20px 0 0;
}
#textWrap a, #textWrapFull a, #textWrapFull2 a {
clear: left;
color: #609F32;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
}
#textWrap ul, #textWrapFull ul {
list-style-type: none;
margin: 0 0 25px 30px;
padding: 0;
}
#textWrap ul li {
background: url("../img/iconSprite.gif") no-repeat scroll 0 6px transparent;
color: #666666;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 5px;
padding: 0 0 0 20px;
width: 460px;
}
#homeContainer #textWrap ul li {
background: none repeat scroll 0 0 transparent;
margin: -7px 15px 0 0;
padding: 0;
width: auto;
}
#textWrap ul ul {
list-style-type: none;
margin: 10px 0 0 30px;
padding: 0;
}
#textWrap ul ul li {
background: url("../img/iconSprite.gif") no-repeat scroll 0 -339px transparent;
clear: both;
color: #666666;
display: inline;
float: left;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 5px;
padding: 0 0 0 20px !important;
width: 465px;
}
#textWrap .pdfLinkList li, #textWrapFull .pdfLinkList li {
background: url("../img/pdfIcon.png") no-repeat scroll 0 0 transparent;
clear: both;
color: #666666;
display: inline;
float: left;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 20px;
padding: 0 0 0 35px !important;
width: 465px;
}
.divider {
border-bottom: 1px dashed #B7B7B7;
clear: both;
float: left;
margin: 20px 0;
width: 560px;
}
.helpdivider {
border-bottom: 1px dashed #B7B7B7;
clear: both;
float: left;
margin-bottom: 20px;
margin-top: 0;
width: 560px;
}
#textWrapFull #hoverButtons {
float: left;
}
#textWrapFull #hoverButtons a.brighten {
float: left;
opacity: 0.99;
width: 550px !important;
}
#textWrapFull #hoverButtons a.brighten:hover {
opacity: 0.85;
}
#textWrap h5, #textWrapFull h5 {
clear: both;
color: #226699;
float: left;
font: 36px/40px Helvetica,Verdana,sans-serif;
margin: 0 0 10px;
padding: 7px 0 0;
}
.refreshSignupBtn {
float: left;
width: auto;
margin-top: 7px;
margin-right: 5px;
margin-bottom: 20px;
margin-left: 0;
}
img {
border: 0 none;
display: block;
}
#textWrap a, #textWrapFull a, #textWrapFull2 a {
clear: left;
color: #609F32;
font: 14px/22px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 15px;
}
.refreshShortThumbnail {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #D9D9D9;
float: left;
margin: 0 0 10px;
padding: 10px;
}
#refreshFeatureThumbs {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #D9D9D9;
float: left;
margin: 30px 30px 50px 0;
padding: 10px 0 0;
width: 467px;
}
#refreshFeatureThumbs a {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 217px;
}
#refreshFeatureThumbs a:hover {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 217px;
}
#refreshFeatureThumbs a.wide {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 444px;
}
#refreshFeatureThumbs a.wide:hover {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 444px;
}
a .titleBox {
background: none repeat scroll 0 0 #515D61;
float: left;
padding: 5px 12px;
position: absolute;
right: 0;
top: 0;
}
a .titleBox p, a .titleBox span {
color: #FFFFFF !important;
font: 11px/11px Helvetica,Arial,Verdana,sans-serif !important;
margin: 0 !important;
padding: 0;
text-transform: uppercase;
}
#refreshFeatureThumbs img {
float: left;
margin: 0;
opacity: 0.8;
padding: 0;
}
#refreshFeatureThumbs img:hover {
opacity: 0.99;
}
#refreshFeatureThumbThin {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
float: left;
margin: 40px 0 25px;
padding: 10px 0 0;
position: relative;
width: 391px;
z-index: 10;
}
#refreshFeatureThumbThin a {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 179px;
}
#refreshFeatureThumbThin a:hover {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 179px;
}
#refreshFeatureThumbThin a.wide {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 367px;
}
#refreshFeatureThumbThin a.wide:hover {
border: 1px solid #D9D9D9;
clear: none;
float: left;
height: 117px;
margin: 0 0 10px 10px;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
width: 367px;
}
#refreshFeatureThumbThin img {
float: left;
margin: 0;
opacity: 0.8;
padding: 0;
}
#refreshFeatureThumbThin img:hover {
opacity: 0.99;
}
.refreshDescWrap {
float: left;
height: 250px;
padding: 15px 15px 15px 25px;
width: 327px;
}
.refreshDescWrap h2 {
color: #336699 !important;
font: bold 28px/32px Helvetica,Arial,Verdana,sans-serif !important;
}
.refreshDescWrap .refreshLearnSmButton a {
margin: 0 0 10px !important;
width: 100px !important;
}
#refreshSectionDesc, #refreshSectionDescLeft {
float: left;
margin: 35px 0 0;
width: 400px;
}
#refreshSectionDescLeft2 {
float: left;
margin: 35px 0 0;
width: 480px;
}
#textWrapFull ul#refreshBulletList {
background: url("../img/trans.gif") no-repeat scroll 0 0 transparent !important;
float: left;
list-style-type: none;
margin: 0 20px 10px 0;
padding: 0;
width: 180px;
}
#textWrapFull ul#refreshBulletList li.refreshBullets {
background: url("../img/trans.gif") no-repeat scroll 0 0 transparent !important;
border-bottom: 1px dashed #CCCCCC;
clear: both;
float: left;
font: 12px/16px Helvetica,Arial,Verdana,sans-serif;
margin: 0 0 5px !important;
padding: 0 0 5px 10px !important;
width: 180px;
}
#refreshSectionDescLeft {
clear: both;
margin: 35px 30px 0 0;
}
#refreshSectionDescWide {
float: left;
margin: 35px 0 0;
width: 550px;
}
#refreshSectionDesc ul.refreshList {
float: left;
list-style-type: none;
margin: 5px 0 0;
}
#refreshSectionDesc ul.refreshList li {
background: none repeat scroll 0 0 #F9F9F9 !important;
border-bottom: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
color: #666666;
list-style-type: none;
margin: 0 0 7px;
padding: 5px 15px;
width: 365px !important;
}
#refreshSectionDescFull {
float: left;
margin: 35px 0 0;
width: 930px;
}
#refreshSectionDescFull ul.refreshListWide {
float: left;
list-style-type: none;
margin: 0 0 0 155px;
}
#refreshSectionDescFull ul.refreshListWide li {
background: url("../img/blueArrow.png") no-repeat scroll 10px 5px #F9F9F9 !important;
border-bottom: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
color: #666666;
list-style-type: none;
margin: 0 0 5px;
padding: 5px 20px 5px 45px;
width: 600px;
}
#ctl00_MainNavb_Img1 {
display:inline;
}
#page-wrap img {
display:inline;
margin: 5px;
border: 1px #CCC solid;
padding: 10px;
background-color: #FEFEFE;
}
#page-wrap {
text-align:center;
}
.refreshLearnSmButton a:hover, .refreshSignupBtn a:hover {
background: #719300;
background: -moz-linear-gradient(top,#719300 0,#7B9319 50%,#678700 50%,#667C00 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#719300),color-stop(50%,#7B9319),color-stop(50%,#678700),color-stop(100%,#667C00));
background: -webkit-linear-gradient(top,#719300 0,#7B9319 50%,#678700 50%,#667C00 100%);
background: -o-linear-gradient(top,#719300 0,#7B9319 50%,#678700 50%,#667C00 100%);
background: -ms-linear-gradient(top,#719300 0,#7B9319 50%,#678700 50%,#667C00 100%);
background: linear-gradient(to bottom,#719300 0,#7B9319 50%,#678700 50%,#667C00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#719300',endColorstr='#667c00',GradientType=0);
}
.refreshLearnSmButton a {
border: none!important;
position: relative;
text-decoration: none;
float: left;
height: 24px!important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: normal 14px/18px Helvetica,Arial,Verdana,sans-serif!important;
color: white!important;
text-align: center;
padding: 6px 15px 0 15px!important;
background: #77A200;
background: -moz-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#77A200),color-stop(50%,#83A51B),color-stop(50%,#6D9500),color-stop(100%,#658900));
background: -webkit-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -o-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -ms-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: linear-gradient(to bottom,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a200',endColorstr='#658900',GradientType=0);
}
.refreshSignupBtn a {
position: relative;
text-decoration: none;
float: right;
height: 35px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font: normal 24px/28px Helvetica,Arial,Verdana,sans-serif!important;
color: white!important;
text-align: center;
padding: 7px 20px 0 20px;
background: #77A200;
background: -moz-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#77A200),color-stop(50%,#83A51B),color-stop(50%,#6D9500),color-stop(100%,#658900));
background: -webkit-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -o-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: -ms-linear-gradient(top,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
background: linear-gradient(to bottom,#77A200 0,#83A51B 50%,#6D9500 50%,#658900 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a200',endColorstr='#658900',GradientType=0);
}
.refreshSignupBtn {
float:right;
}
#mainWrap {
padding: 30px;
}