/***************************************************************************************************************

Z-Indexes Used in IOL 2.0
-------------------------

0:			Default z-index.

1-99:		For use per-page or per-control.  Prefer using single-digit numbers unless you have a very good reason not to.

1-49:		On the VDP, for general use within the page.
50-99:		On the VDP, reserved for use only by the right-side action-bubble popups (DO NOT USE).

100:		ONLY for use by the root elements of the site-wide tab-menus.
101:		ONLY for use by the dropdown menus in the site-wide tab-menus.
102-199:	Reserved for future use by the site-wide tab-menus.

200-299:	For any persistent popup/hovering/dragging elements (popups with close buttons).  Prefer using 200 when possible.

300-399:	For any transient popup/hovering/dragging elements (popups that are self-closing/self-destroying).  Prefer using 300 when possible.

400:		ONLY for dialog box cover elements.
401:		ONLY for dialog box frame elements.
402:		ONLY for use by dialog box handles.
403-499:	Reserved for future use by dialog-box code.

500-599:	For any popup/hovering/dragging elements that exceed the bounds of a modal dialog box.

600:		ONLY for the yellow logout-warning box.
601:		ONLY for the red sandbox warning.
601-499:	Reserved for future global announcement popups.

700-999:	Reserved for future use.

1000: 		ONLY for iframe drag-fixing divs.

1001+:		Reserved for future use.

***************************************************************************************************************/
/******************************************************************
Clearfix (Container)
******************************************************************/
/* line 43, framework/resources/css/master.scss */
.container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0px;
  visibility: hidden; }

/* line 52, framework/resources/css/master.scss */
.container {
  display: inline-block; }

/* line 57, framework/resources/css/master.scss */
* html .container {
  height: 1%; }

/* line 62, framework/resources/css/master.scss */
.container {
  display: block; }

/******************************************************************
Basic Styles
******************************************************************/
/* line 70, framework/resources/css/master.scss */
body {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; }
  /* line 78, framework/resources/css/master.scss */
  body.other-sandbox {
    background-image: url("/Framework/Resources/Images/Layout/Sandboxed8.png");
    background-repeat: repeat-y;
    background-position: 0 0; }
    @media print {
      /* line 78, framework/resources/css/master.scss */
      body.other-sandbox {
        background: none !important; } }
  /* line 87, framework/resources/css/master.scss */
  body.possessed {
    background-image: url("/Framework/Resources/Images/Layout/Possessed8.png");
    background-repeat: repeat-y;
    background-position: 0 0; }
    @media print {
      /* line 87, framework/resources/css/master.scss */
      body.possessed {
        background: none !important; } }

/* line 98, framework/resources/css/master.scss */
p {
  margin: 0 0 10px; }

/* line 103, framework/resources/css/master.scss */
blockquote {
  margin: 0 0 10px;
  padding: 0;
  font-style: normal; }

/* line 110, framework/resources/css/master.scss */
address {
  margin: 0 0 10px;
  padding: 0; }

/* line 116, framework/resources/css/master.scss */
dl {
  margin: 0 0 5px;
  padding: 0; }

