/* OVERRIDE TAGS ---------------------------------------------------*/
* {
  }

body {
  margin:  0px;
  
  background-color: #EDF3F3;
  
  font-family: arial, helvetica;
  font-size:   11px;
  color:       #ffffff;
  font-weight: normal;
  
  background-image:      url(/images/overview/background-new.jpg);
  background-position:   top left;
  background-repeat:     repeat-x;
  
  overflow: hidden;
}

.background {
    position: absolute;
  top:      0px;
  left:     0px;
  right:    20px;
  height:   100%;
  z-index:  0;
  
  background-image:      url(/images/overview/background.png);
  background-position:   center top;
  background-repeat:     repeat-y;
  }

.backgroundLogin {
    position: absolute;
  top:      0px;
  left:     0px;
  right:    20px;
  height:   100%;
  z-index:  0;
  
  background-image:      url(/images/overview/background-login.png);
  background-position:   center top;
  background-repeat:     repeat-y;
  }

.center {
  position: relative;
  top:      0px;
  left:     0px;
  width:    100%;
  height:   100%;
  z-index:  1;
  
  overflow:   auto;
  overflow-x: auto;
  overflow-y: scroll;
}

img {
  border-width: 0px;
}

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

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

a.selected {
  color:             #000000;
  font-weight:       bold;
  text-decoration:   underline;
}

a.seen {
  color:           #999999;
  text-decoration: underline;
}

a.headerText {
  color:           #666666;
  font-weight:     normal;
  text-decoration: underline;
}

a.headerText:hover {
  color:           #000000;
  font-weight:     normal;
  text-decoration: underline;
}

a.footerText {
  color:           #666666;
  font-weight:     normal;
  text-decoration: underline;
}

a.footerText:hover {
  color:           #000000;
  font-weight:     normal;
  text-decoration: underline;
}

tr, td, input, textarea, select {
  font-family: arial, helvetica;
  font-size:   11px;
  font-weight: normal;
  color:       #000000;
}

td {
  padding: inherit;
  margin:  inherit;
  border:  inherit;
}

form {
  display:      inline;
  margin:       0px 0px 0px 0px;
  padding:      0px 0px 0px 0px;
  border-width: 0px;
}


/* TOOLTIP ------------------------------------------------------*/
.tooltip {
  position:  absolute; 
  z-index:   20; 
  top:       0px; 
  left:      0px; 
  width:     178px; 
  display:   none;
}

.tooltipContent {
  background-color:    #ffffe0; 
  border-width:        1px; 
  border-style:        solid; 
  border-color:        #000000; 
  border-bottom-width: 0;
  padding:             5px;
}

/* ERRORS -------------------------------------------------------*/
.errormessage {
  color:            #cc0000;
}

/* FORM ITEMS ---------------------------------------------------*/
.button {
  padding-left:     10px;
  padding-right:    10px;
}

.selectWide {
  width:            340px;
  background-color: #F6F9F9;
  border:           1px solid #aaaaaa;
}

.inputWide {
  background-color: #F6F9F9;
  border:           1px solid #aaaaaa;
  width:            340px;
  height:           18px;
  margin:           0px 0px 1px 0px;
  padding:          0px 3px 0px 3px;
}

.textareaWide {
  width:            340px;
  height:           180px;
  background-color: #F6F9F9;
  border:           1px solid #aaaaaa;
  padding:          0px 3px 0px 3px;
}


/* PAGE ITEMS ---------------------------------------------------*/
.mainTitle {
}

.pageTitle {
  color:       #000000;
  font-size:   18px;
  font-weight: bold;
  font-family: arial;
}

.midTitle {
  color:       #000000;
  font-size:   14px;
  font-weight: bold;
  font-family: arial;
  clear:       left;
}

.content {
  padding:          0px 0px 0px 0px;
}

.contentSeparator {
  width:            100%;
  background-color: #cccccc;
  height:           1px;
  overflow:         hidden;
  margin:           0px 0px 2px 0px;
}

