/* Theme name: MyStrategicPlan Description: Custom Theme older style sheet - New one is "style2.css" to force a refresh */ /* Default Styles */ * { margin: 0; padding: 0; outline: 0; } body { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", Helvetica, Arial,sans-serif; font-size:14px; color: #4d4d4f; text-align: left; background: #dfe3ed; min-width:1248px; } wf-loading body { font-family: Helvetica, Arial,sans-serif; font-size:12px;} .wf-active body { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2"; } .wf-inactive body {font-family: Helvetica, Arial,sans-serif; font-size:12px; line-height:1.5em; } a { color: #990000; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } a img { border: 0; } .ar { display: block; text-align: right; } .ac { display: block; text-align: center; } .al { display: block; text-align: left; } .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .fr { float: right !important; display: inline; } .fl { float: left !important; display: inline; } .hidden { display: none; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { margin: 0 auto; width: 1033px; } .BoldText { font-size: 18px; color:#00bcf1; font-weight:bold; } .BoldTextBig { font-weight:bold; font-size: 16px; } .BoldTextBigRed { font-weight:bold; font-size: 16px; color: #990000; } /* Big images in rich text editor should not break page layout */ .post .entry { overflow: hidden; } /* Default font size for titles. */ .post .entry h1 { font-size: 18px; } .post .entry h2 { font-size: 16px; } .post .entry h3 { font-size: 14px; } /* Reasonable margins for lists */ .post .entry ul { margin-left: 15px; } .post .entry ol { margin-left: 15px; } .post .entry a img { border: 0 } /* AD box styles */ div.promobox { width:210px; margin:0 0 20px 20px; float:right; padding:18px 0 10px 18px; border-top: 1px solid #00bcf1; border-bottom: 1px solid #00bcf1; border-left: 1px solid #00bcf1; font-family: Helvetica, Arial, sans-serif;} div.promobox h3.redhead {padding:0px; margin:0 0 5px; color: #990000; font-size:1.15em; font-family: "Arial Narrow", Arial, sans-serif; } div.promobox img { margin:0 20px 0px 0; } div.promobox li { margin-bottom:7px; font-size:.75em; } div.promobox p { margin:0; padding:0 0 0 0; font-size:.75em; line-height: 1.05em; margin-bottom:7px; } div.promobox input,textarea { margin: 7px 0 7px 0; } div.promobox hr {margin: 5px 0; color:#999; border-style:dotted; } div.promobox ul li a .buttonsm { float: right; display: inline; height: 25px; width: 58px; border: 0; background: url('images/signup_sm.png') no-repeat 0 0; margin-right: 25px; margin-top:5px; } div.promobox ul li a .trybutton { float: right; display: inline; height: 25px; width: 58px; border: 0; background: url('images/TryButton.png') no-repeat 0 0; margin-right: 25px; margin-top:5px; } div.promobox .notext { font-size: 0; line-height: 0; text-indent: -4000px; } div.promobox ul.list li {margin:0 0 30px 0; padding: 0 0 0 0; } div.promobox ul.list {margin:0 0 0 20px; padding: 0 0 0 0; } div.promobox ul .more { padding:0 0 0 5px; border-left: 1px #000000 solid; margin:0 0 0 5px; } /*Services Page */ table.whiteboxes {padding:0; margin:0; border:0; } table.whiteboxes td {padding:0; margin:0; border:0; text-align:left; } .minibox { width:515px; float:left; border-bottom:1px solid #ccc; padding:27px 0 4px; margin:-1px 0 1px; } .whiteboxes h3 a { padding-bottom: 10px; color: #00bcf1; font-size:20px; display:block; margin:0; font-family:"atrament-web-1","atrament-web-2", "Arial Narrow", Arial,sans-serif; } .more { float:right; width: 50px; display:block; font-size:11px;} /* Below CSS code is taken from kubrick theme. */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 25px 0 25px 25px;display: block; float:right; } img.alignleft { margin: 25px 25px 25px 0; display: block; float:left; } .alignright { float: right; display: inline; } .alignleft { float: left; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Header */ #header { height: 117px; background: url('images/header.png') repeat-x 0 0; } p#logo { float: left; display: inline; height: 79px; width: 234px; padding:0 ; } p#logo a { display: block; height: 79px; background: url('images/logo.png') no-repeat 45px 0; } #header #swirl {width:743px; height:80px; background:url('images/header-swirl.png') 244px 0 no-repeat; } #header .tools { float: right; display: inline; padding: 8px 0 0 0; width:370px; margin-top: -80px} #header .tools a { float: left; display: inline; margin-right: 15px; } #header .tools a.signup { height: 55px; width: 202px; background: url('images/sidebar-signup.png') no-repeat 0 0; display: block; float:right; margin: 6px 47px -6px 0px; } #header .tools a.cart { height: 28px; width: 32px; background: url('images/icon-cart.png') no-repeat 0 0; margin-top: 14px; } #header .tools a.login { color: #ffffff; font-weight: 600; text-transform: uppercase; margin-top: 20px; margin-right: 20px; font-size: 17px; float:right; } #header .tools img.m3logo2 {margin:10px 0 0 83px; padding: 0; border:0; } /* Nav */ #navigtion { border-bottom: 2px solid #bbbcbe; } #navigation ul { list-style: none outside; padding: 1px 0 0 50px; } #navigation ul li { float: left; display: inline; font-weight: 600; text-transform: uppercase; height: 35px; border-left: 1px solid #c6c9cf; } #navigation ul li.last { border-right: 1px solid #c6c9cf; } #navigation ul li a { float: left; display: inline; color: #666; padding: 0 30px; line-height: 35px; font-size:16px; letter-spacing:0.05em; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Arial Narrow", "Helvetica Neue", Arial,sans-serif; } #navigation ul li a:hover, #navigation ul li a.active { background: url('images/nav-hover.gif') repeat-x 0 0; color :#fff; text-decoration: none; } #navigation ul li a.cart { margin:2px 0 0 13px; padding:0;} #navigation ul li a.cart:hover {background:none; } /* not working - troubleshoot later */ #content { padding-top: 0px;margin-top:-2px; } div#content.blue-shadow { background: url('images/home-blue-shadow.png') top left repeat-x; margin-top:-20px; margin-bottom:30px; position:relative; } .box3 { background: url('images/home-white-page-middle.png') repeat-y 0 0; width: 966px; margin: 0 auto !important; position: relative !important; } .box3 .top { background: url('images/home-top-shadow.png') no-repeat 0 0; padding: 0px 35px;margin:-20px 0 0 0; } .box { background: url('images/box-bg.gif') repeat-y 0 0; width: 932px; margin: 0 auto !important; position: relative !important; } .box .bottom { background: url('images/box-bottom.gif') no-repeat 0 bottom; } .box .top { background: url('images/home-top-shadow.png') no-repeat 0 0; padding: 0px 35px;margin:-20px 0 0 0; height: 100%; } .greywiderbox { width: 1019px; position: relative; margin: 27px -61px 0 -61px; background: url('images/home-gray-boxmiddle.png') repeat-y 0 0; } /* services page */ .innerbox-fullpage .greywiderbox { width: 1019px; position: relative; margin: 27px -45px 0 -45px; } .packages div.greywiderbox { margin: -50px 0 -61px 0 -61px; } .greywiderbox h2 { margin-top: 10px; font-size: 18px; text-align: center; text-transform:capitalize; } div.greywiderbox div.bottom { background: url('/wp-content/themes/mystrategicplan/images/home-gray-boxbottom.png') no-repeat 0 bottom; } div.greywiderbox div.top { background: url('/wp-content/themes/mystrategicplan/images/home-gray-boxtop.png') no-repeat 0 0; padding: 5px 0 5px 30px; height: 100%; } .greywiderbox img { float: left; display: inline; margin: 0 10px 0 0; } /* services page */ .page-title, #page-title { margin: 0 0 .21em 0; font-size:48px; font-weight:100; font-size: 48px; font-family: 'Arial Narrow', Arial, sans-serif; text-rendering: optimizelegibility; } #services-side-box {float:right; width:200px; margin: 0 0 10px 25px; padding-top:20px; height:430px; color:#a5a3a3; } #services-side-box img {margin-bottom:15px; } .services-price-box {float:right; width:200px; margin:0; padding-right:5px; font-size: 46px; font-family: "Gill Sans", Impact, Arial, sans-serif; font-weight:900; text-align:right; color:#a5a3a3;} .services-price-box span {font-size:12px; font-weight:200; display:block; font-family:Arial, Helvetica, sans-serif; line-height:1.25em; margin-top:13px; } div.packages-content {float:left; width:650px; } table.quote { padding:0; margin: 15px 0; } table td.quotetop { background: url('images/home-quote-top.png') 0 0 no-repeat; width:307px; height:19px; } table td.quotemiddle { background: url('images/home-quote-middle.png') 0 0 repeat-y; width:307px; padding:0 25px 0 20px; line-height:1.5em; } table td.quotebottom { background: url('images/home-quote-bottom.png') 0 -1px no-repeat; width:307px; height: 80px; vertical-align:top; } table td.quotebottom h3 {margin: 30px 20px 0 70px; color:#000; font-size:9px; } .greywiderbox td.quotebottom h3,.greywiderbox table td.quotemiddle p { font-family:"Palatino Linotype", "Book Antiqua", Palatino, Times, serif;} #homepage .quotebottom h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, Times, serif;} table td.questionbox {width:327px; background: 0 8px url('images/servicespg/questions-box.png') no-repeat; vertical-align: top; } .widerbox { width: 985px; position: relative; margin: 27px -61px 30px -61px; background: url('images/home-widerbox-bg.gif') repeat-y 0 0; } #homepage .widerbox h2 { margin-top: 10px; font-size: 18px; text-align: center; } .widerbox .bottom { background: url('images/home-widerbox-bottom.gif') no-repeat 0 bottom; } .widerbox .top { background: url('images/home-widerbox-top.gif') no-repeat 0 0; padding: 5px 0 5px 30px; height: 100%; } .widerbox img { float: left; display: inline; margin: 0 10px 0 0; } .widerbox ul { list-style: none outside; } .widerbox ul li { float: left; display: inline; width: 275px; border-right: 1px solid #e4e4e4; padding: 25px 10px 15px 0; margin-right: 15px; } .widerbox ul li.last { border: 0; margin: 0; width:330px; } .widerbox ul li h2 { font-size: 16px; font-weight: bold; color: #6f7791; padding-bottom: 10px; } #homepage h2 { font-size: 35px; font-weight: 400; color:#00bcf1; padding-top: 25px; padding-bottom: 10px; font-family: "atrament-web-1","atrament-web-2", "Arial Narrow", Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; } .wf-inactive #homepage h2 { padding-top:35px; padding-bottom: 20px; } #homepage h3 { padding-bottom: 15px; font-weight:500; font-size:23px; font-family: "atrament-web-1","atrament-web-2","Arial Narrow", Arial,sans-serif; letter-spacing:0.05em;} .wf-inactive #homepage h3 { font-size: 18px; font-family:"Arial Narrow", Arial,sans-serif; padding-top: 5px;} #homepage .column { float: left; display: inline; width: 250px; padding: 0 40px 0 0; } #homepage .column .cnt { padding: 20px 0 0 0; } #homepage .column img { float: left; display: inline; margin: 0 15px 15px 0; } #homepage .last-column { width: 350px; padding: 0; } #homepage .column h2 { font-size: 16px; font-weight: 600; color: #00bcf1; padding-bottom: 10px; } #homepage .last-column h2 { font-size: 16px; font-weight: 600; color: #00bcf1; padding-bottom: 10px; } #homepage .security { margin-top: 20px; padding: 15px; border-top: solid 1px #e9e9e9; } #homepage .copy p { font-weight: 500; margin: 0 20px 20px 0px; width:550px; } #homepage li { padding-left:45px; padding-bottom:10px; font-size:11px; list-style: none; background: url('images/checkbox-blue.png') no-repeat 0 0; } /* Inner Box */ h2.section-title { font-family: "atrament-web-1","atrament-web-2", "Arial Narrow", Arial,sans-serif; font-size: 22px; font-weight: 500; color: #4d4d4f; padding: 15px 0 0 0; letter-spacing:.05em; text-transform: uppercase; } .wf-inactive h2.section-title { font-family: "Arial Narrow", Arial; font-size:17px;} .top-headlines { border-bottom:solid #bfbfbf 1px; padding-bottom: 20px; margin: 0 35px 0px 35px; } .top-headlines p {font-family: "atrament-web-1","atrament-web-2", "Arial Narrow", Arial,sans-serif; font-size:41px; text-transform:uppercase; font-weight: 400; line-height:33px; } .wf-inactive .top-headlines p { font-family: "Arial Narrow", Arial; font-size: 30px;} .top-headlines p span { color:#00bcf1; } /*.top-headlines h2 span { color:#00bcf1; } */ .innerbox { background: url('images/innerbox-fullpage-bg.gif') repeat-y 0 0; width: 931px; margin: 0 auto; } .innerbox .bottom { background: url('images/innerbox-fullpage-bottom.gif') no-repeat 0 bottom; } .innerbox .top { background: url('images/innerbox-smooth-top.gif') top left no-repeat; height: 100%; } .innerbox-fullpage { background: url('images/innerbox-fullpage-bg.gif') repeat-y 0 0; width: 931px; margin: 0 auto; } .innerbox-fullpage .bottom { background: url('images/innerbox-fullpage-bottom.gif') no-repeat 0 bottom; } .innerbox-fullpage .top { background: url('images/innerbox-smooth-top.gif') top left no-repeat; height: 100%; } .menu { float: left; display: inline; width: 205px; margin: 20px 0 0 5px; } .menu ul { list-style: none outside; padding: 20px 0; } .menu ul li { border-bottom: 1px solid #8cabb8; } .menu ul li.last { border: 0; } .menu ul li a { color: #666; display: block; padding: 15px 5px 15px 20px; } .menu ul li a:hover { color: #fff; text-decoration: none; background: url('images/nav2-hover.gif') repeat-x 0 0; } .menu ul li a.active { color: #fff; text-decoration: none; background: url('images/nav2-hover.gif') repeat-x 0 0; } .menu h3 { margin-left: 15px; font-size: 16px; color:#00bcf1; font-weight: 700; } /* Resource Page Menu */ .resource-home .clean_menu {float: left; display: inline; width: 205px; margin: 20px 0 0 5px; } .clean_menu {float: left; display: inline; width: 205px; margin: 20px 0 0 25px; } .clean_menu h3 { font-family: "Arial Narrow", Arial, san-serif; font-size: 12px ; margin: 10px 20px 15px 10px; border-bottom:solid #bfbfbf 1px; color: #5f5f5f; padding-bottom: 5px; text-transform:uppercase; letter-spacing:.1em; } .wf-loading clean_menu h3 {visibility: hidden; } .wf-active .clean_menu h3 { font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Arial Narrow", Arial,sans-serif ; border-bottom:solid #bfbfbf 1px; color: #5f5f5f; font-size: 12px; margin: 10px 20px 15px 10px; padding-bottom: 5px; text-transform:uppercase; letter-spacing:.1em; } .clean_menu ul { list-style: none outside; padding:0 0 10px 0;} .clean_menu ul li { border: none; } .clean_menu ul li a {font-size: 13px; padding-left:15px; margin: 4px 10px 4px 10px; background-image: url('images/bullet.gif'); background-position: 0 5px; background-repeat:no-repeat; color: #5f5f5f; display:block; } .wf-inactive .clean_menu ul li a { font-size: 12px; background-position: 0 2px; line-height:17px;} .clean_menu ul li a.active { background-image: url('images/bullet-active.gif'); } .clean_menu ul li a:hover { color: #fff; text-decoration: none; background: url('images/nav2-hover.gif') repeat-x 0 0; } .clean_menu select { border-color:#CCC; background-color:#fff; margin: 0 10px 10px 10px;} .clean_menu p {font-size: 12px; color: #5f5f5f; } /* Search Box */ div.searchbox { background: none; width: 245px; height:13px; float: right; margin: 0; padding:12px 0 0 25px;} div.searchbox .submit { background: url('/wp-content/themes/mystrategicplan/images/search-bn.png') no-repeat; width: 78px; height: 28px; float:right; border:0; text-indent:9999px; font-size:0; line-height:0; overflow:hidden; cursor:pointer; color:#fff; } div.searchbox textarea {width:130px; height:28px;} div.livesearchpopup {background:#ffffff; width:150px; } /* End of Seach box */ .resource-home .main { float: left; display: inline; width: 640px; padding: 45px 30px 30px 50px; } .main { float: left; display: inline; width: 615px; padding: 25px 30px 30px 50px; } .main h1 { font-family: "atrament-web-1","atrament-web-2","Arial Narrow", Arial,sans-serif;font-size: 26px; font-weight:400; margin-bottom: 10px; letter-spacing:.05em; text-transform:uppercase; line-height:1.05em; } .main h1 span {color:#00bcf1;} .blue { color:#00bcf1 !important;} .main h4 { font-family: "atrament-web-1","atrament-web-2","Arial Narrow", Arial,sans-serif;font-size: 21px; font-weight:400; margin-bottom: 10px; letter-spacing:.05em; text-transform:uppercase; color: #4d4d4f; line-height:1.05em; } .main h2 { font-size: 18px; color: #00bcf1; margin-bottom: 15px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2","Arial Narrow", Arial,sans-serif;} .main p { margin-bottom: 25px; } .main ul { margin: 0 0 25px 50px; } .main ol { margin: 0 0 25px 50px; } .main .col-left { float: left; display: inline; width: 300px; padding-right: 25px; } .main .col-right { float: left; display: inline; width: 300px; } .main .col-left-resources h3 { font-size: 18px; padding-top: 40px; } .main .col-right-resources h3 { font-size: 18px; padding-top: 40px; } .main h3 { font-size: 14px; font-weight: 600; color: #00bcf1; padding: 7px 0; } .main .webinarcall { width: 640px; } .main .webinarcall dl { margin-bottom: 10px; padding: 10px 0; } .main .webinarcall dt { float: left; width: 500px; display: inline; } .main .webinarcall dd { float: left; width: 120px; } .main .webinardetails { clear: both; display:block; width:100%; margin:20px 0 0px 0; } .main .webinardetails dd ul { margin: 0; } .main .webinardetails ul li { margin: 0; list-style: none; } .main .webinardetails table td {font-size:14px; padding: 10px 15px 0 0; vertical-align:top; border:none;} .main .webinardetails table td strong { font-weight:800; } div#press dl { border-bottom: 1px solid #CCC; float: left; padding: 15px 5px 15px 20px; margin: 0 1% 0 0; width: 100%; } div#press dt { font-weight: 400; font-size: 75%; } div#press dd { font-size: 60%; margin: 0; padding-top: 2px; text-align: right; } div#training2 {margin-top: -15px; width:700px; float:left; } #training2 div.trainingTop { background: url('images/training-graybox-top.png') top left no-repeat; width: 700px; height:26px; float:left; margin-bottom:0px; } #training2 div.trainingBottom { background: url('images/training-graybox-bottom.png') top left no-repeat; width: 700px; height:26px; float:left; clear:both; } #training2 div.trainingMiddle { background: url('images/training-graybox-middle.png') repeat-y 0 0; width: 700px; float: left;} .main #training2 .col-left { float: left; display: inline; width: 350px; padding:0px 15px 10px 30px; background:none; } .main #training2 .col-right { float: right; display: inline; width: 300px; padding: 0; background:none; text-align: right; } #events-calendar { list-style:none; } #events-calendar h2 { color: #5f5f5f; font: 18px Helvetica Neue, Helvetica, Arial,sans-serif; padding: 0 0 0 10px; display:block; font-weight:800; } .main #training li h2 { list-style: none; } /* .main #training h2 { background-color: #daeff5; border-top: 1px solid #BCCED3; border-bottom: 1px solid #4d4d4f; padding: 8px; color: #808080; } */ .main #training .col-right h3 { margin-left: 10px; } .main #training .col-right p { margin-left: 10px; } .main #training .col-left h3 { margin-right: 10px; } .main #training .col-left p { margin-right: 10px; } .main #training .col-left p.call { margin-right: 10px; border-top: 1px dotted #4d4d4f; border-bottom: 1px dotted #4d4d4f; text-align: right; padding: 3px 0; } .main #training .col-right p.call { margin-right: 10px; border-top: 1px dotted #4d4d4f; border-bottom: 1px dotted #4d4d4f; text-align: right; padding: 3px 0; } p.call { text-align: right; padding: 0; margin-bottom: 10px; } .feature { padding-bottom: 40px; } .feature img { margin: 0 10px 0 0; } .feature p { margin-bottom: 0px; } div.spoiler-body p { font-size: 12px; } .main .logo { clear: both; padding: 20px; padding-bottom:5px; border-top: 5px solid #4d4d4f; background-color: #daeff5; margin-bottom: 10px; min-height: 90px;} .main .logo img { margin: 0 20px 15px 0; padding: 5px; background-color: #4d4d4f; } .main .logo h3 { color: #00bcf1; margin-top:-5px; padding-top:0; } .main .mcp-logo { clear: both; padding: 10px 20px; border-top: 5px solid #4d4d4f; background-color: #daeff5; margin-bottom: 10px; } .main .mcp-logo img { } .main .mcp-logo h3 { color: #00bcf1; } .main .mnp-logo { clear: both; padding: 10px 20px 5px 20px; border-top: 5px solid #4d4d4f; background-color: #daeff5; margin-bottom: 10px;} .main .mnp-logo img { } .main .mnp-logo h3 { color: #00bcf1; } .main div.tool { clear: both; padding: 15px; border: 1px solid #999; margin-bottom:20px; float:right; width:585px;} .tool div.button a { background: none repeat scroll 0 0 #C01720; color: #FFFFFF; display: inline-block; font: 12px/24px; height: 24px; margin-top: 10px; padding: 5px 10px; text-decoration: none; float:right; } .tool div.button a:hover {background-color:#DE1A22; } .main .tool img { float: left; margin: 0 10px 3px 0; } .main .testimonial { clear: both; font-family: Georgia; font-style: italic; } .main .byline { font-size: 12px; text-align: right; font-weight: 700; } .main .type p { line-height: 14px; padding: 0 0 15px 10px; } .main .type ul { list-style: none outside; padding: 20px 0 0 50px; } .main .type ul li { background: url('images/icon-pointer.gif') no-repeat 0 0; padding: 0 0 12px 30px; font-weight: bold; color: #4c4c4c } .main object { text-align: center; } .main-fullpage { float: left; display: inline; width: 880px; padding: 20px 50px 50px 25px; } div#servicespage {padding: 25px 50px 20px 35px; } div#servicespage li {padding-bottom:7px;} .main-fullpage h1 { font-size: 22px; font-weight:700; margin-bottom: 10px; line-height: 1.25em; } .main-fullpage h2 { font-size: 18px; font-weight:700; color: #00bcf1; margin-bottom: 10px; line-height: 1.25em; } .main-fullpage ul { margin: 15px 0 15px 50px; } #docs { margin-top: 10px; } .main #docs .col-left { float: left; display: inline; width: 285px; border-right: 1px solid #4d4d4f; padding-right: 0px; } .main #docs .col-right { float: left; display: inline; width: 285px; } #docs h3 { background-color: #daeff5; border-top: 1px solid #4d4d4f; border-bottom: 1px solid #4d4d4f; padding: 8px; } #docs ul { padding-top: 10px;} #docs ul li { line-height: 18px; } #signup {} .main-fullpage #signup .col-left { float: left; display: inline; width: 439px; border-right: 1px solid #BCCED3; padding-right: 0px; } .main-fullpage #signup .col-right { float: left; display: inline; width: 440px; } #signup h2 { background-color: #daeff5; border-top: 1px solid #4d4d4f; border-bottom: 1px solid #4d4d4f; padding: 8px; color: #808080; } #signup ul { padding: 10px 20px 0 0; } #signup ul li { line-height: 18px; padding-bottom: 5px; } #signup p { margin-left: 20px; padding-top: 10px; } /* Box2 - CTA Bottom Box */ .box2 { background: url('images/innerbox-fullpage-bg.gif') repeat-y 0 0; width: 931px; margin: 10px auto 20px; } .box2 .bottom { background: url('images/innerbox-fullpage-bottom.gif') no-repeat 0 bottom; } .box2 .top { background: url('images/innerbox-fullpage-box2top.gif') no-repeat 0 0; padding: 12px 10px; height: 100%; } .box2 ul { list-style: none outside; } .box2 ul li h3 {font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Arial Narrow", Helvetica, Arial,sans-serif; border-bottom:solid #bfbfbf 1px; color: #5f5f5f; font-size: 15px; margin: 0px 20px 8px 10px; padding-bottom: 5px; text-transform:uppercase; letter-spacing:.05em;} .box2 ul li { float: left; display: inline; border-right: 1px solid #e1e1e2; height: 200px; width: 195px; padding: 10px 10px 0 10px; } .box2 ul li.last { border: 0; padding-right: 0; } .box2 ul li.contact { width: 240px; } .box2 ul li span { display: block; color: #666; font-size: 11px; margin-left:10px;} .box2 ul li a { color: #5f5f5f; } .box2 ul li a.list { display: block; padding: 5px 0; margin:0; } .box2 ul li .text { float: left; display: inline; } .box2 ul li .text-first { float: left; display: inline; margin: 0; padding: 0; } .box2 ul li img { float: left; display: inline; margin-right: 10px; } .box2 label { display: block;padding-bottom: 2px; } .box2 form { margin-bottom: 10px; } .box2 .field { float: left; display: inline; height: 21px; width: 191px; background: url('images/footer-field.gif') no-repeat 0 0; margin: 0 15px 0 0; } .box2 .field input { border: 0; background: none; margin: 3px 0 0 5px; width: 180px; } .box2 .button { float: right; display: inline; height: 30px; width: 82px; border: 0; cursor: pointer; background: url('images/call-signup.png') no-repeat 0 0; position: relative; top: 0px; } /* Footer */ #footer { /*width: 1063px; */ /*position: relative; */ background: #4c4c4c ; margin-top: 15px; } #footer .shell { width: 980px; } #footer .bottom { background: url('images/footer-bottom-new.gif') repeat-x 0 bottom; } #footer .top { background: url('images/footershadow.gif') repeat-x 0 0; padding: 35px 75px 0px 75px; height: 100%; } #footer h2 { color: #4c4c4c; padding: 0 15px 30px 15px; } #footer h3 { display: inline; color: #fff; padding-bottom: 2px; border-bottom: 2px solid #c0c0c0; margin-bottom: 10px; } #footer ul { list-style: none outside; padding: 15px 0 0 0; color: #e9e9e9; } #footer a { color: #ffffff; } #footer .column { padding: 0 15px 0 15px; float: left; display: inline; width: 200px; } #footer .last-column { padding: 0; width: 290px; } #footer .first-column { padding: 0 15px 0 15px; } #footer .column a img { border: 0px solid #fff; margin: 15px 0 0 0; } #footer .column p { color: #fff; width: 190px; font-size: 12px; padding: 10px 0; } #footer label { display: block; color: #fff;padding-bottom: 2px; } #footer form { margin-bottom: 10px; } #footer .field { float: left; display: inline; height: 21px; width: 191px; background: url('images/footer-field.gif') no-repeat 0 0; margin: 0 15px 0 0; } #footer .field input { border: 0; background: none; margin: 3px 0 0 5px; width: 180px; } #footer .button { float: left; display: inline; height: 30px; width: 82px; border: 0; cursor: pointer; background: url('images/footer-signup.gif') no-repeat 0 0; position: relative; top: -10px; } #footer .buttonsm { float: right; display: inline; height: 25px; width: 58px; border: 0; cursor: pointer; background: url('images/signup_sm.png') no-repeat 0 0; position: relative; margin-right: 25px; margin-top:5px; } #footer .buttonsm2 { float: right; display: inline; height: 25px; width: 58px; border: 0; cursor: pointer; background: url('images/sign-up-new-bn.png') no-repeat 0 0; position: relative; margin-right: 25px; margin-top:5px; } #footer .twitter { color :#fff; background: url('images/icon-twitter.gif') no-repeat 0 0; padding: 12px 0 10px 40px; } #footer .design { border-top: 1px solid #e6e6e6; margin: 15px 0; padding: 30px 37px 30px 57px; color: #fff; } #footer .design div { background: url('images/logo-m3.png') no-repeat 0 0; padding: 0 50px 0 90px; height: 47px; } #footer .design div p { line-height: 20px; font-size: 14px; letter-spacing:.75px; } #footer p.links { text-align: center !important; margin: 10px 0 0 0; padding-bottom: 3px; padding-left:140px; padding-right:50px; } #footer .design div p.links { text-align: center !important; margin: 10px 0 0 0; padding:0; } #footer p.ac { text-align: center !important; margin: 10px 0 0 0; padding-bottom: 3px; padding-left:145px; padding-right:50px; } #footer .single .design { padding: 30px 37px 30px 57px; border-top: 0px; margin-bottom: 0; } #footer .single p.ac { } /* BLOG STYLES */ li.postWrapper { margin: 0px 0px 10px 0px; padding: 0; } div.postWrapper { margin: 20px 35px 10px 0px; padding: 0;width:620px; float:right; position:relative; } div#respond {margin:0 35px 0 35px; } ol#posts p { margin-bottom: 15px; line-height: 20px; } ol#posts ul { margin: 0 0 15px 50px; } ol#posts ol { margin: 0 0 15px 50px; } ol#posts { list-style: none; margin: 0; padding: 0; } ol#posts li h2 { margin-top: 20px; font-weight:600; letter-spacing:.05em; font-size:18px; text-transform:uppercase; } .postTitle { line-height:1.25em; } .postWrapper p { margin-bottom: 15px; line-height: 20px; } .postWrapper ul { margin: 0 0 15px 50px; } .postWrapper ol { margin: 0 0 15px 50px; } .postWrapper h2 { margin-bottom: 5px; line-height: 1.25em; } p.postMeta { font-size: 12px; } .date { font-size: 12px; line-height: 17px; } .pagination { display: block; margin-top: 20px; margin-left: auto; margin-right: auto; border-top: 1px solid #4d4d4f; } #comment {width: 500px;} /** normally hidden but will appear when css disabled */ .skip, .noCss { position: absolute; left: -9999px; } p.relatedposts { margin-top: 50px; padding-top: 15px; border-top: 1px dotted #4d4d4f; } /* INDEX STYLES */ #teaser.training { background: url('images/icon-webinar.jpg') top left no-repeat; } #teaser.library { background: url('images/icon-dummies-sm.jpg') top left no-repeat; } #teaser.articles { background: url('images/icon-article.jpg') top left no-repeat; } #teaser.tools { background: url('images/icon-tools.jpg') top left no-repeat; } #teaser.videos { background: url('images/icon-video.jpg') top left no-repeat; } #teaser.newsletters { background: url('images/icon-newsletter.jpg') top left no-repeat; } #teaser h2 { padding: 40px 0 0 80px; } #teaser h3 { clear: both; } #teaser p { clear: both; } /* GLOSSARY STYLES */ ol.snap_nav { font-size: 15px; width: 650px; font-weight: bold; margin: 20px -10px 25px 0px; padding: 0; display: inline; list-style: none; } ol.snap_nav li { display: block; float: left; padding: 0 13px 10px 0; } ol.snap_nav li a { font-weight: bold } ol.snap_nav li.snap_selected a { cursor: text; } ol.snap_titles { clear: both; display: block; border: 0; list-style: none; } li.glossarryEntry, div.glossarryEntry { margin: 0px 0px 10px 0px; padding: 0px; } /* HELP STYLES */ #styleguide dl { margin-bottom-10px; width: 600px; min-height: 250px; } #styleguide dt { float: left; width:500px; display: inline; margin: 5px 0; } #styleguide dd { float: left; width:100px; color: #FFF; } #styleguide dd.h1 { background-color: #5F5F5F; } #styleguide dd.h2 { background-color: #00bcf1; } #styleguide dd.h3 { background-color: #808080; } #styleguide dd.p { background-color:#5F5F5F; } #styleguide dd.a { background-color: #990000; } #styleguide h2 { clear: both; } #printlogo { display:none;} /* RTP added styles for payment error messages */ .transaction-error-message { border:2px solid red; padding:5px; } .transaction-error-message p.error-messages { margin:5px 0; } .resourceboxesrow { background: url('images/resourceboxes_background.png') top left repeat-y; width: 702px; float:left; margin-bottom: 15px; } .resourceboxestop {background: no-repeat url('images/resourceboxes_top.png') top left; width:702px; height:36px; float:left; margin-top:-5px; } .resourceboxestop h2 a{ color: #5f5f5f; font-size: 21px; font-family:"atrament-web-1","atrament-web-2", "Arial Narrow", Arial,sans-serif; padding: 7px 0 0 10px; display:block; font-weight:400; text-transform:uppercase; letter-spacing: 1px; } .wf-inactive .resourceboxestop h2 a { text-transform: capitalize; font-size: 18px; } .resourceboxesmiddle { background: no-repeat url('images/resourceboxes_middle.png') top left; width:702px; float:left; } .resourceboxesbottom { background: no-repeat url('images/resourceboxes_bottom.png') top left; width:702px; height: 15px; float:left; } .resourceleft {width: 335px; float:left;} .resourceright {width:335px; float:right; padding-right:10px;} .resourceicon { width: 85px; float:left; margin: 0; text-align:center; } .resourcecontent {width: 220px; float: right; text-align:left; padding: 15px 10px 0 10px; font-size:12px;} .resourcecontent ul {margin:0; padding:0;} .resourcecontent a, .resourcecontent a:visited {color:#5f5f5f;} .resourcecontent li {padding-bottom: 8px; font-size:12px; line-height:1.25em; } .resourcecontent h3, .resourcecontent p { padding: 0 0 15px 0; margin:0; margin-left: -10px; } .resourcecontent h3 {padding-bottom:3px; font-size:12px; } div.small-vg-header {background: url('/wp-content/themes/mystrategicplan/images/vg-hc-sm-article-headers.png') no-repeat 0 0; width:333px; height: 37px; color:#444444; font-size:16px; padding: 10px 0 0 12px; margin-top:-7px; float:left; } div.small-vg-middle {background: url('/wp-content/themes/mystrategicplan/images/vg-hc-sm-article-middle.png') repeat-y 0 0; width: 333px; padding: 30px 20px 0 10px; } div.small-vg-middle img {margin:5px; } div.small-vg-middle ul {width:200px; float: right; padding:0 20px 0 0; } div.small-hc-containers { float: left; margin: 0 0 0 46px; width:333px; } /* Curved Box outline styles */ div.curvedbox-top {float:left; margin-top: -8px; background:url('images/curvedbox-top.png') top right no-repeat; width:289px; padding: 15px 10px 0 0; } div.curvedbox-left{ float:left; position:relative; width:299px; margin: 0 8px 0 0; vertical-align:top; /* background: url('images/curvedbox-bg.png') repeat-y top left; */ } div.curvedbox-right{ float:right; position:relative; width:299px; margin: 0 2px 0 0; vertical-align:top; /* background: url('images/curvedbox-bg.png') repeat-y top left; */ } div.curvedboxes-bg {background: repeat-y url('images/curvedboxes-bg.png') -1px top ; width: 632px; float:left; position:relative; margin-bottom:20px; } div.curvedboxes-bg p { padding:0; margin: 10px 0 0 0;} .strategycheck {float:left; display: block; width:100%;} /* Give Back Page */ .give-box { float:left; width:220px;} .products-holder .give-block { width:220px; margin:10px 0 0 0px; float:left; padding:0 0 3px; display:inline; border-bottom:none; } .products-holder .first { margin:10px 0 0 0px; } a.haiti { background:url(/wp-content/themes/mystrategicplan/images/give-back/haiti-01.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.haiti:hover { background-position: 0px -155px; } a.discovery { background:url(/wp-content/themes/mystrategicplan/images/give-back/discovery.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.discovery:hover { background-position: 0px -155px; } a.potters { background:url(/wp-content/themes/mystrategicplan/images/give-back/potters.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.potters:hover { background-position: 0px -155px; } a.red-cross { background:url(/wp-content/themes/mystrategicplan/images/give-back/red-cross.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.red-cross:hover { background-position: 0px -155px; } a.whitney { background:url(/wp-content/themes/mystrategicplan/images/give-back/whitney.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.whitney:hover { background-position: 0px -155px; } a.run { background:url(/wp-content/themes/mystrategicplan/images/give-back/run.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.run:hover { background-position: 0px -155px; } a.feeding { background:url(/wp-content/themes/mystrategicplan/images/give-back/feeding-america.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.feeding:hover { background-position: 0px -155px; } a.back-2-back { background:url(/wp-content/themes/mystrategicplan/images/give-back/back-2-back.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.back-2-back:hover { background-position: 0px -155px; } a.bsa { background:url(/wp-content/themes/mystrategicplan/images/give-back/bsa.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.bsa:hover { background-position: 0px -155px; } a.casa { background:url(/wp-content/themes/mystrategicplan/images/give-back/casa.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.casa:hover { background-position: 0px -155px; } a.cslewis { background:url(/wp-content/themes/mystrategicplan/images/give-back/cslewis.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.cslewis:hover { background-position: 0px -155px; } a.wilderness { background:url(/wp-content/themes/mystrategicplan/images/give-back/wilderness.png) no-repeat 0 0; width: 215; height:156px; display:block; } a.wilderness:hover { background-position: 0px -155px; } /* End of Give Back Page */