/**********************************************************************************************

  CSS on Sails Framework
  Title: AppFolio
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: March 2010

***********************************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles
      1.5 Image Replacement

  2. COMMON
      2.1 Containers
      2.2 Top
      2.3 Header
      2.4 Navigation
      2.5 Content
      2.6 Sidebar
      2.7 Footer Modules
      2.8 Footer
      2.9 Copy

  3. PAGES
      3.1 Home page
      3.2 Product Overview
      3.3 Team
      3.4 News
      3.5 Case Studies
      3.6 Case Studies Subpage
      3.7 Events
      3.8 Pricing
      3.9 Contact Us
      3.10 Free Trial
      3.11 Weekly Demo
      3.12 Thank You
      3.13 404
      3.14 Popup
      3.15 Services Team
      3.16 3-Column Content
      3.17 Search Results
      3.18 AppFolio Websites


***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#top:after,
#inner:after,
#footer-modules:after,
#footer:after,
#footer .follow-us:after,
#navigation .dropdown-middle .inner:after,
.product-feat-vids:after,
.team-listing li:after,
.news-pr:after,
.case-study-vids:after,
.case-study-testimonials:after,
#content .jump-to-month:after,
#content .jump-to-month ul:after,
#content .events:after,
#content .events .event:after,
.list-contact:after,
.thank-you:after,
#content .ty-inner ul:after,
.alternate-pages form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #ffffff; color: #515151; font: 81.25%/1.38 "open-sans", Helvetica, Arial, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "open-sans", Helvetica, Arial, sans-serif; }
a, a:visited { color: #008bbb; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h2 a, h2 a:hover, h2 a:visited { color: #2fa6de; }


/* 1.5 Image Replacement
-----------------------------------------------------------------------------------------------*/

.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; display: block; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background: url(../images/css/txt_common.png) no-repeat; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }
.ir a span, a.ir span { cursor: pointer; }


/* 2. COMMON
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Containers
-----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
.container { width: 100%; position: relative; margin: 0 auto; }
}
@media only screen and (min-width: 769px) {
.container { max-width: 1000px; position: relative; margin: 0 auto; }
}

@media only screen and (min-width: 1000px) {
#inner { padding-top: 47px; background: #fff url(../images/css/bg_inner.png) repeat-x; }
}

@media only screen and (max-width: 999px) {
#inner { padding-top: 47px; background: #fff url(../images/css/bg_inner_home.png) repeat-x; }
}

/* 2.2 Top
-----------------------------------------------------------------------------------------------*/

#top { padding: 7px 0; background: #f2fafd url(../images/css/bg_top.png) bottom repeat-x; }
#top ul { float: right; margin: 4px 14px 0 0; }
#top li { float: left; background: url(../images/css/ico_common_24.png) 0 2px no-repeat; color: #63b0cc; }
#top li.tel { margin: 5px 24px 0 0; padding-left: 17px; font-size: 1.15em; font-weight: bold; }
#top li.contact-us { margin: 6px 20px 0 0; padding-left: 19px; font-size: 0.92em; background-position: 0 -37px; }
#top li.customer-login { margin: 6px 13px 0 0; padding-left: 14px; font-size: 0.92em; background-position: 0 -78px; }
#top li.try-it-free { padding: 0; background: none; }
#top li.try-it-free .ir { width: 102px; height: 27px; }

/* Search */
#search-form { float: right; padding: 6px; background: #afdef0; }
#search-form #search { display: block; float: left; margin: 0; padding: 3px 6px 0 6px; width: 205px; height: 18px; line-height: 21px; font-size: 0.92em; border: 1px solid #bfbfbf; border-right: 0; background: #fff; color: #888; }
#search-form #search.macff { padding-top: 5px; height: 16px; line-height: normal; }
#search-form .submit { display: block; float: right; width: 27px; height: 23px; }


/* 2.3 Header
-----------------------------------------------------------------------------------------------*/

#header { position: relative; height: 91px; padding-bottom: 28px; border-top: 1px solid #e6e6e6; background: #fff url(../images/css/bg_header.png) bottom center no-repeat; }
#header .site-name { position: absolute; top: 21px; left: 58px; }
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 196px; height: 52px; }
#header .site-name { position: relative; }
#header .site-name span { background: url(../images/css/logo.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }


/* 2.4 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { position: absolute; top: 0; left: 310px; width: 640px; }
#navigation li { float: left; }
#navigation a.ir { height: 91px; }
#navigation a.ir span { background-image: url(../images/css/txt_navigation.png); }

#navigation a.nav01 { width: 228px; }
#navigation .current a.nav01 span { background-position: 0 -91px; }

#navigation a.nav02 { width: 119px; }
#navigation a.nav02 span { background-position: -228px 0; }
#navigation .current a.nav02 span { background-position: -228px -91px; }

#navigation a.nav03 { width: 114px; }
#navigation a.nav03 span { background-position: -347px 0; }
#navigation .current a.nav03 span { background-position: -347px -91px; }

#navigation a.nav04 { width: 83px; }
#navigation a.nav04 span { background-position: -461px 0; }
#navigation a.nav04:hover span { background-position: -640px 0; }

/* Temporary Blog Nav Start */
#navigation .current a.nav04 span { background-position: -640px 0; }
/* Temporary Blog Nav End */

#navigation a.nav05 { width: 96px; }
#navigation a.nav05 span { background-position: -544px 0; }
#navigation .current a.nav05 span { background-position: -544px -91px; }

/* Navigation dropdowns: Main Items */
#navigation li:hover, #navigation li.hover { cursor: pointer; }
#navigation li:hover a.nav01,
#navigation li.hover a.nav01,
#navigation li:hover a.nav02,
#navigation li.hover a.nav02,
#navigation li:hover a.nav03,
#navigation li.hover a.nav03,
#navigation li:hover a.nav05,
#navigation li.hover a.nav05 { z-index: 100; margin: 0 -17px 0 -12px; padding: 0 17px 0 12px; }
#navigation li:hover a.nav01,
#navigation li.hover a.nav01 { margin: 0 -17px 0 -11px; padding: 0 17px 0 11px; }
#navigation li:hover a.nav01 span,
#navigation li.hover a.nav01 span { background-position: 0 -182px; }
#navigation li:hover a.nav02 span,
#navigation li.hover a.nav02 span { background-position: -256px -182px; }
#navigation li:hover a.nav03 span,
#navigation li.hover a.nav03 span { background-position: -404px -182px; }
#navigation li:hover a.nav05 span,
#navigation li.hover a.nav05 span { background-position: -547px -182px; }

/* Navigation dropdowns: Panels & Backgrounds */
#navigation .dropdown { position: absolute; width: 495px; z-index: 100; margin: -28px 0 0 -12px; left: -999em; background: transparent; }
#navigation li:hover .dropdown,
#navigation li.hover .dropdown { left: auto; }
#navigation .dropdown-top { height: 28px; }
#navigation .dropdown-bottom { height: 27px; }
#navigation .dropdown-top,
#navigation .dropdown-bottom { background: url(../images/css/bg_dropdowns.png) no-repeat; }
#navigation .dropdown-middle { padding: 4px 26px 16px 20px; background: url(../images/css/bg_dropdowns_expand.png) repeat-y; }
#navigation .dropdown-middle .inner { background: #fff; padding: 0 16px; }

#navigation li.why .dropdown { margin-left: -11px; }
#navigation li.why .dropdown-top { width: 495px; }
#navigation li.why .dropdown-bottom { width: 495px; background-position: 0 -28px; }
#navigation li.why .dropdown-middle { padding-top: 11px; }

#navigation li.features .dropdown { width: 454px; }
#navigation li.features .dropdown-top { width: 454px; background-position: 0 -55px;  }
#navigation li.features .dropdown-bottom { width: 454px; background-position: 0 -83px; }
#navigation li.features .dropdown-middle { padding-top: 11px; background-position: -495px 0; }

