/* tipbox :
	table :
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components :
		a.close	: close button
		err		: errors div
		p		: error line
*/

.tipbox .tl {
  background: url('../images/tl.png') no-repeat;
}

.tipbox .t {
  background: url('../images/t.png') repeat-x;
  height: 16px;
}

.tipbox .tr {
  background: url('../images/tr.png') no-repeat;
}

.tipbox .l {
  background: url('../images/l.png') repeat-y;
  width: 16px;
  padding: 0;
}

.tipbox .r {
  background: url('../images/r.png') repeat-y;
  width: 16px;
}

.tipbox .bl {
  background: url('../images/bl.png') no-repeat;
}

.tipbox .b {
  background: url('../images/b.png') no-repeat;
  height: 25px;
}

.tipbox .br {
  background: url('../images/br.png') no-repeat;
}

.tipbox .c {
  background: url('../images/c.png') repeat;
}

.tipbox a.close {
  float: right;
  background: url('../images/close.png') no-repeat;
  position: relative;
  margin-left: 5px;
  display: block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.tipbox .err {
  float: left;
}

.tipbox font {
  width: auto;
  display: block;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  color: #FFF;
}