/*
========================================================================================
 Title      	: Basis CSS for Swissrehg II - Client
 Author     	: Stefan Mueller, Marc Bouquet, Kathrin Meyer
 Date       	: 23.04.2008
 Version    	: $Id$
 Copyright (c) 2005-2008, Swiss Federal Institute of Intellectual Property
========================================================================================
*/

/*  BODY AND FONTS DEFINITIONS
--------------------------------------------------*/
html {
  padding:              0px;
  margin:               0px;
}

body {
  font-size:            0.8em;
  font-family:          arial, verdana, helvetica, sunsans-regular, sans-serif;
  background-color:     #EAF4F4;
  color:                #222222;
  padding:              0px;
  margin:               0px;
}

table {
  border-width:         0px;
}

th, tr {
  font-weight:          normal;
  vertical-align:       text-top;
  text-align:           left;
}

td {
  font-size:            1em;
  vertical-align:       top;
}

.scroller td {
  font-size:            1em;
  vertical-align:       middle;
}

img, a img {
  border:               0px;
  padding-top:          3px;
}


/*  DEFAULT LINK DEFINITION
--------------------------------------------------*/
a {
  color: 								#294747;
  background-color:     transparent;
}

a:visited {
  color:								#294747;
  background-color:     transparent;
}

a:hover {
  color: 								#000000;
  background-color:     transparent;
}

a:hover img  {
  background-color:     transparent;
}

a:active {
  color:								#294747;
  background-color:     transparent;
}

.center{
	text-align:						center;
}

.right{
	text-align:						right;
}

.textLeft{
  text-align:           left;
}

/*  SIZE OF TABLE COLUMNS
--------------------------------------------------*/

.w0 {
  width:                0px;
}

.w25 {
  width:                25px;
}

.w50 {
  width:                50px;
}

.w75 {
  width:                75px;
}

.w85 {
  width:                85px;
}

.w95 {
  width:                95px;
}

.w100 {
  width:                100px;
}

.w125 {
  width:                125px;
}

.w150 {
  width:                150px;
}

.w175 {
  width:                170px;
}

.w200 {
  width:                200px;
}

.w225 {
  width:                225px;
}

.w250 {
  width:                250px;
}

.w275 {
  width:                275px;
}

.w300 {
  width:                300px;
}

.w325 {
  width:                325px;
}

.w350 {
  width:                350px;
}

.w400 {
  width:                400px;
}

.w425 {
  width:                425px;
}

.w450 {
  width:                450px;
}

.w500 {
  width:                500px;
}

.w525 {
  width:                525px;
}

.w550 {
  width:                550px;
}

.w600 {
  width:                600px;
}

.w700 {
  width:                700px;
}

.wMax {
  width:                100%;
  }

/*  FORMULAR ELEMENTS
--------------------------------------------------*/
form {
  margin:               0px;
  padding:              0px;
}

fieldset  {
  border:               1px dotted #87A8A8;
  margin:               0px 0px 5px 0px;
  padding:              5px 5px 5px 5px;
}

legend {
  font-weight:          bold;
  padding:              2px 5px;
  margin:               0px;
  background-color:     white;
}

input, textarea, select {
  background-color:     #EAF4F4;
  border:               1px solid #294747;
  color:                #222222;
  margin-top:           2px;
  margin-bottom:        2px;
  padding:              1px;
}

input[disabled] {
  background-color:     #CCCCCC;
  border:               1px solid #CCCCCC;
  color:                #222222;
  margin-top:           2px;
  margin-bottom:        2px;
  padding:              1px;
}

input.selection, textarea.selection {
  width:                225px;
}

input:focus, input:hover, textarea:focus, textarea:hover {
  background-color:     #FFFFFF;
}

input.send {
  width:                auto;
  background-color:     #D1E4E4;
  margin:               10px 0px 0px 0px;
  padding:              0px;
}


/* MAIN CONTAINER LAYOUT IS CENTER
--------------------------------------------------*/
#base {
  width:                1000px;
  border:               1px solid  #294747;
  background-color:     #FFFFFF;
  margin:               20px;
  margin-left:          auto;
  margin-right:         auto;
  padding:              0px;
}


/*  HEAD CONTAINER - LOGO  AND LANGUAGES
--------------------------------------------------*/
#header {
  padding:              10px 0px;
  margin:               0px 50px;
  color:                #487C7C;
  border-bottom:        2px solid #294747;
}

#header a{
  color:                #666666;
  text-decoration:      none;
}

#header td {
    vertical-align: bottom;
}

#language {
  float:                right;
  padding:              25px 0px 0px 0px;
  margin:               0px;
}

#language a.selected {
  font-weight:          bold;
}

.clear {
  clear:                right;
}

#header_app_name {
    font-size: 12pt;
    color: #000000;
   margin-bottom: 20px;
}

.breadcrum {
    font-size: 9pt;
    color: #666666;
}


/*  HEADER NAVIGATION
--------------------------------------------------*/
#navigation {
  padding:              5px 0px;
  margin:               20px 50px;
  border:               1px solid #87A8A8;
  background-color:     #EAF4F4;
}

