/*** rules for all templates ***/

#case-tooltip {
  position: absolute;
  background: transparent url(/NR/rdonlyres/E51E5721-C140-4FCC-916D-C879E7E3832B/0/tooltip.gif) repeat-x scroll 0 0;
  width: 226px;
  padding: 4px 16px 24px;
  font: 10px verdana;
  color: #575757;
  height: 28px;
}

.cases .hp {
  position: absolute;
  top: 0px;
  height: 135px;
  background-color: #fff;
  opacity:.80;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

.cases .link {
  left: 14px;
  position: absolute;
  top: 115px;
}

.cases .link a {
  font: 11px verdana;
  color: #003399;
  text-decoration: none;
  background: url(/NR/rdonlyres/766E2BD7-63FE-400E-8525-36D6352931A2/0/arrow.gif) no-repeat scroll left center;
  padding-left: 10px;
  font-weight: bold;
}

/*.cases .corners {
  position: static;
}*/

.cases .lt, .cases .lb, .cases .rt, .cases .rb {
  position: absolute;
  width: 8px;
  height: 8px;
}

.cases .lt, .cases .lb {
  left: 0;
}

.cases .lt, .cases .rt {
  top: 0;
}

.cases .lb, .cases .rb {
  top: 128px;
}

.cases .rt, .cases .rb {
  right: -1px;
}

.cases .hp-logo {
  position: absolute;
  top: 46px;
}

.cases .last {
    margin-right: 0 ! important;
}

.case {
	height: 135px;
  float: left;
  display: block;
  margin-right: 1px;
	text-decoration: none;
}

.cases {
  height: 135px;
  background-color: #fff;
	position: relative;
}

.cases .hp {
  width: 141px;
}

.case span {
	display: none;
}

/*** rules that depend on the template width ***/

.cases690 {
	width: 690px;
}

.cases870 {
	width: 870px;
}

/*** rules that depend on the template width and number of cases ***/

#Content__ctl1_cases690_3 .case {
  width: 267px;
}
#Content__ctl1_cases690_3 .first {
    width: 154px ! important;
}
#Content__ctl1_cases690_3 .hp {
  left: 69px;
}
#Content__ctl1_cases690_3 .hp-logo {
  left: 69px;
}

/*** 870 with 4 cases ***/

#Content__ctl1_cases870_4 .first {
    width: 156px ! important;
}

#Content__ctl1_cases870_4 .case {
  width: 237px;
}

#Content__ctl1_cases870_4 .hp {
  left: 89px;
}

#Content__ctl1_cases870_4 .hp-logo {
  left: 89px;
}

/*** 690 with 4 cases ***/

#Content__ctl1_cases690_4 .first {
    width: 153px ! important;
}

#Content__ctl1_cases690_4 .case {
  width: 178px;
}

#Content__ctl1_cases690_4 .hp {
  left: 69px;
}

#Content__ctl1_cases690_4 .hp-logo {
  left: 69px;
}

/* Fixes for IE6 Quirks mode */

* html #case-tooltip {
  width: 258px;
  height: 56px;
}