/*
	Conformance:
		- Do not use any named colors, instead use their hex value. Most named colors are not conformant to
			the W3C css standards and are, therefore, open to different translation on different browsers. 
			Look here to translate your colors http://www.w3schools.com/HTML/html_colornames.asp
	Tricks:
		- Using "margin: 0 auto;" will center the specific object the style is applied to, rather than 
			its sub-elements.
*/
.HeadBg
{
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #2072a4;
}
BODY
{
    text-align: center;
    background-color: White;
    text-align:center; /* for IE */ 
    height: 100%;
    width: 100%;
    background-image: url(../data/images/Background/page_bkg.jpg);

}
.SiteTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.ComponentTitle
{
    BACKGROUND-COLOR: black
}
.SubTabBg
{
    FONT-WEIGHT: normal;
    BORDER-LEFT-COLOR: #004684;
    BORDER-BOTTOM-COLOR: #004684;
    COLOR: blue;
    BORDER-TOP-COLOR: #004684;
    BACKGROUND-COLOR: #87c1d2;
    BORDER-RIGHT-COLOR: #004684
}
.TabBg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BORDER-LEFT-COLOR: #7fb1de ;
    BORDER-BOTTOM-COLOR: #7fb1de ;
    COLOR: white;
    BORDER-TOP-COLOR: #7fb1de ;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #87c1d2;
    BORDER-RIGHT-COLOR: #7fb1de 
}

.TabBgBorderless
{
    BORDER-LEFT-COLOR: #004684;
    BORDER-BOTTOM-COLOR: #004684;
    BORDER-TOP-COLOR: #004684;
    BACKGROUND-COLOR: gray;
    BORDER-RIGHT-COLOR: #004684
}
.OtherTabsBg
{
    BORDER-LEFT-COLOR: white;
    BORDER-BOTTOM-COLOR: white;
    BORDER-TOP-COLOR: white;
    BACKGROUND-COLOR: #004684;
    BORDER-RIGHT-COLOR: white
}

/* this is the background for the v menu */
.OtherTabsBgBorderless
{	
	border-top: none;
	background-color: White;
	background-image: url(../data/images/tabs/v_menu_bkg.jpg);
}
.SelectedTab
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    BACKGROUND-COLOR: #87c1d2;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.SelectedTabBorderless
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
A.SelectedTab:link
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A.SelectedTabBorderless:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
A.SelectedTab:visited
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A.SelectedTabBorderless:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
A.SelectedTab:active
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A.SelectedTabBorderless:active
{
    COLOR: white;
    TEXT-DECORATION: none
}
A.SelectedTab:hover
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A.SelectedTabBorderless:hover
{
    COLOR: white;
    TEXT-DECORATION: underline
}
.SubOtherTabs
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT-COLOR: #7fb1de ;
    BORDER-BOTTOM-COLOR: #7fb1de ;
    COLOR: black;
    BORDER-TOP-COLOR: #7fb1de ;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #7fb1de;
    TEXT-DECORATION: none;
    BORDER-RIGHT-COLOR: #7fb1de 
}
.OtherTabs
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT-COLOR: #7fb1de ;
    BORDER-BOTTOM-COLOR: #7fb1de ;
    COLOR: white;
    BORDER-TOP-COLOR: #7fb1de ;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #004684; 
    TEXT-DECORATION: none;
    BORDER-RIGHT-COLOR: #7fb1de 
}
.OtherTabsBorderless, .OtherTabsBorderlessText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    list-style: circle;
    text-indent: 10px;
    
}

a.OtherTabs:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: white;
    TEXT-DECORATION: none
}
a.OtherTabsBorderlessText:link
{
    COLOR: #b40000;
    TEXT-DECORATION: none
}
a.OtherTabs:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
a.OtherTabsBorderlessText:visited
{
    COLOR: #b40000;
    TEXT-DECORATION: none
}
a.OtherTabs:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
a.OtherTabsBorderlessText:active
{
    COLOR: Red;
    TEXT-DECORATION: underline;
}
a.OtherTabs:hover
{
    COLOR: black;
    TEXT-DECORATION: underline
}
a.OtherTabsBorderlessText:hover
{
    COLOR: Red;
    TEXT-DECORATION: underline;
}
.SiteLink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #87c1d2; 
}
A.SiteLink:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.SiteLink:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.SiteLink:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.SiteLink:hover
{
    COLOR: #004684;
    TEXT-DECORATION: underline
}
.Accent, .AccentText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.Message
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #87c1d2
}
.ItemTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.Head, .HeadText
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #2072a4;
}
.SubHead
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.SubSubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* these are a Tree styles */
.NormalTreeCss 
{
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 12px;
	font-size: 11px;
	color: black;
}
			
.SelectedTreeCss 
{
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 12px;
	font-size: 11px;
	color:White;
	background: navy;
}

.OverTreeCss
{
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 12px;
	font-size: 11px;
	color:White;
	background-color: #33ccff;
}
			
.CutTreeCss 
{
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 12px;
	font-size: 11px;
	color: white;
	background: gray;
}

.Normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
}
.Normal a:link		{ color: Black; text-decoration: underline; }
.Normal a:visited	{ color: Black; text-decoration: underline; }
.Normal a:active	{ color: Black; text-decoration: underline; }
.Normal a:hover		{ color: Black; text-decoration: underline; }

.NormalTextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.NormalRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.NormalBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    color: #7b7b7b;
}
.NormalBold a:link		{ color: #7b7b7b; text-decoration: underline; }
.NormalBold a:visited	{ color: #7b7b7b; text-decoration: underline; }
.NormalBold a:active	{ color: #7b7b7b; text-decoration: underline; }
.NormalBold a:hover		{ color: #762e2e; text-decoration: underline; }
.NormalBold:link		{ color: #7b7b7b; text-decoration: underline; }
a.NormalBold		{ color: #7b7b7b; text-decoration: underline; }

.CommandButton
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
A.CommandButton:link
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A.CommandButton:visited
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A.CommandButton:active
{
    COLOR: black;
    TEXT-DECORATION: underline
}
A.CommandButton:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline
}


.DataGridSelect
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    LINE-HEIGHT: 12px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #D3D3D3
}
.RightMenu
{
    BORDER-RIGHT: buttonhighlight 2px outset;
    BORDER-TOP: buttonhighlight 2px outset;
    BORDER-LEFT: buttonhighlight 2px outset;
    WIDTH: 120px;
    BORDER-BOTTOM: buttonhighlight 2px outset;
    POSITION: absolute;
    BACKGROUND-COLOR: menu;
    TEXT-ALIGN: left
}
.RightMenuItem
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.RightMenuItem:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #0099cc;
    TEXT-DECORATION: none
}
.RightMenuImage
{
    BACKGROUND-COLOR: #33ccff
}
.RightMenuImage:hover
{
    BACKGROUND-COLOR: #0099cc
}
H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #a80202;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #a80202;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
DT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
TFOOT
{
    FONT-SIZE: 12px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
THEAD
{
    FONT-SIZE: 12px;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: baseline;
    COLOR: #004684;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
A:link
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #004684;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
SMALL
{
    FONT-SIZE: 8px
}
BIG
{
    FONT-SIZE: 14px
}
BLOCKQUOTE
{
    FONT-FAMILY: Lucida Console, monospace
}
PRE
{
    FONT-FAMILY: Lucida Console, monospace
}
UL LI
{
    LIST-STYLE-TYPE: square
}
UL LI LI
{
    LIST-STYLE-TYPE: disc
}
UL LI LI LI
{
    LIST-STYLE-TYPE: circle
}
OL LI
{
    LIST-STYLE-TYPE: decimal
}
OL OL LI
{
    LIST-STYLE-TYPE: lower-alpha
}
OL OL OL LI
{
    LIST-STYLE-TYPE: lower-roman
}

.NewItem
{
	color: Red;
	vertical-align: super;
	font-size: 6pt;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}
.ErrorText
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	color: Red;
}
.Help_Image
{
	height: 12px;
	width: 12px;
	background-image: url(../images/help_blue.gif);
}
.hr
{
	height: 1px;
	background-color: Black;
	overflow:hidden;
}
.TopBar
{
	padding-left: 5px;
	font-weight: bold;
}
.TopBar_Link,
.TopBar_Text
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.TopBar_Welcome
{
	padding-right: 5px;
}

.TopBar_Link a:link,
.TopBar_Link a:visited,
.TopBar_Link a:active,
.TopBar_Link a:hover
{
	background-repeat: repeat;
	background-position: center center;
	display: inline-block;
	color: Black;
    text-decoration: none;
    white-space: nowrap;
    width: 120px;
    text-align: center;
}
.TopBar_Link a:hover
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: underline;
}
.TopBar_Link_Sep
{
	display: none;
	font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

.MiddleBar
{
    color: #F0F8FF;
    background-color: #2072A4;
}

.BottomBar
{
    background-color: White;
    vertical-align: middle;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.BottomBar_TabTitle
{
    font-weight: bold;
    font-size: 10pt;
    color: #757474;
    font-family: Verdana, Arial Helvetica, sans-serif;
}

.BottomBar_Text,
.BottomBar_Link
{
    text-align: right;
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
.BottomBar_Link a:link,
.BottomBar_Link a:visited,
.BottomBar_Link a:active
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}
.BottomBar_Link a:hover
{
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-decoration: underline;
}

.BottomBar_Link_Sep
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Arial, Verdana, Helvetica, sans-serif
}
.ModuleTitle,
.ModuleTitle_Hidden
{
	font-weight: bolder;
    font-size: 13pt;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: none;
    color: #a80202;
    padding-bottom: 10px;
    padding-top: 5px;
    /*border-top: solid 1px #d5d5d5;*/
}
/*
.ModuleTitle_Hidden
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
    -maz-opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    opacity: .55;
}
*/

.ModuleTitle a:link,
.ModuleTitle a:visited,
.ModuleTitle a:active,
.ModuleTitle_Hidden a:link,
.ModuleTitle_Hidden a:visited,
.ModuleTitle_Hidden a:active,
.ModuleTitle_Hidden a:hover
{
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
.ModuleTitle a:hover
{
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
/********************************************************************************************************
	Used in: Simple
 ********************************************************************************************************/

.Tabs_Background
{
    font-size: 10pt;
    background-color: White;
    background-position: center top;
    font-family: Calibri;
    width: 100%;
    height: 30px;	
    border-top: none;
    border-bottom: none;
    
}

.Tabs_WrapperTable
{
	width:100%;
	height: 30px;	
}

.Tabs_Tab,
.Tabs_SelectedTab,
.Tabs_FirstTab,
.Tabs_LastTab,
.Tabs_FirstSelectedTab,
.Tabs_LastSelectedTab
{
	padding: 3px 3px 3px 3px;
	width: 300px;	
	text-align: center;
	vertical-align: top;
	background-position: center top;
	vertical-align: middle;
	color: White;
	height: 30px;	
	border-top: none;
	border-bottom: solid 6px #97c1df;

}

.Tabs_Tab:hover,
.Tabs_SelectedTab:hover,
.Tabs_FirstTab:hover,
.Tabs_LastTab:hover,
.Tabs_FirstSelectedTab:hover,
.Tabs_LastSelectedTab:hover
{
	text-decoration: underline;
	border-bottom: solid 6px #96d06b; 
}
.Tabs_Tab, .Tabs_SelectedTab
{
	border-right: solid 1px black;
	background-image: url(../data/images/Simple/tab_middle.gif);
	background-position: center top;
	text-decoration: none;	
	
}

.Tabs_SelectedTab
{	
	background-image: url(../data/images/Simple/tab_middle.gif);	
	border-bottom: solid 6px #96d06b; 
}

.Tabs_Tab:hover, .Tabs_SelectedTab:hover
{
	background-image: url(../data/images/Simple/tab_middle_hover.gif);
	border-bottom: solid 6px #daefcb; 
}


.Tabs_FirstTab,
.Tabs_FirstSelectedTab
{
	border-right: solid 1px black;
	background-image: url(../data/images/Simple/tab_left.gif);
	background-position: left top;
	text-align: center; 
}

.Tabs_FirstSelectedTab
{
	border-bottom: solid 6px #96d06b; 
}

.Tabs_FirstTab:hover, .Tabs_FirstSelectedTab:hover
{
	background-image: url(../data/images/Simple/tab_left_hover.gif);
	border-bottom: solid 6px #daefcb; 
}

.Tabs_LastTab, 
.Tabs_LastSelectedTab
{	
	background-image: url(../data/images/Simple/tab_right.gif);
	background-position: right top; 
	border-right: none;
	text-align: center; 
	
}

.Tabs_LastSelectedTab
{	
	border-bottom: solid 6px #96d06b; 
}

.Tabs_LastTab:hover, .Tabs_LastSelectedTab:hover
{	
	background-image: url(../data/images/Simple/tab_right_hover.gif);
	border-bottom: solid 6px #daefcb; 
}


/********************************************************************************************************
	Used in: Cascading
 ********************************************************************************************************/
.Tabs_TabHover,
.Tabs_SubTab,
.Tabs_SubTabHover,
.Tabs_SelectedSubTab
{
	font-size: 10pt;
    font-family: Calibri;
}

.Tabs_TabHover
{
	background-color: Blue;
	color: White;
}
.Tabs_SubTab
{
	background-color: Orange;
	color: Black;
}
.Tabs_SubTabHover
{
	background-color: Blue;
	color: White;
}
.Tabs_SelectedSubTab
{
	background-color: Yellow;
	color: Black;
}

/********************************************************************************************************
	Used in: Page's horizontal (or SIMPLE) menu (when not using submenu option)
 ********************************************************************************************************/
.HMenu_Background
{
	border-top: solid 1px white;
	background-color: White;
	background-image: url(../data/images/Background/h_menu_bkg.jpg);
	background-position:left top;
	background-repeat: no-repeat;
}

.HMenu_Tab, 
.HMenu_SelectedTab
{
	color: #b40000;
	padding: 3px 7px 3px 7px;
	border-style: none;
	border-right: none;
	border-collapse: collapse;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana, Arial, Calibri;
}

.HMenu_Tab
{
	
}
.HMenu_Tab a:active				{ color: Black; text-decoration: none; }
.HMenu_Tab a:visited			{ color: Black; text-decoration: none; }
.HMenu_Tab a:link				{ color: Black; text-decoration: none; }
.HMenu_Tab a:hover				{ color: Red; text-decoration: underline; }

.HMenu_SelectedTab
{
	color: #b30000;
	font-weight: bold;
}
.HMenu_SelectedTab a:active		{ color: Black; text-decoration: none; }
.HMenu_SelectedTab a:visited	{ color: Black; text-decoration: none; }
.HMenu_SelectedTab a:link		{ color: Black; text-decoration: none; }
.HMenu_SelectedTab a:hover		{ color: Red; text-decoration: underline; }

/*****************************************************************************/
/** VMenu Styles used by vertical menu ***************************************/
/*****************************************************************************/

/* VMenu_Table - defines style for the entire table that contains the V Menu */
.VMenu_Table
{
	background-color: White;
}

/* VMenu_TopRow - defines style for the top row of the menu. Typically used for rounded edges. Set height to 0 if not needed*/
.VMenu_TopRow
{
	height: 18px;	
	background-color: White;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../data/images/Vertical/vmenu_top_10.jpg);
	border-bottom: solid 1px #ffffff;
}

/* VMenu_BottomRow - defines style for the bottom row of the menu. Typically used for rounded edges. Set height to 0 if not needed*/
.VMenu_BottomRow
{
	height: 20px;
	background-color: WHITE;
	background-position: center bottom;
	background-image: url(../data/images/Vertical/vmenu_bottom_200.jpg);
}

/* VMenu_ItemList - defines style for the data list containing menu items. Leave blank if not needed*/
.VMenu_ItemList
{
	background-color: #b40000;
}

/* VMenu_Item - defines style for each item in the menu (cell)*/
.VMenu_Item
{
	height: 12px;
	padding-left: 10px;
	background-image: url(../data/images/Vertical/vmenu_item.jpg);	
	background-position: left bottom;
	background-color: #b0d0e7;

	height: 20px;
	border-bottom: solid 1px #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder	;
	color: #a80202;
	
	text-decoration: none;		

}

/* VMenu_Item - defines style for each item in the menu (cell)*/
.VMenu_Item:hover
{

	text-decoration: underline;
	background-image: url(../data/images/Vertical/vtab_middle_hover.jpg);	
	background-position: center top;
	background-position:left bottom;
	color: #a80202;
	border-bottom: solid 1px #ffffff;
	

	height: 20px;
	border-bottom: solid 1px #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder	;
	color: #a80202;
		
	
}

/* VMenu_ItemSelected - defines style for selected items in the menu (cell) - usually left blank*/
.VMenu_ItemSelected
{
}

/* VMenu_ItemText - defines style for the text postion of the menu item*/
.VMenu_ItemText 
{
	color: White;
}

.VMenu_ItemText:link, .VMenu_ItemText:visited
{
	color: #a80202;
	font-family: Verdana, Arial;
	font-size: 8pt;
	
}

.VMenu_ItemText:hover
{
	color: #a80202;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-size: 8pt;

}

/*****************************************************************************/
/** Cascading Horizontal Menu Styles  ****************************************/
/*****************************************************************************/

/* CMenu_Div - defines style for the entire div that contains the Cascading Menu Table. The Table consist of left border cell, middle cell and right border cell */
.CMenu_Div
{
	background-color: White;
	width: 1000px;
	height: 40px;
}

/* CMenu_Table defines style for the table that contains left, middle and right cells */
.CMenu_Table
{
	background-color: White;
	width: 1000px;
	height: 40px;
	border-collapse: collapse;
	border-collapse: collapse;
	border: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
}

/* CMenu_LeftBorder - defines style for the left border (table cell) of the menu. Set width to 0 if unused*/
.CMenu_LeftBorder
{
	height: 40px;
	width: 10px;
	padding: none;
	background-color: White;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../data/images/Cascading/bkg_left.jpg);
	
}

/* CMenu_MiddleSection - defines style for the middle TD (table cell) of the menu table. This TD contains the Menu Control*/
.CMenu_MiddleSection
{
	height: 40px;
	width: auto;
	padding: none;
	background-color: White;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-image: url(../data/images/Cascading/middle_w_border.jpg);
	
	font-size: 9pt;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: White;
	text-decoration: none;	
	
	
}

/* CMenu_RightBorder - defines style for the bottom row of the menu. Typically used for rounded edges. Set height to 0 if not needed*/
.CMenu_RightBorder
{
	height: 40px;
	width: 10px;
	background-color: White;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(../data/images/Cascading/bkg_right.jpg);
	
}

/* CMenu_Style - defines style for the Cascading Menu UltraWeb Control*/
.CMenu_Style
{
	padding-left: 10px;
	padding-right: 10px;
	width: 600px;
	height: 40px;
	background-image: url(../data/images/Cascading/middle_w_border.jpg);	
	background-repeat: repeat-x;
	background-position: left bottom;
	

	font-size: 9pt;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: White;
	text-decoration: none;	

}

.CMenu_Tab,
.CMenu_TabSelected
{
	padding: 0px 0px 3px 3px;	
	padding-left: 20px;
	padding-right: 20px;		
	height: auto;
	text-align: center;
	background-position: center top;
	border-top: none;
	border-bottom: none;
	border-collapse:collapse;
	background-image: url(../data/images/Cascading/middle.jpg);
	
	font-size: 11pt;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: White;
	text-decoration: none;	
}


.rmText
{
	color: White;
	height: auto;	
    white-space: pre-wrap;

}

.CMenu_TabHover
{
	text-decoration: underline;
	border-bottom: none; 
	background-image: url(../data/images/Cascading/tab_middle_hover.jpg);	
	background-position: center top;
	
	
}

/* CMenu_SubStyleLevel1 - defines the general style for the Cascading Menu UltraWeb Control Level 1 submenu*/
/* CMenu_SubStyleLevel2 - defines the general style for the Cascading Menu UltraWeb Control Level 1 submenu*/
.CMenu_SubStyleLevel1, 
.CMenu_SubStyleLevel2
{
	padding-left: 0px;
	padding-right: 0px;
	height: 16px;
	width: 200px;	/* width of the submenu island */
	background-color:#d3d3d3;
	background-image: none;
	text-align: left;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder	;
	color: #a80202;
		
}


.CMenu_SubTabLevel1,
.CMenu_SubTabLevel1Selected,
.CMenu_SubTabLevel2,
.CMenu_SubTabLevel2Selected
{
	padding: 3px 3px 3px 3px;
	height: 16px;
	color: #a80202;
	border-top: none;
	border-bottom: solid 1px #f7f7f7;
	background-color: #d3d3d3;
	background-image: url(../data/images/Cascading/cascading_drop_bkg.jpg);
	background-repeat: repeat;
	background-position: right bottom;
	text-align: left;
	font-family: Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder	;
	color: #a80202;
		

}

.CMenu_SubTabLevel1Hover, 
.CMenu_SubTabLevel2Hover
{
	text-decoration: underline;
	border-bottom: solid 1px #d5d5d5; 
	background-color: #a80202;
	color: #ffffff;
	background-image: url(../data/images/Cascading/cascading_drop_hover.jpg);	
	background-position: center top;
}



/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  BUTTON BAR
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/



/*
	Terms:
		Capped:		Rounded or otherwise closed off end (no further buttons to that side).
		Separated:	Separated with some delimiting image (you intend to put more buttons).
		Open:		Nothing on that side of the button.
*/





.buttonbar_bg
{
	background-image: url('../images/ButtonBar/buttonbar.gif');
	background-repeat: repeat-x;
	height: 22px;
}

/********************************************************************************
 *				Standard button, no separators or end capping					*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
    cursor: default;
}
a.buttonbar:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar span
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *						Button with both sides capped							*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_cap
{
    background-image: url('../images/ButtonBar/buttonbar-cap-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_cap:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_cap span
{
    background-image: url('../images/ButtonBar/buttonbar-cap-left.gif');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_cap:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with the left side capped and the right side open			*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_cap_left
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_cap_left:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_left:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_cap_left span
{
    background-image: url('../images/ButtonBar/buttonbar-cap-left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_cap_left:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_left:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with right side capped and the left side open				*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_cap_right
{
    background-image: url('../images/ButtonBar/buttonbar-cap-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_cap_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_cap_right span
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_cap_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;	
    cursor: pointer;	
} 

/********************************************************************************
 *						Button with both sides separated						*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_sep
{
    background-image: url('../images/ButtonBar/buttonbar-sep-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_sep:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_sep span
{
    background-image: url('../images/ButtonBar/buttonbar-sep-left.gif');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_sep:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with the left side capped and the right side open			*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_sep_left
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-position: right top;
    background-repeat: no-repeat;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 11px;	/* should be same size as cap/sep image (-1 for some reason) */
    text-decoration: none;
}
a.buttonbar_sep_left:link
{
	color: Black;
	text-decoration: none;
}
a.buttonbar_sep_left:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_left:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_sep_left span
{
    background-image: url('../images/ButtonBar/buttonbar-sep-left.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_sep_left:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_left:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with right side capped and the left side open				*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_sep_right
{
    background-image: url('../images/ButtonBar/buttonbar-sep-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image (-1 for some reason) */
    text-decoration: none;
}
a.buttonbar_sep_right:link
{
	color: Black;
	text-decoration: none;
}
a.buttonbar_sep_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_sep_right span
{
    background-image: url('../images/ButtonBar/buttonbar.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_sep_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with Separator on left side and Capped on the right			*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_sep_left_cap_right
{
    background-image: url('../images/ButtonBar/buttonbar-cap-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_sep_left_cap_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_left_cap_right:active 
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_sep_left_cap_right span
{
    background-image: url('../images/ButtonBar/buttonbar-sep-left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_sep_left_cap_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_sep_left_cap_right:active span 
{
    background-position: bottom left;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *				Button Capped on left side and Separated on the right			*
 ********************************************************************************
																	Right Side ->
 */
a.buttonbar_cap_left_sep_right
{
    background-image: url('../images/ButtonBar/buttonbar-sep-right.gif');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 95px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.buttonbar_cap_left_sep_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_left_sep_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.buttonbar_cap_left_sep_right span
{
    background-image: url('../images/ButtonBar/buttonbar-cap-left.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.buttonbar_cap_left_sep_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.buttonbar_cap_left_sep_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  DATA GRID
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/



/* Column header style */
.DataGridHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ADD8E6;
    color: black;
}
.DataGridHeader a:link		{ color: black }
.DataGridHeader a:visited	{ color: Black }
.DataGridHeader a:hover		{ color: black; }
.DataGridHeader a:active	{ color: Black; }

/* Regular row color */
.DataGridNormal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    LINE-HEIGHT: 12px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: White;
    color: Black;
}
.DataGridNormal a:link		{ color: Black; text-decoration: underline; }
.DataGridNormal a:visited	{ color: Black; text-decoration: underline; }
.DataGridNormal a:hover		{ color: Black; text-decoration: underline; }
.DataGridNormal a:active	{ color: Black; text-decoration: underline; }

/* Style applied to evey other row of the grid */
.DataGridAlternating
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    LINE-HEIGHT: 12px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #B0C4DE;
    color: black;
}
.DataGridAlternating a:link		{ color: black; text-decoration: underline; }
.DataGridAlternating a:visited	{ color: black; text-decoration: underline; }
.DataGridAlternating a:hover	{ color: black; text-decoration: underline; }
.DataGridAlternating a:active	{ color: black; text-decoration: underline; }

.DataGridHover
{
	font-weight: normal;
    font-size: 11px;
    background-image: none;
    line-height: 12px;
    background-repeat: repeat;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #FFFFE0;
    color: Black;
}
.DataGridHover a:link		{ color: #000000; text-decoration: underline; }
.DataGridHover a:visited	{ color: #000000; text-decoration: underline; }
.DataGridHover a:hover		{ color: #000000; text-decoration: underline; }
.DataGridHover a:active		{ color: #000000; text-decoration: underline; }

.DataGridPager
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ADD8E6;
    color: black;
}
.DataGridPager a:link		{ color: #000000; text-decoration: none; }
.DataGridPager a:visited	{ color: #000000; text-decoration: none; }
.DataGridPager a:active		{ color: #000000; text-decoration: none; }
.DataGridPager a:hover		{ color: #FF0000; text-decoration: underline; }

.DataGridBackground
{
	background-color: #dcdcdc;
}

.DataGridToolbar
{
	background-color: #dcdcdc;
	color: black;
}

/* 
	Style applied to the jump to first page link 
	*** In order for this style to work you must set dbo.GridSettings.Pager_FirstText = null  ***
*/
.DataGridFirst, .DataGridFirstHover
{
	padding-left: 5px;
	background-repeat: no-repeat;
	height: 14px;
	width: 15px;
}
.DataGridFirst
{
	background-image: url(../images/FirstPage.gif);
}
.DataGridFirstHover
{
	background-image: url(../images/FirstPage_Hover.gif);
}

/*
	Style applied to the Pager's Previous page link
	*** In order for this style to work you must set dbo.GridSettings.Pager_PrevText = null ***
*/
.DataGridPrevious, .DataGridPreviousHover
{
	padding-left: 5px;
	background-repeat: no-repeat;
	height: 14px;
	width: 10px;
}
.DataGridPrevious
{
	background-image: url(../images/PrevPage.gif);
}
.DataGridPreviousHover
{
	background-image: url(../images/PrevPage_Hover.gif);
}

/*
	Style applied to the Pager's Next page link
	set dbo.GridSettings.Pager_NextText = null
*/
.DataGridNext, .DataGridNextHover
{
	padding-left: 5px;
	background-repeat: no-repeat;
	height: 14px;
	width: 10px;
}
.DataGridNext
{
	background-image: url(../images/NextPage.gif);
}
.DataGridNextHover
{
	background-image: url(../images/NextPage_Hover.gif);
}

/* Style of the search bar above the grid */
.DataGridSearch
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	height: 30px;
	color: White;
	background-image: url(../images/tmp/buttonbarbg_big.gif);
}
/* Style of the search TextBox */
.DataGridSearch_TextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    width: 200px;
}

/* Style of the pager bar below the grid */

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  DIALOG
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

.Dialog_GreyOut
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    position: absolute; 
    width: 100%; 
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background-image: url(../images/trans.png);
    background-repeat: repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/trans.png', sizingMethod='scale');
    /*
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
    -maz-opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    opacity: .55;
	*/
}

.Dialog_Position
{
	position: absolute; 
	height: 100%; 
	width: 100%; 
	z-index: 1001;
}
.Dialog_Window
{
	table-layout: fixed;
	position: relative;
	border: solid 1px #666666;
	border-collapse: collapse;
}
.Dialog_PleaseWait
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 2000; 
	width: 100%; 
	padding: 0px 0px 0px 0px; 
	background-color: #dcdcdc
}

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  DOC BUTTON
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

/*
	Terms:
		Capped:		Rounded or otherwise closed off end (no further buttons to that side).
		Separated:	Separated with some delimiting image (you intend to put more buttons).
		Open:		Nothing on that side of the button.
*/

/********************************************************************************
 *				Standard button, no separators or end capping					*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton
{
    background-image: url('../images/DocButton/docbutton.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton span
{
    background-image: url('../images/DocButton/docbutton.gif');
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    text-align: center;
	white-space: nowrap;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *						Button with both sides capped							*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_cap
{
    background-image: url('../images/DocButton/docbutton-cap-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_cap:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_cap span
{
    background-image: url('../images/docbutton/docbutton-cap-left.gif');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_cap:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with the left side capped and the right side open			*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_cap_left
{
    background-image: url('../images/docbutton/docbutton.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_cap_left:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_cap_left span
{
    background-image: url('../images/docbutton/docbutton-cap-left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    white-space: nowrap;    
    text-align: center;
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_cap_left:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with right side capped and the left side open				*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_cap_right
{
    background-image: url('../images/docbutton/docbutton-cap-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_cap_right:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_cap_right span
{
    background-image: url('../images/docbutton/docbutton.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_cap_right:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;	
    cursor: pointer;	
} 

/********************************************************************************
 *						Button with both sides separated						*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_sep
{
    background-image: url('../images/docbutton/docbutton-sep-right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_sep:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_sep span
{
    background-image: url('../images/docbutton/docbutton-sep-left.gif');
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_sep:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with the left side capped and the right side open			*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_sep_left
{
    background-image: url('../images/docbutton/docbutton.gif');
    background-position: right top;
    background-repeat: no-repeat;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 11px;	/* should be same size as cap/sep image (-1 for some reason) */
    text-decoration: none;
}
a.docbutton_sep_left:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_left:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_left:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_sep_left span
{
    background-image: url('../images/docbutton/docbutton-sep-left.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_sep_left:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_left:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_left:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with right side capped and the left side open				*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_sep_right
{
    background-image: url('../images/docbutton/docbutton-sep-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image (-1 for some reason) */
    text-decoration: none;
}
a.docbutton_sep_right:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_sep_right span
{
    background-image: url('../images/docbutton/docbutton.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_sep_right:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with Separator on left side and Capped on the right			*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_sep_left_cap_right
{
    background-image: url('../images/docbutton/docbutton-cap-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_sep_left_cap_right:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_left_cap_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_left_cap_right:active 
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_sep_left_cap_right span
{
    background-image: url('../images/docbutton/docbutton-sep-left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_sep_left_cap_right:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_sep_left_cap_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_sep_left_cap_right:active span 
{
    background-position: bottom left;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *				Button Capped on left side and Separated on the right			*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_cap_left_sep_right
{
    background-image: url('../images/docbutton/docbutton-sep-right.gif');
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_cap_left_sep_right:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left_sep_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left_sep_right:active 
{
    background-position: right bottom;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_cap_left_sep_right span
{
    background-image: url('../images/docbutton/docbutton-cap-left.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_cap_left_sep_right:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left_sep_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left_sep_right:active span 
{
    background-position: left bottom;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 

/********************************************************************************
 *			Button with Separator on left side and Capped on the right			*
 ********************************************************************************
																	Right Side ->
 */
a.docbutton_cap_left_cap_right
{
    background-image: url('../images/docbutton/docbutton-cap-right.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: black;
    display: block;
    float: left;
    font: normal 8pt Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;    
    height: 22px;
    margin-right: 0px;
    padding-right: 12px;	/* should be same size as cap/sep image */
    text-decoration: none;
}
a.docbutton_cap_left_cap_right:link
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left_cap_right:hover
{
	background-position: right center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left_cap_right:active 
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
}
/*																	<- Left Side
	Height of Span = Height of Image
	Height of Span = line-height + padding-bottom + padding-top
 */
a.docbutton_cap_left_cap_right span
{
    background-image: url('../images/docbutton/docbutton-cap-left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    white-space: nowrap;    
    line-height: 12px;
    padding-top: 5px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 5px;
    padding-right: 0px;
} 
a.docbutton_cap_left_cap_right:link span
{
	color: Black;
	text-decoration: none;
}
a.docbutton_cap_left_cap_right:hover span
{
	background-position: left center;
	outline: none;
	cursor: pointer;
}
a.docbutton_cap_left_cap_right:active span 
{
    background-position: bottom left;
    color: #ffffff;
    padding-top: 6px;
    padding-left: 12px;		/* should be same size as cap/sep image */
    padding-bottom: 4px;
    padding-right: 0px;
    cursor: pointer;
} 


/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  DOCTAB
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

/* 
	Do not specify top border, as this will create double top borders.
	Border color should match the color of the bottom line in bg.gif
*/
/* Un-Selected Styles */
.DocTabBorder
{
	border-left: solid 1px #699BC9;
	border-right: solid 1px #699BC9;
	border-bottom: solid 1px #699BC9;
}
.DocTabContent
{
	padding: 5px 5px 5px 5px;
	/*background-color: #FFFFFF;*/
	background-color:#F2F7FB;
	background-repeat:repeat-x;
	background-position:bottom ;
	background-image: url(infragistics/default/images/tabbg.jpg);
}
.DocTab 
{
    float: left;
    width: 100%;
    background-image: url(../images/Tabs/bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: normal;
    color: #000000;
}
.DocTab ul 
{
    margin: 0;
    padding: 10px 10px 0;
    list-style-type: none;
}
.DocTab li
{
    float: left;
    background-image: url(../images/Tabs/left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 0;
    padding: 0 0 0 9px;
    cursor: pointer;
    list-style-type: none;
    color: #000000;
}
.DocTab li a { color: #FFFFFF; }
.DocTab a
{
    float: left;
    display: block;
    background-image: url(../images/Tabs/right.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 5px 10px 4px 1px;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
    outline: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.DocTab a { color: #FFFFFF; float: none; }
/* End IE5-Mac hack */

.DocTab a:hover
{
    text-decoration: none;
}

/* Selected Styles */
.DocTab .DocTabSelected 
{
    background-image: url(../images/Tabs/left_on.gif);
    cursor: default;
}
.DocTab .DocTabSelected a 
{
    background-image: url(../images/Tabs/right_on.gif);
    color: #000000;
    padding-bottom: 5px;
    cursor: default;
    text-decoration: none;
}
.DocTab_Hidden
{
	display: none;
}
.DocTab_Visible
{}

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  EDIT SCREEN
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

/* Page setting */
.EditScreen
{
	width: 100%;
}

/* Area eveything is on, within .EditScreen */
.EditScreen_Background
{
	width: 100%;
	padding: 7px 0px 7px 0px;
	background-color: #FFFFFF;
}

.EditScreen_Content
{
	background-color: #dcdcdc;
	border: solid 1px black;
	padding: 5px 0px 5px 0px;
}

/* Cell that contains the Icon in the upper left */
.EditScreen_IconCell
{
	width: 77px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #000000;
}

/* Icon in the top left corner of the page */
.EditScreen_Icon
{
	width: 77px;
	height: 57px;
	background-image: url(../images/PnP/PnP_Settings.jpg);
}

/* Title across the top of the page */
.EditScreen_Title
{
	width: 100%;
	vertical-align: top;
	padding-left: 2px;
    font-weight: bolder;
    font-size: 14px;
    font-style: normal;
    font-family: Verdana;
    color: #D30712;
    line-height: 22px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #000000;
}

/* Left gutter beneath the icon */
.EditScreen_Gutter
{
	background-color: #FFFFFF;
}

/* Description of the page right beneath the title */
.EditScreen_Description
{
	font-size: 12px;
	font-family: Calibri;
	color: Black;
}

.EditScreen_Description a:link		{ color: Black; text-decoration: underline; }
.EditScreen_Description a:visited	{ color: Black; text-decoration: underline; }
.EditScreen_Description a:hover		{ color: Black; text-decoration: underline; }
.EditScreen_Description a:active	{ color: Black; text-decoration: underline; }

.EditScreen_Header
{
	height: 21px;
	width: 100%;
	background-color: #95cdf0;
	color: Black;
}

/* Section title */
.EditScreen_Section
{
    font-weight: bolder;
    font-size: 10pt;
    color: white;
    font-style: normal;
    font-family: Calibri;
    background-color: #2072a4;
    line-height: 21px;
    height: 21px;
    padding-left: 5px;
}

/* Bar containing the buttons for saving or leaving the page */
.EditScreen_ActionBar
{
	background-image: url(../images/tmp/buttonbarbg.gif);
	width: 100%; 
	height: 22px;
	padding: 0px 0px 0px 0px;
}

/* 
	IB = Image Button, define these if you want to show Image Buttons instead of links.
	set the web.config keys to value=""

.EditScreen_IB
{
	color: Black;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
	width: 73px;
	height: 24px;
	line-height: 24px;
	background-image: url(../images/tmp/buttonbarbg.gif);	
	display: inline-block;
	vertical-align: top;
	outline: none;
}
a.EditScreen_IB:link,
a.EditScreen_IB:visited
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg.gif);	
	outline: none;
}
a.EditScreen_IB:active
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg-click.gif);	
	outline: none;
}
a.EditScreen_IB:hover
{
	color: Black;
	text-decoration: none;
	background-image: url(../images/tmp2/button-bg.gif);	
	outline: none;
}

.EditScreen_IB_Sep
{
	width: 1px;
	height: 24px;
	background-image: url(../images/tmp2/button-sep.gif);
	padding: 0px 0px 0px 0px;
}
.EditScreen_IB_Cap_Left
{
	width: 12px;
	height: 24px;
	background-image: url(../images/tmp2/button-cap-left.gif);
}
.EditScreen_IB_Cap_Right
{
	width: 12px;
	height: 24px;
	background-image: url(../images/tmp2/button-cap-right.gif);
}
*/


/* Cut these out */
.EditScreen_Apply,
.EditScreen_ApplyClose,
.EditScreen_Cancel
{
    font-weight: normal;
    font-size: 12px;
    font-family: Calibri;
    white-space: nowrap;
    padding: 0px 0px 0px 0px;
}
.EditScreen_Cancel
{
	text-align: right;
}

.EditScreen_Apply a:link,
.EditScreen_ApplyClose a:link,
.EditScreen_Cancel a:link,
.EditScreen_Apply a:visited,
.EditScreen_ApplyClose a:visited,
.EditScreen_Cancel a:visited,
.EditScreen_Apply a:active,
.EditScreen_ApplyClose a:active,
.EditScreen_Cancel a:active
{
	color: Black;
	text-decoration: none;
}
.EditScreen_Apply a:hover,
.EditScreen_ApplyClose a:hover,
.EditScreen_Cancel a:hover
{
	color: Black;
	text-decoration: underline
}

.EditScreen_Apply_IB,
.EditScreen_Apply_IB_Hover
{
	width: 73px;
	height: 22px;
}
.EditScreen_Apply_IB
{
	background-image: url(../images/tmp/save.gif);
}
.EditScreen_Apply_IB_Hover
{
	background-image: url(../images/tmp/save_over.gif);
}

.EditScreen_ApplyClose_IB,
.EditScreen_ApplyClose_IB_Hover
{
	width: 98px;
	height: 22px;
}
.EditScreen_ApplyClose_IB
{
	background-image: url(../images/tmp/save_exit.gif);
}
.EditScreen_ApplyClose_IB_Hover
{
	background-image: url(../images/tmp/save_exit_over.gif);
}

.EditScreen_Cancel_IB,
.EditScreen_Cancel_IB_Hover
{
	width: 74px;
	height: 22px;
}
.EditScreen_Cancel_IB
{
	background-image: url(../images/tmp/cancel.gif);
}
.EditScreen_Cancel_IB_Hover
{
	background-image: url(../images/tmp/cancel_over.gif);
}

.EditScreen_Delete_IB,
.EditScreen_Delete_IB_Hover
{
	width: 77px;
	height: 22px;
}
.EditScreen_Delete_IB
{
	background-image: url(../images/tmp/delete.gif);
}
.EditScreen_Delete_IB_Hover
{
	background-image: url(../images/tmp/delete_over.gif);
	
}

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  GRID
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/


/* fieldset encompasing the grid */
fieldset.grid
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    LINE-HEIGHT: 12px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* grid title bar (div) */
div.title
{
	font-family: verdana;
	font-size: 18;
	padding: 3px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #fafaff;
	color: black;
	font-weight: bold;
	border-top: 0 solid darkgray;
}

/* header bar, container of search box and new, edit, delete images (table) */
table.header
{
	background-color: #dddddd;
	border-collapse: collapse;
}

/* dropdown with search columns */
select.searchcol
{
	font-family: verdana;
	font-size: 12;
}

/* search textbox */
table.header input.searchbox
{
	font-family: verdana;
	font-size: 12;
	border: 1 solid darkgray;
}

/* images */
fieldset.grid img
{
	border: 0;
	vertical-align: middle;
}

img.imagebtn
{
	cursor: pointer;
}

/* grid table */
table.body
{
	font-family: verdana;
	font-size: 12;
	border-collapse: collapse;
}

/* grid column title cells */
table.body td.title
{
	font-family: verdana;
	font-size: 13;
	color: #00008B;
	font-weight: bold;
	background-color: #aaaaaa; /* #fbffff; */
	cursor: pointer;
	border-left: 1 solid gray;
	text-align: left;
}

/* grid column title cells (non-sortable) */
table.body td.title_nosort
{
	font-family: verdana;
	font-size: 13;
	color: #00008B;
	font-weight: bold;
	background-color: #aaaaaa; /* #fbffff; */
	border-left: 1 solid gray;
	text-align: left;
}

/* default title columns */
table.body td.systitle
{
	border-left: 1 solid gray;
	background-color: #aaaaaa;
}

table.body col.usercolumn
{
}

table.body col.syscolumn
{
	text-align: center;
}

/* links */
table.body a
{
	font-family: verdana;
	font-size: 11;
	color: blue;
	text-decoration: none;
}

table.body a:hover
{
	color: blue;
	text-decoration: none;
}

/* grid row */
table.body tr.gridrow
{
	background-color: Gray;
	font-size: 10pt;
	color: White;
}

tr.gridrow a:link { color: White; }

table.body tr.altgridrow
{
	font-size: 10pt;
	background-color: #DCDCDC;
	border-top: 1 solid gray;
	border-bottom: 1 solid gray;
}

table.body tr.higridrow
{
	background-color: #eeeeff;
	font-size: 10pt
}
tr.higridrow a:link { color: Black; text-decoration: underline }

/* footer (table element) */
table.footer
{
	font-family: verdana;
	font-size: 12;
	background-color: #dddddd;
	border-collapse: collapse;
}

/* textbox for number of rows (input type=text) */
table.footer input.numrowsbox
{
	font-family: verdana;
	font-size: 12;
	border: 1 solid darkgray;
}

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  POPUP
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

.Popup_GreyOut
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 100;
	display: table;
    background-image: url(../images/semi1x1.png);
}
.Popup_Positioner
{
	#position: absolute;
	display: table-cell;
	top: 50%;
	vertical-align: middle;
	z-index: 105;
}
.Popup_Window
{
	#position: relative;	
	top: -50%;
	margin: 0 auto;
	border: solid 1px black;
	z-index: 110;
}
.Popup_WindowTitle
{
    font-weight: bolder;
    font-size: 8pt;
    color: white;
    font-style: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #2072a4;
    text-align: center;
    border-bottom: solid 1px black;
}

/*
*******************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
  SCROLLER
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************
*/

.Scroller
{
	position: relative;									/* Do not change: effects text placement when removed or changed												*/
	overflow: hidden;									/* Do not change: scroller creates text beyond the component bounds in order to scroll the text onto the screen	*/
	width: auto;										/* Do not change: auto width for div is 100%																	*/
	height: 18px;										/* User editable: height of scroller																			*/
	line-height: 18px;									/* User editable: should be the same as height to vertically align text											*/
	padding: 5px 0px 5px 0px;							/* User editable: <top right bottom left> padding																*/
	border: solid 1px black;							/* User editable: border around component																		*/
	cursor: pointer;									/* User editable: cursor to display when hovering over															*/
    font-weight: normal;								/* User editable: default boldness of scroller font																*/
    font-size: 8pt;										/* User editable: default font size																				*/
    font-family: Arial, Verdana, Helvetica, sans-serif;	/* User editable: default font to use																			*/
}

/*
 ************************************************************************************
    HTMLEditor.css
    2010-06-18: Albert and George had decided to move HTMLEditor.css to Portals.css
 ************************************************************************************
 */
 
.HTMLEditor_BodyStyle
{
	background-color: White;
	color: Black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    text-align: left;
}
.HTMLEditor_Text
{
    color: black;
    background-color: White;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    text-align: left;
}


/* 
 ************************************************************************************
 HospitalPortal.net website specific classes 
 ************************************************************************************
 */
 
.HPSmallButtonTD, a.HPSmallButtonTD a:link
{
	background-image: url(/hospitalportal/data/componentfiles/678/button_bkg_small.jpg); 
	text-align: center; 
	font-variant: normal; 
	font-style: normal;
	text-decoration: none;
	width: 78px; 
	font-family: Verdana, Arial; 
	height: 26px; 
	color: #a80202; 
	font-size: 9px; 
	font-weight: bolder;
}

.HPSmallButtonTD:hover
{
	background-image: url(/hospitalportal/data/componentfiles/678/button_bkg_small_hv.jpg); 
	text-align: center; 
	font-variant: normal; 
	font-style: normal; 
	width: 78px; 
	font-family: Verdana, Arial; 
	height: 26px; 
	color: #a80202; 
	font-size: 9px; 
	font-weight: bolder;
}

a.HPSmallButtonTD:visited
{
	background-image: url(/hospitalportal/data/componentfiles/678/button_bkg_small_hv.jpg); 
	text-align: center; 
	font-variant: normal; 
	font-style: normal; 
	width: 78px; 
	font-family: Verdana, Arial; 
	height: 26px; 
	color: #a80202; 
	font-size: 9px; 
	font-weight: bolder;
}


.HPDemoButton, 
.HPDemoButton:hover
{
	background-image: url(http://www.hospitalportal.net/hospitalportal/data/componentfiles/682/View_Intranet_Demo240.jpg); 
	text-align: center; 
	width: 240px; 
	background-repeat: no-repeat; 
	font-family: Verdana, Arial; 
	height: 70px; 
	color: #ffffff; 
	font-size: 18pt; 
	vertical-align: middle; 
	font-weight: bold; 
	text-decoration: underline; 
	padding-top: 17px
}


.HPDemoButton:hover
{
	background-image: url(http://www.hospitalportal.net/hospitalportal/data/componentfiles/682/View_Intranet_Demo_Hover240.jpg); 
}

.HPDemoButton160, 
.HPDemoButton160:hover
{
	background-image: url(http://www.hospitalportal.net/hospitalportal/data/componentfiles/682/View_Intranet_Demo160.jpg); 
	text-align: center; 
	width: 160px; 
	background-repeat: no-repeat; 
	font-family: Verdana, Arial; 
	height: 70px; 
	color: #ffffff; 
	font-size: 13pt; 
	vertical-align: middle; 
	font-weight: bold; 
	text-decoration: none; 
	padding-top: 12px
}


.HPDemoButton160:hover
{
	background-image: url(http://www.hospitalportal.net/hospitalportal/data/componentfiles/682/View_Intranet_Demo_Hover160.jpg); 
	text-decoration: underline; 
}


.HP_HomeIntranetPortalSection
{
	background-image: url(/hospitalportal/data/images/HomePage/IntranetPortal_bkg.jpg);
	background-repeat:no-repeat;
	height: 172px;
	width: 333px;
}

.HP_HomePPSection
{
	background-image: url(/hospitalportal/data/images/HomePage/PolicyManager_bkg.jpg);
	background-repeat:no-repeat;
	height: 172px;
	width: 334px;
}

.HP_HomeOnCallSection
{
	background-image: url(/hospitalportal/data/images/HomePage/OnCallSchedule_bkg.jpg);
	background-repeat:no-repeat;
	height: 172px;
	width: 333px;
}
.HP_HomeSectionTitle
{
	padding-left: 140px;
	padding-top: 16px;
	height: 60px;
	color: #5989a7;
	font-family: Verdana, Arial;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeSectionRightTitle
{
	padding-left: 124px;
	padding-top: 11px;
	height: 60px;
	color: #5989a7;
	font-family: Verdana, Arial;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}



.HP_HomeSectionText
{
	padding-left: 57px;
	padding-top: 12px;
	height: 60px;
	width: 260px;
	color: #000000;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeLeftMiddleSection
{
	background-image: url(/hospitalportal/data/images/HomePage/LeftMiddle_bkg.jpg);
	background-repeat:no-repeat;
	height: 280px;
	width: 333px;
}

.HP_HomeCenterMiddleSection
{
	background-image: url(/hospitalportal/data/images/HomePage/CenterMiddle_bkg.jpg);
	background-repeat:no-repeat;
	height: 280px;
	width: 334px;
}

.HP_HomeRightMiddleSection
{
	background-image: url(/hospitalportal/data/images/HomePage/RightMiddle_bkg.jpg);
	background-repeat:no-repeat;
	height: 280px;
	width: 333px;
}

.HP_HomeLeftMiddleSectionTitle
{
	padding-left: 57px;
	padding-top: 16px;
	text-align: center;
	width: 237px;
	height: 40px;
	color: #a90101;
	font-family: Verdana, Arial;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeMiddleMiddleSectionTitle
{
	padding-left: 42px;
	padding-top: 16px;
	text-align: center;
	width: 237px;
	height: 40px;
	color: #a90101;
	font-family: Verdana, Arial;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeRightMiddleSectionTitle
{
	padding-left: 40px;
	padding-top: 16px;
	text-align: center;
	width: 237px;
	height: 40px;
	color: #a90101;
	font-family: Verdana, Arial;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeRightMiddleSectionTitle:hover
{
	text-decoration: underline;
}


.HP_HomeLeftMiddleSectionText
{
	padding-left: 57px;
	padding-top: 6px;
	height: 60px;
	width: 248px;
	color: #000000;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeMiddleMiddleSectionText
{
	padding-left: 48px;
	padding-top: 6px;
	height: 60px;
	width: 248px;
	color: #000000;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeRightMiddleSectionText
{
	padding-left: 36px;
	padding-top: 6px;
	height: 60px;
	width: 248px;
	color: #000000;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeLeftBottomSection
{
	background-color: #f4f4f4;
	height: 368px;
	width: 333px;	
}

.HP_HomeMiddleBottomSection
{
	background-color: #f4f4f4;
	height: 368px;
	width: 334px;	
}

.HP_HomeRightBottomSection
{
	background-color: #f4f4f4;
	height: 368px;
	width: 333px;	
}

.HP_HomeBottomSectionTitle
{
	padding-left: 57px;
	padding-top: 16px;
	text-align: left;
	height: 20px;
	color: #a90101;
	font-family: Verdana, Arial;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeMiddleBottomSectionTitle
{
	padding-left: 40px;
	padding-top: 16px;
	text-align: left;
	height: 20px;
	color: #000000;
	font-family: Verdana, Arial;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}

.HP_HomeRightBottomSectionTitle
{
	padding-left: 36px;
	padding-top: 16px;
	text-align: left;
	height: 20px;
	color: #5989a7;
	font-family: Verdana, Arial;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}


.HP_HomeLeftBottomSectionText
{
	padding-left: 57px;
	padding-top: 12px;
	width: 250px;
	color: #000000;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeMiddleBottomSectionText
{
	padding-left: 48px;
	padding-top: 12px;
	width: 260px;
	color: #a90101;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}

.HP_HomeRightBottomSectionText
{
	padding-left: 16px;
	padding-top: 12px;
	width: 260px;
	color: #5989a7;
	font-family: Verdana, Arial;
	font-weight:normal;
	font-size: 11px;
}