body
{
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
}

body.CXgridtable 
{
	border: none;
	font-size: 12px;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	overflow: scroll;
	background-color: #E9E7D7;
}

body.CXpanel {
	background-color: #EFEFEB;
}

body.panel 
{
	background-color: #EFEFEB;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Verdana;
}

form 
{
	height: 100%;
	width: 100%;
}

td 
{
	font-family: Verdana;
	font-size: 12px;
}


/* 
 * --------------------------
 * SELECT DROP DOWN BOX START
 * --------------------------
 */
div.CXselectboxTOP 
{
	position: relative;
	width: 100%;
}

div.CXselectboxTOPOpen 
{
	position: relative;
	z-index: 100;
	width: 100%;
}

div.CXselectboxlist
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
}

div.CXselectboxOuter
{
	position: relative;
	top: 20px;
	left: 0px;
	border: solid;
	border-width: 1px;
	border-color: #000000;
	width: 99%;
}
div.CXselectboxInner
{
	width: 100%;
	overflow: auto;
}

div.CXselectbox 
{
	top: 0px;
	border: none;
	width: 100%;
	padding: 3px 3px 3px 3px;
	background-color: White;
}
    
div.CXselectboxvalue
{
	cursor: hand;
	border: solid;
	border-width: 1px;
	border-color: #7B9EBD;
	height: 19px;
	background-color: #FFFFFF;
	color: #000000;
	width: 99%;
	padding: 0 0 0 3px;
	display: block;
	background-color: White;
}

div.CXfilterlookupresult
{
	border: solid;
	border-width: 1px;
	border-color: #7B9EBD;
	height: 19px;
	background-color: #FFFFFF;
	color: #000000;
	width: 99%;
	padding: 0 0 0 3px;
	display: block;
	background-color: White;
}

td.CXselectboxvalue
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}


table.CXmanagedtable 
{
	table-layout:fixed;
}

td.CXdropdownitem 
{
	cursor: hand;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	height: 18px;
}

td.CXdropdownitemSelected 
{
	background-color: #ABC0E7;
	cursor: hand;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	height: 18px;
}

/*
 * ----------------------------------
 * Tabbed Pannel start
 * ----------------------------------
 */
div.CXtabbedpanel 
{
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	border: none;
	padding: 10px 10px 10px 10px;
}

div.CXtabbedpanelMenu 
{
	height: 26px;
	position: relative;
	z-index: 2;
}

div.CXtabbedpanelBody 
{
	height: 94%;
	width: 100%;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #949E9C;
	background-color: #FFFBFF;
	position: relative;
	top: -2px;
	left: 0;
	z-index: 1;
}

td.CXtab 
{
	vertical-align: bottom;
	position: relative;
}

div.CXtab 
{
	border: solid;
	border-color: #94A6B5;
	border-width: 1px;
	margin: 3px 0 0 0;
	height: 100%;
	background-repeat: repeat-x;
	cursor: hand;
	height: 23px;
	width: 100%;
	white-space: nowrap;
}

div.CXtabOpen
{
	border: solid;
	border-color: #94A6B5 #94A6B5 #94A6B5 #94A6B5;
	border-width: 1px 1px 0 1px;
	margin: 0 0 0 0;
	height: 100%;
	background-color: #FFFBFF;
	cursor: hand;
	vertical-align: bottom;
	height: 26px;
	width: 100%;
	white-space: nowrap;
}

div.CXtabBody 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	visibility: hidden;
}

div.CXtabPAD 
{
	padding: 2px 5px 0 5px;
}

div.CXtabglow 
{
	position: absolute;
	top: 2px;
	left: 1px;
	width: 100%;
	height: 3px;
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #DE8E29 #DE8E29 #FFC739 #FFC739;
	background-color: #E89F2E;
	overflow: hidden;
	visibility: hidden;
}

div.CXtabglowOpen
{
	position: absolute;
	top: -1px;
	left: 1px;
	width: 100%;
	height: 3px;
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #DE8E29 #DE8E29 #FFC739 #FFC739;
	background-color: #E89F2E;
	overflow: hidden;
}


