fixes #44 issue with celled borders. Additionally fixes inverted celled tables

build/less/collections/table.less

@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable

build/uncompressed/collections/table.css

@@ -347,15 +347,20 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 /*--------------
     Sortable
 ---------------*/

node/src/documents/collections/table.html

@@ -507,7 +507,8 @@ type   : 'UI Collection'
     <h4 class="ui header">Sortable</h4>
     <p>A table may allow a user to sort contents by clicking on a table header.</p>
 
-    <p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.</p>
+    <div class="ui warning message">Adding a classname of <code>ascending</code> or <code>descending</code> to the <code>th</code> will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.
+    </div>
 
     <table class="ui sortable table segment">
       <thead>

node/src/files/release/less/collections/table.less

@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable

node/src/files/release/uncompressed/collections/table.css

@@ -347,15 +347,20 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 /*--------------
     Sortable
 ---------------*/

src/collections/table.less

@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable