/* ## Main Navigation Theme ## */


.mainNavContainer {margin:0 0 15px 0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1190c5+0,0b4a9a+100 */
	background: rgb(17,144,197); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(17,144,197,1) 0%, rgba(11,74,154,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,144,197,1)), color-stop(100%,rgba(11,74,154,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(17,144,197,1) 0%,rgba(11,74,154,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(17,144,197,1) 0%,rgba(11,74,154,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(17,144,197,1) 0%,rgba(11,74,154,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(17,144,197,1) 0%,rgba(11,74,154,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1190c5', endColorstr='#0b4a9a',GradientType=0 ); /* IE6-9 */

}

.mainNav { position:relative; z-index:10;}

.mainNav .sf-menu {list-style-type:none; margin:0px; padding:0px; display:table; width:100%;}
.mainNav .sf-menu > li {display:table-cell; vertical-align:middle;}
.mainNav .sf-menu > li .navInner {position:relative;}

.mainNav .sf-menu > li > a,
.mainNav .sf-menu > li .navInner > a {display:block; padding:10px 13px; color:#ffffff; font-size:.875em; font-weight:bold; text-decoration:none; text-align:center;}

ul.sf-menu li ul {display:none; list-style-type:none; padding:0px; margin:0px; position:absolute; z-index:1000; background:#dcf0f8; padding:0; border:1px solid #b5d9e7; border-bottom:0px; width:180px;}
ul.sf-menu li ul ul {left:180px; top:-1px;}

.mainNav .sf-menu li:hover ul {display:block; }

ul.sf-menu li ul li {display:block; position:relative;}
ul.sf-menu li ul li a {color:#45494e; text-decoration:none; font-size:0.75em; font-weight:bold; display:block; padding:12px 10px; border-bottom:1px solid #b5d9e7;}
ul.sf-menu li ul li a.MemberOnlyLock {background:url(/cms/aapd/images/lock.png) no-repeat scroll 98% center;}

.menuLink{ display:none; position:absolute; left:10px; top:10px; width:32px; height:26px; cursor:pointer; z-index:900;}
.menuLink:before,
.menuLink:after,
.menuLink > span.icon:before {
	content:" ";
	position:absolute;
	width:30px; 
	height:4px;
	background:#ffffff;
	z-index:1001;
	left:0;
	top:0px;
	-webkit-transition: transform 0.4s ease 0s; 
	    transition: transform 0.4s ease 0s;
}
.menuLink:before { top:0px; } 
.menuLink:after { top:10px; } 
.menuLink > span.icon:before { top:20px; } 
.active .menuLink {}
.active .menuLink:before {top: 10px;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.active .menuLink:after {top:10px;-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.active .menuLink > span.icon::before {display:none;}

	
@media only screen and (min-width:58em) {
	.mainNav { }
	.mainNav .sf-menu .navMore {display:none;}
	
	.mainNav .sf-menu > li:hover,
	.mainNav .sf-menu > li.on  {}
	.mainNav .sf-menu > li:hover > a,
	.mainNav .sf-menu > li.on > a {background:#ffffff; color:#3b89c9;}
	
	ul.sf-menu li ul li:hover > a {background: #cceaf6 none;color:#016492;}
	ul.sf-menu li ul li:hover > a.MemberOnlyLock {background:url(/cms/aapd/images/lock.png) no-repeat scroll 98% center #cceaf6; color:#016492;}
}	

@media only screen and (min-width:11.250em) and (max-width:57.99em) {	
	
	.menuLink {display:block !important;}

	.mainNav { position: relative; display:block;  padding:0; height:46px; float:none;}
	
	.mainNav .sf-menu {display:none; padding:15px 5px 15px 5px; position:absolute; top:46px; left:0px; background:#0090CB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
    .mainNav.active .sf-menu {display:block;}
	.mainNav .sf-menu > li {display:block;}
	.mainNav .sf-menu > li > a, .mainNav .sf-menu > li .navInner > a, .mainNav .sf-menu li a {text-align:left; font-size:.875em; font-weight:bold; padding:8px 35px 8px 15px; position:relative; background:none; border:0px;}
	.mainNav .sf-menu > li > a br {display:none;}
	.mainNav .sf-menu li li a {padding:8px 35px 8px 30px; color:#ffffff;}
	.mainNav .sf-menu li li li a {padding:8px 35px 8px 45px;}
	ul.sf-menu li ul {position:static; background:none; width:auto; padding:0px; display:none !important; border:0px;}
	ul.sf-menu li ul ul {}
	
	.mainNav .sf-menu .navMore {padding:3px 0 0 0; text-align:center; font-weight:normal; font-size:1.6em; width:30px; height:100%; position:absolute; right:0px; top:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	.mainNav .sf-menu .navActive > ul {display:block !important; visibility:visible !important;}

}