.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.PrettyMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
	position:relative;
    background-color:Green;
    
}

/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 5em;
    
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
	left: 0; 
	display:block;
    top: -1em;
    z-index: 400;
	font-weight:normal;
	color:Black;    
	white-space:nowrap;
}

.PrettyMenu ul.AspNet-Menu ul ul
{
/*    width: 11.5em; */
    /*left: 10.4em; */
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
    background-color:#427A0A;
	background-image:url(../../images/Green Gradient Menu BG.jpg);
    background-position:right;
border-left:1px solid black;border-right:1px solid black;
	background-repeat:repeat-x;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:21px;
	padding-right:21px;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a,
.PrettyMenu ul.AspNet-Menu li span
{
    color: white;
/*    padding: 4px 2px 4px 8px; */
/*    border:1px solid #648ABD; */
    border-bottom: 0;
/*    background: transparent url(arrowRight.gif) right center no-repeat; */

    
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image:none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background-image:url(../../../PersistantImage.ashx?key=fpa_tab_h);
    background-position:right;
    background-repeat:no-repeat;
 
}

.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span
{
	color:white;
    text-decoration:underline;       
}

.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
	font-weight:normal;
	color:blue;
	text-decoration:underline;
	white-space:nowrap;
}



.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
	text-decoration:none;   
    color: Black;
}

.PrettyMenu ul.AspNet-Menu li ul li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li ul li.AspNet-Menu-Leaf a:link
{
	background-image: none;
	white-space:nowrap;
	display:block;
	overflow:inherit;

}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover
{
	color:white;
	background-color:#427A0A;
 
}

.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background-color:#427A0A;
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-color:#427A0A;
}



/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.PrettyMenu .AspNet-Menu-Horizontal
{
    position:relative;
    left: 0.5em;
    top: 0;
    z-index: 300;
	font-size: 11px;
	font-family: Arial;	
	font-weight:bold;

}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    /* width: 78em; */
/*    white-space:nowrap; */
	padding:0 0 0 0;
	
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
    background-color:#D9E2EE;
	border-style:solid;
	border-width:thin;
	border-color:#3b5f7f;
	margin:0;
	display:block;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    left: -7em;
    top: 100%;
    background-color:#D9E2EE;
	border-style:solid;
	border-width:thin;
	border-color:#3b5f7f;
	margin:0;
	display:block;
    
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
 /*   width: 11.5em; */
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
 /*   width: 9em;  */
    text-align:center;

}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li,
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span,
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:link
{
/*	left: 0; */
	padding:0.2em 0.2em 0.2em 0.2em; 
    text-align:left;
    background-color:#D9E2EE;
    background-image:none;
	white-space:nowrap; 
	width:100%;	
	margin:0 0.3em 0 0.1em; 
	display:block;
}



.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleMenu
{
    position:relative;
    height: 13em;
    font-size:small;
    font-family: Tahoma;
}

#SampleMenu #Sample-Content
{
    width: 44em;
    height: 10em;
    overflow: hidden;
    position:absolute;
    left: 9.5em;
    top: 2em;
    padding: 10px;
    background: #B9D3EE;
    font-family: "Times New Roman";
    font-style:italic;
    color: Black;    
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

#SampleMenu .Menu-Skin-Horizontal
{
    position:absolute;
    left: 9.5em;
    top: 0;
    width: 45em;
    z-index: 300;
}

#SampleMenu .Menu-Skin-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

#SampleMenu .Menu-Skin-StaticItem
{
    background:#7795BD url(bg_nav.gif) repeat-x;
    font-size: small;
}

#SampleMenu .Menu-Skin-DynamicHover
{
    background:#7795BD;    
}




/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.HomeMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 3em;
    left: 0;
    z-index: 300;
}


.HomeMenu Div
{	

	   
	   text-align:left;
	   padding:0;
	   margin:0;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.HomeMenu ul
{
		
	position:relative;
    text-align:left;
	   	   padding:0;
	   margin:0;
	   list-style-type:none;

	   
}

/* Top tier */
.HomeMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 5em;
    

}


