Print Preview: Changing visuals for the checkboxes to be checkmarks.

Also
1) fixing the position of the checkmark to be in the middle of the checkbox
2) changing the print button border width

BUG=83425, 83148, 83416
TEST=See bug descriptions.


Review URL: http://codereview.chromium.org/7068001

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@86562 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/print_preview.css

@@ -224,8 +224,7 @@ button.default {
   -webkit-padding-end: 21px;
   -webkit-padding-start: 21px;
   border-color: #808080;
-  border-width: 2px;
-  font-weight: 600;
+  font-weight: bold;
 }
 
 button.default:disabled {
@@ -321,20 +320,12 @@ input[type='checkbox']:active {
 }
 
 input[type='checkbox']:checked:before {
-  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5);
   color: #808080;
-  content: '×';
-  display: inline-block;
-  font-size: 21px;
-  font-weight: bold;
+  content: url('./print_preview/checkmark.png');
   height: 16px;
-  line-height: 16px;
+  left: 2px;
   opacity: 1;
-  overflow: hidden;
   position: absolute;
-  text-align: center;
-  top: -1px;
-  width: 16px;
 }
 
 input[type='radio'] {
@@ -390,7 +381,6 @@ input[type='radio']:checked:before {
   width: 5px;
 }
 
-html[dir='rtl'] input[type='checkbox']:checked:before,
 html[dir='rtl'] input[type='radio']:checked:before {
   right: 0;
 }