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

#case-tooltip {
  position: absolute;
  background: transparent url(../images/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: 10px;
  position: absolute;
  top: 115px;
}

.cases .link a {
  font: 11px verdana;
  color: #003399;
  text-decoration: none;
  background: url(../images/arrow.gif) no-repeat scroll left center;
  padding-left: 10px;
  font-weight: bold;
}

.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 ***/

.cases600 {
	width: 600px;
}



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

#Content__ctl1_cases600_2 .case {
  width: 300px;
}

#Content__ctl1_cases600_2 .first {
    width: 299px ! important;
}

#Content__ctl1_cases600_2 .hp {
  left: 230px;
}

#Content__ctl1_cases600_2 .hp-logo {
  left: 230px;
}



/* Fixes for IE6 Quirks mode */

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