/**** All CSS for the structure of html page layouts *************************************************/
.dialog-southPanel
{
padding: 4px;
height: 25px !important;
}
.x-btn-editor button {
width: 14px !important;
height: 14px !important;
}
.number
{
text-align: right;
}
.buttongroup-fill,
.buttongroup-fill>div,
.buttongroup-fill>div>div>table
{
width: 100%;
}
.buttongroup-fill .x-btn
{
float: right;
}
.ext-ie .x-menu-item-active a.x-menu-item.x-menu-item-button {
border-style:solid;
border-width:0 1px;
margin:0 0px;
}
/********************************* Route View Visualization CSS */
.routeNode-wrap
{
display: inline-block;
vertical-align: top;
margin: 5px;
padding: 5px;
border-width: 1px;
background-color: #ffffff;
margin-bottom: 5px;
width: expression(this.width > 200 ? 200: "auto");
max-width: 200px;
}
.routeNode-Disabled
{
color: Gray;
border-color: #bbbbbb;
}
.routeNode-title
{
padding: 0px 0px 2px 0px;
font-size: 1.5em;
font-weight:bold;
background: none;
border: 0 none;
}
.routeNode-wrap img
{
margin: 2px 4px 2px 0px;
vertical-align: text-bottom;
}
.routeNode-level
{
font-size: 8pt;
font-style: italic;
text-align: center;
}
.routeNode-user
{
font-size: 10pt;
font-weight:bold;
text-align: center;
}
.routeNode-center
{
text-align: center;
}
.routeNode-text
{
margin-top: 5px;
padding-top: 5px;
border-width: 1px 0px 0px 0px;
}
.routeNode-spacer
{
display: inline-block;
vertical-align: top;
margin-top: 35px;
padding: 0px;
min-width: 50px;
border-width: 0px !important;
border-top-width: 2px !important;
}
/******* Ext Overrides */
.x-editor
{
z-index: 9000;
}
.x-fieldset
{
margin-bottom: 0px !important;
}
/* allow grid text selection in Firefox and WebKit based browsers */
/*
.x-grid3-row td,
.x-grid3-summary-row td,
.x-grid3-cell-text,
.x-grid3-hd-text,
.x-grid3-hd,
.x-grid3-row
{
-moz-user-select: inherit;
-khtml-user-select: text;
-webkit-user-select: text;
}
*/
.x-selectable, .x-selectable *
{
-moz-user-select: text !important;
-khtml-user-select: text !important;
-webkit-user-select: text !important;
}
/*
.x-selectable span
{
cursor: text;
}
*/
/**** All CSS for the visual appearance *************************************************/
.auxText
{
background-color: #ffffcc; /*yellow*/
background-color: #F7FAEB;
}
.subHeader
{
background-color: #ffffcc; /*yellow*/
background-color: #F7FAEB;
text-align: center;
}
.subHeader .title
{
font-size: 2em;
font-weight: bold;
background-color: transparent;
}
.subHeader .supplement
{
font-size: 1.3em;
font-weight: bold;
}
.readonlyField, .readonlyField .x-list-body
{
background-color: #dddddd !important;
background-image: none !important;
}
.calendar-picker .x-date-selected a
{
background-image: none;
background-color: transparent;
}
.calendar-picker .x-date-inner a
{
border: 1px solid transparent;
}
.calendar-picker .x-date-inner .x-date-today a {
border-color: darkred;
}
.calendar-picker .x-date-inner a:hover
{
background-color: transparent;
border: 1px solid blue;
}
.calendar-picker .date-highlight
{
background-color: #6ec672;
}
.calendar-picker .x-date-today .date-highlight a
{
background-color: #6ec672;
border-color: darkred;
}
.vacation-selector-status
{
font-size: 16pt;
font-weight: bold;
color: #BBBBBB;
}
.rrslogo
{
background-image: url(images/rrslogo.png);
}
.x-tree-node-bold
{
font-weight: bold;
}
.x-tree-node-italic
{
font-style: italic;
}
.x-grid3-row-red
{
color: #ff0000;
}
.x-grid3-row .x-grid3-cell-error
{
background-color: #F9EAEA;
color: #FF0000;
}
.x-grid3-row-alt .x-grid3-cell-error
{
background-color: #EFE1E1;
color: #FF0000;
}
.statusStyle
{
Background-color: #8C9672;
color: #ffffff;
border-right: silver 2px groove;
border-left: silver 2px groove;
border-top: silver 2px groove;
border-bottom: silver 2px groove;
font-weight: bold;
font-size: 10pt;
}
/*!
* Ext JS Library 3.2.1
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/
.ext-ie .x-row-editor .x-form-text {
margin:0 !important;
}
.x-row-editor-header {
height:2px;
overflow:hidden;
background: transparent url(images/row-editor-bg.gif) repeat-x 0 0;
}
.x-row-editor-footer {
height:2px;
overflow:hidden;
background: transparent url(images/row-editor-bg.gif) repeat-x 0 -2px;
}
.ext-ie .x-row-editor-footer {
margin-top:-1px;
}
.x-row-editor-body {
overflow:hidden;
zoom:1;
background: #ebf2fb;
padding-top:2px;
}
.x-row-editor .x-btns {
position:absolute;
top:28px;
left:20px;
padding-left:5px;
background: transparent url(images/row-editor-btns.gif) no-repeat 0 0;
}
.x-row-editor .x-btns .x-plain-bwrap {
padding-right:5px;
background: transparent url(images/row-editor-btns.gif) no-repeat right -31px;
}
.x-row-editor .x-btns .x-plain-body {
background: transparent url(images/row-editor-btns.gif) repeat-x 0 -62px;
height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
padding:3px;
}
/* Fixes for IE6/7 trigger fields */
.ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
top: 1px;
}
.ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
margin-top: -1px;
}
.errorTip .x-tip-body ul{
list-style-type:disc;
margin-left:15px;
}
/* Added for checkAll Column */
.x-grid3-hd-inner.x-grid3-hd-checkAllColumn {
padding-left: 4px;
}
.x-grid3-hd-checkAllColumn .x-grid3-hd-checker {
background-position: 0px 0px;
height: 14px;
}
.x-grid3-hd-checkAllColumn.x-grid3-hd-checker-on .x-grid3-hd-checker {
background-position:-25px 0px;
}
/*!
* Ext JS Library 3.3.1
* Copyright(c) 2006-2010 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
.x-form-spinner-proxy{
/*background-color:#ff00cc;*/
}
.x-form-field-wrap .x-form-spinner-trigger {
background:transparent url('images/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('images/spinner-split.gif') no-repeat 0 0;
position:absolute;
cursor: n-resize;
}
.x-trigger-wrap-focus .x-form-spinner-splitter{
background-position:-14px 0;
}
/*!
* Ext JS Library 3.3.1
* Copyright(c) 2006-2010 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
.ux-mselect{
overflow:auto;
background:white;
position:relative; /* for calculating scroll offsets */
zoom:1;
overflow:auto;
}
.ux-mselect-item{
font:normal 12px tahoma, arial, helvetica, sans-serif;
padding:2px;
border:1px solid #fff;
white-space: nowrap;
cursor:pointer;
}
.ux-mselect-selected{
border:1px dotted #a3bae9 !important;
background:#DFE8F6;
cursor:pointer;
}
.x-view-drag-insert-above {
border-top:1px dotted #3366cc;
}
.x-view-drag-insert-below {
border-bottom:1px dotted #3366cc;
}
/*
* Ext JS Library 3.4
* Copyright(c) 2006-2009, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
.x-grid-group-hd-0
{
border-bottom-color: #99BBE8;  /* standard ext blue */
}
.x-grid-group-hd-1
{
border-bottom-color: #99E899;
}
.x-grid-group-hd-1 div.x-grid-group-title
{
color: #37A037;
}
.x-grid-group-hd-2
{
border-bottom-color: #E8E899;
}
.x-grid-group-hd-2 div.x-grid-group-title
{
color: #A0A037;
}
.x-grid-group-hd-3
{
border-bottom-color: #BDBDBD;
}
.x-grid-group-hd-3  div.x-grid-group-title
{
color: #737373;
}
.x-grid-group-hd-noicon  div.x-grid-group-title
{
background-image: none !important;
}
.x-grid3-summary-row {
color:#333;
background: #DDE5F0;
border-bottom:2px solid #99BBE8; /* standard ext blue */
}
.x-grid3-summary-row-0 {
background: #D0DEF0; /*blue*/
background: #DDE5F0; /*lighter blue*/
border-bottom:2px solid #99BBE8;
}
.x-grid3-summary-row-1 {
background: #CCFFCC; /*green*/
background: #E6FFE6; /*lighter green*/
background: #F2FFF2; /*even lighter */
border-bottom:2px solid #99E899;
}
.x-grid3-summary-row-2 {
background: #FFFFCC; /*yellow*/
background: #FFFFD9; /*lighter yellow*/
background: #FFFFEB; /*even lighter*/
border-bottom:2px solid #E8E899;
}
.x-grid3-summary-row-3 {
background: #F1F2F4; /*grey*/
background: #F5F5F5; /*lighter grey*/
background: #FAFBFC; /*even lighter*/
border-bottom:2px solid #BDBDBD;
}
.x-grid3-summary-header {
padding: 4px 4px 0px 4px;
font-weight: normal;
}
.x-grid3-summary-header .headerText {
font-weight: bold;
}
.x-grid3-summary-row .x-grid3-cell-inner {
font-weight:bold;
padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
padding-left:16px;
}
.x-grid-hide-summary {
display:none;
}
.x-grid3-summary-msg {
padding:4px 16px;
font-weight:bold;
}
.x-grid3-summary-footer {
padding: 0px 4px 4px 4px;
font-weight: normal;
}
.x-notification .x-tool-close{display: none}
.x-notification.fixed .x-tool-close{display: block}
.x-notification .error
{
vertical-align:middle;
border: 1px solid #F79897;
background-color: #FDDFDE;
}
.x-notification .message {
/*border: 1px solid #AEE0AE;*/
border: 1px solid #66E065;
background-color: #D1EED1;
}
.x-notification label
{
padding-top: 2px;
font-size: 10pt;
}
.x-notification .x-btn-tl, .x-notification .x-btn-tr, .x-notification .x-btn-tc, .x-notification .x-btn-ml, .x-notification .x-btn-mr, .x-notification .x-btn-mc, .x-notification .x-btn-bl, .x-notification .x-btn-br, .x-notification .x-btn-bc {
background-image: none !important;
}