[tt-rss.git] / css / dijit.css

/* Tree */

.claro .dijitTreeRow .dijitCheckBox {
	position : relative;
	top : -2px;
}

.claro .dijitTreeLabel {
	outline : 0;
}

.claro .dijitTree .feedParam {
	color : #555;
	float : right;
	margin-right : 1em;
}

.claro .dijitTree .filterRules {
	display : block;
	color : #ccc;
	font-size : 10px;
	margin-left : 100px;
}

.claro .dijitTree .filterRules span {
	display : block;
	color : green;
}

#filterDlg_Matches span.filterRule {
	color : green;
}

.claro .dijitTree .filterRules span.inverse,
#filterDlg_Matches span.filterRule.inverse {
	color : red;
}


.claro .dijitTree .labelParam {
	float : right;
	margin-right : 1em;
}

.claro .dijitTree .dijitTreeLabel.Disabled, 
.claro .dijitTree .labelParam.Disabled {
	color : #555;
}

.claro .dijitTreeRow.Error {
	color : red;
}

.claro .dijitTreeRow.Hidden {
	display : none;
}

.claro .dijitTreeNode .loadingNode {
	margin-left : 3px;
	height : 9px;
}

.claro .dijitFolderClosed,
.claro .dijitFolderOpened {
	display : none;
}

.claro .dijitTreeNode .dijitCheckBox {
	margin-left : 4px;
}

.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
	margin-left : 5px;
}

.claro .dijitTree .dijitTreeExpando {
	margin-top : 0px;
	opacity : 0.6;
}

.claro .dijitTree .dijitTreeNode {
	padding : 0px;
	border-width : 0px;
}

.claro .dijitTree .dijitTreeRow {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.claro .dijitTree .dijitTreeRowSelected {
	background : white;
}

.claro #feedTree.dijitTree .dijitTreeRowSelected {
	box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
}

.claro .dijitTree .dijitTreeRowHover {
	background : #f0f0f0;
	border-color : #ddd;
}

.claro .dijitTree .dijitTreeRowSelected {
	background : white;
	border-color : #ddd;
}

.claro .dijitTreeRowSelected .dijitTreeLabel {
	text-shadow : 1px 1px 2px #fff;
}

.claro .dijitTreeRow .dijitTreeExpando {
	background-image: url("../images/treeExpandImages.png");
	position : relative;
	top : -1px;
}

.claro .dijitTreeRow .dijitTreeExpandoLeaf {
	background : none;
} 

/* Toolbar */

.claro .dijitToolbar {
	background : #f5f5f5;
	border-color : #ddd;
	/* text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
		Helvetica, Arial, sans-serif; */
}

/* .claro .dijitToolbar {
	text-shadow : 1px 1px 2px #fff;
} */

.claro .dijitDialog .dijitToolbar {
	border : 1px solid #ddd;
}

/* Dialog */

.claro .dijitDialog h2 {
	margin-top : 0px;
	margin-bottom : 4px;
	border-width : 0px;
}

.claro .dijitMenuItemLabel {
	font-size : 13px;
}

/* Checkbox */

.claro .dijitCheckBox {
	background-image : url("../images/untick.png");
	background-color : transparent;
	width : 15px;
	height : 15px;
	margin : 1px;
	opacity : 0.7;
	background-position : center center;	
	transition : opacity 0.25s;
	-webkit-transition : opacity 0.25s;
	/* border : 1px solid #b5bcc7; */
	padding : 1px;
}

 .claro .dijitCheckBox:hover {
	opacity : 1;
}

.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
	opacity : 0.7;
}

.claro .dijitCheckBox.dijitCheckBoxChecked {
	border-color : #69C671;
	background-image : url("../images/tick.png");
	opacity : 1;
}

/* Various buttons */

.claro .dijitDropDownButton {
	margin : 0px;
}

