/* Backgrounds */
body, .dialog, .option, .overlay, .panel {
  background-color: #ffffff;
}

#containerHeader {
  background-position: left top;
  background-image: url(/images/backgrounds/header.png);
  background-repeat: repeat-x;
}

.background-bright {
  background-color: #ffffff;
}

.bar {
  background-image: url(/images/backgrounds/bar.jpg);
  background-position: left center;
  background-repeat: repeat-x;
}

.image-thumbnail, .image-visualization {
  background-color: #ffffff;
  background-image: url(/images/animations/loader-small.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.illustration-logos {
  background-image: url(/images/illustrations/logos.jpg);
}

.loading {
  background-color: #ffff99;
}

.overlay {
  background-image: url(/images/backgrounds/overlay.png);
}

.panel, .dialog {
  background-position: left top;
  background-image: url(/images/backgrounds/panel-0.png);
  background-repeat: no-repeat;
}

.progress-bar {
  background-color: #33cc99;
}

/* Borders */
.border-brighter {
  border-color: #ddeeee;
}

.border-error {
  border-color: #cc0000;
}

#containerHeader, .option, .panel {
  border: solid 1px #cccccc;
}

#containerHeader {
  border-bottom-style: none;
}

.option {
  border-right-style: none;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}

.panel {
  border-bottom-style: none;
  border-right-style: none;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
}

.progress-bar {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Colors */
body, div, td, input, select, textarea, .font-normal {
  color: #444444;
}

a {
  color: #007682;
}

a:hover {
  color: #33cc99;
}

a:hover.option {
  border-color: #33cc99;
}

a:hover.disabled, .disabled, .font-brighter {
  color: #888888;
}

.disabled, a:hover.disabled {
  border-color: #dddddd;
}

.font-bright {
  color: #ffffff;
}

.font-error {
  color: #cc0000;
}

.progress-container {
  border-color: #999999;
}

/* Cursors */
.disabled {
  cursor: text;
}

/* Effects */
.overlay {
  opacity: .70;
  filter: Alpha(Opacity=70);
}

/* Fonts */
body, div, a, td, input, select, textarea {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: small;
}

.disabled {
  text-decoration: none;
}

h1, h2, h3, h4, th {
  font-weight: normal;
  line-height: 0.9em;
}

h1 {
  font-size: xx-large;
}

h2 {
  font-size: x-large;
}

h3 {
  font-size: large;
}

h4 {
  font-size: larger;
}

/* Indexes */
#containerError {
  z-index: 140;
}

.dialog {
  z-index: 120;
}

.loading {
  z-index: 130;
}

.overlay {
  z-index: 110;
}

.panel {
  z-index: 100;
}

/* Sizes */
.bar {
  height: 40px;
}

.field-text {
  height: 5em;
}

.overlay {
  height: 100%;
  width: 100%;
}

.panel {
  width: 100%;
}

.progress-bar {
  height: 12px;
}

.progress-container {
  height: 12px;
  width: 100px;
}

/* Paddings */
.progress-container {
  padding: 2px;
}

.option {
  padding: 5px 10px 10px 10px;
}

/* Positions */
#containerError {
  position: absolute;
  left: 30px;
  top: 105px;
}

#containerLoading {
  position: absolute;
  left: 50%;
  top: 10px;
}

.overlay {
  left: 0px;
  top: 0px;
}

/* Visibilities */
#containerOSB {
  display: none;
}