@import url("tabs.css");

/* Three Column CSS layout from http://www.cssplay.co.uk/layouts/3cols2.html */

a:link,active,visited {
  color: #000066;
}

html, body {
  margin:0px;
  padding:0px;
  font-family:Helvetica,Sans-Serif;
  font-size:12px;
}

#header {
  display:block; 
  width: 100%;
  height: 130px;
  /* 
  background: #F6F6F6;
  background-image: url('../../../images/brushed.png');
  */
  background: #e9e1d2; 
  border-bottom: 1px solid #007; /* for CSS tabs*/
}

#wwuLogo {
	cursor: pointer;
	display: inline;
}

#wwuLogo img {
  width: 150px;
  position: absolute;
  top: 72px;
  left: 40px;
}

#klassicaLogo {
  padding-left: 210px;
}

div#search_container {
  position: absolute;
  top: 77px;
  right: 55px;
}

.headerFormTextInput {
  position: relative;
 /* position: absolute;
  top: 30px;
  right: 50px; */
  font-size: 75%;
  color: #000000;
/*   background: #7595c5; */
  background: #f8f5f0;
  border: 1px solid white;
  padding-left: 3px;
}

div#login_container {
    position: absolute;
    top: 55px;
    right: 50px;
}

div#loggedInAsText {
  color: #006;
}

/* Make header submit buttons look like links */
.headerSubmitLink {
  font-size: small;
  font-weight: bold;
  background-color: #e1d7c3; 
  color: #1E446D;
  text-decoration: none;
  border: 1px outset;
  cursor: pointer;
}

.headerSubmitLink:hover {
  border: 1px inset;
}

#header-text {
  display: none;
}

/* Everything below the header */
#container {
  position:relative;
  display:block;
  background: #fff;
  overflow:visible;
}

#container_inner {
  display:block; 
  padding-left:9px;
  margin-top: 0px;
  overflow: visible;
/* IE peakaboo bugfix */
  height:1%;
}

/* IE peakaboo bugfix */
#container>#container_inner {
  height:auto;
}

/* main center area below header (excluding sideboxes/columns) */
#main_content {
  display: inline;
  height: auto;
  padding: 0px 10px 0px 10px;
  overflow: visible;
  background: #fff;
}

.sidebox_container {
  clear: right;
  float: right;
}

.sidebox {

  border: solid;
  width:250px;   
  border: 2px dotted blue;
  width:220px; 
  margin: 5px;
  padding: 0px 5px 0px 10px;
  background: #fff;
  z-index: 100;
  background-color: #C8DDED
}

#footerOLD {
  clear: both;
  text-align: center;
  padding-top: 5px;
  width: 100%;
  height: 50px;
  color: #000066;
/*   background: #85A6E4; */
  background: #F6F6F6;
  background-image: url('../../../images/brushed.png');
  border-top: 1px solid navy;
}

img.footerImage {
  vertical-align: middle;
}

img#firefoxImage {
  visibility: hidden; /* hide from non-msie */
}

/* For pages that require login */
p.please-login {
  font-size: 150%;
  color: #0000CC;
}

.titleLabel {
  color: #006666;
  font-weight: bold;
}

.notifyLabel {
    font-weight: bold;
    color: #0000FF;
}

.errorLabel {
    font-weight: bold;
    color: #CC0000;
}

/* title label link */
.titleLabel a {
  color: #006666;
  font-weight: bold;
}

.b {
  font-weight: bold;
}

.i {
    font-style: italic;
}

.bi {
  font-weight: bold;
  font-style: italic;
}

/* general body-text (usually <p>) */
.bodytext {
  color: #008;
}

/* dk blue link */
.nb-link {
  color: #000066;
}

.red {
  color: red;
}

.blue {
  color: blue;
}

.rb {
  font-weight: bold;
  color: red;
}

img {
 border: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

em {font-weight:bold;}

.noWrap {
  white-space:nowrap;
}