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

  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 Search Results
      
***********************************************************************************************/


/* 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: #97999d; color: #515151; font: 81.25%/1.38 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: Helvetica, Arial, sans-serif; }
a, a:visited { color: #008bbb; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }


/* 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
-----------------------------------------------------------------------------------------------*/

.container { width: 950px; position: relative; margin: 0 auto; }
#inner { padding-top: 47px; background: #fff url(../images/css/bg_inner.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 */
#content { width: 715px; float: right; min-height: 225px; padding-bottom: 75px; }
#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; }
#content p.release { font-size: .75em; line-height: 1.375; }
#content ul.simple-list { margin: -0.75em 0 1em 30px; }
#content ul.simple-list-after-title  { margin: 1em 0 1em 30px; }
#content ul.simple-list li, #content ul.simple-list-after-title li { font-size:1.125em; list-style: disc; margin-bottom:.5em; }

/* 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 { 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.jpg) 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: 2px; padding-left: 14px; background: url(../images/css/ico_common.png) 0 5px no-repeat; }
#footer-modules .news .more-news { margin-top: -4px; 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; width: 153px; padding-right: 5px; }
#footer .last { float: right; margin-right: -5px; }
#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 { background: #0081ae url(../images/css/bg_intro.jpg) center top no-repeat; color: #fff; }
#intro a { color: #fff; }
#intro .tabs { height: 329px; }

/* Intro: Tabs Navigation */
#intro .tabs .nav { position: absolute; top: 39px; right: 0; width: 164px; }
#intro .tabs .nav a { position: relative; display: block; width: 163px; height: 30px; line-height: 30px; overflow: hidden; }
#intro .tabs .nav a:hover, #intro .tabs .nav a.current { height: 31px; line-height: 31px; margin-top: -1px; text-decoration: none; background: #0081ae; }
#intro .tabs .nav a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/css/txt_intro_nav.png) 0 -1px no-repeat; cursor: pointer; }
#intro .tabs .nav02 a span { background-position: 0 -31px; } 
#intro .tabs .nav03 a span { background-position: 0 -61px; } 
#intro .tabs .nav04 a span { background-position: 0 -91px; } 
#intro .tabs .nav05 a span { background-position: 0 -121px; } 
#intro .tabs .nav06 a span { background-position: 0 -151px; } 
#intro .tabs .nav01 a:hover span, #intro .tabs .nav01 a.current span { background-position: 0 -181px; }
#intro .tabs .nav02 a:hover span, #intro .tabs .nav02 a.current span { background-position: 0 -212px; }
#intro .tabs .nav03 a:hover span, #intro .tabs .nav03 a.current span { background-position: 0 -243px; }
#intro .tabs .nav04 a:hover span, #intro .tabs .nav04 a.current span { background-position: 0 -274px; }
#intro .tabs .nav05 a:hover span, #intro .tabs .nav05 a.current span { background-position: 0 -305px; }
#intro .tabs .nav06 a:hover span, #intro .tabs .nav06 a.current span { background-position: 0 -336px; }

/* Intro: Slides */
#intro .slides { position: relative; width: 775px; height: 329px; }
#intro .slide { position: absolute; height: 329px; top: 0; left: 0; }
#intro .slide .image { float: left; display: block; margin: 18px 0 0 -2px; }
#intro .slide .text { width: 435px; margin: 30px 0 0 324px; }
#intro .slide h2 { margin: 0 0 2px -3px; width: 430px; height: 72px; }
#intro .slide h2 span { background-image: url(../images/css/txt_home.png); }
#intro .slide h3 { font-weight: bold; font-size: 1.15em; line-height: 1.0; margin: 0; }
#intro .slide p { line-height: 1.08; margin: 0 0 8px 0; }
#intro .slide p.large { width: 375px; font-size: 1.15em; line-height: 1.33; }
#intro .slide p.learn-more { margin-top: 10px; }
#intro .slide p.learn-more img { display: block; }

/* Intro: Complete Solution */
#intro .complete-solution h2 { width: 430px; height: 98px; }
#intro .complete-solution h2 span { background-position: 0 -16px; }

/* Intro: Marketing */
#intro .marketing h2 { width: 359px; height: 66px; margin-bottom: 6px; }
#intro .marketing h2 span { background-position: 0 -114px; }

/* Intro: Managing */
#intro .managing h2 span { background-position: 0 -180px; }

/* Intro: Acounting */
#intro .acounting h2 span { background-position: 0 -252px; }

/* Intro: Online Payments */
#intro .online-payments h2 span { background-position: 0 -324px; }

/* Intro: Service */
#intro .service h2 { width: 267px; height: 35px; margin-bottom: 3px; }
#intro .service h2 span { background-position: 0 -396px; }

/* Intro: Free trial */
#intro .free-trial { position: absolute; left: 320px; bottom: 22px; }

/* Content */
.home #content { float: left; width: 602px; min-height: 100px; padding: 9px 32px 0 0; border-right: 1px solid #d2d2d2; }

/* Home Testimonials */
.home-testimonials { position: relative; width: 602px; height: 205px; }
.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.photo { display: block; float: left; margin-top: -4px; }
.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: 8px 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; }


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

