.obsBox {position:relative;z-index:1;background-color:transparent;}
.obsTL {width:5px;height:5px;position:absolute;top:0px;left:0px;}
.obsTR {width: 5px; height: 5px;position: absolute;top: 0px; right: 0px;}
.obsBL {width: 5px; height: 5px;position: absolute;bottom:0px; left: 0px;}
.obsBR {width: 5px; height: 5px;position: absolute;bottom:0px; right: 0px;}

.obsTable {width:100%;height:100%;border:0px;z-index:2;}
.obsTableCell { position: absolute; }
.obsContent { display: table-cell; vertical-align: middle; }
.obsShadow {height: 27px; width: 100%; position:absolute; bottom: 0px; left: 0px; }
div > .obsTable {position: absolute;top:0px;left:0px;}
.valignMid		{ top: 45%; }
.alignCent		{ left: 45%; }
div > .obsTL 	{ background-image: url(/images/obs/obs_TL.png); }
div > .obsTR 	{ background-image: url(/images/obs/obs_TR.png); }
div > .obsBL 	{ background-image: url(/images/obs/obs_BL.png); }
div > .obsBR 	{ background-image: url(/images/obs/obs_BR.png); }
div > .obsShadow{ background-image: url(/images/obs/obshadebot.png); }
.blueish 		{ background-image: url(/images/obs/blueish.gif); z-index:10; }
.blackmind 		{ background-image: url(/images/obs/blackmind.gif); }
.pinky 			{ background:transparent url(/images/obs/pinky.gif) repeat top left; z-index:2;}
.greenpeace 	{ background-image: url(/images/obs/greenpeace.gif); }
.itsorange 		{ background-image: url(/images/obs/itsorange.gif); }
.violetlove 	{ background-image: url(/images/obs/violetlove.gif); }
div > .oscurissimo	{ background-image: url(/images/obs/oscurissimo.png); }