/* Global */

body,tr,td {
  background-color: white;
  color: black;
  font-family: sans-serif;
  padding:0px; margin:0px;
  line-height:140%;
  }

body {
  background-image: url(/img/ibs_bg_1920w.jpg);
  font-size:smaller;
  /*background-attachment: fixed;
  background-position: bottom left;
  background-repeat:no-repeat;*/ 
  }

/* should be initial value, but is needed for IE */
table {border-collapse:collapse;}

h2 {
  font-size:large;
  padding-bottom: 0.1ex;
  padding-top: 0.4ex;
  border-bottom: 1px solid #7992A3;
  }
  
a,a:link {
  color:#004677;
  }

/*a:visited { color:#006EBA; }*/
a:visited { color:#004677; }

a:hover {
  /*color:#0086E3;*/
  background-color:#004677;
  color:white;
  text-decoration:none;
  }


dt {
  padding-top:1ex;
  font-weight:bold;
}

dl.lines dt {
  border-bottom: 1px solid #7992A3;
  margin-bottom:.3ex;
  }

dd { padding-right:1.5em; }

p { margin-bottom:.5ex; margin-top:.3ex; }

ul,ol {
  margin-top:0px;
  }

li {
  padding-left:0px;
  }

.interhead { font-weight:bold; padding-top: 1ex; padding-bottom: 0.5ex; }

.section {
  font-weight:bold; text-transform:uppercase;
  padding-top: 1ex; padding-bottom: 0px;
  }

.picbox { /* general class for (centered) illustrative images */
  text-align:center;
  margin:10pt auto;
  margin-top:0px;
  padding: 0pt 10pt;
  }

.picbox a {
  background:none;
  }

.picbox a img {
  border: 0px;
  }

.spaced {
  margin-top:2em;
  margin-bottom: 2em;
  }

.framed {
  /*border:1px solid #7992A3;*/
  border:1px solid #004677;
  }

.framedbox {
  border: 1px solid #004677;
  /*border-right: 5px outset #888;
  border-bottom: 5px outset #888;
  border-top: 1px solid #546baa;
  border-left: 1px solid #546baa;*/
  margin: .5em 0px 0.5ex;
  padding: 1ex 1ex;
  background-color: white;
  }

.boxhead {
  font-weight:bold;
  color: white;
  margin-top: 0px;
  padding-top: 0.6ex; padding-bottom: 0.3ex; padding-left:0px;
  /*background-color: #004677;*/
  }
  
/* Use together with .boxhead above for non-indexpage box headings */
.boxhead_big {
  }

.tablebox { border: 1px solid #bbc7d6 }
.tablebox tr th { font-weight:bold; padding-top: 1ex; padding-bottom: 0.5ex; background-color: #bbc7d6; color: black }

.floatunit { /* implicit clear=both after this */
  overflow:hidden;
  }

.topalign tr td { vertical-align:top; padding:.5em !important}

.ruler {
	border:none;
	height:1px;
	background-color:#7992A3;
	color:#7992A3;
	text-align:center;
}

th {
	font-weight:bold;
	text-align:left;
	background-color: #D0DEF0;
}

td,th { padding: 2pt 4pt; }
table.layout td, table.layout th { padding:0px; }

tr.alt td { background-color: #F5F7FA; }


.indent-head { font-weight:bold; margin-bottom: 0px; }

.indent { padding-left:1em; }


/* Topbar: header picture, search/sitemap */

#topbar {
  position:absolute;
  top: 0px;
  left: 0px;
  right:0px;
  height:116px;
  padding:0px;
  background-color:#b7c3d3;
  overflow:hidden;
  min-width: 65em;
  }

#topbar-area {
  position:absolute;
  top:0px; left:0px; right:0px; height:116px;
  background:url(/img/topbar-rep.gif) top left repeat;
  overflow:hidden;
  min-width: 65em;
  }

#topbar-area a {
  background:none;
  }

#topbar-area a img {
  border: 0px;
  }

#topbar-right {
  position:absolute;
  top:0px; right:0px; height:2em;
  text-align:right;
  font-size:smaller;
  color: white;
  padding-right:2.5em;
  padding-left:1.5em;
  }

#topbar-right a {
  color:white;
  }

#topbar-tuv {
  position:absolute;
  top:3.5ex; right:0px;
  padding-right:2.5em;
  font-size:smaller;
  }

#topbar-tuv a {
  background:none;
  }

#topbar-tuv a img {
  border: 0px;
  }

