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