.HomeMenu ul.AspNet-Menu
{
	background-color:white;	
	text-align:left;
	 float:right;
}


/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.HomeMenu ul.AspNet-Menu ul
{
	left: 0; 
	display:block;
    top: -1em;
    z-index: 400;
	font-weight:normal;
	color:Black;   
	
}

.HomeMenu ul.AspNet-Menu ul ul
{
/*    width: 11.5em; */
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.HomeMenu ul.AspNet-Menu li
{
    margin:0;
    text-align: left;
    float:right;
    padding:0px 2px 0px 0px;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.HomeMenu ul.AspNet-Menu li a,
.HomeMenu ul.AspNet-Menu li span
{
/*    padding: 4px 2px 4px 8px; */
/*    border:1px solid #648ABD; */

    border-bottom: 0;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
    padding:2px 2px 2px 8px;    
    margin:0;
    text-align:right;
	color:black;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.HomeMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.HomeMenu ul.AspNet-Menu li:hover, 
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    
    
    text-decoration:underline;
	color:#427A0A;       
 
}

.HomeMenu ul.AspNet-Menu li:hover a, 
.HomeMenu ul.AspNet-Menu li:hover span,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover span
{
    color:#427A0A;       
	text-decoration:underline;       
}

.HomeMenu ul.AspNet-Menu li:hover li:hover a, 
.HomeMenu ul.AspNet-Menu li:hover li:hover span, 
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.HomeMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.HomeMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
	font-weight:normal;
	color:Black;
	text-decoration:underline;
}



.HomeMenu ul.AspNet-Menu li:hover ul a, 
.HomeMenu ul.AspNet-Menu li:hover ul span, 
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.HomeMenu ul.AspNet-Menu li:hover li:hover ul a, 
.HomeMenu ul.AspNet-Menu li:hover li:hover ul span, 
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
	text-decoration:none;   
    color: Black;
	padding:0;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.HomeMenu ul.AspNet-Menu li a:hover
{
    text-decoration:underline;
 
}

.HomeMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: Black;
    text-decoration:underline;
}

.HomeMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.HomeMenu .AspNet-Menu-Horizontal
{
	width:460px;
    position:relative;
    left: 0;
    top: 0;
    z-index: 300;
	font-size: 12px;
	font-family: Arial;	
	font-weight:bold;

}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
	width:460px;
/*    white-space:nowrap; */
	padding:0 0 0 0;
	text-align:right;
background-color:#D8D9BA;
	
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0;
    top: 100%;
	margin:0;
	padding:0;
	
}

.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
 /*   width: 11.5em; */
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
 /*   width: 9em;  */
    text-align:left;
    

}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li,
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span,
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:link
{
	left: 0; 
	padding:0 0 0 0; 
    text-align:left;
    background-color:#D9E2EE;
    background-image:none;
	white-space:nowrap; 
	margin:0 0 0 0;
}



.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}


.HomeMenu Div
{
	text-align:left;
	
}
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.HomeMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */


/* AdminTreeMenu */


/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

div.AspNet-TreeView
{
    margin: 0;
    padding: 0;
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Show
{
}

.AspNet-TreeView-Hide
{
    display:none;
}


/* This style sheet is intended to contain OFTEN CHANGED rules used when the TreeView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

.AdminTree div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
    font-size: 12px;
    font-family: Arial;
    font-weight:normal;
}

.AdminTree div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

.AdminTree div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.AdminTree div.AspNet-TreeView li a
{
    text-decoration: none;
}

.AdminTree div.AspNet-TreeView li.AspNet-TreeView-Root
{
}

.AdminTree div.AspNet-TreeView li.AspNet-TreeView-Parent
{
}

.AdminTree div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 20px;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AdminTree div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AdminTree div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(../../../images/collapse.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Arial;
/*    font-size: large; */
    line-height: 15px;
    font-weight: normal;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AdminTree div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background:  url(../../../images/expand.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Arial;
/*    font-size: large; */
    line-height: 15px;
	font-weight: normal;
}

.AdminTree div.AspNet-TreeView span 
{
	color:#999999;
	
}

.AdminTree div.AspNet-TreeView a,
.AdminTree div.AspNet-TreeView a:visited,
.AdminTree div.AspNet-TreeView a:active,
.AdminTree div.AspNet-TreeView a:hover,
.AdminTree div.AspNet-TreeView a:link
{
    color: Black;
    font-weight: normal;

}

.AdminTree div.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: normal !important;
    color: #8A2BE2 !important;
}

