/*
 * Licensed Materials - Property of IBM
 * (C) Copyright IBM Corp. 2010, 2012 All Rights Reserved
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

/* Button | DropDownButton | ComboButton | ToggleButton
 * 
 * Styling Buttons mainly includes:
 * 
 * 1. Containers
 * 		.dijitButton
 * 		.dijitDropDownButton
 * 		.dijitComboButton
 * 		.dijitButtonNode - common button/arrow wrapper shared across all three button types 
 *
 * 2. Button text
 * 		.dijitButtonText
 * 
 * 3. Arrows - only for DropDownButton and ComboButton
 * 	     There are total four directions arrows - down, left, right, up:
 * 		.dijitArrowButtonInner - down arrow by default
 *      .dijitLeftArrowButton .dijitArrowButtonInner - left arrow
 *      .dijitRightArrowButton .dijitArrowButtonInner - right arrow
 *      .dijitUpArrowButton .dijitArrowButtonInner - up arrow
 * 
 * 4. States - Hover, Active, Disabled, e.g.
 * 		.dijitButtonHover .dijitButtonNode
 * 		.dijitButtonActive .dijitButtonNode
 * 		.dijitButtonDisabled .dijitButtonNode
 *      
 *      .dijitDisabled .dijitArrowButtonInner  - disabled arrow states 
 */
.oneui .dijitToggleButton, 
.oneui .dijitButton, 
.oneui .dijitDropDownButton, 
.oneui .dijitComboButton{
	margin: 0.2em 5px; 
}
 
.oneui .dijitButtonNode {
  /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.oneui .dijitButton .dijitButtonNode,
.oneui .dijitDropDownButton .dijitButtonNode,
.oneui .dijitComboButton .dijitButtonNode,
.oneui .dijitToggleButton .dijitButtonNode {
  /* rules for the dijit.form.*Button widgets (see also ComboButton section below) */
	padding: 4px 10px 4px;
	background-color: #f4f4f4;
	background-image: -moz-linear-gradient(top, #f4f4f4, #dbdbdb);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f4f4f4),to(#dbdbdb));
	background-image: -webkit-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* IE10+ */
	background-image: linear-gradient(top,  #f4f4f4 0%,#dbdbdb 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f4f4f4', endColorstr='#dbdbdb'); 
	*/
	border: 1px solid #c3c3c3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
	color: #000000;
	text-shadow:0px 1px 0px #ffffff;
	font-weight: bold;
}
.dj_webkit .oneui .dijitButton .dijitButtonNode,
.dj_webkit .oneui .dijitDropDownButton .dijitButtonNode,
.dj_webkit .oneui .dijitComboButton .dijitButtonNode,
.dj_webkit .oneui .dijitToggleButton .dijitButtonNode{
	padding: 3px 10px 4px;
}
.oneui .dijitDropDownButton .dijitButtonNode {
	padding-right: 2px;
}
.oneui .dijitComboButton .dijitButtonNode {
	padding-right: 0px;
}
.oneui .dijitComboButton .dijitArrowButton {
	border-left-width: 0;
	padding: 4px 2px;
}
/*arrow styles for down/up/left/right directions*/
.oneui .dijitArrowButtonInner {
	width: 15px;
	height: 15px;
	margin: 0 auto;
	background-image: url("images/buttonArrows.png");
	background-repeat: no-repeat;
	background-position: -151px 0px;
}
.dj_ie6 .oneui .dijitArrowButtonInner {
	background-image: url("images/buttonArrows8bit.png");
}
.oneui .dijitDisabled .dijitArrowButtonInner {
	background-position: -151px 0px;
}
.oneui .dijitComboButtonHover .dijitArrowButtonInner,
.oneui .dijitDropDownButtonHover .dijitArrowButtonInner,
.oneui .dijitComboButtonActive .dijitArrowButtonInner,
.oneui .dijitDropDownButtonActive .dijitArrowButtonInner  {
	background-position: -51px -0px;
}

/*left*/
.oneui .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -176px -1px;
}
.oneui .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
	background-position: -176px -1px;
}
.oneui .dijitComboButtonHover .dijitLeftArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonHover .dijitLeftArrowButton .dijitArrowButtonInner,
.oneui .dijitComboButtonActive .dijitLeftArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonActive .dijitLeftArrowButton .dijitArrowButtonInner  {
	background-position: -76px -1px;
}

/*right*/
.oneui .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -125px -1px;
}
.oneui .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -125px -1px;
}
.oneui .dijitComboButtonHover .dijitRightArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonHover .dijitRightArrowButton .dijitArrowButtonInner,
.oneui .dijitComboButtonActive .dijitRightArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonActive .dijitRightArrowButton .dijitArrowButtonInner {
	background-position: -25px -1px;
}