.claro .dijitDropDownButton .dijitButtonNode {
	padding : 0px;
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitDropDownButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode, 
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton,
.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	background : none;
	border-color : transparent;
	box-shadow : none;
}

button,
input[type="submit"] {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 14px;
}

button,
input[type="submit"],
.claro .dijitButton,
.claro .dijitDropDownButton .dijitDownArrowButton,
.claro .dijitComboButton {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button:hover,
button:focus,
button:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.claro .dijitButton:hover,
.claro .dijitButton:focus,
.claro .dijitButton:active,
.claro .dijitDropDownButton .dijitDownArrowButton:hover,
.claro .dijitDropDownButton .dijitDownArrowButton:focus,
.claro .dijitDropDownButton .dijitDownArrowButton:active,
.claro .dijitComboButton:hover,
.claro .dijitComboButton:focus,
.claro .dijitComboButton:active,
.claro .dijitButton.dijitButtonDisabled {
  color: #333333;
  background-color: #e6e6e6;
}

button:active,
input[type="submit"]:active,
.claro .dijitButton:active,
.claro .dijitDropDownButton .dijitDownArrowButton:active,
.claro .dijitComboButton:active {
	background-color: #cccccc \9;
}

.claro .dijitToolbar .dijitButton,
.claro .dijitToolbar .dijitButton.dijitHover,
.claro .dijitToolbar .dijitComboButton,
.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
.claro .dijitToolbar .dijitComboButton.dijitHover {
	background : none;
	border-color : transparent;
	box-shadow : none;
	padding : 0px;
	margin : 0px;
	line-height : auto;
	text-shadow : none;
}

.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
.claro .dijitToolbar .dijitComboButton .dijitButtonText {
	padding : 0px;
}

.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
	border-radius : 4px;
}

.claro .dijitToolbar .dijitButton.dijitHover,
.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton.dijitHover {
	border-color : #ccc;
}

.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	background : none;
}

.claro .dijitToolbar .dijitButton .dijitButtonContents,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	font-size : 13px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.claro .dijitButton:hover,
.claro .dijitDropDownButton .dijitDownArrowButton:hover,
.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
.claro .dijitButton:focus,
.claro .dijitComboButton:hover,
.claro .dijitComboButton:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

button:focus,
input[type="submit"]:focus,
.claro .dijitButton:focus,
.claro .dijitDropDownButton .dijitDownArrowButton:focus,
.claro .dijitComboButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

button:active,
input[type="submit"]:active,
.claro .dijitButton:active,
.claro .dijitComboButton:active,
.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
.claro .dijitToolbar .dijitComboButton.dijitOpened,
.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type="submit"][disabled],
button[disabled],
.claro .dijitButton[disabled],
.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
.claro .dijitButton.dijitButtonDisabled,
.claro .dijitComboButton.dijitButtonDisabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.claro .dijitButton .dijitButtonContents,
.claro .dijitDropDownButton .dijitButtonContents,
.claro .dijitComboButton .dijitButtonContents {
	font-size : 14px;
	font-weight : normal;
	line-height : 20px;
}

.claro .dijitButton.small .dijitButtonText {
	font-size : 11px;
}

.claro .dijitMenu {
	border-color: rgba(82, 168, 236, 0.8);
}

.claro .dijitMenu .dijitMenuItem.dijitHover,
.claro .dijitMenu .dijitMenuItem.dijitFocused,
.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
	background :  rgba(82, 168, 236, 0.8);
	color : white;
	border-color : rgba(82, 168, 236, 0.8);
}

.claro .dijitButton .dijitButtonNode,
.claro .dijitComboButton .dijitButtonNode {
	padding : 0px;
}

/* Other stuff */

/* .claro .dijitAccordionTitleFocus {
	text-shadow : 1px 1px 2px #fff;
} 

.claro .dijitAccordionTitle {
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold", 
		"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
} */

.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
	border-color : #ccc;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	border-color : #ddd;
}

/* Tabs */

.claro .dijitTabContent {
	background : #eee;
}

