/*
  ** WB3 mono style sheet for CSS2-capable browsers.
  ** 
  ** Peter A. Henning, February 2011
  **
  ** Based on http://www.positioniseverything.net/ordered-floats.html 
*/
/* Colors for table headers and separators 
*/
.ch {
    background : #77dddd
}
.gh {
    background : #99eeee
}
.lodh {
    background : #eebbff
}
.ogch {
    background : #ddddff
}
/* Building header, Buildingpart header, Building xtra */
.bh {
    background : #bbffff
}
.bp {
    background : #ddffff
}
.bx {
    background : #eeeeee;
    color : #888888
}
.lg {
    background : #dddddd
}
/* Here follow the content specifications */
#column-content {
    width : 100%;
    float : right;
    margin : 0 0 .6em -12.2em;
    padding : 0;
}
#content {
    margin : 2.8em 0 0 12.2em;
    padding : 0 1em 1em 1em;
    position : relative;
    background : white;
    color : black;
    border : 1px solid #aaa;
    border-right : none;
    line-height : 1.5em;
    z-index : 0;
}
#column-one {
    padding-top : 160px;
}

/* the left column width is specified in class .portlet */
/*
  Font size:
  ** We take advantage of keyword scaling- browsers won't go below 9px
  ** More at http://www.w3.org/2003/07/30-font-size
  ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
 */
body {
    font : x-small sans-serif;
    background : #f9f9f9 ;
    color : black;
    margin : 0;
    padding : 0;
}
/* scale back up to a sane default */
#globalWrapper {
    font-size : 127%;
    width : 100%;
    margin : 0;
    padding : 0;
}
/* Some space under the headers in the content area */
#bodyContent h1,
#bodyContent h2 {
    margin-bottom : .6em;
}
#bodyContent h3,
#bodyContent h4,
#bodyContent h5 {
    margin-bottom : .3em;
}
#firstHeading {
    margin-bottom : .1em;
    /*
  These two rules hack around bug 2013 (fix for more limited bug 11325).
  When bug 2013 is fixed properly, they should be removed.
 */
    line-height : 1.2em;
    padding-bottom : 0;
}
/* general styles */
table {
    font-size : 100%;
    color : black;
    /*
  we don't want the bottom borders of <h2>s to be visible through
  floated tables
 */
    background-color : white;
}
fieldset table {
    /* but keep table layouts in forms clean... */
    background : none;
}
a {
    text-decoration : none;
    color : #002bb8;
    background : none;
}
a:visited {
    color : #5a3696;
}
a:active {
    color : #faa700;
}
a:hover {
    text-decoration : underline;
}
a.stub {
    color : #772233;
}
a.new,
#p-personal a.new {
    color : #ba0000;
}
a.new:visited,
#p-personal a.new:visited {
    color : #a55858;
}
img {
    border : none;
    vertical-align : middle;
}
p {
    margin : .4em 0 .5em 0;
    line-height : 1.5em;
}
p img {
    margin : 0;
}
hr {
    height : 1px;
    color : #aaa;
    background-color : #aab;
    border : 0;
    margin : .2em 0 .2em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color : black;
    background : none;
    font-weight : normal;
    margin : 0;
    padding-top : .5em;
    padding-bottom : .17em;
    border-bottom : 1px solid #aaa;
}
h1 {
    font-size : 188%;
}
h1 .editsection {
    font-size : 53%;
}
h2 {
    font-size : 150%;
}
h2 .editsection {
    font-size : 67%;
}
h3,
h4,
h5,
h6 {
    border-bottom : none;
    font-weight : bold;
}
h3 {
    font-size : 132%;
}
h3 .editsection {
    font-size : 76%;
    font-weight : normal;
}
h4 {
    font-size : 116%;
}
h4 .editsection {
    font-size : 86%;
    font-weight : normal;
}
h5 {
    font-size : 100%;
}
h5 .editsection {
    font-weight : normal;
}
h6 {
    font-size : 80%;
}
h6 .editsection {
    font-size : 125%;
    font-weight : normal;
}
ul {
    line-height : 1.5em;
    list-style-type : square;
    margin : .3em 0 0 1.5em;
    padding : 0;
    list-style-image : url(images/bullet.gif);
}
ol {
    line-height : 1.5em;
    margin : .3em 0 0 3.2em;
    padding : 0;
    list-style-image : none;
}
li {
    margin-bottom : .1em;
}
dt {
    font-weight : bold;
    margin-bottom : .1em;
}
dl {
    margin-top : .2em;
    margin-bottom : .5em;
}
dd {
    line-height : 1.5em;
    margin-left : 2em;
    margin-bottom : .1em;
}
fieldset {
    border : 1px solid #2f6fab;
    margin : 1em 0 1em 0;
    padding : 0 1em 1em;
    line-height : 1.5em;
}
fieldset.nested {
    margin : 0 0 0.5em 0;
    padding : 0 0.5em 0.5em;
}
legend {
    padding : .5em;
    font-size : 95%;
}
form {
    border : none;
    margin : 0;
}
textarea {
    width : 100%;
    padding : .1em;
}
input.historysubmit {
    padding : 0 .3em .3em .3em !important;
    font-size : 94%;
    cursor : pointer;
    height : 1.7em !important;
    margin-left : 1.6em;
}
select {
    vertical-align : top;
}
abbr,
acronym,
.explain {
    border-bottom : 1px dotted black;
    color : black;
    background : none;
    cursor : help;
}
q {
    font-family : Times, "Times New Roman", serif;
    font-style : italic;
}
/*
  disabled for now
  blockquote {
  font-family: Times, "Times New Roman", serif;
  font-style: italic;
  }
 */
