/* 	Erickson Barnett global CSS template
	Author: Marty Stake
	Date: February 22, 2004 */


/* global em typography template adapted from http: //www.thenoodleincident.com */

body {
	border: 0;
	margin: 0; padding: 0;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	color: #434343;
}

img {
	border: none;
}

/*----------------- anniversary stuff ------------------*/

#annivlogo {

	position: absolute;
	right: 0px; bottom: 0px;
}

#utilnav2 {
	position: absolute;
	right: 105px; bottom: 8px;
}
#utilnav2 {
	margin: 0; padding: 0;
	border-left: 1px solid #bcccb7;
}
#utilnav2 li {
	float: left;
	font-size: 80%;
	line-height: 1;
	color: #62725d;
	background: none;
	margin: 0; padding: 0;
}
#utilnav2 li a {
	display: block;
	border: 1px solid #bcccb7;
	border-left: 0;
	background: #eef4ef;
	padding: 5px;
	color: #62725d;
	text-decoration: none;
}
#utilnav2 li a:hover, #utilnav2 li a.on, #utilnav2 li a.on:visited {
	background: #dceadf;
}

#utilnav2 .store a {
	padding: 3px;
}

#utilnav3 {
	position: absolute;
	right: 105px; bottom: 38px;
}
#utilnav3 {
	margin: 0; padding: 0;
	border-left: 1px solid #bcccb7;
}
#utilnav3 li {
	float: left;
	font-size: 80%;
	line-height: 1;
	color: #62725d;
	background: none;
	margin: 0; padding: 0;
}
#utilnav3 li a {
	display: block;
	border: 1px solid #bcccb7;
	border-left: 0;
	background: #eef4ef;
	padding: 5px;
	color: #62725d;
	text-decoration: none;
}
#utilnav3 li a:hover, #utilnav3 li a.on, #utilnav3 li a.on:visited {
	background: #eef4ef;
}

#utilnav3 li.login a{
background-color:#5A0000;
color:white;
padding:5px 10px;
}

#utilnav3 li.login a:hover{
background-color:#A10300;
}


/*----------------- list styles ------------------*/

/* these lists are formatted to use a background-image for the bullets.  
Comment out list-style: none and the background image below, as well as the 
ul and li specific styles to use the default browser bullets */

ul, li {
	list-style: none;
	background: url(/images/bullet.gif) 0 .45em no-repeat;
	line-height: 1.3em;
	margin: .6em 0 .6em 0;
}	
ul {
	background: none;
	margin: .8em 0 .8em .5em;
	padding-left: 1em;
}
ul li ul {
	margin: .4em 0; /*keep this the same size as the margins on the li's*/
}
li {
	font-size: 85%;
	margin: .4em 0 .4em 0;
	padding-left: .8em;
}
li li, li li li {
	font-size: 100%;
}
ol {
	background: none;
	margin-left: .5em;
	padding-left: 1em;
}
ol li {
	list-style: decimal;
	background: none;
	padding-left: 0;
}
dl {
	margin: .8em 0;
	font-size: 85%;
	line-height: 1.6em;
}
dt {
	font-weight: bold;
}
dd {
	margin: .2em 0 .8em 0;
	padding: 0;
}

body.popup dt { display: inline; margin-right: 10px; }
body.popup dd { display: inline; }

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6 {
	font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top: 1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
}
	
/*----------------- end list styles ------------------*/


p {
	font-size: 85%;
	line-height: 1.3em;
	margin: .2em 0em .6em 0em;
}


/*----------------- header styles ------------------*/
h1 {
	font-size: 120%;
	font-weight: bold;
	color: #a10300;
	margin: 0; padding: 0;
}
h2 {
	font-size: 100%;
	font-weight: normal;
	color: #590000;
	margin: .8em 0em .2em 0em;
}
h3 {
	font-size: 85%;
	color: #590000;
	margin: .8em 0em .2em 0em;
}
h4 {
	font-size: 85%;
	font-weight: normal;
	color: #590000;
	margin: .8em 0em .2em 0em;
}
h5 {
	font-size: 85%;
	color: #590000;
	margin: .4em 0em .2em 0em;
}
h6 {
	font-size: 85%;
	color: #590000;
	margin: .4em 0em .2em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/
table {
	font-size: 100%;
}
/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/
/*----------------- end table styles ------------------*/


/*----------------- links ------------------*/
a, a:visited {
	color: #62725d;
	text-decoration: underline;
}
a:focus, a:hover, a:active {
	color: #5a0000;
	text-decoration: underline;
}
a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration: none; 	
}

