/* ***************************************************************************** */
/* ************** CSS STYLESHEET FOR STYLING XFORMS INSIDE OF HTML ************* */
/* this stylesheet uses table layout which may not be supported on all browsers. */
/* ***************************************************************************** */

/* ######################################### HTML styles ############################################ */

.legend {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   display: block;
   width: 150px;
   border: thin groove;
   padding: 2px;
   color: #888888
}

.form_title {
   font-size: 12pt;
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   font-weight: bold;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   white-space: nowrap;
}

.page_background {
   background-color: #aabbdd;
}

.form_border {
   padding-left: 10px;
}

/* ************************** REPEAT STYLES ************************************ */
.minimal-repeat {
}

.minimal-repeat-label {
   vertical-align: top;
   white-space: nowrap;
   padding-right: 3px;
   padding-top: 5px;
}

.minimal-repeat-ctrl {
   vertical-align: top;
   padding-right: 10px;
}

.minimal-repeat-selected {
   padding-top: 3px;
   display: block;
   white-space: nowrap;
}

.minimal-repeat-deselected {
   padding-top: 3px;
   display: block;
   white-space: nowrap;
}

.minimal-repeat-selector {
   padding-top: 3px;
   height: 100%;
   vertical-align: top;
}

.compact-repeat {
}

.compact-repeat-label {
   padding-right: 5px;
   text-align: left;
   vertical-align: bottom;
   padding-bottom: 5px;
}

.compact-repeat-ctrl {
   vertical-align: top;
   padding-right: 5px;
}

/* ### FULL REPEAT STYLES ### */
.full-repeat > .repeat-selector {
   vertical-align: top;
}

.full-repeat-label {
}

.repeat-selected {
   padding-top: 3px;
   white-space: nowrap;
}

.repeat-deselected {
   padding-top: 3px;
   white-space: nowrap;
}

/* ### selector style if in table ### */
.selector-cell {
   vertical-align: top;
   text-align: center;
}

/* ### applies only to compact style - the empty cell in the upper left corner of the table ### -->
.repeat-selector-header{
}
.repeat-header{
font-family:Arial;
font-size:9pt;
text-align:left;
}

/* ************************** GROUP STYLES ************************************* */
/* ### FULL GROUP STYLES ### */

/* ### class for styling complete table ### */
.full-group {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   background-color: #FFFFFF;
   vertical-align: top;
   margin-top: 5px;
   border: none;
   /*border: 1px solid red;*/
}

.full-group-label {
   width: 120px;
   text-align: right;
   vertical-align: top;
   padding-right: 5px;
   display: block;
   border: none;
   /*border: 1px solid yellow;*/
}

.full-group-ctrl {
   text-align: left;
   vertical-align: top;
   border: none;
   /*border: 1px solid blue;*/
}

.full-group-minimal-column-size {
   width: 120px;
   vertical-align: top;
}

/* ### COMPACT GROUP STYLES ### */
.compact-group {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   background-color: #FFFFFF;
   vertical-align: top;
   margin-right: 10px;
   white-space: nowrap;
   border: none;
   /*border: 1px solid pink;*/
}

.compact-group-label {
   vertical-align: bottom;
   border: none;
   /*border: 1px solid orange;*/
}

/* 	set default width to a small value to prevent column being stretched,
   when column is squeezed the minimal width will be the width of rendered control
*/
.compact-group-ctrl {
   vertical-align: top;
   white-space: nowrap;
   border: none;
   /*border: 1px solid green;*/
}

/* used for label text, link and single attachment controls of group with appearance=compact */
.compact-group-minimal-column-size {
   width: 202px;
   white-space: normal;
   table-layout: fixed;
}

/* ### MINIMAL GROUP STYLES ### */
.minimal-group {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   border: none;
   background-color: #FFFFFF; /*padding-right: 5px;*/
   vertical-align: top;
   margin-right: 10px;
   white-space: nowrap;
}

.minimal-group-label {
   width: 120px;
   height: 100%;
   text-align: right;
   vertical-align: top;
   padding-right: 5px;
   white-space: nowrap;
}

.minimal-group-ctrl {
   text-align: left;
   vertical-align: top;
   white-space: nowrap;
}

.minimal-group-label-single-right {
   display: block;
   width: 120px;
   height: 100%;
   vertical-align: top;
   padding-right: 5px;
}

.minimal-group-ctrl-single-right {
   text-align: left;
   vertical-align: top;
   padding-right: 5px;
}

/* used for label text, link and single attachment controls of group with appearance=minimal */
.minimal-group-minimal-column-size {
   width: 202px;
   white-space: normal;
   table-layout: fixed;
}

