
/* GENERAL
===============*/
body{
  font-family: Arial;
  font-size:9pt;
  color:#727D80;
  letter-spacing:.5px;
  min-height:100%;
  margin:auto 0;
}

/*******page centering code********/

/*#container_center{
    margin-left:auto;
    margin-right:auto;
    width:1200px;
}
.home #container_center,
.how #container_center,
.clients-california_alliance #container_center,
.clients-powerspeaking #container_center,
.what-fmpsupport #container_center,
.what-websupport #container_center,
.what-support #container_center,
.what-development #container_center,
.what-connectivity #container_center,
.what-training #container_center,
.what-intelligence #container_center,
.what-upgrades #container_center,
.what-empower #container_center,
.what-connectivity-iphone_apps #container_center,
.what-connectivity-fmp_and_web #container_center,
.what-connectivity-fmp_and_ical #container_center,
.what-connectivity-fmp_and_skype #container_center,
.what-connectivity-fmp_and_salesforce #container_center,
.what-connectivity-fmp_and_qb #container_center,
.what-connectivity-google #container_center,
.what-connectivity-aquaconnect_server #container_center,
.who #container_center,
.products #container_center,
.jobs #container_center{
    width:860px;
}
.solutions-wsp #container_center,.solutions-inspector #container_center,.solutions-hiveContacts #container_center,
.who-family #container_center{
    width:1200px !important;
}
.solutions-FMCakeMix #container_center{
    width:950px !important;
}
.job #container_center{
    width:860px !important;
}
#content ul.industry_list{left:205px ! important;}

#callout{margin-left:112px ! important;}

*/

.left {text-align: left;}
.right {text-align: right;}
.center {background-color: #9c9; text-align: center;}

#main_logo {width:140px;}
#main_logo_container{padding-right:20px;padding-top:3px;}

#main_menu_top {min-width:510px; position:relative;}
div#container_bg {min-height:400px;margin:0 auto; background:none no-repeat 0% 100px;}
#container {background: none no-repeat; background-position:800px 0%!important;
  height:100%; min-height: 800px!important;
  }

#container_bg, #container{min-width:860px!important}

/* STRUCTURE */
div#wrapper{float:left; width:100%;}
div#header{margin:0 0 0 95px;}
div#content{margin: 0 0px 0 300px;width:500px;}
div#footer{clear:left;width:100%;}

/* BACKGROUNDS
 * default background based on section or controllers
 */
.questionnaires div#container,
.tellus div#container{background-image:url(/images/background.app.right.jpg)}
.contacts div#container {background-image:url('/images/background.clients.right.jpg')}
.products.index div#container_bg {
  background: url('/images/products/common/background.left.jpg') no-repeat 0 -4px
}
.products.index div#container {
  background-image: url('/images/products/common/background.right.jpg');
}

/* CONTENT
============*/
.lead {font-size:10pt; font-weight:bold;}
.small {font-size:8.5pt;}

.content_column_container h6{margin-top:0px; padding-top:0px;}

#content .content_column_container p{margin-bottom:0px; padding-bottom:0px;}

.content_column_container {display:block; width:100%; 
	border-top:2px solid #ccc; 
	border-bottom: 2px solid #ccc; 
	overflow:auto;}
.content_column_left { margin: 10px 0 10px 0;
	padding: 0 10px 0 0px;
		border-right: 2px solid #ccc;
	float:left; display:block; width:45%; }
.content_column_right {padding: 0 10px 0 0px;
	margin: 10px 0 10px 10px;
	float:left; display:block; width:45%; }
	
ul li {list-style-image:url('/images/bee.bullet.jpg'); line-height:18px;}

/* page_form */
#page_form textarea {width:550px; height:400px;}

