diff --git a/DCC/DCC.css b/DCC/DCC.css
index c258a806e2..9931f09e45 100644
--- a/DCC/DCC.css
+++ b/DCC/DCC.css
@@ -148,6 +148,7 @@
 
 .charsheet .sheet-wrapper .sheet-item input.sheet-square, .charsheet .sheet-wrapper .sheet-item button.sheet-square {
 	width: 28px;
+	text-align: center;
 }
 
 .charsheet .sheet-wrapper label {
@@ -322,7 +323,6 @@
 	background: url('http://i.imgur.com/6lUoOzW.png') no-repeat center top;
 }
 
-
 .charsheet .sheet-wrapper .sheet-HPBG {
 	background: url('http://i.imgur.com/37exssR.png') no-repeat center top;
 }
@@ -331,49 +331,68 @@
 	background: url('http://i.imgur.com/M3KREye.png') no-repeat center top;
 }
 
-
-
 .charsheet .sheet-wrapper .sheet-combatbasics {
 	border: 1px solid #ccc;
 }
 
-
-/* Roll buttons */
-
-.charsheet .sheet-wrapper button[type="roll"] {
-	width: 100%;
-	height:28px;
-	vertical-align: middle;
-	padding: 0;
-	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	-webkit-box-sizing: border-box;
-	margin: 0;
-}
-
-.charsheet .sheet-wrapper button[type="roll"] label {
-	height:22px;
-	line-height: 22px;
-	font-size: 11px;
-	vertical-align: middle;
-	text-align:center;
-	width: 99%;
-}
-
-/* Hidden Roll buttons */
-
+/* Hidden Roll buttons */{}
 
 .charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll:before {
     content: ""!important;
 	display: none;
 }
 
-.charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll {
-    display: inline-block;
+.charsheet .sheet-wrapper button[type="roll"],  
+.charsheet .sheet-wrapper .sheet-btn {
+	width: 100%;
+	height:28px;
+	vertical-align: middle;
+	padding: 0;
+	display: inline-block;
+	margin: 0;
+	font-weight: 400;
+	text-align: center;
+	vertical-align: middle;
+	cursor: pointer;
+	background-image: none;
+	background-color: #fff;
+	border: 1px solid #ccc;
+	white-space: nowrap;
+	border-radius: 4px;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
 }
 
-.charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll  input {
-    background-color: #B6DCB6;
+.charsheet .sheet-wrapper button[type="roll"]:hover,  
+.charsheet .sheet-wrapper .sheet-btn:hover, 
+.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
+	background-color: #ebebeb;
+	border-color: #adadad;
 }
 
+.charsheet .sheet-wrapper button[type="roll"] label,
+.charsheet .sheet-wrapper button[type="roll"] input {
+	vertical-align: middle;
+	text-align:center;
+	width: 99%;
+	cursor: pointer;
+	box-shadow: none;
+	transition: none;
+	border-radius: none;
+	background-color: #f5f5f5;
+	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
+	background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
+	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
+	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
+	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
+	background-image: linear-gradient(top,#fff,#e6e6e6);
+	background-repeat: repeat-x;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
+	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+}