/*
 * --------------------------------
 * Grid main component start
 * --------------------------------
 */

div.CXgrid 
{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 20px 20px 20px 20px;
	overflow: hidden;
	/*
	background-color: #EFEFEB;
	*/

}

div.CXgridbot 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

table.CXgridbot 
{
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	overflow: hidden;
}

div.CXgridbody 
{
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: White;
	white-space: nowrap;
}

div.CXgridcell 
{
	width: 100px;
	overflow: hidden;
	float: left;
	padding: 0 25px 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}


td.CXgridfooter 
{
	background-color: #E9E7D7;
	height: 22px;
}

td.CXgridmargin 
{
	/*
	background-color: #EFEFEB;
	*/
	height: 60px;
}

div.CXgridfooterborder 
{
	height: 2px;
	overflow: hidden;
	background-color: Yellow;
	border: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #DFDAC7;
	background-color: #D1CDBB;
	
}

div.CXgridstatus 
{
	border: solid; 
	border-width: 1px 1px 1px 1px;
	border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
	height: 20px;
	width: 100%;
	overflow: hidden;
	font-size: 11px;
}

div.CXgridstatustext 
{
	height: 16px;
	clear: both;
}


div.CXgridstatusselect
{
	float: left;
	border: none;
	font-family: Verdana;
	padding: 0 3px 0 10px;
	text-align: right;
	background-color: Transparent;
	font-size: 11px;
}

div.CXgridstatuscount 
{
	float: left;
}

div.CXgridstatusbrowse 
{
	float: right;
	padding: 0 10px 0 0;
}


td.CXgridbrowse 
{
	padding: 1px 5px 0 5px;
	cursor:hand;
}

td.CXgridnobrowse 
{
	padding: 1px 5px 0 5px;
}

td.CXgridpage 
{
	font-size: 11px;
	color: #666666;
	padding: 1px;
}

div.CXgridfilter 
{
	height: 22px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
}

div.CXgridfiltertext 
{
	padding: 0 10px 0 10px;
	height: 18px;	
}

span.CXnewimg 
{
	padding: 0 0 0 4px;
}
span.CXnewtext 
{
	height: 17px;
	vertical-align: middle;
}

td.CXf 
{
	padding: 2px 0 0 0;
	width: 38px;
	font-size: 10px;
	color: #74736B;
	text-decoration: none;
	cursor: hand;
}

td.CXfON
{
	padding: 2px 0 0 0;
	width: 38px;
	font-size: 10px;
	color: #000088;
	text-decoration: none;
	cursor: hand;
}


td.CXfOVER
{
	padding: 2px 0 0 0;
	width: 38px;
	font-size: 10px;
	color: black;
	text-decoration: none;
	cursor: hand;
}

td.CXfONOVER
{
	padding: 2px 0 0 0;
	width: 38px;
	font-size: 10px;
	color: black;
	text-decoration: none;
	cursor: hand;
}


table.CXgridtop 
{
	width: 100%;
	height: 25px;
}


tr.CXgridsearch 
{
	height: 35px;
}

tr.CXgridheader 
{
	height: 25px;
}

td.CXgridimage 
{
	height: 60px;
	width: 80px;
}

td.CXgridheader 
{
	height: 25px;
	width: 100%;
}

div.CXgridheader 
{
	height: 23px;
	overflow: hidden;
	background-color: #7288AC;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ABC0E7 #00377A #00377A #ABC0E7;
}

div.CXgridheaderborder 
{
	height: 2px;
	overflow: hidden;
	border: solid;
	border-width: 1;
	border-width: 1px 0 1px 0;
	border-color: #969693 #969693 #C2C2BF #C2C2BF; 
	position: relative;
	z-index: -1;
}

td.CXgridfindlabel 
{
	width: 100px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
}

td.CXgridfindview 
{
	width: 60px;
	font-weight: bold;
	color: #666666;
	white-space: nowrap;
	border: solid;
	border-width: 0 0 0 1px;
	border-color: #CCCCCC;
	padding: 0 10px 0 10px;
}

