[deltacloud-devel] [PATCH aggregator 1/4] Fix the stylesheet formatting

[Tomas Sedovic]

From: Tomas Sedovic

The conversion from .sass to .scss caused the stylesheets to have a lispish
formatting style (all the closing curly braces on a single line).

We prefer to have each closing brace on a separate line with the propper
indentation.
---
 src/app/stylesheets/components.scss |  216 ++++++++++++++++++++++++-----------
 src/app/stylesheets/dcloud.scss     |  157 ++++++++++++++++++--------
 src/app/stylesheets/grid.scss       |   19 ++-
 src/app/stylesheets/layout.scss     |  109 ++++++++++++------
 4 files changed, 350 insertions(+), 151 deletions(-)

diff --git a/src/app/stylesheets/components.scss b/src/app/stylesheets/components.scss
index c7bc8ff..ba8cbfd 100644
--- a/src/app/stylesheets/components.scss
+++ b/src/app/stylesheets/components.scss
@@ -9,7 +9,9 @@
     text-transform: uppercase;
     margin-left: 5px;
     font-weight: bold;
-    letter-spacing: -0.02em; } }
+    letter-spacing: -0.02em;
+  }
+}

ul.nav {
   padding: 0;
@@ -24,18 +26,23 @@ ul.nav {
     color: #b3b3b3;
     a {
       color: #313a3d;
-      text-shadow: 0 1px 1px white; }
+      text-shadow: 0 1px 1px white;
+    }
     &.selected {
       background: #cbd6db !important;
       border-radius: 16px;
       -moz-border-radius: 16px;
       -webkit-border-radius: 16px;
-      -moz-box-shadow: 0 1px 1px #efefef; }
+      -moz-box-shadow: 0 1px 1px #efefef;
+    }
     &:hover {
       background: #dedede;
       border-radius: 16px;
       -moz-border-radius: 16px;
-      -webkit-border-radius: 16px; } } }
+      -webkit-border-radius: 16px;
+    }
+  }
+}

.header_menu_wrapper {
   padding: 0;
@@ -43,7 +50,8 @@ ul.nav {
   float: left;
   height: 35px;
   width: 230px;
-  background: #cccccc; }
+  background: #cccccc;
+}

.header_menu {
   padding: 5px 0 0 10px;
@@ -53,7 +61,8 @@ ul.nav {
   line-height: 1.5;
   height: 26px;
   width: 216px;
-  border: white solid 1px; }
+  border: white solid 1px;
+}

.header_menu_greybox {
   padding: 0;
@@ -61,17 +70,20 @@ ul.nav {
   float: left;
   height: 35px;
   width: 230px;
-  background: #cccccc; }
+  background: #cccccc;
+}

#hi-username {
   margin-right: 15px;
-  float: left; }
+  float: left;
+}

/* dashboard style */

.dashboard_column {
   float: left;
-  width: 50%; }
+  width: 50%;
+}

.dashboard_section_summary {
   background: #f2f2f2;
@@ -82,12 +94,16 @@ ul.nav {
   p {
     display: inline;
     float: left;
-    margin: 3px 0 3px 0; }
+    margin: 3px 0 3px 0;
+  }
   img {
     &:first-child {
-      padding-right: 5px; }
+      padding-right: 5px;
+    }
     vertical-align: middle;
-    float: right; } }
+    float: right;
+  }
+}

#getting_started_dashboard_section {
   background: #f2f2f2;
@@ -99,7 +115,8 @@ ul.nav {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   p {
-    padding-bottom: 5px; }
+    padding-bottom: 5px;
+  }
   ul {
     width: 100%;
     height: 120px;
@@ -112,12 +129,18 @@ ul.nav {
       border-right: 1px solid black;
       &:last-child {
         border-right: none;
-        width: 150px; } } }
+        width: 150px;
+      }
+    }
+  }
   img {
-    height: 91px; } }
+    height: 91px;
+  }
+}

#getting_started_links a {
-  float: right; }
+  float: right;
+}

#actions_dashboard_section {
   height: 100px;
