Change Top-Box style

1 files changed, 37 insertions, 10 deletions

diff --git a/css/styles.css b/css/styles.css
index 0f5c2bf..3770ff2 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -146,7 +146,6 @@ table.event {
 	width: 250px;
 	height: 250px;
 	float: left;
-	border: 1px solid #6D96A9;
 	margin: 2px;
 	padding: 0px;
 }
@@ -157,6 +156,8 @@ table.event tr td.tools {
 	width: 25px;
 	text-align: center;
 	vertical-align: top;
+	border-left: 1px solid #000000;
+	border-bottom: 1px solid #000000;
 }
 
 table.event tr td.tools img {
@@ -165,13 +166,11 @@ table.event tr td.tools img {
 
 
 table.event tr td.content {
+	width: 225px;
 	float: left;
 	padding: 5px;
-}
-
-table.event tr td.content {
-	float: left;
-	padding: 5px;
+	border-right: 1px solid #000000;
+	border-bottom: 1px solid #000000;
 }
 
 div.description {
@@ -186,11 +185,9 @@ div.info {
 }
 
 table.event tr td.station {
-	background: #6D96A9;
-	color: white;
-	font-weight: bold;
 	margin: 0;
-	padding: 3px 3px 3px 10px;
+	padding: 0;
+	height: 25px;
 }
 
 table.event tr td.content .title {
@@ -362,3 +359,33 @@ table.edit tr td.label {
 table.edit tr.active {
 	background: #DEE6EE;
 }
+
+/*
+
+  Buttons
+*/
+
+td.station div {
+	margin: 0;
+	padding: 0;
+	height: 25px;
+	background: url(/bg_box_l.png) top left no-repeat;
+	cursor: pointer;
+	color: white;
+	font-weight: bold;
+	text-align: center;
+}
+
+td.station div div {
+	background: url(/bg_box_r.png) top right no-repeat;
+	margin-left: 3px;
+	height: 25px;
+}
+
+td.station div div div {
+ 	margin: 0 3px 0 0px;
+ 	padding: 5px;
+	background: url(/bg_box_h.png) repeat-x;
+	height: 25px;
+	vertical-align: middle;
+}