/*
 *  outwardinsights.com primary stylesheet
 *  CS:JD  2007-02-16
 */

/* normalize basic styles */
* { margin: 0; padding: 0; }
h1,h2,h3 { margin: 1em 0 0.6em 0; }
h4,h5,h6,ul,ol,dl,li,dt,dd,pre,p,form { margin: 0.8em 0; }
ul, ol { padding-left: 2em; }
pre { font: 100% "Courier New", Courier, monospace; }

h1 { font-size: 135%; }
h2 { font-size: 120%; }
h3 { font-size: 112%; }
h4, h5, h6 { font-size: 100%; }

body { color: #444; font: 12px Arial, Helvetica, sans-serif; }
a { color: #000000; font-weight: bold; }
a img { border: none; }
.menu { padding-left: 0; list-style: none; }
.js-only { position: absolute; visibility: hidden; }
.error { color: #c00; }

p.image { text-align: center; }
p.image img { border: 1px solid #111; }

form.inline, form.inline fieldset { margin: 0; padding: 0; border: none; display: inline; }
fieldset { border: none; padding: 0.5em 0; }
.formfield { margin: 1em 0; }
select, textarea, input.text { 
  color: #333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #fff; 
  border: 1px solid #cacaca; 
}

option {
}

iframe {
  padding: 0 2%;
  width: 96%;
}

textarea:focus, input.text:focus, select:focus {
}

input.text[disabled] {
}

/* page layout */
#page {
  width: 792px;
  margin: 3px auto;
}
#banner {
  width: 100%;
  overflow: hidden;
}
#login {
  min-height: 31px;
  background: #797979;
  border-bottom: 3px solid white;
  padding: 2px 3px 4px;
  text-align: right;
  line-height: 31px;
}
#login * {
  vertical-align: middle;
  color: #ccc;
  text-decoration: none;
  margin: 0 2px;
}
#login #search_term_top {
  color: #03c;
}
#logo {
  height: 58px;
  padding: 11px 0 0 15px;
  background: url(../images/banner-gradient.gif) repeat-y;
}
#navigation {
  height: 19px;
  background: url(../images/nav-gradient.gif) repeat-x top right;
  margin: 3px 0;
  position: relative;
  z-index: 2;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  line-height: 18px;
}
#navigation li {
  position: relative;
  background: url(../images/menuitem-gradient.gif) no-repeat top right;
  padding-left: 1px;
  padding-right: 2px;
  float: left;
  white-space: nowrap;
  margin: 0;
}
#navigation a {
  color: #fdd100;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0 10px;
}
#navigation a:hover {
}
#navigation a em {
  text-transform: lowercase;
  letter-spacing: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
}
#navigation li ul {
  visibility: hidden;
  position: absolute;
  top: 18px;
  left: 0;
  width: 220px;
  background: url(../images/dropdown-bkg.png);
  border: 1px solid #ffcc00;
}
#navigation li:hover ul {
  visibility: visible;
  line-height: 1.4;
  padding: 2px 6px 4px 4px;
}
#navigation li li {          /* may need to cancel #navigation ul li styles */
  position: static;
  float: none;
  background: none;
  padding-right: 0;
  text-transform: none;
  width: 100%;
}
#navigation li li a {
  display: block;
  padding: 2px 11px 1px 11px;
  text-transform: none;
}
#navigation li li a:hover {
  background: #777;
  padding: 1px 10px 0px 10px;
  border: 1px solid #c3a400;
}
#navigation #admin_item {
  float: right;
  background: url(../images/menuitem-gradient.gif) no-repeat top left;
}
#logo img {
  border-right: 1px solid #b9b9b9;
  float: left;
}
#logo .tagline {
  text-indent: -4000px;
  margin: 0;
  height: 39px;
  background: url(../images/tagline-intelligence.gif) 187px 9px no-repeat;
}
#main {
  overflow: hidden;
  clear: both;
  background: url(../images/main-bkg.gif) repeat-y top right;
}
.index #main {
  background: url(../images/home-main-bkg.gif) repeat-y top right;
}
#main.casestudy,
#main.plain {
  background: url(../images/main-plain-bkg.gif) repeat-y top left;
}
#page .contactus {
  background: none;
}
#sidebar {
  width: 202px;
  float: left;
}
#content {
  width: 587px;
  float: right;
}
.index #sidebar { width: 188px; }
.index #content { 
  float: left;
  width: 534px;
}