.rriChart {
  width: 338px;
}

.listLink {
  display:           block;
  background-image:  url(/images/overview/list-link-image.gif);
  background-repeat: no-repeat;
  padding:           0px 0px 3px 8px;
}

/* HEADER ITEMS ---------------------------------------------------*/
.headerText {
  color:            #666666;
  font-weight:      normal;
}

.footerText {
  color:            #666666;
  font-size:        10px;
  font-weight:      normal;
}

.metaLinks {
  padding:          25px 0px 0px 0px;
}

.metaSearchHeader {
  background-image: url(/images/overview/searchbox-header.gif); 
  height:           18px; 
  color:            #ffffff; 
  text-align:       left; 
  text-indent:      5px; 
  line-height:      18px;
}

.metaSearchBox {
  border:           1px solid #cc0000; 
  padding:          3px 3px 3px 3px;
}

.breadcrumbs {
  border-top:          1px solid #cccccc;
  background-image:    url(/images/overview/separator4.gif);
  background-position: bottom;
  background-repeat:   repeat-x;
  padding:             4px 0px 5px 0px;
}

/* TAB ITEMS ------------------------------------------------------*/
.superTabSelected {
  background-image: url(/images/overview/supertab-bg-selected.gif);
  color:            #000000;
  display:          block;
  font-weight:      bold;
  padding:          3px 0px 3px 0px;
}

.superTabSelected:hover {
  background-image: url(/images/overview/supertab-bg-selected.gif);
  color:            #000000;
  display:          block;
  font-weight:      bold;
  padding:          3px 0px 3px 0px;
}

.superTab {
  background-image: url(/images/overview/supertab-bg.gif);
  color:            #000000;
  display:          block;
  font-weight:      normal;
  padding:          3px 0px 3px 0px;
}

.tabButtonSelected {
  background-color:    #fdfdfd;
  color:               #000000;
  font-weight:         normal;
  padding:             2px 0px 2px 0px;
  margin:              0px 0px 0px 8px;
  text-align:          center;
  height:              17px;
  width:               100px;
  display:             block;
  cursor:              pointer;
  border:              1px solid #cccccc;
  border-bottom:       1px solid #fdfdfd;
  top:                 1px;
  position:            relative;
  float:               left;
}

.tabButton {
  background-color:    #f4f4f4;
  color:               #999999;
  font-weight:         normal;
  padding:             2px 0px 2px 0px;
  margin:              0px 0px 0px 8px;
  text-align:          center;
  height:              17px;
  width:               100px;
  display:             block;
  cursor:              pointer;
  border:              1px solid #cccccc;
  top:                 1px;
  position:            relative;
  float:               left;
}

.vtabButtonSelected {
  background-color:    #f4f4f4;
  color:               #000000;
  font-weight:         bold;
  padding:             3px 0px 3px 0px;
  text-indent:         2px;
  text-align:          left;
  width:               160px;
  display:             block;
  cursor:              pointer;
  background-image:    url(/images/overview/arrow.gif);
  background-position: 145px 2px;
  background-repeat:   no-repeat;
}

.vtabButtonOver {
  background-color:    #f4f4f4;
  color:               #000000;
  font-weight:         normal;
  padding:             3px 0px 3px 0px;
  text-indent:         2px;
  text-align:          left;
  width:               160px;
  display:             block;
  cursor:              pointer;
  background-image:    url(/images/overview/arrow.gif);
  background-position: 145px 2px;
  background-repeat:   no-repeat;
}

.vtabButton {
  background-color:    #fdfdfd;
  color:               #000000;
  font-weight:         normal;
  padding:             3px 0px 3px 0px;
  text-indent:         2px;
  text-align:          left;
  width:               160px;
  display:             block;
  cursor:              pointer;
}

.vtabSeparator {
  width:               160px;
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator.gif);
  background-repeat:   repeat;
}

.vtabBoxSeparator {
  width:               1px;
  height:              100%;
  overflow:            hidden;
  background-image:    url(/images/overview/separator.gif);
  background-repeat:   repeat;
}

