/* debug */


/*
.icon_20, .icon_38, .icon_50 {border: 1px solid #88f;}
.dice_20, .cap_100, .dice_40 {border: 1px solid #f88;}
*/
.d6block, .d10block { display:inline-block; }
.d6block {margin:0px 2px;}
.d6block img {margin-left:-2px; margin-right:-2px;}
.d10block img {margin-left:0px; margin-right:0px;}

.icon_20 { width:20px; }
.icon_38 { height:auto;	width:38px; min-width: 34px;}

.dice_20 { height:20px;	width:22px; }
.dice_40 { width:40px; height:auto; vertical-align: -30%;}
.asterisk_40 { height:40px; vertical-align: -30%;
	min-width:10px; margin-left:-13px}
td.valueStat img.asterisk_40 { margin-left:0px}


.icon_20, .icon_38, .dice_20 {vertical-align: middle; margin-top:-3px;}
.sidebar .icon_20, .sideImgDiv .icon_20 {width:16px; min-width:16px; margin-top: -5px; margin-bottom: -2px;}

.statsTable .icon_20, .statsTable .icon_38, .statsTable .dice_20 {margin: -3px 0px 0px;}
.statsTable .d6block .dice_20 {margin: -3px -2px 0px;}

.icon_40{ height:40px; width:40px; margin: 5px; }

.icon_50{ height:50px; width:50px; margin: 5px; }

.icon_left{ float:left; clear:left; margin: 0px 10px 5px 0px; }
.die_results .icon_left{ margin: -3px 5px 2px 0px; }
.cap_100.icon_left{margin-right: 10px;}

.cap_100{ width: 100px; min-width: 100px; height: auto; margin: 0px; }

@media screen and (max-width: 1000px) {
	.cap_100 { width: 10vw; min-width: 10vw; }
	.icon_38 { width: 3.8vw; height: auto; min-width: 30px; }
}

@media screen and (max-width: 800px) {
	.icon_50 { width: 6vw; height: auto; min-width: 25px; }
}

@media screen and (max-width: 600px) {
	.cap_100 { width: 60px; min-width: 60px; }
}