/*up*/
.oneui .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -100px -2px;
}
.oneui .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: -100px -2px;
}
.oneui .dijitComboButtonHover .dijitUpArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonHover .dijitUpArrowButton .dijitArrowButtonInner,
.oneui .dijitComboButtonActive .dijitUpArrowButton .dijitArrowButtonInner,
.oneui .dijitDropDownButtonActive .dijitUpArrowButton .dijitArrowButtonInner {
	background-position: 0px -2px;
}

/*arrow finish*/
.oneui .dijitButtonText {
	padding: 0 0.3em;
	text-align: center;
}
.oneui .dijitDropDownButton .dijitIcon, 
.oneui .dijitComboButton .dijitIcon {
	margin-right: 5px;
}
.oneui .dijitDropDownButton .dijitButtonText, 
.oneui .dijitComboButton .dijitButtonText {
	padding: 0 30px 0 0;
}
/* focused status */
.oneui .dijitButtonFocused .dijitButtonContents,
.oneui .dijitDropDownButtonFocused .dijitButtonContents,
.oneui .dijitToggleButtonFocused .dijitButtonContents {
	outline: none;
}
.oneui .dijitButtonFocused .dijitButtonNode,
.oneui .dijitDropDownButtonFocused .dijitButtonNode,
.oneui .dijitToggleButtonFocused .dijitButtonNode {
	outline: 1px dotted #000000;
	/*outline: 1px dotted rgba(0, 0, 0, 0.5);*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* hover status */
.oneui .dijitButtonHover .dijitButtonNode,
.oneui .dijitDropDownButtonHover .dijitButtonNode,
.oneui .dijitComboButtonHover .dijitButtonNodeHover,
.oneui .dijitComboButtonHover .dijitDownArrowButtonHover,
.oneui .dijitToggleButtonHover .dijitButtonNode {
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fefefe, #cccccc);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#cccccc));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* IE10+ */
	background-image: linear-gradient(top,  #fefefe 0%, #cccccc 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#fefefe', endColorstr='#cccccc'); 
	*/
	border: 1px solid -moz-linear-gradient(top, #fdfdfd, #e4e4e4);
	border: 1px solid -webkit-gradient(linear,0% 0%,100% 100%,from(#fdfdfd),to(#e4e4e4));
}
/* active status */
.oneui .dijitButtonActive .dijitButtonNode,
.oneui .dijitDropDownButtonActive .dijitButtonNode,
.oneui .dijitComboButtonActive .dijitButtonNodeActive,
.oneui .dijitComboButtonActive .dijitDownArrowButtonActive,
.oneui .dijitToggleButtonActive .dijitButtonNode {
	background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #dbdbdb, #f4f4f4);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#dbdbdb),to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* IE10+ */
	background-image: linear-gradient(top,  #dbdbdb 0%, #f4f4f4 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#dbdbdb', endColorstr='#f4f4f4'); 
	*/
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
	color: #515151;
	outline: none;
}

.dj_opera .oneui .dijitButtonActive .dijitButtonNode,
.dj_opera .oneui .dijitDropDownButtonActive .dijitButtonNode,
.dj_opera .oneui .dijitComboButtonActive .dijitButtonNodeActive,
.dj_opera .oneui .dijitComboButtonActive .dijitDownArrowButtonActive,
.dj_opera .oneui .dijitToggleButtonActive .dijitButtonNode {
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

/* disabled status */
.oneui .dijitButtonDisabled,
.oneui .dijitDropDownButtonDisabled,
.oneui .dijitComboButtonDisabled,
.oneui .dijitToggleButtonDisabled {
	background-image: none;
	outline: none;
}
.oneui .dijitButtonDisabled .dijitButtonNode,
.oneui .dijitDropDownButtonDisabled .dijitButtonNode,
.oneui .dijitComboButtonDisabled .dijitButtonNode,
.oneui .dijitToggleButtonDisabled .dijitButtonNode {
	color: #818181;
}
.dj_ie .oneui .dijitButtonDisabled .dijitButtonNode,
.dj_ie .oneui .dijitDropDownButtonDisabled .dijitButtonNode,
.dj_ie .oneui .dijitComboButtonDisabled .dijitButtonNode,
.dj_ie .oneui .dijitToggleButtonDisabled .dijitButtonNode {
	color: #818181;
}
.oneui .dijitComboButtonDisabled .dijitArrowButton {
	border-left-width: 0;
}
/* for ComboButton */
.oneui table.dijitComboButton {
	border-collapse: separate;
	/* override dijit.css so that ComboBox rounded corners work */

}
.dj_ie6 .oneui .dijitButtonNode {
	background-image: none;
}
.oneui .dijitComboButton .dijitStretch {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.oneui .dijitComboButton .dijitArrowButton {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}



/* DropDown & Combo Button */
/*
.oneui .dijitDropDownButton .dijitButtonNode,
.oneui .dijitComboButton .dijitButtonNode{
	background-color: #fcfcfc;
	background-image: -moz-linear-gradient(top, #fcfcfc, #ececec);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fcfcfc),to(#ececec));
}
.oneui .dijitDropDownButtonHover .dijitButtonNode,
.oneui .dijitComboButtonFocused .dijitHasDropDownOpen{
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #f5f5f5, #e0e0e0);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#f5f5f5),to(#e0e0e0));
}
*/
.oneui .dijitComboButtonHover .dijitButtonNodeHover,
.oneui .dijitComboButtonHover .dijitDownArrowButtonHover{
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #ededed, #cccccc);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#ededed),to(#cccccc));
	background-image: -webkit-linear-gradient(top, #ededed 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #ededed 0%, #cccccc 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #ededed 0%, #cccccc 100%); /* IE10+ */
	background-image: linear-gradient(top,  #ededed 0%, #cccccc 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#ededed', endColorstr='#cccccc'); 
	*/
}
/*
.oneui .dijitDropDownButtonActive .dijitButtonNode,
.oneui .dijitComboButtonActive .dijitButtonNodeActive,
.oneui .dijitComboButtonActive .dijitDownArrowButtonActive{
	background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #ededed, #dadada);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#ededed),to(#dadada));
}
*/
.oneui .dijitDropDownButtonDisabled .dijitButtonNode,
.oneui .dijitComboButtonDisabled .dijitButtonNode{
	background-color: #efefef;
	color: #818181;
}

/* Toggle Button */
/*
.oneui .dijitToggleButtonActive .dijitButtonNode{
	background-color: #ececec;
	background-image: -moz-linear-gradient(top, #fcfcfc, #ececec);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fcfcfc),to(#ececec));
	-webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.25) inset;
	box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.25) inset;
	color: #515151;
}
*/
.oneui .dijitToggleButton .dijitButtonNode .dijitButtonContents{
	text-align: left;
}
.oneui .dijitToggleButton .dijitButtonNode .dijitCheckBoxIcon {
    background-image: url("images/buttonToggle.png");
}
.dj_ie6 .oneui .dijitToggleButton .dijitButtonNode .dijitCheckBoxIcon {
    background-image: url("images/buttonToggle8bit.png");
}
.oneui .dijitToggleButton .dijitButtonNode .dijitCheckBoxIcon {
    /*background-position: -16px 50%;*/
	background-position: -1px -1px;
}
.oneui .dijitToggleButtonHover .dijitButtonNode .dijitCheckBoxIcon {
    /*background-position: -16px 50%;*/
	background-position: -1px -1px;
}
.oneui .dijitToggleButtonActive .dijitButtonNode .dijitCheckBoxIcon {
	background-position: -1px -217px;
}
.oneui .dijitToggleButtonChecked .dijitButtonNode .dijitCheckBoxIcon {
    background-position: -1px -433px;
}
.oneui .dijitToggleButtonCheckedHover .dijitButtonNode .dijitCheckBoxIcon {
	background-position: -1px -433px;
}
.oneui .dijitToggleButtonCheckedActive .dijitButtonNode .dijitCheckBoxIcon {
	background-position: -1px -433px;
}
.oneui .dijitToggleButtonDisabled .dijitButtonNode .dijitCheckBoxIcon {
	background-position: -1px -1px;
}


/* a11y */
.dijit_a11y .dijitButtonNode {
	background: transparent none repeat scroll 0% 0%; 
	padding: 1px !important;
}
.dijit_a11y .dijitButtonFocused .dijitButtonContents,
.dijit_a11y .dijitDropDownButtonFocused .dijitButtonContents,
.dijit_a11y .dijitToggleButtonFocused .dijitButtonContents {
	outline: 1px dotted #000000 !important;
	/*outline: 1px dotted rgba(0, 0, 0, 0.5) !important;*/
}
.dijit_a11y .dijitButtonFocused .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonFocused .dijitButtonNode,
.dijit_a11y .dijitToggleButtonFocused .dijitButtonNode {
	outline: none !important;
}