1 files changed, 45 insertions, 37 deletions

diff --git a/angular-multi-select.css b/angular-multi-select.css
index ad4372a..6ee29fc 100644
--- a/angular-multi-select.css
+++ b/angular-multi-select.css
@@ -1,7 +1,3 @@
-body {
-    font-family: "Arial";
-    font-size: 14px;
-}
 .multiSelect {             
 }
 
@@ -13,39 +9,32 @@ body {
     display: block;
     position: relative;
     margin:0 auto;       
-    font-weight: normal;
     text-align: center;
-    vertical-align: middle;
     cursor: pointer;
     background-image: none;    
-    border: 1px solid transparent;
+    border: 1px solid #999;
     padding: 6px 12px;
     font-size: 14px;
-    line-height: 1.428571429;
-    border-radius: 0px;
+    line-height: 1.4;
+    border-radius: 2px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
-    background-color: #5CB85C;
-    border-color: #4CAE4C;    
-    color: #fff;        
+    color: #666;         
 }
 
 .multiSelect .helperButton {
     display: inline-block;
-    margin-bottom: 0;
-    font-weight: normal;
     text-align: center;
-    vertical-align: middle;
+    vertical-align: top;
     cursor: pointer;
-    background-image: none;
     border: 1px solid #ccc;
-    padding: 2px 2px;
+    padding: 2px 7px;    
     font-size: 14px;
     line-height: 1;
-    border-radius: 0px;
+    border-radius: 2px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -83,23 +72,10 @@ body {
     border-bottom: 0 dotted;   
 }
 
-.multiSelect label {
-    margin-right: 0px;
-    margin-bottom: 3px;
-    padding: 5px 8px 5px 8px;    
-}
-
 .multiSelect.multiSelectItem {
-    padding: 5px 0 5px 0;    
-}
-
-.multiSelect .checkboxSelected {
-    background-color: #428bca;
-    border-color: #357ebd;    
-    color: #fff;
-    padding: 4px 7px 4px 7px;
-    border: 1px solid transparent;
-    border-radius: 1px;
+    display: block;
+    min-height: 30px;    
+    color: #666;   
 }
 
 .multiSelect .vertical {
@@ -110,8 +86,35 @@ body {
     float: left;
 }
 
-.multiSelect input {
-    margin-right: 4px;    
+.multiSelect .col {
+    display: table-cell;
+    min-width: 14px;
+    line-height: 1.4;       
+}
+
+.multiSelect img {
+    vertical-align: middle;
+    margin-bottom:4px;
+}
+
+label.multiSelect span {
+    margin-right: 5px;    
+}
+
+label.multiSelect span:hover{
+    cursor: pointer;    
+    color: #000;
+}
+
+.multiSelect .checkbox {
+    position: absolute;
+    left: -9999px;
+    cursor: pointer;
+}
+
+.multiSelect .checkboxSelected {
+    color: #333;
+    font-weight: bold;
 }
 
 .multiSelect .show {
@@ -127,6 +130,11 @@ body {
 }
 
 .multiSelect .helperButton + .helperButton  {
-    margin-left: 5px;
+    margin-left: 1px;
+}
+
+.multiSelect.disabled {
+    color: #999;
+    cursor: not-allowed;
 }