/**
  *Input text box border highlight
  */
/*Do Not put a space between these two styles, this is really one style*/

.ui-widget {
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 1em;
}


.ui-inputfield.ui-state-hover{
    border-color:#ffb400 !important;
}

/**
  *Paginator page number background and for the row highlighting in a data table
  */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #ffffff !important;
    background: #ff9100 !important;
    font-weight: normal;
    color: #ffffff !important;
}

/**
  *Controls the hover over of the row in the data table
  */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background:#ffb400;
	color:#ffffff;
}

/**
  *Removes the mouse over border from the pagination page number and buttons along with the mouse over boarder for the header column names
  *and for background when hovering over buttons
  */
.ui-widget-header .ui-state-hover, .ui-button.ui-state-hover, .ui-state-hover.ui-accordion-header, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border:1px solid #ff9100 !important;
    border-top-color: #ffffff !important;
	border-right-color: #ffffff !important;
	border-bottom-color: #ffffff !important;
	border-left-color: #ffffff !important;
	background:#ffb400 !important;
    background-image: none !important;
	font-weight:bold;
	color:#ffffff !important;
    box-shadow:0px 0px 8px #ffb400;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d3d3d3/*{borderColorHover}*/; background-image: none; background-color: 	#FF7F00;  font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }

/**
  *Sets the button default to a gradient orange
  */
.ui-button.ui-state-default{
    border:1px solid #ffffff !important;
    border-top-color: #ffffff !important;
	border-right-color: #ffffff !important;
	border-bottom-color: #ffffff !important;
	border-left-color: #ffffff !important;
	/* for IE */
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#ff7f00', endColorstr='#ffa200') !important;
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left,  #ff7f00, #ffa200) !important;
	background:#ffb400 !important;
	font-weight:bold;
	color:#ffffff !important;
}

/**
  *This controls the highlight of the buttons when they are moused over
  */
.ui-widget-header .ui-state-focus, .ui-sortable-column.ui-state-hover{
	color: #ffffff !important;
	font-weight:normal;
	border-top-color: #ffb400;
	border-right-color: #ffb400;
	border-bottom-color: #ffb400;
	border-left-color: #ffb400;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-size: auto;
	background: rgb(255, 180, 0) !important;
}

/**
  *This is for the data table header and the pagination bar
  *Use this to remove the gradient
  */
.ui-widget-header{
    color: #828282;
	font-weight:bold;
	border-top-color: #a0968c;
	border-right-color: #a0968c;
	border-bottom-color: #a0968c;
	border-left-color: #a0968c;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-size: auto;
	background: rgb(228, 228, 228) !important;
}

/**
  *This controls the gray for all the data tables, the buttons, the tab and button styling in the add user popup
  *Use this to remove the gradient
  */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color: #828282;
	font-weight:normal;
	border-top-color: #a0968c;
	border-right-color: #a0968c;
	border-bottom-color: #a0968c;
	border-left-color: #a0968c;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-size: auto;
	background: rgb(228, 228, 228);
}