/* $Id: screen.css 19087 2009-06-09 11:25:19Z peter $ */

@import url(/common/css/searchform.css);
@import url(/common/css/comments.css);

body {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}
/* globals */
* {
  padding: 0;
  margin: 0;
}
a img{ border: 0; }
a:hover { text-decoration: underline; }
p { margin-bottom: 1em; }
ul { list-style: none; }
#frontpage ul, #article ul, #folder ul, #formpage ul {
  /* regular ul needed in these areas */
  list-style: disc;
  padding: 1ex 1ex 0 1ex;
  margin: 0 1ex 0 1em;
}
#frontpage ul li,
#article ul li,
#folder ul li,
#formpage ul li {
  /* regular li needed in these areas */
  padding: 0;
  margin: 0 0 1em 0;
}
/* positions */
#mainframe { width: 963px; }
#header {
  height: 100px;
  position: relative;
}
#topmenu {
  height: 2em;
  position: relative;
}
#path { height: 1.6em; }
#tree {
  float: left;
  width: 120px;
  margin-right: 15px;
  clear: left;
}
#content {
  float: left;
  width: 468px;
  margin-right: 15px;
}
.addons {
  float: left;
  width: 150px;
  margin: 15px 15px 0 0;
}
#adrow { height: 150px; }
#adcol {
  float: left;
  width: 180px;
  margin-top: 15px;
  height: 666px;
}
/* canvasstyle */
a.butt {
  border: 1px #999 solid;
  padding: 2px 3px 1px 3px;
  background: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #000;
}
a.butt:hover {
  background: #7f96ab;
  color: #fff;
}
#mainframe { background: #fff; }
#header {
  border-top: 15px #fff solid;
  background: #fff url(../gfx/header.jpg) no-repeat;
}
#header a#homer {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 280px;
  height: 70px;
}
#header form#quicksearch {
  position: absolute;
  top: 0;
  left: 618px;
  height: 80px;
  border-left: 2px #c3c0bb solid;
  padding-left: 10px;
}
#header form#quicksearch input {
  width: 110px;
  font-size: 1em;
}
#header #quicktip {
  position: absolute;
  top: 0;
  left: 445px;
  height: 80px;
  border-left: 2px #c3c0bb solid;
  padding-left: 10px;
}
#header #quicksearch h4,
#header #quicktip h4 { margin-top: 18px; }
#topmenu { background: #7f96ab url(../gfx/bg_topmenu.png) repeat-y 5px 0; }
#topmenu li { float: left; }
#topmenu li.title { width: 125px; }
#topmenu li.title a,
#topmenu li.first a {
  border-left: none;
  padding-left: 0;
}
#topmenu li a {
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 3px 10px 0 10px;
  padding-left: 20px;
  font-size: 1.2em;
  border-left: 1px #fff solid;
}
#topmenu li.selecta a { color: #666; }
#path {
  padding: .6em 0 0 135px;
  border-bottom: 1px #666 dotted;
  font-size: 1.1em;
}
#path a {
  color: #666;
  text-decoration: none;
}
#tree ul.first {
  border-top: 2px #fff solid;
  border-bottom: 2px #fff solid;
  padding-top: 15px;
}
#tree ul a {
  display: block;
  text-decoration: none;
}
#tree li {
  border: 1px #c3c0bb solid;
  border-left-width: 0;
  margin-bottom: 1px;
}
#tree ul.first li.active,
#tree ul.first li a.selected {
  background-color: #586C81;
  color: #fff;
}
#tree li:hover, #tree li a:hover {
  background-color: #586C81;
  color: #fff;
}
#tree ul a {
  color: #000;
  padding: 2px 0 2px 5px;
  font-size: 1.2em;
  border-left: 3px #f3c075 solid;
  margin-left: 5px;
}
#tree #colophon {
  font-size: .8em;
  margin-left: 5px;
}
#tree #colophon h4 { margin-top: 10px; }
#tree #colophon p { margin-bottom: 0; }
#tree #colophon address {
  font-size: 120%;
  font-style: normal;
}
#tree #subscriptor {
  margin: 15px 5px 0 5px;
  border: 1px #7F96AB solid;
  text-align: center;
  padding-bottom: 5px;
}
#tree #subscriptor .title {
  background: #7F96AB;
  color: #fff;
  padding: 1px 12px 1px 7px;
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 1.2em;
}
#tree #subscriptor input {
  width: 90px;
  display: block;
  margin: 0 auto 5px auto;
}
/*
#tree #issue {
  margin: 15px 5px 0 5px;
  text-align: center;
}
#tree #disclaimer { text-align: center; }
#tree #issue img,
#tree #disclaimer img {
  display: block;
  margin: 15px auto 0 auto;
}
*/

