/* 
----------------------------------------------
Standard HTML Items
----------------------------------------------
*/

html
{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}

body
{
	font-size: 10px;
	color: black;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 0px;
	margin: 0px;
	width:100%;
	height:100%;
}

form
{
    height: 100%;  
    margin: 0px;  
    padding: 0px;  
}

img 
{
	border: none;
}

h2
{
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
}

h3 
{
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h4 
{
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h5 
{
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

table.center 
{
	margin-left:auto; 
	margin-right:auto;
}

/*

*/
.clear { clear: both; height: 0; font-size: 0px; }

/* 
----------------------------------------------------------------------
Menu Header Menu Links specific classes 
----------------------------------------------------------------------
*/
#top {
height: 60px;
color: #CCC;
}

#top h1 {
display: none;
}

#top div
{
background: url(../images/trm_1x1.png) 0 0;
text-align: left;
z-index: 90000;
display: block; 
border-style: ridge;
border-color: white;
border-width: 1px;
width: 241px;
}

#top span 
{
font-size: 7pt;
color: #FFF;
text-decoration: none;
white-space: nowrap;
font-weight: bold;
}

#top a {
color: #333;
font-weight: bold;
font-size: 7pt;
text-decoration: none;
white-space: nowrap;
}

#top a:hover {
color: #000;
font-weight: bold;
font-size: 7pt;
}

#top .M_DivTopRightMenu
{
background: url(../images/trm_background.png) 0 0 no-repeat;
height: 20px;
width: 260px;
padding: 0px 0px 0 0px;
margin-right: 10px;
border-style: none;
}

#top .M_uxTopRightMenuMenu table
{
    width: 234px;
}

#top .M_uxTopRightMenuMenu td
{
    height: 16px;
    width: 100%;
    padding: 2px 3px 2px 3px;
}

#top .M_uxTopRightMenuMenu tr:hover
{
    background: url(../images/trm_1x1_2.png) 0 0;
}

/* 
----------------------------------------------
Express specific classes 
----------------------------------------------
*/

.EXDesc { DISPLAY: none; POSITION: absolute; vertical-align:middle }
.EXHelpTitle {COLOR: white; background-color:Navy }
.EXHelpIcon { PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-RIGHT: 20px;}
.EXHeadText { FONT-WEIGHT: bold; vertical-align:middle; }
.EXHelpBody { vertical-align:top; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 10px; PADDING-TOP: 10px }
.EXMoreInfoBg { background-color:White; }
/* 
----------------------------------------------
eSight specific classes 
----------------------------------------------
*/

/* 
--------------------------------------------------------------------------------------------
#main: Can be used in div tag. To be put around whole page to define generic styles 
--------------------------------------------------------------------------------------------
*/
.Main 
{
	font-size:12px;
	color: black;
	/*font-family:  Arial, Helvetica, sans-serif;*/
	height:100%;
}

.TableOuter
{
	margin-left:3px;	/* apply 3 px padding to LHS of outer table*/
	width:99%;			/* and make 99% of width of page */
	float:left;

}

/*
------------------------------------------------------------------------------
Styles for the error page
------------------------------------------------------------------------------
*/
	.errorHeader { FONT-WEIGHT: bold; FONT-SIZE: 1em; VERTICAL-ALIGN: super; COLOR: red}
	.errorText { FONT-SIZE: 12px; }
	
/* 
--------------------------------------------------------------------------------------------
UserInput classes:	
	Surround User Input areas with div tag class=UserInput. Each item inside the tag 
	will pick up the appropriate styles depending on it's type 
	No further css class required for the tags inside the div (they pick up style from the div)
--------------------------------------------------------------------------------------------
*/

/* UserInput table columns with class label eg field labels on list pages */
.UserInput col.label 
{
	font-size: 9pt;
	font-weight: bold;
    font-family: arial,helvetica,sans-serif;
	
	/*text-align:right;*/
}

/* UserInput table columns with class label eg field labels on list pages */
.UserInput td.label 
{
	font-size: 9pt;
	font-weight: bold;
    font-family: arial,helvetica,sans-serif;
	
	/*text-align:right;*/
}