#navigation a {
  color:                #294747;
  text-decoration:      none;
  font-weight:          bold;
  padding:              0px 20px;
  margin:               0px;
}

#navigation a:visited {
  color:                #294747;
}

#navigation a:hover {
  color:                #000000;
  text-decoration:      underline;
}

#navigation a:active {
  color:                #294747;
}

#navigation a.selected {
  color:                #000000;
}


/*  CONTENT CONTAINER AS CLASS
--------------------------------------------------*/
#content_outer{
  /*background-image:     url("http://www.ige.ch/img/srbg.png");*/
  background-repeat:    no-repeat;
  background-position:  top center;
  padding:              0px 0px 0px 0px;
  margin:               0px 50px 0px 0px;
}

#content_outer h1, #content_popup h1, #content2 h1 {
  font-size:            1.5em;
  color:                #CCCCCC;
  margin:               0px;
  padding:              0px 10px 10px 10px;
}

#content_outer h1 .info, #content_popup  h1 .info, #content2 h1 .info, .hitlist h1 .info {
  font-size:            0.75em;
  color:                #222222;
  font-weight:          normal;
  margin-left:          1.1em;
}

#content {
  line-height:          1.4em;
  width:                612px;
  padding:              5px 10px 10px 10px;
  border:               1px solid #546359;
}

#content h2 {
  font-size:            1.2em;
  color:                #BDCECE;
  margin:               0px;
  padding:              10px 0px 10px 0px;
}

#content h3  {
  font-size:            1em;
  color:                #222222;
  margin:               0px;
  padding:              10px 0px 5px 0px;
}

#content p {
  line-height:          1.4em;
  padding:              0px;
  margin:               0px 20px 20px 20px;
}

.hitlist {
  background-color:     #FFFFFF;
  margin:               0px 0px 10px 0px;
}

.hitlist h1 {
  font-size:            1.5em;
  color:                #999999;
}

.hitlist h2 {
  font-size:            1.2em;
  color:                #669999;
}

.hitlist h3 {
  font-size:            1em;
  color:                #222222;
}

.anchorArrow {
  text-decoration:      none;
}

.historyPrintPadding {
  display:              none;
}


/*  CONTENT AS ID
--------------------------------------------------*/
#content2 {
  line-height:          1.4em;
  padding:              0px;
  margin:               0px 48px;
  border:               1px;
}

#content2 h1 {
  font-size:            1.5em;
  color:                #999999;
  margin:               0px 0px;
  padding:              10px 10px 10px 0px;
}

#content2 h2 {
  font-size:            1.2em;
  color:                #669999;
  margin:               0px;
  padding:              10px 10px 10px 0px;
}

#content2 h3  {
  font-size:            1em;
  color:                #222222;
  margin:               0px;
  padding:              0px 10px 0px 0px;
}

#content2 p {
  line-height:          1.4em;
  padding:              0px;
  margin:               0px 20px 20px 20px;
}


/**************************************************
/*  NAVIGATION CONTAINER
--------------------------------------------------*/
#subnavigation {
  margin-left:          50px;
  margin-right:         50px;
  padding:              0px 0px 20px 0px;
  border:               1px solid #546359;
  background-color:     #EAF4F4;
}

#subnavigation_outer {
  float:                left;
  width:                315px;
  padding:              0px;
  margin:               0px 0px 20px 0px;
}

#subnavigation_outer h1  {
  font-size:            1.5em;
  color:                #CCCCCC;
  margin:               0px;
  padding:              0px 10px 10px 70px;
}


/*  CSS LAYERS AND CLASSES FOR LIST NAVIGATION
--------------------------------------------------*/
.left {
  margin:               0px 0px 20px 0px;
  padding:              0px;
  background-color:     #D1E4E4;
}

#subnavigation ul li  a {
  display:              block;
  background-color:     transparent;
  color:                #294747;
  text-decoration:      none;
  border-bottom:        1px solid #87A8A8;
  padding:              2px 20px;
  margin:               0px;
}

#subnavigation ul li a:visited {
  color:                #294747;
}

#subnavigation ul li a:hover {
  color:                #FFFFFF;
  background-color:     #87A8A8;
}

#subnavigation ul li a:active {
  color:                #294747;
}

#subnavigation ul li a.selected {
  font-weight:          bold;
  color:                #294747;
  background-color:     #FFFFFF;
}

#subnavigation ul ul li a {
  padding:              2px 10px 2px 25px;
  margin:               0px;
  background-color:     #FFFFFF;
}

#subnavigation ul ul li a.selected {
  font-weight:          bold;
  color:                #9B9B9B;
  background-color:     #FFFFFF;
}

#subnavigation ul ul ul li a {
  padding:              2px 10px 2px 35px;
  margin:               0px;
  background-color:     #FFFFFF;
}

#subnavigation ul ul ul li a.selected {
  font-weight:          bold;
  color:                #9B9B9B;
  background-color:     #FFFFFF;
}

#subnavigation ul {
  list-style-type:      none;
  padding:              0px;
  margin:               0px;
}