.AdminTree div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: Black !important;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#AdminTreeView
{
    background: #B9D3EE;
    position: relative;
    width: 100%;
}

#AdminTreeView #Sample-Control
{
    position: relative;
    float: left;
    width: 17em;
    background: #F5F5F5;
    margin-right: 2em;
    z-index: 500;
}

#AdminTreeView #Sample-Content
{
    padding: 0.5em 2em 0.5em 1em;
    color: Black;
    position: relative;
    font-size: small;
    font-family: Times New Roman;
}

#AdminTreeView #Sample-Content h1,
#AdminTreeView #Sample-Content p
{
    margin: 0;
}

#AdminTreeView .clearing
{
    clear:both;
    height: 1px;
}


.cellbottom
{
	vertical-align:bottom	;
	line-height:4px;
	
}
/*
* Admin CSS 
*/


.userHR
{
	color:silver;
	height:1px;
	width:100%;
}

.confirmationMessage
{
	color:blue;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin:5px 5px 5px 5px;
	padding:5;
	height:35px;
	width:650px;
}



.adminSubMenuOption span,
.adminSubMenuOption a,
.adminSubMenuOption a:active,
.adminSubMenuOption a:link,
.adminSubMenuOption a:hover,
.adminSubMenuOption a:visited
{
	font-family:Arial;
	font-size:12px;
	color:Black;
	text-decoration:none;
}

.adminSubMenuOptionTD
{
	background-color:White;
	text-align:center;
	vertical-align:middle;
}
.adminDetailData
{
	font-family:Arial;
	font-size:12px;
	color:Black;
}

.fieldExample
{
	font-family:Arial;
	font-size:11px;
	color:Silver;	
}
/* Resource user control CSS */

.userResourceListRowStyle,
.userResourceListRowStyle a:link,
.userResourceListRowStyle a:visited,
.userResourceListRowStyle a:active
{
	background-color:#EEEEF5;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	color:Black;
	text-align:left;
	padding:3px 0px 3px 0px;	
}

.userResourceListRowStyle a:hover
{
	background-color:#EEEEF5;
	font-family:Arial;
	font-size:11px;
	color:Blue;
	text-decoration:underline;
	text-align:left;
	padding:3px 0px 3px 0px;		
}

.userResourceListAlternateRowStyle,
.userResourceListAlternateRowStyle a:link,
.userResourceListAlternateRowStyle a:visited,
.userResourceListAlternateRowStyle a:active
{
	background-color:#D9E2EE;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
	color:Black;
	text-align:left;	
	padding:3px 0px 3px 0px;
}

.userResourceListAlternateRowStyle a:hover
{
	background-color:#D9E2EE;
	font-family:Arial;
	font-size:11px;
	color:Blue;
	text-decoration:underline;
	text-align:left;	
	padding:3px 0px 3px 0px;	
}

.userResourceTableDiv
{
	text-align:center;
}

.userResourceTable
{
	width:98%; 
	background-color: white;
	border:solid 0px #D9E2EE;
	text-align:left;
	padding:2px 0px 2px 0px;

}

.userResourceLimitTable
{
	width: 100%; 
	border:0;
}

.userResourceListTable 
{
	width: 100%; 
	padding:2px 0px 2px 0px;
	border-top:solid 3px #D9E2EE;
	border-bottom:solid 3px #D9E2EE; 
}

