/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index: 10 } /* EB: FIX TO MAKE IT APPEAR OVER YUI DIALOG */

.calendar, .calendar table {
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #D5D5EA;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .jscalendar-button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #666699 url(/ops/ops/javascript/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #D5D5EA;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #666699;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #9999CC;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #9999CC;
}

.calendar tbody .rowhilite td {
  background: #D5D5EA;
}

.calendar tbody .rowhilite td.wn {
  background: #9999CC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #fff;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #D5D5EA;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #D5D5EA;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
Version 0.11.0
*/

.overlay {
	position:absolute;
	display:block;
}

.tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

* html body.masked select {
	visibility:hidden;
}

* html div.panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}

.panel-container {
	position:absolute;
	background-color:transparent;
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
}

.panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.panel-container.matte .underlay {
	display:none;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#CCC;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
	zoom:1;
}

.panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0px;top:0px;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1;
	overflow:hidden;
}

.panel .hd {
	background-color:#3d77cb;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
}

.panel .bd {
	overflow:hidden;
	padding:4px;
}

.panel .bd p {
	margin:0 0 1em;
}

.panel .close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.panel .close.nonsecure {
	background-image:url(/ops/ops/images/yui/container/close12_1.gif);
}

.panel .close.secure {
	background-image:url(/ops/ops/images/yui/container/close12_1.gif);
}

.panel .ft {
	padding:4px;
	overflow:hidden;
}

.simple-dialog .bd .icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.dialog .ft, .simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.dialog form, .simple-dialog form {
	margin:0;
}

.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	background-color: #E4E4E4;
	color: #333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover, .button-group button.hover { 
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active { 
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}
/*
    Copyright (C) 2006 Orbeon, Inc.

    This program is free software; you can redistribute it and/or modify it under the terms of the
    GNU Lesser General Public License as published by the Free Software Foundation; either version
    2.1 of the License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
    without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
    See the GNU Lesser General Public License for more details.

    The full text of the license is available at http://www.gnu.org/copyleft/lesser.html
*/

/*
  TODO: List of classes we actually use
 */

.xforms-output {
    display: inline;
}

.xforms-initially-hidden {
    display: none;
}

