[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;
	float  :right;
}

.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 .input.input-text,
.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 .input.input-text {
	height : 30px;
}

.claro .input.input-text,
.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 .input.input-text:focus,
.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 .dijitSelect.dijitSelectDisabled  {
	background-color: #eeeeee;
}

.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
	cursor: not-allowed;
}

.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 : 8px;
	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;
7d73cc41	446	float :right;
e79e274f AD	447	}
	448
	449	.claro .dijitDownArrowButton.dijitSelect {
	450	-webkit-border-radius: 4px;
	451	-moz-border-radius: 4px;
	452	border-radius: 4px;
	453	margin-bottom : 4px;
	454
	455	}
	456
	457	.claro .dijitSelect .dijitButtonContents {
	458	display: inline-block;
	459	height: 20px;
	460	padding: 4px 6px;
	461	font-size: 14px;
	462	line-height: 20px;
	463	color: #555555;
	464	vertical-align: middle;
	465	border-width : 0px;
	466	}
	467
7d73cc41	468	.claro .input.input-text,
e79e274f AD	469	.claro .dijitTextBox {
	470	display: inline-block;
	471	height: 20px;
	472	padding: 4px 6px;
	473	font-size: 14px;
	474	line-height: 20px;
	475	color: #555555;
	476	vertical-align: middle;
	477	-webkit-border-radius: 4px;
	478	-moz-border-radius: 4px;
	479	border-radius: 4px;
	480	margin-bottom : 4px;
	481	}
	482
7d73cc41 AD	483	.claro .input.input-text {
	484	height : 30px;
	485	}
	486
	487	.claro .input.input-text,
e79e274f AD	488	.claro .dijitTextBox,
	489	.claro .dijitSelect {
	490	background-color: #ffffff;
	491	border: 1px solid #cccccc;
	492	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	493	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	494	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	495	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	496	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	497	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	498	transition: border linear 0.2s, box-shadow linear 0.2s;
	499	}
	500
7d73cc41	501	.claro .input.input-text:focus,
22dd34a3 AD	502	.claro .dijitTextBox.dijitFocused,
22dd34a3 AD	503	.claro .dijitSelect.dijitFocused {
e79e274f AD	504	border-color: rgba(82, 168, 236, 0.8);
	505	outline: 0;
	506	outline: thin dotted \9;
	507	/* IE6-9 */
	508
	509	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	510	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	511	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	512	}
	513
	514	.claro .dijitError .dijitValidationContainer {
	515	padding : 0px;
	516	width : 13px;
	517	border-width : 1px;
22dd34a3	518	display : none;
e79e274f AD	519	}
e79e274f AD	520
b028da0a AD	521	.claro .dijitSelect.dijitSelectDisabled {
	522	background-color: #eeeeee;
	523	}
	524
	525	.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
	526	cursor: not-allowed;
	527	}
	528
e79e274f AD	529	.claro .dijitTextBox.dijitReadOnly,
	530	.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
	531	cursor: not-allowed;
	532	background-color: #eeeeee;
	533	}
	534
	535	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	536	border-color : rgba(0,0,0,0.1);
	537	}
	538
	539	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
22dd34a3	540	padding : 2px 2px 0px 4px;
e79e274f AD	541	}
	542
	543	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	544	margin : 0px;
	545	}
	546
	547	.claro .dijitToolbar .dijitTextBox {
	548	padding : 0px;
	549	margin-bottom : 0px;
4d15d60d	550	border-radius : 0px;
e79e274f AD	551	}
e79e274f AD	552
22dd34a3 AD	553	/* dialog */
	554
	555	.claro .dijitDialog {
	556	border-radius : 6px;
	557
	558	}
	559
	560	.claro .dijitDialog .dijitDialogCloseIcon {
	561	margin-top : 5px;
	562	}
	563
	564	.claro .dijitDialog .dijitDialogTitleBar {
	565	background : white;
1eec5014	566	padding : 8px;
22dd34a3 AD	567	font-weight : 600;
	568	color : #555;
	569	font-size : 16px;
	570	text-rendering: optimizelegibility;
	571	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	572	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	573	Helvetica, Arial, sans-serif;
	574	}
	575
	576	.claro .dijitDialog .dijitDialogPaneContent {
	577	border-color : #ddd;
	578	padding : 10px;
fb8a032a	579	}