#topbar-ibs {
  position:absolute;
  top:4px; left:150px; width:481px; height:107px;
  overflow:hidden;
  }

#topbar-ibs a {
  background:none;
  }

#topbar-ibs a img {
  border: 0px;
  }

#topbar-sat {
  position:absolute;
  top:0px; left: 650px; right:0px; height:116px;
  padding-top:30px;
  text-align:center;
  overflow:hidden;
  }

#topbar-sat .png { display:none; }
#topbar-sat .gif { display:inline; }

/* boxmodelhack.
 * The assumption is that old browsers (which don't understand the box model hack)
 * also can't display transparent png (i.e. Internet Explorer 6.)
 * Note: IE7 also seems to ignore this hack. Adding separate style sheet for that.
 */
html>body #topbar-sat .png { display:inline; }
html>body #topbar-sat .gif { display:none; }

#earthleft {
  position:absolute;
  top:116px; left:0px; width:87px; height:101px;
  }

#content {  /* needed because of earthleft... */
  position: absolute;
  top:115px; left:0px; right:0px; bottom:0px;
  min-width: 65em;
  }

#langflag {
  vertical-align:middle;
  border: 0px;
  padding-right: 1em;
  }

/* Menubar styles */

#menubox {
  font-size:small;
/*  font-variant: small-caps;*/
  letter-spacing: 0.1em;
  line-height:37px;
  }

#menubar {
  padding-top:0px;
  padding-bottom:1px;
  /*border-bottom: 1px solid #004677;*/
  /*border-top: 1px solid white;*/
  /*height:4ex;*/
  height:37px;
  white-space:nowrap;
  }

html>body #menubar {
  padding-bottom:1px;
  }

#menubar .background {
  position:absolute;
  top:0px; left:0px; right:0px; height:37px;
  padding-bottom:2px;
  /*background-color: #bac6e0;*/
  background:url(/img/menu_bg.png) top left repeat-x;

  /*
  opacity:0.4;
  -moz-opacity:0.4;
  filter:alpha(opacity=4);
  */
  }

#menubar .trail {
  position:absolute;
  top:-.8ex; right:1.5em;
  z-index:2;
  font-size:smaller;
  letter-spacing: 0em;
  height:28px;
  }

#menubar .trail a:hover {
  }

#menubar .menu {
  position:absolute;
  top:0px; left:100px; right:1.5em; height:28px;
  padding-top:1px; padding-bottom:0px;
  line-height:28px;
  white-space:nowrap;
  z-index:1;
  }

#menubar .menu div {
  float:left;
  height:28px;
  padding:0px 0.5em 0px 0.5em;
  cursor:pointer;
  }

#menubar .menu a {
  float:left;
  height:28px;
  padding:0px 0.5em 0px 0.5em;
  cursor:pointer;
  display:block;
  text-decoration:none;
  }


#menubar .menu div.current {
  background-color: #F5F7FA;
  }

#menubar .menu a.current {
  background-color: #F5F7FA;
  border-left: 1px solid #004677;
  border-right: 1px solid #004677;
  font-weight:bold;
  }

#menubar .menu div:hover {
  background-color: #004677;
  color: white;
  }

#menubar .menu a:hover {
  background-color: #004677;
  color: white;
  }

/* mainarea: boxbar, main, trailer */

#mainarea {
  max-width: 90em;
  min-width: 65em;
  margin-left: auto;
  margin-right: auto;
  }


/* boxbar: right sidebar */

#boxbar {
  float:right;
  padding: .7em;
  width:23em;
  }
  
#boxbar h1 {
  margin-left:1.3em;
  }

.box {
  background-color: #f5f7fa;
  border: 1px solid #546baa;
  padding: .5em 1em;
  margin: .5em;
  font-size:small;
  line-height:140%;
  }

.box .floatright a {
  background:none;
  }

.box a img {
  border: 0px;
  }

.box-date {
  font-size:smaller;
  color: #777777;
  }

.box-head {
  font-weight:bold;
  margin-top: 1ex;
  margin-bottom:0.5ex;
  border-bottom:1px solid gray;
  background-color:#e5e7ea;
  }

.floatright {
  float:right;
  padding: 3px;
  }





/* main area */
#main {
  padding: .5em .8em 2em 2em;
  /* leave some space on the right, even if there is no sidebar */
  margin-right: 24em;
  }

#main-with-boxbar {
  padding: .7em .8em 2em 2em;
  margin-right: 24em;
  }

#main .trail { font-size:smaller; }

