[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.filterDisabled,
.claro .dijitTree .labelParam.filterDisabled {
	color : #555;
	text-decoration: line-through;
}

.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 .dijitMenuItemSelected,
.claro .dijitMenu .dijitMenuItemSelected td {
	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
e17079dc AD	45	.claro .dijitTree .dijitTreeLabel.filterDisabled,
e17079dc AD	46	.claro .dijitTree .labelParam.filterDisabled {
196724d1	47	color : #555;
e17079dc	48	text-decoration: line-through;
196724d1 AD	49	}
	50
	51	.claro .dijitTreeRow.Error {
	52	color : red;
	53	}
	54
	55	.claro .dijitTreeRow.Hidden {
	56	display : none;
	57	}
	58
	59	.claro .dijitTreeNode .loadingNode {
	60	margin-left : 3px;
	61	height : 9px;
	62	}
	63
	64	.claro .dijitFolderClosed,
	65	.claro .dijitFolderOpened {
	66	display : none;
	67	}
	68
	69	.claro .dijitTreeNode .dijitCheckBox {
	70	margin-left : 4px;
	71	}
	72
	73	.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
	74	margin-left : 5px;
	75	}
	76
	77	.claro .dijitTree .dijitTreeExpando {
	78	margin-top : 0px;
	79	opacity : 0.6;
	80	}
	81
	82	.claro .dijitTree .dijitTreeNode {
	83	padding : 0px;
	84	border-width : 0px;
	85	}
	86
	87	.claro .dijitTree .dijitTreeRow {
	88	max-width: 100%;
	89	overflow: hidden;
	90	text-overflow: ellipsis;
	91	}
	92
	93	.claro .dijitTree .dijitTreeRowSelected {
	94	background : white;
	95	}
	96
bd076268 AD	97	.claro #feedTree.dijitTree .dijitTreeRowSelected {
	98	box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
	99	}
	100
196724d1 AD	101	.claro .dijitTree .dijitTreeRowHover {
	102	background : #f0f0f0;
	103	border-color : #ddd;
	104	}
	105
	106	.claro .dijitTree .dijitTreeRowSelected {
	107	background : white;
	108	border-color : #ddd;
	109	}
	110
	111	.claro .dijitTreeRowSelected .dijitTreeLabel {
	112	text-shadow : 1px 1px 2px #fff;
	113	}
	114
	115	.claro .dijitTreeRow .dijitTreeExpando {
	116	background-image: url("../images/treeExpandImages.png");
	117	position : relative;
	118	top : -1px;
	119	}
	120
	121	.claro .dijitTreeRow .dijitTreeExpandoLeaf {
	122	background : none;
	123	}
	124
	125	/* Toolbar */
	126
8b381f7f AD	127	.claro .dijitToolbar {
	128	background : #f5f5f5;
	129	border-color : #ddd;
5470cfab AD	130	/* text-rendering: optimizelegibility;
	131	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	132	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	133	Helvetica, Arial, sans-serif; */
8b381f7f AD	134	}
8b381f7f AD	135
a674c033	136	/* .claro .dijitToolbar {
196724d1	137	text-shadow : 1px 1px 2px #fff;
a674c033	138	} */
196724d1	139
196724d1	140	.claro .dijitDialog .dijitToolbar {
03700cb6	141	border : 1px solid #ddd;
196724d1 AD	142	}
196724d1 AD	143
03700cb6 AD	144	/* Dialog */
03700cb6 AD	145
196724d1 AD	146	.claro .dijitDialog h2 {
	147	margin-top : 0px;
	148	margin-bottom : 4px;
	149	border-width : 0px;
	150	}
	151
	152	.claro .dijitMenuItemLabel {
	153	font-size : 13px;
	154	}
	155
	156	/* Checkbox */
	157
	158	.claro .dijitCheckBox {
	159	background-image : url("../images/untick.png");
	160	background-color : transparent;
6e93e96d AD	161	width : 15px;
	162	height : 15px;
	163	margin : 1px;
	164	opacity : 0.7;
196724d1	165	background-position : center center;
196724d1	166	transition : opacity 0.25s;
6e93e96d	167	-webkit-transition : opacity 0.25s;
051a07b0	168	/* border : 1px solid #b5bcc7; */
196724d1 AD	169	padding : 1px;
	170	}
	171
