/* CSS STRUCTURE

1.0	- Page Types
2.0 - Typography
3.0	- Layout
4.0 - Navigation
					
*******************************/

* { margin: 0; padding: 0; }

/* Primary Page Types
*******************************/
body {	/*layout*/	margin: 0; padding: 0; position: relative; border-top: 0.25em solid #57bfe3; 
		/*type*/		font: 0.8em/1.45em "Arial", sans-serif; color: #8f8b84; background: #fff; }
		  
body.main-page { background: #fff url('/Common/Immersive/images/bg-home.gif') 779px 175px no-repeat; } 	/* res dependent */
body.content-page { background: #fff url('/Common/Immersive/images/bg-content.gif') 779px 238px no-repeat; }	/* res dependent */
body.has-secnav { background-image: url('/Common/Immersive/images/bg-secnav.gif'); }

/* Typography
*******************************/
p { line-height: 1.45em; margin: 1.5em 0 1.5em; }
em { font-style: normal; font-weight: bold; color: #b81d1d; }
hr { display: block; clear: both; height: 2px; margin: 1.5em 0 1em; border-top: 1px solid #fff; border-bottom: 1px solid #f2ede7; border-right: none; border-left: none; }
.content hr { width: 550px; }

/* headings */
h1, h2, h3, h4	{ font-family: "Helvetica", "Arial", sans-serif; font-weight: normal; margin: 1.3em 0 -5px; clear: left; }
h1	{ font-size: 1.8em; line-height: 1em; color: #004d69; margin-top: 0; }
h2	{ font-size: 1.4em; line-height: 1em; color: #3c3c3c; }
h3	{ font-size: 1.4em; line-height: 1em; color: #aba9a6; }
h4	{ font-size: 1.2em; line-height: 1em; color: #aba9a6; }

/* links */
a { font-weight: normal; outline: none; } a:link { color: #5aa20d; } a:visited { color: #5aa20d; /*color: #b7ce9f;*/ } a:hover { color: #fd8d00; }
a.next { overflow:visible; display:inline; border:0; background:none; background: url('/Common/Immersive/images/icon-next.gif') no-repeat 100% 50%; padding-right: 18px; }
span.next { overflow:hidden; border:0; display:inline; width:0; padding:0 13px 0 0; margin:0; background: url('/Common/Immersive/images/icon-next.gif') no-repeat 100% 50%; }
a img { border:none; }

/* lists */
ul, ol	{ margin: 1.5em 0 1.5em; }
ul li, ol li, dl dt, dl dd { list-style-position: inside; line-height: 1.45em; color: #8f8b84; margin-left: 1.25em; }

/* floats * clears */
.right	{ float: right; margin: 0 0 0.5em 0.5em; } 
.left	{ float: left; margin: 0 0.5em 0.5em 0; }

.invisible { display: none; }

/* forms */
input, textarea, select { font: "Arial", sans-serif; color: #8f8b84; background: #f8f7f6; border-top: 1px solid #f0ebe3, border-left: 1px solid #f0ebe3; }
fieldset { border: 0; }

/* Layout 
*******************************/
.wrap { background: #fff; float: left; width: 779px; } /* res dependent */
.content { float: right; padding: 173px 60px 40px 0; width: 550px; position: relative; } /* res dependent */
.content .home-intro { float: right; width: 302px; } /* res dependent */
.content .home-intro p { margin: 0 0 1em; font-size: 1.3em; line-height: 1.45em; }
.content .home-intro p a { font-size: 0.8em; }

/* branding panel */
.content-page h1.logo, .main-page h1.logo { position: absolute; top: 173px; left: 779px; clear: both; height: 32px; width: 172px; margin: 0; } /* res dependent */
h1.logo a { float: left; text-indent: -999em; position: relative; top: 0; left: 0; width: 173px; height: 32px; background: url('/Common/Immersive/images/logo.gif') no-repeat; }
.main-page h1.logo { left: 168px; height: 106px; width: 201px; }
.main-page h1.logo a { height: 106px; width: 201px; }

/* holding page */
body.holding		{ background-position: 779px 96px; }
.holding .content	{ padding-top: 96px; }
.holding-contact	{ float: left; width: 550px; margin-left: 168px; }
.holding.main-page h1.logo	{ top: 96px; }
.holding .left-panel 		{ margin-top: 96px; }

/* featured */
.featured	{ float: left; clear: left; width: 912px; margin: 40px 0 20px 30px; background: #fff; }
.featured h1 { display:block; font-size:1.1em; font-weight:bolder; color:#d7d6d5; text-transform: uppercase; float: left; margin: 0 0 1em 0; }
.featured h1 em { font-style:normal; color:#c2bfb9; font-weight:bolder; }
.featured h2	{ margin: 0; line-height: 1.3em; }
.featured img	{ float: left; margin: 5px 1em 0 0; border:1px solid #E8E2DB; }
.featured p		{ margin: 0.8em 0 0; }

.feature	{ float: left; width: 198px; margin-bottom: 30px; padding: 0 20px 0 10px; background: url('/Common/Immersive/images/feature-bg.gif') repeat-y; }

/* far left */
.left-panel { float: left; width: 149px; margin-top: 173px; }
.left-panel img { margin-bottom:1.6em; }

/* case studies */
.case-header { list-style: none; margin-top: 2em; display: block; }
.case-header p { margin: 0 0 1em; font-size: 1.3em; line-height: 1.45em; }
.case-header img { border: 1px solid #e8e2db; }
.case-header img, .case-header p { float: left; margin-bottom: 27px; }
.case-header p { width: 351px; height: 144px; overflow: auto; padding: 11px 11px 19px; margin: 0 0 1em 1px; color: #fff; background: #9a9895; }

h1.case-head { float:left; width:150px; margin:0; }
	/* numbered nav across the top of various case studies */
ul.case-nav { position:absolute; top:172px; left:150px; float:left; margin: 0; padding: 0px 0px 0px 0px; list-style: none; overflow:hidden; }
ul.case-nav li { margin: 0; padding: 0; }
ul.case-nav li { display: block; float:left; padding-bottom: 3px; padding-top: 3px; }
ul.case-nav li.selected { background: url('/Common/Immersive/images/case-marker.gif') 50% 100% no-repeat; }
ul.case-nav li a { background: #f2efe9; border: 1px solid #f2efe9; padding: 3px 9px 2px; text-decoration: none; margin-right: 3px; color: #1e1609; }
ul.case-nav li.selected a, ul.case-nav li a:hover { background: #fff; border: 1px solid #f18100; }
	/* image & paragraph based horizontal list */
ul.case-item { xclear:both; margin:20px 0 0 0; padding:0; list-style: none; overflow:visible; }
ul.case-item li { margin:0; padding:0; float:left; width: 172px; margin-right: 10px; }
ul.case-item li h2 { padding-right: 10px; clear:both; }
ul.case-item li p { padding-right: 10px; clear:both; }
ul.case-item li img { border: 1px solid #e8e2db; }



/* Foms
*******************************/
.contact-form input, 
.contact-form textarea, 
.register-form textarea, 
.register-form input, 
.register-form select, 
.perspective-form input, 
.perspective-form textarea, 
.perspective-form select, 
.perspective-form select option{/*layout*/	width: 160px; height: 19px; padding-top: 2px; padding-left: 2px;
								/*type*/		font-family: "Helvetica", "Arial", sans-serif; font-size: 1em; 
								/*design*/	background-color: #f1eee9; border: 0; border-left: 1px solid #e5dfd4; border-top: 1px solid #e5dfd4;}
.contact-form textarea, 
.register-form textarea { height: 95px; }

.contact-form input.submit-button, 
.perspective-form input.submit-button, 
.register-form input.submit-button { margin: 5px 0 0 80px; width: auto; height: auto; border: 0; padding: 0; }

/* contact form */
.contact-form { margin: 0; padding: 0; }
.contact-form fieldset	{ background: #f8f6f4; padding: 14px 16px 11px; margin-bottom: 2.5em; float: left; }
.contact-form ol, 
.contact-form li 	{ list-style: none; margin: 0; padding: 0; }
.contact-form li		{ float: left; clear: left; width: 253px; padding: 5px 0; }
.contact-form label		{ float: left; width: 74px; padding-right: 6px; color: #767067; font-weight: bold; }
.contact-form li.subject { float: right; clear: right; }
.contact-form li.comments { float: right; clear: right; }
.contact-form li.comments textarea { width:240px; }
.contact-form li.submit { margin-top:20px; }

/* register form */
.register-form textarea, 
.register-form input, 
.register-form select { width: 300px; }
.register-form h2 { margin: 0 0 0.5em; }
.register-form ol { list-style: none; margin: 0 0 2.2em; float: left; }
.register-form li { float: left; margin: 0; width: 460px; padding: 11px 0 10px; border-top: 1px solid #f2ede7; }
.register-form label { float: left; width: 150px; font-weight: bold; }
.register-form textarea, 
.register-form input, 
.register-form select { background-color: #f1eee9; border-top: 1px solid #ebe6dc; border-left: 1px solid #ebe6dc; }
.register-form input.submit-button { margin-left: 150px; }
	
.register-form li.error-item ul.error-list { list-style: none; margin:0; padding:0; }
.register-form li.error-item ul.error-list li { color: #b84a98; border:none; margin:0; padding:0; color:#d01d1d; font-weight:bold; }

/* perspective search form */
.perspective-form { float: left; clear: left; }
.perspective-form fieldset { background: #f8f6f4; padding: 2px 10px 10px; float: left; width: 170px; }
.perspective-form h4 { margin-top: 0; }
.perspective-form ol { margin: 0; }
.perspective-form li { float: left; list-style: none; width: 180px; margin: 0; }
.perspective-form input, 
.perspective-form textarea { width: 170px; }
.perspective-form label { font-weight: bold; float: left; width: 170px; margin: 0.6em 0 0.2em; }
.perspective-form input.submit-button { margin-left: 0; margin-top: 1em; }


/* Navigation
*******************************/

/* header and footer */
.header { position: absolute; top: 14px; left: 0; width: 985px; } /* res dependent */
.footer { float: left; clear: both; width: 928px; } /* res dependent */
ul#main-navigation, ul.footer-navigation { list-style: none; float: left; list-style: none; }
ul#main-navigation { margin: 0 20px 0; }
ul.footer-navigation { margin: -7px 0 26px 20px; }
ul#main-navigation li, ul#main-navigation li a, ul.footer-navigation li, ul.footer-navigation li a { float: left; position: relative; margin: 0; padding: 0; list-style-type: none; }
ul#main-navigation li a { position: absolute; top: 0; left: 0; }

/* social network sharing nav */
.share { margin: 0 0 40px 28px; width: 121px; }
.share .subhead { margin-left:0px; }
ul.share-navigation { list-style: none; float: left; margin: -0.5em 0 0; }
ul.share-navigation li { margin: 0; float: left; clear: both; }
ul.share-navigation li a { float: left; border-bottom: 1px solid #efe9e2; padding: 8px 10px 7px 22px; width: 90px; }
/* UPDATED ADG */
ul.share-navigation li.digg a { background: url('/Common/Web/images/icons/digg/20x17.gif') 0 54% no-repeat; }
ul.share-navigation li.delicious a { background: url('/Common/Web/images/icons/delicious/20x17.gif') 0 54% no-repeat; }
ul.share-navigation li.yahoo a { background: url('/Common/Web/images/icons/yahoo/20x17.gif') 0 54% no-repeat; }
ul.share-navigation li.newsvine a { background: url('/Common/Web/images/icons/newsvine/20x17.gif') 0 54% no-repeat; }


/* primary nav */
ul.nav { margin: 12px 0 0 20px; }
ul.nav li { font-size:1.1em; font-weight:bolder; float: left; width: 96px; margin: 0 0 0 10px; list-style: none; }
ul.nav li li { font-size:0.9em; margin: 0.35em 0; line-height: 1.2em; }
ul.nav ul { float: left; clear: left; margin: 0.5em 0 0; }
ul.nav li a,
ul.nav li a:link,
ul.nav li a:active,
ul.nav li a:visited { text-decoration: none; font-weight: bold; color: #9a9895; }
ul.nav li li a, 
ul.nav li li a:link, 
ul.nav li li a:active, 
ul.nav li li a:visited { text-decoration: none; font-weight: normal; color: #9a9895; }
ul.nav li.sel a,
ul.nav li.sel a:link,
ul.nav li.sel a:active,
ul.nav li.sel a:visited { color: #57544f; }
ul.nav li.sel li a,
ul.nav li.sel li a:link,
ul.nav li.sel li a:active,
ul.nav li.sel li a:visited { font-weight: normal; color: #9a9895; }
ul.nav li li.sel a,
ul.nav li li.sel a:link,
ul.nav li li.sel a:active,
ul.nav li li.sel a:visited { font-weight: normal; color: #57544f; }
ul.nav li.right .topnav a { color: #fff; }
ul.nav li a:hover, 
ul.nav li li a:hover, 
ul.nav li.sel li a:hover { color: #5ab2de; }
.topnav { height: 13px; width: 96px; float: left; text-transform: uppercase; overflow: visible; }
ul.nav li li.override { width: 120px; }

/* second-level nav */
	/* container */
.second-level { float: left; margin: 251px 0 0 20px; width: 190px; }
	/* sub heading */
h2.subhead { font-size:1.1em; font-weight:bolder; color:#57544f; text-transform: uppercase; float: left; clear: both; width: 202px; height: 22px; margin:0;}
	/* nav */
ul.seclevel-nav, 
ul.seclevel-nav li { font-size:0.95em; margin: 0; padding: 0; list-style: none; }
ul.seclevel-nav { float: left; clear: left; margin: 0; }
ul.seclevel-nav li { float: left; clear: both; }
ul.seclevel-nav li a { float: left; width: 178px; text-decoration: none; padding: 4px 12px 3px 0px; }
ul.seclevel-nav li a,
ul.seclevel-nav li a:link,
ul.seclevel-nav li a:active,
ul.seclevel-nav li a:visited { color: #9a9895; }
ul.seclevel-nav li.selected a, 
ul.seclevel-nav li.selected a:link,
ul.seclevel-nav li.selected a:active,
ul.seclevel-nav li.selected a:visited { color: #57544f; }
ul.seclevel-nav li a:hover, 
ul.seclevel-nav li.selected a:hover { color: #5ab2de; }
body.perspective ul.seclevel-nav { margin: 0 0 1.6em; }
body.perspective ul.seclevel-nav li a { padding-left: 20px; }

/* footer nav */
ul.footer-navigation li { font-size:0.9em; text-transform: uppercase; margin:8px 10px; }
ul.footer-navigation li a,
ul.footer-navigation li a:link,
ul.footer-navigation li a:visited,
ul.footer-navigation li a:active { font-weight:bold; text-decoration:none; color: #cccbca; }
ul.footer-navigation li.selected a,
ul.footer-navigation li.selected a:link,
ul.footer-navigation li.selected a:visited,
ul.footer-navigation li.selected a:active { font-weight:bold; text-decoration:none; color: #aba9a7; }
ul.footer-navigation li a:hover { font-weight:bold; color: #acd8ee; }

/*In Page Navigation Modules */
/* inpractice - image based navigation list */
ul.inpractice, ul.inpractice li { list-style: none; margin: 0; padding: 0; float: left; }
ul.inpractice { margin: 1.5em 0 27px; }
ul.inpractice li { width: 114px; margin-right: 10px; }
ul.inpractice li a { float:left; clear:left; }
ul.inpractice li a.next { width:94px; }
ul.inpractice li span { float:left; width:5px; }
ul.inpractice img { border: 1px solid #e8e2db; }

/* pdf icon bullets - used in solutions.html for whitepapers downloads */
ul.pdf li { list-style: none; display: block; margin: 0 0 0.5em; clear: both; padding-left: 18px; width: 532px; background: url('/Common/Immersive/images/icon-pdf.gif') 0 3px no-repeat; }


/* copyright and blog entry details*/
p.copyright, p.entry-details { float: right; margin: 0.1em 0 0; font-size: 0.85em; color: #d2ccc4; }
p.copyright a:link, p.copyright a:visited, p.entry-details a:link, p.entry-details a:visited { color: #aba9a7; }
p.copyright a:hover, p.entry-details a:hover { color: #acd8ee; }
p.entry-details { clear: both; width: 550px; padding-top: 0.5em; margin-top: -0.5em; border-top: 1px solid #f2ede7; }

.holding p.copyright { padding-bottom: 3em; float: left; margin-left: 168px; }

.entry { float: left; clear: both; width: 550px; margin-bottom: 27px; }

/* search */
.search { float: right; width: 205px; overflow: hidden; }
.search input { float: left; margin-top: 5px;}
.search input.search-input { width: 132px; margin-right: 4px; padding-top: 2px; padding-left: 2px; background-color: #f6f5f4; border: 0; height: 19px; border-top: 1px solid #ebe6dc; border-left: 1px solid #ebe6dc; }