/*----------------- end links ------------------*/

pre { font-family: monospace; font-size: 100%; }
strong, b { font-weight: bold; }
.right { text-align: right; }
.link { text-align: right; }
.clearer { clear: both; }
.hide, .print { display: none; }
.leadin { margin-top: 0; }
.red, .alert, .require { color: #590000; }
.backtop { padding-bottom: 1em; }
.small { font-size: 75%; }

/*--*/

#wrapper { 
	width: 750px;
}

#header {
	position: relative;
	height: 82px;
	background: url(/images/headers/header-back.gif) bottom left no-repeat;
}
#header img.logo {
	position: absolute;
	left: 20px; top: 15px;
}

#mininav {
	position: absolute;
	right: 0; bottom: 43px;
}
#mininav li {
	font-size: 80%;
	color: #666;
	background: none;
	margin: 0; padding: 0 0 0 5px;
	float: left;
}
#mininav li a {
	border-right: 1px solid #aabbab;
	padding-right: 5px;
	color: #666;
	text-decoration: none;
}
#mininav li a:hover, #mininav li a.on, #mininav li a.on:visited {
	color: #5a0000;
}

.last {
	border-right: 0 !important;
}

#utilnav {
	position: absolute;
	right: 0; bottom: 8px;
}
#utilnav {
	margin: 0; padding: 0;
	border-left: 1px solid #bcccb7;
}
#utilnav li {
	float: left;
	font-size: 80%;
	line-height: 1;
	color: #62725d;
	background: none;
	margin: 0; padding: 0;
}
#utilnav li a {
	display: block;
	border: 1px solid #bcccb7;
	border-left: 0;
	background: #eef4ef;
	padding: 5px;
	color: #62725d;
	text-decoration: none;
}
#utilnav li a:hover, #utilnav li a.on, #utilnav li a.on:visited {
	background: #dceadf;
}

#utilnav li.login{
border-left: 1px solid #bcccb7;
margin-left:7px;
}

#utilnav li.login a{
background-color:#5A0000;
color:white;
padding:5px 35px;
}

#utilnav li.login a:hover{
background-color:#A10300;
}

#utilnav .store a {
	padding: 3px;
}

#message {
	position: relative;
	height: 168px;
	background: url(/images/headers/message-back.jpg) top left no-repeat;
}
#message h2 {
	position: absolute;
	display: block;
	bottom: 0;
	margin: 0; padding: 0;
	width: 499px; height: 146px;
	text-indent: -10000px;
}

h2#outsmart {
	margin: 0; padding: 0;
	background: url(/images/headers/outsmart-header.jpg) top left no-repeat;
}

#mainnav {
	position: absolute;
	bottom: 0; right: 0;
	margin: 0; padding: 16px 0 8px 0;
	background: #a10300;
	height: 122px; width: 251px;
}
#mainnav li {
	margin: 0; padding: 0;
	float: left;
	background: url(/images/mainnav.gif) 0 -152px no-repeat;
}
#mainnav li a {
	display: block;
	text-indent: -10000px;
	width: 251px; height: 22px;
	background: url(/images/mainnav.gif) 0 0 no-repeat;
	text-decoration: none; /* for Firefox PC */
}
#mainnav li a:hover { background: none; }

#mainnav li#competitive a { background-position: 0 -6px; }
#mainnav li#competitive { background-position: 0 -152px; }
#mainnav li#who a { background-position: 0 -28px; }
#mainnav li#who { background-position: 0 -174px; }
#mainnav li#markets a { background-position: 0 -50px; }
#mainnav li#markets { background-position: 0 -196px; }
#mainnav li#what a { background-position: 0 -72px; }
#mainnav li#what { background-position: 0 -218px; }
#mainnav li#how a { background-position: 0 -94px; }
#mainnav li#how { background-position: 0 -240px; }
#mainnav li#why a { background-position: 0 -116px; }
#mainnav li#why { background-position: 0 -262px; }

/* specific section level changes */

body.home #content { background: url(/images/main-back-home.jpg) top left no-repeat; }

body.competitive #mainnav li#competitive, body.competitive #mainnav li#competitive a { background-position: 0 -298px; }
body.competitive #header { background-image: url(/images/headers/header-back-competitive.gif); }
body.competitive #message { background-image: url(/images/headers/message-back-competitive.jpg); }

body.who #mainnav li#who, body.who #mainnav li#who a { background-position: 0 -320px; }
body.who #header { background-image: url(/images/headers/header-back-who.gif); }
body.who #message { background-image: url(/images/headers/message-back-who.jpg); }

