﻿
/* global navigation */

div#globalNavigation
{
    background:#FFE986 url('../images/common/global_navigation/bg_gradient.gif') repeat-x bottom left;
    border-bottom:1px solid #D1572E;
    height:1.8em;
    position: relative;
    z-index: 999;
    
}
div#globalNavigation ul
{
    list-style-type: none;
}
div#globalNavigation ul li
{
    float: left;
}
div#globalNavigation ul li a
{
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
    padding-right: 28px;
    padding-left: 28px;
    background: url('../images/common/global_navigation/bg_globalnav_seperator.gif') no-repeat;
    
}
div#globalNavigation ul li a:hover
{
    background: url('../images/common/global_navigation/bg_globalnav_seperator_over.gif') no-repeat;
}

/* quick navigation */
div#quickNavigation
{
    position: absolute;
    width: 760px;
    margin-top: 28px;
    
}
div#quickNavigation ul
{
    float: right;
    list-style-type: none;
}
div#quickNavigation ul li
{
    float: left;
    border-right: 1px solid #FFF;
    
}
div#quickNavigation ul li.last
{
    border-right: none;
}
div#quickNavigation ul li a
{
    color: #FFF;
    text-decoration: none;
    font-size: 1.1em;
    margin-right: 9px;
    margin-left: 9px;
    
}

/* primary navigation */
div#primaryNavigation
{
    background: #EBDFC9 url('../images/common/bg_navigation.gif') repeat-x;
    border-bottom:1px solid #FCAC17;
    height:2.2em;   
    margin-top: 5.5em;
}
div#primaryNavigation h4
{
    display: none;
}
div#primaryNavigation ul
{
   
    overflow: auto;
    list-style-type: none;
    padding-left: 15px;
}
div#primaryNavigation ul li
{
    float: left;
    border-right:1px solid #CABFA6;
    border-left:1px solid #FFF;
    margin-top: 2px;
}
div#primaryNavigation ul li a
{
    display: block;
    padding:0.15em 0.5em 0.3em 0.6em;
    font-weight: bold;
    color: #000;
    font-size:1.1em;
    text-decoration: none;
    margin-left: 1px;
    margin-right: 1px;

}
div#primaryNavigation ul li a:hover
{
    border-left: 1px solid #CEBFA8;
    border-right: 1px solid #CEBFA8;
    margin-left: 0px;
    margin-right: 0px;
    background: #D0C1AC url('../images/common/bg_navigation_item_hover.gif') repeat-x;
    
}

div#primaryNavigation ul li.on a,
div#primaryNavigation ul li.on a:hover {
    color: #FFF;
    background: #D0C1AC url('../images/common/bg_navigation_item_on.gif') repeat-x;
}

div#primaryNavigation ul li.on a:hover {
    margin-left: 1px;
    margin-right: 1px;
    border:none
}






div#primaryNavigation ul li.first
{
    border-left: none;
}
div#primaryNavigation ul li ul.subNavigation
{
    display: none;
   position: absolute;
   padding-left: 0px;
   margin-top: 2px;
   border: 1px solid #b5b6b5;
   
   width: 170px;
}

div#primaryNavigation ul li ul.subNavigation li
{
    margin-top: 0px;
   border: none;
    float: none;
    background-color: #fff7f7;
   
}
div#primaryNavigation ul li ul.subNavigation li a
{
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #d6cfc6;
    font-weight: normal;
    padding: 0px;
    line-height: 1.8em;
}
div#primaryNavigation ul li ul.subNavigation li.last a
{
    border-bottom: none;
}

/* secondary navigation */
div#secondaryNavigation 
{
	width:181px;padding-bottom:9px;
	background:url('../images/backgrounds/bg_nav_footer.png') no-repeat left bottom;
}

div#secondaryNavigation ul {
	margin:0;padding:0 0 13px;
	list-style-type: none;
	background:url('../images/backgrounds/bg_nav_seperator.png') no-repeat left top;
}

div#secondaryNavigation ul li {
	margin:0;padding:16px 10px 0 22px;
	background:url('../images/icons/icon_chevron.gif') no-repeat 14px 21px
}

div#secondaryNavigation ul li.selected,
div#secondaryNavigation ul li ul li.selected {
	font-weight:bold
}

div#secondaryNavigation ul li.parent {
	background:url('../images/icons/icon_chevron_down.gif') no-repeat 12px 21px
}

div#secondaryNavigation ul li ul li.parent {
	background:url('../images/icons/icon_chevron_down.gif') no-repeat 0px 5px
}

div#secondaryNavigation ul.first {
	background:url('../images/backgrounds/bg_nav_header.png') no-repeat left top;
}

