[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 .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
	187	.claro .dijitButton .dijitButtonNode,
8a1b2a10	188	.claro .dijitDropDownButton .dijitButtonNode,
196724d1 AD	189	.claro .dijitComboButton .dijitButtonNode,
	190	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
	191	.claro .dijitToolbar .dijitComboButton,
e79e274f	192	.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
196724d1 AD	193	.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	194	background : none;
	195	border-color : transparent;
	196	box-shadow : none;
	197	}
	198
2204dca9 AD	199	button,
2204dca9 AD	200	input[type="submit"] {
196724d1 AD	201	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	202	font-size : 14px;
	203	}
	204
	205	button,
2204dca9	206	input[type="submit"],
196724d1	207	.claro .dijitButton,
8a1b2a10	208	.claro .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	209	.claro .dijitComboButton {
	210	display: inline-block;
	211	padding: 4px 12px;
	212	margin-bottom: 0;
	213	font-size: 14px;
	214	line-height: 20px;
	215	color: #333333;
	216	text-align: center;
	217	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	218	vertical-align: middle;
	219	cursor: pointer;
	220	background-color: #f5f5f5;
	221	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	222	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	223	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	224	background-repeat: repeat-x;
	225	border: 1px solid #cccccc;
	226	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	227	border-bottom-color: #b3b3b3;
	228	-webkit-border-radius: 4px;
	229	border-radius: 4px;
	230	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	231	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	232	}
	233
	234	button:hover,
	235	button:focus,
	236	button:active,
2204dca9 AD	237	input[type="submit"]:hover,
	238	input[type="submit"]:focus,
	239	input[type="submit"]:active,
196724d1 AD	240	.claro .dijitButton:hover,
	241	.claro .dijitButton:focus,
	242	.claro .dijitButton:active,
8a1b2a10 AD	243	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
	244	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
	245	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	246	.claro .dijitComboButton:hover,
	247	.claro .dijitComboButton:focus,
	248	.claro .dijitComboButton:active,
	249	.claro .dijitButton.dijitButtonDisabled {
	250	color: #333333;
	251	background-color: #e6e6e6;
	252	}
	253
	254	button:active,
2204dca9	255	input[type="submit"]:active,
196724d1	256	.claro .dijitButton:active,
8a1b2a10	257	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	258	.claro .dijitComboButton:active {
	259	background-color: #cccccc \9;
	260	}
	261
	262	.claro .dijitToolbar .dijitButton,
	263	.claro .dijitToolbar .dijitButton.dijitHover,
	264	.claro .dijitToolbar .dijitComboButton,
8a1b2a10	265	.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	266	.claro .dijitToolbar .dijitComboButton.dijitHover {
	267	background : none;
	268	border-color : transparent;
	269	box-shadow : none;
	270	padding : 0px;
	271	margin : 0px;
	272	line-height : auto;
a674c033	273	text-shadow : none;
196724d1 AD	274	}
196724d1 AD	275
10c45b4f	276	.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
e79e274f	277	.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
10c45b4f AD	278	.claro .dijitToolbar .dijitComboButton .dijitButtonText {
	279	padding : 0px;
	280	}
	281
	282	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
	283	border-radius : 4px;
	284	}
	285
196724d1 AD	286	.claro .dijitToolbar .dijitButton.dijitHover,
	287	.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
	288	.claro .dijitToolbar .dijitComboButton.dijitHover {
	289	border-color : #ccc;
	290	}
	291
	292	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	293	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	294	background : none;
	295	}
	296
	297	.claro .dijitToolbar .dijitButton .dijitButtonContents,
	298	.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
	299	.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	300	font-size : 13px;
	301	}
	302
	303	button:hover,
	304	button:focus,
