6 border: 1px solid #cbcbcb;
7 -webkit-box-shadow: 0px 5px 10px #adadad;
11 .soria .dijitDialog .dijitDialogTitle {
19 .soria .dijitDialog .dijitDialogPaneContent {
22 border-top: 1px solid #b1badf; /* #cddde9; /* w/out this, an <h1> on the top line causes a gap between the .content and .label */
27 .soria .dijitDialogTitleBar {
28 /* outer container for the titlebar of the dialog */
29 background: #fafafa url("images/titleBar.png") repeat-x top left;
30 /* border: 1px solid #bfbfbf; */
31 padding: 5px 6px 3px 2px;
33 outline:0; /* remove this line if keyboard focus on dialog startup is an issue. tab still takes you to first focusable element */
36 .soria .dijitDialogTitle {
37 /* typography and styling of the dialog title */
39 padding: 8px 12px 8px 12px;
43 .soria .dijitDialogCloseIcon {
44 /* the default close icon for the dialog */
45 background : url("images/spriteRoundedIconsSmallBl.png") no-repeat right top;
48 vertical-align: middle;
55 .dj_ie6 .soria .dijitDialogCloseIcon {
56 background : url("images/spriteRoundedIconsSmallBl.gif") no-repeat right top;
59 .soria .dijitDialogContent {
60 /* the body of the dialog */
65 /* Tooltip and TooltipDialog */
68 .soria .dijitTooltipDialog {
69 /* the outermost dom node, holding the connector and container */
71 background: transparent; /* make the area on the sides of the arrow transparent */
75 /* leave room for arrow above content */
80 /* leave room for arrow below content */
84 .soria .dijitTooltipContainer {
86 The part with the text.
89 FF doesn't clip images used as CSS bgs if you specify a border
90 radius. If you use a solid color, it does. Webkit gets it right.
92 background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
94 background-color: #fff;
95 border:1px solid #cbcbcb;
99 -moz-border-radius: 7px;
100 -webkit-border-radius: 6px;
104 .soria .dijitTooltipConnector {
105 /* the arrow piece */
110 .soria .dijitTooltipABRight .dijitTooltipConnector {
111 /* above or below tooltip, but the arrow appears on the right,
112 and the right edges of target and tooltip are aligned rather than the left */
113 left: auto !important;
117 .soria .dijitTooltipBelow .dijitTooltipConnector {
118 /* the arrow piece for tooltips below an element */
121 background:url("images/tooltipConnectorUp.png") no-repeat top left;
126 .dj_ie6 .soria .dijitTooltipBelow .dijitTooltipConnector {
127 background-image: url("images/tooltipConnectorUp.gif");
130 .soria .dijitTooltipAbove .dijitTooltipConnector {
131 /* the arrow piece for tooltips above an element */
134 background:url("images/tooltipConnectorDown.png") no-repeat top left;
138 .dj_ie6 .soria .dijitTooltipAbove .dijitTooltipConnector {
139 background-image: url("images/tooltipConnectorDown.gif");
143 .soria .dijitTooltipLeft {
146 .dj_ie6 .soria .dijitTooltipLeft {
149 .soria .dijitTooltipLeft .dijitTooltipConnector {
150 /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
153 background:url("images/tooltipConnectorRight.png") no-repeat top left;
157 .dj_ie6 .soria .dijitTooltipLeft .dijitTooltipConnector {
158 background-image: url("images/tooltipConnectorRight.gif");
161 .soria .dijitTooltipRight {
164 .soria .dijitTooltipRight .dijitTooltipConnector {
165 /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
168 background:url("images/tooltipConnectorLeft.png") no-repeat top left;
172 .dj_ie6 .soria .dijitTooltipRight .dijitTooltipConnector {
173 background-image: url("images/tooltipConnectorLeft.gif");