.userResourceAtoZTable
{
	width: 300px; 
}

.userResourceInformationPopupHeading
{
	font-family:Arial;
	font-size:11px;	
	color:Gray;
	font-weight:bold;
}


.userResourceListPadding
{
	width:50px;
}

/* resource flyout */
.userResourceFlyout
{
	z-index:2;
	display: none; 
	border: solid 1px #D0D0D0; 
	background-color: #FFFFFF;
	overflow:hidden;
}

/* Resource Pop up*/
.userResourceInformationPopupDiv
{
	WIDTH: 260px; 
	COLOR: black; 
	
	FONT-FAMILY: Arial; 
	HEIGHT: 280px; 
	BACKGROUND-COLOR: #ffffff;

	BORDER-TOP: #cccccc 1px solid; 
	BORDER-BOTTOM: #cccccc 1px solid; 

	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	
	DISPLAY: none; 
	
	FONT-SIZE: 12px; 
	Z-INDEX: 2; 

	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	
}
/* Resource popup close button Div */
.userResourceInformationPopupCloseBtnDiv
{
/*	filter: alpha(opacity=50);  */
	FLOAT: right; 
/*	opacity: 50; */
	text-align:right;
	z-index:1000;
}
/* Resource popup close button  */
.userResourceInformationPopupCloseBtn
{
	BORDER-RIGHT: white thin outset; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: white thin outset; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: white thin outset; 
	COLOR: white; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: white thin outset; 
	BACKGROUND-COLOR: #666666; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
}
.userResourceInformationPopupInfo
{
	text-align:left;
}

.userResourceLimitSeperator
{
	width:1px;
	background-color:Black;	
}


.userResourceListLimitTextTD
{
	border-right:solid 1px #D9E2EE;
	border-bottom:solid 1px #D9E2EE;
}

.userResourceListLimitTextExtraTD
{
	border-right:solid 1px #D9E2EE;
}

.userResourceListLimitText 
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

a.userResourceListLimitText:link,
a.userResourceListLimitText:active,
a.userResourceListLimitText:visited
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	padding:0px 5px 0px 5px;	
}

a.userResourceListLimitText:hover
{
	color:Blue;
	text-decoration:none;	
	background-color: #EEEEFF;
}

.userResourceListLimitTextSelected
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	padding:0px 5px 0px 5px;
	
	background-color: #FCE2C6;
}

.userResourceAtoZSelected
{
	color:Black;
	text-decoration:none;
	font-weight:normal;
	background-color:#D9E2EE;
	padding:0px 5px 0px 5px;
}
.userResourceListFilterSelected
{
	color:Black;
	text-decoration:none;
	font-size:11px;
	background-color:#FCE2C6;
	padding:0px 5px 0px 5px;

}
/*** Resource User List END**/

/* Admin Resource list */

.resourceTable
{
	width:98%; 
	background-color: white;
	border:solid 1px #D9E2EE;
	margin:4px;
	padding:4px 4px 4px 4px;
}

.resourceLimitTable
{
	width: 100%; 
	border:0;
}

.resourceListTable 
{
	width: 100%; 
	padding:2px 0px 2px 0px;
	border:0;
}

.resourceAtoZTable
{
	width: 300px; 
}

.resourceInformationPopupHeading
{
	font-family:Arial;
	font-size:11px;	
	color:Gray;
	font-weight:bold;
}



/* resource flyout */
.resourceFlyout
{
	z-index:2;
	display: none; 
	border: solid 1px #D0D0D0; 
	background-color: #FFFFFF;
	overflow:hidden;
}

/* Resource Pop up*/
.resourceInformationPopupDiv
{
	WIDTH: 250px; 
	height:270px;
	COLOR: black; 
	
	FONT-FAMILY: Arial; 
 
	BACKGROUND-COLOR: #ffffff;
	border: solid 1px #D0D0D0; 
	DISPLAY: none; 
	
	FONT-SIZE: 12px; 
	Z-INDEX: 2; 

	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 	
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	
}

