@import url(buttons.css);
@import url(tabs.css);

body {
  background: #FFFFFF;
} 


#headerLayout {
  vertical-align: top;
  margin-right: 12px;
  background-color: #F9F8F8;
  background-image: url('../../../images/blue_top_line.gif');
  background-position: bottom;
  background-repeat: repeat-x;
  margin: 0;
  padding: 0; 
  height: 49px;
  padding: 3px 12px 5px 10px;
}
/* ---------- list  --------- */

.icons {
	margin-left: 10px;
	padding: 0px;
}

a.list:link, a.list:visited, a.list:active {
  color: #000000;
  text-decoration: none;
}

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

.listing {
    font-size: 14px;
	padding: 0px;
}

.listing td {
    font-size: 14px;
	padding-left: 2px;
}

th {
  height: 20px;
  background: #D6DFF7;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  font-size: 14px;
}

th a:link, th a:visited, th a:active {
  color: #000000;
  text-decoration: none;
  font-size: 14px;
}

th a:hover {
  text-decoration: underline;
  font-size: 14px;
}

.sort {
    font-size: 14px;
	background-color: #ABBEEF; 
}

.evenrowbg {
    font-size: 14px;
	height: 20px;
	background-color: #F0F0F0; 
}

.oddrowbg {
    font-size: 14px;
	height: 20px;
	background-color: #ffffff;
}

/* ---------- form  --------- */

.footnote {
   padding-top: 2px;
	text-align: left;
	color: #666666;
}

legend {
  color: #000000;
  font-weight: bold;
}

fieldset {
  border: none;
  border-top: 1px solid #D0D0D0;
}

.formFields td {
  text-align: left;
}

.name,
.nameError {
/*  font-weight: bold; */
  color: #444444;
}

.error {
  background: #ffd9d9;
}

.error .name {
  color: #cc0000;
  background: transparent;
}

.error .hint {
  color: #333333;
}

.required {
  color: #cc0000;
}

.formFields td.unlimited {
  border-left: none;
}

.formFields td.limit {
  border-right: none;
}

.hint {
  color: #555555;
}

.formButtons {
	padding-top: 5px;
}

.formArea .buttons {
  border-top: 1px solid #D0D0D0;
  padding-top: 10px;
}

fieldset .formArea .buttons,
fieldset .buttons {
  border-top: 0px;
  padding-top: 0px;
}

/* ---------- misc elements --------- */

.pathbar {
  font-size: 14px;;
  font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444444;
}

.pathbar a:link,
.pathbar a:visited {
  color: #444444;
}

.screenBody {
  background: #FFFFFF;
}

.screenTitle {
  font-size: 18px;
  font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  vertical-align: middle;
}

.screenTitle .name,
.screenTitle b {
  font-weight: normal; 
  color: #0D1DE0; 
}

.specific {
  font-weight: bold;
}

.reportIndex a:link,
.reportIndex a:visited {
  color: #333333;
}

.reportSection {
  border-top: 1px solid #cccccc;
/*  background: #ffffff; */
}

a.mailalias:link,
a.mailalias:visited {
  color: #555555; 
}

.notdelitems {
	color: #444444;
}

code {
	font-family: Courier, mono;
	font-size: 14px;;
	color: #444444;
}

.code {
	font-family: Courier, mono;
	font-size: 14px;;
}

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

/* ---------- gauge elements --------- */

td.barOverFilled { background-image: 
               url('../../icons/fill-over.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0% }
td.barFilled { background-image: 
               url('../../icons/fill.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0% }
td.barEmpty  { background-image: 
               url('../../icons/empty.gif'); 
               background-repeat: repeat; background-attachment: scroll; 
               background-position: 0% }
/* ---------- common buttons --------- */

.commonButton button,
.commonButton {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background-color: transparent;
}

.commonButton button { background-image: 
               url('../../../images/btn_bg.gif'); 
               background-repeat: no-repeat; border: 0 solid white }
.commonButton button[disabled] { background-image: 
               url('../../../images/btn_bg-disabled.gif'); 
               color: #999999 }
/* ---------- big icon buttons  --------- */
.toolsArea .commonButton { background-repeat: no-repeat; background-color: transparent; width: 85px; 
               height: 32px; cursor: pointer; text-align: center; float: left; 
               text-decoration: none; background-image: 
               url('../../../images/btn_default-button_bg.gif'); 
               line-height: 95%; margin: 0; padding-left: 0; padding-right: 0; 
               padding-top: 34px; padding-bottom: 0; background-position: 
               top center }
.toolsArea span.commonButton {
  cursor: default;
  color: #999999;
  text-decoration: none;
}

.toolsArea button {
  display: none;
}

.formArea .toolsArea .commonButton span {
  display: inline;
}

.toolsArea .screenButtons .commonButton span {
  background: none;
}

/* ---------- small icon buttons  --------- */

.buttons .commonButton,
.reportTools .commonButton,
{
  background: none;
}

.listArea .buttons .commonButton button,
.reportTools .commonButton button,
{
	display: none;
}

.buttons .commonButton span,
.reportTools .commonButton span,
{
  background-position: 0 1px;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-left: 20px;
  text-decoration: underline;
  cursor: hand;
  cursor: pointer;
  padding-top: 1px;
  padding-bottom: 4px;
}


/* buttons as buttons */
.formArea .commonButton span,
.formButtons .commonButton span,
.paging .commonButton span {
  display: none;
}

.formButtons button,
.formArea button,
.paging .commonButton button {
  width: 91px;
  height: 21px;
  text-align: center;
}