/* vendor prefix utility */
/*---------------------------------------------------
LESS Prefixer
---------------------------------------------------
All of the CSS3 fun, none of the prefixes!
As a rule, you can use the CSS properties you
would expect just by adding a '.':
box-shadow => .box-shadow(@args)
Also, when shorthand is available, arguments are
not parameterized. Learn CSS, not LESS Prefixer.
-------------------------------------------------
TABLE OF CONTENTS
(*) denotes a syntax-sugar helper
-------------------------------------------------
.animation(@args)
.animation-delay(@delay)
.animation-direction(@direction)
.animation-duration(@duration)
.animation-iteration-count(@count)
.animation-name(@name)
.animation-play-state(@state)
.animation-timing-function(@function)
.background-size(@args)
.border-radius(@args)
.box-shadow(@args)
.inner-shadow(@args) *
.box-sizing(@args)
.border-box() *
.content-box() *
.columns(@args)
.column-count(@count)
.column-gap(@gap)
.column-rule(@args)
.column-width(@width)
.gradient(@default,@start,@stop) *
.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
.opacity(@factor)
.transform(@args)
.rotate(@deg)
.scale(@factor)
.translate(@x,@y)
.translate3d(@x,@y,@z)
.translateHardware(@x,@y) *
.text-shadow(@args)
.transition(@args)
.transition-delay(@delay)
.transition-duration(@duration)
.transition-property(@property)
.transition-timing-function(@function)
Credit to LESS Elements for the motivation and
to CSS3Please.com for implementation.
Copyright (c) 2012 Joel Sutherland
MIT Licensed:
http://www.opensource.org/licenses/mit-license.php
-----------------------------------------------------*/
/* Animation */
/* Background Size */
/* Border Radius */
/* Box Shadows */
/* Box Sizing */
/* Columns */
/* Gradients */
/* Opacity */
/* Text Shadow */
/* Transforms */
/* Transitions */
/* Include bootstrap variables */
body {
margin: 0;
font-family: "Segoe UI", "Roboto", "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 10pt;
line-height: 20px;
color: #222222;
background-color: white;
}
a {
color: #146db2;
text-decoration: none;
}
a:hover {
color: #0f5184;
text-decoration: underline;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nav {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li > a > img {
max-width: none;
}
.nav > .pull-right {
float: right;
}
.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li + .nav-header {
margin-top: 9px;
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #146db2;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
margin-right: 2px;
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid white;
}
.nav-tabs,
.nav-pills {
*zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
content: " ";
display: table;
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 20px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #555555;
background-color: white;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: white;
background-color: #146db2;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #dddddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
border-color: #dddddd;
z-index: 2;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.nav-pills .dropdown-menu {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.nav .dropdown-toggle .caret {
border-top-color: #146db2;
border-bottom-color: #146db2;
margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
border-top-color: #0f5184;
border-bottom-color: #0f5184;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
border-top-color: white;
border-bottom-color: white;
}
.nav-tabs .active .dropdown-toggle .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
color: white;
background-color: #999999;
border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
border-top-color: white;
border-bottom-color: white;
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: #999999;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
line-height: 0;
}
.tabbable:after {
clear: both;
}
.tabbable:before,
.tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tab-content {
overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #dddddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-bottom-color: transparent;
border-top-color: #dddddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #dddddd #dddddd #dddddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #dddddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #dddddd transparent #dddddd #dddddd;
*border-right-color: white;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #dddddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #dddddd #dddddd #dddddd transparent;
*border-left-color: white;
}
.nav > .disabled > a {
color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
cursor: default;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot');
src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/*[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}*/
/* Use the following CSS code if you want to have a class per icon */
[class^="clr-"]:before,
[class*=" clr-"]:before {
font-family: 'icomoon';
font-style: normal;
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
a [class^="clr-"],
a [class*=" clr-"] {
display: inline-block;
}
.icon-ul-logo:before {
content: "\e000";
}
.clr-resume:before {
content: "\e001";
}
.clr-repeat:before {
content: "\e002";
}
.clr-play:before {
content: "\e003";
}
.clr-person:before {
content: "\e004";
}
.clr-calendar:before,
.clr-print-appt:before {
content: "\e005";
}
.clr-verify:before {
content: "\e006";
}
.clr-upcoming:before {
font-family: FontAwesome;
content: "\f017";
}
/*Items from a different library*/
.clr-details:before {
font-family: FontAwesome;
content: "\f114";
}
.clr-expand:before {
font-family: FontAwesome;
content: '\f067';
font-size: 1em;
}
.open .clr-expand:before {
font-family: FontAwesome;
content: '\f068';
}
/* ExtJS Themeless Structure */
/*!
* Ext JS Library 3.2.1
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/
/*!
* Silk icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* are licensed under a Creative Commons Attribution 3.0 License.
* (http://creativecommons.org/licenses/by/3.0/)
*/
/*!
* Fugue icons by Yusuke Kamiyamane (http://p.yusukekamiyamane.com/)
* are licensed under a Creative Commons Attribution 3.0 License
* (http://creativecommons.org/licenses/by/3.0/)
*/
html,
body,
form,
.x-panel th,
.x-panel td {
margin: 0;
padding: 0;
}
html,
body,
button,
input,
textarea {
font: arial, helvetica, sans-serif;
}
img,
body,
html {
border: 0;
}
q:before,
q:after {
content: '';
}
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=3.0.1');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-ims"],
[class*=" icon-ims"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
/* sprites.less reset */
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
/*
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
*/
.ext-el-mask {
z-index: 100;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
width: 100%;
height: 100%;
zoom: 1;
}
.ext-el-mask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
border: 1px solid;
background: repeat-x 0 -16px;
padding: 2px;
}
.ext-el-mask-msg div {
padding: 5px 10px 5px 10px;
border: 1px solid;
cursor: wait;
}
.ext-shim {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
overflow: hidden;
}
.ext-ie .ext-shim {
filter: alpha(opacity=0);
}
.ext-ie6 .ext-shim {
margin-left: 5px;
margin-top: 3px;
}
.x-mask-loading div {
padding: 5px 10px 5px 25px;
background: no-repeat 5px 5px;
line-height: 16px;
}
/* class for hiding elements without using display:none */
.x-hidden,
.x-hide-offsets {
position: absolute !important;
left: -10000px;
top: -10000px;
visibility: hidden;
}
.x-hide-display {
display: none !important;
}
.x-hide-visibility {
visibility: hidden !important;
}
.x-masked {
overflow: hidden !important;
}
.x-masked-relative {
position: relative !important;
}
.x-masked select,
.x-masked object,
.x-masked embed {
visibility: hidden;
}
.x-layer {
visibility: hidden;
}
.x-unselectable,
.x-unselectable * {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-repaint {
zoom: 1;
background-color: transparent;
-moz-outline: none;
outline: none;
}
.x-item-disabled {
cursor: default;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.comboDisabled {
cursor: default;
opacity: .6;
-moz-opacity: .6;
}
.comboDisabled * {
cursor: default !important;
}
.x-item-disabled * {
cursor: default !important;
}
.x-form-radio-group .x-item-disabled {
filter: none;
}
.x-splitbar-proxy {
position: absolute;
visibility: hidden;
z-index: 20001;
zoom: 1;
line-height: 1px;
font-size: 1px;
overflow: hidden;
}
.x-splitbar-h,
.x-splitbar-proxy-h {
cursor: e-resize;
cursor: col-resize;
}
.x-splitbar-v,
.x-splitbar-proxy-v {
cursor: s-resize;
cursor: row-resize;
}
.x-color-palette {
width: 150px;
height: 92px;
cursor: pointer;
}
.x-color-palette a {
border: 1px solid;
float: left;
padding: 2px;
text-decoration: none;
-moz-outline: 0 none;
outline: 0 none;
cursor: pointer;
}
.x-color-palette a:hover,
.x-color-palette a.x-color-palette-sel {
border: 1px solid;
}
.x-color-palette em {
display: block;
border: 1px solid;
}
.x-color-palette em span {
cursor: pointer;
display: block;
height: 10px;
line-height: 10px;
width: 10px;
}
.x-ie-shadow {
display: none;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
zoom: 1;
}
.x-shadow {
display: none;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
}
.x-shadow * {
overflow: hidden;
}
.x-shadow * {
padding: 0;
border: 0;
margin: 0;
clear: none;
zoom: 1;
}
/* top bottom */
.x-shadow .xstc,
.x-shadow .xsbc {
height: 6px;
float: left;
}
/* corners */
.x-shadow .xstl,
.x-shadow .xstr,
.x-shadow .xsbl,
.x-shadow .xsbr {
width: 6px;
height: 6px;
float: left;
}
/* sides */
.x-shadow .xsc {
width: 100%;
}
.x-shadow .xsml,
.x-shadow .xsmr {
width: 6px;
float: left;
height: 100%;
}
.x-shadow .xsmc {
float: left;
height: 100%;
background: transparent;
}
.x-shadow .xst,
.x-shadow .xsb {
height: 6px;
overflow: hidden;
width: 100%;
}
.x-shadow .xsml {
background: transparent repeat-y 0 0;
}
.x-shadow .xsmr {
background: transparent repeat-y -6px 0;
}
.x-shadow .xstl {
background: transparent no-repeat 0 0;
}
.x-shadow .xstc {
background: transparent repeat-x 0 -30px;
}
.x-shadow .xstr {
background: transparent repeat-x 0 -18px;
}
.x-shadow .xsbl {
background: transparent no-repeat 0 -12px;
}
.x-shadow .xsbc {
background: transparent repeat-x 0 -36px;
}
.x-shadow .xsbr {
background: transparent repeat-x 0 -6px;
}
.loading-indicator {
background: no-repeat left;
padding-left: 20px;
line-height: 16px;
margin: 3px;
}
.x-text-resize {
position: absolute;
left: -1000px;
top: -1000px;
visibility: hidden;
zoom: 1;
}
.x-drag-overlay {
width: 100%;
height: 100%;
display: none;
position: absolute;
left: 0;
top: 0;
background-image: url(extjs/default/s.gif);
z-index: 20000;
}
.x-clear {
clear: both;
height: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.x-spotlight {
z-index: 8999;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
width: 0;
height: 0;
zoom: 1;
}
#x-history-frame {
position: absolute;
top: -1px;
left: 0;
width: 1px;
height: 1px;
visibility: hidden;
}
#x-history-field {
position: absolute;
top: 0;
left: -1px;
width: 1px;
height: 1px;
visibility: hidden;
}
.x-resizable-handle {
position: absolute;
z-index: 100;
/* ie needs these */
font-size: 1px;
line-height: 6px;
overflow: hidden;
filter: alpha(opacity=0);
opacity: 0;
zoom: 1;
}
.x-resizable-handle-east {
width: 6px;
cursor: e-resize;
right: 0;
top: 0;
height: 100%;
}
.ext-ie .x-resizable-handle-east {
margin-right: -1px;
/*IE rounding error*/
}
.x-resizable-handle-south {
width: 100%;
cursor: s-resize;
left: 0;
bottom: 0;
height: 6px;
}
.ext-ie .x-resizable-handle-south {
margin-bottom: -1px;
/*IE rounding error*/
}
.x-resizable-handle-west {
width: 6px;
cursor: w-resize;
left: 0;
top: 0;
height: 100%;
}
.x-resizable-handle-north {
width: 100%;
cursor: n-resize;
left: 0;
top: 0;
height: 6px;
}
.x-resizable-handle-southeast {
width: 6px;
cursor: se-resize;
right: 0;
bottom: 0;
height: 6px;
z-index: 101;
}
.x-resizable-handle-northwest {
width: 6px;
cursor: nw-resize;
left: 0;
top: 0;
height: 6px;
z-index: 101;
}
.x-resizable-handle-northeast {
width: 6px;
cursor: ne-resize;
right: 0;
top: 0;
height: 6px;
z-index: 101;
}
.x-resizable-handle-southwest {
width: 6px;
cursor: sw-resize;
left: 0;
bottom: 0;
height: 6px;
z-index: 101;
}
.x-resizable-over .x-resizable-handle,
.x-resizable-pinned .x-resizable-handle {
filter: alpha(opacity=100);
opacity: 1;
}
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-west {
background-position: left;
}
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-north {
background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
background-position: bottom right;
}
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
background-position: top right;
}
.x-resizable-proxy {
border: 1px dashed;
position: absolute;
overflow: hidden;
display: none;
left: 0;
top: 0;
z-index: 50000;
}
.x-resizable-overlay {
width: 100%;
height: 100%;
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 200000;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.x-tab-panel {
overflow: hidden;
}
.x-tab-panel-header,
.x-tab-panel-footer {
border: 1px solid;
overflow: hidden;
zoom: 1;
}
.x-tab-panel-header {
border: 1px solid;
padding-bottom: 2px;
}
.x-tab-panel-footer {
border: 1px solid;
padding-top: 2px;
}
.x-tab-strip-wrap {
width: 100%;
overflow: hidden;
position: relative;
zoom: 1;
}
ul.x-tab-strip {
display: block;
width: 5000px;
zoom: 1;
}
ul.x-tab-strip-top {
padding-top: 1px;
background: repeat-x bottom;
border-bottom: 1px solid;
}
ul.x-tab-strip-bottom {
padding-bottom: 1px;
background: repeat-x top;
border-top: 1px solid;
border-bottom: 0 none;
}
.x-tab-panel-header-plain .x-tab-strip-top {
background: transparent !important;
padding-top: 0 !important;
}
.x-tab-panel-header-plain {
background: transparent !important;
border-width: 0 !important;
padding-bottom: 0 !important;
}
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
border: 1px solid;
height: 2px;
font-size: 1px;
line-height: 1px;
}
.x-tab-panel-header-plain .x-tab-strip-spacer {
border-top: 0 none;
}
.x-tab-panel-footer-plain .x-tab-strip-spacer {
border-bottom: 0 none;
}
.x-tab-panel-footer-plain .x-tab-strip-bottom {
background: transparent !important;
padding-bottom: 0 !important;
}
.x-tab-panel-footer-plain {
background: transparent !important;
border-width: 0 !important;
padding-top: 0 !important;
}
.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
height: 3px;
}
ul.x-tab-strip li {
float: left;
margin-left: 2px;
}
ul.x-tab-strip li.x-tab-edge {
float: left;
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
font-size: 1px !important;
line-height: 1px !important;
overflow: hidden;
zoom: 1;
background: transparent !important;
width: 1px;
}
.x-tab-strip a,
.x-tab-strip span,
.x-tab-strip em {
display: block;
}
.x-tab-strip a {
text-decoration: none !important;
-moz-outline: none;
outline: none;
cursor: pointer;
}
.x-tab-strip-inner {
overflow: hidden;
text-overflow: ellipsis;
}
.x-tab-strip span.x-tab-strip-text {
white-space: nowrap;
cursor: pointer;
padding: 4px 0;
}
.x-tab-strip-top .x-tab-with-icon .x-tab-right {
padding-left: 6px;
}
.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
padding-left: 20px;
background-position: 0 3px;
background-repeat: no-repeat;
}
.x-tab-strip-active,
.x-tab-strip-active a.x-tab-right {
cursor: default;
}
.x-tab-strip-active span.x-tab-strip-text {
cursor: default;
}
.x-tab-strip-disabled .x-tabs-text {
cursor: default;
}
.x-tab-panel-body {
overflow: hidden;
}
.x-tab-panel-bwrap {
overflow: hidden;
}
.ext-ie .x-tab-strip .x-tab-right {
position: relative;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
margin-bottom: -1px;
}
/*
* Horrible hack for IE8 in quirks mode
*/
.ext-ie8 ul.x-tab-strip li {
position: relative;
}
.ext-ie8 .x-tab-strip .x-tab-right {
margin-bottom: 0 !important;
top: 1px;
}
.ext-ie8 ul.x-tab-strip-top {
padding-top: 0;
}
.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
top: 4px;
}
.ext-ie8 .x-tab-strip-bottom .x-tab-right {
top: 0;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
padding-bottom: 5px;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
margin-top: -1px;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
padding-top: 5px;
}
.x-tab-strip-top .x-tab-right {
background: transparent no-repeat 0 -51px;
padding-left: 10px;
}
.x-tab-strip-top .x-tab-left {
background: transparent no-repeat right -351px;
padding-right: 10px;
}
.x-tab-strip-top .x-tab-strip-inner {
background: transparent repeat-x 0 -201px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-right {
background-position: 0 -101px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-left {
background-position: right -401px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
background-position: 0 -251px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
background-position: 0 0;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
background-position: right -301px;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
background-position: 0 -151px;
}
.x-tab-strip-bottom .x-tab-right {
background: no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-left {
background: no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
background: no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
background: no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-left {
margin-right: 3px;
padding: 0 10px;
}
.x-tab-strip-bottom .x-tab-right {
padding: 0;
}
.x-tab-strip .x-tab-strip-close {
display: none;
}
.x-tab-strip-closable {
position: relative;
}
.x-tab-strip-closable .x-tab-left {
padding-right: 19px;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
opacity: .6;
-moz-opacity: .6;
background-repeat: no-repeat;
display: block;
width: 11px;
height: 11px;
position: absolute;
top: 3px;
right: 3px;
cursor: pointer;
z-index: 2;
}
.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
opacity: .8;
-moz-opacity: .8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
opacity: 1;
-moz-opacity: 1;
}
.x-tab-panel-body {
border: 1px solid;
}
.x-tab-panel-body-top {
border-top: 0 none;
}
.x-tab-panel-body-bottom {
border-bottom: 0 none;
}
.x-tab-scroller-left {
background: transparent no-repeat -18px 0;
border-bottom: 1px solid;
width: 18px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
cursor: pointer;
}
.x-tab-scroller-left-over {
background-position: 0 0;
}
.x-tab-scroller-left-disabled {
background-position: -18px 0;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
cursor: default;
}
.x-tab-scroller-right {
background: transparent no-repeat 0 0;
border-bottom: 1px solid;
width: 18px;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
}
.x-tab-scroller-right-over {
background-position: -18px 0;
}
.x-tab-scroller-right-disabled {
background-position: 0 0;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
cursor: default;
}
.x-tab-scrolling-bottom .x-tab-scroller-left,
.x-tab-scrolling-bottom .x-tab-scroller-right {
margin-top: 1px;
}
.x-tab-scrolling .x-tab-strip-wrap {
margin-left: 18px;
margin-right: 18px;
}
.x-tab-scrolling {
position: relative;
}
.x-tab-panel-bbar .x-toolbar {
border: 1px solid;
border-top: 0 none;
overflow: hidden;
padding: 2px;
}
.x-tab-panel-tbar .x-toolbar {
border: 1px solid;
border-top: 0 none;
overflow: hidden;
padding: 2px;
}
/* all fields */
.x-form-field {
margin: 0 0 0 0;
}
.ext-webkit *:focus {
outline: none !important;
}
/* ---- text fields ---- */
.x-form-text,
textarea.x-form-field {
padding: 1px 3px;
background: repeat-x 0 0;
border: 1px solid;
}
textarea.x-form-field {
padding: 2px 3px;
}
.x-form-text,
.ext-ie .x-form-file {
height: 22px;
line-height: 18px;
vertical-align: middle;
}
.ext-ie6 .x-form-text,
.ext-ie7 .x-form-text {
margin: -1px 0;
/* ie bogus margin bug */
height: 22px;
/* ie quirks */
line-height: 18px;
}
.ext-ie6 textarea.x-form-field,
.ext-ie7 textarea.x-form-field {
margin: -1px 0;
/* ie bogus margin bug */
}
.ext-ie6 textarea.x-form-field,
.ext-ie7 textarea.x-form-field {
margin: -1px 0;
/* ie bogus margin bug */
}
.ext-strict .x-form-text {
height: 18px;
}
.ext-safari.ext-mac textarea.x-form-field {
margin-bottom: -2px;
/* another bogus margin bug, safari/mac only */
}
.ext-strict .ext-ie8 .x-form-text,
.ext-strict .ext-ie8 textarea.x-form-field {
margin-bottom: 1px;
}
.ext-gecko .x-form-text,
.ext-ie8 .x-form-text {
padding-top: 2px;
/* FF won't center the text vertically */
padding-bottom: 0;
}
.ext-ie6 .x-form-composite .x-form-text.x-box-item,
.ext-ie7 .x-form-composite .x-form-text.x-box-item {
margin: 0 !important;
/* clear ie bogus margin bug fix */
}
textarea {
resize: none;
/* Disable browser resizable textarea */
}
/* select boxes */
.x-form-select-one {
height: 20px;
line-height: 18px;
vertical-align: middle;
border: 1px solid;
}
/* multi select boxes */
/* --- TODO --- */
/* 2.0.2 style */
.x-form-check-wrap {
line-height: 22px;
}
.ext-ie .x-form-check-wrap input {
width: 15px;
height: 15px;
}
.x-form-check-wrap input {
vertical-align: bottom;
}
.x-editor .x-form-check-wrap {
padding: 3px;
}
.x-editor .x-form-checkbox {
height: 13px;
}
.x-form-check-group-label {
border-bottom: 1px solid;
margin-bottom: 5px;
padding-left: 3px !important;
float: none !important;
}
/* wrapped fields and triggers */
.x-form-field-wrap .x-form-trigger {
width: 17px;
height: 21px;
border: 0;
background: transparent no-repeat 0 0;
cursor: pointer;
border-bottom: 1px solid;
position: absolute;
top: 0;
}
.x-form-field-wrap .x-form-date-trigger,
.x-form-field-wrap .x-form-clear-trigger,
.x-form-field-wrap .x-form-search-trigger {
cursor: pointer;
}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
position: static;
top: auto;
vertical-align: middle;
}
.x-form-field-wrap {
position: relative;
left: 0;
top: 0;
text-align: left;
zoom: 1;
white-space: nowrap;
}
.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
right: 0;
/* IE8 Strict mode trigger bug */
}
.x-form-field-wrap .x-form-trigger-over {
background-position: -17px 0;
}
.x-form-field-wrap .x-form-trigger-click {
background-position: -34px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
background-position: -51px 0;
}
.x-trigger-wrap-focus .x-form-trigger-over {
background-position: -68px 0;
}
.x-trigger-wrap-focus .x-form-trigger-click {
background-position: -85px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
border-bottom: 1px solid;
}
.x-item-disabled .x-form-trigger-over {
background-position: 0 0 !important;
border-bottom: 1px solid;
}
.x-item-disabled .x-form-trigger-click {
background-position: 0 0 !important;
border-bottom: 1px solid;
}
.x-trigger-noedit {
cursor: pointer;
}
/* field focus style */
.x-form-focus,
textarea.x-form-focus {
border: 1px solid;
}
/* invalid fields */
.x-form-invalid,
textarea.x-form-invalid {
background: repeat-x bottom;
border: 1px solid;
}
.x-form-inner-invalid,
textarea.x-form-inner-invalid {
background: repeat-x bottom;
}
/* editors */
.x-editor {
visibility: hidden;
padding: 0;
margin: 0;
}
.x-form-grow-sizer {
left: -10000px;
padding: 8px 3px;
position: absolute;
visibility: hidden;
top: -10000px;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
zoom: 1;
}
.x-form-grow-sizer p {
margin: 0 !important;
border: 0 none !important;
padding: 0 !important;
}
/* Form Items CSS */
.x-form-item {
display: block;
margin-bottom: 4px;
zoom: 1;
}
.x-form-item label.x-form-item-label {
display: block;
float: left;
width: 100px;
padding: 3px;
padding-left: 0;
clear: left;
z-index: 2;
position: relative;
}
.x-form-element {
position: relative;
}
.x-form-invalid-msg {
padding: 2px;
padding-left: 18px;
background: transparent no-repeat 0 2px;
line-height: 16px;
width: 200px;
}
.x-form-label-left label.x-form-item-label {
text-align: left;
}
.x-form-label-right label.x-form-item-label {
text-align: right;
}
.x-form-label-top .x-form-item label.x-form-item-label {
width: auto;
float: none;
clear: none;
display: inline;
margin-bottom: 4px;
position: static;
}
.x-form-label-top .x-form-element {
padding-left: 0;
padding-top: 4px;
}
.x-form-label-top .x-form-item {
padding-bottom: 4px;
}
/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-text {
height: 20px;
line-height: 16px;
vertical-align: middle;
}
.ext-ie6 .x-small-editor .x-form-text,
.ext-ie7 .x-small-editor .x-form-text {
margin-top: -1px !important;
/* ie bogus margin bug */
margin-bottom: -1px !important;
height: 20px !important;
/* ie quirks */
line-height: 16px !important;
}
.ext-strict .x-small-editor .x-form-text {
height: 16px !important;
}
.ext-ie6 .x-small-editor .x-form-text,
.ext-ie7 .x-small-editor .x-form-text {
height: 20px;
line-height: 16px;
}
.ext-border-box .x-small-editor .x-form-text {
height: 20px;
}
.x-small-editor .x-form-select-one {
height: 20px;
line-height: 16px;
vertical-align: middle;
}
.x-small-editor .x-form-num-field {
text-align: right;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
height: 19px;
}
.ext-webkit .x-small-editor .x-form-text {
padding-top: 3px;
font-size: 100%;
}
.x-form-clear {
clear: both;
height: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.x-form-clear-left {
clear: left;
height: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.ext-ie6 .x-form-check-wrap input,
.ext-border-box .x-form-check-wrap input {
margin-top: 3px;
}
.x-form-cb-label {
position: relative;
margin-left: 4px;
top: 2px;
}
.ext-ie .x-form-cb-label {
top: 1px;
}
.ext-ie6 .x-form-cb-label,
.ext-border-box .x-form-cb-label {
top: 3px;
}
.x-form-display-field {
padding-top: 2px;
}
.ext-gecko .x-form-display-field,
.ext-strict .ext-ie7 .x-form-display-field {
padding-top: 1px;
}
.ext-ie .x-form-display-field {
padding-top: 3px;
}
.ext-strict .ext-ie8 .x-form-display-field {
padding-top: 0;
}
.x-form-column {
float: left;
padding: 0;
margin: 0;
width: 48%;
overflow: hidden;
zoom: 1;
}
/* buttons */
.x-form .x-form-btns-ct .x-btn {
float: right;
clear: none;
}
.x-form .x-form-btns-ct .x-form-btns td {
border: 0;
padding: 0;
}
.x-form .x-form-btns-ct .x-form-btns-right table {
float: right;
clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-left table {
float: left;
clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-center {
text-align: center;
/*ie*/
}
.x-form .x-form-btns-ct .x-form-btns-center table {
margin: 0 auto;
/*everyone else*/
}
.x-form .x-form-btns-ct table td.x-form-btn-td {
padding: 3px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left {
background-position: 0 -147px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right {
background-position: 0 -168px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center {
background-position: 0 -189px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-center {
background-position: 0 -126px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-right {
background-position: 0 -84px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left {
background-position: 0 -63px;
}
.x-form-invalid-icon {
width: 16px;
height: 18px;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
display: block;
background: transparent no-repeat 0 2px;
}
/* fieldsets */
.x-fieldset {
border: 1px solid;
padding: 10px;
/*margin-bottom:10px;*/
display: block;
/* preserve margins in IE */
}
/* make top of checkbox/tools visible in webkit */
.ext-webkit .x-fieldset-header {
padding-top: 1px;
}
.ext-ie .x-fieldset legend {
margin-bottom: 10px;
}
.ext-ie .x-fieldset {
padding-top: 0;
padding-bottom: 10px;
}
.x-fieldset legend .x-tool-toggle {
margin-right: 3px;
margin-left: 0;
float: left !important;
}
.x-fieldset legend input {
margin-right: 3px;
float: left !important;
height: 13px;
width: 13px;
}
fieldset.x-panel-collapsed {
padding-bottom: 0 !important;
border-width: 1px 1px 0 1px !important;
border-left-color: transparent;
border-right-color: transparent;
}
.ext-ie6 fieldset.x-panel-collapsed {
padding-bottom: 0 !important;
border-width: 1px 0 0 0 !important;
margin-left: 1px;
margin-right: 1px;
}
fieldset.x-panel-collapsed .x-fieldset-bwrap {
visibility: hidden;
position: absolute;
left: -1000px;
top: -1000px;
}
.ext-ie .x-fieldset-bwrap {
zoom: 1;
}
.x-fieldset-noborder {
border: 0px none transparent;
}
.x-fieldset-noborder legend {
margin-left: -3px;
}
/* IE legend positioning bug */
.ext-ie .x-fieldset-noborder legend {
position: relative;
margin-bottom: 23px;
}
.ext-ie .x-fieldset-noborder legend span {
position: absolute;
left: 16px;
}
.ext-gecko .x-window-body .x-form-item {
-moz-outline: none;
outline: none;
overflow: auto;
}
.ext-gecko .x-form-item {
-moz-outline: none;
outline: none;
}
.x-hide-label label.x-form-item-label {
display: none;
}
.x-hide-label .x-form-element {
padding-left: 0 !important;
}
.x-form-label-top .x-hide-label label.x-form-item-label {
display: none;
}
.x-fieldset {
overflow: hidden;
}
.x-fieldset-bwrap {
overflow: hidden;
zoom: 1;
}
.x-fieldset-body {
overflow: hidden;
}
.x-btn {
cursor: pointer;
white-space: nowrap;
}
.x-btn button {
border: 0 none;
background: transparent;
padding-left: 3px;
padding-right: 3px;
cursor: pointer;
margin: 0;
overflow: visible;
width: auto;
-moz-outline: 0 none;
outline: 0 none;
}
* html .ext-ie .x-btn button {
width: 1px;
}
.ext-gecko .x-btn button,
.ext-webkit .x-btn button {
padding-left: 0;
padding-right: 0;
vertical-align: top;
}
.ext-gecko .x-btn button::-moz-focus-inner {
padding: 0;
}
.ext-ie .x-btn button {
padding-top: 2px;
}
.x-btn td {
padding: 0 !important;
}
.x-btn-text {
cursor: pointer;
white-space: nowrap;
padding: 0;
}
/* icon placement and sizing styles */
/* Only text */
.x-btn-noicon .x-btn-small .x-btn-text {
height: 16px;
}
.x-btn-noicon .x-btn-medium .x-btn-text {
height: 24px;
}
.x-btn-noicon .x-btn-large .x-btn-text {
height: 32px;
}
/* Only icons */
.x-btn-icon .x-btn-text {
background-position: center;
background-repeat: no-repeat;
}
.x-btn-icon .x-btn-small .x-btn-text {
height: 16px;
width: 16px;
}
.x-btn-icon .x-btn-medium .x-btn-text {
height: 24px;
width: 24px;
}
.x-btn-icon .x-btn-large .x-btn-text {
height: 32px;
width: 32px;
}
/* Icons and text */
/* left */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 18px;
height: 16px;
}
.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text {
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 26px;
height: 24px;
}
.x-btn-text-icon .x-btn-icon-large-left .x-btn-text {
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 34px;
height: 32px;
}
/* top */
.x-btn-text-icon .x-btn-icon-small-top .x-btn-text {
background-position: center 0;
background-repeat: no-repeat;
padding-top: 18px;
}
.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text {
background-position: center 0;
background-repeat: no-repeat;
padding-top: 26px;
}
.x-btn-text-icon .x-btn-icon-large-top .x-btn-text {
background-position: center 0;
background-repeat: no-repeat;
padding-top: 34px;
}
/* right */
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
height: 16px;
}
.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text {
background-position: right center;
background-repeat: no-repeat;
padding-right: 26px;
height: 24px;
}
.x-btn-text-icon .x-btn-icon-large-right .x-btn-text {
background-position: right center;
background-repeat: no-repeat;
padding-right: 34px;
height: 32px;
}
/* bottom */
.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text {
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 18px;
}
.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text {
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 26px;
}
.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text {
background-position: center bottom;
background-repeat: no-repeat;
padding-bottom: 34px;
}
/* background positioning */
.x-btn-tr i,
.x-btn-tl i,
.x-btn-mr i,
.x-btn-ml i,
.x-btn-br i,
.x-btn-bl i {
font-size: 1px;
line-height: 1px;
width: 3px;
display: block;
overflow: hidden;
}
.x-btn-tr i,
.x-btn-tl i,
.x-btn-br i,
.x-btn-bl i {
height: 3px;
}
.x-btn-tl {
width: 3px;
height: 3px;
background: no-repeat 0 0;
}
.x-btn-tr {
width: 3px;
height: 3px;
background: no-repeat -3px 0;
}
.x-btn-tc {
height: 3px;
background: repeat-x 0 -6px;
}
.x-btn-ml {
width: 3px;
background: no-repeat 0 -24px;
}
.x-btn-mr {
width: 3px;
background: no-repeat -3px -24px;
}
.x-btn-mc {
background: repeat-x 0 -1096px;
vertical-align: middle;
text-align: center;
padding: 0 5px;
cursor: pointer;
white-space: nowrap;
}
/* Fixes an issue with the button height */
.ext-strict .ext-ie6 .x-btn-mc,
.ext-strict .ext-ie7 .x-btn-mc {
height: 100%;
}
.x-btn-bl {
width: 3px;
height: 3px;
background: no-repeat 0 -3px;
}
.x-btn-br {
width: 3px;
height: 3px;
background: no-repeat -3px -3px;
}
.x-btn-bc {
height: 3px;
background: repeat-x 0 -15px;
}
.x-btn-over .x-btn-tl {
background-position: -6px 0;
}
.x-btn-over .x-btn-tr {
background-position: -9px 0;
}
.x-btn-over .x-btn-tc {
background-position: 0 -9px;
}
.x-btn-over .x-btn-ml {
background-position: -6px -24px;
}
.x-btn-over .x-btn-mr {
background-position: -9px -24px;
}
.x-btn-over .x-btn-mc {
background-position: 0 -2168px;
}
.x-btn-over .x-btn-bl {
background-position: -6px -3px;
}
.x-btn-over .x-btn-br {
background-position: -9px -3px;
}
.x-btn-over .x-btn-bc {
background-position: 0 -18px;
}
.x-btn-click .x-btn-tl,
.x-btn-menu-active .x-btn-tl,
.x-btn-pressed .x-btn-tl {
background-position: -12px 0;
}
.x-btn-click .x-btn-tr,
.x-btn-menu-active .x-btn-tr,
.x-btn-pressed .x-btn-tr {
background-position: -15px 0;
}
.x-btn-click .x-btn-tc,
.x-btn-menu-active .x-btn-tc,
.x-btn-pressed .x-btn-tc {
background-position: 0 -12px;
}
.x-btn-click .x-btn-ml,
.x-btn-menu-active .x-btn-ml,
.x-btn-pressed .x-btn-ml {
background-position: -12px -24px;
}
.x-btn-click .x-btn-mr,
.x-btn-menu-active .x-btn-mr,
.x-btn-pressed .x-btn-mr {
background-position: -15px -24px;
}
.x-btn-click .x-btn-mc,
.x-btn-menu-active .x-btn-mc,
.x-btn-pressed .x-btn-mc {
background-position: 0 -3240px;
}
.x-btn-click .x-btn-bl,
.x-btn-menu-active .x-btn-bl,
.x-btn-pressed .x-btn-bl {
background-position: -12px -3px;
}
.x-btn-click .x-btn-br,
.x-btn-menu-active .x-btn-br,
.x-btn-pressed .x-btn-br {
background-position: -15px -3px;
}
.x-btn-click .x-btn-bc,
.x-btn-menu-active .x-btn-bc,
.x-btn-pressed .x-btn-bc {
background-position: 0 -21px;
}
.x-btn-disabled * {
cursor: default !important;
}
a.add-item {
background-image: url("extjs/images/ims/arrow_down.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px;
}
a.add-field {
background-image: url("extjs/images/ims/arrow_down.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 15px;
color: Gray;
}
/* With a menu arrow */
/* right */
.x-btn-mc em.x-btn-arrow {
display: block;
background: transparent no-repeat right center;
padding-right: 10px;
}
.x-btn-mc em.x-btn-split {
display: block;
background: transparent no-repeat right center;
padding-right: 14px;
}
/* bottom */
.x-btn-mc em.x-btn-arrow-bottom {
display: block;
background: transparent no-repeat center bottom;
padding-bottom: 14px;
}
.x-btn-mc em.x-btn-split-bottom {
display: block;
background: transparent no-repeat center bottom;
padding-bottom: 14px;
}
/* height adjustment class */
.x-btn-as-arrow .x-btn-mc em {
display: block;
background: transparent;
padding-bottom: 14px;
}
/* groups */
.x-btn-group {
padding: 1px;
}
.x-btn-group-header {
padding: 2px;
text-align: center;
}
.x-btn-group-tc {
background: transparent repeat-x 0 0;
overflow: hidden;
}
.x-btn-group-tl {
background: transparent no-repeat 0 0;
padding-left: 3px;
zoom: 1;
}
.x-btn-group-tr {
background: transparent no-repeat right 0;
zoom: 1;
padding-right: 3px;
}
.x-btn-group-bc {
background: transparent repeat-x 0 bottom;
zoom: 1;
}
.x-btn-group-bc .x-panel-footer {
zoom: 1;
}
.x-btn-group-bl {
background: transparent no-repeat 0 bottom;
padding-left: 3px;
zoom: 1;
}
.x-btn-group-br {
background: transparent no-repeat right bottom;
padding-right: 3px;
zoom: 1;
}
.x-btn-group-mc {
border: 0 none;
padding: 1px 0 0 0;
margin: 0;
}
.x-btn-group-mc .x-btn-group-body {
background: transparent;
border: 0 none;
}
.x-btn-group-ml {
background: transparent repeat-y 0 0;
padding-left: 3px;
zoom: 1;
}
.x-btn-group-mr {
background: transparent repeat-y right 0;
padding-right: 3px;
zoom: 1;
}
.x-btn-group-bc .x-btn-group-footer {
padding-bottom: 6px;
}
.x-panel-nofooter .x-btn-group-bc {
height: 3px;
font-size: 0;
line-height: 0;
}
.x-btn-group-bwrap {
overflow: hidden;
zoom: 1;
}
.x-btn-group-body {
overflow: hidden;
zoom: 1;
}
.x-btn-group-notitle .x-btn-group-tc {
background: transparent repeat-x 0 0;
overflow: hidden;
height: 2px;
}
.x-toolbar {
border-style: solid;
border-width: 0 0 1px 0;
display: block;
padding: 2px;
background: repeat-x top left;
position: relative;
left: 0;
top: 0;
zoom: 1;
overflow: hidden;
}
.x-toolbar-left {
width: 100%;
}
.x-toolbar .x-item-disabled .x-btn-icon {
opacity: .35;
-moz-opacity: .35;
filter: alpha(opacity=35);
}
.x-toolbar td {
vertical-align: middle;
}
.x-toolbar td,
.x-toolbar span,
.x-toolbar input,
.x-toolbar div,
.x-toolbar select,
.x-toolbar label {
white-space: nowrap;
}
.x-toolbar .x-item-disabled {
cursor: default;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
}
.x-toolbar .x-item-disabled * {
cursor: default;
}
.x-toolbar .x-toolbar-cell {
vertical-align: middle;
}
.x-toolbar .x-btn-tl,
.x-toolbar .x-btn-tr,
.x-toolbar .x-btn-tc,
.x-toolbar .x-btn-ml,
.x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc,
.x-toolbar .x-btn-bl,
.x-toolbar .x-btn-br,
.x-toolbar .x-btn-bc {
background-position: 500px 500px;
}
/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
.x-toolbar .x-btn-over .x-btn-tl {
background-position: -6px 0;
}
.x-toolbar .x-btn-over .x-btn-tr {
background-position: -9px 0;
}
.x-toolbar .x-btn-over .x-btn-tc {
background-position: 0 -9px;
}
.x-toolbar .x-btn-over .x-btn-ml {
background-position: -6px -24px;
}
.x-toolbar .x-btn-over .x-btn-mr {
background-position: -9px -24px;
}
.x-toolbar .x-btn-over .x-btn-mc {
background-position: 0 -2168px;
}
.x-toolbar .x-btn-over .x-btn-bl {
background-position: -6px -3px;
}
.x-toolbar .x-btn-over .x-btn-br {
background-position: -9px -3px;
}
.x-toolbar .x-btn-over .x-btn-bc {
background-position: 0 -18px;
}
.x-toolbar .x-btn-click .x-btn-tl,
.x-toolbar .x-btn-menu-active .x-btn-tl,
.x-toolbar .x-btn-pressed .x-btn-tl {
background-position: -12px 0;
}
.x-toolbar .x-btn-click .x-btn-tr,
.x-toolbar .x-btn-menu-active .x-btn-tr,
.x-toolbar .x-btn-pressed .x-btn-tr {
background-position: -15px 0;
}
.x-toolbar .x-btn-click .x-btn-tc,
.x-toolbar .x-btn-menu-active .x-btn-tc,
.x-toolbar .x-btn-pressed .x-btn-tc {
background-position: 0 -12px;
}
.x-toolbar .x-btn-click .x-btn-ml,
.x-toolbar .x-btn-menu-active .x-btn-ml,
.x-toolbar .x-btn-pressed .x-btn-ml {
background-position: -12px -24px;
}
.x-toolbar .x-btn-click .x-btn-mr,
.x-toolbar .x-btn-menu-active .x-btn-mr,
.x-toolbar .x-btn-pressed .x-btn-mr {
background-position: -15px -24px;
}
.x-toolbar .x-btn-click .x-btn-mc,
.x-toolbar .x-btn-menu-active .x-btn-mc,
.x-toolbar .x-btn-pressed .x-btn-mc {
background-position: 0 -3240px;
}
.x-toolbar .x-btn-click .x-btn-bl,
.x-toolbar .x-btn-menu-active .x-btn-bl,
.x-toolbar .x-btn-pressed .x-btn-bl {
background-position: -12px -3px;
}
.x-toolbar .x-btn-click .x-btn-br,
.x-toolbar .x-btn-menu-active .x-btn-br,
.x-toolbar .x-btn-pressed .x-btn-br {
background-position: -15px -3px;
}
.x-toolbar .x-btn-click .x-btn-bc,
.x-toolbar .x-btn-menu-active .x-btn-bc,
.x-toolbar .x-btn-pressed .x-btn-bc {
background-position: 0 -21px;
}
.x-toolbar div.xtb-text {
padding: 2px 2px 0;
line-height: 16px;
display: block;
}
.x-toolbar .xtb-sep {
background-position: center;
background-repeat: no-repeat;
display: block;
font-size: 1px;
height: 16px;
width: 4px;
overflow: hidden;
cursor: default;
margin: 0 2px 0;
border: 0;
}
.x-toolbar .xtb-spacer {
width: 2px;
}
/* Paging Toolbar */
.x-tbar-page-number {
width: 30px;
height: 14px;
}
.ext-ie .x-tbar-page-number {
margin-top: 2px;
}
.x-paging-info {
position: absolute;
top: 5px;
right: 8px;
}
/* floating */
.x-toolbar-ct {
width: 100%;
}
.x-toolbar-right td {
text-align: center;
}
.x-panel-tbar,
.x-panel-bbar,
.x-window-tbar,
.x-window-bbar,
.x-tab-panel-tbar,
.x-tab-panel-bbar,
.x-plain-tbar,
.x-plain-bbar {
overflow: hidden;
zoom: 1;
}
.x-toolbar-more .x-btn-small .x-btn-text {
height: 16px;
width: 12px;
}
.x-toolbar-more em.x-btn-arrow {
display: inline;
background: transparent;
padding-right: 0;
}
.x-toolbar-more .x-btn-mc em.x-btn-arrow {
background-image: none;
}
div.x-toolbar-no-items {
color: gray !important;
padding: 5px 10px !important;
}
/* fix ie toolbar form items */
.ext-border-box .x-toolbar-cell .x-form-text {
margin-bottom: -1px !important;
}
.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
margin: 0 !important;
}
.ext-ie .x-toolbar-cell .x-form-field-wrap {
height: 21px;
}
.ext-ie .x-toolbar-cell .x-form-text {
position: relative;
top: -1px;
}
.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text,
.ext-strict .ext-ie .x-toolbar-cell .x-form-text {
top: 0px;
}
.x-toolbar-right td .x-form-field-trigger-wrap {
text-align: left;
}
.x-toolbar-cell .x-form-checkbox,
.x-toolbar-cell .x-form-radio {
margin-top: 5px;
}
.x-toolbar-cell .x-form-cb-label {
vertical-align: bottom;
top: 1px;
}
.ext-ie .x-toolbar-cell .x-form-checkbox,
.ext-ie .x-toolbar-cell .x-form-radio {
margin-top: 4px;
}
.ext-ie .x-toolbar-cell .x-form-cb-label {
top: 0;
}
/* Grid3 styles */
.x-grid3 {
position: relative;
overflow: hidden;
}
.x-grid-panel .x-panel-body {
overflow: hidden !important;
}
.x-grid-panel .x-panel-mc .x-panel-body {
border: 1px solid;
}
.x-grid3 table {
table-layout: fixed;
}
.x-grid3-viewport {
overflow: hidden;
}
.x-grid3-hd-row td,
.x-grid3-row td,
.x-grid3-summary-row td {
-moz-outline: none;
outline: none;
-moz-user-focus: normal;
}
.x-grid3-row td,
.x-grid3-summary-row td {
line-height: 13px;
vertical-align: top;
padding-left: 1px;
padding-right: 1px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-grid3-cell {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-grid3-hd-row td {
line-height: 15px;
vertical-align: middle;
border-left: 1px solid;
border-right: 1px solid;
}
.x-grid3-hd-row .x-grid3-marker-hd {
padding: 3px;
}
.x-grid3-row .x-grid3-marker {
padding: 3px;
}
.x-grid3-cell-inner,
.x-grid3-hd-inner {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 3px 3px 3px 5px;
white-space: nowrap;
}
.x-grid3-hd-inner {
position: relative;
cursor: inherit;
padding: 4px 3px 4px 5px;
}
.x-grid3-row-body {
white-space: normal;
}
.x-grid3-body-cell {
-moz-outline: 0 none;
outline: 0 none;
}
/* IE Quirks to clip */
.ext-ie .x-grid3-cell-inner,
.ext-ie .x-grid3-hd-inner {
width: 100%;
}
/* reverse above in strict mode */
.ext-strict .x-grid3-cell-inner,
.ext-strict .x-grid3-hd-inner {
width: auto;
}
.x-grid-row-loading {
background: no-repeat center center;
}
.x-grid-page {
overflow: hidden;
}
.x-grid3-row {
cursor: default;
border: 1px solid;
width: 100%;
}
.x-grid3-row-over {
border: 1px solid;
background: repeat-x left top;
}
.x-grid3-resize-proxy {
width: 1px;
left: 0;
cursor: e-resize;
cursor: col-resize;
position: absolute;
top: 0;
height: 100px;
overflow: hidden;
visibility: hidden;
border: 0 none;
z-index: 7;
}
.x-grid3-resize-marker {
width: 1px;
left: 0;
position: absolute;
top: 0;
height: 100px;
overflow: hidden;
visibility: hidden;
border: 0 none;
z-index: 7;
}
.x-grid3-focus {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
-moz-outline: 0 none;
outline: 0 none;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: ignore;
}
/* header styles */
.x-grid3-header {
background: repeat-x 0 bottom;
cursor: default;
zoom: 1;
padding: 1px 0 0 0;
}
.x-grid3-header-pop {
border-left: 1px solid;
float: right;
clear: none;
}
.x-grid3-header-pop-inner {
border-left: 1px solid;
width: 14px;
height: 19px;
background: transparent no-repeat center center;
}
.ext-ie .x-grid3-header-pop-inner {
width: 15px;
}
.ext-strict .x-grid3-header-pop-inner {
width: 14px;
}
.x-grid3-header-inner {
overflow: hidden;
zoom: 1;
float: left;
}
.x-grid3-header-offset {
padding-left: 1px;
text-align: left;
}
td.x-grid3-hd-over,
td.sort-desc,
td.sort-asc,
td.x-grid3-hd-menu-open {
border-left: 1px solid;
border-right: 1px solid;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
background: repeat-x left bottom;
}
.x-grid3-sort-icon {
background-repeat: no-repeat;
display: none;
height: 4px;
width: 13px;
margin-left: 3px;
vertical-align: middle;
}
.sort-asc .x-grid3-sort-icon,
.sort-desc .x-grid3-sort-icon {
display: inline;
}
/* Header position fixes for IE strict mode */
.ext-strict .ext-ie .x-grid3-header-inner,
.ext-strict .ext-ie6 .x-grid3-hd {
position: relative;
}
.ext-strict .ext-ie6 .x-grid3-hd-inner {
position: static;
}
/* Body Styles */
.x-grid3-body {
zoom: 1;
}
.x-grid3-scroller {
overflow: auto;
zoom: 1;
position: relative;
}
.x-grid3-cell-text,
.x-grid3-hd-text {
display: block;
padding: 3px 5px 3px 5px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-grid3-split {
background-position: center;
background-repeat: no-repeat;
cursor: e-resize;
cursor: col-resize;
display: block;
font-size: 1px;
height: 16px;
overflow: hidden;
position: absolute;
top: 2px;
width: 6px;
z-index: 3;
}
/* Column Reorder DD */
.x-dd-drag-proxy .x-grid3-hd-inner {
background: repeat-x left bottom;
width: 120px;
padding: 3px;
border: 1px solid;
overflow: hidden;
}
.col-move-top,
.col-move-bottom {
width: 9px;
height: 9px;
position: absolute;
top: 0;
line-height: 1px;
font-size: 1px;
overflow: hidden;
visibility: hidden;
z-index: 20000;
background: transparent no-repeat left top;
}
/* Selection Styles */
.x-grid3-row-selected {
border: 1px dotted;
}
.x-grid3-locked td.x-grid3-row-marker,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
background: repeat-x 0 bottom !important;
vertical-align: middle !important;
padding: 0;
border-top: 1px solid;
border-bottom: none !important;
border-right: 1px solid !important;
text-align: center;
}
.x-grid3-locked td.x-grid3-row-marker div,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
padding: 0 4px;
text-align: center;
}
/* dirty cells */
.x-grid3-dirty-cell {
background: transparent no-repeat 0 0;
}
/* Grid Toolbars */
.x-grid3-topbar,
.x-grid3-bottombar {
overflow: hidden;
display: none;
zoom: 1;
position: relative;
}
.x-grid3-topbar .x-toolbar {
border-right: 0 none;
}
.x-grid3-bottombar .x-toolbar {
border-right: 0 none;
border-bottom: 0 none;
border-top: 1px solid;
}
/* Props Grid Styles */
.x-props-grid .x-grid3-cell {
padding: 1px;
}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
background: transparent repeat-y -16px !important;
padding-left: 12px;
}
.x-props-grid .x-grid3-body .x-grid3-td-name {
padding: 1px;
padding-right: 0;
border: 0 none;
border-right: 1px solid;
}
/* dd */
.x-grid3-col-dd {
border: 0 none;
padding: 0;
background: transparent;
}
.x-dd-drag-ghost .x-grid3-dd-wrap {
padding: 1px 3px 3px 1px;
}
.x-grid3-hd {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-grid3-hd-btn {
display: none;
position: absolute;
width: 14px;
background: no-repeat left center;
right: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.x-grid3-hd-over .x-grid3-hd-btn,
.x-grid3-hd-menu-open .x-grid3-hd-btn {
display: block;
}
a.x-grid3-hd-btn:hover {
background-position: -14px center;
}
/* Expanders */
.x-grid3-body .x-grid3-td-expander {
background: transparent repeat-y right;
}
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
padding: 0 !important;
height: 100%;
}
.x-grid3-row-expander {
width: 100%;
height: 18px;
background-position: 4px 2px;
background-repeat: no-repeat;
background-color: transparent;
}
.x-grid3-row-collapsed .x-grid3-row-expander {
background-position: 4px 2px;
}
.x-grid3-row-expanded .x-grid3-row-expander {
background-position: -21px 2px;
}
.x-grid3-row-collapsed .x-grid3-row-body {
display: none !important;
}
.x-grid3-row-expanded .x-grid3-row-body {
display: block !important;
}
/* Checkers */
.x-grid3-body .x-grid3-td-checker {
background: transparent repeat-y right;
}
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,
.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
padding: 0 !important;
height: 100%;
}
.x-grid3-row-checker,
.x-grid3-hd-checker {
width: 100%;
height: 18px;
background-position: 2px 2px;
background-repeat: no-repeat;
background-color: transparent;
}
.x-grid3-row .x-grid3-row-checker {
background-position: 2px 2px;
}
.x-grid3-row-selected .x-grid3-row-checker,
.x-grid3-hd-checker-on .x-grid3-hd-checker,
.x-grid3-row-checked .x-grid3-row-checker {
background-position: -23px 2px;
}
.x-grid3-hd-checker {
background-position: 2px 1px;
}
.ext-border-box .x-grid3-hd-checker {
background-position: 2px 3px;
}
.x-grid3-hd-checker-on .x-grid3-hd-checker {
background-position: -23px 1px;
}
.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {
background-position: -23px 3px;
}
/* Numberer */
.x-grid3-body .x-grid3-td-numberer {
background: transparent repeat-y right;
}
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
padding: 3px 5px 0 0 !important;
text-align: right;
}
/* Row Icon */
.x-grid3-body .x-grid3-td-row-icon {
background: transparent repeat-y right;
vertical-align: top;
text-align: center;
}
.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
padding: 0 !important;
background-position: center center;
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin-left: 2px;
margin-top: 3px;
}
/* All specials */
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
background: transparent repeat-y right;
}
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
padding: 1px 0 0 0 !important;
}
.x-grid3-check-col {
width: 100%;
height: 16px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
}
.x-grid3-check-col-on {
width: 100%;
height: 16px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
}
/* Grouping classes */
.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
zoom: 1;
}
.x-grid-group-hd {
border-bottom: 2px solid;
cursor: pointer;
padding-top: 6px;
}
.x-grid-group-hd div.x-grid-group-title {
background: transparent no-repeat 3px 3px;
padding: 4px 4px 4px 17px;
}
.x-grid-group-collapsed .x-grid-group-body {
display: none;
}
.ext-ie6 .x-grid3 .x-editor .x-form-text,
.ext-ie7 .x-grid3 .x-editor .x-form-text {
position: relative;
top: -1px;
}
.ext-ie .x-props-grid .x-editor .x-form-text {
position: static;
top: 0;
}
.x-grid-empty {
padding: 10px;
}
/* fix floating toolbar issue */
.ext-ie7 .x-grid-panel .x-panel-bbar {
position: relative;
}
/* Reset position to static when Grid Panel has been framed */
/* to resolve 'snapping' from top to bottom behavior. */
/* @forumThread 86656 */
.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {
position: static;
}
.ext-ie6 .x-grid3-header {
position: relative;
}
/* Fix WebKit bug in Grids */
.ext-webkit .x-grid-panel .x-panel-bwrap {
-webkit-user-select: none;
}
.ext-webkit .x-tbar-page-number {
-webkit-user-select: ignore;
}
/* end*/
/* column lines */
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
padding-right: 0;
border-right: 1px solid;
}
.x-dd-drag-proxy {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index: 15000;
}
.x-dd-drag-ghost {
-moz-opacity: 0.85;
opacity: .85;
filter: alpha(opacity=85);
border: 1px solid;
padding: 3px;
padding-left: 20px;
white-space: nowrap;
}
.x-dd-drag-repair .x-dd-drag-ghost {
-moz-opacity: 0.4;
opacity: .4;
filter: alpha(opacity=40);
border: 0 none;
padding: 0;
background-color: transparent;
}
.x-dd-drag-repair .x-dd-drop-icon {
visibility: hidden;
}
.x-dd-drop-icon {
position: absolute;
top: 3px;
left: 3px;
display: block;
width: 16px;
height: 16px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
.x-view-selector {
position: absolute;
left: 0;
top: 0;
width: 0;
border: 1px dotted;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
zoom: 1;
}
.ext-strict .ext-ie .x-tree .x-panel-bwrap {
position: relative;
overflow: hidden;
}
.x-tree-icon,
.x-tree-ec-icon,
.x-tree-elbow-line,
.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
border: 0 none;
height: 18px;
margin: 0;
padding: 0;
vertical-align: top;
width: 16px;
background-repeat: no-repeat;
}
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon {
border: 0 none;
height: 18px;
margin: 0;
padding: 0;
vertical-align: top;
width: 16px;
background-position: center;
background-repeat: no-repeat;
}
.ext-ie .x-tree-node-indent img,
.ext-ie .x-tree-node-icon,
.ext-ie .x-tree-ec-icon {
vertical-align: middle !important;
}
.ext-strict .ext-ie8 .x-tree-node-indent img,
.ext-strict .ext-ie8 .x-tree-node-icon,
.ext-strict .ext-ie8 .x-tree-ec-icon {
vertical-align: top !important;
}
/* checkboxes */
input.x-tree-node-cb {
margin-left: 1px;
height: 19px;
vertical-align: bottom;
}
.ext-ie input.x-tree-node-cb {
margin-left: 0;
margin-top: 1px;
width: 16px;
height: 16px;
vertical-align: middle;
}
.ext-strict .ext-ie8 input.x-tree-node-cb {
margin: 1px 1px;
height: 14px;
vertical-align: bottom;
}
.ext-strict .ext-ie8 input.x-tree-node-cb + a {
vertical-align: bottom;
}
.ext-opera input.x-tree-node-cb {
height: 14px;
vertical-align: middle;
}
.x-tree-noicon .x-tree-node-icon {
width: 0;
height: 0;
}
/* No line styles */
.x-tree-no-lines .x-tree-elbow {
background: transparent;
}
.x-tree-no-lines .x-tree-elbow-end {
background: transparent;
}
.x-tree-no-lines .x-tree-elbow-line {
background: transparent;
}
/* Arrows */
.x-tree-arrows .x-tree-elbow {
background: transparent;
}
.x-tree-arrows .x-tree-elbow-plus {
background: transparent no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-minus {
background: transparent no-repeat -16px 0;
}
.x-tree-arrows .x-tree-elbow-end {
background: transparent;
}
.x-tree-arrows .x-tree-elbow-end-plus {
background: transparent no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-end-minus {
background: transparent no-repeat -16px 0;
}
.x-tree-arrows .x-tree-elbow-line {
background: transparent;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus {
background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus {
background-position: -48px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus {
background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus {
background-position: -48px 0;
}
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
cursor: pointer;
}
.ext-ie ul.x-tree-node-ct {
/*font-size:0; /* AMR: Fonts end up very small in IE7 & IE8 */
line-height: 0;
zoom: 1;
}
.x-tree-node {
white-space: nowrap;
}
.x-tree-node-el {
line-height: 18px;
cursor: pointer;
}
.x-tree-node a,
.x-dd-drag-ghost a {
text-decoration: none;
-khtml-user-select: none;
-moz-user-select: none;
-webkit-user-select: ignore;
-kthml-user-focus: normal;
-moz-user-focus: normal;
-moz-outline: 0 none;
outline: 0 none;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
text-decoration: none;
padding: 1px 3px 1px 2px;
}
.x-tree-node .x-tree-node-disabled .x-tree-node-icon {
-moz-opacity: 0.5;
opacity: .5;
filter: alpha(opacity=50);
}
.x-tree-node .x-tree-node-inline-icon {
background: transparent;
}
.x-tree-node a:hover,
.x-dd-drag-ghost a:hover {
text-decoration: none;
}
.x-tree-node div.x-tree-drag-insert-below {
border-bottom: 1px dotted;
}
.x-tree-node div.x-tree-drag-insert-above {
border-top: 1px dotted;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below {
border-bottom: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above {
border-top: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
border-bottom: 2px solid;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
border-top: 2px solid;
}
.x-tree-node .x-tree-drag-append a span {
border: 1px dotted;
}
.x-dd-drag-ghost .x-tree-node-indent,
.x-dd-drag-ghost .x-tree-ec-icon {
display: none !important;
}
/* Fix for ie rootVisible:false issue */
.x-tree-root-ct {
zoom: 1;
}
.x-date-picker {
border: 1px solid;
border-top: 0 none;
position: relative;
}
.x-date-picker a {
-moz-outline: 0 none;
outline: 0 none;
}
.x-date-inner,
.x-date-inner td,
.x-date-inner th {
border-collapse: separate;
}
.x-date-middle,
.x-date-left,
.x-date-right {
background: repeat-x 0 -83px;
overflow: hidden;
}
.x-date-middle .x-btn-tc,
.x-date-middle .x-btn-tl,
.x-date-middle .x-btn-tr,
.x-date-middle .x-btn-mc,
.x-date-middle .x-btn-ml,
.x-date-middle .x-btn-mr,
.x-date-middle .x-btn-bc,
.x-date-middle .x-btn-bl,
.x-date-middle .x-btn-br {
background: transparent !important;
vertical-align: middle;
}
.x-date-middle .x-btn-mc em.x-btn-arrow {
background: transparent no-repeat right 0;
}
.x-date-right,
.x-date-left {
width: 18px;
}
.x-date-right {
text-align: right;
}
.x-date-middle {
padding-top: 2px;
padding-bottom: 2px;
width: 130px;
/* FF3 */
}
.x-date-right a,
.x-date-left a {
display: block;
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
-moz-opacity: 0.6;
opacity: .6;
filter: alpha(opacity=60);
}
.x-date-right a:hover,
.x-date-left a:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
.x-item-disabled .x-date-right a:hover,
.x-item-disabled .x-date-left a:hover {
-moz-opacity: 0.6;
opacity: .6;
filter: alpha(opacity=60);
}
.x-date-right a {
margin-right: 2px;
text-decoration: none !important;
}
.x-date-left a {
margin-left: 2px;
text-decoration: none !important;
}
table.x-date-inner {
width: 100%;
table-layout: fixed;
}
.ext-webkit table.x-date-inner {
/* Fix for webkit browsers */
width: 175px;
}
.x-date-inner th {
width: 25px;
}
.x-date-inner th {
background: repeat-x left top;
text-align: right !important;
border-bottom: 1px solid;
cursor: default;
padding: 0;
border-collapse: separate;
}
.x-date-inner th span {
display: block;
padding: 2px;
padding-right: 7px;
}
.x-date-inner td {
border: 1px solid;
text-align: right;
padding: 0;
}
.x-date-inner a {
padding: 2px 5px;
display: block;
text-decoration: none;
text-align: right;
zoom: 1;
}
.x-date-inner .x-date-active {
cursor: pointer;
color: black;
}
.x-date-inner .x-date-selected a {
background: repeat-x left top;
border: 1px solid;
padding: 1px 4px;
}
.x-date-inner .x-date-today a {
border: 1px solid;
padding: 1px 4px;
}
.x-date-inner .x-date-prevday a,
.x-date-inner .x-date-nextday a {
text-decoration: none !important;
}
.x-date-bottom {
padding: 4px;
border-top: 1px solid;
background: repeat-x left top;
}
.x-date-inner a:hover,
.x-date-inner .x-date-disabled a:hover {
text-decoration: none !important;
}
.x-item-disabled .x-date-inner a:hover {
background: none;
}
.x-date-inner .x-date-disabled a {
cursor: default;
}
.x-date-menu .x-menu-item {
padding: 1px 24px 1px 4px;
white-space: nowrap;
}
.x-date-menu .x-menu-item .x-menu-item-icon {
width: 10px;
height: 10px;
margin-right: 5px;
background-position: center -4px !important;
}
.x-date-mp {
position: absolute;
left: 0;
top: 0;
display: none;
}
.x-date-mp td {
padding: 2px;
font: normal 11px arial, helvetica, tahoma, sans-serif;
}
td.x-date-mp-month,
td.x-date-mp-year,
td.x-date-mp-ybtn {
border: 0 none;
text-align: center;
vertical-align: middle;
width: 25%;
}
.x-date-mp-ok {
margin-right: 3px;
}
.x-date-mp-btns button {
text-decoration: none;
text-align: center;
text-decoration: none !important;
border: 1px solid;
padding: 1px 3px 1px;
cursor: pointer;
}
.x-date-mp-btns {
background: repeat-x left top;
}
.x-date-mp-btns td {
border-top: 1px solid;
text-align: center;
}
td.x-date-mp-month a,
td.x-date-mp-year a {
display: block;
padding: 2px 4px;
text-decoration: none;
text-align: center;
}
td.x-date-mp-month a:hover,
td.x-date-mp-year a:hover {
text-decoration: none;
cursor: pointer;
}
td.x-date-mp-sel a {
padding: 1px 3px;
background: repeat-x left top;
border: 1px solid;
}
.x-date-mp-ybtn a {
overflow: hidden;
width: 15px;
height: 15px;
cursor: pointer;
background: transparent no-repeat;
display: block;
margin: 0 auto;
}
.x-date-mp-ybtn a.x-date-mp-next {
background-position: 0 -120px;
}
.x-date-mp-ybtn a.x-date-mp-next:hover {
background-position: -15px -120px;
}
.x-date-mp-ybtn a.x-date-mp-prev {
background-position: 0 -105px;
}
.x-date-mp-ybtn a.x-date-mp-prev:hover {
background-position: -15px -105px;
}
.x-date-mp-ybtn {
text-align: center;
}
td.x-date-mp-sep {
border-right: 1px solid;
}
.x-tip {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 20002;
border: 0 none;
}
.x-tip .x-tip-close {
height: 15px;
float: right;
width: 15px;
margin: 0 0 2px 2px;
cursor: pointer;
display: none;
}
.x-tip .x-tip-tc {
background: transparent no-repeat 0 -62px;
padding-top: 3px;
overflow: hidden;
zoom: 1;
}
.x-tip .x-tip-tl {
background: transparent no-repeat 0 0;
padding-left: 6px;
overflow: hidden;
zoom: 1;
}
.x-tip .x-tip-tr {
background: transparent no-repeat right 0;
padding-right: 6px;
overflow: hidden;
zoom: 1;
}
.x-tip .x-tip-bc {
background: transparent no-repeat 0 -121px;
height: 3px;
overflow: hidden;
}
.x-tip .x-tip-bl {
background: transparent no-repeat 0 -59px;
padding-left: 6px;
zoom: 1;
}
.x-tip .x-tip-br {
background: transparent no-repeat right -59px;
padding-right: 6px;
zoom: 1;
}
.x-tip .x-tip-mc {
border: 0 none;
}
.x-tip .x-tip-ml {
background: no-repeat 0 -124px;
zoom: 1;
padding-left: 1px;
}
.x-tip .x-tip-mr {
background: transparent no-repeat right -124px;
zoom: 1;
}
.ext-ie .x-tip .x-tip-header,
.ext-ie .x-tip .x-tip-tc {
font-size: 0;
line-height: 0;
}
.ext-border-box .x-tip .x-tip-header,
.ext-border-box .x-tip .x-tip-tc {
line-height: 1px;
}
.x-tip .x-tip-header-text {
padding: 0;
margin: 0 0 2px 0;
}
.x-tip .x-tip-body {
margin: 0 !important;
line-height: 14px;
padding: 0 6px;
}
.x-tip .x-tip-body .loading-indicator {
margin: 0;
}
.x-tip-draggable .x-tip-header,
.x-tip-draggable .x-tip-header-text {
cursor: move;
}
.x-form-invalid-tip .x-tip-tc {
background: repeat-x 0 -12px;
padding-top: 6px;
}
.x-form-invalid-tip .x-tip-bc {
background: repeat-x 0 -18px;
height: 6px;
}
.x-form-invalid-tip .x-tip-bl {
background: no-repeat 0 -6px;
}
.x-form-invalid-tip .x-tip-br {
background: no-repeat right -6px;
}
.x-form-invalid-tip .x-tip-body {
padding: 2px;
}
.x-form-invalid-tip .x-tip-body {
padding-left: 24px;
background: transparent no-repeat 2px 2px;
}
.x-tip-anchor {
position: absolute;
width: 9px;
height: 10px;
overflow: hidden;
background: transparent no-repeat 0 0;
zoom: 1;
}
.x-tip-anchor-bottom {
background-position: -9px 0;
}
.x-tip-anchor-right {
background-position: -18px 0;
width: 10px;
}
.x-tip-anchor-left {
background-position: -28px 0;
width: 10px;
}
.x-menu {
z-index: 15000;
zoom: 1;
background: repeat-y;
}
.x-menu-floating {
border: 1px solid;
}
.x-menu a {
text-decoration: none !important;
}
.ext-ie .x-menu {
zoom: 1;
overflow: hidden;
}
.x-menu-list {
padding: 2px;
background: transparent;
border: 0 none;
overflow: hidden;
overflow-y: hidden;
}
.ext-strict .ext-ie .x-menu-list {
position: relative;
}
.x-menu li {
line-height: 100%;
}
.x-menu li.x-menu-sep-li {
font-size: 1px;
line-height: 1px;
}
.x-menu-list-item {
white-space: nowrap;
display: block;
padding: 1px;
}
.x-menu-item {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
}
.x-menu-item-arrow {
background: transparent no-repeat right;
}
.x-menu-sep {
display: block;
font-size: 1px;
line-height: 1px;
margin: 2px 3px;
border-bottom: 1px solid;
overflow: hidden;
}
.x-menu-focus {
position: absolute;
left: -1px;
top: -1px;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
-moz-outline: 0 none;
outline: 0 none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
overflow: hidden;
display: block;
}
a.x-menu-item {
cursor: pointer;
display: block;
line-height: 16px;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
padding: 3px 21px 3px 27px;
position: relative;
text-decoration: none;
white-space: nowrap;
}
.x-menu-item-active {
background-repeat: repeat-x;
background-position: left bottom;
border-style: solid;
border-width: 1px 0;
margin: 0 1px;
padding: 0;
}
.x-menu-item-active a.x-menu-item {
border-style: solid;
border-width: 0 1px;
margin: 0 -1px;
}
.x-menu-item-icon {
border: 0 none;
height: 16px;
padding: 0;
vertical-align: top;
width: 16px;
position: absolute;
left: 3px;
top: 3px;
margin: 0;
background-position: center;
}
.ext-ie .x-menu-item-icon {
left: -24px;
}
.ext-strict .x-menu-item-icon {
left: 3px;
}
.ext-ie6 .x-menu-item-icon {
left: -24px;
}
.ext-ie .x-menu-item-icon {
vertical-align: middle;
}
.x-menu-check-item .x-menu-item-icon {
background: transparent no-repeat center;
}
.x-menu-group-item .x-menu-item-icon {
background: transparent;
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
background: transparent no-repeat center;
}
.x-date-menu .x-menu-list {
padding: 0;
}
.x-menu-date-item {
padding: 0;
}
.x-menu .x-color-palette,
.x-menu .x-date-picker {
margin-left: 26px;
margin-right: 4px;
}
.x-menu .x-date-picker {
border: 1px solid;
margin-top: 2px;
margin-bottom: 2px;
}
.x-menu-plain .x-color-palette,
.x-menu-plain .x-date-picker {
margin: 0;
border: 0 none;
}
.x-date-menu {
padding: 0 !important;
}
/*
* fixes separator visibility problem in IE 6
*/
.ext-strict .ext-ie6 .x-menu-sep-li {
padding: 3px 4px;
}
.ext-strict .ext-ie6 .x-menu-sep {
margin: 0;
height: 1px;
}
/*
* Ugly mess to remove the white border under the picker
*/
.ext-ie .x-date-menu {
height: 199px;
}
.ext-strict .ext-ie .x-date-menu,
.ext-border-box .ext-ie8 .x-date-menu {
height: 197px;
}
.ext-strict .ext-ie7 .x-date-menu {
height: 195px;
}
.ext-strict .ext-ie8 .x-date-menu {
height: auto;
}
.x-cycle-menu .x-menu-item-checked {
border: 1px dotted !important;
padding: 0;
}
.x-menu .x-menu-scroller {
width: 100%;
background-repeat: no-repeat;
background-position: center;
height: 8px;
line-height: 8px;
cursor: pointer;
margin: 0;
padding: 0;
}
.x-menu .x-menu-scroller-active {
height: 6px;
line-height: 6px;
}
.x-menu-list-item-indent {
padding-left: 27px;
}
/*
Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
YOUR TITLE HERE (optional)
YOUR CONTENT HERE
*/
.x-box-tl {
background: transparent no-repeat 0 0;
zoom: 1;
}
.x-box-tc {
height: 8px;
background: transparent repeat-x 0 0;
overflow: hidden;
}
.x-box-tr {
background: transparent no-repeat right -8px;
}
.x-box-ml {
background: transparent repeat-y 0;
padding-left: 4px;
overflow: hidden;
zoom: 1;
}
.x-box-mc {
background: repeat-x 0 -16px;
padding: 4px 10px;
}
.x-box-mc h3 {
margin: 0 0 4px 0;
zoom: 1;
}
.x-box-mr {
background: transparent repeat-y right;
padding-right: 4px;
overflow: hidden;
}
.x-box-bl {
background: transparent no-repeat 0 -16px;
zoom: 1;
}
.x-box-bc {
background: transparent repeat-x 0 -8px;
height: 8px;
overflow: hidden;
}
.x-box-br {
background: transparent no-repeat right -24px;
}
.x-box-tl,
.x-box-bl {
padding-left: 8px;
overflow: hidden;
}
.x-box-tr,
.x-box-br {
padding-right: 8px;
overflow: hidden;
}
.x-combo-list {
border: 1px solid;
zoom: 1;
overflow: hidden;
}
.x-combo-list-inner {
overflow: auto;
position: relative;
/* for calculating scroll offsets */
zoom: 1;
overflow-x: hidden;
}
.x-combo-list-hd {
border-bottom: 1px solid;
padding: 3px;
}
.x-resizable-pinned .x-combo-list-inner {
border-bottom: 1px solid;
}
.x-combo-list-item {
padding: 2px;
border: 1px solid;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.x-combo-list-item.custom-date {
color: blue;
}
.x-combo-list .x-combo-selected {
border: 1px dotted !important;
cursor: pointer;
}
.x-combo-list .x-toolbar {
border-top: 1px solid;
border-bottom: 0 none;
}
.x-panel {
border-style: solid;
border-width: 0;
}
.x-panel-header {
overflow: hidden;
zoom: 1;
padding: 5px 3px 4px 5px;
border: 1px solid;
line-height: 15px;
background: transparent repeat-x 0 -1px;
}
.x-panel-body {
border: 1px solid;
border-top: 0 none;
overflow: hidden;
/*position: relative; */
/* added for item scroll positioning */
}
.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar {
border: 1px solid;
border-top: 0 none;
overflow: hidden;
padding: 2px;
}
.x-panel-tbar-noheader .x-toolbar,
.x-panel-mc .x-panel-tbar .x-toolbar {
border-top: 1px solid;
border-bottom: 0 none;
}
.x-panel-body-noheader,
.x-panel-mc .x-panel-body {
border-top: 1px solid;
}
.x-panel-header {
overflow: hidden;
zoom: 1;
}
.x-panel-tl .x-panel-header {
padding: 5px 0 4px 0;
border: 0 none;
background: transparent;
}
.x-panel-tl .x-panel-icon,
.x-window-tl .x-panel-icon {
padding-left: 20px !important;
background-repeat: no-repeat;
background-position: 0 4px;
zoom: 1;
}
.x-panel-inline-icon {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
margin-right: 4px;
margin-top: -1px;
margin-bottom: -1px;
}
.x-panel-tc {
background: transparent repeat-x 0 0;
overflow: hidden;
}
/* fix ie7 strict mode bug */
.ext-strict .ext-ie7 .x-panel-tc {
overflow: visible;
}
.x-panel-tl {
background: transparent no-repeat 0 0;
padding-left: 6px;
zoom: 1;
border-bottom: 1px solid;
}
.x-panel-tr {
background: transparent no-repeat right 0;
zoom: 1;
padding-right: 6px;
}
.x-panel-bc {
background: transparent repeat-x 0 bottom;
zoom: 1;
}
.x-panel-bc .x-panel-footer {
zoom: 1;
}
.x-panel-bl {
background: transparent no-repeat 0 bottom;
padding-left: 6px;
zoom: 1;
}
.x-panel-br {
background: transparent no-repeat right bottom;
padding-right: 6px;
zoom: 1;
}
.x-panel-mc {
border: 0 none;
padding: 0;
margin: 0;
padding-top: 6px;
}
.x-panel-mc .x-panel-body {
background: transparent;
border: 0 none;
}
.x-panel-ml {
background: repeat-y 0 0;
padding-left: 6px;
zoom: 1;
}
.x-panel-mr {
background: transparent repeat-y right 0;
padding-right: 6px;
zoom: 1;
}
.x-panel-bc .x-panel-footer {
padding-bottom: 6px;
}
.x-panel-nofooter .x-panel-bc,
.x-panel-nofooter .x-window-bc {
height: 6px;
font-size: 0;
line-height: 0;
}
.x-panel-bwrap {
overflow: hidden;
zoom: 1;
left: 0;
top: 0;
}
.x-panel-body {
overflow: hidden;
zoom: 1;
}
.x-panel-collapsed .x-resizable-handle {
display: none;
}
.ext-gecko .x-panel-animated div {
overflow: hidden !important;
}
/* Plain */
.x-plain-body {
overflow: hidden;
}
.x-plain-bbar .x-toolbar {
overflow: hidden;
padding: 2px;
}
.x-plain-tbar .x-toolbar {
overflow: hidden;
padding: 2px;
}
.x-plain-bwrap {
overflow: hidden;
zoom: 1;
}
.x-plain {
overflow: hidden;
}
/* Tools */
.x-tool {
overflow: hidden;
width: 15px;
height: 15px;
float: right;
cursor: pointer;
background: transparent no-repeat;
margin-left: 2px;
}
/* expand / collapse tools */
.x-tool-toggle {
background-position: 0 -60px;
}
.x-tool-toggle-over {
background-position: -15px -60px;
}
.x-panel-collapsed .x-tool-toggle {
background-position: 0 -75px;
}
.x-panel-collapsed .x-tool-toggle-over {
background-position: -15px -75px;
}
.x-tool-close {
background-position: 0 0;
}
.x-tool-close-over {
background-position: -15px 0;
}
.x-tool-minimize {
background-position: 0 -15px;
}
.x-tool-minimize-over {
background-position: -15px -15px;
}
.x-tool-maximize {
background-position: 0 -30px;
}
.x-tool-maximize-over {
background-position: -15px -30px;
}
.x-tool-restore {
background-position: 0 -45px;
}
.x-tool-restore-over {
background-position: -15px -45px;
}
.x-tool-gear {
background-position: 0 -90px;
}
.x-tool-gear-over {
background-position: -15px -90px;
}
.x-tool-pin {
background-position: 0 -135px;
}
.x-tool-pin-over {
background-position: -15px -135px;
}
.x-tool-unpin {
background-position: 0 -150px;
}
.x-tool-unpin-over {
background-position: -15px -150px;
}
.x-tool-right {
background-position: 0 -165px;
}
.x-tool-right-over {
background-position: -15px -165px;
}
.x-tool-left {
background-position: 0 -180px;
}
.x-tool-left-over {
background-position: -15px -180px;
}
.x-tool-up {
background-position: 0 -210px;
}
.x-tool-up-over {
background-position: -15px -210px;
}
.x-tool-down {
background-position: 0 -195px;
}
.x-tool-down-over {
background-position: -15px -195px;
}
.x-tool-refresh {
background-position: 0 -225px;
}
.x-tool-refresh-over {
background-position: -15px -225px;
}
.x-tool-minus {
background-position: 0 -255px;
}
.x-tool-minus-over {
background-position: -15px -255px;
}
.x-tool-plus {
background-position: 0 -240px;
}
.x-tool-plus-over {
background-position: -15px -240px;
}
.x-tool-search {
background-position: 0 -270px;
}
.x-tool-search-over {
background-position: -15px -270px;
}
.x-tool-save {
background-position: 0 -285px;
}
.x-tool-save-over {
background-position: -15px -285px;
}
.x-tool-help {
background-position: 0 -300px;
}
.x-tool-help-over {
background-position: -15px -300px;
}
.x-tool-print {
background-position: 0 -315px;
}
.x-tool-print-over {
background-position: -15px -315px;
}
/* Ghosting */
.x-panel-ghost {
z-index: 12000;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
opacity: .65;
-moz-opacity: .65;
filter: alpha(opacity=65);
}
.x-panel-ghost ul {
margin: 0;
padding: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
border: 1px solid;
border-top: 0 none;
display: block;
}
.x-panel-ghost * {
cursor: move !important;
}
.x-panel-dd-spacer {
border: 2px dashed;
}
/* Buttons */
.x-panel-btns {
padding: 5px;
overflow: hidden;
}
.x-panel-btns td.x-toolbar-cell {
padding: 3px;
}
.x-panel-btns .x-btn-focus .x-btn-left {
background-position: 0 -147px;
}
.x-panel-btns .x-btn-focus .x-btn-right {
background-position: 0 -168px;
}
.x-panel-btns .x-btn-focus .x-btn-center {
background-position: 0 -189px;
}
.x-panel-btns .x-btn-over .x-btn-left {
background-position: 0 -63px;
}
.x-panel-btns .x-btn-over .x-btn-right {
background-position: 0 -84px;
}
.x-panel-btns .x-btn-over .x-btn-center {
background-position: 0 -105px;
}
.x-panel-btns .x-btn-click .x-btn-center {
background-position: 0 -126px;
}
.x-panel-btns .x-btn-click .x-btn-right {
background-position: 0 -84px;
}
.x-panel-btns .x-btn-click .x-btn-left {
background-position: 0 -63px;
}
.x-panel-fbar td,
.x-panel-fbar span,
.x-panel-fbar input,
.x-panel-fbar div,
.x-panel-fbar select,
.x-panel-fbar label {
white-space: nowrap;
}
/**
* W3C Suggested Default style sheet for HTML 4
* http://www.w3.org/TR/CSS21/sample.html
*
* Resets for Ext.Panel @cfg normal: true
*/
.x-panel-reset .x-panel-body html,
.x-panel-reset .x-panel-body address,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body body,
.x-panel-reset .x-panel-body dd,
.x-panel-reset .x-panel-body div,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dt,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body frame,
frameset,
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body noframes,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body center,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body hr,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body pre {
display: block;
}
.x-panel-reset .x-panel-body li {
display: list-item;
}
.x-panel-reset .x-panel-body head {
display: none;
}
.x-panel-reset .x-panel-body table {
display: table;
}
.x-panel-reset .x-panel-body tr {
display: table-row;
}
.x-panel-reset .x-panel-body thead {
display: table-header-group;
}
.x-panel-reset .x-panel-body tbody {
display: table-row-group;
}
.x-panel-reset .x-panel-body tfoot {
display: table-footer-group;
}
.x-panel-reset .x-panel-body col {
display: table-column;
}
.x-panel-reset .x-panel-body colgroup {
display: table-column-group;
}
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th {
display: table-cell;
}
.x-panel-reset .x-panel-body caption {
display: table-caption;
}
.x-panel-reset .x-panel-body th {
font-weight: bolder;
text-align: center;
}
.x-panel-reset .x-panel-body caption {
text-align: center;
}
.x-panel-reset .x-panel-body body {
margin: 8px;
}
.x-panel-reset .x-panel-body h1 {
font-size: 2em;
margin: 0.67em 0;
}
.x-panel-reset .x-panel-body h2 {
font-size: 1.5em;
margin: 0.75em 0;
}
.x-panel-reset .x-panel-body h3 {
font-size: 1.17em;
margin: 0.83em 0;
}
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu {
margin: 1.12em 0;
}
.x-panel-reset .x-panel-body h5 {
font-size: .83em;
margin: 1.5em 0;
}
.x-panel-reset .x-panel-body h6 {
font-size: .75em;
margin: 1.67em 0;
}
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body b,
.x-panel-reset .x-panel-body strong {
font-weight: bolder;
}
.x-panel-reset .x-panel-body blockquote {
margin-left: 40px;
margin-right: 40px;
}
.x-panel-reset .x-panel-body i,
.x-panel-reset .x-panel-body cite,
.x-panel-reset .x-panel-body em,
.x-panel-reset .x-panel-body var,
.x-panel-reset .x-panel-body address {
font-style: italic;
}
.x-panel-reset .x-panel-body pre,
.x-panel-reset .x-panel-body tt,
.x-panel-reset .x-panel-body code,
.x-panel-reset .x-panel-body kbd,
.x-panel-reset .x-panel-body samp {
font-family: monospace;
}
.x-panel-reset .x-panel-body pre {
white-space: pre;
}
.x-panel-reset .x-panel-body button,
.x-panel-reset .x-panel-body textarea,
.x-panel-reset .x-panel-body input,
.x-panel-reset .x-panel-body select {
display: inline-block;
}
.x-panel-reset .x-panel-body big {
font-size: 1.17em;
}
.x-panel-reset .x-panel-body small,
.x-panel-reset .x-panel-body sub,
.x-panel-reset .x-panel-body sup {
font-size: 0.83em;
}
.x-panel-reset .x-panel-body sub {
vertical-align: sub;
}
.x-panel-reset .x-panel-body sup {
vertical-align: super;
}
.x-panel-reset .x-panel-body table {
border-spacing: 2px;
}
.x-panel-reset .x-panel-body thead,
.x-panel-reset .x-panel-body tbody,
.x-panel-reset .x-panel-body tfoot {
vertical-align: middle;
}
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th {
vertical-align: inherit;
}
.x-panel-reset .x-panel-body s,
.x-panel-reset .x-panel-body strike,
.x-panel-reset .x-panel-body del {
text-decoration: line-through;
}
.x-panel-reset .x-panel-body hr {
border: 1px inset;
}
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body dd {
margin-left: 40px;
}
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body dir {
list-style-type: disc;
}
.x-panel-reset .x-panel-body ol {
list-style-type: decimal;
}
.x-panel-reset .x-panel-body ol ul,
.x-panel-reset .x-panel-body ul ol,
.x-panel-reset .x-panel-body ul ul,
.x-panel-reset .x-panel-body ol ol {
margin-top: 0;
margin-bottom: 0;
}
.x-panel-reset .x-panel-body u,
.x-panel-reset .x-panel-body ins {
text-decoration: underline;
}
.x-panel-reset .x-panel-body br:before {
content: "\A";
}
.x-panel-reset .x-panel-body :before,
.x-panel-reset .x-panel-body :after {
white-space: pre-line;
}
.x-panel-reset .x-panel-body center {
text-align: center;
}
.x-panel-reset .x-panel-body :link,
.x-panel-reset .x-panel-body :visited {
text-decoration: underline;
}
.x-panel-reset .x-panel-body :focus {
outline: thin dotted thin;
}
/* Begin bidirectionality settings (do not change) */
.x-panel-reset .x-panel-body bdo[dir="ltr"] {
direction: ltr;
unicode-bidi: bidi-override;
}
.x-panel-reset .x-panel-body bdo[dir="rtl"] {
direction: rtl;
unicode-bidi: bidi-override;
}
.x-window {
zoom: 1;
}
.x-window .x-window-handle {
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
.x-window-proxy {
border: 1px solid;
z-index: 12000;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: none;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}
.x-window-header {
overflow: hidden;
zoom: 1;
}
.x-window-bwrap {
z-index: 1;
position: relative;
zoom: 1;
left: 0;
top: 0;
}
.x-window-tl .x-window-header {
padding: 5px 0 4px 0;
}
.x-window-header-text {
cursor: pointer;
text-transform: uppercase;
}
.x-window-tc {
background: transparent repeat-x 0 0;
overflow: hidden;
zoom: 1;
}
.x-window-tl {
background: transparent no-repeat 0 0;
padding-left: 6px;
zoom: 1;
z-index: 1;
position: relative;
}
.x-window-tr {
background: transparent no-repeat right 0;
padding-right: 6px;
}
.x-window-bc {
background: transparent repeat-x 0 bottom;
zoom: 1;
}
.x-window-bc .x-window-footer {
padding-bottom: 6px;
zoom: 1;
font-size: 0;
line-height: 0;
}
.x-window-bl {
background: transparent no-repeat 0 bottom;
padding-left: 6px;
zoom: 1;
}
.x-window-br {
background: transparent no-repeat right bottom;
padding-right: 6px;
zoom: 1;
}
.x-window-mc {
border: 1px solid;
padding: 0;
margin: 0;
}
.x-window-ml {
background: transparent repeat-y 0 0;
padding-left: 6px;
zoom: 1;
}
.x-window-mr {
background: transparent repeat-y right 0;
padding-right: 6px;
zoom: 1;
}
.x-window-body {
overflow: hidden;
}
.x-window-bwrap {
overflow: hidden;
}
.x-window-maximized .x-window-bl,
.x-window-maximized .x-window-br,
.x-window-maximized .x-window-ml,
.x-window-maximized .x-window-mr,
.x-window-maximized .x-window-tl,
.x-window-maximized .x-window-tr {
padding: 0;
}
.x-window-maximized .x-window-footer {
padding-bottom: 0;
}
.x-window-maximized .x-window-tc {
padding-left: 3px;
padding-right: 3px;
}
.x-window-maximized .x-window-mc {
border-left: 0 none;
border-right: 0 none;
}
.x-window-tbar .x-toolbar,
.x-window-bbar .x-toolbar {
border-left: 0 none;
border-right: 0 none;
}
.x-window-bbar .x-toolbar {
border-top: 1px solid;
border-bottom: 0 none;
}
.x-window-draggable,
.x-window-draggable .x-window-header-text {
cursor: move;
}
.x-window-maximized .x-window-draggable,
.x-window-maximized .x-window-draggable .x-window-header-text {
cursor: default;
}
.x-window-body {
background: transparent;
}
.x-panel-ghost .x-window-tl {
border-bottom: 1px solid;
}
.x-panel-collapsed .x-window-tl {
border-bottom: 1px solid;
}
.x-window-maximized-ct {
overflow: hidden;
}
.x-window-maximized .x-window-handle {
display: none;
}
.x-window-sizing-ghost ul {
border: 0 none !important;
}
.x-dlg-focus {
-moz-outline: 0 none;
outline: 0 none;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.ext-webkit .x-dlg-focus {
width: 1px;
height: 1px;
}
.x-dlg-mask {
z-index: 10000;
display: none;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
}
body.ext-ie6.x-body-masked select {
visibility: hidden;
}
body.ext-ie6.x-body-masked .x-window select {
visibility: visible;
}
.x-window-plain .x-window-mc {
border: 1px solid;
}
.x-window-plain .x-window-body {
border: 1px solid;
background: transparent !important;
}
.x-html-editor-wrap {
border: 1px solid;
}
.x-html-editor-tb .x-btn-text {
background: transparent no-repeat;
}
.x-html-editor-tb .x-edit-bold,
.x-menu-item img.x-edit-bold {
background-position: 0 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-italic,
.x-menu-item img.x-edit-italic {
background-position: -16px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-underline,
.x-menu-item img.x-edit-underline {
background-position: -32px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-forecolor,
.x-menu-item img.x-edit-forecolor {
background-position: -160px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-backcolor,
.x-menu-item img.x-edit-backcolor {
background-position: -176px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-justifyleft,
.x-menu-item img.x-edit-justifyleft {
background-position: -112px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-justifycenter,
.x-menu-item img.x-edit-justifycenter {
background-position: -128px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-justifyright,
.x-menu-item img.x-edit-justifyright {
background-position: -144px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-insertorderedlist,
.x-menu-item img.x-edit-insertorderedlist {
background-position: -80px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-insertunorderedlist,
.x-menu-item img.x-edit-insertunorderedlist {
background-position: -96px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-increasefontsize,
.x-menu-item img.x-edit-increasefontsize {
background-position: -48px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-decreasefontsize,
.x-menu-item img.x-edit-decreasefontsize {
background-position: -64px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-sourceedit,
.x-menu-item img.x-edit-sourceedit {
background-position: -192px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tb .x-edit-createlink,
.x-menu-item img.x-edit-createlink {
background-position: -208px 0;
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
padding: 5px;
padding-bottom: 1px;
}
.x-html-editor-tb .x-toolbar {
position: static !important;
}
.x-panel-noborder .x-panel-body-noborder {
border-width: 0;
}
.x-panel-noborder .x-panel-header-noborder {
border-width: 0 0 1px;
border-style: none;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
border-width: 0 0 1px;
border-style: solid;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
border-width: 1px 0 0 0;
border-style: solid;
}
.x-window-noborder .x-window-mc {
border-width: 0;
}
.x-window-plain .x-window-body-noborder {
border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-body-noborder {
border-width: 0;
}
.x-tab-panel-noborder .x-tab-panel-header-noborder {
border-width: 0 0 1px 0;
}
.x-tab-panel-noborder .x-tab-panel-footer-noborder {
border-width: 1px 0 0 0;
}
.x-tab-panel-bbar-noborder .x-toolbar {
border-width: 1px 0 0 0;
border-style: solid;
}
.x-tab-panel-tbar-noborder .x-toolbar {
border-width: 0 0 1px;
border-style: solid;
}
.x-border-layout-ct {
position: relative;
}
.x-border-panel {
position: absolute;
left: 0;
top: 0;
}
.x-tool-collapse-south {
background-position: 0 -195px;
}
.x-tool-collapse-south-over {
background-position: -15px -195px;
}
.x-tool-collapse-north {
background-position: 0 -210px;
}
.x-tool-collapse-north-over {
background-position: -15px -210px;
}
.x-tool-collapse-west {
background-position: 0 -180px;
}
.x-tool-collapse-west-over {
background-position: -15px -180px;
}
.x-tool-collapse-east {
background-position: 0 -165px;
}
.x-tool-collapse-east-over {
background-position: -15px -165px;
}
.x-tool-expand-south {
background-position: 0 -210px;
}
.x-tool-expand-south-over {
background-position: -15px -210px;
}
.x-tool-expand-north {
background-position: 0 -195px;
}
.x-tool-expand-north-over {
background-position: -15px -195px;
}
.x-tool-expand-west {
background-position: 0 -165px;
}
.x-tool-expand-west-over {
background-position: -15px -165px;
}
.x-tool-expand-east {
background-position: 0 -180px;
}
.x-tool-expand-east-over {
background-position: -15px -180px;
}
.x-tool-expand-north,
.x-tool-expand-south {
float: right;
margin: 3px;
}
.x-tool-expand-east,
.x-tool-expand-west {
float: none;
margin: 3px auto;
}
.x-accordion-hd .x-tool-toggle {
background-position: 0 -255px;
}
.x-accordion-hd .x-tool-toggle-over {
background-position: -15px -255px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
background-position: 0 -240px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
background-position: -15px -240px;
}
.x-accordion-hd {
padding-top: 4px;
padding-bottom: 3px;
border-top: 0 none;
background: transparent repeat-x 0 -9px;
}
.x-layout-collapsed {
position: absolute;
left: -10000px;
top: -10000px;
visibility: hidden;
width: 20px;
height: 20px;
overflow: hidden;
border: 1px solid;
z-index: 20;
}
.ext-border-box .x-layout-collapsed {
width: 22px;
height: 22px;
}
.x-layout-collapsed-over {
cursor: pointer;
}
.x-layout-collapsed-west .x-layout-collapsed-tools,
.x-layout-collapsed-east .x-layout-collapsed-tools {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
}
.x-layout-split {
position: absolute;
height: 5px;
width: 5px;
line-height: 1px;
font-size: 1px;
z-index: 3;
background-color: transparent;
}
/* IE6 strict won't drag w/out a color */
.ext-strict .ext-ie6 .x-layout-split {
background-color: white !important;
filter: alpha(opacity=1);
}
.x-layout-split-h {
background-image: url(extjs/default/s.gif);
background-position: left;
}
.x-layout-split-v {
background-image: url(extjs/default/s.gif);
background-position: top;
}
.x-column-layout-ct {
overflow: hidden;
zoom: 1;
}
.x-column {
float: left;
padding: 0;
margin: 0;
overflow: hidden;
zoom: 1;
}
.x-column-inner {
overflow: hidden;
zoom: 1;
}
/* mini mode */
.x-layout-mini {
position: absolute;
top: 0;
left: 0;
display: block;
width: 5px;
height: 35px;
cursor: pointer;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}
.x-layout-mini-over,
.x-layout-collapsed-over .x-layout-mini {
opacity: 1;
-moz-opacity: 1;
filter: none;
}
.x-layout-split-west .x-layout-mini {
top: 48%;
}
.x-layout-split-east .x-layout-mini {
top: 48%;
}
.x-layout-split-north .x-layout-mini {
left: 48%;
height: 5px;
width: 35px;
}
.x-layout-split-south .x-layout-mini {
left: 48%;
height: 5px;
width: 35px;
}
.x-layout-cmini-west .x-layout-mini {
top: 48%;
}
.x-layout-cmini-east .x-layout-mini {
top: 48%;
}
.x-layout-cmini-north .x-layout-mini {
left: 48%;
height: 5px;
width: 35px;
}
.x-layout-cmini-south .x-layout-mini {
left: 48%;
height: 5px;
width: 35px;
}
.x-layout-cmini-west,
.x-layout-cmini-east {
border: 0 none;
width: 5px !important;
padding: 0;
background: transparent;
}
.x-layout-cmini-north,
.x-layout-cmini-south {
border: 0 none;
height: 5px !important;
padding: 0;
background: transparent;
}
.x-viewport,
.x-viewport body {
margin: 0;
padding: 0;
border: 0 none;
overflow: hidden;
height: 100%;
}
.x-abs-layout-item {
position: absolute;
left: 0;
top: 0;
}
.ext-ie input.x-abs-layout-item,
.ext-ie textarea.x-abs-layout-item {
margin: 0;
}
.x-box-layout-ct {
overflow: hidden;
zoom: 1;
}
.x-box-inner {
overflow: hidden;
zoom: 1;
position: relative;
left: 0;
top: 0;
}
.x-box-item {
position: absolute;
left: 0;
top: 0;
}
.x-progress-wrap {
border: 1px solid;
overflow: hidden;
}
.x-progress-inner {
height: 18px;
background: repeat-x;
position: relative;
}
.x-progress-bar {
height: 18px;
float: left;
width: 0;
background: repeat-x left center;
border-top: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
}
.x-progress-text {
padding: 1px 5px;
overflow: hidden;
position: absolute;
left: 0;
text-align: center;
}
.x-progress-text-back {
line-height: 16px;
}
.ext-ie .x-progress-text-back {
line-height: 15px;
}
.ext-strict .ext-ie7 .x-progress-text-back {
width: 100%;
}
.x-list-header {
background: repeat-x 0 bottom;
cursor: default;
zoom: 1;
height: 22px;
}
.x-list-header-inner div {
display: block;
float: left;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.x-list-header-inner div em {
display: block;
border-left: 1px solid;
padding: 4px 4px;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
line-height: 14px;
}
.x-list-body {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
zoom: 1;
float: left;
width: 100%;
}
.x-list-body dl {
zoom: 1;
}
.x-list-body dt {
display: block;
float: left;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
zoom: 1;
}
.x-list-body dt em {
display: block;
padding: 3px 4px;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
}
.x-list-resizer {
border-left: 1px solid;
border-right: 1px solid;
position: absolute;
left: 0;
top: 0;
}
.x-list-header-inner em.sort-asc {
background: transparent no-repeat center 0;
border-style: solid;
border-width: 0 1px 1px;
padding-bottom: 3px;
}
.x-list-header-inner em.sort-desc {
background: transparent no-repeat center -23px;
border-style: solid;
border-width: 0 1px 1px;
padding-bottom: 3px;
}
/* Shared styles */
.x-slider {
zoom: 1;
}
.x-slider-inner {
position: relative;
left: 0;
top: 0;
overflow: visible;
zoom: 1;
}
.x-slider-focus {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
-moz-outline: 0 none;
outline: 0 none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: ignore;
display: block;
overflow: hidden;
}
/* Horizontal styles */
.x-slider-horz {
padding-left: 7px;
background: transparent no-repeat 0 -22px;
}
.x-slider-horz .x-slider-end {
padding-right: 7px;
zoom: 1;
background: transparent no-repeat right -44px;
}
.x-slider-horz .x-slider-inner {
background: transparent repeat-x 0 0;
height: 22px;
}
.x-slider-horz .x-slider-thumb {
width: 14px;
height: 15px;
position: absolute;
left: 0;
top: 3px;
background: transparent no-repeat 0 0;
}
.x-slider-horz .x-slider-thumb-over {
background-position: -14px -15px;
}
.x-slider-horz .x-slider-thumb-drag {
background-position: -28px -30px;
}
/* Vertical styles */
.x-slider-vert {
padding-top: 7px;
background: transparent no-repeat -44px 0;
width: 22px;
}
.x-slider-vert .x-slider-end {
padding-bottom: 7px;
zoom: 1;
background: transparent no-repeat -22px bottom;
}
.x-slider-vert .x-slider-inner {
background: transparent repeat-y 0 0;
}
.x-slider-vert .x-slider-thumb {
width: 15px;
height: 14px;
position: absolute;
left: 3px;
bottom: 0;
background: transparent no-repeat 0 0;
}
.x-slider-vert .x-slider-thumb-over {
background-position: -15px -14px;
}
.x-slider-vert .x-slider-thumb-drag {
background-position: -30px -28px;
}
.x-window-dlg .x-window-body {
border: 0 none !important;
padding: 5px 10px;
overflow: hidden !important;
}
.x-window-dlg .x-window-mc {
border: 0 none !important;
}
.x-window-dlg .ext-mb-input {
margin-top: 4px;
width: 95%;
}
.x-window-dlg .ext-mb-textarea {
margin-top: 4px;
}
.x-window-dlg .x-progress-wrap {
margin-top: 4px;
}
.ext-ie .x-window-dlg .x-progress-wrap {
margin-top: 6px;
}
.x-window-dlg .x-msg-box-wait {
background: transparent no-repeat left;
display: block;
width: 300px;
padding-left: 18px;
line-height: 18px;
}
.x-window-dlg .ext-mb-icon {
float: left;
width: 47px;
height: 32px;
}
.ext-ie .x-window-dlg .ext-mb-icon {
width: 44px;
/* 3px IE margin issue */
}
.x-window-dlg .x-dlg-icon .ext-mb-content {
zoom: 1;
margin-left: 47px;
}
.x-window-dlg .ext-mb-info,
.x-window-dlg .ext-mb-warning,
.x-window-dlg .ext-mb-question,
.x-window-dlg .ext-mb-error {
background: transparent no-repeat top left;
}
.ext-gecko2 .ext-mb-fix-cursor {
overflow: auto;
}
/* Custom Components */
/* Tree Grid (Ext.ux.grid.maximgb.tg) */
div.ux-maximgb-tg-mastercell-wrap {
border: 0px none !important;
padding: 0px !important;
margin: 0px !important;
}
.x-grid-cell-wrap .x-grid3-cell-inner {
white-space: normal;
}
div.ux-maximgb-tg-elbow-action {
background: url("extjs/images/play.png") no-repeat left 1px;
cursor: pointer;
}
.ux-maximgb-tg-check {
position: absolute;
overflow: hidden;
}
.ux-maximgb-tg-uiwrap {
float: left;
position: relative;
height: 18px;
white-space: nowrap;
overflow: hidden;
}
.ux-maximgb-tg-elbow-empty {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
}
.ux-maximgb-tg-elbow-line {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
}
.ux-maximgb-tg-elbow {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
}
.ux-maximgb-tg-elbow-end {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
}
.ux-maximgb-tg-elbow-active {
cursor: pointer;
}
.ux-maximgb-tg-elbow-end-minus,
.ux-maximgb-tg-elbow-minus,
.ux-maximgb-tg-nl-minus {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
background: url(extjs/default/treegrid/arrows.png) no-repeat -16px 0;
/*background: url(default/treegrid/elbow-plus-nl.gif) no-repeat;*/
}
.x-grid3-row-over .ux-maximgb-tg-elbow-end-minus,
.x-grid3-row-over .ux-maximgb-tg-elbow-minus,
.x-grid3-row-over .ux-maximgb-tg-nl-minus {
background-position: -48px 0;
}
.ux-maximgb-tg-elbow-end-plus,
.ux-maximgb-tg-elbow-plus,
.ux-maximgb-tg-nl-plus {
position: absolute;
height: 18px;
width: 16px;
overflow: hidden;
background: url(extjs/default/treegrid/arrows.png) no-repeat 0 0;
/*background: url(default/treegrid/elbow-plus-nl.gif) no-repeat;*/
}
.x-grid3-row-over .ux-maximgb-tg-elbow-end-plus,
.x-grid3-row-over .ux-maximgb-tg-elbow-plus,
.x-grid3-row-over .ux-maximgb-tg-nl-plus {
background-position: -32px 0;
}
.training-set:hover {
color: #1f446f;
cursor: pointer;
}
/************* Custom Structure *************/
/* Structure Adjustments */
.x-tree-root-ct,
.x-tree-node-ct,
ul.x-tab-strip-top {
list-style-type: none;
margin: 0;
padding: 0;
}
/* .x-menu-list */
.node-spacing {
padding: 6px 0;
}
/* Default ExtJS Theme */
.ext-el-mask {
background-color: #444444;
}
.ext-el-mask-msg {
border-color: #6593cf;
background-color: #c3daf9;
}
.ext-el-mask-msg div {
background-color: #eeeeee;
border-color: #a3bad9;
color: #222222;
}
.x-mask-loading div {
background-color: #fbfbfb;
background-image: url(extjs/default/grid/loading.gif);
}
.x-item-disabled {
color: gray;
}
.x-item-disabled * {
color: gray !important;
}
.x-splitbar-proxy {
background-color: #aaaaaa;
}
.x-color-palette a {
border-color: white;
}
.x-color-palette a:hover,
.x-color-palette a.x-color-palette-sel {
border-color: #8bb8f3;
background-color: #deecfd;
}
.x-color-palette em:hover,
.x-color-palette span:hover {
background-color: #deecfd;
}
.x-color-palette em {
border-color: #aca899;
}
.x-ie-shadow {
background-color: #777777;
}
.x-shadow .xsmc {
background-image: url(extjs/default/shadow-c.png);
}
.x-shadow .xsml,
.x-shadow .xsmr {
background-image: url(extjs/default/shadow-lr.png);
}
.x-shadow .xstl,
.x-shadow .xstc,
.x-shadow .xstr,
.x-shadow .xsbl,
.x-shadow .xsbc,
.x-shadow .xsbr {
background-image: url(extjs/default/shadow.png);
}
.loading-indicator {
font-size: 11px;
background-image: url(extjs/default/grid/loading.gif);
}
.x-spotlight {
background-color: #cccccc;
}
.x-tab-panel-header,
.x-tab-panel-footer {
background-color: #deecfd;
border-color: #8db2e3;
overflow: hidden;
zoom: 1;
}
.x-tab-panel-header,
.x-tab-panel-footer {
border-color: #8db2e3;
}
ul.x-tab-strip-top {
background-color: #cedff5;
background-image: url(extjs/default/tabs/tab-strip-bg.gif);
border-bottom-color: #8db2e3;
}
ul.x-tab-strip-bottom {
background-color: #cedff5;
background-image: url(extjs/default/tabs/tab-strip-btm-bg.gif);
border-top-color: #8db2e3;
}
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
border-color: #8db2e3;
background-color: #deecfd;
}
.x-tab-strip span.x-tab-strip-text {
color: #416aa3;
}
.x-tab-strip-over span.x-tab-strip-text {
color: #15428b;
}
.x-tab-strip-active span.x-tab-strip-text {
color: #15428b;
font-weight: bold;
}
.x-tab-strip-disabled .x-tabs-text {
color: #aaaaaa;
}
.x-tab-strip-top .x-tab-right,
.x-tab-strip-top .x-tab-left,
.x-tab-strip-top .x-tab-strip-inner {
background-image: url(extjs/default/tabs/tabs-sprite.gif);
}
.x-tab-strip-bottom .x-tab-right {
background-image: url(extjs/default/tabs/tab-btm-inactive-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-left {
background-image: url(extjs/default/tabs/tab-btm-inactive-left-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
background-image: url(extjs/default/tabs/tab-btm-over-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
background-image: url(extjs/default/tabs/tab-btm-over-left-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
background-image: url(extjs/default/tabs/tab-btm-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
background-image: url(extjs/default/tabs/tab-btm-left-bg.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
background-image: url(extjs/default/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
background-image: url(extjs/default/tabs/tab-close.gif);
}
.x-tab-panel-body {
border-color: #8db2e3;
background-color: white;
}
.x-tab-panel-body-top {
border-top: 0 none;
}
.x-tab-panel-body-bottom {
border-bottom: 0 none;
}
.x-tab-scroller-left {
background-image: url(extjs/default/tabs/scroll-left.gif);
border-bottom-color: #8db2e3;
}
.x-tab-scroller-left-over {
background-position: 0 0;
}
.x-tab-scroller-left-disabled {
background-position: -18px 0;
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
cursor: default;
}
.x-tab-scroller-right {
background-image: url(extjs/default/tabs/scroll-right.gif);
border-bottom-color: #8db2e3;
}
.x-tab-panel-bbar .x-toolbar,
.x-tab-panel-tbar .x-toolbar {
border-color: #99bbe8;
}
.x-form-text,
textarea.x-form-field {
background-color: white;
border-color: #b5b8c8;
}
.x-form-select-one {
background-color: white;
border-color: #b5b8c8;
}
.x-form-check-group-label {
border-bottom: 1px solid #99bbe8;
color: #15428b;
}
.x-editor .x-form-check-wrap {
background-color: white;
}
.x-form-field-wrap .x-form-trigger {
background-image: url(extjs/default/form/trigger.gif);
border-bottom-color: #b5b8c8;
}
.x-form-field-wrap .x-form-date-trigger {
background-image: url(extjs/default/form/date-trigger.gif);
}
.x-form-field-wrap .x-form-clear-trigger {
background-image: url(extjs/default/form/clear-trigger.gif);
}
.x-form-field-wrap .x-form-search-trigger {
background-image: url(extjs/default/form/search-trigger.gif);
}
.x-form-field-wrap .x-form-lookup-trigger {
background-image: url(extjs/default/form/lookup-trigger.gif);
}
.x-form-field-wrap .x-form-lookup-add {
background-image: url(extjs/images/add.png);
background-position: 0 2px;
border-bottom: none !important;
}
.x-form-field-wrap .x-form-lookup-add.x-form-trigger-over,
.x-form-field-wrap.x-trigger-wrap-focus .x-form-lookup-add {
background-position: 0 2px;
}
.x-trigger-wrap-focus .x-form-trigger {
border-bottom-color: #7eadd9;
}
.x-item-disabled .x-form-trigger-over {
border-bottom-color: #b5b8c8;
}
.x-item-disabled .x-form-trigger-click {
border-bottom-color: #b5b8c8;
}
.x-form-focus,
textarea.x-form-focus {
border-color: #7eadd9;
}
.x-form-invalid,
textarea.x-form-invalid {
background-color: white;
background-image: url(extjs/default/grid/invalid_line.gif);
border-color: #cc3300;
}
.x-form-invalid.x-form-composite {
border: none;
background-image: none;
}
.x-form-invalid.x-form-composite .ext-webkit .x-form-invalid {
background-color: #ffeeee;
border-color: #ff7870;
}
.x-form-inner-invalid,
textarea.x-form-inner-invalid {
background-color: white;
background-image: url(extjs/default/grid/invalid_line.gif);
}
.x-form-invalid-msg {
color: #ee0000;
background-image: url(extjs/default/shared/warning.gif);
}
.x-form-empty-field {
color: gray;
}
.x-form-invalid-icon {
background-image: url(extjs/default/form/exclamation.gif);
}
.x-fieldset {
border-color: #b5b8c8;
}
.x-fieldset legend {
font: bold 11px tahoma, arial, helvetica, sans-serif;
color: #15428b;
}
.x-btn em {
font-style: normal;
font-weight: normal;
}
.x-btn-tl,
.x-btn-tr,
.x-btn-tc,
.x-btn-ml,
.x-btn-mr,
.x-btn-mc,
.x-btn-bl,
.x-btn-br,
.x-btn-bc {
background-image: url(extjs/default/button/btn.gif);
}
.x-btn-click .x-btn-text,
.x-btn-menu-active .x-btn-text,
.x-btn-pressed .x-btn-text {
color: black;
}
.x-btn-disabled * {
color: gray !important;
}
.x-btn-mc em.x-btn-arrow {
background-image: url(extjs/default/button/arrow.gif);
}
.x-btn-mc em.x-btn-split {
background-image: url(extjs/default/button/s-arrow.gif);
}
.x-btn-over .x-btn-mc em.x-btn-split,
.x-btn-click .x-btn-mc em.x-btn-split,
.x-btn-menu-active .x-btn-mc em.x-btn-split,
.x-btn-pressed .x-btn-mc em.x-btn-split {
background-image: url(extjs/default/button/s-arrow-o.gif);
}
.x-btn-mc em.x-btn-arrow-bottom {
background-image: url(extjs/default/button/s-arrow-b-noline.gif);
}
.x-btn-mc em.x-btn-split-bottom {
background-image: url(extjs/default/button/s-arrow-b.gif);
}
.x-btn-over .x-btn-mc em.x-btn-split-bottom,
.x-btn-click .x-btn-mc em.x-btn-split-bottom,
.x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
.x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
background-image: url(extjs/default/button/s-arrow-bo.gif);
}
.x-btn-group-header {
color: #3e6aaa;
}
.x-btn-group-tc {
background-image: url(extjs/default/button/group-tb.gif);
}
.x-btn-group-tl {
background-image: url(extjs/default/button/group-cs.gif);
}
.x-btn-group-tr {
background-image: url(extjs/default/button/group-cs.gif);
}
.x-btn-group-bc {
background-image: url(extjs/default/button/group-tb.gif);
}
.x-btn-group-bl {
background-image: url(extjs/default/button/group-cs.gif);
}
.x-btn-group-br {
background-image: url(extjs/default/button/group-cs.gif);
}
.x-btn-group-ml {
background-image: url(extjs/default/button/group-lr.gif);
}
.x-btn-group-mr {
background-image: url(extjs/default/button/group-lr.gif);
}
.x-btn-group-notitle .x-btn-group-tc {
background-image: url(extjs/default/button/group-tb.gif);
}
.x-toolbar .x-item-disabled {
color: gray;
}
.x-toolbar .x-item-disabled * {
color: gray;
}
.x-toolbar .x-btn-mc em.x-btn-split {
background-image: url(extjs/default/button/s-arrow-noline.gif);
}
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split {
background-image: url(extjs/default/button/s-arrow-o.gif);
}
.x-toolbar .x-btn-mc em.x-btn-split-bottom {
background-image: url(extjs/default/button/s-arrow-b-noline.gif);
}
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom,
.x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
.x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
background-image: url(extjs/default/button/s-arrow-bo.gif);
}
.x-toolbar .xtb-sep {
background-image: url(extjs/default/grid/grid-split.gif);
}
.x-tbar-page-first {
background-image: url(extjs/default/grid/page-first.gif) !important;
}
.x-tbar-loading,
.report-refresh {
background-image: url(extjs/default/grid/refresh.gif) !important;
}
.x-tbar-page-last {
background-image: url(extjs/default/grid/page-last.gif) !important;
}
.x-tbar-page-next {
background-image: url(extjs/default/grid/page-next.gif) !important;
}
.x-tbar-page-prev {
background-image: url(extjs/default/grid/page-prev.gif) !important;
}
.x-item-disabled .x-tbar-loading {
background-image: url(extjs/default/grid/loading.gif) !important;
}
.x-item-disabled .x-tbar-page-first {
background-image: url(extjs/default/grid/page-first-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-last {
background-image: url(extjs/default/grid/page-last-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-next {
background-image: url(extjs/default/grid/page-next-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-prev {
background-image: url(extjs/default/grid/page-prev-disabled.gif) !important;
}
.x-paging-info {
color: #444444;
}
.x-toolbar-more-icon {
background-image: url(extjs/default/toolbar/more.gif) !important;
}
.x-resizable-handle {
background-color: white;
}
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-west {
background-image: url(extjs/default/sizer/e-handle.gif);
}
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-north {
background-image: url(extjs/default/sizer/s-handle.gif);
}
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-north {
background-image: url(extjs/default/sizer/s-handle.gif);
}
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
background-image: url(extjs/default/sizer/se-handle.gif);
}
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
background-image: url(extjs/default/sizer/nw-handle.gif);
}
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
background-image: url(extjs/default/sizer/ne-handle.gif);
}
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
background-image: url(extjs/default/sizer/sw-handle.gif);
}
.x-resizable-proxy {
border-color: #3b5a82;
}
.x-resizable-overlay {
background-color: white;
}
.x-grid-panel .x-panel-mc .x-panel-body {
border-color: #cccccc;
}
.grid-panel-stripped .x-grid3-row,
.grid-panel-stripped .x-grid3-header {
padding-left: 5px;
}
.grid-panel-stripped .x-grid3-scroller,
.grid-panel-stripped .x-grid3-body {
background-image: none;
}
.grid-panel-stripped .x-grid3-header-inner {
height: 0px;
}
.x-grid3-hd-row td {
border-left-color: #eeeeee;
border-right-color: #bbbbbb;
}
.x-grid-row-loading {
background-color: white;
background-image: url(extjs/default/shared/loading-balls.gif);
}
.x-grid3-row {
border-color: #eeeeee;
border-top-color: white;
border-left-color: white;
border-right-color: white;
}
.x-grid3-row-alt {
/*background-color:#f2f2f2;*/
background-color: #e0e0e0;
}
.x-grid3-row-over {
border-color: #dddddd;
background-color: #eeeeee;
}
.x-grid3-resize-proxy {
background-color: #777777;
}
.x-grid3-resize-marker {
background-color: #777777;
}
.x-grid3-header {
background-color: #dddddd;
}
.x-grid3-header-pop {
border-left-color: #d0d0d0;
}
td.x-grid3-hd-over,
td.sort-desc,
td.sort-asc,
td.x-grid3-hd-menu-open {
border-left-color: #bbbbbb;
border-right-color: #bbbbbb;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
background-color: #cccccc;
}
.sort-asc .x-grid3-sort-icon {
background-image: url(extjs/default/grid/sort_asc.gif);
}
.sort-desc .x-grid3-sort-icon {
background-image: url(extjs/default/grid/sort_desc.gif);
}
.x-grid3-cell-text,
.x-grid3-hd-text {
color: black;
}
.x-grid3-split {
background-image: url(extjs/default/grid/grid-split.gif);
}
.x-grid3-hd-text {
color: #15428b;
}
.x-dd-drag-proxy .x-grid3-hd-inner {
background-color: #ebf3fd;
border-color: #aaccf6;
}
.x-grid3-row-selected {
background-color: #dfe8f6 !important;
background-image: none;
border-color: #a3bae9;
}
.x-grid3-cell-selected {
background-color: #b8cfee !important;
color: black;
}
.x-grid3-cell-selected span {
color: black !important;
}
.x-grid3-cell-selected .x-grid3-cell-text {
color: black;
}
.x-grid3-locked td.x-grid3-row-marker,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
background-color: #ebeadb !important;
background-image: url(extjs/default/grid/grid-hrow.gif) !important;
color: black;
border-top-color: white;
border-right-color: #6fa0df !important;
}
.x-grid3-locked td.x-grid3-row-marker div,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
color: #15428b !important;
}
.x-grid3-dirty-cell {
background-image: url(extjs/default/grid/dirty.gif);
}
.x-grid3-bottombar .x-toolbar {
border-top-color: #a9bfd3;
}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
background-image: url(extjs/default/grid/grid3-special-col-bg.gif) !important;
color: black !important;
}
.x-props-grid .x-grid3-body .x-grid3-td-name {
background-color: white !important;
border-right-color: #eeeeee;
}
.xg-hmenu-sort-asc .x-menu-item-icon {
background-image: url(extjs/default/grid/hmenu-asc.gif);
}
.xg-hmenu-sort-desc .x-menu-item-icon {
background-image: url(extjs/default/grid/hmenu-desc.gif);
}
.xg-hmenu-lock .x-menu-item-icon {
background-image: url(extjs/default/grid/hmenu-lock.gif);
}
.xg-hmenu-unlock .x-menu-item-icon {
background-image: url(extjs/default/grid/hmenu-unlock.gif);
}
.x-grid3-hd-btn {
background-color: #eeeeee;
background-image: url(extjs/default/grid/grid3-hd-btn.gif);
}
.x-grid3-body .x-grid3-td-expander {
background-image: url(extjs/default/grid/grid3-special-col-bg.gif);
}
.x-grid3-row-expander {
background-image: url(extjs/default/grid/row-expand-sprite.gif);
}
.x-grid3-body .x-grid3-td-checker {
background-image: url(extjs/default/grid/grid3-special-col-bg.gif);
}
.x-grid3-row-checker,
.x-grid3-hd-checker {
background-image: url(extjs/default/grid/row-check-sprite.gif);
}
.x-grid3-body .x-grid3-td-numberer {
background-image: url(extjs/default/grid/grid3-special-col-bg.gif);
}
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
color: #444444;
}
.x-grid3-body .x-grid3-td-row-icon {
background-image: url(extjs/default/grid/grid3-special-col-bg.gif);
}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
background-image: url(extjs/default/grid/grid3-special-col-sel-bg.gif);
}
.x-grid3-check-col {
background-image: url(extjs/default/menu/unchecked.gif);
}
.x-grid3-check-col-on {
background-image: url(extjs/default/menu/checked.gif);
}
.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
zoom: 1;
}
.x-grid-group-hd {
border-bottom-color: #aaaaaa;
}
.x-grid-group-hd div.x-grid-group-title {
background-image: url(extjs/default/grid/group-collapse.gif);
}
button.collapse {
background: url(extjs/default/grid/group-collapse.gif) no-repeat scroll left center transparent;
}
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
background-image: url(extjs/default/grid/group-expand.gif);
}
button.expand {
background: url(extjs/default/grid/group-expand.gif) no-repeat scroll left center transparent;
}
.x-group-by-icon {
background-image: url(extjs/default/grid/group-by.gif);
}
.x-show-groups-icon {
background-image: url(extjs/default/grid/group-by.gif);
}
.x-grid-empty {
color: gray;
}
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
border-right-color: #ededed;
}
.x-grid-with-col-lines .x-grid3-row-selected {
border-top-color: #a3bae9;
}
.x-dd-drag-ghost {
color: black;
border-color: #dddddd #bbbbbb #bbbbbb #dddddd;
background-color: white;
}
.x-dd-drop-nodrop .x-dd-drop-icon {
background-image: url(extjs/default/dd/drop-no.gif);
}
.x-dd-drop-ok .x-dd-drop-icon {
background-image: url(extjs/default/dd/drop-yes.gif);
}
.x-dd-drop-ok-add .x-dd-drop-icon {
background-image: url(extjs/default/dd/drop-add.gif);
}
.x-view-selector {
background-color: #c3daf9;
border-color: #3399bb;
}
.x-tree-node-expanded .x-tree-node-icon {
background-image: url(extjs/default/tree/folder-open.gif);
}
.x-tree-node-leaf .x-tree-node-icon {
background-image: url(extjs/default/tree/leaf.gif);
}
.x-tree-node-collapsed .x-tree-node-icon {
background-image: url(extjs/default/tree/folder.gif);
}
.x-tree-node-loading .x-tree-node-icon {
background-image: url(extjs/default/tree/loading.gif) !important;
}
.x-tree-node .x-tree-node-inline-icon {
background-image: none;
}
.x-tree-node-loading a span {
font-style: italic;
color: #444444;
}
.x-tree-lines .x-tree-elbow {
background-image: url(extjs/default/tree/elbow.gif);
}
.x-tree-lines .x-tree-elbow-plus {
background-image: url(extjs/default/tree/elbow-plus.gif);
}
.x-tree-lines .x-tree-elbow-minus {
background-image: url(extjs/default/tree/elbow-minus.gif);
}
.x-tree-lines .x-tree-elbow-end {
background-image: url(extjs/default/tree/elbow-end.gif);
}
.x-tree-lines .x-tree-elbow-end-plus {
background-image: url(extjs/default/tree/elbow-end-plus.gif);
}
.x-tree-lines .x-tree-elbow-end-minus {
background-image: url(extjs/default/tree/elbow-end-minus.gif);
}
.x-tree-lines .x-tree-elbow-line {
background-image: url(extjs/default/tree/elbow-line.gif);
}
.x-tree-no-lines .x-tree-elbow-plus {
background-image: url(extjs/default/tree/elbow-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-minus {
background-image: url(extjs/default/tree/elbow-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-plus {
background-image: url(extjs/default/tree/elbow-end-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-minus {
background-image: url(extjs/default/tree/elbow-end-minus-nl.gif);
}
.x-tree-arrows .x-tree-elbow-plus {
background-image: url(extjs/default/tree/arrows.gif);
}
.x-tree-arrows .x-tree-elbow-minus {
background-image: url(extjs/default/tree/arrows.gif);
}
.x-tree-arrows .x-tree-elbow-end-plus {
background-image: url(extjs/default/tree/arrows.gif);
}
.x-tree-arrows .x-tree-elbow-end-minus {
background-image: url(extjs/default/tree/arrows.gif);
}
.x-tree-node {
color: black;
}
.x-tree-node a,
.x-dd-drag-ghost a {
color: black;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
color: black;
}
.x-tree-node .x-tree-node-disabled a span {
color: gray !important;
}
.x-tree-node div.x-tree-drag-insert-below {
border-bottom-color: #3366cc;
}
.x-tree-node div.x-tree-drag-insert-above {
border-top-color: #3366cc;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
border-bottom-color: #3366cc;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
border-top-color: #3366cc;
}
.x-tree-node .x-tree-drag-append a span {
background-color: #dddddd;
border-color: gray;
}
.x-tree-node .x-tree-node-over {
background-color: #eeeeee;
}
.x-tree-node .x-tree-selected {
background-color: #d9e8fb;
}
.x-tree-drop-ok-append .x-dd-drop-icon {
background-image: url(extjs/default/tree/drop-add.gif);
}
.x-tree-drop-ok-above .x-dd-drop-icon {
background-image: url(extjs/default/tree/drop-over.gif);
}
.x-tree-drop-ok-below .x-dd-drop-icon {
background-image: url(extjs/default/tree/drop-under.gif);
}
.x-tree-drop-ok-between .x-dd-drop-icon {
background-image: url(extjs/default/tree/drop-between.gif);
}
.x-date-picker {
border-color: #1b376c;
background-color: white;
}
.x-date-middle,
.x-date-left,
.x-date-right {
background-image: url(extjs/images/tblhdr_bg.gif);
}
.x-date-middle .x-btn-mc em.x-btn-arrow {
background-image: url(extjs/default/toolbar/btn-arrow-light.gif);
}
.x-date-right a {
background-image: url(extjs/default/shared/right-btn.gif);
}
.x-date-left a {
background-image: url(extjs/default/shared/left-btn.gif);
}
.x-date-inner th {
background-color: #eeeeee;
}
.x-date-inner td {
border-color: white;
}
.x-date-inner a {
color: black;
}
.x-date-inner .x-date-active {
color: black;
}
.x-date-inner .x-date-selected a {
background-color: #dddddd;
border-color: #aaaaaa;
}
.x-date-inner .x-date-today a {
border-color: darkred;
}
.x-date-inner .x-date-selected span {
font-weight: bold;
}
.x-date-inner .x-date-prevday a,
.x-date-inner .x-date-nextday a {
color: #aaaaaa;
}
.x-date-bottom {
border-top-color: #a3bad9;
background-color: #eeeeee;
}
.x-date-inner a:hover,
.x-date-inner .x-date-disabled a:hover {
color: black;
background-color: #ddecfe;
}
.x-date-inner .x-date-disabled a {
background-color: #eeeeee;
color: #bbbbbb;
}
.x-date-mmenu {
background-color: #eeeeee !important;
}
.x-date-mmenu .x-menu-item {
font-size: 10px;
color: black;
}
.x-date-mp {
background-color: white;
}
.x-date-mp-btns {
background-color: #eeeeee;
}
.x-date-mp-btns td {
border-top-color: #c5d2df;
}
td.x-date-mp-month a,
td.x-date-mp-year a {
color: #15428b;
}
td.x-date-mp-month a:hover,
td.x-date-mp-year a:hover {
color: #15428b;
background-color: #ddecfe;
}
td.x-date-mp-sel a {
background-color: #dfecfb;
border-color: #8db2e3;
}
.x-date-mp-ybtn a {
background-image: url(extjs/default/panel/tool-sprites.gif);
}
td.x-date-mp-sep {
border-right-color: #c5d2df;
}
.x-tip .x-tip-close {
background-image: url(extjs/default/qtip/close.gif);
}
.x-tip .x-tip-tc,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr,
.x-tip .x-tip-bc,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr {
background-image: url(extjs/default/qtip/tip-sprite.gif);
}
.x-tip .x-tip-ml {
background-color: white;
}
.x-tip .x-tip-header-text {
color: #444444;
}
.x-tip .x-tip-body {
color: #444444;
}
.x-form-invalid-tip .x-tip-tc,
.x-form-invalid-tip .x-tip-tl,
.x-form-invalid-tip .x-tip-tr,
.x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl,
.x-form-invalid-tip .x-tip-br,
.x-form-invalid-tip .x-tip-ml,
.x-form-invalid-tip .x-tip-mr {
background-image: url(extjs/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-body {
background-image: url(extjs/default/form/exclamation.gif);
}
.x-tip-anchor {
background-image: url(extjs/default/qtip/tip-anchor-sprite.gif);
}
.x-menu {
border: 1px solid #aaaaaa;
background-color: #eeeeee;
}
.x-menu-floating {
border-color: #aaaaaa;
}
.x-menu-list {
margin: 0;
}
.x-menu-nosep {
background-image: none;
}
.x-menu-item-arrow {
background-image: url(extjs/default/menu/menu-parent.gif);
}
.x-menu-sep {
background-color: #e0e0e0;
border-bottom-color: white;
}
a.x-menu-item {
color: #222222;
}
.x-menu-item-active {
background-color: #ebf3fd;
border-color: #aaccf6;
}
.x-menu-item-active a.x-menu-item {
border-color: #aaccf6;
}
.x-menu-check-item .x-menu-item-icon {
background-image: url(extjs/default/menu/unchecked.gif);
}
.x-menu-item-checked .x-menu-item-icon {
background-image: url(extjs/default/menu/checked.gif);
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
background-image: url(extjs/default/menu/group-checked.gif);
}
.x-menu-group-item .x-menu-item-icon {
background-image: none;
}
.x-menu-plain {
background-color: #f0f0f0 !important;
background-image: none;
}
.x-date-menu,
.x-color-menu {
background-color: white !important;
}
.x-menu .x-date-picker {
border-color: #a3bad9;
}
.x-cycle-menu .x-menu-item-checked {
border-color: #a3bae9 !important;
background-color: #def8f6;
}
.x-menu-scroller-top {
background-image: url(extjs/default/layout/mini-top.gif);
}
.x-menu-scroller-bottom {
background-image: url(extjs/default/layout/mini-bottom.gif);
}
.x-box-tl {
background-image: url(extjs/default/box/corners.gif);
}
.x-box-tc {
background-image: url(extjs/default/box/tb.gif);
}
.x-box-tr {
background-image: url(extjs/default/box/corners.gif);
}
.x-box-ml {
background-image: url(extjs/default/box/l.gif);
}
.x-box-mc {
background-color: #eeeeee;
background-image: url(extjs/default/box/tb.gif);
color: #393939;
font-size: 12px;
}
.x-box-mc h3 {
font-size: 14px;
font-weight: bold;
}
.x-box-mr {
background-image: url(extjs/default/box/r.gif);
}
.x-box-bl {
background-image: url(extjs/default/box/corners.gif);
}
.x-box-bc {
background-image: url(extjs/default/box/tb.gif);
}
.x-box-br {
background-image: url(extjs/default/box/corners.gif);
}
.x-box-blue .x-box-bl,
.x-box-blue .x-box-br,
.x-box-blue .x-box-tl,
.x-box-blue .x-box-tr {
background-image: url(extjs/default/box/corners-blue.gif);
}
.x-box-blue .x-box-bc,
.x-box-blue .x-box-mc,
.x-box-blue .x-box-tc {
background-image: url(extjs/default/box/tb-blue.gif);
}
.x-box-blue .x-box-mc {
background-color: #c3daf9;
}
.x-box-blue .x-box-mc h3 {
color: #17385b;
}
.x-box-blue .x-box-ml {
background-image: url(extjs/default/box/l-blue.gif);
}
.x-box-blue .x-box-mr {
background-image: url(extjs/default/box/r-blue.gif);
}
.x-combo-list {
border-color: #98c0f4;
background-color: #ddecfe;
}
.x-combo-list-inner {
background-color: white;
}
.x-combo-list-hd {
color: #15428b;
background-image: url(extjs/default/layout/panel-title-light-bg.gif);
border-bottom-color: #98c0f4;
}
.x-resizable-pinned .x-combo-list-inner {
border-bottom-color: #98c0f4;
}
.x-combo-list-item {
border-color: white;
}
.x-combo-list .x-combo-selected {
border-color: #a3bae9 !important;
background-color: #dfe8f6;
}
.x-combo-list .x-toolbar {
border-top-color: #98c0f4;
}
.x-panel {
border-color: #cccccc;
}
.x-panel-header {
border-width: 0;
}
.x-panel-body {
border: 1px solid #aaaaaa;
/*background-color:#fff;*/
}
.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar {
border-color: white;
}
.x-panel-body-noheader,
.x-panel-mc .x-panel-body {
border-top-color: #aaaaaa;
}
.x-panel-tl .x-panel-header {
color: #15428b;
}
.x-panel-tc {
background-image: url(extjs/default/panel/top-bottom.gif);
}
.x-panel-tl,
.x-panel-tr,
.x-panel-bl,
.x-panel-br {
background-image: url(extjs/default/panel/corners-sprite.gif);
border-bottom-color: #99bbe8;
}
.x-panel-bc {
background-image: url(extjs/default/panel/top-bottom.gif);
}
.x-panel-mc {
background-color: #dfe8f6;
}
.x-panel-ml {
background-color: white;
background-image: url(extjs/default/panel/left-right.gif);
}
.x-panel-mr {
background-image: url(extjs/default/panel/left-right.gif);
}
.x-tool {
background-image: url(extjs/default/panel/tool-sprites.gif);
}
.x-panel-ghost {
background-color: #eeeeee;
}
.x-panel-ghost ul {
border-color: #cccccc;
}
.x-panel-dd-spacer {
border-color: #99bbe8;
}
.x-panel-fbar td,
.x-panel-fbar span,
.x-panel-fbar input,
.x-panel-fbar div,
.x-panel-fbar select,
.x-panel-fbar label {
font-size: 11px;
}
.x-window-proxy {
background-color: #c7dffc;
border-color: #99bbe8;
}
.x-window-tc {
background-image: url(extjs/default/window/top-bottom.png);
}
.x-window-tl {
background-image: url(extjs/default/window/left-corners.png);
}
.x-window-tr {
background-image: url(extjs/default/window/right-corners.png);
}
.x-window-bc {
background-image: url(extjs/default/window/top-bottom.png);
}
.x-window-bl {
background-image: url(extjs/default/window/left-corners.png);
}
.x-window-br {
background-image: url(extjs/default/window/right-corners.png);
}
.x-window-mc {
border-color: #cccccc;
background-color: white;
}
.x-window-ml,
.x-window-mr {
/*background-image: url(default/window/left-right.png); */
background-color: white;
}
.x-window-maximized .x-window-tc {
background-color: white;
}
.x-window-bbar .x-toolbar {
border-top-color: #99bbe8;
}
.x-panel-ghost .x-window-tl {
border-bottom-color: #cccccc;
}
.x-panel-collapsed .x-window-tl {
border-bottom-color: #84a0c4;
}
.x-dlg-mask {
background-color: #cccccc;
}
.x-window-plain .x-window-mc {
background-color: white;
border-color: #cccccc;
}
.x-window-plain .x-window-body {
border-color: #cccccc;
}
.x-window-body .fieldRow {
margin: 6px;
}
body.x-body-masked .x-window-plain .x-window-mc {
background-color: white;
}
.x-html-editor-wrap {
border-color: #a9bfd3;
background-color: white;
}
.x-html-editor-tb .x-btn-text {
background-image: url(extjs/default/editor/tb-sprite.gif);
}
.x-panel-noborder .x-panel-header-noborder {
border-bottom-color: #99bbe8;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
border-bottom-color: #99bbe8;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
border-top-color: #99bbe8;
}
.x-tab-panel-bbar-noborder .x-toolbar {
border-top-color: #99bbe8;
}
.x-tab-panel-tbar-noborder .x-toolbar {
border-bottom-color: #99bbe8;
}
.x-accordion-hd {
color: #222222;
font-weight: normal;
background-image: url(extjs/default/panel/light-hd.gif);
}
.x-layout-collapsed {
background-color: #d2e0f2;
border-color: #98c0f4;
}
.x-layout-collapsed-over {
background-color: #d9e8fb;
}
.x-layout-split-west .x-layout-mini {
background-image: url(extjs/default/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
background-image: url(extjs/default/layout/mini-right.gif);
}
.x-layout-split-north .x-layout-mini {
background-image: url(extjs/default/layout/mini-top.gif);
}
.x-layout-split-south .x-layout-mini {
background-image: url(extjs/default/layout/mini-bottom.gif);
}
.x-layout-cmini-west .x-layout-mini {
background-image: url(extjs/default/layout/mini-right.gif);
}
.x-layout-cmini-east .x-layout-mini {
background-image: url(extjs/default/layout/mini-left.gif);
}
.x-layout-cmini-north .x-layout-mini {
background-image: url(extjs/default/layout/mini-bottom.gif);
}
.x-layout-cmini-south .x-layout-mini {
background-image: url(extjs/default/layout/mini-top.gif);
}
.x-progress-wrap {
border-color: #6593cf;
}
.x-progress-inner {
background-color: #e0e8f3;
background-image: url(extjs/default/qtip/bg.gif);
}
.x-progress-bar {
background-color: #9cbfee;
background-image: url(extjs/default/progress/progress-bg.gif);
border-top-color: #d1e4fd;
border-bottom-color: #7fa9e4;
border-right-color: #7fa9e4;
}
.x-progress-text {
font-size: 11px;
font-weight: bold;
color: white;
}
.x-progress-text-back {
color: #396095;
}
.x-list-header {
background-color: #f9f9f9;
background-image: url(extjs/default/grid/grid3-hrow.gif);
}
.x-list-header-inner div em {
border-left-color: #dddddd;
font: normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-list-body dt em {
font: normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-list-over {
background-color: #eeeeee;
}
.x-list-selected {
background-color: #dfe8f6;
}
.x-list-resizer {
border-left-color: #555555;
border-right-color: #555555;
}
.x-list-header-inner em.sort-asc,
.x-list-header-inner em.sort-desc {
background-image: url(extjs/default/grid/sort-hd.gif);
border-color: #99bbe8;
}
.x-slider-horz,
.x-slider-horz .x-slider-end,
.x-slider-horz .x-slider-inner {
background-image: url(extjs/default/slider/slider-bg.png);
}
.x-slider-horz .x-slider-thumb {
background-image: url(extjs/default/slider/slider-thumb.png);
}
.x-slider-vert,
.x-slider-vert .x-slider-end,
.x-slider-vert .x-slider-inner {
background-image: url(extjs/default/slider/slider-v-bg.png);
}
.x-slider-vert .x-slider-thumb {
background-image: url(extjs/default/slider/slider-v-thumb.png);
}
.x-window-dlg .ext-mb-text,
.x-window-dlg .x-window-header-text {
font-size: 12px;
}
.x-window-dlg .x-msg-box-wait {
background-image: url(extjs/default/grid/loading.gif);
}
.x-window-dlg .ext-mb-info {
background-image: url(extjs/default/window/icon-info.gif);
}
.x-window-dlg .ext-mb-warning {
background-image: url(extjs/default/window/icon-warning.gif);
}
.x-window-dlg .ext-mb-question {
background-image: url(extjs/default/window/icon-question.gif);
}
.x-window-dlg .ext-mb-error {
background-image: url(extjs/default/window/icon-error.gif);
}
/* File Upload */
.x-form-file-wrap {
position: relative;
height: 22px;
}
.x-form-file-wrap .x-form-file {
position: absolute;
right: 0;
-moz-opacity: 0;
filter: alpha(opacity: 0);
opacity: 0;
z-index: 2;
height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
position: absolute;
right: 0;
z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
position: absolute;
left: 0;
z-index: 3;
color: #777777;
}
/* Column Tree */
.x-column-tree .x-tree-node {
zoom: 1;
}
.x-column-tree .x-tree-node-el {
white-space: nowrap;
zoom: 1;
}
.x-column-tree .x-tree-selected {
background: #d9e8fb;
}
.x-column-tree .x-tree-node a {
line-height: 18px;
vertical-align: middle;
}
.x-column-tree .x-tree-node .x-tree-selected a span {
background: transparent;
color: black;
}
.x-tree-col {
display: inline-block;
overflow: hidden;
padding: 0 1px;
zoom: 1;
}
.x-tree-col-hidden {
display: none;
overflow: hidden;
padding: 0 1px;
zoom: 1;
}
.x-tree-col-text,
.x-tree-hd-text {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
font: normal 11px arial, tahoma, helvetica, sans-serif;
margin: 3px;
}
.x-tree-col-text-hidden .x-tree-hd-text {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: none;
white-space: nowrap;
font: normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-tree-headers {
cursor: default;
zoom: 1;
white-space: nowrap;
}
.x-tree-hd {
display: inline-block;
overflow: hidden;
border-left: 1px solid #eeeeee;
border-right: 1px solid #d0d0d0;
}
.x-tree-hd-hidden {
display: none;
overflow: hidden;
border-left: 0px solid #eeeeee;
border-right: 0px solid #d0d0d0;
}
/* width chnaged from 100% to 16px for fixing the width issue with checkboxes in columntree*/
.x-grid3-check-col {
width: 16px;
height: 16px;
background: url(extjs/images/Icons16.gif) no-repeat center -704px;
}
.x-grid3-check-col-on {
width: 16px;
height: 16px;
background: url(extjs/images/Icons16.gif) no-repeat center -672px;
}
.x-grid3-check-col-disabled {
margin: 1px;
width: 13px;
height: 13px;
background: url(extjs/images/checkbox.gif) no-repeat -39px 0px;
}
.x-grid3-check-col-disabled-on {
margin: 1px;
width: 13px;
height: 13px;
background: url(extjs/images/checkbox.gif) no-repeat -39px -13px;
}
.x-grouptabs-count {
-moz-border-radius: 2px;
-ie-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #bb2222;
border: 1px solid #880000;
color: white;
display: inline-block;
padding: 0 2px;
}
.x-grouptabs-panel {
padding: 8px;
background: #a1a1a1;
}
.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
background: transparent none repeat scroll 0 0;
border: 0 none;
float: left;
}
.x-tab-panel-right .x-grouptabs-panel-header {
float: right;
}
.x-tab-panel-left .x-grouptabs-bwrap {
position: relative;
}
.ext-ie6 .x-tab-panel-left .x-grouptabs-bwrap {
float: right;
}
.x-tab-panel-right .x-grouptabs-bwrap {
float: left;
position: relative;
}
.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
display: block;
width: auto;
}
.x-tab-panel-left ul.x-grouptabs-strip li,
.x-tab-panel-right ul.x-grouptabs-strip li {
clear: both;
float: none;
margin: 0;
padding: 3px 0 0px 6px;
position: relative;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
cursor: pointer;
font-size: 13px;
line-height: 18px;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
left: 10px;
padding-left: 18px;
position: relative;
padding-bottom: 2px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
padding-right: 18px;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
font-size: 12px;
padding: 0;
}
.x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
margin-left: 4px;
}
.x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text {
margin-right: 4px;
}
.x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text {
color: #dfe8f6;
display: block;
font-family: tahoma, arial, sans-serif;
overflow: hidden;
text-decoration: none;
white-space: nowrap;
}
.x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
text-align: right;
}
.x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
color: #395b8e;
}
.x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
opacity: 0.8;
font-weight: normal;
}
.x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text:hover,
.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-strip-active a {
opacity: 1;
}
.x-tab-joint {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: white none repeat scroll 0 0;
position: absolute;
top: 1px;
width: 3px;
z-index: 9999;
}
.x-grouptabs-panel .x-grouptabs-panel-body {
padding: 10px;
border: 0px solid #999999;
}
.x-grouptabs-panel-body {
min-height: 440px;
}
.x-grouptabs-panel ul.x-grouptabs-strip li {
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
}
.x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: white none repeat scroll 0 0;
border-color: #999999 -moz-use-text-color;
border-style: solid none;
border-width: 0;
}
.x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
border-left: 1px solid #999999;
}
.x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
border-right: 1px solid #999999;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active {
background-color: #edeef0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
background-color: transparent;
}
.x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
border-color: transparent;
}
.x-grouptabs-panel .x-grouptabs-corner {
background-image: url(extjs/default/tabs/x-grouptabs-corners.gif);
display: none;
font-size: 1px;
height: 11px;
line-height: 6px;
overflow: hidden;
position: absolute;
width: 11px;
}
.x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
display: block;
}
.x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
display: none;
}
.x-grouptabs-panel .x-grouptabs-corner-top-left {
background-position: left top;
left: 0;
top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-left {
background-position: left bottom;
bottom: 0;
left: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-top-right {
background-position: right top;
right: 0;
top: 0;
}
.x-grouptabs-panel .x-grouptabs-corner-bottom-right {
background-position: right bottom;
bottom: 0;
right: 0;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left {
bottom: -4px;
left: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right {
bottom: -4px;
right: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left {
left: -4px;
top: -4px;
}
.x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right {
right: -4px;
top: -4px;
}
.x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
background-repeat: no-repeat;
padding-left: 20px;
}
.x-grouptabs-panel .x-grouptabs-expand {
background: url(extjs/default/tree/arrows.gif) no-repeat scroll 0 0;
height: 16px;
left: 0px;
position: absolute;
top: 4px;
width: 16px;
z-index: 5;
}
.ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
.ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
left: 0;
}
.x-grouptabs-expanded .x-grouptabs-expand {
background: url(extjs/default/tree/arrows.gif) no-repeat scroll -16px 0;
}
.x-grouptabs-sub {
display: none;
margin-top: 4px;
}
.x-grouptabs-expanded .x-grouptabs-sub {
display: block;
}
.ext-ie7 .x-grouptabs-expanded .x-grouptabs-sub {
display: inline;
}
.x-grouptabs-panel ul.x-grouptabs-sub li {
height: 18px;
margin: 0 0 2px;
padding: 0;
}
.x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
display: none;
}
.x-grouptabs-expand.hide-trigger {
background-image: none;
}
/* Child slides in PS4 Details view */
li.section li {
margin-left: 1em;
}
ol,
ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
ol.questions {
list-style: decimal none inside;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
width: 100%;
}
ol.answers {
list-style: upper-latin none inside;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.correct {
font-weight: bold;
background: url("extjs/images/check.png") no-repeat left center;
padding-left: 28px;
height: 19px;
}
.incorrect {
font-weight: normal;
padding-left: 28px;
height: 19px;
}
/* Employee Audit Grid */
.audit-panel .x-panel-bwrap {
border: solid 1px silver;
}
.audit-panel .x-panel-body {
background-color: #f1f1f1;
}
.audit-panel .x-panel.x-panel-noborder.x-border-panel {
background-color: #f1f1f1;
padding: 10px 0 10px 10px !important;
}
.audit-data-list .panel-header {
background-color: white;
}
.audit-grid .x-panel-bwrap {
border: none;
}
.audit-grid .x-grid3 {
border: solid 1px silver;
}
.audit-data-list .x-panel-body {
border: solid 1px silver;
background-color: white;
}
.audit-data-list .audit-wrap {
background-color: White;
}
#Page .audit-panel .x-panel-header {
font-weight: bold;
font-size: 12px;
background: transparent;
border: none;
color: Black;
margin: 11px 0 0 0px;
padding-top: 0;
}
#detailPanel {
padding-top: 15px;
}
#detailPanel .x-panel-bwrap {
margin-right: 5px;
margin-top: 5px;
border: silver 1px solid;
}
#detailPanel .x-panel-bwrap .x-panel-body {
height: 373px !important;
}
#detailPanel .x-panel-header-text {
font-weight: bold;
text-transform: capitalize;
font-size: 10pt;
line-height: 12pt;
}
.audit-panel .x-unselectable,
.audit-panel .x-unselectable * {
-moz-user-select: none;
padding-bottom: 1px;
}
.audit-panel .x-panel-inline-icon {
background-position: 0 0;
background-repeat: no-repeat;
height: 16px;
margin-bottom: 3px;
margin-right: 4px;
margin-top: -1px;
vertical-align: middle;
width: 16px;
}
.audit-data-list .audit-item {
/*margin-top: 8px;*/
border-bottom: 1px #d1d1d1 solid;
padding-bottom: 8px;
padding-top: 8px;
overflow: auto;
}
.audit-data-list .audit-fields {
padding-bottom: 2px;
margin-left: 8px;
color: black;
}
.audit-data-list .audit-row {
clear: both;
width: 215px;
}
.audit-data-list .field-name {
margin-left: 8px;
color: gray;
width: auto;
}
.audit-data-list .field-value {
color: black;
width: auto;
padding: 0 3px;
}
.audit-data-list .field-name-container {
width: 53px;
text-align: right;
display: inline-block;
}
.audit-data-list .field-value-container {
width: 160px;
text-align: left;
float: right;
}
/*Add items via link menu (classification component)*/
/* Tile List */
.tile-list .x-panel-body {
background: white;
border: 1px solid #dddddd;
}
.tile-list .item {
padding: 3px;
}
.tile-list .item-primary {
background: url(extjs/images/primary.png) no-repeat right center;
}
.tile-list .item-wrap {
padding: 5px;
border-bottom: solid 1px #dddddd;
cursor: default;
}
.tile-list .no-data,
.tile-stack .no-data {
padding: 5px;
color: #888888;
font-style: italic;
}
.tile-list .item-wrap span {
display: block;
overflow: hidden;
text-align: center;
}
.tile-list .x-view-over {
background: #efefef url(extjs/default/grid/row-over.gif) repeat-x left top;
padding: 5px;
}
.tile-list .x-view-selected {
background: #d9e8fb url(extjs/default/grid/row-sel.gif) repeat-x;
border: 1px solid #99bbe8;
padding: 5px;
}
.tile-list .loading-indicator {
font-size: 11px;
background-image: url(extjs/default/grid/grid-loading.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
margin: 10px;
}
.tile-list .primary {
float: right;
background: url(extjs/images/primary.png);
display: inline;
height: 16px;
width: 16px;
}
.tile-stack .x-panel-body {
background: white;
border: 1px solid #aaaaaa;
}
.tile-stack .item {
padding: 3px 2px 1px 2px;
}
.classification-tile-stack .item-wrap {
float: left;
margin: 0 4px 4px 0px;
cursor: default;
background-color: #f8f8f8;
border: 1px solid #eeeeee;
white-space: nowrap;
}
.tile-stack .item-wrap {
float: left;
margin: 4px;
margin-right: 0;
cursor: default;
white-space: nowrap;
background-color: #f8f8f8;
border: 1px solid #eeeeee;
}
.stack-tags .tile-stack .item-wrap.item-wrap-label {
padding: 4px 0 0;
background: none;
border: none;
}
.classification-tags .classification-tile-stack .item-wrap {
background-color: #eeeeee;
border: 1px solid #cccccc;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
-moz-border-radius: 7px;
padding: 0 5px;
}
.stack-tags .tile-stack .item-wrap {
background-color: #eeeeee;
border: 1px solid #cccccc;
border-bottom-color: #bbbbbb;
border-right-color: #bbbbbb;
-moz-border-radius: 7px;
padding: 0 5px;
}
.stack-tags .tile-stack .item-wrap .tag-hole {
display: none;
}
.tile-stack .item-wrap span {
/* display: block; */
overflow: hidden;
text-align: center;
}
.tile-stack .x-view-over {
background-color: #eeeeee;
border: 1px solid #dddddd;
}
.submission-settings a.add-item {
white-space: nowrap;
}
.submission-settings .add-item-parent {
clear: left;
}
.submission-settings .classification-item,
.submission-settings #add-item-bottom,
.submission-settings .x-clear {
display: none;
}
.classification-tags .classification-tile-stack .item-wrap.x-view-over {
background-color: #dddddd;
border: 1px solid #8a8989;
}
.stack-tags .tile-stack .item-wrap.x-view-over {
background-color: #dddddd;
border: 1px solid #8a8989;
}
.tile-stack .x-view-selected {
border: 1px solid #99bbe8;
background-color: #d9e8fb;
}
.stack-tags .tile-stack .item-wrap.x-view-selected {
background-color: #b3c9ec;
border: 1px solid #203a58;
}
.tile-stack .x-view-selected .thumb {
background: transparent;
}
/* user defined fields*/
.classification-item {
width: auto;
padding-bottom: 15px;
}
.classification-fields-header {
font-size: 125%;
color: #203a58;
border-bottom: 1px solid #b5b8c8;
}
.classification-fields-window-header {
font: bold 11px tahoma, arial, helvetica, sans-serif;
color: #15428b;
border-bottom: 1px solid #b5b8c8;
}
.classification-fields-window-header .remove-classification-item {
font-size: 12pt;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal;
margin-top: -4px;
}
.remove-classification-item {
float: right;
}
.form-label-row {
width: 100%;
padding-top: 15px;
}
.form-label-wrapper {
/*width: 30.5%;*/
width: 157px;
vertical-align: top;
display: inline-block;
padding-right: 20px;
padding-bottom: 3px;
vertical-align: bottom;
}
.ext-ie7 .form-label-wrapper {
display: inline;
}
.form-label {
width: 100%;
display: inline-block;
padding-right: 16px;
}
.ext-ie7 .form-label {
display: inline;
}
.form-input-row {
width: 100%;
}
.form-input-wrapper {
width: 157px;
vertical-align: top;
display: inline-block;
padding-right: 16px;
padding-bottom: 10px;
}
.ext-ie7 .form-input-wrapper {
display: inline;
}
.global-form-input-wrapper {
width: 157px;
vertical-align: top;
display: inline-block;
padding-right: 20px;
padding-bottom: 5px;
}
.ext-ie7 .global-form-input-wrapper {
display: inline;
}
.classification-label {
margin-bottom: 2px;
font-weight: bold;
}
.dialog-warning {
padding-top: 5px;
font-size: 125%;
}
/* Training Tiles */
#onDemandGrid .tile {
margin: 4px;
padding: 5px;
border: 1px solid white;
background-color: white;
}
.tile {
display: inline-block;
vertical-align: top;
/*float:left; /* IE6 */
/* cursor:pointer; /* doesn't make sense when not within a link, selectable cell */
width: 100px;
overflow: hidden;
}
.x-tile-selected {
border: 1px solid #3399bb !important;
background-color: #c3daf9 !important;
}
.training-unit .thumb {
background: url(extjs/images/thumb-shadow.png) no-repeat left 1px;
padding: 2px;
}
.training-unit .thumb img {
height: 60px;
width: 90px;
border: 0;
display: block;
}
.tile .thumb-wrap {
margin-right: 0;
}
.tile .note-wrap a.title {
display: block;
margin-bottom: 4px;
}
.training-unit img.tile-missing {
background: url(extjs/images/thumb-missing.gif) no-repeat top left;
}
/* Content Layout */
div.primaryWrapper {
width: 100%;
float: left;
}
div.primaryContent {
margin-right: 230px;
}
div.supportContent {
overflow: hidden;
float: left;
margin-left: -220px;
width: 220px;
}
div.supportContent .panel-header {
text-transform: uppercase;
font-size: 1.2em;
}
div.primaryContentOsha {
margin-right: 150px;
}
div.supportContentOsha {
overflow: hidden;
float: right;
margin-left: -150px;
width: 150px;
}
.login-index div.supportContent {
float: right;
margin-left: auto;
}
div.supportContent .x-panel {
margin-bottom: 8px;
}
div.onDemandPrimaryContent {
width: 30%;
float: left;
}
div.onDemandSupportContent {
overflow: hidden;
float: right;
width: 26%;
}
div.onDemandSupportContent .x-panel {
margin-bottom: 8px;
}
div.note {
font-style: italic;
padding: 0 8px;
}
ul#MajorNav li.ohm span {
background: url(extjs/images/nav_icons.png) center -400px no-repeat;
}
ul#MajorNav li.ims span {
background: url(extjs/images/nav_icons.png) center -600px no-repeat;
}
ul#MajorNav li.assignment span {
background: url(extjs/images/nav_icons.png) center -700px no-repeat;
}
.grouped-factor-row .x-grid3-cell-inner {
margin-left: 20px;
}
div.causal-view-row {
margin-bottom: 0;
border-top: 2px solid silver;
}
div.causal-row,
div.factor-tools-row {
border-top: 2px solid silver;
padding-top: 10px;
padding-left: 0;
}
.bottom-rule {
border-top: 1px solid #dadada;
}
div.manage-action-row {
margin: -8px 0 5px 0;
padding: 12px 0 4px 0px;
color: #1f446f;
border-top: 1px solid #dadada;
}
div.linked-action-row {
margin: 0 0 5px 0;
padding: 4px 0 4px 0px;
cursor: pointer;
color: #1f446f;
}
div.linked-action {
border-top: solid 1px #dadada;
padding-top: 2px;
}
div.linked-action-row span {
margin-bottom: 0px;
}
div.linked-action-row .iconCol {
width: 18px;
}
div.linked-action-row .iconColUnlink {
width: 18px;
float: right;
}
div.linked-action-row .titleCol {
width: 436px;
}
/*div.linked-action:hover .titleCol {
text-decoration: underline;
}*/
.link-cell {
width: 569px;
}
.link-cell:hover .titleCol {
text-decoration: underline;
}
.weak {
color: Gray;
}
/* Cell Layout */
span.fieldCell {
display: -moz-inline-block;
/* FF 1.5,2 */
display: inline-block;
vertical-align: top;
margin: 0 8px 8px 0px;
}
span.fieldCell label {
display: block;
margin-bottom: 2px;
}
.oneCol {
width: 167px;
}
.oneMoreCol {
width: 180px;
}
.twoCol {
width: 342px;
}
.threeCol {
width: 517px;
}
.fourCol {
width: 692px;
}
.dateField {
width: 130px;
}
.fieldsetclass {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
padding-left: 0px;
padding-right: 0px;
}
.ext-ie6 .fieldsetclass {
display: inline;
}
/* for IE 6 */
.ext-ie7 .fieldsetclass {
display: inline;
}
/* for IE 7 */
.ext-gecko3 .fieldsetclass {
padding-left: -6px;
padding-right: -6px;
}
.BrowseButton {
vertical-align: top;
width: 20px;
height: 23px;
}
dl.systemProps {
font-size: 0.8em;
margin: 0px;
margin-bottom: 8px;
}
dl.systemProps dt {
display: inline;
}
dl.systemProps dd {
display: inline;
margin-left: 0px;
margin-right: 20px;
}
/* Assignment Status */
.assignment-notavailable,
.assignment-complete,
.assignment-excuse,
.assignment-expired,
.assignment-failed,
.assignment-markedcomplete {
color: #888888;
}
.assignment-status {
padding-left: 20px;
background: url(extjs/images/assignment-notstarted.gif) no-repeat left center;
}
.assignment-inprogress .assignment-status,
.pending-assignment-Pending .icon-small {
background-image: url(extjs/images/assignment-inprogress.png);
}
.assignment-complete .assignment-status,
.assignment-excuse .assignment-status,
.assignment-completed .assignment-status,
.assignment-excused .assignment-status,
.pending-assignment-Complete .icon-small {
color: #008800;
background-image: url(extjs/images/accept.png);
}
.assignment-markedcomplete .assignment-status {
color: #008800;
background-image: url(extjs/images/accept.png);
}
.ext-ie7 .assignment-markedcomplete .assignment-status {
padding-top: 13px;
}
.assignment-verification-failed .assignment-status,
.assignment-expired .assignment-status,
.assignment-failed .assignment-status,
.assignment-overdue .assignment-status,
.assignment-verificationfailed .assignment-status,
.pending-assignment-Failed .icon-small {
color: #880000;
background-image: url(extjs/images/exclamation.png);
}
.assignment-overdue .assignment-duedate,
.pending-assignment-Failed {
color: #880000;
}
.period-completed {
color: #888888 !important;
}
.assignment-verification-pending .assignment-status,
.assignment-pendingverification .assignment-status {
background-image: url(extjs/images/assignment-verification.png);
}
.pending-assignment-Complete {
color: #008800;
}
/* Certification Status */
.certification-expired .assignment-status,
.certification-failed .assignment-status,
.certification-overdue .assignment-status {
color: #880000;
background-image: url(extjs/images/exclamation.png);
}
.certification-inprogress .assignment-status {
background-image: url(extjs/images/assignment-inprogress.png);
}
.certification-complete .assignment-status,
.certification-excused .assignment-status {
color: #008800;
background-image: url(extjs/images/accept.png);
}
/* Messages */
.message-details {
color: #666666;
padding: 4px 0px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: 15px 0px;
}
.message-details label {
color: #999999;
}
.list-title {
margin: 2px 0px;
}
.failed-report .list-tertiary .label {
background: url("extjs/images/error-small.png") no-repeat left center;
padding-left: 16px;
}
.list-description {
color: #777777;
font-style: italic;
white-space: pre-wrap;
}
.remove-line-breaks br {
line-height: 0;
}
.retain-white-space {
word-wrap: break-word;
white-space: pre-wrap;
font-family: arial;
}
.retain-white-space br {
display: none;
}
.list-tertiary {
color: #777777;
}
.list-tertiary .label {
color: #aaaaaa;
}
.x-grid3-row-selected .list-description,
.x-grid3-row-selected .list-tertiary {
color: #eeeeee;
}
.library-description {
white-space: normal;
color: #777777;
margin: 0 105px -40px 125px;
top: -50px;
position: relative;
}
table.grid {
border-collapse: collapse;
}
table.grid td {
border: 1px solid silver;
}
#DayOfTheWeek {
padding-top: 10px;
}
#DayOfTheWeek td {
white-space: nowrap;
width: 14%;
}
#MonthsOfTheYear td {
white-space: nowrap;
width: 33%;
}
#DayOfTheWeek label,
#MonthsOfTheYear label {
padding: 5px;
}
#purchaseRow .library-description {
margin: 0 280px -40px 125px;
}
/* Button Icons */
button.category-open,
.lookup .icon-small {
background: url(extjs/images/magnifier.png) no-repeat left center;
}
.x-tree-node .category-tag {
background: url(extjs/images/tag_blue.png) no-repeat left center;
}
button.category-create {
background: url(extjs/images/tag_blue_add.png) no-repeat left center;
}
button.category-delete {
background: url(extjs/images/tag_blue_delete.png) no-repeat left center;
}
button.category-add {
background: url(extjs/images/tags.png) no-repeat left center;
}
button.category-listTraining {
background: url(extjs/images/table.png) no-repeat left center;
}
button.category-edit {
background: url(extjs/images/tag_blue_edit.png) no-repeat left center;
}
button.category-remove,
.x-menu-item .task-delete {
background: url(extjs/images/delete.png) no-repeat left center;
}
button.category-assign {
background: url(extjs/images/assign-create.png) no-repeat left center !important;
}
button.people-open {
background: url(extjs/images/magnifier.png) no-repeat left center;
}
button.people-add,
.people-add .icon-small {
background: url(extjs/images/add.png) no-repeat left center;
}
button.people-remove {
background: url(extjs/images/delete.png) no-repeat left center;
background-position: 0 3px\9 !important;
height: 18px\9 !important;
}
button.people-create {
background: url(extjs/images/add.png) no-repeat left center;
}
button.people-edit {
background: url(extjs/images/wrench_orange.png) no-repeat left center;
}
button.people-delete {
background: url(extjs/images/delete.png) no-repeat left center;
}
button.message-create {
background: url(extjs/images/email_edit.png) no-repeat left center;
}
button.message-open {
background: url(extjs/images/email_open.png) no-repeat left center;
}
button.message-directory {
background: url(extjs/images/icon_messages.png) no-repeat left center;
}
button.message-reply {
background: url(extjs/images/email_reply.png) no-repeat left center;
}
button.message-forward {
background: url(extjs/images/email_forward.png) no-repeat left center;
}
button.message-archive {
background: url(extjs/images/email_delete.png) no-repeat left center;
}
button.report-run,
.grouptab-icon-reports {
background: url(extjs/images/report.png) no-repeat left center;
}
button.report-saved,
.grouptab-icon-myreports {
background: url(extjs/images/report-user.png) no-repeat left center;
}
button.report-rerun {
background: url(extjs/images/report_go.png) no-repeat left center;
}
button.action-continue {
background: url(extjs/images/arrow_right.png) 2px 2px no-repeat;
}
.action-pending a {
background: url(extjs/images/hourglass.png) 2px 2px no-repeat;
}
.action-continue .icon-small {
background: url(extjs/images/arrow_right.png) left center no-repeat;
}
button.reportSchedule-directory {
background: url(extjs/images/server_chart.png) no-repeat left center;
}
button.reportSchedule-create {
background: url(extjs/images/calendar_add.png) no-repeat left center;
}
button.reportSchedule-edit {
background: url(extjs/images/calendar_edit.png) no-repeat left center;
}
.grouptab-icon-scheduled {
background: url(extjs/images/calendar-today.png) no-repeat left center;
}
button.reportSchedule-delete,
.grouptab-icon-unscheduled {
background: url(extjs/images/calendar_delete.png) no-repeat left center;
}
button.reportSave-create {
background: url(extjs/images/report-user-add.png) no-repeat left center;
}
button.training-open {
background: url(extjs/images/book_open.png) no-repeat left center;
}
button.training-delete {
background: url(extjs/images/delete.png) no-repeat left center;
background-position: 0 3px\9 !important;
height: 18px\9 !important;
}
button.training-preview {
background: url(extjs/images/control_play_blue.png) no-repeat left center;
}
button.assignment-take {
background: url(extjs/images/tick.png) no-repeat left center !important;
}
button.assignment-excuse {
background: url(extjs/images/email_delete.png) no-repeat left center !important;
}
button.assignment-diploma {
background: url(extjs/images/assignment-diploma.png) no-repeat left center !important;
}
button.assignment-create {
background: url(extjs/images/assign-create.png) no-repeat left center !important;
}
button.assignment-open {
background: url(extjs/images/assign.png) no-repeat left center !important;
}
button.assignment-edit {
background: url(extjs/images/assign-edit.png) no-repeat left center !important;
}
button.assignment-delete {
background: url(extjs/images/delete.png) no-repeat left center !important;
}
button.assignment-directory {
background: url(extjs/images/manage-assigns.png) no-repeat left center !important;
}
button.recharge-account {
background: url(extjs/images/lightning.png) no-repeat left center !important;
}
button.pending-assignments {
background: url(extjs/images/hourglass.png) no-repeat left center;
}
button.code-add {
background: url(extjs/images/code-add.png) no-repeat left center !important;
}
button.code-edit {
background: url(extjs/images/code-edit.png) no-repeat left center !important;
}
button.code-delete {
background: url(extjs/images/code-delete.png) no-repeat left center !important;
}
button.code-disable {
background: url(extjs/images/code-disable.png) no-repeat left center !important;
}
button.code-enable {
background: url(extjs/images/code-enable.png) no-repeat left center !important;
}
button.addtocart {
background: url(extjs/images/cart_add.png) no-repeat left center;
}
button.OshaReports {
background: url(extjs/images/OSHA.png) no-repeat left center;
}
button.addQuestion {
background: url(extjs/images/question-add.png) no-repeat left center;
}
button.addAnswer {
background: url(extjs/images/answer-add.png) no-repeat left center;
}
button.addTraining {
background: url(extjs/images/book_edit.png) no-repeat left center;
}
button.manager-set {
background: url(extjs/images/manager.png) no-repeat left center;
}
button.oshacard-create {
background: url(extjs/images/card-add.png) no-repeat left center;
}
button.oshacard-edit {
background: url(extjs/images/card-edit.png) no-repeat left center;
}
button.oshacard-excel {
background: url(extjs/images/page_white_excel.png) no-repeat left center;
}
button.oshacard-export {
background: url(extjs/images/page_white_csv.png) no-repeat left center;
}
button.oshacard-print {
background: url(extjs/images/printer.png) no-repeat left center;
}
button.session-add {
background: url(extjs/images/session_add.png) no-repeat left center;
}
button.session-edit {
background: url(extjs/images/session_edit.png) no-repeat left center;
}
button.session-delete {
background: url(extjs/images/session_delete.png) no-repeat left center;
}
/* Standard Icons */
.icon,
.icon-small,
.icon-large {
display: -moz-inline-box;
/*FF2*/
display: inline-block;
vertical-align: text-bottom;
margin: 0px 6px 0px 2px;
background-repeat: no-repeat;
}
.icon-large {
height: 32px;
width: 32px;
}
.icon {
height: 24px;
width: 24px;
}
.icon-small {
height: 16px;
width: 16px;
}
.report-OnDemand .icon {
background: url(extjs/images/shopping_cart.png) no-repeat left center;
}
.email-grey-large .icon-large {
background: url(extjs/images/email_grey_large.png) no-repeat left center;
}
.report-OnDemand .icon-small {
background: url(extjs/images/shoppingcart-small.png) no-repeat left center;
}
.report-CustomReports .icon-small {
background: url(extjs/images/report_edit.png) no-repeat left center;
}
.report-CustomReports .icon {
background: url(extjs/images/report_custom.png) no-repeat left center;
}
.report-Administrative .icon,
.report-PureSafety .icon {
background: url(extjs/images/report-Administration.png) no-repeat left center;
}
.report-PureSafety .icon-small,
.report-Administrative .icon-small {
background: url(extjs/images/report-Administration-small.png) no-repeat left center;
}
.report-People .icon {
background: url(extjs/images/people-group.png) no-repeat left center;
}
.report-People .icon-small {
background: url(extjs/images/people-group-small.png) no-repeat left center;
}
.report-Training .icon {
background: url(extjs/images/books.png) no-repeat left center;
}
.report-IMS .icon {
background: url(extjs/images/ims/ims_report.png) no-repeat left center;
}
.report-Training .icon-small {
background: url(extjs/images/book_open.png) no-repeat left center;
}
.report-InternalReports .icon-small {
background: url(extjs/images/page_white_edit.png) no-repeat left center;
}
.training-Curriculum .icon {
background-image: url(extjs/images/training-Curriculum.png);
}
.training-Curriculum .icon-small,
.training-Curriculum-small .icon {
background-image: url(extjs/images/training-Curriculum-small.png);
}
.training-Course .icon {
background-image: url(extjs/images/training-Course.png);
}
.training-Course-small .icon,
.training-Course .icon-small {
background-image: url(extjs/images/training-Course-small.png);
}
.training-Lesson .icon,
.training-Category .icon {
background-image: url(extjs/images/training-Lesson.png);
}
.training-Lesson-small .icon,
.training-Lesson .icon-small {
background-image: url(extjs/images/training-Lesson-small.png);
}
.training-TrainingAssesment .icon,
.training-TrainingAssessment .icon {
background-image: url(extjs/images/training-assessment.png);
}
.training-TrainingAssesment .icon-small,
.training-TrainingAssessment .icon-small {
background-image: url(extjs/images/training-assessment-small.png);
}
.training-PS4 .icon,
.training-Presentation .icon {
background-image: url(extjs/images/training-PS4.png);
}
.training-Presentation .icon-small,
.training-PS4 .icon-small {
background-image: url(extjs/images/training-PS4-small.png);
}
.training-Test .icon {
background-image: url(extjs/images/training-Test.png);
}
.training-Test .icon-small {
background-image: url(extjs/images/training-Test-small.png);
}
.training-Survey .icon {
background-image: url(extjs/images/training-Survey.png);
}
.training-Survey .icon-small {
background-image: url(extjs/images/training-Survey-small.png);
}
.training-File .icon,
.training-FileUpload .icon {
background-image: url(extjs/images/training-Reference.png);
}
.training-File .icon-small,
.training-FileUpload .icon-small {
background-image: url(extjs/images/training-Reference-small.png);
}
.training-RichText .icon {
background-image: url(extjs/images/training-RichText.png);
}
.training-RichText .icon-small,
.training-Rich .icon-small {
background-image: url(extjs/images/training-RichText-small.png);
}
.training-Url .icon {
background-image: url(extjs/images/training-Website.png);
}
.training-Website .icon {
background-image: url(extjs/images/training-Website.png);
}
.training-Url .icon-small,
.training-Website .icon-small {
background-image: url(extjs/images/training-Website-small.png);
}
.training-ThirdParty .icon {
background-image: url(extjs/images/training-ThirdParty.png);
}
.training-ThirdParty .icon-small,
.training-Third-PartyContent .icon-small {
background-image: url(extjs/images/training-ThirdParty-small.png);
}
.training-Helios .icon {
background-image: url(extjs/images/training-Helios.png);
}
.training-Helios .icon-small,
.training-Third-PartyContent .icon-small {
background-image: url(extjs/images/training-Helios-small.png);
}
.training-Offline .icon {
background-image: url(extjs/images/training-Offline.png);
}
.training-OfflineTraining .icon-small,
.training-Offline .icon-small {
background-image: url(extjs/images/training-Offline-small.png);
}
.tag-List .icon-small {
background-image: url(extjs/images/tag_blue.png);
}
.people-Employee .icon {
background-image: url(extjs/images/people-Employee.png);
}
.people-Employee .icon-small,
.x-tree-node-icon.people-Employee-icon-small {
background-image: url(extjs/images/people-Employee-small.png);
}
.x-tree-node-icon.people-Employee-icon-add {
background-image: url(extjs/images/action-create-employee.png);
}
.people-OrganizationUnit .icon {
background-image: url(extjs/images/people-OrganizationUnit.png);
}
.people-OrganizationUnit .icon-small,
.x-tree-node-icon.people-OrganizationUnit-icon-small,
.x-menu-item-icon.node-OrganizationUnit {
background-image: url(extjs/images/people-OrganizationUnit-small.png);
}
.x-tree-node-icon.people-OrganizationUnit-icon-small-disabled {
background-image: url(extjs/images/people-OrganizationUnit-small-disabled.png);
}
.x-tree-node-icon.people-OrganizationUnit-icon-add {
background-image: url(extjs/images/action-create-orgunit.png);
}
.x-tree-node-icon.OrganizationUnit-location-icon-add {
background-image: url(extjs/images/people-orgUnitLocation-add.png);
}
.people-Group .icon {
background-image: url(extjs/images/people-Group.png);
}
.people-Group .icon-small,
.x-tree-node-leaf .x-tree-node-icon.people-Group-icon-small {
background-image: url(extjs/images/people-Group-small.png);
}
.x-tree-node-icon.people-Group-icon-small {
background-image: url(extjs/images/people-Group-small.png);
}
.x-tree-node-icon.people-Group-icon-small-disabled {
background-image: url(extjs/images/people-Group-small-disabled.png);
}
.x-tree-node-icon.people-Group-icon-add {
background-image: url(extjs/images/action-create-group.png);
}
.people-Role .icon {
background-image: url(extjs/images/people-Role.png);
}
.people-Role .icon-small,
.x-tree-node-leaf .x-tree-node-icon.people-Role-icon-small {
background-image: url(extjs/images/people-Role-small.png);
}
.report-OSHAReports .icon-small {
background: url(extjs/images/OSHA.png) no-repeat left center;
}
.report-OSHAReports .icon {
background: url(extjs/images/OSHA_large.png) no-repeat left center;
}
.question-Assessment .icon-small,
.help .icon-small,
.icon-question-sign {
background: url(extjs/images/help.png);
}
.x-tree-node .assessment-question {
background-image: url(extjs/images/question.png);
}
.x-tree-node .assessment-answer {
background: url(extjs/images/answer.png);
}
.x-tree-node .training-assignment {
background-image: url(extjs/images/training-assessment-small.png);
}
.x-tree-node .assign-training {
background: url(extjs/images/ims/task_training_small.png);
}
.x-tree-node .general {
background: url(extjs/images/ims/task_small.png);
}
.x-tree-node .injury {
background: url(extjs/images/ims/bandaid.png);
}
.x-tree-node .investigation {
background: url(extjs/images/ims/task_investigation_small.png);
}
.x-tree-node .maintenance {
background: url(extjs/images/ims/basic_task_small.png);
}
/*start*/
.x-tree-node .training-Course-small {
background-image: url(extjs/images/training-Course-small.png);
}
.x-tree-node .training-Curriculum-small {
background-image: url(extjs/images/training-Curriculum-small.png);
}
.x-tree-node .training-Lesson-small {
background-image: url(extjs/images/training-Lesson-small.png);
}
.x-tree-node .training-Offline-small {
background-image: url(extjs/images/training-Offline-small.png);
}
.x-tree-node .training-PS4-small {
background-image: url(extjs/images/training-PS4-small.png);
}
.x-tree-node .training-RichText-small {
background-image: url(extjs/images/training-RichText-small.png);
}
.x-tree-node .training-Survey-small {
background-image: url(extjs/images/training-Survey-small.png);
}
.x-tree-node .training-Test-small {
background-image: url(extjs/images/Training-Test-small.png);
}
.x-tree-node .training-ThirdParty-small {
background-image: url(extjs/images/training-ThirdParty-small.png);
}
.x-tree-node .training-Helios-small {
background-image: url(extjs/images/training-Helios-small.png);
}
.x-tree-node .training-Website-small {
background-image: url(extjs/images/training-Website-small.png);
}
.x-tree-node-leaf .x-tree-node-icon.training-Website-small {
background-image: url(extjs/images/training-Website-small.png);
}
.x-tree-node .training-Reference-small {
background-image: url(extjs/images/training-Reference-small.png);
}
/*Stop*/
.task-AssignTraining .icon-small,
.grouptab-icon-training {
background: url(extjs/images/ims/task_training_small.png) no-repeat left center;
}
.task-AssignTraining .icon {
background: url(extjs/images/ims/task_training.png) no-repeat left center;
}
.task-General .icon,
.task-GeneralPurpose .icon {
background: url(extjs/images/ims/task.png) no-repeat left center;
}
.task-General .icon-small,
.task-GeneralPurpose .icon-small,
.task,
.grouptab-icon-tasks {
background: url(extjs/images/ims/task_small.png) no-repeat left center !important;
}
.task-Investigation .icon-small {
background: url(extjs/images/ims/task_investigation_small.png) no-repeat left center;
}
.task-Investigation .icon {
background: url(extjs/images/ims/task_investigation.png) no-repeat left center;
}
.task-Injury .icon-small {
background: url(extjs/images/ims/bandaid_add.png) no-repeat left center;
}
button.injury-unassociate {
background: url(extjs/images/ims/bandaid_delete.png) no-repeat left center;
}
.task-Injury .icon,
.task-CreateInjury .icon {
background: url(extjs/images/ims/task_injury.png) no-repeat left center;
}
.task-Maintenance .icon {
background: url(extjs/images/ims/basic_task.png) no-repeat left center;
}
.task-Maintenance .icon-small {
background: url(extjs/images/ims/basic_task_small.png) no-repeat left center;
}
.unlock-large .icon-large {
background: url(extjs/images/unlock_large.png) no-repeat left center;
}
.package {
background: url(extjs/images/package.png) no-repeat !important;
}
.world {
background: url(extjs/images/world.png) no-repeat !important;
}
.time {
background: url(extjs/images/time.png) no-repeat !important;
}
.create {
background: url(extjs/images/book_edit.png) no-repeat !important;
}
.tags {
background: url(extjs/images/tags.png) no-repeat !important;
}
button.notification-enable,
.icon-envelope {
background: url(extjs/images/email.png) no-repeat left center;
}
button.notification-disable {
background: url(extjs/images/email_disabled.png) no-repeat left center;
}
button.notification-subscribe {
background: url(extjs/images/email_add.png) no-repeat left center;
}
button.notification-unsubscribe {
background: url(extjs/images/email_delete.png) no-repeat left center;
}
button.options-advanced {
background-image: url(extjs/images/ims/cog.png);
}
/* Actions & Icons */
ul.actions {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.action-block {
margin-bottom: 12px;
}
.action-block label {
font-weight: bold;
color: #666666;
}
ul.actions li a,
.action-item a {
padding: 2px 4px 2px 24px;
}
ul.actions li a {
display: block;
}
.action-reply a {
background: url(extjs/images/email_reply.png) 2px 2px no-repeat;
}
.action-replyall a {
background: url(extjs/images/email_replyall.png) 2px 2px no-repeat;
}
.action-forward a {
background: url(extjs/images/email_forward.png) 2px 2px no-repeat;
}
.action-archive a {
background: url(extjs/images/email_delete.png) 2px 2px no-repeat;
}
.action-excuse a {
background: url(extjs/images/tick.png) 2px 2px no-repeat;
}
.action-requestexcuse a {
background: url(extjs/images/email_delete.png) no-repeat 2px 2px;
}
.action-message a {
background: url(extjs/images/email_edit.png) 2px 2px no-repeat;
}
.action-create-import a {
background: url(extjs/images/database_add.png) 2px 2px no-repeat;
}
.action-imports a {
background: url(extjs/images/database_gear.png) 2px 2px no-repeat;
}
.action-download a {
background: url(extjs/images/box_download.png) 2px 2px no-repeat;
}
.action-role a {
background: url(extjs/images/shield.png) 2px 2px no-repeat;
}
.action-preview a {
background: url(extjs/images/control_play_blue.png) 2px 2px no-repeat;
}
.action-assign a,
.action-selfassign a {
background: url(extjs/images/assign.png) 2px 2px no-repeat;
}
.action-edit a {
background: url(extjs/images/page_white_edit.png) 2px 2px no-repeat;
}
.action-translate a {
background: url(extjs/images/page_white_translate.png) 2px 2px no-repeat;
}
.action-offline-edit a {
background: url(extjs/images/training-Offline-edit.png) 2px 2px no-repeat;
}
.action-properties a {
background: url(extjs/images/table.png) 2px 2px no-repeat;
}
.action-copy a {
background: url(extjs/images/page_copy.png) 2px 2px no-repeat;
}
.action-delete a {
background: url(extjs/images/delete.png) 2px 2px no-repeat;
}
button.delete,
.delete {
background: url(extjs/images/delete.png) 0 0 no-repeat;
}
.ext-ie7 .delete {
background: url(extjs/images/delete.png) 0 0 no-repeat;
float: left;
}
.action-exit a,
button.exit-audit {
background: url(extjs/images/arrow_left.png) 2px 2px no-repeat;
}
.action-print a {
background: url(extjs/images/printer.png) 2px 2px no-repeat;
}
.action-options a {
background: url(extjs/images/page_white_gear.png) 2px 2px no-repeat;
}
.action-member a {
background: url(extjs/images/people-employee-member.png) 2px 2px no-repeat;
}
.action-assignment a,
.x-menu-item .assignment-active {
background: url(extjs/images/calendar-today.png) 2px 2px no-repeat;
}
.action-addtocart a {
background: url(extjs/images/cart_add.png) 2px 2px no-repeat;
}
.action-anonymize a {
background: url(extjs/images/lock-small.png) 2px 2px no-repeat;
}
.action-audit a {
background: url(extjs/images/clock.png) 2px 2px no-repeat;
}
.file-pdf a {
background: url(extjs/images/page_white_acrobat.png) 2px 2px no-repeat;
}
.file-excel a {
background: url(extjs/images/page_white_excel.png) 2px 2px no-repeat;
}
.file-data a {
background: url(extjs/images/page_white_database.png) 2px 2px no-repeat;
}
.file-csv a {
background: url(extjs/images/page_white_csv.png) 2px 2px no-repeat;
}
.reportSchedule-create a {
background: url(extjs/images/calendar_add.png) 2px 2px no-repeat;
}
.reportSave-create a {
background: url(extjs/images/report-user-add.png) 2px 2px no-repeat;
}
.action-create-Employee a {
background: url(extjs/images/action-create-employee.png) 2px 2px no-repeat;
}
.action-create-OrganizationUnit a {
background: url(extjs/images/action-create-orgunit.png) 2px 2px no-repeat;
}
.action-Recharge a {
background: url(extjs/images/lightning.png) 2px 2px no-repeat;
}
.action-More a {
background: url(extjs/images/library-small.png) 2px 2px no-repeat;
}
button.report-Copy {
background: url(extjs/images/page_copy.png) 2px 2px no-repeat;
}
/* On Demand Icons */
.icon-phone {
background: url(extjs/images/phone.png) top left no-repeat;
}
.assistance-action-call {
background: url(extjs/images/phone.png) 2px 2px no-repeat;
}
.assistance-action-email {
background: url(extjs/images/icon_messages.png) 2px 2px no-repeat;
}
button.apply-code {
background: url(extjs/images/add.png) no-repeat left center;
padding-left: 18px;
}
.training-purchase .icon-small {
background: url(extjs/images/next.png) no-repeat left center;
}
button.training-purchase {
background-image: url(extjs/images/next.png);
}
.details-language {
background: url(extjs/images/training-Survey-small.png) no-repeat left center;
padding-left: 18px;
}
.details-time {
background: url(extjs/images/clock.png) no-repeat left center;
padding-left: 18px;
}
.details-CEU {
background: url(extjs/images/light-bulb.png) no-repeat left center;
padding-left: 18px;
}
.printAction {
padding-left: 22px;
height: 20px;
background: url(extjs/images/printer.png) 2px 2px no-repeat;
}
.savePDF {
padding-left: 22px;
background: url(extjs/images/page_white_acrobat.png) 2px 2px no-repeat;
height: 20px;
}
.miniCart {
padding-left: 22px;
background: url(extjs/images/Cart.png) 2px 2px no-repeat;
}
.assign-Training .icon-small {
/* padding-left:20px;*/
background: url(extjs/images/assign-create.png) no-repeat left center !important;
}
.account-Individual .icon {
background-image: url(extjs/images/people-OrganizationUnit.png);
}
.account-Address .icon {
background-image: url(extjs/images/people-OrganizationUnit.png);
}
.account-Phone .icon {
background-image: url(extjs/images/people-OrganizationUnit.png);
}
.account-Phone .icon-small {
background: url(extjs/images/phone.png) 2px 2px no-repeat;
height: 20px;
padding-left: 4px;
margin: 0px;
}
.account-Email .icon-small {
background: url(extjs/images/icon_messages.png) 2px 2px no-repeat;
height: 20px;
padding-left: 4px;
margin-right: 0px;
}
.item-Price .icon-small {
background: url(extjs/images/cart_add.png) no-repeat left center;
padding-left: 20px;
}
.item-Price.purchase-seats-row .icon-small {
padding-left: 20px;
}
.purchase-seats-row {
float: left;
width: 50px;
}
.DiscountMiniCart {
display: -moz-inline-block;
/* FF 1.5,2 */
display: inline-block;
vertical-align: top;
margin: 5px 0px;
color: red;
text-align: right;
width: 100px;
}
/* ims Icons */
.task-submissions {
background: url("extjs/images/ims/submissions.png") no-repeat scroll left top transparent !important;
}
.task-events {
background: url("extjs/images/ims/events.png") no-repeat scroll left top transparent !important;
}
.grouptab-icon-assignments,
.assignment-save {
background: url("extjs/images/assignments.png") no-repeat scroll left top transparent;
}
.grouptab-icon-pending {
background: url("extjs/images/hourglass.png") no-repeat scroll left top transparent;
}
.task-related-Observation .icon-small,
.incident-observation {
background: url("extjs/images/ims/comment.png") no-repeat scroll left top transparent;
}
.task-related-Event .icon-small {
background: url("extjs/images/ims/event.png") no-repeat scroll left top transparent;
}
.injury-privacy-case .icon-small {
background: url("extjs/default/grid/hmenu-lock.png") no-repeat scroll left top transparent;
}
.event-summary {
background: url("extjs/images/ims/summary.png") no-repeat scroll left top transparent;
}
.event-losses {
background: url("extjs/images/ims/losses.png") no-repeat scroll left top transparent;
}
.event-actions {
background: url("extjs/images/ims/actions_inv.png") no-repeat scroll left top transparent;
}
.event-rootCause {
background: url("extjs/images/ims/rootCause.png") no-repeat scroll left top transparent;
}
.event-review {
background: url("extjs/images/ims/conclude.png") no-repeat scroll left top transparent;
}
.event-correctiveActions {
background: url("extjs/images/ims/event_CorrectiveActions.png") no-repeat scroll left top transparent;
}
.settings-header {
margin-top: 0;
}
.notifications-settings,
.user-notification,
.system-notification {
background: url("extjs/images/ims/notifications_settings.png") no-repeat scroll left top transparent;
}
.user-settings {
background: url("extjs/images/user-settings.png") no-repeat scroll left top transparent;
}
.user-account {
background: url("extjs/images/user_red.png") no-repeat scroll left top transparent;
}
.system-settings {
background: url("extjs/images/wrench_orange.png") no-repeat left top;
}
.risk-matrix {
background: url("extjs/images/risk_matrix.png") no-repeat left top;
}
.causal-factors {
background: url("extjs/images/arrow_join.png") no-repeat left top;
}
.custom-fields {
background: url("extjs/images/balloons-box.png") no-repeat left top;
}
.classification {
background: url("extjs/images/sitemap.png") no-repeat left top;
}
.defined-submissions {
background: url("extjs/images/page_white_gear.png") no-repeat left top;
}
.dashboard {
background: url("extjs/images/layout.png") no-repeat left top;
}
.people-settings {
background: url("extjs/images/group.png") no-repeat left top;
}
.offline-training {
background: url("extjs/images/disconnect.png") no-repeat left top;
}
.api-import {
background: url("extjs/images/document-import.png") no-repeat left top;
}
.password-settings {
background: url("extjs/images/lock-small.png") no-repeat left top;
}
.localization-settings {
background: url("extjs/images/world.png") no-repeat left top;
}
.ims-settings {
background: url("extjs/images/ims/ims-settings-small.png") no-repeat left top;
}
.appearance-settings {
background: url("extjs/images/palette.png") no-repeat left top;
}
button.task-event-create,
.x-menu-item-icon.event-create {
background: url("extjs/images/ims/event_add.png") no-repeat scroll left top transparent;
}
button.task-event-edit {
background: url("extjs/images/ims/event_edit.png") no-repeat scroll left top transparent;
}
button.task-event-delete {
background: url("extjs/images/ims/event_delete.png") no-repeat scroll left top transparent;
}
button.task-event-merge {
background: url("extjs/images/ims/arrow_join.png") no-repeat scroll left top transparent;
}
button#CloseLinked .icon-small,
button.link-back {
background: url(extjs/images/arrow_left.png) left top no-repeat;
}
.event-urgent .icon-small {
background: url("extjs/images/ims/exclamation-octagon-frame.png") no-repeat scroll left center transparent;
}
.icon-small.icon-small-nomargin {
margin: 0;
}
.loss-injury .icon-small,
.injury {
background: url("extjs/images/ims/bandaid.png") left top no-repeat;
}
.loss-spill .icon-small {
background: url("extjs/images/ims/paintcan.png") left top no-repeat;
}
.loss-property .icon-small {
background: url("extjs/images/ims/building.png") left top no-repeat;
}
.injury-osha .icon-small {
background: url("extjs/images/ims/OSHA.png") left top no-repeat;
}
.injury-undetermined .icon-small {
background: url("extjs/images/ims/injury_undetermined.png") left top no-repeat;
}
.injury-case {
background: url("extjs/images/ims/briefcase.png") left top no-repeat;
}
.injury-treatment {
background: url("extjs/images/ims/hospital.png") left top no-repeat;
}
.injury-sharps-bfe {
background: url("extjs/images/ims/icon_sharpsbfe.png") left top no-repeat;
}
.injury-employee,
.icon-user {
background: url("extjs/images/ims/user.png") left top no-repeat;
}
button.injury-add,
.history-InjuryCreated .icon-small,
.history-InjuryAdded .icon-small,
.x-menu-item-icon.injury-add {
background: url(extjs/images/ims/bandaid_add.png) no-repeat left center;
}
.history-InjuryRemoved .icon-small {
background: url(extjs/images/ims/bandaid_delete.png) no-repeat left center;
}
.history-Created .icon-small,
.audit-Created {
background: url("extjs/images/add.png") left top no-repeat;
}
.audit-Deleted {
background: url("extjs/images/delete.png") left top no-repeat;
}
.audit-RemovedFromOrgUnit {
background: url("extjs/images/people_rem_org_unit_small.png") left top no-repeat;
}
.audit-RemovedFromGroup {
background: url("extjs/images/people_rem_group_small.png") left top no-repeat;
}
.audit-AddedToOrgUnit {
background: url("extjs/images/people_add_org_unit_small.png") left top no-repeat;
}
.audit-AddedToGroup {
background: url("extjs/images/people_add_group_small.png") left top no-repeat;
}
.audit-AddedToSecurityRole {
background: url("extjs/images/people_add_role_small.png") left top no-repeat;
}
.audit-RemovedFromSecurityRole {
background: url("extjs/images/people_remove_role_small.png") left top no-repeat;
}
.history-Edited .icon-small,
.history-Modified .icon-small,
.audit-Modified {
background: url("extjs/images/pencil.png") left top no-repeat;
}
.history-RequestedExcuse .icon-small {
background: url("extjs/images/email_delete.png") left top no-repeat;
}
.history-ExcuseAccepted .icon-small,
.history-VerificationPassed .icon-small,
.grouptab-icon-approve,
button.task-verify {
background: url("extjs/images/tick.png") left top no-repeat;
}
.history-VerifierModified .icon-small {
background: url("extjs/images/tick_modified.png") left top no-repeat;
}
.history-ExcuseDenied .icon-small,
.history-VerificationFailed .icon-small,
button.request-deny {
background: url("extjs/images/cross.png") left top no-repeat;
}
.history-SystemExcused .icon-small {
background: url("extjs/Images/accept.png") left top no-repeat;
}
.history-Completed .icon-small {
background: url("extjs/images/accept.png") left top no-repeat;
}
.history-Assigned .icon-small {
background: url("extjs/images/assign.png") left top no-repeat;
}
.history-InProgress .icon-small,
.history-PendingVerification .icon-small {
background: url("extjs/images/assignment-inprogress.png") left top no-repeat;
}
.history-TrainingAssignmentCreated .icon-small {
background: url("extjs/images/assign.png") left top no-repeat;
}
.history-SubmissionAdded .icon-small {
background: url("extjs/images/ims/comments_add.png") left top no-repeat;
}
.history-SubmissionRemoved .icon-small {
background: url("extjs/images/ims/comments_delete.png") left top no-repeat;
}
.history-EventOwnerAdded .icon-small {
background: url("extjs/images/ims/user_add.png") left top no-repeat;
}
.history-EventOwnerRemoved .icon-small,
.history-AssigneeRemoved .icon-small {
background: url("extjs/images/ims/user_delete.png") left top no-repeat;
}
.history-InvestigationAdded .icon-small {
background: url("extjs/images/ims/actions_inv_add.png") left top no-repeat;
}
.history-InvestigationCompleted .icon-small,
.history-InvestigationExcused .icon-small {
background: url("extjs/images/ims/actions_inv_comp.png") left top no-repeat;
}
.history-CorrectiveActionAdded .icon-small {
background: url("extjs/images/ims/corrective_action_add.png") left top no-repeat;
}
.history-InvestigationRemoved .icon-small,
.history-InvestigationDeleted .icon-small {
background: url("extjs/images/ims/actions_inv_delete.png") left top no-repeat;
}
.history-CorrectiveActionRemoved .icon-small,
.history-CorrectiveActionDeleted .icon-small {
background: url("extjs/images/ims/corrective_action_delete.png") left top no-repeat;
}
.history-CorrectiveActionCompleted .icon-small,
.history-CorrectiveActionExcused .icon-small {
background: url("extjs/images/ims/corrective_action_comp.png") left top no-repeat;
}
.history-SupervisorReportCompleted .icon-small,
.history-AffectedPartyCompleted .icon-small,
.history-ObservationCompleted .icon-small {
background: url("extjs/images/ims/application_form_valid.png") left top no-repeat;
}
.icon-corrective-action {
background: url("extjs/images/ims/corrective_action.png") left top no-repeat;
}
button.add-training,
button.add-trainee,
button.add,
.causal-add .icon-small,
.corrective-add .icon-small {
background: url(extjs/images/add.png) no-repeat left center !important;
}
.corrective-link .icon-small {
background: url(extjs/images/link.png) no-repeat left center !important;
}
a.add {
padding-left: 20px;
background: url(extjs/images/add.png) no-repeat left center;
}
button.edit {
background: url(extjs/images/pencil.png) no-repeat left center !important;
}
button.submission-add {
background: url(extjs/images/ims/comment_add.png) no-repeat left center !important;
}
button.submissions-add,
.x-menu-item-icon.submissions-add {
background: url(extjs/images/ims/comments_add.png) no-repeat left center !important;
}
button.submissions-remove {
background: url(extjs/images/ims/comments_delete.png) no-repeat left center !important;
}
.org-root.icon-small {
background: url("extjs/images/ims/org-root.png") left top no-repeat;
height: 13px;
margin: 0px;
}
button.submission-archive,
.x-menu-item-icon.submission-archive {
background: url(extjs/images/archive.png) no-repeat left center !important;
}
button.submission-mark {
background: url(extjs/images/ims/progress.png) no-repeat left center !important;
}
button.submission-link {
background: url(extjs/images/ims/submission_link.png) no-repeat left center !important;
}
button.submission-link-remove,
.unlink .icon-small {
background: url(extjs/images/ims/link_break.png) no-repeat 0 -2px !important;
cursor: pointer;
}
button.file-open {
background: url(extjs/images/page_white_magnify.png) no-repeat left center !important;
}
.checkbox .icon-small {
background: url(extjs/images/ims/checkbox.png) no-repeat left center !important;
}
.checkbox.selected .icon-small {
background: url(extjs/images/ims/checkbox_check.png) no-repeat left center !important;
}
a.attached-form {
width: 16px;
height: 16px;
display: inline-block;
margin-left: -20px;
background: url(extjs/images/ims/page_link.png) left center no-repeat;
vertical-align: text-bottom;
}
.icon-check.icon-small,
.section-valid {
background: url("extjs/images/ims/tick.png") left top no-repeat;
}
button.time-add {
background: url("extjs/images/ims/time_add.png") left top no-repeat;
}
button.time-edit {
background: url("extjs/images/ims/time_edit.png") left top no-repeat;
}
button.time-delete {
background: url("extjs/images/ims/time_delete.png") left top no-repeat;
}
.info .icon-small,
.audit-Details,
.icon-info-sign {
background-image: url("extjs/images/info.png");
}
/* Tasks */
ul.peopleList li {
height: 18px;
padding-left: 20px;
}
ul.peopleList li.people-Employee {
background: url(extjs/images/people-Employee-small.png) left top no-repeat;
}
ul.peopleList li.people-OrganizationUnit {
background: url(extjs/images/people-OrganizationUnit-small.png) left top no-repeat;
}
ul.peopleList li.people-Group {
background: url(extjs/images/people-Group-small.png) left top no-repeat;
}
ul.trainingList li {
height: 18px;
padding-left: 20px;
}
ul.trainingList li.training-Curriculum {
background: url(extjs/images/training-Curriculum-small.png) left top no-repeat;
}
ul.trainingList li.training-Course {
background: url(extjs/images/training-Course-small.png) left top no-repeat;
}
ul.trainingList li.training-Lesson {
background: url(extjs/images/training-Lesson-small.png) left top no-repeat;
}
ul.trainingList li.training-TrainingAssessment {
background: url(extjs/images/training-assessment-small.png) left top no-repeat;
}
ul.trainingList li.training-Presentation,
ul.trainingList li.training-PS4 {
background: url(extjs/images/training-PS4-small.png) left top no-repeat;
}
ul.trainingList li.training-Test {
background: url(extjs/images/training-Test-small.png) left top no-repeat;
}
ul.trainingList li.training-Survey {
background: url(extjs/images/training-Survey-small.png) left top no-repeat;
}
ul.trainingList li.training-FileUpload {
background: url(extjs/images/training-Reference-small.png) left top no-repeat;
}
ul.trainingList li.training-RichText {
background: url(extjs/images/training-RichText-small.png) left top no-repeat;
}
ul.trainingList li.training-Url {
background: url(extjs/images/training-Website-small.png) left top no-repeat;
}
ul.trainingList li.training-ThirdParty {
background: url(extjs/images/training-ThirdParty-small.png) left top no-repeat;
}
ul.trainingList li.training-Offline {
background: url(extjs/images/training-Offline-small.png) left top no-repeat;
}
ul.assignmentList li {
padding: 4px 0 0 5px;
height: 14px;
list-style: none;
}
ul.assignmentList li.assignmentIndent {
height: 13px;
padding: 0 0 0 30px;
color: #666666;
font-size: 11px;
list-style-type: none;
}
.ims-form-Supervisor .icon-small {
background-image: url("extjs/images/ims/user_suit.png");
}
.ims-form-Affected .icon-small {
background-image: url("extjs/images/ims/user_red.png");
}
.ims-form-Observation .icon-small {
background-image: url("extjs/images/ims/comment.png");
}
.ims-form-Incident .icon-small {
background-image: url("extjs/images/ims/comment.png");
}
.submission-loss {
color: #bb0000;
}
/* Validation Messages */
.validation-summary-errors,
.validation-summary-warnings,
.validation-summary-success,
.validation-summary-information {
border: 1px solid;
margin: 0px;
padding: 8px 8px 8px 32px;
}
.validation-summary-errors li,
.validation-summary-warnings li,
.validation-summary-success li,
.validation-summary-information li {
padding: 0px 0px 0px 3px;
}
.validation-summary-errors {
border-color: #f8c6c6;
background-color: #fed5d5;
color: #a50000;
}
.validation-summary-success {
border-color: #d6e9c6;
background-color: #dff0d8;
color: #468847;
}
.validation-summary-information {
border-color: #bce8f1;
background-color: #d9edf7;
color: #3987ad;
}
.validation-summary-errors li {
list-style: square url(extjs/images/exclamation.png) outside;
}
.validation-summary-success li {
list-style: square url(extjs/images/info.png) outside;
}
.validation-summary-information li {
list-style: square url(extjs/images/info.png) outside;
}
.validation-summary-warnings {
background-color: #ffffaa;
border-color: #f2e8a4;
color: #917918;
}
.validation-summary-warnings li {
list-style: square url(extjs/images/error.png) outside;
}
.fault {
background: url('extjs/images/exclamation.png') #ffffcc no-repeat right center !important;
padding-right: 16px;
}
.faulttext {
background-color: #ffffcc;
}
div.note {
font-style: italic;
padding: 0 8px;
border: 1px solid #eeeeaa;
background-color: #ffffdd;
}
.msg-success {
color: #468847;
padding: 5px 0;
}
.msg-failure {
color: #880000;
}
.InstructionBox .x-panel-body {
border: solid 1px #c8c595;
width: 100%;
display: inline-block;
margin: 0px;
position: relative;
padding: 5px 5px 5px 26px;
background: #fff7ee url(extjs/images/info.png) no-repeat 5px 5px;
}
/* lookup validation styles */
.message-box {
padding: 5px 5px 5px 26px;
width: auto;
margin: 5px;
}
.message-box h4 {
padding: 0px;
padding-bottom: 5px;
margin: 0px;
font-size: 13px;
}
.message-box.red > ul,
.message-box.yellow > ul {
padding-top: 5px;
list-style: inside url("extjs/images/ims/bullet_error.png");
}
.message-box.red {
border: 1px solid #f8c6c6;
background: #fed5d5 url("extjs/images/ims/exclamation-red-frame.png") 5px 5px no-repeat;
color: #a50000;
}
.message-box.yellow {
border: 1px solid #f2e8a4;
background: #ffffaa url("extjs/images/ims/exclamation-yellow-frame.png") 5px 5px no-repeat;
color: #917918;
}
.message-box.green {
border: 1px solid #d6e9c6;
background: #dff0d8 url("extjs/images/ims/information-frame.png") 5px center no-repeat;
color: #468847;
}
.message-box.blue {
border: 1px solid #bce8f1;
background: #d9edf7;
color: #3a87ad;
}
/* Reports */
#oReportDiv {
overflow: visible !important;
}
.report-param-panel .x-panel-body.x-panel-body-noheader {
background-color: white;
border-width: 0;
padding: 1px;
}
.report-data-panel .x-panel-body-noheader,
.x-panel-mc .x-panel-body {
border: 0px;
}
.tile-stack .x-panel-body {
overflow: hidden;
position: relative;
}
h2 input[type="checkbox"] {
margin-left: 0;
margin-right: 0;
vertical-align: bottom;
}
h2.section {
margin-top: 36px;
margin-bottom: 0;
}
.head-note {
color: gray;
font-size: 12px;
margin-left: 0.5em;
}
div.hr.section {
border-top: solid 1px silver;
margin-bottom: 1em;
}
#myReportGrid .x-grid3-row {
border-color: White White LightSteelBlue;
padding: 2px 0;
}
.check-cell {
background: url("extjs/images/check.png") no-repeat center center;
height: 19px;
}
.check-cell span {
display: none;
}
.rule-legend {
padding: 0;
margin: 0;
border-width: 1px 0 0 0;
}
.rule-legend legend {
margin-left: 10px;
padding-right: 5px;
}
/* On Demand */
span.cardImage {
background: url(extjs/images/CreditCards.jpeg) no-repeat right top;
display: inline-block;
height: 36px;
padding-right: 0px;
margin-top: 0px;
width: 240px;
}
span.cvamex {
background: url(extjs/images/cvamex.gif) no-repeat right top;
display: block;
padding-right: 50px;
margin-top: 0px;
}
span.cvvisama {
background: url(extjs/images/cv_visama.gif) no-repeat right top;
display: block;
height: 36px;
padding-right: 50px;
margin-top: 0px;
}
.x-apply .x-btn-left {
background: none;
}
.x-apply .x-btn-right {
background: none;
}
.x-apply .x-btn-center {
background: none;
}
ul.assistance-actions {
list-style-type: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding-left: 0px;
}
ul.assistance-actions li {
display: block;
padding: 2px 4px 2px 24px;
}
.fieldDetail {
display: block;
margin: 8px 0;
width: 225px;
}
/* Purchase Summary */
.account-Summary-Text {
font-color: gray;
}
ul.account-Summary {
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.account-Summary li span {
color: #777777;
}
ul.account-Summary li {
padding: 4px;
}
ul.account-Summary li a:hover {
background-color: #cad3c1;
}
.discount-inactive {
color: gray;
}
.discount-type-cash .icon-small {
padding-left: 20px;
background: url(extjs/images/assignment-inprogress.png) no-repeat left center;
}
.discount-type-single .icon-small {
padding-left: 20px;
background: url(extjs/images/accept.png) no-repeat left center;
}
.discount-type-multiple .icon-small {
padding-left: 20px;
background: url(extjs/images/exclamation.png) no-repeat left center;
}
.discount-enabled {
padding-left: 20px;
background: url(extjs/images/bullet_green.png) no-repeat left center;
}
.discount-disabled {
padding-left: 20px;
background: url(extjs/images/bullet_red.png) no-repeat left center;
}
/* Page-specific layouts */
.Home-Dashboard div.primaryWrapper {
width: 60%;
float: left;
}
.Home-Dashboard div.primaryContent {
margin: 0px 8px 0px 0px;
}
.Home-Dashboard div.supportContent {
overflow: hidden;
float: left;
width: 40%;
margin: 0px;
}
/* library */
.library-inline-links {
clear: both;
margin-top: 5px;
}
.library-inline-links button {
padding: 0px;
}
.library-inline-links a,
.library-inline-links button {
margin-right: 3px;
}
/* promocode create/edit */
.italicGrayText {
font-style: italic;
color: #454545;
}
/* purchase complete */
.purchaseLabel {
font-size: 15px;
}
.Discount {
color: red;
}
.purchaseTotal {
font-weight: bold;
}
.billingAddress {
width: 27%;
display: inline;
}
.labelBillingAddress {
color: Gray;
margin-top: 5px;
}
.mailingAddress {
width: 27%;
float: left;
display: inline;
}
.puchaseComplete {
margin-top: 110px;
}
.secondUserControl {
margin-top: 8px;
}
.purchaseSummaryPrint {
float: right;
}
/*checkout Page */
.checkoutSummaryLabel {
width: 92%;
font-size: 15px;
}
.checkoutSummaryLabel {
width: 92%;
font-size: 15px;
}
.checkoutPrint {
text-align: right;
width: 100%;
}
.cardImagePadding {
padding-left: 6px;
}
.labelAttention {
display: inline-block;
width: 75%;
}
.labelcopyAddress {
display: inline-block;
width: 63%;
}
.visaCardImageCell {
vertical-align: middle;
margin: 0px;
}
.visaCardTextCell {
width: 65%;
vertical-align: middle;
text-align: justify;
height: auto;
margin: 0px;
}
.masterCardTextCell {
width: 48%;
vertical-align: middle;
text-align: justify;
height: auto;
display: inline-block;
margin: 0px;
}
/*create Edit Assignmnet */
.ODAssignmentSupport {
margin-top: 26px;
}
.ODcheckoutSupport {
margin-top: 18px;
}
.advancedOptions {
cursor: pointer;
}
.createTrainee {
padding: 4px;
}
.shoppingCartHeading {
vertical-align: top;
float: left;
}
/*shopping cart */
.detailsTitle {
font-size: 15px;
}
.detailsPrice {
font-weight: bold;
width: 225px;
}
.detailsPerSeat {
font-weight: normal;
color: Gray;
}
.detailsDesc {
height: 150px;
}
.detailPerSeatDesc {
font-size: 10px;
color: Gray;
float: left;
}
/*assistance */
.assistancePaddingLeft {
padding-left: 0px;
}
.assistanceMargin {
margin: 5px;
}
/* OnDemandHome*/
.miniCartIcon {
padding-top: 5px;
padding-left: 18px;
}
.viewCart {
text-align: right;
width: 154px;
padding-top: 5px;
}
.purchaseMiniBtn {
padding-top: 5px;
padding-left: 5px;
}
.purchaseMiniTotal {
padding-top: 5px;
padding-left: 5px;
text-align: right;
width: 90px;
}
.mini-store-remove {
vertical-align: bottom;
padding-top: 7px;
}
/*login */
.loginDiv {
width: 27%;
float: left;
display: inline;
border-right: 1px solid #333333;
}
.loginLabel {
display: inline-block;
width: 122px;
}
.loginSecondDiv {
width: 27%;
float: left;
display: inline;
margin-left: 20px;
}
.retrievePasswordDivider {
line-height: 14px;
padding-bottom: 10px;
padding-left: 4px;
padding-top: 7px;
position: relative;
width: 415px;
}
.dividerLine {
background-color: gray;
height: 1px;
width: 100%;
}
.orTextbox {
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.orText {
origin: padding;
background: white none repeat scroll 0 0;
padding: 0 12px;
}
/* General */
.controlSupportContent {
margin-bottom: 8px;
margin-top: 8px;
width: 230px;
}
/*Purchase Summary */
.CurrencyFieldLabel {
clear: left;
display: inline;
position: relative;
float: left;
text-align: right;
width: 90px;
margin: 1px 0px 1px 0px;
padding: 1px;
color: Gray;
}
.CurrencyField {
display: inline;
position: relative;
float: left;
text-align: right;
width: 90px;
margin: 1px 0px 1px 0px;
padding: 1px;
}
.SummarySection {
position: relative;
margin-left: 400px;
text-align: right;
margin-bottom: 10px;
}
.DiscountLine {
border-bottom: 1px solid black;
padding-bottom: 4px;
}
.TotalLine {
border-top: 1px solid black;
padding-top: 4px;
}
.CurrencyFieldLabel {
clear: left;
display: inline;
position: relative;
float: left;
text-align: right;
width: 120px;
margin: 1px 0px 1px 0px;
padding: 1px;
}
.CurrencyField {
display: inline;
position: relative;
float: left;
text-align: right;
width: 120px;
margin: 1px 0px 1px 0px;
padding: 1px;
}
.ItemSection {
display: inline-block;
}
.CouponCodeSection {
clear: both;
float: left;
margin-left: 0px;
margin-bottom: 20px;
margin-left: 660px;
}
.SummarySection {
float: left;
margin-left: 215px;
text-align: right;
margin-bottom: 20px;
}
.DiscountLine {
border-bottom: 1px solid black;
padding-bottom: 4px;
}
.TotalLine {
border-top: 1px solid black;
padding-top: 4px;
}
.submitBar {
width: 685px;
clear: both;
padding: 10px;
}
.createaccount {
padding: 10px;
margin-left: 538px;
}
.action-accountDetails a {
background: url(extjs/images/magnifier.png) 2px 2px no-repeat;
}
/* ondemand checkout */
.Checkout-Index div.ext-el-mask,
.Checkout-SubmitPayment div.ext-el-mask {
position: fixed;
}
.Checkout-Index #Page div.ext-el-mask {
position: absolute;
}
.x-form-field-wrap .x-form-spinner-trigger {
background: transparent url(extjs/default/form/spinner.gif) no-repeat 0 0;
}
.x-form-field-wrap .x-form-spinner-overup {
background-position: -17px 0;
}
.x-form-field-wrap .x-form-spinner-clickup {
background-position: -34px 0;
}
.x-form-field-wrap .x-form-spinner-overdown {
background-position: -51px 0;
}
.x-form-field-wrap .x-form-spinner-clickdown {
background-position: -68px 0;
}
.x-trigger-wrap-focus .x-form-spinner-trigger {
background-position: -85px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overup {
background-position: -102px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickup {
background-position: -119px 0;
}
.x-trigger-wrap-focus .x-form-spinner-overdown {
background-position: -136px 0;
}
.x-trigger-wrap-focus .x-form-spinner-clickdown {
background-position: -153px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
border-bottom: 1px solid #7eadd9;
}
.x-form-field-wrap .x-form-spinner-splitter {
line-height: 1px;
font-size: 1px;
background: transparent url(extjs/default/form/spinner-split.gif) no-repeat 0 0;
position: absolute;
cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter {
background-position: -14px 0;
}
button.assignment-requestexcuse {
background: url(extjs/images/email_delete.png) no-repeat left center !important;
}
/* On Demand Unit Details */
#tdScreenShot {
float: left;
}
.unit-title {
margin: 0;
padding-bottom: 5px;
}
.unit-props {
margin: 2px 0 8px 0;
display: inline-block;
padding-left: 20px;
vertical-align: top;
width: 220px;
/* 700 - 360 - 20 =220 */
}
.unit-price {
display: block;
margin: 0 0 8px 0;
}
.details-language,
.details-time,
.details-tags {
display: block;
margin: 2px 0;
}
.details-tags a {
display: inline-block;
padding-left: 18px;
background: url(extjs/images/tag_blue.png) no-repeat top left;
}
ul.details-tags {
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.details-tags li {
display: inline-block;
padding-left: 18px;
background: url(extjs/images/tag_blue.png) no-repeat top left;
}
.unit-desc {
clear: both;
}
.ShoppingCart-Index .x-grid3-row-selected .x-grid3-td-Seats {
background: #95b8f1;
}
.ShoppingCart-Index .x-grid3-td-Seats {
background: #dddddd;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.seat-alert .icon-small,
.section-invalid {
background: url(extjs/images/exclamation.png) left center;
}
.xtb-text span.note {
line-height: 1;
}
#libraryTree .x-tree-node a span {
white-space: normal;
}
#libraryTree .x-tree-node-el img {
display: inline-block;
float: left;
}
#libraryTree a.x-tree-node-anchor {
display: table;
}
.ps-axis ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.ps-axis-viewport {
overflow: auto;
}
.ps-axis-group {
border-color: #bbbbbb #999999 #999999 #bbbbbb;
border-style: solid;
border-width: 1px;
margin-bottom: 4px;
}
.ps-axis-group-title {
border-color: white #bbbbbb #bbbbbb white;
border-width: 1px 0;
border-style: solid;
background-color: #f2f2f2;
padding: 4px 4px 4px 5px;
}
.ps-axis-item-list {
border-bottom: 1px solid #dddddd;
}
.ps-axis-group-collapsed .axis-item-list {
display: none;
}
.ps-axis-item {
border: 1px solid;
border-color: white #dddddd #dddddd;
padding: 3px 3px 3px 5px;
}
.ps-axis-item-add {
padding: 3px 3px 3px 5px;
background-color: #eeeeee;
}
.ps-axis-item-list a {
display: inline-block;
padding: 2px 2px 0px 20px;
background: url(extjs/images/assignment-notstarted.gif) no-repeat left top;
}
.ps-axis-item-add a {
background-image: url(extjs/images/add.png);
}
.ps-axis-item-title a:hover {
background-image: url(extjs/images/delete.png);
color: #880000;
text-decoration: none;
}
.ps-axis-empty {
font-style: italic;
color: #777777;
padding: 3px 3px 3px 5px;
}
.training-group-details {
display: inline-block;
vertical-align: bottom;
}
.group-title {
font-size: 15px;
margin-bottom: 2px;
}
.group-details {
color: #666666;
}
.group-error,
.item-error {
color: #880000;
font-weight: bold;
}
.ps-axis-item-title .item-error {
background-image: url(extjs/images/exclamation.png);
}
.group-tools {
float: right;
}
.group-remove {
height: 16px;
width: 16px;
background: url(extjs/images/delete.png) top right no-repeat;
display: inline-block;
}
.group-remove span {
display: none;
}
#assignList .x-panel-noborder .x-toolbar {
border-width: 0;
}
.x-selectable,
.x-selectable * {
-moz-user-select: text!important;
-khtml-user-select: text!important;
}
.x-tree-pager {
color: #666666;
}
.x-tree-pager-loading {
font-style: italic;
}
.x-tree-pager-icon {
background-image: url(extjs/default/tree/more.png) !important;
background-position: 0 2px;
}
.x-tree-pager-loading .x-tree-pager-icon {
background-image: url(extjs/default/tree/loading.gif) !important;
}
.osha-support-contact {
color: Gray;
float: left;
width: 720px;
margin-left: 10px;
}
.osha-support-contact.mobile {
float: none;
width: 100%;
}
.osha-time-remaining {
color: Gray;
float: right;
width: 275px;
}
.osha-time-remaining.mobile {
float: none;
width: 100%;
}
h2.osha-header {
margin-right: 275px;
}
/* file input and list styles for observation */
.file-delete a,
.causal-delete .icon-small,
.remove-choice .icon-small {
background: url(extjs/images/cross.png) left top no-repeat;
cursor: pointer;
}
.file-list li {
list-style: none;
padding: 2px 0;
}
.file-attach {
background-image: url(extjs/images/attach.png) !important;
}
.x-form-file-btn.x-btn-icon .x-btn-small .x-btn-text {
width: auto;
}
/* IMS news feed styles */
.newsfeed-row-body {
display: inline-block;
position: relative;
width: 100%;
float: left;
}
.newsfeed-row-body.urgent {
background: url("extjs/images/ims/urgent.png") no-repeat scroll left top transparent;
}
.newsFeed .x-grid3-row.archived .x-grid3-row-body {
-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);
}
.newsfeed-row-desc {
padding-bottom: 5px;
overflow: hidden;
zoom: 1;
max-height: 100px;
}
.newsfeed-row-tasks {
border-top: 1px solid #cccccc;
clear: both;
padding: 3px;
}
.newsfeed-row-tasks li {
border-bottom: 1px solid #dadada;
margin-left: 20px;
padding: 3px 0 3px;
width: auto;
font-size: 11px;
}
.task-row-right {
float: right;
padding-right: 10px;
}
.row-small {
font-size: 11px;
color: #444444;
}
.newsfeed-row-tasks li:last-of-type {
border: none;
}
.newsfeed-row-links {
border-top: solid 1px #9bb4d1;
padding: 3px;
background-color: #eeeeee;
clear: both;
position: relative;
}
.newsfeed-row-links a {
color: #486382;
font-weight: bold;
margin: 0 7px;
line-height: 18px;
}
.newsfeed-info {
float: left;
font-size: 12px;
width: 100px;
margin: 10px 0 10px 10px;
z-index: 5;
}
.newsfeed-info li.newsfeed-info-status {
border-top: solid #c3c3c3 1px;
margin: 8px 25px 0 8px;
padding-top: 2px;
}
.newsfeed-descr {
font-size: 12px;
padding: 5px;
position: relative;
margin: 5px 10px 0 110px;
}
.newsfeed-attachments {
margin: 0 10px 0px 115px;
padding: 5px 5px 5px 20px;
}
.newsfeed-gray {
color: #777777;
}
.newsFeed .x-grid3-row-table .x-grid3-cell {
display: none;
}
.newsFeed .x-panel-body {
border-color: #cccccc;
}
.newsFeed .x-grid3-viewport {
background: none repeat scroll 0 0 #dddddd;
border-color: #888888;
border-style: solid none none solid;
border-width: 1px medium medium 1px;
}
.newsFeed .x-grid3-row {
width: 100% !important;
border: 0 none;
}
.newsFeed .x-grid3-body {
width: auto !important;
}
.newsFeed .x-grid3 table {
width: 100% !important;
}
.newsFeed .x-grid3-row-table .x-grid3-row-body {
border: solid 1px #cccccc;
border-right-color: #888888;
border-bottom-color: #888888;
background-color: white;
}
.newsFeed .x-grid3-row-over {
padding: 0px;
border: none !important;
background: none;
}
.newsFeed .x-grid3-row-selected {
background: none !important;
border: none !important;
}
.newsFeed .x-grid3-row-over .x-grid3-row-body {
border-color: #777777;
border-right-color: #555555;
border-bottom-color: #555555;
background: url(extjs/default/grid/row-over.gif) repeat-x left top #efefef;
}
.newsFeed .x-grid3-row-selected .x-grid3-row-body {
border-color: #4f72aa;
background: #e6eefa;
}
.submission-method-Web {
background: url("extjs/images/ims/mouse.png") left center no-repeat;
margin: 0 6px 0 0px;
}
.newsfeed-row-title {
color: #102c4c;
font-size: 13px;
font-weight: bold;
padding-bottom: 5px;
}
.newsfeed-row-title-secondary {
padding: 0 0 2px 0;
margin-bottom: 5px;
font-weight: bold;
color: #757575;
border-bottom: 1px solid silver;
}
.newsfeed-row-id {
color: #666666;
float: right;
font-weight: normal;
}
.newsfeed-info li {
font-weight: bold;
margin: 2px 0 0 8px;
}
.newsfeed-row-tasks,
.attachments-thumb-wrap,
.newsfeed-row-links,
.newsfeed-info {
-moz-user-select: none!important;
-khtml-user-select: none!important;
}
.newsFeed .x-grid3-row .panel-shadow-wrap {
margin: 3px 30px 3px 5px;
}
.newsFeed.x-grid-panel {
zoom: 1;
}
/* ims custom form fields styles */
.x-form-field-wrap .x-form-people-trigger {
background-image: url(extjs/images/people-trigger.png);
}
.x-form-field-wrap .x-form-matrix-trigger {
background-image: url(extjs/images/ims/matrix-trigger.png);
}
.people-search-list .more-records {
background-color: #f8f8f8;
border-width: 0 !important;
border-top: 1px solid #575757 !important;
}
.more-records {
background-color: #f8f8f8;
border-top: 1px solid #dddddd;
color: #999999;
font-style: italic;
padding: 3px;
}
.severity-icon {
display: block;
width: 48px;
height: 48px;
}
.severity-High {
background: url("extjs/images/ims/severity_red.png") left top no-repeat;
margin: 0 4px 0 0;
}
.severity-Medium {
background: url("extjs/images/ims/severity_yellow.png") left top no-repeat;
margin: 0 4px 0 0;
}
.severity-Low {
background: url("extjs/images/ims/severity_green.png") left top no-repeat;
margin: 0 4px 0 0;
}
.severity-Negligible {
background: url("extjs/images/ims/severity_blue.png") left top no-repeat;
margin: 0 4px 0 0;
}
.severity-None {
background: url("extjs/images/ims/severity_clear.png") left top no-repeat;
margin: 0 4px 0 0;
}
.list-risk {
z-index: 120000;
font-size: 11px;
position: absolute;
}
.list-risk ul,
.people-search-list {
border: #8a8989 3px solid;
}
.list-risk ul {
width: 300px;
top: auto;
position: relative;
left: 10px;
z-index: 120000;
padding: 1px;
background-color: #575757;
}
.list-risk .quote {
position: absolute;
background: url(extjs/images/ims/risk_list_quote.png) left center no-repeat;
display: block;
height: 20px;
width: 10px;
height: 100%;
left: -13px;
}
.list-risk li {
padding: 2px 5px;
border-style: solid;
border-width: 1px;
border-color: Silver;
border-left: none;
border-right: none;
background-color: white;
}
.list-risk li.risk-option-Negligible {
background-color: #9ea2ca;
border-top-color: #b7bafc;
border-bottom-color: #343bb7;
}
.list-risk li.risk-option-Low {
background-color: #a0ca9e;
border-top-color: #befdc0;
border-bottom-color: #00b004;
}
.list-risk li.risk-option-Medium {
background-color: #fbff9e;
border-top-color: #fdffcc;
border-bottom-color: #afb604;
}
.list-risk li.risk-option-High {
background-color: #ca8585;
border-top-color: #ffc7c7;
border-bottom-color: #bf0000;
}
.list-risk .risk-option.current {
color: White;
background-color: Silver;
}
.list-risk .risk-option.risk-option-Negligible.current {
background-color: #343bb7;
}
.list-risk .risk-option.risk-option-Low.current {
background-color: #00b004;
}
.list-risk .risk-option.risk-option-Medium.current {
background-color: #edf416;
color: black;
}
.list-risk .risk-option.risk-option-High.current {
background-color: #bf0000;
}
.people-search-list {
background: white;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.people-search-list-header.list-first {
margin-top: 0px;
}
.people-search-list-header {
padding: 3px;
background-color: #8a8989;
font-weight: bold;
color: white;
padding: 1px 0 0 0;
margin: 0;
height: 0px;
}
.people-search-list-header .icon-small {
position: absolute;
margin-top: 3px;
margin-left: 3px;
}
.people-search-list .x-combo-list-inner {
background: none;
border: 1px solid #575757;
background-color: white;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.people-search-list-items {
padding-left: 22px;
border-bottom: 1px solid #e6e6e6;
margin: 0 1px;
width: inherit;
}
.people-search-list .more-records {
border-top: 1px solid #575757;
background: #8a8989;
color: #3f3f3f;
}
.training-search-list {
width: auto;
min-width: 200px;
}
/* IMS window styles */
.ObservationWindow .x-item-disabled *,
.ObservationWindow .x-item-disabled {
color: black !important;
}
.ObservationWindow textarea[readonly] {
color: gray;
}
.attachments-thumb,
.attachments-thumb-wrap.x-view-selected.x-view-over .attachments-thumb {
border: solid 2px #d6d6d0;
}
.fieldset-losses .x-form-check-wrap {
line-height: 16px;
height: 16px;
}
.ObservationWindow .attachments-thumb-wrap {
width: 84px;
white-space: nowrap;
}
.newsFeed .attachments-thumb-wrap {
width: 64px;
white-space: nowrap;
}
.page-task-content .attachments-thumb-wrap {
width: 94px;
white-space: nowrap;
}
.ext-ie .ObservationWindow .x-form-file-wrap .x-form-file-text,
.ext-ie .x-form-file-wrap .x-form-file-text.btn-only {
display: none !important;
}
.event-values {
/*height:18px;*/
min-height: 18px;
padding-top: 6px;
padding-bottom: 12px;
color: #444444;
}
span.injury-values {
/*height:18px;*/
min-height: 18px;
padding-top: 6px;
padding-bottom: 12px;
color: #222222;
word-wrap: break-word;
}
.submission-values {
height: 18px;
color: #444444;
border: none;
position: relative;
top: -10px;
}
.event-values .x-panel-body {
border: none;
}
.injury-preview-link {
color: #1f446f;
cursor: pointer;
}
.injury-preview-link td {
padding: 2px 3px;
}
.injury-preview-link.item-over td {
text-decoration: underline;
}
.x-tool.x-tool-new-window {
background-image: url(extjs/images/ims/tool_new_window.png);
background-position: 0 0;
}
.x-tool.x-tool-new-window-over {
background-position: -15px 0;
}
/* attachment panel styles */
.attachments-thumb-wrap span {
display: block;
overflow: hidden;
text-align: center;
font-size: 9px;
}
.attachments-thumb-wrap {
float: left;
margin: 0 4px;
margin-top: 1px;
padding: 2px 3px;
}
.attachments-thumb-wrap:hover .attachments-thumb {
border: 2px solid #99bbe8;
}
.attachments-thumb-wrap.x-view-selected {
background: #dddddd;
padding: 1px 2px;
border: 1px solid #8a8989;
}
/* lightbox styles */
#ux-lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 15000;
text-align: center;
line-height: 0;
}
#ux-lightbox img {
width: auto;
height: auto;
}
#ux-lightbox a img {
border: none;
}
#ux-lightbox-outerImageContainer {
position: relative;
background-color: #f3efec;
width: 250px;
height: 250px;
margin: 0 auto;
min-width: 200px;
}
#ux-lightbox-imageContainer {
padding: 10px;
}
#ux-lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#ux-lightbox-hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#ux-lightbox-imageContainer > #ux-lightbox-hoverNav {
left: 0;
}
#ux-lightbox-hoverNav a {
outline: none;
}
#ux-lightbox-navPrev,
#ux-lightbox-navNext {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block;
}
#ux-lightbox-navPrev {
left: 0;
float: left;
}
#ux-lightbox-navNext {
right: 0;
float: right;
}
#ux-lightbox-navPrev #ux-lightbox-navNext {
position: relative;
}
#ux-lightbox-navPrev .ux-lightbox-button {
left: 0px;
}
#ux-lightbox-navNext .ux-lightbox-button {
right: 0px;
}
.ux-lightbox-button {
color: #8a8989;
font-size: 13px;
font-weight: bold;
top: 30%;
position: absolute;
width: 80px;
background-color: #f3efec;
text-align: center;
padding: 20px;
}
#ux-lightbox-outerDataContainer {
margin: 0 auto;
width: 100%;
min-width: 200px;
}
#ux-lightbox-dataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #f3efec;
overflow: auto;
line-height: 1.4em;
}
#ux-lightbox-data {
padding: 0 10px;
color: #666666;
}
#ux-lightbox-data #ux-lightbox-details {
width: 70%;
float: left;
text-align: left;
}
#ux-lightbox-data #ux-lightbox-caption {
font-weight: bold;
}
#ux-lightbox-data #ux-lightbox-imageNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#ux-lightbox-data #ux-lightbox-navClose {
float: right;
padding-bottom: 0.7em;
color: #8a8989;
font-size: 13px;
font-weight: bold;
}
#ux-lightbox-data #ux-lightbox-navClose:hover {
text-decoration: none;
color: #757575;
}
#ux-lightbox-overlay,
#ux-lightbox-shim {
border: 0;
position: absolute;
top: 0;
left: 0;
z-index: 14999;
width: 100%;
height: 500px;
background-color: black;
padding: 0;
margin: 0;
-moz-opacity: 0.85;
opacity: .85;
filter: alpha(opacity=85);
}
#ux-lightbox-shim {
z-index: 89;
background-color: transparent;
filter: alpha(opacity=0);
}
#ux-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
}
/* grid styles */
.row-description {
margin: 2px 10px 5px;
color: #777777;
}
.permission-row-description {
margin: -6px 60px 2px;
padding-top: 4px;
padding-bottom: 4px;
color: #777777;
}
.injury-lined-out .x-grid3-row-table,
.disable-training .x-grid3-row-table,
.disable-employee .x-grid3-row-table,
.disabled .x-grid3-row-table,
.disable-training,
.pending-assignment-row-gray .x-grid3-row-table {
color: Gray !important;
}
.disable-training .x-grid3-row-table,
.disable-employee .x-grid3-row-table {
background-color: #f0f0f0;
}
.x-grid3-row-selected .row-description {
color: #454545;
}
/* Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row {
margin-left: 4px;
background: #f1f2f4;
margin: 3px 0;
}
.x-grid3-summary-row .x-grid3-cell-inner {
font-weight: bold;
padding-bottom: 2px;
margin-left: 4px;
}
.x-grid-hide-summary .x-grid3-summary-row {
display: none;
}
.x-grid3-summary-msg {
padding: 4px 16px;
font-weight: bold;
}
.x-grid3-gridsummary-row-inner {
overflow: hidden;
width: 100%;
}
.x-grid3-gridsummary-row-offset {
width: 10000px;
}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner {
display: none;
}
/* severity styles */
.severity-small-background {
display: block;
width: 64px;
height: 16px;
background: url("extjs/images/ims/status_clear.png") scroll left top transparent;
}
.severity-small-Negligible {
display: block;
width: 16px;
height: 16px;
background: url("extjs/images/ims/status_blue.png") scroll left top transparent;
}
.severity-small-Low {
display: block;
width: 32px;
height: 16px;
background: url("extjs/images/ims/status_green.png") scroll left top transparent;
}
.severity-small-Medium {
display: block;
width: 48px;
height: 16px;
background: url("extjs/images/ims/status_yellow.png") scroll left top transparent;
}
.severity-small-High {
display: block;
width: 64px;
height: 16px;
background: url("extjs/images/ims/status_red.png") scroll left top transparent;
}
/* vertical styles */
.vertical-link-left {
position: absolute;
top: 300px;
left: -57px;
writing-mode: tb-rl;
filter: flipV flipH;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
padding: 3px;
-moz-border-radius: 3px;
}
.ext-ie .vertical-link-left {
left: -1px;
top: 250px;
}
.ext-ff-30 .vertical-link-left {
position: relative;
top: 0px;
left: 0px;
margin-bottom: 2px;
background: none;
border: none;
color: #1f446f;
}
/* ims filter styles */
#Page .panel-filter .x-panel-header,
.panel-filter label {
background: none repeat scroll 0 0 white;
border: medium none !important;
color: black;
font-size: 12px;
}
.panel-filter li {
width: 49.9%;
float: left;
}
.panel-filter li label,
.panel-filter-date label {
font-size: 11px;
font-weight: normal;
color: #5b5c58;
}
.panel-filter li label.selected {
background: url("extjs/images/ims/checkbox_check.png") no-repeat scroll left center white;
}
.panel-filter li label {
background: url("extjs/images/ims/checkbox.png") no-repeat scroll left center white;
padding: 2px 2px 2px 18px;
z-index: 100;
line-height: 18px;
*zoom: 1;
}
.panel-filter input[type="checkbox"] {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.panel-filter .x-btn-small td {
background-image: url("extjs/images/IMS/btn-filter.gif");
}
a.filter-tool {
float: right;
font-weight: normal;
font-size: 10px;
}
/*event review styles */
.event-review-panel {
padding: 6px;
margin-right: 20px;
}
.ext-ie7 .event-review-panel li .task-description {
float: left;
}
.event-review-panel ul {
margin: 0 0 5px 0;
}
.event-review-panel li {
padding: 1px;
clear: both;
}
.event-history-panel li {
font-size: 10px;
}
.event-history-panel li div {
float: left;
}
.resolution-notes {
color: #444444;
font-size: 11px;
margin-left: 24px;
}
.form-secondary {
margin-left: 20px;
}
ul.task-attempts-list li {
margin: 2px 0 10px 0;
border: 1px solid silver;
padding: 6px;
}
ul.task-attempts-list li span.fieldCell {
margin: 0 2px 2px 0;
}
.timeline .x-panel-body {
border-color: #486382;
}
/*------------------- Horizontal / Vertical lines ----------------*/
/* style for ethers */
.timeline-ether-lines {
border-color: #666666;
border-style: dotted;
position: absolute;
}
.timeline-horizontal .timeline-ether-lines {
border-width: 0 0 0 1px;
height: 100%;
top: 0;
width: 1px;
}
.timeline-vertical .timeline-ether-lines {
border-width: 1px 0 0;
height: 1px;
left: 0;
width: 100%;
}
/*---------------- Weekends ---------------------------*/
.timeline-ether-weekends {
position: absolute;
background-color: lightyellow;
}
.timeline-vertical .timeline-ether-weekends {
left: 0;
width: 100%;
}
.timeline-horizontal .timeline-ether-weekends {
top: 0;
height: 100%;
}
/*-------------------------- HIGHLIGHT DECORATORS -------------------*/
/* Used for decorators, not used for Timeline Highlight */
.timeline-highlight-decorator,
.timeline-highlight-point-decorator {
position: absolute;
overflow: hidden;
}
/* Width of horizontal decorators and Height of vertical decorators is
set in the decorator function params */
.timeline-horizontal .timeline-highlight-point-decorator,
.timeline-horizontal .timeline-highlight-decorator {
top: 0;
height: 100%;
}
.timeline-vertical .timeline-highlight-point-decorator,
.timeline-vertical .timeline-highlight-decorator {
width: 100%;
left: 0;
}
.timeline-highlight-decorator {
background-color: #ffc080;
}
.timeline-highlight-point-decorator {
background-color: #ffff55;
}
/*---------------------------- LABELS -------------------------*/
.timeline-highlight-label {
position: absolute;
overflow: hidden;
font-size: 200%;
font-weight: bold;
color: #999999;
}
/*---------------- VERTICAL LABEL -------------------*/
.timeline-horizontal .timeline-highlight-label {
top: 0;
height: 100%;
}
.timeline-horizontal .timeline-highlight-label td {
vertical-align: middle;
}
.timeline-horizontal .timeline-highlight-label-start {
text-align: right;
}
.timeline-horizontal .timeline-highlight-label-end {
text-align: left;
}
/*---------------- HORIZONTAL LABEL -------------------*/
.timeline-vertical .timeline-highlight-label {
left: 0;
width: 100%;
}
.timeline-vertical .timeline-highlight-label td {
vertical-align: top;
}
.timeline-vertical .timeline-highlight-label-start {
text-align: center;
}
.timeline-vertical .timeline-highlight-label-end {
text-align: center;
}
/*-------------------------------- DATE LABELS --------------------------------*/
.timeline-date-label {
position: absolute;
border: solid #aaaaaa;
color: #aaaaaa;
width: 5em;
height: 1.5em;
}
.timeline-date-label-em {
color: black;
}
/* horizontal */
.timeline-horizontal .timeline-date-label {
padding-left: 2px;
}
.timeline-horizontal .timeline-date-label {
border-width: 0 0 0 1px;
}
.timeline-horizontal .timeline-date-label-em {
height: 2em;
}
/* vertical */
.timeline-vertical .timeline-date-label {
padding-top: 2px;
}
.timeline-vertical .timeline-date-label {
border-width: 1px 0 0;
}
.timeline-vertical .timeline-date-label-em {
width: 7em;
}
/*------------------------------- Ether.highlight -------------------------*/
.timeline-ether-highlight {
position: absolute;
background-color: white;
}
.timeline-horizontal .timeline-ether-highlight {
top: 2px;
}
.timeline-vertical .timeline-ether-highlight {
left: 2px;
}
/*------------------------------ EVENTS ------------------------------------*/
.timeline-event-icon,
.timeline-event-label,
.timeline-event-tape {
position: absolute;
cursor: pointer;
}
.timeline-event-icon {
width: 16px;
height: 16px;
display: block;
}
.timeline-event-tape,
.timeline-small-event-tape,
.timeline-small-event-icon {
background-color: #58a0dc;
overflow: hidden;
}
.timeline-small-event-tape,
.timeline-small-event-icon {
position: absolute;
}
.timeline-small-event-icon {
width: 3px;
height: 10px;
}
/*--------------------------------- TIMELINE-------------------------*/
.timeline-ether-bg {
width: 100%;
height: 100%;
}
.timeline-band-0 .timeline-ether-bg {
background-color: #eeeeee;
}
.timeline-band-1 .timeline-ether-bg {
background-color: #dddddd;
}
.timeline-band-2 .timeline-ether-bg {
background-color: #cccccc;
}
.timeline-band-3 .timeline-ether-bg {
background-color: #aaaaaa;
}
.timeline-duration-event {
position: absolute;
overflow: hidden;
border: 1px solid blue;
}
.timeline-instant-event2 {
position: absolute;
overflow: hidden;
border-left: 1px solid blue;
padding-left: 2px;
}
.timeline-instant-event {
position: absolute;
overflow: hidden;
}
.timeline-event-bubble-title {
font-weight: bold;
border-bottom: 1px solid #888888;
margin-bottom: 0.5em;
}
.timeline-event-bubble-body {
background: white;
}
.timeline-event-bubble-wiki {
margin: 0.5em;
text-align: right;
color: #a0a040;
}
.timeline-event-bubble-wiki a {
color: #a0a040;
}
.timeline-event-bubble-time {
color: #aaaaaa;
}
.timeline-event-bubble-image {
float: right;
padding-left: 5px;
padding-bottom: 5px;
}
.timeline-container {
position: relative;
overflow: hidden;
}
.timeline-copyright {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1000;
cursor: pointer;
}
.timeline-message-container {
position: relative;
margin-left: 50%;
top: 35%;
left: -40px;
z-index: 1000;
display: none;
}
.timeline-band {
position: absolute;
background: #eeeeee;
z-index: 10;
}
.timeline-band-inner {
position: relative;
width: 100%;
height: 100%;
}
.timeline-band-input {
position: absolute;
width: 1em;
height: 1em;
overflow: hidden;
z-index: 0;
}
.timeline-band-input input {
width: 0;
}
.timeline-band-layer {
position: absolute;
width: 100%;
height: 100%;
}
.timeline-band-layer-inner {
position: relative;
width: 100%;
height: 100%;
}
div.simileAjax-bubble-container {
margin: 0px;
padding: 0px;
border: none;
position: absolute;
z-index: 100000;
}
div.simileAjax-bubble-innerContainer {
margin: 0px;
padding: 0px;
border: none;
position: relative;
width: 100%;
height: 100%;
overflow: visible;
}
div.simileAjax-bubble-contentContainer {
margin: 0px;
padding: 0px;
border: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow: auto;
background: white;
}
div.simileAjax-bubble-border-left {
position: absolute;
left: -50px;
top: 0px;
width: 50px;
height: 100%;
}
div.simileAjax-bubble-border-left-pngTranslucent {
background: url(extjs/default/timeline/bubble-left.png) top right repeat-y;
}
div.simileAjax-bubble-border-right {
position: absolute;
right: -50px;
top: 0px;
width: 50px;
height: 100%;
}
.simileAjax-bubble-border-right-pngTranslucent {
background: url(extjs/default/timeline/bubble-right.png) top left repeat-y;
}
div.simileAjax-bubble-border-top {
position: absolute;
top: -50px;
left: 0px;
width: 100%;
height: 50px;
}
.simileAjax-bubble-border-top-pngTranslucent {
background: url(extjs/default/timeline/bubble-top.png) bottom left repeat-x;
}
div.simileAjax-bubble-border-bottom {
position: absolute;
bottom: -50px;
left: 0px;
width: 100%;
height: 50px;
}
.simileAjax-bubble-border-bottom-pngTranslucent {
background: url(extjs/default/timeline/bubble-bottom.png) top left repeat-x;
}
div.simileAjax-bubble-border-top-left {
position: absolute;
top: -50px;
left: -50px;
width: 50px;
height: 50px;
}
.simileAjax-bubble-border-top-left-pngTranslucent {
background: url(extjs/default/timeline/bubble-top-left.png) bottom right no-repeat;
}
div.simileAjax-bubble-border-top-right {
position: absolute;
top: -50px;
right: -50px;
width: 50px;
height: 50px;
}
.simileAjax-bubble-border-top-right-pngTranslucent {
background: url(extjs/default/timeline/bubble-top-right.png) bottom left no-repeat;
}
div.simileAjax-bubble-border-bottom-left {
position: absolute;
bottom: -50px;
left: -50px;
width: 50px;
height: 50px;
}
.simileAjax-bubble-border-bottom-left-pngTranslucent {
background: url(extjs/default/timeline/bubble-bottom-left.png) top right no-repeat;
}
div.simileAjax-bubble-border-bottom-right {
position: absolute;
bottom: -50px;
right: -50px;
width: 50px;
height: 50px;
}
.simileAjax-bubble-border-bottom-right-pngTranslucent {
background: url(extjs/default/timeline/bubble-bottom-right.png) top left no-repeat;
}
div.simileAjax-bubble-arrow-point-left {
position: absolute;
left: -100px;
width: 100px;
height: 49px;
}
.simileAjax-bubble-arrow-point-left-pngTranslucent {
background: url(extjs/default/timeline/bubble-arrow-point-left.png) center right no-repeat;
}
div.simileAjax-bubble-arrow-point-right {
position: absolute;
right: -100px;
width: 100px;
height: 49px;
}
.simileAjax-bubble-arrow-point-right-pngTranslucent {
background: url(extjs/default/timeline/bubble-arrow-point-right.png) center left no-repeat;
}
div.simileAjax-bubble-arrow-point-up {
position: absolute;
top: -100px;
width: 49px;
height: 100px;
}
.simileAjax-bubble-arrow-point-up-pngTranslucent {
background: url(extjs/default/timeline/bubble-arrow-point-up.png) bottom center no-repeat;
}
div.simileAjax-bubble-arrow-point-down {
position: absolute;
bottom: -100px;
width: 49px;
height: 100px;
}
.simileAjax-bubble-arrow-point-down-pngTranslucent {
background: url(extjs/default/timeline/bubble-arrow-point-down.png) bottom center no-repeat;
}
div.simileAjax-bubble-close {
position: absolute;
right: -10px;
top: -12px;
height: 15px;
width: 15px;
cursor: pointer;
}
.simileAjax-bubble-close-pngTranslucent {
background: url(Default/images/tool-sprites.gif) no-repeat;
}
.timeline-event-label {
padding-left: 8px;
padding-top: 2px;
}
.request-header {
color: #486382;
font-size: 13px;
font-weight: bold;
}
.gray-text {
color: Gray;
}
.text-gray-dark,
.form-readonly .form-readonly-value {
color: #555555;
min-height: 12px;
display: block;
}
.source-type-icon {
display: -moz-inline-box;
/*FF2*/
display: inline-block;
vertical-align: middle;
margin: 0px 6px 0px 2px;
background-repeat: no-repeat;
height: 16px;
width: 16px;
background: url(extjs/images/book_open.png) no-repeat left center;
}
.request-buttons {
margin: 10px 0px 5px;
}
.injury-fieldset {
padding-right: 20px;
display: inline-block;
vertical-align: top;
}
span.injury-osha-label {
font: bold 11px Arial, Helvetica, Sans-Serif;
color: #868585;
margin-left: 5px;
}
.ext-ie7 .injury-fieldset {
display: inline;
}
.body-min-width {
min-width: 1024px;
width: auto;
}
.form-seperator {
display: block;
margin: 15px 0 15px 0;
border-bottom: dashed 2px #c3c3c3;
}
.page-task-content {
width: 100%;
float: left;
border: 1px solid silver;
margin: 10px 0;
}
.page-task-content .task-details {
width: 250px;
float: left;
border-right: 1px solid silver;
padding: 10px;
}
.page-task-content .task-assignment {
float: left;
padding: 10px;
height: 100%;
border-left: 1px solid silver;
left: -1px;
position: relative;
}
.page-task-content .action-block {
width: 200px;
float: right;
margin-top: 10px;
}
.ext-ie7 .page-task-content .action-block {
width: 225px;
float: right;
margin-top: 10px;
}
.page-task-content h2 {
margin-top: 0px;
}
.page-task-content .button-wrap {
margin-bottom: 5px;
}
.page-task-content .inblock-wrap {
margin-right: 5px;
display: inline-block;
}
.ext-ie7 .page-task-content .inblock-wrap {
display: inline;
float: left;
}
.page-task-content .note {
margin-bottom: 5px;
}
ul.moveErrorList li ul li {
border: none;
font-weight: normal;
list-style: inside;
color: Gray;
}
ul.moveErrorList li.list-name {
border-top: 1px solid silver;
margin-top: 3px;
padding-top: 2px;
list-style: square url(extjs/images/error.png) inside;
font-weight: bold;
}
ul.moveErrorList li.people-OrganizationUnit {
border-top: 1px solid silver;
margin-top: 3px;
padding-top: 2px;
padding-left: 18px;
font-weight: bold;
background: url(extjs/images/people-OrganizationUnit-small.png) left top no-repeat;
}
ul.moveErrorList li.people-Group {
border-top: 1px solid silver;
margin-top: 3px;
padding-top: 2px;
padding-left: 18px;
font-weight: bold;
background: url(extjs/images/people-Group-small.png) left top no-repeat;
}
.detail-options-yes {
width: 16px;
height: 16px;
background: url(extjs/images/tick-grayscale.png) no-repeat center;
}
.detail-options-no {
width: 16px;
height: 16px;
background: url(extjs/images/cross-grayscale.png) no-repeat center;
}
ul.assignErrorList li ul li {
border: none;
font-weight: normal;
color: Gray;
}
ul.assignErrorList li.list-name {
margin-top: 3px;
padding-top: 2px;
list-style: square none inside;
font-weight: bold;
}
/* wrapped fields and triggers */
.x-form-field-wrap .x-form-triggermenu {
border-bottom: 1px solid #b5b8c8;
cursor: pointer;
height: 16px;
top: 0px;
display: inline-block;
position: relative;
padding: 3px 3px 0 7px;
vertical-align: bottom;
background-image: url(extjs/default/form/triggermenu.gif);
}
.ext-ie8 .x-form-field-wrap .x-form-triggermenu {
top: -1px;
}
.ext-ie7 .x-form-field-wrap .x-form-triggermenu {
display: inline;
}
.x-trigger-wrap-focus .x-form-triggermenu {
border-bottom: 1px solid #7eadd9;
}
.x-trigger-wrap-focus .x-form-triggermenu {
border-bottom-color: #7eadd9;
}
.x-item-disabled .x-form-triggermenu-over {
border-bottom-color: #b5b8c8;
}
.x-item-disabled .x-form-triggermenu-click {
border-bottom-color: #b5b8c8;
}
.x-form-field-wrap .x-form-triggermenu-over {
background-position: 0 -24px;
}
.x-form-field-wrap .x-form-triggermenu-click {
background-position: 0 -48px;
}
.x-trigger-wrap-focus .x-form-triggermenu {
background-position: 0 -72px;
}
.x-trigger-wrap-focus .x-form-triggermenu-over {
background-position: 0 -96px;
}
.x-trigger-wrap-focus .x-form-triggermenu-click {
background-position: 0 -120px;
}
.icon-cross.icon-small {
background: url("extjs/images/cross.png") left top no-repeat;
}
.people-orgUnitLocation .icon,
.people-Location .icon {
background-image: url(extjs/images/people-orgUnitLocation.png);
}
.x-tree-node-icon.OrganizationUnit-location-icon-small,
.x-menu-item-icon.node-location,
.people-orgUnitLocation .icon-small {
background-image: url(extjs/images/people-orgUnitLocation-small.png) !important;
}
.x-tree-node-icon.OrganizationUnit-location-icon-small-disabled {
background-image: url(extjs/images/people-orgUnitLocation-small-disabled.png) !important;
}
.breadcrumb {
display: inline-block;
border: gray solid;
border-width: 1px 0px;
padding: 0px 20px 0px 10px;
font-size: 10px;
background: url('extjs/images/ims/breadcrumb-bg.png') repeat center left;
margin-right: -13px;
position: relative;
}
.breadcrumb.current {
z-index: 9;
background: url('extjs/images/ims/breadcrumb-bg-current.png') repeat center left;
padding-right: 10px;
margin-right: 0px;
}
.breadcrumbs-wrapper {
position: relative;
}
.breadcrumbs-wrapper ul {
white-space: nowrap;
position: absolute;
left: 0px;
border: gray solid;
border-width: 0px 1px;
}
.breadcrumb div {
display: inline-block;
float: left;
padding: 2px 0px;
zoom: 1;
}
.breadcrumb .corner {
position: absolute;
right: 0px;
background: url('extjs/images/ims/breadcrumb-corner.png') no-repeat center right;
width: 20px;
height: 100%;
padding: 0px;
z-index: 10;
}
.breadcrumb.current .corner,
.breadcrumb.current .menu {
display: none;
}
.breadcrumb.x-view-over {
background: url('extjs/images/ims/breadcrumb-bg-hover.png') repeat center left;
cursor: pointer;
}
.breadcrumb.x-view-over .corner {
background: url('extjs/images/ims/breadcrumb-corner-hover.png') no-repeat center right;
}
.breadcrumb.x-view-over div.menu {
position: absolute;
right: 10px;
top: 3px;
z-index: 11;
width: 10px;
height: 10px;
background: url(extjs/default/button/arrow.gif) no-repeat top left;
}
.ext-ie7 .breadcrumb div,
.ext-ie7 .breadcrumb,
.ext-ie7 .field-inline .x-form-field-wrap {
display: inline;
}
.ext-ie7 .breadcrumb {
border-left: 1px gray solid;
}
.field-inline .x-form-field-wrap {
display: inline-block;
}
.row-history-description {
color: #888888;
margin: -3px 10px 5px 47px;
font-size: 11px;
}
.group-history-header {
color: #777777;
font-size: 13px;
font-weight: bold;
}
.x-grid3-hd-row td.ux-filtered-column {
font-style: italic;
font-weight: bold;
}
.ux-gridfilter-text-icon {
background-image: url(extjs/images/find1.png) !important;
}
.lookup-window .x-window-bwrap {
overflow: visible;
}
.panel-Background {
background-color: #eaf1fb;
border: #99bce8 1px solid;
}
.x-grid3-check-col.exclude {
display: inline-block;
}
.x-menu-check-item .x-grid3-check-col.exclude {
display: none;
}
.x-grid3-check-col-on.exclude {
display: inline-block;
}
.x-menu-check-item .x-grid3-check-col-on.exclude {
display: none;
}
.tablelookup-settings {
background: url("extjs/images/find1.png") no-repeat scroll left top transparent;
}
.training-settings {
background: url("extjs/images/world.png") no-repeat scroll left top transparent;
}
.pendingEmployee {
padding-left: 10px;
}
.causeofinjurylookup-settings {
background: url("extjs/images/flag_red.png") no-repeat scroll left top transparent;
}
.lookupLists-lookup-settings {
background: url("extjs/images/list_bullets-1.png") no-repeat scroll left top transparent;
}
.bodypartlookup-settings {
background: url("extjs/images/heart.png") no-repeat scroll left top transparent;
}
.natureofinjurylookup-settings {
background: url("extjs/images/error.png") no-repeat scroll left top transparent;
}
.riskmatrix-settings div.riskmatrix-col .x-panel-header {
background: none !important;
border: none !important;
color: black !important;
}
.riskmatrix-col .x-panel-body {
background: gray;
padding: 2px;
}
.risk .x-panel-body {
background: none;
}
.riskmatrix-col .risk {
border: 2px solid gray;
background: #9ea2ca;
padding: 0 1em;
}
.riskmatrix-col .risk.x-view-selected {
border: 2px solid white;
}
.risk .title {
font-weight: bold;
}
.risk .description {
font-style: italic;
}
div.instructions {
margin: 0.5em 0;
padding: 0.5em;
border: 1px solid silver;
}
div.instructions.warning {
background-color: #ffffaa;
border-color: #dfc61c;
background: url(extjs/default/shared/warning.gif) no-repeat 5px #ffffaa;
padding-left: 25px;
}
div.instructions.warning .x-panel-body {
background: transparent;
}
.sev.l1 .l3,
.sev.l1 .l4,
.sev.l2 .l2,
.sev.l2 .l3,
.sev.l3 .l1,
.sev.l3 .l2,
.sev.l4 .l1,
.sev.l5 .l1,
.rec.l1 .l3,
.rec.l1 .l4,
.rec.l1 .l5,
.rec.l2 .l2,
.rec.l2 .l3,
.rec.l3 .l1,
.rec.l3 .l2,
.rec.l4 .l1 {
background-color: #a0ca9e;
}
.sev.l2 .l4,
.sev.l3 .l3,
.sev.l4 .l2,
.sev.l5 .l2,
.rec.l2 .l4,
.rec.l2 .l5,
.rec.l3 .l3,
.rec.l4 .l2 {
background-color: #fbff9e;
}
.sev.l3 .l4,
.sev.l4 .l3,
.sev.l4 .l4,
.sev.l5 .l3,
.sev.l5 .l4,
.rec.l3 .l4,
.rec.l3 .l5,
.rec.l4 .l3,
.rec.l4 .l4,
.rec.l4 .l5 {
background-color: #ca8585;
}
.assignment-diploma .icon-small {
background: url(extjs/images/assignment-diploma.png) no-repeat left center !important;
}
.assignment-completedPop .icon-small {
background: url(extjs/images/tick.png) no-repeat left center !important;
}
.assignment-next .icon-small {
background: url("extjs/images/play.png") no-repeat left 1px;
cursor: pointer;
}
.minimum-password-requirements {
font-style: italic;
font-size: 90%;
border: 1px solid;
margin: 0px;
padding: 8px 8px 8px 8px;
background-color: #ffffaa;
border-color: #f2e8a4;
color: #786b0f;
}
.minimum-password-requirements li {
list-style: square url(extjs/images/lock-small.png) inside;
padding-bottom: 2px;
}
.minimum-password-requirements li ul li {
list-style: disc none inside;
padding-left: 35px;
}
.event-row-causalfactors {
clear: both;
padding: 3px;
}
.event-row-causalfactors li {
margin-left: 20px;
padding: 3px 0 3px;
width: auto;
font-size: 11px;
}
span.editable-group-header,
.editable-grid-cell .child-description {
color: Blue;
cursor: text!important;
}
.disabled.editable-grid-cell .child-description,
.editable-group-header.disabled {
color: cornflowerblue !important;
}
span.group-col {
display: inline-block;
padding-left: 8px;
cursor: default;
}
span.group-header-check.group-col {
padding-left: 0;
}
span.group-expander-arrow {
background: url(extjs/default/tree/arrows.gif) no-repeat scroll -16px 0;
display: inline-block;
height: 16px;
width: 16px;
}
.x-grid-group-collapsed span.group-expander-arrow {
background-position: 0;
}
.x-grid3-col span.child-description {
padding-left: 34px;
}
.no-expanders .x-grid-group-hd div.x-grid-group-title {
background: none;
padding: 4px;
}
div.alternate-view-row {
background-color: #eeeeee;
height: 24px;
}
.row-delete-btn {
position: relative;
margin-top: 1px;
}
.linked-tasks-header {
font-size: 0.8em;
margin-bottom: 4px;
/*padding-bottom: 2px;*/
margin-top: -8px;
color: Gray;
/*border-bottom: 1px solid #DADADA;*/
}
div.class-panel {
/*padding-left: 1em;*/
margin-bottom: 2em;
width: 635px;
/*background-color:#EEE;
border: 1px solid #888;
border-top-color:#CCC;
border-left-color:#CCC;
-moz-border-radius:2px;
-ie-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;*/
}
div.class-panel hr {
border: 0;
color: #cccccc;
background-color: #cccccc;
}
div.request-wrapper {
display: inline-block;
vertical-align: top;
width: 189px;
margin: 0 24px 18px 0;
position: relative;
}
div.new-request-wrapper {
display: inline-block;
vertical-align: top;
width: 189px;
margin: 0 24px 18px 0;
}
div.request-wrapper .show-on-over {
visibility: hidden;
}
div.request-wrapper.x-view-over .show-on-over {
visibility: visible;
}
div.request-wrapper.x-view-over .field-options {
display: block;
}
a.field-options {
background-image: url(extjs/images/ims/cog.png);
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
height: 16px;
width: 16px;
display: none;
}
div.request-element div.x-form-field-trigger-wrap,
div.field-editor div.x-form-field-trigger-wrap {
margin-right: 17px;
}
div.request-element div.x-form-field-trigger-wrap input,
div.field-editor div.x-form-field-trigger-wrap input {
width: 100%;
}
div.request-element input {
cursor: move;
}
div.request-wrapper div.inactive {
color: Silver;
}
div.request-wrapper input.disabled,
div.field-editor input.disabled {
background-color: #eeeeee;
color: #aaaaaa;
border: 1px solid #cccccc;
padding: 2px 0;
}
div.request-label {
white-space: normal;
word-wrap: break-word;
font-weight: bold;
margin-bottom: 3px;
cursor: pointer;
}
div.request-label:hover {
background: #ffffaa;
}
div.new-request-label {
white-space: normal;
font-weight: bold;
border: 3px dashed #dfe8f6;
cursor: pointer;
height: 23px;
text-align: center;
background-color: white;
padding: 8px 0 2px 0;
color: Gray;
}
div.new-request-label:hover {
text-decoration: underline;
}
div.request-label textarea {
font-weight: bold;
margin: 0;
padding: 0;
}
input.choice-input {
position: absolute;
left: -20px;
}
input.multi-choice-input {
position: absolute;
left: -23px;
}
div.choice-row {
margin-bottom: 3px;
display: block;
}
div.choice-row label {
font-weight: normal;
}
div.choice-row img.checkbox,
label.add-choice img.checkbox {
width: 13px;
height: 13px;
margin: 1px;
background: url(extjs/images/checkbox.gif) no-repeat;
position: absolute;
left: -20px;
}
div.choice-row img.radio,
div.choice-row-yes-no img.radio,
label.add-choice img.radio {
width: 13px;
height: 13px;
margin: 1px;
background: url(extjs/images/radio.gif) no-repeat;
position: absolute;
left: -20px;
}
div.multiple-choice img.disabled {
background-position: -39px 0px !important;
}
label.choice-label,
label.add-choice {
display: block;
margin-left: 20px;
position: relative;
word-wrap: break-word;
cursor: pointer;
white-space: normal;
}
label.choice-text {
display: block;
margin-left: 20px;
position: relative;
word-wrap: break-word;
cursor: pointer;
/*white-space: normal;*/
}
span.inner-text {
display: block;
position: relative;
word-wrap: break-word;
cursor: pointer;
padding-top: 2px;
/*white-space: normal;*/
}
label.choice-label-yes-no {
display: block;
margin-left: 20px;
position: relative;
word-wrap: break-word;
cursor: pointer;
/*white-space: normal;*/
}
.choice-label textarea {
font-weight: bold;
margin: 0;
padding: 0;
}
label.choice-label:hover {
background-color: #ffffaa;
display: block;
}
a.add-choice {
color: #b8b8b8;
}
a.add-choice:hover {
color: #1f446f;
text-decoration: none;
}
div.field-editor {
position: relative;
}
div.field-editor a.field-options {
display: block;
}
#Page .x-panel-tbar .no-border .x-toolbar-left table {
border: none;
background: none;
}
.stealth-toolbar {
border: none;
}
.request-config-btn {
position: absolute;
top: -3px;
right: -3px;
}
.request-config-btn td {
background: transparent;
}
.customDateField {
width: 90%;
}
.customNumberField {
width: 88%;
}
.drop-cursor {
position: absolute;
background-color: #6699ff;
opacity: 0.8;
}
.instructor-wrap {
white-space: pre-wrap;
}
#ForgotPassword h1 {
font-size: 14pt;
margin: 8px 6px;
}
#ForgotPassword .fieldCell .inner-cell {
margin-bottom: 8px;
}
#ForgotPassword input {
width: 180px;
}
#ForgotPassword .option-box input {
width: 321px;
}
#ForgotPassword select {
width: 325px;
}
.option-box {
border: 1px solid #ccccff;
padding: 6px;
margin-bottom: 6px;
}
.option-box p {
margin: 2px 0 10px;
}
.option-box label {
font-weight: bold;
}
/* Voice Verification */
div.voice-dialog {
width: 450px;
background-color: #ffffcc;
padding: 15px;
border: 1px solid #dae1d3;
}
div.voice-phone {
font-size: 2em;
text-align: center;
}
.voice-error {
color: #880000;
font-weight: bold;
text-align: center;
}
.voice-note {
font-size: .9em;
font-style: italic;
}
.case {
background: url(extjs/images/ims/briefcase.png) left top no-repeat !important;
}
.injuryListing {
background: url(extjs/images/ims/bandaid.png) no-repeat left center !important;
}
.SettingError {
padding-left: 230px;
padding-bottom: 20px;
}
.messagebox {
background: #ffffb7 url(extjs/images/alert-symbol.png) 5px 5px no-repeat;
border: 1px solid #ffc603;
padding-left: 40px;
padding-top: 8px;
padding-bottom: 2px;
padding-right: 5px;
height: 25px;
float: right;
}
.alertUserMessage {
font-size: normal;
font-weight: bold;
padding-top: 0px;
text-align: right;
height: 25px;
}
.exitAssignment {
background-image: url("extjs/images/exit-ps4.png") 34px 80px no-repeat;
height: 32px;
width: auto;
padding-top: 2px;
}
.icon-ims-comment:before {
content: "\f075";
}
button .icon-ims-comment {
color: #146db2;
font-size: 1.1em;
}
.icon-ims-file:before {
content: "\f016";
}
button .icon-ims-file {
color: #146db2;
font-size: 1.1em;
}
.translate .icon {
background-image: url(extjs/images/translate.png);
}
.injury-required {
background: url("extjs/images/ims/bandaid_required.png") no-repeat scroll left top transparent;
}
.formContainer {
margin-bottom: 25px;
}
/* #Basics Structure
================================================== */
body {
margin: 0;
font-family: "Segoe UI", "Roboto", "Lucida Grande", "Trebuchet MS", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 5px 0;
text-transform: uppercase;
}
h1 {
font-size: 1.5em;
margin-bottom: 1em;
font-weight: normal;
color: #666666;
}
h2 {
font-size: 1.2em;
}
h3 {
font-size: 1.05em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
font-weight: normal;
}
h6 {
font-size: 1em;
font-weight: normal;
color: #777777;
}
label {
color: #585858;
}
label input {
color: #222222 !important;
}
label.control-label {
font-weight: normal;
}
.label-checkbox {
color: #222222;
}
textarea {
resize: vertical;
}
.block {
display: block;
}
.hidden,
.group.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
aside h1,
.dialog h1,
.dialog h2,
.dialog h3,
.dialog h4 {
font-weight: normal;
font-size: 1.2em;
margin: 0px;
}
/* #Basic Styles
================================================== */
.hide-cell {
border-top: none !important;
visibility: hidden;
}
a:hover {
text-decoration: none;
}
/* Single column table pages */
div.single-column header {
margin-left: 0px;
}
div.single-column section {
padding-left: 0px;
}
div.single-column section header {
margin-left: 0;
}
div.single-column section .empty {
padding-left: 16px;
}
div.single-column section footer {
padding-left: 16px;
padding-right: 16px;
}
div.single-column section .data-table {
border-collapse: separate;
}
div.single-column section .data-table th {
white-space: nowrap;
}
div.single-column section .data-table .first-col {
padding-left: 16px;
}
div.single-column section .data-table .last-col {
padding-right: 16px;
}
div.single-column section .data-table td.collapse-cell a {
font-weight: normal;
}
div.single-column section .data-table td.collapse-cell {
padding: 0 0 0 8px;
border-top: none;
}
div.single-column section .data-table td footer {
padding: 4px 0px 12px 0;
}
div.single-column section .data-table td.collapse-cell td,
div.single-column section .data-table td.collapse-cell th {
border: none;
padding-left: 0px;
padding-top: 0px;
padding-right: 20px;
}
li [class^="icon-"],
li [class*=" icon-"] {
display: inline-block;
width: 1.25em;
}
li .icon-large {
font-size: 20px;
vertical-align: top;
padding-top: 8px;
padding-right: 22px;
padding-left: 4px;
}
li .arrow-trigger {
font-size: 14px;
vertical-align: top;
padding: 10px 12px 0 20px;
}
li [class^="clear-icon-"],
li [class*=" clear-icon-"] {
display: inline-block;
width: 1.25em;
}
.dialog.loading {
height: 400px;
background-color: #f4f4f4;
}
.btn-toolbar {
overflow: hidden;
}
.btn-toolbar .btn-group {
float: left;
}
.btn-toolbar .toolbar-spacer {
display: none;
}
.btn-toolbar .toolbar-spacer + .btn-group {
float: right;
}
.select-column {
width: 10px;
}
.affix-bottom {
position: fixed;
top: 60px;
width: 240px;
}
.cal-header {
background-color: #e2ebf1;
}
.timeCase {
float: left;
}
.timeCase li {
float: left;
}
.btn-margin {
margin-top: 10px;
}
.filterLabel {
display: inline;
padding-right: 5px;
padding-left: 10px;
}
.span2.filterInput {
margin-bottom: 10px;
}
.dropdown-menu label {
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.33em;
color: #333333;
white-space: nowrap;
margin-bottom: 0;
}
.dropdown-menu li > label:hover,
.dropdown-menu li > label:focus,
.dropdown-submenu:hover > label {
color: white;
background-color: #0088cc;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0077b3', GradientType=0);
}
.dropdown-icon-menu label {
padding: 3px 10px 3px 24px;
}
.dropdown-icon-menu a {
padding: 3px;
}
.dropdown-icon-menu li i[class*=" icon-"] {
width: 1.6em;
}
.hbox {
display: table;
table-layout: fixed;
list-style-type: none;
padding: 0;
margin: 0;
}
.hbox > li,
.hbox > .box-item {
display: table-cell;
}
.vbox {
display: table;
table-layout: fixed;
list-style-type: none;
padding: 0;
margin: 0;
}
.vbox > li,
.vbox > .box-item {
display: table-row;
clear: both;
}
.input-append .ng-scope,
.input-prepend .ng-scope {
font-size: 10pt;
}
.lt-ie8 textarea.input-block-level {
width: auto;
}
/* #Layout
================================================== */
.requirements-ribbon {
position: fixed;
top: 0px;
padding: 6px;
width: 100%;
z-index: 10;
}
.requirements-ribbon + .page-container {
padding-top: 136px;
}
.requirements-ribbon + .page-container > .top-container {
top: 54px;
}
.requirements-ribbon + .page-container > .page-content > .content-navigation {
top: 136px;
}
.page-container {
padding-top: 86px;
}
.area-portal .content {
padding-bottom: 8px;
}
.page-content .content {
padding-right: 12px;
padding-left: 12px;
margin-top: 16px;
}
.page-content .content section div.row-fluid section {
margin: 0 -12px 0 -12px;
}
.page-content .content section div.row-fluid section.compose {
margin: 0;
}
.page-content .content section div.row {
margin: 0;
}
.page-content .content section h1 {
margin-top: -12px;
}
.page-content .content section.hero-unit {
margin: -16px -12px 12px -12px;
}
.page-content .content section.hero-unit h1 {
margin-top: 0;
font-weight: bold;
font-size: 14pt;
}
.page-content .content .single-column-centered {
margin: 0 -12px 12px -12px;
padding-left: 10%;
padding-right: 10%;
}
.page-content .content .single-column-centered h2 {
display: inline;
}
.page-content .content header.btn-toolbar {
margin-top: 0;
}
.page-content .content header .btn-toolbar {
margin-top: 0;
}
.page-content .content header .btn-toolbar.messages {
margin-bottom: 22px;
}
.page-content div.single-column section {
margin-left: 12px;
margin-right: 12px;
margin-top: 12px;
}
.page-content .no-top-margin {
margin-top: 0px;
}
.page-content .no-header {
margin-top: 8px;
}
.page-content aside section {
padding-left: 10px;
margin-top: 4px;
}
.page-content > .content-navigation {
width: 240px;
min-height: 100%;
height: auto;
overflow: auto;
overflow-x: hidden;
padding: 0;
margin: 0;
*left: 0;
top: 86px;
background-color: #e5e5e5;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
position: fixed;
}
.page-content > .content-navigation ~ .content {
margin-left: 240px;
}
.page-content > .content-navigation > section + section {
margin-top: 0;
}
.stuff {
height: 100%;
}
.list {
position: relative;
height: 100%;
overflow: hidden;
z-index: 100;
background: white;
border-right: 1px solid gainsboro;
}
.panel-wrapper {
background: gray;
padding: 5px;
float: right;
width: 240px;
height: 100%;
position: relative;
z-index: 99;
}
.actions {
margin: 1em 0;
}
.centered {
text-align: center;
}
.highlighted {
font-weight: bold;
font-size: 110%;
}
.shaded {
background-color: #f3f3f3;
}
.loading {
font-style: italic;
color: #e0e0e0;
text-align: center;
}
.clear-both {
clear: both;
}
.empty {
font-style: italic;
color: #a8a8a8;
margin: 8px 0.2em;
}
.unread {
font-weight: bold;
}
.schedule-group {
margin-bottom: 2em;
}
.truncated-data {
color: #cc0000;
}
ul,
ol,
menu {
list-style: none;
margin-left: 0;
}
ol.list-ol {
list-style: none;
margin-left: -12px;
}
.title {
text-transform: capitalize;
font-weight: 600;
color: #333333;
}
.title:hover {
color: #111111;
}
.edit-label {
margin-top: 1em;
margin-bottom: -1em;
display: block;
font-weight: bold;
}
div.note {
font-style: italic;
padding: 0 8px;
margin-bottom: 20px;
}
/* #Nav
================================================== */
.top-container {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.5);
background: white;
}
.no-boxshadow .top-container {
border-bottom: 1px solid #cccccc;
}
.top-container a {
display: inline-block;
padding: 5px 4px;
}
.top-container ul {
list-style-type: none;
margin: 0;
clear: both;
}
.top-container li {
margin: 0;
padding: 0;
line-height: 1.3em;
}
.top-container .user-menu,
.top-container .features,
.top-container .help,
.top-container .setup {
float: right;
}
.top-container .user-menu {
position: relative;
}
.top-container .caret {
vertical-align: middle;
border-top-color: #dddddd;
margin-left: 5px;
}
.top-container .user-menu > a {
font-size: 1.1em !important;
}
.top-container .muted {
padding: 0px 20px;
white-space: nowrap;
}
.product-navigation > li,
.item-content .actions li {
display: inline-block;
zoom: 1;
*float: left;
*display: inline;
}
.page-nav {
border-top: 2px solid #cc0000;
}
.ie-fill hr {
height: 0;
visibility: hidden;
margin: 0;
border: 0;
}
.product-navigation {
padding: 0 4px 0 4px;
*zoom: 1;
background: #f3f3f3;
}
.product-navigation a {
font-size: 1.2em;
color: black;
padding: 7px 6px;
margin: 5px 0;
}
.product-navigation:before,
.product-navigation:after {
display: table;
content: "";
line-height: 0;
}
.product-navigation:after {
clear: both;
}
.product-navigation:before,
.product-navigation:after {
content: " ";
display: table;
}
.product-navigation:after {
clear: both;
}
.current-section {
background-color: #f3f3f3;
border-radius: 3px 3px 0 0;
margin-bottom: -1px !important;
}
.cssgradients .current-section {
background-color: white;
}
.suite-navigation li > a:hover {
color: white;
background-color: #555555;
border-radius: 4px;
border-radius: 3px 3px 0 0;
}
.product-navigation a:hover {
background-color: transparent;
}
.current-page a:hover {
text-decoration: none;
}
/* #Side Nav
================================================== */
/*.content-navigation:before,
.content-navigation .before,*/
.ext-sidenav:before,
.ext-sidenav .before {
content: '';
background-color: #e5e5e5;
border-right: 1px solid #dddddd;
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 239px;
min-height: 100%;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.lt-ie8 .content-navigation,
.lt-ie8 .ext-sidenav {
*zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("div"), this.firstChild).className="before");
}
.content-navigation header {
margin-left: -12px;
padding-left: 12px;
}
.content-navigation .nav-group a {
color: #333333;
}
.content-navigation .nav-group header {
border-bottom: solid 1px #c7c7c7;
}
.content-navigation .nav-tabs > li {
margin-bottom: 0px;
}
.content-navigation .nav-tabs.nav-stacked > .active > a {
color: #333333;
background-color: #cccccc;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #bfbfbf;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
cursor: default;
}
.content-navigation .nav-tabs.nav-stacked > .active > a:hover {
background-color: #cccccc;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.content-navigation .nav-tabs.nav-stacked .arrow-left {
display: none;
}
.content-navigation .nav-tabs.nav-stacked .active .arrow-left {
display: inline-block;
}
.content-navigation .arrow-left {
width: 0;
height: 0;
margin-top: -27px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
float: right;
border-right: 8px solid white;
}
.content-navigation .nav-tabs.nav-stacked {
margin-left: -12px;
}
.content-navigation .nav-tabs.nav-stacked > li > a {
border-right: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #c7c7c7;
}
.content-navigation .nav-tabs.nav-stacked > li > a:hover {
background-color: #dedede;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.content-navigation .nav-list > li > a {
padding: 1px 0px;
}
.content-navigation .nav-list > li > a:hover {
background-color: transparent;
}
.content-navigation .loading {
text-align: left;
margin: 8px .2em;
}
.content-navigation .blockquote {
margin-bottom: 0px;
margin-top: -20px;
margin-left: -12px;
padding: 12px;
font-weight: 300;
line-height: 25px;
border-left: 0;
background-color: #fcf1bd;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
position: relative;
border-bottom: solid 1px #c7c7c7;
}
.content-navigation .blockquote p {
line-height: 20px;
font-size: 10pt;
max-height: 75px;
word-wrap: break-word;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom: 2px;
}
.content-navigation .blockquote .view-more {
position: absolute;
right: 10px;
bottom: 7px;
background-color: #fcf1bd;
padding-left: 5px;
display: none;
}
/*classes for scrolling content/tables*/
thead.affix {
background-color: white;
margin-top: -1px;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
}
.table-offset {
margin-top: 46px;
}
/*Schudling Appt new design*/
.stacked-group {
float: left;
padding: 5px;
}
.reschedule-new {
overflow: auto;
height: 250px;
width: 200px;
}
.schedule-new {
overflow: auto;
height: 400px;
}
.appt-time {
padding-right: 10px;
width: 20%;
float: left;
}
.appt-discription {
display: inline-block;
margin-left: 8px;
width: 88%;
}
.goober {
margin-left: 66px;
height: 110px;
}
.fixed-area {
position: relative;
}
.affix-headers {
position: absolute;
top: 0;
}
.dateHeader {
background-color: #4b4b4b;
width: 285px;
font-weight: bold;
color: white;
margin-bottom: 10px;
}
.dateHeader span {
padding-left: 15px;
}
.apptTimeSize {
height: 100px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
}
.apptText {
font-size: 10pt;
margin: 0;
}
.apptClinic {
font-weight: bold;
margin: 0;
}
.floatingHeader {
position: fixed;
top: 0;
visibility: hidden;
}
.live {
content: "Search" !important;
}
[aria-selected=true] .circle {
border: solid 4px #146db2;
}
/* keep bootstrap's .table-striped from trampling [aria-selected=true] */
.table-striped tbody > tr[aria-selected=true]:nth-child(odd) > td,
.table-striped tbody > tr[aria-selected=true]:nth-child(odd) > th {
background-color: #eeeecc;
}
.full-width {
width: 100%;
}
.child-content {
margin-left: 1em;
}
/*!
* Preboot v2
*
* Open sourced under MIT license by @mdo.
* Some variables and mixins from Bootstrap (Apache 2 license).
*/
/*.placeholder(@color: @input-color-placeholder) {
&:-moz-placeholder { color: @color; } // Firefox 4-18
&::-moz-placeholder { color: @color; } // Firefox 19+
&:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: @color; } // Safari and Chrome
}*/
/*
Extension to Bootstrap .nav.nav-tabs for the Product Suite toolbar
HTML Example:
Bonus: second row navigation background
*/
.nav-products {
border-bottom-width: 0;
padding-top: 1px;
margin: 0;
*zoom: 1;
background-color: #444444;
background-image: -webkit-gradient(linear, left bottom, left top, from(#303030), to(#444444), color-stop(0.1, #444444));
background-image: -moz-linear-gradient(to top, #303030 0, #444444 4px);
background-image: -webkit-linear-gradient(to top, #303030 0, #444444 4px);
background-image: -o-linear-gradient(to top, #303030 0, #444444 4px);
background-image: linear-gradient(to top, #303030 0, #444444 4px);
background-repeat: repeat-x;
}
.nav-products:before,
.nav-products:after {
display: table;
content: "";
line-height: 0;
}
.nav-products:after {
clear: both;
}
.nav-products:before,
.nav-products:after {
content: " ";
display: table;
}
.nav-products:after {
clear: both;
}
.nav-products .logo {
color: white;
vertical-align: bottom;
}
.nav-products > li {
margin-bottom: 0;
}
.nav-products > li > a {
margin-top: 4px;
zoom: 1;
padding: 0 8px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-width: 0;
font-size: 1.3em;
line-height: 38px;
text-decoration: none;
color: #eeeeee;
}
.nav-products > li > a:hover,
.nav-products > li > a:focus {
background-color: #666666;
border-color: #333333;
}
.nav-products > .pull-right > a {
margin-left: 2px;
margin-right: 0;
}
.nav-products > .pull-right > a .caret {
margin: 0 0 0.27em 0.27em;
}
.nav-products > .pull-right a .caret,
.nav-products > .pull-right a:hover .caret,
.nav-products > .pull-right a:focus .caret {
border-top-color: white;
border-bottom-color: white;
}
.nav-products > .open .dropdown-toggle {
background-color: #555555;
border-color: #444444;
color: #eeeeee;
}
.nav-products .username {
text-transform: lowercase;
}
.nav-products > .active > a,
.nav-products > .active > a:hover,
.nav-products > .active > a:focus {
color: #cc0000;
border-width: 0;
cursor: pointer;
}
.nav-products > .active > a .caret,
.nav-products > .active > a:hover .caret,
.nav-products > .active > a:focus .caret,
.nav-products > .active > a:hover .caret,
.nav-products > .active > a:hover:hover .caret,
.nav-products > .active > a:focus:hover .caret {
border-top-color: #cc0000;
border-bottom-color: #cc0000;
}
.caret {
margin: 0 0 0.27em 0.27em;
border-width: 0.27em;
vertical-align: baseline;
}
.dropdown-menu {
margin: 0;
}
.dropdown-menu > li > a,
.dropdown-menu > li > label,
.dropdown-menu > li > header {
display: block;
line-height: 20px;
padding: 3px 20px;
white-space: nowrap;
clear: both;
/*.user-select(none);*/
color: inherit;
}
.dropdown-menu > li > header {
font-weight: bold;
cursor: default;
}
.dropdown-menu > .disabled {
color: #999999;
}
.dropdown-menu .divider + .divider {
display: none;
}
.show-support-request {
position: absolute;
top: 0;
left: 0;
background: white;
}
/*training page content navigation*/
.area-assignment .x-tab-with-icon,
.home-settings .x-tab-with-icon {
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.x-grouptabs-panel {
padding: 0px;
background: none;
}
.x-grouptabs-panel .x-grouptabs-panel-body {
border: 0px solid #999999;
}
.x-grouptabs-panel .x-grouptabs-strip.x-grouptabs-tab-strip-left {
border-top: none;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip li {
border-left: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid #cccccc;
padding: 0;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-sub .x-tab-with-icon,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-strip-active {
border: 0 none;
border-top: 1px solid #cccccc;
border-radius: 0;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #c7c7c7;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-sub .x-grouptabs-strip-active {
background: #d9d9d9 url(extjs/images/caret_left.png) right no-repeat;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
z-index: 5;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-sub li {
border-top: 1px solid #cccccc;
height: auto;
margin: 0;
padding: 0;
background-color: #e5e5e5;
border-right: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
/*box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);*/
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-sub .x-grouptabs-text {
margin-left: -28px;
padding-left: 58px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-sub a.x-grouptabs-text {
background-repeat: no-repeat;
background-position: 36px 8px !important;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-tab-first,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-expanded,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-strip-active {
background-color: transparent;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-expand {
top: 7px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main.x-grouptabs-strip-active {
color: #333333 !important;
background-color: #cccccc !important;
border-top: 1px solid #e3e3e3 !important;
border-bottom: 1px #c7c7c7 solid !important;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main.x-grouptabs-strip-active a.x-grouptabs-text:hover {
background-color: transparent !important;
box-shadow: none;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip #ext-comp-1239__tabAssignmentGroup.x-tab-first {
margin-bottom: 0px !important;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text {
color: #333333;
display: block;
font-family: tahoma, arial, sans-serif;
overflow: hidden;
text-decoration: none;
white-space: normal;
left: 18px;
padding: 8px 8px 8px 20px;
width: 202px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text:hover {
background-color: #dedede !important;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text {
margin-left: -24px;
padding-left: 44px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text {
background-position: 26px 10px !important;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-expand {
margin-left: 4px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.grouptab-icon-reports,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.grouptab-icon-myreports,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.task-submissions,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.task-events,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.task,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.injury,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.injury-employee,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.injury-case,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.injury-treatment {
margin-left: -20px;
padding-left: 32px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.grouptab-sysrequirements,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.grouptab-checkmysystem,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.grouptab-browserpolicy {
padding-left: 15px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main .x-grouptabs-text.injury-settings {
padding-left: 26px;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.grouptab-icon-reports,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.grouptab-icon-myreports,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.task-submissions,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.task-events,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.task,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.injury,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.injury-employee,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.injury-case,
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.injury-treatment {
background-position: 12px 10px !important;
}
.x-grouptabs-panel .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-corner {
display: none;
}
.x-grid3-row-expanded .x-grid3-row-body {
display: block !important;
padding-left: 40px;
}
.x-tab-panel-left ul.x-grouptabs-strip,
.x-tab-panel-right ul.x-grouptabs-strip {
border-right: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-top: 1px solid #fafafa;
}
.x-tab-panel-left ul.x-grouptabs-strip .x-grouptabs-main.x-grouptabs-strip-active,
.x-tab-panel-right ul.x-grouptabs-strip .x-grouptabs-main.x-grouptabs-strip-active {
border-left: 0 none;
background: url(extjs/images/caret_left.png) right no-repeat;
}
.x-tab-panel-left ul.x-grouptabs-strip .x-grouptabs-sub li,
.x-tab-panel-right ul.x-grouptabs-strip .x-grouptabs-sub li {
background-image: none;
}
.x-tab-panel-left .x-tab-panel-header,
.x-tab-panel-right .x-tab-panel-header {
border-bottom: 1px solid #cccccc;
}
.x-tab-panel-left .x-grouptabs-bwrap,
.x-tab-panel-right .x-grouptabs-bwrap {
margin-left: 240px;
width: auto;
}
.x-tab-panel-left .x-grouptabs-panel-header,
.x-tab-panel-right .x-grouptabs-panel-header {
background: transparent none repeat scroll 0 0;
border: 0 none;
float: left;
width: 239px;
min-width: 240px;
padding: 0;
margin: 0;
position: absolute;
top: 88px;
left: 0;
}
.home-settings .content {
padding-right: 0;
}
.home-settings .x-tab-first.x-grouptabs-main.x-grouptabs-expanded.x-grouptabs-strip-active {
background: none;
}
.home-settings .x-panel-bwrap {
padding-right: 6px;
}
.home-settings .x-tab-panel-body {
margin: -14px -8px -8px -8px;
}
.home-settings .x-tab-panel-header ul.x-grouptabs-strip .x-grouptabs-main a.x-grouptabs-text.injury {
margin-left: -2px;
background-position: 4px 10px !important;
}
.x-masked-relative .x-grouptabs-panel-header {
top: 0;
}
.x-grouptabs-sub {
margin-left: -6px;
margin-top: 0;
padding-left: 6px;
}
.x-tab-joint {
width: 1px;
}
.x-tab-strip-wrap {
overflow: hidden;
position: relative;
zoom: 1;
padding: 0;
margin: 0;
}
#actionsPanel {
padding-top: 20px;
}
.panel {
padding-top: 15px;
}
.x-panel {
border-color: #cccccc;
width: auto;
}
.grid .x-panel-header .x-panel-header-text {
font-size: 1.2em;
text-transform: uppercase;
}
div.x-grid3-hd-inner {
font-weight: bold;
font-size: 10pt;
}
.x-grid3-header {
background-color: white;
color: black;
}
.x-grid3-hd-row td {
background-color: white;
border-left-color: white;
border-right-color: white;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
background-color: #eeeeee;
}
div.x-grid3 {
background-color: none;
}
.x-panel-body {
border-width: 0px !important;
background-color: none;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
form .x-grid-panel .x-panel-body,
form .x-column-tree .x-panel-body,
.fieldCell .x-column-tree .x-panel-body,
.fieldCell .x-grid-panel .x-panel-body,
.fieldCell .tile-list .x-panel-body {
border-width: 1px !important;
}
.x-resizable-pinned.x-panel-body {
border-width: 1px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#view_training_home_index .x-tree-ec-icon.x-tree-elbow,
#view_training_home_index .x-tree-elbow-end {
display: none;
}
.supportContent .note {
margin-bottom: 0;
background-color: #e6e6e6;
padding: 12px;
font-weight: 300;
line-height: 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 8px;
border: 1px solid #cccccc;
}
.supportContent .note p {
line-height: 20px;
font-size: 10pt;
}
.ext-gecko .x-btn button {
vertical-align: central;
}
.ext-webkit .x-btn button {
vertical-align: top;
}
.x-btn-icon.x-btn-small {
display: inline-block;
height: 16px;
width: 16px;
}
.x-btn-icon.x-edit-createlink {
background-repeat: no-repeat;
background-position-y: center;
}
button.x-btn {
background-color: #dddddd;
border: 1px solid #aaaaaa;
margin: 1px;
padding: 3px;
}
button.x-btn:active,
.x-btn.wysihtml5-command-active {
background-color: #aaccff;
border-color: #66aacc;
}
/* FullStage Master */
.stage .x-window.x-window-plain {
background-color: White;
}
.stage #Content {
padding: 0px;
}
@media print {
.stage #Head {
display: none;
}
}
.stage.x-border-layout-ct .top-container {
position: static;
}
.stage.x-border-layout-ct .page-content {
position: static;
}
.stage ul.actions li a {
padding: 2px 4px 2px 24px;
display: inline;
}
.stage .top-container li {
display: inline;
}
.stage .page-nav {
padding-left: 12px;
height: 100%;
background-color: #f3f3f3;
}
.stage .logo {
color: black !important;
}
.stage .brand {
background: white;
}
.ext-ie8.stage.area-training .page-nav {
display: inline-block;
width: 100%;
height: 100%;
}
/* Reports */
ul.actions {
margin: 1em 0;
}
#oReportDiv {
overflow: visible !important;
}
.report-param-panel .x-panel-header {
font-weight: bold;
font-size: 11px;
font-family: tahoma, arial, verdana, sans-serif;
background-color: #ffffdd !important;
border-color: #ffffdd;
color: black;
}
.tile-stack .x-panel-body {
background: white;
background-color: #f3f3f4;
overflow: hidden;
/*position:relative;*/
}
form .tile-stack .x-panel-body {
background: white;
border-width: 1px !important;
border-color: #aaaaaa;
}
.report-param-panel {
background-color: #f3f3f4;
border-right: 1px solid #dddddd;
color: black;
font-weight: bold;
font-size: 11px;
font-family: tahoma, arial, verdana, sans-serif;
zoom: 1;
}
.report-data-panel .x-panel-body-noheader,
.x-panel-mc .x-panel-body {
border: 0px;
}
h2 input[type="checkbox"] {
margin-left: 0;
margin-right: 0;
vertical-align: bottom;
}
h2.section {
margin-top: 36px;
margin-bottom: 0;
}
.head-note {
color: gray;
font-size: 12px;
margin-left: 0.5em;
}
div.hr.section {
border-top: solid 1px silver;
margin-bottom: 1em;
}
.x-grid3-row-selected {
background-color: #ffffdd !important;
border-color: #ffffdd;
color: black;
background-image: none;
border-color: #a3bae9;
}
.x-grid3-row-selected .list-description,
.x-grid3-row-selected .list-tertiary {
color: black;
}
#tabObservations .x-grid3-row,
#tabEvents .x-grid3-row {
margin-bottom: 4px;
border: 1px solid #cccccc;
}
#myReportGrid .x-grid3-row {
border-color: White White LightSteelBlue;
padding: 2px 0;
}
.check-cell {
background: url("extjs/images/check.png") no-repeat center center;
height: 19px;
}
.check-cell span {
display: none;
}
.rule-legend {
padding: 0;
margin: 0;
border-width: 1px 0 0 0;
}
.rule-legend legend {
margin-left: 10px;
padding-right: 5px;
}
#topInfo {
margin-left: 240px !important;
padding: 10px;
}
.no-expanders .x-grid-group-hd div.x-grid-group-title {
background: none;
padding: 0px;
}
.ims-header {
margin-left: 232px;
*zoom: 1;
}
.ims-header:before,
.ims-header:after {
display: table;
content: "";
line-height: 0;
}
.ims-header:after {
clear: both;
}
.ims-header:before,
.ims-header:after {
content: " ";
display: table;
}
.ims-header:after {
clear: both;
}
#NewsFeed .x-grid3-cell {
display: none;
}
.x-progress-bar {
height: 18px;
float: left;
width: 0;
background: repeat-x left center;
background-color: #0e90d2;
background-repeat: repeat-x;
background-image: none;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
}
.x-progress-text-back {
color: #333333;
}
.x-progress-wrap {
border: 1px solid #dde4ed;
}
#GridPanel,
.x-panel.x-panel-noborder.x-border-panel {
background-color: white;
}
.area-people .x-toolbar-right-row .x-trigger-wrap-focus {
width: 170px;
}
.area-training .ext-sidenav,
.area-people .ext-sidenav {
margin: -15px 0 0 -12px;
}
.area-training .x-unselectable,
.area-people .x-unselectable {
padding: 0 0 0 5px;
}
.area-training .x-panel-header,
.area-people .x-panel-header {
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.area-training #GridPanel,
.area-people .x-panel.x-panel-noborder.x-border-panel {
padding: 0 0 12px 12px;
}
.area-ims.home-index .content,
.area-reporting.directory-index .content,
.area-assignment.home-index .content {
padding: 0;
margin-top: 0;
}
.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar {
border: none;
}
.x-panel-header-text,
.x-tab-panel-header-text {
line-height: 40px;
font-size: 1.2em;
text-transform: uppercase;
padding-left: 4px;
color: #666666;
}
.area-reporting .x-panel-header-text {
line-height: 20px;
}
.x-tab-strip-wrap,
.x-tree-root-ct {
border-top: 1px #c7c7c7 solid;
}
.x-tab-panel-header-text {
padding-left: 10px;
}
.panel-filter .x-panel-header-text {
line-height: 15px;
font-size: 10pt;
text-transform: capitalize;
margin-left: -9px;
}
.grid .x-panel-header.x-unselectable {
display: none;
}
#GridPanel .grid,
#view_people_home_index .grid {
padding-top: 10px;
}
.middle-align {
vertical-align: middle !important;
}
.break-word {
word-break: break-all;
}
.lt-ie9 .x-form-field-wrap.x-form-field-trigger-wrap.x-item-disabled {
width: 220px !important;
cursor: default;
opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.x-form-field-wrap .x-form-lookup-add.x-form-trigger-over,
.x-form-field-wrap .x-form-lookup-add,
.x-form-field-wrap.x-trigger-wrap-focus .x-form-lookup-add {
background-position: 0 0 !important;
}
.x-resizable-handle {
z-index: 1;
}
span#refreshBtn {
text-transform: none;
}
.dropdown-menu {
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
background-color: white;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
font-size: 13px;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid white;
}
.dropdown-menu li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: white;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu li.menu-label,
.dropdown-menu li.muted {
padding: 3px 20px;
line-height: 20px;
}
.dropdown-menu li.muted {
color: #999999;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid black;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
/**
* RangeMenu Styles
**/
.ux-rangemenu-gt {
background-image: url(extjs/images/greater_than.png) !important;
}
.ux-rangemenu-lt {
background-image: url(extjs/images/less_than.png) !important;
}
.ux-rangemenu-eq {
background-image: url(extjs/images/equals.png) !important;
}
.x-tool-config {
background-image: url("extjs/images/cog.png") !important;
}
.x-ribbon {
overflow: hidden;
padding: 2px;
}
.x-filter-item {
display: inline-block;
padding: 0px 16px 0px 2px;
margin: 0 4px;
cursor: pointer;
cursor: hand;
background: url(extjs/images/cross-gray.png) no-repeat scroll right center transparent;
}
.x-filter-item:hover {
background-image: url(extjs/images/cross.png);
}
.x-filter-clear {
background: url(extjs/images/funnel-remove.png) no-repeat;
display: inline-block;
cursor: pointer;
cursor: hand;
height: 16px;
width: 16px;
vertical-align: middle;
margin: 0 8px 0 4px;
}
.x-filter-empty {
font-style: italic;
color: gray;
}
.ux-gridfilter-time-icon {
background-image: url(extjs/images/clock.png);
}
.assignmentPeopleTree {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
font: normal 12px arial, tahoma, helvetica, sans-serif;
padding: 5px;
}
.create-user .x-panel-body {
overflow: auto;
}
.clear-actions-panel {
margin-top: 68px;
}
.ext-sidenav {
overflow: auto;
}
.ext-sidenav .x-tree-root-node {
background: none;
border-color: #999999 -moz-use-text-color;
border-style: solid none;
border-width: 0;
}
.ext-sidenav .x-tree-node-el {
background: none;
border-color: #999999 -moz-use-text-color;
border-style: solid none;
border-width: 0;
}
.ext-sidenav .x-tree-arrows .x-tree-node .x-tree-node-anchor {
padding-left: 2px;
}
.ext-sidenav .x-tree-node {
color: #333333;
border-right: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-top: 1px solid #fafafa;
border-bottom: 1px solid #c7c7c7;
}
.ext-sidenav .x-tree-node a span {
color: #333333;
}
.ext-sidenav .x-tree-node .x-tree-node {
border-width: 0;
}
.ext-sidenav .x-tree-node .x-tree-node-over {
background-color: #dedede;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav .x-tree-node .x-tree-node-el {
padding: 8px 0 8px 10px;
}
.ext-sidenav .x-tree-node #extdd-1 {
border-bottom: 1px solid #bfbfbf;
margin-bottom: -1px;
}
.ext-sidenav .x-tree-node .x-tree-selected {
color: #333333;
/*border: 1px solid #dddddd;*/
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #bfbfbf;
margin-bottom: -1px;
margin-top: -1px;
background: #cccccc url(extjs/images/caret_left.png) 230px 7px no-repeat;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav .x-tree-node .x-tree-selected:hover {
background-color: #cccccc;
cursor: default;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav #panel .x-grouptabs-panel-header,
.ext-sidenav #primCol .x-grouptabs-panel-header,
.ext-sidenav .primaryWrapper .x-grouptabs-panel-header {
position: fixed;
background: #e5e5e5;
height: 100%;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav .x-grouptabs-panel-header {
margin-right: -20px;
height: 100%;
width: 235px !important;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav .x-panel.x-tree.x-border-panel .x-panel-bwrap {
height: 100%;
width: 240px;
background: #e5e5e5;
box-shadow: inset -6px 0 6px -6px rgba(0, 0, 0, 0.2);
}
.ext-sidenav .x-panel.x-tree.x-border-panel .x-panel-bwrap .x-panel-body {
overflow: auto !important;
}
.ext-sidenav #lwdGrid .x-panel-header,
.ext-sidenav #lwdGrid .x-panel-header-text {
padding-left: 0;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: black;
text-shadow: 0 1px 0 white;
opacity: 20;
filter: alpha(opacity=2000);
opacity: 0.2;
filter: alpha(opacity=20);
background: none;
border: none;
}
.x-tool-gearText {
float: right;
overflow: hidden;
width: auto;
height: auto;
cursor: pointer;
background: url(extjs/images/arrow_blue.png) center right no-repeat !important;
margin-left: 2px;
margin-right: 6px;
margin-top: -1px;
padding-right: 10px;
}
.x-tool-gearText:hover {
background-image: url(extjs/images/arrow_blue_dk.png) !important;
}
.login-minreq,
.login-techrequirements {
background: white;
/*page-wrapper and top bar styles*/
}
.login-minreq .page-container,
.login-techrequirements .page-container {
padding-top: 0 !important;
}
.login-minreq .page-container .top-container,
.login-techrequirements .page-container .top-container {
position: relative;
z-index: 0;
}
.login-minreq .page-container .page-content,
.login-techrequirements .page-container .page-content {
padding: 0;
}
.login-minreq .page-nav,
.login-techrequirements .page-nav {
height: 42px;
background-color: #444444;
border-top: 2px solid #cc0000;
}
.login-minreq .logo,
.login-techrequirements .logo {
display: block;
margin: 20px 0 20px -10px;
font-size: 55px;
line-height: 42px;
vertical-align: -0.2em;
min-width: 55px;
cursor: default;
color: #cc0000;
}
.login-minreq .logo:before,
.login-techrequirements .logo:before {
display: inline-block;
font-style: normal;
font-weight: normal;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
font-family: 'icomoon';
content: '\e000';
}
.lt-ie8 .login-minreq .logo,
.lt-ie8 .login-techrequirements .logo {
margin-top: 4px;
display: inline-block;
font-style: normal;
font-weight: normal;
speak: none;
line-height: 1;
font-family: 'icomoon';
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e000');
}
/* Start - Custom Field Settings */
.padded-menu-buttons {
padding-top: 6px;
padding-right: 8px;
}
/* End - Custom Field Settings */
/* Start - For IMS Submit Observation */
.textarea-default {
width: 495px;
height: 100px;
}
.standardWidth {
width: 600px;
}
.formWidth {
width: 800px;
}
.factorSelection {
width: 500px;
}
#ObservationSection #location {
width: 140px !important;
}
@media screen and (max-width: 1024px) {
.helpful {
display: none !important;
}
.home-settings .ext-sidenav:before,
.home-settings .ext-sidenav .before {
background-color: white;
border-right: none;
}
}
@media screen and (max-width: 480px) {
.textarea-default {
width: 275px;
height: 100px;
}
.standardWidth {
width: 100%;
}
.formWidth {
width: 100%;
}
.formWidth .x-panel-body {
overflow: hidden !important;
}
.submitBar {
width: 100%;
}
.lookup-window {
width: 290px !important;
}
.lookup-window .x-grid-panel,
#CausalFactorDescription1,
#CausalFactorDescription2,
#CausalFactorDescription3,
.x-html-editor-wrap,
.xresizable-wrap {
width: 275px !important;
}
.helpful {
display: none !important;
}
.factorSelection .x-form-text {
width: 75px !important;
}
.x-form-field-trigger-wrap #InjuryCause,
.x-form-field-trigger-wrap #InjuredBodyPart,
.x-form-field-trigger-wrap #NatureOfInjury {
width: 175px !important;
}
.x-html-editor-tb {
display: none;
}
}
.x-tree-node-anchor {
padding-left: 4px;
}
/* End - For IMS Submit Observation */
.recurring-task .x-form-element {
display: inline;
padding-top: 0;
position: static;
}
.recurring-task .x-form-field-wrap {
padding-left: 12px;
margin-right: 20px;
width: 86px !important;
}
.recurring-task .x-form-item {
display: inline-block;
margin-right: 4px;
}
.recurring-task label {
display: block;
}
.touch #tabTasks .x-grid3-viewport {
overflow: scroll !important;
}
/* Portal Forms Content
================================================== */
.report-renderhtmlreport,
.history-renderhtmlreport,
.myreport-renderhtmlreport {
line-height: normal;
}
@media only screen and (min-width: 841px) {
/*hide content menu btn when aside persists*/
.btn-drawer {
display: none;
}
.product-navigation {
height: auto !important;
/*override inline style from bootstrap*/
}
.employee-directory .expand-list {
display: none;
}
.employee-directory .pagination-total ~ ul {
display: block;
}
}
@media only screen and (max-width: 840px) {
/*page-container transition styles*/
.area-portal .page-container,
.ext .page-container,
.area-message .page-container {
padding-top: 0;
position: relative;
/*Move content nav off screen*/
}
.area-portal .page-container .content-navigation,
.ext .page-container .content-navigation,
.area-message .page-container .content-navigation,
.area-portal .page-container .ims-vertical-tabs .x-tab-panel-header,
.ext .page-container .ims-vertical-tabs .x-tab-panel-header,
.area-message .page-container .ims-vertical-tabs .x-tab-panel-header {
top: 0;
padding-top: 46px;
-webkit-transition: -webkit-transform 0.25s ease;
-moz-transition: -moz-transform 0.25s ease;
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
-moz-transform: translateX(-240px);
-webkit-backface-visibility: hidden;
}
.area-portal .page-container .top-container,
.ext .page-container .top-container,
.area-message .page-container .top-container,
.area-portal .page-container .content,
.ext .page-container .content,
.area-message .page-container .content {
-webkit-transition: -webkit-transform 0.25s ease;
-moz-transition: -moz-transform 0.25s ease;
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-backface-visibility: hidden;
}
.area-portal .page-container.open .top-container,
.ext .page-container.open .top-container,
.area-message .page-container.open .top-container,
.area-portal .page-container.open .content,
.ext .page-container.open .content,
.area-message .page-container.open .content {
-webkit-transition: -webkit-transform 0.25s ease;
-moz-transition: -moz-transform 0.25s ease;
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
-moz-transform: translateX(240px);
-webkit-backface-visibility: hidden;
}
.area-portal .page-container.open .content-navigation,
.ext .page-container.open .content-navigation,
.area-message .page-container.open .content-navigation,
.area-portal .page-container.open .ims-vertical-tabs .x-tab-panel-header,
.ext .page-container.open .ims-vertical-tabs .x-tab-panel-header,
.area-message .page-container.open .ims-vertical-tabs .x-tab-panel-header {
-webkit-transition: -webkit-transform 0.25s ease;
-moz-transition: -moz-transform 0.25s ease;
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-backface-visibility: hidden;
position: absolute;
}
.area-root .page-container .content {
transform: none;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
}
/*top container styles*/
.top-container {
box-shadow: none;
position: relative;
top: 0;
}
/*top nav*/
.page-container .top-container .nav-products {
padding-left: 12px;
margin-left: 0;
}
.nav-products > .active > a::after {
display: inline-block;
width: 0;
margin-left: 2px;
height: 0;
vertical-align: middle;
border-top: 4px solid black;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
/*product nav styles*/
.product-navigation > li {
display: block;
width: 150px;
}
.product-navigation.collapse.in {
box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.5);
/*display: block;*/
}
.top-container .setup {
position: absolute;
right: 0;
text-align: right;
}
.top-container .help {
position: absolute;
right: 0;
top: 41px;
text-align: right;
}
/*content nav styles*/
.content-navigation .nav-tabs.nav-stacked .active .arrow-left {
display: none;
}
.btn-drawer {
display: inline-block;
float: left;
margin: 16px 12px 12px 12px;
}
.assignments-assignmentdetails .btn-drawer {
display: none;
}
.area-message .content-navigation,
.area-portal .content-navigation {
height: 1024px;
}
/*sticky table header styles*/
thead.affix {
position: relative;
}
/*content area*/
.area-portal .content {
height: 100%;
}
/*Remove left margin from content if aside is present*/
.page-content > .content-navigation ~ .content {
margin-left: 0;
}
.ims-vertical-tabs .x-grouptabs-bwrap {
margin-left: 0;
}
/*large modal styles*/
.dialog.modal.modal-large {
width: 100%;
height: 100%;
left: auto;
right: auto;
border-radius: 0;
}
.dialog.modal.modal-large .modal-body {
position: absolute;
top: 48px;
left: 0;
height: auto;
max-height: none;
bottom: 0;
right: 0;
}
.dialog.modal.modal-large .modal-header {
text-align: center;
background-color: whitesmoke;
}
.dialog.modal.modal-large .modal-footer {
position: absolute;
background-color: transparent;
left: 0;
top: -6px;
right: 0;
}
.modal-large footer .btn {
float: left;
}
.modal-large .modal-footer .btn + .btn {
margin-left: 0;
}
.modal-large footer .btn-primary {
float: right;
}
.dialog.open .row-fluid {
overflow-x: visible;
transition: -webkit-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transform: translateX(-218px);
-ms-transform: translateX(-218px);
-webkit-transform: translateX(-218px);
-webkit-backface-visibility: hidden;
}
.dialog .row-fluid {
overflow-x: hidden;
transition: -webkit-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-webkit-backface-visibility: hidden;
}
.employee-directory .top-toolbar {
width: 100%;
}
.employee-directory .bottom-toolbar {
position: relative;
}
.employee-directory .btn-drawer {
margin: 0;
float: right;
}
.table-condensed th,
.table-condensed td {
padding: 8px;
}
.employee-directory .span3 {
float: right;
width: 200px;
}
.employee-directory .span9 {
width: 100%;
margin-left: 0;
}
.employee-directory .fill-content {
top: 0;
position: relative;
overflow: hidden;
}
/*.dialog .pagination,*/
.employee-directory ~ footer .pill-list {
display: none;
}
.employee-directory .expand-list {
display: block;
margin-top: 12px;
position: absolute;
}
.employee-directory .list-container {
overflow: hidden;
overflow-y: auto;
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 32px;
}
.dialog .pagination-total ~ ul,
.dialog .pagination-total {
display: none;
}
.fill-content footer {
margin-top: 12px;
top: 32px;
}
.message-container header ul.span9 {
width: 60%;
}
/*popover overrides*/
.dialog.popover.left .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
right: auto;
border-right-width: 11px;
}
.dialog.popover.left .arrow:after {
bottom: -10px;
left: 1px;
border-right-color: white;
border-left-width: 0;
right: auto;
border-right-width: 11px;
}
.dialog.popover {
left: 65% !important;
}
}
@media only screen and (max-width: 768px) {
/* bootstrap .row > .span transition to wrapping inline-blocks */
/* stack columns on top of each other, letting each take as much vertical height as it wants */
.employee-directory .tree-col {
height: auto;
overflow: visible;
}
.employee-directory .main-col {
height: auto;
overflow: visible;
}
.employee-directory .list-container {
overflow: visible;
}
}
@media screen and (max-width: 600px) {
/*header styles*/
header .filterLabel {
display: none;
}
header input {
margin-left: 6px;
}
header .input-small {
width: 80px;
}
/*modal/popover overrides*/
.modal.wizard,
.modal {
position: fixed;
top: 3%;
right: 3%;
left: 3%;
width: auto;
margin: 0;
}
.modal.wizard .modal-body,
.modal .modal-body {
height: 60%;
}
.dialog.popover {
left: 50% !important;
}
}
@media screen and (max-width: 480px) {
/*reposition logo*/
li .logo {
padding-top: 3px;
margin-bottom: -5px;
}
.area-message .row-fluid .span1 {
width: 14.893617021%;
}
.area-message .row-fluid .span11 {
width: 82.978723404%;
}
.select2-search-field input {
padding-bottom: 6px !important;
}
/*employee dialog overrides*/
.fill-content button {
width: 100%;
}
.popover.tour,
.tour-item,
.tour-item + .divider {
display: none !important;
right: -400px;
}
.employee-directory {
padding: 5px;
}
.employee-directory .input-append input[type=text] {
width: 180px !important;
}
.employee-directory .input-append .dropdown-menu {
left: auto;
right: 0;
}
/*popover overrides*/
.popover {
left: 25% !important;
}
.popover .arrow {
display: none;
}
/*schedule detail overrides*/
.details li {
display: block;
}
.details li:after {
content: '';
}
}
@media screen and (max-width: 400px) {
/*header styles*/
.welcome-index .content header {
clear: none;
margin-bottom: 12px;
}
/*employee directory*/
.employee-directory .expand-list {
position: relative;
}
.dialog.modal.modal-large h3 {
visibility: hidden;
}
/*specifc overrides for messages screen*/
.area-message header {
clear: none;
}
.area-message .select2-choices {
padding-left: 4px;
}
/*collapse header styles*/
header {
clear: both;
}
header .input-small {
margin-left: 4px;
width: 72px;
}
header .input-wrap input {
margin-left: 0;
width: 80px;
}
header .btn-group {
white-space: normal;
}
.btn-toolbar .toolbar-spacer + .btn-group {
float: left;
}
/*popver overrides*/
.dialog.popover {
left: 13% !important;
}
}