#subnavigation li{
  margin:               0px;
  padding:              0px;
  display:              inline;
}

#subnavigation ul.mypage ul li a {
  padding:              2px 10px 2px 25px;
  margin:               0px;
  background-color:     transparent;
}

#subnavigation ul.mypage ul li a:hover {
  color:                #FFFFFF;
  background-color:     #87A8A8;
}


/*  FOOTER CONTAINER
--------------------------------------------------*/
#footer {
  clear:                both;
  padding:              5px 0px;
  margin:               20px 50px;
  border: 1px solid     #87A8A8;
  background-color:     #EAF4F4;
}

#footer a {
  color:                #294747;
  text-decoration:      none;
  font-weight:          bold;
  padding:              0px 20px;
  margin:               0px;
}

#footer a:visited {
  color:                #294747;
}

#footer a:hover {
  color:                #000000;
  text-decoration:      underline;
}

#footer a:active {
  color:                #294747;
}

#footer a.selected {
  color:                #000000;
}



/* mypage authentification
--------------------------------------------------*/
#keylogo {
  float:                right;
  margin:               -3px 10px 0px 0px;
}

#auth {
	background-color:     transparent;
}

#auth a {
  color: 								#FF8000;
  text-decoration:      underline;
}

#auth a:visited {
  color:								#FF8000;
}

#auth a:hover {
  color: 								#000000;
  text-decoration:      underline;
}

#auth a:active {
  color:								#FF8000;
}

#auth a.selected {
  color:                #000000;
}

/* popup
--------------------------------------------------*/
#base_popup {
  border:               1px solid  #294747;
  background-color:     #FFFFFF;
  margin:               20px;
  padding:              0px;
}

#content_popup{
  padding:              0px;
  margin:               0px 50px 20px 50px;
}


/*  MESSAGES
--------------------------------------------------*/
.fatalmsg {
  font-weight:          bold;
  color:                #FF0000;
}

.errormsg {
  font-weight:          bold;
  color:                #990000;
}

.warnmsg {
  font-weight:          bold;
  color:                #FF8000;
}

.infomsg {
  font-weight:          bold;
  color:                #FF8000;
}

.debugmsg {
  font-weight:          bold;
  color:                #009090;
}

.descmsg {
  font-size:            0.7em;
  color:                #FF0000;
}


/*  OPTIONS
--------------------------------------------------*/
.content2 {
  background-color:     #FFFFFF;
  padding:              0px;
  margin:               0px 50px 20px 50px;
}

.example {
  font-size:            0.85em;
  color:                #000000;
  font-weight:          normal;
  padding-top:          3px;
}

.exampleRadio {
  padding-top:          8px;
}

.formular {
  font-size:            1em;
  color:                #000000;
  font-weight:          normal;
  padding-top:          4px;
}

.row0 {
  background:           #D1E4E4;
  border-bottom:        4px;
  border-bottom-color:  transparent;
}

.row1 {
  background:           #E6E6E6;
}

.row1h {
  background:           #E6E6E6;
  height:               80px;
}

.row2 {
  background:           #F0F0F0;
}

.row2h {
  background:           #F0F0F0;
  height:               80px;
}

.row40 {
  background:           #D1E4E4;
  height:               75px;
}

.row41 {
  background:           #E6E6E6;
  height:               75px;
}

.row42 {
  background:           #F0F0F0;
  height:               75px;
}

.row100 {
  background:           #D1E4E4;
}

.row101 {
  background:           #AEC3C4;
}

.row102 {
  background:           #9EB7B8;
}

.isSelected {
  font-weight:          bold;
}

#session {
  color:                #CCCCCC;
  font-size:            22px;
  font-weight:          bold;
  text-align:           center;
}

#roster .standard {
  width:                300px;
  font-size:            0.95em;
  background-color:     #F2F2F2; /*#f0f0e0;*/
  padding:              0px 0px 5px 5px;
  border:               1px solid #E5E5E5;
}

#roster h3 {
  color:                #9B9B9B;
  font-size:            1.0em;
  padding:              5px 0px 0px 0px;
}

.small-border{
	border:               1px solid #CCCCCC;
	padding:              1px 1px 1px 1px;
}

.highlight
{
  background-color:     #FFFF00;
}

/* Popup component
------------------------------------------------------------*/
.popup {
    background-color:   rgb(255,255,255);
    color:              #000000;
    border:             1px solid #CCCCCC;
    padding:            5px;
}

.popup table {
		border-style:           outset;
		border-color:           #87A8A8;
		background-color:       #EAF4F4;
		width:                  180px;
}

.despopup {
    background-color:   rgb(255,255,255);
    color:              #000000;
    border:             1px solid #CCCCCC;
    padding:            5px;
}

.despopup table {
		border-style:           outset;
		border-color:           #87A8A8;
		background-color:       #EAF4F4;
		width:                  220px;
}

.extendedTitlepopup {
  width: 150px;
  background-color: #EAF4F4;
  border: 1px solid #CCCCCC;
}
/*  END OF BASE.CSS FILE  */