@@ -131,13 +154,16 @@ ul.nav {
     padding: 0;
     margin: 0 0 15px;
     letter-spacing: -0.02em;
-    color: #4b5d63; }
+    color: #4b5d63;
+  }
   a {
     display: block;
     float: left;
     margin: 0px 15px 5px 0px;
     color: #0075c0;
-    text-decoration: underline; } }
+    text-decoration: underline;
+  }
+}

#service_quality_dashboard_section {
   border: 1px solid #dddddd;
@@ -150,19 +176,23 @@ ul.nav {
     padding: 0;
     margin: 0 0 15px;
     letter-spacing: -0.02em;
-    color: #4b5d63; } }
+    color: #4b5d63;
+  }
+}

.provider_service_quality_graph {
   width: 100px;
   height: 50px;
   float: left;
-  margin: 0px 5px 0px 5px; }
+  margin: 0px 5px 0px 5px;
+}

.provider_service_quality_graph_summary {
   float: left;
   width: 60px;
   height: 15px;
-  padding: 20px 0 24px 0; }
+  padding: 20px 0 24px 0;
+}

#key_indicators_dashboard_section {
   height: 220px;
@@ -176,7 +206,8 @@ ul.nav {
     padding: 0;
     margin: 0 0 15px;
     letter-spacing: -0.02em;
-    color: #4b5d63; }
+    color: #4b5d63;
+  }
   ul {
     float: left !important;
     width: 195px;
@@ -186,15 +217,21 @@ ul.nav {
     li {
       width: 80%;
       margin: 0;
-      padding-bottom: 10px; } }
+      padding-bottom: 10px;
+    }
+  }
   .count {
-    float: right; }
+    float: right;
+  }
   .instance_graph {
-    float: left; } }
+    float: left;
+  }
+}

#provider_instances_graph {
   width: 250px;
-  float: left; }
+  float: left;
+}

#quota_usage_dashboard_section {
   border: 1px solid #dddddd;
@@ -208,13 +245,16 @@ ul.nav {
     padding: 0;
     margin: 0 0 15px;
     letter-spacing: -0.02em;
-    color: #4b5d63; } }
+    color: #4b5d63;
+  }
+}

.account_quota_usage_graph_summary {
   padding: 15px 15px;
   display: inline;
   float: left;
-  width: 45%; }
+  width: 45%;
+}

.account_quota_usage_graph_key {
   float: right;
@@ -223,7 +263,8 @@ ul.nav {
   text-align: right;
   width: 100%;
   height: 20px;
-  padding: 0 15px 0 0; }
+  padding: 0 15px 0 0;
+}

.account_quota_usage_history_graph {
   display: inline;
@@ -231,20 +272,23 @@ ul.nav {
   margin-left: 10px;
   border: 1px solid black;
   width: 120px;
-  height: 20px; }
+  height: 20px;
+}

.account_quota_usage_current_graph {
   display: inline;
   float: left;
   margin: 0 0 10px 10px;
   width: 140px;
-  height: 50px; }
+  height: 50px;
+}

.pool_quota_usage_summary {
   display: inline;
   float: left;
   padding-left: 15px;
-  width: 15%; }
+  width: 15%;
+}

.pool_quota_usage_limit {
   display: inline;
@@ -252,7 +296,8 @@ ul.nav {
   width: 33%;
   height: 25px;
   border: 1px solid black;
-  margin-left: 17px; }
+  margin-left: 17px;
+}

.pool_quota_usage_instances {
   display: inline;
@@ -261,7 +306,8 @@ ul.nav {
   height: 25px;
   border: 1px solid black;
   margin-left: 17px;
-  margin-bottom: 15px; }
+  margin-bottom: 15px;
+}

#image_descriptor_nav {
   margin: 2px 0px 0 0px;
