/**
 *	VIP WEB Global Stylesheet - called after EXT JS's CSS
 *	07.21.08	MDC		  created
 *	...
 *	03.30.10	MDC	moved into java from g6 dev; updated url() paths; added LockingGridView 3.1.0;
 *				updated FrameworkCenter-iframe; added text-shadow; added grid filters
 *	06.02.10	MDC	code date style change; improved loading msg; copied ext example images into /images/; HE
 *	07.06.10	MDC	added multiple sorting
 *  05.17.11    BDJ addded x-table-layout
 *	07.19.11	MDC 56078 dashboard & top menu changes
 */

/********************************************* FRAMEWORK *********************************************/
a:link,a:visited {
	color: blue;
}
a:active {
	color: red;
}
a:hover {
	text-decoration: none;
	color: navy;
}
.x-panel-body {			/* used when Ext frame:false. This results in fewer DOM elements (5-15) & 3 fewer images */
	font-size: 11px;	/* to match x-panel-mc (frame:true)... */
	padding: 0px;
	background-color: #DFE8F6;
	border-width: 0px;
}
.x-window-body {
	padding: 2px;
}
.x-panel-mc .x-panel-body {
	padding: 0px;
}
.x-panel-header, .x-panel-mc, .x-window-header, .x-panel-body {	/* override Ext's default */
	/*font-family: verdana, tahoma, arial, sans-serif;	VIP style... */
	font-family: arial,tahoma,helvetica,sans-serif;	/*to better match Ext */
}
.x-panel-header  {
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	font: bold 11px tahoma,arial,verdana,sans-serif;	/* to match x-panel-tl (frame:true) */
}
/* otherwise menu links are now blue in Ext 3 */
.x-menu-list-item a:link, .x-menu-list-item a:visited, .x-menu-list-item a:active, .x-menu-item {
	color: black;
}
input, button {
	cursor: pointer;
}
#vip-login-form {
	/*padding: 0px;*/
}
#vip-footer div, #vip-footer span, #vip-footer, 
#vip-footer-3 div, #vip-footer-3 span, #vip-footer-3,
#vip-footer-2 div, #vip-footer-2 span, #vip-footer-2 {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	font-family: verdana;
}
#vip-footer-2 .x-toolbar-body {
	padding-top:2px;
}
#vip-footer-2 .x-toolbar-body img {
	margin-top: -6px;
}
#vip-header {
	margin: 0 0 5px 0;
}
	#vip-logo {
		background: transparent url(../images/viplogo_footer.gif) no-repeat top left;
		padding-left: 40px;
		margin-right: 40px;
		font-weight: bold;
		text-shadow: 0px 1px 0px rgba(255,255,255,.5);
		font-size: 15px;
	}
	#VIPtoolbar .x-btn-text {
		font-size: 13px;
	}
	#vip-header .x-panel-bwrap, #vip-footer .x-panel-bwrap { /* remove IE whitespace under header/footer */
		display: none;
	}
	#vip-header-left {
		text-align: left;
		width: 20%;
		font-weight: normal;
		text-shadow: none;
	}
	#vip-header-middle {
		text-align: center;
		width: 60%;
	}
	#vip-header-middle, .x-window-header-text {
		font-size: 16px;
		text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	}
		#vip-header-middle * {
			text-align: center;
		}
	#vip-header-right {
		text-align: right;
		width: 15%;
		font-weight: normal;
		text-shadow: none;
	}
	#vip-header-right-help {	/* exists to the right of vip-header-right */
		width: 5%;
	}
	
	#vip-header-1-txt1 {		/* vip nexus framework replacement */
		font-size: 24px;
		/*font-weight: bold;*/
	}
	#vip-north-3 {
		text-align: center;
	}
	#vip-north-3 img {			/* dist logo */
		border: 1px solid gray;
		margin-bottom: 2px;
	}
	#vip-north-4 a {			/* top right */
		margin-left: 10px;
	}
	#vip-north-4 {
		font-size: 10px;
		color: gray;
		font-family: verdana;
		margin: 0px 5px;
		line-height: 1.6em;
		text-align: right;
	}
	#vip-north-4 span {
		font-weight: bold;
	}
	#FrameworkHome .x-table-layout {/* north region of home viewport */
		width: 100% !important;
	}
	#FrameworkHome {
		padding: 0;
		margin: 0px;
		background: #405757;	/*e0e0e0;*/
	}
	#FrameworkCenter {				/* home region center */
		padding: 10px;				/* must be padding, not margin */
		background: #405757;
	}
	iframe#FrameworkCenter-iframe {
		background-color: #405757 !important;	/* F0F0F0 */
	}
	iframe.vip-iframe-panel {		/* the following is required when NOT using MIF */
		padding: 0px;
		margin: 0px;
		height: 100%;
		width: 100%;
		border: 0px solid white;
		border-collapse: collapse;
	}


	
.change-button, .submit-button, .up-button, .down-button {
	padding: 2px 2px 2px 14px;
	background: transparent url(../icons/accept.png) no-repeat center left !important;
	border: 1px outset #FFFFFF;
	font-weight: bold;
}
	.cancel-button {
		padding: 2px 2px 2px 14px;
		background: transparent url(../icons/cross.png) no-repeat center left !important;
		border: 1px outset #FFFFFF;
	}
	
	.delete-button {
		padding: 2px 2px 2px 14px;
		background: transparent url(../icons/delete.png) no-repeat center left !important;
		border: 1px outset #FFFFFF;
	}
	
	.up-button {
		background-image:url(../icons/arrow_up.png) !important;
	}
	.down-button {
		background-image:url(../icons/arrow_down.png) !important;
	}
	.change-button:hover, .submit-button:hover,.cancel-button:hover, .up-button:hover, .down-button:hover {
		border-color: black;
	}
#shim {	/* used to push Nexus IFrame detection down to a large-enough height */
	float:left;
	width:1px;
}
.dbg {
	position: absolute;
	bottom:0px;
	right:0px;
	color: gray;
	width: 100%;
	background-color: whitesmoke;
	border: 2px dashed gray;
	padding:2px;
	font-family: courier new, monospace, courier;
	font-size: 10px;
}
.error-td-right {		/* error show in right-most TD of a form within a table */
	color: #FF0000;
	font-weight: bold;
}
.error_description .x-panel-body {	/* error page */
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
	.error_solution {
		
	}
.help {
	color: gray;
	padding-left: 5px;
}
.vipHelpFull {			/* integrated help; full page */
	margin-left: 5px;
	width: 61px;
	height: 21px;
	display: block;
	background: transparent url(../images/vipHelpBtn.png) no-repeat top left;
}

.vipLogOut {			/* integrated help; full page */
	margin-left: 5px;
	width: 61px;
	height: 21px;
	display: block;
	background: transparent url(../icons/door_out.png) no-repeat top left;
}

.vipChangePassword {			/* integrated help; full page */
	margin-left: 5px;
	width: 61px;
	height: 21px;
	display: block;
	background: transparent url(../icons/page_edit.png) no-repeat top left;
}

.vipChangeEnvironment {			/* integrated help; full page */
	margin-left: 5px;
	width: 61px;
	height: 21px;
	display: block;
	background: transparent url(../icons/arrow_refresh.png) no-repeat top left;
}

.vipHelpPortlet {		/* integrated help; portlet within a portal/dashboard */
	
}
.vipHelpFramework {		/* integrated help; framework (home.pgm) */
	
}
.fixed, .fixed * {
	font-family: courier new, "courier new", monospace, courier;
	white-space: pre !important;
}
.goBack {
	white-space: nowrap;
	padding-left: 18px;
	font-weight: bold;
	background: transparent url(../icons/arrow_left.png) no-repeat top left;
}
.x-fieldset-header {
	margin-top: 0px !important;
}
.logout,#pbook-logout {
	padding-left: 17px;
	background: transparent url(../icons/door_out.png) no-repeat top left !important;
	color: maroon;
	font-size: 1.2em;
	font-weight: bold;
}

#pbook-changeEnvironment {
	padding-left: 17px;
	background: transparent url(../icons/arrow_refresh.png) no-repeat top left !important;
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
}

#pbook-changePassword {
	padding-left: 17px;
	background: transparent url(../icons/page_edit.png) no-repeat top left !important;
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
}

.ext-el-mask {	/* fix dialog box under mask (FF3?) http://extjs.com/forum/showthread.php?p=255764#post255764 */
	z-index: 8999;
}
	.ext-el-mask-msg {
		z-index: 9000;
	}
.x-window {		/* fix dialog box to appear above grid loading messages (mask); don't use !important or Focus5 Date box will be under */
	z-index: 21100;
}
.x-window.mc {	/* remove window border */
	border-width: 0px !important;
}
.x-mask-loading {	/* fix loading message so it appears on login */
	z-index: 99999;
}
/********************************************* FRAMEWORK *********************************************/




/********************************************* GRID *********************************************/
.icon-grid {		/* define these (.icon-*) within EXT's iconCls attribute */
    background-image:url(../icons/application_view_columns.png) !important;
}
.icon-zoom {
	background-image:url(../icons/zoom.png) !important;
}
.icon-add {
	background-image:url(../icons/add.png) !important;
}
.icon-pdf {
	background-image:url(../icons/page_white_acrobat.png) !important;
}
.icon-excel {
	background-image:url(../icons/page_excel.png) !important;
}
.icon-submit {
	background-image:url(../icons/accept.png) !important;
}
.icon-cancel {
	background-image:url(../icons/cross.png) !important;
}
.icon-report {
	background-image:url(../icons/page_white_text.png) !important;
}
.icon-reset {
	background-image:url(../icons/delete.png) !important;
}
.icon-accept {
	background-image:url(../icons/accept.png) !important;
}
.icon-workwith {
	background-image:url(../icons/page_edit.png) !important;
}
.icon-home {
	background-image:url(../icons/house.png) !important;
}
.icon-tab {
	background-image:url(../icons/tab.png) !important;
}
.icon-graph {
	background-image:url(../icons/chart_bar.png) !important;
}
.icon-page {
	background-image:url(../icons/application_view_columns.png) !important;
}
.icon-coins {
	background-image:url(../icons/coins.png) !important;
}
.icon-options {
	background-image:url(../icons/cog.png) !important;
}
.icon-sales {
	background-image:url(../icons/tag_red.png) !important;
}
.icon-operations {
	background-image:url(../icons/computer.png) !important;
}
.icon-book {
	background-image:url(../icons/book_open.png) !important;
}
.icon-refresh {
	background-image:url(../icons/arrow_refresh.png) !important;
}
.icon-help {
	background-image:url(../icons/help.png) !important;
}
.icon-helpexpress {
	background-image:url(../images/helpExpress.png) !important;
}
.icon-information {
	background-image:url(../icons/information.png) !important;
	background-repeat: no-repeat;
}
.icon-truck {
	background-image:url(../icons/truck.png) !important;
}
.icon-general_info {
	background-image:url(../icons/general_info.png) !important;
}
.icon-sales_crew {
	background-image:url(../icons/sales_crew.png) !important;
}
/******security icons******/
.icon-group_key {
	background-image:url(../icons/group_key.png) !important;
}
.icon-application_cascade {
	background-image:url(../icons/application_cascade.png) !important;
}
.icon-folder_user {
	background-image:url(../icons/folder_user.png) !important;
}


	.HELeft {
		color: #09b1d8;
		font-weight: bold;
	}
	.HERight {
		color: #fe5721;
		font-weight: bold;
		font-style: italic;
	}
.x-tab-with-icon .tab-book {									/* tab in-active */
	background-image:url(../icons/book.png) !important;
}
.x-tab-strip-active .tab-book, .tab-book-open {					/* tab active */
	background-image:url(../icons/book_open.png) !important;
}
.icon-goback {
	background-image:url(../icons/arrow_left.png) !important;
}
.addIcon {
	background-image: url(../icons/add.png) !important;
}
.icon-manage {
	background-image:url(../icons/manage.gif) !important;
}
.icon-save {
	background-image:url(../icons/disk.png) !important;
}
.icon-cancel2 {
	background-image:url(../icons/delete.png) !important;
}
.icon-clear {
	/*background-image:url(../icons/eraser.png) !important;
	background-image:url(../icons/paintbrush.png) !important;
	background-image:url(../icons/bluedelete.png) !important;*/
	background-image:url(../icons/clear.png) !important;
	background-position: 0 1px;
}
.icon-work-with {
	background-image:url(../icons/page_copy.png) !important;
}
.icon-edit {
	background-image:url(../icons/pencil.png) !important;
}
.icon-delete {
	background-image:url(../icons/cross.png) !important;
}
.icon-post {
	background-image:url(../icons/page_go.png) !important;
}
.icon-sort {
	background-image:url(../icons/sort.png) !important;
}

.icon-application-go {
	background-image:url(../icons/application_go.png) !important;
}
.icon-page-go {
	background-image:url(../icons/page_go.png) !important;
}
.icon-table-go {
	background-image:url(../icons/table_go.png) !important;
}
.icon-actions {
	background-image:url(../icons/star.png) !important;
}
.icon-lock {
	background-image:url(../icons/lock.png) !important;
}