.ctrl-wrapper {
   padding: 0;
   margin: 0;
   border: none;
   border-collapse: collapse;
   border-spacing: 0;
}

.button-group-label {
   font-size: 9pt;
   border-top: thin solid;
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   font-weight: bold;
   padding-top: 2px
}

.group-label {
   font-size: 12px;
   font-family: Trebuchet MS, Verdana, GillSans, Arial;
   font-weight: bold;
   color: #000000;
}

#xformsErrorTip{
	position: absolute;
	width: 200px;
	border: 2px solid #DF0000;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 1099;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ************************** SWITCH STYLES ************************************ */
.inactive-tab-button {
   background-image: url( "../images/modal/modal_tab_bg_off.gif" );
   border: 0pt hidden;
   vertical-align: top;
   height: 22px;
}

.tab-background {
   background-color: #C6C6C6;
   border: 1px solid #C6C6C6;
}

.tabbufferselectedleft-bottom {
   width: 10px;
   size: 10px;
   font-size: 1px;
   background-image: url( "../images/xforms/tab/modal_tab_corner_bottom_left_on.gif" );
}

.tabbufferselectedright-bottom {
   width: 11px;
   size: 11px;
   font-size: 1px;
   background-image: url( "../images/xforms/tab/modal_tab_corner_bottom_right_on.gif" );
}

.tabbuffernotselectedleft-bottom {
   width: 10px;
   size: 10px;
   font-size: 1px;
   background-image: url( "../images/xforms/tab/modal_tab_corner_bottom_left_off.gif" );
}

.tabbuffernotselectedright-bottom {
   width: 11px;
   size: 11px;
   font-size: 11px;
   background-image: url( "../images/xforms/tab/modal_tab_corner_bottom_right_off.gif" );
}
.inactive-tab-button-bottom {
   background-image: url( "../images/xforms/tab/modal_tab_bottom_bg_off.gif" );
   border: 0pt hidden;
   vertical-align: top;
   height: 22px;
}

.defaultTabbarNormalStyle-bottom {
   background-image: url("../images/xforms/tab/modal_tab_bottom_bg_off.gif");
   font-family: Trebuchet MS, Verdana, GillSans, Arial;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   vertical-align: top;
   padding-bottom: 2px;
   height: 22px;
}

.defaultTabbarSelectedStyle-bottom {
   height: 22px;
   background-image: url("../images/xforms/tab/modal_tab_bottom_bg_on.gif");
   font-family: Trebuchet MS, Verdana, GillSans, Arial;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   padding-bottom: 2px;
   vertical-align: top;
}

.tabbuffernotselectedleft-bottom{
   width:10px;
   font-size:1px;
   background-image: url("../images/xforms/tab/modal_tab_corner_bottom_left_off.gif");
}

.tabbuffernotselectedright-bottom{
   width:11px;
   font-size:11px;
   background-image: url("../images/xforms/tab/modal_tab_corner_bottom_right_off.gif");
}

.tabbufferselectedleft-bottom{
   width:10px;
   font-size:1px;
   background-image: url("../images/xforms/tab/modal_tab_corner_bottom_left_on.gif");
}

.tabbufferselectedright-bottom{
   width:11px;
   font-size:1px;
   background-image: url("../images/xforms/tab/modal_tab_corner_bottom_right_on.gif");
}

/* ************************** CONTROL STYLES *********************************** */

/* ### widget styles can be used to style the actual html-form-controls ### */
.trigger-widget {
   margin-top: 2px;
   font-size: 8pt;
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   margin-left: 5px;
}

.trigger-widget:active {
   color: blue;
}

.trigger-widget:hover {
   background-color: #aabbff;
}

.submit-widget {
   margin-top: 2px;
   background-color: #aabbdd;
   color: #000000;
   border-width: 1pt;
   border-style: ridge;
   border-color: #444444;
   font-size: 8pt;
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
}

.submit-widget:active {
}

.submit-widget:hover {
   background-color: #aabbff;
}

.select-widget {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   margin: 1px;
   border: none;
   background-color: white;
}

.checkbox-widget {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
}

.radiobutton-widget {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
}

/* ********************************* COMMON CHILDS ***************************** */
.help {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   display: inline
}

.required-symbol {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   color: red;
   vertical-align: top;
}

.image-middle-span {
   vertical-align: middle;
}

.repeat-label {
   vertical-align: top;
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   font-size: 9pt;
}

.alert {
   font-family: "Arial Unicode MS", Arial, sans-serif, "Times New Roman", Helvetica, Geneva, Verdana;
   color: red;
   font-weight: bold;
}