/* UserInput table columns with class label eg field labels on list pages */
.UserInput col.labellarger
{
	font-size: 10pt;
	font-weight: bold;
    font-family: arial,helvetica,sans-serif;
	
	/*text-align:right;*/
}

/* UserInput table columns with class label eg field labels on list pages */
.UserInput col.labelsmaller
{
	font-size: 8pt;
	font-family: arial,helvetica,sans-serif;
	
	/*text-align:right;*/
}

/* UserInput table columns with class label eg field labels on edit pages */
.UserInput td.EditLabel
{
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

/* UserInput table columns with class label eg field labels on edit pages */
.UserInput col.EditLabel
{
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

/* UserInput table columns with class label eg field labels on edit pages */
.EditLabel
{
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    font-family: arial,helvetica,sans-serif;
}

/* UserInput table columns with class display eg user display and buttons*/
.UserInput td.display 
{
	font-size: 9pt;
	font-weight: normal;
	text-align:left;
    font-family: arial,helvetica,sans-serif;
}

/* UserInput table columns with class display eg user display and buttons*/
.UserInput col.display 
{
	font-size: 9pt;
	font-weight: normal;
	text-align:left;
    font-family: arial,helvetica,sans-serif;

}

.UserInput col /* UserInput table columns with NO class */
{
	font-size: 9pt;
	font-weight: normal;
    font-family: arial,helvetica,sans-serif;	
}

.UserInput input, select, button
{
	font-size: 9pt;
    font-family: arial,helvetica,sans-serif;
/*	border-right: #4873a9 1px solid;
	border-top: #4873a9 1px solid;
	border-left: #4873a9 1px solid;
	border-bottom: #4873a9 1px solid;*/
}


.UserInput textarea /* UserInput text areas */
{
	font-size: 9pt;
    font-family: arial,helvetica,sans-serif;
	/*border-right: #4873a9 1px solid;
	border-top: #4873a9 1px solid;
	border-left: #4873a9 1px solid;
	border-bottom: #4873a9 1px solid;*/
}

/*.UserInput radio, checkbox /* DOESN'T SEEM TO WORK UserInput radio and checkboxes */
/*{
	font-size: 12px;
	font-weight: bold;
}*/


/* 
	UserInput input/select items within the div tag with class=UserInput 
	but that also have their own class set to "req" 
*/
.UserInput input.req, select.req, textarea.req
{
	border-style:ridge;
	background-color:#fff9bc;
}

/* readonly pages like audit details */
.UserInput input.readonly, textarea.readonly
{
	border-style:solid;
	background-color: #E7E7FF;
	border-width: 2px;
	border-color:#E7E7FF;
}

.SmallerText {font-size:9px;}
 
/*
-----------------------------------------------------------------
Data Grid Styles (when datagrids are displayed in tables)
	- set the datagrid to class DataGrid
	- set the datagrid header to class DataGridHeader
	- etc.
Changes Jun 07 to match new gridview styling
-----------------------------------------------------------------
*/

.DataGrid
{
	border-right: #e7e7ff 1px solid;
	border-top: #e7e7ff 1px solid;
	border-left: #e7e7ff 1px solid;
	border-bottom: #e7e7ff 1px solid;
	font-size: 9px;
	color: black/*#507CD1*//*navy*/;
	background-color: white;
}


.DataGrid td 
{
	padding: 3px;	/* put padding around items (as it's turned into a table) */
}

.DataGridHeader
{
	color:white/*#f7f7f7*/;
	background-color:#507CD1;  /*Navy;*/
	font-weight:bold;
	vertical-align:top;
}

.DataGridHeader td a, a:visited
{
	color: #f7f7f7;
	text-decoration: none
}

.DataGridHeader td a:hover, a:visited:hover
{
	color: #f7f7f7;
	text-decoration: underline
}

.DataGridHeader td a:visited, a:active
{
	color: #f7f7f7;
	text-decoration: none
}



.DataGridFooter
{
	background-color:#507CD1/*#b5c7de*/;
}

/* This class is used by name in the code of IVSupplierInvoiceValidation.aspx
	DO NOT CHANGE */
.DataGridAlternatingItem
{
	background-color:white/*#f7f7f7*/;
	vertical-align: top;
}

/* This class is used by name in the code of IVSupplierInvoiceValidation.aspx
	DO NOT CHANGE */
.DataGridItem
{
	background-color:#EFF3FB/*#e7e7ff*/;
	vertical-align: top;
}

/* This class is used by name in the code of IVSupplierInvoiceValidation.aspx
	DO NOT CHANGE */
.DataGridAlternatingItemBold
{
	background-color:white/*#f7f7f7*/;
	vertical-align: top;
	font-weight: normal/*bold*/;
}

/* This class is used by name in the code of IVSupplierInvoiceValidation.aspx
	DO NOT CHANGE */
.DataGridItemBold
{
	background-color: #EFF3FB/*#e7e7ff*/;
	vertical-align: top;
	font-weight: normal/*bold*/;
}

.DataGridSelectedItem
{
	background-color: #fff9ab;
	vertical-align: top;
}

.DataGridEditItem
{
	background-color: #EFF3FB/*#fff9ab*/;
	vertical-align: top;
}


.DataGridPager
{
	background-color:#2461BF/*#e7e7ff*/;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;	/* to match font family of links */
	font-size:1em;
	vertical-align:top;
}

/* to define links used in pager - make them half the size of the normal text. 
	Note the DataGridPager class is the "parent" */
.DataGridPager span { color:navy; font-weight:bold; padding-right:3px; padding-left:3px; vertical-align:bottom;}
.DataGridPager a:link { color:navy; font-size:1em; vertical-align:bottom;}
.DataGridPager a:visited { color:navy; font-size:1em; vertical-align:bottom;}
.DataGridPager a:hover { color:navy; font-size:1em; vertical-align:bottom;}

/* Text showing info about grid (eg number of records) */ 
.DataGridInfoText
{
	font-size:10px;
	font-weight:bold;
	margin-left:3px;
	color:Navy;
}

.Warning 
{
	font-size:10px;
	font-weight:bold; 
	margin-left:3px;
	color:Red; 
} /* should eventually be removed and all warnings done via validation summary */


/* Totals at bottom of grids */ 
.DataGridTotalTable { border-top:#dcdcdc thin solid; }
.DataGridTotalCell { text-align:right; height:30px; vertical-align:bottom; }
.DataGridTotalLabel { font-weight:bold; text-align:right;  }
.DataGridTotalAmount { text-align:left; }
.DataGridAdjoiningCell {font-weight:bold; text-align:right; height:50px; vertical-align:bottom; padding-bottom:3px }

/* 
-------------------------------------------------------------------
For emissions analysis page 
-------------------------------------------------------------------
*/ 
.InfoText
{
	font-family:arial;/* arial */
	width:300px; /* 225px */
	font-size:9px; /* 12px */
	border-style:solid; /* solid */
	border-width:1px; /* 1px */
	background-color: #efefef; /* #efefef */
	height:12px; /* 2px */
	color:black; /* black */
	text-align:center;
	float:left;
}

.GridStyleRowBottom {BORDER-BOTTOM: #babffc 1px dashed} /* ????? */

.GridStyleLabelColumn
{
	font-size:9px;
	color: Navy; /* #4a3c8c; */
	font-family: Verdana; 
	background-color: #EFF3FB;
	text-align:right;
}
.GridStyleCreditColumn
{
	font-size: 9px;  
	background-color: #f4f4f4;
	text-align:right;
	padding-left:12px;
}

.GridStyleDebitColumn
{
	font-size: 9px;  
	background-color: #e5e5e5;
	text-align:right;
	padding-left:12px;
}

.GridStyleHeaderCell
{
	font-weight: bold; 
	font-size: 9px; 
	color: white; 
	background-color:#507CD1;
	height:35px;
	padding-left:10px;
	text-align:right;
}

.RightAlign { TEXT-ALIGN: right }
.RightAlignReq 
{
	TEXT-ALIGN: right; 	
	border-style:ridge;
	background-color:#fff9bc
}

.CreditColumn {	background-color:#f4f4f4; }
.DebitColumn {	background-color:#e5e5e5; }

/* 
-------------------------------------------------------------------
For EADataIntegrityPages
-------------------------------------------------------------------
*/ 
.AnalysisGraphKey { FONT-SIZE: 1em; text-decoration:underline; font-weight:bold; text-align:center; }
.Key1 {background-color:powderblue; font-size:1em; color:Black; text-align:center;}
.Key2 {background-color:lightskyblue; font-size:1em; color:Black; text-align:center;}
.Key3 {background-color:skyblue; font-size:1em; color:Black; text-align:center;}
.Key4 {background-color:blue; font-size:1em; color:white; text-align:center;}
.Key5 {background-color:mediumblue; font-size:1em; color:white; text-align:center;}
.Key6 {background-color:darkblue; font-size:1em; color:white; text-align:center;}
.Key7 {background-color:midnightblue; font-size:1em; color:white; text-align:center;}

.AnalysisColumn1Top {border-left:gray 1px solid; border-top:gray 1px solid;}
.AnalysisColumn2Top {border-top:gray 1px solid;}
.AnalysisColumn3Top {border-top:gray 1px solid; border-right:gray 1px solid;}

.AnalysisColumn1Bottom {border-left:gray 1px solid; border-bottom:gray 1px solid; WIDTH: 20px;  vertical-align:top;	height:10px;}
.AnalysisColumn2Bottom {border-bottom:gray 1px solid; }
.AnalysisColumn3Bottom {WIDTH: 36px; border-bottom:gray 1px solid;border-right:gray 1px solid;}

.AnalysisGrid
{	BORDER-RIGHT: gray 1px; 
	BORDER-TOP: gray 1px; 
	BORDER-BOTTOM: gray 1px solid; 
	background-color:#ffffff; 
	vertical-align:top;
}

.AnalysisGridItem
{
	font-size:9px;
	text-align:center;
	vertical-align:middle;
}

.GridKey {font-size:9px; text-align:center ; vertical-align:middle; font-weight:bold;}
.GridKeyOk {background-color:powderblue; font-size:9px; color:black; text-align:center;}
.GridKeyProblem{background-color:midnightblue; font-size:9px; color:White; text-align:center;}
.GridKeyAutofilled{background-color:lightyellow; font-size:9px;color:black; text-align:center;}

/* 
-------------------------------------------------------------------
For View Budget Page
-------------------------------------------------------------------
*/ 

.BudgetTable
{
	margin-left:1px;	/* apply 3 px padding to LHS of outer table*/
	width:740px;			/* and make 99% of width of page */
}

.BudgetColumn
{
	font-size: 9px;  
	background-color: #f1efe2;
	text-align:left;
	height:20px;
}

.BudgetHeaderCell
{
	font-weight: bold; 
	font-size: 9px; 
	color: black; 
	background-color: #99ccff;
	height:20px;
	text-align:left;
	padding:1px;
}

.BudgetGraphKey 
{
	font-size: 9px;
	font-weight:bold;
	width:740px; 
	height:10px; 
	border-style: none;
}

/* 
----------------------------------------------------------------------
Pseudo selectors for links should be in this order to work properly 
----------------------------------------------------------------------
*/
a
{
	color: navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover, a:visited:hover
{
	color: navy;
	text-decoration: none;
}

a:link, a:visited, a:active
{
	color: navy;
	text-decoration: none;
}


/*
------------------------------------------------
eSight classes - can be applied to any element
------------------------------------------------
*/

.NormalTextIndent /* in use */
{
	font-size: 12px;
	color: black;
	margin: 1em;
}

.box  /* used in login page */
{
	margin: 0;
	padding: 7px;
	background-color: #FFF;
	border: 1px solid #CCC;
}

.box-header  /* used in login page */
{
	margin: 0;
	padding: 2px 7px;
	background-color: #CCC;
	border: 1px solid #CCC;
}

.table-border
{
	border-right: black thin solid;
	padding-right: 5px;
	border-top: black thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: black thin solid;
	padding-top: 5px;
	border-bottom: black thin solid;
}


/*
------------------------------------------------
EULA page - not yet used!
------------------------------------------------
*/

.EULAPage
{
	background-color:ivory;
	color:Navy;
	font-size:1em;
	color: black;
	font-family:  Arial, Helvetica, sans-serif;	
}

.EULABanner {background-color:palegoldenrod; }
.EULABannerText {font-size:3em ; color:navy;}
.EULAAppTitle {font-size:2em;}
/*
------------------------------------------------
Login Page
------------------------------------------------
*/
.LoginPage
{
	background-color:whitesmoke;
	font-size:9px;
	color: black;
	font-family:  Arial, Helvetica, sans-serif;	
}

.VersionText {font-size:16px}
.Smaller {font-size:12px}

#LoginText
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-align: center;
}
#LoginText A
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: navy;
	padding-top: 0px;
	text-decoration: underline;
}

#divLicenseManagement
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-align: center;
}
#divLicenseManagement A
{
	text-decoration: underline;
	color: navy;
}

#Copyright
{
	font-size: 12px;
	color: black;
	font-family: Arial;
	text-align: center;
}

/*
------------------------------------------------
eSight ID Selectors - applied to a named element
------------------------------------------------
*/




#HelpAboutText 
{
	font-size: 1em;
	color: black;
	font-family: Arial;
	text-align: center;
}

#HelpAboutText A
{
	text-decoration: underline;
	color: navy;
}



/*
-----------------------------------------------------------------
Header style Classes
-----------------------------------------------------------------
*/

.PageTitle
{
	font-size: 22px;
	color: #5B59BA;
	border-bottom: #CCC 1px solid;
	font-family: Arial;
	text-align: left;
}


/*
------------------------------------------------
GridView Hidden Panel Fix Classes
------------------------------------------------
*/

.EmptyGridViewHeaderTableRow
{
	width: 100%;
	height: 25px;
	background-color: #507CD1;
	border-color: #507CD1;
	padding: 1px;
}

.EmptyGridViewFooterTableRow
{
	width: 100%;
	height: 25px;
	background-color: #2461BF;
	border-color: #2461BF;
	vertical-align: middle;
	padding: 1px;
}

.EmptyGridViewTableCell
{
	 font-weight: bold;
	 color:White;
	 font-size: 9px;
	 text-align: left;
}

/*
------------------------------------------------
POP-UP WINDOW
------------------------------------------------
*/

.PopupDesc { DISPLAY: none; POSITION: absolute; vertical-align:middle }
.PopupTitle {COLOR: white; background-color:Navy }
.PopupIcon { PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-RIGHT: 20px;}
.PopupHeadText { FONT-WEIGHT: bold ; vertical-align:middle ; float:left }
.PopupBody { vertical-align:top; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 10px; PADDING-TOP: 10px }


/*
------------------------------------------------
MODAL POP-UP WINDOW
------------------------------------------------
*/

.popupControl {
	background-color: White;
	position:fixed;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopupPanel {
	background-color:White;
	border: 1px solid #708EBF;
	width:500px;
}

.modalHeader 
{
	height: 20px; 
	background-image: url('../images/title_gradient.gif');
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	padding-top:2px;
	margin-bottom:-2px;
	padding-left:5px;
}

.modalContent
{
      font-family: Arial;
      font-size: 12px;
      padding: 5px;
}

 .updateBackground 
{
    z-index: 99999999;
    background-color:White;
    filter:alpha(opacity=50);
    opacity:0.50;   
}    
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    border-color: Red;
    position:absolute; 
    width:50px; 
    height:50px;    
}

/*
	Fix for broken lines in treeview
*/
#T td div 
{
	height: 20px !important
}

/*
------------------------------------------------
NOT USED / NsOT USED YET!
------------------------------------------------
*/

#bgGrey
{
	background-color: whitesmoke;
	height: 600px;
}
.Splitter
{
	background-color: navy;
}

.TitleText
{
	font-size: 14pt;
	color: green;
	font-family: Arial;
}

.FormText
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#normalText
{
	font-size: 10px;
	color: black;
}

.smallText
{
	font-size: 9px;
}


.CompanyLogo
{
	font-weight: bold;
	font-size: 2.2em;
	color: navy;
	font-family: Arial;
}
.eSightLogo
{
	font-weight: bold;
	font-size: 2em;
	color: navy;
	font-style: italic;
	font-family: Arial;
}

.eSightLogoTM
{
	font-weight: bold;
	font-size: 0.7em;
	vertical-align: super;
	color: navy;
	font-style: italic;
	font-family: Arial;
}

.watermarked 
{ 
	color: Gray; 
	font-style: italic; 
}

.MenuExpress 
{
    height:98px;
}

.MenuAdvanced
{
   height:111px;
}

.GreyEnds
{
	margin: 0;
	padding: 5px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

hr
{
    height: 1px;
    color: #CCC;
}

/* 
----------------------------------------------
Telerik Tab Control
----------------------------------------------
*/

.splitPane
{
	margin-left: 4px;
}

.tabMultiPage
{
    padding: 3px; 
    border-color: #6788BE;
    border-style: Solid;
    border-width: 1px;
    border-top-style: none;
}

.tabStrip
{
	background-image: url(../Skins/Web20/TabStrip/TabStripBg.gif); 
	background-repeat: repeat;
}

/* 
----------------------------------------------
Window Styles
----------------------------------------------
*/

.windowConfigBorder
{
	border: 1px solid #8375AF;
}

.windowConfigHeader
{
	width: 100%;
	height: 20px; 
	background-image: url('../images/title_gradient_config.gif');
	color: white;
	font-weight: bold;
}

.windowConfigBody
{
	width:100%;
	height: 100%;
	overflow:auto; 
	background-color: #F2F2F2;
}
.windowGridBorder,
.windowBorder
{
	border: 1px solid #708EBF;
}

.windowGridBottomBorder
{
	border-bottom: 1px solid #708EBF;
}

.windowHeader
{
	width: 100%; 
	height: 20px; 
	background-image: url('../images/title_gradient.gif');
	color: white;
	font-weight: bold;
	padding-top:2px;
	margin-bottom:-2px;
}

.windowBody,
.windowGridBody
{
	width:100%; 
	height: 100%; 
	overflow:auto;
	background-color: #FFFFFF;
}

.windowGridBody
{
    background-color: #EFF3FB;
    padding-bottom: 10px;
}

.windowBody hr
{
    height: 1px;
    color: #708EBF;
}
/* 
----------------------------------------------
Window Datagrid Styles
----------------------------------------------
*/

.windowDatagridHeader 
{
	background-image: url('../images/title2_gradient.gif');
}

.windowDatagridAlt 
{
	background-image: url('../images/alternating_gradient.gif');
}


/*
----------------------------------------------------
SCROLLABLE TABLE STYLE 
----------------------------------------------------
*/

.scrollTable table
{
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 9.5px;
}
.scrollTable table td, .scrollTable table th
{
	vertical-align: top;
	text-align:center;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	border-bottom: 1px solid #708EBF;
	border-left:1px solid #708EBF;
}
.scrollTable th
{
	background-color: #C2DFFF;
	font-weight: bold;
	vertical-align:middle;
	font-size: 10.5px;
}
.scrollTable table td
{
    height:30px;
}
.TableHeader
{ 
	height: 20px; 
	background-image: url('../images/title_gradient.gif');
	color: white;
	font-weight: bold;
	text-align:center;
}

.TreeBackground
{
    height:22px;
    background-image: url('../Skins/Vista/Menu/rmSprite.png');
    background-position: 0 -408px;
}