.xforms-hint {
    color: #666;
    font-size: 85%;
    min-height: 2em;
    background-image: url(/ops/ops/images/xforms/greybracket.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: .25em;
    padding-left: 1.5em;
    vertical-align: middle;
}

.xforms-hint-active {
    color: #000;
    font-size: 85%;
    min-height: 2em;
    background-image: url(/ops/ops/images/xforms/bracket.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: .25em;
    padding-left: 1.5em;
    vertical-align: middle;
}

.xforms-alert-inactive, .xforms-alert-active {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    overflow: hidden;
    /* This is needed to hide the text of the alert! */
    text-indent: 16px;
    padding-left: 16px;
    /* Not sure why we would need this  */
    /*line-height: 10px;*/
    margin-left: .25em;
    vertical-align: middle;
}

.xforms-alert-active {
    background-image: url(/ops/ops/images/xforms/error.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.xforms-help-image {
    display: -moz-inline-box;
    display: inline-block;
    margin-left: .2em;
    /* Not sure why we would need this  */
    /*line-height: 10px;*/
    vertical-align: middle;
}

.xforms-help {
    display: none;
}

.xforms-loading-loading {
    display: none;
    background-color: #c44;
    color: #fff;
    padding: 2px;
    position: absolute;
    right: 2em;
}

.xforms-error-panel .bd { overflow: auto; }
.xforms-error-panel .hd { background-color: #FF6600; }
.xforms-error-panel-details-hidden, .xforms-error-panel-details-shown { vertical-align: middle; }
.xforms-error-panel-show-details, .xforms-error-panel-hide-details { cursor: pointer; }
.xforms-error-panel-close { cursor: pointer; }

.xforms-loading-none {
    display: block;
    height: 0;
}

.xforms-input {
    cursor: pointer;
}

.xforms-trigger-appearance-minimal img { border: 0 }
.xforms-submit-appearance-minimal img { border: 0 }

.xforms-showcalendar {
    margin-left: .5em;
    margin-right: .5em;
    /*background-image: url(/ops/ops/images/xforms/calendar.gif);*/
    /*background-repeat: no-repeat;*/
    /*background-position: left center;*/
    /*display: -moz-inline-box;*/
    /*display: inline-block;*/
    /*width: 26px;*/
    /*height: 19px;*/
    vertical-align: middle;
}

.xforms-showcalendar-readonly {
    display: none;
}

.xforms-input input {
    border: 1px solid #7f9db9;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
}

.xforms-textarea {
    border: 1px solid #7f9db9; font-family: Arial,Helvetica,Geneva,sans-serif
}

.xforms-secret {
    border: 1px solid #7f9db9
}

.xforms-textarea-appearance-xxforms-autosize {
    width: 100%;
    overflow: hidden;
}

.xforms-select1-appearance-minimal { border: 1px solid #7f9db9; font-family: Arial,Helvetica,Geneva,sans-serif }

/* Prevent display of border when static read-only */
.xforms-static { border: none }

.xforms-required-empty input, textarea.xforms-required-empty, input.xforms-required-empty {
    border: 1px solid #f99;
    background-color: #fcc;
    padding-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
}

span.xforms-select-appearance-full.xforms-required-empty, span.xforms-select1-appearance-full.xforms-required-empty {
    background-color: #fcc
}

span.xforms-select-appearance-full.xforms-required-empty input, span.xforms-select1-appearance-full.xforms-required-empty input {
    border: none
}

.xforms-select1-appearance-full input { vertical-align: middle }
.xforms-select1-appearance-full label { vertical-align: middle; margin-right: .5em }

.xforms-select-appearance-full input { vertical-align: middle }
.xforms-select-appearance-full label { vertical-align: middle; margin-right: .5em  }

.xforms-group-appearance-xxforms-fieldset {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
    padding-bottom: 0
}

.xforms-range-background {
    position: relative;
    background: url(/ops/ops/images/xforms/slider-horizontal-background.png) no-repeat;
    height: 26px;
    width: 218px;
    z-index: 5;
}

.xforms-range-thumb {
    position:absolute;
    left: 0;
    top: 8px;
    cursor: default;
    width: 18px;
    height: 20px;
    background: url(/ops/ops/images/xforms/slider-horizontal-thumb.png) no-repeat;
}

.xforms-select-template {
    display: none;
}

.xforms-select1-open-select {
    display: none;
}

.xforms-repeat-template {
    display: none;
}

.xforms-repeat-delimiter {
    display: none;
}

.xforms-repeat-begin-end {
    display: none;
}

.xforms-repeat-selected-item-1 {
    background-color: #ffc;
}

.xforms-repeat-selected-item-2 {
    background-color: #ff9;
}

.xforms-repeat-selected-item-3 {
    background-color: #ff6;
}

.xforms-repeat-selected-item-4 {
    background-color: #ff3;
}

.xforms-group-begin-end {
    display: none;
}

.xforms-debug {
    background-color: #fc9;
    position: absolute;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
    border: 1px solid red;
    font-size: 11px;
}

.xforms-disabled {
    display: none;
}

.xforms-case-selected {
}

.xforms-case-deselected {
    display: none;
}

.xforms-case-begin-end {
    display: none;
}

.xforms-upload-state-empty .xforms-upload-info { display: none; }
.xforms-upload-state-file .xforms-upload-select { display: none; }
.xforms-upload-mediatype { padding-left: .5em; font-style: italic; }
.xforms-upload-size { padding-left: .5em; }
.xforms-upload-remove { vertical-align: -20%; padding-left: .5em; cursor: pointer; }

select.xforms-required-empty {
    background-color: #fcc;
}

/* Reasonable defaults for alignment of button content */
button.xforms-trigger img { vertical-align: middle }
button.xforms-trigger span { vertical-align: middle }
button.xforms-submit img { vertical-align: middle }
button.xforms-submit span { vertical-align: middle }

/* Reasonable defaults for alignment of anchor content */
a.xforms-trigger img { vertical-align: middle }
a.xforms-trigger span { vertical-align: middle }

/* Hide input field for <xforms:input> when type is date */
.xforms-type-date input {
    display: none;
}

/* Hide date pickend for <xforms:input> when type not date */
.xforms-showcalendar {
    display: none;
}

.xforms-type-date .xforms-showcalendar {
    display: -moz-inline-box;
    display: inline-block;
}

a.xforms-readonly {
    color: gray; cursor: default;
}

.xforms-message {
    list-style: disc;
    display: list-item;
    margin-left: 2em;
}

.xforms-tree-label-selected {
    background-color: #ffc;
}

#xforms-repeat-tree {
    display: none;
}

#xforms-repeat-indexes {
    display: none;
}

/* In the tree, because we don't have an href, we use this CSS so the cursor is a pointer when over the link */
a.ygtvlabel { cursor: pointer; }

/* Styles used by xforms-to-xhtml.xsl */
.xforms-legacy-error-table { border: 0; margin: 0; padding: 0; }
.xforms-legacy-error-table td { border: 0; margin: 0; padding: 0; }
.xforms-legacy-help-table { margin: 0 }
/*
    Copyright (C) 2007 Orbeon, Inc.

    This program is free software; you can redistribute it and/or modify it under the terms of the
        GNU Lesser General Public License as published by the Free Software Foundation; either version
    2.1 of the License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
    without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
    See the GNU Lesser General Public License for more details.

    The full text of the license is available at http://www.gnu.org/copyleft/lesser.html
*/
.orbeon-error-panel-body { margin-left: 1em; margin-right: 1em; margin-bottom: .5em }
.orbeon-error-panel-message { color: #FF6600; border: solid 2px #FF6600; padding: .5em }
.orbeon-error-panel-call-stack { font-size: 90% }
.orbeon-error-panel-url-cell { }
.orbeon-error-panel-line-cell { text-align: right }
.orbeon-error-panel-column-cell { text-align: right }
.orbeon-error-panel-description-cell { }
.orbeon-error-panel-xml-cell { }
.orbeon-error-panel-param-block { font-size: smaller; margin-left: 1em; white-space: nowrap; padding: 0}

.orbeon-error-table { border-collapse: collapse; width: 100% }

.orbeon-error-table th {
    background-color: #dde;
    color: #336;
    text-align: center;
    padding: .3em;
    border: 1px solid #99c;
}
.orbeon-error-table td {
    color: black;
    padding: .3em;
    border: 1px solid #99c;
    margin: 0;
    vertical-align: top
}

.orbeon-error-java-table { width: 100% }

/* Classes for standalone error page */
.orbeon-error-panel { margin: .71em; padding: 0 }
.orbeon-error-panel { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; }
.orbeon-error-panel table { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 9pt; }
.orbeon-error-panel h1 { background-color: #FF6600; color: white; font-size:14pt; padding: 2px }
.orbeon-error-panel h2 { background-color: #FF6600; color: white; font-size:9pt; padding: 2px }
.orbeon-error-panel a { color: #669; text-decoration: none }
.orbeon-error-panel a:hover { text-decoration: underline }
.orbeon-error-panel img { border: 0 }
.orbeon-error-disabled { display: none }
.orbeon-error-panel .ops-version { text-align: center; font-size: smaller }
.orbeon-error-panel-show-details, .orbeon-error-panel-hide-details { cursor: pointer; }

/* XML formatter definitions */
.xml-cd { margin-left: 0; margin-top: 0; margin-bottom: 0; display: block; }
.xml-rd { margin-left: 0; margin-top: 0; margin-bottom: 0; display: block; }
.xml-id { margin-left: 2em; margin-top: 0; margin-bottom: 0; display: block; }
.xml-x {}
.xml-c {}
.xml-o {}

.xml-symbol { color: black }
.xml-text { color: black }
.xml-comment { color: gray }
.xml-elt-name { color: blue }
.xml-elt-prefix { color: navy }
.xml-att-prefix{ color: green }
.xml-att-name { color: green }
.xml-att-value { color: orange }