h1 {
  text-transform: uppercase;
  color: #fdd100;
  background: #797979;
  margin: 0;
  border-bottom: 3px solid white;
  padding: 4px 24px 2px 24px;
}
h1 strong {
  color: white;
}
#content h2 {
  text-transform: uppercase;
  color: #1b1b1b;
  margin: 0.8em 0 3px 0;
  border-bottom: 2px solid #e8c000;
}
.casestudy #content h2 {
  color: #5c5c5c;
/*
  margin-top: 0;
  background: #ffcc00;
  border-bottom: 3px solid white;
  padding: 4px 24px 2px 24px;
 */
  margin-left:  24px;  
}
.casestudy #content h2 strong {
  text-transform: uppercase;
  color: #1b1b1b;
}
#content h3 {
  font-size: 100%;
  color: #000;
  margin: 0;
}
#content h4 {
  font-size: 100%;
  font-style: italic;
  margin: 0;
}
#content p {
  margin: 0 0 1em;
}
#content a {
  padding-left: 2px;
  padding-right: 2px;
}
#content dl a {
  padding: 0;
}
#footer {
  clear: both;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  padding-top: 2px;
  min-height: 15px;
  color: #e4e4e4;
  background: url(../images/footer-bkg.gif) top right no-repeat #000;
}
#footer .smallprint {
  margin: 0 2em;
  font-size: 10px;
}
#slideshow img {
  display: block;
}
#primary {
  float: right;
  width: 302px;
  height: 224px;
  padding: 100px 20px 0 20px;
  background: url(../images/home-content-gradient.gif) left top repeat-x #a9e26f;
  line-height: 2.2em;
}
#notes {
  float: right;
  width: 255px;
}
#notes h2 {
  border-bottom: none;
  margin-top: 0;
}
#notes dl {
  margin-bottom: 1.4em;
}
#notes dt {
  display: inline;
  margin: 0;
  padding: 0;
}
#notes dd {
  display: inline;
}
.sectionmenu, .highlight {
  background: #ffcc00;
  padding: 1px 12px;
  border-bottom: 4px solid #fff;
}
.sectionmenu {
  padding: 3px 8px 24px 8px;
}
.block {
  background: #d6d6d6;
  padding: 1px 12px;
}
.sectionmenu h2, .highlight h2, .block h2 {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: #797979;
  margin: 3px 0;
  border-bottom: none;
}
.sectionmenu h2 {
  margin: 3px 4px;
}
.sectionmenu ul, .block ul {
  list-style: none;
  padding-left: 0;
}
.sectionmenu li {
  font-size: 11px;
  margin: 0 0 2px 0;
}
.sectionmenu li ul {
  margin: 0 0 3px 16px;
}
.sectionmenu li li {
  font-size: 10px;
  font-style: italic;
  background: none;
  margin: -1px 0;
  line-height: 1.1em;
  padding-left: 0;
}
.sectionmenu a {
  text-decoration: none;
  letter-spacing: 0.03em;
  padding: 2px 3px 2px 20px;
  background: url(../images/bullet-goldblack.gif) no-repeat 5px 5px;
  border: 1px solid #ffcc00;
  display: block;
}
.sectionmenu a:hover {
  border: 1px solid #ddb700;
  background-color: #ffe362;
}
.sectionmenu li li a {
  padding-left: 4px;
  background: none;
}
.sectionmenu li li a:hover {
}
.home #content {
  background: url(../images/oi-watermark-home.gif) no-repeat 404px 336px;
}
.section {
  padding: 12px 24px 24px 24px;
}
.at-a-glance #content ul {
  list-style: none;
  margin-top: 0;
}
.at-a-glance #content li {
  margin: 0;
}

