You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ofbiz.apache.org by ad...@apache.org on 2014/11/25 19:35:49 UTC

svn commit: r1641665 [7/10] - in /ofbiz/branches/boostrap_theme/themes/bootstrap: ./ data/ includes/ includes/templates/ webapp/ webapp/bootstrap/ webapp/bootstrap/WEB-INF/ webapp/bootstrap/css/ webapp/bootstrap/css/skins/ webapp/bootstrap/fonts/ webap...

Added: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/style.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/style.css?rev=1641665&view=auto
==============================================================================
--- ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/style.css (added)
+++ ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/style.css Tue Nov 25 18:35:47 2014
@@ -0,0 +1,420 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/************* Bootstrap Styles **************/
+
+body {
+/*line-height: 1.5em;
+color: black;
+_background-image: url:(../images/header_top_bg.gif);
+
+font-size: 62.5%;
+position: relative;*/
+background-image: none;
+background-color: #fff;
+color: #000;
+font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+font-size: 75%;
+line-height: 1.42857;
+padding-top: 15px;
+}
+
+/*********************  Nav Bar Styles ***********************/
+
+nav#header-navigation.navbar.navbar-default {
+	border-top-left-radius:4px;
+	border-top-right-radius:4px;
+	border-bottom-right-radius:0px;
+	border-bottom-left-radius:0px;
+	padding-right:15px;
+	margin-bottom:0px;
+	min-height: 50px;
+	}
+
+nav#app-navigation.navbar.navbar-default {
+	margin-bottom:15px;
+	}
+
+a.navbar-brand {
+	padding:5px 15px;
+	}
+	
+ul.nav.navbar-nav li a {
+	padding:6px;
+	}
+.navbar.navbar-default {
+	min-height: 30px;
+	}
+nav#app-navigation.navbar.navbar-default {
+	border-top-left-radius:0px;
+	border-top-right-radius:0px;
+	border-bottom-right-radius:4px;
+	border-bottom-left-radius:4px;
+	}
+.navbar-nav li.menuTitle {
+	background-color: #e7e7e7;
+	}
+.navbar-nav li.menuTitle a {
+	color:#777;
+	text-transform: uppercase;
+	}
+nav.navbar.navbar-default.button-bar.tab-bar {
+	margin-bottom:15px;
+	}
+
+.nav.navbar-nav li.selected {
+	background-color: #428bca;
+    border-color: #357ebd;
+    /*border-radius: 3px;*/
+	}
+.nav.navbar-nav li.selected a {
+	color: #fff;
+	}
+.navbar-pills li a.btn {
+	padding:6px;
+	color: #fff;
+	}
+
+.page-title {
+    font-size: 15px;
+    padding-bottom: 10px;
+}
+
+/************ Buttons *****************/
+
+.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active {
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
+}
+.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {
+    text-shadow: none;
+}
+.btn:active, .btn.active {
+    background-image: none;
+}
+.btn-default {
+    background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
+    background-repeat: repeat-x;
+    border-color: #ccc;
+    text-shadow: 0 1px 0 #fff;
+}
+.btn-default:hover, .btn-default:focus {
+    background-color: #e0e0e0;
+    background-position: 0 -15px;
+}
+.btn-default:active, .btn-default.active {
+    background-color: #e0e0e0;
+    border-color: #dbdbdb;
+}
+.btn-default:disabled, .btn-default[disabled] {
+    background-color: #e0e0e0;
+    background-image: none;
+}
+.btn-primary {
+    background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%);
+    background-repeat: repeat-x;
+    border-color: #245580;
+}
+.btn-primary:hover, .btn-primary:focus {
+    background-color: #265a88;
+    background-position: 0 -15px;
+}
+.btn-primary:active, .btn-primary.active {
+    background-color: #265a88;
+    border-color: #245580;
+}
+.btn-primary:disabled, .btn-primary[disabled] {
+    background-color: #265a88;
+    background-image: none;
+}
+.btn-success {
+    background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%);
+    background-repeat: repeat-x;
+    border-color: #3e8f3e;
+}
+.btn-success:hover, .btn-success:focus {
+    background-color: #419641;
+    background-position: 0 -15px;
+}
+.btn-success:active, .btn-success.active {
+    background-color: #419641;
+    border-color: #3e8f3e;
+}
+.btn-success:disabled, .btn-success[disabled] {
+    background-color: #419641;
+    background-image: none;
+}
+.btn-info {
+    background-image: linear-gradient(to bottom, #5bc0de 0px, #2aabd2 100%);
+    background-repeat: repeat-x;
+    border-color: #28a4c9;
+}
+.btn-info:hover, .btn-info:focus {
+    background-color: #2aabd2;
+    background-position: 0 -15px;
+}
+.btn-info:active, .btn-info.active {
+    background-color: #2aabd2;
+    border-color: #28a4c9;
+}
+.btn-info:disabled, .btn-info[disabled] {
+    background-color: #2aabd2;
+    background-image: none;
+}
+.btn-warning {
+    background-image: linear-gradient(to bottom, #f0ad4e 0px, #eb9316 100%);
+    background-repeat: repeat-x;
+    border-color: #e38d13;
+}
+.btn-warning:hover, .btn-warning:focus {
+    background-color: #eb9316;
+    background-position: 0 -15px;
+}
+.btn-warning:active, .btn-warning.active {
+    background-color: #eb9316;
+    border-color: #e38d13;
+}
+.btn-warning:disabled, .btn-warning[disabled] {
+    background-color: #eb9316;
+    background-image: none;
+}
+.btn-danger {
+    background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);
+    background-repeat: repeat-x;
+    border-color: #b92c28;
+}
+.btn-danger:hover, .btn-danger:focus {
+    background-color: #c12e2a;
+    background-position: 0 -15px;
+}
+.btn-danger:active, .btn-danger.active {
+    background-color: #c12e2a;
+    border-color: #b92c28;
+}
+.btn-danger:disabled, .btn-danger[disabled] {
+    background-color: #c12e2a;
+    background-image: none;
+}
+.thumbnail, .img-thumbnail {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+    background-color: #e8e8e8;
+    background-image: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
+    background-repeat: repeat-x;
+}
+.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
+    background-color: #2e6da4;
+    background-image: linear-gradient(to bottom, #337ab7 0px, #2e6da4 100%);
+    background-repeat: repeat-x;
+}
+.navbar-default {
+    background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
+    background-repeat: repeat-x;
+    border-radius: 4px;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
+    background-image: linear-gradient(to bottom, #dbdbdb 0px, #e2e2e2 100%);
+    background-repeat: repeat-x;
+    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
+}
+.navbar-brand, .navbar-nav > li > a {
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+}
+.navbar-inverse {
+    background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
+    background-repeat: repeat-x;
+}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
+    background-image: linear-gradient(to bottom, #080808 0px, #0f0f0f 100%);
+    background-repeat: repeat-x;
+    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
+}
+.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
+    border-radius: 0;
+}
+@media (max-width: 767px) {
+.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    background-image: linear-gradient(to bottom, #337ab7 0px, #2e6da4 100%);
+    background-repeat: repeat-x;
+    color: #fff;
+}
+}
+.alert {
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+.alert-success {
+    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
+    background-repeat: repeat-x;
+    border-color: #b2dba1;
+}
+.alert-info {
+    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
+    background-repeat: repeat-x;
+    border-color: #9acfea;
+}
+.alert-warning {
+    background-image: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%);
+    background-repeat: repeat-x;
+    border-color: #f5e79e;
+}
+.alert-danger {
+    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
+    background-repeat: repeat-x;
+    border-color: #dca7a7;
+}
+.progress {
+    background-image: linear-gradient(to bottom, #ebebeb 0px, #f5f5f5 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar {
+    background-image: linear-gradient(to bottom, #337ab7 0px, #286090 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar-success {
+    background-image: linear-gradient(to bottom, #5cb85c 0px, #449d44 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar-info {
+    background-image: linear-gradient(to bottom, #5bc0de 0px, #31b0d5 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar-warning {
+    background-image: linear-gradient(to bottom, #f0ad4e 0px, #ec971f 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar-danger {
+    background-image: linear-gradient(to bottom, #d9534f 0px, #c9302c 100%);
+    background-repeat: repeat-x;
+}
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.list-group {
+    border-radius: 4px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+    background-image: linear-gradient(to bottom, #337ab7 0px, #2b669a 100%);
+    background-repeat: repeat-x;
+    border-color: #2b669a;
+    text-shadow: 0 -1px 0 #286090;
+}
+.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge {
+    text-shadow: none;
+}
+.panel {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.panel-default > .panel-heading {
+    background-image: linear-gradient(to bottom, #f5f5f5 0px, #e8e8e8 100%);
+    background-repeat: repeat-x;
+}
+.panel-primary > .panel-heading {
+    background-image: linear-gradient(to bottom, #337ab7 0px, #2e6da4 100%);
+    background-repeat: repeat-x;
+}
+.panel-success > .panel-heading {
+    background-image: linear-gradient(to bottom, #dff0d8 0px, #d0e9c6 100%);
+    background-repeat: repeat-x;
+}
+.panel-info > .panel-heading {
+    background-image: linear-gradient(to bottom, #d9edf7 0px, #c4e3f3 100%);
+    background-repeat: repeat-x;
+}
+.panel-warning > .panel-heading {
+    background-image: linear-gradient(to bottom, #fcf8e3 0px, #faf2cc 100%);
+    background-repeat: repeat-x;
+}
+.panel-danger > .panel-heading {
+    background-image: linear-gradient(to bottom, #f2dede 0px, #ebcccc 100%);
+    background-repeat: repeat-x;
+}
+.well {
+    background-image: linear-gradient(to bottom, #e8e8e8 0px, #f5f5f5 100%);
+    background-repeat: repeat-x;
+    border-color: #dcdcdc;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.btn .button-label {
+	padding-right:8px;
+	height:inherit;
+	}
+/*********** Custome Panel Heading ****************/
+div.panel-heading ul.pull-right li {
+	display:inline;
+	padding-right:5px;
+	}
+	
+/************* Form Styles ***************/
+.form-horizontal div label {
+	width:100%;
+	}
+
+.form-horizontal label.header-row-2, .form-horizontal .header-row-2	{
+	background-color: #e7e7e7;
+    font-weight: 700;
+    text-transform: uppercase;
+	}
+/******* Table styles ********************/
+.table-striped tbody tr.header-row-2 td, .table-striped tbody tr.header-row td{
+	background-color: #e7e7e7;
+	font-weight:700;
+
+	}
+.basic-table {
+	padding:15px;
+	}
+/*
+table td {
+	width:100%;
+	height:inherit;
+	}*/
+td.table-label {
+	font-size:100%;
+	color:#000000;
+	font-weight:700;
+	text-align:right;
+	width:20%;
+	vertical-align: middle;
+	}
+	
+/**************** Footer Styles ****************/
+
+div#footer.panel.panel-default {
+    background-image: linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
+    background-repeat: repeat-x;
+    border-radius: 4px;
+    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+div#footer.panel.panel-default {
+    background-color: #f8f8f8;
+    border-color: #e7e7e7;
+}
+
+

Added: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/styleFlat.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/styleFlat.css?rev=1641665&view=auto
==============================================================================
--- ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/styleFlat.css (added)
+++ ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/styleFlat.css Tue Nov 25 18:35:47 2014
@@ -0,0 +1,2234 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/* ----------------------------------------------------- */
+/* This CSS file is used for the Bootstrap Basic visual theme. */
+/* ----------------------------------------------------- */
+
+/* This theme uses a scalable, floating layout - so most
+   sizes are expressed in EMs. PX sizes are used only for
+   drop shadows and positioning around graphic images. */
+
+/* -------------------------------------- */
+/*      Resets/Browser Normalization      */
+/* -------------------------------------- */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    border: 0;
+    margin: 0;
+    outline: 0;
+    padding: 0;
+    font-size: 100%;
+    background: transparent;
+    vertical-align: baseline;
+}
+
+blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
+img, input, li, ol, p, select, span, td, textarea, th, ul {
+border-style: none;
+margin: 0;
+padding: 0;
+}
+
+a, address, body, caption, cite, code, dfn, em, strong, th, var {
+font-style: normal;
+font-weight: normal;
+text-decoration: none;
+}
+
+body, caption, th {
+text-align: left;
+}
+
+ol, ul {
+list-style: none;
+}
+
+ol.numbers {
+list-style: decimal; 
+padding-left: 20px;
+}
+
+ul.dots {
+list-style: circle; 
+padding-left: 20px;
+}
+
+/* ------------------------------ */
+/*      Basic Element Styles      */
+/* ------------------------------ */
+
+a, a:visited {
+color: #333;
+font-weight: bold;
+}
+
+a:hover, a:active {
+text-decoration: underline;
+}
+
+.disabled {
+color: #333366;
+text-decoration: none;
+}
+
+body, textarea, input, select {
+font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+html {
+background-image: url(images/tile.gif);
+}
+
+body {
+font-size: 62.5%;
+position: relative;
+color: #000;
+min-width: 780px;
+margin: 0;
+width:expression(document.body.clientWidth < 782? "780px" : "auto");
+}
+
+hr {
+background-color: #ccc;
+color: #ccc;
+border-bottom: #fafafa 0.1em solid;
+border-right: #fafafa 0.2em solid;
+border-left: #d9d9d9 0.2em solid;
+border-top: #d9d9d9 0.1em solid;
+margin: 0.5em 0 0.5em 0;
+}
+
+h1, .h1 {
+font-size: 1.6em;
+font-weight: bold;
+}
+
+h2, .h2 {
+font-size: 1.3em;
+font-weight: bold;
+}
+
+h3, .h3 {
+font-size: 1.1em;
+font-weight: bold;
+}
+
+/* IE7 fix */
+table {
+font-size: 1em;
+}
+
+/* IE7 fix */
+table input {
+border: #999999 solid 0.1em;
+}
+
+textarea {
+background-color: #ffffff;
+border: #999999 solid 0.1em;
+font-size: 1.1em;
+}
+
+th, th a {
+color: #000000;
+font-weight: bold;
+}
+
+/* -------------------------- */
+/*     Float Clear/Reset      */
+/* -------------------------- */
+
+.clear {
+clear: both;
+height: 0;
+visibility: hidden;
+}
+
+.no-clear .clear {
+/* Used in container elements to override
+ the clear class in contained elements. */
+clear: none;
+}
+
+/* ------------------------------- */
+/*      Single Element Styles      */
+/* ------------------------------- */
+
+.alert {
+/* Used for alert text */
+color: #ff0000;
+}
+
+.content-messages p {
+margin: 0.5em 0 0.5em 0;
+}
+
+.hidden {
+height: 0;
+visibility: hidden;
+}
+
+.label {
+/* Used for <input> element labels */
+font-weight: bold;
+height: 1.2em; /* Same as <input> height */
+padding-right: 1.1em;
+text-align: right;
+white-space: nowrap;
+width: 1%;
+vertical-align: middle;
+}
+
+.required, input.required {
+/* required style for <input> elements */
+background-color: #ffffdd;
+}
+
+.tooltip {
+color: #557996;
+font-style: italic;
+margin: 0.4em;
+}
+
+.visible {
+height: auto;
+visibility: visible;
+}
+
+.page-container {
+/*background: url("images/big-fade.png") repeat-x 0 90px transparent;*/
+}
+
+.align-float {
+float: right;
+}
+
+.align-text {
+text-align: right;
+}
+
+.align-top {
+vertical-align: top;
+}
+
+.centered {
+text-align: center;
+}
+
+.page-title {
+color:#557996;
+margin-bottom:0.5em;
+font-size:1.6em;
+font-weight:bold;
+}
+
+.contentarea {
+}
+
+/* ------------------------ */
+/*      Masthead Style      */
+/* ------------------------ */
+
+#masthead {
+background: #47637c url(images/masthead.gif) top left repeat-x;
+color: #ccc;
+font-size: 1em;
+font-weight: normal;
+min-height: 26px; /* Setting must be in px */
+height: auto;
+overflow: auto;
+}
+
+#masthead ul li {
+float: left;
+padding: 0.5em 0.8em 0.5em 0;
+}
+
+#masthead ul li a {
+color: #ccc;
+font-weight: normal;
+}
+
+.last-system-msg{
+color: #FFFFFF;
+font-size: 0.9em;
+padding-left:10px;
+}
+
+.preference-area{
+float: right !important;
+}
+
+#masthead ul .logo-area {
+padding: 0.1em 0.8em;
+}
+
+#masthead ul .org-logo-area {
+padding: 0.1em 0.8em;
+}
+
+#masthead ul .org-logo-area img{
+width: auto;
+height: 22px;
+}
+
+#masthead ul a:focus {
+text-decoration: underline;
+}
+
+/* ---------------------- */
+/*      Footer Style      */
+/* ---------------------- */
+
+#footer {
+background: #333;
+border-top: 0.1em inset #000;
+padding: 0.5em 0 0.5em 0.5em;
+}
+
+#footer a {
+color: #ccc;
+font-weight: normal;
+}
+
+#footer ul {
+float: left;
+display: inline
+}
+
+#footer ul li {
+border-left: 0.1em solid #444;
+border-right: 0.1em solid #222;
+float: left;
+display: inline; 
+color: #ccc; 
+font-weight: normal;
+padding: 0.5em;
+}
+
+#footer ul .first {
+border-left: none;
+}
+
+#footer ul .last {
+border-right: none;
+}
+
+#footer ul li a {
+color: #ccc;
+font-weight: normal;
+}
+
+#footer p {
+clear: left;
+color: #ccc;
+font-weight: normal;
+padding: 0.5em;
+}
+
+#footer a:focus {
+text-decoration: underline;
+}
+
+/* ------------------------------- */
+/*      Main Navigation Style      */
+/* ------------------------------- */
+
+#main-navigation {
+clear: both;
+background: #436783 url(images/main-nav.gif) top left repeat-x;
+color: #fff;
+font-size: 1em;
+height: 5.2em;
+overflow: auto;
+border-bottom: 0.2em solid #47637c;
+padding: 0.5em 0 0.1em 0;
+}
+
+#main-navigation ul li {
+float: left;
+display: inline;
+height: 4.85em;
+padding: 0 1em 0 0.5em;
+border-left: 0.1em solid #5c809c;
+border-right: 0.1em solid #3e5a71;
+}
+
+#main-navigation ul .disabled {
+color: #D4D0C8;
+}
+
+#main-navigation ul .first {
+border-left: none;
+}
+
+#main-navigation ul .last {
+border-right: none;
+}
+
+#main-navigation ul a {
+color: #fff;
+display: block;
+padding: 0 0.6em 0 0.6em;
+font-size: 0.9em;
+font-weight:normal;
+text-transform:uppercase;
+/* Uncomment next line for main-nav drop shadows */
+/*text-shadow: 0px 1px 1px #22323f;*/
+}
+
+#main-navigation ul a:hover,
+#main-navigation ul .selected {
+color: #F9924B;
+text-decoration: none;
+}
+
+#main-navigation ul a:focus {
+text-decoration: underline;
+}
+
+/* -------------------------------------- */
+/*      Application Navigation Style      */
+/* -------------------------------------- */
+
+#app-navigation {
+background: url(images/gray-texture.jpg) top left;
+border-top: 0.1em solid #3E5A71;
+border-bottom: 0.1em solid #fff;
+height: 1%; /* IE fix */
+margin: 0;
+padding: 0.5em;
+}
+
+#app-navigation h1,
+#app-navigation h2,
+#app-navigation h3 {
+color: #959595;
+margin: 0.4em 0 0.4em 0;
+text-transform:uppercase;
+text-shadow: 1px 1px 0 #fff; /* Setting must be in px */
+}
+
+#app-navigation ul {
+display: inline; /* IE Fix */
+}
+
+#app-navigation ul li ul li {
+background-color: #fff;
+border-top: 0.1em solid #ccc;
+border-right: 0.1em solid #ddd;
+border-bottom: 0.1em solid #ddd;
+border-left: 0.1em solid #ccc;
+padding: 0.5em;
+float: left;
+display: inline;
+margin: 0.1em 0.3em 0.1em 0;
+}
+
+#app-navigation ul .disabled {
+color: #D4D0C8;
+}
+
+#app-navigation ul a {
+color: #444;
+display: block;
+font-weight: normal;
+padding: 0.1em 0.3em 0.1em 0.3em;
+}
+
+#app-navigation ul .selected,
+#app-navigation ul .selected {
+background-color: #f5f5f5;
+border: 0.1em solid;
+border-color: #aaa #f9f9f9 #f9f9f9 #aaa;
+color: #ffffff;
+}
+
+#app-navigation ul .selected a {
+color: #111;
+padding: 0.1em 0.3em 0 0.3em;
+}
+
+#app-navigation ul a:hover {
+text-decoration: none;
+color: #111;
+}
+
+#app-navigation ul a:focus {
+text-decoration: underline;
+}
+
+/* ------------------------- */
+/*      Screenlet Style      */
+/* ------------------------- */
+
+.screenlet {
+background-color: #FFFFFF;
+border-right: 0.1em solid #ccc;
+border-bottom: 0.2em solid #ccc;
+border-left: 0.1em solid #ccc;
+height: auto !important;
+height: 1%;
+margin-bottom: 1em;
+overflow: auto;
+}
+
+.screenlet-body {
+background-color: #FFFFFF;
+height: auto !important;
+height: 1%;
+padding: 0.4em;
+}
+
+.screenlet-body div {
+margin: 0.8em 0.1em
+}
+
+/* Special Screenlet style for locale and timezone window */
+.lists.screenlet {
+margin-left: 25%;
+margin-right: 25%;
+margin-top: 1em;
+}
+
+.lists.screenlet .basic-table tr td {
+text-align: center;
+}
+
+.lists.screenlet .basic-table tr td a {
+display: block;
+}
+
+/* No padding screenlet decorator */
+.no-padding {
+padding: 0;
+border: none;
+}
+
+.no-padding .h1,
+.no-padding .h2,
+.no-padding .h3,
+.no-paddingr h1,
+.no-padding h2,
+.no-padding h3 {
+padding: 0.7em;
+}
+
+/* ----------------------------------- */
+/*      Screenlet Title Bar Style      */
+/* ----------------------------------- */
+
+.screenlet-title-bar {
+background: url(images/bhead.gif) top left repeat-x;
+color: #ffffff;
+height: 1%; /* IE fix */
+min-height: 1.5em;
+padding:0.8em 0.2em;
+}
+
+.screenlet-title-bar .h1,
+.screenlet-title-bar .h2,
+.screenlet-title-bar .h3,
+.screenlet-title-bar h1,
+.screenlet-title-bar h2,
+.screenlet-title-bar h3 {
+background: none;
+color: #333;
+text-shadow: 1px 1px 0 #fff; /* Setting must be in px */
+}
+
+.screenlet-title-bar ul {
+display: inline; /* IE Fix */
+}
+
+.screenlet-title-bar ul li {
+background: none;
+border-left: 0.1em solid #dedede;
+color: #222;
+float: right;
+font-size: 1em;
+font-weight: bold;
+padding: 0.1em 0.5em 0.2em 0.5em;
+}
+
+.screenlet-title-bar ul .h1,
+.screenlet-title-bar ul .h2,
+.screenlet-title-bar ul .h3 {
+border-left: none;
+float: left;
+}
+
+.screenlet-title-bar h1,
+.screenlet-title-bar .h1 {
+font-size: 1.6em;
+}
+
+.screenlet-title-bar h2,
+.screenlet-title-bar .h2 {
+font-size: 1.3em;
+}
+
+.screenlet-title-bar h3,
+.screenlet-title-bar .h3 {
+font-size: 1.1em;
+}
+
+.screenlet-title-bar .h3 a {
+color: #222;
+display: inline;
+}
+
+.screenlet-title-bar ul a {
+color: #222;
+display: block;
+}
+
+.screenlet-title-bar ul a:visited {
+color: #222;
+}
+
+.screenlet-title-bar ul a:hover {
+color: #ffffff;
+text-decoration: none;
+}
+
+.screenlet-title-bar ul .disabled {
+color: #CCCCCC;
+}
+
+.screenlet-title-bar ul .collapsed,
+.screenlet-title-bar ul .collapsed:hover {
+background: url(/images/expand.gif) no-repeat center center;
+min-height: 1.1em;
+min-width: 1.1em;
+}
+
+.screenlet-title-bar ul .expanded,
+.screenlet-title-bar ul .expanded:hover {
+background: url(/images/collapse.gif) no-repeat center center;
+min-height: 1.1em;
+min-width: 1.1em;
+}
+
+.screenlet-title-bar ul .collapsed a,
+.screenlet-title-bar ul .expanded a {
+/* IE fix */
+cursor: default;
+}
+
+/* login screenlet decorator */
+.login-screenlet {
+min-width: 25em;
+width: 25%;
+}
+
+.login-screenlet .screenlet-title-bar {
+text-align: center;
+}
+
+/* ------------------------------------------------ */
+/*      Basic Navigation (Vertical Menu) Style      */
+/* ------------------------------------------------ */
+
+.basic-nav {
+/* indent menu - helpful for widgets */
+padding-left: 1em;
+}
+
+.basic-nav ul a {
+color: #333;
+font-size: 1.1em;
+}
+
+.basic-nav ul .selected,
+.basic-nav ul .selected a {
+color: #0000ff;
+}
+
+.basic-nav ul a:hover {
+color: #0000ff;
+}
+
+.basic-nav ul .disabled,
+.basic-nav ul .disabled a {
+color: #D4D0C8;
+}
+
+/* ------------------------------------- */
+/*      Button Bar Navigation Style      */
+/* ------------------------------------- */
+
+.button-bar {
+margin-bottom: 1.0em;
+width: 100%;
+}
+
+.button-bar ul {
+display: inline; /* IE Fix */
+}
+
+.button-bar ul li ul li {
+float: left;
+font-weight: bold;
+}
+
+.button-bar ul .opposed {
+float: right;
+}
+
+.button-bar ul a {
+display: block;
+}
+
+.button-bar .opposed,
+.button-bar .opposed li,
+.button-bar ul .opposed {
+float: right;
+}
+
+/* ------------------------------- */
+/*      Button Bar Decorators      */
+/* ------------------------------- */
+
+.button-style-1 {
+display: table;
+}
+
+.button-style-1 ul li ul li {
+margin-right: 0.5em;
+margin-bottom: 0.5em;
+}
+
+.button-style-2 {
+display: table;
+}
+
+.button-style-2 ul li ul li {
+margin-right: 0.5em;
+margin-bottom: 0.5em;
+}
+
+.button-style-2 {
+display: table;
+}
+
+.tool-bar {
+padding: 0.2em;
+}
+
+.tool-bar ul li {
+padding: 0.1em;
+}
+
+.tab-bar {
+display: table;
+margin: 0.5em 0.5em 0 0.5em;
+}
+
+.tab-bar ul li ul li {
+margin-right: 0.5em;
+margin-bottom: 0.5em;
+background: #fff;
+border-top: 0.1em solid #ccc;
+border-right: 0.2em solid #ccc;
+border-bottom: 0.2em solid #ccc;
+border-left: 0.1em solid #ccc;
+padding: 0.5em;
+white-space: nowrap;
+}
+
+.tab-bar ul a,
+.tab-bar ul a:visited {
+color: #666;
+}
+
+.tab-bar ul a:hover,
+.tab-bar ul .selected,
+.tab-bar ul .selected a,
+.tab-bar ul .selected a:hover {
+color: #333;
+text-decoration: none;
+}
+
+.tab-bar ul a:focus {
+text-decoration: underline;
+}
+
+.tab-bar ul .disabled {
+color: #ccc;
+}
+
+/* ---------------------- */
+/*      Table Styles      */
+/* ---------------------- */
+
+.basic-table {
+background-color: #ffffff;
+color: #000000;
+margin-bottom: 1em;
+width: 100%;
+}
+
+form table,
+form .basic-table,
+.screenlet-body .basic-table {
+background: transparent;
+margin-bottom: 0;
+}
+
+.basic-table tr td {
+/* Style for all cells */
+padding: 0.8em 0.1em;
+vertical-align: middle;
+}
+
+.basic-table tr .align-bottom {
+vertical-align: bottom;
+}
+
+.basic-table tr .align-top {
+vertical-align: top;
+}
+
+.basic-table tr .label,
+.basic-table tr .group-label {
+/* field labels for forms */
+font-weight: bold;
+text-align: right;
+padding-right: 1.5em;
+white-space: nowrap;
+width: 1%;
+}
+
+.basic-table tr .group-label {
+/* "header" for field label groups */
+font-size: 1.2em;
+padding: 2em 1.5em 0 0;
+}
+
+.basic-table tr th,
+.basic-table .header-row {
+font-weight: bold;
+text-align: left;
+}
+
+.basic-table .header-row td {
+border-bottom: 0.1em solid #000000;
+}
+
+.basic-table .header-row td a {
+color: #000000;
+}
+
+.basic-table .alternate-row {
+/* Alternating row style */
+background-color: #eeeeee;
+}
+
+.basic-table .selected {
+background: #FFFCCF;
+}
+
+.basic-table .alternate-rowSelected {
+background: #FFF55F;
+}
+
+.basic-table .Validate {
+/*Style use by alt-row-style on list*/
+background: #A0D5F7;
+}
+
+.basic-table .alternate-rowValidate {
+/*Style use by alt-row-style on list*/
+background: #72A8F2;
+}
+
+.basic-table .Warn {
+/*Style use by alt-row-style on list*/
+background: #f55C5C;
+}
+
+.basic-table .alternate-rowWarn {
+/*Style use by alt-row-style on list*/
+background: #FC7455;
+}
+
+.basic-table tr .button-col {
+/* button column style - for the small
+collection of buttons used in lists */
+vertical-align: top;
+padding: 0.3em;
+}
+.basic-table tr .button-col a,
+.basic-table tr .button-col button,
+.basic-table tr .button-col input[type="reset"],
+.basic-table tr .button-col input[type="submit"],
+.basic-table tr .button-col input[type="button"] {
+    -webkit-appearance: none;
+    -moz-border-radius: 1em;
+    -webkit-border-radius: 1em;
+    border-radius: 1em;
+    background: #ddd url(images/button.png) repeat-x;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
+    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
+    border: 0.1em solid;
+    border-color: #ddd #bbb #999;
+    cursor: pointer;
+    color: #333;
+    display:inline-block;
+    font-size: 0.9em;
+    font-weight: bold;
+    outline: 0;
+    overflow: visible;
+    padding: 0.1em 0.5em 0.2em 0.5em;
+    text-decoration: none;
+    text-shadow: #fff 0 1px 1px; /* Setting must be in px */
+    /*text-transform:uppercase;*/
+    width: auto;
+    
+    /* IE7 */
+    *padding-top: 0.2em;
+    *padding-bottom: 0;
+}
+
+.basic-table .collapsed {
+visibility: collapse;
+}
+
+/*      Alternate table header style      */
+.basic-table .header-row-2 th,
+.basic-table .header-row-2 td {
+background-color: #999;
+border-bottom: 0;
+border-left: 0.1em solid #aaa;
+border-right: 0.1em solid #888;
+color: #ffffff;
+font-weight: bold;
+}
+
+/*      Sort field style      */
+.basic-table .header-row-2 th .sort-order-asc,
+.basic-table .header-row-2 td .sort-order-asc{
+background: url(/images/arrow-gr-up.png) no-repeat right;
+padding-right: 20px; /* Setting must be in px */
+}
+.basic-table .header-row-2 th .sort-order-desc,
+.basic-table .header-row-2 td .sort-order-desc{
+background: url(/images/arrow-gr-dw.png) no-repeat right;
+padding-right: 20px; /* Setting must be in px */
+}
+.basic-table .header-row-2 th .sort-order,
+.basic-table .header-row-2 td .sort-order{
+background: url(/images/arrow-gr.png) no-repeat right;
+padding-left: 0.5em;
+padding-right: 20px; /* Setting must be in px */
+color:#fff
+}
+
+/* ------------------------------------- */
+/*      Table decorator - Hover bar      */
+/* ------------------------------------- */
+
+.hover-bar tr:hover {
+background-color: #cccccc;
+cursor: default;
+}
+
+.hover-bar .header-row-1:hover,
+.hover-bar tr th:hover {
+background-color: #ffffff;
+color: #000000;
+}
+
+/* -------------------------------- */
+/*      Table decorator - Grid      */
+/* -------------------------------- */
+
+.dark-grid {
+border-right: 0.1em solid #000000;
+border-top: 0.1em solid #000000;
+}
+
+.dark-grid td,
+.dark-grid .header-row-2 th,
+.dark-grid .header-row-2 td {
+border-bottom: 0.1em solid #000000;
+border-left: 0.1em solid #000000;
+}
+
+.light-grid {
+border-right: 0.1em solid #cccccc;
+border-top: 0.1em solid #cccccc;
+}
+
+.light-grid td,
+.light-grid .header-row td{
+border-bottom: 0.1em solid #cccccc;
+border-left: 0.1em solid #cccccc;
+}
+
+/* ------------------------------------ */
+/*      Table decorator - Calendar      */
+/* ------------------------------------ */
+
+.calendar {
+border-right: 0.1em solid #cccccc;
+}
+
+.calendar tr td {
+border-bottom: 0.1em solid #cccccc;
+border-left: 0.1em solid #cccccc;
+vertical-align: top;
+padding: 0.5em;
+}
+
+.calendar .header-row td {
+background-color: #47637c;
+border-bottom: 0.1em solid #cccccc;
+border-left: 0.1em solid #cccccc;
+color: #ffffff;
+height: auto;
+text-align: center;
+}
+
+.calendar tr td .add-new {
+float: right;
+}
+
+.calendar tr td .h1 {
+color: #333;
+float: left;
+}
+
+.calendar .current-period {
+background-color: #ffffcc;
+}
+
+.calendar .active-period {
+background-color: #eeeeee;
+}
+
+/*     ================== */
+/*      Tree Styles      */
+/*     ================== */
+
+.basic-tree {
+/* placeholder */
+}
+
+.basic-tree ul {
+padding-left: 1em;
+}
+
+.basic-tree li {
+padding-left: 1em;
+white-space: nowrap;
+}
+
+.basic-tree li .expanded {
+background: url(/images/collapse.gif) no-repeat left center;
+padding-right: 1em;
+}
+
+.basic-tree li .collapsed {
+background: url(/images/expand.gif) no-repeat left center;
+padding-right: 1em;
+}
+
+.basic-tree li .leafnode {
+background: url(/images/expand-collapse-placeholder.gif) no-repeat left center;
+padding-right: 1em;
+}
+
+.basic-tree li .treeitem {
+/* treeitem is deprecated */
+border-style: none;
+color: #333;
+font-size: 1em;
+}
+
+.basic-tree li a:hover {
+color: #0000ff;
+}
+
+/* --------------------- */
+/*      Form Styles      */
+/* --------------------- */
+
+.basic-form {
+margin-bottom: 1em;
+}
+
+.basic-form table {
+width: 100%;
+}
+
+.basic-form table .header-row:hover {
+/*background-color: #ffffff;*/
+color: #000000;
+}
+
+.basic-form table tr td {
+padding: 0.1em;
+}
+
+.basic-form table tr .label,
+.basic-form table tr .group-label {
+/* field labels for forms */
+font-weight: bold;
+text-align: right;
+padding-right: 1.5em;
+width: 1%;
+}
+
+.basic-form table tr .group-label {
+/* "header" for field label groups */
+font-size: 1.2em;
+padding: 2em 1.5em 0 0;
+}
+
+.basic-form table tr th,
+.basic-form table .header-row {
+font-weight: bold;
+text-align: left;
+}
+
+.basic-form table .header-row:hover,
+.basic-form table tr th:hover{
+/*background-color: #ffffff;*/
+color: #000000;
+}
+
+.basic-form table .header-row td {
+border-bottom: 0.1em solid #999999;
+}
+
+.basic-form table .alternate-row {
+/* Alternating row style */
+/*background-color: #eeeeee;*/
+}
+
+.basic-form table tr td .disabled {
+/*background-color: #cccccc;*/
+color: #333366;
+text-decoration: none;
+}
+
+/*      Form decorator - Form Widget      */
+
+.form-widget table tr .label,
+.form-widget-table tr .label {
+/* Added for backward compatibility */
+width: 20%;
+}
+
+.form-widget table,
+.form-widget-table {
+width: auto;
+}
+
+.form-widget-table {
+margin-bottom: 1em;
+}
+
+/* ------------------------------- */
+/*      List Navigation Style      */
+/* ------------------------------- */
+
+.nav-pager {
+background-color: #333;
+color: #ffffff;
+font-weight: bold;
+line-height: 3.5em;
+height: 3.5em;
+margin: 0.5em 0 0.5em 0;
+}
+
+.nav-pager ul {
+display: inline; /* IE Fix */
+}
+
+.nav-pager ul li {
+border-right: solid #222 0.1em;
+border-left: solid #444 0.1em;
+float:left;
+vertical-align: center;
+}
+
+.nav-pager ul li a {
+display: block;
+}
+
+.nav-pager ul a {
+color: #ffffff;
+padding: 0 1em 0 1em;
+text-decoration: none;
+}
+
+.nav-pager ul a:hover {
+background-color: #999;
+}
+
+.nav-pager ul .nav-pagesize,
+.nav-pager ul .nav-page-select,
+.nav-pager ul .nav-displaying {
+padding: 0 1em 0 1em;
+}
+
+.nav-pager ul .nav-first-disabled,
+.nav-pager ul .nav-previous-disabled,
+.nav-pager ul .nav-next-disabled,
+.nav-pager ul .nav-last-disabled {
+color: #D4D0C8;
+padding: 0 1em 0 1em;
+}
+
+.nav-pager ul .nav-displaying {
+border-right: none;
+}
+
+/* ------------------------------- */
+/*      Visual Embellishments      */
+/* ------------------------------- */
+
+.field-lookup a {
+background: url(/images/fieldlookup.gif) no-repeat 0 0;
+display: inline-block;
+vertical-align: top;
+margin-top: 0.3em;
+width: 16px; /* Setting must be in px */
+height: 16px; /* Setting must be in px */
+}
+
+
+/* --------------------------- */
+/*      FieldGroup Styles      */
+/* --------------------------- */
+
+.fieldgroup-title-bar {
+border-top: 0.1em solid #DADADA;
+font-size: 1em;
+font-weight: bold;
+padding: 0.1em 0.5em 0.2em 0.5em;
+}
+
+.fieldgroup-title-bar ul .collapsed,
+.fieldgroup-title-bar ul .collapsed:hover {
+background: url(/images/expand.gif) no-repeat left center;
+min-height: 1.1em;
+min-width: 1.1em;
+}
+
+.fieldgroup-title-bar ul .expanded,
+.fieldgroup-title-bar ul .expanded:hover {
+background: url(/images/collapse.gif) no-repeat left center;
+min-height: 1.1em;
+min-width: 1.1em;
+}
+
+.fieldgroup-title-bar a {
+cursor: pointer;
+text-decoration: none;
+padding-left: 10px; /* Setting must be in px */
+color: #000000;
+}
+
+/* ----------------------------------------- */
+/*      Portlet configuration screenlet      */
+/* ----------------------------------------- */
+
+.portlet-config {
+  background-color: #D4D0C8;
+  border: 0.2em solid #D4D0C8;
+  margin-bottom: 0.5em;
+}
+
+.portlet-config-title-bar .title {
+color: #555555;
+font-size: 1.2em;
+float: left;
+}
+
+.portlet-config-title-bar ul {
+display: inline; /* IE Fix */
+}
+
+.portlet-config-title-bar ul li {
+float: right;
+font-size: 1em;
+font-weight: bold;
+padding: 0.1em 0.5em 0.2em 0.5em;
+}
+
+.portlet-config-title-bar ul li.move-up {
+background: url(/images/arrow-single-up-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.move-down {
+background: url(/images/arrow-single-down-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.move-left {
+background: url(/images/arrow-single-left-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.move-right {
+background: url(/images/arrow-single-right-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.move-top {
+background: url(/images/arrow-end-up-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.move-bottom {
+background: url(/images/arrow-end-down-green.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.remove {
+background: url(/images/mini-trash.png) no-repeat center center;
+}
+.portlet-config-title-bar ul li.edit {
+background: url(/images/mini-edit.png) no-repeat center center;
+}
+
+
+/* == Portal Manager Toolbar == */
+
+#manage-portal-toolbar {
+background-color:#D4D0C8;
+margin-bottom: 0.5em;
+}
+
+#manage-portal-toolbar ul li {
+float: left;
+padding: 0.1em 0.5em 0.2em 0.5em;
+}
+
+#manage-portal-toolbar #config-on-off,
+#manage-portal-toolbar #manage-portal-page,
+#manage-portal-toolbar #add-column {
+float: right;
+}
+
+#manage-portal-toolbar #portal-page-name {
+font-size: 1.5em;
+font-weight: bold;
+}
+
+.manage-portal-column-toolbar #add-portlet,
+.manage-portal-column-toolbar #delete-column,
+.manage-portal-column-toolbar #column-width {
+float: right;
+
+}
+
+/*=================== For the quickadd page =================================*/
+
+.quickaddall{
+float:right;
+padding-bottom:1em;
+padding-top:1em;
+}
+
+.quickaddtable{
+display:inline-block;
+clear:both;
+}
+
+.quickaddtable span {
+display:inline;
+float:left;
+border-right:0.1em solid #999999;
+border-top:0.1em solid #999999;
+margin:0;
+padding:0.3em;
+}
+
+.quickaddtable p {
+clear:left;
+height:100% !important; height:1em;
+}
+
+.quickaddtable span.pid {
+width:10%;
+}
+
+.quickaddtable span.name {
+width:50%;
+text-align:left;
+}
+
+.quickaddtable span.listPrice {
+width:10%
+}
+
+.quickaddtable span.totalPrice {
+width:10%
+}
+
+.quickaddtable span.qty {
+width:10%
+}
+
+/* `Widths
+----------------------------------------------------------------------------------------------------*/
+
+.input_tiny {
+	width: 50px;
+}
+
+.input_small {
+	width: 100px;
+}
+
+.input_medium {
+	width: 150px;
+}
+
+.input_large {
+	width: 200px;
+}
+
+.input_xlarge {
+	width: 250px;
+}
+
+.input_xxlarge {
+	width: 300px;
+}
+
+.input_full {
+	width: 100%;
+}
+
+/*
+	Added via JS to <textarea> and class="input_full".
+	Applies to IE6, IE7. Other browsers don't need it.
+*/
+.input_full_wrap {
+	display: block;
+	padding-right: 8px;
+}
+
+/* `UI Consistency
+----------------------------------------------------------------------------------------------------*/
+
+::-moz-focus-inner {
+	border: 0;
+}
+
+input[type="search"]::-webkit-search-decoration {
+	display: none;
+}
+
+input,
+button,
+select,
+textarea {
+	margin: 0;
+	vertical-align: middle;
+}
+
+a.buttontext,
+a.buttontextbig,
+.smallSubmit,
+.smallSubmit:hover,
+.mediumSubmit, 
+.largeSubmit, 
+.loginButton,
+.button-style-1 a,
+.button-style-1 ul a,
+.button-style-2 ul a, 
+.button-style-2 a, 
+.button,
+button,
+input[type="reset"],
+input[type="submit"],
+input[type="button"] {
+	-webkit-appearance: none;
+	-moz-border-radius: 1.1em;
+	-webkit-border-radius: 1.1em;
+	border-radius: 1.1em;
+	background: #ddd url(images/button.png) repeat-x;
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
+	background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
+	border: 0.1em solid;
+	border-color: #ddd #bbb #999;
+	cursor: pointer;
+	color: #333;
+	display:inline-block;
+    font-size: 1em;
+    font-weight: bold;
+    outline: 0;
+	overflow: visible;
+	padding: 0.4em 1em 0.4em;
+	text-decoration:none;
+	text-shadow: #fff 0 1px 1px; /* Setting must be in px */
+	/*text-transform:uppercase;*/
+	width: auto;
+
+	/* IE7 */
+	*padding-top: 0.2em;
+	*padding-bottom: 0;
+}
+
+button {
+	/* IE7 */
+	*padding-top: 0.1em;
+	*padding-bottom: 0.1em;
+}
+
+a.disabled,
+button[disabled],
+input[type="reset"][disabled],
+input[type="submit"][disabled],
+input[type="button"][disabled] {
+	color: #888;
+	border-color: #ddd #ddd #ccc;
+}
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	-webkit-appearance: none;
+	-moz-border-radius: 0;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	/*background-color: #fff;*/
+	border: 0.1em solid;
+	border-color: #848484 #c1c1c1 #e1e1e1;
+	color: #000;
+	outline: 0;
+	padding: 0.2em 0.3em;
+
+	height: 1.8em;
+
+	/* IE7 */
+	*padding-top: 0.2em;
+	*padding-bottom: 0.1em;
+	*height: auto;
+}
+
+/*
+	Separate rule for Firefox.
+	Cannot stack with WebKit's.
+*/
+input.placeholder_text,
+textarea.placeholder_text {
+	color: #888;
+}
+
+::-webkit-input-placeholder {
+	color: #888;
+}
+
+textarea[disabled],
+select[disabled],
+input[type="date"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="email"][disabled],
+input[type="month"][disabled],
+input[type="number"][disabled],
+input[type="password"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="text"][disabled],
+input[type="time"][disabled],
+input[type="url"][disabled],
+input[type="week"][disabled] {
+	background-color: #eee;
+	color: #888;
+}
+
+.button-style-1 a:focus,
+.button-style-1 ul a:focus,
+.button-style-2 ul a:focus, 
+.button-style-2 a:focus, 
+.smallSubmit:focus,
+button:focus,
+button:active,
+input:focus,
+input:active,
+select:focus,
+select:active,
+textarea:focus,
+textarea:active {
+	-moz-box-shadow: #5c809c 0 0 5px;
+	-webkit-box-shadow: #5c809c 0 0 5px;
+	box-shadow: #5c809c 0 0 5px;
+	/* for Opera */
+	z-index: 1;
+}
+
+.is_webkit select {
+	/* Tweaks for Safari + Chrome. */
+	background-image: url(images/select_arrow.gif);
+	background-repeat: no-repeat;
+	background-position: right center;
+	padding-right: 20px;
+}
+
+textarea,
+select[multiple] {
+	height: auto;
+}
+
+select[multiple],
+.is_webkit select[multiple] {
+	background-image: none;
+	padding: 0;
+}
+
+textarea {
+	overflow: auto;
+	resize: vertical;
+	width: 100%;
+}
+
+optgroup {
+	color: #000;
+	font-style: normal;
+	font-weight: normal;
+}
+
+/* `IE6
+----------------------------------------------------------------------------------------------------*/
+
+.ie6_button,
+* html button {
+	background: #ddd url(images/button.png) repeat-x;
+	border: 0.1em solid;
+	border-color: #ddd #bbb #999;
+	cursor: pointer;
+	color: #333;
+	font: bold 1.2em Arial, sans-serif;
+	padding: 0.2em 1em 0;
+	overflow: visible;
+	width: auto;
+}
+
+* html button {
+	padding-top: 0.1em;
+	padding-bottom: 0.1em;
+}
+
+.ie6_input,
+* html textarea,
+* html select {
+	background: #fff;
+	border: 0.1em solid;
+	border-color: #848484 #c1c1c1 #e1e1e1;
+	color: #000;
+	padding: 0.2em 0.3em 0.1em;
+	font-size: 1.3em;
+	font-family: Arial, sans-serif;
+	vertical-align: top;
+}
+
+* html select {
+	margin-top: 0.1em;
+}
+
+.placeholder_text,
+.ie6_input_disabled,
+.ie6_button_disabled {
+	color: #888;
+}
+
+.ie6_input_disabled {
+	background: #eee;
+}
+
+/* ------------------------------- */
+/*      Browse Category Style      */
+/* ------------------------------- */
+
+.browsecategorylist {
+margin-left: 1em;
+}
+
+.browsecategorytext {
+color: #333;
+font-weight: bold;
+padding-left: 10px; /* Setting must be in px */
+background:url(/images/bg_bullet_full_2.gif) no-repeat 0px 0.5em;
+}
+
+A.browsecategorybutton {
+color: #333;
+}
+
+.browsecategorybuttondisabled {
+color: #333333;
+font-weight: bold;
+}
+
+/* ----------------------------------- */
+/*      Event/Error Message Style      */
+/* ----------------------------------- */
+
+.eventMessage, .errorMessage {
+background-color: #FFFFEE;
+border: solid #000000 0.1em;
+font-size: 1.1em;
+font-weight: bold;
+margin: 1em;
+padding: 1em;
+}
+
+.eventMessage {
+color: #333;
+}
+
+.errorMessage {
+color: #ff0000;
+}
+
+/* ------------------------ */
+/*      Product Styles      */
+/* ------------------------ */
+
+.basePrice {
+color: #000000;
+}
+
+.normalPrice {
+color: #008000;
+}
+
+.salePrice {
+color: #ff0000;
+}
+.product-prevnext {
+text-align: right;
+}
+
+.productsummary-container {
+border-top: #999 solid 0.1em;
+margin-top: 0.5em;
+margin-bottom: 0.5em;
+}
+
+.productsummary {
+border-bottom: #999 solid 0.1em;
+/* using min-height as an alternative to clear: both; because that, in some browsers, will clear the top-level columns and not just in this div (Mozilla based, namely) */
+min-height: 6em;
+overflow: visible;
+padding: 0.5em;
+position: relative;
+}
+
+.productsummary .smallimage {
+float: left;
+/* position: absolute; top: 5px; left: 5px; */
+margin: 0 0.5em 0.5em 0;
+}
+.productsummary .smallimage img {
+border: #CCC solid 0.1em;
+height: 5em;
+}
+
+.productsummary .productbuy {
+float: right;
+margin: 0.5em;
+text-align: right;
+width: 13em;
+}
+
+.productsummary .productinfo {
+/* margin-left: 60px; */
+text-align: left;
+}
+
+#productdetail #long-description {
+border-top: #999 solid 0.1em;
+margin-top: 1em;
+padding-top: 0.5em;
+}
+
+#productdetail #reviews {
+border-top: #999 solid 0.1em;
+margin-top: 1em;
+padding-top: 0.5em;
+}
+
+#productdetail #associated-products {
+border-top: #999 solid 0.1em;
+margin-top: 1em;
+padding-top: 0.5em;
+}
+
+.treeWrapper {
+background-color: #ffffff;
+border-top: 0.1em solid #000000;
+border-left: 0.1em solid #000000;
+color: #000000;
+font-size: 1.6em;
+font-weight: normal;
+margin-left: 1.2em;
+margin-top: 0.2em;
+text-decoration: none;
+}
+
+/* ------------------------- */
+/*      HTML Log Styles      */
+/* ------------------------- */
+
+.DEBUG {
+color: #808080;
+}
+
+.WARN {
+color: #0000ff;
+font-weight: bold;
+}
+
+.INFO{
+color: #008000;
+}
+
+.ERROR {
+border: 0.2em solid #ff0000;
+color: #ff0000;
+font-weight: bold;
+}
+
+/* ---------------------------- */
+/*     Multi-Column Styles      */
+/* ---------------------------- */
+
+#column-container {
+margin: auto;
+padding: 1em;
+position: relative;
+}
+
+#column-container h1,
+#column-container .h1,
+#column-container h2,
+#column-container .h2 {
+margin-bottom: 0.5em;
+}
+
+#column-container h1,
+#column-container .h1 {
+color: #557996;
+}
+
+#column-container .left {
+float: left;
+/* alt: position: absolute; top: 0px; left: 0px; */
+width: 22em;
+margin-right: 1em;
+}
+
+#column-container .left-larger {
+float: left;
+/* alt: position: absolute; top: 0px; left: 0px; */
+width: 25em;
+margin-right: 1em;
+}
+
+.lefthalf {
+float: left;
+height: 1%;
+left: 0;
+margin: 0% 1% 1% 0%;
+width: 49%;
+}
+
+.righthalf {
+float: right;
+height: 1%;
+margin: 0 0 1% 1%;
+right: 0;
+width: 49%;
+}
+
+#column-container .right {
+float: right;
+margin-left: 1em;
+width: 22em;
+}
+
+#column-container .leftonly {
+margin-left: 23em;
+width: auto;
+}
+
+#column-container .leftonly-larger {
+margin-left: 26em;
+width: auto;
+}
+
+#column-container .rightonly {
+margin-right: 23em;
+width: auto;
+}
+
+#column-container .center {
+margin-left: 23em;
+margin-right: 23em;
+width: auto;
+}
+
+#column-container .nocolumns {
+width: auto;
+}
+
+/* ------------------------------ */
+/* Deprecated styles - DO NOT USE */
+/* ------------------------------ */
+
+.apptitle {
+background-color: #333;
+color: #FFFFFF;
+display: block;
+font-size: 1.3em;
+font-weight: bold;
+line-height: 2em;
+width: 100%;
+}
+
+.boxhead {
+color: #FFFFFF;
+font-size: 1.1em;
+font-weight: bold;
+}
+
+.boxlink {
+float:right;
+}
+
+DIV.boxtop {
+background-color: #333;
+border-color: #999999;
+border-style: solid;
+margin: 0 auto 0 auto;
+padding: 0.1em 0.4em 0.1em 0.4em;
+text-align: center;
+}
+
+DIV.boxhead-left {
+border: none;
+color: #FFFFFF;
+float: left;
+font-size: 1.1em;
+font-weight: bold;
+width: auto;
+}
+
+DIV.boxhead-fill {
+border: none;
+color: #FFFFFF;
+font-size: 1.1em;
+font-weight: bold;
+text-align: center;
+width: 0;
+}
+
+DIV.boxhead-right {
+border: none;
+color: #FFFFFF;
+float: right;
+font-size: 1.1em;
+font-weight: bold;
+width: auto;
+}
+
+A.boxheadbutton {
+color: #FFFFFF;
+font-size: 1.1em;
+}
+
+A.boxheadbutton:hover {
+color: #ff0000;
+text-decoration: none;
+}
+
+.boxoutside {
+background-color: #FFFFFF;
+border: 0.1em solid #999999;
+}
+
+.boxtop {
+background-color: #333;
+border: 0 solid #999999;
+padding: 0.1em 0.4em 0.1em 0.4em;
+}
+
+.boxbottom {
+background-color: #FFFFFF;
+border: 0 solid #999999;
+padding: 0.4em;
+}
+
+.webToolList h3 {
+  margin:0.75em 0 0.09em 0;
+  text-transform:uppercase;
+}
+
+A.linktext {
+color: #333;
+}
+
+A.linktext:hover {
+color: #ff0000;
+}
+
+.buttontextdisabled {
+color: #333333;
+}
+
+.submenutextinfo {
+border-right: 0.1em solid #5886C6;
+color: #ffffff;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.5em;
+padding-right: 0.5em;
+}
+
+.submenutext, A.submenutext, A.submenutext:visited {
+border-right: 0.1em solid #5886C6;
+color: #ffff00;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.2em;
+padding-right: 0.5em;
+}
+
+A.submenutext:hover {
+color: #ffff00;
+}
+
+.submenutextdisabled, A.submenutextdisabled {
+border-right: 0.1em solid #5886C6;
+color: #CCCCCC;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.2em;
+padding-right: 0.5em;
+}
+
+A.submenutextdisabled:hover {
+color: #ffff00;
+}
+
+.submenutextinforight {
+color: #ffffff;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.2em;
+}
+
+.submenutextright, A.submenutextright {
+color: #ffff00;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.2em;
+}
+
+A.submenutextright:hover {
+color: #ffff00;
+}
+
+.submenutextrightdisabled, A.submenutextrightdisabled {
+color: #CCCCCC;
+font-size: 0.9em;
+font-weight: bold;
+padding-left: 0.2em;
+}
+
+A.submenutextrightdisabled:hover {
+color: #ffff00;
+}
+
+A.lightbuttontext {
+border: none;
+color: #222;
+}
+
+A.lightbuttontext:hover {
+color: #ccc;
+}
+
+A.lightbuttontextsmall {
+border: none;
+color: #222;
+font-size: 0.8em;
+}
+
+A.lightbuttontextsmall:hover {
+color: #ccc;
+}
+
+.lightbuttontextdisabled {
+color: #CCCCCC;
+font-weight: bold;
+}
+
+DIV.row {
+background-color: #B4B0AA;
+margin: 0 auto 0 auto;
+text-align: center;
+}
+
+DIV.col {
+border: none;
+float: left;
+width: auto;
+}
+
+DIV.col-fill {
+background-color: #B4B0AA;
+border: none;
+color: #333;
+font-weight: bold;
+text-align: center;
+width: 0;
+}
+
+DIV.col-right {
+border: none;
+float: right;
+width: auto;
+}
+
+.leftclear{
+clear: left;
+height: 1%;
+}
+
+DIV.endcolumns {
+/* deprecated - use .clear */
+clear: both;
+}
+
+DIV.simple-right-small {
+float: right;
+width: 2em;
+text-align: right;
+}
+
+DIV.simple-right-half {
+float: right;
+width: 50%;
+text-align: right;
+}
+
+.left-border {
+float: left;
+margin-right: 1em;
+width: 22em;
+border-right: 0.5em dotted #ccc;
+background-color: #eee;
+height: 100%;
+}
+
+DIV.widget-container {
+margin-bottom: 2em;
+}
+
+DIV.column-left-wide {
+background-color: #CCCCCC;
+border: #000000 solid 0.2em;
+float: left;
+overflow: auto;
+width: 30em;
+}
+
+img.cssImgXLarge {
+	/*border: 1px black solid;*/
+	max-width: 200px;
+	max-height: 150px;
+}
+
+img.cssImgLarge {
+	/*border: 1px black solid;*/
+	max-width: 100px;
+	max-height: 75px;
+}
+
+img.cssImgStandard {
+	/*border: 1px black solid;*/
+	max-width: 70px;
+	max-height: 52px;
+}
+
+img.cssImgSmall {
+	/*border: 1px black solid;*/
+	max-width: 50px;
+	max-height: 37px;
+}
+
+/* From http://jqueryui.com/demos/autocomplete/maxheight.html */
+/* When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large */
+.ui-autocomplete {
+    max-height: 250px;
+    overflow-y: auto;
+    /* prevent horizontal scrollbar */
+    overflow-x: hidden;
+    /* add padding to account for vertical scrollbar */
+    padding-right: 20px;
+}
+/* IE 6 doesn't support max-height
+ * we use height instead, but this forces the menu to always be this tall
+ */
+* html .ui-autocomplete {
+    height: 250px;
+}
+
+/* The custom CSS for adjust the JsTree */
+.jstree-default .jstree-leaf > ins { 
+ background-position:-36px 0;
+ vertical-align: top;
+ }
+html>/**/body .jstree-default a {
+white-space:normal !important;
+ height: auto;
+ }
+/* IE6 and below */  
+* html .jstree-default a { 
+white-space:normal;
+height: auto;
+}
+/* IE7 */  
+*+html .jstree-default a {
+white-space:normal;
+height: auto;
+}