6e93e96d	172	.claro .dijitCheckBox:hover {
196724d1 AD	173	opacity : 1;
	174	}
	175
	176	.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
6e93e96d	177	opacity : 0.7;
196724d1 AD	178	}
	179
	180	.claro .dijitCheckBox.dijitCheckBoxChecked {
6e93e96d	181	border-color : #69C671;
196724d1 AD	182	background-image : url("../images/tick.png");
	183	opacity : 1;
	184	}
	185
	186	/* Various buttons */
	187
73dfda1d AD	188	.claro .dijitButton.danger .dijitButtonText {
	189	color: #ffffff;
	190	}
	191
	192	.claro .dijitButton.danger {
	193	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	194	background-color: #da4f49;
	195	*background-color: #bd362f;
	196	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	197	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	198	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	199	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	200	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	201	background-repeat: repeat-x;
	202	border-color: #bd362f #bd362f #802420;
	203	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	204	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	205	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	206	}
	207
	208	.claro .dijitButton.dijitButtonDisabled.danger,
	209	.claro .dijitButton.dijitButtonActive.danger,
	210	.claro .dijitButton.dijitButtonHover.danger,
	211	.claro .dijitButton.dijitFocused.danger {
	212	color: #ffffff;
	213	background-color: #bd362f;
	214	*background-color: #a9302a;
	215	}
	216
	217	.claro .dijitButton.dijitButtonActive.danger {
	218	background-color: #942a25 \9;
	219	}
	220
6ae7bcd1 AD	221	.claro .dijitDropDownButton {
	222	margin : 0px;
	223	}
	224
	225	.claro .dijitDropDownButton .dijitButtonNode {
	226	padding : 0px;
	227	}
	228
73dfda1d AD	229	.claro .dijitButton.dijitButtonActive.danger {
	230	color: rgba(255, 255, 255, 0.75);
	231	}
	232
196724d1	233	.claro .dijitButton .dijitButtonNode,
8a1b2a10	234	.claro .dijitDropDownButton .dijitButtonNode,
196724d1 AD	235	.claro .dijitComboButton .dijitButtonNode,
	236	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
	237	.claro .dijitToolbar .dijitComboButton,
e79e274f	238	.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
196724d1 AD	239	.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
	240	background : none;
	241	border-color : transparent;
	242	box-shadow : none;
	243	}
	244
2204dca9 AD	245	button,
2204dca9 AD	246	input[type="submit"] {
196724d1 AD	247	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	248	font-size : 14px;
	249	}
	250
	251	button,
2204dca9	252	input[type="submit"],
196724d1	253	.claro .dijitButton,
8a1b2a10	254	.claro .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	255	.claro .dijitComboButton {
	256	display: inline-block;
	257	padding: 4px 12px;
	258	margin-bottom: 0;
	259	font-size: 14px;
	260	line-height: 20px;
	261	color: #333333;
	262	text-align: center;
	263	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	264	vertical-align: middle;
	265	cursor: pointer;
	266	background-color: #f5f5f5;
	267	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	268	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	269	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	270	background-repeat: repeat-x;
	271	border: 1px solid #cccccc;
	272	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	273	border-bottom-color: #b3b3b3;
	274	-webkit-border-radius: 4px;
	275	border-radius: 4px;
	276	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	277	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	278	}
	279
	280	button:hover,
	281	button:focus,
	282	button:active,
2204dca9 AD	283	input[type="submit"]:hover,
	284	input[type="submit"]:focus,
	285	input[type="submit"]:active,
196724d1 AD	286	.claro .dijitButton:hover,
	287	.claro .dijitButton:focus,
	288	.claro .dijitButton:active,
8a1b2a10 AD	289	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
	290	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
	291	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	292	.claro .dijitComboButton:hover,
	293	.claro .dijitComboButton:focus,
	294	.claro .dijitComboButton:active,
	295	.claro .dijitButton.dijitButtonDisabled {
	296	color: #333333;
	297	background-color: #e6e6e6;
	298	}
	299
	300	button:active,
