/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
 * Maven baseline CSS styles for HTML elements after CSS normalization across browsers (normalize.css)
*/

/* Font family */
html,
button,
input,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
    /* This is a hack to prevent select controls and file upload controls from changing sizes when they are switched between focus/blur */
    background-color: #fefefe;
}

select {
    /* Limit select box width to avoid odd rendering based on a few overlong entries (e.g. Search Case product dropdown) */
    max-width: 300px;
}
textarea{
    /* Pre-wrap all text-areas for consistency across browsers  (refer to MVN-8460) */
    white-space: pre-wrap;
}

/* Global font size and color */
html {
    font-size: 80%;
    color: #333;
}

/* Do not underline links until mouse over */
a, a:link, a:visited, a:active {
    text-decoration: none;
    color: #00E;
}
a:hover {
    text-decoration: underline;
    color: #00E;
}

/* Space between checkbox/radio button and its label */
input[type="radio"], input[type="checkbox"] {
    margin-left: 2px;
    margin-right: 4px;
}

/* Gray out disabled/readonly input fields */
input[readonly], textarea[readonly], input[disabled], textarea[disabled], input.disabled, input.readonly, input[type="file"] {
  background: #eee;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Syle inputs for consistency across browsers */
input[type="text"], input[type="password"], select, textarea {
    border: 1px solid;
    border-color: #848484 #c1c1c1 #c1c1c1 #848484;
}

input[type="text"], input[type="password"] {
    text-indent: 1px;
}

/* Button style */
button {
    padding: 4px 10px 4px 10px;
    display: inline-block;
    margin-bottom: 0;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background-color: whiteSmoke;
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border: 1px solid #CCC;
    border-bottom-color: #BBB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: url(../images/gradient-button.jpg);
    background-position: top;
    background-repeat: repeat-x;

    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    zoom: 1;
}

button:active,
button.active,
button:hover,
button:focus {
    color: black;
    border: 1px solid #AAA;
    background: #e6e6e6;
}

button:active,
button.active {
    color: black;
    border: 1px solid #AAA;
    background: #e6e6e6;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button.disabled,
button[disabled] {
    cursor: default;
    border: 1px solid #CCC;
    background: #e6e6e6;
    color: #555;
    /* Opacity removed, see MVN-7070 regarding Chrome issues */
    -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.formButton.disabled, .formButton[disabled], .formButton.disabled:active, .formButton[disabled]:active, .formButton.disabled:hover, .formButton[disabled]:hover {
    cursor: default;
    background-image: none;
    background: #3388FF;
    color: #eee;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Page title for regular window (wrapped by subnav) */
h1.pageTitle {
    text-indent: 8px;
    font-size: 140%;
    font-weight: bold;
    color: #555;
    margin: 0.35em 0;
}

/* Page title for popup windows */
h1.pageTitlePopup {
	text-align: left;
    text-indent: 5px;
    font-size: 140%;
	/*font-weight: bold;*/
	width: 100%;
	border-bottom: 1px solid #999999;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* Red text with proper contrast against both white and gray for accessibility */
.redText {
    color: #DA0000;
}

.boldText {
    font-weight: bold;
}

.italicText{
    font-style: italic;
}

.hidden {
    display: none;
}

.inlined {
    display: inline
}

.centered {
    text-align: center;
}
.nowrap {
    white-space: nowrap;
}

.clickable {
    cursor: pointer;
}

/* White link style for blue backgrounds */
a.whiteLink, a.whiteLink:link, a.whiteLink:visited, a.whiteLink:active {
    text-decoration: underline;
    color: white;
}

/* shadow effect */
.shadow {
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
}

img {
    border: 0;
}

div.fullWidthDiv {
    width: 100%;
}

/* Busy marker for AJAX updates */
html.busy, html.busy * {
    cursor: wait !important;
}

/* Darken placeholder fields */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #707070;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #707070;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #707070;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #707070;
}
.placeholder { /* Other */
    color: #707070;
}/*
 *  Maven CSS styles for page navigation (toolbars, navigation bars etc.
 */

/* Shadow line separator below the toolbar and page title section for IE8 only. Used from JSP tag. */
hr.iebar {
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    background-color: #959595;
    color: #959595;
    height: 1px;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar {
    background-color: #2C2C2C;
    background-image: url(../images/gradient-navbar.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #333333 0%, #222222 100%);
    background-image: -moz-linear-gradient(top, #333333 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #333333 0%, #222222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #222222));
    background-image: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
    background-image: linear-gradient(to bottom, #333333 0%, #222222 100%);

    box-shadow: whitesmoke 0 0 0 0 inset, rgba(0, 0, 0, .5) 0 1px 5px 0;

    color: #999;
    display: block;
    height: 42px;
    padding-left: 8px;
    padding-right: 8px;
    width: auto;

    border-bottom: 1px solid #888;
    position: relative;
    z-index: 10;
}

.container {
    background-color: transparent;
    color: #999;
    display: table;
    height: 40px;
    width: 100%;
    min-width: 850px;
}

.navbar .brand {
    background-color: transparent;
    color: #aaa;
    cursor: auto;
    display: table-cell;
    float: left;
    text-align: left;
    font-size: 150%;
    height: 20px;
    margin-left: -20px;
    padding: 8px 20px 12px;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
}

.navbar .brandLogin {
    text-align: center;
    float: none;
}

.subnav {
    background-repeat: repeat-x;
    border: 0 solid #D5D5D5;
    border-bottom: 1px #ddd;
    border-bottom: 1px #000000\9; /* This is for IE 7 and 8 only */
    border-radius: 0 0 3.6363635063171387px 3.6363635063171387px;
    box-shadow: white 0 1px 0 0 inset, rgba(0, 0, 0, 1) 0 1px 5px 0;
    color: #333;
    display: block;
    height: 36px;
    position: relative;
    width: 100%;

    background-color: #fbfbfb;
    background-image: url(../images/gradient-subnav.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);

    z-index: 9;

    overflow-x: hidden;
    overflow-y: hidden;
}

.icon-holder {
    width: 100%;
    height: 100%;
    outline: 0;
}

.subnav-icon, .subnav-icon:hover {
    /* Placeholder class for jquery code*/

    /* Remove focus border from navigation toolbar icons */
    outline: 0;
}

.navbar-icons {
    /* Placeholder class for jquery code*/
}

/* Remove focus border from navigation toolbar icons. Note this needs to be specific to anchor tag, a generic style is not specific enough */
a.subnav-icon-anchor, a.subnav-icon-anchor img {
    outline: none;
    border: 0;
}

.navbar-icon {
    display: inline-block;
    position: relative;
    top: -6px;
    padding-right: 6px;
    padding-top: 4px;
    height: 25px;

    background: url(../images/sprites_off.png) no-repeat top left;
    /*This is a hack for IE7 and transparent PNG*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*
    CSS Sprites were generated from the CSS Sprite Generator (http://spritegen.website-performance.org/)

    When the CSS is generated, the images are aligned to the upper left corner.  Since it is a single image, we
    are unable to use the center attribute, which we were using when there were individual images.  If we were to use
    the "center" attribute, it would provide the center of the full image.  Because of this, each image was individually
    adjusted so that they would appear center.  The adjustments from the generated position that were used are listed in
    comments above each position.
*/
.navbar-icon-home {
    /*Adjustment: 3px, 2px*/
    background-position: 3px -591px; width: 27px; height: 25px;
}

.navbar-icon-help {
    /*Adjustment: 3px, 2px*/
    background-position: 3px -516px; width: 25px; height: 25px;
}

.admin-icon-inner,
.admin-icon-inner:hover {
    font-size: 120%;
    float: left;
    display: block;
    border: 1px solid #ffffff;
    border-bottom-color: #cacaca;
    border-left-color: transparent;
}

.admin-icon-inner:hover {
    background-image: url(../images/gradient-adminIconHover.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f5f5f5, #B9B9B9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #B9B9B9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#B9B9B9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #B9B9B9);
    background-image: -o-linear-gradient(top, #f5f5f5, #B9B9B9);
    background-image: linear-gradient(top, #f5f5f5, #B9B9B9);
}

.admin-icon-inner > a {
    text-decoration: none;
    color: #333333;
    padding: 8px 10px 10px;
    display: block;
}

.admin-icon-inner-selected > a, .admin-icon-inner-selected > a:hover {
    color: #000;
    text-decoration: none;
    cursor: default;
}

.admin-icon-inner-selected,
.admin-icon-inner-selected:hover {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cacaca;
    border-right: 1px solid transparent;

    background-image: url(../images/gradient-adminIconSelected.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #E8E8E8, #B9B9B9);
    background-image: -ms-linear-gradient(top, #E8E8E8, #B9B9B9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8E8E8), to(#B9B9B9));
    background-image: -webkit-linear-gradient(top, #E8E8E8, #B9B9B9);
    background-image: -o-linear-gradient(top, #E8E8E8, #B9B9B9);
    background-image: linear-gradient(top, #E8E8E8, #B9B9B9);
}

.admin-icon-outer-left,
.admin-icon-outer-left:hover {
    float: left;
    position: relative;
    border: 1px solid #acacac;
    display: block;
    overflow: visible;
}

.admin-icon-outer,
.admin-icon-outer:hover {
    float: left;
    position: relative;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    border-right: 1px solid #acacac;
    display: block;
    overflow: hidden;
}

.subnav-icons {
    overflow: hidden;
}
.subnav-icon {
    border-left: 1px solid white;
    border-right: 1px solid #ddd;

    float: left;
    padding: 8px 4px;
    height: 20px;

    background: url(../images/sprites_off.png) no-repeat center;

    /*This is a hack for IE7 and transparent PNG*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/* Subnav Icons */
/*
    CSS Sprites were generated from the CSS Sprite Generator (http://spritegen.website-performance.org/)

    When the CSS is generated, the images are aligned to the upper left corner.  Since it is a single image, we
    are unable to use the center attribute, which we were using when there were individual images.  If we were to use
    the "center" attribute, it would provide the center of the full image.  Because of this, each image was individually
    adjusted so that they would appear center.  The adjustments from the generated position that were used are listed in
    comments above each position.
*/
.subnav-icon-financial {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -438px; width: 26px; height: 24px;
}

.subnav-icon-resources {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -1331px; width: 25px; height: 26px;
}

.subnav-icon-create {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -210px; width: 19px; height: 24px;
}

.subnav-icon-search {
    /*Adjustment: 4px, 7px*/
    background-position: 4px -1405px; width: 23px; height: 23px;
}

.subnav-icon-print {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -1110px; width: 24px; height: 24px;
 }

.subnav-icon-workflows {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -1765px; width: 25px; height: 25px;
}

.subnav-icon-tasks {
    /*Adjustment: 4px, 9px*/
    background-position: 4px -1544px; width: 22px; height: 18px;
}

.subnav-icon-links {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -815px; width: 20px; height: 23px;
}

.subnav-icon-import-roster {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -739px; width: 20px; height: 27px;
}

.subnav-icon-update-roster {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -1691px; width: 24px; height: 24px;
}

.subnav-icon-manage-parties {
    /*Adjustment: 4px, 7px*/
    background-position: 4px -963px; width: 35px; height: 22px;
}

.subnav-icon-cluster {
    /*Adjustment: 4px, 7px*/
    background-position: 4px -137px; width: 22px; height: 22px;
}

.subnav-icon-reports {
    /*Adjustment: 4px, 7px*/
    background-position: 4px -1256px; width: 24px; height: 23px;
}

.subnav-icon-lock-case {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -889px; width: 21px; height: 26px;
 }

.subnav-icon-unlock-case {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -1616px; width: 21px; height: 26px;
}

.subnav-icon-organizations {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -1036px; width: 24px; height: 24px;
}

.subnav-icon-calendar {
    /*Adjustment: 4px, 6px*/
    background-position: 4px -63px; width: 23px; height: 25px;
}

.subnav-icon-share-case {
    /*Adjustment: 4px, 9px*/
    background-position: 4px -1476px; width: 24px; height: 18px;
}

.subnav-icon-recent-cases {
    /*Adjustment: 4px, 7px*/
    background-position: 4px -1183px; width: 23px; height: 23px;
}

.subnav-icon-import-case {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -663px; width: 24px; height: 26px;
 }

.subnav-icon-export-case {
    /*Adjustment: 4px, 5px*/
    background-position: 4px -363px; width: 24px; height: 26px;
}

.subnav-icon-delete-case {
    /*Adjustment: 4px, 4px*/
    background-position: 4px -286px; width: 20px; height: 28px;
}

.subnav-icon-delete-party {
    /*Adjustment: 4px, 4px*/
    background-position: 4px -286px; width: 20px; height: 28px;
}

.subnav-icon-assign-case {
    /*Adjustment: 4px, 9px*/
    background-position: 4px 9px; width: 26px; height: 19px;
}

.navbar-right {
    margin-top: 6px;
    text-align: right;
    display: table-cell;
    white-space: nowrap;
}
.navbar-search {
    background-color: transparent;
    color: #999;
    display: block;
    float: left;
    height: 37px;
    margin: 0;
    position: relative;
}

.search-query {
    border: 1px solid #151515;
    /* Add rounded corners */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333333;
    display: inline-block;
    float: none;
    margin: 4px 9px;
    vertical-align: middle;
    text-indent: 3px;
    width: 190px;
}

#toolbarSearchButton {
    vertical-align: top;
}

.btn-primary {
    background-color: #0074cc;
    background-image: url(../images/gradient-buttonPrimary.jpg);
    background-position: top;
    background-repeat: repeat-x;

    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);

    border: 2px outset rgba(0, 0, 0, 0.0976563);
    border-bottom-color: rgba(0, 0, 0, 0.246094);
    *border: 1px solid #08C;
    border-radius: 4px;
    color: white;
    display: inline-block;
    height: 24px;
    margin: 2px 2px 2px 0;
    padding: 2px 8px 3px;
    position: relative;
    text-align: center;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    /* Fix bad border in IE 7 and IE8 with browser specific CSS */
    border: 1px solid #044cb8\9;
    outline: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    /* Copy border from above to avoid default button highlight from shifting the nav bar buttons */
    border: 2px outset rgba(0, 0, 0, 0.0976563);
    border-bottom-color: rgba(0, 0, 0, 0.246094);
    *border: 1px solid #08C;
    border-radius: 4px;
    color: white;
    background-color: #0055cc;
    background-position: 0 -15px;
    /* Fix bad border in IE 7 and IE8 with browser specific CSS */
    border: 1px solid #044cb8\9;
    outline: 0;
}

.btn-group {
    position: relative;
    display: inline-block;
    text-align: left;
    top: 2px;
}


.btn-group + .btn-group {
    margin-left: 5px;
    position: relative;
    top: -18px;
}

.btn-group > .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0055cc;
}

.open {
    *z-index: 1000;
}

.open > .dropdown-menu {
    display: block;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-top: 7px;
    margin-left: 0;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.btn-primary:hover .caret,
.open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-primary .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 1px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -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;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    *width: 100%;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
}

div.breadcrumb-admin-main {
    background-color: #fbfbfb;
    background-image: url(../images/gradient-adminBreadcrumb.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #cacaca);
    background-image: -ms-linear-gradient(top, #ffffff, #cacaca);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cacaca));
    background-image: -webkit-linear-gradient(top, #ffffff, #cacaca);
    background-image: -o-linear-gradient(top, #ffffff, #cacaca);
    background-image: linear-gradient(top, #ffffff, #cacaca);
    border-bottom: 1px solid #ddd;

    box-shadow: white 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0976563) 0px 1px 5px 0px;

    overflow: hidden;
    width: 100%;
    height: 36px;
}

.nav {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: block;
    background-color: #dddddd;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: #cccccc;
}

.nav-tabs {
    *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
    display: table;
    content: "";
}

.nav-tabs:after {
    clear: both;
}

.nav-tabs > li {
    float: left;
}

.nav-tabs > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #aaaaaa;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #000000;
}

.nav-tabs > li > a:hover {
    border-color: #bbbbbb #bbbbbb #aaaaaa;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: #333333;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-bottom-color: transparent;
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav-tabs .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}

.nav > .dropdown.active > a:hover {
    color: #000000;
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tabbableData {
    width: 100%;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    background-color: #ffffff;
    padding-bottom: 20px;
    overflow: hidden;
}

.tabbable {
    *zoom: 1;
    width: 90%;
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: "";
}

.tabbable:after {
    clear: both;
}

/* css IE-7 hacks from MVN-7733*/
*+html .container {
    display: block;
}

*+html .navbar .brand {
    display: block;
    white-space: normal;
}

*+html .navbar-icon {
    float: left;
    top: 0px;
}

*+html .navbar-right {
    float:right;
}

*+html .btn-group {
    float: left;
}

*+html .btn-group + .btn-group {
    margin-left: 5px;
    position: relative;
    top: 2px;
}/*
 * Maven CSS styles for HTML buttons. Buttons styles include:
 * 1. Generic page level buttons
 * 2. Buttons for navigation (next/previous page selectors etc.)
*/

/*
 * Maven CSS styles for HTML form rendering
*/

/* Floating page header DIV */
@media screen, print {
    div#floatingDivMarker, div#floatingDiv {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        border: none;
    }
    div#floatingDiv {
        position: fixed;
    }
}

/* MVN-3055 - Allow Firefox to print more than 1st page */
@media print {
    body {
        overflow:visible;
    }
    div#floatingDiv {
        position: static;
    }
}

/* Highlight focused field */
.inputStyleFocus, .inputStyleRequiredFocus {
    /*
    background-color: #fdecb2;
    */
    background-color: #FFF2A6;
}
.inputStyleRequired {
    background-color: #FFEFD5;
}
.inputStyleUneditable {
    background-color: #cccccc;
}
.inputStyleUneditableFocus {
    background-color: #dddddd;
}

/* Accessibility controls for screen readers */

/* JAWS ignores hidden text, so using CSS that makes the text invisible without modifying display attribute */
.hidden_jaws {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

body:hover .hidden_jaws a,
body:hover .hidden_jaws input,
body:hover .hidden_jaws button {
    display: none !important;
}

.fieldset_jaws {
    border: none;
    text-indent: 0;
    padding: 0;
    margin: 0
}

/* Layout table for forms */
table.formTable {
	border: 1px solid #CCCCCC;
    background-color: #E3E3E3; /* #f2f2f2 ? */
    border-collapse: collapse;
    clear: both;
    margin: 0;
}

/* Fix background color for specific input element types */
table.formTable input[type="file"], table.formTable input[type="radio"] {
    background-color: #E3E3E3;
}

.formTitle {
    color: white;
    font-weight: bold;
    text-indent: 2px;
    text-align: left;
    border: 1px solid #335D87;

    background-color: #335D87;
    background-image: url(../images/gradient-formTitle.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -moz-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -o-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4477AA), color-stop(1, #224364));
    background-image: -webkit-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: linear-gradient(to bottom, #4477AA 0%, #224364 100%);
    zoom: 1;
}

.formSubtitle {
	margin-top: 5px;
    font-weight: bold;
    background-color: #757575;   /* Give enough contrast against white text, color contrast ratio >= 4.5 */

    color: #ffffff;
    border-bottom: #CCCCCC 1px solid;
    padding-left: 3px;
}

.formLabel, .formField {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.formLabel {
    padding-left: 4px;
    padding-right: 10px;
    padding-top: 3px;
}

.formField {
    padding-left: 3px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
}

/* Button inside the form */
button.formButton {
    min-width: 80px;
    margin: 3px 0px 3px 0px;
    color: white;
    border-color: #05C #05C #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *border: 1px solid #08C;

    background-color: #0074CC;
    background-image: url(../images/gradient-formButton.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #08C, #05C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#05C));
    background-image: -webkit-linear-gradient(top, #08C, #05C);
    background-image: -o-linear-gradient(top, #08C, #05C);
    background-image: -moz-linear-gradient(top, #08C, #05C);
    background-image: linear-gradient(top, #08C, #05C);
    zoom: 1;
}

button.formButton:active, button.formButton:hover, button.formButton:focus {
    background: #0055CC;
}

/* Info and warning message boxes within the form */
.formMessage, .formWarning {
    margin-top: 2px;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    /*max-width: 800px;*/
    white-space: normal;
    /* Add rounded corners */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.formMessage {
    /* Blue option
    border: 1px solid #6666CC;
    background-color: #CCCCFF;
    */
    /* Soft border - brown
    border: 1px solid #F0C36D;
    background-color: #F9EDBE;
    */
    /* Strong border - brown
    border: 1px solid #D4951B;
    background-color: #FFECBF;
    */
    border: 1px solid #E2AC44;
    background-color: #FFECBF;
}

/* Warning message box within the form */
.formWarning {
    border: 1px solid #E00;
    background-color: #FFCCCC;
    max-width: 500px;
    display: inline-block;
}

/* Button row container */
div.buttonRow {
    margin-top: 10px;
    clear: both;
    white-space: nowrap;
}
/* Space between button row buttons */
div.buttonRow button {
    margin-right: 10px;
}

/* Form container */
div.formDiv {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 15px;
}

/* Inner table inside form */
table.formInnerTable {
    background-color: white;
}

table.formInnerTable > thead > tr > th {
    white-space: nowrap;
    border: #CCCCCC 1px solid;
    font-weight: bold;
    text-align: center;

    background: #e3e3e3;    /* IE7/IE8 */
    background-image: url(../images/gradient-gridTableHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -moz-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #e3e3e3));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #e3e3e3 100%);
    zoom: 1;
}

table.formInnerTable > tbody > tr > td {
    white-space: nowrap;
    border: #CCCCCC 1px solid;
}

table.formInnerTable > tbody > tr > td.noSideBorder {
    border-left: none;
    border-right: none;
}

table.formInnerTable > tbody > tr > td.noLeftBorder { border-left: none; }

/* Spacing for horizontal radio buttons (Yes/No) on the admin site */
fieldset > label {
    margin-right: 10px;
}
/*
 *  Maven CSS styles for rendering message boxes for errors, warnings and other informational messages
*/

/* Error messages box */
div.errorBox, div.headerErrorBox, div.errorBoxCentered {
    border: 1px solid #E00;
    background-color: #FFCCCC;
    /*width: auto;*/
    /*min-width: 400px;*/
    display: inline-block;
    max-width: 800px;
    max-height: 250px;
    overflow-y: auto;

    margin-top: 10px;
    margin-bottom: 10px;
    /*box-shadow: rgba(255, 255, 255, 0.80);*/
    /* Add rounded corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.errorBoxCentered {
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

div.errorTitle, div.headerErrorTitle {
    font-weight: bold;
    padding: 2px 5px 0px 5px;
}

div.errorMessages, div.headerErrorMessages {
    padding: 2px 5px 2px 5px;
}

/* Separator and styling for errors rendered in static header */
div#headerErrorBoxWrapper {
    width: 100%;
    /* Copy subnav background */
    background-repeat: repeat-x;
    background-color: #fbfbfb;
    background-image: url(../images/gradient-subnav.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    border-bottom: 1px solid #6a6a6a;
    /* Legacy IE specific fix */
    background-image: none\9;
}

hr.headerErrorBoxSeparator {
    border-bottom: 1px solid white;
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    z-index: 10;
    padding: 0;
    margin: 0;
    width: 100%;
}

div.headerErrorBox {
    margin-left: 10px;
}

/* UI message box for informational messages */
div.messageBox {
    padding: 5px;
    min-width: 400px;
    margin-top: 4px;
    margin-bottom: 10px;

    border: solid 1px #3C78B5;
    background-color: #D8E4F1;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Struts messages and errors */
ul.actionMessage, ul.actionError, ul.errorMessage {
    list-style-type: none;
}

/* Maintenance mode alert */
#maintenanceWindowAlert {
    position:fixed;
    height:16px;
    width:100%;
    bottom:0;
    left:0;
    text-align: center;
    font-weight: bold;
    background-color: #FFCCBF;
    color:#741311;
    z-index:5;
    border-top:1px solid #000000;
}

/* Session timeout alert */
#timeoutAlert {
    position:fixed;
    height:16px;
    width:100%;
    bottom:0;
    left:0;
    text-align: center;
    font-weight: bold;
    background-color: #FFCCBF;
    color:#741311;
    z-index:6;
    display: none;
    border-top:1px solid #000000;
}

/* Test environment info bar */
#testEnvironmentAlert {
    position:fixed;
    height:16px;
    width:100%;
    bottom:0;
    left:0;
    text-align: center;
    background-color: #D8E4F1;
    font-weight: bold;
    z-index:4;
    border-top:1px solid #000000;
}

/* Confirm quick save bar */
#quickSaveConfirmation {
    position:fixed;
    height:16px;
    width:100%;
    bottom:0;
    left:0;
    text-align: center;
    font-weight: bold;
    z-index: 10;
    padding-top: 2px;
    padding-bottom: 2px;
    /*border: solid 1px #3C78B5;*/
    /*background-color: #D8E4F1;*/
    border: 1px solid #E2AC44;
    background-color: #FFECBF;
}
/*
 *  Maven CSS styles for table rendering. Used for:
 *  1. Grid tables - generic UI tables for rendering tabular data
 *  2. Splash screen tables - compact UI tables displayed on Splash screen
 *  3. Inspector tables - two column UI tables used to render name/value data pairs
*/

/* Hide paged tables until the paging is finalized so that the screen does not flicker so much (MVN-8087) */
table.pagedTable, table.portalPagedTable {
    display: none;
}

tr.selectedRow {
	background-color: #FFF2A6 !important;
}

tr.selectedRow > td:first-child {
    background-image: url(../images/row_indicator.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 0 3px !important;
}

tr.keyboardSelectable {
    cursor: pointer;
}

tr.keyboardSelectable > td:first-child, table.contactPointTable tr.clickable > td:first-child {
    padding-left: 12px !important;    /* Reserve room for the row indicator image */
}

/* Layout table for inspectors */
table.inspectorTable {
	border: 1px solid #CCCCCC;
    border-collapse: collapse;
    color: #333;    /* Specify font color. Should match the global font color, required here for tooltip popups */
}

.inspectorTitle {
    color: white;
    font-weight: bold;
    text-indent: 2px;
    text-align: left;
    border: 1px solid #335D87;
    white-space: nowrap;

    background-color: #335D87;
    background-image: url(../images/gradient-inspectorTitle.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -moz-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -o-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4477AA), color-stop(1, #224364));
    background-image: -webkit-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: linear-gradient(to bottom, #4477AA 0%, #224364 100%);
    zoom: 1;
}

.inspectorLabel, .inspectorData {
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    padding-left: 4px;
    padding-right: 10px;
}

.inspectorLabel {
    white-space: nowrap;
    background-color: #E3E3E3;
    font-weight: normal;
}

.inspectorData {
    /* Constrain label size based on label length (nowrap on label) */
    width: 100%;
    background-color: #ffffff;
}
/* Add on style for inspectorTables that allows label wrapping */
table.wrapLabels .inspectorLabel, table.wrapLabels .inspectorData {
    white-space: normal !important;
    width: auto !important;
}

/* Add Style for displaying the notification table */
.notificationDiv {
    padding: 0;
}
.notificationTable {
    width: 100%;
    height: 100%;
    border: none;
}

.notificationTable .inspectorData {
    width: 100%;
    background-color: #ffffff;
    border: none;
    border-top: 1px solid #CCCCCC;
}

.notificationTable tr:first-child .inspectorData {
    border-top: none;
}
.notificationHeaderWrapper {
    display: block;
}

.notification {
    display: block;
    padding-left: 1em;
}

/* Data tables */
table.gridTable {
    border-width: 0;
    border-style: none;
}
table.gridTable thead tr th.gridTitle {
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;

    /* Skip bottom border to prevent second header row vertical lines from overlapping it w/ gray */
    border-top: #3d5591 1px solid;
    border-left: #3d5591 1px solid;
    border-right: #3d5591 1px solid;

    background-image: url(../images/gradient-gridTableTitle.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -moz-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -o-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4477AA), color-stop(1, #224364));
    background-image: -webkit-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: linear-gradient(to bottom, #4477AA 0%, #224364 100%);
    zoom: 1;

    padding-left: 5px;
    padding-right: 5px;
}
table.gridTable > thead > tr > th.gridColumn, table.gridTable > thead > tr > th, table.gridTable > thead > tr > th.gridColumnWrap, table.gridTable > thead > tr > th.gridColumnHover {
    white-space: nowrap;
    text-align: left;
    font-weight: normal;

    border: #CCCCCC 1px solid;

    background: #e3e3e3;    /* IE7/IE8 */
    background-image: url(../images/gradient-gridTableHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -moz-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #e3e3e3));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #e3e3e3 100%);
    zoom: 1;

    padding-left: 5px;
    padding-right: 5px;
}
table.gridTable thead tr th.gridColumnHover {
    background-color: #aaaaaa;
    cursor: pointer;
}
table.gridTable thead tr th.gridColumnWrap {
    white-space: normal;
}

table.gridTable thead tr th.centered {
    text-align: center;
}

table.gridTable > tbody > tr > td,
table.gridTable > tfoot > tr > td {
    border: #CCCCCC 1px solid;
    padding-left: 5px;
    padding-right: 5px;
}

table.gridTable > tbody > tr > td {
    vertical-align: top;
}

/* Splash screen tables */
table.splashTable {
    width: 100%;
	word-wrap: break-word;
	table-layout: fixed;
}
table.splashTable > tbody > tr > td {
	padding: 2px;
	border-left: 1px solid #D9D9D9;
}

table.splashTable > thead > tr > th {
    border-bottom: 1px solid #D8D8D8;
    text-align: left;
    white-space: nowrap;

    background: #e3e3e3;    /* IE7/IE8 */
    background-image: url(../images/gradient-splashTableHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -moz-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #e3e3e3));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #e3e3e3 100%);
    zoom: 1;

    padding-left: 3px;
    padding-right: 3px;
}

table.splashTable > tfoot > tr > td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
    white-space: nowrap;
    text-align: right;
    background-color: #e3e3e3;
}

/* Column size allotment for splash page tables */
#workflowcolumn1 { width: 80%; }
#workflowcolumn2 { width: 20%; }

#taskscolumn1 { width: 20%; }
#taskscolumn2 { width: 15%; }
#taskscolumn3 { width: 35%; }
#taskscolumn4 { width: 30%; }

#casescolumn1 { width: 25%; }
#casescolumn2 { width: 40%; }
#casescolumn3 { width: 35%; }

#splashcolumn1 { width: 500px; }

/* Override vertical alignment of a table cell */
td.middle {
    vertical-align: middle;
}
/* Override horizontal sizing for a table cell */
td.nostretch {
    width: auto;
    white-space: nowrap;
}

table.fullWidthTable {
    width: 100% !important;
}

/* Summary row */
td.summary {
    background-color: #e3e3e3;
    white-space: nowrap;
    vertical-align: middle;
}

/* Search criteria table */
table.searchCriteriaTable {
}

.searchCriteriaTitle, .searchCriteriaSubTitle {
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    padding-top: 4px;
}

.searchCriteriaLabel, .searchCriteriaField {
    white-space: nowrap;
    text-align: left;
    padding: 2px;
}

.searchCriteriaField {
    padding-left: 4px;
    padding-right: 10px;
}

/* More strict max-width control for SELECTs on search screen */
select.searchCriteria {
    max-width: 200px;
    /* Hack for IE7 and IE8, see MVN-6833 */
    max-width: none\9;
}
/*
 * Maven CSS styles for JQuery plug-ins
*/

/* JQuery UI styles */
.ui-widget {
    font-size: 100%;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.ui-autocomplete-loading { background: white url('../images/indicator.gif') right center no-repeat; }

.ui-datepicker-trigger {
    vertical-align: middle;
    padding-left: 2px;
}

.ui-datepicker button.ui-datepicker-current {
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
}

/* JQuery - DataTables plug-in */

.dataTables_length, .dataTables_filter {
    padding-bottom: 5px;
}

.dataTables_info, .dataTables_paginate {
    padding-top: 4px;
    padding-bottom: 10px;
}

/* These dataTable style changes account for custom DOM configuration to move the filter at the bottom and keeping the info at the center */
.dataTables_info {
    clear: none;
    padding-left: 15px;
    margin-top: 2px;
}
.dataTables_filter {
    margin-top: 4px;
    float: left;
}

table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1 { background-color: white; }
table.dataTable tr.even, table.dataTable tr.even td.sorting_1 { background-color: #f8f8ff; }
table.dataTable tr.selectedRow { background-color: #FFF2A6 !important; }
table.dataTable tr.selectedRow td  { background-color: #FFF2A6 !important; }
table.dataTable tr td  {
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* This override is required for IE7 and IE8 */
table.dataTable thead tr th {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
}
/* By default, override the cursor in a dataTable to not be a pointer */
table.dataTable thead th {
    cursor: default !important;
}
/*
    These styles came from JQuery - TableSorter plug-in, which was used to sort Dashboard tabs in Maven 4.1.
    However, these styles are also used to render the column sorting arrows on Workflow and Case Links screen,
    so they are marked as !important to override the default gradient column styles (gradient image in IE vs.
    sort arrow background image conflicts otherwise)
*/
table.tablesorter thead tr .sorting {
    cursor: pointer !important;
}
/* Note: sorting_desc maps to ascending icon (dataTables sort style) */
table.tablesorter thead tr .headerSortUp, .sorting_desc {
	background-image: url(../images/asc.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    padding-right: 15px !important;   /* Reserve room for the sort arrow image */
}
/* Note: sorting_asc maps to descending icon (dataTables sort style) */
table.tablesorter thead tr .headerSortDown, .sorting_asc {
	background-image: url(../images/desc.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    padding-right: 15px !important;    /* Reserve room for the sort arrow image */
}

/* JQuery - Dynatree plug-in */
span.dynatree-node a {
    font-size: 100%;
}

ul.dynatree-container {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-size: 100%;
    background-color: transparent;
    border: none;
}

ul.dynatree-container li {
    background-color: white;
    background-image: url("../images/dynatree/vline.gif");
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
    background-image: url('../images/dynatree/icons.gif');
}

.dynatree-loading span.dynatree-expander {
    background-image: url("../images/dynatree/loading.gif");
}

.dynatree-statusnode-wait span.dynatree-icon {
    background-image: url("../images/dynatree/loading.gif");
}

span.dynatree-selected a {
    font-style: normal;
}

/* JQuery fullcalendar plug-in */
.fc-event-time {
    padding-right: 2px;
}

/* QTip tooltips - allow bigger tooltip box size for popovers */
.qtip {
    max-width: 350px;
}
.qtip-content {
    max-height: 400px;
    overflow-y: auto;
}
/*
 *  Page specific CSS styles
*/

/* Skip navigation link - see http://webaim.org/techniques/skipnav/ */
a.navigation_jaws, a.navigation_jaws:hover, a.navigation_jaws:visited {
    position:absolute;
    left:0;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

a.navigation_jaws:active, a.navigation_jaws:focus {
    border: 1px solid #E2AC44 !important;
    background-color: #FFECBF !important;
    color: black !important;
    position:static;
    width:auto;
    height:auto;
    padding: 2px;
}

div#skipNavigationDiv {
    margin-top: 5px;
    margin-right: 5px;
    float: left;
}

/* Login screen */
div#loginBox {
    display: inline-block;
}

div#appTitle {
    font-size: 1.4em;
	font-weight: bold;
    color: #000000;
    text-align: center;
}


#layoutLoginControls {
    height: 100%;
    width: 100%;
    border-collapse: separate;
}

#termsOfUseCellStyle {
    text-align: center;
}

.center {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#loginWrapper {
    height: 90%;
}

/* Splash screen */

#wrapper {
}

#sidebar {
    width:400px;
    float:left;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 10px;
}

#maincontent {
    margin-top: 10px;
    margin-right: 20px;
}

div.splashBox {
    margin-right: 20px;
}

div.splashBox, div.financeBox, div.mainBox {
    border: 1px solid #AAA;
    background-color: #FFF;
    margin-top: 10px;
    margin-bottom: 10px;
    /* Add rounded corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div.mainBox {
    /* This fixes the DataTables JQuery plug-in to account for the box size on Resources page */
    display: inline-block;
}

div.splashBox h1, div.financeBox h1, div.mainBox h1 {
    margin:0 0 5px 0;
    padding:3px 3px 2px 3px;
    border-bottom: 1px solid #AAA;
    text-align:left;

    font-weight:bold;
    font-size: 1.17em;
    color: white;
    white-space: nowrap;

    background-color: #335D87;
    background-image: url(../images/gradient-splashBox.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -moz-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -o-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4477AA), color-stop(1, #224364));
    background-image: -webkit-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: linear-gradient(to bottom, #4477AA 0%, #224364 100%);
    zoom: 1;
}

div.mainBox button.closeRecordButton {
    font-size: 90%;
    padding: 0 5px 0 5px;
    margin-right: 2px;
    position: absolute;
    right: 0;
    *top: 0;
}

div.financeBox {
    width: 400px;
    margin-bottom: 20px;
}

.splashMore {
    float: right;
    margin-right: 5px;
    background: #FAFAFA;
}

.splashHeader {
    padding:3px;
    font-weight:bold;
    color:#FFFFFF;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-color: #335D87;
    background-image: url(../images/gradient-splashHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -moz-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -o-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4477AA), color-stop(1, #224364));
    background-image: -webkit-linear-gradient(top, #4477AA 0%, #224364 100%);
    background-image: linear-gradient(to bottom, #4477AA 0%, #224364 100%);
    zoom: 1;
}

/* --------------- main page --------------------*/
#mainLayoutDiv {
    margin-left: 20px;
    margin-right: 20px;
}

#mainSummary {
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

#mainBasicInfo {
    padding: 10px 10px 10px 20px;
}

#mainContactInfo {
    padding: 10px 20px 10px 20px;
}

#mainNotes {
    float: right;
    padding: 10px 20px 10px 10px;
    height: 100%;
    width: 40%;
}

#notesTab {
    overflow-y: auto;
}

#mainButtons {
    clear: both;
    float: left;
    width: 100%;
    padding: 0 0 10px 20px;
}

#mainButtons button {
    margin-right: 10px;
}

div.mainContentButtons {
    margin-left: 20px;
    margin-right: 20px;
}

#mainCaseInformation {
    padding-top: 10px;
    padding-bottom: 20px;
}

#mainCaseTabs {
    width: 100%;
}

#mainCaseInformationTab {
    background-color: #ffffff;
}

div.mainContent {
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

div.subContent {
    margin-top: 20px;
    margin-left:20px;
    margin-right:20px;
}

td.partyNoteData {
    height: 100px;
}

#participantInspector {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

td.historySegmentDivider {
    border-top-width: 3px;
}

/* Navigation bar - next to pageTitle in subnav */

div#quickNavBar {
    position: absolute;
    top:0;
    right:0;
    padding-left: 5px;
    margin-top: 4px;
    /* Copy subnav background to prevent text from long page title from showing through */
    background-repeat: repeat-x;
    background-color: #fbfbfb;
    background-image: url(../images/gradient-subnav.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
}

select#navigationBar {
    max-width: 300px;
    margin-right: 10px;
    vertical-align: middle;
}

/* Allow wider select fields on the View Report page for report parameters */
form#viewReport select {
    max-width: 500px;
}

/* --------------- email page -------------------*/
.emailBox {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Survey page - email link preview */
div#showLinkDiv {
    z-index: 1;
    position:absolute;

    margin-left: 10px;
    padding: 5px;
    min-width: 400px;

    border: 1px solid #D4951B;
    background-color: #FFECBF;

    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

img.searchIcon {
    vertical-align: middle;
}

/* Party Summary */
#partySummary {
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

#caseSummary {
    margin-top: 20px;
    overflow: hidden;
}

#investigationSummary {
    margin-top: 20px;
    overflow: hidden;
}

#additionalSummary {
    margin-top: 20px;
    overflow: hidden;
}

div.layoutInnerDiv {
    padding: 10px 20px 10px 20px;
}
/* Calendar screen */

/* -- calendaring -- */

.fc-header-center table {
    margin: 0 40%;
}

.fc-event a {
    color: #fff;
}

.disabled,
.fc-agenda .disabled .fc-event-time,
.disabled a {
    background-color: gray; /* background color */
    border-color: gray; /* border color */
    color: white; /* text color */
}

div#appointmentCalendar {
    position: relative;
    left: 15px;
    width: 95%;
}

div#pendingRegistrations {
    clear: both;
    margin-left: 20px;
}

div#calendar {
    overflow-x: hidden;
    width: 100%;
}

tbody.calendarBody {
    width: 100%;
}

div#appointmentCalendar table {
    margin-right: 2px;
}

div#appointmentCalendar tr.unselectedRow {
    height: 5em;
}

div#appointmentCalendar thead {
    position: relative;
}

.calendarCell {
    border-spacing: 0;
    padding: 2px;
    width: 100%;
}

.calendarShade1 {
    background-color: #FFECBF;
}

.calendarShade2 {
    background-color: #FFC83F;
}

.calendarShade3 {
    background-color: #FFB600;
}

.calendarShade4 {
    background-color: #CD9200;
}

#backgroundPopup {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 9;
}

#popupContact {
    display: none;
    position: fixed;
    height: 354px;
    width: 358px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 10;
    padding: 12px;
}

#popupContact h1 {
    text-align: left;
    color: #000000;
    font-size: 19px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

#popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #000000;
    font-weight: 700;
    display: block;
}

#button {
    text-align: center;
    margin: 100px;
}

/* ----------------- admin page --------------------*/
div.adminLayoutDiv {
    margin-left:20px;
    margin-right:20px;
}

/* QPKG rendering styles */
h1.questionPackageHeader {
    display:inline;
    font-size: 100%;
}

.titleLine {
    padding-left: 2px;
    text-align: left;
    font-weight: bold;
    background-color: #336699;
    color: #ffffff;
}

div#qpkgLayoutDiv {
    display: table;
    width: 100%;
}

.qpkgTable {
	border-collapse:collapse;
    width:100%;
}

.qpkgRequired, .qpkgEnforced, .qpkgNotRequired {
    vertical-align: top;
}
.qpkgRequired,.qpkgEnforced {
    text-indent:-0.8em;
}
.qpkgNotRequired {
    text-indent:0;
}

/* This should match text input field styling */
.qpkgBlankField {
    border: 1px solid;
    border-color: #848484 #C1C1C1 #C1C1C1 #848484;
    width: 10em;
    display: block;
    background: #eee;
}

.emptySection {
    border: #cccccc 1px solid;
    background-color: #ffffff;
    color: #000000;
    font-style: italic;
    text-align: center;
}

.qpkgCell {
	border: #cccccc 1px solid;
    vertical-align: top;
    text-align: left;
}
.qpkgCellOpen {
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
    vertical-align: top;
    text-align: left;
    padding-right: 1em;
}
.qpkgCellClose {
    BORDER-TOP: #cccccc 1px solid;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
    padding-right: 1em;
}
.qpkgCellMiddle {
    BORDER-TOP: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
    vertical-align: top;
    text-align: left;
    padding-right: 1em;
}
.qpkgCellExpand {
    width: 100%;
    padding-left: 10px;
}
.qpkgCellOptimized {
    white-space: nowrap;
}
tr.repeatableQuestionDividerRow {
    background-color: black;
    height: 1px;
}
td.repeatableQuestionDividerRow td {
    width: 100%;
    padding: 0;
}

table.repeatableQuestionOutline {
    border: #cccccc 1px solid;
}

tr.repeatableQuestionOutline {
    background-color: #cccccc;
}

label.repeatableQuestionOutline {
    font-style: italic;
}

.truncated {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.qpkgTableHeader {
    background-color: #eeeeee;
    padding: 2px;
    BORDER: #bbbbbb 1px solid;
}

#mode-switch {
    padding-top: 1em;
    text-align: center;
}
#mode-switch > a {
    font-weight: bold;
}
#pageInfo {
    float: right;
}
/* Panel Tab/button for Question Package and Investigation headers */
.headerTab {
    background: url(../images/tab_b.png) repeat-x 0 0;
    height: 32px;
    position: relative;
    top: 0;
    z-index: 9;
    margin: 0;
    padding: 0;
}

.headerTab ul.headerExpandDetails {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 32px;
    width: auto;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    right: 150px;
    color: white;
    font-size: 80%;
    text-align: center;
}

.headerTab ul.headerExpandDetails li.left {
    background: url(../images/tab_l.png) no-repeat left 0;
    height: 32px;
    width: 21px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.headerTab ul.headerExpandDetails li.right {
    background: url(../images/tab_r.png) no-repeat left 0;
    height: 32px;
    width: 21px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.headerTab ul.headerExpandDetails li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 32px;
    background: url(../images/tab_m.png) repeat-x 0 0;
}

.headerTab a.open, .headerTab a.close {
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    width: 100px;
    position: relative;
    top: 5px;
}

.headerTab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.headerTab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.headerTab a:hover.open {background: url(../images/bt_open.png) no-repeat left -20px;}
.headerTab a:hover.close {background: url(../images/bt_close.png) no-repeat left -20px;}

/* sliding panel */
#headerDetailsPanel {
    position: relative;
    top: -5px; /* This is to cover the drop shadow from the subnav */
    width: 100%;
    z-index: 9;
}

#headerDetailsContent {
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
    z-index: 9;
    display: none;

    padding-top: 15px;
    text-align: left;
    /*font-size: 0.90em;*/
}

#qpInvestigationDiv {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 2px;
    clear: both;
}

#qpStatusDiv {
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    clear: both;
}

#headerInclude {
    padding-left: 8px;
}

/* --------------- surveys page -------------------*/
.takeSurvey-container {
    width: 45%;
    display: block;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    font-size: medium;
}
.surveySuccessMessage > .actionMessage, .surveyErrorMessage > .errorMessage {
    padding:0;
}
.takeSurvey-container > .panel-danger {
    border-color: #E00;
}
.takeSurvey-container > .panel-danger > .panel-heading {
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f 100%);
    color: white;
}
.surveyPreviewDiv {
    background-color: #e5e5e5;
    border: 1px solid black;
    padding: .5em;
}

/* ------------- search results page ------- */

.defaultEm {
    font-size:1em;
    position:absolute;
    line-height:1;
    padding:0;
    visibility:hidden
}

div.previewContainer {
    white-space: nowrap;
    clear: none;
}

span.previewLabelSpan {
    /* Add right padding to account for the preview image */
    padding-right: 20px;
    display: block;
    height: 1%; /* IE7 */
}

span.previewLinkSpan {
    /* Float preview icon to right */
    float: right;
    height: 1%; /* IE7 */
}

/* ------------- advanced search results page ------- */
.expandedResultsNoticeTop {
    background-color: #ffffcc;
    font-style: italic;
    border-top: solid 1px #999999;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.expandedResultsNoticeBottom {
    background-color: #ffffcc;
    font-style: italic;
    border-bottom: solid 1px #999999;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

.editQueryCheckbox {
    margin-top: 2px
}

/* ------------- workflow queues page ------ */
.selectedCase {
	background-color : #FFF2A6;
}

/* ------------- notes ------ */
.noteTitle {
    text-decoration: underline;
}

/* ------------- main page ------ */
.productNotice {
	color: green;
	font-weight: bold;
}
.clusterNotice {
	color: green;
	font-weight: bold;
}
.concernNotice {
	color: #DA0000;
	font-weight: bold;
}
.readOnlyNotice {
    padding-left: 1.0em;
	color: #a0522d;
	font-weight: bold;
}
.readOnlyNoticeRed {
	color: #DA0000;
	font-weight: bold;
}

.notificationHeader {
    color: black;
    font-weight: bold;
}

/* ------------- case merge page ------ */
td.questionPackageHeader {
    font-weight: bold;
}

tr.questionPackageRow {
    border: #CCCCCC 1px solid;

    background: #e3e3e3;    /* IE7/IE8 */
    background-image: url(../images/gradient-caseMergeQPHeader.jpg);
    background-position: top;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -moz-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #e3e3e3));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0%, #e3e3e3 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #e3e3e3 100%);
    zoom: 1;

    padding-left: 5px;
    padding-right: 5px;
}

/* ----------------- Default CustomFooter.jsp -------------------*/
div#sqlTracePanel pre {
    border: 1px dashed #E1E1E1;
    color: #333344;
    font-family: monospace;
    overflow: auto;
    padding: 1.5em 40px 1.5em 1.5em;
}
div#sqlTracePanel li.indent1>pre {
    background-color: #CEF0FF !important;
}
div#sqlTracePanel li.indent2>ul>li>pre {
    background-color: #CAFEB8;
}
div#sqlTracePanel {
    display: none;
    border: 1px solid;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 10px 40px 40px;
    background-color: #FAFAFA;
}
div#performanceInspectionPanel {
    border-top: 2px solid black;
    height: 60px;
    font-size: 1em;
    display: none;
}
div#leftPanelFooter {
    margin-top: 10px;
    float: left;
    width: 30%;
}
div#rightPanelFooter {
    float : left;
}
div#leftPanelFooter div {
    margin-left: 1em;
}
div#leftPanelFooter span.bold {
    font-weight: bold;
    text-decoration-color: #000000;
}
div#sqlTracePanel li {
    list-style-type: none;
}
div#sqlTracePanel li.indent1 {
    margin-right: 40px;
}
div#sqlTracePanel li.indent2 {
    margin-right: 80px;
}
div#performanceInspectionPanel pre.noWrap,span.noWrap {
    white-space: pre !important;
}
/* ------------- deduplication page ------ */
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    padding: 0;
    display: block;
    float: left;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.pager {
    float: left;
    width: 300px;
    text-align: center;
}
.pager a {
    margin: 0 5px;
    text-decoration: none;
}
.pager a.selected {
    text-decoration: underline;
}
.mismatched {
    color: #DA0000;;
}
.incomplete {
    color: #008A00;
}
.matchData {
    text-align: left;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    white-space: nowrap;

    padding-left: 4px;
    padding-right: 10px;
    background-color: #ffffff;
}
a.prevMatch, a.nextMatch {
    background-color: #ffffff;
}
/* Additional questions page */
.aqLabel {
    text-align: left;
    vertical-align: top;
    white-space: nowrap;

    padding-left: 4px;
    padding-right: 10px;
    padding-top: 3px;
}

/* Edit Role page permissions */
fieldset.permission-group {
    border: none;
}

fieldset.permission-group legend {
    font-weight: bold;
}

fieldset.permission-group legend a {
    font-weight: normal;
}

fieldset.well{
    border: none;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
}

/* ----------------- ScheduledReportError.jsp -------------------*/
.mavenParameterLabel {
    padding-right: 0.5em;
}

div.date-range{
    padding-top: 3px;
}