.claro .dijitTabContent.dijitTabChecked,
.claro .dijitTabContent.dijitTabHover,
.claro .dijitTabContent.dijitFocused {
	background : white;
}

.claro .dijitTabPaneWrapper, 
.claro .dijitTabContainerTop-tabs,
.claro .dijitTab,
.claro .dijitAccordionInnerContainer {
	border-color : #ddd;
}

/* Text fields & selects */

.claro .dijitComboBox .dijitArrowButton,
.claro .dijitSelect .dijitArrowButton {
	background : transparent;
	border-color : transparent;
}

.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	margin-right : 5px;
}

.claro .dijitDownArrowButton.dijitSelect {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom : 4px;

}

.claro .dijitSelect .dijitButtonContents {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	border-width : 0px;
}

.claro .dijitTextBox {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom : 4px;
}

.claro .dijitTextBox,
.claro .dijitSelect {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.claro .dijitTextBox.dijitFocused,
.claro .dijitSelect.dijitFocused {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.claro .dijitError .dijitValidationContainer {
	padding : 0px;
	width : 13px;
	border-width : 1px;
	display : none;
}

.claro .dijitTextBox.dijitReadOnly,
.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
	cursor: not-allowed;
	background-color: #eeeeee;
}

.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	border-color : rgba(0,0,0,0.1);
}

.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
	padding : 2px 2px 0px 4px;
}

.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	margin : 0px;
}

.claro .dijitToolbar .dijitTextBox {
	padding : 0px;
	margin-bottom : 0px;
	border-radius : 0px;
}

/* dialog */

.claro .dijitDialog {
	border-radius : 6px;

}

.claro .dijitDialog .dijitDialogCloseIcon {
	margin-top : 5px;
}

.claro .dijitDialog .dijitDialogTitleBar {
	background : white;
	padding : 10px;
	font-weight : 600;
	color : #555;
	font-size : 16px;
	text-rendering: optimizelegibility;
	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	Helvetica, Arial, sans-serif;
}

.claro .dijitDialog .dijitDialogPaneContent {
	border-color : #ddd;
	padding : 10px;
}
Commit	Line	Data
196724d1 AD	1	/* Tree */
196724d1 AD	2
8b381f7f AD	3	.claro .dijitTreeRow .dijitCheckBox {
	4	position : relative;
	5	top : -2px;
	6	}
	7
196724d1 AD	8	.claro .dijitTreeLabel {
	9	outline : 0;
	10	}
	11
	12	.claro .dijitTree .feedParam {
	13	color : #555;
	14	float : right;
	15	margin-right : 1em;
	16	}
	17
50e04efd AD	18	.claro .dijitTree .filterRules {
	19	display : block;
	20	color : #ccc;
	21	font-size : 10px;
	22	margin-left : 100px;
	23	}
	24
	25	.claro .dijitTree .filterRules span {
	26	display : block;
	27	color : green;
	28	}
	29
	30	#filterDlg_Matches span.filterRule {
	31	color : green;
	32	}
	33
	34	.claro .dijitTree .filterRules span.inverse,
	35	#filterDlg_Matches span.filterRule.inverse {
	36	color : red;
	37	}
	38
	39
