/*	PULLOUT $Revision: #1 $
@author btapley
http://webdev/wiki/index.php/Pullout
*/
p.pullout-item img { margin-right: 0; }
.pullout-left,
.pullout-right { _height: 1em;  }
[className~=pullout-left] {
 margin-left: 0;
 display: inline-block;
}
.pullout-left:after, 
.pullout-right:after { /* CSS-2 Syntax for IE 8 */
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-left::after, 
.pullout-right::after {
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-item {
overflow: hidden;
_height: 100%;
}
.left-wrap .pullout-item,
.right-wrap .pullout-item { _height: auto; }
.right-wrap .pullout-item {
clear: right;
}
.left-wrap .pullout-item {
clear: left;
}
.pullout-left .pullout-item {
float: left;
margin-left: 0 !important;
_margin-right: 6px; 
}
.pullout-right .pullout-item {
float: right;
margin-right: 0 !important;
_margin-left: 6px; 
}
div.left-wrap>.pullout-item { margin-right: 10px; }
.pullout-left>span { display: block; }
*.pullout-left span,
*.pullout-left *.pullout-left span { _display: block; }
*.pullout-left *.pullout-left * span,
*.pullout-left * span { _display: inline; }
div.right-wrap>.pullout-item { margin-left: 10px; }
a.pullout-left,
a.pullout-right {
display: block;
_cursor: hand;
}
div.pullout-wrap>* { margin-left: 0; }
div.left-wrap>.pullout-item { margin-right: 10px; }
div.right-wrap>.pullout-item { margin-left: 10px; }
.left-180 .pullout-item,
.right-180 .pullout-item { width: 180px; }
.left-155 .pullout-item,
.right-155 .pullout-item { width: 155px; }
.left-140 .pullout-item,
.right-140 .pullout-item { width: 140px; }
.left-125 .pullout-item,
.right-125 .pullout-item { width: 125px; }
.left-112 .pullout-item,
.right-112 .pullout-item { width: 112px; }
.left-100 .pullout-item,
.right-100 .pullout-item { width: 100px; }
.left-90 .pullout-item,
.right-90 .pullout-item { width: 90px; }
.left-80 .pullout-item,
.right-80 .pullout-item { width: 80px; }
.left-72 .pullout-item,
.right-72 .pullout-item { width: 72px; }
.left-71 .pullout-item,
.right-71 .pullout-item { width: 71px; }
.left-51 .pullout-item,
.right-51 .pullout-item { width: 51px; }
.left-60 .pullout-item,
.right-60 .pullout-item { width: 60px; }
.left-50 .pullout-item,
.right-50 .pullout-item { width: 50px; }
.left-40 .pullout-item,
.right-40 .pullout-item { width: 40px; }
.left-20 .pullout-item,
.right-20 .pullout-item { width: 20px; }
.left-16 .pullout-item,
.right-16 .pullout-item { width: 16px; }
.left-16 .pullout-item { margin-right: 0;  }
.right-16 .pullout-item { margin-left: 0;  }
.left-180>* { margin-left: 190px !important; }
.right-180>* { margin-right: 190px !important; }
.left-155>* { margin-left: 165px !important; }
.right-155>* { margin-right: 165px !important; }
.left-140>* { margin-left: 150px !important; }
.right-140>* { margin-right: 150px !important; }
.left-125>* { margin-left: 135px !important; }
.right-125>* { margin-right: 135px !important; }
.left-112>* { margin-left: 122px !important; }
.right-112>* { margin-right: 122px !important; }
.left-100>* { margin-left: 110px !important; }
.right-100>* { margin-right: 110px !important; }
.left-90>* { margin-left: 100px !important; }
.right-90>* { margin-right: 100px !important; }
.left-80>* { margin-left: 90px !important; }
.right-80>* { margin-right: 90px !important; }
.left-72>* { margin-left: 82px !important; }
.right-72>* { margin-right: 82px !important; }
.left-71>* { margin-left: 81px !important; }
.right-71>* { margin-right: 81px !important; }
.left-60>* { margin-left: 70px !important; }
.right-60>* { margin-right: 70px !important; }
.left-50>* { margin-left: 60px !important; }
.right-50>* { margin-right: 60px !important; }
.left-51>* { margin-left: 61px !important; }
.right-51>* { margin-right: 61px !important; }
.left-40>* { margin-left: 50px !important; }
.right-40>* { margin-right: 50px !important; }
.left-20>* { margin-left: 28px !important; }
.right-20>* { margin-right: 28px !important; }
.left-16>* { margin-left: 20px !important; }
.right-16>* { margin-right: 20px !important; }