/*
 * Style sheet for the Foam Rangers admin pages.
 *
 * $Id: foamrangers.css,v 1.6 2006/01/19 00:55:15 dcato Exp $
 */

/******* Common Properties *******/

body {
  background-color: #d0e0d0;
  font-family:      Georgia, Times, "Times New Roman", serif;
}

h1 {
  text-align:       center;
}

img {
  border:           none;
}

input {
  font-family:      90% Verdana, Helvetica, sans-serif;
}

fieldset {
  border:           4px ridge #f0f0f0;
  margin:           1ex 0;
  padding:          1ex;
}

legend {
  font-weight:      bold;
  font-family:      Verdana, Helvetica, sans-serif;
  padding:          0.5ex;
}

label {
  text-align:       right;
  vertical-align:   middle;
  display:          block;
  margin-right:     0.5em;
  position:         relative;
  float:            left;
  font-weight:      bold;
  font-family:      Verdana, Helvetica, sans-serif;
}

.sublabel {
  text-align:       left;
  display:          inline;
  font-weight:      bold;
  font-family:      Verdana, Helvetica, sans-serif;
  margin:           0 1em 0 0.5em;
}

.formLabel {
  color:            black;
}
.formLabelDisabled {
  color:            #c0c0c0;
}

.fieldLabel {
  color:            black;
  display:          inline;
  float:            none;
}
.fieldLabelDisabled { 
  color:            #c0c0c0;
  display:          inline;
  float:            none;
}

.fieldSuppl {
  display:          inline;
  float:            none;
  margin-left:      0.5em;
  font:             normal 80% Verdana, Helvetica, sans-serif;
}
.fieldSupplDisabled {
  display:          none;
}

.fieldNote {
  display:          inline;
  float:            none;
  margin-left:      0.5em;
  font:             italic 80% Verdana, Helvetica, sans-serif;
}

.groupNote p {
  font:             normal 80% Verdana, Helvetica, sans-serif;
  padding:          0 0.5em 1em 0.5em;
  text-align:       justify;
}

.formSelect {
  background-color: #f8f8f8;
  color:            #484848;
  border:           1px solid #909090;
}

.formSelectDisabled {
  background-color: #e0e0e0;
  color:            #a0a0a0;
  border:           1px solid #7f7f7f;
}

.formField {
  background-color: #f8f8f8;
  color:            #484848;
  border:           1px solid #909090;
  padding:          2px 4px;
}
.formFieldSelected, .formField:focus {
  background-color: #ffffcc;
  color:            black;
  border:           1px solid black;
  padding:          2px 4px;
}
.formFieldFilled {
  background-color: white;
  color:            black;
  border:           1px solid black;
  padding:          2px 4px;
}
.formFieldDisabled {
  background-color: #e0e0e0;
  color:            #a0a0a0;
  border:           1px solid #7f7f7f;
  padding:          2px 4px;
}

.formButton {
  margin:           1ex 1em 1ex 0;
}

.formButtonGroup {
  text-align:       center;
}

.name {
  font-weight:      bold;
}

.note {
  font-style:       italic;
}

.info {
  color:            #0000f0;
  font-weight:      bold;
}

.warning {
  color:            #f07000;
  font-weight:      bold;
}

.error {
  color:            #f00000;
  font-weight:      bold;
}

.expinfo {
  color:            #0000f0;
  font-weight:      normal;
}

.expwarning {
  color:            #f07000;
  font-weight:      normal;
}

.experror {
  color:            #f00000;
  font-weight:      normal;
}

.JSwarning {
  background-color: #f0f0f0;
  color:            #f00000;
  text-align:       left;
  border:           1px solid black;
  margin:           2ex 2em;
  padding:          1em;
  line-height:      1.2;
}
.JSwarning .hostname {
  font-family: "Courier New", Courier, monospace;
}

/******* Navigation Bar *******/

#navbar {
  font:             bold 90% Verdana, Helvetica, sans-serif;
  height:           5ex;
  border-bottom:    2px solid #909090;
}

#navbar ul {
  list-style:       none;
  margin:           0;
  padding:          1ex 1em;
}

#navbar li {
  float:            left;
  display:          inline;
  margin-right:     1em;
  padding:          0;
}

#navbar .right {
  float:            right;
  margin-right:     0;
  padding:          0;
}

#navbar a:link, #navbar a:visited {
  background-color: #f0f0f0;
  color:            #f00000;
  text-decoration:  none;
  border:           1px solid #424e42;
  padding:          0.5ex 0.5em;
  -moz-border-radius: 8px;
}

#navbar a:hover {
  background-color: #d8d8d8;
  color:            #f00000;
}

/******* Navigation Tabs *******/

#navtabs {
  float:            left;
  width:            100%;
  background:       #d0e0d0 url("./images/tab_bg.gif") repeat-x bottom;
  font-size:        90%;
  font-family:      Verdana, Helvetica, sans-serif;
  line-height:      normal;
}

#navtabs ul {
  margin:           0;
  padding:          10px 10px 0;
  list-style:       none;
}

#navtabs li {
  float:            left;
  background:       url("./images/tab_left.gif") no-repeat left top;
  margin:           0;
  padding:          0 0 0 9px;
  border-bottom:    1px solid #498b6a;
}

#navtabs a {
  float:            left;
  display:          block;
  width:            .1em;  /* IE/Win hack */
  background:       url("./images/tab_right.gif") no-repeat right top;
  padding:          5px 15px 4px 6px;
  text-decoration:  none;
  font-weight:      bold;
  color:            #498b6a;
}
#navtabs > ul a {
  width:            auto;  /* Override IE/Win hack for non-IE browsers */
}
/* Hide rule from IE5/Mac \*/
#navtabs a {
  float:            none;
}
/* End IE5/Mac hack */

#navtabs a:hover {
  color:            #3f3f3f;
}

#navtabs .selected {
  background-position: 0 -150px;
  border-width:     0;
}

#navtabs .selected a {
  background-position: 100% -150px;
  padding-bottom:   5px;
  color:            #3f3f3f;
}

#navtabs .normal {
  background-position: 0% 0;
}

#navtabs .normal a {
  background-position: 100% 0;
}

#navtabs li:hover, #navtabs li:hover a {
  background-position: 0% -150px;
  color:            #3f3f3f;
}

#navtabs li:hover a {
  background-position: 100% -150px;
}

#navtabs .clear {
  clear:            both;
}

/******* Options Pane *******/

#options {
  position:         absolute;
  top:              8em;
  left:             0;
  width:            10em;
  margin:           0;
  padding:          0 1em;
}
/*body>#options {
  position:         fixed;
}*/

#options h1 {
  margin-top:       0;
  margin-bottom:    0.5em;
  font-weight:      bold;
  font-size:        100%;
  text-align:       left;
}

#options p {
  margin-top:       0;
  margin-bottom:    1em;
}

#options form {
  margin-top:       0;
  margin-bottom:    1em;
}

/******* Portal Page *******/

#portal h1 {
  margin-bottom:    1em;
  font:             bold 240% "Zapf Chancery", "Apple Chancery", "Brush Script MT", Verdana, Helvetica, sans-serif;
}

#portal {
  text-align:       center;
}

#portal .instructions {
  font-weight:      bold;
  margin:           2em;
}