#unsupported_browser{
	z-index: 100000;
	background-color: #F7EF07;
	opacity: 0.8;
	padding: 10px 0 10px 0;
	width: 110%;
	text-align: center;
	position: relative;
	left: -5%;
	top: -5%;
}

#extjsHeaderPanel-body {
	aheight: 150px !important;
}
/*****************************************
		Common button image classes
 *****************************************/
	.formSearch {
		background-image: url('../images/silk/application_form_magnify.png');
	}
	.button_next {
		background-image: url('../images/silk/resultset_next.png');
	}
	.button_prev {
		background-image: url('../images/silk/resultset_previous.png');
	}
	.button_error {
		background-image: url('../images/silk/error.png');
	}
	.button_upload {
		background-image: url('../images/silk/arrow_up.png');
	}
	.button_saveTemplate {
		background-image: url('../images/silk/table_save.png');
	}
	.button_deleteTemplate {
		background-image: url('../images/silk/table_delete.png');
	}
	.button_fromTemplate {
		background-image: url('../images/silk/page_link.png');
	}
	.button_fromEmpty {
		background-image: url('../images/silk/page_white_add.png');
	}
	.button_save {
		background-image: url('../images/silk/disk.png');
	}
	.button_add {
		background-image: url('../resources/icons/add 16x16.png');
	}
	.button_remove {
		background-image: url('../resources/icons/subtract.jpg');
	}
	.button_delete {
		background-image: url('../resources/icons/cross.png');
	}
	.button_save_template {
		background-image: url('../images/silk/calendar_edit.png');
	}
	.button_load_template {
		background-image: url('../images/silk/calendar_view_week.png');
	}
	.button_copy_prior {
		background-image: url('../images/silk/calendar_link.png');
	}
	.button_calendar_edit {
		background-image: url('../images/silk/calendar_edit.png');
	}
	.button_calendar_add {
		background-image: url('../images/silk/calendar_add.png');
	}
	.button_calendar_next {
		background-image: url('../images/silk/date_next.png');
	}
	.button_calendar_prev {
		background-image: url('../images/silk/date_previous.png');
	}
	.button_calendar_dayView {
		background-image: url('../images/silk/calendar_view_day.png');
	}
	.button_clear {
		background-image: url('../resources/icons/no_doc.png');
	}
	.button_note{
		background-image: url('../images/silk/note.png');
	}
	.button_print {
		background-image: url('../resources/icons/printer.png');
	}
	.button_submit {
		background-image: url('../images/silk/basket_put.png');
	}
	.button_retrieve {
		background-image: url('../images/silk/basket_remove.png');
	}
	.button_approve {
		background-image: url('../images/silk/page_go.png');
	}
	.button_reject {
		background-image: url('../images/silk/page_error.png');
	}
	.button_attach {
		background-image: url('../images/silk/page_attach.png');
	}
	.button_attach2 {
		background-image: url('../images/silk/attach.png');
	}
	.button_search {
		background-image: url('../images/silk/magnifier.png');
	}
	.button_bin{
		background-image: url('../images/silk/bin_closed.png');
	}
	.button_redo{
		background-image: url('../images/silk/arrow_redo.png');
	}
	.button_msg_edit{
		background-image: url('../images/silk/email_edit.png');
	}
	.button_msg_unread{
		background-image: url('../images/silk/email.png');
	}
	.button_msg_delete{
		background-image: url('../images/silk/bin_closed.png');
	}
	.button_msg_send{
		background-image: url('../images/silk/email_go.png');
	}
	.button_edit {
		background-image: url('../images/silk/page_edit.png');
	}
	.button_page_close {
		background-image: url('../images/silk/page_white_go.png');
	}	
	.button_report {
		background-image: url('../images/silk/report_go.png');
	}	
	.button_allocate {
		background-image: url('../images/silk/basket_go.png');
	}
    .button_bulkPick {
        background-image: url('../images/silk/car.png');
    }
    .button_star {
        background-image: url('../images/silk/star.png');
    }
	.icon_ok, .button_ok {
		background-image: url('../resources/icons/tick.png');
	}
	.icon_loading {
		background-image: url('../resources/images/gif/busy.gif');
	}
	.icon_error, .button_cancel {
		background-image: url('../resources/icons/cross.png');
	}
	.icon_updateValue {
		background-image: url('../images/silk/link_edit.png');
	}
	.icon_setting {
		background-image: url('../images/silk/cog.png');
	}
	.icon_settingEdit {
		background-image: url('../images/silk/cog_edit.png');
	}
	.icon_settingGo {
		background-image: url('../images/silk/cog_go.png');
	}
	.icon_settingError {
		background-image: url('../images/silk/cog_error.png');
	}
	.icon_qtyIncrease {
		background-image: url('../images/silk/calculator_add.png');
	}
	.icon_qtyDecrease {
		background-image: url('../images/silk/calculator_delete.png');
	}
	.icon_wrench {
		background-image: url('../images/silk/wrench.png');
	}
	.icon_editTable {
		background-image: url('../images/silk/table_edit.png');
	}
	.icon_addTable {
		background-image: url('../images/silk/table_add.png');
	}
	.icon_gearTable {
		background-image: url('../images/silk/table_gear.png');
	}
	.icon_rowTable {
		background-image: url('../images/silk/table_row_insert.png');
	}
	.icon_logOut {
		background-image: url('../images/silk/door_in.png');
	}
	.icon_refresh{
		background-image: url('../images/silk/arrow_refresh_small.png');
	}
	.icons_lookup{
		background-image: url('../images/silk/zoom.png');
	}
	.icons_basketAdd{
		background-image: url('../images/silk/basket_add.png');
	}
	.icons_basketDelete{
		background-image: url('../images/silk/basket_delete.png');
	}
	.icons_pie{
		background-image: url('../images/silk/chart_pie.png');
	}
	.icons_pie_VERTICAL{
		background-image: url('../images/silk/chart_pie_v.png');
	}
	.icons_bar_VERTICAL{
		background-image: url('../images/silk/chart_bar_v.png');
	}
	.icons_form_VERTICAL{
		background-image: url('../images/silk/table_v.png');
	}
	.icons_document_save{
		background-image: url('../images/silk/page_save.png');
	}
    .icon_changePwd {
        background-image: url('../images/silk/key.png');
    }
    .icon_favorite {
        background-image: url('../images/silk/folder_star.png');
    }
    .icon_unfavorite {
        background-image: url('../images/silk/award_star_delete.png');
    }