2204dca9 AD	305	input[type="submit"]:hover,
2204dca9 AD	306	input[type="submit"]:focus,
196724d1	307	.claro .dijitButton:hover,
8a1b2a10	308	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
196724d1 AD	309	.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
	310	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	311	.claro .dijitButton:focus,
	312	.claro .dijitComboButton:hover,
	313	.claro .dijitComboButton:focus {
	314	color: #333333;
	315	text-decoration: none;
	316	background-position: 0 -15px;
	317	-webkit-transition: background-position 0.1s linear;
	318	transition: background-position 0.1s linear;
	319	}
	320
	321	button:focus,
2204dca9	322	input[type="submit"]:focus,
196724d1	323	.claro .dijitButton:focus,
8a1b2a10	324	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
196724d1 AD	325	.claro .dijitComboButton:focus {
	326	outline: thin dotted #333;
	327	outline: 5px auto -webkit-focus-ring-color;
	328	outline-offset: -2px;
	329	}
	330
	331	button:active,
2204dca9	332	input[type="submit"]:active,
196724d1 AD	333	.claro .dijitButton:active,
	334	.claro .dijitComboButton:active,
	335	.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
	336	.claro .dijitToolbar .dijitComboButton.dijitOpened,
	337	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	338	background-image: none;
	339	outline: 0;
	340	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	341	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	342	}
	343
2204dca9	344	input[type="submit"][disabled],
196724d1 AD	345	button[disabled],
196724d1 AD	346	.claro .dijitButton[disabled],
8a1b2a10	347	.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
196724d1 AD	348	.claro .dijitButton.dijitButtonDisabled,
	349	.claro .dijitComboButton.dijitButtonDisabled {
	350	cursor: default;
	351	background-image: none;
	352	opacity: 0.65;
	353	filter: alpha(opacity=65);
	354	-webkit-box-shadow: none;
	355	box-shadow: none;
	356	}
	357
	358	.claro .dijitButton .dijitButtonContents,
8a1b2a10	359	.claro .dijitDropDownButton .dijitButtonContents,
196724d1 AD	360	.claro .dijitComboButton .dijitButtonContents {
	361	font-size : 14px;
	362	font-weight : normal;
	363	line-height : 20px;
	364	}
	365
4a1d122c AD	366	.claro .dijitButton.small .dijitButtonText {
	367	font-size : 11px;
	368	}
	369
196724d1	370	.claro .dijitMenu {
22dd34a3	371	border-color: rgba(82, 168, 236, 0.8);
196724d1 AD	372	}
	373
	374	.claro .dijitMenu .dijitMenuItem.dijitHover,
	375	.claro .dijitMenu .dijitMenuItem.dijitFocused,
	376	.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
	377	.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
22dd34a3 AD	378	background : rgba(82, 168, 236, 0.8);
	379	color : white;
	380	border-color : rgba(82, 168, 236, 0.8);
196724d1 AD	381	}
	382
	383	.claro .dijitButton .dijitButtonNode,
	384	.claro .dijitComboButton .dijitButtonNode {
	385	padding : 0px;
	386	}
	387
	388	/* Other stuff */
	389
5470cfab	390	/* .claro .dijitAccordionTitleFocus {
196724d1	391	text-shadow : 1px 1px 2px #fff;
5470cfab AD	392	}
	393
	394	.claro .dijitAccordionTitle {
	395	text-rendering: optimizelegibility;
	396	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	397	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	398	Helvetica, Arial, sans-serif;
	399	} */
196724d1	400
8b381f7f AD	401	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
	402	border-color : #ccc;
	403	}
	404
	405	.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	406	border-color : #ddd;
	407	}
	408
	409	/* Tabs */
	410
	411	.claro .dijitTabContent {
	412	background : #eee;
	413	}
	414
	415	.claro .dijitTabContent.dijitTabChecked,
	416	.claro .dijitTabContent.dijitTabHover,
	417	.claro .dijitTabContent.dijitFocused {
	418	background : white;
	419	}
	420
	421	.claro .dijitTabPaneWrapper,
	422	.claro .dijitTabContainerTop-tabs,
	423	.claro .dijitTab,
	424	.claro .dijitAccordionInnerContainer {
	425	border-color : #ddd;
	426	}