196724d1 AD	40	.claro .dijitTree .labelParam {
	41	float : right;
	42	margin-right : 1em;
	43	}
	44
	45	.claro .dijitTree .dijitTreeLabel.Disabled,
	46	.claro .dijitTree .labelParam.Disabled {
	47	color : #555;
	48	}
	49
	50	.claro .dijitTreeRow.Error {
	51	color : red;
	52	}
	53
	54	.claro .dijitTreeRow.Hidden {
	55	display : none;
	56	}
	57
	58	.claro .dijitTreeNode .loadingNode {
	59	margin-left : 3px;
	60	height : 9px;
	61	}
	62
	63	.claro .dijitFolderClosed,
	64	.claro .dijitFolderOpened {
	65	display : none;
	66	}
	67
	68	.claro .dijitTreeNode .dijitCheckBox {
	69	margin-left : 4px;
	70	}
	71
	72	.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
	73	margin-left : 5px;
	74	}
	75
	76	.claro .dijitTree .dijitTreeExpando {
	77	margin-top : 0px;
	78	opacity : 0.6;
	79	}
	80
	81	.claro .dijitTree .dijitTreeNode {
	82	padding : 0px;
	83	border-width : 0px;
	84	}
	85
	86	.claro .dijitTree .dijitTreeRow {
	87	max-width: 100%;
	88	overflow: hidden;
	89	text-overflow: ellipsis;
	90	}
	91
	92	.claro .dijitTree .dijitTreeRowSelected {
	93	background : white;
	94	}
	95
bd076268 AD	96	.claro #feedTree.dijitTree .dijitTreeRowSelected {
	97	box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
	98	}
	99
196724d1 AD	100	.claro .dijitTree .dijitTreeRowHover {
	101	background : #f0f0f0;
	102	border-color : #ddd;
	103	}
	104
	105	.claro .dijitTree .dijitTreeRowSelected {
	106	background : white;
	107	border-color : #ddd;
	108	}
	109
	110	.claro .dijitTreeRowSelected .dijitTreeLabel {
	111	text-shadow : 1px 1px 2px #fff;
	112	}
	113
	114	.claro .dijitTreeRow .dijitTreeExpando {
	115	background-image: url("../images/treeExpandImages.png");
	116	position : relative;
	117	top : -1px;
	118	}
	119
	120	.claro .dijitTreeRow .dijitTreeExpandoLeaf {
	121	background : none;
	122	}
	123
	124	/* Toolbar */
	125
8b381f7f AD	126	.claro .dijitToolbar {
	127	background : #f5f5f5;
	128	border-color : #ddd;
5470cfab AD	129	/* text-rendering: optimizelegibility;
	130	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	131	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	132	Helvetica, Arial, sans-serif; */
8b381f7f AD	133	}
8b381f7f AD	134
a674c033	135	/* .claro .dijitToolbar {
196724d1	136	text-shadow : 1px 1px 2px #fff;
a674c033	137	} */
196724d1	138
196724d1	139	.claro .dijitDialog .dijitToolbar {
03700cb6	140	border : 1px solid #ddd;
196724d1 AD	141	}
196724d1 AD	142
03700cb6 AD	143	/* Dialog */
03700cb6 AD	144
196724d1 AD	145	.claro .dijitDialog h2 {
	146	margin-top : 0px;
	147	margin-bottom : 4px;
	148	border-width : 0px;
	149	}
	150
	151	.claro .dijitMenuItemLabel {
	152	font-size : 13px;
	153	}
	154
	155	/* Checkbox */
	156
	157	.claro .dijitCheckBox {
	158	background-image : url("../images/untick.png");
	159	background-color : transparent;
6e93e96d AD	160	width : 15px;
	161	height : 15px;
	162	margin : 1px;
	163	opacity : 0.7;
196724d1	164	background-position : center center;
196724d1	165	transition : opacity 0.25s;
6e93e96d	166	-webkit-transition : opacity 0.25s;
051a07b0	167	/* border : 1px solid #b5bcc7; */
196724d1 AD	168	padding : 1px;
	169	}
	170
6e93e96d	171	.claro .dijitCheckBox:hover {
196724d1 AD	172	opacity : 1;
	173	}
	174
	175	.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
6e93e96d	176	opacity : 0.7;
196724d1 AD	177	}
	178
	179	.claro .dijitCheckBox.dijitCheckBoxChecked {
6e93e96d	180	border-color : #69C671;
196724d1 AD	181	background-image : url("../images/tick.png");
	182	opacity : 1;
	183	}
	184
	185	/* Various buttons */
	186