body.markets #mainnav li#markets, body.markets #mainnav li#markets a { background-position: 0 -342px; }
body.markets #header { background-image: url(/images/headers/header-back-markets.gif); }
body.markets #message { background-image: url(/images/headers/message-back-markets.jpg); }

body.what #mainnav li#what, body.what #mainnav li#what a { background-position: 0 -364px; }
body.what #header { background-image: url(/images/headers/header-back-what.gif); }
body.what #message { background-image: url(/images/headers/message-back-what.jpg); }

body.how #mainnav li#how, body.how #mainnav li#how a { background-position: 0 -386px; }
body.how #header { background-image: url(/images/headers/header-back-deliverhow.gif); }
body.how #message { background-image: url(/images/headers/message-back-deliverhow.jpg); }

body.why #mainnav li#why, body.why #mainnav li#why a { background-position: 0 -408px; }
body.why #header { background-image: url(/images/headers/header-back-why.gif); }
body.why #message { background-image: url(/images/headers/message-back-why.jpg); }

body.compete #header { background-image: url(/images/headers/header-back-compete.gif); }
body.compete #message { background-image: url(/images/headers/message-back-compete.jpg); }

body.about #header { background-image: url(/images/headers/header-back-about.gif); }
body.about #message { background-image: url(/images/headers/message-back-about.jpg); }

body.news #header { background-image: url(/images/headers/header-back-news.gif); }
body.news #message { background-image: url(/images/headers/message-back-news.jpg); }

body.resource #header { background-image: url(/images/headers/header-back-resource.gif); }
body.resource #message { background-image: url(/images/headers/message-back-resource.jpg); }

body.contact #header { background-image: url(/images/headers/header-back-contact.gif); }
body.contact #message { background-image: url(/images/headers/message-back-contact.jpg); }

body.login #header { background-image: url(/images/headers/header-back-login.gif); }
body.login #message { background-image: url(/images/headers/message-back-login.jpg); }

body.search #header { background-image: url(/images/headers/header-back-search.gif); }
body.search #message { background-image: url(/images/headers/message-back-search.jpg); }

body.sitemap #header { background-image: url(/images/headers/header-back-sitemap.gif); }
body.sitemap #message { background-image: url(/images/headers/message-back-sitemap.jpg); }

body.competitiveresponses #header { background-image: url(/images/headers/message-competitiveresponses.gif); }
body.competitiveresponses #message { background-image: url(/images/headers/message-competitiveresponses.jpg); }


body.popup #header { 
	height: 82px;
	background: #d5e2d4 url(/images/headers/header-back-popup.gif) bottom left no-repeat;
}


/*--*/

#content {
	float: left;
	padding: 20px 0;
	width: 750px; /*need this because we short the content side 3px for IE/Win floating weirdness*/
	background: url(/images/main-back.gif) top left repeat-y;
	border-bottom: 1px solid white;
}

.nosidebar{
	background: url(/images/main-back-nosidebar.gif) top left repeat-y !important;
}

#main {
	float: left;
	width: 439px;
	padding: 0 28px 0 32px;
}

#main ul {
	margin-left: 0;
	padding-left: 0;
}


/* for a sidenav */

.twocol {
	width: 295px !important;
	padding: 0 28px 0 20px !important;
}

.twocolwide {
width: 538px !important;
	padding: 0 28px 0 20px !important;

}



#sidenav {
	float: left;
	padding-left: 10px;
	width: 146px;
}
#sidenav ul {
	float: left;
	position: relative;
	border-top: 7px solid #c5d1c1;
	margin: 0; padding: 0;
	margin-top: -20px;
}
#sidenav ul li {
	float: left;
	background: none;
	margin: 0; padding: 0; 
	line-height: 1;
	width: 146px;
	border-bottom: 1px solid #d5e2d4;
}
#sidenav ul li a {
	display: block;
	line-height: 1.1em;
	padding: 5px 20px 5px 5px;
	width: 121px;
	text-decoration: none;
}
#sidenav ul li a:hover {
	background: #eff4ee;
	color: #62725d;
	background: #eff4ee url(/images/bullet.gif) 95% 50% no-repeat;
}
#sidenav ul li a.on {
	color: #5a0000;
	background: #eff4ee url(/images/bullet.gif) 95% 50% no-repeat;
}

#sidenav ul li a.on2 {
	color: #62725d;
	background: #eff4ee;
}

/*--*/