code {
    background-color : #f9f9f9;
}
pre {
    padding : 1em;
    border : 1px dashed #2f6fab;
    color : black;
    background-color : #f9f9f9;
    line-height : 1.1em;
}
/*
  ** general portlet styles (elements in the quickbar)
 */
.portlet {
    border : none;
    margin : 0 0 .5em;
    padding : 0;
    float : none;
    width : 11.6em;
    overflow : hidden;
}
.portlet h4 {
    font-size : 95%;
    font-weight : normal;
    white-space : nowrap;
}
.portlet h5 {
    background : transparent;
    padding : 0 1em 0 .5em;
    display : inline;
    height : 1em;
    /* text-transform: lowercase; */
    font-size : 91%;
    font-weight : normal;
    white-space : nowrap;
}
.portlet h6 {
    background : #ffae2e;
    border : 1px solid #2f6fab;
    border-style : solid solid none solid;
    padding : 0 1em 0 1em;
    /* text-transform: lowercase; */
    display : block;
    font-size : 1em;
    height : 1.2em;
    font-weight : normal;
    white-space : nowrap;
}
.pBody {
    font-size : 95%;
    background-color : white;
    color : black;
    border-collapse : collapse;
    border : 1px solid #aaa;
    padding : 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
    margin : 0;
    padding : 0;
}
.portlet ul {
    line-height : 1.5em;
    list-style-type : square;
    list-style-image : url(images/bullet.gif);
    font-size : 95%;
}
.portlet li {
    padding : 0;
    margin : 0;
}

/*
  ** Logo properties
 */
#p-logo {
    top : 0;
    left : 0;
    position : absolute;
    /* needed to use z-index */
    z-index : 3;
    height : 115px;
    width : 12em;
    overflow : visible;
}
#p-logo h5 {
    display : none;
}
#p-logo a,
#p-logo a:hover {
    display : block;
    height : 115px;
    width : 12.2em;
    background-repeat : no-repeat;
    background-position : 35% 50% !important;
    text-decoration : none;
}
/*
  ** the personal toolbar (right at the top)
 */
#p-personal {
    position : absolute;
    left : 0;
    top : 0;
    z-index : 0;
}
#p-personal {
    width : 100%;
    white-space : nowrap;
    padding : 0;
    margin : 0;
    border : none;
    background : none;
    overflow : visible;
    line-height : 1.2em;
}
#p-personal h5 {
    display : none;
}
#p-personal .portlet,
#p-personal .pBody {
    z-index : 0;
    padding : 0;
    margin : 0;
    border : none;
    overflow : visible;
    background : none;
}
/* this is the ul contained in the personal tools portlet */
#p-personal ul {
    border : none;
    line-height : 1.4em;
    color : #2f6fab;
    padding : 0 2em 0 3em;
    margin : 0;
    text-align : right;
    list-style : none;
    z-index : 0;
    background : none;
    cursor : default;
}
#p-personal li {
    z-index : 0;
    border : none;
    padding : 0;
    display : inline;
    color : #2f6fab;
    margin-left : 1em;
    line-height : 1.2em;
    background : none;
}
#p-personal li a {
    text-decoration : none;
    color : #005896;
    padding-bottom : .2em;
    background : none;
}
#p-personal li a:hover {
    background-color : white;
    padding-bottom : .2em;
    text-decoration : none;
}
#p-personal li.active a:hover {
    background-color : transparent;
}
/*
  the icon in front of the user name, single quotes
  in bg url to hide it from iemac
 */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
    background : url(images/user.gif) top left no-repeat;
    padding-left : 20px;
    text-transform : none;
}
/*
  ** the top-page navigation toolbox
 */