@@ -270,7 +316,8 @@ ul.nav {
     height: 29px;
     font-weight: normal;
     padding: 10px 10px 0px 10px;
-    margin: 0px; }
+    margin: 0px;
+  }
   ul {
     margin: 20px;
     width: 100%;
@@ -285,14 +332,20 @@ ul.nav {
       clear: none;
       font-size: 1em;
       h4 {
-        margin-top: 0px;
-        margin-bottom: 0.5em; }
+          margin-top: 0px;
+          margin-bottom: 0.5em;
+      }
       p {
         margin-top: 0;
         margin-bottom: 2em;
-        color: gray; }
+        color: gray;
+      }
       &.selected p {
-        color: black; } } } }
+        color: black;
+      }
+    }
+  }
+}

#image_descriptor_form {
   border: none;
@@ -302,7 +355,8 @@ ul.nav {
   margin: 20px;
   display: inline-block;
   input {
-    width: auto; }
+    width: auto;
+  }
   ul li {
     textarea, select, input[type=text] {
       width: 302px;
@@ -312,19 +366,24 @@ ul.nav {
       border-bottom: 1px solid #7f7f7f;
       border-left: 1px solid black;
       border-right: 1px solid black;
-      -moz-border-radius: 4px; } }
+      -moz-border-radius: 4px;
+    }
+  }
   .description {
     float: left;
     width: 300px;
     font-size: 95%;
     padding-left: 1em;
-    padding-bottom: 20px; }
+    padding-bottom: 20px;
+  }
   label {
     color: black;
     font-size: 90%;
     font-weight: bold;
     &.plain {
-      font-weight: normal; } }
+      font-weight: normal;
+    }
+  }
   .pkglist {
     float: left;
     width: 380px;
@@ -332,46 +391,63 @@ ul.nav {
     overflow: auto;
     background-color: white;
     border: 2px solid #cccccc;
-    -moz-border-radius: 6px; }
+    -moz-border-radius: 6px;
+  }
   .submit {
-    padding-top: 20px; }
+    padding-top: 20px;
+  }
   .pkglist .action_link {
     float: right;
     width: 60px !important;
-    color: blue; }
+    color: blue;
+  }
   .closed_folder {
     background-image: url(/images/dir_closed.png);
-    background-repeat: no-repeat; }
+    background-repeat: no-repeat;
+  }
   .opened_folder {
     background-image: url(/images/dir_open.png);
-    background-repeat: no-repeat; }
+    background-repeat: no-repeat;
+  }
   .groupname {
-    cursor: pointer; }
+    cursor: pointer;
+  }
   .hidden {
-    display: none; }
+    display: none;
+  }
   .selection_list > li {
-    padding-bottom: 10px; }
+    padding-bottom: 10px;
+  }
   .group, .groupkgs {
-    padding-left: 20px; }
+    padding-left: 20px;
+  }
   .pkglist .ui-tabs {
     padding: 0;
     .ui-tabs-panel {
-      padding: 1em 0.5em; } }
+      padding: 1em 0.5em;
+    }
+  }
   .left-pkglist .ui-widget-header {
     height: 26px;
-    padding: 10px; }
+    padding: 10px;
+  }
   .pkglist {
     ul.ui-tabs-nav {
       background-color: white;
       width: 379px;
-      height: 44px; }
+      height: 44px;
+    }
     .select_repository {
       float: right;
       padding: 5px 0px 5px 0px;
       select {
-        width: 150px; } } }
+        width: 150px;
+      }
+    }
+  }
   .selection_list {
-    padding: 10px; }
+    padding: 10px;
+  }
   .side_panel {
     width: 150px;
     float: left;
@@ -382,9 +458,12 @@ ul.nav {
     label {
       float: none;
       font-size: 1em;
-      padding: 5px; }
+      padding: 5px;
+    }
     li {
-      padding-bottom: 20px; } }
+      padding-bottom: 20px;
+    }
+  }
   .main_panel {
     width: 580px;
     float: left;
@@ -396,10 +475,14 @@ ul.nav {
       border-bottom: 1px solid #cccccc;
       padding: 10px;
       input {
-        font-size: 1em; } } }
+        font-size: 1em;
+      }
+    }
+  }
   .expand_target_list_button {
     float: right;
-    display: none; }
+    display: none;
+  }
   .target_list {
     li {
       border: 1px solid #cccccc;
@@ -407,9 +490,12 @@ ul.nav {
       padding: 5px;
       .status, .actions {
         float: right;
-        width: 100px; } }
+        width: 100px;
+      }
+    }
     .empty {
       text-align: center;
-      padding: 30px; } } }
-
-/* dcloud form redefines all input fields */
+      padding: 30px;
+    }
+  }
+}
diff --git a/src/app/stylesheets/dcloud.scss b/src/app/stylesheets/dcloud.scss
index ef4ff2f..7636974 100644
--- a/src/app/stylesheets/dcloud.scss
+++ b/src/app/stylesheets/dcloud.scss
@@ -2,14 +2,16 @@ form {
   border: none;
   margin: 0;
   padding: 0;
-  display: inline-block; }
+  display: inline-block;
+}

