/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */


.x-panel-tl .x-panel-header {   /*tl  tc   tr  in the top collapse panel */ 
	color:#D2F08A;				/* yellow is text, steel blue gray= #5D6D97, CCCCCC super light gray */
	font-size:13px;
	/*background-image: url(/calc/bullish2.gif);
	background-position:right;*/
}
.x-panel-tl {
	border-bottom:1px solid #000000;    /* top collapse panel */
}
.x-panel-mc {
	background:#cccccc;        /*cccccc*/          /*top border shade #b0b1cd */
}
.x-grid-panel .x-panel-mc .x-panel-body {		/* border of entire grid, below the toolbar */
												/* behaves like config bodyStyle under grid */
												
	/*border:1px solid #000aaa;*/				/* New TEST section start */
    border-top:0px;								/* override default skyblue bar*/
	border-bottom:1px solid #1818cd;			/*7272a0*/
 	border-left:1px solid #1818cd;
  	border-right:1px solid #1818cd;
}
.x-panel-mc .x-panel-tbar .x-toolbar {
	border-bottom:1px solid #000aaa;			/* seperator below toolbar */
	border-top:1px solid #1818cd;
	border-left:1px solid #1818cd;
	border-right:1px solid #1818cd;				/* TEST section finish 1px solid 000aaa*/
}

.x-panel-bbar {
	position:relative;
}
.x-panel-mc .x-panel-bbar .x-toolbar {
	border-bottom:1px solid #000aaa;			/* seperator below bottom toolbar */
	border-left:1px solid #1818cd;
	border-right:1px solid #1818cd;		
}
.x-toolbar .x-btn-over .x-btn-text {
	color:black;  /*since background becomes white*/
}
.x-toolbar .x-btn-over .x-btn-left {			 /*background white when toolbar button hovered*/ 
	/*background:transparent url(images/feature_background.gif) repeat-x;*/
	background:transparent url(btn-spritew.gif) repeat-x scroll 0pt 0px;
}
.x-toolbar .x-btn-over .x-btn-center {
	/*background:transparent url(/images/feature_background.gif) repeat-x;*/
	background:transparent url(btn-spritew.gif) repeat-x scroll 0pt -44px;
}
.x-toolbar .x-btn-over .x-btn-right {
	/*background:transparent url(/images/feature_background.gif) repeat-x;*/
	background:transparent url(btn-spritew.gif) repeat-x scroll 0pt -22px;
}
.x-toolbar .x-btn-text {
	color:#ffffff;				/* The Button words, Disable, Enable Hints */
}
.x-toolbar .ytb-sep {
	background-image:url(/images/grid-split.gif);
}

/* Particularly for message type popups */
.ext-el-mask {
	background-color:#2e3540;
	opacity:0.3;
}
/*   Needed before x-btn-text had x-toolbar
.x-btn-left   {background:transparent url(btn-sprite.gif) repeat-x scroll 0pt 0px;}
.x-btn-center {background:transparent url(btn-sprite.gif) repeat-x scroll 0pt -42px;}
.x-btn-right  {background:transparent url(btn-sprite.gif) repeat-x scroll 0pt -21px;}
*/

.icon-grid {  					/* small icon at top/left of grid */
	background-image: url(/calc/bearish4.png) !important;  /*bearish2.gif*/
	/*background-image: url(/lib/ext-2.0/resources/images/default/grid/page-next.gif) !important; grid.png */
}
.x-tool {						/* small icon at top/right of grid */
	background: transparent url(/calc/bullish3.png) !important;
}

.x-grid3-dirty-cell {
	background-image:none;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
	font-size:11px;
}
.x-grid3-cell-inner {			/* all Cells, minus the 1st cell override*/
	font-family:"segoe ui",tahoma, arial, sans-serif;
	font-size:13px;				/* cell text size */
	/*border:1px solid green;*/	/* box around each cell */
}

.x-grid3-header {				/* Header as a unit */
	padding-left:10px;			/* SCOOTS only the header, see grid3-body */
}
.x-grid3-hd-inner {  			/* Col Headings w/i the header*/
	font-family:"segoe ui",tahoma, arial, sans-serif;
	font-size:13px;				/* Heading text size */
	padding-left:13px;			/* Only to comp for EXT INSIST on padd-right 16px */
}
.x-grid3-hd-netstrike {
	text-align:center;			/* Numbers have right justify, so override heading to center */
}
.x-grid3-hd-netfee {			/* text-align: center loses effect when rows are padded below */
	padding-left:7px;
}
.x-grid3-hd-netdelta {			/* text-align: center loses effect when rows are padded below */
	padding-left:9px;
	color:#000aaa;
}
.x-grid3-hd-profit {			/* Smaller cols need less to comp for EXT INSIST */
	padding-left:8px;
}
.x-grid3-hd-brkeven {
	padding-left:10px;
}
.x-grid3-hd-toclose {
	text-align:center;
	color:#000aaa;
}
.x-grid3-hd-movereq {
	padding-left:7px;
}
.x-grid3-hd-loss {
	padding-left:7px;
}
.x-grid3-hd-best {
	text-align:center;
}
.x-grid3-hd-bereq {
	padding-left:7px;
}
.x-grid3-hd-maxr {
	padding-left:8px;
}
.x-grid3-hd-roi {
	padding-left:7px;
	color:#000aaa;
}

