/* Infor Date Field - Field styling is in the inforTriggerField
----------------------------------*/
.inforDateField {
    background-color: #F7F7F7;
    font-family: inherit;
	font-size: 1.24em;
	height: 39px;
}

.inforDatePickerButton {
	width: 50px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABPUlEQVR42mNgAIKsrCyeiooKYxBmgAIgWwUmhg2D9IDUFRYWSoP4paWl6jC9DOXl5TZVVVX/QRgmVllZuQUmhg2D9EAtbgfxgeoPYzWQXDwEDQQKfATiDjLxJmwGPmQgEwD1RhFlYFFRkQgwFpVKSkokQkND2UBsEAZKMQGTiRSInZ+fL0C0gUAN06DhswWoRhcpyfCDDIDKVQycgUBxOWjOUAHmCE5YLgF6nxmUM0BsUHDgNRBIzwRhkIugCmcCNeaAshhMDmQ4UL4UKueB10Akb3lTxctAejcIAw0zB+I8KL+luLhYESYHZHMD6X4oPwKvgUBDBEE4LS2NFYi5QGxQyQIKN5gcUBkj0emQWC8PnIFAQ1xAGJRLgGIaIDYwaRhAC2GwnL29PQsxBlKvcAAlXFgaIxeD0iUDLQAAxFxYj06OATsAAAAASUVORK5CYII=") no-repeat scroll 15px 9px rgba(0, 0, 0, 0);
}

/*overall size of the date picker calendar*/
.inforDatePicker
{
	width: 10em;
	display:block;
	position:absolute;
	z-index:1;
}

.inforDatePicker .inforDatePicker-header {
	position:relative;
}

/* Title, "June 2012"*/
.inforDatePicker .inforDatePicker-title  {
	color: #13A3F7;
	font-family: Helvetica,Arial,sans-serif !important;
	font-size: 1.4em;
	line-height: 22px;
	padding-bottom: 8px;
	padding-left: 32px;
	text-align: center;
	text-transform: capitalize;
}

.inforDatePicker-month {
	margin-left: 0px;
}

.inforDatePicker .inforDatePicker-title select { margin:1px 0; }
.inforDatePicker select.inforDatePicker-month,
.inforDatePicker select.inforDatePicker-year
{
	width: 49%;
}

.inforDatePickerDaysOfWeek {
	font-size: 1.1em;
	border-top: 1px solid #E6E6E6;
}

/*calendar wise css in date field*/
.inforDatePicker table  {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}


/*The Dates in the calendar.*/
.inforDatePicker th  {
	color: #666666;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 15px;
	text-align: center;
	text-transform: uppercase;
}

/*Controls the Cell Layout padding in the date grid*/
.inforDatePicker td {
	line-height: 25px;
	min-width: 25px;
	padding: 0;
}

#inforTimezoneContainer td {
	line-height: 15px;
	padding: 0;
	min-width: 0;
}

#inforTimezoneContainer tr {
	display: inline;
}

#inforTimezoneContainer {
	left: -6px;
	position: relative;
	top: 5px;
}


.inforDatePicker td span, .inforDatePicker td a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.inforDatePicker .inforDatePicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.inforDatePicker .inforDatePicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.inforDatePicker .inforDatePicker-buttonpane button.inforDatePicker-current
{
	float:left;
}

/*Week day block css. To remove the border and change background color*/
#inforDatePicker-week-day {
	border : 0;
	color: #666666;
	font-size: 1.1em;
}

/*week end block css. To remove the border*/
#inforDatePicker-week-end {
	border : 0;
	color: #666666;
	font-size: 1.1em;
	text-align: center;
}

/* The Hover on a Date*/
#inforDatePicker-week-day:hover, #inforDatePicker-week-end:hover{
	background-color: #e6e6e6;
	border-radius: 3px;
}

/* The Images for the Borders*/
div.inforDatePickerContainer {
	float: left;
	margin-top: 5px;
}