#l-toppagenav {
    position : absolute;
    left : 160px;
    top : 21px;
    z-index : 0;
}
#l-toppagenav {
    width : 100%;
    white-space : nowrap;
    padding : 0;
    margin : 0;
    border : none;
    background : none;
    overflow : visible;
    line-height : 1.5em;
}
#l-toppagenav h5 {
    display : none;
}
#l-toppagenav .portlet,
#l-toppagenav .pBody {
    z-index : 0;
    padding : 0;
    margin : 0;
    border : none;
    overflow : visible;
    background : none;
}
#l-toppagenav ul {
    /* text-transform: lowercase; */
}
#l-toppagenav li.active {
    font-weight : bold;
}
/* this is the ul contained in the top toolbox */
#l-toppagenav ul {
    border : none;
    line-height : 1.4em;
    color : #2f6fab;
    padding : 0 0 0 0;
    margin : 0;
    text-align : left;
    list-style : none;
    background : none;
    cursor : default;
        z-index : 0;
}
#l-toppagenav li {
    border-top : 1px solid #aaa;
    border-left : 1px solid #aaa;
    border-right : 1px solid #aaa;
    border-bottom : none;
    padding : 0 2em 0px 2em;
    display : inline;
    color : #2f6fab;
    margin-left : 1em;
    line-height : 1.2em;
    background : white;
    z-index : 0;
}
#l-toppagenav li.lt-sel {
    border-bottom : 4px solid white;
    padding-bottom : 2px;
    background-color : white;
    z-index : 1;
}
#l-toppagenav li a {
    text-decoration : none;
    color : #005896;
    padding-bottom : .2em;
    background : none;
}
#l-toppagenav li a:hover {
    background-color : white;
    padding-bottom : .2em;
    text-decoration : none;
}
#l-toppagenav li.active a:hover {
    background-color : transparent;
}
/*
  ** Language selector properties
 */
#p-lang {
    top : 150px;
 left : 20px;
}
/*
  ** city selector properties
 */
#p-citysel {
    position : absolute;
      top : 120px;
    text-align : center;
}
/*
  ** the in-page navigation bar
 */
#l-inpagenav {
    /*
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
 */
}
#l-inpagenav {
    width : 100%;
    white-space : nowrap;
    padding : 0;
    margin : 0;
    border : none;
    background : none;
    overflow : visible;
    line-height : 1.5em;
}
#l-inpagenav h5 {
    display : none;
}
#l-inpagenav .portlet,
#l-inpagenav .pBody {
    z-index : 0;
    padding : 0;
    margin : 0;
    border : none;
    overflow : visible;
    background : none;
}
#l-inpagenav ul {
    /* text-transform: lowercase; */
}
#l-inpagenav li.active {
    font-weight : bold;
}
/* this is the ul contained in the inline navigation */
#l-inpagenav ul {
    border : none;
    line-height : 1.4em;
    color : #2f6fab;
    padding : 0 0 0 0;
    margin : 0;
    text-align : left;
    list-style : none;
    z-index : 0;
    background : none;
    cursor : default;
}
#l-inpagenav li {
    z-index : 0;
    border : none;
    padding : 0;
    display : inline;
    color : #2f6fab;
    margin-left : 1em;
    line-height : 1.2em;
    background : none;
}
#l-inpagenav li a {
    text-decoration : none;
    color : #005896;
    padding-bottom : .2em;
    background : none;
}
#l-inpagenav li a:hover {
    background-color : white;
    padding-bottom : .2em;
    text-decoration : none;
}
#l-inpagenav li.active a:hover {
    background-color : transparent;
}
/*
  ** footer
 */
.visualClear {
    clear : both;
}
#footer {
    background-color : white;
    border-top : 1px solid #77dddd;
    border-bottom : 1px solid #77dddd;
    margin : .6em 0 1em 0;
    padding : .4em 0 1.2em 0;
    text-align : center;
    font-size : 90%;
}
