/**
 * Note: these classes use Firefox- and Safari-specific styles to obtain rounded borders, this also includes
 * the appropriate CSS 3 selector for rounded borders which should (theoretically) override the browser-specific
 * versions whenver they begin supporting CSS 3.
 *
 * Side Effect: IE and Opera users will see square borders until CSS 3 supported by them
 *
 * Firefox shorthand notation: TL TR BL BR (think of a clock starting in top-left corner)
 */
 
 
/* global settings for all rounded classes */
.rnd_all, .rnd_a, .rnd,
.rnd_top, .rnd_t,
.rnd_bottom, .rnd_b,
.rnd_left, .rnd_l,
.rnd_right, .rnd_r,
.rnd_top_left, .rnd_tl,
.rnd_top_right, .rnd_tr,
.rnd_bottom_left .rnd_bl,
.rnd_bottom_right .rnd_br{
	border:solid 1px #f1f1f1;
	padding:.5em;
}

.rnd_all, .rnd_a, .rnd{
	-moz-border-radius: .8em;
	-webkit-border-radius: .8em;
	border-radius: .8em;
}

.rnd_top, .rnd_t{
	-moz-border-radius: .8em .8em 0 0;
	-webkit-border-top-left-radius: .8em;
	-webkit-border-top-right-radius: .8em;
	border-top-left-radius: .8em;
	border-top-right-radius: .8em;
}

.rnd_bottom, .rnd_b{
	-moz-border-radius: 0 0 .8em .8em;
	-webkit-border-bottom-left-radius: .8em;
	-webkit-border-bottom-right-radius: .8em;
	border-bottom-left-radius: .8em;
	border-bottom-right-radius: .8em;
}

.rnd_left, .rnd_l{
	-moz-border-radius: .8em 0 0 .8em;
	-webkit-border-top-left-radius: .8em;
	-webkit-border-bottom-left-radius: .8em;
	border-top-left-radius: .8em;
	border-bottom-left-radius: .8em;
}

.rnd_right, .rnd_r{
	-moz-border-radius: 0 .8em .8em 0;
	-webkit-border-top-right-radius: .8em;
	-webkit-border-bottom-right-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-right-radius: .8em;
}

.rnd_top_left, .rnd_tl{
	-moz-border-radius: .8em 0 0 0;
	-webkit-border-top-left-radius: .8em;
	border-top-left-radius: .8em;
}

.rnd_top_right, .rnd_tr{
	-moz-border-radius: 0 .8em 0 0;
	-webkit-border-top-right-radius: .8em;
	border-top-right-radius: .8em;
}

.rnd_bottom_left .rnd_bl{
	-moz-border-radius: .8em 0 0 0;
	-webkit-border-bottom-left-radius: .8em;
	border-bottom-left-radius: .8em;
}

.rnd_bottom_right, .rnd_br{
	-moz-border-radius: .8em 0 0 0;
	-webkit-border-bottom-right-radius: .8em;
	border-bottom-right-radius: .8em;
}

.hl:hover{
	background-color:#f1f1f1;
}