#navigation li.support .dropdown { width: 239px; }
#navigation li.support .dropdown-top { width: 239px; background-position: 0 -110px;  }
#navigation li.support .dropdown-bottom { width: 239px; background-position: 0 -138px; }
#navigation li.support .dropdown-middle { background-position: -949px 0; }

#navigation li.about .dropdown { width: 228px; margin-left: -115px; }
#navigation li.about .dropdown-top { width: 228px; background-position: 0 -165px;  }
#navigation li.about .dropdown-bottom { width: 228px; background-position: 0 -193px; }
#navigation li.about .dropdown-middle { background-position: -1188px 0; padding-left: 19px; }

/* Navigation dropdowns: Columns */
#navigation .col-left { float: left; width: 175px; }
#navigation .why .col-right { float: right; width: 233px; }
#navigation .features .col-right { float: right; width: 192px; }

/* Navigation dropdowns: Titles */
#navigation .dropdown .ir { height: 9px; margin: 0 0 11px 6px; }
#navigation .dropdown .ir span { background-image: url(../images/css/txt_dropdowns.png); }
#navigation .dropdown .txt-dropdown01 { width: 122px; }
#navigation .dropdown .txt-dropdown02 { width: 217px; background-position: 0 -9px; }
#navigation .dropdown .txt-dropdown02 span { background-position: 0 -9px; }
#navigation .dropdown .txt-dropdown03 { width: 144px; margin-top: 28px; }
#navigation .dropdown .txt-dropdown03 span { background-position: 0 -18px; }
#navigation .dropdown .txt-dropdown04 { width: 66px; }
#navigation .dropdown .txt-dropdown04 span { background-position: 0 -27px; }
#navigation .dropdown .txt-dropdown05 { width: 162px; height: 10px; margin-top: 18px; }
#navigation .dropdown .txt-dropdown05 span { background-position: 0 -36px; }
#navigation .dropdown .txt-dropdown06 { width: 157px; }
#navigation .dropdown .txt-dropdown06 span { background-position: 0 -46px; }
#navigation .dropdown .txt-dropdown07 { width: 147px; margin-top: 18px; }
#navigation .dropdown .txt-dropdown07 span { background-position: 0 -55px; }

/* Navigation dropdowns: Links */
#navigation li li { float: none; }
#navigation li li a { display: block; margin-bottom: -1px; padding: 4px 6px; font-size: 0.92em; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #5a5a5a; }
#navigation li li a:hover, #navigation li li a.current { margin-left: -16px; margin-right: -16px; padding: 4px 22px; background: #dbf1fa; text-decoration: none; }
#navigation li li.first a { border-top: 0; }
#navigation li li.last a { border-bottom: 0; }
#navigation li li.single a { border: 0; }
#navigation li .col-left li a:hover, #navigation li .col-left li a.current { margin-right: 0; padding-right: 6px; }
#navigation li .col-right li a:hover, #navigation li .col-right li a.current { margin-left: 0; padding-left: 6px; }


/* 2.5 Content
-----------------------------------------------------------------------------------------------*/

