body {
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
	color: #000000;
	background:  url(../images/blue/BodyBackground.gif) repeat top left;
	height: 100%;
	min-height: 600px;
}
.MainHeader {
	float: left;
	width: 100%;
	min-width: 800px;
	background:  url(../images/blue/MainHeaderBackground.gif) repeat-x top left;
	color: #2a405b;
	font-size: 100%;
	padding : 0em;
	margin : 0em;
	/* padding : 1em .25em 0em .25em; */
}
.MainHeaderLogo
{
	position :absolute;
	top : 0px;
	left : 0px;
	margin: 0;
}

.MainHeaderLeft {
	float: left;
	text-align: left;
	padding : .3em;
	font-style : italic;
}

.MainHeaderText 
{
	height : 14px;
	padding-top : 4px;
}

.MainHeader a {
	color: #2a405b;
	text-decoration: none;
}
/*.MainHeader a:visited {
	color: #2a405b;
}*/
.MainHeader a:hover {
	color: #bc8282;
	text-decoration : underline;
}
/*.MainHeader a:active 
{
	color: #bc8282;
	text-decoration : none;
}*/

.MainHeaderRight {
	float: right;
	padding : .5em .8em;
}
.MainHeaderDivLine {
	float: left;
	width: 100%;
	height: 2px;
	background: url(../images/blue/HeaderHorizDivLine.gif) repeat-x top left;
	font-size : 2%;
}                                           
.Clear {
	clear: both;
}
/* toolbar - in header*/
.MainHeaderToolBar {
	float: left;
	width: 100%;
	height: 24px; 
	padding-top : 4px;
	background:  url(../images/blue/MainHeaderToolbarBackgr.gif) repeat-x top left;
}

/* Recently Viewed - in header */
.MainHeaderRecent {
	float: right;
	width: 100%;
	height: 6px; 
	background: #ffffff url(../images/blue/RecentlyAccessedBackgr.gif) repeat-x top left;
}

.ssdropdown 
{
	display : inline;
	border-color : #A8A9BE;
	border-style : solid;
	border-width: 1px 1px 1px 0px;
	background-image : url(../images/blue/searchBg.gif);
	background-repeat : repeat;
	margin-right: .5em;
	margin-left : 0px;
	margin-top : 1px;
	padding : 1px 4px 0px 4px;
	float : right;
}
.ssdropdownhighlite 
{
	display : inline;
	border-color : #A8A9BE;
	border-style : solid;
	border-width: 1px 1px 1px 0px;
	background-image : url(../images/blue/searchBgOrange.gif);
	background-repeat : repeat;
	margin-right: .5em;
	margin-left : 0px;
	margin-top : 1px;
	padding : 1px 4px 0px 4px;
	float : right;
}
.ssbutton 
{
	display : inline;
	border-color : #A8A9BE;
	border-style : solid;
	border-width: 1px 1px 1px 0px;
	background-image : url(../images/blue/searchBg.gif);
	background-repeat : repeat;
	margin-left : 0px;
	margin-top : 1px;
	padding : 1px 2px 0px 2px;
	float : right;
}
.ssbuttonhighlite 
{
	display : inline;
	border-color : #A8A9BE;
	border-style : solid;
	border-width: 1px 1px 1px 0px;
	background-image : url(../images/blue/searchBgOrange.gif);
	background-repeat : repeat;
	margin-left : 0px;
	margin-top : 1px;
	padding : 1px 2px 0px 2px;
	float : right;
}


#NavBarSpace 
{
	width : 130px;
}

.NavBar
{
	width : 130px;
}

#MainWorkArea 
{
	width : 99.5%;
	margin : .2em .2em 0em .2em;
}

#MainContent 
{
	margin-bottom:.2em;
}

.mainContentContent 
{
	border: solid 1px #b5cbe0;
	width : 100%;
	background : url(../images/blue/bodyBackground.gif);
	background-color : White;
	margin : 0px;
	margin-bottom : 4px;
}  

             

#tabMiddlePaneArea DIV#tabMiddlePaneContents
{
	clear : both;
}

.mainContentHeader 
{
	border: solid 1px #b5cbe0;
	border-bottom-width: 0px;
	margin : 0px;
	width: 100%;
}