#main dl.i-list {
	padding: 5px;
	border: 1px solid #d5e2d4;
}
#main dl.i-list dt {
	color: #5a0000;
	font-weight: normal;
	width: 160px;
	position: absolute;
}
#main dl.i-list dd {
	margin-left: 190px;
}
#main dl.i-list ol {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}
#main dl.i-list ol li {
	list-style: none;
}
#main dl.i-list .num {
	background: #b43533;
	font-size: 82%;
	color: white;
	margin-right: 10px;
	margin-left: -21px;
	padding: 1px 2px 1px 2px;
}

#main h1 {
	margin-bottom: .6em;
}

#sidebar {
	width: 243px; /* minus 5 for padding minus 3 for IE/Win */
	float: left;
	padding: 0 0 0 5px;
}

h2#compete {
	display: block;
	margin: 0 0 .8em 0; padding: 0;
	background: url(/images/compete-header.gif) top left no-repeat;
	width: 175px; height: 27px;
	text-indent: -10000px;
}
h2#related {
	display: block;
	margin: 0 0 .8em 0; padding: 0;
	background: url(/images/related-header.gif) top left no-repeat;
	width: 110px; height: 12px;
	text-indent: -10000px;
}

#sidebar ul li, #search ul li{
	background: url(/images/bullet2.gif) 0 .25em no-repeat;
	padding-left: 30px;
}

ul.intelligence li {
	margin-top: 1em;
	margin-left: 10px;
	margin-bottom: 1em;
}
ul.intelligence li span { display: none; }
ul.intelligence li a { display: block; }
ul.intelligence li#streetwise a {
	background: url(/images/streetwise-list.gif) top left no-repeat;
	width: 125px; height: 27px;
}
ul.intelligence li#competitiveint a {
	background: url(/images/competitive-list.gif) top left no-repeat;
	width: 136px; height: 27px;
}
ul.intelligence li#streetwise-call a {
	background: url(/images/streetwisecall-list.gif) top left no-repeat;
	width: 125px; height: 54px;
}

div.sidebarcontent {
	padding: 0 10px 20px 10px;
}

div.download {
	background: #f7faf7;
	padding: 3px 10px;
	border: 1px solid #dae4d8;
}
#sidebar div.download ul {
	margin-left: 0;
	padding-left: 0;
}
#sidebar div.download ul li {
	background: url(/images/bullet4.gif)  0 .3em no-repeat; ;
	padding-left: 12px;
}

#footer {
	clear:both;
	padding: 12px 0 12px 15px;
	width: 735px;
	background: url(/images/footer-back.gif) top left no-repeat;
}
#footer p {
	margin: 0;
	font-size: 80%;
}


p.infobox {
	margin: 1.6em 0; /*need double the margin as the a with the box is inline, and the <p> won't box it in */
}
p.infobox a {
	border: 1px solid #c5c5c5;
	padding: 6px;
	padding-right: 26px;
	text-decoration: none;
	background: url(/images/bullet3.gif) 95% 50% no-repeat;
}

/* form block*/

div.menu {
	background: white;
	padding: 3px 8px;
}
form#seehow {
	margin: 0; padding: 0;
}
form#seehow fieldset {
	border: 0; margin: 0; padding: 0;
}
form#seehow select {
	width: 225px;
	font-size: 85%;
}
form#seehow label {
	display: block;
	margin-top: 3px;
	font-size: 80%;
}
form#seehow p.seehowwrap {
	margin-top: .4em;
	text-align: right;
	width: 225px; height: 22px;
	background: #d5e2d4;
}

/*home specific styles */

body.home #header img.logo {
	position: absolute;
	left: 40px; top: 21px;
}

body.home #content {
	padding: 0;
}
body.home #main {
	width: 750px;
	padding:0;
}
body.home #search {
	float:right;
	background: #eef4ef;
	padding: 15px 3px 0px 5px;
	width: 243px;
	height:142px;
	
}
body.home #main ul {
	padding-left: 1em;
	margin-left: .5em;
}

h2#view-the-latest{
	display: block;
	margin: 0 0 .8em 5px; padding: 0;
	background: url(/images/view-the-latest-header.gif) top left no-repeat;
	width: 229px; height: 13px;
	text-indent: -10000px;
}

#toc{
float:left;
width:750px;
margin-top:23px;
padding-bottom:20px;
background:url(/images/toc-back.gif) top left repeat-y;
}

#browse{
float:left;
width:308px;
padding:0 22px 0 32px;
}

#browse h2{
margin-left:-32px;
margin-top:0;
height:23px;
padding-left:32px;
background:#890700 url(/images/browse-header.gif) 32px 5px no-repeat;
color:white;
text-indent:-10000px;
display:block;
}