Added: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/stylertl.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/stylertl.css?rev=1641665&view=auto
==============================================================================
--- ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/stylertl.css (added)
+++ ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/css/stylertl.css Tue Nov 25 18:35:47 2014
@@ -0,0 +1,400 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/* This CSS file is used to reverse the style direction for rtl languages. */
+/* It is intended to be cascaded with maincss.css. */
+
+/* ===== Resets/Browser Normalization ===== */
+
+body, caption, th {
+text-align: right;
+}
+
+/* ===== Legacy Styles ===== */
+
+.boxlink {
+float: left;
+}
+
+DIV.boxhead-left {
+float: right;
+}
+
+DIV.boxhead-right {
+float: left;
+}
+
+.submenutextinfo {
+border-right: none;
+border-left: 0.1em solid #5886C6;
+}
+
+.submenutext, A.submenutext, A.submenutext:visited,
+.submenutextdisabled, A.submenutextdisabled {
+border-right: none;
+border-left: 0.1em solid #5886C6;
+padding-left: 0.5em;
+padding-right: 0.2em;
+}
+
+.submenutextinforight, .submenutextright, A.submenutextright,
+.submenutextrightdisabled, A.submenutextrightdisabled {
+padding-left: none;
+padding-right: 0.2em;
+}
+
+/* ===== Product Summary Styles ===== */
+.product-prevnext {
+text-align: left;
+}
+
+.productsummary .smallimage {
+float: right;
+margin: 0 0 0.5em 0.5em;
+}
+.productsummary .productbuy {
+float: left;
+text-align: left;
+}
+
+.productsummary .productinfo {
+text-align: right;
+}
+
+.treeWrapper {
+border-left: none;
+border-right: 0.1em solid #000000;
+margin-left: 0;
+margin-right: 1.2em;
+text-align: right;
+}
+
+.lefthalf{
+float: right;
+left: auto;
+right: 0;
+margin: 0 0 1% 1%;
+}
+
+.righthalf {
+float: left;
+margin: 0 1% 1% 0;
+right: auto;
+left: 0;
+}
+
+.leftclear{
+clear: right;
+}
+
+/* ==== Styles Copied From tabstyles.css === */
+
+.treewrapper {
+margin-left: 0;
+margin-right: 1em;
+}
+
+DIV.col {
+float: right;
+}
+
+DIV.col-right {
+float: left;
+}
+
+DIV.simple-right-small, DIV.simple-right-half {
+float: left;
+text-align: left;
+}
+
+#column-container .left {
+float: right;
+margin-right: 0;
+margin-left: 1em;
+}
+
+.left-border {
+float: right;
+margin-right: 0;
+margin-left: 1em;
+border-right: none;
+border-left: 0.5px dotted #ccc;
+}
+
+#column-container .right {
+float: left;
+margin-left: 0;
+margin-right: 1em;
+}
+
+#column-container .leftonly {
+margin-left: 0;
+margin-right: 23em;
+}
+
+#column-container .rightonly {
+margin-right: 0;
+margin-left: 23em;
+}
+
+DIV.column-left-wide {
+float: right;
+}
+
+/* ===== New Styles ===== */
+
+.label {
+padding-right: 0;
+padding-left: 1.1em;
+text-align: left;
+}
+
+/* ================================== */
+/* ===== Used to align elements ===== */
+/* ================================== */
+
+.align-float {
+float: left;
+}
+
+.align-text {
+text-align: left;
+}
+
+/* ==================================== */
+/* ===== Masthead (Header) Styles ===== */
+/* ==================================== */
+
+#masthead ul li {
+float: right;
+}
+
+#masthead ul .opposed,
+#masthead ul .control-area {
+float: left;
+text-align: left;
+}
+
+/* ---------------------- */
+/*      Footer Style      */
+/* ---------------------- */
+
+#footer {
+padding: 0.5em 0.5em 0.5em 0;
+}
+
+#footer ul {
+float: right;
+}
+
+#footer ul li {
+float: right;
+}
+
+#footer ul .first {
+border-right: none;
+border-left: 0.1em solid #444;
+}
+
+#footer ul .last {
+border-left: none;
+border-right: 0.1em solid #222;
+}
+
+#footer p {
+clear: right;
+}
+
+/* ================================================== */
+/* ===== Main Navigation (App Menu) Styles ========== */
+/* ================================================== */
+
+#main-navigation ul li {
+float: right;
+padding:0 0.5em 0 1em;
+}
+
+#main-navigation ul .first {
+border-right: none;
+border-left: 0.1em solid #5c809c;
+}
+
+#main-navigation ul .last {
+border-left: none;
+border-right: 0.1em solid #3e5a71;
+}
+
+/* ========================================================= */
+/* ===== Component Navigation (App Header) Styles ========== */
+/* ========================================================= */
+
+#app-navigation ul li ul li {
+float: right;
+margin: 0.1em 0 0.1em 0.3em;
+}
+
+/* ================================================= */
+/* ===== Screenlet Title Bar/Navigation Styles ===== */
+/* ================================================= */
+
+.screenlet-title-bar ul li {
+border-left: none;
+border-right: 0.1em solid #dedede;
+float: left;
+}
+
+.screenlet-title-bar ul .h1,
+.screenlet-title-bar ul .h2,
+.screenlet-title-bar ul .h3 {
+border-right: none;
+float: right;
+}
+
+
+/* login screenlet decorator */
+.login-screenlet {
+margin-left: 0;
+margin-right: 38%;
+}
+
+/* ======================================================= */
+/* ===== Basic Navigation (Vertical Menu) Style ========== */
+/* ======================================================= */
+
+.basic-nav {
+padding-left: 0;
+padding-right: 1em;
+}
+
+/* ======================================== */
+/* ===== Button Bar Navigation Styles ===== */
+/* ======================================== */
+
+.button-bar ul li {
+float: right;
+}
+
+.button-bar ul .opposed {
+float: left;
+}
+
+/* ===== Button bar decorators ===== */
+
+.tab-bar ul li ul li {
+margin-right: 0;
+margin-left: 0.5em;
+}
+/* ======================== */
+/* ===== Table Styles ===== */
+/* ======================== */
+
+.basic-table tr .label,
+.basic-table tr .group-label {
+/* field labels for forms */
+text-align: left;
+padding-right: 0;
+padding-left: 1.5em;
+}
+
+.basic-table tr .group-label {
+padding: 2em 0 0 1.5em;
+}
+
+.basic-table tr th,
+.basic-table .header-row {
+text-align: right;
+}
+
+.basic-table tr .button-col a {
+float: right;
+}
+
+/* ======================= */
+/* ===== Tree Styles ===== */
+/* ======================= */
+
+.basic-tree ul, .basic-tree li {
+padding-left: 0;
+padding-right: 1em;
+}
+
+.basic-tree li .expanded {
+background: url(/images/collapse.gif) no-repeat right center;
+padding-right: 0;
+padding-left: 1em;
+}
+
+.basic-tree li .collapsed {
+background: url(/images/expand.gif) no-repeat right center;
+padding-right: 0;
+padding-left: 1em;
+}
+
+/* ======================== */
+/* ===== Form Styles ===== */
+/* ======================== */
+
+.basic-form table tr .label,
+.basic-form table tr .group-label {
+text-align: left;
+padding-right: 0;
+padding-left: 1.5em;
+}
+
+.basic-form table tr .group-label {
+/* "header" for field label groups */
+font-size: 1.2em;
+padding: 2em 0 0 1.5em ;
+}
+
+.basic-form table tr th,
+.basic-form table .header-row {
+text-align: right;
+}
+
+/* ------------------------------- */
+/*      List Navigation Style      */
+/* ------------------------------- */
+
+.nav-pager ul li {
+float: right;
+}
+
+.nav-pager ul .nav-displaying {
+border-left: none;
+border-right: solid #222 0.1em;
+}
+
+
+/* From http://jqueryui.com/demos/autocomplete/maxheight.html */
+/* When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large */
+.ui-autocomplete {
+    max-height: 250px;
+    overflow-y: auto;
+    /* prevent horizontal scrollbar */
+    overflow-x: hidden;
+    /* add padding to account for vertical scrollbar */
+    padding-right: 20px;
+}
+/* IE 6 doesn't support max-height
+ * we use height instead, but this forces the menu to always be this tall
+ */
+* html .ui-autocomplete {
+    height: 250px;
+}

Added: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/fonts/glyphicons-halflings-regular.eot
URL: http://svn.apache.org/viewvc/ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/fonts/glyphicons-halflings-regular.eot?rev=1641665&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/boostrap_theme/themes/bootstrap/webapp/bootstrap/fonts/glyphicons-halflings-regular.eot
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream