@charset "utf-8";

/*** nav from net.tus ***/
	#admin_nav{
		position:relative;	
	}
 /* Navigation */
  #admin_navigation {
	position: relative; /*so we can add any elements and position absolute them relatively to this nav */
    height: 32px;
	
		  			
		border: #27618E 1px solid;
			
  }
  	#adminNavName{
		position: absolute;
		left: -35px;
		background: #194781;
		padding: 10px 5px 10px 5px;
		
		border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px; 
		
		border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px; 
		
		border: 1px solid #333;
		font-weight:bold; 
		color: #FFF;
	}
		#adminNavName:hover{
			background: #468CB4;
			text-decoration: underline;
		}
	
    #admin_nav ul.navigation {
      position: relative;
      height:30px; 
	  /*   background: url(images/global/arrow.gif) no-repeat center 30px;
        */
		padding: 1px;
		
		/* prevly used outline and border, like the btns, but ff screwed up the outline by covering outline the dropshadow and subnavs when shown,
		so decided to use borders for both divs, this one and the outer one above instead of outline and border on only this div 
			border: #E7998C 1px solid;
			outline: #985307 1px solid;
		*/
		
		
		  /* fallback */
			  background-color: #006699;
			 background: url(../img/web/bg_redNavGradient.jpg); 
			  background-repeat: repeat-x;
			  
			  
			  /* Firefox 3.6+ */
			   background: -moz-linear-gradient(top,  #1798DD, #006699);
			  
			  /* Safari 4-5, Chrome 1-9 */
			  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
			) */
			  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1798DD), to(#006699));
			  
			  /* Safari 5.1+, Chrome 10+ */
			  background: -webkit-linear-gradient(#1798DD, #006699);
			  
			  /* Opera 11.10+ */
			  background: -o-linear-gradient(#1798DD, #006699);
		
		
		/**drop shadow **/
			-moz-box-shadow: 2px 2px 3px  rgba(100,100 ,100 ,0.7);
			-webkit-box-shadow: 2px 2px 3pxrgba(100,100 ,100 ,0.7);
			box-shadow: 2px 2px 3px rgba(100,100 ,100 ,0.7);
} 


    
      #admin_nav ul.navigation li {
        display: block;
        float: left;
        position: relative;
		
		
      }
	     
	  
        #admin_nav ul.navigation li a {
          display: block;
          float: left;
          padding: 7px 5px 9px 5px;
          font-size: 13px;
          line-height: 14px;
		  
		 
		  
		  
		  	/*add left,right borders to the parents so they look upraised */
		  	  border-left: #80A9CD 1px solid;
		border-right: #27618E 1px solid;
		
	
		
        }
		 #admin_nav ul.navigation li:last-child a{
		/*	border-right: none; */
          }
		
		/* main nav text style */
        /* Navigation Link Colors */
        #admin_nav ul.navigation li a:link,
        #admin_nav ul.navigation li a:visited {
          color: #FFF;
          text-decoration: none;
		/* color: #4D4D4E; */
        }
        #admin_nav ul.navigation li a:hover {
          color: #fff;
          text-decoration: none;

			background: #1798DD ; 
        }
		
		
        #admin_nav ul.navigation li a:active {
          color: #a1917b; 
		 
        }
         #admin_nav ul.navigation li.parent {
			  
			
		 }
		    #admin_nav ul.navigation li.parent a {
				background: url(../img/web/ico_arrow_down_white.png) 6px 50% no-repeat; 
          padding-left: 20px;
		
			}
						/* the bg arrow will apply to the children, so have to clear it here */
						#admin_nav ul.navigation li.parent ul a { 
								background:none;		
								padding-left: 5px;
						}
			
		/* when hovering on the children subnav, change parent to */
        #admin_nav ul.navigation li.parent > a:hover,
        #admin_nav ul.navigation li:hover.parent > a {
    		background: #1798DD url(../img/web/ico_arrow_down_white.png) 6px 50% no-repeat; 
			

		
		}
		
			/* for current page, will show dark blue color */
		 #admin_nav ul.navigation li.current  a.current{
       /* fallback */
			  background-color: #8F1C07;
			 
		/* Firefox 3.6+ */
			   background: -moz-linear-gradient(top, #333366, #126299);
			  
			  /* Safari 4-5, Chrome 1-9 */
			  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
			) */
			  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#333366), to(#126299));
			  
			  /* Safari 5.1+, Chrome 10+ */
			  background:  -webkit-linear-gradient(#333366, #126299);
			  
			  /* Opera 11.10+ */
			  background: -o-linear-gradient(#333366, #126299);

		
			
		}
		
		/* if this is the current page and it has children (parent), show a dark red arrow below it to connect to subnav */
		 #admin_nav ul.navigation li.parent.current  {
			   height: 40px;
			   background:  url(../img/web/ico_darkBlue_nav_arrow.png) 6px 100% no-repeat; 
		 }
		/* gap l and r - add to create the border shadow effect on the left side of last item on the left, and right side on the item on the right */
		#admin_nav ul.navigation li.gapl a
		{
			
			
			border-right: none;
		}
		#admin_nav ul.navigation li.gapl a:hover
		{
			background: none;
		}
		#admin_nav ul.navigation li.gapr 
		{	float: right;
		}
		#admin_nav ul.navigation li.gapr a
		{
			
			border-left: none;
		}
		#admin_nav ul.navigation li.gapr a:hover
		{
			background: none;
		}
		/*** for the last parent, put it right aligh */
		#admin_nav ul.navigation li.parent.last
		{
			
			color:#09C;
			float: right;
			clear: right;
						
		}
		#ngi_myStuff{
			position: absolute;
			top: 3px;
			left: 19px;
			
		}
		#admin_nav .nav_icon{	
			position: absolute;
			top: 3px;
			left: 15px;
			
		}
		
		/* children ddlist nav of parent */
        #admin_nav ul.navigation li ul {
          /* background: #5c5449 url(images/global/dd_top_border.png) no-repeat 0 0;
         */
			  background-color: #ACB2A4;
			  
		 border: 1px solid #080808;

          top: 29px;
          left: 0px;
          position: absolute;
          width: 182px;
          padding-top: 2px;
          display: none;
        	  z-index: 99; /* coz the ddlist can get blocked by sth in the back, like home page banner's learn more link (has zindex:5 ) */
		}		
		/* if this is children subnav of the 'last' parent (or only right align parent) move the ddlist to the left more so it wont fall down the right browser border*/
        #admin_nav ul.navigation li.last ul {
          left: -80px;
		}
		
		
		
        #admin_nav ul.navigation li:hover ul {
          display: block;
		  
        }
        #admin_nav ul.navigation li:hover a {
          color: #fff;
        }
          #admin_nav ul.navigation li ul li {
            border-bottom: 1px solid #D1D4CC;
            padding: 3px 4px;
            width: 174px;
          }
          #admin_nav ul.navigation li:last-child {
            border-bottom: none;
			
          }
            #admin_nav ul.navigation li ul li a {
              display: block;
              width: 158px;
              background: transparent;
              line-height: 16px;
              
              padding: 3px 7px;
             color:#4D4D4E; !important;
              
			
			  border: 1px solid transparent;
              -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }
			#admin_nav ul.navigation li ul li a:link,  
			#admin_nav ul.navigation li ul li a:visited{
              	font-size: 12px;
             	color:#333; !important;
              	
            }
			
            #admin_nav ul.navigation li ul li a:hover {
          	    background: #40372f;
              color: #FFF;
			  
              border: 1px solid #40372f;
            }


			
			
 /*********** Navigation sub ********/
  #navigation_sub {
	position: relative; /*so we can add any elements and position absolute them relatively to this nav */
    height: 30px;
  }
    #admin_nav ul.navigation_sub {
      position: relative;
	  top: 8px;
      height: 17px; 

			  background-color:#126299;
			 
} 
    
      #admin_nav ul.navigation_sub li {
        display: block;
        float: left;
        position: relative;
		
		
      }
	  
	  /* rightmost item - use class "last" */
	   #admin_nav ul.navigation_sub li.last {
        display: block;
        float:right;
        position: relative;
		clear: right;
		
      }
	     
	  
        #admin_nav ul.navigation_sub li a {
          display: block;
          float: left;
          padding: 3px 20px 3px 15px;
          font-size: 12px;
          line-height: 10px;
		 

        }
		

#admin_nav ul.navigation_sub li a:link,
        #admin_nav ul.navigation_sub li a:visited {
          color: #80A9CD;
          text-decoration: none;
		
        }
        #admin_nav ul.navigation_sub li a:hover {
          color: #fff;
          text-decoration:underline;

			/*background: #CB260A ; */ 
        }
#admin_nav ul.navigation_sub li.current a:link, 
#admin_nav ul.navigation_sub li.current a:visited
{
	font-weight: bold;
	color:#FFF;
}