#browse h3{
color:black;
text-transform:uppercase;
font-weight:normal;
}

#browse ul li a{
color:#445544;
text-decoration:none;
}

#browse ul li a:hover{
text-decoration:underline;
}

.browsecol{
font-size:95%;
float:left;
width:144px;
padding-right:10px;
}

body.home #browse ul{
padding-left:0;margin-left:0;
}

body.home #browse ul li{
padding-left:0;
background:none;
}

#whatsnew{
float:left;
font-size:95%;
width:345px;
padding:15px 15px 5px 25px;
}

#whatsnew h3{
margin-top:0;
color:#5A0000;
}

body.home #whatsnew ul li {
	line-height:1.2em;
	margin:.6em 0;
	background: url(/images/bullet2.gif) 0 .25em no-repeat;
	padding-left: 30px;
	color:black;
}


body.home #whatsnew ul li a{
color:#5A0000;
text-decoration:none;
}

body.home #whatsnew ul li a:hover{
text-decoration:underline;
}

body.home #whatsnew ul{
padding-left:0;margin-left:0;
margin-bottom:25px;
}

/* -- */

body.popup #wrapper {
	width: 655px;
}

ul.popuplist {
	position: absolute;
	margin: 0; padding: 0;
	right: 0; bottom: 0;
}
ul.popuplist li {
	background: #9b1408;
	padding: 5px 10px;
	margin: 0;
}
ul.popuplist li a, ul.popuplist li a:visited {
	color: white;
	text-decoration: none;
}
ul.popuplist li a:hover {
	text-decoration: underline;
}

body.popup #content {
	width: 655px;
	background: url(/images/main-back-popup.gif) top left repeat-y;
}
body.popup #main {
	width: 436px;
	padding: 0 20px;
}
body.popup #sidebar {
	width: 174px; /* minus 5 for padding minus 3 for IE/Win */
}

body.popup #sidebar ul{
margin-left:0;
}


/* -- */

.toplist {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5c5c5;
}

/* -- */

table#careers{
font-size:85%;
}

table#careers th{
margin:0 3px;
background:#C5D1C1;
}

.tbl-title{
width:140px;
}

.tbl-location{
width:140px;
}
.tbl-category{
}
.tbl-postdate{
}

table#careers td, table#careers th{
padding:5px 8px;
}

table#careers td.apply{
text-align:center;
}


.imgright {
	float: right;
	margin: 0 0 10px 10px;
}

/* -- */
/* forms */

form#signup, form#signup fieldset, form#press, form#press fieldset, form#demo, form#demo fieldset {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	border: 0;
}
form#signup, form#press, form#demo { font-size: 85%; }
form#signup p, form#press p, form#demo p { font-size:100%; }
form#signup h3, form#press h3, form#demo h3 { font-size: 100%; margin-bottom: 1em; }
form#signup br, form#press br, form#demo br { clear: left; }
form#signup label, form#press label, form#demo label {
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 10px 0 0;
	text-align: right;
	width: 100px; 
}
form#signup label.full,form#press label.full, form#demo label.full {
	text-align: left;
	width: auto;
}
form#signup input, form#signup select, form#press input, form#press select, form#demo input, form#demo select {
	display: block;
	float: left;
	width: 150px;
	margin-bottom: 10px;
}
form#demo input, form#demo select {
	width: 200px;
}
form#signup input.indent, form#signup select.indent, form#press input.indent, form#press select.indent, form#demo input.indent, form#demo select.indent {
	display: block;
	float: left;
	width: 240px;
	padding-top: 0;
	margin: -10px 0 10px 20px;
}
form#signup p.submit, form#press p.submit, form#demo p.submit {
	text-align: center;
}
form#signup input#submit, form#press input#submit, form#demo input#submit {
	display: inline;
	float: none;
	width: 100px;
}
form#signup .chklist, form#press .chklist, form#demo .chklist {
	float: left;
	padding: 0;
	margin: 0 0 10px 20px;
}
form#demo .rolelist {
	float: left;
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
}
form#signup .chklist label, form#press .chklist label, form#demo .chklist label, form#demo .rolelist label {
	text-align:left !important;
/*	width: 120px !important;
	float:none !important; */
	width: auto;
	padding-top: 0;
}
form#signup .chklist input, form#press .chklist input, form#demo .chklist input, form#demo .rolelist input {
	width:auto !important;
	margin: 0 5px 0 0 !important;
}
.nolabel {
	margin-left: 110px;
	margin-bottom: 10px;
}


/* -- */