td.CXgridfindinput 
{
	width: 40%;
	padding: 0 10px 0 10px;
	
}

input.CXgridfindinput 
{
	width: 100%;
	background-color: White;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
}

td.CXgridfindsubmit 
{
	width: 45px;
	padding: 0 10px 0 5px;
}

input.CXgridfindsubmit 
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
	padding: 0 3px 0 3px;
}

td.CXgridfindviews 
{
	width: 30%;
	padding: 0 0 22px 0;
}
td.CXgridspace
{
	width: 10px;
	overflow: hidden;
	border: none;
}
td.CXgridexcel 
{
	width: 30px;
	padding: 0 0 2px 0;
	text-align: center;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7288AC;
	cursor: hand;
}

td.CXgridprint 
{
	width: 30px;
	padding: 0 0 2px 0;
	text-align: center;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7288AC;
	cursor: hand;
}

td.CXgricreatenew 
{
	width: 110px;
	color: White;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7288AC;
	vertical-align: top;
	cursor: hand;
	font-size: 11px;
}

iframe.CXgrid
{
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}

/*
 *  ------------------------
 *  Grid Action menu  start
 *  ------------------------
 */
div.CXactions 
{
}

div.CXactiondropdownOuter 
{
	position: absolute;
}

div.CXactiondropdown 
{
	position: absolute;
	top: 21px;
	left: 2px;
	width: 200px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #00377A;
	background-color: #FAFAF9;
	z-index: 1000;
	visibility: hidden;
}

div.CXactionbutton 
{
	color: White;
	font-size: 11px;
	padding: 0 0 0 5px;
	cursor: hand;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7288AC;
	width: 65px;
	height: 20px;
	background-color: Transparent;
}

div.CXactionbuttonOVER
{
	color: White;
	font-size: 11px;
	padding: 0 0 0 5px;
	cursor: hand;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7288AC;
	width: 65px;
	height: 20px;
	background-color: #00377A;
}


image.CXactionbutton 
{
	margin: 0 0 0 3px;
	vertical-align: middle;
}


div.CXgridactionmenu 
{
	height: 20px;
	cursor: hand;
}

div.CXgridactionblue 
{
	width: 25px;
	height: 100%;
	background-color: #889DC2;
	float: left;
}

div.CXgridactiontext
{
	height: 100%;
	padding: 2px 10px 2px 13px;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;	
	float: left;
	width: 173px;
}

div.CXgridactionblueOVER
{
	width: 25px;
	height: 100%;
	background-color: #ABC0E7;
	float: left;
}

div.CXgridactiontextOVER
{
	height: 100%;
	padding: 2px 10px 2px 13px;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;	
	float: left;
	width: 173px;
	background-color: #ABC0E7;
}


div.CXgridactionmenuL
{
	height: 5px;
}

div.CXgridactionblueL 
{
	width: 25px;
	height: 100%;
	background-color: #889DC2;
	float: left;
}

div.CXgridactiontextL
{
	height: 5px;
	border: solid;
	border-width: 4px 0 0px 10px;
	border-color: #F9F9F8;
	overflow: hidden;
	white-space: nowrap;	
	background-color: #ACA899;
}

/*
 * -----------------------
 * Grid DATA view start
 * -----------------------
 */
div.CXgridtableheader 
{
	 height: 22px;
	 border: solid;
	 border-width: 1px 1px 1px 1px;
	 border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
	 background-color: #E9E7D7;
}

div.CXgriddatacell 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
	padding: 4px 10px 0 10px;
	font-size: 11px;
}

div.CXgriddatacellSORT
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #F2F2F6;
	height: 100%;
	padding: 4px 10px 0 10px;
	font-size: 11px;
}


td.CXgriddatacell 
{
	height: 23px;
	border: solid;
	border-width: 1px 0 0 0;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
}

td.CXgriddatacellSORT
{
	height: 23px;
	border: solid;
	border-width: 1px 0 0 0;
	border-color: #F2F2F6 #F2F2F6 #F2F2F6 #F2F2F6;
}


