/*******************************************************/
/*                  INTERIOR PAGE STYLES
********************************************************/

body { color:#5f5f51; }

/* Banner
********************************************************/
div#banner { border-top:25px solid #c13b20; float:left; width:963px; min-height:200px; position:relative;z-index:2; }
div#banner img { position:absolute; z-index:5; }
div#banner div#sectionNav { margin:12px 10px 10px 751px; position:relative; z-index:100; }
div#banner div#sectionNav h2 { color:#fff; font-size:153.9%; font-weight:normal; }
div#banner div#sectionNav ul { padding-top:.5em; text-transform:uppercase; font-size:77%; }
div#banner div#sectionNav ul li { padding:.3em 0; }
div#banner div#sectionNav ul li a { color:#f8f4f3; padding-left:10px; font-weight:bold;
  background: url(/media/image/1/icon_arrow_white.png) no-repeat 0 40%;  }
div#banner div#sectionNav ul li.current a,
  div#banner div#sectionNav ul li a:hover { color:#c13b20; background: url(/media/image/1/icon_arrow_red.png) no-repeat 0 40%; }

/* MAIN CONTAINER
********************************************************/
div#main { float:left; position:relative; background-color:#F8F7E2; z-index:500; padding-bottom:3em; width:963px; }
div#contentArea { float:left; margin:25px 40px 0 52px; width:628px; }
#TB_ajaxContent div#contentArea { float:left; margin:0px; width:430px; }
#TB_ajaxContent div#contentArea h2 { font-size: 123.1% }
div#contentArea div.topContent { margin-right:30px; }
div#contentArea div.btmContent { clear:both; margin-right:30px; }

/* Font Styles for general content area */
div#main div#contentArea h1 { color:#5f5f51; font-size:161.6%; font-weight:normal; margin:0 0 .8em 0; text-transform:uppercase; }
/* blockquote styling technique: http://simonwillison.net/2003/May/21/stylingBlockquotes/
   javascript is adding a div inside the blockquote */
div#contentArea blockquote {  }
div#contentArea blockquote { font-size:93%; line-height:1.3; margin: .5em 0 1.1em 0;
  background: transparent url(/media/image/1/quoleft.png) left top no-repeat; }
div#contentArea blockquote div { padding: 0 48px; width:500px; background: transparent url(/media/image/1/quoright.png) right bottom no-repeat; }

div#contentArea h2 { color:#43413f; font-size:93%; font-weight:bold; text-transform:uppercase; margin:.6em 0;}
div#contentArea h2 a { color:#c13b20; }
div#contentArea h3 { color:#43413f; font-size:93%; font-weight:bold; margin:.6em 0;}
div#contentArea h3 a { color:#c13b20; }
div#contentArea p { font-size:93%; line-height:1.3; margin: .5em 0 1.1em; }
div#contentArea ul { font-size:93%; line-height:1.3; margin:.4em 0 1.4em 18px; list-style:disc; }
div#contentArea ol { font-size:93%; line-height:1.3; margin:.4em 0 1.4em 23px; list-style:decimal; }
div#contentArea ul ul,
div#contentArea ol ol { font-size:100%; } /* prevent font-size inheritance in nested lists */
div#contentArea li { margin:.7em 0; }
div#contentArea sup,
div#contentArea sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
div#contentArea sup { bottom: .5em; }
div#contentArea sub { top: .5em; }
div#contentArea span.valtiraSmall { font-size: 93%; }
div#contentArea span.valtiraLarge { font-size: 108%; }
div#contentArea a.learnMore,
div#contentArea span.learnMore a { text-transform:none; }

/* DETAIL COLUMN
********************************************************/
/* background images specified in global.css */
div.detailCol { float:right; width:242px; position:relative; top:-10px; z-index:600; }
div.detailCol div.detailContent { width:232px; float:right; position:relative; top:-10px; z-index:700; }
div.detailContent a.calloutButton { position:absolute; z-index: 400; top:92px; left:24px; }
div.detailCol div.detailContent div.emerging { position: relative; float:left; width:232px; }
div#leadGenContainer form ol li input { width: 190px; }
div#documentDownloads ul li { width: 90px; }
div#documentDownloads ul li span { width: 90px; }

/* FOOTER CONTAINER
*******************************************************

/* Yikes! Could find no other way to fill gap between footer and content on short pages:
   assigned a border-top of 200px (offset by negative margin)
   addt. styles in global.css */
div#footerWrap { border-top:400px solid #F8F7E2; margin-top:-400px; }

