/* inner page styles for Mapping Controversies site  */


/* GENERAL */

body {
  background-image: url(/img/lev2/pagebkg.png);
}



/* PAGE AREA */

#divpagearea {
  background-image: url(/img/lev2/innerbkg.png);
}



/* DECORATIVE PHOTO */

#divphoto {
  position: absolute;
  left: 416px;
  top: 125px;
  width: 256px;
  height: 52px;
  z-index: 5;
}



/* SITE TITLE */

#divtitle {
  position: absolute;
  left: 181px;
  top: 100px;
  width: 291px;
  height: 27px;
  z-index: 5;
}
#divtitle h2 {
  margin: 0px;
  line-height: 100%;
}



/* MASSACHUSETTS INSTITUTE OF TECHNOLOGY */

#divmit {
  position: absolute;
  left: 183px;
  top: 6px;
  width: 300px;
  height: 13px;
  z-index: 5;
}
#divmit p {
  margin: 0px;
  line-height: 100%;
}



/* SECTION NAME */

#divsectionname {
  position: absolute;
  left: 181px;
  top: 153px;
  width: 235px;
  height: 24px;
  z-index: 5;
}
#divsectionname h2 {
  margin: 0px;
  line-height: 100%;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 3px;
  top: 196px;
  width: 170px;
  z-index: 10;
}
#divprimarynav ul {
  width: 170px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divprimarynav ul li {
  display: block;
  width: 170px;

  font-size: 0.75em;
  line-height: 100%;
}
#divprimarynav ul li a {
  display: block;
  padding: 3px 0px 3px 20px;
  width: 150px;
  background-image: url(/img/nav/bkg_plus.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
}
/* different color when on page */
#divprimarynav ul li a.currentpage {
  color: #424e50 !important;
}
/* background images when current section */
#divprimarynav ul li#nav_controversies.currentsection a {
  background-image: url(/img/nav/controversies_on.gif);
}
#divprimarynav ul li#nav_resources.currentsection a {
  background-image: url(/img/nav/resources_on.gif);
}
#divprimarynav ul li#nav_about.currentsection a {
  background-image: url(/img/nav/about_on.gif);
}
#divprimarynav ul li#nav_tools.currentsection a {
  background-image: url(/img/nav/tools_on.gif);
}
#divprimarynav ul li#nav_competition.currentsection a {
  background-image: url(/img/nav/competition_on.gif);
}
#divprimarynav ul li#nav_boiteamalice.currentsection a {
  background-image: url(/img/nav/boiteamalice_on.gif);
}
/* background images when hovering over link */
#divprimarynav ul li#nav_controversies a:hover {
  background-image: url(/img/nav/controversies_ro.gif);
}
#divprimarynav ul li#nav_resources a:hover {
  background-image: url(/img/nav/resources_ro.gif);
}
#divprimarynav ul li#nav_about a:hover {
  background-image: url(/img/nav/about_ro.gif);
}
#divprimarynav ul li#nav_tools a:hover {
  background-image: url(/img/nav/tools_ro.gif);
}
#divprimarynav ul li#nav_competition a:hover {
  background-image: url(/img/nav/competition_ro.gif);
}
#divprimarynav ul li#nav_boiteamalice a:hover {
  background-image: url(/img/nav/boiteamalice_ro.gif);
}

/* second level of navigation */
#divprimarynav ul li ul {
  margin: 0px 0px 20px 12px;
  width: 158px;
}
#divprimarynav ul li ul li {
  width: 158px;
  font-size: 100%;
}
#divprimarynav ul li ul li a {
  padding: 3px 0px 3px 22px;
  width: 136px;
  background-image: url(/img/nav/bkg_bullet.gif) !important;  /* overrides anything previous */
  background-repeat: no-repeat;
  background-position: 15px 8px;
}
/* boxed sublist */
#divprimarynav ul li ul.boxed {
  padding: 0px 0px 2px 0px;
  margin-top: 2px;
  border-top: 1px solid #a5bcbd;
  border-bottom: 1px solid #a5bcbd;
}
/* boxed subitem with sub-sublist */
#divprimarynav ul li ul li.boxed {
  padding: 0px 0px 2px 0px;
  margin-top: 2px;
  border-top: 1px solid #a5bcbd;
  border-bottom: 1px solid #a5bcbd;
}
/* different color when on page */
#divprimarynav ul li ul li a.currentpage {
  background-image: url(/img/nav/bkg_bullet_gray.gif) !important;  /* overrides anything previous */
}

/* third level of navigation */
#divprimarynav ul li ul li ul {
  margin: 0px 0px 0px 0px;
  width: 158px;
}
#divprimarynav ul li ul li ul li a {
  padding-left: 32px;
  width: 126px;
  background-position: 25px 8px;
}



/* CONTACT LINK */