.alert-message
{
   font-size: 8pt
}

/********************** richtext styles ************************/
/***  bold button ***/
button.dctm-bold {
   background-image: url( "../images/xforms/richtext/bold.gif" )!important;
   background-position:0 0!important;
}

button.dctm-bold-pressed {
   background-image: url( "../images/xforms/richtext/bold_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-bold-over {
   background-image: url( "../images/xforms/richtext/bold_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-bold-pressed-over {
   background-image: url( "../images/xforms/richtext/bold_over.gif" )!important;
   background-position:0 0!important;
}

/***  italic button  ***/
button.dctm-italic {
   background-image: url( "../images/xforms/richtext/italic.gif" )!important;
   background-position:0 0!important;
}

button.dctm-italic-pressed {
   background-image: url( "../images/xforms/richtext/italic_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-italic-over {
   background-image: url( "../images/xforms/richtext/italic_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-italic-pressed-over {
   background-image: url( "../images/xforms/richtext/italic_over.gif" )!important;
   background-position:0 0!important;
}

/***  underline button  ***/
button.dctm-underline {
   background-image: url( "../images/xforms/richtext/underline.gif" )!important;
   background-position:0 0!important;
}

button.dctm-underline-pressed {
   background-image: url( "../images/xforms/richtext/underline_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-underline-over {
   background-image: url( "../images/xforms/richtext/underline_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-underline-pressed-over {
   background-image: url( "../images/xforms/richtext/underline_over.gif" )!important;
   background-position:0 0!important;
}

/***  indent button  ***/
button.dctm-indent {
   background-image: url( "../images/xforms/richtext/indent.gif" )!important;
   background-position:0 0!important;
}

button.dctm-indent-pressed {
   background-image: url( "../images/xforms/richtext/indent_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-indent-over {
   background-image: url( "../images/xforms/richtext/indent_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-indent-pressed-over {
   background-image: url( "../images/xforms/richtext/indent_over.gif" )!important;
   background-position:0 0!important;
}

/***  outdent button   ***/
button.dctm-outdent {
   background-image: url( "../images/xforms/richtext/outdent.gif" )!important;
   background-position:0 0!important;
}

button.dctm-outdent-pressed {
   background-image: url( "../images/xforms/richtext/outdent_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-outdent-over {
   background-image: url( "../images/xforms/richtext/outdent_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-outdent-pressed-over {
   background-image: url( "../images/xforms/richtext/outdent_over.gif" )!important;
   background-position:0 0!important;
}

/***  insertorderedlist button   ***/
button.dctm-insertorderedlist {
   background-image: url( "../images/xforms/richtext/numbered_list.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertorderedlist-pressed {
   background-image: url( "../images/xforms/richtext/numbered_list_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertorderedlist-over {
   background-image: url( "../images/xforms/richtext/numbered_list_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertorderedlist-pressed-over {
   background-image: url( "../images/xforms/richtext/numbered_list_over.gif" )!important;
   background-position:0 0!important;
}

/***  insertunorderedlist button  ***/
button.dctm-insertunorderedlist {
   background-image: url( "../images/xforms/richtext/list.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertunorderedlist-pressed {
   background-image: url( "../images/xforms/richtext/list_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertunorderedlist-over {
   background-image: url( "../images/xforms/richtext/list_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-insertunorderedlist-pressed-over {
   background-image: url( "../images/xforms/richtext/list_over.gif" )!important;
   background-position:0 0!important;
}

/***  align center button   ***/
button.dctm-justifycenter {
   background-image: url( "../images/xforms/richtext/justifycenter.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifycenter-pressed {
   background-image: url( "../images/xforms/richtext/justifycenter_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifycenter-over {
   background-image: url( "../images/xforms/richtext/justifycenter_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifycenter-pressed-over {
   background-image: url( "../images/xforms/richtext/justifycenter_over.gif" )!important;
   background-position:0 0!important;
}

/***  align left button   ***/
button.dctm-justifyleft {
   background-image: url( "../images/xforms/richtext/justifyleft.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyleft-pressed {
   background-image: url( "../images/xforms/richtext/justifyleft_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyleft-over {
   background-image: url( "../images/xforms/richtext/justifyleft_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyleft-pressed-over {
   background-image: url( "../images/xforms/richtext/justifyleft_over.gif" )!important;
   background-position:0 0!important;
}

/***  align right button  ***/
button.dctm-justifyright {
   background-image: url( "../images/xforms/richtext/justifyright.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyright-pressed {
   background-image: url( "../images/xforms/richtext/justifyright_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyright-over {
   background-image: url( "../images/xforms/richtext/justifyright_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyright-pressed-over {
   background-image: url( "../images/xforms/richtext/justifyright_over.gif" )!important;
   background-position:0 0!important;
}

/***  justfy button   ***/
button.dctm-justifyfull {
   background-image: url( "../images/xforms/richtext/justifyfull.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyfull-pressed {
   background-image: url( "../images/xforms/richtext/justifyfull_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyfull-over {
   background-image: url( "../images/xforms/richtext/justifyfull_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-justifyfull-pressed-over {
   background-image: url( "../images/xforms/richtext/justifyfull_over.gif" )!important;
   background-position:0 0!important;
}

.dctm-space {
   background-image: url( "../images/xforms/richtext/space.gif" );
}

/**
 * link button
 */
button.dctm-hyperlink {
   background-image: url( "../images/xforms/richtext/link.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hyperlink-pressed {
   background-image: url( "../images/xforms/richtext/link_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hyperlink-over {
   background-image: url( "../images/xforms/richtext/link_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hyperlink-pressed-over {
   background-image: url( "../images/xforms/richtext/link_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * image button
 */
button.dctm-image {
   background-image: url( "../images/xforms/richtext/image.gif" )!important;
   background-position:0 0!important;
}

button.dctm-image-over {
   background-image: url( "../images/xforms/richtext/image_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * table button
 */
button.dctm-table {
   background-image: url( "../images/xforms/richtext/table.gif" )!important;
   background-position:0 0!important;
}

button.dctm-table-over {
   background-image: url( "../images/xforms/richtext/table_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * removelink button
 */
button.dctm-removelink {
   background-image: url( "../images/xforms/richtext/delete.gif" )!important;
   background-position:0 0!important;
}

button.dctm-removelink-over {
   background-image: url( "../images/xforms/richtext/delete_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * removeimage button
 */
button.dctm-removeimage {
   background-image: url( "../images/xforms/richtext/delete.gif" )!important;
   background-position:0 0!important;
}

button.dctm-removeimage-over {
   background-image: url( "../images/xforms/richtext/delete_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * source button
 */
button.dctm-source {
   background-image: url( "../images/xforms/richtext/view-source.gif" )!important;
   background-position:0 0!important;
}

button.dctm-source-over {
   background-image: url( "../images/xforms/richtext/view-source_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-source-pressed {
   background-image: url( "../images/xforms/richtext/view-source_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-source-pressed-over {
   background-image: url( "../images/xforms/richtext/view-source_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * subscript button
 */
button.dctm-subscript {
   background-image: url( "../images/xforms/richtext/subscript.gif" )!important;
   background-position:0 0!important;
}

button.dctm-subscript-pressed {
   background-image: url( "../images/xforms/richtext/subscript_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-subscript-over {
   background-image: url( "../images/xforms/richtext/subscript_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-subscript-pressed-over {
   background-image: url( "../images/xforms/richtext/subscript_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * superscript button
 */
button.dctm-superscript {
   background-image: url( "../images/xforms/richtext/superscript.gif" )!important;
   background-position:0 0!important;
}

button.dctm-superscript-pressed {
   background-image: url( "../images/xforms/richtext/superscript_down.gif" )!important;
   background-position:0 0!important;
}

button.dctm-superscript-over {
   background-image: url( "../images/xforms/richtext/superscript_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-superscript-pressed-over {
   background-image: url( "../images/xforms/richtext/superscript_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * undo button
 */
button.dctm-undo {
   background-image: url( "../images/xforms/richtext/undo.gif" )!important;
   background-position:0 0!important;
}

button.dctm-undo-over {
   background-image: url( "../images/xforms/richtext/undo_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * redo button
 */
button.dctm-redo {
   background-image: url( "../images/xforms/richtext/redo.gif" )!important;
   background-position:0 0!important;
}

button.dctm-redo-over {
   background-image: url( "../images/xforms/richtext/redo_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * cut button
 */
button.dctm-cut {
   background-image: url( "../images/xforms/richtext/cut.gif" )!important;
   background-position:0 0!important;
}

button.dctm-cut-over {
   background-image: url( "../images/xforms/richtext/cut_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * copy button
 */
button.dctm-copy {
   background-image: url( "../images/xforms/richtext/copy.gif" )!important;
   background-position:0 0!important;
}

button.dctm-copy-over {
   background-image: url( "../images/xforms/richtext/copy_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * paste button
 */
button.dctm-paste {
   background-image: url( "../images/xforms/richtext/paste.gif" )!important;
   background-position:0 0!important;
}

button.dctm-paste-over {
   background-image: url( "../images/xforms/richtext/paste_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * delete button
 */
button.dctm-delete {
   background-image: url( "../images/xforms/richtext/delete.gif" )!important;
   background-position:0 0!important;
}

button.dctm-delete-over {
   background-image: url( "../images/xforms/richtext/delete_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * forecolor button
 */
button.dctm-forecolor {
   background-image: url( "../images/xforms/richtext/forecolor.gif" )!important;
   background-position:0 0!important;
}

button.dctm-forecolor-over {
   background-image: url( "../images/xforms/richtext/forecolor_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-forecolor-arrow {
   background-image: url( "../images/xforms/richtext/popupArrow.gif" )!important;
   background-position:0 0!important;
}

button.dctm-forecolor-arrow-over {
   background-image: url( "../images/xforms/richtext/popupArrow_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * hilitecolor button
 */
button.dctm-hilitecolor {
   background-image: url( "../images/xforms/richtext/backcolor.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hilitecolor-over {
   background-image: url( "../images/xforms/richtext/backcolor_over.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hilitecolor-arrow {
   background-image: url( "../images/xforms/richtext/popupArrow.gif" )!important;
   background-position:0 0!important;
}

button.dctm-hilitecolor-arrow-over {
   background-image: url( "../images/xforms/richtext/popupArrow_over.gif" )!important;
   background-position:0 0!important;
}

/**
 * spellcheck button
 */
button.dctm-spellcheck {
   background-image: url( "../images/xforms/richtext/spellcheck.gif" )!important;
   background-position:0 0!important;
}

button.dctm-spellcheck-over {
   background-image: url( "../images/xforms/richtext/spellcheck_over.gif" )!important;
   background-position:0 0!important;
}

#dctm-tb-buttons button {
   color: ButtonText;
   border: 0px solid;
   margin-top: 0px;
   margin-left: 0px;
   height: 25px;
   width: 24px;
   background-color: #C6C6C6;
   background-repeat: no-repeat;
}

#dctm-tb-buttons select {
   border: 1px solid;
   margin: 0px;
   vertical-align: top;
}

#dctm-tb-buttons button:active {
   border: 1px solid;
   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

#dctm-tb-buttons button.invisible {
   display: none; /*visibility: hidden;*/
}

#dctm-tb-buttons button.visible {
   display: inline;
}

#dctm-col-buttons button {
   color: ButtonText;
   border: 0px solid ButtonFace;
   margin-top: 0;
   margin-left: 0;
   height: 24px;
   width: 21px;
   background-repeat: no-repeat;
}

#dctm-col-buttons button:active {
   border: 1px solid;
   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

#dctm-col-buttons button.invisible {
   display: none; /*visibility: hidden;*/
}

#dctm-col-buttons button.visible {
   display: inline;
}

#dctm-arrow-buttons button {
   color: ButtonText;
   border: 0px solid ButtonFace;
   margin-top: 0;
   margin-left: 0;
   height: 24px;
   width: 13px;
   background-repeat: no-repeat;
}

#dctm-arrow-buttons button:active {
   border: 1px solid;
   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

#dctm-arrow-buttons button.invisible {
   display: none; /*visibility: hidden;*/
}

#dctm-arrow-buttons button.visible {
   display: inline;
}

.rte_toolbar {
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   background-color: #C6C6C6;
   cursor: default;
}

#dctm-ulstyles, #dctm-olstyles {
   display: none;
}

.white_button {
   background-color: white;
}
/********************** end of richtext style ********************/

.verticalLeftTab button {
   text-align: left;
   width: 100%;
}
.verticalLeftTab table {
   width: 100%;
}
.verticalLeftTab table tbody tr td table tbody tr td.defaultTabbarSelectedStyle{
   width: 100%;
   text-align: left;
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_center_on.gif");
}

.verticalLeftTab table tbody tr td table tbody tr td.tabbufferselectedright{
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_center_on.gif");
}
.verticalLeftTab table tbody tr td table tbody tr td.tabbufferselectedleft{
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_left_on.gif");
}

.verticalRightTab button {
   text-align: right;
   width: 100%;
}
.verticalRightTab table {
   width: 100%;
}
.verticalRightTab table tbody tr td table tbody tr td.defaultTabbarSelectedStyle{
   width: 100%;
   text-align: right;
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_center_on.gif");
}

.verticalRightTab table tbody tr td table tbody tr td.tabbufferselectedright{
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_right_on.gif");
}
.verticalRightTab table tbody tr td table tbody tr td.tabbufferselectedleft{
   background-image: url("../images/xforms/tab/modal_tab_corner_vertical_center_on.gif");
}

.verticalTopContent > table {
   width:100%;
   border-bottom: 1px solid #C6C6C6;
   border-left: 1px solid #C6C6C6;
   border-right: 1px solid #C6C6C6;
   border-top: 0px solid #C6C6C6;	
}

.verticalBottomContent > table {
   width:100%;
   border-top: 1px solid #C6C6C6;
   border-left: 1px solid #C6C6C6;
   border-right: 1px solid #C6C6C6;
   border-bottom: 0px solid #C6C6C6;
}

.verticalLeftContent > table {
   width:100%;
   border-bottom: 1px solid #C6C6C6;
   border-right: 1px solid #C6C6C6;
   border-top: 1px solid #C6C6C6;
   border-left: 0px solid #C6C6C6;
}

.verticalRightContent > table {
   width:100%;
   border-bottom: 1px solid #C6C6C6;
   border-left: 1px solid #C6C6C6;
   border-top: 1px solid #C6C6C6;
   border-right: 0px solid #C6C6C6;
}

/********************** slider style ****************************/

.sliderController{
	padding: 10px 0;
	position: relative;
        zoom: 1;
}

.sliderEnabler{
	float: left;
	padding: 0 5px 0 10px;
}
.sliderWrapper{
	float: left;
   position: relative;
}
/* Core Dijit CSS */

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.	
		- If there is more than one class on the tag, place this first so other classes override.
	*/
	margin:0;
/*	border:0;*/
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
}

/* Dijit theme*/


.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}

.dijit_a11y div.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:absolute !important;
	border:8px solid gray;
	width:0;
	height:0;
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	left:-6px;
}

.dijitSliderImageHandleH {
	left:-8px;
	top:-6px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
}

.dijitSliderBarH, #scrollingcontent .dijitSliderBarH{
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	#z-index:0;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0%;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0%;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	#z-index:-1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	#z-index:-1
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH{
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dj_ie .dijitSliderBumperH, .dj_ie .dijitSliderBar{
	height: 6px;
}



.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecorationH {
	text-align:center;
}

.dijitSlider .dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dj_ie .dijitRuleContainer {
	z-index: -1; /* #4809 */
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark{
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH{
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

/* Tundra Theme*/
.tundra .dijitSliderProgressBarH {
	border-color: #aab0bb;
	background: #c0c2c5 url("../images/xforms/slider/sliderFull.png") repeat-x top left;
}

.tundra .dijitSliderProgressBarV {
	border-color: #aab0bb;
	background: #c0c2c5 url("../images/xforms/slider/sliderFullVertical.png") repeat-y bottom left;
}

.tundra .dijitSliderFocused .dijitSliderProgressBarH,
.tundra .dijitSliderFocused .dijitSliderLeftBumper {
	background-image:url("../images/xforms/slider/sliderFullFocus.png");
}

.tundra .dijitSliderFocused .dijitSliderProgressBarV,
.tundra .dijitSliderFocused .dijitSliderBottomBumper {
	background-image:url("../images/xforms/slider/sliderFullVerticalFocus.png");
}

.tundra .dijitSliderRemainingBarV {
	border-color: #b4b4b4;
	background: #dcdcdc url("../images/xforms/slider/sliderEmptyVertical.png") repeat-y bottom left;
}

.tundra .dijitSliderRemainingBarH {
	border-color: #b4b4b4;
	background: #dcdcdc url("../images/xforms/slider/sliderEmpty.png") repeat-x top left;
}

.tundra .dijitSliderBar {
	border-style: solid;
	outline:1px;
}
.tundra .dijitSliderFocused .dijitSliderBar {
	border-color:#333;	
}

.dijit_a11y .dijitSliderProgressBar {
	background-color:#333 !important;
}

/* Slider Handle for label on top*/
.tundra .dijitSliderImageHandleH{
	border:0px;
	width:16px;
	height:16px;
	background:url("../images/xforms/slider/preciseSliderThumb.png") no-repeat center top;
	cursor:pointer;
}

.tundra .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumbFocus.png");
}

.dj_ie6 .tundra .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumb.gif");
}

.dj_ie6 .tundra .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumbFocus.gif");
}

/* Slider Handle for label on bottom*/

.tundra .labelsOnBottom .dijitSliderImageHandleH{
	background:url("../images/xforms/slider/preciseSliderThumbDown.png") no-repeat center top;
}

.tundra .labelsOnBottom .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumbFocusDown.png");
}

.dj_ie6 .tundra .labelsOnBottom .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumbDown.gif");
}

.dj_ie6 .tundra .labelsOnBottom .dijitSliderFocused .dijitSliderImageHandleH {
	background-image:url("../images/xforms/slider/preciseSliderThumbFocusDown.gif");
}

.labelsOnBottom .dijitSliderImageHandleH {
	top: -5px;
}

.tundra .dijitSliderLeftBumper {
	border-left-width: 1px;
	border-color: #aab0bb;
	background: #c0c2c5 url("../images/xforms/slider/sliderFull.png") repeat-x top left;
}

.tundra .dijitSliderRightBumper {
	background: #dcdcdc url("../images/xforms/slider/sliderEmpty.png") repeat-x top left;
	border-color: #b4b4b4;
	border-right-width: 1px;
}

.tundra .dijitSliderImageHandleV {
	border:0px;
	width:16px;
	height:16px;
	background:url("../images/xforms/slider/sliderThumb.png") no-repeat center center;
	cursor:pointer;
}


.tundra .dijitSliderBottomBumper {
	border-bottom-width: 1px;
	border-color: #aab0bb;
	background: #c0c2c5 url("../images/xforms/slider/sliderFullVertical.png") repeat-y bottom left;
}

.tundra .dijitSliderTopBumper {
	background: #dcdcdc url("../images/xforms/slider/sliderEmptyVertical.png") repeat-y top left;
	border-color: #b4b4b4;
	border-top-width: 1px;
}

.tundra .dijitSliderIncrementIconH,
.tundra .dijitSliderIncrementIconV {
	background:url('../images/xforms/slider/arrowUp.png') no-repeat center center;
	width:16px; height:16px;
	cursor:pointer;
}
.tundra .dijitSliderIncrementIconH {
	background-image:url('../images/xforms/slider/arrowRight.png');
}

.tundra .dijitSliderDecrementIconH,
.tundra .dijitSliderDecrementIconV {
	width:16px;                     
	height:16px;
	cursor:pointer;
	background:url('../images/xforms/slider/arrowDown.png') no-repeat center center;
}
.tundra .dijitSliderDecrementIconH { background-image:url('../images/xforms/slider/arrowLeft.png'); }

.tundra .dijitSliderButtonInner {
	visibility:hidden;
}

.tundra .dijitSliderDisabled {
	opacity:0.6 !important;
}

.tundra .dijitSliderDisabled * {
	cursor: not-allowed !important;
}
/********************** end of slider style ********************/


/********************** Start of TimeControl style ********************/
.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:-moz-inline-box;		/* FF2 */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
}

.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitInputField INPUT {
	font-size: 100%;
	font-family: inherit; /* trigger pseudo font-family inheritance */
	behavior: expression( /* if the font-family = inherit, then get the parent's font-family */
		function(self){
			var cs, e; 
			try{
				if(self.currentStyle.fontFamily=='inherit'){
					cs = self.parentNode.currentStyle || document.documentElement.currentStyle;
					self.style.fontFamily = cs.fontFamily;
				}
				self.style.behavior = null; /* #5562: prevent re-eval of css expression */
			}catch(e){} /* #6024: random exceptions thrown during init */
		}(this)
	);
}

.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
	margin: 0px 0 !important;
}
.dj_iequirks .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
	margin-top: 0px !important;
}

.dijitInlineTable {
	/* To inline tables with a given width set (otherwise, use dijitInline above)
	 * Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
	 */
	display: -moz-inline-stack;	/* FF2 */
	display:inline-table;
	display:inline-block;		/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	box-sizing: content-box; -moz-box-sizing: content-box;
	border:0;
	padding:0pt;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup div,
.dijit_a11y .dijitPopup table,
.dijit_a11y .dijitTooltipContainer {
	opacity: 1 !important;
	background-color: white !important;
}
.dj_ie .dijit_a11y .dijitPopup * {
	filter: none;
}

.dijitInputField {
	overflow:hidden;
	#zoom:1;
	padding-top:0pt;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/*
	 * iframe used for FF2 in high-contrast mode to prevent menu
	 * being transparent
	 */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitClickableRegion {
	/* a region we expect the user to click on */
	cursor: pointer;
}


.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijit_a11y .dijitArrowButtonInner {
	width: 1.0em;
	display: none !important;
}
.dijitButtonNode .dijitArrowButtonInner {
	background:no-repeat center;
	width: 16px;
}
.dijitComboBox .dijitArrowButtonInner {
	display: block;
}

/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important;
}


/****
		3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
 ****/
	
.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
}

.dj_safari .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	padding:.2em .2em .1em;
	line-height:normal;
	cursor:pointer;
	vertical-align:middle;	
	text-align:center;
	white-space: nowrap;
}

.dijitArrowButton {
	/* Node that is acting as a arrow button -- drop down (spinner has its own treatment).  Also gets dijitButtonNode */
	/* place AFTER dijitButtonNode so it overrides */
	padding: 0 .4em;
}
DIV.dijitArrowButton {
	float: right;
}

.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	border-style: solid;
	border-width: 0 0 0 1px !important;
	padding: 0;
	position: absolute;
	right: 0;
	float: none;
}
.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton {
	position: absolute;
	height: 50%;
}
.dijitSpinner .dijitInputLayoutContainer .dijitDownArrowButton {
	top: none;
	bottom: 0;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitInputLayoutContainer .dijitUpArrowButton {
	top: 0;
	bottom: none;
}

.dijitComboButton TABLE {
	/* each cell in a combo-table should have its own separate border */
	border-collapse: separate;
	border:0;
	padding:0;
	margin:0;
}

.dijitComboButton .dijitButtonContents {
	border-right-width:0 !important;
}


.dj_ie BUTTON.dijitButtonNode {
	overflow: visible; /* eliminates arbitrary left and right padding on buttons */
}

table .dijitButton .dijitButtonNode,
table .dijitComboButton .dijitButtonNode {
	#overflow:hidden; /* visible messes up if the button is inside a table on IE */
}

.dijitButtonNode IMG {
	/* make text and images line up cleanly */
	vertical-align:middle;
	margin-bottom:.2em;
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox {
/*	border: solid black 1px;*/
	#overflow: hidden; /* #6027, #6067 */
	width: 10.5em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	margin-bottom: 0px;
}
/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused
{
	/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
	outline: auto 5px -webkit-focus-ring-color;
}

.dijitTextBox INPUT
 {
	display:inline;
	position:static !important;
	margin: 0pt;
	vertical-align:0em !important;
	visibility:visible !important;
	width:100%;
    text-align: center;
}

.dijitNumberTextBox
 {
    text-align: right;
    width: 200px;
    padding: 0 3px;
}

/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon {
	visibility: hidden;
	display: /*block*/none;
	padding: 0 2px;
	float: right;
	height: auto;
}
.dijitValidationIconText {
	visibility: hidden;
	display: none;
	float:right;
	font-family: sans-serif;
	font-style:italic;
	font-size: 0.45em;
	line-height: 100%;
}
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }

.dijitError .dijitValidationIcon,
.dijitError .dijitValidationIconText {
	visibility: visible;
}

.dijitTextBox .dijitArrowButton {
	/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
	display:none;
}


/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}


/* Menu (relative with TimePicker)*/

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	margin:1px 0;
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

.dijitMenuItem{
	white-space: nowrap;
	padding:.1em .2em;
}

.dijitMenuItemHover {
	cursor:pointer;
	cursor:hand;
	background-color:black;
	color:white;
}

.dijitMenuItemIcon {
	position: relative;
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.3;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dijit_a11y .dijitMenuItemHover {
	border: 1px #fff dotted !important;
}

.dijit_a11y .dijitMenuExpandInner {
	display:block !important;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}
.dijitTimePickerTick {
	/* opacity:0.1 !important; */
	color:#dedede;
	position:relative;
}

.dijitTimePickerItemHover {
	opacity:1 !important;
	background-color:#808080;
	color:#fff;
	cursor:pointer;
}

.dijitTimePickerItemHover .dijitTimePickerItemInner {
	display:block;
	overflow:visible;
	background-color:#808080;
	font-size:1em;
}

.dijitTimePickerItemSelected {
	color:#333;
	background-color:#b7cdee !important;
}

.dijit_a11y .dijitTimePickerItem {
	border-bottom:1px solid #333;	
}
/********************** End of TimeControl style ********************/



/*validation*/
.xforms-not-valid{
    border: 2px solid #DD7870;
}

#id-wait-background{
    z-index: 10000;
}

#wait-frame{
    z-index: 500;
}

#overlay-mask{
    z-index: 400;
    background: transparent;
}
.wait-overlay{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 63px;
    width: 142px;
    margin: 0;
}

.wait-container{
    padding: 10px 20px;
    background: white;
    text-align:center;
    border: 1px solid #aaa;
}

.xforms-container{
    position: relative;
    zoom: 1;
}

/**************************** Error Messages ************************/

.formsErrorMessage{
	border: 1px solid #cc0000;
    margin: 15px;
    padding:10px 8px 9px 48px;
    color: #cc0000;
    background: #ffc0cb url('../icons/error.png') no-repeat left center;
}

.formsErrorMessage ul{
    margin: 0;
    padding:4px 0 4px 16px;
}

.formsErrorMessage li{
    font-size:13px;
    color: #cc0000;
}