/* Callouts - shorter version contained in div.section
********************************************************/
div#contentArea div.callout { margin-left:-5px; min-height:113px; padding:4px 30px 6px 4px; width:603px; margin-top: .8em;
  background: transparent url(/media/image/1/callout_bg_637.png) no-repeat 0 0; float:left; }
div#contentArea div.callout img { float:left; margin-right:20px; }
div#contentArea div.calloutText { margin-top:1em; }
div#contentArea div.callout h3 { margin:0 0 .3em; color:#4a4a3e; font-size:123.1%; font-weight:normal; }
div#contentArea div.callout p { margin:.3em 0; }
div#contentArea div.caseStudy h3 { font-size:77%; text-transform:uppercase; font-weight:bold; padding:0 0 .5em; }
div#contentArea div.caseStudy h2 { text-transform:none; }
div#contentArea a.calloutButton { float:right; margin-top:1em; }
div#contentArea a.calloutButton img { margin:0; }

/* SECTION LANDING - Solutions, etc
********************************************************/
/* div.section divides page into two columns*/
div.sectionLanding div#contentArea { float:left; margin:25px 0 0 52px; width:668px; }
div#contentArea div.section { float:left; width:334px; }
div#contentArea div.section div.teaser { margin:1.3em 30px 2em 0; }
div#contentArea div.section div.callout { width:284px; background: transparent url(/media/image/1/callout_bg_318.png) no-repeat 0 0; }
div#contentArea div.section div.callout img { float:left; margin-right:13px; }
div#contentArea div.section div.callout h3 { margin:.6em 0 .3em; }

/* SECTION HUB - Enterprise, etc
********************************************************/
div.sectionHub div#contentArea div.teaser { width:650px; float:left; padding: 0 18px 1em 0; }
div.sectionHub div#contentArea div.teaser img { float:left; width:108px; margin: 0 19px 0 0; }
div.sectionHub div#contentArea div.teaser h2 { margin:0 0 0.6em }

/* CONTENT PAGE - Reputation Management, etc
********************************************************/
div.contentPage { border-top:25px solid #C13B20; padding-top:10px;
  background: #f8f7e2 url(/media/image/1/bg_content_gradient.gif) repeat-x left top;}

/* Header */
div#header { float:left; margin:0; padding-left:52px; width:669px; z-index:2; position:relative; min-height: 45px; border-bottom:10px solid #E1DEB4;}

/* h2 is absolutely positioned because h1 remains in same position regardless of h2's existence */
div#header h2 { font-size:116%; font-weight:normal; position:absolute; top:20px; left:52px; color: #a4a173;  }
div#header h1 { font-size:182%; font-weight:normal; position:relative; margin: 42px 10px .3em 0; text-transform:uppercase; }

/* Updated h2 & p for Article Category headder update */

div#header.article_cat h2 { 
	font-size: 116%;
	font-size: 18px;
	font-weight:normal; 
	margin: 20px 0 8px;
	color: #a4a173;
	position: relative;
	top: 0;
	left: 0;
}

div#header.article_cat p {
	margin: 8px 52px 25px 0;
	color: #888;
	line-height: 1.5em;
	font-size: 13px;
}

div.contentPage div#contentArea h2 { margin: .2em 0; }
/*div.contentPage div#contentArea p { margin: .5em 0 1.5em; }  extended this to all contentArea paragraphs */
div.contentPage div#contentArea ul { margin: .5em 0 1em 18px; }
div.contentPage div#contentArea ol { margin: .5em 0 1em 23px; }
div.contentPage div#contentArea div.related { margin-bottom:1.5em; }
div.contentPage div#contentArea div.related ul { margin: .7em 0 1em 0; list-style:none; }
div.contentPage div#contentArea div.related li { margin: .1em 0; }
div.contentPage div#contentArea div.related li a { padding-left:10px; font-weight:bold;
  background: url(/media/image/1/icon_arrow_red.png) no-repeat 0 40%; }

/* SECONDARY NAV
********************************************************/
div#secondaryNav { background: #dad5a3 url(/media/image/1/bg_rightCol_dad5a3.gif) repeat-y right; padding: 1.4em 9px 1em 17px; }
div#secondaryNav h2 { text-transform: uppercase; font-size:85%; margin-bottom:1em; }
div#secondaryNav ul { font-size:93%; }
div#secondaryNav li { font-weight:bold; }
div#secondaryNav li a { background: url(/media/image/1/icon_arrow_red.png) no-repeat 0 40%; padding-left:12px; margin:.4em 0; display:block; }
div#secondaryNav li.current a,
  div#secondaryNav li a:hover { color:#fff; background: url(/media/image/1/icon_arrow_white.png) no-repeat 0 40%; }
