You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by bf...@apache.org on 2013/09/19 19:31:42 UTC
[2/3] Move CSS -> SCSS
http://git-wip-us.apache.org/repos/asf/cloudstack/blob/def66e1e/ui/css/cloudstack3.css
----------------------------------------------------------------------
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
deleted file mode 100644
index 6510d0e..0000000
--- a/ui/css/cloudstack3.css
+++ /dev/null
@@ -1,12367 +0,0 @@
-/*[fmt]1C20-1C0D-E*/
-/*
-* 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.
-*/
-/*+clearfix {*/
-div.toolbar:after,
-.multi-wizard .progress ul li:after,
-.multi-wizard.zone-wizard .select-container .field .select-array-item:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- font-size: 0;
-}
-
-div.toolbar,
-.multi-wizard .progress ul li,
-.multi-wizard.zone-wizard .select-container .field .select-array-item {
- display: inline-block;
-}
-
-div.toolbar,
-.multi-wizard .progress ul li,
-.multi-wizard.zone-wizard .select-container .field .select-array-item {
- /*\*/
- display: block;
- /**/
- -height: 1px;
-}
-
-/*+}*/
-body {
- font-family: sans-serif;
- height: 769px !important;
- overflow: auto;
- background: #FFFFFF;
-}
-
-body.install-wizard {
- font-family: sans-serif;
- height: 769px !important;
- overflow: auto;
- overflow-x: hidden;
- background: #FFFFFF url(../images/bg-login.png);
-}
-
-#container {
- width: 1024px;
- height: 783px;
- margin: auto;
- border: 1px solid #E2E2E2;
- border-top: none;
- position: relative;
-}
-
-#sections {
- display: none;
-}
-
-/*Table*/
-table {
- width: 740px;
- max-width: 777px;
- margin: 15px 15px 12px 12px;
- font-size: 13px;
- text-align: left;
- text-indent: 10px;
- border-bottom: 1px solid #C4C5C5;
- border-collapse: collapse;
- position: relative;
-}
-
-table thead {
- background: url(../images/bg-table-head.png) repeat-x;
- cursor: default;
-}
-
-table thead th {
- border: 1px solid #C6C3C3;
- color: #566677;
- border-top: none;
- border-bottom: 1px solid #CFC9C9;
- text-align: left;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
- font-weight: normal;
-}
-
-table thead th.sorted {
- color: #312F2F;
- /*+text-shadow:0px 1px 1px #BFBFBF;*/
- -moz-text-shadow: 0px 1px 1px #BFBFBF;
- -webkit-text-shadow: 0px 1px 1px #BFBFBF;
- -o-text-shadow: 0px 1px 1px #BFBFBF;
- text-shadow: 0px 1px 1px #BFBFBF;
-}
-
-table thead th.sorted.desc {
- background-position: 102% -111px;
-}
-
-table thead th.sorted.asc {
- background-position: 102% -157px;
-}
-
-table tbody td,
-table th {
- padding: 9px 5px 4px 5px;
- border-right: 1px solid #BFBFBF;
- color: #495A76;
- clear: none;
- min-width: 88px;
- font-size: 11px;
- overflow: hidden;
- vertical-align: middle;
-}
-
-table tbody td.loading {
- text-align: center;
- background: #DBE2E9;
- border-top: 1px solid #FBFBFB;
-}
-
-table tbody td.truncated {
- overflow: visible;
- max-width: 88px;
-}
-
-table tbody td.truncated > span {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-/** Actions table cell*/
-table tbody td.actions {
- width: 130px;
- max-width: 130px !important;
- min-width: 130px !important;
- vertical-align: middle;
-}
-
-table tbody td.actions input {
- /*+placement:shift 10px -6px;*/
- position: relative;
- left: 10px;
- top: -6px;
- margin: 11px 0 0px;
-}
-
-/** Quick view table cell*/
-table tbody td.quick-view,
-table thead th.quick-view {
- min-width: 58px;
- max-width: 58px !important;
- width: 58px !important;
- height: 14px !important;
- text-indent: 7px;
-}
-
-table tbody td.quick-view {
- cursor: pointer;
-}
-
-table tbody td.quick-view .icon {
- margin-left: 22px;
- margin-top: 3px;
- padding: 0px 0px 6px 12px;
- background: url(../images/sprites.png) no-repeat -44px -62px;
-}
-
-table tbody td.quick-view:hover .icon {
- background-position: -44px -644px;
-}
-
-table tbody tr.loading td.quick-view .icon {
- display: none;
-}
-
-table tbody tr.loading td.quick-view {
- cursor: default;
-}
-
-table tbody tr.loading td.quick-view .loading {
- background-position: center center;
-}
-
-/** Row styling*/
-table tbody tr {
- border-left: 1px solid #C4C5C5;
- border-right: 1px solid #C4C5C5;
- border-top: 1px solid transparent;
-}
-
-table tbody tr.even {
- background: #DFE1E3;
-}
-
-table tbody tr.odd {
- background: #F2F0F0;
-}
-
-table tbody tr.selected {
- background: #CBDDF3;
- border-top: 1px solid #EDF0F7 !important;
- border-bottom: 1px solid #BABFD9;
- text-shadow: 0px 1px 1px #FCFBF7;
-}
-
-table tbody tr.to-remove {
- background: #E05959;
- border-top: 1px solid #EDF0F7 !important;
- border-bottom: 1px solid #BABFD9;
- text-shadow: 0px 1px 1px #FCFBF7;
-}
-
-table tbody tr.loading {
- background: #E2E9F0;
-}
-
-table tbody tr.loading td {
- /*+opacity:50%;*/
- filter: alpha(opacity=50);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
- -moz-opacity: 0.5;
- opacity: 0.5;
-}
-
-table tbody tr.loading td.loading.icon {
- background: url(../images/ajax-loader.gif) no-repeat center;
- height: 35px;
- padding: 0;
-}
-
-table tbody tr div.loading {
- display: block;
- width: 50px;
- height: 14px;
- background: transparent url(../images/ajax-loader-small.gif) no-repeat center;
- margin: auto;
-}
-
-table th.resizable {
- position: relative;
- cursor: col-resize;
-}
-
-table th div.ui-resizable-handle {
- position: relative;
- top: -30px;
- float: right;
-}
-
-/** Header, misc*/
-#header,
-#navigation {
- /*+text-shadow:0px -1px 1px #000000;*/
- -moz-text-shadow: 0px -1px 1px #000000;
- -webkit-text-shadow: 0px -1px 1px #000000;
- -o-text-shadow: 0px -1px 1px #000000;
- text-shadow: 0px -1px 1px #000000;
-}
-
-#template {
- display: none;
-}
-
-/*Login screen*/
-body.login {
- background: transparent url(../images/bg-login.png) repeat 50% -82px;
-}
-
-.login {
- display: block;
- width: 100%;
- height: 245px;
- /*+placement:shift 0 100px;*/
- position: relative;
- left: 0;
- top: 100px;
- background: #FFFFFF;
- /*+box-shadow:0px 3px 5px #D5D5D5;*/
- -moz-box-shadow: 0px 3px 5px #D5D5D5;
- -webkit-box-shadow: 0px 3px 5px #D5D5D5;
- -o-box-shadow: 0px 3px 5px #D5D5D5;
- box-shadow: 0px 3px 5px #D5D5D5;
-}
-
-.login .select-language {
- margin-top: 10px;
- float: left;
-}
-
-.login .select-language select {
- width: 125px;
- border: 1px solid #808080;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- font-size: 12px;
- /*+box-shadow:inset 0px 1px 1px #838383;*/
- -moz-box-shadow: inset 0px 1px 1px #838383;
- -webkit-box-shadow: inset 0px 1px 1px #838383;
- -o-box-shadow: inset 0px 1px 1px #838383;
- box-shadow: inset 0px 1px 1px #838383;
-}
-
-.login .fields {
- width: 409px;
- float: left;
- margin: 72px 0 0 88px;
-}
-
-.login .fields .field {
- position: relative;
-}
-
-.login .fields .field label {
- font-size: 11px;
- color: #4E4F53;
- /*+placement:displace 10px 12px;*/
- position: absolute;
- margin-left: 10px;
- margin-top: 12px;
-}
-
-.login .fields .field label.error {
- color: #FF0000;
- float: right;
- left: 204px;
- top: 0;
-}
-
-.login .fields input {
- width: 204px;
- height: 20px;
- margin: 5px 0 0;
- text-indent: 7px;
- border: none;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- /*+box-shadow:inset 0px 1px 1px #4E4E4E;*/
- -moz-box-shadow: inset 0px 1px 1px #4E4E4E;
- -webkit-box-shadow: inset 0px 1px 1px #4E4E4E;
- -o-box-shadow: inset 0px 1px 1px #4E4E4E;
- box-shadow: inset 0px 1px 1px #4E4E4E;
- background: #ECECEC;
-}
-
-.login .fields input.error {
- border-color: #FF8080;
- background: #FFEAEA;
-}
-
-.login .fields input[type=submit] {
- background: transparent url(../images/sprites.png) -563px -747px;
- cursor: pointer;
- border: none;
- margin: 7px 238px 0 -1px;
- text-align: center;
- width: 69px;
- height: 25px;
- display: block;
- color: #FFFFFF;
- font-weight: bold;
- float: left;
- text-indent: -1px;
- /*+text-shadow:0px 1px 2px #000000;*/
- -moz-text-shadow: 0px 1px 2px #000000;
- -webkit-text-shadow: 0px 1px 2px #000000;
- -o-text-shadow: 0px 1px 2px #000000;
- text-shadow: 0px 1px 2px #000000;
-}
-
-.login .fields input[type=submit]:hover {
- background-position: -563px -772px;
-}
-
-.login .logo {
- width: 243px;
- height: 31px;
- float: left;
- margin: 72px 0 0 209px;
- background: url(../images/logo-login.png) no-repeat -7px 0px;
-}
-
-.login.nologo .logo {
- background-image: url(../images/logo-login-oss.png);
-}
-
-.login form {
- display: block;
- width: 1000px;
- height: 100%;
- margin: auto;
- background: #FFFFFF;
-}
-
-/*About dialog*/
-.dialog-about .ui-widget-content {
- padding-left: 0;
- padding-right: 0;
- width: 100% !important;
-}
-
-.dialog-about .logo {
- font-size: 26px;
- color: #636363;
- padding-top: 20px;
-}
-
-.dialog-about .version {
- font-size: 12px;
- padding-top: 10px;
-}
-
-.dialog-about .ui-button {
- float: none;
- margin: 0 auto;
-}
-
-#browser div.panel div.detail-view .toolbar {
- width: 594px;
-}
-
-div.list-view table tbody td span {
- display: block;
- float: left;
- max-width: 89%;
- word-wrap: break-word;
- text-indent: 0;
- margin-left: 12px;
- line-height: 15px;
-}
-
-div.list-view div.toolbar div.section-switcher div.section-select label {
- margin: 0 9px 0 0;
-}
-
-.loading-overlay {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0px;
- top: 0px;
- background: #F2F2F2 url(../images/ajax-loader.gif) no-repeat center;
- z-index: 500;
- /*+opacity:70%;*/
- filter: alpha(opacity=70);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
- -moz-opacity: 0.7;
- opacity: 0.7;
-}
-
-.loading-overlay span {
- display: block;
- text-align: center;
- margin: 155px 0 0 5px;
- color: #4B4B4B;
-}
-
-.detail-view .ui-tabs-panel .loading-overlay {
- background-position: 50% 250px;
-}
-
-/*Install wizard*/
-.install-wizard {
- width: 1024px;
- height: 768px;
- margin: auto;
- border-top: none;
- position: relative;
-}
-
-.install-wizard .header {
- text-align: center;
- background: url(../images/bg-login.png);
- color: #626E82;
- height: 365px;
- padding: 32px 0 89px;
- /*+text-shadow:0px 1px 2px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 2px #FFFFFF;
- -webkit-text-shadow: 0px 1px 2px #FFFFFF;
- -o-text-shadow: 0px 1px 2px #FFFFFF;
- text-shadow: 0px 1px 2px #FFFFFF;
- z-index: 9;
-}
-
-.install-wizard .header h3 {
- font-size: 20px;
-}
-
-.install-wizard .step {
- max-width: 691px;
- margin: auto;
- padding: 56px 0 0;
-}
-
-.install-wizard .step .title {
- width: 303px;
- margin: auto auto 30px;
- font-size: 22px;
- clear: both;
- color: #626E82;
-}
-
-.install-wizard .step .subtitle {
- color: #4B5E69;
- font-weight: bold;
- font-size: 12px;
-}
-
-.install-wizard .step p {
- color: #4A4A4A;
- font-size: 15px;
- line-height: 23px;
- background: url(../images/bg-gradient-white-transparent.png) repeat-x -114px -270px;
-}
-
-.install-wizard .step ul li {
- margin: 14px 0 0 18px;
- width: 465px;
- font-size: 13px;
- list-style: disc;
-}
-
-.install-wizard .step .field {
- text-align: left;
- margin: 0 0 12px;
-}
-
-.install-wizard .step .field label {
- display: block;
- clear: both;
- font-size: 11px;
- color: #4D4D4D;
-}
-
-.install-wizard .step .field label.error {
- color: #FF2424;
- font-size: 11px;
-}
-
-.install-wizard .body {
- width: 1012px;
- height: 762px;
- margin: -352px auto auto;
- z-index: 10;
- background: url(../images/bg-gradient-white-transparent.png) repeat-x -114px -141px;
- /*+box-shadow:0px -3px 4px #CFCFCF;*/
- -moz-box-shadow: 0px -3px 4px #CFCFCF;
- -webkit-box-shadow: 0px -3px 4px #CFCFCF;
- -o-box-shadow: 0px -3px 4px #CFCFCF;
- box-shadow: 0px -3px 4px #CFCFCF;
-}
-
-.install-wizard h2 {
- font-size: 28px;
- margin: 0 0 19px;
-}
-
-.install-wizard input[type=text],
-.install-wizard input[type=password],
-.install-wizard input[type=text],
-.install-wizard select {
- width: 288px;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- border: 1px solid #CDCDCD;
- /*+box-shadow:inset 0px 1px #AEAEAE;*/
- -moz-box-shadow: inset 0px 1px #AEAEAE;
- -webkit-box-shadow: inset 0px 1px #AEAEAE;
- -o-box-shadow: inset 0px 1px #AEAEAE;
- box-shadow: inset 0px 1px #AEAEAE;
- -moz-box-shadow: inset 0px 1px 0px #AEAEAE;
- -webkit-box-shadow: inset 0px 1px 0px #AEAEAE;
- -o-box-shadow: inset 0px 1px 0px #AEAEAE;
- font-size: 14px;
- color: #232323;
- padding: 6px;
- background: #F7F7F7;
-}
-
-.install-wizard .button {
- background: url(../images/bg-gradients.png) 0px -221px;
- padding: 7px 16px 7px 18px;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- border: 1px solid #505050;
- color: #FFFFFF;
- font-size: 12px;
- font-weight: bold;
- /*+text-shadow:0px -1px 3px #3F4351;*/
- -moz-text-shadow: 0px -1px 3px #3F4351;
- -webkit-text-shadow: 0px -1px 3px #3F4351;
- -o-text-shadow: 0px -1px 3px #3F4351;
- text-shadow: 0px -1px 3px #3F4351;
- float: right;
- cursor: pointer;
- margin-top: 15px;
-}
-
-.install-wizard .button.advanced-installation,
-.install-wizard .button.go-back {
- background: #E0DEDE;
- color: #3B3B3B;
- border: 1px solid #C7C2C2;
- /*+text-shadow:0px 0px #FFFFFF;*/
- -moz-text-shadow: 0px 0px #FFFFFF;
- -webkit-text-shadow: 0px 0px #FFFFFF;
- -o-text-shadow: 0px 0px #FFFFFF;
- text-shadow: 0px 0px #FFFFFF;
- float: left;
-}
-
-.install-wizard .button.go-back {
- padding: 9px 16px 10px 18px;
- font-size: 12px;
-}
-
-.install-wizard .setup-form .button.go-back {
- /*+placement:shift 15px -14px;*/
- position: relative;
- left: 15px;
- top: -14px;
-}
-
-.install-wizard .step {
- z-index: 11;
- position: relative;
-}
-
-.install-wizard .step .tooltip-info {
- /*+placement:shift 547px 50px;*/
- position: relative;
- left: 547px;
- top: 50px;
- position: absolute;
-}
-
-/*** Intro*/
-.install-wizard .step.intro.what-is-cloudstack p {
- background: url(../images/bg-what-is-cloudstack.png) no-repeat 50% 237px;
- height: 540px;
-}
-
-/*** Diagram*/
-.install-wizard .diagram {
- width: 910px;
- height: 385px;
- /*+placement:shift 65px 496px;*/
- position: relative;
- left: 65px;
- top: 496px;
- position: absolute;
- z-index: 10;
-}
-
-.install-wizard .diagram .part {
- background: url(../images/install-wizard-parts.png) no-repeat;
- display: none;
-}
-
-.install-wizard .diagram .part.zone {
- width: 742px;
- height: 135px;
- background-position: -267px -580px;
- /*+placement:shift 77px 222px;*/
- position: relative;
- left: 77px;
- top: 222px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.loading {
- width: 742px;
- height: 432px;
- background-position: -1264px -487px;
- /*+placement:shift 105px -67px;*/
- position: relative;
- left: 105px;
- top: -67px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.loading .icon {
- width: 61px;
- height: 76px;
- background: url(../images/ajax-loader.gif) no-repeat;
- /*+placement:shift 322px 130px;*/
- position: relative;
- left: 322px;
- top: 130px;
-}
-
-.install-wizard .diagram .part.pod {
- width: 266px;
- height: 396px;
- background-position: -47px -3px;
- /*+placement:shift 313px -76px;*/
- position: relative;
- left: 313px;
- top: -76px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.cluster {
- width: 266px;
- height: 396px;
- background-position: -364px 1px;
- /*+placement:shift 313px -76px;*/
- position: relative;
- left: 313px;
- top: -76px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.host {
- width: 266px;
- height: 396px;
- background-position: -688px 1px;
- /*+placement:shift 313px -76px;*/
- position: relative;
- left: 313px;
- top: -76px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.primaryStorage {
- width: 275px;
- height: 396px;
- background-position: -1046px 1px;
- /*+placement:shift 306px -76px;*/
- position: relative;
- left: 306px;
- top: -76px;
- position: absolute;
-}
-
-.install-wizard .diagram .part.secondaryStorage {
- width: 385px;
- height: 396px;
- background-position: -1469px 1px;
- /*+placement:shift 306px -76px;*/
- position: relative;
- left: 306px;
- top: -76px;
- position: absolute;
-}
-
-/*** Setup form*/
-.install-wizard .step .setup-form {
- display: inline-block;
- background: url(../images/bg-transparent-white.png);
- width: 469px;
- border: 1px solid #DFDFDF;
- /*+text-shadow:0px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px #FFFFFF;
- -o-text-shadow: 0px 1px #FFFFFF;
- text-shadow: 0px 1px #FFFFFF;
- -moz-text-shadow: 0px 1px 0px #FFFFFF;
- -webkit-text-shadow: 0px 1px 0px #FFFFFF;
- -o-text-shadow: 0px 1px 0px #FFFFFF;
- /*+box-shadow:0px 5px 9px #9F9F9F;*/
- -moz-box-shadow: 0px 5px 9px #9F9F9F;
- -webkit-box-shadow: 0px 5px 9px #9F9F9F;
- -o-box-shadow: 0px 5px 9px #9F9F9F;
- box-shadow: 0px 5px 9px #9F9F9F;
-}
-
-.install-wizard .step .setup-form .title {
- float: left;
- margin: 17px 0 0 29px;
- color: #626F7C;
-}
-
-.install-wizard .step .setup-form .field {
- width: 389px;
- display: inline-block;
- margin: 6px 0 1px 31px;
- padding: 9px;
- color: #57646D;
-}
-
-.install-wizard .step .setup-form .field .name {
- width: 98px;
- text-align: right;
- float: left;
- font-size: 13px;
- padding: 10px 0 0 0px;
-}
-
-.install-wizard .step .setup-form .field .value {
- float: right;
-}
-
-.install-wizard .step .setup-form input[type=text],
-.install-wizard .step .setup-form input[type=password] {
- width: 278px;
- border: 1px solid #8D8D8D;
- padding: 2px 2px 1px;
- margin: 6px 4px 0 0;
-}
-
-.install-wizard .step .setup-form .range-item {
- width: 142px;
- float: left;
-}
-
-.install-wizard .step .setup-form .range-item input {
- width: 131px;
-}
-
-.install-wizard .step .setup-form .multi-range input[type=text] {
- width: 128px;
-}
-
-.install-wizard .step .setup-form input.button {
- margin: 0 30px 14px 15px;
-}
-
-/*** Step: Change user*/
-.install-wizard .step.change-user {
- text-align: center;
- padding-top: 95px;
- width: 316px;
- margin: auto;
-}
-
-.install-wizard .step.intro {
-}
-
-.install-wizard .step.intro iframe {
- width: 99%;
- height: 99%;
- margin: 4px;
-}
-
-.install-wizard .step.intro .title {
- color: #565454;
- margin-left: 0;
- margin-bottom: 21px;
- font-size: 25px;
-}
-
-.install-wizard .step.intro .subtitle {
- margin-bottom: 9px;
-}
-
-.install-wizard .step.intro .subtitle li {
- background: url(../images/ajax-loader-small.gif) no-repeat 3px 0px;
- position: relative;
- width: 45%;
- padding: 1px 0 1px 30px;
- height: 24px;
- list-style: none;
-}
-
-.install-wizard .step.intro .subtitle li.complete {
- background: url(../images/icons.png) -1px -224px;
-}
-
-.install-wizard .step.intro .subtitle li.error {
- background: url(../images/icons.png) -1px -190px;
-}
-
-.install-wizard .step.intro .subtitle li img {
- float: right;
-}
-
-/*Notifications*/
-div.notification-box {
- width: 323px;
- height: 354px;
- background: url(../images/bg-notifications.png) no-repeat 0px 0px;
-}
-
-div.notification-box h3 {
- color: #FFFFFF;
- /*+placement:shift 0px 35px;*/
- position: relative;
- left: 0px;
- top: 35px;
- text-align: center;
- font-size: 21px;
- letter-spacing: 1px;
- /*+text-shadow:0px 1px 2px #000000;*/
- -moz-text-shadow: 0px 1px 2px #000000;
- -webkit-text-shadow: 0px 1px 2px #000000;
- -o-text-shadow: 0px 1px 2px #000000;
- text-shadow: 0px 1px 2px #000000;
-}
-
-div.notification-box .container {
- background: #FFFFFF;
- width: 296px;
- height: 241px;
- margin: auto;
- /*+placement:shift 3px 46px;*/
- position: relative;
- left: 3px;
- top: 46px;
- /*+box-shadow:inset 0px 3px 7px #656565;*/
- -moz-box-shadow: inset 0px 3px 7px #656565;
- -webkit-box-shadow: inset 0px 3px 7px #656565;
- -o-box-shadow: inset 0px 3px 7px #656565;
- box-shadow: inset 0px 3px 7px #656565;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- border: 1px solid #8198AE;
-}
-
-div.notification-box .container ul {
- margin-top: 8px;
- height: 229px;
- overflow: auto;
- overflow-x: hidden;
- width: 294px;
-}
-
-div.notification-box .container ul li {
- height: 40px;
- border-bottom: 1px solid #CECECE;
- overflow: auto;
- overflow-x: hidden;
- text-indent: 0;
- font-size: 12px;
- color: #4D5E6E;
- background: url(../images/icons.png) no-repeat 10px -213px;
- cursor: pointer;
-}
-
-div.notification-box .container ul li.error {
- background: url(../images/icons.png) no-repeat 10px -179px;
-}
-
-div.notification-box .container ul li span {
- float: left;
- /*+placement:shift 48px 16px;*/
- position: relative;
- left: 48px;
- top: 16px;
- max-width: 202px;
- overflow: hidden;
-}
-
-div.notification-box .container ul li span:hover {
- color: #5FAAF7;
- text-decoration: underline;
-}
-
-div.notification-box .container ul div.remove {
- width: 17px;
- height: 21px;
- background: url(../images/buttons.png) no-repeat -623px -8px;
- float: right;
- margin: -4px 8px 0px 0px;
- cursor: pointer;
- /*+placement:shift 0px 16px;*/
- position: relative;
- left: 0px;
- top: 16px;
-}
-
-div.notification-box .container ul div.remove:hover {
- background-position: -606px -8px;
-}
-
-div.notification-box .container ul li.pending {
- color: #7E96AC;
- background: url(../images/ajax-loader.gif) no-repeat 8px 6px;
-}
-
-div.notification-box .container ul li.first {
- border-top: none;
-}
-
-div.notification-box .container ul li.last {
-}
-
-div.notification-box .button {
- float: left;
- background: url(../images/buttons.png) no-repeat;
- cursor: pointer;
- /*+placement:shift 0px 51px;*/
- position: relative;
- left: 0px;
- top: 51px;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- border-bottom: 1px solid #2B2B2B;
- /*+box-shadow:0px 0px 2px #272727;*/
- -moz-box-shadow: 0px 0px 2px #272727;
- -webkit-box-shadow: 0px 0px 2px #272727;
- -o-box-shadow: 0px 0px 2px #272727;
- box-shadow: 0px 0px 2px #272727;
- padding: 5px 10px 6px;
-}
-
-div.notification-box .button span {
- color: #FFFFFF;
- font-size: 11px;
- font-weight: bold;
- letter-spacing: 1px;
- /*+text-shadow:0px -1px 2px #171717;*/
- -moz-text-shadow: 0px -1px 2px #171717;
- -webkit-text-shadow: 0px -1px 2px #171717;
- -o-text-shadow: 0px -1px 2px #171717;
- text-shadow: 0px -1px 2px #171717;
-}
-
-div.notification-box .button.clear-list {
- background: url(../images/gradients.png) 0px -10px;
- margin-left: 16px;
-}
-
-div.notification-box .button.clear-list:hover {
- background-position: 0px -51px;
-}
-
-div.notification-box .button.close {
- background: url(../images/gradients.png) 0px -317px;
- float: right;
- margin-right: 10px;
- border-bottom: 1px solid #232323;
-}
-
-div.notification-box .button.close:hover {
- background-position: -4px -368px;
-}
-
-/*** Corner alert*/
-div.notification.corner-alert {
- background: #EBE8E8;
- width: 300px;
- height: 70px;
- position: absolute;
- text-indent: 10px;
- font-size: 12px;
- border: 1px solid #8F8A8A;
- /*+opacity:70%;*/
- filter: alpha(opacity=70);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
- -moz-opacity: 0.7;
- opacity: 0.7;
- overflow: hidden;
- z-index: 100;
- cursor: pointer;
-}
-
-div.notification.corner-alert div.title {
- width: 100%;
- height: 33px;
- background: url(../images/bg-dialog-header.png);
- color: #FFFFFF;
-}
-
-div.notification.corner-alert div.title span {
- background: url(../images/icons.png) no-repeat -3px -225px;
- /*+placement:shift 0px 10px;*/
- position: relative;
- left: 0px;
- top: 10px;
- /*+text-shadow:0px 1px 1px #3A3A3A;*/
- -moz-text-shadow: 0px 1px 1px #3A3A3A;
- -webkit-text-shadow: 0px 1px 1px #3A3A3A;
- -o-text-shadow: 0px 1px 1px #3A3A3A;
- text-shadow: 0px 1px 1px #3A3A3A;
- padding: 3px 0 12px 24px;
- font-weight: bold;
-}
-
-div.notification.corner-alert.error div.title span {
- background: url(../images/icons.png) no-repeat -4px -190px;
-}
-
-div.notification.corner-alert div.message span {
- position: relative;
- padding-top: 6px;
- display: block;
-}
-
-div.notification.corner-alert:hover div.message span {
- text-decoration: underline;
- color: #5FAAF7;
-}
-
-/*Tooltips*/
-.tooltip {
-}
-
-.tooltip-info {
- width: 239px;
- min-height: 83px;
- display: inline-block;
- background: #FFFFFF;
- border: 1px solid #BEB8B8;
- position: absolute;
- z-index: 1000;
- /*+border-radius:22px;*/
- -moz-border-radius: 22px;
- -webkit-border-radius: 22px;
- -khtml-border-radius: 22px;
- border-radius: 22px;
- border-radius: 22px 22px 22px 22px;
-}
-
-.tooltip-info .arrow {
- width: 27px;
- height: 47px;
- position: absolute;
- top: 17px;
- left: -18px;
- background: url(../images/sprites.png) -583px -939px;
-}
-
-.tooltip-info .title {
- color: #485766;
- margin: 12px;
- font-size: 19px;
-}
-
-.tooltip-info .content {
- width: 182px;
- font-size: 11px;
- line-height: 19px;
- padding-bottom: 13px;
- overflow: auto;
- overflow-x: hidden;
- margin: auto;
-}
-
-/*List view*/
-div.panel div.list-view {
- overflow: auto;
- overflow-x: hidden;
- height: 668px;
- margin-top: 30px;
- border-bottom: 1px solid #E7E7E7;
-}
-
-.detail-view div.list-view {
- width: 730px;
- border: 1px solid #DAD4D4;
- margin: 41px auto auto !important;
- height: 536px !important;
- background: #F7F7F7;
-}
-
-div.panel div.list-view div.data-table table {
- width: 755px;
- margin-top: 44px;
-}
-
-.detail-view div.list-view div.data-table table {
- width: 703px !important;
-}
-
-.detail-view div.list-view div.data-table table td {
- border-left: 1px solid #CACACA;
-}
-
-div.panel div.list-view div.fixed-header {
- position: absolute;
- top: 29px;
- left: 12px;
- width: 760px;
- height: 47px;
- display: table;
- background-color: #F7F7F7;
- margin: 0;
- z-index: 1;
-}
-
-.detail-view div.list-view div.fixed-header {
- width: 703px !important;
- top: 49px !important;
- left: 32px !important;
- background: #FFFFFF;
-}
-
-.detail-view div.list-view div.fixed-header table {
- width: 100% !important;
-}
-
-.project-view div.panel div.list-view div.fixed-header {
- background: #6D747D;
-}
-
-div.panel div.list-view div.fixed-header table {
- margin: 0;
- /*+placement:shift 0px 18px;*/
- position: relative;
- left: 0px;
- top: 18px;
- width: 755px;
- /*+box-shadow:0px 4px 10px #DFE1E3;*/
- -moz-box-shadow: 0px 4px 10px #DFE1E3;
- -webkit-box-shadow: 0px 4px 10px #DFE1E3;
- -o-box-shadow: 0px 4px 10px #DFE1E3;
- box-shadow: 0px 4px 10px #DFE1E3;
-}
-
-.project-view div.panel div.list-view div.fixed-header table {
- /*+box-shadow:0px 2px 2px #CACDD1;*/
- -moz-box-shadow: 0px 2px 2px #CACDD1;
- -webkit-box-shadow: 0px 2px 2px #CACDD1;
- -o-box-shadow: 0px 2px 2px #CACDD1;
- box-shadow: 0px 2px 2px #CACDD1;
-}
-
-div.list-view td.state {
- width: 120px;
- min-width: 120px;
- max-width: 120px;
-}
-
-div.list-view td.first {
- cursor: pointer;
-}
-
-div.list-view td.first:hover {
- color: #3A82CD;
-}
-
-div.list-view td.state span {
- padding: 1px 0 0 18px;
- text-align: center;
- width: 80px;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
- background: url(../images/sprites.png) 1px -536px;
-}
-
-div.list-view td.state.on span {
- background-image: url(../images/sprites.png);
- background-repeat: no-repeat;
- color: #008000;
- background-position: 1px -460px;
-}
-
-div.list-view td.state.off span {
- background-image: url(../images/sprites.png);
- background-repeat: no-repeat;
- color: #B90606;
- background-position: 1px -496px;
-}
-
-/** Quick view tooltip*/
-.quick-view-tooltip {
- width: 470px;
- display: inline-block;
- margin-left: -462px;
- padding-top: 50px;
-}
-
-.quick-view-tooltip > div.title {
- width: 444px;
- position: absolute;
- top: 71px;
- left: 10px;
- color: #5A6977;
- /*+text-shadow:0px 1px #EAEAEA;*/
- -moz-text-shadow: 0px 1px #EAEAEA;
- -webkit-text-shadow: 0px 1px #EAEAEA;
- -o-text-shadow: 0px 1px #EAEAEA;
- text-shadow: 0px 1px #EAEAEA;
-}
-
-.quick-view-tooltip > div.title .icon {
- position: relative;
- top: -3px;
- background: url(../images/sprites.png) no-repeat -42px -67px;
- float: right;
- padding: 5px 21px 0 1px;
-}
-
-.quick-view-tooltip .loading-overlay {
- top: 94px;
- height: 57px;
- left: 1px;
- /*+opacity:35%;*/
- filter: alpha(opacity=35);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
- -moz-opacity: 0.35;
- opacity: 0.35;
-}
-
-.quick-view-tooltip > div.title span.title {
-}
-
-.quick-view-tooltip .container {
- border: 1px solid #9EA2A5;
- background: #CCCFD6;
- width: 470px;
- min-height: 100px;
- height: auto;
- overflow: hidden;
- display: inline-block;
- /*+box-shadow:0px 7px 9px #676F76;*/
- -moz-box-shadow: 0px 7px 9px #676F76;
- -webkit-box-shadow: 0px 7px 9px #676F76;
- -o-box-shadow: 0px 7px 9px #676F76;
- box-shadow: 0px 7px 9px #676F76;
-}
-
-/*** Quick view detail view*/
-.quick-view-tooltip .detail-view {
-}
-
-.quick-view-tooltip .detail-view .main-groups {
- width: 456px;
- height: 132px;
- position: absolute;
- top: 55px;
- padding-top: 7px;
- border: 1px solid #808080;
- border-left: none;
- border-right: none;
- overflow: hidden;
- /*+box-shadow:0px 1px #E6E6E6;*/
- -moz-box-shadow: 0px 1px #E6E6E6;
- -webkit-box-shadow: 0px 1px #E6E6E6;
- -o-box-shadow: 0px 1px #E6E6E6;
- box-shadow: 0px 1px #E6E6E6;
-}
-
-.quick-view-tooltip .detail-view .actions {
-}
-
-.quick-view-tooltip .detail-view .tagger {
- display: none;
-}
-
-.quick-view-tooltip .detail-view ul {
- display: none !important;
-}
-
-.quick-view-tooltip .detail-view .ui-tabs-panel {
- display: inline-block;
- width: 100% !important;
- float: left;
- height: auto;
- overflow: hidden;
-}
-
-.quick-view-tooltip .detail-view .details {
- display: inline-block;
- height: auto;
- padding-bottom: 209px;
-}
-
-.quick-view-tooltip .detail-view .detail-group {
- width: 365px;
- margin: 0;
- padding: 0;
- left: -9px;
- background: none;
- border: none;
-}
-
-.quick-view-tooltip .detail-view .detail-group table {
- margin: 0;
- border: none;
- background: none;
-}
-
-.quick-view-tooltip .detail-view .detail-group table tr {
- background: none;
-}
-
-.quick-view-tooltip .detail-view .detail-group table td.name {
- color: #3E5F7F !important;
- padding: 0px 29px 0px 5px !important;
- font-size: 13px;
- /*+text-shadow:0px 1px #DBDBDB;*/
- -moz-text-shadow: 0px 1px #DBDBDB;
- -webkit-text-shadow: 0px 1px #DBDBDB;
- -o-text-shadow: 0px 1px #DBDBDB;
- text-shadow: 0px 1px #DBDBDB;
-}
-
-.quick-view-tooltip .detail-view .detail-group table td.value {
- font-size: 12px;
- /*+text-shadow:0px 1px #EAEAEA;*/
- -moz-text-shadow: 0px 1px #EAEAEA;
- -webkit-text-shadow: 0px 1px #EAEAEA;
- -o-text-shadow: 0px 1px #EAEAEA;
- text-shadow: 0px 1px #EAEAEA;
- overflow: hidden;
-}
-
-.quick-view-tooltip .detail-view .detail-group table td.value input[type=text] {
- width: 258px;
- height: 10px;
- margin-left: 0px;
-}
-
-.quick-view-tooltip .detail-view .detail-group .main-groups table td.value span {
- height: 25px;
- top: 0px;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions {
- position: relative;
- top: 202px;
- float: left;
- width: 100%;
- height: auto;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .button {
- top: 160px;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .action.text {
- width: 112px;
- height: 41px;
- background: none;
- border: none;
- float: left;
- margin-left: 5px;
- display: inline-block;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .action.text:hover {
- /*+box-shadow:none;*/
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- -o-box-shadow: none;
- box-shadow: none;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .action.text .icon {
- display: block;
- float: left;
- width: 4px;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .action.text .label {
- width: 81px;
- display: block;
- float: right;
- font-size: 11px;
- color: #454C53;
- /*+text-shadow:0px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px #FFFFFF;
- -o-text-shadow: 0px 1px #FFFFFF;
- text-shadow: 0px 1px #FFFFFF;
- text-indent: 0px;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .action.text:hover .label {
- color: #000000;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions .detail-actions {
- width: 460px;
- height: auto;
- background: none;
- vertical-align: top;
- float: left;
-}
-
-.quick-view-tooltip .detail-view .detail-group.actions td.view-all {
- position: relative;
- left: 0px;
- float: left;
- height: 22px;
- border-top: 1px solid #808080;
- /*+box-shadow:inset 0px 1px #FFFFFF;*/
- -moz-box-shadow: inset 0px 1px #FFFFFF;
- -webkit-box-shadow: inset 0px 1px #FFFFFF;
- -o-box-shadow: inset 0px 1px #FFFFFF;
- box-shadow: inset 0px 1px #FFFFFF;
-}
-
-.quick-view-tooltip .detail-view .detail-actions a {
- background: none;
- width: 30px;
-}
-
-/*Details page*/
-.detail-view {
- padding: 0 0 0 14px;
-}
-
-.ui-tabs ul.ui-tabs-nav {
- margin-top: 42px;
- display: block;
- width: 100%;
- height: 41px;
- float: left;
- border: none;
- overflow: hidden;
- z-index: 2;
- /*+placement:shift 0px 2px;*/
- position: relative;
- left: 0px;
- top: 2px;
-}
-
-.ui-tabs .info {
- background: #EFEFEF;
- width: 91%;
- height: auto;
- overflow: visible;
- padding: 14px 14px 0;
- border: 1px dashed #D7D7D7;
- /*+box-shadow:inset 0px 1px 2px #FFFFFF;*/
- -moz-box-shadow: inset 0px 1px 2px #FFFFFF;
- -webkit-box-shadow: inset 0px 1px 2px #FFFFFF;
- -o-box-shadow: inset 0px 1px 2px #FFFFFF;
- box-shadow: inset 0px 1px 2px #FFFFFF;
- margin: 10px;
- display: inline-block;
-}
-
-.ui-tabs .info li {
- font-size: 12px;
- color: #3E4C59;
- margin: 0 0 18px;
-}
-
-.ui-tabs .info li strong {
- font-weight: bold;
- color: #506273;
-}
-
-.ui-tabs ul.ui-tabs-subnav li {
- display: block;
- float: left;
-}
-
-.ui-tabs li a {
- float: left;
- padding: 15px;
- min-width: 91px;
- text-align: center;
- font-size: 11px;
- margin-right: 1px;
- color: #4E6070;
- text-decoration: none;
- background: #DEE3E5;
-}
-
-.ui-tabs li {
- float: left;
-}
-
-.ui-tabs ul li.ui-state-default a {
- border-right: 1px solid #97AFC5;
- border-top: 2px solid #D6DCDE;
- background: url(../images/bg-details-tab-gradient.png);
- padding-bottom: 11px;
-}
-
-.project-view .ui-tabs ul li.ui-state-default a {
- background: #6D747D;
- border-top: 1px solid #90969E;
- /*+box-shadow:inset -1px 1px 1px #575D64;*/
- -moz-box-shadow: inset -1px 1px 1px #575D64;
- -webkit-box-shadow: inset -1px 1px 1px #575D64;
- -o-box-shadow: inset -1px 1px 1px #575D64;
- box-shadow: inset -1px 1px 1px #575D64;
- border-right: 1px solid #90969E;
- color: #FFFFFF;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
-}
-
-.ui-tabs ul li.ui-state-hover a {
- background: url(../images/gradients.png) -8px -1413px;
-}
-
-.ui-tabs ul li.ui-state-active {
- display: block;
-}
-
-.ui-tabs ul li.ui-state-active a {
- border-right: 1px solid #D6DCDE;
- background: #FFFFFF;
- border-left: none;
- padding-bottom: 12px;
-}
-
-.project-view .ui-tabs ul li.ui-state-hover a {
- background: #878E97 0px 8px;
-}
-
-.project-view .ui-tabs ul li.ui-state-active a {
- background: #DBDDDF;
- color: #4F6270;
- font-weight: bold;
- /*+text-shadow:0px 0px #FFFFFF;*/
- -moz-text-shadow: 0px 0px #FFFFFF;
- -webkit-text-shadow: 0px 0px #FFFFFF;
- -o-text-shadow: 0px 0px #FFFFFF;
- text-shadow: 0px 0px #FFFFFF;
- /*+box-shadow:0px 0px;*/
- -moz-box-shadow: 0px 0px;
- -webkit-box-shadow: 0px 0px;
- -o-box-shadow: 0px 0px;
- box-shadow: 0px 0px;
- -moz-box-shadow: 0px 0px none;
- -webkit-box-shadow: 0px 0px none;
- -o-box-shadow: 0px 0px none;
-}
-
-.ui-tabs li.ui-state-active.first a,
-.ui-tabs li.ui-state-default.first a {
- border-left: 1px solid #E2DDDD;
- /*+placement:shift 0px 0px;*/
- position: relative;
- left: 0px;
- top: 0px;
- /*+border-radius:4px 0 0;*/
- -moz-border-radius: 4px 0 0;
- -webkit-border-radius: 4px 0 0;
- -khtml-border-radius: 4px 0 0;
- border-radius: 4px 0 0;
- border-radius: 4px 0 0 0;
-}
-
-.ui-tabs li.ui-state-active.last a,
-.ui-tabs li.ui-state-default.last a {
- /*+border-radius:0 4px 0 0;*/
- -moz-border-radius: 0 4px 0 0;
- -webkit-border-radius: 0 4px 0 0;
- -khtml-border-radius: 0 4px 0 0;
- border-radius: 0 4px 0 0;
-}
-
-.ui-tabs li.ui-state-active.first.last a,
-.ui-tabs li.ui-state-default.first.last a {
- /*+border-radius:4px 4px 0 0;*/
- -moz-border-radius: 4px 4px 0 0;
- -webkit-border-radius: 4px 4px 0 0;
- -khtml-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
-}
-
-.ui-tabs .ui-tabs-hide {
- display: none !important;
-}
-
-.ui-tabs div.ui-tabs-panel {
- border: 1px solid #E2DDDD;
- clear: both;
- height: 78%;
- width: 97%;
- padding-top: 7px;
- overflow: auto;
- overflow-x: hidden;
- height: 591px;
- margin: -5px 0 0;
-}
-
-.detail-view .main-groups {
- max-height: 407px;
- overflow: auto;
- overflow-x: hidden;
- width: 100%;
- /*[empty]padding:;*/
- margin-right: 12px;
-}
-
-.detail-view.edit-mode .main-groups {
- max-height: 360px;
-}
-
-.detail-group table {
- width: 96%;
- font-size: 12px;
- border: 1px solid #CFC9C9;
- background: #E4E6E7;
- margin-top: 11px;
-}
-
-.detail-group table tr,
-.detail-group table td {
- vertical-align: middle;
- border: none;
- cursor: default;
-}
-
-.details.group-multiple table {
- border: none;
- border-top: none;
-}
-
-.details.group-multiple table.header {
- width: 94%;
- margin-bottom: 1px;
-}
-
-.details.group-multiple table tbody {
- border-top: 1px solid #F2F0F0;
-}
-
-.detail-group .main-groups table td.name {
- width: 113px;
- color: #6393F1;
- padding: 14px 12px 13px 13px;
- border: none;
- text-indent: 0;
-}
-
-.detail-group .main-groups table td.value {
- text-indent: 0;
-}
-
-.detail-group .main-groups table td.value > span {
- display: block;
- height: 30px;
- overflow: auto;
- position: relative;
- top: 9px;
- float: left;
- width: 245px;
-}
-
-.detail-group .main-groups table td.value > span select {
- width: 100% !important;
-}
-
-.detail-group .main-groups table td.value .view-all {
- cursor: pointer;
- /*[empty]height:;*/
- /*+border-radius:4px 0 0 4px;*/
- -moz-border-radius: 4px 0 0 4px;
- -webkit-border-radius: 4px 0 0 4px;
- -khtml-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
- float: right;
- margin: 7px 0 0;
- padding: 0px;
-}
-
-.detail-group .main-groups table td.value .view-all span {
- display: block;
- float: left;
- padding: 5px 2px 8px 4px;
- background: url(../images/gradients.png) repeat-x 0px -529px;
- border-left: 1px solid #9FA2A6;
- /*+border-radius:4px 0 0 4px;*/
- -moz-border-radius: 4px 0 0 4px;
- -webkit-border-radius: 4px 0 0 4px;
- -khtml-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
- margin-top: -5px;
-}
-
-.detail-group .main-groups table td.value .view-all .end {
- background: url(../images/sprites.png) no-repeat 100% -397px;
- float: right;
- width: 22px;
- height: 25px;
- padding: 0px;
- margin: -6px 0px 0px;
-}
-
-.detail-group .main-groups table td.value .view-all:hover {
- background-position: 100% -431px;
-}
-
-.detail-group .main-groups table td.value .view-all:hover span {
- background-position: 0px -566px;
-}
-
-.detail-group .main-groups table td.value .view-all:hover div.end {
- background-position: -618px -430px;
-}
-
-.detail-view .detail-group .button.add {
- clear: both;
- margin: 0px 21px 13px 0 !important;
-}
-
-.detail-view .details.group-multiple {
- float: left;
- width: 100%;
- margin-bottom: 30px;
-}
-
-.detail-view .details.group-multiple .main-groups {
- overflow: visible;
- width: 98%;
- margin-bottom: 35px;
-}
-
-/*List-view: subselect dropdown*/
-.list-view .subselect {
- width: 116px;
- display: block;
- float: left;
- background: url(../images/bg-gradients.png) 0px -42px;
- padding: 0;
- margin: 8px 0 1px 7px;
- clear: both;
- border: 1px solid #A8A7A7;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
-}
-
-.list-view .subselect span {
- margin: 4px 0 0 12px;
-}
-
-.list-view .subselect select {
- width: 85%;
- margin: 5px 0 4px;
- font-size: 10px;
-}
-
-.detail-group .main-groups table td.value .view-all:hover {
- background-position: 100% -431px;
-}
-
-.panel.always-maximized .detail-group .main-groups table td.value span {
- width: 565px;
-}
-
-.detail-group.head table td.name {
- padding: 20px 0px 17px;
-}
-
-.detail-view .button.done,
-.detail-view .button.cancel {
- display: inline-block;
- color: #FFFFFF;
- font-size: 12px;
- font-weight: bold;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- /*+text-shadow:0px -1px 2px #000000;*/
- -moz-text-shadow: 0px -1px 2px #000000;
- -webkit-text-shadow: 0px -1px 2px #000000;
- -o-text-shadow: 0px -1px 2px #000000;
- text-shadow: 0px -1px 2px #000000;
- /*+box-shadow:0px 1px 4px #ADADAD;*/
- -moz-box-shadow: 0px 1px 4px #ADADAD;
- -webkit-box-shadow: 0px 1px 4px #ADADAD;
- -o-box-shadow: 0px 1px 4px #ADADAD;
- box-shadow: 0px 1px 4px #ADADAD;
- cursor: pointer;
- margin: 0 0 0 12px;
- padding: 9px 20px;
- background: url(../images/bg-gradients.png) 0px -221px;
- /*+placement:shift -1px 550px;*/
- position: relative;
- left: -1px;
- top: 550px;
- position: absolute;
-}
-
-.detail-view .button.cancel {
- background-position: 0px -795px;
- left: 85px;
- color: #808080;
- /*+text-shadow:0px -1px 2px #000000;*/
- -moz-text-shadow: 0px -1px 2px #000000;
- -webkit-text-shadow: 0px -1px 2px #000000;
- -o-text-shadow: 0px -1px 2px #000000;
- text-shadow: 0px -1px 2px #000000;
- -moz-text-shadow: 0px -1px 2px #CCCCCC;
- -webkit-text-shadow: 0px -1px 2px #CCCCCC;
- -o-text-shadow: 0px -1px 2px #CCCCCC;
- text-shadow: 0px -1px 2px #CCCCCC;
-}
-
-.detail-view .button.done:hover {
- background-position: 0px -950px;
- /*+box-shadow:inset 0px 1px 3px #000000;*/
- -moz-box-shadow: inset 0px 1px 3px #000000;
- -webkit-box-shadow: inset 0px 1px 3px #000000;
- -o-box-shadow: inset 0px 1px 3px #000000;
- box-shadow: inset 0px 1px 3px #000000;
-}
-
-.detail-view .button.cancel:hover {
- background-position: 0px -834px;
-}
-
-div.group-multiple div.detail-group table {
- margin-top: -1px;
-}
-
-div.group-multiple div.detail-group table.header {
- border: none;
- margin-top: 11px;
-}
-
-div.group-multiple div.detail-group table.header thead th {
- background: transparent;
- border: none;
-}
-
-div.ui-tabs-panel table span.none {
- color: #9D9D9D;
-}
-
-#user div.options .arrow {
-}
-
-div.detail-group td.view-all div.view-all {
- width: auto;
- float: right;
-}
-
-div.detail-group td.view-all a {
- background: url(../images/gradients.png) repeat-x 0px -529px;
- font-size: 11px;
- display: block;
- height: 27px;
- text-decoration: none;
- color: #4C5D6C;
- /*+text-shadow:0px 1px 2px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 2px #FFFFFF;
- -webkit-text-shadow: 0px 1px 2px #FFFFFF;
- -o-text-shadow: 0px 1px 2px #FFFFFF;
- text-shadow: 0px 1px 2px #FFFFFF;
- float: left;
- padding: 0 1px;
- border-left: 1px solid #9B9EA2;
- /*+border-radius:5px 0 0 5px;*/
- -moz-border-radius: 5px 0 0 5px;
- -webkit-border-radius: 5px 0 0 5px;
- -khtml-border-radius: 5px 0 0 5px;
- border-radius: 5px 0 0 5px;
-}
-
-div.detail-group td.view-all:hover a {
- background-position: 0px -566px;
-}
-
-div.detail-group td.view-all a span {
- /*+placement:shift -4px 7px;*/
- position: relative;
- left: -4px;
- top: 7px;
-}
-
-div.detail-group td.view-all div.view-all div.end {
- float: left;
- width: 15px;
- height: 25px;
- background: url(../images/sprites.png) -617px -398px;
-}
-
-div.detail-group td.view-all:hover div.view-all div.end {
- background-position: -617px -431px;
-}
-
-div.details div.detail-group td.value input,
-div.details div.detail-group td.value select {
- width: 282px;
-}
-
-div.details div.detail-group td.value input,
-div.details div.detail-group td.value input[type=checkbox] {
- float: left;
- width: 15px;
- margin-left: 10px;
-}
-
-div.details div.detail-group td.value input,
-div.details div.detail-group td.value input[type=text] {
- width: 93%;
-}
-
-div.details .main-groups label.error {
- position: absolute;
- right: 10%;
- top: 6px;
-}
-
-.detail-view td.view-all.multiple {
- max-width: 145px;
- height: 17px;
- display: block;
- float: left;
- margin: 8px 2px 8px 8px;
- border: none !important;
- /*+box-shadow:none;*/
- -moz-box-shadow: none !important;
- -webkit-box-shadow: none !important;
- -o-box-shadow: none !important;
- box-shadow: none !important;
-}
-
-/*** Actions*/
-div.detail-group.actions {
- padding: 0;
- margin: 0;
-}
-
-div.detail-group.actions table {
- padding: 0;
-}
-
-div.detail-group.actions tr {
- margin: 0;
-}
-
-div.detail-group.actions td {
- height: 43px;
- vertical-align: middle;
-}
-
-.details.group-multiple div.detail-group.actions {
- float: right;
- max-width: 75%;
- height: 23px;
- position: relative;
- margin: -15px 0 -5px;
-}
-
-.details.group-multiple div.detail-group.actions table {
- background: none;
-}
-
-.details.group-multiple div.detail-group.actions td.detail-actions {
- background: none;
- display: block;
- height: 35px;
- float: right;
- padding: 0;
-}
-
-.details.group-multiple div.detail-group.actions .detail-actions .action {
- float: left;
- width: 32px;
- /*+placement:shift 11px 7px;*/
- position: relative;
- left: 11px;
- top: 7px;
-}
-
-.details.group-multiple div.detail-group.actions .detail-actions .action a {
- background: none;
- width: 31px;
-}
-
-.detail-group table td.detail-actions {
- width: 59%;
- height: 26px;
-}
-
-.detail-group table td.detail-actions.full-length {
- display: block;
- width: 99%;
- border-bottom: 1px solid #AAAAAA;
- float: left;
-}
-
-.detail-group table td.detail-actions .action.text {
- padding: 0px 6px 0px 0px;
- cursor: pointer;
- display: inline-block;
- float: right;
- margin-right: 8px;
- border: 1px solid #C2C2C2;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- background: url(../images/bg-gradients.png) repeat-x 0px -83px;
-}
-
-.detail-group table td.detail-actions .action.text .label {
- font-size: 12px;
- /*+placement:shift -1px 8px;*/
- position: relative;
- left: -1px;
- top: 8px;
-}
-
-.detail-group table td.detail-actions .action.text:hover {
- /*+box-shadow:inset 0px 1px 3px #171717;*/
- -moz-box-shadow: inset 0px 1px 3px #171717;
- -webkit-box-shadow: inset 0px 1px 3px #171717;
- -o-box-shadow: inset 0px 1px 3px #171717;
- box-shadow: inset 0px 1px 3px #171717;
-}
-
-.detail-group table td.detail-actions div.buttons {
- /*+placement:shift 6px 0px;*/
- position: relative;
- left: 6px;
- top: 0px;
-}
-
-.detail-group table td.detail-actions a {
- display: block;
- float: left;
- text-indent: -9999px;
- width: 30px;
- height: 25px;
- background: url(../images/sprites.png) -417px -11px;
- margin: 0;
-}
-
-.detail-group table td.detail-actions a:hover {
- background-position: -417px -43px;
-}
-
-.detail-group table td.detail-actions div.action.first a {
- background-position: -385px -11px;
- width: 32px;
-}
-
-.detail-group table td.detail-actions div.action.first a:hover {
- background-position: -385px -43px;
-}
-
-.detail-group table td.detail-actions div.action.last a {
- background-position: -596px -11px;
- width: 30px;
-}
-
-.detail-group table td.detail-actions div.action.last a:hover {
- background-position: -596px -43px;
-}
-
-.detail-group table td.detail-actions div.action.single a {
- width: 31px;
- height: 26px;
- background: url(../images/buttons.png);
- background-position: -414px -625px;
-}
-
-.detail-group table td.detail-actions div.action.text a {
- background: none;
-}
-
-.detail-group table td.detail-actions div.action.single a:hover {
- background-position: -414px -587px;
-}
-
-.detail-group table td.detail-actions a span.icon {
- background-image: url(../images/sprites.png);
- padding: 10px;
- display: block;
-}
-
-/*Header*/
-#header {
- height: 56px;
- background: #DFDFDF url(../images/bg-header.png) repeat-x;
-}
-
-#header div.button {
- font-size: 12px;
- color: #FFFFFF;
- cursor: pointer;
-}
-
-#header.nologo div.logo {
- width: 170px;
- height: 47px;
- position: relative;
- float: left;
- margin: 4px 0 0 19px;
- background: url(../images/logo.png) no-repeat 0 center;
-}
-
-#header div.controls {
- height: 39px;
- position: relative;
- float: right;
- margin-top: 8px;
- display: inline-block;
- padding: 0 96px 0 0;
-}
-
-#header div.controls.nologo {
- background-image: none;
-}
-
-.button {
- float: left;
- background: url(../images/buttons.png) no-repeat;
- cursor: pointer;
-}
-
-#header div.notifications {
- background: transparent;
- height: 18px;
- padding: 1px 0 0;
- margin: 8px 36px 0 50px;
-}
-
-#header div.notifications span {
- position: relative;
- top: 6px;
- left: 7px;
- font-weight: bold;
-}
-
-#header div.notifications:hover {
- color: #5FAAF7;
-}
-
-#header div.notifications div.total {
- width: 22px;
- height: 19px;
- float: left;
- margin: 3px;
- background: url(../images/sprites.png) no-repeat -593px -870px;
- color: #FFFFFF;
- font-size: 11px;
- /*+text-shadow:0px -1px #6C7283;*/
- -moz-text-shadow: 0px -1px #6C7283;
- -webkit-text-shadow: 0px -1px #6C7283;
- -o-text-shadow: 0px -1px #6C7283;
- text-shadow: 0px -1px #6C7283;
- -moz-text-shadow: 0px -1px 0px #6C7283;
- -webkit-text-shadow: 0px -1px 0px #6C7283;
- -o-text-shadow: 0px -1px 0px #6C7283;
-}
-
-#header div.notifications div.total.pending {
- background-position: -593px -846px;
- font-weight: bold;
-}
-
-#header div.notifications div.total span {
- /*+placement:shift 0px 3px;*/
- position: relative;
- left: 0px;
- top: 3px;
- text-align: center;
- display: block;
- width: 21px;
- font-size: 12px;
-}
-
-#user {
- height: 30px;
- margin: 5px 6px 0 0;
- position: relative;
- cursor: default !important;
- display: inline-block;
- float: left;
- background: transparent;
-}
-
-#user div.name {
- background: url(../images/bg-gradients.png) 0px -867px;
- display: inline-block;
- float: left;
- padding: 9px 18px 7px 12px;
- border: 1px solid #7A7A7A;
- border-bottom: 1px solid #ADADAD;
- /*+box-shadow:inset 0px -1px 2px #6D6D6D;*/
- -moz-box-shadow: inset 0px -1px 2px #6D6D6D;
- -webkit-box-shadow: inset 0px -1px 2px #6D6D6D;
- -o-box-shadow: inset 0px -1px 2px #6D6D6D;
- box-shadow: inset 0px -1px 2px #6D6D6D;
- /*+border-radius:4px 0 0 4px;*/
- -moz-border-radius: 4px 0 0 4px;
- -webkit-border-radius: 4px 0 0 4px;
- -khtml-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
- border-right: none;
- /*[empty]border-top:;*/
- min-width: 75px;
- max-width: 120px;
- text-align: center;
- height: 12px;
- overflow: hidden;
- font-weight: bold;
- /*+text-shadow:0px -1px 1px #464646;*/
- -moz-text-shadow: 0px -1px 1px #464646;
- -webkit-text-shadow: 0px -1px 1px #464646;
- -o-text-shadow: 0px -1px 1px #464646;
- text-shadow: 0px -1px 1px #464646;
- margin: 0;
-}
-
-#user div.options {
- float: left;
- width: 31px;
- height: 28px;
- /*+placement:shift 0px 0px;*/
- position: relative;
- left: 0px;
- top: 0px;
- background: url(../images/bg-gradients.png);
- background-position: 0px -867px;
- border-top: 1px solid #7A7A7A;
- border-bottom: 1px solid #ADADAD;
- border-left: 1px solid #B5B5B5;
- /*+border-radius:0 4px 4px 0;*/
- -moz-border-radius: 0 4px 4px 0;
- -webkit-border-radius: 0 4px 4px 0;
- -khtml-border-radius: 0 4px 4px 0;
- border-radius: 0 4px 4px 0;
- /*+box-shadow:inset 1px 0px 2px #6D6D6D;*/
- -moz-box-shadow: inset 1px 0px 2px #6D6D6D;
- -webkit-box-shadow: inset 1px 0px 2px #6D6D6D;
- -o-box-shadow: inset 1px 0px 2px #6D6D6D;
- box-shadow: inset 1px 0px 2px #6D6D6D;
- cursor: pointer;
-}
-
-#user div.options:hover {
- background-position: 0px -904px;
- /*[empty]background-color:;*/
-}
-
-#user div.options .arrow {
- width: 11px;
- height: 8px;
- background: url(../images/buttons.png) -402px -23px;
- /*+placement:shift 10px 13px;*/
- position: relative;
- left: 10px;
- top: 13px;
-}
-
-/** Zone filter (mixed zone management)*/
-#header .zone-filter {
- float: left;
- width: 111px;
- margin: 9px 20px 0 2px;
-}
-
-#header .zone-filter label {
- position: absolute;
- top: -3px;
- color: #FFFFFF;
- font-size: 11px;
-}
-
-#header .zone-filter select {
- width: 100%;
- font-size: 12px;
- border: 1px solid #000000;
- border-bottom: #FFFFFF;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- background: #ECECEC;
- margin-top: 2px;
-}
-
-/*Navigation*/
-#navigation,
-#browser {
- height: 728px;
-}
-
-#navigation {
- width: 230px;
- position: relative;
- float: left;
- background: #EDE8E8;
-}
-
-.project-view #navigation {
- background: #6D747D;
-}
-
-#navigation ul {
- border-right: 1px solid #CECCCC;
- height: 100%;
-}
-
-.project-view #navigation ul {
- border-right: 1px solid #464C53;
-}
-
-#navigation ul li {
- background: url(../images/bg-nav-item.png) repeat-x;
- height: 50px;
- cursor: pointer;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
-}
-
-.project-view #navigation ul li {
- background-image: url(../images/bg-nav-item-project-view.png);
- background-position: 0px 0px;
-}
-
-.project-view #navigation ul li span {
- color: #FFFFFF;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
-}
-
-#navigation ul li:hover,
-#navigation ul li.active {
- background: url(../images/bg-nav-item-active.png);
- background-position: 0px 0px;
- width: 230px;
-}
-
-#navigation ul li.disabled {
- /*+opacity:60%;*/
- filter: alpha(opacity=60);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
- -moz-opacity: 0.6;
- opacity: 0.6;
-}
-
-.project-view #navigation ul li:hover,
-.project-view #navigation ul li.active {
- background: url(../images/bg-nav-item-active-project-view.png);
- background-position: 0px 0px;
- width: 230px;
-}
-
-.project-view #navigation ul li.disabled:hover {
- background: #D5D5D5;
- color: #596D7F;
- cursor: default;
-}
-
-#navigation ul li:hover span,
-#navigation ul li.active span {
- color: #FFFFFF;
- /*+text-shadow:1px 2px 1px #5D5F6D;*/
- -moz-text-shadow: 1px 2px 1px #5D5F6D;
- -webkit-text-shadow: 1px 2px 1px #5D5F6D;
- -o-text-shadow: 1px 2px 1px #5D5F6D;
- text-shadow: 1px 2px 1px #5D5F6D;
-}
-
-#navigation ul li.disabled:hover {
- cursor: not-allowed !important;
-}
-
-#navigation ul li.disabled:hover span {
- color: #596D7F;
- /*+text-shadow:0px 0px;*/
- -moz-text-shadow: 0px 0px;
- -webkit-text-shadow: 0px 0px;
- -o-text-shadow: 0px 0px;
- text-shadow: 0px 0px;
- -moz-text-shadow: 0px 0px none;
- -webkit-text-shadow: 0px 0px none;
- -o-text-shadow: 0px 0px none;
- -moz-text-shadow: none;
- -webkit-text-shadow: none;
- -o-text-shadow: none;
-}
-
-#navigation ul li.last {
- background-repeat: repeat;
- background-position: 0px 0px;
- height: 57px;
- /*[empty]color:;*/
-}
-
-#navigation ul li span {
- /*+placement:shift 14px 18px;*/
- position: relative;
- left: 14px;
- top: 18px;
- font-size: 13px;
- color: #596D7F;
- padding-left: 19px;
-}
-
-#navigation ul li span.icon {
- background: url(../images/icons.png) no-repeat 0px 0px;
- padding: 16px 16px 12px;
- /*+placement:shift 17px 18px;*/
- position: relative;
- left: 17px;
- top: 18px;
-}
-
-#navigation ul li.custom-icon span.icon {
- display: block;
- width: 50px;
- height: 50px;
- position: relative;
- float: left;
- margin-right: -47px;
- background: none;
-}
-
-#navigation ul li.custom-icon span.icon img {
- width: 50px;
- height: 50px;
- float: left;
- /*+placement:shift -6px -17px;*/
- position: relative;
- left: -6px;
- top: -17px;
- position: absolute;
- margin-right: -14px;
-}
-
-#navigation ul li.last.active,
-#navigation ul li.last:hover {
- height: 52px;
-}
-
-/*Navigation icons*/
-#navigation ul li.dashboard span.icon,
-#navigation ul li.dashboard-user span.icon {
- background-position: -14px -18px;
-}
-
-#navigation ul li.instances span.icon {
- background-position: -73px -23px;
-}
-
-#navigation ul li.affinityGroups span.icon {
- background-position: -73px -87px;
-}
-
-#navigation ul li.storage span.icon {
- background-position: -127px -23px;
-}
-
-#navigation ul li.network span.icon {
- background-position: -180px -23px;
-}
-
-#navigation ul li.templates span.icon {
- background-position: -233px -23px;
-}
-
-#navigation ul li.projects span.icon {
- background-position: -294px -23px;
-}
-
-#navigation ul li.events span.icon {
- background-position: -351px -23px;
-}
-
-#navigation ul li.configuration span.icon {
- background-position: -400px -24px;
-}
-
-#navigation ul li.global-settings span.icon {
- background-image: url(../images/sprites.png);
- background-position: -141px -241px;
-}
-
-#navigation ul li.accounts span.icon {
- background-position: -458px -24px;
-}
-
-#navigation ul li.system span.icon {
- background-position: -565px -24px;
-}
-
-#navigation ul li.domains span.icon {
- background-position: -519px -24px;
-}
-
-#navigation ul li.plugins span.icon {
- background: url(../images/sprites.png) no-repeat -140px -291px;
-}
-
-#navigation ul li.regions span.icon {
- background: url(../images/sprites.png) no-repeat -141px -381px;
-}
-
-/*Browser*/
-#browser {
- width: 794px;
- max-width: 794px;
- position: relative;
- float: left;
- background: #FFFFFF;
- overflow: hidden;
-}
-
-#browser.panel-highlight {
- overflow: visible;
-}
-
-#browser.panel-highlight .panel {
-}
-
-#browser div.panel {
- height: 698px;
- background: #F7F7F7;
- border-right: 1px solid #A5A5A5;
- overflow: visible;
-}
-
-#browser div.panel.panel-highlight-wrapper {
- display: inline-block;
- background: none;
- /*+border-radius:9px;*/
- -moz-border-radius: 9px;
- -webkit-border-radius: 9px;
- -khtml-border-radius: 9px;
- border-radius: 9px;
- margin-top: 7px;
- /*+box-shadow:0px 0px 12px #000000;*/
- -moz-box-shadow: 0px 0px 12px #000000;
- -webkit-box-shadow: 0px 0px 12px #000000;
- -o-box-shadow: 0px 0px 12px #000000;
- box-shadow: 0px 0px 12px #000000;
- border: 3px solid #FFFFFF;
- height: 542px;
- overflow: hidden;
- position: absolute;
- z-index: 10000;
- padding: 78px 0px 67px 51px;
-}
-
-#browser div.panel.panel-highlight-wrapper .panel {
- left: 20px !important;
- height: 631px;
- overflow: hidden;
- top: 3px;
-}
-
-.project-view #browser div.panel {
- background: #6D747D;
-}
-
-.ui-tabs div.ui-tabs-panel {
- background: #FFFFFF;
- position: relative;
-}
-
-.project-view .ui-tabs div.ui-tabs-panel {
- background: #DBDDDF;
-}
-
-#browser div.panel .shadow {
- width: 10px;
- height: 100%;
- top: 0px;
- left: -10px;
- position: absolute;
- background: url(../images/bg-panel-shadow.png) repeat-y 0px 0px;
-}
-
-#browser.panel-highlight {
- overflow: visible;
-}
-
-#browser.panel-highlight .panel.highlighted {
- /*+box-shadow:0px 10px 11px #5C5C5C;*/
- -moz-box-shadow: 0px 10px 11px #5C5C5C;
- -webkit-box-shadow: 0px 10px 11px #5C5C5C;
- -o-box-shadow: 0px 10px 11px #5C5C5C;
- box-shadow: 0px 10px 11px #5C5C5C;
- border: 5px solid #FFFFFF;
- /*+border-radius:6px;*/
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- -khtml-border-radius: 6px;
- border-radius: 6px;
- margin-top: 21px;
-}
-
-#browser.panel-highlight .panel > .shadow {
- display: none;
-}
-
-#browser .highlight-arrow {
- width: 24px;
- height: 19px;
- background: url(../images/sprites.png) -590px -1295px;
- position: absolute;
- top: -22px;
- left: 80px;
-}
-
-/*Toolbar*/
-/*[clearfix]*/div.toolbar {
- width: 793px;
- height: 32px;
- background: #A8AFB6;
- border-top: 1px solid #D0D5DA;
- border-bottom: 1px solid #43586B;
- border-right: 1px solid #43586B;
- border-left: 1px solid #43586B;
- /*+border-radius:0 2px 2px;*/
- -moz-border-radius: 0 2px 2px;
- -webkit-border-radius: 0 2px 2px;
- -khtml-border-radius: 0 2px 2px;
- border-radius: 0 2px 2px;
- border-radius: 0 2px 2px 2px;
- /*+placement:shift 0px -1px;*/
- position: relative;
- left: 0px;
- top: -1px;
- z-index: 6;
- position: absolute;
- top: 0px;
-}
-
-.detail-view .ui-tabs-panel div.toolbar {
- width: 768px;
- background: transparent;
- border: none;
- margin-top: 8px;
-}
-
-.project-view div.toolbar {
- background: #808080 url(../images/bg-nav-item-active-project-view.png) 0px -210px;
-}
-
-div.toolbar div.filters {
- margin: 5px 0px 0 12px;
-}
-
-div.toolbar div.filters label {
- color: #4E5C6B;
- font-size: 12px;
- font-weight: bold;
- /*+text-shadow:0px 1px 1px #CDCDCD;*/
- -moz-text-shadow: 0px 1px 1px #CDCDCD;
- -webkit-text-shadow: 0px 1px 1px #CDCDCD;
- -o-text-shadow: 0px 1px 1px #CDCDCD;
- text-shadow: 0px 1px 1px #CDCDCD;
- display: block;
- float: left;
- padding: 5px 11px 0 0;
-}
-
-.project-view div.toolbar div.filters label {
- color: #FFFFFF;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
-}
-
-div.toolbar div.filters select {
- width: 142px;
- border: 1px solid #808080;
-}
-
-div.toolbar div.text-search {
- float: right;
- position: relative;
-}
-
-div.toolbar div.text-search div.search-bar {
- float: left;
- width: 141px;
- height: 20px;
- margin: 5px 0 0 12px;
- background: #FFFFFF;
- border: 1px solid #8B7E7E;
- z-index: 4;
- position: relative;
- border-right: 1px solid #8B8989;
- /*+border-radius:4px 0 0 4px;*/
- -moz-border-radius: 4px 0 0 4px;
- -webkit-border-radius: 4px 0 0 4px;
- -khtml-border-radius: 4px 0 0 4px;
- border-radius: 4px 0 0 4px;
-}
-
-div.toolbar div.text-search div.search-bar input {
- float: left;
- border: none;
- margin: 1px 0 0;
- width: 90%;
- height: 68%;
-}
-
-div.toolbar div.text-search div.search-bar div.filter {
- background: #FFFFFF;
- width: 74px;
- height: 15px;
- float: left;
- font-size: 12px;
- text-align: center;
- border-left: 1px solid #6D6D6D;
- margin: 2px 0 0px;
- padding: 1px;
-}
-
-div.toolbar div.button.search {
- background: url(../images/sprites.png) no-repeat -592px -328px;
- width: 33px;
- height: 22px;
- /*+placement:shift -10px 5px;*/
- position: relative;
- left: -10px;
- top: 5px;
- z-index: 3;
- cursor: pointer;
-}
-
-div.toolbar div.button.search:hover {
- background-position: -592px -359px;
-}
-
-div.toolbar div.button.add,
-div.toolbar div.button.refresh,
-div.toolbar div.button.add,
-div.toolbar div.button.main-action,
-.toolbar div.button.header-action,
-.detail-group .button.add {
- /*+placement:shift 0px 5px;*/
- position: relative;
- left: 0px;
- top: 5px;
- background: url(../images/gradients.png) 0px -98px;
- font-size: 11px;
- font-weight: bold;
- color: #4A5A6D;
- margin: 0 14px 0 0;
- cursor: pointer;
- /*+text-shadow:0px 1px 1px #DEE5EA;*/
- -moz-text-shadow: 0px 1px 1px #DEE5EA;
- -webkit-text-shadow: 0px 1px 1px #DEE5EA;
- -o-text-shadow: 0px 1px 1px #DEE5EA;
- text-shadow: 0px 1px 1px #DEE5EA;
- padding: 5px 7px 5px 6px;
- border-left: 1px solid #808080;
- border-right: 1px solid #808080;
- float: right;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- height: 12px;
-}
-
-div.toolbar div.button.add:hover,
-div.toolbar div.button.refresh:hover,
-div.toolbar div.button.main-action:hover,
-.toolbar div.button.header-action:hover,
-.detail-group .button.add:hover {
- background-position: 0 -132px;
- border-left: 1px solid #585D60;
-}
-
-div.toolbar div.button.main-action span.icon {
- background-image: url(../images/sprites.png);
- display: block;
- cursor: pointer;
- width: 34px;
- height: 20px;
- float: left;
- /*+placement:shift 0px -7px;*/
- position: relative;
- left: 0px;
- top: -7px;
-}
-
-div.toolbar div.button.refresh {
- float: right;
- margin: 0 15px 0 0;
-}
-
-div.toolbar div.button.refresh span {
- background-image: url(../images/icons.png);
- padding: 1px 1px 1px 16px;
- background-position: -629px -232px;
- background-repeat: no-repeat;
-}
-
-div.toolbar div.button.add span,
-.detail-group .button.add span.icon {
- padding: 0px 0 0px 18px;
- background: url(../images/icons.png) no-repeat -626px -209px;
- /*+placement:shift 0px 0px;*/
- position: relative;
- left: 0px;
- top: 0px;
-}
-
-#browser div.panel.selected div.toolbar {
- border-right: 1px solid #43586B;
-}
-
-/*** Advanced search*/
-#advanced_search {
- width: 15px;
- position: absolute;
- left: 139px;
- top: 4px;
- z-index: 4;
- background: none;
-}
-
-#advanced_search .icon {
- /*+opacity:56%;*/
- filter: alpha(opacity=56);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=56);
- -moz-opacity: 0.56;
- opacity: 0.56;
- background: url(../images/sprites.png) no-repeat -62px -162px;
- padding: 10px;
- position: absolute;
- top: 1px;
- left: -1px;
- z-index: 10;
-}
-
-#advanced_search:hover .icon {
- /*+opacity:100%;*/
- filter: alpha(opacity=100);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
- -moz-opacity: 1;
- opacity: 1;
-}
-
-#advanced_search .form-container {
- /*+opacity:91%;*/
- filter: alpha(opacity=91);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=91);
- -moz-opacity: 0.91;
- opacity: 0.91;
- /*+box-shadow:0px 5px 9px #B6B0B0;*/
- -moz-box-shadow: 0px 5px 9px #B6B0B0;
- -webkit-box-shadow: 0px 5px 9px #B6B0B0;
- -o-box-shadow: 0px 5px 9px #B6B0B0;
- box-shadow: 0px 5px 9px #B6B0B0;
- border: 1px solid #808080;
- /*+border-radius:0 0 4px 4px;*/
- -moz-border-radius: 0 0 4px 4px;
- -webkit-border-radius: 0 0 4px 4px;
- -khtml-border-radius: 0 0 4px 4px;
- border-radius: 0 0 4px 4px;
- left: -290px;
- top: 2px;
- position: absolute;
- display: inline-block;
- background: #FFFFFF;
- padding: 18px;
- cursor: default;
-}
-
-#advanced_search .form-container .name {
- width: 66px;
- float: left;
-}
-
-#advanced_search .form-container .value {
- width: 186px;
- float: left;
-}
-
-#advanced_search .form-container .form-item {
- width: 268px;
- height: 40px;
- margin-bottom: 15px;
-}
-
-#advanced_search .form-container .form-item input,
-#advanced_search .form-container .form-item select {
- width: 97%;
- padding: 3px;
-}
-
-#advanced_search input[type=submit] {
- float: right;
- background: url(../images/bg-gradients.png) 0px -220px;
- /*+box-shadow:0px 2px 5px #858585;*/
- -moz-box-shadow: 0px 2px 5px #858585;
- -webkit-box-shadow: 0px 2px 5px #858585;
- -o-box-shadow: 0px 2px 5px #858585;
- box-shadow: 0px 2px 5px #858585;
- border: 1px solid #606060;
- border-top: none;
- color: #FFFFFF;
- font-size: 12px;
- font-weight: bold;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- cursor: pointer;
- padding: 8px 20px;
-}
-
-#advanced_search input[type=submit]:hover {
- /*+box-shadow:inset 0px 2px 3px #000000;*/
- -moz-box-shadow: inset 0px 2px 3px #000000;
- -webkit-box-shadow: inset 0px 2px 3px #000000;
- -o-box-shadow: inset 0px 2px 3px #000000;
- box-shadow: inset 0px 2px 3px #000000;
-}
-
-#advanced_search .button.cancel {
- background: url(noen);
- color: #9A9A9A;
- font-size: 12px;
- float: right;
- /*+placement:shift -32px 13px;*/
- position: relative;
- left: -32px;
- top: 13px;
- font-weight: bold;
-}
-
-#advanced_search .button.cancel:hover {
- color: #494949;
-}
-
-/*** Panel controls*/
-#browser div.panel div.toolbar div.panel-controls {
- float: right;
- width: 42px;
- height: 23px;
- display: none;
-}
-
-#browser div.panel.reduced div.toolbar div.panel-controls {
- display: block;
- float: left;
- width: 194px;
-}
-
-#browser div.panel.maximized div.toolbar div.panel-controls {
- display: block;
-}
-
-#browser div.panel div.toolbar div.panel-controls div.control {
- width: 25px;
- height: 26px;
- background: url(../images/buttons.png) no-repeat -599px -335px;
- float: right;
- cursor: pointer;
- margin-right: 6px;
-}
-
-#browser div.panel.maximized.single div.toolbar div.panel-controls div.control {
- display: none;
-}
-
-#browser div.panel div.toolbar div.panel-controls div.control:hover {
- background-position: -593px -309px;
-}
-
-#browser div.panel.maximized div.toolbar div.panel-controls div.control {
- background-position: -621px -334px;
-}
-
-#browser div.panel.maximized div.toolbar div.panel-controls div.control:hover {
- background-position: -617px -308px;
-}
-
-/*** Section switcher*/
-div.panel div.toolbar div.section-switcher {
- margin-top: 6px;
- margin-left: 10px;
- float: left;
-}
-
-#browser div.panel.maximize-if-selected.selected div.toolbar div.panel-controls div.control {
- display: none;
-}
-
-div.toolbar div.section-switcher div.section-select {
- float: right;
- background: #A8AFB6;
-}
-
-div.toolbar div.section-switcher div.section {
- float: left;
- font-size: 11px;
- font-weight: bold;
- /*+border-radius:10px;*/
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- -khtml-border-radius: 10px;
- border-radius: 10px;
- border-radius: 10px 10px 10px 10px;
- /*+text-shadow:0px 1px 1px #EDEDED;*/
- -moz-text-shadow: 0px 1px 1px #EDEDED;
- -webkit-text-shadow: 0px 1px 1px #EDEDED;
- -o-text-shadow: 0px 1px 1px #EDEDED;
- text-shadow: 0px 1px 1px #EDEDED;
-}
-
-div.toolbar div.section-switcher div.section a {
- background: url(../images/bg-section-switcher.png) repeat-x 0px -22px;
- text-decoration: none;
- display: block;
- color: #516374;
- padding: 5px 10px 3px;
- border: 1px solid #979FA4;
-}
-
-div.toolbar div.section-switcher div.section a.active {
- background: url(../images/bg-section-switcher.png) repeat-x 0px -21px;
- background-position: 0px 0px;
- border: none;
- border-bottom: 1px solid #CCD1D4;
- padding-bottom: 2px;
- padding-top: 6px;
- /*+box-shadow:inset 0px 1px 5px #546874;*/
- -moz-box-shadow: inset 0px 1px 5px #546874;
- -webkit-box-shadow: inset 0px 1px 5px #546874;
- -o-box-shadow: inset 0px 1px 5px #546874;
- box-shadow: inset 0px 1px 5px #546874;
-}
-
-div.toolbar div.section-switcher div.section.first a {
- /*+border-radius:4px 0 0 5px;*/
- -moz-border-radius: 4px 0 0 5px;
- -webkit-border-radius: 4px 0 0 5px;
- -khtml-border-radius: 4px 0 0 5px;
- border-radius: 4px 0 0 5px;
-}
-
-div.toolbar div.section-switcher div.section.last a {
- /*+border-radius:0 4px 4px 0px;*/
- -moz-border-radius: 0 4px 4px 0px;
- -webkit-border-radius: 0 4px 4px 0px;
- -khtml-border-radius: 0 4px 4px 0px;
- border-radius: 0 4px 4px 0px;
-}
-
-div.toolbar div.section-switcher div.section.first.last a {
- /*+border-radius:5px;*/
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- -khtml-border-radius: 5px;
- border-radius: 5px;
- border-radius: 5px 5px 5px 5px;
-}
-
-div.toolbar div.section-switcher div.section-select {
- float: left;
- background: #A8AFB6;
- height: 26px;
-}
-
-.project-view div.toolbar div.section-switcher div.section-select {
- background: transparent;
-}
-
-div.toolbar div.section-switcher div.section-select select {
- width: 142px;
- height: 21px;
- margin-right: 13px;
- font-size: 12px;
- border: 1px solid #808080;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
-}
-
-div.toolbar div.section-switcher div.section-select label {
- margin: 0 9px 0 0;
-}
-
-.project-view div.list-view div.toolbar div.section-switcher div.section-select label {
- color: #FFFFFF;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
-}
-
-/*Breadcrumbs*/
-div.toolbar div.filters {
- margin: 5px 0px 0 12px;
- width: 168px;
- float: left;
-}
-
-div.toolbar label {
- color: #4E5C6B;
- font-size: 12px;
- font-weight: bold;
- /*+text-shadow:0px 1px 1px #CDCDCD;*/
- -moz-text-shadow: 0px 1px 1px #CDCDCD;
- -webkit-text-shadow: 0px 1px 1px #CDCDCD;
- -o-text-shadow: 0px 1px 1px #CDCDCD;
- text-shadow: 0px 1px 1px #CDCDCD;
-}
-
-div.toolbar div.filters select {
- width: 104px;
- height: 21px;
- font-size: 12px;
- border: 1px solid #808080;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- padding: 0px 0 0;
- margin: 1px 0 0;
-}
-
-#breadcrumbs {
- height: 29px;
- max-height: 29px;
- background: url(../images/bg-breadcrumbs.png) repeat-x;
- overflow: hidden;
- width: 100%;
-}
-
-.project-view #breadcrumbs {
- background-image: url(../images/bg-breadcrumbs-project-view.png);
- background-position: 0px 1px;
- background-color: #828282;
-}
-
-#breadcrumbs div.home {
- width: 41px;
- height: 32px;
- float: left;
- background: url(../images/buttons.png) -9px -96px;
- /*+placement:shift -1px -1px;*/
- position: relative;
- left: -1px;
- top: -1px;
- cursor: pointer;
- z-index: 5;
-}
-
-.project-view #breadcrumbs div.home {
- background-position: -63px -98px;
-}
-
-.project-view #breadcrumbs div.end {
- background-position: -89px -98px;
-}
-
-#breadcrumbs ul li,
-#breadcrumbs div.active-project {
- background: url(../images/gradients.png) repeat-x -522px -10px;
- height: 21px;
- float: left;
- font-size: 12px;
- /*+text-shadow:0px 1px 1px #2A3640;*/
- -moz-text-shadow: 0px 1px 1px #2A3640;
- -webkit-text-shadow: 0px 1px 1px #2A3640;
- -o-text-shadow: 0px 1px 1px #2A3640;
- text-shadow: 0px 1px 1px #2A3640;
- color: #FFFFFF;
- padding: 8px 5px 0px 8px;
- cursor: pointer;
- /*+placement:shift -13px 0px;*/
- position: relative;
- left: -13px;
- top: 0px;
- position: relative;
- margin: 0 0 0 2px;
-}
-
-.project-view #breadcrumbs ul li {
- background: url(../images/bg-breadcrumb-project-view.png) 0px -2px;
-}
-
-#breadcrumbs ul li,
-#breadcrumbs div.active-project {
- /*+placement:shift 0px 0px;*/
- position: relative;
- left: 0px;
- top: 0px;
- color: #CED4D9;
- /*+text-shadow:0px 0px;*/
- -moz-text-shadow: 0px 0px;
- -webkit-text-shadow: 0px 0px;
- -o-text-shadow: 0px 0px;
- text-shadow: 0px 0px;
- -moz-text-shadow: 0px 0px none;
- -webkit-text-shadow: 0px 0px none;
- -o-text-shadow: 0px 0px none;
- -moz-text-shadow: none;
- -webkit-text-shadow: none;
- -o-text-shadow: none;
- font-weight: bold;
-}
-
-#breadcrumbs ul li:hover,
-#breadcrumbs ul li.active,
-#breadcrumbs ul li.maximized {
- color: #FFFFFF;
- /*+text-shadow:0px 1px 1px #000000;*/
- -moz-text-shadow: 0px 1px 1px #000000;
- -webkit-text-shadow: 0px 1px 1px #000000;
- -o-text-shadow: 0px 1px 1px #000000;
- text-shadow: 0px 1px 1px #000000;
- font-size: 12px;
-}
-
-#breadcrumbs div.end {
- background: url(../images/buttons.png) no-repeat -10px -130px;
- height: 35px;
- width: 13px;
- float: left;
- /*+placement:shift -13px -1px;*/
- position: relative;
- left: -13px;
- top: -1px;
- z-index: 5;
- margin-right: 23px;
-}
-
-#breadcrumbs ul div.end {
- /*+placement:shift -37px -1px;*/
- position: relative;
- left: -37px;
- top: -1px;
- margin-right: 0px;
-}
-
-#breadcrumbs ul li {
- position: relative;
- /*+placement:shift -36px 0px;*/
- position: relative;
- left: -36px;
- top: 0px;
- margin-left: -10px;
- text-indent: 13px;
- font-weight: bold;
-}
-
-#breadcrumbs div.active-project {
- z-index: 2;
- text-indent: 9px;
- display: none;
-}
-
-/*Group View*/
-div.panel div.view.group-thumbnail ul.groups li {
- float: left;
- width: 142px;
- height: 80px;
- background: url(../images/buttons.png) no-repeat -1px -399px;
- margin: 16px -1px -5px 16px;
- cursor: pointer;
- position: relative;
-}
-
-div.panel div.view.group-thumbnail ul.groups li.active {
- background-position: -1px -489px;
-}
-
-div.panel div.view.group-thumbnail ul.groups li.drop-hover {
- background-position: -1px -310px !important;
-}
-
-div.panel div.view.group-thumbnail ul.groups li.new {
- background-position: -147px -401px;
-}
-
-div.panel div.view.group-thumbnail ul.groups li.new.drop-hover {
- background-position: -148px -312px !important;
-}
-
-div.panel div.view.group-thumbnail ul.groups li span.name {
- font-size: 12px;
- color: #49596B;
- /*+placement:shift 9px 7px;*/
- position: relative;
- left: 9px;
- top: 7px;
- font-weight: bold;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
- position: absolute;
-}
-
-div.panel div.view.group-thumbnail ul.groups li span.vm-count {
- font-size: 21px;
- /*+placement:displace 54px 27px;*/
- position: absolute;
- margin-left: 54px;
- margin-top: 27px;
- position: absolute;
- color: #3A4857;
-}
-
-/*Reduced view*/
-#browser div.panel.reduced .reduced-hide {
- color: #BBB8B8;
-}
-
-#browser div.panel.reduced div.toolbar .reduced-hide {
- display: none;
-}
-
-/*List view -- edit field*/
-div.view table td.editable div.edit {
- width: 106%;
- height: 20px;
- /*+placement:shift 6px 0px;*/
- position: relative;
- left: 6px;
- top: 0px;
-}
-
-div.view table td.truncated.editable div.edit {
- top: 1px;
- width: 285px;
- left: 1px;
-}
-
-div.view table td.editable div.edit input {
- float: left;
- width: 66%;
- height: 17px;
- border: none;
- position: relative;
- z-index: 1;
-}
-
-div.view table td.editable div.action {
- float: left;
- width: 16px;
- height: 19px;
- background: #FFFFFF url(../images/buttons.png) -614px -684px;
- padding-left: 2px;
- /*+placement:shift -2px 0px;*/
- position: relative;
- left: -2px;
- top: 0px;
- cursor: pointer;
-}
-
-div.view table td.editable div.action.save {
- margin-left: 2px;
-}
-
-div.view table td.editable div.action.cancel {
- background-position: -628px -684px;
-}
-
-/*** Actions*/
-table td.actions {
- cursor: default;
- /*Make fixed*/
- width: 200px;
- min-width: 200px;
- max-width: 200px;
-}
-
-table td.actions span {
- margin: 0 0 0 2px !important;
-}
-
-table td.actions .action span.icon {
- background-image: url(../images/sprites.png);
- cursor: pointer;
- width: 23px;
- height: 21px;
- float: left;
-}
-
-table td.actions .action.disabled {
-}
-
-table td.actions .action.disabled:hover .icon {
-}
-
-table td.actions .action.disabled .icon {
- cursor: not-allowed;
- /*+opacity:20%;*/
- filter: alpha(opacity=20);
- -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
- -moz-opacity: 0.2;
- opacity: 0.2;
-}
-
-table tr.odd td.actions .action.disabled .icon {
- background-color: #F2F0F0;
-}
-
-table tr.even td.actions .action.disabled .icon {
- background-color: #DFE1E3;
-}
-
-table tr td.actions .action.text {
- cursor: pointer;
- display: inline-block;
- border: 1px solid #C2C2C2;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- background: url(../images/bg-gradients.png) repeat-x 0px -83px;
-}
-
-table tr td.actions .action.text:hover {
- /*+box-shadow:inset 0px 1px 3px #171717;*/
- -moz-box-shadow: inset 0px 1px 3px #171717;
- -webkit-box-shadow: inset 0px 1px 3px #171717;
- -o-box-shadow: inset 0px 1px 3px #171717;
- box-shadow: inset 0px 1px 3px #171717;
-}
-
-table tr td.actions .action.text .label {
- padding: 4px 0 0 4px;
-}
-
-table tr td.actions .action.text .icon {
- padding-bottom: 4px;
-}
-
-table tr.selected td.actions .action.disabled .icon {
- background-color: #CBDDF3;
-}
-
-/*** Action icons
-Dialogs*/
-.ui-dialog {
- background: #E9E9E9 url(../images/bg-dialog-body.png) repeat-x 0px 0px;
- text-align: left;
- /*+border-radius:7px;*/
- -moz-border-radius: 7px;
- -webkit-border-radius: 7px;
- -khtml-border-radius: 7px;
- border-radius: 7px;
- border-radius: 7px 7px 7px 7px;
- /*+box-shadow:0px -4px 15px #4C4A4A;*/
- -moz-box-shadow: 0px -4px 15px #4C4A4A;
- -webkit-box-shadow: 0px -4px 15px #4C4A4A;
- -o-box-shadow: 0px -4px 15px #4C4A4A;
- box-shadow: 0px -4px 15px #4C4A4A;
- position: absolute;
-}
-
-.ui-dialog .ui-widget-content {
- padding: 8px;
- text-align: center;
- display: inline-block;
-}
-
-.ui-dialog .ui-widget-content .nothing-to-select {
- width: 386px;
- line-height: 21px;
- text-align: left;
- font-size: 16px;
- color: #3D3D3D;
- padding: 4px 25px 180px 28px;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
- background: #FFFFFF;
- margin: 57px 0 0;
- /*+border-radius:10px;*/
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- -khtml-border-radius: 10px;
- border-radius: 10px;
- border-radius: 10px 10px 10px 10px;
-}
-
-.ui-dialog .ui-widget-content .nothing-to-select p {
- margin: 18px 0 0;
-}
-
-.ui-dialog-buttonset {
- width: 285px;
- margin: 0;
-}
-
-.ui-dialog .ui-button {
- display: block;
- cursor: pointer;
- float: left;
- width: 110px;
- height: 31px;
- border: none;
- background: url(../images/gradients.png) -2px -481px;
- border: 1px solid #BFBCBC;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
-}
-
-.ui-dialog .ui-button:hover {
- background-position: -4px -426px;
-}
-
-.ui-dialog.notice .close.ui-button {
- background: transparent;
- display: inline;
- padding: 0;
- float: right;
- color: #516374;
- /*+text-shadow:0px -1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px -1px 1px #FFFFFF;
- -webkit-text-shadow: 0px -1px 1px #FFFFFF;
- -o-text-shadow: 0px -1px 1px #FFFFFF;
- text-shadow: 0px -1px 1px #FFFFFF;
-}
-
-.ui-dialog .ui-button.ok {
- background-position: 0px -317px;
- border: 1px solid #0065C5;
- color: #FFFFFF;
- /*+text-shadow:0px -1px 1px #011238;*/
- -moz-text-shadow: 0px -1px 1px #011238;
- -webkit-text-shadow: 0px -1px 1px #011238;
- -o-text-shadow: 0px -1px 1px #011238;
- text-shadow: 0px -1px 1px #011238;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
-}
-
-.ui-dialog .ui-button.ok:hover {
- background-position: -3px -368px;
- border: 1px solid #004FF7;
-}
-
-.ui-dialog.confirm .ui-button {
- margin-top: 0px;
- margin-left: 11px;
-}
-
-.ui-dialog.confirm .ui-button.cancel {
- margin-left: 50px;
-}
-
-.ui-dialog span.message {
- display: block;
- text-align: center;
- color: #445361;
- font-size: 14px;
- /*+text-shadow:0px 1px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 1px 1px #FFFFFF;
- -webkit-text-shadow: 0px 1px 1px #FFFFFF;
- -o-text-shadow: 0px 1px 1px #FFFFFF;
- text-shadow: 0px 1px 1px #FFFFFF;
- padding-bottom: 40px;
-}
-
-.ui-dialog span.message ul {
- margin-left: 30px;
- margin-top: 14px;
- text-align: left;
- list-style: disc;
-}
-
-.ui-dialog span.message ul li {
- margin-top: 3px;
-}
-
-.ui-dialog span.message p {
- text-align: left;
- margin-top: 20px;
-}
-
-.ui-dialog-titlebar {
- background: #4C5F70 url(../images/bg-dialog-header.png);
- color: #FFFFFF;
- height: 33px;
- /*+border-radius:7px 7px 0 0;*/
- -moz-border-radius: 7px 7px 0 0;
- -webkit-border-radius: 7px 7px 0 0;
- -khtml-border-radius: 7px 7px 0 0;
- border-radius: 7px 7px 0 0;
- margin: auto;
-}
-
-.ui-dialog-titlebar .ui-icon-closethick {
- display: none;
-}
-
-.ui-dialog-title {
- /*+placement:shift 8px 9px;*/
- position: relative;
- left: 8px;
- top: 9px;
- font-size: 14px;
- padding: 2px 0 5px 30px;
- /*+text-shadow:0px -1px 1px #495968;*/
- -moz-text-shadow: 0px -1px 1px #495968;
- -webkit-text-shadow: 0px -1px 1px #495968;
- -o-text-shadow: 0px -1px 1px #495968;
- text-shadow: 0px -1px 1px #495968;
- background: url(../images/icons.png) no-repeat 0px -255px;
-}
-
-.notice .ui-dialog-title {
- background-position: 0px -288px;
-}
-
-.ui-dialog.confirm .ui-dialog-title {
- background: url(../images/icons.png) no-repeat 0px -225px;
-}
-
-.ui-dialog.create-form .ui-dialog-title {
- background: url(../images/icons.png) no-repeat 0px -256px;
-}
-
-.ui-dialog.confirm .ui-button {
- /*+placement:shift 0px -8px;*/
- position: relative;
- left: 0px;
- top: -8px;
-}
-
-/*** Create form*/
-.ui-dialog div.form-container {
- width: 94% !important;
- height: 106px;
- text-align: left;
- display: inline-block;
-}
-
-.ui-dialog div.form-container span.message {
- text-align: left;
- padding: 0 0 23px 5px;
- font-size: 15px;
-}
-
-.ui-dialog div.form-container span.message br {
- margin-bottom: 13px;
-}
-
-.ui-dialog div.form-container div.form-item {
- width: 100%;
- display: inline-block;
- margin: 0 0 12px;
-}
-
-.ui-dialog div.form-container div.name {
- float: left;
- clear: both;
- width: 115px;
- font-size: 15px;
- color: #485867;
- /*+text-shadow:0px 2px 1px #FFFFFF;*/
- -moz-text-shadow: 0px 2px 1px #FFFFFF;
- -webkit-text-shadow: 0px 2px 1px #FFFFFF;
- -o-text-shadow: 0px 2px 1px #FFFFFF;
- text-shadow: 0px 2px 1px #FFFFFF;
- margin: 3px 0 0;
-}
-
-.ui-dialog div.form-container div.name label {
- display: block;
- width: 119px;
- text-align: right;
- font-size: 13px;
- margin-top: 2px;
-}
-
-.field-required {
- color: #EE7B7B;
- font-size: 14px;
- padding: 0 3px 0 0;
- font-weight: bold;
-}
-
-.ui-dialog div.form-container div.value {
- width: 61%;
- float: left;
- margin: 0 0 0 15px;
- display: inline-block;
-}
-
-.ui-dialog div.form-container div.value input {
- width: 98%;
- font-size: 14px;
- background: #F6F6F6;
- /*+border-radius:4px;*/
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
- border-radius: 4px 4px 4px 4px;
- border: 1px solid #AFAFAF;
- /*+box-shadow:inset 0px 1px #727272;*/
- -moz-box-shadow: inset 0px 1px #727272;
- -webkit-box-shadow: inset 0px 1px #727272;
- -o-box-shadow: inset 0px 1px #727272;
- box-shadow: inset 0px 1px #727272;
- -moz-box-shadow: inset 0px 1px 0px #
<TRUNCATED>