p#divcontact {
  position: absolute;
  left: 676px;
  top: 190px;
  width: 124px;
  z-index: 5;

  font-size: 0.75em;
  line-height: 150%;
  color: #513737;
}
p#divcontact a {
  padding-left: 15px;
  background-image: url(/img/nav/bkg_plus_magenta.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  white-space: nowrap;
}



/* TEXT AREAS */

#divtext {
}
/* page title */
#divtext h1 {
  font-size: 1.0em;
  font-weight: bold;
  line-height: 100%;
  color: #513737;
  margin-bottom: 14px;
}
/* subheadings */
#divtext h2 {
  font-size: 0.85em;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  color: #513737;
  margin: 22px 0px 14px 0px;
  padding: 4px 0px;
  border-bottom: 1px solid #a5bcbd;
}
#divtext h3 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 150%;
  color: #424e50;
  margin: 8px 0px 8px 0px;
}
#divtext p {
  font-size: 0.75em;
  line-height: 150%;
  color: #424e50;
}
#divtext li {
  font-size: 0.75em;
  line-height: 150%;
  color: #424e50;
}
#divtext li li {
  font-size: 100%;
}
/* subtitle under page title */
#divtext h2.subtitle {
  line-height: 120%;
  text-transform: none;
  padding: 8px 0px;
  margin: 0px 0px 14px 0px;
  border-top: 1px solid #a5bcbd;
  border-bottom: 1px solid #a5bcbd;
}
/* subtext under title */
#divtext p.titlesubtext {
  padding: 8px 0px;
  margin-bottom: 14px;
  border-top: 1px solid #a5bcbd;
  border-bottom: 1px solid #a5bcbd;
}
/* subtext under subtitle */
#divtext p.subtitlesubtext {
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #a5bcbd;
}
/* subtext under subheading */
#divtext p.subheadsubtext {
  margin-top: -10px;
  font-size: 0.70em;
  font-style: italic;
}
/* orange bold */
#divtext strong.orange {
  color: #ff8400;
}
/* download link for Materials pages */
img.downloader {
  margin-left: 5px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  vertical-align: text-top;
}

/* left column position and size */
#divleftcolumn {
  position: absolute;
  left: 189px;
  top: 199px;
  width: 478px;
  z-index: 1;
  padding-bottom: 40px;
}

/* right column position and size */
#divrightcolumn {
  position: absolute;
  left: 692px;
  top: 229px;
  width: 148px;
  z-index: 1;

  padding: 8px 0px 8px 0px;
  border-top: 1px solid #424e50;
  border-bottom: 1px solid #424e50;
}



/* INNER MENU */
/* navigation in content area */

#divinnernav {
  padding: 8px 0px;
  margin-bottom: 14px;
  border-top: 1px solid #a5bcbd;
  border-bottom: 1px solid #a5bcbd;
}
/* when following a subtitle */
#divinnernav.opentop {
  margin-top: -4px;
  padding: 0px 0px 8px 0px;
  margin-bottom: 14px;
  border-top: none;
  border-bottom: 1px solid #a5bcbd;
}
#divinnernav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divinnernav ul li {
  display: block;
  width: 478px;
}
#divinnernav ul li a {
  padding-left: 10px;
  background-image: url(/img/nav/bkg_dash_gray.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
/* inner level */
#divinnernav ul li ul li a {
  padding-left: 36px;
  background-image: none;
}
/* link to open inner level */
#divinnernav ul li img.opener {
  display: none;
}
/* SEE OPENER.CSS for remaining styles relevant to opening/closing submenu */



/* ALL OPENER */
/* invisible button that opens all closed content, or vice versa */

#divallopener {
  display: none;
  position: absolute;
  left: 163px;
  top: 126px;
  width: 14px;
  height: 13px;
  z-index: 5;
}