.x-grid-group-hd {  			/* Grouped Headings w/o div */
	border-bottom:0px solid #636d84; /* use 0px to disable default border bar */
}
.x-grid-group-hd div {   		/* Grouped Headings  w/ div */
	font-family:"segoe ui",tahoma, arial, sans-serif;
	color:black;	/* Grouped Heading text */
	font-size:12px;
	font-weight:normal;
}

.x-grid3-body {   				/* Body as a unit, cept overrides */
	background-color:#b0b1cd;	/* #dddddd not borders which are set by default , see grid3-row */
	padding:5px;				/* move trades up/down */
	padding-bottom:10px;
	padding-left:10px;			/* SCOOTS only the body, see grid3-header */
}
.x-grid3-body .x-grid3-td-description {	/* effects body only of col "description" */
	color:#000aaa;
}
.x-grid3-body .x-grid3-td-descshort {	/* The short description */
	color:#000aaa;
}
.x-grid3-row .x-grid3-td-netstrike .x-grid3-cell-inner {	/* effects inner body(smaller), of one col */
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-left:1px solid #636d84;
	border-right:1px solid #636d84;
	padding-right:35px;
	background: #f1f2f4; /*off white */
	cursor:text;
}

.x-grid3-row .x-grid3-td-netcredit .x-grid3-cell-inner {	
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-right:1px solid #636d84;
	border-left:1px solid #636d84;
	padding-bottom:2px;
	height:14px;					/* empty cells default to 13px for unknown*/
	background: #dad7ea; /*#eae2d3;  #f1f2f4;*/
	cursor:text;
}

.x-grid3-row .x-grid3-td-netfee .x-grid3-cell-inner {	
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-right:1px solid #636d84;
	border-left:1px solid #636d84;
	padding-left:13px;				/* so align-left is not up against the wall */
	padding-bottom:2px;
	height:14px;					/* empty cells default to 13px for unknown*/
	background: #f1f2f4;
	cursor:text;
}

.x-grid3-row .x-grid3-td-netdelta  .x-grid3-cell-inner {	
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-right:1px solid #636d84;
	border-left:1px solid #636d84;
	padding-left:10px;				/* so align-left is not up against the wall */
	padding-bottom:2px;
	height:14px;					/* empty cells default to 13px for unknown*/
	background: #f1f2f4; /*#dee6f8;*/ 
	cursor:text;
}

.x-grid3-row .x-grid3-td-best  .x-grid3-cell-inner {	
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	/*border-right:1px solid #636d84;*/
	border-left:1px solid #636d84;
	padding-left:4px;				/* so align-left is not up against the wall */
	padding-bottom:2px;
	height:14px;					/* empty cells default to 13px for unknown*/
	background: #f1f2f4; /*#dee6f8;*/ 
	cursor:text;
}

.x-grid3-row .x-grid3-td-toclose .x-grid3-cell-inner {	
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-right:1px solid #636d84;
	border-left:1px solid #636d84;
	padding-bottom:2px;
	height:14px;					/* empty cells default to 13px for unknown*/
	background: #dad7ea; /* #f1f2f4;*/
	cursor:text;
}

.x-grid3-row .x-grid3-td-description {
	border-bottom:2px inset #000aaa;
}
.x-grid3-row .x-grid3-td-descshort {
	border-bottom:2px inset #000aaa;
}
.x-grid3-td-description {						/* effects entire col "description", but body can override */
	color:#6f1a9b;
}
.x-grid3-td-descshort {
	color:#6f1a9b;
}

.x-grid3-row {									/* all rows of the body, not the summary */
	border-left:1px solid #b0b1cd;				/* exact scoot of the data, and override left col edge color */
	border-right:solid #b0b1cd; 				/* hides right col edge color */
	border-top:1px solid #b0b1cd;   			/* create,color the top and bottom borders for spacing */
	border-bottom:3px solid #b0b1cd; 			/* and to override row border default colors */
}
.x-grid3-myclear {
	color: green !important;						/* all rows of the body, not the summary */
	background: green !important;	/* #dddddd not borders which are set by default , see grid3-row */
	
	border-left:1px solid #b0b1cd;			/* exact scoot of the data, and override left col edge color */
	border-right:solid #b0b1cd; 			/* hides right col edge color */
	border-top:1px solid #b0b1cd;   			/* create,color the top and bottom borders for spacing */
	border-bottom:1px solid #b0b1cd; 			/* and to override row border default colors */

	padding-bottom:0px;
	padding-left:0px;			/* SCOOTS only the body, see grid3-header */
}

