[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.danger .dijitButtonText {
	color: #ffffff;
}

.claro .dijitButton.danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.claro .dijitButton.dijitButtonDisabled.danger,
.claro .dijitButton.dijitButtonActive.danger,
.claro .dijitButton.dijitButtonHover.danger,
.claro .dijitButton.dijitFocused.danger {
	color: #ffffff;
	background-color: #bd362f;
	*background-color: #a9302a;
}

.claro .dijitButton.dijitButtonActive.danger {
	background-color: #942a25 \9;
}

.claro .dijitDropDownButton {
	margin : 0px;
}

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

.claro .dijitButton.dijitButtonActive.danger {
	color: rgba(255, 255, 255, 0.75);
}

.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 :  rgb(82, 168, 236);
	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 .dijitAccordionTitle.dijitAccordionTitleHover,
.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
	background : white;
	transition : background 0.25s;
}
.claro .dijitAccordionTitle {
	background : #f0f0f0;
	transition : background 0.25s;
}

.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
	background : #0088cc;
	transition : background 0.25s;
}

.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
	color : white;
}

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

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

/* Tabs */

.claro .dijitTabInner.dijitTab {
	background : #f0f0f0;
}

.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 select,
.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 select,
.claro textarea,
.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 textarea {
	height : auto;
}

.claro select,
.claro .input.input-text {
	height : 30px;
}

.claro textarea,
.claro select,
.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 select:focus,
.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.dijitTextBoxDisabled,
.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
.claro .dijitTextBox.dijitReadOnly,
.claro .dijitTextBox.dijitReadOnly .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;
}

.claro .dijitProgressBar.dijitProgressBarEmpty {
	background : #ddd;
	border-color : #0088cc;
}

.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
	background : rgb(82, 168, 236);

}

.claro .dijitProgressBar .dijitProgressBarLabel {
	color : white;
}
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
73dfda1d AD	187	.claro .dijitButton.danger .dijitButtonText {
	188	color: #ffffff;
	189	}
	190
	191	.claro .dijitButton.danger {
	192	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	193	background-color: #da4f49;
	194	*background-color: #bd362f;
	195	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	196	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	197	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	198	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	199	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	200	background-repeat: repeat-x;
	201	border-color: #bd362f #bd362f #802420;
	202	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	203	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	204	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	205	}
	206
	207	.claro .dijitButton.dijitButtonDisabled.danger,
	208	.claro .dijitButton.dijitButtonActive.danger,
	209	.claro .dijitButton.dijitButtonHover.danger,
	210	.claro .dijitButton.dijitFocused.danger {
	211	color: #ffffff;
	212	background-color: #bd362f;
	213	*background-color: #a9302a;
	214	}
	215
	216	.claro .dijitButton.dijitButtonActive.danger {
	217	background-color: #942a25 \9;
	218	}
	219
6ae7bcd1 AD	220	.claro .dijitDropDownButton {
	221	margin : 0px;
	222	}
	223
	224	.claro .dijitDropDownButton .dijitButtonNode {
	225	padding : 0px;
	226	}
	227
73dfda1d AD	228	.claro .dijitButton.dijitButtonActive.danger {
	229	color: rgba(255, 255, 255, 0.75);
	230	}
	231
196724d1	232	.claro .dijitButton .dijitButtonNode,
8a1b2a10	233	.claro .dijitDropDownButton .dijitButtonNode,
196724d1 AD	234	.claro .dijitComboButton .dijitButtonNode,
	235	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
	236	.claro .dijitToolbar .dijitComboButton,
e79e274f	237	.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
196724d1 AD	238	.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	239	background : none;
	240	border-color : transparent;
	241	box-shadow : none;
	242	}
	243
2204dca9 AD	244	button,
2204dca9 AD	245	input[type="submit"] {
196724d1 AD	246	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	247	font-size : 14px;
	248	}
	249
	250	button,
2204dca9	251	input[type="submit"],
196724d1	252	.claro .dijitButton,
8a1b2a10	253	.claro .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	254	.claro .dijitComboButton {
	255	display: inline-block;
	256	padding: 4px 12px;
	257	margin-bottom: 0;
	258	font-size: 14px;
	259	line-height: 20px;
	260	color: #333333;
	261	text-align: center;
	262	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	263	vertical-align: middle;
	264	cursor: pointer;
	265	background-color: #f5f5f5;
	266	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	267	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	268	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	269	background-repeat: repeat-x;
	270	border: 1px solid #cccccc;
	271	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	272	border-bottom-color: #b3b3b3;
	273	-webkit-border-radius: 4px;
	274	border-radius: 4px;
	275	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	276	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	277	}
	278
	279	button:hover,
	280	button:focus,
	281	button:active,
