/* /== NetReach Copyright Block ==\
   Copyright 2004, Bastnet, Inc.
   All of the information contained herein is the intellectual property of Bastnet, Inc.  
   No portion of the tools, routines, subroutines and other programs, data and/or materials 
   may be used by any other organization without the express written consent of NetReach, 
   Inc.  Any organization that attempts to reuse any portion of these materials without 
   consent will be prosecuted to the fullest extent allowed by law. 
   This Application includes a licensed copy of telerik r.a.d.editor, copyright 2003 telerik.  
   All rights reserved.  Use of telerik r.a.d.editor outside of this Application is a 
   violation of the Bulgarian and International Copyright Laws and other applicable laws.
   \== NetReach Copyright Block ==/ */

/* NRCUSTOM: padding, height, and colors for pulldown, flyout */

ul.cms-nav-flyout, ul.cms-nav-flyout ul {
	width: 130px;                 /* sets the size of the menu blocks */
	/* border: 1px solid #B72D39;      puts a black border around the menu blocks */
	background-color: #B72D39;      /* makes the menu blocks mint green */
	padding-left: 0px;           /* stops the usual indent from ul */
	cursor: default;             /* gives an arrow cursor */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.cms-nav-flyout li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	list-style-type: none;       /* removes the bullet points */
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
	                                the lack of offset makes these appear normal, but it will make a difference
	                                to the absolutely positioned child blocks */
	color: #DAE1E8;                 /* sets the default font colour to white */
}
ul.cms-nav-flyout li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: 2px;                    /* position slightly lower than the parent menu item */
	left: 128px;                  /* this must not be more than the width of the parent block, or the mouse will
	                                have to move off the element to move between blocks, and the menu will close */
}
ul.cms-nav-flyout li:hover {
	background-color: #DAE1E8;      /* gives the active menu items a yellow background */
	color: #000;                 /* makes the active menu item text black */ 
}
ul.cms-nav-flyout li:hover > a {
	color: #000;                 /* makes the active menu item text black */ 
}
ul.cms-nav-flyout li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
	                                the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.cms-nav-flyout li a { 
	color:#DAE1E8; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	display: block; 
	width: 100%;
	text-decoration: none;
}
ul.cms-nav-flyout li a:hover {
	color: #000;                 /* makes the active menu item text black */ 
}

ul.cms-nav-flyout li a.nr-flyout-edit-pencil { 
	position: absolute; 
	left: -21px; 
	width: 21px; 
	border: 1px solid black; 
	border-right: 0px; 
	background-color: #fec 
}

div.cms-pulldown-div a.nr-flyout-edit-pencil {
	position: absolute;
	left: -22px;				/* mozilla renders different position */ 
	-left: -21px; 
	width: 21px; 
	border: 1px solid black; 
	border-right: 0px; 
	background-color: #8aa; 
}
div.cms-pulldown-div a.nr-flyout-edit-pencil:hover, div.cms-pulldown-div a.nr-flyout-edit-pencil-selected {
	position: absolute;
	left: -22px;				/* mozilla renders different position */ 
	-left: -21px; 
	width: 21px; 
	border: 1px solid black; 
	border-right: 0px; 
	background-color: #ffa; 
}

table.cms-nav-pulldown {
	background-color:#DAE1E8;
}

a.PullDownNavNotSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	background-color:#B4C3D1;
	border: 1px solid white;
	padding: 11px 10px 11px 10px;
	text-decoration: none;
}
a.PullDownNavSelected, a.PullDownNavNotSelected:hover, a.PullDownNavSelected.Current:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#D72B39;
	border: 2px solid #98213F;	/* when rollover or selected, make border thicker */
	padding: 10px 9px 10px 9px;	/* consequently, make padding smaller on all sides, so everything stays the same size */
	text-decoration: none;
}

div.cms-pulldown-div {
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
	                                the lack of offset makes these appear normal, but it will make a difference
	                                to the absolutely positioned child blocks */
}
table.cms-nav-pulldown td > div > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: 15px;                    /* position slightly lower than the parent menu item */
	left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
	                                have to move off the element to move between blocks, and the menu will close */
}
table.cms-nav-pulldown td:hover > div > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
	                                the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}