/* RESOURCES */
/* special stuff for Resources pages */
#divtext span.resourcecount {
  font-size: 90%;
  font-weight: normal;
  font-style: italic;
  color: #808080;
  white-space: nowrap;
}
#divtext span.admineditlink {
  font-size: 90%;
  font-weight: normal;
  font-style: italic;
  color: #808080;
  white-space: nowrap;
}
#divtext h1 span.admineditlink {
  font-size: 70%;
}
#divtext h2 span.admineditlink {
  font-size: 80%;
}
#divtext span.resourcecount span.admineditlink {
  font-size: 100%;
}
/* category listing on main page */
#divtext div.categorylisting {
  padding-bottom: 2px;
}
#divtext div.categorylisting h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* resource listing on main page or search results */
#divtext div.resourcelisting {
  padding-bottom: 6px;
}
#divtext div.resourcelisting h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  clear: both;
}
/* category breadcrumb on main page or resource detail page */
#divtext p.categorybreadcrumb {
  font-size: 0.70em;
  font-weight: normal;
  margin-bottom: 13px;
}
#divtext p.categorybreadcrumb a,
#divtext p.categorybreadcrumb a:link,
#divtext p.categorybreadcrumb a:visited,
#divtext p.categorybreadcrumb a:hover {
  color: #513737;
}
/* resource rating image */
.imgresourcerating {
  vertical-align: middle;
}
/* resource thumbnail */
img.resourcethumbnail {
  float: right;
  margin: 2px 0px 4px 12px;
}
#divtext p.resourcethumbnail {
  float: right;
  margin: 2px 0px 4px 12px;
  font-size: 0.65em;
  font-style: italic;
  text-align: right;
  color: #aaaaaa;
}
#divtext p.resourcethumbnail img {
  margin-bottom: 4px;
}
#divtext p.resourcethumbnail a,
#divtext p.resourcethumbnail a:link,
#divtext p.resourcethumbnail a:visited,
#divtext p.resourcethumbnail a:hover {
  color: #aaaaaa;
  text-decoration: none;
}
/* long resource description on resource page */
#resourcelongdescription {
  clear: both;
  padding-top: 12px;
  margin-bottom: 40px;
}
/* container for a single resource comment */
.divresourcecomment {
  margin-top: 12px;
  padding: 8px 0px 0px 0px;
  border-top: 1px solid #a5bcbd;
}
.divresourcecommentform {
  margin-top: 24px;
  padding: 8px 0px 0px 0px;
  border-top: 1px solid #a5bcbd;
}
#divtext .divresourcecommentform h2 {
  line-height: 120%;
  text-transform: none;
  padding: 8px 0px;
  margin: 0px 0px 14px 0px;
  border: none;
}



/* FORMS and related things */

/* error message */
#divtext p.errortext {
  color: #ff3300;
  border: 1px solid #ff3300;
  padding: 4px;
  background-color: #ffe0e0;
}
/* success message */
#divtext p.successtext {
  color: #006600;
  border: 1px solid #006600;
  padding: 4px;
  background-color: #e0ffe0;
}
/* warning message text */
#divtext p.warningtext {
  color: #a00000;
  border: 1px solid #333333;
  padding: 4px;
}

/* table containing form fields */
#divtext form table {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
#divtext form table td,
#divtext form table th {
  padding: 0px 8px 8px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 120%;
  vertical-align: middle;
}
#divtext form table td p {
  margin-bottom: 0px;
  font-size: 100%;
}
#divtext form label {
  color: #513737;
}

/* input boxes */
.smallinputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  border: 1px solid #8799b2;
  padding: 2px 1px;
  width: 104px;          /* fits in right column */
}
.mediuminputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  border: 1px solid #8799b2;
  padding: 2px 1px;
  width: 200px;
  font-weight: normal;
}
.wideinputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  border: 1px solid #8799b2;
  padding: 2px 1px;
  width: 360px;
  font-weight: normal;
}
.fullinputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  border: 1px solid #8799b2;
  padding: 2px 1px;
  width: 474px;
  font-weight: normal;
}
.invisiblebox {
  border: none;
  background-color: transparent;
}
/* select */
select {
  font-size: 0.75em;
  border: 1px solid #8799b2;
  padding: 2px 1px;
}
/* buttons */
.formsubmit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.80em;
  text-transform: uppercase;
  color: #000000;
  background-color: #c0e0c0; /* old green buttons */
  border: solid 1px #608060;
  background-color: #a0c9f5; /* new blue buttons */
  border: solid 1px #4e90da;
}
.formcancel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.80em;
  text-transform: uppercase;
  color: #000000;
  background-color: #e0c0c0; /* old red buttons */
  border: solid 1px #806060;
  background-color: #d2e981; /* new green buttons */
  border: solid 1px #85a31f;
}
.formsubmit:hover {
  background-color: #a8d0ff;
}
.formcancel:hover {
  background-color: #daf089;
}

/* fields inside of p tags should not have smaller text */
p .smallinputbox,
p .mediuminputbox,
p .wideinputbox,
p .fullinputbox,
p .formsubmit,
p .formcancel,
td .smallinputbox,
td .mediuminputbox,
td .wideinputbox,
td .fullinputbox,
td .formsubmit,
td .formcancel {
  font-size: 100%;
}


/* small search form in right column on Resources pages */
#divtext #smallsearchform table {
  margin-bottom: 12px;
}
#divtext #smallsearchform table td {
  padding: 0px 0px 8px 0px;
}
#smallsearchform .smallinputbox {
  margin-right: 6px;
}

/* advanced search form */
#divtext #advancedsearchform td {
  vertical-align: top;
}
#divtext #advancedsearchform th {
  vertical-align: top;
  padding-top: 3px;
}
#divtext #advancedsearchform select {
  margin-bottom: 3px;;
}