/*****************************************
		Nav Bar
 *****************************************/
	#header #header-inner #quick li span {
		height: 30px;
	}

	#header #header-inner #home a {
		width: 44px;
	}

	#header #header-inner { /* needed to hide a strange part - then we need to remove this when we've rendered our page so the drop-down menu's work */
		overflow: hidden;
	}

	#extjsHeaderPanel {
		z-index: 5000;
	}

	#header #header-inner #faq a, #header #header-inner #home a {
		display: inline-block;
		float: left;
		height: 40px;
		width: 40px;
	}

	#header #header-inner #faq a > img, #header #header-inner #home a > img {
		padding: 13px;
	}

	#header #header-inner #faq a {
		background: url("../images/faq.png") repeat scroll -40px 0 transparent;
	}

	#header #header-inner #home a {
		abackground: url("../images/home.png") repeat scroll -40px 0 transparent;
	}

/*****************************************
		Misc Header
 *****************************************/
	#header span.unreadMessages, #header span.noUnreadMessages {
		margin-left: 5px;
	}
	#header span.unreadMessages {
		color: #AF7000;
		afont-style: italic;
	}
	#header span.unreadMessages .unreadMessagesCount {
		font-style: normal;
		color: #4E4E4E;
	}
/*****************************************
		Footer
 *****************************************/
	#ft {
		bottom: 0;
		position: absolute;
		text-align: center;
		width: 100%;
	}