/* footer */
#footer {
  position:absolute;
  right:0px;
  left:0px;
  overflow:none;
  
  clear:both;
  background:url(/img/footer.png) top left repeat-x;
  background-color:#f5f7fa;
  font-size:smaller;
  padding: .5ex 1em 1ex 1em;
  color:#546baa;
  min-width: 65em;
  }

html>body #footer {
		position:fixed;
  height:2ex;
  bottom:0px;
}

#footer_left {float:left}
#footer_right {float:right}

/*#footer a {
  color: #546baa;
  }
*/

/* format modifications for printing */

@media print,embossed {

#earthleft { z-index: -1; }
#content { position: absolute; margin-top: 1ex; }
#menubox { display:none; }
#boxbar { margin-right:0em;width:25%; padding-left:0px;margin-left:0px;padding-right:0px}
#main { margin-left: 0em; width:80%; padding-left:0px;padding-right:0px}
#main-with-boxbar { margin-left: 0px; width:75%;padding-left:0px;padding-right:0px;margin-right:0px}
#footer_right {display:none}

.boxhead {font-size:large}
.floatunit { overflow: visible; }

}


/* Round message boxes */

.roundbox {
	border:0px;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	background-color:transparent;
	width:100%;
	empty-cells:show;
}
.roundbox tr {
	border:0px;
	margin:0px;
	padding:0px;
	background-color:transparent;
}
.roundbox tr td {
	border:0px;
	margin:0px;
	padding:0px;
}

.rb_tl {background-image: url(/img/rb_tl.png); background-repeat:no-repeat;width:16px;background-position:top left;background-color:transparent;min-width:16px}
.rb_t {background-image: url(/img/rb_bg.png); background-repeat:repeat;background-color:transparent;}
.rb_tr {background-image: url(/img/rb_tr.png); background-repeat:no-repeat;width:24px;background-position:top right;background-color:transparent;}
.rb_l {background-image: url(/img/rb_l.png); background-repeat:repeat-y;background-color:transparent;}
.rb_body {background-color: white;}
.rb_r {background-image: url(/img/rb_r.png);background-repeat:repeat-y;background-position:top right;background-color:transparent;}
.rb_bl {background-image: url(/img/rb_bl.png); background-repeat:no-repeat;width:16px;background-position:top left;background-color:transparent;}
.rb_b {background-image: url(/img/rb_b.png); background-repeat:repeat-x;background-position:top;background-color:transparent;}
.rb_br {background-image: url(/img/rb_br.png);background-repeat:no-repeat;width:24px;background-position:top right;background-color:transparent;}


/* Square message boxes, on the right */

.squarebox {
  width:100%;
  background-color: transparent;
  font-size:small;
  line-height:140%;
  border: 0px;
  margin:0px;
  padding:0px;
  border-spacing:0px;
  empty-cells:show;
  }
.squarebox tr {
  border:0px;
  margin:0px;
  padding:0px;
  border-spacing:0px;
  }
.squarebox tr td {
  border:0px;
  margin:0px;
  padding:0px;
  border-spacing:0px;
  }

.squarebox .floatright a {
  background:none;
  }

.squarebox a img {
  border: 0px;
  }

.sb_tl {background-image: url(/img/sb_tl.png);background-repeat:no-repeat;background-position:top left;height:6px;background-color:#f5f7fa;}
.sb_tr {background-image: url(/img/sb_tr.png);background-repeat:no-repeat;background-position:top right;height:6px;background-color:transparent;}
.sb_t {background-image: url(/img/sb_bg.png);background-repeat:repeat-x;background-position:top left;height:6px;background-color:#f5f7fa;}
.sb_l {background-image: url(/img/sb_bg.png);background-repeat:repeat-y;background-position:top left;background-color:#f5f7fa;}
.sb_r {background-image: url(/img/sb_r.png);background-repeat:repeat-y;background-position:top right;background-color:transparent;}
.sb_bl {background-image: url(/img/sb_bl.png); background-repeat:no-repeat;width:5px;background-position:top left;background-color:transparent;}
.sb_b {background-image: url(/img/sb_b.png); background-repeat:repeat-x;background-position:top;background-color:transparent;}
.sb_br {background-image: url(/img/sb_br.png);background-repeat:no-repeat;width:7px;background-position:top right;background-color:transparent;}
.sb_body {padding-top:0px;padding-left:.8em;padding-right:.8em;padding-bottom:.8em;background-color:#f5f7fa;border-top:1px solid #f5f7fa}

table.center tr td {text-align:center;vertical-align:middle;padding:0.2ex;color:#546baa}
table.center {width:100%}