.vtabDetailSelected {
  height:              165px;
  background-color:    #fdfdfd;
  color:               #000000;
  font-weight:         normal;
  margin:              3px 3px 3px 0px;
  padding:             2px 8px 2px 8px;
  overflow:            auto;
  display:             block;
}

.vtabDetail {
  display:             none;
}


/* NAVIGATION ITEMS -----------------------------------------------*/
.navigationItem {
  font-weight:         bold;
  color:               #666666;
  background-image:    url(/images/overview/navigation-item.gif);
  background-repeat:   no-repeat;
  cursor:              pointer;
  line-height:         14px;
  padding:             4px 0px 6px 20px;
}

.navigationHeader {
  font-weight:         bold;
  background-image:    url(/images/overview/navigation-item.gif);
  background-repeat:   no-repeat;
  cursor:              pointer;
  line-height:         14px;
  padding:             4px 0px 6px 20px;
}

.navigationHeaderOver {
  font-weight:         bold;
  color:               #000000;
  cursor:              pointer;
  background-image:    url(/images/overview/navigation-item-selected.gif);
  background-repeat:   no-repeat;
  cursor:              pointer;
  line-height:         14px;
  padding:             4px 0px 6px 20px;
}

.navigationItemOver {
  font-weight:         bold;
  color:               #000000;
  cursor:              pointer;
  background-image:    url(/images/overview/navigation-item-selected.gif);
  background-repeat:   no-repeat;
  cursor:              pointer;
  line-height:         14px;
  padding:             4px 0px 6px 20px;
}

.navigationItemSelected {
  font-weight:         bold;
  color:               #000000;
  cursor:              pointer;
  background-image:    url(/images/overview/navigation-item-selected.gif);
  background-repeat:   no-repeat;
  cursor:              pointer;
  line-height:         14px;
  padding:             4px 0px 6px 20px;
}

.navigationSeparator {
  background-color:    #cccccc;
  height:              1px;
}

.navigationSeparatorLight {
  background-image:    url(/images/overview/separator4.gif);
  background-repeat:   repeat;
  height:              1px;
}

.navigationUser {
  font-weight:         normal;
  color:               #000000;
  background-color:    #ffffff;
  padding:             4px 0px 4px 20px;
  background-image:    url(/images/overview/user.gif);
  background-repeat:   no-repeat;
  background-position: 2px 4px;
}


/* BOX ITEMS ----------------------------------------------------*/
.contentBox {
  background-color:    #f4f4f4;
  padding:             0px 1px 1px 1px;
  background-image:    url(/images/overview/separator.gif);
  text-align:          left;
}

.contentBoxTitle {
  color:               #000000;
  font-size:           11px;
  font-weight:         bold;
  background-image:    url(/images/overview/table-header-background.jpg);
  background-repeat:   repeat-x;
  background-color:    #fdfdfd;
  padding:             5px 5px 5px 5px;
  cursor:              pointer;
}

.contentBoxContent {
  height:           160px;
  background-color: #fdfdfd;
  padding:          2px 5px 2px 5px;
  margin:           0px 0px 1px 0px;
}

.contentBoxContentNoPad {
  height:           160px;
  background-color: #fdfdfd;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 0px 0px;
}

.contentBoxButton {
  background-color: #fdfdfd;
  padding:          1px 0px 4px 5px;
}

.contentBoxSeparator {
  width:               100%;
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator.gif);
  background-repeat:   repeat-x;
}

.marginalBox {
  width:               177px;
  background-color:    #fdfdfd;
  margin:              0px 0px 0px 30px;
  padding:             0px 1px 1px 1px;
  background-image:    url(/images/overview/separator.gif);
}

.marginalBoxTitle {
  color:               #000000;
  font-size:           11px;
  font-weight:         bold;
  background-image:    url(/images/overview/table-header-background.jpg);
  background-repeat:   repeat-x;
  background-color:    #fdfdfd;
  padding:             5px 5px 5px 5px;
  margin:              0px 0px 0px 0px;
}