fieldset {
   border: 3px solid #efeff0;
   border-right: none;
   border-left: none;
   border-bottom: none;
-  padding: 18px 0 10px 10px; }
+  padding: 18px 0 10px 10px;
+}

ul li input {
   border: 2px solid #becfe4;
@@ -20,34 +22,40 @@ ul li input {
   outline-style: none;
   outline-width: medium;
   padding: 3px;
-  width: 302px; }
+  width: 302px;
+}

legend {
   text-transform: uppercase;
   color: #9a9a9a;
-  font-weight: bold; }
+  font-weight: bold;
+}

input, select {
   font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
-  font-size: 1.4em; }
+  font-size: 1.4em;
+}

.fieldWithErrors {
   display: inline-block;
   padding: 3px;
   background: #fff7b2;
-  border: 3px solid #fff7b2; }
+  border: 3px solid #fff7b2;
+}

.errorExplanation {
   margin: 0 0 24px 0;
   padding: 9px;
   background: #fff7b2;
   color: #867a5e;
-  -moz-border-radius: 3px; }
+  -moz-border-radius: 3px;
+}

#errorExplanation h2 {
   font-size: 14px;
   font-weight: bold;
-  color: #867a5e; }
+  color: #867a5e;
+}

.dcloud_form {
   background: #e8e8e8;
@@ -64,7 +72,8 @@ input, select {
     font-weight: normal;
     color: #43728e;
     margin: 0 0 24px 0;
-    padding: 0; }
+    padding: 0;
+  }
   ul {
     list-style-image: none;
     list-style-position: outside;
@@ -83,9 +92,13 @@ input, select {
         float: left;
         width: 160px;
         font-size: 0.8em;
-        color: #9a9a9a; } }
+        color: #9a9a9a;
+      }
+    }
     li {
-      clear: both; } }
+        clear: both;
+    }
+  }
   .txtfield {
     border: 2px solid #becfe4;
     color: #333333;
@@ -95,11 +108,14 @@ input, select {
     outline-style: none;
     outline-width: medium;
     padding: 3px;
-    width: 318px; }
+    width: 318px;
+  }
   .submit {
     float: right;
     display: inline;
-    clear: both; } }
+    clear: both;
+  }
+}

/* Styles for table */

@@ -114,7 +130,8 @@ input, select {
     text-align: left;
     font-size: 14px;
     line-height: 24px;
-    padding-left: 18px; }
+    padding-left: 18px;
+  }
   th {
     background: none;
     border-top: none;
@@ -122,16 +139,22 @@ input, select {
       display: block;
       text-decoration: none;
       &:hover {
-        text-decoration: underline; } } } }
+        text-decoration: underline;
+      }
+    }
+  }
+}

.actionlink {
   color: #0075c0 !important;
   line-height: 36px;
   font-size: 14px;
-  padding-left: 18px; }
+  padding-left: 18px;
+}

ul#providers + a.actionlink {
-  display: block; }
+  display: block;
+}

.submit_link {
   background: none;
@@ -142,7 +165,9 @@ ul#providers + a.actionlink {
   font-size: 14px;
   padding-left: 10px;
   &:hover {
-    cursor: pointer; } }
+    cursor: pointer;
+  }
+}