.informationDiv 
{

}

/* Resource popup close button Div */
.resourceInformationPopupCloseBtnDiv
{
/*	filter: alpha(opacity=50);  */
	FLOAT: right; 
/*	opacity: 50; */
	text-align:right;
	z-index:1000;
}
/* Resource popup close button  */
.resourceInformationPopupCloseBtn
{
	COLOR:BLACK; 
	BACKGROUND-COLOR: #666666; 
	padding:2px 3px 1px 5px;
	BORDER-RIGHT: white thin outset; 
	BORDER-TOP: white thin outset; 
	BORDER-LEFT: white thin outset; 
	BORDER-BOTTOM: white thin outset; 

	FONT-WEIGHT: bold; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
}
.resourceInformationPopupInfo
{
	text-align:left;
	display:block;
}

.resourceLimitSeperator
{
	width:1px;
	background-color:Black;	
}

.ResourceListLimitTextTD
{
	border-right:solid 1px silver;
	border-bottom:solid 1px silver;
}

.ResourceListLimitTextExtraTD
{
	border-right:solid 1px silver;
}

.ResourceListLimitText 
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

a.ResourceListLimitText:link,
a.ResourceListLimitText:active,
a.ResourceListLimitText:visited
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
}

a.ResourceListLimitText:hover
{
	color:Blue;
	text-decoration:none;
}

.ResourceChangeLimitText 
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	padding:0px 18px 0px 5px;
	border:solid 2px silver;
	background-color:#EFEFEF;
	background-image: url(../../../images/arrowDown.gif) ;
	background-position:right;
	background-repeat:no-repeat;
}

a.ResourceChangeLimitText:link,
a.ResourceChangeLimitText:active,
a.ResourceChangeLimitText:visited
{
	font-family:Arial;
	font-size:11px;
	color:Black;	
	text-decoration:none;
	border:solid 2px silver;
	 
}

a.ResourceChangeLimitText:hover
{
	color:Blue;
	text-decoration:none;
	background-color:#EFEFEF;
	border:solid 2px silver;
}



.ResourceAtoZSelected
{
	color:Black;
	text-decoration:none;
	font-weight:bold;
	background-color:#EEEEEE;
	padding:0px 5px 0px 5px;

}
.ResourceListFilterSelected
{
	color:Black;
	text-decoration:none;
	font-weight:bold;
	background-color:#EEEEEE;
	padding:0px 5px 0px 5px;

}
.resourceCategorySelectedLabel
{
	font-family:Arial;
	font-size:11px;
	color:black;
}
.resourceCategorySelected
{
	font-family:Arial;
	font-size:11px;
	color:Black;
/*	background-color:#F4F4F4; */

	background-color:#FCE2C6; 
	padding:4px 4px 2px 4px;
	
}

.categoryLimitPopup
{
	background-color:#EFEFEF;		
	border:0;
}

.categoryPopUpTable
{
	width:auto;
	text-align:left;
	padding:2px 2px 2px 2px;	
	border:solid 1px gray;
}


/* Event List */
.table.eventList
{
	width:500px;
	border-color:black;
	caption-side:top;
	vertical-align:top;
}	
.eventTitle
{
	font-family:Arial;
	font-size:12px;
	color:black;
}

.eventDate
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:Black;
	padding-left:8px;
}
.eventTime 
{
	font-family:Arial;
	font-size:12px;
	color:gray;
}
.eventLocation
{
	font-family:Arial;
	font-size:12px;
	color:Gray;
}	

.eventAction
{
	font-family:Arial;
	font-size:12px;
	color:Gray;
	font-weight:bold;	
}	
.eventArea
{
	font-family:Arial;
	font-size:12px;
	color:Gray;
}

.eventPayment,
.eventPayment a:link,
.eventPayment a:active,
.eventPayment a:visited,
.eventPayment a:hover
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;	
	color:White;
	text-decoration:none;
	background-color:#7c9bc7;
	margin:1px 3px 1px 3px;
	padding:0px 3px 0px 3px;
	border:solid 1px black; 
}