2204dca9	301	input[type="submit"]:active,
196724d1	302	.claro .dijitButton:active,
8a1b2a10	303	.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1 AD	304	.claro .dijitComboButton:active {
	305	background-color: #cccccc \9;
	306	}
	307
	308	.claro .dijitToolbar .dijitButton,
	309	.claro .dijitToolbar .dijitButton.dijitHover,
	310	.claro .dijitToolbar .dijitComboButton,
8a1b2a10	311	.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
196724d1 AD	312	.claro .dijitToolbar .dijitComboButton.dijitHover {
	313	background : none;
	314	border-color : transparent;
	315	box-shadow : none;
	316	padding : 0px;
	317	margin : 0px;
	318	line-height : auto;
a674c033	319	text-shadow : none;
196724d1 AD	320	}
196724d1 AD	321
10c45b4f	322	.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
e79e274f	323	.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
10c45b4f AD	324	.claro .dijitToolbar .dijitComboButton .dijitButtonText {
	325	padding : 0px;
	326	}
	327
	328	.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
	329	border-radius : 4px;
	330	}
	331
196724d1 AD	332	.claro .dijitToolbar .dijitButton.dijitHover,
	333	.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
	334	.claro .dijitToolbar .dijitComboButton.dijitHover {
	335	border-color : #ccc;
	336	}
	337
	338	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	339	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	340	background : none;
	341	}
	342
	343	.claro .dijitToolbar .dijitButton .dijitButtonContents,
	344	.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
	345	.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
	346	font-size : 13px;
	347	}
	348
	349	button:hover,
	350	button:focus,
2204dca9 AD	351	input[type="submit"]:hover,
2204dca9 AD	352	input[type="submit"]:focus,
196724d1	353	.claro .dijitButton:hover,
8a1b2a10	354	.claro .dijitDropDownButton .dijitDownArrowButton:hover,
196724d1 AD	355	.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
	356	.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
	357	.claro .dijitButton:focus,
	358	.claro .dijitComboButton:hover,
	359	.claro .dijitComboButton:focus {
	360	color: #333333;
	361	text-decoration: none;
	362	background-position: 0 -15px;
	363	-webkit-transition: background-position 0.1s linear;
	364	transition: background-position 0.1s linear;
	365	}
	366
	367	button:focus,
2204dca9	368	input[type="submit"]:focus,
196724d1	369	.claro .dijitButton:focus,
8a1b2a10	370	.claro .dijitDropDownButton .dijitDownArrowButton:focus,
196724d1 AD	371	.claro .dijitComboButton:focus {
	372	outline: thin dotted #333;
	373	outline: 5px auto -webkit-focus-ring-color;
	374	outline-offset: -2px;
	375	}
	376
	377	button:active,
2204dca9	378	input[type="submit"]:active,
196724d1 AD	379	.claro .dijitButton:active,
	380	.claro .dijitComboButton:active,
	381	.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
	382	.claro .dijitToolbar .dijitComboButton.dijitOpened,
	383	.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
	384	background-image: none;
	385	outline: 0;
	386	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	387	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	388	}
	389
2204dca9	390	input[type="submit"][disabled],
196724d1 AD	391	button[disabled],
196724d1 AD	392	.claro .dijitButton[disabled],
8a1b2a10	393	.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
196724d1 AD	394	.claro .dijitButton.dijitButtonDisabled,
	395	.claro .dijitComboButton.dijitButtonDisabled {
	396	cursor: default;
	397	background-image: none;
	398	opacity: 0.65;
	399	filter: alpha(opacity=65);
	400	-webkit-box-shadow: none;
	401	box-shadow: none;
	402	}
	403
	404	.claro .dijitButton .dijitButtonContents,
8a1b2a10	405	.claro .dijitDropDownButton .dijitButtonContents,
196724d1 AD	406	.claro .dijitComboButton .dijitButtonContents {
	407	font-size : 14px;
	408	font-weight : normal;
	409	line-height : 20px;
	410	}
	411
4a1d122c AD	412	.claro .dijitButton.small .dijitButtonText {
	413	font-size : 11px;
	414	}
	415
