﻿body { background-color: White /*#e3e3e3*/; }

/* Fonts */
h1, h2, h3, p, ul, blockquote, .boxed h2, label { font-family: Trebuchet MS; }
#toplinks a, #nav li a, #breadcrumb, #breadcrumb a, #secnav li a { font-family: Tahoma; }
#nav li li a, .boxed *, #toplinks a, .events .more { font-family: Verdana; }

/* Spacing */
h2, h3				{ margin-bottom: 0px; }
p, ul				{ margin-bottom: 12px; }
blockquote			{ margin: 12px 4px; font-style: italic; }
.section			{ margin-top: 12px; padding-bottom: 1px; }

/* General Styles */
h1		{ font-size: 1.7em; font-weight: normal; }
h2		{ font-size: 100%; font-weight: bold; text-transform: uppercase; }
h3		{ font-size: 100%; font-weight: bold; }
p		{ font-size: inherit; }
ul		{ list-style-type: none; margin-left: 0px; }
li		{ margin-top: 0.2em; padding-left: 15px; background: url(images/bulletlightgrey.jpg) no-repeat left 0.45em; }
a		{ color: #4D4D4D; text-decoration:none; }
a:hover { text-decoration:underline;}
strong	{ color: #3170bd; font-weight: bold; }
label	{ margin-right: 10px; }

/* Boxes */
.boxed { background-color: #FBFDFF; border: solid 1px #EEE; padding: 10px 10px 10px 10px; margin: 10px 0px; }
.boxed * { font-size: 11px; }
.boxed h2 { font-size: 12px; }
.boxed li { padding-left: 15px; background: url(images/bulletgreyblue.jpg) no-repeat left 0.45em; }

/* Inline images */
.image { text-align: center; margin: 10px 0px;}

/* General Layout*/
#pagewrapper	{width: 100%; min-width: 930px; background: White url(images/pagegradient.jpg) repeat-x left top; padding-top:140px;}
#page			{width: 100%; min-width: 930px; background: White url(images/pagebottombackground.png) repeat-x bottom;}
#bodywrapper	{width: 930px; margin: 0px auto; text-align:left; overflow:hidden; }
#form1			{width: 930px; display:inline;}
#logo			{position:absolute; top: 20px; margin-top: 46px; width: 930px; background: url(images/menubackground.jpg) 0 0 no-repeat;}
.top_search		{position:absolute; top: 20px; margin-top: 5px; margin-left: 672px; width: 251px; height: 32px; background: url(images/search_background.png) 0 0 no-repeat; }
#toplinks		{position:absolute; top: 20px; margin: 12px 0px 0px 2px; }
#nav			{position:absolute; top: 20px; width: 740px; margin: 57px 0 0 190px; clear: both; }
#sidebar		{width: 185px; float:left;}
#main			{width: 722px; float:right; margin-right: 8px;}
#content		{padding: 0; }

/* General styles */
.clear			{clear: both; }
.blur			{color: Gray; }
.link_arrow		{margin-left: 5px;}
.floating_image {float: left; margin: 5px 5px 5px 0px; }
.right_align	{text-align: right;}

/* Logo */
#logo a			{display:block; width: 180px; height: 66px; text-indent: -9999px; }

/* Search */
.top_search_text	{ margin: 7px; border: 0; float: left; font-size: 12px; width: 150px; }
.top_search_button	{ margin: 4px 6px; float: right;}

/* Top Links */
#toplinks a		{font-size: 11px; font-weight: normal; color: #4D4D4D;}

/* Navigation */
#nav			{list-style-image: none; }
#nav li 		{float:left; margin: 0px; margin-right: 1px; text-align: center; background-image: none; padding: 0px;}
#nav li a		{text-decoration:none; float:left; display:block; height: 29px; width: 89px; padding-top: 9px; background: url(images/nav_button.png) repeat-x; font-size: 10pt; font-weight: normal; color: #FFF; }
#nav li.first a	{background: url(images/first_nav_button.png);}
#nav li.last a	{background: url(images/last_nav_button.png); margin-right: 0px;}
#nav li.current a,
#nav li.jdm_hover a,
#nav li.jdm_active a
				{text-decoration:none; background-position: 0 -38px;}
/* Navigation - drop downs */
#nav ul			{width: 200px; z-index: 10000; background: url(images/background.png) repeat-x white; border: solid 1px #d2d2d2; margin-top: 2px; }
#nav li li		{text-align: left; height: auto; float: none; margin: 0px 8px; border-bottom: solid 1px #d2d2d2; background-image: none;}
#nav li li.last { border-bottom: none; }
#nav li li.first a,
#nav li li.last a,
#nav li.first li a,
#nav li.last li a,
#nav li li a	{float: none; color: #4d4d4d; display:block; width: 200px; height: auto; padding: 8px; text-align: left; background: none; margin:0; font-size: 12px; font-weight: normal;}
#nav li li a:hover { text-decoration: underline; }

/* Secondary Navigation */
#breadcrumb { color: #fff; text-align:center; background: url(images/secnav_title.png); height: 22px; padding-top: 5px; }
#breadcrumb a { color: #fff }
#secnav { list-style-type: none; background: url(images/background.png) repeat-x; border: solid 1px #d2d2d2; margin: 2px 0px 10px 0px; }
#secnav li { margin: 0px 8px; padding: 8px; border-bottom: solid 1px #d2d2d2; background-image: none; }
#secnav li.last { border-bottom: none; }
#secnav li a { color: #4d4d4d; font-size: 12px; }
#secnav li.current a { font-weight: bold; }

/* Highlights */
#highlight { padding-left: 30px; }
#highlight h2 { margin-top: 42px; }
#highlight img { float: right; }

#footer { clear: both; width: 930px; text-align: center; font-size: 10px; margin: 0px; padding: 90px 0px 30px; /*padding: 90px 0px 0px; background: transparent url(images/footer.png) no-repeat bottom left;*/ }

/* Columns */
.left { float: left; width: 49%; }
.right { float: right; width: 49%; }
.narrow { width: 289px; }
.wide { width: 418px; }
.wider { width: 630px; }

.column { float: left; width: 232px; margin-top: 0px; margin-right: 13px;}
.column.last { margin-right: 0px; }
.column h2 { color: #fff; text-align: center; height: 19px; margin: 0px; padding-top: 8px; font-size: 0.9em; }
.column .boxed { margin-top: 5px; margin-bottom: 5px; padding: 5px;}
.column.blue h2 { background-image: url(images/column_heading_blue.png); }
.column.red h2 { background-image: url(images/column_heading_red.png); }
.column.green h2 { background-image: url(images/column_heading_green.png); }

/* TODO: These are used to fix up the height of the columns.  Need a more dynamic solution. */
.filler1 { height: 29px; margin:0px; padding:0px;}
.filler2 { height: 1px; margin:0px; padding:0px;}

/* News */
ul.news { list-style-type: none; margin: 0px; padding: 0px;}
ul.news li { padding: 0px 12px 6px; border-bottom: solid 1px #eee; background: url(images/bulletbluegrey.jpg) no-repeat left 0.35em;}
ul.news li.last { border-bottom: none; }

div.hr { height: 1px; width: 100%; border-bottom: solid 1px #d2d2d2; margin: 12px 20px 5px 0px; }

/* Events */
.events { margin-top: 10px; border: solid 1px #EEE; padding: 0px 2px; }
.events .more { text-align: right; margin-right: 5px; margin-bottom: 0px; font-size: 0.9em; }
.event { margin: 0px 2px; padding: 5px 2px; }
.event.blank { height: 5em; }
.event * { font-size: 11px; }
.event h2 { margin-bottom: 0px; font-size: 12px; }
.event p { margin: 0px; }
.events .hr { height: 1px; width: 92%; border-bottom: dashed 1px #d2d2d2; margin: 5px 4%; }

div#jGrowl > div.error { background-color: White; color: #4d4d4d; border: solid 2px Red; }
div#jGrowl > div.warning { background-color: White; color: #4d4d4d; border: solid 2px Orange; }
div#jGrowl > div.info { background-color: White; color: #4d4d4d; border: solid 2px #4d4d4d; }

/* Heading images */
h1#flash { height: 195px; }
h1#company_heading { color: white; width: 654px; height: 131px; padding: 55px 0px 0px 68px; background: url(images/headings/company.png) no-repeat scroll top left; }


/* Call Us */
p.call_us_big { margin: 10px 0px; text-align: center;}
p.call_us { margin: 5px 0px 0px; }


/* Logos */
h3.logo	{ width: 95%; height: 40px; background-color: red; padding-top: 15px; }
h3.microsoft { background: transparent url(images/logos/microsoft_partner.jpg) no-repeat scroll top right; }
h3.business_objects { background: transparent url(images/logos/business_objects.jpg) no-repeat scroll top right; }
h3.oracle { background: transparent url(images/logos/oracle.jpg) no-repeat scroll right; }
h3.cognos { background: transparent url(images/logos/cognos.jpg) no-repeat scroll right; }
h3.microsoft_dynamics { background: transparent url(images/logos/microsoft_dynamics.jpg) no-repeat scroll top right; }
h3.datanomic { background: transparent url(images/logos/datanomic.jpg) no-repeat scroll top right; }
h3.salescentric { background: transparent url(images/logos/SalesCentric.jpg) no-repeat scroll top right; }
h3.exacttarget { background: transparent url(images/logos/ExactTarget.jpg) no-repeat scroll top right; }

/* Search */
.search_form { border: solid 1px #ddd; padding: 10px 20px 15px 20px; margin: 2px; background-color: #f5f9ff; }
.search_results .highlight { background: #FFFF40; }
.searchheading { margin: 12px 0px 0px 0px; font-weight: bold; font-size: 12px; color: #3F76AF; clear: both; }
.summary { font-size: 80%; font-style: italic; }
.context { font-size: 100%; padding-bottom: 10px; }
.infoline { font-size: 80%; font-style: normal; color: #808080; }
.sorting { text-align: right; }
.result_title { font-weight: bold;}

/* Highlight box */
.highlight_box { padding: 12px 10px 13px; height: 36px; background-image: url(images/highlight_box.png); }
.highlight_box h3 { font-size: 1.3em; color: White; }
.highlight_box a { color: White; font-family: Verdana; }