/* Styles for the left navigator */

@@ -153,7 +178,9 @@ ul#providers + a.actionlink {
     color: #0075c0;
     line-height: 36px;
     font-size: 14px;
-    padding-left: 10px; } }
+    padding-left: 10px;
+  }
+}

$provider_icon: "/images/icon_provider.png";
 $pool_icon: "/images/icon_vmpool.png";
@@ -170,7 +197,10 @@ ul {
       width: 224px;
       &:hover {
         background: #efefef url($provider_icon) no-repeat 2px 50%;
-        color: black; } } }
+        color: black;
+      }
+    }
+  }
   &#pools {
     list-style-type: none;
     line-height: 36px;
@@ -185,27 +215,38 @@ ul {
         border-bottom: none;
         &:hover {
           background: #efefef url($pool_icon) no-repeat 2px 50%;
-          color: black; } } } } }
+          color: black;
+        }
+      }
+    }
+  }
+}

.providername, .poolname {
-  font-size: 14px; }
+  font-size: 14px;
+}

.providername {
   background: url($provider_icon) no-repeat 2px 50%;
   &.selected {
     background: #5599b8 url($provider_icon) no-repeat 2px 50%;
-    color: white; } }
+    color: white;
+  }
+}

.poolname {
-  background: url($pool_icon) no-repeat 2px 50%; }
+  background: url($pool_icon) no-repeat 2px 50%;
+}

.selected {
   background: #f2a922;
-  color: white; }
+  color: white;
+}

.poolname.selected {
   background: #5599b8 url($pool_icon) no-repeat 2px 50%;
-  color: white; }
+  color: white;
+}

.instance_action_list {
   padding: 0;
@@ -214,11 +255,15 @@ ul {
     border-left: 1px solid black;
     display: inline;
     &.first {
-      border-left: none; } } }
+      border-left: none;
+    }
+  }
+}

#instances_table_wrapper {
   min-height: 0;
-  margin-bottom: 1em; }
+  margin-bottom: 1em;
+}

/* Style for button links */

@@ -231,13 +276,16 @@ a.button_link {
   background: #666666;
   color: white;
   -moz-border-radius: 5px;
-  -webkit-border-radius: 5px; }
+  -webkit-border-radius: 5px;
+}

#dashboard-tabs, #provider-tabs, #pool-tabs {
-  border: none; }
+  border: none;
+}

#dashboard-tabs ul, #provider-tabs ul, #pool-tabs ul {
-  float: none; }
+  float: none;
+}

/* paginated data table */
 .dtable {
@@ -245,49 +293,66 @@ a.button_link {
   width: 96%;
   margin: 20px 2% 20px 2%;
   .wrapped_table {
-    border: 1px solid #bbbbbb; }
+    border: 1px solid #bbbbbb;
+  }
   table {
-    width: 100%; }
+    width: 100%;
+  }
   .dtable_form {
-    width: 100%; }
+    width: 100%;
+  }
   tbody tr:hover {
-    background-color: #eeeeee; }
+    background-color: #eeeeee;
+  }
   table th {
-    text-align: left; }
+    text-align: left;
+  }
   .ordercol {
     background-position: left center;
     background-repeat: no-repeat;
-    padding-left: 20px; }
+    padding-left: 20px;
+  }
   .asc {
-    background-image: url(/images/Sort_down_11.png); }
+    background-image: url(/images/Sort_down_11.png);
+  }
   .desc {
-    background-image: url(/images/Sort_up_11.png); }
+    background-image: url(/images/Sort_up_11.png);
+  }
   .header {
     height: 25px;
     background-color: #eeeeee;
-    border-bottom: 1px solid #bbbbbb; }
+    border-bottom: 1px solid #bbbbbb;
+  }
   .footer {
     height: 24px;
     background-color: #eeeeee;
     border-top: 1px solid #bbbbbb;
     line-height: 1.8;
-    padding-left: 10px; }
+    padding-left: 10px;
+  }
   .search_field {
     font-size: 14px;
     position: absolute;
     top: 0px;
-    right: 1px; }
+    right: 1px;
+  }
   .search_field input {
-    font-size: 14px; }
+    font-size: 14px;
+  }
   .pagination {
     float: right;
     padding-right: 10px;
     a {
-      color: blue; } }
+      color: blue;
+    }
+  }
   .title {
     font-size: 15px;
     font-weight: bold;
-    padding-left: 10px; }
+    padding-left: 10px;
+  }
   .action_buttons {
     padding-top: 10px;
-    padding-bottom: 10px; } }
+    padding-bottom: 10px;
+  }
+}
diff --git a/src/app/stylesheets/grid.scss b/src/app/stylesheets/grid.scss
index bb3305f..3b231ca 100644
--- a/src/app/stylesheets/grid.scss
+++ b/src/app/stylesheets/grid.scss
@@ -8,10 +8,12 @@