.change-record, .view-record, .delete-record, .award-record, .new-record, .goal-record {	/* these are full, standalone buttons */
	display: block;
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}
	.change-record {
		width: 16px;
		height: 16px;
		background-image: url(../icons/page_edit.png) !important;
	}
	.view-record {
		width: 16px;
		height: 14px;
		background-image: url(../icons/image.png) !important;
	}
	.delete-record {
		width: 16px;
		height: 16px;
		background-image: url(../icons/delete.png) !important;
	}
	.award-record {
		width: 16px;
		height: 14px;
		background-image: url(../icons/award_star_gold_3.png) !important;
	}
	.new-record {
		width: 16px;
		height: 14px;
		background-image: url(../icons/new.png) !important;
	}
	.goal-record {
		width: 16px;
		height: 16px;
		background-image: url(../icons/target.png) !important;
	}
.col-left, .col-right {
	font-family: verdana, sans-serif;
}
	.col-left {
		font-weight: normal;
	}
	.col-right {
		font-weight: bold;
	}

.x-grid-group-hd {			/* grid grouping; multigroup */
	border-bottom-width: 0;	/* default is a blue line */
}
.x-grid-group-hd div {
	font-size: 100%;
}
.x-grid-group-1 * {	/* fails ... */
	font-size: 16px;
	color: red;
}
.x-grid-group-0 * {
	font-size: 22px;
}
.x-grid3-hd-inner {
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	/*white-space: normal;	UNDONE; Santosh doesn't want it; wrap column headers to the next line if required */
}
.x-grid-group-body .x-grid-group-body .x-grid3-cell-first div {
	padding-left: 15px !important;
}
.x-grid3-row td, .x-grid3-summary-row td {		/* shrink grid row heights... */
	line-height: 12px !important;
}
.x-grid3-row {
	border-right: 0px solid white !important;
	border-right: 0px solid white !important;
}
.x-grid3-row-over {
		/*background-color: #FFFF66 !important;*/
		background: #FFFF66 !important;
}
.x-grid3-row-alt {
	background-color: #E0E0E0;
}
.x-grid-group-hd {
	padding-top: 0px !important;
}
.x-grid-group-hd div {
	padding: 2px 0px 0px 1px !important;
}
.x-form-text {		/* 01.19.09	MDC override ext-all.css */
	height: 18px !important;	/* to match EXT JS dropdown image height */
}
.x-form-select, .x-form-select option {
	font-family: verdana, tahoma, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
	.x-form-select {
		margin: -2px;
		width: 100%;
	}
.row-disable-checkbox td {	/* used to gray out row where checkbox isn't available; see WWGROUPBY.pgm */
	color: gray;
}
.grid-row-insert-below { border-bottom: 2px solid #33CC33; }	/* for Ext.ux.grid.ReOrder */
.grid-row-insert-above { border-top: 2px solid #33CC33; }

	/* grouping view: remove expand/collapse icons and padding */
	.dont-collapse .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title,
	.dont-collapse .x-grid-group-hd div.x-grid-group-title {
		background-image:none;
	}
	.dont-collapse .x-grid-group-hd div {
		padding: 3px !important;
	}
	.dont-collapse .x-grid-group-hd {
		cursor: default;
	}
/********************************************* GRID *********************************************/



/****************************************** TABLE LAYOUT ****************************************/
/* V-Align table cell contents to top.  See Backorders1.js for example.                         */

.x-table-layout td {
            vertical-align:top;
        }
/****************************************** TABLE LAYOUT ****************************************/



/********************************************* EXT PORTAL ***************************************/
/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 
 11.12.08	MDC	attempted to use EXT 2.2 version but this one is better; modified portlet body
 */
.x-portal .x-column-layout-ct {
	/*background: #074440;		just use white */
}
.x-portal .x-panel-dd-spacer {
    margin-bottom:5px;
}
.x-portal-column {
	/*margin: 15px 0px 15px 5px;*/
	margin: 0px;	/* 3.1.1 required to make FF portlet move work within both columns */
}
.vip-dashboard .x-panel-body {
	background: #405757 !important;	/* F0F0F0 */
}
#dist-portal-1, #ret-portal-1 {
	padding-right: 15px;
}
#home-addportlets-xcollapsed {	/* MDC remove expand/collapse bar in the north */
	display: none;
}
.x-portlet .x-panel-body {	/* MDC added */
	padding: 0px !important;
	border-width: 0px !important;
}
.x-portlet {
    margin-top: 15px;
}
/* Clean up the look of the portlets */
.x-portlet .x-panel-bwrap 
{
	border-color: inherit;
}
.x-portlet .x-panel-ml {
    padding-left:2px;
    border-color:inherit;
}
.x-portlet .x-panel-mr {
    padding-right:2px;
    border-color:inherit;
}
.x-portlet .x-panel-bl {
    padding-left:2px;
}
.x-portlet .x-panel-br {
    padding-right:2px;
}
.x-portlet .x-panel-body {
    /*background:white;
    border: 1px solid;*/
    border-color:inherit;
}
.x-portlet .x-panel-mc {
    padding-top:2px;
    border-color:inherit;
}
/* leave room for resize bar on bottom only */
.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom:8px;
}
.x-portlet .x-panel-nofooter .x-panel-bc {
    height:2px;		/* MDC from 8 */
}
.x-portlet .x-resizable-handle-south{
	bottom: 1px;
	left:1px;
	width:99%;
	height: 7px;	/* MDC because of the above change */
}
.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle {	/* MDC addition */
	opacity: .6 !important;
	-moz-opacity: .6 !important;
	filter: alpha(opacity = 60) !important;
}
/* remove double-borders around most portlets within our dashboards */
#vip-content .x-panel-tl,#vip-content .x-panel-tc,#vip-content .x-panel-tr,
	#vip-content .x-panel-ml,#vip-content .x-panel-mc,#vip-content .x-panel-mr,
	#vip-content .x-panel-bl,#vip-content .x-panel-bc,#vip-content .x-panel-br {
	border: 0px solid white !important;
}
#vip-content .x-panel-tl,#vip-content .x-panel-tc,#vip-content .x-panel-tr,
	#vip-content .x-panel-ml,#vip-content .x-panel-mr,
	#vip-content .x-panel-bl,#vip-content .x-panel-bc,#vip-content .x-panel-br {
	background: #DFE8F6;
}
.vipMegaMenu {
	
}
	.vipMegaMenuSetup {
		left: 150px !important;
	}
	.vipMegaMenuMenu {	/* move wide menu to the left; not starting from top menu dropdown position */
		left: 5px !important;
	}
	.vipMegaMenu .menu-title {			/* portlet section headers */
		font-size: 1.3em;
		padding: 5px 26px 0px 26px;
		display: block;
		margin-top: 3px;
		background: #F0F0F0;	/* extjs grey */
	}
	.vipMegaMenu .dashboard-item {		/* Dashboard Add Content list items */
		
	}
	.vipMegaMenu .x-menu, .vipMegaMenu .x-menu-item-active {	/* fix jagged vertical inset line */
		background-image: none !important;
	}
	.vipMegaMenu a.x-menu-item {
		padding: 5px 0px 0px 27px;	/* remove large space between menu item icon and text */
	}
	.vipMegaMenu .x-menu-list-item, .vipMegaMenu .x-menu-list-item-active {
		margin-bottom: 5px;
	}
		.vipMegaMenu .x-menu-list-item a {
			display: inline;	/* to support multiple links within the same menu item */
			font-size: 13px;
		}
	.vipMegaMenu .dashboard-item-help, .vipMegaMenu .dashboard-item-add {
		/* help icon next to each portlet link within Add Content */
		padding: 3px 8px;
		margin-left: 3px;
		background: transparent url(../icons/help.png) top left no-repeat;
		border: 0px solid white;
	}
	.vipMegaMenu .dashboard-item-add {		/* button to add KOI to dashboard */
		
	}