/*  Currently has no effect, but maybe on add body to a row.
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}
*/

.x-small-editor .x-form-field {					/*neteditor bid/ask box*/
	font-size:13px;
	border:1px solid #636d84;
}
.x-combo-list-small .x-combo-list-item {		/*netstrike*/
	font-size:13px;
}
.x-combo-list {
	border:1px solid #636d84;
}
.x-combo-list .x-combo-selected {
	background-image: url(/images/sum_background.gif);
	border:1px solid #636d84 !important;
}
.x-combo-list-hd {
	color:#d2f08a;
	background-image:url(/images/header_background_2.gif);
	border:0px solid #636d84;
}
.x-form-field-wrap .x-form-trigger {
	background: transparent url(trigger.gif);
	border-bottom:2px solid #636d84;
}

.x-grid3-summary-row {							/* For entire summary row */
	/*border-top:1px solid #636d84;	   */		/* looks great but also spans to description row */
	/*border-bottom:1px solid #636d84; */
	border-right:1px solid #636d84;				/* Right BORDER on summary data only */
	border-left:3px solid #b0b1cd;				/* SHIFT row to the right since inner/outer boxes dont lineup. */
												/* Or use padding-left:3px; but without the color */
	color: #000aaa;   							/* color of summary numbers #2216b3=strong blue */
	/*background-color:#eeeeee;*/ /*#b5c8f1*/	/* cool color where data goes, override at td-description */
	background-image: url(/images/sum_background.gif);  /* use color or image overrides */
	/*opacity:0.2;*/
}

.x-grid3-summary-row .x-grid3-cell-inner {		/* For inner individual cells of summary row*/
    font-weight:normal;							/* Summary numbers were prior bold */
    padding-bottom:2px;							/* Summary row to match the data rows size and spacing */
	padding-top:3px;
	padding-right:7px;							/* 4 + Comps text for summary row 3px SHIFT to the right */
}
.x-grid3-summary-row .x-grid3-td-description {  /* default color for where no data goes */
	background-color:#b0b1cd;					
}
.x-grid3-summary-row .x-grid3-td-descshort {  /* default color for where no data goes */
	background-color:#b0b1cd;		
	padding-right:0px;			
}
.x-grid3-summary-row .x-grid3-td-netstrike {	/* Left BORDER, and top/bottom around summary data only */
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	border-left:1px solid #636d84;			
}
.x-grid3-summary-row .x-grid3-td-netstrike .x-grid3-cell-inner {  /*inner*/
	padding-right:38px;							/* shift left since numbers must be right justified*/
}
.x-grid3-summary-row .x-grid3-td-netcredit {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.myleftborder {
	border-left:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-netcredit .x-grid3-cell-inner {  /*inner*/
	padding-right:38px;							/* shift left since numbers must be right justified*/
}

.x-grid3-summary-row .x-grid3-td-toclose {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-toclose .x-grid3-cell-inner {  /*inner*/
	padding-right:38px;							/* shift left since numbers must be right justified*/
}

.x-grid3-summary-row .x-grid3-td-maxr {			
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-retratio {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-brkeven {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-target {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-movereq {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-loss {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-best {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-bereq {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-netfee {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-netdelta {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-roi {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
}
.x-grid3-summary-row .x-grid3-td-netfee .x-grid3-cell-inner {  
	padding-left:12px;	/*shift right on left align to equal body row padding*/
}
.x-grid3-summary-row .x-grid3-td-netdelta .x-grid3-cell-inner {  
	padding-left:9px;	/*shift right on left align to equal body row padding*/
}
.x-grid3-summary-row .x-grid3-td-best .x-grid3-cell-inner {  
	text-align:center;	/*default was left since words start, finish added*/
}
.x-grid3-summary-row .x-grid3-td-profit {
	border-top:1px solid #636d84;
	border-bottom:1px solid #636d84;
	/* right side border could go here but this
	 * will not always be the last column */
}

	/*	Fancy method of background color
	background-image: url(/images/footer_background.gif);
	background-repeat: repeat-x;
	*/
.x-grid-hide-summary .x-grid3-summary-row {		/* class to hide the summary row */
    display:none;
}
.x-grid3-summary-msg {							/* If there was a summary message */
    padding:4px 16px;
    font-weight:bold;
}