/* line 122, framework/resources/css/master.scss */
dt {
  margin: 0 0 4px;
  padding: 0;
  font-weight: bold;
  color: #222222; }

/* line 130, framework/resources/css/master.scss */
dd {
  margin: 0 0 10px;
  padding: 0; }

/* line 136, framework/resources/css/master.scss */
table td.label {
  text-align: right;
  width: 150px; }

/* line 142, framework/resources/css/master.scss */
img {
  border: 0;
  padding: 0;
  margin: 0; }

/* line 149, framework/resources/css/master.scss */
form {
  border: none;
  padding: 0;
  margin: 0; }

/* line 156, framework/resources/css/master.scss */
iframe {
  border: 0;
  padding: 0;
  margin: 0; }

/* Hyperlinks */
/* line 164, framework/resources/css/master.scss */
a,
a:link,
a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #045D9F; }

/* line 173, framework/resources/css/master.scss */
a:hover,
a:focus {
  text-decoration: underline; }

/* line 179, framework/resources/css/master.scss */
a.selected,
.selected a {
  color: #045D9F; }

/* line 185, framework/resources/css/master.scss */
a.current:link,
a.current:visited {
  text-decoration: underline; }

/* line 191, framework/resources/css/master.scss */
a.highlighted-link {
  font-weight: bold;
  text-decoration: underline;
  color: #022E4F; }

/* line 198, framework/resources/css/master.scss */
a.disabled {
  cursor: default;
  color: #888888; }

/* line 204, framework/resources/css/master.scss */
a.disabled:hover,
a.disabled:focus {
  text-decoration: none; }

/* line 210, framework/resources/css/master.scss */
a img {
  border: none; }

/* line 215, framework/resources/css/master.scss */
.powered-by-homenet {
  display: none; }

/* Inputs */
/* line 221, framework/resources/css/master.scss */
select {
  margin: 0;
  padding: 2px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #CCCCCC; }

/* T.B. - TODO: factor out the input[attr=value] rules */
/* line 231, framework/resources/css/master.scss */
input[type="text"],
input[type="password"],
input.text-value,
input.password-value,
input.shortnumber-value,
input.longnumber-value,
input.date-picker,
textarea {
  margin: 0;
  padding: 3px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  border: solid 1px #CCCCCC; }

/* T.B. - TODO: factor out the input[attr=value] rules */
/* line 248, framework/resources/css/master.scss */
input[type="text"],
input[type="password"],
input.text-value,
input.password-value,
input.longnumber-value {
  width: 175px; }

/* line 257, framework/resources/css/master.scss */
input.shortnumber-value,
input.shorttext-value {
  width: 25px; }

/* line 263, framework/resources/css/master.scss */
input.date-picker {
  width: 75px; }

/* line 268, framework/resources/css/master.scss */
input.phone-number {
  width: 90px; }

/* line 273, framework/resources/css/master.scss */
input.zip-code,
input.us-zip-code-with-optional-plus-four {
  width: 80px; }

/* line 278, framework/resources/css/master.scss */
input.uppercase {
  text-transform: uppercase; }

/* line 283, framework/resources/css/master.scss */
input.lowercase {
  text-transform: lowercase; }

/* line 288, framework/resources/css/master.scss */
input[type="text"].disabled,
input[type="text"][disabled],
input[type="password"].disabled,
input[type="password"][disabled],
textarea.disabled,
textarea[disabled],
select.disabled,
select[disabled] {
  background-color: #EEEEEE;
  color: #999999; }

/* line 301, framework/resources/css/master.scss */
textarea.richtext-editor {
  visibility: hidden; }

/* T.B. - TODO: factor out the input[attr=value] rules */
/* line 307, framework/resources/css/master.scss */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input.text-value:focus,
input.password-value:focus,
input.shortnumber-value:focus,
input.shorttext-value:focus,
input.longnumber-value:focus,
input.date-picker:focus {
  border: solid 1px #9DB8D4;
  background: #FAFAFA; }

/* line 322, framework/resources/css/master.scss */
input.hidden-button,
input.hidden-text {
  display: none; }

/* line 328, framework/resources/css/master.scss */
h1 {
  font-weight: bold;
  margin: 0; }

/* line 334, framework/resources/css/master.scss */
h2 {
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 150%; }

/* line 341, framework/resources/css/master.scss */
h3 {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 140%; }

/* line 348, framework/resources/css/master.scss */
h4 {
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 120%; }

/* line 355, framework/resources/css/master.scss */
h5 {
  margin: 0;
  font-weight: bold;
  font-size: 110%; }

/* line 362, framework/resources/css/master.scss */
h6 {
  margin: 0;
  font-weight: normal;
  font-size: 110%; }

/* line 369, framework/resources/css/master.scss */
span.validation-error,
div.validation-error {
  display: inline-block; }

/* line 375, framework/resources/css/master.scss */
img.validation-error {
  border: solid 1px #FF0000; }

/* line 380, framework/resources/css/master.scss */
span.validation-error-message,
div.validation-error-message {
  font-style: italic; }

/* line 386, framework/resources/css/master.scss */
input.profanity-error,
textarea.profanity-error {
  border-color: #770000 !important;
  background: #D95656 !important;
  color: #550000 !important; }

/* line 394, framework/resources/css/master.scss */
input.profanity-error:focus,
textarea.profanity-error:focus {
  border-color: #CCCCCC !important;
  background-color: #FFFFFF !important;
  color: #222222 !important; }

/* line 402, framework/resources/css/master.scss */
.info {
  font-size: 90%;
  color: #1F5184; }

/* line 408, framework/resources/css/master.scss */
.chart {
  display: block;
  margin: 5px;
  width: 400px;
  height: 300px; }

/* The * version is to insure cascading. text-decoration is not supposed to cascade (according to the css standard) */
/* line 417, framework/resources/css/master.scss */
.deactivated,
.deactivated * {
  text-decoration: line-through;
  color: #555555; }

/******************************************************************
Base layout and styles for all pages
******************************************************************/
/* line 428, framework/resources/css/master.scss */
.canvas {
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF; }

/* line 435, framework/resources/css/master.scss */
.wide-canvas {
  width: auto;
  margin: 0; }

/* line 443, framework/resources/css/master.scss */
.canvas-top #BrandingBar {
  margin: 0 auto; }
/* line 447, framework/resources/css/master.scss */
.canvas-top #MainNavigation {
  margin: -24px auto 0 auto; }

/* line 453, framework/resources/css/master.scss */
div.canvas.standard-canvas.viewport > div.canvas-body.container,
div.canvas.standard-canvas.viewport > div.canvas-bottom {
  width: 990px;
  margin: 0 auto; }

/* line 459, framework/resources/css/master.scss */
.canvas-body {
  padding: 10px 10px 20px;
  min-height: 400px; }

/* line 465, framework/resources/css/master.scss */
.canvas-body-no-padding {
  padding: 0px;
  min-height: 0px; }

/******************************************************************
Container Divisions
******************************************************************/
/* line 474, framework/resources/css/master.scss */
.container .wide-container,
.container .narrow-container,
.container .half-container,
.container .full-container,
.container .third-container {
  margin-left: 2%; }

/* line 483, framework/resources/css/master.scss */
* + html .container .wide-container,
* + html .container .narrow-container,
* + html .container .half-container,
* + html .container .full-container,
* + html .container .third-container {
  margin-left: 1%; }

/* line 492, framework/resources/css/master.scss */
.container .wide-container {
  float: left;
  width: 66%; }

/* line 498, framework/resources/css/master.scss */
.container .full-container {
  float: left;
  width: 98%; }

/* line 504, framework/resources/css/master.scss */
.container .narrow-container {
  float: left;
  width: 32%; }

/* line 510, framework/resources/css/master.scss */
.container .half-container {
  float: left;
  width: 49%; }

/* line 516, framework/resources/css/master.scss */
.container .third-container {
  float: left;
  width: 32%; }

/* line 522, framework/resources/css/master.scss */
.container .first-container {
  margin-left: 0 !important; }

/***********************************************************************************************
  Extra From Skin
 ***********************************************************************************************/
/* Extra From Skin */
/* line 533, framework/resources/css/master.scss */
body,
.livedoc-content {
  color: #222222;
  background: #FFFFFF; }

/* Extra From Skin */
/* line 541, framework/resources/css/master.scss */
span.disabled,
div.disabled {
  color: #888888; }

/* Extra From Skin */
/* line 548, framework/resources/css/master.scss */
span[disabled],
div[disabled] {
  color: #888888; }

/* Extra From Skin */
/* line 555, framework/resources/css/master.scss */
span.validation-error,
div.validation-error {
  border: solid 1px #FF0000; }

/* Extra From Skin */
/* line 562, framework/resources/css/master.scss */
span.validation-error-message,
div.validation-error-message {
  color: #FF0000; }

/* Extra From Skin */
/* line 569, framework/resources/css/master.scss */
input.validation-error,
textarea.validation-error,
select.validation-error {
  border-color: #FF0000;
  background: #FF8888; }