#vip-container .x-panel-body {
	background: #405757 !important;	/* F0F0F0*/
}
/********************************************* EXT PORTAL ***************************************/





/******************************************** TABBED GRIDS **************************************/
iframe#tab0iframe, iframe#tab1iframe, iframe#tab2iframe, iframe#tab3iframe, iframe#tab4iframe, iframe#tab5iframe {
	/* removing bad looking black border around tabbed-grid iframes */
	border-width: 0;
}
/******************************************** TABBED GRIDS **************************************/






/******************************************* Invoice Status *************************************/
.st-order {
	background-color: #FFFF66;
}
.st-sched  {
	background-color: #99FF99;
}
.st-deliv  {
	background-color: #CCFFFF;
}
.gridRowWithImage .x-grid3-row-table td {
	height: 20px !important;	/* must be 6px larger than scannedPDFLink height to prevent misaligned locked grid columns */
}
.scannedPDFLink {
	background: transparent url(../icons/image.png) no-repeat center left !important;
	display: block;
	height: 14px;
	width: 20px;
	float: left;
}
.icon-scannedPDF {		/* keep same as above */
	background: transparent url(../icons/image.png) no-repeat center left !important;
}
.accountInformationLink {
	background: transparent url(../icons/information.png) no-repeat center left !important;
	display: block;
	height: 14px;
	width: 20px;
	float: left;
}
.icon-accountInformation {		/* keep same as above */
	background: transparent url(../icons/information.png) no-repeat center left !important;
}
/******************************************* Invoice Status *************************************/