// The following generates the default grids provided by the css version of 960.gs
 .container_12 {
-  @include grid-system(12); }
+  @include grid-system(12);
+}

.container_16 {
-  @include grid-system(16); }
+  @include grid-system(16);
+}

// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):

@@ -23,10 +25,15 @@ $ninesixty-columns: 24;
   #footer,
   #sidebar,
   #main-content {
-    @include grid-unit-base; }
+    @include grid-unit-base;
+  }
   #header, #footer {
-    @include grid-width(24); }
+    @include grid-width(24);
+  }
   #sidebar {
-    @include grid-width(8); }
+    @include grid-width(8);
+  }
   #main-content {
-    @include grid-width(16); } }
+    @include grid-width(16);
+  }
+}
diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
index b94fed3..9e00da6 100644
--- a/src/app/stylesheets/layout.scss
+++ b/src/app/stylesheets/layout.scss
@@ -3,7 +3,8 @@
 html {
   font-size: small;
   min-width: 900px;
-  min-height: 400px; }
+  min-height: 400px;
+}

body {
   font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
@@ -12,17 +13,21 @@ body {
   width: 100%;
   height: 100%;
   background-color: #333333;
-  font-size: 90%; }
+  font-size: 90%;
+}

img {
-  border-style: none; }
+  border-style: none;
+}

a {
   color: black;
-  text-decoration: none; }
+  text-decoration: none;
+}

h2, h3 {
-  font-weight: normal; }
+  font-weight: normal;
+}

#header {
   padding: 0;
@@ -33,7 +38,8 @@ h2, h3 {
   width: 100%;
   height: 90px;
   overflow: hidden;
-  background: #535353 url(/images/bg_header.png) repeat-x top; }
+  background: #535353 url(/images/bg_header.png) repeat-x top;
+}

#content {
   position: absolute;
@@ -42,7 +48,8 @@ h2, h3 {
   right: 0px;
   bottom: 0px;
   overflow: auto;
-  background-color: white; }
+  background-color: white;
+}

#side {
   padding: 5px 0 0 5px;
@@ -59,7 +66,9 @@ h2, h3 {
     color: #999999;
     font-size: 1em;
     margin: 1em 1em 0.5em 1em;
-    text-transform: uppercase; } }
+    text-transform: uppercase;
+  }
+}

#main {
   padding: 0;
@@ -68,7 +77,8 @@ h2, h3 {
   bottom: 0px;
   overflow: auto;
   background-color: white;
-  border-left: #cccccc solid 0px; }
+  border-left: #cccccc solid 0px;
+}

/*  ----- Right side of Header -------- */

@@ -83,7 +93,10 @@ h2, h3 {
     font-weight: bold;
     &:link, &:active, &:visited, &:hover {
       color: black;
-      text-decoration: none; } } }
+      text-decoration: none;
+    }
+  }
+}

#textfield_effect {
   border-width: 1px;
@@ -94,7 +107,8 @@ h2, h3 {
   font-size: 100%;
   color: white;
   width: 100px;
-  height: 16px; }
+  height: 16px;
+}

/*  ----- Blue Tabbed Navigation -------- */

