[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 .dijitTreeNode .loadingExpando {
	left : -3px;
	height : 21px;
}

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