/*
 * Licensed Materials - Property of IBM
 * (C) Copyright IBM Corp. 2010, 2012 All Rights Reserved
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

/* Dialog 
 * 
 * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog
 * 
 * Dialog:
 * 1. Dialog (default styling): 
 * 		.dijitDialog - styles for dialog's bounding box
 *
 * 2. Dialog title 
 * 		.dijitDialogTitleBar - styles for the title container at the top of dialog
 * 		.dijitDialogTitle - the text container in dialog title
 * 
 * 3. Dialog content 
 * 		.dijitDialogPaneContent - main container for content area and action bar
 * 		.dijitDialogPaneContentArea - styles for content container
 * 
 * 4. Dialog action bar 
 * 		.dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content
 * 
 * 5. Dialog underlay 
 * 		.dijitDialogUnderlay - div under the dialog which used for separate dialog and page content
 * 
 * 
 * Tooltip & TooltipDialog:
 * 1. tooltip content container: 
 * 		.dijitTooltipContainer - tooltip content container
 *
 * 2. tooltip connector: 
 * 		.dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right)
 */
 
 
 
 /* IMPORTANT NOTE
  *
  * The following dialog styles are provided to support legacy products.
  * If building a new or updated product, it is highly suggested that you
  * use the IDX dialog instead.
 */ 
 
 
.oneui .dijitDialog {
    border:4px solid #9a9a9a/*this is needed for IE*/;
   	border:4px solid rgba(3, 3, 3, 0.4);
	-moz-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.2);
    min-width: 400px;
    overflow: hidden;
    background: #fff;
}

.oneui .dijitDialogPaneContent {
    padding: 10px 20px 20px;;
	background: transparent;
    position: relative;
}

.oneui .dijitDialogPaneContentArea { /* trick to get action bar (gray bar at bottom with OK/cancel buttons) to span from left to right but still indent dialog content */
    margin: 0px;
    padding-bottom: 10px;
}

.oneui .dijitDialogPaneContentArea .dijitTabPaneWrapper {
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	}

.oneui .dijitDialogPaneActionBar {

	padding-top: 20px;
	background-color: transparent;
    text-align: right;
    border-top: 1px solid #ccc;
}

.oneui .dijitDialogPaneActionBar .dijitButton {
  margin: 0 0 0 5px;
}

.oneui .dijitDialogTitleBar { /* outer container for the titlebar of the dialog */
	padding: 20px 0;
	margin: 0 20px;
    border-bottom:1px solid #999999;
   background:#transparent;
}

.oneui .dijitDialogTitle { /* typography and styling of the dialog title */
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.2;
    color: #222;
}

.oneui .dijitDialogCloseIcon { /* the default close icon for the dialog */
    display: none;
}

/* Tooltip and TooltipDialog */
.oneui .dijitTooltip, .oneui .dijitTooltipDialog { /* the outermost dom node, holding the connector and container */
    background: transparent; /* make the area on the sides of the arrow transparent */
}

.oneui .dijitTooltipDialog {
    overflow: hidden;
}

.oneui .dijitTooltipAbove {
	/* leave room for arrow below content */
	margin-left: -10px;
	margin-top: -1px;
	padding: 5px 5px 11px 5px;
} 

.oneui .dijitTooltipBelow {
	/* leave room for arrow above content */
	padding: 9px 5px 5px 5px;
	margin-left: -14px;
}

.oneui .dijitTooltipContainer { /* the part with the text */
 	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: bottom;
	border: 3px solid #999999;
	padding: 7px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
	font-size: 1em;
	color: #222222;
}

.dj_ie .oneui .dijitTooltipContainer {
	padding: 7px 9px;
}

.dj_ie6 .oneui .dijitTooltipContainer {
    background-image: none;
}

.oneui .dijitTooltipLeft {
	padding: 5px 10px 5px 5px;
}

.oneui .dijitTooltipConnector { /* the arrow piece */
	border: 0;
	z-index: 2;
	background-image: url("../idx/widget/images/popupSharkfin.png");
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
}

.dijit_a11y .oneui .dijitTooltipConnector {
	display: none;
	/* won't show b/c it's background-image; hide to avoid border gap */
}

.dj_ie6 .oneui .dijitTooltipConnector {
	background-image: url("../idx/widget/images/popupSharkfin-8bit.png");
}

.oneui .dijitTooltipABRight .dijitTooltipConnector { 
	/* above or below tooltip, but the arrow appears on the right,
		and the right edges of target and tooltip are aligned rather than the left */
	left: auto !important;
	right: 3px;
}

.oneui .dijitTooltipBelow .dijitTooltipConnector { 
	/* the arrow piece for tooltips below an element */
	top: -6px;
	left: 13px;
	background-position: -18px 0;
}

.oneui .dijitTooltipDialog.dijitTooltipBelow .dijitTooltipConnector {
	top: -6.5px;
}

.oneui .dijitTooltipAbove .dijitTooltipConnector { 
	/* the arrow piece for tooltips above an element */
	bottom: -4.5px;
	left: 10px;
	background-position: 0px 0;
}

.dj_ie8 .dijitTooltipAbove .dijitTooltipConnector {
	bottom: -4px;
}

.dj_chrome .dijitTooltipAbove .dijitTooltipConnector,
.dj_chrome .oneui .dijitTooltipDialog.dijitTooltipAbove .dijitTooltipConnector {
	bottom: -4px;
}

.oneui .dijitTooltipLeft .dijitTooltipConnector { /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: -5px;
	background-position: -36px 0;
}

.oneui .dijitTooltipRight {
	padding: 5px 5px 5px 9px;
}

.oneui .dijitTooltipRight .dijitTooltipConnector { /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
	left: -6px;
	background-position: -54px 0;
}