196724d1	416	.claro .dijitMenu {
22dd34a3	417	border-color: rgba(82, 168, 236, 0.8);
196724d1 AD	418	}
196724d1 AD	419
6887a0f5 AK	420	.claro .dijitMenu .dijitMenuItemSelected,
6887a0f5 AK	421	.claro .dijitMenu .dijitMenuItemSelected td {
0acc1ed7	422	background : rgb(82, 168, 236);
22dd34a3 AD	423	color : white;
22dd34a3 AD	424	border-color : rgba(82, 168, 236, 0.8);
196724d1 AD	425	}
	426
	427	.claro .dijitButton .dijitButtonNode,
	428	.claro .dijitComboButton .dijitButtonNode {
	429	padding : 0px;
	430	}
	431
	432	/* Other stuff */
	433
5470cfab	434	/* .claro .dijitAccordionTitleFocus {
196724d1	435	text-shadow : 1px 1px 2px #fff;
5470cfab AD	436	}
	437
	438	.claro .dijitAccordionTitle {
	439	text-rendering: optimizelegibility;
	440	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	441	"Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
	442	Helvetica, Arial, sans-serif;
	443	} */
196724d1	444
0acc1ed7 AD	445
	446	.claro .dijitAccordionTitle.dijitAccordionTitleHover,
	447	.claro .dijitAccordionTitle.dijitAccordionTitleFocused {
	448	background : white;
	449	transition : background 0.25s;
	450	}
	451	.claro .dijitAccordionTitle {
	452	background : #f0f0f0;
	453	transition : background 0.25s;
	454	}
	455
	456	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected,
	457	.claro .dijitAccordionTitle.dijitAccordionTitleSelected {
	458	background : #0088cc;
	459	transition : background 0.25s;
	460	}
	461
	462	.claro .dijitAccordionTitle.dijitAccordionTitleSelected .dijitAccordionText {
	463	color : white;
	464	}
	465
8b381f7f	466	.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
0acc1ed7	467	border-color : #0088cc;
8b381f7f AD	468	}
	469
	470	.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	471	border-color : #ddd;
	472	}
	473
	474	/* Tabs */
	475
0acc1ed7 AD	476	.claro .dijitTabInner.dijitTab {
	477	background : #f0f0f0;
	478	}
	479
8b381f7f AD	480	.claro .dijitTabContent {
	481	background : #eee;
	482	}
	483
	484	.claro .dijitTabContent.dijitTabChecked,
	485	.claro .dijitTabContent.dijitTabHover,
	486	.claro .dijitTabContent.dijitFocused {
	487	background : white;
	488	}
	489
	490	.claro .dijitTabPaneWrapper,
	491	.claro .dijitTabContainerTop-tabs,
	492	.claro .dijitTab,
	493	.claro .dijitAccordionInnerContainer {
	494	border-color : #ddd;
	495	}
196724d1	496
e79e274f AD	497	/* Text fields & selects */
	498
	499	.claro .dijitComboBox .dijitArrowButton,
	500	.claro .dijitSelect .dijitArrowButton {
	501	background : transparent;
	502	border-color : transparent;
	503	}
	504
	505	.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
	506	margin-right : 5px;
7d73cc41	507	float :right;
e79e274f AD	508	}
e79e274f AD	509
9044e2e0	510	.claro select,
e79e274f AD	511	.claro .dijitDownArrowButton.dijitSelect {
	512	-webkit-border-radius: 4px;
	513	-moz-border-radius: 4px;
	514	border-radius: 4px;
	515	margin-bottom : 4px;
	516
	517	}
	518
	519	.claro .dijitSelect .dijitButtonContents {
	520	display: inline-block;
	521	height: 20px;
	522	padding: 4px 6px;
	523	font-size: 14px;
	524	line-height: 20px;
	525	color: #555555;
	526	vertical-align: middle;
	527	border-width : 0px;
	528	}
	529
9044e2e0 AD	530	.claro select,
9044e2e0 AD	531	.claro textarea,
7d73cc41	532	.claro .input.input-text,
e79e274f AD	533	.claro .dijitTextBox {
	534	display: inline-block;
	535	height: 20px;
	536	padding: 4px 6px;
	537	font-size: 14px;
	538	line-height: 20px;
	539	color: #555555;
	540	vertical-align: middle;
	541	-webkit-border-radius: 4px;
	542	-moz-border-radius: 4px;
	543	border-radius: 4px;
	544	margin-bottom : 4px;
	545	}