/* Product Feature Videos */
.product-feat-vids { 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 { width: 715px; margin: 0; padding: 12px 0 0 0; }
.team-listing li { width: 715px; 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; width: 540px; margin: 0; padding: 0 23px 0 0; }
#content .team-listing li h2 { margin-top: 0; margin-bottom: 3px; }
#content .team-listing li p { line-height: 1.3846em; margin: 0; }


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

.news-pr { width: 700px; margin: 0; padding: 15px 0 0 0; font-size: 1em; }
.news-pr li { float: left; clear: both; width: 700px; padding: 0 0 13px 0; font-size: .8461em; line-height: 1.4545em; font-weight: normal; color: #515151; }
.news-pr li a { font-size: 1.3em; text-decoration: none; color: #0081ae; }
.news-pr li a:hover { text-decoration: underline; }


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

/* Case Study Testimonials */
.case-study-testimonials { width: 715px; 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 { 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; }


/* 3.6 Case Studies Subpage page
-----------------------------------------------------------------------------------------------*/

/* Download */
#content .download { overflow: hidden; margin-top: -15px; padding: 5px 0 0 0; border-top: 1px solid #c1c1c1; }
#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; }
#content .download a:hover { text-decoration: underline; }
#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; }
.float-images a { display: block; border: 10px solid #000; overflow: hidden; }
.float-images a:hover { border-color: #333; }
.float-images a img { float: left; margin: 0; padding: 0; }

/* Quote */
#content blockquote { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; text-align: center; background: #fffff1; }
#content blockquote.wide { margin: 2em 0; padding: 10px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
#content blockquote.float-left,
#content blockquote.float-right { width: 234px; margin: 0 0 20px 0; padding: 40px 25px 35px 25px; }
#content blockquote.float-left { float: left; border-right: 1px solid #c1c1c1; }
#content blockquote.float-right { float: right; margin-left: 40px; border-left: 1px solid #c1c1c1; }
#content blockquote p { margin: 0; padding: 0; font-size: 1.0769em; line-height: 1.5em; font-weight: normal; color: #616161; }
#content blockquote p.author { padding-top: 10px; padding-bottom: 5px; font-size: 1em; font-style: italic; color: #2a2a2a; }
#content blockquote p strong { font-size: 1.4285em; font-weight: normal; color: #000000; }


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

/* Jump to Month */
#content .jump-to-month { width: 715px; padding: 5px 0 4px 0; margin-top: 30px; border: none; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; background: #f5f5f5; }
#content .jump-to-month h3 { float: left; margin: 0; padding: 0 15px; font-size: 1.0769em; line-height: 1.8571em; font-weight: bold; color: #3c3c3c; }
#content .jump-to-month ul { float: left; }
#content .jump-to-month ul li { float: left; height: 26px; margin: 0; padding: 0 4px 0 0; }
#content .jump-to-month ul li a { display: block; width: 30px; height: 26px; overflow: hidden; }
#content .jump-to-month ul li a img { float: left; margin: 0; padding: 0; }

/* Events */
#content #jan,
#content #feb,
#content #mar,
#content #apr,
#content #may,
#content #jun,
#content #jul,
#content #aug,
#content #sep,
#content #oct,
#content #nov,
#content #dec { margin-top: 20px; }
#content .first-month { margin-top: 24px !important; }
#content .events { width: 715px; margin: 0; padding: 5px 0 10px 0; border: none; border-bottom: 1px solid #c1c1c1; }
#content .last-events { border-bottom: none; }
#content .events .event { float: left; clear: both; width: 715px; margin: 0; padding: 0 0 20px 0; font-size: 1em; }
#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; }
#content .events .event .details { float: left; margin: -3px 0 0 0; padding: 0; }
#content .events .event .details h4 { margin: 0; font-size: 1.0769em; line-height: 1.2857em; font-weight: bold; color: #515151; }
#content .events .event .details p { margin: 0; font-size: 1em; line-height: 1.3846em; font-weight: normal; color: #515151; }
#content .events .event .details p a { text-decoration: underline; color: #00afdb; }
#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 { 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 { 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 { width: 99px; }
table.tbl-pricing tr .column-3 { width: 200px; text-align: center; }	
table.tbl-pricing tr .column-1 img { margin-top: -1px; 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 { width: 360px; }
table.tbl-pricing-alt tr .column-2 { 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 { width: 200px; height: 395px; }
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 { 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-1000 { 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-500 { width: 200px; height: 25px; }
table.tbl-pricing .cost-500 span { background: url(../images/css/txt_cost_500.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 { 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; width: 205px; margin: 0; padding: 0; }
.ty-inner-first { padding-right: 10px; }
.ty-inner-vids { float: right; 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; 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 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: 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 input */
.cse input.gsc-input,
input.gsc-input {
  font-family: inherit;
  border: 1px solid !important;
  border-color: #cccccc !important;
  padding: 3px !important;
  width: 99.6% !important;
  height:15px;
  font-size: 13px;
  color: #888888;
}

/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button { 
  color:#ffffff !important;
  font-size:.000001em;
  float:right;
  background-repeat: no-repeat;   
  cursor: pointer;
  height: 23px; 
  width: 27px; 
  background: url(../images/html/btn_search.png) no-repeat !important;
  border: 0px !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. */
}