/* Common styles */
@media only screen and (min-width: 769px) {
    #content { max-width: 765px; float: right; min-height: 225px; padding-bottom: 75px; }
    .pricing-page-badge-left { border-right: solid 1px #ccc !important; }
}
@media only screen and (max-width: 768px) {
    #content { max-width: 765px; float: right; min-height: 225px; padding: 0 10px 75px 10px; }
}
#content h1 { margin: 0 0 0.7em 0; font-size: 2.46em; line-height: 1.0; color: #000; }
#content h2 { margin: 1.15em 0 0.45em 0; font-size: 1.85em; line-height: 1.0; color: #00afdb; }
#content h3 { margin: 1.5em 0 0.25em 0; font-size: 1.38em; line-height: 1.0; font-weight: bold; color: #729b00; }
#content h4 { margin: 1.5em 0 0.25em 0; font-size: 1.2em; line-height: 1.125; color: #454545; }
#content p { font-size:1.125em; margin-bottom: 1.5em; }
#content p.intro { font-size: 1.375em; line-height: 1.375; margin-bottom: 1em; }
.f-content p.release { font-size: 1.1em; line-height: 1.6; margin-top:2em; }
#content img.border1 { margin: 2px 0 5px 0; padding: 5px; border: 3px solid #e6e6e6; }

.f-content ul.simple-list { margin: -0.75em 0 2.5em 2.5em; }
.f-content ul.simple-list-after-title  { margin: 1em 0 1em 30px; }
.f-content ul.simple-list li, #f-content ul.simple-list-after-title li { font-size:1.3em; list-style: disc; margin-bottom:.5em; }
.f-content ul.stacked-list { margin-top: -1.75em; }
@media only screen and (max-width: 767px) {
  .f-content ul.stacked-list-top {
    margin-top: -1.75em;
  }
}
.status .noshow {display: none;}

/* Video Thumb */
.video-thumb { padding: 10px; background: #000; }
.video-thumb img { display: block; }
.video-thumb-right { float: right; margin: 5px 36px 36px 36px; }

/* Contact form */
.contact-form { width: 570px; }
.contact-form li { float: left; width: 259px; margin: 0 25px 15px 0; }
.contact-form label { display: block; margin-bottom: 2px; line-height: 18px; }
.contact-form label em { font-style: normal; color: #9c9c9c; }
.contact-form .required { margin-left: 3px; font-size: 1.15em; color: #e10000; border: 0; }
.contact-form input.text { width: 249px; padding: 5px 4px; border: 1px solid #bfbfbf; }
.contact-form input.short { width: 40px; }
.contact-form input.medium { display: block; float: right; width: 174px; }
.contact-form .prefix { float: left; }
.contact-form select { width: 259px; }
.contact-form .comments { clear: both; width: 570px; margin: 0 0 2px 0; }
.contact-form .comments textarea { width: 532px; height: 100px; padding: 4px; border: 1px solid #bfbfbf; overflow: auto; }
.contact-form .updates { width: 570px; margin-bottom: 36px; }
.contact-form .updates label, .contact-form .updates input { display: inline; vertical-align: middle; margin: 0; }
.contact-form .updates label { margin-left: 2px; }
.contact-form .submit { width: 176px; margin: 0 auto; text-align: center; line-height: 1.2; font-size: 0.77em; }
.contact-form .submit p { margin: 0 0 0 -24px !important; }
.contact-form .submit .privacy { color: #878787; }
.contact-form .submit .privacy a { color: #878787; text-decoration: underline; }
.contact-form .submit .privacy a:hover { text-decoration: none; }
.contact-form .error-msg { margin-bottom: 27px; padding: 1px; border: 1px solid #c30202; }
#content .contact-form .error-msg p { padding: 15px 29px 15px 66px; margin: 0; background: #fff5f5  url(../images/css/bg_error_msg.png) 23px 50% no-repeat; }
.contact-form .error { padding: 1px 3px; background: #c30202; color: #fff; font-weight:bold; }
.contact-form .error .required, .contact-form label .error em { color: #fff; }

/* Custom select */
.custom-select { position: relative; width: 259px; z-index: 100; font-size: 0.85em; color: #404040; }
.custom-select a.current-selected { display: block; cursor: pointer; padding: 0 40px 0 10px; width: 207px; height: 26px; line-height: 26px; color: #878787; background: url(../images/css/bg_custom_select_selected.png) top right no-repeat; border: 1px solid #bfbfbf; }
.custom-select .custom-select-wrapper { position: absolute; left: -999em; width: 267px; margin-left: -4px; z-index: 100; }
.custom-select .bottom { width: 267px; height: 6px; line-height: 6px; font-size: 0; background: url(../images/css/bg_custom_select.png) -267px 0 no-repeat; }
.custom-select.open .custom-select-wrapper { left: auto; }
.custom-select ul { padding: 0 5px; background: url(../images/css/bg_custom_select.png) no-repeat; }
.custom-select ul li { margin: 0; float: none; line-height: 1.09; }
.custom-select ul li a { display: block; padding: 3px 10px; width: 237px; color: #404040; }
.custom-select ul li a:hover, .custom-select ul li a.current { background: #def0f8; text-decoration: none; }

/* Blockquotes */
#content .quote-right { float: right; width: 225px; padding-left: 30px; margin: 0 29px 15px 35px; border-left: 1px solid #c1c1c1; text-align: center; }
#content .quote-right blockquote { background: #fff; }
#content .quote-right p.author, #content .quote-horizontal p.author { margin: 1em 0; font-style: italic; text-align: center; color: #2a2a2a; font-family: Georgia, "Times New Roman", Times, serif; }
#content .quote-right p.more { text-align: right; margin: 0 -18px 0 0; }
#content .quote-horizontal { position: relative; margin: 40px 0 50px 0; padding: 23px 8px 5px 192px; background: #f3fafd; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; text-align: left; }
#content .quote-horizontal blockquote { background: transparent; text-align: left; }
#content .quote-horizontal p.author { text-align: left; margin: 12px 0 0 0; }
#content .quote-horizontal p.more { text-align: right; margin: 0; }
#content .quote-horizontal .photo { display: block; position: absolute; top: -25px; left: 24px; }


/* 2.6 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar { width: 200px; float: left; padding-bottom: 75px; }

/* Secondary navigation */
#sidebar .sec-nav { padding: 6px; border: 1px solid #cfcfd0; background: #c7c8ca url(../images/css/bg_sec_nav.jpg) repeat-x; }
#sidebar .sec-nav .inner { padding: 20px 12px 2px 12px; border: 1px solid #bdbdbd; background: #fff; }
#sidebar .sec-nav ul { margin-bottom: 18px; }
#sidebar .sec-nav li { line-height: 1.0; }
#sidebar .sec-nav a { display: block; margin-bottom: -1px; padding: 5px 6px; font-size: 0.92em; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #5a5a5a; }
#sidebar .sec-nav a:hover { margin-left: -12px; margin-right: -12px; padding: 5px 18px; background: #eff8fc; text-decoration: none; }
#sidebar .sec-nav a.current { margin-left: -12px; margin-right: -12px; padding: 5px 18px; background: #dbf1fa; text-decoration: none; }
#sidebar .sec-nav li.first a { border-top: 0; }
#sidebar .sec-nav li.last a { border-bottom: 0; }
#sidebar .sec-nav li.single a { border: 0; }


/* HOLD - - - -  - #sidebar .sec-nav a:hover, #sidebar .sec-nav a.current { margin-left: -12px; margin-right: -12px; padding: 5px 18px; background: #dbf1fa; text-decoration: none; } */


/* Secondary navigation titles */
#sidebar .sec-nav h3 { width: 160px; height: 10px; margin-bottom: 8px; text-transform: uppercase; color: #0081ad; }
#sidebar .sec-nav h3 span { background: url(../images/css/txt_sec_nav_titles.png) no-repeat; }
#sidebar .sec-nav .txt-benefits02 { height: 24px; }
#sidebar .sec-nav .txt-benefits02 span { background-position: 0 -10px; }
#sidebar .sec-nav .txt-benefits03 span { background-position: 0 -34px; }
#sidebar .sec-nav .txt-features01 span { background-position: 0 -44px; }
#sidebar .sec-nav .txt-features02 span { background-position: 0 -54px; }
#sidebar .sec-nav .txt-features03 span { background-position: 0 -64px; }
#sidebar .sec-nav .txt-features04 span { background-position: 0 -74px; }
#sidebar .sec-nav .txt-support span { background-position: 0 -84px; }
#sidebar .sec-nav .txt-about span { background-position: 0 -94px; }
#sidebar .sec-nav .txt-call-us { width: 160px; height: 34px; margin-top: -1px; }
#sidebar .sec-nav .txt-call-us span { background: url(../images/css/txt_sec_nav_titles.png) 0 -118px no-repeat; }
#sidebar .sec-nav .txt-quick-links { height: 14px; margin-bottom: 6px; }
#sidebar .sec-nav .txt-quick-links span { background-position: 0 -104px; }

/* Quick links */
#sidebar .quick-links { margin-top: 15px; padding-top: 17px; border-top: 1px solid #e4e4e4; }
#sidebar .quick-links li { line-height: 1.5; }
#sidebar .quick-links a { margin: 0; padding: 0; border: 0; color: #0081ad; text-decoration: underline; }
#sidebar .quick-links a:hover { margin: 0; padding: 0; background: transparent; }


/* 2.7 Footer Modules
-----------------------------------------------------------------------------------------------*/

#footer-modules { clear: both; padding: 34px 0 29px 0; background: #3f3f3f url(../images/css/bg_footer_modules.png) repeat-x; color: #fff; }
#footer-modules .container { max-width: 963px; }
#footer-modules a { color: #fff; text-decoration: underline; }
#footer-modules a:hover { text-decoration: none; }
#footer-modules .section { float: left; width: 285px; height: 196px; padding: 16px 19px 20px 15px; background: url(../images/css/bg_footer_modules_sections.png) no-repeat; }
#footer-modules .webinar { background-position: 0 -232px; margin-left: 3px; }
#footer-modules .demo { background-position: 0 -464px; margin-left: 3px; }

/* Titles */
#footer-modules h2.ir { width: 285px; height: 24px; }
#footer-modules .txt-news span { background-position: 0 -60px; }
#footer-modules .txt-educational span { background-position: 0 -132px; }
#footer-modules .txt-register span { background-position: 0 -84px; }
#footer-modules .txt-signup span { background-position: 0 -108px; }

/* News */
#footer-modules .news { height: 69px; padding: 8px 4px 0 8px; margin-bottom: 11px; font-size: 0.92em;}
#footer-modules .news li { margin-bottom: 0px; padding-left: 14px; background: url(../images/css/ico_common.png) 0 5px no-repeat; }
#footer-modules .news .more-news { margin-top: 1px; text-align: right; }

/* Resources */
#footer-modules .resources { height: 61px; }
#footer-modules .resources li { float: left; }
#footer-modules .resources img { display: block; }

/* Webinar Event */
#footer-modules .webinar .vevent { padding: 6px 6px 0 9px; }
#footer-modules .webinar .attendee-img { display: block; float: right; padding: 3px; background: #737373; border: 4px solid #9d9d9d; }
#footer-modules .webinar h3 { margin-top: 2px; font-size: 1.08em; line-height: 1.1; text-transform: uppercase; }
#footer-modules .webinar p { margin-bottom: 9px; font-size: 0.92em; line-height: 1.0; }
#footer-modules .webinar .button { margin-top: 14px; }

/* Weekly Demo */
#footer-modules .demo .info { padding: 10px 150px 0 10px; line-height: 1.23; }
#footer-modules .demo .button { margin-top: 27px; }


/* 2.9 Footer
-----------------------------------------------------------------------------------------------*/

#footer { clear: both; padding: 12px 0 46px 0; font-size: 0.77em; line-height: 1.4; background: #adafb2 url(../images/css/bg_footer.png) repeat-x; color: #e5e5e5; }
#footer h3 { margin: 1.65em 0 0.25em 0; text-transform: uppercase; color: #fff; line-height: 1.0; }
#footer li { letter-spacing: -0.25px; }
#footer a, #footer a:visited { color: #e5e5e5; }
#footer .section { float: left; font-size: 1.3em; width: 360px; padding-right: 5px; }
#footer .narrow { float: left; font-size: 1.3em; width: 170px; padding-right: 5px; }
#footer .last { float: right; font-size: 0.77em; width: 170px; margin-right: -5px; }
#footer .last h3 { font-size: 1.3em; }
#footer .follow-us { margin: 3px 0 20px -4px; }
#footer .follow-us li { float: left; margin: 0; }
#footer .follow-us li img { display: block; }
#footer .call-us { width: 144px; height: 33px; margin-left: -2px; }
#footer .call-us span { background-position: 0 -27px; }


/* 2.9 Copy
-----------------------------------------------------------------------------------------------*/

#copy { clear: both; padding: 10px 0; text-align: center; font-size: 0.92em; background: #97999d; color: #e4e4e4; }


/* 3. PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Home page
-----------------------------------------------------------------------------------------------*/

/* Inner */
.home #inner { padding: 30px 0 25px 0; }

/* Header */
.home #header { padding: 0; border-bottom: 4px solid #cecece; background: #fff; }

/* Intro */
#intro { height: 448px; background: #003f64 url(../images/css/bg_intro.jpg) top center no-repeat; color: #fff; }
#intro a { color: #fff; }
#intro .ir span { background-image: url(../images/css/sprite_carousel_texts.jpg); }

#intro .free-trial { font-size: 25px; text-align: center; }
#intro .free-trial img { vertical-align: middle; }

/* Carousel Container */
#intro .carousel-container { height: 371px; position: relative; margin-bottom: 13px; }

/* Carousel Pager */
#intro .pager { width: 126px; height: 19px; margin: 0 auto 8px auto; padding-top: 3px; text-align: center; background: #004f79; }
#intro .pager a { display: inline-block; width: 11px; height: 9px; margin: 0 4px; }
#intro .pager a span { background: url(../images/css/sprite_carousel_nav.png) 0 -140px no-repeat; }
#intro .pager a.carousel-selected span,
#intro .pager a:hover span { background-position: -15px -140px; }

/* Carousel Prev/Next */
#intro .carousel-control { position: absolute; display: block; top: 170px; left: 0; width: 64px; height: 64px; }
#intro .next { left: auto; right: 0; }
#intro .carousel-control span { background: url(../images/css/sprite_carousel_nav.png) no-repeat; }
#intro .next span { background-position: -70px 0; }
#intro .carousel-control:hover span { background-position: 0 -70px;  }
#intro .next:hover span { background-position: -70px -70px;  }

/* Carousel */
#home-carousel-wrapper { width: 800px; height: 340px; margin: 0 auto; overflow: hidden; }
#home-carousel-content { width: 4000px; height: 340px; }
#home-carousel-content .slide { float: left; width: 800px; height: 340px; }

#home-carousel-content .slide blockquote { font: italic normal 19px/1.1 Georgia, serif;  }
#home-carousel-content .slide .author { margin-top: 6px; font-size: 12px; text-align: right; }

/* Slide 1 */
#slide-complete-solution { background: url(../images/css/sprite_carousel_bg.jpg) no-repeat; }
#slide-complete-solution .left { float: left; width: 374px; padding: 16px 0 0 19px; }
#slide-complete-solution h2 { width: 374px; height: 206px; }
#slide-complete-solution ul { float: left; width: 170px; font-size: 15px; margin-left: 10px; }
#slide-complete-solution ul.first { margin-left: 20px; }
#slide-complete-solution li { padding-left: 17px; background: url(../images/css/ico_intro_tick.png) left center no-repeat; }

/* Slide 2 */
#slide-2x { background: url(../images/css/sprite_carousel_bg.jpg) 0 -340px no-repeat; }
#slide-2x .left { float: left; width: 300px; padding: 55px 0 0 44px; }
#slide-2x h2 { width: 300px; height: 215px; }
#slide-2x h2 span { background-position: 0 -206px; }
#slide-2x .right { float: right; width: 365px; padding: 16px 34px 0 0; }
#slide-2x .video { margin-bottom: 22px; }
#slide-2x .video img { display: block; }
#slide-2x blockquote { width: 295px; margin: 0 auto; }

/* Slide 3 */
#slide-great-service { background: url(../images/css/sprite_carousel_bg.jpg) 0 -680px no-repeat; }
#slide-great-service .left { float: left; width: 356px; padding: 0 0 0 37px; }
#slide-great-service h2 { width: 356px; height: 207px; }
#slide-great-service h2 span { background-position: 0 -421px; }
#slide-great-service ul { width: 260px; margin: 5px 0 0 26px; font-size: 16px; line-height: 1.125; }
#slide-great-service li { margin-bottom: 5px; padding-left: 17px; background: url(../images/css/ico_intro_tick.png) 0 4px no-repeat; }
#slide-great-service .right { float: right; width: 365px; padding: 16px 34px 0 0; }
#slide-great-service .right blockquote { margin: 3px 10px 0 40px; font-size: 20px; }
#slide-great-service .video { margin-bottom: 22px; }
#slide-great-service .video img { display: block; }

/* Slide 4 */
#slide-webinar { background: url(../images/css/sprite_carousel_bg.jpg) 0 -1020px no-repeat; }
#slide-webinar .left { float: left; width: 282px; padding: 9px 0 0 15px; }
#slide-webinar h2 { width: 282px; height: 151px; }
#slide-webinar h2 span { background-position: 0 -628px; }
#slide-webinar .left p { width: 235px; margin: 5px 0 0 15px; font-size: 16px; line-height: 1.125; }
#slide-webinar .right { float: right; width: 463px; padding: 16px 16px 0 0; }
#slide-webinar .right img { float: left; }
#slide-webinar .webinar-info { float: right; width: 231px; }
#slide-webinar .webinar-info h3 { margin: 12px 0 15px 0; font: italic normal 26px/1.08 Georgia, serif; }
#slide-webinar .webinar-info dl { padding-top: 15px; border-top: 1px solid #70b9d1; }
#slide-webinar .webinar-info dd { clear: both; float: left; width: 65px; padding-top: 3px; text-align: right; color: #b8f2ff; font: italic normal 13px/1.15 Georgia, serif; }
#slide-webinar .webinar-info dt { margin: 0 0 9px 71px; font: 17px/1.11 Georgia, serif; }
#slide-webinar .webinar-info .btn { margin: -2px 0 0 25px; }

/* Content */
.home #content { float: left; max-width: 602px; min-height: 0px; padding: 0px 32px 0 0; }

/* Home Testimonials */
.home-testimonials { position: relative; max-width: 602px; height: 205px; }
.home-testimonials img.photo { display: block; float: left;}
/*
.home-testimonials .slide { width: 602px; height: 205px; clear: both; position: absolute; top: 0; left: 0; background: #fff url(../images/css/bg_home_testimonials.png) repeat-x; }
.home-testimonials img.logo { display: block; float: left; position: relative; right: -5px; top: -12px; }
#content .home-testimonials .author { font-size:1em; float: left; width: 265px; line-height: 1.23; }
#content .home-testimonials blockquote { padding-top: 5px; margin-bottom: 24px; text-align: left; font-style: italic; background: transparent; }
#content .home-testimonials blockquote p { font-size: 1.23em; color: #505050; margin: 0; }
#content .home-testimonials blockquote p strong { font-size: 1.125em; font-weight: bold; color: #505050; }
.home #content p.more-testimonials { position: relative; top: -11px; margin: 0; text-align: right;  }
*/

/* Sidebar */
.home #sidebar { float: right; width: 284px; padding: 3px 0 0 0; }
.home #sidebar .video { width: 255px; }
.home #sidebar .video h2.ir { width: 269px; height: 21px; }
.home #sidebar .video h2.ir span { background: url(../images/css/txt_home_videoSidebar.png) no-repeat; }
.home #sidebar .video .thumb { margin: 8px 0 3px 0; }
.home #sidebar .video .thumb img { display: block; padding: 12px 14px 15px 12px; background: url(../images/css/bg_home_video.png) no-repeat; }
.home #sidebar .video .more { text-align: right; margin-right: 4px; }
.home #sidebar .video .watchvideo { text-align: right; margin-right: 4px; }

/* Home News articles */
#home-news-list-display img {
  margin-right: 5px;
}

/* 3.2 Product Overview page
-----------------------------------------------------------------------------------------------*/

/* Product Feature Videos */
.product-feat-vids { max-width: 768px; margin: 0 0 0 -53px; padding: 15px 0 0 0; font-size: 1em; }
.product-feat-vids li { float: left; width: 203px; height: 220px; margin: 0; padding: 0 0 10px 53px; }
.product-feat-vids li a { display: block; width: 183px; height: 111px; overflow: hidden; margin: 0 0 8px 0; padding: 0; border: 10px solid #000; }
.product-feat-vids li a:hover { border-color: #333; }
.product-feat-vids li a img { float: left; margin: 0; padding: 0; }
#content .product-feat-vids li h3,
#content .product-feat-vids li p { margin: 0; padding: 0 2px; }
#content .product-feat-vids li h3 { font-size: 1.0769em; line-height: 1.1428em; font-weight: bold; color: #3c3c3c; }
#content .product-feat-vids li p { font-size: .8461em; line-height: 1.4545em; font-weight: normal; color: #515151; }


/* 3.3 Team page
-----------------------------------------------------------------------------------------------*/

/* Team listing */
.team-listing { max-width: 765px; margin: 0; padding: 12px 0 0 0; }
.team-listing li { max-width: 765px; margin: 0; padding: 0 0 29px 0; }
.team-listing li img { float: left; margin: 3px 0 0 0; padding: 4px; border: 3px solid #e6e6e6; }
.team-listing li .inner { float: right; max-width: 540px; margin: 0; padding: 0 23px 0 0; }
#content .team-listing li h2 { margin-top: 0; margin-bottom: 3px; }


/* 3.4 News page
-----------------------------------------------------------------------------------------------*/

.news-channel {
  margin-bottom: 6px;
}
.news-channel h2 {
  /*color: #666;
  font-size: 1.75em;
  margin: 0 0 40px;
  text-align: center;*/
}
.news-channel h3 {
  /*font: 200 2.35em 'Helvetica Neue',Helvetica,sans-serif;
  margin: 7px 0 0;
  text-align: left;*/
}
#home-press-list-display h3, #more-press-items-display h3 {
  margin-bottom: 5px;
  margin-top: 0;
}
.news-channel li {
  margin-bottom: 30px;
}
.news-pr {
  font-size: 1em;
  max-width: 100%;
  margin: 0;
  padding: 15px 0 0 0;
}
.news-channel .article {
  margin: 0 0 22px;
  overflow: auto;
}
.news-channel .article .left {
  float: left;
  margin: 0 30px 10px 0;
  width: 175px;
}
.news-channel .article .right {
  float: left;
  width: 78%;
}
.news-channel .article .full {
  float: left;
  width: 100%;
}
.news-channel .article .date {
  color: #7B8389;
  font: italic 12px "open-sans", 'Helvetica Nueue',Helvetica,sans-serif;
  margin: 0;
}
#news-items-display li, #press-items-display li {
  display: none;
}
.news-channel #load-more-news, .news-channel #load-more-press, .news-channel #load-all-news, .news-channel #load-all-press, .news-channel #load-more-reviews, .news-channel #load-all-reviews {
  background-color: #ccc;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  margin: 52px auto;
  padding: 14px 0;
  text-align: center;
  width: 245px;
}
.news-channel #load-more-news, .news-channel #load-more-reviews {
  margin-bottom: 78px;
}
.news-channel #load-more-news:hover, .news-channel #load-more-press:hover, .news-channel #load-all-news:hover, .news-channel #load-all-press:hover, .news-channel #load-more-reviews:hover, .news-channel #load-all-reviews:hover {
  background-color: #bbb;
}

.news_section {
  background-color: #EDEEEF;
  margin-bottom: 62px;
  padding: 25px 0 45px;
  overflow: auto;
  text-align: center;
}
.news.awards  h1 {
  margin-bottom: 0.5em;
}
.news.awards ul {
  margin: 0 auto;
}
.news.awards ul div {
  display: inline-block;
}
.news.awards li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.news.awards li span {
  background-image: url('//dhvu905wjl8ow.cloudfront.net/apm/images/sprite/apm_awards_sprite.png');
  background-repeat: no-repeat;
  display: block;
  margin: 5px 0;
  transform: scale(1);
  transform-origin: 0;
}
.news.awards li #biz {
  background-position: -458px -4px;
  height: 102px;
  width: 86px;
}
.news.awards li #it {
  background-position: -183px 0px;
  height: 125px;
  width: 80px;
}
.news.awards li #advice {
  background-position: -500px 0px;
  height: 125px;
  width: 132px;
}
.news.awards li #codie {
  background-position: -0px 0px;
  height: 125px;
  width: 180px;
}
.news.awards li #design {
  background-position: -562px 0;
  height: 102px;
  width: 99px;
}
.news.awards li #glassdoor {
  background-position: -275px 1px;
  height: 125px;
  width: 207px;
}
.news.awards li #stevie {
  background-position: -639px 0px;
  height: 125px;
  width: 164px;
}
@media only screen and (max-width: 367px) {
  .news.awards li {
      margin-left: 5px;
      margin-right: 5px;
  }
}

#more-news-items-display li a, #more-press-items-display li a {
  font-size: 1.3em;
}
#more-news-items-display img {
  margin-right: 5px;
}
#more-news-items-display li span, #more-press-items-display li span, #home-press-list-display li span {
  color: #7B8389;
  font-style: italic;
}

/* 3.5 Case Studies page
-----------------------------------------------------------------------------------------------*/

/* Case Study Testimonials */
.case-study-testimonials { max-width: 765px; font-size: 1em; margin: 35px 0 -5px 0; }
.case-study-testimonials li { float: left; clear: left; width: 340px; height: 175px; }
.case-study-testimonials li.alt { float: right; clear: right; }
#content .case-study-testimonials li h3,
#content .case-study-testimonials li p { margin: 0; padding: 0; }
#content .case-study-testimonials li h3 { padding-bottom: 4px; font-size: 1.0769em; line-height: 1.1428em; font-weight: bold; color: #3c3c3c; }
#content .case-study-testimonials li h3 a { text-decoration: none; color: #3c3c3c; }
#content .case-study-testimonials li h3 a:hover { text-decoration: underline; }
#content .case-study-testimonials li p { padding-bottom: 10px; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #515151; }
.case-study-testimonials li img { float: right; margin: 2px 0 20px 20px; padding: 3px; border: 3px solid #e6e6e6; }
.case-study-testimonials li .read-more { display: block; height: 17px; }
.case-study-testimonials li .read-more img { float: left; margin: 0; padding: 0; border: none; }

/* Case Study Videos */
.case-study-vids { max-width: 768px; margin: 0 0 0 -53px; padding: 15px 0 0 0; font-size: 1em; }
.case-study-vids li { float: left; width: 203px; height: 230px; margin: 0; padding: 0 0 10px 53px; }
.case-study-vids li a { display: block; width: 183px; height: 111px; overflow: hidden; margin: 0 0 8px 0; padding: 0; border: 10px solid #000; }
.case-study-vids li a:hover { border-color: #333; }
.case-study-vids li a img { float: left; margin: 0; padding: 0; }
#content .case-study-vids li h3,
#content .case-study-vids li p { margin: 0; padding: 0 2px; }
#content .case-study-vids li h3 { font-size: 1.0769em; line-height: 1.1428em; font-weight: bold; color: #3c3c3c; }
#content .case-study-vids li p { padding-right: 10px; font-size: .8461em; line-height: 1.4545em; font-weight: normal; color: #515151; }

/* Case Study Video Player & Playlist */
#playlist {
    display: inline-block;
    max-height: 325px;
    border: 5px solid black;
    width: 240px;
    border-left: 0px;
    overflow: scroll;
}
#playlist li{
    cursor:pointer;
    padding:2px;
}

#playlist li:hover{
    color:gray;
}

#playlist .csvideo-description{
  font-size: 10px;
}

#playlist .csvideo-title{
  color: #008BBB;
  font-size: 12px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 94px;
}