.mainContentHeader IMG 
{
	padding-right : 4px;
	padding-left : 4px; 
	vertical-align : middle;
}
.mainContentHeader INPUT 
{
	padding-right : 4px;
	padding-left : 0px;
	vertical-align : middle;
}
/* this is the 'header' that shows up in the middle of some forms
it is a horizontal division that is set to be styled like a header */
.mainContentContent .mainContentHeader, .dialogContentArea .mainContentHeader, .tabContent .mainContentHeader
{
	border-top: solid 1px #b5cbe0;
	border-bottom: solid 1px #b5cbe0;
	border-left-width : 0px;
	border-right-width : 0px;
	height: 20px;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
	background: url(../images/blue/PaneHeader.gif) repeat-x;
	color: #2a405b;
	font-size: 110%;
	font-weight : normal;
}
.tabContent .mainContentHeader 
{
	padding-left : 0px;
	margin-top : 10px;
	margin-bottom : 0px;
}
.dialogContentArea .formtable .mainContentHeader SPAN
{
	padding-left : 20px;
}
/*
.mainContentContent .mainContentHeader SPAN
{
	padding-left : 8px;
}
*/
.mainContentHeaderTable
{
	width: 100%;
	height: 26px;
	background: url(../images/blue/PaneHeader.gif) repeat-x;
	color: #2a405b;
	font-size: 110%;
	font-weight : normal;
} 
.mainContentHeaderTable TD 
{
	white-space : nowrap;
	padding : 0em .5em 0em 6px;
	vertical-align : middle;
}

.mainContentHeaderToolsLeft 
{
}
.mainContentHeaderToolsCenter 
{
	text-align : center;
}
.mainContentHeaderToolsRight 
{
}


/* matches the whole dialog space - including the header  */
.dialogContentArea 
{
	background-color : White;
	background:  url(../images/blue/BodyBackground.gif) repeat top left;
}
/* matches the dialog area excluding the header - when it is showing a message using the ShowMessage method */
.dialogContentArea .message 
{
	overflow : auto;
	height : 200px;
	padding : 1em;
}

/* matches the dialog area excluding the header - when it is showing a smartpart in the dialog*/
.dialogContentArea .dialogbody
{
	overflow : auto;
}


A 
{
	color : #0000cc;
	text-decoration : none;
}

A:hover 
{
	/*color : #770000;*/
	text-decoration : underline;
}
A:active 
{
	color : #0000cc;
	text-decoration : none;
}


.updateProgress
{
	/* clear : both; */
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=0);
	MozOpacity: 0;
	opacity: 0;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 25%;
	left: 50%;
}



.datagrid 
{
	border-collapse : collapse;
	border-width : 0px;
}

.datagrid TD 
{
	padding : 1px .25em;
	border : solid 0px #aaaaaa;
	font-size : 90%;
	font-weight : normal;
}
.datagrid TH 
{
	font-weight : bold;
	text-align : left;
	border-width : 0px;
	font-size : 90%;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
	background-color : #eeeeee; /* #f7f7f8; */
	color: #000000;
	padding: .25em;
	border-right : solid 1px #dddddd;
}

.datagrid CAPTION 
{
	font-weight : bold;
}

.rowlt 
{
	background-color : #ffffff;
}

.rowdk 
{
	background-color : #f7f7f8;
}

.rowSelected 
{
	background-color : #fbf3c8;
}


.gridPager TD
{
	padding-top : 1px;
	font-size : 100%;
	font-weight : bold;
}

/*.gridPager SPAN 
{
	font-size : 110%;
}*/

.gridPager A 
{
	font-weight : normal;
}

.formtable .yui-panel .hd 
{
	background-image:url(../images/blue/PaneHeader.gif);
	color: #2a405b;
	font-size: 110%;
	font-weight : normal;
}

.formtable .yui-panel 
{
	background-image : url(../images/blue/BodyBackground.gif);
	background-repeat : repeat;
}

.formtable .yui-panel .container-close 
{
	width : 18px;
	height : 18px;
	background-image : url(../images/icons/close_dialog.gif);
	background-repeat : no-repeat;
}

/* this is a textbox that has the "label" as the text. When the mouse enters it, this class is removed.  */ 
.tboxinfo
{
	font-style : italic;
	color : #444444;
	font-size : 90%;
}

.dirtyDataMessage 
{
	display : none; 
	position : absolute; 
	bottom : 0px; 
	left : 0px; 
	border : solid 1px #B5CBE0; 
	height : 40px; 
	width : 123px; 
	background-color : #fcfcfc;
	margin : 2px; 
	padding : 8px 2px; 
	vertical-align : middle; 
	text-align : center; 
	color:#666666
}

#GroupNameDiv
{
	background-color:#F7F6F3;
	width: 202px;
	
	/* required for iframe fix */
	overflow: hidden;
}

#GroupNameDiv .wrapper
{
	border: solid 1px WindowFrame;
}

#GroupNameDiv table
{
	width: 100%;
}

#GroupNameDiv iframe
{
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

/* --------------------------------------------------------------------------------------------------------------------- */