/*==============================
		element shadowing
==============================*/

div.hide_top_border {
	position: relative;
	top: 4px;
	height: 4px;
	/*change the background colour
	according to the background
	of the element below
	the shadowed element*/
	background: #fff;
}

div.shadowed_01 {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

div.shadowed_02 {
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}

div.shadowed_03 {
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}

div.shift_to_left {
	position: relative;
	/*Be careful how this
	effects the resulting 
	position of shadowed element*/
	margin: 0px 0px 0px -4px;
}