.scwidget {display: inline-block;width:230px;background:#ffffff;border:1px solid #eee;padding:6px 8px;font: 14px Trebuchet MS,Arial,sans-serif;}
.scwidget .scw-wrap {display: table;width: 100%;position:relative;;}
.scwidget .scw-wrap .scw-wrap-left {color: #010101;padding-right:10px;display: table-cell;vertical-align: top;}
.scwidget .scw-wrap .scw-wrap-left .scw-wrap-left-top {margin-bottom:4px;}
.scwidget .scw-wrap .scw-wrap-left .scw-wrap-left-foo {font-size:12px;color: #7e7e7e;}
.scwidget .scw-wrap .scw-wrap-right {display: table-cell;width:50px;vertical-align: top;}
.scwidget .scw-wrap .scw-tick {display: inline-block;}
.scwidget .scw-wrap .scw-amount {display: inline-block;float:right;}

.scw-percent {position: absolute;top: 0px;right: 0px;color: #fff;font-size: 9px;padding: 1px 2px;line-height: 10px;z-index: 1;opacity: .5;border-radius: 2px;}
.scwidget:hover .scw-percent {opacity: 1;}
.scw-percent.scw-bg-red {background: #d50000;}
.scw-percent.scw-bg-green {background: #2ea200;}

.scwidget.scw-view-small {width:145px;}
.scwidget.scw-view-small .scw-wrap .scw-tick {display:block;}
.scwidget.scw-view-small .scw-wrap .scw-wrap-left .scw-wrap-left-top {margin-bottom: 0;overflow: hidden;}
.scwidget.scw-view-small .scw-wrap .scw-amount {display:block;float:none;white-space: nowrap;}

.scwidget .scw-foo-buy {display: inline-block;margin-right: 5px;}
.scwidget .scw-foo-sell {display: inline-block;}
.scwidget .scw-foo-end {display: inline-block;float:right;}

.scwidget .scw-bold {font-weight: bold;}
.scwidget .scw-color-red {color: #d50000;}
.scwidget .scw-color-green {color: #2ea200;}

.scwidget.scw-up.amount-color .scw-amount {color: #2ea200;}
.scwidget.scw-down.amount-color .scw-amount {color: #d50000;}

.scwidget.scw-theme-dark {background:#161a1e;border:1px solid #000;}
.scwidget.scw-theme-dark .scw-wrap .scw-wrap-left {color:#ffffff;}
.scwidget.scw-theme-dark .scw-wrap .scw-wrap-left .scw-wrap-left-foo {color:#b7bdc6;}

.scwidget.scw-theme-dark .scw-color-red {color: #e03636;}
.scwidget.scw-theme-dark .scw-color-green {color: #60af41;}

.scwidget.scw-theme-dark.scw-up.amount-color .scw-amount {color: #60af41;}
.scwidget.scw-theme-dark.scw-down.amount-color .scw-amount {color: #e03636;}

.scwidget.scw-theme-shadow {border:0px solid #eee;-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);}