.eventAction a:link,
.eventAction a:active,
.eventAction a:visited
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}	

.eventAction a:hover
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;	
	text-decoration:underline;	
}	

.eventDivider
{
	background-color:#D8EBF9;
	height:1px;
	padding-top:1px;
}

.eventFilter
{
	background-color:#D8EBF9;
	font-family:Arial;
	font-size:13px;	
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	height:25px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}

.eventConfirmation
{
	font-family:Arial;
	font-size:12px;
	color:Black;
	font-weight:bold;
}
.eventmore a:link
{
	font-family:Arial;
	font-size:11px;
	color:black;
	text-decoration:none;
}
.eventmore a:hover
{
	font-family:Arial;
	font-size:11px;
	color:black;
	text-decoration:underline;
}
.eventTable 
{
	width:100%;
}
.eventMainTable
{
	width:95%;
	position:relative;
	margin:auto;	
}

.eventDetailHTML
{
	padding-left:8px;
}

/* Change Passowrd */
.changePasswordHeading
{
	background-color:#D8EBF9;
	font-family:Arial;
	font-size:13px;	
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	height:25px;	
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
}

.changePasswordTable
{
	width:400px;
}

/* Update profile */
.UpdateUserProfileTable
{
	text-align:left;
	margin:0;
	padding:0;
}

.UpdateUserProfileHeading
{
	background-color:#D8EBF9;
	font-family:Arial;
	font-size:13px;	
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	height:25px;	
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
}

.customError 
{
	color:red;
	font-family:Arial;
	font-size:12px;
}
.navigationTableDiv
{
	height:300px;
	width:200px;
	overflow:auto;
	border:solid 1px #EFEFEF;
}


/* Admin Login Table CSS */
.AdminLoginTable
{
	BORDER-RIGHT: silver thin solid; 
	TABLE-LAYOUT: auto; 
	BORDER-TOP: silver thin solid; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: silver thin solid; 
	BORDER-BOTTOM: silver thin solid; 
	FONT-FAMILY: Arial, Sans-Serif; 
	BORDER-COLLAPSE: separate; 
	BACKGROUND-COLOR:#EFEFEF; 
	TEXT-ALIGN: left;
}

.Black13Bold
{
	font-size:13px;
	font-weight:bold;
	color:black;
	font-family:Arial;
}

/* Admin - Alert message */
.alertMessage 
{
	font-family:Arial;
	font-size:11px;
	color:Red;
	background-color:Yellow;
}

/* User Progress Bar */
.userProgressBar 
{
	background-color:White;
	z-index:1;
}


/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* Display error message */
.errorMessage 
{
	font-family:Arial Sans-Serif;
	font-size:12px;
	color:Red;
}

/* Preference Panel Heading */
.PreferencePanelHeading legend
{
	font-family:Arial Sans-Serif;
	font-size:12px;
	color:#7C9BC6;
	font-weight:bold;
}

.PreferencePanelHeading Div
{
	Width:350px;
}

/* Admin form */

.adminDataLabel
{
	font-family:Arial;
	font-size:12px;
	color:Black;
	font-weight:normal;
}

.AdminDetailHeading
{
	font-family:Arial;
	font-size:13px;	
	color:Gray;
	font-weight:bold;
	height:20px;
	border-bottom:solid 2px black;
	width:400px;
}

.AdminDetailSubHeading 
{
	font-family:Arial;
	font-size:12px;	
	color:Gray;
	font-weight:bold;
}


/* Form */

.formLabel
{
	font-family:Arial Sans-Serif Verdana;
	font-size:12px;
	color:Black;
}
.formHeader
{
	font-family:Arial Sans-Serif Verdana;
	font-weight:bold;
	font-size:13px;
	color:Gray;
}


.RssDataRowTableCellSpacing 
{
	height:3px;	
}