2204dca9 AD	282	input[type="submit"]:hover,
	283	input[type="submit"]:focus,
	284	input[type="submit"]:active,
196724d1 AD	285	.claro .dijitButton:hover,
	286	.claro .dijitButton:focus,
	287	.claro .dijitButton:active,
8a1b2a10 AD	288	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
	289	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
	290	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	291	.claro .dijitComboButton:hover,
	292	.claro .dijitComboButton:focus,
	293	.claro .dijitComboButton:active,
	294	.claro .dijitButton.dijitButtonDisabled {
	295	color: #333333;
	296	background-color: #e6e6e6;
	297	}
	298
	299	button:active,
2204dca9	300	input[type="submit"]:active,
196724d1	301	.claro .dijitButton:active,
8a1b2a10	302	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	303	.claro .dijitComboButton:active {
	304	background-color: #cccccc \9;
	305	}
	306
	307	.claro .dijitToolbar .dijitButton,
	308	.claro .dijitToolbar .dijitButton.dijitHover,
	309	.claro .dijitToolbar .dijitComboButton,
8a1b2a10	310	.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	311	.claro .dijitToolbar .dijitComboButton.dijitHover {
	312	background : none;
	313	border-color : transparent;
	314	box-shadow : none;
	315	padding : 0px;
	316	margin : 0px;
	317	line-height : auto;
a674c033	318	text-shadow : none;
196724d1 AD	319	}
196724d1 AD	320
10c45b4f	321	.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
e79e274f	322	.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
10c45b4f AD	323	.claro .dijitToolbar .dijitComboButton .dijitButtonText {
	324	padding : 0px;
	325	}
	326
	327	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
	328	border-radius : 4px;
	329	}
	330
196724d1 AD	331	.claro .dijitToolbar .dijitButton.dijitHover,
	332	.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
	333	.claro .dijitToolbar .dijitComboButton.dijitHover {
	334	border-color : #ccc;
	335	}
	336
	337	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	338	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	339	background : none;
	340	}
	341
	342	.claro .dijitToolbar .dijitButton .dijitButtonContents,
	343	.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
	344	.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	345	font-size : 13px;
	346	}
	347
	348	button:hover,
	349	button:focus,
2204dca9 AD	350	input[type="submit"]:hover,
2204dca9 AD	351	input[type="submit"]:focus,
196724d1	352	.claro .dijitButton:hover,
8a1b2a10	353	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
196724d1 AD	354	.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
	355	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	356	.claro .dijitButton:focus,
	357	.claro .dijitComboButton:hover,
	358	.claro .dijitComboButton:focus {
	359	color: #333333;
	360	text-decoration: none;
	361	background-position: 0 -15px;
	362	-webkit-transition: background-position 0.1s linear;
	363	transition: background-position 0.1s linear;
	364	}
	365
	366	button:focus,
2204dca9	367	input[type="submit"]:focus,
196724d1	368	.claro .dijitButton:focus,
8a1b2a10	369	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
196724d1 AD	370	.claro .dijitComboButton:focus {
	371	outline: thin dotted #333;
	372	outline: 5px auto -webkit-focus-ring-color;
	373	outline-offset: -2px;
	374	}
	375
	376	button:active,
2204dca9	377	input[type="submit"]:active,
196724d1 AD	378	.claro .dijitButton:active,
	379	.claro .dijitComboButton:active,
	380	.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
	381	.claro .dijitToolbar .dijitComboButton.dijitOpened,
	382	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	383	background-image: none;
	384	outline: 0;
	385	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	386	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	387	}
	388
2204dca9	389	input[type="submit"][disabled],
196724d1 AD	390	button[disabled],
196724d1 AD	391	.claro .dijitButton[disabled],
8a1b2a10	392	.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
196724d1 AD	393	.claro .dijitButton.dijitButtonDisabled,
	394	.claro .dijitComboButton.dijitButtonDisabled {
	395	cursor: default;
	396	background-image: none;
	397	opacity: 0.65;
	398	filter: alpha(opacity=65);
	399	-webkit-box-shadow: none;
	400	box-shadow: none;
	401	}
	402
	403	.claro .dijitButton .dijitButtonContents,