#inforDatePicker-div
{
	display:none;
	min-width: 185px;
	width: auto;
	webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

/*high light the current day border and color*/
.inforDatePicker-current-day > #inforDatePicker-week-day , .inforDatePicker-current-day > #inforDatePicker-week-end
 {
   border: none;
   background-color: #13A3F7;
   color: white;
   margin: 0;
   border-radius: 3px;
   margin: -1px 0;
}


/*Style Todays Date*/
.inforDatePicker-today a{
	border: 2px solid #ffaa00 !important;
	border-radius: 3px !important;
	 margin-bottom: -1px;
	margin-top: -1px;
}

.inforDatePickerButtonPanel {
	height: 20px;
	padding-top: 10px;
	text-align: center;
}

.inforDatePicker-widget-content {
	background-color: white;
	border: 1px solid #cecece;
	border-radius: 3px 3px 3px 3px;
	padding: 15px;
}

.inforDatePicker .inforDatePicker-prev, .inforDatePicker .inforDatePicker-next  {
	position:absolute;
	top: 8px;
	width: 1.8em;
	height: 1.8em;
}

.inforDatePicker .inforDatePicker-prev { left: 0px; }
.inforDatePicker .inforDatePicker-next { left: 7px; }

.inforDatePicker .inforDatePicker-prev span, .inforDatePicker .inforDatePicker-next span {
	display: block;
}

.inforDatePicker .inforDatePicker-prev span, .inforDatePicker .inforDatePicker-next span  {
    left: -2px;
    position: relative;
    top: -2px;
}

.inforDatePickerPanelButton {
	background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 23px !important;
    left: 3px;
    position: relative;
    top: -1px;
    width: 26px !important;
}

.inforPrevMonthButton, .inforDatePickerPanelButton {
	 height: 19px;
	 width: 19px;
}


.inforYearButtonRow {
	height: 50px;
	border-top: 1px solid #E6E6E6;
}

.datePickerMonthYearGrid hr {
	border-color: #E6E6E6 -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-right: medium none;
	border-style: solid none none;
	border-width: 1px medium medium;
	margin-top: 11px;
}

/*Required for the Month/Year Panel*/
.inforDatePickerPanel {
	min-width: 175px;
	width: 175px;
}

.inforDatePickerPanel  .inforFormButton {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
}

.inforDatePickerPanel .datePickerMonthYearPanel {
	width: 100%;
	margin-top: 15px;
	border-top: none !important;
}

.inforDatePickerPanel .datePickerMonthYearGrid {
	border-collapse: collapse;
	width: 100%;
	font-size: 1.1em;
	border: none;
	margin-top: -10px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearGridDivider {
	border-right: 1px solid #E6E6E6;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth.datePickerMonthYearMonthFirstCol {
	margin-left: 5px;
	margin-right: 2px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth.datePickerMonthYearMonthSecondCol {
	margin-right: 5px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear.datePickerMonthYearYearFirstCol {
   margin-left: 12px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear.datePickerMonthYearYearSecondCol {
	margin-left: 2px;
	margin-right: 2px;
}


.datePickerMonthYearGrid td {
	padding: 4px 0;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth, .inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear {
	line-height: 22px;
	padding: 0 4px;
	text-align: center;
	width: 31px;
	text-transform: capitalize;
}

.inforDatePickerPanel .datePickerPreviousYearCell, .inforDatePickerPanel .datePickerNextYearCell {
	text-align: center;
}

.inforDatePickerPanel .datePickerPreviousYear, .inforPrevMonthButton {
	border: 1px solid transparent;
	border: medium none;
	height: 20px !important;
	left: -9px;
	overflow: hidden;
	position: relative;
	top: -7px;
	width: 20px !important;
	cursor: pointer;
}

.inforDatePickerPanel .datePickerPreviousYear span, .inforPrevMonthButton span {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALAQAAAAB0KcE7AAAAAnRSTlMAAQGU/a4AAAAcSURBVGjeY/jB8IHhAcMBhgYGBiA+AGR/YPgBAFjGCBE/a3YtAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center center;
	opacity: .4;
	filter: alpha(opacity=40);
	background-position: 4px 1px;
}

.inforDatePickerPanel .datePickerPreviousYear span {
	background-position: 4px 5px;
}

.inforDatePickerPanel .datePickerPreviousYear:hover span {
	opacity: .65;
	filter: alpha(opacity=65);
}

.inforDatePickerPanel .datePickerPreviousYear:active span {
	opacity: .80;
	filter: alpha(opacity=80);
}

.datePickerPreviousYearCell .inforPrevMonthButton {
	left: -3px;
}

.inforDatePickerPanel .datePickerPreviousYearCell, .inforDatePickerPanel .datePickerNextYearCell {
	text-align: center;
}

span.inforIconButton.inforNextMonthButton:hover {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: default;
}

span.inforIconButton.inforNextPreviousButton:hover {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    cursor: default;
}

.inforDatePickerPanel .datePickerNextYear , .inforNextMonthButton {
	border: none;
	height: 20px !important;
    left: 0px;
    position: relative;
    top: -7px;
    width: 20px !important;
}

.inforDatePickerPanel .datePickerNextYear span, .inforNextMonthButton span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALAQAAAAB0KcE7AAAAAnRSTlMAAQGU/a4AAAAZSURBVHjaY6hh/geBDAwMLEwcTAJMCkwOAEwCBQXfBp98AAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center center;
	opacity: .4;
	filter: alpha(opacity=40);
	background-position: 6px 1px;
}

.inforDatePickerPanel .datePickerNextYear span {
	background-position: 6px 5px;
}

.inforDatePickerPanel .datePickerNextYear:hover span {
	opacity: .65;
	filter: alpha(opacity=65);
}

.inforDatePickerPanel .datePickerNextYear:active span {
	opacity: .80;
	filter: alpha(opacity=80);
}

.inforDatePickerPanel .datePickerNextYear {
	left : -13px;
	top: 0;
}

.inforDatePickerPanel .datePickerPreviousYear{
	left : 4px;
	top: 0;
}

.inforBeforeYearButtonRow div {
	margin-bottom: 8px;
}

.inforYearLastRow {
	border-bottom: 1px solid #e6e6e6;
}

.inforYearLastRow div {
	margin-bottom: 7px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth-current, .inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear-current {
   background-color: 1px solid #ff6400;
   border-radius: 3px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth-current, .inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear-current {
   background-color: 1px solid #ff6400;
   border-radius: 3px;
}

.inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearMonth:hover, .inforDatePickerPanel .datePickerMonthYearGrid .datePickerMonthYearYear:hover {
	background-color: #E6E6E6;
	cursor: pointer;
	border-radius: 3px;
}

.inforDatePickerPanel .inforDatePickerButtonPanel {
	height: 29px;
	line-height: 30px;
	text-align: center;
}

.datePickerMonth-selected, .datePickerYear-selected{
	background-color: #13A3F7 !important;
	color: #FFFFFF !important;
	border-radius: 3px;
}

/*Not Selectable Dates*/
.inforDatePicker-unselectable {
	color: #b2b2b2 !important;
}

.inforDatePicker-other-month a{
	color: #b2b2b2 !important;
}

.inforDatePicker .dateTimePanel {
	border-top: 1px solid #E6E6E6;
	margin-top: 16px;
	padding: 15px 0 1px;
	text-align: center;
}

.inforDatePickerButtonPanel .inforFormButton {
	margin-left: 5px;
	margin-right: 5px;
}


.inforIconButton{
	padding: 0;
	cursor: default;
	height: 23px;
	width: 26px;
	outline: none;
	border: none;
	border: 1px solid transparent;
	margin-left: 5px;
	padding-right: 1px;
	padding-left: 1px;
	border-radius: 3px;
	cursor: pointer;
	background-color: transparent;
}

.inforIconButton:hover {
	background-color: #e0e0e0;
	box-shadow: 0 1px #a2a2a2;
}

.inforIconButton:hover span{
	opacity: .65;
	filter: alpha(opacity=65);
}

.inforIconButton:active {
    background-color: #bebebe;
    box-shadow: 0 1px #767676 inset;
}

.inforIconButton:active span{
	opacity: .80;
	filter: alpha(opacity=80);
}

.inforIconButton[disabled]:hover {
	background-color: transparent;
}

.inforIconButton[disabled] {
	border: 1px solid transparent;
	cursor: default;
	box-shadow: none;
	background-color: none;
}

.inforIconButton[disabled] span{
	opacity: .2;
	filter: alpha(opacity=20);
}
	
.inforIconButton[disabled]:after {
	content: "";
}

.inforIconButton:focus {
	border: 1px solid #13A3F7;
}

.inforIconButton span {
	background-position: center center;
    background-repeat: no-repeat;
	background-color: transparent;
    display: inline-block;
    height: 22px;
	margin: 0 auto;
    padding: 0;
    width: 20px;
	opacity: .4;
	filter: alpha(opacity=40);
}

.inforIconButton.settings span  { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA/ElEQVR42pWS2wpBURCG96V2oeRQcsibKTe2Q4m8gBRiJ268ijs3HoRo55AcklOJf9WiMY3YU9/FXjP/v2fNLMP4HinwAGfgN/4IHwiQ74o2UGTIeRKYXOwFY3AAbVAFC2IwB2UwAFcw4iYxcCGCX2z1Tz+i78KgJs2gyooc0AJ1sGS5AhWG9IHDxGFSEwVrkp+BEkio5E1osSl02BPqdipxFxJ1waAj1C1f7eX1qmiLESKOszlMQFq/nXeUhSGqtm1hiJa0ha6LNdpcHARHFwYnffV3mPp5HvXui2wmU5ADDbAHQ+DhXZhs9xYxyJJzvySWQl1rBTZsIx/xBOl9hdamcTWCAAAAAElFTkSuQmCC");}

.inforFormButton {
	background-color: #999999;
	box-shadow: 0 -1px #737373 inset;
	border-radius: 2px;
	color: white;
	padding: 2px 7px 2px 6px;
	margin: 2px 0 0;
	cursor: default;
	outline: none;
	height: 20px;
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
	white-space: nowrap;
	line-height: 14px;
	min-width: 50px;
	cursor: pointer;
	border: none;
	width: auto;
	text-shadow: 0 0 1px rgba(34, 34, 34, 0.3);	/*#188188*/
}

.inforFormButton[disabled], .inforFormButton.disabled, .inforFormButton[disabled]:hover , .inforFormButton.disabled:hover, .inforFormButton[disabled]:active , .inforFormButton.disabled:active{
	background: none repeat scroll 0 0 #e0e0e0 !important;
	color: #808080;
	box-shadow: 0 -1px #E0E0E0 inset;
	cursor: default;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.inforFormButton.default[disabled], .inforFormButton.default.disabled {
	box-shadow: 0 -1px #e0e0e0 inset !important;
}

.inforFormButton:hover {
	background-color: #808080;
	box-shadow: 0 -1px #595959 inset;
	transition: all 0.15s linear 0s;
}

.inforFormButton:focus , .inforFormButton.default:focus  {
	box-shadow: 0 0 0 1px white, 0 0 0 2px #13A3F7;
}

/*Ie8 Fallbacks*/
.ie8 .inforFormButton:focus {
	outline:1px solid #13A3F7;
}

.ie8 .inforFormButton.default:focus{
	outline:1px solid #808080;
}

.inforFormButton:active, .inforFormButton.active{
	background-color: #737373;
	box-shadow: 0 1px 0 0 #595959 inset;
}

.inforFormButton.default {
	background-color: #13a3f7;
	box-shadow: 0 -1px #0f7ab8 inset;
}

.inforFormButton.default:hover {
	background-color: #1293de;
	box-shadow: 0 -1px #0d699e inset;
}

.inforFormButton.default:active{
	background-color: #118bd1;
	box-shadow: 0 1px #0c6091 inset;
}