/*  Main CSS							*/

@import url(/reset.css);

/*	--- General Styling					*/

body {
	font: 80% Arial, sans-serif;
	background:url(/images/hiive_top_header_bg.gif) repeat-x top;
}
strong {font-weight:bold;}
em {font-style:italic;}
:focus {}

a u {text-decoration:none;}
p {margin:10px 0 10px 0}
p.intro_text {font-size:14px;line-height:1.3}

.left {float:left;}
.right {float:right;}
.cursor, .pointer {cursor:pointer;}
.both {clear:both}
.auto {overflow:auto;}
.hidden {display:none;}

.pad_5_top {padding-top:5px;}
.pad_5_bottom {padding-bottom:5px;}
.pad_5_right {padding-right:5px;}
.pad_5_left {padding-left:5px;}

.pad_10_top {padding-top:10px;}
.pad_10_bottom {padding-bottom:10px;}

.no_margin, div.no_margin {margin:0;}
.large_txt {font-size:16px;}

/*	--- Deployment specific				*/

a:link {text-decoration:underline;color:#0d78b4;}
a:hover {text-decoration:underline;color:#0d78b4;}
a:visited {text-decoration:underline;color:#0d78b4;}

div.page_container {
	margin-right:auto;
	margin-left:auto;
}

div.header {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	height:79px;
}

div.header img {margin-top:15px;}
div.header ul {margin-top:-15px;margin-left:220px;overflow:auto;}
div.header ul li{
	display:block;
	background:url(/images/hiive_mainnav_tab.gif) top right;
	height:31px;
	float:left;
	margin-right:1px;
}
div.header ul li.focus {background:url(/images/hiive_mainnav_tab_focus.gif) top right;}
div.header ul li span {
	display:block;
	background:url(/images/hiive_mainnav_tab.gif) bottom left;
	height:31px;
	float:left;
}
div.header ul li.focus span {background:url(/images/hiive_mainnav_tab_focus.gif) bottom left;}

div.header ul li span a {
	display:block;
	padding:5px 20px 5px 20px;
	color:white;
	font-size:16px;
	text-decoration:none;
}
div.header ul li span a:hover {text-decoration:underline}

div.feature_container {
	margin-top:9px;
	background-image:url(/images/hiive_feature_bg_large.gif);
	border-top:1px solid white;
}

div.lights_repeat {
	height:284px;
	background:url(/images/aqua_bg_repeat.gif) top left repeat-x;
}
div.affinity_blue {background:url(/images/affin_blue_banner_repeat.gif) bottom left repeat-x;height:285px;}
div.lights_feature {
	background:url(/images/home_aqua_banner_blank.jpg) no-repeat center 0px;
	height:284px;
}
div.affinity_blue div.lights_feature {background-image:url(/images/affin_blue_banner.jpg);}
div.feature_container div.feature_content {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	height:235px;
}

div.lights_feature dev.feature_content {
	height:auto;	
}

div.small_feature {background-image:url(/images/hiive_feature_bg_small_v2.gif)}
div.small_feature div.feature_content {
	height:132px;
}

div.small_feature h1, div.large_feature h1, div.medium_feature {
	font-size:36px;
	color:white;
	letter-spacing:0.5px;
	padding-top:10px;
	font-weight:normal;
}
div.medium_feature h1 {font-size:34px;margin-bottom:20px;margin-top:10px;font-weight:normal}
div.medium_feature {background:url(/images/plainblue_grad_repeat.png) top left repeat-x;}
div.medium_feature div.feature_content {height:181px;position:relative;}

h1.home_title, h1.product_title {
	text-indent:-9999px;
	background:url(/images/affinitylive_title_text.png) no-repeat top left;
	width:479px;
	height:114px;
	margin-top:30px;
	margin-bottom:15px;
}

h1.affinity_title {
	background:url(/images/affinity_title_text.png) no-repeat top left;
	width:150px;
	height:52px;
}

div.lights_feature p {color:white; font-size:15px; width:490px; line-height:1.4;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4)}
div.large_feature h1 {
	font-size:32px;
	padding-top:9px;
}

a.action_button {
	background-image:url(/images/home_action_buttons.png);
	height:37px;
	text-indent:-9999px;
	display:block;
}

a.find_out_more {background-position:0px -81px;width:147px;float:left;margin-right:10px;margin-top:10px}
a.get_your_quote {background-position:0px 0px;width:157px;float:left;margin-top:10px;margin-right:10px;}
a.book_demo {background-position:0px -161px;width:138px;float:left;margin-top:10px}

a.find_out_more:hover {background-position:0px -121px;}
a.get_your_quote:hover {background-position:0px -40px;}
a.book_demo:hover {background-position:0px -201px;}

h2.col_content_h {
	height:37px;
	width:271px;
	background-image:url(/images/col_content_h_bg.gif);
	text-indent:-9999px;
	margin-bottom:8px;
	background-repeat:no-repeat;
}
div.bar {height:1px;border-top:1px solid #e1e1e1;margin-top:20px;padding-bottom:15px;}
div.small_bar {border-top:1px solid #e1e1e1;height:1px;margin:10px 0 10px 0;width:400px}
img.inline_icon {padding:0 3px 0 3px;vertical-align:middle}
h2.cog {background-position:0px 0px}
h2.dollars {background-position:0px -47px}
h2.server {background-position:0px -94px}
h2.open_box {background-position:0px -140px}
h2.light_bulb {background-position:0px -184px}
h2.quote_rob {background-position:0px -226px}

ul.icon_list {
	margin-top:15px;
	clear:both;
	overflow:auto;
	margin-bottom:5px;
}

ul.single_col_list {
	
}

ul.icon_list li {
	padding-left:39px;
	background-image:url(/images/core_and_modules_icons.gif);
	background-repeat:no-repeat;	
	height:36px;
	line-height:2;
	width:96px;
	float:left;
}

ul.single_col_list li {
	float:none;
	height:auto;
	width:auto;
	padding-bottom:7px;
}

li.list_icon_companies {background-position:0px -4px;}
li.list_icon_contacts {background-position:0px -157px;}
li.list_icon_segmentations {background-position:0px -42px;}
li.list_icon_profiles {background-position:0px -196px;}
li.list_icon_relationships {background-position:0px -82px;}
li.list_icon_diaries {background-position:0px -238px;}
li.list_icon_resources {background-position:0px -118px;}

li.list_icon_campaigns {background-position:0px -277px;}
li.list_icon_issues {background-position:0px -470px;}
li.list_icon_prospects {background-position:0px -315px;}
li.list_icon_accounts {background-position:0px -509px;}
li.list_icon_events {background-position:0px -352px;}
li.list_icon_contracts {background-position:0px -547px;}
li.list_icon_memberships {background-position:0px -393px;}
li.list_icon_property {background-position:0px -591px;}
li.list_icon_jobs {background-position:0px -431px;}


ul.single_col_list li.list_icon_email {background:url(/images/contact_icons.gif) no-repeat 0px 0px}
ul.single_col_list li.list_icon_twitter {background:url(/images/contact_icons.gif) no-repeat 0px -83px}
ul.single_col_list li.list_icon_phone {background:url(/images/contact_icons.gif) no-repeat 0px -166px}

ul.draw_arrow_list, ul.draw_arrow_list_straight {
	margin:13px 0 10px 0;
}
ul.alt_arrows {margin:3px 0 10px -10px;}
ul.draw_arrow_list li {
	background:url(/images/list_arrows.gif) no-repeat 0px 0px;
	padding-left:30px;
	padding-bottom:13px;
}
ul.draw_arrow_list_straight li {
	background:url(/images/li_arrow_orange.gif) no-repeat 0px -4px;
	padding-left:47px;
	padding-bottom:13px;
}
ul.alt_arrows li {
	padding-bottom:0px;
	line-height:1.6;	
}
ul.bottom_line {
	padding-bottom:10px;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:20px;
}
span.aust {width:14px;height:12px;background:url(/images/contact_icons.gif) no-repeat 6px -265px;display:block;float:left;}
span.us {width:14px;height:12px;background:url(/images/contact_icons.gif) no-repeat 6px -281px;display:block;float:left;}

a.arrow_target {
	display:block;
	background:url(/images/list_arrows.gif) center -159px no-repeat;
	text-align:center;
	margin:15px 0 15px 0;
	font-weight:bold;
}
img.home_screenshot {
	float:right;
	margin:12px 41px;
}

div.large_feature h1.product {
	font-size:50px;
	padding-top:9px;
}

div.small_feature p, div.large_feature p, div.medium_feature p {
	color:white;
	width:630px;
	line-height:1.5;
	font-size:14px;
	margin-top:8px;
}
div.medium_feature p {line-height:1.2;letter-spacing:0}
div.large_feature p {width:470px}
div.feature_clouds {
	position:absolute;
	width:719px;
	height:62px;
	background:url(/images/feature_clouds_small.png) no-repeat;
	margin:35px 0 0 -80px;
}

div.large_feature div.feature_clouds {
	z-index:0;
	margin:150px 0 0 -80px;
}

img.feature_screenshot {
	float:right;
	margin-top:10px;
	margin-left:15px;
	z-index:500;
}

img.alt_size {
	margin-top:15px;
}

/*	--- Change colours of the feature bar with these classes				*/

div.deep_blue_sea_small {background-position:0 -396px}
div.hiive_orange_small {background-position: bottom left}
div.sky_blue_small {background-position: top left}
div.rich_red_small {background-position:0 -264px}
div.tropical_green_small {background-position:0 -132px}

div.deep_blue_sea_large {background-position:0 -705px}
div.hiive_orange_large  {background-position: bottom left}
div.sky_blue_large  {background-position: top left}
div.rich_red_large {background-position:0 -470px}
div.tropical_green_large {background-position:0 -235px}

div.second_level_nav_container {
	background:url(/images/hiive_subnav_bar_bg.gif);
	height:37px;
	border-top:1px solid white;
}

div.second_level_nav {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	height:30px;
}

div.second_level_nav ul.second_nav {margin-top:5px;float:left;}
div.second_level_nav ul.second_nav li{
	display:block;
	height:32px;
	float:left;
	margin-right:1px;
}

div.second_level_nav ul li.focus {background:url(/images/hiive_secondnav_focus.gif) top right;}
div.second_level_nav ul li span {
	display:block;
	height:31px;
	float:left;
}
div.second_level_nav  ul li.focus span {background:url(/images/hiive_secondnav_focus.gif) bottom left;}

div.second_level_nav ul li span a {
	display:block;
	padding:4px 14px 5px 14px;
	color:white;
	font-size:16px;
	text-decoration:none;
}
div.second_level_nav  ul li span a:hover {text-decoration:underline}

div.grey_bar {background:#575858;height:5px;border-top:1px solid white}
div.taller {height:8px;}
div.page_content {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}

div.page_content h1 {
	font-size:22px;
	margin-bottom:13px;
	font-weight:normal;
}

div.page_content h4 {
	color:#5f5f5f;
	font-size:15px;
	line-height:1.3;
	font-weight:normal;
}

div.three_col {
	background:url(/images/3col_lines.gif) repeat-y scroll 0 0;
}
div.col_container {overflow:auto;margin-top:3px;}
img.image_pad {
	margin:10px 0 10px 0;	
}

div.footer_container {
	background: url(/images/hiive_footer_bg_smaller.gif) repeat-x top;
	min-height:148px;
}

div.footer_content {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	overflow:auto;
}

div.footer_content ul{
	width:120px;
	float:left;
	margin-top:10px;
}

div.footer_content ul li {
	margin-bottom:3px;
}

div.footer_content ul li.main_section {
	margin-bottom:10px;
}

div.footer_content ul li a {color:#979797;}
div.footer_content ul li.main_section a, div.footer_content ul li {color:#e78824;}

/*	--- Page scrolling content				*/

div.scroll_container {
	margin-top:20px;
}

ul.tabs_list {
	background:url(/images/content_tab_bg.gif) no-repeat bottom left;
	width:830px;
	height:44px;
	padding-left:70px;
	margin-top:20px;
}
ul.narrow_tabs_one {padding-left:45px;width:855px}
ul.narrow_tabs_two {padding-left:35px;width:865px}

ul.tabs_list li {
	display:block;
	height:44px;
	float:left;
	margin-right:1px;
}
ul.tabs_list li.focus{background:url(/images/content_tab_element.gif) no-repeat top right;}

ul.tabs_list li span {
	display:block;
	height:44px;
	float:left;
}
ul.tabs_list li.focus span {background:url(/images/content_tab_element.gif) no-repeat bottom left;}

ul.tabs_list li span a{
	padding:10px 15px 0 15px;
	display:block;
	text-indent:-9999px;
	height:30px;
}
ul.narrow_tabs_one li span a{padding:10px 11px 0 11px;}
ul.narrow_tabs_two li span a{padding:10px 8px 0 8px;}

ul.tabs_list li span a.jobs{background:url(/images/tab_campaigns.gif) no-repeat center center;width:110px;}
ul.tabs_list li span a.campaigns{background:url(/images/tab_campaigns.gif) no-repeat center center;width:110px;}
ul.tabs_list li span a.prospects{background:url(/images/tab_prospects.gif) no-repeat center center;width:108px;}
ul.tabs_list li span a.events{background:url(/images/tab_events.gif) no-repeat center center;width:82px;}
ul.tabs_list li span a.memberships{background:url(/images/tab_membership.gif) no-repeat center center;width:126px;}
ul.tabs_list li span a.issues{background:url(/images/tab_issues.gif) no-repeat center center;width:83px;}
ul.tabs_list li span a.accounts{background:url(/images/tab_accounts.gif) no-repeat center center;width:105px;}

ul.tabs_list li span a.boutique{background:url(/images/tab_boutique.gif) no-repeat center center;width:176px;}
ul.tabs_list li span a.consult{background:url(/images/tab_consult.gif) no-repeat center center;width:189px;}
ul.tabs_list li span a.enterprise{background:url(/images/tab_enterprise.gif) no-repeat center center;width:221px;}


/* Affinity Features & Modules */

ul.tabs_list li span a.easytouse {background:url(/images/tab_easytouse.gif) no-repeat center center;width:119px;}
ul.tabs_list li span a.social {background:url(/images/tab_social.gif) no-repeat center center;width:79px;}
ul.tabs_list li span a.communication {background:url(/images/tab_communication.gif) no-repeat center center;width:144px;}
ul.tabs_list li span a.flexibility {background:url(/images/tab_flexibility.gif) no-repeat center center;width:110px;}
ul.tabs_list li span a.security {background:url(/images/tab_security.gif) no-repeat center center;width:99px;}
ul.tabs_list li span a.affordable {background:url(/images/tab_affordable.gif) no-repeat center center;width:115px;}
ul.tabs_list li span a.contracts {background:url(/images/tab_contracts.gif) no-repeat center center;width:104px;}

div.scroller {
	background:url(/images/content_tab_bg_bottom.gif) no-repeat bottom left;
	overflow:hidden;
	padding-bottom:40px;
	padding-top:15px;
	min-height:400px;
}

div.section h1 {
	font-size:19px;
}

div.section h1.underline {
	border-bottom:1px solid #e8e9e8;
	padding-bottom:5px;
}

/*	--- Vertical scrolling layout				*/

div.vertical_scroller {
	width:713px;
	background:none;
}

ul.vertical_tabs_list {
	width:166px;
	height:492px;
	background:url(/images/vertical_nav_lhs_v2.jpg) no-repeat top left;
	float:left;
	padding-top:33px;
}

ul.vertical_tabs_list li {padding:0 0 0 15px}
ul.vertical_tabs_list li span a{
	padding:13px 15px 0 15px;
	display:block;
	text-indent:-9999px;
	height:30px;
	width:122px;
	background-image:url(/images/affinity_modules_combined.gif);
	background-repeat:no-repeat;
}

ul.vertical_tabs_list li span a.jobs{background-position: 0px -353px;}
ul.vertical_tabs_list li span a.campaigns{background-position: 0px 7px;}
ul.vertical_tabs_list li span a.prospects{background-position: 0px -38px;}
ul.vertical_tabs_list li span a.events{background-position: 0px -83px;}
ul.vertical_tabs_list li span a.memberships{background-position: 0px -128px;}
ul.vertical_tabs_list li span a.issues{background-position: 0px -173px;}
ul.vertical_tabs_list li span a.accounts{background-position: 0px -218px;}
ul.vertical_tabs_list li span a.contracts{background-position: 0px -263px;}
ul.vertical_tabs_list li span a.property{background-position: 0px -308px;}

ul.vertical_tabs_list li.focus {
	background:url(/images/vertical_focus_tab.gif) no-repeat top left;
}

/*	--- 2 col layout							*/

div.lhs_content {
	width:575px;
}

div.rhs_content {
	background:url(/images/hiive_rhs_nav_bg.gif) no-repeat top left;
	width:316px;
	min-height:607px;
	float:right;
	padding-top:10px;
}

div.page_list {
	border-top:2px solid #d3d3d2;
	padding-top:10px;
	margin-top:15px;
}

div.list_element h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}

div.list_element div.element_text {
	width:288px;
	float:right;
	font-size:12px;
	line-height:1.5;
}

div.list_element {
	border-bottom:1px solid #e8e9e9;
	padding-bottom:20px;
	padding-top:10px;
	overflow:auto;
}

div.narrow_list_element {
	margin-left:40px;
	width:235px;
	border-bottom:1px solid #e8e9e9;
	padding-bottom:10px;
}

div.narrow_list_element h3 {
	font-size:17px;
	font-weight:bold;
	padding-bottom:10px;
}

div.narrow_list_element ul li {
	font-size:14px;
	padding-bottom:8px;
	background:url(/images/dark_li.gif) no-repeat 0px 6px;
	padding-left:15px;
}

/*	--- 3 col layout				*/

div.col1, div.col2, div.col3 {
	width:271px;
	float:left;
	font-size:14px;
}
div.col1 p, div.col2 p, div.col3 p{line-height:1.3;}

div.col1, div.col2 {
	margin-right:43px;
}

div.wide_col {
	width:428px;
}

div.product_top_section {
	height:304px;
	/*border-bottom:3px solid #bbbbbb;*/
	position:relative;
	overflow:auto;
}

div.product_top_section h1 {
	font-weight:bold;
	margin-bottom:0;
}
div.product_top_section h1 a {color:black;text-decoration:none;}
div.product_top_section h1 a:hover {text-decoration:underline;}

div.product_top_section h2 {
	text-transform:uppercase;
	font-size:10px;
	color:#dc7c15;
	padding-bottom:8px;
}

div.product_top_section p.summary {
	font-size:14px;
	line-height:1.3;
}

div.product_top_section ul li {
	font-size:14px;
	background:url(/images/orange_li.gif) no-repeat 0px 0px;
	padding-left:28px;
	padding-bottom:12px;
}

div.product_top_section ul {
	margin-top:18px;
}

div.more_info {
	border-top:1px solid #e2e2e2;
	position:absolute;
	bottom:15px;
	width:100%;
	padding-top:6px;
}
div.more_info a {font-weight:bold;font-size:14px;}

div.second_stack h1 {
	font-size:17px;
	font-weight:bold;
	padding-top:15px;
}
div.post {font-size:12px;padding-bottom:10px;}
div.post h3 {font-size:11px;color:#717171;}

div.quote {
	background:url(/images/quote_mark_grey.gif) no-repeat 0px 0px;
	padding-left:35px;
	padding-bottom:8px;
}

div.quote p {
	margin-bottom:5px;
}

h1.blog_heading {background:url(/images/icon_note_24.gif) no-repeat 247px 10px;}
h1.quote_heading {background:url(/images/icon_chat_24.gif) no-repeat 247px 10px;}
h1.clipboard_heading {background:url(/images/icon_clipboard_24.gif) no-repeat 247px 10px;}

/*	--- 3 col (nested) layout					*/

div.section div {
	font-size:14px;
	line-height:1.3;
}

img.intext_image {
	float:right;
	padding:0 0 0px 13px;
}

img.intext_image_right {
	float:left;
	padding:0 13px 0 0;
}

.no_margin, div.no_margin {margin:0;}

/*	--- Nav dropdown (for products)				*/

div.drop_nav {
	height:50px;
	position:absolute;
	background:url(/images/dropdown_nav_bg.png) repeat-x;
	width:100%;
	margin-top:9px;
}
div.drop_nav ul li {
	float:left;
	margin-right:9px;
	margin-top:4px;	
}
div.drop_nav ul li a:hover {text-decoration:underline}
li.drop_affinity a, li.drop_gravity a, li.drop_engage a {
	height:27px;
	width:67px;
	color:white;
	line-height:1.5;
	text-align:center;
	display:block;
	font-size:17px;
	text-decoration:none;
}

li.drop_affinity a {
	background:url(/images/drop_affinity_bg.gif) no-repeat top left;
}

li.drop_gravity a {
	background:url(/images/drop_gravity_bg.gif) no-repeat top left;
	width:70px;
}

li.drop_engage a {
	background:url(/images/drop_engage_bg.gif) no-repeat top left;
}

div.drop_list {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

div.drop_list ul {
	margin-left:320px;	
}

p.send_email {
	padding-left:40px;
	background:url(/images/icon_mail_32.gif) no-repeat 0px 0px;
}

/*	--- Form styling				*/

form.newline_inputs label {padding-bottom:4px;}
form.newline_inputs div label {padding-bottom:0px;}
form.newline_inputs label, form.newline_inputs label input, form.newline_inputs label select, form.newline_inputs label textarea {
	display:block;
}
form.blue_form {color:#386eb6;}
form.red_form{color:#923131;}
form.green_form{color:#188f87;}

form.newline_inputs label input, form.newline_inputs label textarea, form.newline_inputs label select {
	margin-top:4px;	
	width:227px;
	padding:3px;
}
form.newline_inputs label textarea {
	font-family:arial;
	font-size:90%
}
form.newline_inputs label select {width:235px;}
form.newline_inputs label .blue_input {
	border:1px solid #abc7ec;
	background:url(/images/blue_input_bg.gif) top repeat-x;
}

form.newline_inputs label .red_input {
	border:1px solid #dcc0c0;
	background:url(/images/red_input_bg.gif) top repeat-x;
}

form.newline_inputs label .green_input {
	border:1px solid #a1d0c3;
	background:url(/images/green_input_bg.gif) top repeat-x;
}

form.newline_inputs label .blue_input:focus {border:1px solid #8caeda;}
form.newline_inputs label .red_input:focus {border:1px solid #ae5e5e;}
form.newline_inputs label .green_input:focus {border:1px solid #128981;}

div.single_row {
	overflow:auto;
	padding-bottom:4px;
}

form.newline_inputs div.single_row label {
	float:left;
}

form.newline_inputs div.single_row label input {
	width:107px;
}

/*	--- Contact related				*/

div.narrow_list_element ul.contact_details li {padding:2px 0 2px 25px;margin-bottom:8px}
ul.contact_details li {padding:2px 0 2px 25px;margin-bottom:8px}
ul.contact_details li.email {background:url(/images/icon_mail.png) no-repeat 0px 2px}
ul.contact_details li.phone {background:url(/images/icon_call.png) no-repeat 0px 2px}
ul.contact_details li.au {background:url(/images/flag_australia.png) no-repeat 0px 2px;margin-bottom:0;}
ul.contact_details li.usa {background:url(/images/flag_usa.png) no-repeat 0px 2px;margin-bottom:0;}
ul.contact_details li.twitter {background:url(/images/Twitter-icon.png) no-repeat 0px 2px;}


/*	--- Accordion CSS			*/

div.accordion_toggle {
	display: block;
	height: 30px;
	width: 680px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
}
div.section div.accordion_toggle {padding-bottom:5px;}
.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	margin-bottom:8px;
}

.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
	padding: 0px 10px 5px 10px;
}

#vertical_nested_container {
	margin: 20px auto 20px auto;
	width: 620px;
}

div.accordion_toggle h1 {
	color:#8a8a8a;
	padding-left:45px;
	text-decoration:underline;
}

.accordion_toggle_active {
}

div.accordion_toggle_active h1, div.section div.accordion_toggle_active div.accordion_sec_number {
	color:#0e6ab9;
}

div.section div.accordion_sec_number {
	width:33px;
	height:33px;
	background:url(/images/fade_circles.gif) top left no-repeat;
	position:relative;
	float:left;
	font-size:19px;
	line-height:1.7;
	text-align:center;
	margin-top:-4px;
	color:#8a8a8a;
}

div.section div.content_image {
	float:right;
	margin-left:25px;
}
div.content_img_center {margin:4px 0 4px 0;text-align:center;}
div.more_pad {8px 0}
div.section div.content_image span, div.content_img_center span {
	display:block;
	border-top:3px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	padding:8px 0 8px 0;
	margin-top:5px;
	font-size:12px;
	color:#194986;
}

/*	--- Quote Form CSS			*/

div.step {
	margin-bottom:25px;
}

div.numbered_heading {
	padding-bottom:10px;
}

div.numbered_heading div.number {
	background:url(/images/number_bg_blue.gif) no-repeat;
	height:37px;
	font-size:24px;
	color:white;
	text-align:center;
	width:37px;
	line-height:1.5;
}

div.small_size div.number {
	height:29px;
	width:29px;
	background:url(/images/number_bg_blue_small.gif) no-repeat;
	font-size:19px;
}
div.numbered_heading h1 {
	color:#1d5eb1;
	font-weight:bold;
	margin:-32px 0 0 50px;
	font-size:25px;
	letter-spacing:-0.9px;
}
div.small_size h1 {font-size:20px;margin:-28px 0 0 40px}
table.products_table, div.prolite_box {
	margin-top:25px;
}

table.products_table thead tr th {
	background:url(/images/grey_table_header.gif) bottom repeat-x #ffffff;
}

table.products_table thead tr th, table.products_table tbody tr td {
	padding:10px 8px;
	font-size:15px;
	border-top:1px solid #e0e0e0;
}

table.products_table thead tr.right_border th,table.products_table tbody tr.right_border td {border-right:1px solid #eaeaea;}
table.products_table thead tr.right_border th.no_border, table.products_table tbody tr.right_border td.no_border {border-right:none;}

table.products_table tbody tr.double_border td {
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
}

input.pricing_input {
	border:1px solid #c5d8f1;
	background:#f5f9fb;
	width:80px;
	padding:2px;
}
input.readonly {
	border:1px solid #cccccc;
	background:#efefef;
}
span.products_icon {
	background:url(/images/icon_product.png) no-repeat 0px 0px;
	padding-left:30px;
	display:block;
	height:24px;
}

span.pro_icon {
	background:url(/images/icon_pro_user.png) no-repeat 0px 0px;
	padding-left:30px;
	display:block;
	height:24px;
}

span.lite_icon {
	background:url(/images/icon_lite_user.png) no-repeat 0px 0px;
	padding-left:30px;
	display:block;
	height:24px;
}

span.users_icon {
	background:url(/images/icon_users_small.png) no-repeat 0px 0px;
	padding-left:30px;
	display:block;
	height:24px;
}

div.prolite_box {
	width:520px;
	height:145px;
	border:1px solid #ebeaea;
	background:#fffff9;
	float:right;
	padding:18px;
}

div.prolite_box h1 {
	color:#1d5eb1;
	font-weight:bold;
	font-size:21px;
	letter-spacing:-0.9px;
}

div.prolite_box ul li {
	margin-bottom:15px;
}


div.prolite_box ul li.pro_icon {background:url(/images/icon_pro_user.png) no-repeat 0px 0px;padding-left:30px;}
div.prolite_box ul li.lite_icon {background:url(/images/icon_lite_user.png) no-repeat 0px 0px;padding-left:30px;}

div.quote_item_row {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:15px;
	padding-top:20px;
	overflow:auto;
}
div.quote_item {
	width:250px;
	float:left;
	margin-right:75px;
}

div.last_item {margin:0;}

div.title {
	height:39px;
	background:url(/images/quote_item_title.gif) bottom left no-repeat;
	margin-bottom:10px;
	cursor:pointer;
}
div.checked_title {background-position:top left;}
div.title input {margin:13px;}

div.title h2 {
	margin:-35px 0 0 35px;
	text-indent:-99999px;
	background:url(/images/affinity_modules_combined.gif) no-repeat;
	height:30px;
}

div.title h2.campaigns{background-position: 0px 0px;}
div.title h2.prospects{background-position: 0px -45px;}
div.title h2.events{background-position: 0px -90px;}
div.title h2.memberships{background-position: 0px -135px;}
div.title h2.issues{background-position: 0px -180px;}
div.title h2.accounts{background-position: 0px -225px;}
div.title h2.contracts{background-position: 0px -270px;}
div.title h2.property{background-position: 0px -315px;}
div.title h2.jobs{background-position: 0px -360px;}

div.title h2.hosted {background:url(/images/deployment_titles.gif) 0px -90px no-repeat}
div.title h2.installed {background:url(/images/deployment_titles.gif) 0px 0px no-repeat}
div.title h2.saas {background:url(/images/deployment_titles.gif) 0px -45px no-repeat}

div.calc {
	text-align:center;
	padding-bottom:20px;
	font-size:14px;
}
div.calc input {
	margin-top:20px;
}
span.bold {font-weight:bold}


/* step2 */

div.timeline {
	width:898px;
	background:url(/images/timeline_bg.gif) no-repeat;
	height:78px;
	padding-top:32px;
	margin-bottom:10px;
}

div.time_step {
	height: 48px;
	background:url(/images/icon_requirements.png) no-repeat top left;
	float:left;
	padding-left:60px;
}
div.time_step1 {	background:url(/images/icon_requirements.png) no-repeat top left;}
div.time_step2 {	background:url(/images/icon_estimate.png) no-repeat top left;}
div.time_step3 {	background:url(/images/icon_quote.png) no-repeat top left;}
div.time_step4 {	background:url(/images/icon_deployment.png) no-repeat top left;}

div.time_step h1 {font-size:20px;font-weight:bold;letter-spacing:-0.5px;margin-top:-5px;}
div.time_step h2 {font-size:16px;font-weight:bold;color:#888888;padding-top:5px;}

div.arrow {
	background:url(/images/timeline_arrows.gif) no-repeat top left;
	width:46px;
	height:40px;
	float:left;
	margin:5px 19px 0 19px;
}

div.disabled {
	background-position:bottom left;
}

div.disabled h1 {color:#8e8e8e}
div.disabled h2 {color:#cacaca;}

div.full_estimate {
	margin-bottom:10px;
	overflow:auto;	
}
div.full_estimate h1, div.half_estimate h1, div.full_blue_bar h1 {
	background:url(/images/blue_full_heading.gif) no-repeat top left;
	width:899px;
	height:39px;
	color:#032d4d;
	font-size:21px;
	font-weight:bold;
	line-height:1.9;
	text-align:center;
}
div.full_blue_bar h1 {text-align:left;padding-left:15px; width:984px;}
div.half_estimate h1 {
	width:442px;
	background:url(/images/blue_half_heading.gif) no-repeat top left;
}
div.half_estimate {float:left;}

div.full_estimate div.estimate_box, div.half_estimate div.estimate_box, div.thankyou_box {
	width:899px;
	height:152px;
	background:url(/images/yellow_full_bg.gif) no-repeat top left;
	text-align:center;
	padding-top:10px;
}

div.half_estimate div.estimate_box {
	width:442px;
	background:url(/images/yellow_half_bg.gif) no-repeat top left;
}

div.estimate_box table {
	margin:0 auto 0 auto;
}
div.estimate_box table tr td {font-size:21px;font-weight:bold;padding-right:15px;letter-spacing:-0.3px}
div.estimate_box table tr td.text_right {text-align:right;color:#5a5a5a;}
div.estimate_box table tr td.initial_cost {font-size:28px;}
div.estimate_box table tr td.ongoing_cost {font-size:25px;}
div.estimate_box table tr td.ongoing_cost span {font-size:18px;font-weight:normal}


div.quote_summary div.estimate_box table tr td {font-size:16px;padding-right:5px;font-weight:bold;letter-spacing:-0.3px}
div.quote_summary div.estimate_box table tr td.text_right {text-align:right;color:#5a5a5a;}
div.quote_summary div.estimate_box table tr td.initial_cost {font-size:18px;}
div.quote_summary div.estimate_box table tr td.ongoing_cost {font-size:16px;}
div.quote_summary div.estimate_box table tr td.ongoing_cost span {font-size:16px;font-weight:normal}

div.optionals_container span {
	padding-left:32px;
	display:block;
	background:url(/images/optional_service_icons.gif) no-repeat;
	float:left;
	height:30px;
	line-height:2.2;
	margin-left:5px;
	font-size:14px;
	color:#0f78a2;
	text-decoration:underline;
	cursor:pointer;
}

div.optionals_container span.clipboard {background-position: top left;}
div.optionals_container span.implementation {background-position: 0px -31px;}
div.optionals_container span.data_import {background-position: 0px -65px;}
div.optionals_container span.training {background-position: 0px -99px;}
div.optionals_container span.customisations {background-position: 0px -132px;}
div.optionals_container span.project_management {background-position: 0px -167px;}

div.optionals_container {
	width:480px;
}
div.optionals_container ul {margin-top:5px;}
div.optionals_container ul li {
	overflow:auto;
	margin-bottom:10px;
	width:230px;
	float:left;
}

div.optionals_container ul li input {
	float:left;
	margin-top:8px;
}

h2.quote_minor, h2.medium_heading, h3.small_heading {
	font-size:21px;
	color:#656565;
	margin:10px 0 14px 0;
	font-weight:bold;
}
h3.small_heading {font-size:17px;color:#135c94;}
div.quote_detail_form label {
	display:block;
	margin-bottom:11px;
	font-size:14px;
}
div.quote_detail_form label input {margin-left:10px;border:1px solid #cccccc;width:140px;}
div.quote_detail_form label input:focus {border:1px solid #6f93a2;background:#f8feff;}

div.quote_detail_form, div.quote_summary {
	width:271px;
	height:294px;
	background:url(/images/quote_mini_form.gif) no-repeat top left;
	padding:12px 30px 12px 30px;
	float:right;
	text-align:center;
}

div.quote_summary {
	margin-bottom:10px;
	background:url(/images/quote_summary.gif) no-repeat top left;
	height:134px;
}

input.padded_input {padding:3px;}

div.quote_detail_form span {
	display:block;
	float:left;
	background:url(/images/quote_mini_icons.png) no-repeat top left;
	width:70px;
	padding-left:35px;
	height:25px;
	text-align:left;
}


div.quote_detail_form span.fname {background-position:top left}
div.quote_detail_form span.sname {background-position:top left}
div.quote_detail_form span.email {background-position:0px -82px;}
div.quote_detail_form span.company {background-position:0px -126px;}

input.email_full_quote {margin-top:15px;}

div.screenshot_slide {
	width:502px;
	height:284px;
	float:right;
	margin:-30px 0 0 30px;
}

div.screenshot_mask {
	width:502px;
	height:284px;
	background:url(/images/feature_screeny_mask.png) no-repeat;
	position:absolute;
	z-index:3;
}

div.shot_content {
	margin:25px 0 0 17px;
}

div.ribbon {
	background:url(/images/screeny_ribbon.png) no-repeat top left;
	width:469px;
	height:55px;
	position:absolute;
	margin:190px 0 0 6px;
	color:#4f3000;
	z-index:4;
}
div.ribbon span.ribbon_label{
	position:absolute;
	margin:30px 0 0 60px;
}

div.ribbon_nav {float:right;margin:30px 30px 0 0;}
a.ribbon_left, a.ribbon_right {
	width:21px;
	height:21px;
	background:url(/images/screeny_nav.png) top left no-repeat;
	display:block;
	margin-right:4px;
	float:left;
}

a.ribbon_right {background-position: top right;}
div.fade_shot {position:absolute;}

div.fade_shot span {
	display:block;
	position:absolute;
	margin:220px 0 0 50px;
	z-index:5;
}

h2.org_arrow, div.list_element h2.org_arrow {
	font-size:18px;
	background:url(/images/li_arrow_orange.gif) no-repeat 0px 0px;
	padding-left:50px;
	margin-bottom:10px;
	clear:both;
}

div.spaced_paras p {line-height:1.3;}

div.container_right {
	width:335px;
	float:right;
	margin-left:80px;
}

div.white_fade {
	width:39px;
	height:500px;
	background:url(/images/white_fade_edge_v2.png) repeat-y right;
	position:absolute;
	margin-left:166px;
}
div.affinity_information{margin-top:14px;}
div.affinity_information, div.affinity_quote {
	background:url(/images/affinity_info_bg.gif) no-repeat;
	width:237px;
	height:58px;
	margin-bottom:10px;
}

div.affinity_quote {background:url(/images/affinity_quote_bg.gif) no-repeat;}

div.affinity_information a, div.affinity_quote a{ 
	display:block;
	padding:12px 0 0 66px;
	color:white;
	font-size:14px;
}

div.scheduled_webinar {
	width:272px;
	height:128px;
	background:url(/images/webinar_bg.gif) no-repeat;
	margin-bottom:10px;
}

div.scheduled_webinar h1 {
	padding:14px 0 0 17px;
	font-size:16px;
	color:white;
}

div.scheduled_webinar div.webinar_date {
	float:right;
	margin-top:-37px;
	color:white;
	font-size:12px;
	text-align:center;
	margin-right:16px;
}

div.scheduled_webinar div.webinar_date span {
	display:block;
	font-size:17px;
	margin-top:-4px;
}

div.scheduled_webinar ul {margin-top:8px;}
div.scheduled_webinar ul li {
	margin-left:20px;
	padding-left:35px;
	padding-bottom:4px;
	background:url(/images/li_arrow_orange_small.gif) no-repeat 0px 0px;
}

.book_button {margin-left:11px;margin-top:3px;}

/*	--- Webinar form CSS			*/
div.form_container {
	margin-left:auto;
	margin-right:auto;
	width:451px;
	height:377px;
	background:url(/images/webinar_form_bg.gif) no-repeat;
	padding-left:21px;
	float:right;
}
div.form_container label {
	display:block;
	width:220px;
	float:left;
	margin-bottom:5px;
}

div.form_container label span {
	width:200px;
	display:block;
}
div.form_container label input {width:200px;margin-top:4px;}
div.form_container label textarea {width:200px;margin-top:4px;font-family:Arial}


div.captha_container {
	width:400px;
	border:3px solid #c7c7c7;
	float:left;
	background:#f5f5f5;
	padding:10px;
	margin:6px 0 6px 0;
}

div.captha_container img {
	vertical-align:middle;
	padding-left:10px;
}

span.minor_right {
	text-align:right;
	display:block;
	font-size:12px;
	margin-top:5px;
	font-style:italic;
	font-weight:bold;
}

span.bottom_quote {margin-top:2px;margin-bottom:4px;}

div.rhs_screen_feature {
	position:absolute;
	background:url(/images/webcast_screen.png) no-repeat top left;
	width:276px;
	height:194px;
	margin-top:-13px;
	right:0;
}

div.quote_error {
	padding:15px;
	border:1px solid #be3636;
	margin:10px 0;
	background:#ffe6e6;
	text-align:center;
	color:#1d0000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}