8a1b2a10	404	.claro .dijitDropDownButton .dijitButtonContents,
196724d1 AD	405	.claro .dijitComboButton .dijitButtonContents {
	406	font-size : 14px;
	407	font-weight : normal;
	408	line-height : 20px;
	409	}
	410
4a1d122c AD	411	.claro .dijitButton.small .dijitButtonText {
	412	font-size : 11px;
	413	}
	414
196724d1	415	.claro .dijitMenu {
22dd34a3	416	border-color: rgba(82, 168, 236, 0.8);
196724d1 AD	417	}
	418
	419	.claro .dijitMenu .dijitMenuItem.dijitHover,
	420	.claro .dijitMenu .dijitMenuItem.dijitFocused,
	421	.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
	422	.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
0acc1ed7	423	background : rgb(82, 168, 236);
22dd34a3 AD	424	color : white;
22dd34a3 AD	425	border-color : rgba(82, 168, 236, 0.8);
196724d1 AD	426	}
	427
	428	.claro .dijitButton .dijitButtonNode,
	429	.claro .dijitComboButton .dijitButtonNode {
	430	padding : 0px;
	431	}
	432
	433	/* Other stuff */
	434
5470cfab	435	/* .claro .dijitAccordionTitleFocus {
196724d1	436	text-shadow : 1px 1px 2px #fff;
5470cfab AD	437	}
	438
	439	.claro .dijitAccordionTitle {
	440	text-rendering: optimizelegibility;
	441	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	442	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	443	Helvetica, Arial, sans-serif;
	444	} */
196724d1	445
0acc1ed7 AD	446
	447	.claro .dijitAccordionTitle.dijitAccordionTitleHover,
	448	.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
	449	background : white;
	450	transition : background 0.25s;
	451	}
	452	.claro .dijitAccordionTitle {
	453	background : #f0f0f0;
	454	transition : background 0.25s;
	455	}
	456
	457	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
	458	.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
	459	background : #0088cc;
	460	transition : background 0.25s;
	461	}
	462
	463	.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
	464	color : white;
	465	}
	466
8b381f7f	467	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
0acc1ed7	468	border-color : #0088cc;
8b381f7f AD	469	}
	470
	471	.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	472	border-color : #ddd;
	473	}
	474
	475	/* Tabs */
	476
0acc1ed7 AD	477	.claro .dijitTabInner.dijitTab {
	478	background : #f0f0f0;
	479	}
	480
8b381f7f AD	481	.claro .dijitTabContent {
	482	background : #eee;
	483	}
	484
	485	.claro .dijitTabContent.dijitTabChecked,
	486	.claro .dijitTabContent.dijitTabHover,
	487	.claro .dijitTabContent.dijitFocused {
	488	background : white;
	489	}
	490
	491	.claro .dijitTabPaneWrapper,
	492	.claro .dijitTabContainerTop-tabs,
	493	.claro .dijitTab,
	494	.claro .dijitAccordionInnerContainer {
	495	border-color : #ddd;
	496	}
196724d1	497
e79e274f AD	498	/* Text fields & selects */
	499
	500	.claro .dijitComboBox .dijitArrowButton,
	501	.claro .dijitSelect .dijitArrowButton {
	502	background : transparent;
	503	border-color : transparent;
	504	}
	505
	506	.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	507	margin-right : 5px;
7d73cc41	508	float :right;
e79e274f AD	509	}
e79e274f AD	510
9044e2e0	511	.claro select,
e79e274f AD	512	.claro .dijitDownArrowButton.dijitSelect {
	513	-webkit-border-radius: 4px;
	514	-moz-border-radius: 4px;
	515	border-radius: 4px;
	516	margin-bottom : 4px;
	517
	518	}
	519
	520	.claro .dijitSelect .dijitButtonContents {
	521	display: inline-block;
	522	height: 20px;
	523	padding: 4px 6px;
	524	font-size: 14px;
	525	line-height: 20px;
	526	color: #555555;
	527	vertical-align: middle;
	528	border-width : 0px;
	529	}
	530