td.CXgriddatacellSORTSELECT 
{
	height: 23px;
	border: solid;
	border-width: 1px 0 0 0;
	border-color: #FFFFFF #F2F2F6 #F2F2F6 #F2F2F6;
}


div.CXgriddataouter
{
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

div.CXgriddatabody 
{
	height: expression((document.body.offsetHeight - 22));
	background-color: white;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.CXblock 
{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	background-color: #DDDDDD;
	color: #DDDDDD;
	height: 1px;
}

div.CXblockSEL
{
	position: absolute;
	overflow: hidden;
	visibility: visible;
	background-color: white;
	color: white;
	top: 0;
	height: 1px;
	z-index: 2;
}

div.CXblockON 
{
	position: relative;
	overflow: visible;
	visibility: visible;
	height: auto;
	padding: 0 0 10px 0;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DDDDDD;
}

div.CXblockcontent 
{
	padding: 0 0 0 0;
	border: solid;
	border-width: 0 1px 1px 1px;
	margin: 1px 1px 0 0;
	border-color: black #CCCCCC #999999 #CCCCCC;
}


span.CXgridheader 
{
	position: relative;
	cursor: hand;
}

span.CXgridheaderseparator 
{
	position: absolute;
	z-index: 1;
	top: 2px;
	left: -2px;
	width: 2px;
	background-color: #FFFFFF;
	border: solid;
	border-width: 0 0 0 1px;
	border-color: #C5C1B1;
	
}

span.CXgridheaderglow 
{
	width: 100%;
	height: 2px;
	position: absolute;
	top: 19px;
	border: solid;
	border-width: 1px 0 0 0;
	background-color: #D1CDBB;
	border-color: #DFDAC7;
	overflow: hidden;
}

span.CXgridheaderglowOVER
{
	width: 100%;
	height: 2px;
	position: absolute;
	top: 19px;
	height: 2px;
	border: solid;
	border-width: 1px 0 0 0;
	background-color: #EF9E29;
	border-color: #FFC739;
	overflow: hidden;
}


span.CXgridheadertext 
{
	position: absolute;
	width: 100%;
	height: 19px;
	background-color: #E9E7D7;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 2px 5px 0 10px;
}

span.CXgridheadertextOVER 
{
	position: absolute;
	width: 100%;
	height: 19px;
	background-color: white;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 2px 5px 0 10px;
}

div.CXgridrefresh 
{
	position: relative;
	float: right;
	cursor: hand;
}

span.CXgridexpand 
{
	padding: 0 0 0 3px;
	cursor: hand;
	visibility: visible;
}

span.CXgridexpand2 
{
	position: relative;
	left: -15px;
	visibility: hidden;
}

img.CXgridrowicon 
{
	left: -3px;
}

table.CXgridrowNOSELECT
{
	cursor: default;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DDDDDD;
}

table.CXgridrow 
{
	cursor: hand;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DDDDDD;
}

table.CXgridrowSELECTED
{
	cursor: hand;
	background-color: #CAD3E4;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: white White black white;
}


table.CXexpandbody 
{
	overflow: hidden;
	table-layout:fixed;
	cursor: default;
}

td.CXexpandbodyH
{
	width: 15%;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DDDDDD;
	height: 24px;
	padding: 3px 0 3px 5px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.CXexpandbodyV
{
	width: 33%;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DDDDDD;
	height: 24px;
	padding: 3px 0 3px 5px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.CXrowbg 
{
	background-repeat: repeat-x;
}

img.CXheadersort 
{
	vertical-align: middle;
}

div.CXgridmessage 
{
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	position: absolute;
	top: 50%;
	color: #999999;
	font-size: 10px;
}

/*
 *  Popoup select
 */

td.CXpopupselecttop 
{
	height: 50px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	color: White;
	border-color: #ABC0E7 #00377A #00377A #ABC0E7;
	background-color: #7288AC;
	padding: 0 10px 0 10px;
}

td.CXpopupselectmiddle 
{
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #CCCCCC;
	background-color: #EEEEEE;
	color: Black;
	padding: 5px 20px 5px 20px;
}

td.CXpopupselectbottom 
{
	height: 50px;
	border: solid;
	border-width: 1px 0 0 0 0;
	border-color: White;
	background-color: #EEEEEE;
	vertical-align:middle;
	text-align: right;
	padding: 0 10px 0 10px;
}

body.popup 
{
	width: 100%;
	height: 100;
	border: 0 0 0 0:
}

span.CXbutton 
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
	margin: 0 5px 0 5px;
	height: 19px;
	font-size: 10px;
}

span.CXbuttonINNER
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ECE9D8;
	font-size: 10px;
	height: 17px;
}


input.CXbutton 
{
	border: none;
	width: 100px;
	height: 15px;
	text-align: center;
	cursor: hand;
	font-size: 10px;
}

td.CXradio 
{
	font-size: 11px;
	padding: 3px 0 0 10px;
}


/*
 * --------------------------
 * Top menu style
 * --------------------------
 */

div.CXtopmenuOUTER 
{
	height: 48px;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #C2C2BF;
	background-color: #969693;
}

div.CXtopmenu 
{
	width: 100%;
	height: 23px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ABC0E7 #00377A #00377A #ABC0E7;
	background-color: #7288AC;
	padding: 0 0 0 5px;
	overflow: hidden; 
}

table.CXtopmenu 
{
	table-layout: fixed;
	border: none;
}

td.CXtopmenutitle 
{
	text-align: right;
	color: #FFFF00;
	padding: 0 10px 0 0;
	font-weight: bold;
}

td.CXmenuspacer 
{
	width: 6px;
	padding: 1px 3px 0 0;
	
}

span.CXtoolbarbuttontext 
{
	color: White;
	font-size: 10px;
	vertical-align: top;
	padding: 2px 3px 0  3px;
	height: 100%;
}

span.CXtoolbarbutton 
{
	border: solid;
	border-color: #7288AC;
	border-width: 1px 1px 1px 1px;
	cursor: hand;
	padding: 0 4px 0 4px;
	height: 100%;
}

img.CXtoolbarimage 
{
	border: none;
}


span.CXtoolbarspacerOUTER 
{
	width: 6px;
	padding: 0 2px 0 2px;
	vertical-align: top;
}

span.CXtoolbarspacer 
{
	width: 2px;
	height: 15px;
	overflow: hidden;
	border: solid;
	border-width: 0 0 0 1px;
	border-color: #00377A;
	background-color: #ABC0E7;
	vertical-align: top;
	padding: 2px 0 0 0;
}

table.CXprintgrid 
{
	width: 100%;
}

tr.CXprintrow1 
{
	border: solid;
	border-width: 1px 0 0 0;
	border-color: #F2F2F6;
}

tr.CXprintrow0 
{
	background-color: #F2F2F6;
	border: solid;
	border-width: 1px 0 0 0;
	border-color: white;
}

tr.CXgridprintheader 
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: black;
}

th.CXgridprintheader 
{
	background-color: #E9E7D7;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding: 0 0 0 0;
	cursor: default;
}

th.CXgridprintheaderfirst 
{
	border: solid;
	border-width: 1px 0 1px 1px;
	border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
}

th.CXgridprintheadermiddle 
{
	border: solid;
	border-width: 1px 0 1px 0px;
	border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
}

th.CXgridprintheaderlast 
{
	border: solid;
	border-width: 1px 1px 1px 0px;
	border-color: #DBDAC9 #DBDAC9 #C5C1B1 #DBDAC9;
}

span.CXprintheader1 
{
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #D1CDBB;
	width: 100%;
	height: 100%;
}

span.CXprintheader2
{
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DFDAC7;
	height: 100%;
	width: 100%;
	padding: 2px 5px 0 5px;
}

span.CXheaderspacer 
{
	width: 2px;
	height: 14px;
	overflow: hidden;
	background-color: White;
	float: right;
	border: solid;
	border-width: 0 0 0 1px;
	border-color: #C5C1B1 #C5C1B1 #C5C1B1 #C5C1B1;
}

div.CXgridprint 
{
	width: 100%;
	height: 100%;
	overflow: auto;	
	
}

td.CXgridprintdata 
{
	height: 18px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
}

span.CXlinktext 
{
	text-decoration: underline;
}

/*
 * Panel block style
 */

div.CXpanelblock 
{
	width: 100%;
	padding: 5px 5px 5px 5px;
}

div.CXpanelblocktitle 
{
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #838574;
	color: #606050;
	font-weight: bold;
	padding: 0 0 2px 0;
}

div.CXpanelblockcontent 
{
	padding: 2px 0 2px 0;
}

/*
 *  Edit Data table style
 */

table.CXeditdatagrid 
{
	table-layout: fixed;
	width: 100%;
}

td.CXeditdatagridleft 
{
	overflow: hidden;
	white-space: nowrap;
	height: 25px;
	padding: 0 5px 0 0;
}

td.CXeditdatagridtextarealeft
{
	overflow: hidden;
	white-space: nowrap;
	height: 50px;
	padding: 0 5px 0 0;
}

td.CXeditdatagridtextarearight
{
	overflow: hidden;
	white-space: nowrap;
	height: 50px;
	padding: 0 0 0 5px;
}

td.CXeditdatagridright 
{
	overflow: hidden;
	white-space: nowrap;
	height: 25px;
	padding: 0 0 0 5px;
}

td.CXeditdatagridtextareaboth
{
	height: 65px;
}

td.CXeditdatagridboth
{
	height: 25px;
}

td.CXeditdatagridlabel 
{
	width : 190px;
	overflow: hidden;
	white-space: nowrap;
	color: Black;
}

td.CXeditdatagridlabelREQUIRED 
{
	width : 190px;
	overflow: hidden;
	white-space: nowrap;
	color: #990000;
	font-weight: bold;
}

td.CXeditdatagridlabelRECOMMENDED 
{
	width : 190px;
	overflow: hidden;
	white-space: nowrap;
	color: #000099;
	font-weight: bold;
}

span.CXeditdatagridfield 
{
	width: 100%;
	height: 100%;
}

input.CXeditdatagridfield 
{
	width: 99%;
	height: 20px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
}

input.CXeditdatagridfield.readonly
{
	width: 100%;
	height: 20px;
	border: none;
	color: #737C8D;
}


textarea.CXeditdatagridfield 
{
	width: 100%;
	height: 60px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
}
/*
 * ------------------------------------------
 * Login styling
 * ------------------------------------------
 */

table.CXlogintable 
{
	table-layout: fixed;
	height: 100%;
}

td.CXloginuserlabel 
{
	height: 24px;
	width: 50%;
	text-align: right;
	padding: 0 5px 0 0;
	font-weight: bold;
	color: #686262;
}

td.CXloginuserfield 
{
	height: 24px;
	width: 50%;
	text-align: left;
	padding: 0 0 0 5px;
}

input.CXusername 
{
	width: 100px;
	height: 20px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #7B9EBD;
}

td.CXloginmessage 
{
	vertical-align: top;
	text-align: center;
}


/*
 *  ------------------------------------------------------------
 *  Top menu form application styling
 *  ------------------------------------------------------------
 */

body.CXtop 
{
	height: 100%;
	width: 100%;
	margin: 0 0 0 0;
}

table.CXtopform 
{
	table-layout: fixed;
	height: 100%;
	background-color: #EFEFEB;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ABC0E7;
}

td.CXtopformTOP 
{
	height: 24px;
}

td.CXtopformFOOTER
{
	height: 24px;
	background-color: #365484;
	color: White;
	font-size: 10px;
	padding: 0 10px 0 10xp;
}

table.CXtopformTOP 
{
	table-layout: fixed;
	height: 100%;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

td.CXtopformLOGIN 
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ABC0E7 #ABC0E7 #00377A #00377A;
	background-color: #7288AC;
	color: White;
	width: 160px;
	height: 22px;
	padding: 0 5px 0 5px;
	overflow: hidden;
	font-size: 11px;
	white-space: nowrap;
}

span.CXnowraptitle
{
	width: 100%;
	height: 100%;
	padding: 3px 3px 3px 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

td.CXtopformMENU 
{
	border: solid;
	border-width: 1px 0 1px 1px;
	border-color: #ABC0E7 #ABC0E7 #00377A #00377A;
	background-color: #7288AC;
	padding: 0 5px 0 5px;
	overflow: hidden;
	font-size: 11px;
}

td.CXtopformTITLE 
{
	border: solid;
	border-width: 1px 1px 1px 0;
	border-color: #ABC0E7 #ABC0E7 #00377A #00377A;
	background-color: #7288AC;
	color: #FFFF00;
	font-weight: bold;
	width: 160px;
	padding: 0 10px 0 10px;
	overflow: hidden;
	text-align: right;
	font-size: 11px;
	white-space: nowrap;
}

td.CXtopborder1 
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #7F7D75;
	border: none;
}

td.CXtopborder2 
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #B0AEA3;
	border: none;
}