.bio {
  clear: both;
  margin: 1em 0 2em;
}
#content .bio h2 {
  font-size: 110%;
  float: right;
  width: 414px;
  margin: 0 0 0.5em 0;
  padding-top: 0;
}
.bio h2 .position {
  display: block;
  font-size: 80%;
  font-weight: normal;
  font-style: italic;
  color: #666;
}
.bio img {
  width: 100px;
  float: left;
  background: #f4eed8;
  margin: 0.5em 2em 0.4em 0;
}

.buttons {
  margin-right: 1em;
  text-align: right;
}
#commentary label {
  display: block;
  margin: 0 1px 3px 1px;
}
#commentary input.text {
  color: #06c;
  border: 1px solid;
  border-color: #999 #fff #fff #999;
  background: #f6f6f6;
  padding: 2px 4px;
  width: 164px;
}
#commentary #btn-go {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  padding: 2px 2px 2px 16px;
  border: 1px solid #d9d9d9;
  background: url(../images/bullet-goldblack.gif) no-repeat 4px 7px;
  cursor: pointer;
}
#commentary #btn-go:hover {
  border: 1px solid #e8e8e8;
  background-color: #ccc;
}

#content .news-item, #content .event-item {
  margin-right: 60px;
}
#content .publications {
  margin-right: 60px;
  padding-left: 0;
}
.publications dt {
  margin-bottom: 0;
}
.publications dd {
  margin: 0 0 1em 0;
}
#content .note {
  font-style: italic;
}

.contactus #content {
  float: none;
}
.contactus h3 {
  padding-top: 3px;
  text-decoration: underline;
}
.contactus address {
  margin-bottom: 8px;
  font-style: normal;
}

.floating {
  float: right;
  padding: 5px 0 10px 10px;
}

/* watermark */
#watermark {
  position: absolute;
  width: 108px;
  height: 109px;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  background: url(../images/oi-watermark-grey.gif);
}
#main {
  position: relative;
  z-index: 1;
}
#content-wrap {
  position: relative;
  z-index: 2;
}
.contact #watermark, .plain #watermark, .casestudy #watermark {
  background: url(../images/oi-watermark-white.gif);
}
.index #watermark {
  top: 195px;
  right: 276px;
  background: url(../images/oi-watermark-home.gif);
}
#slideshow input {
  display: none;
}
#slideshow .slideShowImg  {
  border: none;
}
.search_results {
  list-style: none;
  padding-left: 1em;
  margin: 1em 0 2.4em 0;
}
#content .salutation {
  font-weight: bold;
  margin-top: 3em;
}

.admin #page {
  width: 940px;
}
.admin #logo {
  background-color: #7f7f7f;
}
.admin #main {
  background-position: top left;
  background-color: #d5d5d5;
}
.admin #content {
  width: 735px;
}

#admin_login {
  color: #222;
  background: #d6d6d6;
  text-align: left;
  width: 60%;
  margin: 0 auto;
}
#admin_login .formfield {
  clear: left;
}
#admin_login .formfield label {
  float: left;
  text-align: right;
  width: 10em;
  padding: 3px 1.4em 0 0;
}
#admin_login .formfield .text {
  font-size: 120%;
  color: #009;
  font-family: "Courier New", Courier, monospace;
  border: 1px solid #666;
  padding: 2px;
}
#admin_pageeditor, #admin_pageeditor fieldset {
  margin: 0;
  padding: 0;
}
#admin_pageeditor fieldset.buttons {
  margin-top: 2em;
}
.uploadlink a {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  font-size: 12px;
}
.fileslink a {
  background-color: #d8d8d8;
  border: 1px solid #aaa;
  font-size: 12px;
}
#admin_upload .radiogroup label {
  display: block;
  margin: 0.4em 0;
}
#admin_upload .radiogroup input {
  vertical-align: -1px;
  margin-right: 0.3em;
}

#pagelinks {
  margin-bottom: 3px;
}
#pagelinks li a {
  border: 1px solid #d5d5d5;
}
#pagelinks li a:hover {
  border: 1px solid #ddb700;
}
#pagelinks p {
  font-size: 83%;
}

#fileslist {
}
#fileslist ul {
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding-left: 0;
}
#fileslist li.sublist {
  float: left;
  width: 30%;
  padding-right: 4%;
}
#fileslist li.lastlist {
  padding-right: 0;
}
#fileslist li input {
  margin-right: 4px;
}