9044e2e0 AD	531	.claro select,
9044e2e0 AD	532	.claro textarea,
7d73cc41	533	.claro .input.input-text,
e79e274f AD	534	.claro .dijitTextBox {
	535	display: inline-block;
	536	height: 20px;
	537	padding: 4px 6px;
	538	font-size: 14px;
	539	line-height: 20px;
	540	color: #555555;
	541	vertical-align: middle;
	542	-webkit-border-radius: 4px;
	543	-moz-border-radius: 4px;
	544	border-radius: 4px;
	545	margin-bottom : 4px;
	546	}
9044e2e0 AD	547	.claro textarea {
	548	height : auto;
	549	}
e79e274f	550
9044e2e0	551	.claro select,
7d73cc41 AD	552	.claro .input.input-text {
	553	height : 30px;
	554	}
	555
9044e2e0 AD	556	.claro textarea,
9044e2e0 AD	557	.claro select,
7d73cc41	558	.claro .input.input-text,
e79e274f AD	559	.claro .dijitTextBox,
	560	.claro .dijitSelect {
	561	background-color: #ffffff;
	562	border: 1px solid #cccccc;
	563	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	564	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	565	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	566	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	567	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	568	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	569	transition: border linear 0.2s, box-shadow linear 0.2s;
	570	}
	571
9044e2e0	572	.claro select:focus,
7d73cc41	573	.claro .input.input-text:focus,
22dd34a3 AD	574	.claro .dijitTextBox.dijitFocused,
22dd34a3 AD	575	.claro .dijitSelect.dijitFocused {
e79e274f AD	576	border-color: rgba(82, 168, 236, 0.8);
	577	outline: 0;
	578	outline: thin dotted \9;
	579	/* IE6-9 */
	580
	581	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	582	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	583	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	584	}
	585
	586	.claro .dijitError .dijitValidationContainer {
	587	padding : 0px;
	588	width : 13px;
	589	border-width : 1px;
22dd34a3	590	display : none;
e79e274f AD	591	}
e79e274f AD	592
b028da0a AD	593	.claro .dijitSelect.dijitSelectDisabled {
	594	background-color: #eeeeee;
	595	}
	596
	597	.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
	598	cursor: not-allowed;
	599	}
	600
e2e09523 AD	601	.claro .dijitTextBox.dijitTextBoxDisabled,
e2e09523 AD	602	.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
e79e274f	603	.claro .dijitTextBox.dijitReadOnly,
e2e09523	604	.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
e79e274f AD	605	cursor: not-allowed;
	606	background-color: #eeeeee;
	607	}
	608
	609	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	610	border-color : rgba(0,0,0,0.1);
	611	}
	612
	613	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
22dd34a3	614	padding : 2px 2px 0px 4px;
e79e274f AD	615	}
	616
	617	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	618	margin : 0px;
	619	}
	620
	621	.claro .dijitToolbar .dijitTextBox {
	622	padding : 0px;
	623	margin-bottom : 0px;
4d15d60d	624	border-radius : 0px;
e79e274f AD	625	}
e79e274f AD	626
22dd34a3 AD	627	/* dialog */
	628
	629	.claro .dijitDialog {
	630	border-radius : 6px;
	631
	632	}
	633
	634	.claro .dijitDialog .dijitDialogCloseIcon {
	635	margin-top : 5px;
	636	}
	637
	638	.claro .dijitDialog .dijitDialogTitleBar {
	639	background : white;
1eec5014	640	padding : 8px;
22dd34a3 AD	641	font-weight : 600;
	642	color : #555;
	643	font-size : 16px;
	644	text-rendering: optimizelegibility;
	645	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	646	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	647	Helvetica, Arial, sans-serif;
	648	}
	649
	650	.claro .dijitDialog .dijitDialogPaneContent {
	651	border-color : #ddd;
	652	padding : 10px;
fb8a032a	653	}
0acc1ed7 AD	654
	655	.claro .dijitProgressBar.dijitProgressBarEmpty {
	656	background : #ddd;
	657	border-color : #0088cc;
	658	}
	659
	660	.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
	661	background : rgb(82, 168, 236);
	662
	663	}
	664
	665	.claro .dijitProgressBar .dijitProgressBarLabel {
	666	color : white;
9044e2e0	667	}
73dfda1d AD	668
73dfda1d AD	669