196724d1	427
e79e274f AD	428	/* Text fields & selects */
	429
	430	.claro .dijitComboBox .dijitArrowButton,
	431	.claro .dijitSelect .dijitArrowButton {
	432	background : transparent;
	433	border-color : transparent;
	434	}
	435
	436	.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	437	margin-right : 5px;
	438	}
	439
	440	.claro .dijitDownArrowButton.dijitSelect {
	441	-webkit-border-radius: 4px;
	442	-moz-border-radius: 4px;
	443	border-radius: 4px;
	444	margin-bottom : 4px;
	445
	446	}
	447
	448	.claro .dijitSelect .dijitButtonContents {
	449	display: inline-block;
	450	height: 20px;
	451	padding: 4px 6px;
	452	font-size: 14px;
	453	line-height: 20px;
	454	color: #555555;
	455	vertical-align: middle;
	456	border-width : 0px;
	457	}
	458
	459	.claro .dijitTextBox {
	460	display: inline-block;
	461	height: 20px;
	462	padding: 4px 6px;
	463	font-size: 14px;
	464	line-height: 20px;
	465	color: #555555;
	466	vertical-align: middle;
	467	-webkit-border-radius: 4px;
	468	-moz-border-radius: 4px;
	469	border-radius: 4px;
	470	margin-bottom : 4px;
	471	}
	472
	473	.claro .dijitTextBox,
	474	.claro .dijitSelect {
	475	background-color: #ffffff;
	476	border: 1px solid #cccccc;
	477	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	478	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	479	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	480	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	481	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	482	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	483	transition: border linear 0.2s, box-shadow linear 0.2s;
	484	}
	485
22dd34a3 AD	486	.claro .dijitTextBox.dijitFocused,
22dd34a3 AD	487	.claro .dijitSelect.dijitFocused {
e79e274f AD	488	border-color: rgba(82, 168, 236, 0.8);
	489	outline: 0;
	490	outline: thin dotted \9;
	491	/* IE6-9 */
	492
	493	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	494	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	495	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	496	}
	497
	498	.claro .dijitError .dijitValidationContainer {
	499	padding : 0px;
	500	width : 13px;
	501	border-width : 1px;
22dd34a3	502	display : none;
e79e274f AD	503	}
	504
	505	.claro .dijitTextBox.dijitReadOnly,
	506	.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
	507	cursor: not-allowed;
	508	background-color: #eeeeee;
	509	}
	510
	511	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	512	border-color : rgba(0,0,0,0.1);
	513	}
	514
	515	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
22dd34a3	516	padding : 2px 2px 0px 4px;
e79e274f AD	517	}
	518
	519	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	520	margin : 0px;
	521	}
	522
	523	.claro .dijitToolbar .dijitTextBox {
	524	padding : 0px;
	525	margin-bottom : 0px;
4d15d60d	526	border-radius : 0px;
e79e274f AD	527	}
e79e274f AD	528
22dd34a3 AD	529	/* dialog */
	530
	531	.claro .dijitDialog {
	532	border-radius : 6px;
	533
	534	}
	535
	536	.claro .dijitDialog .dijitDialogCloseIcon {
	537	margin-top : 5px;
	538	}
	539
	540	.claro .dijitDialog .dijitDialogTitleBar {
	541	background : white;
	542	padding : 10px;
	543	font-weight : 600;
	544	color : #555;
	545	font-size : 16px;
	546	text-rendering: optimizelegibility;
	547	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	548	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	549	Helvetica, Arial, sans-serif;
	550	}
	551
	552	.claro .dijitDialog .dijitDialogPaneContent {
	553	border-color : #ddd;
	554	padding : 10px;
fb8a032a	555	}