.addons ul li {
  margin-bottom: 15px;
  background: #f7f6f0;
  padding: 7px;
  border: 1px #c3c0bb solid;
}
.addons ul li ul li { border: none; }
.addons ul li .title {
  color: #333;
  font-weight: bold;
  margin-bottom: .3em;
  font-size: 1.2em;
}
.addons ul li .date { margin-bottom: -10px; }
.addons ul li .title a { text-decoration: none; }
.addons ul li .linkwarning {
  color: #666;
  font-style: italic;
  padding: 7px 12px 1px 7px;
}
.addons ul li .body { font-size: 1.1em; }
.addons ul.items li {
  margin-bottom: 0;
  padding: 0;
}
.addons ul.items li .title {
  background: transparent;
  font-weight: normal;
  margin: 5px 0 0 0;
}
.addons ul.items li .title a { color: #333; }
.addons ul.items li .body {
  margin-left: .8em;
  font-size: 1em;
}
.addons ul.related {
  border-left: 1px #da2e1a solid;
  border-bottom: 1px #da2e1a solid;
  padding: 0 0 7px 0;
  margin: 7px 0 15px 0;
}
.addons ul.related li {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
}
.addons ul.related li ul li { border-left: 0; }
.addons ul.related li ul li .title.links {
  background: transparent;
  color: #da2e1a;
  font-weight: bold;
}
.addons ul.related li ul li.links .title { margin: 0; }
.bubble { margin: 12px -5px 0 -5px; }
.bubble .north { background: transparent url(../gfx/bubble_n.gif) repeat-x left top; }
.bubble .east { background: transparent url(../gfx/bubble_e.gif) repeat-y right top; }
.bubble .south { background: transparent url(../gfx/bubble_s.gif) repeat-x left bottom; }
.bubble .west { background: transparent url(../gfx/bubble_w.gif) repeat-y left top; }
.bubble .nw { background: transparent url(../gfx/bubble_nw.gif) no-repeat left top; }
.bubble .ne { background: transparent url(../gfx/bubble_ne.gif) no-repeat right top; }
.bubble .se { background: transparent url(../gfx/bubble_se.gif) no-repeat right bottom; }
.bubble .sw { background: transparent url(../gfx/bubble_sw.gif) no-repeat left bottom; }
.bubble .inner {
  padding: 15px 12px 35px 12px;
  background-image: none;
}
.bubble h3 {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 0;
}
.bubble h2 {
  margin-bottom: 0;
  font-size: 1.2em;
}
.bubble .body { font-size: 1.1em; }
.bubble img {
  float: right;
  margin: 0 0 3px 5px;
}
#adrow .top768 {
  width: 768px;
  float: left;
}
#adrow .top180 {
  width: 180px;
  float: right;
}
#adcol a {
  display: block;
  margin-top: 15px;
}
/* typestyle */
h1 { margin-bottom: .8em; }
h2, h3, h4 { margin-bottom: 0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p { font-size: 1.2em; }
.caption {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}
.caption p { font-size: 100%; }
/* stop inheritance */
.alert { color: #F30; }
/* objectstyle */
#frontpage, #article, #folder, #formpage, #debate, #search, #calendar {
  margin-top: 15px;
  line-height: 180%;
}
#frontpage { background: url(../gfx/e2e3e4.gif) repeat-y center 0; }
#frontpage .item { width: 224px; }
#frontpage .item.wide {
  width: auto;
  background: #fff;
}
#frontpage .item.left { float: left; }
#frontpage .item.right { float: right; }
#frontpage .item.wide img.half {
  float: right;
  margin: 2px 0 0 20px;
}
#frontpage .item img {
  float: left;
  margin: 0 5px 0 0;
}
#frontpage h1, #frontpage h2 { margin-bottom: .5em; }
#frontpage h1 a,
#frontpage h2 a {
  color: #000;
  text-decoration: none;
}
#frontpage .caption {
  font-weight: normal;
  margin-bottom: .2em;
}
#frontpage .readmore { font-size: 1.2em; }
#frontpage .date { font-size: 80%; }
#frontpage .spacer { background: #fff url(../gfx/e2e3e4.gif) repeat-x 0 center; }
#frontpage .spacer.nobg { background: none; }
#frontpage .item .adboard img { margin: 0; }
#article .date, #article .author {
  font-size: 1.1em;
  line-height: normal;
  float: left;
  margin: 0 1ex 1em 0;
}
#article img.mainimage {
  float: right;
  margin: 0 0 5px 10px;
}
#article #keywords {
  font-size: 1.1em;
  margin: 15px 0;
  clear: both;
}
#article #keywords h4 {
  display: inline;
  font-size: 1.1em;
}
#search ul { margin-bottom: 2em; }
#search ul li .title {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 2em;
}
#search ul li .body { line-height: normal; }
#search ul li .date { font-size: 80%; }
#formpage legend { display: none; }
#formpage fieldset {
  background: #f1f1f1;
  border: 2px #e2e3e4 solid;
  padding: 0 2px;
  margin: 15px 0;
  font-size: 1.1em;
}
#formpage fieldset .title { padding: 1ex; }
#formpage .alert { font-weight: bold; }
#formpage label {
  width: 150px;
  float: left;
  text-align: right;
  margin: 0 1ex 1ex 0;
  /*clear: both;*/
}
#formpage .text, #formpage .textarea, #formpage .select, #formpage .multiple, #formpage .radioselect {
  float: left;
  margin-bottom: 1ex;
}
#formpage .check, #formpage .radio {
  float: left;
  margin-bottom: 0;
}
#formpage .select, #formpage .multiple, #formpage .text, #formpage .textarea { width: 220px; }
#formpage span.checkval {
  /*display: block;*/
  float: left;
  margin-left: .2ex;
}
#formpage a.butt { margin: 0 0 1ex 155px; }
#calendar { line-height: 120%; }
#calendar .months .month,
#calendar .months a {
  border: 1px #586C81 solid;
  padding: 1px 2px 2px 2px;
  width: 5ex;
  display: block;
  float: left;
  line-height: 100%;
  margin: 0 3px 3px 0;
  text-align: center;
  text-decoration: none;
}
#calendar .months a:hover,
#calendar a.selected {
  background: #586C81;
  color: #fff;
}
#calendar .months .month {
  background: #eee;
  border-color: #ccc;
  color: #666;
}
#calendar .calsearch input,
#calendar .calsearch select { font-size: 90%; }
#calendar h2, #calendar h4 { margin: 1em 0 .5em 0; }
#calendar ul li {
  border: 1px #586C81 solid;
  padding-bottom: 3px;
  margin-bottom: 1em;
  line-height: 120%;
}
#calendar ul li h3 {
  border-bottom: 1px #586C81 solid;
  padding: 2px 3px;
  font-size: 1.2em;
  background-color: #7F96AB;
}
#calendar ul li h3 a {
  text-decoration: none;
  color: #fff;
}
#calendar .item {
  margin: 3px;
  clear: left;
}
#calendar .item .label {
  width: 4em;
  font-weight: bold;
  float: left;
}
#calendar .body { margin-left: 4.3em; }
#calendar .caption>p:last-child,
#calendar .body>p:last-child { margin-bottom: 0; }
#article #calendar {
  border: 1px rgb(153,153,51) solid;
  padding: 0 3px 3px 0;
}
#article #calendar .caption { margin-top: .5em; }
#article #calendar .caption { margin-left: 3.6em; }
ul.contentlist {
  font-size: 1.2em;
  line-height: normal;
}
ul.contentlist li { list-style: none; }
ul.contentlist .caption {
  font-size: 80%;
  font-weight: normal;
  margin-bottom: 0;
}
ul.contentlist p { margin-bottom: 0; }
ul.contentlist .date { font-size: 80%; }
.comments {
  background: #f7f6f0;
  border: 1px #c3c0bb solid;
  padding: 0 2px;
  margin: 15px 0;
  font-size: 1.1em;
  clear: both;
}
.comments h5 {
  font-size: .9em;
  margin-bottom: 0;
}
.comments h4 {
  display: inline;
  font-size: 1.1em;
}
.comments p { font-size: 1em; }
.comments table {
  border: 1px #e2e3e4 solid;
  margin: 1px 0;
}
.comments th {
  text-align: left;
  font-size: .9em;
}
.comments th, .comments td {
  padding: 1px 2px;
  border-bottom: 1px #e2e3e4 solid;
}
.comments tr.flip td { background-color: #fbfbfb; }
.comments tr.flop td { background-color: #fff; }
.comments .alert { font-weight: bold; }
.prevnext { text-align: center; }
.prevnext .prev {
  float: left;
  font-weight: bold;
}
.prevnext .next {
  float: right;
  font-weight: bold;
}
#commentWin { border-bottom: 1px #000 solid; }
#commentWin .comment {
  padding: 5px;
  border-top: 1px #000 solid;
}
#commentWin .caption { margin: 5px 5px .2em 5px; }
#commentWin h1 { margin: 5px 5px .2em 5px; }
#commentWin h2 { margin-bottom: 5px; }
#commentWin .body { margin: 5px 0; }
#commentWin h3 {
  width: 70%;
  float: left;
  font-size: 1em;
  margin-bottom: 0;
}
#commentWin .date {
  float: right;
  width: 25%;
  text-align: right;
  font-weight: bold;
}
#commentWin .body {
  clear: both;
  padding-top: 5px;
}
#commentWin a.report {
  display: block;
  text-align: right;
}
#commentWin h5 {
  font-size: 1em;
  margin: 5px 0 0 0;
}
/* dynaparked */
.gimage { background: transparent; }
.gimage div {
  font-size: .8em;
  line-height: normal;
}
.gimage.left {
  float: left;
  padding: 10px 10px 10px 0;
}
.gimage.right {
  float: right;
  padding: 0 0 10px 10px;
}
.gimage.center {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}
.gimage .gbottom { padding-top: 3px; }
.gimage .gtop { padding-bottom: 3px; }
img.gimg { border: 0; }
/* useful stuff */
.spacer {
  clear: both;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 1px;
  height: 1px;
}
.spacer.one { height: 1px; }
.spacer.fifteen { height: 15px; }
.spacer.thirty { height: 30px; }
/*outline: 1px red dashed;*/

.gpimage {
  font-size: 1em;
  line-height: normal;
  /*padding: 5px;*/
  /*border: 1px solid #E0E0E0;*/
  /*background-color: #F0F0F0;*/
}
.gpimage.leftaligned {
  float: left;
  margin: 10px 10px 10px 0;
}
.gpimage.rightaligned {
  float: right;
  margin: 0 0 10px 10px;
}
.gpimage span {
  display: block;
  margin-top: 5px;
}