@charset "UTF-8";
/* CSS Document */


/*************************************************
	1.		Misc Fixes
*************************************************/

*{ margin:0; padding:0; }
/* This applies clearfix to all main divs. */
#container:after, #title:after, #content:after, #footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#container, #title, #content, #footer { display: inline-block; }
/* \*/ * html #container, * html #title, * html #navigation, * html #content, * html #footer { height: 1%; } #container, #title, #content, #footer { display: block; } /* */


/*************************************************
	1.		Main HTML
*************************************************/
/* Universal styles. */

#container { text-align: left; margin: 0 auto; width: 950px; }

body { background-color:#f6f2ec; text-align:left; }

body { color: #333333; font-family: Lucida Sans, Verdana, Helvetica, Arial, sans-serif; font-size:12px; margin:0; }
a { color: #3d669e; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #5a4a3b; font-size: 30px; font-weight: bold; }

h2 { color: #5a4a3b; font-size: 24px; font-weight: bold; margin:20px 0 10px 0; }
div.content > h2:first-child, div.content > .localnav + h2 {margin-top:3px;}

h3 { color: #5a4a3b; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
h3 a { color: #5a4a3b; text-decoration:none; }
h3 a:hover { color: #3d669e; text-decoration:underline; }
h4 { color: #5a4a3b; font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top:13px; }
h5 { color: #5a4a3b; font-size: 12px; font-weight: bold; }
h6 { font-size: 14px; font-weight: bold; margin:0; padding:0; display:inline; }

.highlight {background-color:#ffffcc;}

img {border:0;}
p { margin-bottom:10px; line-height:18px; }
ul li, ol li {padding-bottom:7px;}

div.content li {line-height:18px;}

.screenshot { border:5px solid #d3d0cc; -moz-box-shadow:1px 1px 1px #666666;-webkit-box-shadow:1px 1px 1px #666666;box-shadow:1px 1px 1px #666666; margin: 0 0 30px 20px; }

hr { color:#CCCCCC; background-color:#CCCCCC; margin:15px 0 25px 0; }

strong, b { font-weight: bold; }



/*************************************************
	2.		Code
*************************************************/

.code { font-family: monospace; margin: 8px 0 20px 0; background:#EEEEEE; border:#CCCCCC 1px solid; padding:10px; border-left: #999999 3px solid; }



/*************************************************
	2.		Top Bar
*************************************************/

#topbar {
	background-color:#25323d;
	height:35px;
	width:100%;
	position:relative;
	text-align:left;
}
#topbar-main {
	width:950px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#topbar-main img {margin-top:6px;}
#topbar-main ul {
	list-style-type: none;
	display: block;
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:6px 0 0 0;
	line-height:25px;
}
#topbar-main ul li {
	display: block;
	float: left;
	height:35px;
	margin:0 10px;
	width:100px;
	text-align:center;
	position:relative;
	padding:0;
}
#topbar-main ul li img {
	margin-top:1px;
	position:relative;
	left:10px;
}
#topbar-main ul li a { display: block; color: #ffffff; }
#topbar-main ul li a:hover { text-decoration:none; color:#ffd06e; }
#topbar-main ul li.active-helpdocs { background:url(/images/uploads/active_helpdocs.png) top left no-repeat; }
#topbar-main ul li.active-helpdocs a:hover { color: #ffffff; }

#topbar-main ul li.active-shareyourideas { background:url(/images/uploads/active_shareyourideas.png) top left no-repeat; }
#topbar-main ul li.active-shareyourideas a:hover { color: #ffffff; }


#topbar-hr {
	position:absolute;
	bottom:-2px;
	left:0px;
	width:100%;
	height:1px;
	background-color:#dad2c6;
	border-top:#f6f2ec 1px solid;
	padding:0px;
	margin:0px;
}

#navsearch {
	background:url('/images/uploads/searchbg.png') top left no-repeat;
	width:143px;
	height:22px;
	text-align:left;
}
#navsearch input[type=text] {
	width:115px;
	height:16px;
	margin:0;
	padding:0;
	font-size:10px;
	border-style: hidden;
	border-width: 0px;
	color: #333333;
	padding:3px 7px 0 7px;
	background: transparent;
}


/*************************************************
	2.		Title
*************************************************/

#title { padding: 40px 0 20px 0; position:relative; }
#title h1 { font-size: 30px; font-weight: bold; padding:0; margin:0; position:relative; width:950px; float:left; }
#title h2 { font-weight: bold; padding:0; margin:0; position:relative; }
#title p { color: #6a0b1d; padding-top:5px; margin:0; }

#breadcrumbs { padding:5px 0 0 0; font-size:11px; color:#999999; position:relative; float:left; }
#breadcrumbs span {color:#CCCCCC;}
#breadcrumbs a {color:#999999;}

#goback { padding-bottom:15px; font-size:11px; color:#CCCCCC; position:relative; top:-8px; }
#goback a {color:#999999;}
#goback span { position:relative; left:2px; top:-2px; }


/*************************************************
	2.		Widgets List
*************************************************/

.widgetsList {padding-top:15px;}
.widgetsList h4 { margin-top:5px; margin-bottom:5px }
.widgetsList td { width:50%; padding-bottom:25px; padding-right:25px; }
.widgetsList td .thumbnail {float:left;}
.widgetsList td .name, .widgetsList td .summary {margin-left:143px;}

/*************************************************
	2.		Round Box
*************************************************/

.roundbox { padding-top:5px; clear:both; width:950px; margin-bottom:26px; background:transparent url(/images/uploads/roundbox_top.png) no-repeat 0 0; }
.roundbox .border { position:relative; margin:0; padding:19px 40px 19px 30px; background-color:#FFFFFF; border-right:#c4b6a4 1px solid; border-left:#c4b6a4 1px solid; }
.roundbox .content { display:block; margin:0; padding:0;}
.roundbox .bottom { height: 5px; background:transparent url(/images/uploads/roundbox_bottom.png) no-repeat left bottom; }
.roundbox ol, .roundbox ul {padding-left:19px;}


/*************************************************
	2.		Home
*************************************************/

h2.fadedheader { padding:12px 0px 15px 3px; color: #a79c91; font-size:19px; }

.manual-index h3 {margin-bottom:5px;}
.manual-index p {padding-bottom:5px;}
.manual-index h5 {margin-top:10px;}
.manual-index ul { list-style-position:inside; list-style-type:none; }
.manual-index ul li { margin-top:5px; padding:0; line-height:14px; }
.manual-index ul li.selected a {background-color:#ffffcc;}

.roundbox-half { padding-top:5px; width:466px; margin-bottom:16px; background: url(/images/uploads/halfbox_top.png) no-repeat 0 0; }
.roundbox-half .border { padding:19px 28px; height:320px; border-right:#c4b6a4 1px solid; border-left:#c4b6a4 1px solid; background-color:#FFFFFF; }
.roundbox-half .content { position:relative; display:block; margin:0; background-color:#FFFFFF; }

.float-left { float:left; margin-right:13px; }
.float-right {float:right;}

.staff_app_manual .content { background:#FFFFFF url('/images/uploads/home_staffapp.png') no-repeat 208px 75px; }
.engage_anywhere_manual .content { background:#FFFFFF url('/images/uploads/home_engageanywhere.png') no-repeat 178px 75px; }

.manual_home .staff_app_manual .content { background:#FFFFFF url('/images/uploads/home_staffapp_large.png') no-repeat 290px 63px; }
.manual_home .engage_anywhere_manual .content { background:#FFFFFF url('/images/uploads/home_engageanywhere_large.png') no-repeat 290px 63px; }
.manual_home .content p {padding-bottom:13px;}

.roundbox-half .bottom { height: 5px; background:transparent url(/images/uploads/halfbox_bottom.png) no-repeat 0 0; }


/*************************************************
	1.		Miscellaneous
*************************************************/
.clearfix:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

.clear {clear:both;}


/*************************************************
	1.		MODULE - Mockup
*************************************************/

.mockup { border:#c8c8c8 1px solid; text-align:center; position:relative; font-size:12px; color:#999999; background-color:#f3f3f3; }
.mockup h1 { font-size:50px; color:#c5c5c5; margin:0; padding:0; }
.mockup h2 { font-size:25px; color:#c5c5c5; margin:0; padding:0; }
.mockup p { font-size:1px; color:#c5c5c5; position:absolute; left:0px; bottom:0px; margin:0; padding:0; }


/*************************************************
	1.		MODULE - Local Nav
*************************************************/

div.localnav { width:229px; position:relative; margin:0; padding:0; background:url(/images/uploads/localnav_middle.png); float:right; right:-43px; z-index:100; }
div.localnav .localtop { position:absolute; left:0px; top:0px; }
div.localnav .localbottom { position:absolute; left:0px; bottom:0px; }
div.localnav h4 { font-size:15px; color:#FFFFFF; padding:18px 0 12px 19px; margin:0; }
div.localnav ul { padding:0 0 31px 15px; color:#FFFFFF; font-size:13px; }
div.localnav li { list-style-type: none; padding:0 0 0 10px; height:28px; line-height:28px; position:relative; }
div.localnav li a { color:#FFFFFF; position:relative; z-index:10; }
div.localnav li span, .localnav li.notselected span { background:url(/images/uploads/localnav_divider.png) no-repeat; height:1px; position:absolute; left:0px; top:0px; width:100%; }
div.localnav li.selected span { background:url(/images/uploads/localnav_selected.png) no-repeat; height:34px; position:absolute; left:0px; top:-1px; width:100%; z-index:1; }

div.localnav li.divider { list-style-type:none; padding:0; height:3px; }
div.localnav li.divider span { background:url('/images/uploads/localnav_maindivider.png') repeat-y; height:3px; position:absolute; left:0px; top:0px; width:100%;  }

/*************************************************
	1.		MODULE - Quick Search
*************************************************/

#quicksearch {
	background:url('/images/uploads/searchbg_large.png') top left no-repeat;
	width:233px;
	height:27px;
	text-align:left;
}
#quicksearch input[type=text] {
	width:203px;
	height:21px;
	margin:0;
	padding:0;
	font-size:13px;
	border-style: hidden;
	border-width: 0px;
	color: #333333;
	padding:3px 7px 0 7px;
	background: transparent;
}

/*************************************************
	2.	MODULES - Questions
*************************************************/

.questions-list .row { border-top:#CCCCCC 1px solid; padding:9px 0 9px 0 }
.questions-list .viewall { border-top:#CCCCCC 1px solid; font-weight:bold; padding-top:16px; }

#relatedquestions h5 { padding:25px 0 5px 0; }
#relatedquestions .row { border-top:#CCCCCC 1px solid; padding:6px 0 6px 0; }
#relatedquestions .none_found { color:#666666; font-style:italic; border-top:#CCCCCC 1px solid; padding:6px 0 6px 0; }

#container.questions_view #title {padding-bottom:5px;}

/*************************************************
	2.	MODULES - Platform Config Contents
*************************************************/

.platform_config_contents { margin:30px 0 20px 0; position:relative; }
.platform_config_contents ul { 	list-style-type: none; position: absolute; left: 365px; top: 0; }
.platform_config_contents ul li { padding-bottom:15px; float:left; width:250px }
.platform_config_contents ul li.header { padding-bottom:15px; float:left; width:510px }

/*************************************************
	2.	MODULES - Actions Menu
*************************************************/
.actionsMenu a {color: #5a4a3b; }
.actionsMenu a:hover {text-decoration:none;}

.actionsMenu {list-style:none;}
.actionsMenu .menu_header { float:left; padding:0; margin:0; position:relative; }
.actionsMenu .menu_header span {display:block; float:left; width:100%; padding: 5px 8px 0 0; position:relative; }
.actionsMenu .active { background: url('/images/uploads/actionsmenu_arrow.png') no-repeat right center; padding-right:15px; }


.actionsMenu ul { display:none; position: absolute; width:286px; top:30px;  left:-1px; padding:1px 0 1px 0; list-style:none; z-index:1000; background-color:#e7dfd4; font-size:20px; }
.actionsMenu ul li {padding:0;}

.actionsMenu li.active:hover ul {display:block;}
.actionsMenu ul li { padding:1px 2px 1px 2px; }
.actionsMenu ul a { display:block; height:100%; background-color:transparent; padding:4px 0 5px 4px;  }
.actionsMenu ul a:hover { background-color:#cec2b2; color:#3f3226; }


/*************************************************
	2.	MODULES - Integration Ideas
*************************************************/

.integration_ideas .row { border-top:#CCCCCC 1px solid; padding:20px 0 10px 125px; }
.integration_ideas .row div {font-weight:bold;}
.integration_ideas .row_1-Easy { background:url(/images/uploads/complexity_easy.png) 0 16px no-repeat; }
.integration_ideas .row_2-Medium { background:url(/images/uploads/complexity_medium.png) 0 16px no-repeat; }
.integration_ideas .row_3-Hard { background:url(/images/uploads/complexity_hard.png) 0 16px no-repeat; }

/*************************************************
	2.	MODULES - Client Wrappers
*************************************************/

.client_wrappers .row { border-top:#CCCCCC 1px solid; padding:15px 0 15px 0; clear:both; }
.client_wrappers h4 {margin-bottom:5px;}
.client_wrappers .row div {font-weight:bold;}


/*************************************************
	2.	MODULES - List of API Methods
*************************************************/

h4.api_methods {padding-top:10px;}
div.api_methods { margin: 10px 0 10px 0px; clear:both;  }
.api_methods .none-found { border-bottom:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid; padding:10px 0 0 0; height:25px; font-style:italics; }
.api_methods table { border-bottom:#CCCCCC 1px solid; background-color:#FFFFFF; }
.api_methods td { border-top:#CCCCCC 1px solid; padding:10px 0 10px 0; margin:0; }
.api_methods span {color:#888888;}
.api_methods a {font-weight:bold;}
.api_methods p {padding:0;}


/*************************************************
	2.	MODULES - List of API Errors (merge with api_methods above)
*************************************************/

.api_method h3 {margin-bottom:0;}
.api_method table { margin: 8px 0 40px 0; clear:both; border-bottom:#CCCCCC 1px solid; }
.api_method table td { border-top:#CCCCCC 1px solid; padding:5px 0 5px 0; margin:0; vertical-align:top }
.api_method table td.header, .api_method tr.header td  { color:#333333; font-weight:bold; }
.api_method table .header td { color:#333333; font-weight:bold; border-top:none; }
.api_method td span {color:#888888;}
.api_method .example_code { white-space:pre; font-family: monospace; margin: 8px 0 40px 0; background:#EEEEEE; border:#CCCCCC 1px solid; padding:10px; }
.api_method .basic_table {border:none;}
.api_method .basic_table td {border:none;}

/*************************************************
	2.		MODULES - More Details
*************************************************/

#moredetails h5 { padding:25px 0 5px 0; }
#moredetails h5 span { font-weight:normal; color:#999999; }
#moredetails li { border-top:#CCCCCC 1px solid; padding:6px 0 6px 0; }
#moredetails .none_found { color:#666666; font-style:italic; border-top:#CCCCCC 1px solid; padding:6px 0 6px 0; }


/*************************************************
	2.		MODULES - Checklist
*************************************************/

.checklist h3 { padding:10px 0 5px 0; }

.checklist ul.mainlist { list-style-type: none; padding-left: 0px; border-bottom:#CCCCCC 1px solid; margin:15px 0 20px 0; }
.checklist .mainlist li { border-top:#CCCCCC 1px solid; padding:15px 0 15px 55px; }
.checklist .mainlist li h4 { color:#624f3f; font-size:15px; font-weight:bold; position:relative; padding:0; margin:0; }
.checklist .mainlist li h2 { position: absolute; left: -50px; top:1px; margin:0; padding:0; color:#a0bbca; font-size:35px;}
.checklist .mainlist li p {font-size:11px; padding:0; }

.checklist .details {padding-bottom:30px;}
.checklist .details h4 { color:#624f3f; font-size:13px; font-weight:bold; padding:0; }


/*************************************************
	2.		MODULE - Search Results
*************************************************/

.roundbox div.searchresults {padding-top:0px;}

.searchresults .record {
	padding:20px 20px 20px 0;
	border-bottom:#CCCCCC 1px solid;
	position:relative;
}
.searchresults .record div.date {
	width:150;
	position:absolute;
	right:20px;
	top:21px;
	color:#999999;
	text-align:right;
}

/*************************************************
	2.		MODULE - Actions List
*************************************************/

.actions-list { border:none; margin-top: 10px; }
.actions-list tr, .actions-list td { margin:0; padding:0; border:none; }
.actions-list td.record, .actions-list td.record div { width:196px; height:30px; }
.actions-list td.record div { border-top: #CCCCCC 1px solid; line-height:30px; }

.actions-list td.record, .actions-list td.spacing div { width:24px; height:30px; }


/*************************************************
	2.		MODULE - Actions List
*************************************************/

.actionoverview_illustration { width:786px; height:231px; background:url('/images/uploads/actionoverview_bg.png') no-repeat 0 0 #e2edfa; position:relative; margin:21px 0 33px 0; }
.actionoverview_illustration div { position:absolute; left:145px; top: 96px; width:323px; text-align:center; }
.actionoverview_illustration div h3 { font-size:14px; font-weight:normal; }


/*************************************************
	1.	App Section LAYOUT
*************************************************/

.app-section-layout h3 { padding-top: 5px;  }
.app-section-layout span { background-color:#FFFFFF; padding-right:4px; font-size: 14px; font-weight: bold; }
.app-section-layout .screenshot { margin-left: 25px; position: relative; top: -10px; }
.app-section-layout p.summary {font-size:11px;}



/*************************************************
	1.	Tabular Table
*************************************************/

.tabular-table { margin: 0; clear:both; border-bottom:#CCCCCC 1px solid; }
.tabular-table td { border-top:#CCCCCC 1px solid; padding:5px 0 5px 0; margin:0; vertical-align:top }
.tabular-table td.header, .api_method tr.header td  { color:#333333; font-weight:bold; }
.tabular-table .header td { color:#333333; font-weight:bold; border-top:none; }
.tabular-table td span {color:#888888;}

/*************************************************
	1.	Widget PAGE
*************************************************/

.widget-page .screenshot { border-color: #bfbab2; margin: 15px 0 10px 0; display:block; }
.widget-page .tabular-table table { margin-bottom: 10px; }
.widget-page h2 { margin: 40px 0 3px 0; }
.widget-page h2 + p { margin-bottom: 15px; }
.widget-page .roundbox .border {padding-bottom:29px;}


/*************************************************
	2.		Footer
*************************************************/
#footer {
	background:url(/images/uploads/footer-background.png) repeat-x scroll left top #E5D7C8;
	color:#73675C;
	display:block;
	font-size:12px;
	padding:20px 0;
	margin-top:75px;
}
#footer-container {
	margin:0 auto;
	text-align:left;
	width:950px;
}
#footer p {
	color:#544639;
	font-weight:bold;
	margin:10px 0 15px;
	padding:0;
}
#footer p a {color:#6A0B1D;}
#footer ul {
	display:block;
	float:left;
	padding:0;
}

#footer ul li {
	display:block;
	float:left;
	margin-right:10px;
	width:168px;
	padding:0;
}

#footer #footer_whyclientslove {margin-right:50px;}

#footer ul li.last {margin-right:0;}
#footer ul li a {
	color:#544639;
	display:block;
	float:left;
	font-weight:bold;
	margin:0 0 8px;
}
#footer ul li ul {
	display:block;
	float:left;
	width:168px;
}
#footer ul li ul li {
	display:block;
	float:left;
	margin:0;
	width:168px;
	margin-bottom:5px;
	padding:0;
}
#footer ul li ul li a {
	color:#73675C;
	font-weight:normal;
	margin:0;
}