/* HEADLINES AND TEXTS */
h1,h2,h3,h4,h5,h6{font-family:arial, sans-serif;font-weight:normal;margin-bottom:0.5em;margin-top:1em;}
h1{font-family:"arial black";color:#92B031;font-size:24px; line-height:27px}
h2{font-family:"arial black";color:#727D80;font-size:20px;}
h3{color:#666;font-size:18px;}
h4{color:#727D80; font-weight:bold; font-size:14px;letter-spacing:0.7px;line-height:20px;}
h5{color:#d36e24;font-size:12px}
h6{color:#727D80;font-weight:bold;font-size:12px;}
.subheading{margin-top:-0.5em;}

/* Testimonials */
/*div#testimonial {clear:none; float:right; position:absolute; top:-32px; right:-350px; width:300px; height:300px; line-height:18px; z-index:600;}
*/

#testimonial .quote {text-indent:-300px;}
#testimonial .quote-attrib {font-size:10pt;}
#testimonial .quote-attrib-title {font-size:10pt;}

div#testimonial {position:absolute; left: 830px; top:400px; width:300px; height:200px; font-size:15px;}
div#testimonial a:hover{text-decoration:none;}

#testimonial .line_one {font-family :arial; font-size:18pt; letter-spacing:.7px; position:relative; left:5px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .line_two {font:arial; font-size:15pt;  letter-spacing:.4px; position:relative; left:46px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .line_three {font:arial; font-size:12pt;  letter-spacing:.7px; position:relative; left:7px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .line_four {font:arial; font-size:12pt;  letter-spacing:.7px; position:relative; left:46px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .line_five {font:arial; font-size:9pt; letter-spacing:.3px; position:relative; left:46px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .line_six {font:arial; font-size:9pt; letter-spacing:.3px; position:relative; left:46px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-weight:bold;}
#testimonial .attrib {line-height:8px; font:arial; font-size:7pt; letter-spacing:.3px; position:relative; left:125px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031;}
#testimonial .attrib_company {line-height:8px; font:arial; font-size:7pt; letter-spacing:.1px; position:relative; left:128px; padding:0px; margin-top:0px; margin-bottom:6px;  display:block; color:#92B031; font-style:italic;}

/* CALLOUTS */

.callout{position:absolute;left:830px;top:400px;font-size:16px;color:#97B031;font-weight:bold;}
.callout blockquote{padding:10px 0 ;margin:0;text-indent:0;}
.callout .cite{font-size:12px;padding:0 0 0 20px;margin:0}
.callout .cite.affiliation{font-size:12px;font-weight:normal;}

/* CALLOUTS -quote in the clients page */
#callout{position:absolute;left:830px;top:400px;font-size:16px;color:#97B031;font-weight:bold;}
#callout blockquote{padding:10px 0 ;margin:0;text-indent:0;}
#callout .cite{font-size:12px;padding:0 0 0 20px;margin:0}
#callout .cite.affiliation{font-size:12px;font-weight:normal;}


/* Some custom header classes */
.header_grey {color:#5B5D48;}
.header_orange {color:#d36e24;}
.header_darkgrey {color:#666;}
.header_lightblue {color:#7cbdcf;}

abbr{border-color:#d36e24;cursor:help;}
a img{border:none;padding:10px .25em;}
strong{font-family:arial; font-size:9pt; font-weight:bold;}
#content a,#extra a{color:#92B031;text-decoration:none;padding:0px;}
#content a:hover,#extra a:hover{color:#92B031; text-decoration:underline;}
#content p{line-height:14pt; letter-spacing:.7px; margin:0 0 .8em 0;}
#content b{letter-spacing:1px;}



/****** Use these classes (.center,.left,.right) for text justification ******/
body #container .center{text-align:center;display:block;}
body #container .left{text-align:left;display:block;}
body #container .right{text-align:right;display:block;}
.float_left{display:block; float:left;clear:none;}
.float_right{display:block; float:right; text-align:right; clear:none;}
#footer .float_right{display:block; float:right; text-align:right; margin-right:0px; clear:none;}
.float_center{display:block; float:center; text-align:center;clear:none;}
.clear{clear:both;padding-top:1em;}
#certlogo{background-color:#f1f1f1;padding:5px;border:none /* inset 1px #FEEEBC */ ;text-align:center;}
#certlogo img{border:none; margin-left:25px;margin-right:25px;padding-left:20px;padding-right:20px;vertical-align:middle;}
#certlogo img.fmlogo{padding:0px;background-color:#ffffff;padding-left:10px;padding-right:10px;}

/*FLASH NOTICE
==============*/
div.notice{background:#b2ffcc;font-size:1.2em;padding:.25em;color:#666;font-weight:bold;}


/*FLASH NOTICE
==============*/
.errorExplanation h2 {display:none;}
div .errorExplanation {border:solid thin #d36e24;}
 .errorExplanation p {margin:10px; color:#d36e24}
 .errorExplanation li {margin:4px; color:#d36e24}



/* HEADER
==========*/
#header .logo {padding-top:12px;float:left}
#header .logo img{width:140px;padding-right:15px;}
#header #main_navigation{float:left;}
#header #main_navigation li{float:left;list-style:none;}
#header #main_navigation li a{
  font-size:13px;
  display:block;
  padding:20px 8px;
  text-decoration:none;
  font-weight:bold;
  color:#7cbdcf;
}
.home #header #main_navigation li a{color:#fff;}
#header #main_navigation li a img{position:absolute;left:-2px;opacity:0;}
#header #main_navigation li a img#nav-hover-services{top:-25px;}
#header #main_navigation li a img#nav-hover-how{top:5px;}
#header #main_navigation li a img#nav-hover-who{top:7px;}
#nav-hover-who, #nav-hover-clients, #nav-hover-contact{
    margin-left:3px;
}
#nav-hover-blog{
    margin-left: 12px;
}
#header #main_navigation li a img#nav-hover-products{top:-12px;}
#header #main_navigation li a img#nav-hover-clients{top:-3px;}
#header #main_navigation li a img#nav-hover-cases{top:-8px;}
#header #main_navigation li a img#nav-hover-contact{top:-13px;}
#header #main_navigation li a img#nav-hover-blog{top:-10px;left:-15px}
#header #main_navigation li a.active{color:#4c8daf;}



/*FOOTER
=======*/
#footer{padding-bottom:50px;text-align:left;font-weight:bold;position:relative;color:#666;font-size:8pt; text-decoration:none; float:left;}
#footer p{margin:0px;}
#footer .footer-contactus-line{margin-top: 20px; font-weight: normal;color:#92B031;text-align: right;}
#footer_info{margin:2em 25% 2em 200px;}
#footer span{width:33%;display:block;float:right;padding:5px 0;text-align: right;}
#footer #copyright{position:absolute;color:#fff;bottom:5px;right:20px;font-weight:normal}
#footer a{color:#666}
#footer .footer-contactus-line a{color:#92B031; font-weight: bold;}
#footer hr {margin-bottom:0px; margin-top:0px;}

/*BEE LIST
===============*/
#beelist{margin:0;padding:0; min-width:550px; position:relative; left:-20px;}
.bee_listing{list-style:none;margin:10px 10px 0 0;padding:0;width:150px;height:220px;float:left;}
.bee_listing:hover{background:#fcfcfc}
.bee_listing .beetext,.bee_listing .bee_photo{float:center; text-align:center; padding:5px 10px;font-size:12px;}
.bee_listing .beetext {text-align:center; float:center; padding-bottom:10px;}
.bee_listing .beetext div{padding:3px 0;}
.bee_listing .bee_name{font-weight:bold;}
.bee_title{font-style:italic;}
.bee_listing .bee_title,.bee_extension{font-size:10px;line-height:12px;}
#beelist .bee_listing a{color:#666;}
#beelist .bee_listing a:hover{background:inherit;}
#beelist  .bee_photo a:hover{background:none; clear:both;}

/*BEE PROFILE
=============*/
.profile img{margin-right:10px}
.profile h1, .profile h2, .profile h3{margin:0;padding:0 0 1em 0;}
.profile b {padding-right:6px;}
#beenumber{display:none;}

/* contact us
=================================*/
#contact_us b {margin-top:10px;}
#content .contact_us p {line-height:17px;}


/*PRODUCTS
============*/
#products-page h4{line-height:2px; color:#999;font-size:1.2em; margin-top:7px; display:inline; }

#products-page .product_actions a{margin-right:12px;}
#product-list { margin: 20px 0; }

.products_html{background:none 100% 0px ;height:100%; min-width:1200px}
.products_body{background:url(/images/product.hexlft.gif) no-repeat}

#product_header img { position:relative; left:-10px;}
div #product_header {display:block;}
#product_header li {display:inline; margin: 0 20px 10px 0; padding-bottom:0px; list-style:none; line-height:22px; position:relative; left:-40px;}

.product-category { color: #b4c044; margin: 24px 0 0 0; font-size: 10pt; }
.product { padding-bottom: 10px; border-top: 1px solid #ccc; }
.product .header { height: 96px; clear: both; }
.product .header .logo { float: left; }
.product .header .logo img {padding: 0px;}
.product .header .icon img {padding: 0px;}
.product .header .icon { float: right; }
.product .pitch-line { margin: 0px 0 12px; font-size: 1.2em; line-height: 1.8em; }
.product .callout { display: none; position: absolute;}

.am img{border:none;margin:0 1em;}
#container .clean{border:none;}
.dragon_sub_nav{list-style:none;margin:0 0 2em 0;padding:1em 0;}
.dragon_sub_nav li{float:left;padding:.5em 0;}
#container .dragon_sub_nav li a{text-decoration:none;border:1px solid #ccc;border-width:0 1px 0 0;font-weight:bold;padding:0 1em 0 0;margin:0 1em 0 0;}
#container .dragon_sub_nav li.last a{border:none;}
#dragon_feature_comparison{width:100%;padding:0;margin:0;border:none;border-collapse:collapse;}

/*DRAGON
========*/
#dragon_feature_comparison col.odd_col{}
#dragon_feature_comparison td, #dragon_feature_comparison th{padding:5px;text-align:left;border:#F5D769 1px solid;border-width: 0 0 1px 0;}
#dragon_feature_comparison td{ }
#dragon_feature_comparison #col1{width:40%;}
#dragon_feature_comparison #col2,#dragon_feature_comparison #col3, #dragon_feature_comparison #col4{width:20%;border-left:#F5D769 1px solid;}
#dragon_footer_heading{border-top:1px solid #f0f0f0;}


.dragon-features p{padding-left:50px; padding-bottom:25px; background-repeat:no-repeat;background-position:left;min-height:50px;}
.dragon-features h4{margin:0px; padding:0px;}

.dragon-web-forms{background:url(/images/prefs_32.png);}
.dragon-manage-business{background:url(/images/ntwrk_32.png);}
.dragon-iphone{background:url(/images/iphone_xsmall.gif);min-height:6px;}
.dragon-be-yourself{background:url(/images/paint_32.png);}
.dragon-no-waiting{background:url(/images/fastf_32.png);}
.dragon-language{background:url(/images/web_32.png);}
.dragon-results{background:url(/images/chart_32.png);}
.dragon-files{background:url(/images/up_32.png);}
.dragon-under-hood{background:url(/images/confg_32.png);}

/*backsplash*/
.dragon_product_page{background:url(/images/dragon_sm.gif) #fff;background-repeat:no-repeat;background-position:top right;}
/*.dragon_product_page #content{padding-top:10px;}*/


/*NEWS
=========*/
#news {position:relative; top:200px;}
#news p {color:#666;}
#news a {color:#d36e24;}
#news a:hover {text_decoration:underline;}


/* Home
=========*/
.home div#container_bg{
  background:url('/images/home.background.png') no-repeat -10px 0%;
  position:relative;
 }
.home div#content {position:relative;}

div #headline {margin-top:0px; padding: 0 10px 0 10px; border-right: solid #aaa 2px; border-left: solid #aaa 2px;}

div .left_text { position:absolute; left:-235px; top:265px; width:200px;}
.left_text hr{margin:10px;}
.left_text p{margin:10px;}
.left_text h3{margin:0px; font-family:"arial"; letter-spacing:2px; font-weight:bolder;
 color:#92B031;font-size:1.1em;font-weight:bold;padding:0px; min-height:60px;}

div .headline_container {padding-left:20px; padding-top:220px; min-width:610px;}
#content div.headline-rtMargin {display:block; max-width:160px; float:left;border-right: 1px solid lightgrey;}
#content div.headline {display:block; max-width:160px; float:left;}
 .headline hr{margin:10px;}
 .headline-rtMargin h1{margin:0px 10px 6px 10px; font-family:"arial"; letter-spacing:2px; font-weight:bolder;
 color:#666;font-size:1.4em;font-weight:bolder;padding-bottom:0px;padding-top:0px; min-height:67px;}
 .headline h1{margin:0px 10px 6px 10px; font-family:"arial"; letter-spacing:2px; font-weight:bolder;
 color:#666;font-size:1.4em;font-weight:bolder;padding-bottom:0px;padding-top:0px; min-height:67px;}
  .right-margin{margin-right: 1px solid lightgrey;}
#content .headline p{margin:10px 10px;}
#content .headline-rtMargin p{margin:10px 10px;}
#content .domain-summary{margin:10px 10px;height:86px;}
#content .more-link{margin-left:1px;margin-right:17px;}
#home .headline_container h1{line-height: 20px; border-bottom: 2px solid lightgrey;}
#home span.headline_quotation_mark {font-size:50pt; line-height:30px; position:relative; top:28px; margin: 0px; padding: 0px;}
#home .headline_quote{color:white;font-size:2.5em; text-indent:-25px;
font-weight:normal;left:0px;letter-spacing:.6px;line-height:10px; margin:10px 0 17px 0;}
#home .headline_quote .headline_quote_text { margin: 0 -4px 0 -6px; }
#home .headline_quote_author {margin:0px;position:relative; left:205px; font-size:1em; color:white; font-weight:bold; letter-spacing:1px; text-indent:-10px;}
#home .headline_quote_attrib {margin:0px;position:relative; left:205px; font-size:1em; color:white; font-weight:normal; font-style:italic; letter-spacing:1px;}
#home #quote {margin-left: 24px; height: 130px;}

div #smlogos {position:absolute; left:10px; top:240px; width:450px;}
div #smlogos hr{margin:0 0 5px 0;}
div #smlogos a{float:left; color:#666; width:50%;}
div #smlogos a:hover {text-decoration:none; color:#666; font-weight:bold;}
div #smlogos p{float:left; color:#666; width:50%; text-align:right; font-weight:bold;}
div #smlogos div{float:right;}
div #smlogos div img{margin:10px;}

/* "case study" text style 
=================================*/
.case {font-size:8pt; text-align:right; font-weight:bold; color:#7CBDCF;}
/*color:#b0b0b0;} old color: grey */

/* Quotes, sitewide
======================= */
/* special texts green color:#d36e24; */
#content .quote {color:#999999; font-weight:bold; margin-top:5px; text-indent:-6px;}
#content .quote-attrib {position:relative; left:150px; color:#999999; position:relative; width:160px; line-height:12pt; font-weight:bold; margin:0px;}
#content .quote-attrib-title {color:#999999;; position:relative; left:162px; top:-2px; width:200px; line-height:10pt; font-weight:normal; font-style:italic; margin:0px;}
#content .strong-text{font-family:arial; font-weight:bold; font-size:10pt;color:#727D80;letter-spacing:.5px;}

/* if the quote leads the page, add space above ... */
#content .lead_quote {margin-top: 35px;}

div.cltest{min-height:300px; background-color:white;}

/*CLIENTS
=========*/
.client_list {padding:0;}
.client_list li{list-style:none;float:left;width:40%;padding:8px 8% 8px 0;font-size:13px;line-height:1}
.client_list li a{font-weight:bold}
.client_list .Short {font-weight:bold;} 
#content .industry_list a{color:#5B5D48;}
#content ul.industry_list{font-size:11px;padding:0;font-weight:bold;position:absolute;left:88px;top:245px}
#content ul.industry_list li{margin-bottom:14px; padding:none; list-style:none;line-height:10px;}

#content ul.industry_list li a{color:#5B5D48;}
#content ul.industry_list li a.all-industries{color:#B4B285;font-size:13px;margin-bottom:25px;display:block}
/* Contact US 
====================*/
.contact_us table { width:380px;}
.contact_us td {padding:0px;}
#followus_outer{
    float:left;
    width:115px;
    margin-left:-176px;
    margin-top:682px;
}
#followus_label{
    color:#999999;
    font-size: 9pt;
}
#followus_wrapper{
    border-top:1px solid #999999;
}
#followus_wrapper .padding-wrap a img{
    padding:0px;
}
.follow-us{
    float:right; margin-top:5px; margin-left:2px;
}
/* FORMS
==========*/
input, textarea{font-size:1.2em;font-family:arial; color:#666;}
input[type=text],textarea{width: 380px; border:solid 1px #ccc;}
textarea{ height:12em;font-size:1.2em;font-family:arial}

#inquiry_submit {cursor:pointer;border:none; width:100px; height:150px; color:transparent; letter-spacing:2px; background:url('/images/button.ask.png') no-repeat 75% 0%;}
#inquiry_submit:hover {background:url('/images/button.ask.hover.png') no-repeat 75% 0%;}

#download_submit {cursor:pointer;border:none; width:100px; height:150px; color:transparent; letter-spacing:2px; background:url('/images/button.download.png') no-repeat 75% 0%;}
.fieldWithErrors{display:inline; color:red}
textarea.fieldWithErrors{border:solid red 1px;}
select {color:#666; width:380px;} 
.required{color:red;}
.form_requirements{font-size:10px;text-align:right;}

/* Under the Hood */

.under-the-hood{float:right}
.under-the-hood img{margin-left:-68px;margin-top:10px;}

#who_under-the-hood .under-the-hood img{margin-left:0px;margin-top:0px;width:80%;}