/*****************************************
		Layout Background
 *****************************************/
	.showBackground,
	.showBackground > div {
		background-color: #B0B0B0;
		background-image: url(../resources/images/background.png); 
	}

	#extjsHeaderPanel, 
	#extjsHeaderPanel-body {
		overflow: visible;
	}

/*****************************************
		Grid Layouts
 *****************************************/
	.columnCenter, 
	.columnCenter > div {
		text-align: center !important;
	}
	.largeGridFont, 
	.largeGridFont > div {
		font-size: 14px !important;
		color:#474747;
	}
	.boldGridFont, 
	.boldGridFont > div {
		font-weight:bold !important;
	}

	.columnRight, 
	.columnRight > div {
		text-align: right !important;
	}

	.columnLeft, 
	.columnLeft > div {
		text-align: left !important;
	}

	.currencyWithTextColumn, 
	.currencyWithTextColumn .columnCurrency {
		text-align: left;
	}

	.currencyWithTextColumn .currencyAmount {
		text-align: right;
	}

	.columnCurrency {
		text-align: right;
	}
	.columnNoPadding div {
		padding: 0;
	}
	.columnCurrency .currencyAmount {
		display: inline-block;
		min-width: 5em;
	}
	.x-grid-empty {
		background: white;
	}
	img.hide_action_col_icon {
		display: none;
	}
	img.grid_action_btns {
		float:none !important;
	}
	.disabledCell {
		background: lightgray !important;
	}
	tr.gridDisabled td.x-grid-td,
	tr.gridDisabled td div {
		color: lightgray;
	}
	tr.gridDisabled.x-grid-row-alt td.x-grid-td,
	tr.gridDisabled.x-grid-row-alt td div {
		color: lightgray;
	}
	tr.gridDisabled.x-grid-row-over td.x-grid-td,
	tr.gridDisabled.x-grid-row-over td div {
		color: lightgray;
	}
	tr.gridHighlight td.x-grid-td,
	tr.gridHighlight td div {
		background-color: rgba(255, 255, 61, 0.2);
	}
	tr.gridHighlight.x-grid-row-alt td.x-grid-td,
	tr.gridHighlight.x-grid-row-alt td div {
		zbackground-color: #F2F200;
	}
	tr.gridHighlight.x-grid-row-over td.x-grid-td,
	tr.gridHighlight.x-grid-row-over td div {
		background-color: #E5E500;
	}
	tr.gridError td.x-grid-td,
	tr.gridError td div {
		background-color: rgba(233, 159, 159, 0.2);
	}
	tr.gridError.x-grid-row-alt td.x-grid-td,
	tr.gridError.x-grid-row-alt td div {
		background-color: #FF0000;
	}
	tr.gridError.x-grid-row-over td.x-grid-td,
	tr.gridError.x-grid-row-over td div {
		background-color: #CC0000;
	}
	.editableColumn {
		text-decoration: underline;
	}
	.fullCell > div.x-grid-cell-inner {
		padding: 0;
		line-height: 20px;
	}
	.errorCell {
		background-color: red;
		color: white;
	}
	tr.errorRow td {
		background-color: red !important;
		color: white;
	}

	/*****************************************
			Summary Line Formatting
	 *****************************************/
		.x-grid-row-summary .x-grid-cell.x-grid-td {
			background-color: #DDDDDD !important;
		}
		.x-grid-row .row-total,
		.x-grid-row-summary .row-total.x-grid-cell {
			background-color: #DDDDDD !important;
			font-weight: bold;
			font-size: 12px;
		}
		.largeGridFont .x-grid-row .row-total,
		.x-grid-row-summary .row-total {
			background-color: #DDDDDD;
			font-weight: bold;
			color:#474747;
			font-size: 14px;
		}
		.x-grid-row .row-total div,
		.x-grid-row-summary .row-total div {
			text-align: center !important;
		}

		.x-grid-row-summary .x-grid-cell, tr.summaryline th, tr.summaryline td {
			border-top: 2px solid #A0A0A0;
			background-color: #DDDDDD !important;
		}

		div.summaryline, tr.summaryline th, tr.summaryline td {
			font-weight: bold;
			text-align: center;
		}