#playlist .csboth{
  display: inline-block;
  height: 40px;
  overflow: hidden;
  vertical-align: top;
  width: 180px;
}

#playlist img.csvideo{
  width: 39px;
  height: 40px;
  padding: none;
  padding-right: 2px;
  margin: none;
  float: left;
}
.playlist-video{
  border-bottom: 1px solid gray;
}


#casestudies-player {
    float:left;
    width:470px;
    height:325px;
    padding: 0;
    margin: 0 0 0 0;
    border:5px solid black;
}​

#videolist{
  max-width: 700px;
  height: 100px;
}
#videolist .csicons{
  width: 60px;
  position: relative;
}
#videolist .csicons a.cspdf {
  width: 20px;
  height: 20px;
  display: inline-block;
}
#videolist .csicons a.csvideo{
  width: 20px;
  height: 20px;
  display: inline-block;
}
#videolist .casestudy{
  max-width: 700px;
  min-height: 20px;
  display: inline-block;
  position: relative;
}

#videolist a.csstudy {
  display: inline-block;
  font-size: 12px;
  max-width: 544px;
  line-height: 18px;
}

#videolist .csnovideo{
  width: 15px;
  height: 15px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

#videolist .csnopdf{
  width: 32px;
  height: 15px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

#videolist h5{
  font-size: 15px;
  padding-bottom: 3px;
  padding-top: 15px;
}