.marginalBoxContent {
  background-color:    #fdfdfd;
  padding:             2px 5px 2px 5px;
}

.marginalBoxSeparator {
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator.gif);
  background-repeat:   repeat-x;
}

.marginalBoxButton {
  background-color: #fdfdfd;
  padding:          1px 0px 4px 5px;
}


/* TABLE ITEMS ------------------------------------------------*/
.tableGridded {
  background-image:    url(/images/overview/table-grid.gif);
  background-repeat:   repeat-x;
}

.tableHeader {
  color:               #000000;
  font-size:           11px;
  font-weight:         bold;
  background-image:    url(/images/overview/table-header-background.jpg);
  background-repeat:   repeat-x;
  background-color:    #fdfdfd;
  padding:             3px 5px 3px 3px;
  margin:              3px 0px 0px 0px;
  height:              21px;
}

.tableMarginLeft {
  width:               2px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator3.gif);
  background-position: left;
  background-repeat:   repeat-y;
  padding:             0px 0px 0px 0px;
  margin:              0px 0px 0px 0px;
  border-width:        0px;
}

.tableHeaderMargin {
  width:               1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator2.gif);
  background-repeat:   repeat-y;
  padding:             0px 0px 0px 0px;
}

.tableRow {
  padding:          0px 10px 5px 0px;
}

.tableRowWhite {
  padding:          3px 10px 5px 3px;
  background-color: #fdfdfd;
}

.tableRowWhiteColorOnly {
  background-color: #fdfdfd;
}

.tableRowWhiteNoPad {
  padding:          3px 0px 5px 3px;
  background-color: #fdfdfd;
}

.tableRowWhiteSeen {
  color:            #999999;
  padding:          3px 10px 5px 3px;
  background-color: #fdfdfd;
}

.tableRowAlternate {
  padding:          3px 10px 5px 3px;
  background-color: #f4f4f4;
}

.tableRowAlternateNoPad {
  padding:          3px 0px 5px 3px;
  background-color: #f4f4f4; 
}

.tableRowAlternateSeen {
  color:            #999999;
  padding:          3px 10px 5px 3px;
  background-color: #f4f4f4;
}

.tableClear {
  padding:          5px 10px 5px 0px;
}

.tableRowMargin {
  width:               1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator2.gif);
  background-repeat:   repeat-y;
  padding:             0px 0px 0px 0px;
}

.tableRowSeparator {
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator.gif);
  background-repeat:   repeat-x;
}

.tableColumnSeparator {
  overflow:            hidden;
  background-image:    url(/images/overview/separator3.gif);
  background-position: 15px 0px;
  background-repeat:   repeat-y;
  padding:             0px 25px 0px 15px;
  margin:              0px 0px 0px 0px;
  border-width:        0px;
}

.tableContentSeparator {
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator4.gif);
  background-repeat:   repeat-x;
}

.tableSeparator {
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator5.gif);
  background-repeat:   repeat-x;
}

.tableSeparatorAlternate2 {
  height:              1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator4.gif);
  background-repeat:   repeat-x;
}

.tableFooterMargin {
  width:               1px;
  overflow:            hidden;
  background-image:    url(/images/overview/separator2.gif);
  background-repeat:   repeat-y;
  padding:             0px 0px 0px 0px;
}

.tableCellDisabled {
  background-image:    url(/images/overview/wrong.gif);
  background-position: top left;
  color:            #999999;
  padding:          3px 10px 5px 20px;
  background-color: #f3f3f3;
}

.tableCellEnabled {
  background-image:    url(/images/overview/right.gif);
  background-position: top left;
  background-repeat:   no-repeat;
  padding:             3px 10px 5px 20px;
  background-color:    #fdfdfd; /* #ffffff */
}


/* HIGHLIGHTING ITEMS ---------------------------------------------*/
.highlight {
  background-color: #ffff00;
}