.dragging li.ui-state-hover {min-width: 240px;}
.dragging .ui-state-hover a {color:green !important;font-weight: bold;}
/*.connectedSortable tr, .ui-sortable-helper {cursor: move;}*/
.ui-sortable-placeholder {background: yellow;}
 
.dragtable-drag-handle{cursor: move;display:inline-block;padding:5px}
/*gets wrapped around placeholder table*/
.dragtable-drag-wrapper{	position: absolute;z-index: 1000;} 
/*this gets applied to the table copy of the col that we are dragging */ 
.dragtable-drag-wrapper .dragtable-drag-col{opacity: 0.7;filter: alpha(opacity=70);cursor:move;}

/*placeholder is just a name for the real table col*/
.dragtable-col-placeholder { border-left: 1px dotted black;border-right: 1px dotted black; color:#EFEFEF;background: #EFEFEF !important; 
            visibility: visible !important;}
table .dragtable-col-placeholder:first{border-top:1px dotted black;}
.dragtable-col-placeholder * { opacity: 0.0; visibility: hidden; }

.card .card_icon,  .card .status_icon {display: inline-block;vertical-align: bottom;height: 23px;width: 27px;}
.card .card_icon { background: transparent url('../../images/icons/credit_card_sprites.png') no-repeat 30px 0; }
.card .card_icon.visa { background-position: 0 0 !important; }
.card .card_icon.mastercard { background-position: -30px 0 !important; }
.card .card_icon.amex { background-position: -60px 0 !important; }
.card .card_icon.discover { background-position: -90px 0 !important; }
.card .status_icon { background: transparent url('../../images/icons/status_sprites.png') no-repeat 33px 0; }
.card .invalid { color: #AD3333;background: #f8e7e7;display: inline-block;width:250px}
.card .valid { color: #33AD33; background: #e7f8e7;}
.card .invalid .status_icon { background-position: 3px 0 !important; }
.card .valid .status_icon { background-position: -27px 0 !important; }