#videolist h2{
  padding-bottom: -10px;
}

#videolist img{
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}

#videolist a{
  text-decoration: none;
}
/* 3.6 Case Studies Subpage page
-----------------------------------------------------------------------------------------------*/

/* Download */
.f-content .download { overflow: hidden; margin-top: -15px; padding: 5px 0 0 0; }
.f-content .download a { display: block; float: left; height: 15px; margin: 0; padding: 0 0 0 20px; font-size: .7692em; line-height: 1.5em; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #717174; }
.f-content .download a:hover { text-decoration: underline; }
.f-content .download a.pdf { background: url(../images/css/ico_file_pdf.gif) no-repeat 0 0; }

/* Float images */
.float-images { float: left; margin: 0; padding: 0 50px 35px 35px; }
.float-images.right { float: right; padding: 0 35px 35px 50px; clear:right}
.float-images.inset { float: right; padding: 0 35px 15px 50px; clear:right; margin-top:2px;}
.float-images.inset-nested { float: right; padding: 0 15px 15px 50px; margin-top:-20px; clear:right}
.float-images p { font-size:12px !important; font-weight:bold; }
.float-images a { display: block; border: 10px solid #000; margin-right: 25px; overflow: hidden; }
.float-images a:hover { border-color: #444; }
.float-images a img { float: left; margin: 0; padding: 0; clear:left; }

.float-images_ss { float: left; margin: -11px 0 0 0; padding:  40px 25px 25px; clear:left; }
.float-images_ss.right { float: right; padding: 0 25px 25px 40px; clear:right;}
.float-images_ss a { display: block; border: 0px solid #000; overflow: hidden; }

/* Float images responsive */
.float-images-responsive { float: left; margin: 0; padding: 0 50px 35px 35px; }
.float-images-responsive.right { float: right; padding: 0; clear:right}
.float-images-responsive.inset { float: right; padding: 0 35px 15px 50px; clear:right; margin-top:2px;}
.float-images-responsive.inset-nested { float: right; padding: 0 15px 15px 50px; margin-top:-20px; clear:right}
.float-images-responsive p { font-size:12px !important; font-weight:bold; }
.float-images-responsive a { display: block; border: 10px solid #000; margin-right: 25px; overflow: hidden; }
.float-images-responsive a:hover { border-color: #444; }
.float-images-responsive a img { float: left; margin: 0; padding: 0; clear:left; }

/* Quote */
.f-content blockquote { text-align: center; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.35em; text-align: center; background: #fffff1; }
.f-content blockquote.wide { text-align: center;margin: 3em 0; padding: 10px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.f-content blockquote.float-left, blockquote.float-right { width: 234px; margin: 0 0 20px 0; padding: 40px 25px 35px 25px; }
.f-content blockquote.float-left { float: left; border-right: 1px solid #c1c1c1; }
.f-content blockquote.float-right { float: right; margin-left: 40px; border-left: 1px solid #c1c1c1; }
.f-content blockquote p {  text-align: center; margin: 0 auto; padding: 0; font-size: 1.0769em; line-height: 1.5em; font-weight: normal; color: #616161; }
.f-content blockquote p.author { padding-top: 10px; padding-bottom: 5px; font-size: .8em; font-style: italic; color: #2a2a2a; }
.f-content blockquote p strong { font-size: 1.4285em; font-weight: normal; color: #000000; }
.f-content blockquote p.link-float {text-align:right; font-size:12px; margin:20px -25px -36px 0;}
.f-content blockquote p.link-wide {text-align:right; font-size:12px; margin:0 -10px -12px 0;}
.f-content blockquote a { background:#f6eb74; color:#6f6100; text-decoration:none; }
.f-content blockquote a:hover { background:#e1cf04; color:#493901; text-decoration:none; }

/* Quote Case Studies */
.f-content blockquote.float-left2,
.f-content blockquote.float-right2 { text-align:left; width: 320px; margin: 0 0 25px 0; padding: 0 25px 5px 0; background: #fff; border: 0px solid #c1c1c1; }
.f-content blockquote.float-left2 p,
.f-content blockquote.float-right2 p { line-height:1.3em; margin-bottom: -5px; color: #555;}
.f-content blockquote.float-left2 p.author,
.f-content blockquote.float-right2 p.author { margin-left:80px; font-size: .95em; line-height:1.1em; color: #000;}
.f-content blockquote.float-left2 p strong,
.f-content blockquote.float-right2 p strong { font-size: 1.2em; font-weight: normal; color: #000; }
.f-content blockquote.float-left2 { float: left; clear:left;}
.f-content blockquote.float-right2 { float: right; clear:right;}
.f-content blockquote img { float:left; margin: 0 10px 10px 0; padding: 3px; border: 3px solid #e6e6e6;}
.f-content blockquote .readmore img,
.f-content blockquote .readmore2 img { display:inline; margin:10px 0 0 80px; border:0px; padding:0px; }
.f-content blockquote .readmore2 img { margin-left: 10px;}



/* 3.7 Events page
-----------------------------------------------------------------------------------------------*/

/* Jump to Month */
.f-content .jump-to-month { padding: 15px 0 4px 0; }
.f-content .jump-to-month h3 { float: left; font-size: 1.0769em; line-height: 1.8571em; font-weight: bold; color: #3c3c3c; }
.f-content .jump-to-month ul { float: left; padding-left: 10px; }
.f-content .jump-to-month ul li { float: left; height: 26px; margin: 0; padding: 0 4px 0 0; }
.f-content .jump-to-month ul li a { display: block; width: 30px; height: 26px; overflow: hidden; }
.f-content .jump-to-month ul li a img { float: left; margin: 0; padding: 0; }

/* Events */
.f-content #jan,
.f-content #feb,
.f-content #mar,
.f-content #apr,
.f-content #may,
.f-content #jun,
.f-content #jul,
.f-content #aug,
.f-content #sep,
.f-content #oct,
.f-content #nov,
.f-content #dec { margin-top: 20px; }
.f-content .first-month { margin-top: 24px !important; }
.f-content .events { max-width: 100%; margin: 0; padding: 5px 0 10px 0; border: none; border-bottom: 0px; }
.f-content .last-events { border-bottom: none; }
.f-content .events .event { float: left; clear: both; max-width: 765px; margin: 0; padding: 0 0 20px 0; font-size: 1em; }
.f-content .events .event .dtstart { float: left; width: 62px; margin: 0 12px 0 0; padding: 1px 0 4px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1538em; line-height: 1.2em; font-weight: normal; text-align: center; color: #494949; background: #efefef; }
.f-content .events .event .details { float: left; margin: -3px 0 0 0; padding: 0; }
.f-content .events .event .details h4 { margin: 0; font-size: 1.0769em; line-height: 1.2857em; font-weight: bold; color: #515151; }
.f-content .events .event .details p { margin: 0; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #515151; }
.f-content .events .event .details p a { text-decoration: underline; color: #00afdb; }
.f-content .events .event .details p a:hover { text-decoration: none; color: #00afdb; }


/* 3.8 Pricing
-----------------------------------------------------------------------------------------------*/

/* Table pricing */
.wrapper-tbl-pricing { padding: 0 0 10px 0; }
table.tbl-pricing { max-width: 600px; border: none; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; }
table.tbl-pricing tr th,
table.tbl-pricing tr td { height: 21px; padding: 6px; vertical-align: middle; border: none; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
table.tbl-pricing tr .column-1 { max-width: 248px; padding-left: 20px; font-size: 1em; line-height: 1.6153em; font-weight: normal; color: #474747; background: #f5f5f5; }
table.tbl-pricing tr .column-1 a { text-decoration: underline; color: #474747; }
table.tbl-pricing tr .column-1 a:hover { text-decoration: none; }
table.tbl-pricing tr.alt .column-1 { background: #fff; }
table.tbl-pricing tr .column-2 { max-width: 99px; height: 33px; }
table.tbl-pricing tr .column-3 { max-width: 200px; text-align: center; }
table.tbl-pricing tr .column-1 img { margin-top: 0px; margin-left: 5px; vertical-align: middle; }
table.tbl-pricing tr .column-2 img,
table.tbl-pricing tr .column-3 img { float: left; margin: 0; padding: 0; }
table.tbl-pricing-alt tr .column-1 { max-width: 360px; }
table.tbl-pricing-alt tr .column-2 { max-width: 200px }
table.tbl-pricing-alt tr td { height: auto; }
table.tbl-pricing-alt strong { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5384em; line-height: 1.25em; font-weight: normal; text-align: center; color: #fff; background: #282828; }
table.tbl-pricing-alt strong.note { padding: 8px 0 12px 0; font-size: 1.1538em; line-height: 1.2em; }
table.tbl-pricing .one-dollar-per-unit { max-width: 200px; height: 429px; }
table.tbl-pricing .one-dollar-per-unit span { background: url(../images/css/txt_one_dollar_per_unit.png) no-repeat 0 0; }
table.tbl-pricing .cost-equal { max-width: 200px; height: 48px; }
table.tbl-pricing .cost-equal span { background: url(../images/css/txt_cost_equal.png) no-repeat 0 0; }
table.tbl-pricing .cost-0 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-0 span { background: url(../images/css/txt_cost_0.png) no-repeat 0 0; }
table.tbl-pricing .cost-1000 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-1000 span { background: url(../images/css/txt_cost_1000.png) no-repeat 0 0; }
table.tbl-pricing .cost-50 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-50 span { background: url(../images/css/txt_cost_50.png) no-repeat 0 0; }
table.tbl-pricing .cost-500 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-500 span { background: url(../images/css/txt_cost_500.png) no-repeat 0 0; }
table.tbl-pricing .cost-0-limitedtime { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-0-limitedtime span { background: url(../images/css/txt_cost_0_limitedtime.png) no-repeat 0 0; }
table.tbl-pricing .cost-0-insurance { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-0-insurance span { background: url(../images/css/txt_cost_0_insurance.png) no-repeat 0 0; }
table.tbl-pricing .cost-950-insurance { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-950-insurance span { background: url(../images/css/txt_cost_950_insurance.png) no-repeat 0 0; }
table.tbl-pricing .cost-10 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-10 span { background: url(../images/css/txt_cost_10.png) no-repeat 0 0; }
table.tbl-pricing .cost-15 { max-width: 200px; height: 25px; }
table.tbl-pricing .cost-15 span { background: url(../images/css/txt_cost_15.png) no-repeat 0 0; }
#content .pricing-note { margin: 0 0 0 20px; }
#content .pricing-note li { padding: 0 0 0 8px; font-size: .7692em; line-height: 1.3em; font-weight: normal; color: #808080; background: url(../images/css/ico_bullet_pricing_note.gif) no-repeat 0 50%; }


/* 3.9 Contact Us page
-----------------------------------------------------------------------------------------------*/

/* List Contact */
.list-contact { margin: 0; padding: 8px 0 36px 0; }
.list-contact .column { float: left; width: 160px; }
.list-contact .first-column { max-width: 235px; }
#content .list-contact h2 { margin: 0; padding: 0; font-size: 1.3846em; line-height: 1.3333em; font-weight: bold; color: #3c3c3c; }
#content .list-contact h3,
#content .list-contact p,
#content .list-contact li { margin: 0; padding: 0; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #3c3c3c; }
#content .list-contact ul { margin: 0; padding: 0; }
#content .list-contact ul li a { text-decoration: none; color: #0081ae; }
#content .list-contact ul li a:hover { text-decoration: underline; }


/* 3.10 Free Trial page
-----------------------------------------------------------------------------------------------*/


/* 3.11 Weekly Demo page
-----------------------------------------------------------------------------------------------*/

/* Weekly Demo */
.weekly-demo { margin: 0; padding: 0 1px 42px 1px; }
#content .weekly-demo h2 { margin: 0; font-size: 1.3846em; line-height: 1.3333em; font-weight: bold; color: #3c3c3c; }
#content .weekly-demo p { margin: 0; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #3c3c3c; }


/* 3.12 Thank You page
-----------------------------------------------------------------------------------------------*/

/* Thank you */
.thank-you { margin: 0; padding: 5px 0 0 0; }
.ty-inner { float: left; max-width: 205px; margin: 0; padding: 0; }
.ty-inner-first { padding-right: 10px; }
.ty-inner-vids { float: right; max-width: 248px; padding-right: 36px; }
#content .ty-inner h2 { margin: 0; font-size: 1.3846em; line-height: 1.3333em; font-weight: bold; color: #3c3c3c; }
#content .ty-inner ul { margin: 0 0 20px 0; padding: 0; }
#content .ty-inner ul li { float: left; clear: both; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #3c3c3c; }
#content .ty-inner ul li a { text-decoration: none; color: #0081ae; }
#content .ty-inner ul li a:hover { text-decoration: underline; }
#content .ty-inner p { padding: 0 10px 0 2px; font-size: .8461em; line-height: 1.4545em; font-weight: normal; color: #515151; }
.ty-inner-vids .ty-vids { display: block; max-width: 228px; height: 140px; overflow: hidden; margin: 3px 0 6px 0; padding: 0; border: 10px solid #000; }
.ty-inner-vids .ty-vids:hover { border-color: #333; }
.ty-inner-vids .ty-vids img { float: left; margin: 0; padding: 0; }


/* 3.13 404 page
-----------------------------------------------------------------------------------------------*/

/* Alternate pages */
.alternate-pages { margin: 0; padding: 18px 0 85px 1px; }
#content .alternate-pages h2,
.alternate-pages form label { margin: 0; padding: 0 0 5px 0; font-size: 1.3846em; line-height: 1.3333em; font-weight: bold; color: #3c3c3c; }
.alternate-pages ul { float: left; width: 163px; margin: 0; padding: 0 10px 0 0; }
.alternate-pages ul.first { width: 115px; }
.alternate-pages ul.last { width: 205px; }
.alternate-pages ul li { font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #3c3c3c; }
.alternate-pages ul li a { text-decoration: none; color: #0081ae; }
.alternate-pages ul li a:hover { text-decoration: underline; }
.alternate-pages form { clear: both; overflow: hidden; padding: 38px 0 0 0; }
.alternate-pages form label,
.alternate-pages form input,
.alternate-pages form .submit { float: left; margin: 0; padding: 0; }
.alternate-pages form label { height: 57px; margin-right: 15px; padding: 17px 35px 0 0; background: url(../images/css/bg_try_searching.png) no-repeat 100% 0; }
.alternate-pages form .text { width: 272px; height: 22px; line-height: 22px; margin-top: 11px; padding: 5px 10px 6px 4px; border: 1px solid #bfbfbf; border-right: none; font-size: 1.3846em; font-weight: normal; color: #8e8e8e; }
.alternate-pages #search2.macff { padding-top: 10px; height: 17px; line-height: normal; }
.alternate-pages form .submit { margin-top: 11px; }


/* 3.14 Popup
-----------------------------------------------------------------------------------------------*/

body.popup { background: #fff; color: #606060; padding: 20px; }
body.popup h1 { margin: 2.5em 0 0 0; }
body.popup h1.first { margin: 0; }
body.popup h2 { margin: 1.5em 0 0.25em 0; }
body.popup p { margin-bottom: 1em; }


/* 3.15 Services Team
-----------------------------------------------------------------------------------------------*/

.services-team { max-width: 765px; font-size: 1em; margin: 35px 0 -5px 1; }
.services-team li { float: left; width: 220px; height: 380px; margin-top: 10px; }
.services-team li.middle { margin-left: 27px; }
.services-team li.alt { float: right; clear: right; }
.services-team li img { margin: 2px 0 5px 0; padding: 5px; border: 3px solid #e6e6e6; }
#content .services-team li h3 { padding: 0; font-size: 1.0769em; line-height: 1.1428em; font-weight: bold; color: #3c3c3c; margin-top: 0px;}
#content .services-team li p { margin: 0; padding: 0; }
#content .services-team li p { padding-bottom: 10px; font-size: 1em; line-height: 1.1em; font-weight: normal; color: #515151; }
#content .services-team li a {  text-decoration: none; color: #474747; }
#content .services-team li a:hover { text-decoration: underline; }

/* 3.16 3-Column Content
-----------------------------------------------------------------------------------------------*/

.three-column { max-width: 765px; font-size: 1em; margin: 35px 0 -5px 1; }
.three-column li.left { float: left; width: 220px; height: 380px; margin-top: 10px; }
.three-column li.middle { margin-left: 27px; }
.three-column li.right { float: right; clear: right; }
.three-column li img { margin: 2px 0 5px 0; padding: 5px; border: 3px solid #e6e6e6; }
#content .three-column li h3 { padding: 0; font-size: 1.0769em; line-height: 1.1428em; font-weight: bold; color: #3c3c3c; margin-top: 0px;}
#content .three-column li p { margin: 0; padding: 0; }
#content .three-column li p { padding-bottom: 10px; font-size: 1em; line-height: 1.1em; font-weight: normal; color: #515151; }
#content .three-column li a {  text-decoration: none; color: #474747; }
#content .three-column li a:hover { text-decoration: underline; }


/* 3.17 Search Results page
-----------------------------------------------------------------------------------------------*/

.cse .gsc-control-cse,
.gsc-control-cse {
    width: 98% !important; padding: 0 !important;
}

.cse .gsc-branding,
.gsc-branding {
  display: none;
}

.cse .gsc-clear-button,
.gsc-clear-button {
  display: none;
}

.cse.gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  font-family: "open-sans", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/* Search form */
.cse form.gsc-search-box,
form.gsc-search-box {
  padding: 8px 4px 2px 6px;
  margin-bottom: 6px;
}
.cse .gsc-branding-text,
.gsc-branding-text {
  color: #000000;
}
.cse td.gsc-input,
td.gsc-input {
  padding-right: 0;
}
.cse .gsc-search-box,
.gsc-search-box {
  border-collapse: collapse;
}
/* Search page */
input#gsc-i-id1 {
  background: none #eee !important;
  border: 0 !important;
  border-radius: 0px;
  box-shadow: none;
  color: #404040;
  font-size: 14px;
  height: 45px;
  padding: 3px 10px !important;
}

/* Search button */
td.gsc-search-button {
  padding: 0;
  position: relative;
  width: 0 !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
  background: url('../images/icons/search.gif') no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #eee !important;
  cursor: pointer;
  float: right;
  height: 21px !important;
  font-size: 0px !important;
  font-weight: normal !important;
  margin: 0 !important;
  min-width: 20px !important;
  padding: 0 !important;
  position: absolute;
  right: 45px;
  top: 23px;
  width: 20px !important;
}

/* Base tab selector styles */
.cse .gsc-tabHeader,
.gsc-tabHeader {
  display:none !important;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #000000;
  padding: 2px 8px 0 8px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  display:none !important;
  background-color: #777777;
  border: 1px solid;
  border-color: #777777;
  border-bottom: none;
  color: #ffffff;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  display:none !important;
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-bottom: none;
  color: #ffffff;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  display:none !important;
  margin-top: 1em;
  border-bottom: 1px solid #333333;
  padding: 0;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  margin: 0;
  border: none;
  display: none;
}
/* Wrapper for all results */
.cse .gsc-results,
.gsc-results {
  width: 100%;
  margin-top: 1em;
}
/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse .gs-result .gs-visibleUrl,
.gs-result .gs-visibleUrl, {
  padding: 0;
}
/* Font size */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet {
  font-size:1.125em;
  line-height: 18px;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: 0 0 0 .5em;
  border-left: 0px solid !important;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border-left: 0px solid !important;
}
/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link {
  color: #008bbb !important;
}

.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b {
  color: #777777;
}

/* No Results Box */
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
background-color:#ecfaff !important;
border:1px solid #c6f0ff !important;
width:99% !important;
margin:2px !important;
padding:10px !important;
}

/* Snippet text color */
.cse .gs-webResult.gs-result .gs-snippet,
.gs-webResult.gs-result .gs-snippet {
  color: #515151 !important;
}
/* URL text color */
.cse .gs-webResult.gs-result .gs-visibleUrl,
.gs-webResult.gs-result .gs-visibleUrl,
.cse .gs-webResult.gs-result .gs-visibleUrl-long,
.gs-webResult.gs-result .gs-visibleUrl-long {
  display:block !important;
  color: #000000 !important;
  font-weight: bold !important;
}
.cse .gs-webResult.gs-result .gs-visibleUrl-short,
.gs-webResult.gs-result .gs-visibleUrl-short {
  display:none !important;
}

/* Pagination container centered */
.cse .gsc-cursor-box,
.gsc-cursor-box {
  border-top: 1px dotted;
  border-color: #333333;
  padding: .5em 0 0 .5em;
  text-align: left;
}
/* Selected pagination */
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page,
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff !important;
  background-color: #008bbb;
  padding: 0 5px;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #E6E6E6;
  border: 1px solid;
  border-color: #CCCCCC;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #444444;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #00CC00;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #333333;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #00CC00;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #CCCCCC;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 15px;
  position: absolute;
  background: white;
  border: 1px solid #777777;
  padding: 3px;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}


/* 3.18 AppFolio Websites
-----------------------------------------------------------------------------------------------*/

.cust_websites table {
  margin-bottom: 60px;
  padding: 0;
  width: 100%;
}

.cust_websites td {
  background: #fff;
  border-bottom: 1px solid #515151;
  color: #515151;
  font-size: 1.3em;
  font-weight: 400;
  padding: 9px 17px 5px;
  text-align: left;
}

.cust_websites .last {
  border-bottom: none;
}

.cust_websites table span {
  background: url('/images/html/checkmark-green.gif') no-repeat 0 0;
  float: right;
  height: 21px;
  width: 22px;
}

@media only screen and (max-width: 768px) {
  .cust_websites .four {
    margin: -55px 0 30px;
  }
  .cust_websites .five {
    margin-bottom: 33px;
  }
}

@media only screen and (max-width: 1000px) {
  #inner .headroom-top-space.navigation_v2 {
    padding-top: 0;
  }
}

.cust_websites .four div {
  background-color: #e9e9e9;
  padding: 50px 0 2px 0;
  text-align: center;
}

.cust_websites .four div p {
  margin: 0;
  text-align: center;
}

.cust_websites .four div span {
  color: #5a5a5a;
  display: block;
  font-size: 48px;
  padding-bottom: 29px;
}

.cust_websites .five img {
  float: right;
}

.reveal-modal {
    margin-top: 75px;
}

#header_v2 .menuitem-2column {
    background: none;
}
#header_v2 .menuitem-2column {
    padding-bottom: 15px;
}
.headroom-top-space.navigation_v2 {
    padding-top: 125px;
}
.headroom-top-space-sm.navigation_v2_sm {
    padding-top: 0px;
}
#inner {
    background: none !important;
}

.carousel_nav {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: center !important;
    margin: 20px 0 40px 0;
    padding: 0;
}
.carousel_nav span {
    display: inline-block;
    font-size: 1.05em;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #636363;
    padding: 10px 22px 10px 22px;
    cursor: pointer;
}
img.carousel-arrows {
    margin-top: 120px;
    width: 20px;
    cursor: pointer;
}