/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
              shared si styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ******************************
 *  These represent the faces of styles stored
 *  in display settings.  The info here is static
 *  and we are using it as a way to reduce page size
 * ******************************/

.ffv {
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

.ffvw {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ffffff;
}

.ffvb {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
}

.fft {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
}

.fftw {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  color: #ffffff;
}

.fftb {
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  color: #000000;
}

/* ******************************
 *  Used to color a link white
 * ******************************/
.white {
  color: #ffffff;
}

/* ******************************
 *  The standard class for a dialog popup
 * ******************************/
.siDialogClass {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background-color: transparent;
  z-index: 999;
}


/* ******************************
 *  standard style to eliminate whitespace
 *  caused by closing a form element.
 * ******************************/
.si_form {
  margin:0px;
}

/* ******************************
 *  Classes used by the form inputs
 *  in the page header
 * ******************************/
.pgHd_Search_Input {
  font-size:14px;
  margin:1px;
  width:240px;
}

.pgHd_Channel_Input {
  font-size:14px;
  margin:0px;
  width:190px;
}

/* ******************************
 *  Classes used by the channel
 *  tree DHTML
 * ******************************/
.chan_sel_div {
  margin-top:4px;
  margin-bottom:4px;
  margin-right:0px;
  margin-left:0px;
  display:inline;
}

.chan_sel_img {
  position:relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:4px;
  margin-left:2px;
  width: 14px;
  height: 14px;
  border-width: 0px;
}

.chan_sel_owner_img {
  position:relative;
  top: 1px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:2px;
  margin-left:2px;
  width: 15px;
  height: 16px;
  border-width: 0px;
}

.chan_sel_sp_img {
  position: relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  margin-left:1px;
  width: 1px;
  height: 14px;
  border-width: 0px;
}

.chan_sel_arrow_img {
  position: relative;
  top: 5px;
  margin-left: 9px;
  margin-right: 4px;
  margin-top: 0px;
  margin-bottom: 4px;
  width: 7px;
  height: 11px;
  border-width: 0px;
}

.chan_sel_text {
  display: inline;
  top: 0px;
  position: relative;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: xx-small;
}


/* ******************************
 *  Classes used by the channel
 *  tree DHTML - should be identical
 *  to above but with short names
 *
 *    csd = chan_sel_div
 *    imp = chan_sel_img
 *    imo = chan_sel_owner_img
 *    ims = chan_sel_sp_img
 *    ima = chan_sel_arrow_img
 *    cst = chan_sel_text
 * ******************************/
.csd {
  margin-top:4px;
  margin-bottom:4px;
  margin-right:0px;
  margin-left:0px;
  display:inline;
}

.imp {
  position:relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:4px;
  margin-left:2px;
  width: 14px;
  height: 14px;
  border-width: 0px;
}

.imo {
  position:relative;
  top: 1px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:2px;
  margin-left:2px;
  width: 15px;
  height: 16px;
  border-width: 0px;
}

.ims {
  position: relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:0px;
  margin-left:1px;
  width: 1px;
  height: 14px;
  border-width: 0px;
}

.ima {
  position: relative;
  top: 5px;
  margin-left: 9px;
  margin-right: 4px;
  margin-top: 0px;
  margin-bottom: 4px;
  width: 7px;
  height: 11px;
  border-width: 0px;
}

.cst {
  display: inline;
  top: 0px;
  position: relative;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: xx-small;
}

#chanTree {
  position: relative;
}

#msgDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 120px;
  width: 100%;
  z-index: 2;
  border: 2px solid #ff0000;
  font: 10pt/12pt monospace;
  color: #cc0000;
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
  visibility: hidden;
}

/* used by mypage report tree */
.rpt_plus_img {
  position:relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:2px;
  margin-left:1px;
  width: 14px;
  height: 14px;
  border-width: 0px;
}

.rpt_plus_sp_img {
  position: relative;
  top: 3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-right:20px;
  margin-left:1px;
  width: 1px;
  height: 14px;
  border-width: 0px;
}

.rpt_folder_img {
  position:relative;
  top: 3px;
  margin-top:1px;
  margin-bottom:1px;
  margin-right:2px;
  margin-left:1px;
  width: 17px;
  height: 12px;
  border-width: 0px;
}

.rpt_rpt_img {
  position:relative;
  top: 4px;
  margin-top:1px;
  margin-bottom:1px;
  margin-right:2px;
  margin-left:1px;
  width: 12px;
  height: 11px;
  border-width: 0px;
}

/* ****************************
 *  Classes used by the search
 *  results pages to position
 *  icons appearing in 1st col.
 * ****************************/
.sr_icon_attachment {
  /*this value should be set to maximum size of an icon used to represent attachment type */
  height: 17px;
}

.sr_icon_advice_level {
  position:relative;
  margin-top:4px;
  margin-bottom:2px;
  margin-right:0px;
  margin-left:0px;
  width: 11px;
  height: 16px;
}

/* ****************************
 *  Classes used by Markup Lite block codes
 * ****************************/
.mlQuote {
  margin: 5px 0px 5px 20px;
  border: 1px solid #000000;
  padding: 4px;
  background-color: #efefef;
}

.mlCode {
  margin: 5px 0px 5px 20px;
  border: 1px solid #000000;
  padding: 4px;
  background-color: #efefef;
  font-family: "Courier New",monospace;
  font-size: 8pt;
}

/* ****************************
 *  Category tree combo boxes style info
 * ****************************/
.catTreeCombo {
  width: 270px;
}

/* Buttons with customize label */
.buttons {
	background: url("/images/btn_uni_left.gif") no-repeat left ;
	height: 20px;
	padding: 3px 0px 7px 5px;
	font-size: 7pt;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.buttons span {
  margin-top: 4px;
	background: url("/images/btn_uni_right.gif") no-repeat right ;
	padding: 3px 10px 7px 5px;
	height: 20px;
	text-align: center;
}