div#secondaryNav li ul { margin:.6em 0 1em; font-size:85%; }
div#secondaryNav li li { font-weight:normal; }
div#secondaryNav li li a { margin:.4 0; }
div#secondaryNav li.current li a { color:#C13B20; }
div#secondaryNav li.current li a:hover { color:#fff; background:none; }
div#secondaryNav li li a,
  div#secondaryNav li.current li a,
  div#secondaryNav li li.current a,
  div#secondaryNav li li a:hover { background:none; }

/* Article
********************************************************/
span.articleDate { float: right; margin-top: 5px; font-size: 77%; }
span.right { float: right; margin: 0px 0px 24px 24px; }
span.left { float: left; margin: 0px 24px 24px 0px; }
span#sharethis_0 a.stico_default { text-transform:uppercase; font-weight:bold; padding:2px 0 0 10px; font-size: 77%; clear: left; display: block; margin-bottom: 2em;
  background:transparent url(/media/image/1/icon_arrow_red.png) no-repeat scroll 0 40% !important;}

/* Spotlight - top of detail column in article pages
********************************************************/
div#spotlight { background: #94b8c9 url(/media/image/1/bg_rightCol_94b8c9.gif) repeat-y right; padding: 1.4em 15px 1em 17px; color:#43413f; }
div#spotlight h2 { text-transform: uppercase; font-size:93%; margin-bottom:.8em; }
div#spotlight p { font-size:85%; line-height:1.3; margin:.6em 0; }

/* Article Nav - middle of detail column in article pages
********************************************************/
/* some styles adjusted in ie7.css */
div#articleNav { position:relative; float:left; width:232px; }
div#articleNav ul.articleNav  { font-size:77%; margin:1.5em 9px 1em 20px; }
div#articleNav ul.articleNav li { font-weight:bold; text-transform:uppercase; }
div#articleNav ul.articleNav li a { color:#43413f; margin:.4em 0; display:block; }
div#articleNav ul.articleNav li.current a,
  div#articleNav ul.articleNav li a:hover { color:#a3a07e; }
div#articleNav ul.articleNav li ul { margin:.7em 0 2em; font-size:100%; }
div#articleNav ul.articleNav li li { font-weight:normal; }
div#articleNav ul.articleNav li li a { margin:.5em 0; }
div#articleNav ul.articleNav li li a,
div#articleNav ul.articleNav li.current li a { color:#C13B20; text-transform:none; background: url(/media/image/1/icon_arrow_red.png) no-repeat 0 40%; padding-left:12px; font-weight:bold; }
div#articleNav ul.articleNav li li.current a,
  div#articleNav ul.articleNav li li a:hover { color:#a3a07e; background: url(/media/image/1/icon_arrow_brown.png) no-repeat 0 40%; }

/* List By Category (500) - the list of category and article
********************************************************/
div.listByCategory div#contentArea ul { list-style: none; }

/* Simplicis Login Screen
********************************************************/
table#simplicisLogin td { padding: 10px; }

/* Article Search
********************************************************/
div#articleList { background-color: #eeeacc; width: 606px; padding: 10px 16px; margin-bottom: 10px; }
div#articleList h2 { margin: 0 0 5px; }
div#articleList table { width: 596px; border-top: 2px solid #b5a93d; color: #2C2B2B;  }
div#articleList table tr { display: block; width: 596px;  padding: 5px 0 0; }
div#articleList table tr.last td { border-bottom: none; }
div#articleList table td { padding: 5px; display: table-cell; width: 208px; border-bottom: 2px solid #ddd59a; }
div#articleList table a { text-decoration: underline; color: #2C2B2B; }
form#articleSearch { background-color: #eeeacc; width: 606px; padding: 10px 16px; margin-bottom: 1.1em; }
form#articleSearch ul { list-style: none; margin: 0px 0px 10px; padding: 0px; width: 606px; float: left; }
form#articleSearch ul li { width: 220px; float: left; margin: 0px; }
form#articleSearch ul li.searchButton { width: 80px; padding-left: 20px; }
form#articleSearch button { background:transparent none repeat scroll 0 0; border:medium none; margin: 15px 0 0; padding:0; }
form#articleSearch label { font-weight: bold; color: #2C2B2B; margin-bottom: 3px; float: left; width: 200px; }
form#articleSearch input, form#articleSearch select { color: #2C2B2B; width: 160px; }
form#articleSearch input { width: 200px; }
form#articleSearch label span { font-weight: normal; }
form#articleSearch span.searchTagLine { color: #666666; font-weight: bold; }
div#articlePagination {  }
div#articleList td.searchSynopsis { width: 250px; padding-left: 20px; }
div#articleList td.articleDate { width: 130px; padding-left: 20px; }