@@ -108,7 +122,8 @@ h2, h3 {
   li {
     margin: 0 1px 0 1px;
     padding: 0;
-    float: left; }
+    float: left;
+  }
   a {
     float: left;
     padding: 0 15px 0 15px;
@@ -120,65 +135,80 @@ h2, h3 {
     background: none;
     &:hover {
       color: white;
-      border-bottom: 5px solid #537585; }
+      border-bottom: 5px solid #537585;
+    }
     &:focus, &:active {
-      outline-style: none; } } }
+      outline-style: none;
+    }
+  }
+}

.ui-tabs-selected a {
   color: white;
   outline-style: none;
   height: 24px;
   line-height: 1.6;
-  border-bottom: 5px solid #5599b8; }
+  border-bottom: 5px solid #5599b8;
+}

.ui-tabs-hide {
-  /*display:none; */ }
+  /*display:none; */
+}

/*  ----- PopUp Dialog -------- */

.dialog_title {
   background: #dee7eb;
   padding: 15px;
-  width: 600px; }
+  width: 600px;
+}

.dialog_title_small {
   background: #dee7eb;
   padding: 15px;
-  min-width: 500px; }
+  min-width: 500px;
+}

.header {
   font-size: 180%;
-  line-height: 1.6; }
+  line-height: 1.6;
+}

.dialog_body {
   overflow: auto;
-  height: 350px; }
+  height: 350px;
+}

.confirm_dialog_title {
   width: 400px;
   padding: 15px;
   font-size: 110%;
-  background: url(/images/bg_warningMessage.png) top repeat-x; }
+  background: url(/images/bg_warningMessage.png) top repeat-x;
+}

.confirm_dialog_header {
   background: url(/images/icon_warning.png) top left no-repeat;
   padding: 0 0 0 45px;
-  min-height: 36px; }
+  min-height: 36px;
+}

.confirm_dialog_footer {
   height: 37px;
   text-align: right;
-  padding: 5px 9px 0 0; }
+  padding: 5px 9px 0 0;
+}

.button {
   padding: 0 0 0 2px;
-  float: right; }
+  float: right;
+}

.button_left_blue {
   background: url(/images/button_left.png) no-repeat;
   width: 6px;
   height: 29px;
-  float: left; }
+  float: left;
+}

.button_middle_blue {
   background: url(/images/button_middle.png) repeat-x;
@@ -187,13 +217,15 @@ h2, h3 {
   color: white;
   line-height: 2.3;
   font-size: 105%;
-  display: block; }
+  display: block;
+}

.button_right_blue {
   background: url(/images/button_right.png) no-repeat;
   width: 6px;
   height: 29px;
-  float: left; }
+  float: left;
+}

.button_middle_blue a {
   color: white;
@@ -203,13 +235,16 @@ h2, h3 {
   &:hover {
     color: #e7eff6;
     text-decoration: none;
-    padding: 0 10px 0 10px; } }
+    padding: 0 10px 0 10px;
+  }
+}

.button_left_grey {
   background: url(/images/button_left_grey.png) no-repeat;
   width: 6px;
   height: 29px;
-  float: left; }
+  float: left;
+}

.button_middle_grey {
   background: url(/images/button_middle_grey.png) repeat-x;
@@ -218,13 +253,15 @@ h2, h3 {
   color: white;
   line-height: 2.3;
   font-size: 105%;
-  display: block; }
+  display: block;
+}

.button_right_grey {
   background: url(/images/button_right_grey.png) no-repeat;
   width: 6px;
   height: 29px;
-  float: left; }
+  float: left;
+}

.button_middle_grey a {
   color: white;
@@ -234,12 +271,16 @@ h2, h3 {
   &:hover {
     color: #e7eff6;
     text-decoration: none;
-    padding: 0 10px 0 10px; } }
+    padding: 0 10px 0 10px;
+  }
+}

.fieldWithErrors {
   background-color: #ffb2b2;
-  border: 3px solid #ffb2b2; }
+  border: 3px solid #ffb2b2;
+}

.errorExplanation {
   color: #333333;
-  padding: 2px; }
+  padding: 2px;
+}