td.CXtoplogout 
{
	padding: 0 0 0 10px;
}

input.CXtoplogout 
{
	border: solid;
	border-width: 1px 1px 1px 1px;
	color: White;
	border-color: #00377A;
	height: 100%;
	padding: 0px 5px 2px 5px;
	background-color: #64799C;
	font-size: 11px;
}

table.CXtopformBODY 
{
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

td.CXtopformBODYMENU 
{
	width: 160px;
	height: 100%;
	background-color: White;
	vertical-align: top;
}

div.CXtopformBODYMENU 
{
	width: 100%;
	height: 100%;
	background-color: White;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	overflow: auto;
	font-size: 11px;
}

/*
 * ---------------------------------------------------
 * Windows tree style
 * ---------------------------------------------------
 */

div.CXtreeroot 
{
	width: 100%;
	height: 100%;
	overflow: auto;
}

span.CXtreexpandcolapse
{
	padding: 0 2px 0 0;
	text-align: right
}

span.CXtreenodeicon 
{
	width: 16px;
	cursor: hand;
}

span.CXtreenodetext 
{
	font-size: 10px;
	cursor: hand;
	overflow: hidden;
	white-space: nowrap;
}

div.CXtreenode 
{
	height: 16px;
}

span.CXtreenode 
{
	overflow: hidden;
	white-space: nowrap;
}

div.CXtreeblock 
{
	position: absolute; 
	top: -1000px;
	left: -1000px;
	overflow: hidden; 
	visibility: hidden; 
	height: 1px; 
}
div.CXtreeblockON
{ 
	position: relative; 
	overflow: visible; 
	visibility: visible; 
	height: 10px; 
}

iframe.CXtopbody 
{
	width: 100%;
	height: 100%;
}

select.CXselect 
{
	width: 99%;
}


/*
 * -----------------------------------
 * Calendar
 * -----------------------------------
 *
 */

table.CXcalendar 
{
	table-layout: fixed;
	width: 100%;
}

td.CXcalendarinput 
{
	width: 100%;
	padding: 0 2px 0 0;
}

input.CXcalendarinput 
{
	width: 100%;
	height: 20px;
}

td.CXcalendarimage 
{
	width: 36px;
}


td.CXcalendartime 
{
	width: 70px;
}

td.CXtime 
{
	width: 50px;
	padding: 0 0 0 3px;
}

input.CXtime 
{
	width: 50px;
	height: 18px;
	font-size: 10px;
}

div.XXX 
{
	border: solid; 
	border-width: 1px 1px 1px; 
	border-color: black; 
	width: 70px;
	height: 100px;
	overflow: auto;
}

table.xxx 
{
	table-layout: fixed;
	width: 100%;
}


/*
 * -----------------------------------
 * Toggle Select Control
 * -----------------------------------
 *
 */
table.CXAddRemoveSelection
{
	WIDTH: 100%;
}

div.CXAddRemoveHeading
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt;
}