6ae7bcd1 AD	187	.claro .dijitDropDownButton {
	188	margin : 0px;
	189	}
	190
	191	.claro .dijitDropDownButton .dijitButtonNode {
	192	padding : 0px;
	193	}
	194
196724d1	195	.claro .dijitButton .dijitButtonNode,
8a1b2a10	196	.claro .dijitDropDownButton .dijitButtonNode,
196724d1 AD	197	.claro .dijitComboButton .dijitButtonNode,
	198	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
	199	.claro .dijitToolbar .dijitComboButton,
e79e274f	200	.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
196724d1 AD	201	.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	202	background : none;
	203	border-color : transparent;
	204	box-shadow : none;
	205	}
	206
2204dca9 AD	207	button,
2204dca9 AD	208	input[type="submit"] {
196724d1 AD	209	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	210	font-size : 14px;
	211	}
	212
	213	button,
2204dca9	214	input[type="submit"],
196724d1	215	.claro .dijitButton,
8a1b2a10	216	.claro .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	217	.claro .dijitComboButton {
	218	display: inline-block;
	219	padding: 4px 12px;
	220	margin-bottom: 0;
	221	font-size: 14px;
	222	line-height: 20px;
	223	color: #333333;
	224	text-align: center;
	225	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	226	vertical-align: middle;
	227	cursor: pointer;
	228	background-color: #f5f5f5;
	229	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	230	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	231	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	232	background-repeat: repeat-x;
	233	border: 1px solid #cccccc;
	234	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	235	border-bottom-color: #b3b3b3;
	236	-webkit-border-radius: 4px;
	237	border-radius: 4px;
	238	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	239	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	240	}
	241
	242	button:hover,
	243	button:focus,
	244	button:active,
2204dca9 AD	245	input[type="submit"]:hover,
	246	input[type="submit"]:focus,
	247	input[type="submit"]:active,
196724d1 AD	248	.claro .dijitButton:hover,
	249	.claro .dijitButton:focus,
	250	.claro .dijitButton:active,
8a1b2a10 AD	251	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
	252	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
	253	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	254	.claro .dijitComboButton:hover,
	255	.claro .dijitComboButton:focus,
	256	.claro .dijitComboButton:active,
	257	.claro .dijitButton.dijitButtonDisabled {
	258	color: #333333;
	259	background-color: #e6e6e6;
	260	}
	261
	262	button:active,
2204dca9	263	input[type="submit"]:active,
196724d1	264	.claro .dijitButton:active,
8a1b2a10	265	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	266	.claro .dijitComboButton:active {
	267	background-color: #cccccc \9;
	268	}
	269
	270	.claro .dijitToolbar .dijitButton,
	271	.claro .dijitToolbar .dijitButton.dijitHover,
	272	.claro .dijitToolbar .dijitComboButton,
8a1b2a10	273	.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	274	.claro .dijitToolbar .dijitComboButton.dijitHover {
	275	background : none;
	276	border-color : transparent;
	277	box-shadow : none;
	278	padding : 0px;
	279	margin : 0px;
	280	line-height : auto;
a674c033	281	text-shadow : none;
196724d1 AD	282	}
196724d1 AD	283
10c45b4f	284	.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
e79e274f	285	.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
10c45b4f AD	286	.claro .dijitToolbar .dijitComboButton .dijitButtonText {
	287	padding : 0px;
	288	}
	289
	290	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
	291	border-radius : 4px;
	292	}
	293
196724d1 AD	294	.claro .dijitToolbar .dijitButton.dijitHover,
	295	.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
	296	.claro .dijitToolbar .dijitComboButton.dijitHover {
	297	border-color : #ccc;
	298	}
	299
	300	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	301	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	302	background : none;
	303	}
	304
	305	.claro .dijitToolbar .dijitButton .dijitButtonContents,
	306	.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
	307	.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	308	font-size : 13px;
	309	}
	310
	311	button:hover,
	312	button:focus,