/*****************************************
		Printouts & HTML Viewing
 *****************************************/
	.printout sup {
		font-size: 0.75em;
		position: relative;
		bottom: 0.5em;
	}
	.htmlImageColumn {
		text-align: center;
		max-width: 50px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.currencyColumn {
		white-space: nowrap;
	}

/*****************************************
		Service Management
 *****************************************/
	.taskSection1 .x-grid-cell{
		background-color: #FFFFFF;
		color: #000000;
	}
	.taskSection2 .x-grid-cell{
		background-color: #FFD685;
		color: #B38F47;
	}
/*****************************************
		Approval History
 *****************************************/
	.approvalHistoryEntry .approved {
		color: lime;
	}
	.approvalHistoryEntry .pending,
	.approvalHistoryEntry .cancelled {
		color: orange;
	}
	.approvalHistoryEntry .rejected,
	.approvalHistoryEntry .approved_-_error {
		color: #FF8484;
	}

/*****************************************
		Popup Menu Formatting Options
 *****************************************/
	.menuSection {
		opacity: 1 !important;
		cursor: default;
		/* Background gradient generated from www.colorzilla.com/gradient-editor/ */
		background: -moz-linear-gradient(top,  rgba(205,222,243,0) 0%, rgba(205,222,243,0.63) 40%, rgba(205,222,243,1) 64%, rgba(205,222,243,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,222,243,0)), color-stop(40%,rgba(205,222,243,0.63)), color-stop(64%,rgba(205,222,243,1)), color-stop(100%,rgba(205,222,243,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(205,222,243,0) 0%,rgba(205,222,243,0.63) 40%,rgba(205,222,243,1) 64%,rgba(205,222,243,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(205,222,243,0) 0%,rgba(205,222,243,0.63) 40%,rgba(205,222,243,1) 64%,rgba(205,222,243,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(205,222,243,0) 0%,rgba(205,222,243,0.63) 40%,rgba(205,222,243,1) 64%,rgba(205,222,243,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(205,222,243,0) 0%,rgba(205,222,243,0.63) 40%,rgba(205,222,243,1) 64%,rgba(205,222,243,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cddef3', endColorstr='#cddef3',GradientType=0 ); /* IE6-9 */

	}

	.menuSection > * {
		font-weight: bold;
		cursor: default;
		position: relative;
		left: -13px;
	}

/*****************************************
		Misc
 *****************************************/
	.x-boundlist-item .rejected-doc {
		color: red;
		font-weight: bold;
		text-decoration: underline;
	}

	span.attach-doc-header {
		font-weight: bold;
		margin-left: 3px;
		color: #5fa2dd;
	}

	.x-grid-row td.cell_alert > div {
		background-image: url('../images/silk/error.png');
		background-repeat: no-repeat;
		background-position: 95% center;
	}

	.x-grid-row td.alert_value_decreased > div {
		background-image: url('../images/silk/arrow_down.png');
	}

	.x-grid-row td.alert_value_increased > div {
		background-image: url('../images/silk/arrow_up.png');
	}

	.x-grid-row td.alert_value_increased_red > div {
		background-image: url('../images/silk/arrow_up_red.png');
	}

	/* Must come after all our cell_alert & value_increased background icons */
	td.cell_alert .columnCurrency {
		padding-left: 15px;
	}

	.x-grid-row td.alert_left div {
		background-position: 5% center;
	}

	.psuedo_link {
		color: blue;
		text-decoration: underline;
		cursor: pointer;
	}

	.clickable {
		cursor: pointer;
	}

	.x-monthpicker-body .x-monthpicker-month {
		width: 40px;
	}

	.x-monthpicker-body .x-monthpicker-year {
		width: 40px;
	}
	.x-monthpicker-years {
		width: 86px;
	}
	.x-monthpicker-yearnav-button-ct {
		width: 42px;
	}
	.udfRequired {
		font-weight: bold;
	}
	.unsetValue {
		opacity: 0.3;
	}
	td.wrap-text div {
	    white-space: normal;
	}
	.align-top { 
		vertical-align:top; 
	}
	.align-middle { 
		vertical-align:middle; 
	}
	.align-bottom { 
		vertical-align:bottom; 
	}
	.erAvailable {
		color: green;
	}
	textarea[readonly]{
		margin-top:3px;
		background: none;
		border: 0;
	}
	.x-form-readonly table {
		background: none;
		border: 0;
	}
	.x-form-readonly input[readonly] {
		background: none;
		border: 0; 
	}
	input[readonly][role="checkbox"] {
		background:url(../jsws/build/production/resources/images/form/checkbox.gif);
		opacity:0.6;
		
	}
	.x-form-cb-checked input[readonly][role="checkbox"] {
		background-position:0 -13px
	}
	

	.x-grid-row .x-grid-cell.editable {
		background: rgb(205, 222, 243);
	}

	.x-grid-row-alt .x-grid-cell.editable {
		background: rgb(199, 218, 242);
	}
	.x-grid-row .x-grid-cell.readOnly {
		color:gray;
	}

	.x-grid-row-alt .x-grid-cell.readOnly {
		color:gray
	}

	.pickable .canPick {
		border: 1px dashed green;
		cursor: pointer;
		padding: 1px;
	}

	.x-accordion-hd .x-panel-header-text-container-default {
		color: #04408C;
		font-weight: bold;
	}


	.vrCalMultiText {
		color: #dddddd;
		font-weight: bold;
		font-size: 21px;
		font-family: "Arial";

	}
	.vrCalMultiTextAlt {
		color: #333333;
		font-weight: bold;
		font-size: 21px;
		font-family: "Arial";

	}
	.rowSelect1{
		width: 20px !important;
		height: 20px !important;
	}
	.rowSelect {
		padding: 0 0 0 0;
		border-width: 0 1px 0 0;
		border-style: solid;
		margin: 0 3px 0 0;
	}
/*****************************************
		Notification
 *****************************************/
.ux-notification-light .x-window-header {
	background-color: transparent;
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 15px 5px 20px 5px;
	background-color: transparent;
	border: 0px solid white;
}

.ux-notification-icon-information {
	background-image: url('../images/silk/information.png');
}

.ux-notification-icon-warning {
	background-image: url('../images/silk/error.png');
}

.ux-notification-icon-error {
	background-image: url('../images/silk/exclamation.png');
}


/*****************************************
		Check combo
 *****************************************/
.x-combo-checker { 
	background-position: 50% -2px; 
	margin-left: 1px; 
	background-color: transparent; 
	background-image: url('../images/unchecked.gif'); 
	background-position: -1px -1px; 
	background-repeat: no-repeat; 
	height: 14px; 
	width: 14px; 
	display: inline-block; 
} 
.x-boundlist-selected .x-combo-checker { 
	background-image: url('../images/checked.gif'); 
}

/*****************************************
		Vacation summary
 *****************************************/
.linkField .x-form-display-field {
	color:#04408c; !important;
	text-decoration:underline;
	cursor: pointer;
}




/******************************************
		Blink element border
*******************************************/
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



 .6buttonText .x-btn-inner {
	font-weight:bold !important;
	font-size:20px !important;
	color:#D8ECFF !important;
	width:30px;
}

.searchfield .my-clear-trigger:before {
	content: "\f00d";
}
.no-dirty.x-grid-dirty-cell{
    background-image: none;
}