select.CXAddRemoveSelectBox
{
	FONT-SIZE: 8pt; 
	WIDTH: 100%; 
	HEIGHT: 147px;
}

div.CXSelectButton
{
	BORDER-RIGHT: #9a9fa3 2px solid; 
	BORDER-TOP: #9a9fa3 2px solid; 
	FONT-SIZE: 9pt; 
	BACKGROUND-IMAGE: url("../_imgs/buttonfade.gif");  
	VERTICAL-ALIGN: baseline; 
	BORDER-LEFT: #9a9fa3 2px solid; 
	WIDTH: 50px; 
	CURSOR: default; 
	BORDER-BOTTOM: #9a9fa3 2px solid; 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 18px; 
	TEXT-ALIGN: center;
}

td.CXFixedHeight
{
	HEIGHT: 10px;
}

td.CXButtonColumn
{
	WIDTH: 45px; 
	TEXT-ALIGN: center;
}
td.CXButtonSpacer
{
	WIDTH: 10px
}


/*
 *  Styling of edit framework elements
 */

table.CXeditframe 
{
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

td.CXeditframetop 
{
	height: 48px;
	overflow: hidden;
}

td.CXeditframebody 
{
}

td.CXeditframefooter 
{
	background-color: #365484;
	height: 23px;
	color: White;
	padding: 0 0 0 10px;
	
}

table.CXeditframebody 
{
	width: 100%;
	height: 100%;
}

td.CXeditframeleftmenu 
{
	width: 140px;
	overflow: hidden;
	background-color: white;
	color: black;
	padding: 5px 2px 2px 0px;
	vertical-align: top;
	text-align: left;
	border: solid;
	border-width: 0 1px 0 0;
	border-color: #B1BAC1;
}

iframe.CXeditframework 
{
	width: 100%;
	height: 100%;
}


/* 
 *  Simple table styling
 */

div.CXsimpletableheader
{
	height: 22px;
}

div.CXsimpletablebody 
{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 1px;
	background-color: White;
	border: solid;
	border-width: 1px 0 1px 1px;
	border-color: #C5C2B2 #C5C2B2 #C5C2B2 #C5C2B2;
}


div.CXsimpletablefooter
{
	height: 22px;
}

table.CXsimpletabledata 
{
	table-layout: fixed;
	width: 100%;
	height: 22px;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #EAE9E1; 
}


table.CXsimpletabledataheader 
{
	table-layout: fixed;
	width: 100%;
	height: 22px;
	background-color: #ECE9D8;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: White White #D2CFBE #D2CFBE;
	padding: 0 0 0 2px;
}

td.CXsimpletablecellheader 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	cursor: default;
	border: solid;
	border-width: 0 0 1px 0;
	border-color: #DCD8C8; 
	height: 21px;
}

td.CXsimpletablecell 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	cursor: default;
	padding: 0 0 0 4px;
	cursor: default;
}

span.CXsimpletablesep 
{

	padding: 2px 0 0;
	height: 14px;
	width: 2px;
	overflow: hidden;
	border: solid;
	border-color: white White White White;
	border-width: 0 1px 0 0;
	background-color: #ACA899;
}

span.CXsimpletabletxt 
{
	padding: 0 0 0 3px;
	overflow: hidden;
	white-space: nowrap;
}

/*
* ImageLookup Styles
*/

div.CXImageLookupDiv
{
	WIDTH: 100%; 
	POSITION: relative;
	DISPLAY: inline;
}

div.CXImageDiv
{
	POSITION: relative;
	HEIGHT: 1.5em
}

input.CXImageInput
{
	LEFT: 0%; 
	POSITION: absolute;
}

table.CXImageControl
{
	WIDTH: 100%; 
	POSITION: relative;
}

td.CXImageButton
{
	width:21px;
}

div.CXImagePopupDiv
{
	POSITION: absolute;
}

img.CXImagePopupImg
{
	VISIBILITY: hidden;
}

/*
* ImageLookup Styles
*/