2204dca9 AD	313	input[type="submit"]:hover,
2204dca9 AD	314	input[type="submit"]:focus,
196724d1	315	.claro .dijitButton:hover,
8a1b2a10	316	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
196724d1 AD	317	.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
	318	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	319	.claro .dijitButton:focus,
	320	.claro .dijitComboButton:hover,
	321	.claro .dijitComboButton:focus {
	322	color: #333333;
	323	text-decoration: none;
	324	background-position: 0 -15px;
	325	-webkit-transition: background-position 0.1s linear;
	326	transition: background-position 0.1s linear;
	327	}
	328
	329	button:focus,
2204dca9	330	input[type="submit"]:focus,
196724d1	331	.claro .dijitButton:focus,
8a1b2a10	332	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
196724d1 AD	333	.claro .dijitComboButton:focus {
	334	outline: thin dotted #333;
	335	outline: 5px auto -webkit-focus-ring-color;
	336	outline-offset: -2px;
	337	}
	338
	339	button:active,
2204dca9	340	input[type="submit"]:active,
196724d1 AD	341	.claro .dijitButton:active,
	342	.claro .dijitComboButton:active,
	343	.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
	344	.claro .dijitToolbar .dijitComboButton.dijitOpened,
	345	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	346	background-image: none;
	347	outline: 0;
	348	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	349	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	350	}
	351
2204dca9	352	input[type="submit"][disabled],
196724d1 AD	353	button[disabled],
196724d1 AD	354	.claro .dijitButton[disabled],
8a1b2a10	355	.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
196724d1 AD	356	.claro .dijitButton.dijitButtonDisabled,
	357	.claro .dijitComboButton.dijitButtonDisabled {
	358	cursor: default;
	359	background-image: none;
	360	opacity: 0.65;
	361	filter: alpha(opacity=65);
	362	-webkit-box-shadow: none;
	363	box-shadow: none;
	364	}
	365
	366	.claro .dijitButton .dijitButtonContents,
8a1b2a10	367	.claro .dijitDropDownButton .dijitButtonContents,
196724d1 AD	368	.claro .dijitComboButton .dijitButtonContents {
	369	font-size : 14px;
	370	font-weight : normal;
	371	line-height : 20px;
	372	}
	373
4a1d122c AD	374	.claro .dijitButton.small .dijitButtonText {
	375	font-size : 11px;
	376	}
	377
196724d1	378	.claro .dijitMenu {
22dd34a3	379	border-color: rgba(82, 168, 236, 0.8);
196724d1 AD	380	}
	381
	382	.claro .dijitMenu .dijitMenuItem.dijitHover,
	383	.claro .dijitMenu .dijitMenuItem.dijitFocused,
	384	.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
	385	.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
22dd34a3 AD	386	background : rgba(82, 168, 236, 0.8);
	387	color : white;
	388	border-color : rgba(82, 168, 236, 0.8);
196724d1 AD	389	}
	390
	391	.claro .dijitButton .dijitButtonNode,
	392	.claro .dijitComboButton .dijitButtonNode {
	393	padding : 0px;
	394	}
	395
	396	/* Other stuff */
	397
5470cfab	398	/* .claro .dijitAccordionTitleFocus {
196724d1	399	text-shadow : 1px 1px 2px #fff;
5470cfab AD	400	}
	401
	402	.claro .dijitAccordionTitle {
	403	text-rendering: optimizelegibility;
	404	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	405	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	406	Helvetica, Arial, sans-serif;
	407	} */
196724d1	408
8b381f7f AD	409	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
	410	border-color : #ccc;
	411	}
	412
	413	.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	414	border-color : #ddd;
	415	}
	416
	417	/* Tabs */
	418
	419	.claro .dijitTabContent {
	420	background : #eee;
	421	}
	422
	423	.claro .dijitTabContent.dijitTabChecked,
	424	.claro .dijitTabContent.dijitTabHover,
	425	.claro .dijitTabContent.dijitFocused {
	426	background : white;
	427	}
	428
	429	.claro .dijitTabPaneWrapper,
	430	.claro .dijitTabContainerTop-tabs,
	431	.claro .dijitTab,
	432	.claro .dijitAccordionInnerContainer {
	433	border-color : #ddd;
	434	}