/******************************************* Code Date *************************************/
.cd-problem, .cd-warning {
	display: inline;
	border-style: solid;
	border-width: 0px;
	padding: 0 0 0 5px;
	font-weight: bold;
}
	.cd-problem {
		/*background-color: #FF8888;*/
		/*border: 2px solid #FF8888;
		padding: 0px 5px;*/
		border-color: #FF8888;		/* darker */
		background-color: #FFDDDD;	/* lighter */
	}
	.cd-warning  {
		/*background-color: #FFFFBB;*/
		/*border: 2px solid #FFFFBB;
		padding: 0px 5px;*/
		border-color: #FFFF00;		/* darker */
		background-color: #FFFFEE;	/* lighter */
	}
/******************************************* Invoice Status *************************************/




/******************************************* TL Load Status *************************************/
.tl-newload {
	color:#FF0000 !important;
}
.tl-exclload {
	color:#000000 !important;
}
.tl-readyload  {
	color:#0000FF !important;
}
.tl-selectedload {
	color:#800040 !important;
}
.tl-senttopickload	{
	color:#008000 !important;
}
/******************************************* TL Load Status *************************************/




/************************************************************************************************
/*** This gives toolbar buttons with cls: x-form-toolbar-standardButton the regular button style ***/
.x-toolbar .x-form-toolbar-standardButton-icon .x-btn-left { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px 0px;}
.x-toolbar .x-form-toolbar-standardButton-icon .x-btn-center {background: url(/js/ext/resources/images/default/button/btn-sprite.gif) 	repeat-x 0px -42px; 	text-align: center;	padding: 0 5px;	text-align: center;	vertical-align: middle;	white-space: nowrap;	border-left: medium none;	border-right: medium none;}
.x-toolbar .x-form-toolbar-standardButton-icon .x-btn-right { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px -21px;}
.x-toolbar .x-form-toolbar-standardButton-icon button {	padding-top: 2px;	background-position: 0 1px;	background-repeat: no-repeat; 	padding: 1px 0 2px 18px; 	 	 	 		font-size: 12px; 			}
.x-toolbar .x-form-toolbar-standardButton-icon .x-btn-center .x-btn-text{	padding: 1px 0 2px 18px; 	 	}
.x-toolbar .x-form-toolbar-standardButton-icon .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{ background-position:0 -126px;    }
.x-toolbar .x-form-toolbar-standardButton .x-btn-left { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px 0px;}
.x-toolbar .x-form-toolbar-standardButton .x-btn-center { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) repeat-x 0px -42px; text-align: center; padding: 0 5px; vertical-align: middle;}
.x-toolbar .x-form-toolbar-standardButton .x-btn-right { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px -21px;}
.x-toolbar .x-form-toolbar-standardButton button {	font-size: 12px; 	background-repeat: no-repeat; 		background-position: 0 2px}
.x-toolbar .x-form-toolbar-standardButton .x-btn-center .x-btn-text{	padding: 1px 0 2px 0; 	 	}
.x-toolbar .x-form-toolbar-standardButton .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{ background-position:0 -126px;    }
.x-toolbar .x-btn-over .x-btn-left{background-position:0 -63px;}
.x-toolbar .x-btn-over .x-btn-right{background-position:0 -84px;}
.x-toolbar .x-btn-over .x-btn-center{background-position:0 -105px;}
.x-grid3-row .x-btn-left { padding-left: 0; padding-right: 0; }
.x-standardButton-icon .x-btn-left { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px 0px;}
.x-standardButton-icon .x-btn-center {background: url(/js/ext/resources/images/default/button/btn-sprite.gif) 	repeat-x 0px -42px; 	text-align: center;	padding: 0 5px;	text-align: center;	vertical-align: middle;	white-space: nowrap;	border-left: medium none;	border-right: medium none;}
.x-standardButton-icon .x-btn-right { background: url(/js/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0px -21px;}
.x-standardButton-icon button {	padding-top: 2px;	background-position: 0 1px;	background-repeat: no-repeat; 	padding: 1px 0 2px 18px; 	 	 	 		font-size: 12px; 			}
.x-standardButton-icon .x-btn-center .x-btn-text{	padding: 1px 0 2px 18px; 	 	}
.x-standardButton-icon .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{ background-position:0 -126px;    }
.x-btn-over .x-btn-left{background-position:0 -63px;}
.x-btn-over .x-btn-right{background-position:0 -84px;}
.x-btn-over .x-btn-center{background-position:0 -105px;}
.x-toolbar .ytb-spacer {	/* override from 2px to make toolbar items spaced further apart; use this: " " within a toolbar config */
	width: 10px;
}
.x-resizable-proxy {		/* override panel resize dotted lines to be more visible on our new dark background */ 
    border-color: #FFFFFF;
}
/************************************************************************************************/

/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
		from LockedGridView.css
 */
.x-grid3-locked, .x-grid3-unlocked {
	overflow: hidden;
	position: absolute;
}

.x-grid3-locked {
	border-right: 1px solid #99BBE8;
}

.x-grid3-locked .x-grid3-scroller {
	overflow: hidden;
}

.x-grid3-locked .x-grid3-row {
	border-right: 0;
}

.x-grid3-scroll-spacer {
	height: 19px;
}

.x-grid3-unlocked .x-grid3-header-offset {
	padding-left: 0;
}

.x-grid3-unlocked .x-grid3-row {
	border-left: 0;
}

/************************************************************************************************/

.white {
	color: white	
}
.checkbox-focus {			
	border: 1px solid #FBB117;
}
.x-combo-list, .x-combo-list-item {
	white-space: pre;					/* preserve intentional spacing within combo & it's list */
}
.x-combo-list-item .vip-combo-code {	/* product list combo box */
	width: 50px;
	display: inline-block;
}
.x-combo-list-item .vip-combo-desc {
	font-weight: bold;
}

/* common header table above grids; typically seen after a drilldown from a summary report */
	.vip-common-table-header  {	/* TODO only first instance of this: .x-panel-bwrap or .x-panel-body */
		padding: 2px;
	}
	.vip-common-table-header div {
		border-width: 0px !important;
	}
	.vip-common-table-header .x-form-field-trigger-wrap {	/* force large gap between "columns" */
		margin-right: 5%;
	}
	.vip-common-table-header td {
		vertical-align: middle;
		/*font-weight: bold;		too bold */
	}
	.vip-common-table-header td .x-panel {
		Xpadding-left: 5px;
		padding: 1px 5px 1px 5px;
		Xpadding-right: 5px;
	}
	.vip-common-table-header td .x-panel-body * {
		white-space: nowrap;
	}
	.vip-common-table-header td .x-panel-body {
		min-height: 10px;					/* required by FF */
	}

.vip-table-layout td {
	vertical-align: top;
}
.vip-centered {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.vip-center-td table td {
	text-align: center;
}
.vip-centered .x-form-field-wrap {
	width: auto !important;
}
/**
 * Ext 3.2.1 copied from ext/examples/ux/gridfilters/css/
 * MDC added the .ux-rangemenu parts for specificity
 */
	.ux-rangemenu-gt {
		background-image: url(../images/gridFilters/greater_than.png) !important;
	}
	.ux-rangemenu-lt {
		background-image: url(../images/gridFilters/less_than.png) !important;
	}
	.ux-rangemenu-eq {
		background-image: url(../images/gridFilters/equals.png) !important;
	}	
	.x-grid3-hd-row td.ux-filtered-column {   /* MDC maybe show an icon to make column filters more visible? */
	    font-style: italic;  
	    font-weight: bold;
	    color: maroon;
	}
	.ux-filtered-column.sort-asc .x-grid3-sort-icon {
		background-image: url(../images/gridFilters/sort_filtered_asc.gif) !important;
	}
	.ux-filtered-column.sort-desc .x-grid3-sort-icon {
		background-image: url(../images/gridFilters/sort_filtered_desc.gif) !important;
	}
	.ux-gridfilter-text-icon {
		background-image: url(../images/gridFilters/find.png) !important;
	}
	.ux-rangemenu .x-menu-list-item-indent .x-menu-item-icon {
		position: relative;
	    top: 3px;
	    left: 3px;
		margin-right: 10px;
	}
	.ux-rangemenu li.x-menu-list-item-indent {
		padding-left:0px;
	}
	.ux-rangemenu li.x-menu-list-item div {
		display: inline;
	}
	
.align-right {
	text-align:right;
}
.vip-field-class {
	font-weight: bold;
}

/* 
 * Ext 3.2.1 copied from ext/examples/grid/multiple-sorting.css
 */
.sort-desc {
    background-image: url(../images/sort_desc.gif) !important;
    background-position: 4px 7px !important;
    background-repeat: no-repeat;
}
.sort-asc {
    background-image: url(../images/sort_asc.gif) !important;
    background-position: 4px 7px !important;
    background-repeat: no-repeat;
}


/*
 * New Icons!
 */
.chart-curve-icon {
	background-image: url(../icons/chart_curve.png) !important;
}

.calculator-icon {
	background-image: url(../icons/calculator.png) !important;
}

.wand-icon {
	background-image: url(../icons/wand.png) !important;
}

.refresh-icon {
	background-image: url(../icons/refresh.gif) !important;
}

.door_in-icon {
	background-image: url(../icons/door_in.png) !important;
}

.door_out-icon {
	background-image: url(../icons/door_out.png) !important;
}

.cog_edit-icon {
	background-image: url(../icons/cog_edit.png) !important;
}

.report_user-icon {
	background-image: url(../icons/report_user.png) !important;
}

.report-icon {
	background-image: url(../icons/report.png) !important;
}

.goal-icon {
	background-image: url(../icons/goal.png) !important;
}

.key-icon {
	background-image: url(../icons/key.png) !important;
}

.favorite-report-icon {
	background-image: url(../icons/award_star_gold_3.png) !important;
}

.calendar-icon {
	background-image: url(../icons/calendar.png) !important;
}

.bricks-icon {
	background-image: url(../icons/bricks.png) !important;
}

.report-search-icon {
	background-image: url(../icons/zoom2.png) !important;
}

.table-error-icon {
	background-image: url(../icons/table_error.png) !important;
}

.server-database-icon {
	background-image: url(../icons/server_database.png) !important;
}

.dashboard-icon {
	background-image: url(../icons/application_view_tile.png) !important;
}

.support-icon {
	background-image: url(../icons/headphone_mic.png) !important;
}

.date-magnify-icon {
	background-image: url(../icons/date_magnify.png) !important;
}

.date-next-icon {
	background-image: url(../icons/date_next.png) !important;
}

.date-previous-icon {
	background-image: url(../icons/date_previous.png) !important;
}

.date-icon {
	background-image: url(../icons/date.png) !important;
}

.target-icon {
	background-image: url(../icons/target.png) !important;
}

/*
 * Custom slider thumb!
 */	
#custom-slider .x-slider-thumb {
    background-image:url(../images/slider-thumb.png);
}	

td.ux-grid-hd-group-cell {
    background: url(../ext-3.2.1/resources/images/default/grid/grid3-hrow.gif) repeat-x bottom;
}

/*
 * disabled-field: makes the font a little bit darker than gray and lighter than black so it's better for reading (mainly for Chrome)
 */
#disabled-field {
	color: #545454 !important;
}

.proper {
	text-transform: capitalize;
}

/*
 * css style used for account information table
 */
td.account-label {
    background-color: #D0DEF0;
    border: 1px solid #99BBE8;
    font-weight: bold;
    text-align: right;
    width: 100px;
    padding: 5px 3px 5px 3px;
    white-space: nowrap;
}
td.account-attribute {
    padding: 5px 3px 5px 3px;
    white-space: normal;
}

#pa_legend {
	background: transparent url(../images/pa_legend.png) no-repeat top left ;
	padding-left: 40px;
	/*margin-right: 30px;*/
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	font-size: 16px;
}
.vipGroupByCheck1 {
	background-image: url(../icons/bullet_blue.png) !important;
}
.vipGroupByCheck2 {
	background-image: url(../icons/bullet_orange.png) !important;
}
.vipGroupByCheck3 {
	background-image: url(../icons/bullet_purple.png) !important;
}
.vipGroupByCheck4 {
	background-image: url(../icons/bullet_green.png) !important;
}
.vipGroupByCheck5 {
	background-image: url(../icons/bullet_red.png) !important;
}