9044e2e0 AD	546	.claro textarea {
	547	height : auto;
	548	}
e79e274f	549
9044e2e0	550	.claro select,
7d73cc41 AD	551	.claro .input.input-text {
	552	height : 30px;
	553	}
	554
9044e2e0 AD	555	.claro textarea,
9044e2e0 AD	556	.claro select,
7d73cc41	557	.claro .input.input-text,
e79e274f AD	558	.claro .dijitTextBox,
	559	.claro .dijitSelect {
	560	background-color: #ffffff;
	561	border: 1px solid #cccccc;
	562	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	563	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	564	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	565	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	566	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	567	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	568	transition: border linear 0.2s, box-shadow linear 0.2s;
	569	}
	570
9044e2e0	571	.claro select:focus,
7d73cc41	572	.claro .input.input-text:focus,
22dd34a3 AD	573	.claro .dijitTextBox.dijitFocused,
22dd34a3 AD	574	.claro .dijitSelect.dijitFocused {
e79e274f AD	575	border-color: rgba(82, 168, 236, 0.8);
	576	outline: 0;
	577	outline: thin dotted \9;
	578	/* IE6-9 */
	579
	580	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	581	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	582	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	583	}
	584
	585	.claro .dijitError .dijitValidationContainer {
	586	padding : 0px;
	587	width : 13px;
	588	border-width : 1px;
22dd34a3	589	display : none;
e79e274f AD	590	}
e79e274f AD	591
b028da0a AD	592	.claro .dijitSelect.dijitSelectDisabled {
	593	background-color: #eeeeee;
	594	}
	595
	596	.claro .dijitSelect.dijitSelectDisabled .dijitSelectLabel {
	597	cursor: not-allowed;
	598	}
	599
e2e09523 AD	600	.claro .dijitTextBox.dijitTextBoxDisabled,
e2e09523 AD	601	.claro .dijitTextBox.dijitTextBoxDisabled .dijitInputInner,
e79e274f	602	.claro .dijitTextBox.dijitReadOnly,
e2e09523	603	.claro .dijitTextBox.dijitReadOnly .dijitInputInner {
e79e274f AD	604	cursor: not-allowed;
	605	background-color: #eeeeee;
	606	}
	607
	608	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	609	border-color : rgba(0,0,0,0.1);
	610	}
	611
	612	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
22dd34a3	613	padding : 2px 2px 0px 4px;
e79e274f AD	614	}
	615
	616	.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
	617	margin : 0px;
	618	}
	619
	620	.claro .dijitToolbar .dijitTextBox {
	621	padding : 0px;
	622	margin-bottom : 0px;
4d15d60d	623	border-radius : 0px;
e79e274f AD	624	}
e79e274f AD	625
22dd34a3 AD	626	/* dialog */
	627
	628	.claro .dijitDialog {
	629	border-radius : 6px;
	630
	631	}
	632
	633	.claro .dijitDialog .dijitDialogCloseIcon {
	634	margin-top : 5px;
	635	}
	636
	637	.claro .dijitDialog .dijitDialogTitleBar {
	638	background : white;
1eec5014	639	padding : 8px;
22dd34a3 AD	640	font-weight : 600;
	641	color : #555;
	642	font-size : 16px;
	643	text-rendering: optimizelegibility;
	644	font-family : "Segoe WP Semibold", "Segoe UI Semibold",
	645	"Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
	646	Helvetica, Arial, sans-serif;
	647	}
	648
	649	.claro .dijitDialog .dijitDialogPaneContent {
	650	border-color : #ddd;
	651	padding : 10px;
fb8a032a	652	}
0acc1ed7 AD	653
	654	.claro .dijitProgressBar.dijitProgressBarEmpty {
	655	background : #ddd;
	656	border-color : #0088cc;
	657	}
	658
	659	.claro .dijitProgressBar.dijitProgressBarEmpty .dijitProgressBarFull .dijitProgressBarTile {
	660	background : rgb(82, 168, 236);
	661
	662	}
	663
	664	.claro .dijitProgressBar .dijitProgressBarLabel {
	665	color : white;
9044e2e0	666	}
73dfda1d AD	667
73dfda1d AD	668