196724d1	435
e79e274f AD	436	/* Text fields & selects */
	437
	438	.claro .dijitComboBox .dijitArrowButton,
	439	.claro .dijitSelect .dijitArrowButton {
	440	background : transparent;
	441	border-color : transparent;
	442	}
	443
	444	.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	445	margin-right : 5px;
	446	}
	447
	448	.claro .dijitDownArrowButton.dijitSelect {
	449	-webkit-border-radius: 4px;
	450	-moz-border-radius: 4px;
	451	border-radius: 4px;
	452	margin-bottom : 4px;
	453
	454	}
	455
	456	.claro .dijitSelect .dijitButtonContents {
	457	display: inline-block;
	458	height: 20px;
	459	padding: 4px 6px;
	460	font-size: 14px;
	461	line-height: 20px;
	462	color: #555555;
	463	vertical-align: middle;
	464	border-width : 0px;
	465	}
	466
	467	.claro .dijitTextBox {
	468	display: inline-block;
	469	height: 20px;
	470	padding: 4px 6px;
	471	font-size: 14px;
	472	line-height: 20px;
	473	color: #555555;
	474	vertical-align: middle;
	475	-webkit-border-radius: 4px;
	476	-moz-border-radius: 4px;
	477	border-radius: 4px;
	478	margin-bottom : 4px;
	479	}
	480
	481	.claro .dijitTextBox,
	482	.claro .dijitSelect {
	483	background-color: #ffffff;
	484	border: 1px solid #cccccc;
	485	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	486	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	487	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	488	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	489	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	490	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	491	transition: border linear 0.2s, box-shadow linear 0.2s;
	492	}
	493
22dd34a3 AD	494	.claro .dijitTextBox.dijitFocused,
22dd34a3 AD	495	.claro .dijitSelect.dijitFocused {
e79e274f AD	496	border-color: rgba(82, 168, 236, 0.8);
	497	outline: 0;
	498	outline: thin dotted \9;
	499	/* IE6-9 */
	500
	501	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	502	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	503	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	504	}
	505
	506	.claro .dijitError .dijitValidationContainer {
	507	padding : 0px;
	508	width : 13px;
	509	border-width : 1px;
22dd34a3	510	display : none;
e79e274f AD	511	}
	512
	513	.claro .dijitTextBox.dijitReadOnly,
	514	.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
	515	cursor: not-allowed;
	516	background-color: #eeeeee;
	517	}
	518
	519	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	520	border-color : rgba(0,0,0,0.1);
	521	}
	522
	523	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
22dd34a3	524	padding : 2px 2px 0px 4px;
e79e274f AD	525	}
	526
	527	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	528	margin : 0px;
	529	}
	530
	531	.claro .dijitToolbar .dijitTextBox {
	532	padding : 0px;
	533	margin-bottom : 0px;
4d15d60d	534	border-radius : 0px;
e79e274f AD	535	}
e79e274f AD	536
22dd34a3 AD	537	/* dialog */
	538
	539	.claro .dijitDialog {
	540	border-radius : 6px;
	541
	542	}
	543
	544	.claro .dijitDialog .dijitDialogCloseIcon {
	545	margin-top : 5px;
	546	}
	547
	548	.claro .dijitDialog .dijitDialogTitleBar {
	549	background : white;
	550	padding : 10px;
	551	font-weight : 600;
	552	color : #555;
	553	font-size : 16px;
	554	text-rendering: optimizelegibility;
	555	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	556	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	557	Helvetica, Arial, sans-serif;
	558	}
	559
	560	.claro .dijitDialog .dijitDialogPaneContent {
	561	border-color : #ddd;
	562	padding : 10px;
fb8a032a	563	}