div#secondaryNavigation ul li a {
	font-size:1.1em;color:#000;text-decoration:none
}

div#secondaryNavigation ul li a:hover {
	text-decoration:underline
}

div#secondaryNavigation ul li a.newwindow {
	padding-right:14px;
	background:url('../images/icons/icon_newwindow.gif') no-repeat right center 
}

div#secondaryNavigation ul li ul {
	margin:0;padding:0;
	background:none;
}

div#secondaryNavigation ul li ul li {
	margin-top:8px;
	padding:0px 0px 0 8px;
	font-weight:normal;
	background-position: 0px 4px;
}

/*div#secondaryNavigation ul li ul li.parent {
	font-weight:bold;
	background:url('../images/icons/icon_chevron.gif') no-repeat 0 4px;
}*/

/* login navigation */
div.loginNavigation div.items,
div.loginNavigation div.loggedIn
 {
	width:267px;height:36px;
	background:url('../images/backgrounds/bg_login_closed.png') no-repeat left top;
}

div.loggedIn {
	_height: 1%;
    overflow: auto;
	padding:2px 0 0 15px;
}

div.loggedIn h2 {
	float:left;
	width:90px;
	background:url('../images/icons/icon_loggedin.gif') no-repeat left 4px;
	padding:7px 0 5px 25px;
	font-size:1.1em;
	text-indent:0;
	height: 21px !important;
	
	margin: 0px;
}
div.loggedIn h2{
  

}

div.loggedIn ul {
	float:left;
	width:125px;
	margin:2px 0 0;
	padding:0;
	list-style-type: none;
	margin-top: 8px;
	
}

div.loggedIn ul li {
	float:left;
	margin:0;
	margin-left:12px;
	padding-left:8px;
	background:url('../images/icons/icon_chevron.gif') no-repeat left 4px
}

div.loggedIn ul li.first {
	margin-left:0;
}

div.loggedIn ul li a {
	font-size:1.1em;
	color:#000;
	text-decoration:none;
}

div.loggedIn ul li a:hover {
	text-decoration:underline;
}

div.loginNavigation.open div.items {
	width:267px;height:32px;
	background:url('../images/backgrounds/bg_login_open.png') no-repeat left top;
}

div.loginNavigation ul.notLoggedIn {
	list-style-type:none;padding-left:9px;
}

div.loginNavigation ul.notLoggedIn li {
	float:left;height:36px;
	background:url('../images/icons/icon_login_closed.png') no-repeat 0 3px;
}

div.loginNavigation.open ul.notLoggedIn li.login {
	background:url('../images/icons/icon_login_open.png') no-repeat 0 3px;
}

div.loginNavigation ul.notLoggedIn li a {
	display:block;padding:12px 0 10px;overflow:hidden;
	text-indent:-9999px }

div.loginNavigation ul.notLoggedIn li.login a {
	width:160px;height:10px;
	background:url('../images/common/login/a_login.gif') no-repeat 32px 12px
}

div.loginNavigation ul.notLoggedIn li.register a {
	width:86px;height:10px;
	background:url('../images/common/login/a_register.gif') no-repeat 32px 12px
}

div.loginNavigation div.content {
	display:none
}

div.loginNavigation.open div.content {
	display:block
}

div.loginNavigation div.content {
	padding-bottom:2px;width:267px;
	background:url('../images/backgrounds/bg_login_open_content.png') no-repeat left bottom;
}

div.loginNavigation div.content fieldset {
	clear:left;
	padding:0 6px 0 38px }

div.loginNavigation div.content fieldset div {
	_height: 1%;
    overflow: auto;
	margin-bottom:5px;
}
	
div.loginNavigation div.content fieldset label {
	display:block;
	float:left;
	width:60px;
	margin-top:2px;
	font-size:1.1em;
}

div.loginNavigation div.content fieldset input {
	float:right;
	width:140px;
	margin:0 6px 6px 0;
}

a.forgottenPassword 
{
	float:left;
	margin-top:8px;
	margin-left:5px;
	font-size:11px;
	color:#828282;
	text-decoration:none;
	padding-left:7px;
	background:url('/activekids/library/images/icons/img_linkArrow.gif') no-repeat left 4px;
}

div.loginNavigation div.content fieldset p.registerHere,
div.loginNavigation div.content fieldset div.logOnBreakLine {
	display:none
}

div.loginNavigation div.content fieldset input.btnLogin {
	width:auto;
	float:right;
	margin:0 2px 6px 0;
}

div.loginNavigation div.content fieldset div.formField {
	width:auto;
	margin-left:0;
	padding-right:2px;
	padding-left:5px;
}