﻿/* Menu CSS */
/********************************************************************/
#dnnStandardMenu .dnnNav						{ padding: 0; margin: 0; }
#dnnStandardMenu .root						{ float: left; display: block; padding: 0; margin: 0; list-style: none; }
#dnnStandardMenu .haschild					{ position: relative; }
#dnnStandardMenu .root .txt					{ display: block; font-size: 12px; line-height: 18px; font-weight: normal; 
											font-family: 'Droid Sans',Arial,Helvetica,sans-serif; text-transform: uppercase;
											color: #5b5b5b; margin: 8px 10px; padding: 0; }
#dnnStandardMenu .root .no-icn				{ padding: 36px 0 0 0; }
#dnnStandardMenu .root .txt .icn			{ display: block; height: 36px; position: relative; overflow: hidden; text-align: center; }
#dnnStandardMenu .root .txt .icn img 		{ position: relative; }
#dnnStandardMenu .root .txt:hover .icn img,
#dnnStandardMenu .root .txt:focus .icn img,
#dnnStandardMenu .root .txt:active .icn img { top: -46px; }
#dnnStandardMenu .root-sep					{ font-size: 12px; line-height: 18px; font-weight: normal; 
											font-family: 'Droid Sans',Arial,Helvetica,sans-serif; text-transform: uppercase;
											margin: 24px 0; color: #a8a8a8; }
#dnnStandardMenu .root .sel,
#dnnStandardMenu .root .exp,
#dnnStandardMenu .root .txt:hover 			{ color: #222222; }
#dnnStandardMenu .m							{ background: #fff; min-width: 200px; _width: 200px; border: 1px solid #ddd; display: none; 
											position: absolute; padding: 0; margin: 0; z-index: 999; white-space: nowrap;
											-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
											-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
											box-shadow: 0 0 2px rgba(0,0,0,0.2); }
#dnnStandardMenu .m .mi						{ padding: 0; margin: 0; border-bottom: 1px solid #ddd; list-style: none; }
#dnnStandardMenu .m .last					{ border-bottom: none; }
#dnnStandardMenu .m .mi .txt				{ font-size: 12px; line-height: 20px; font-weight: normal; color: #212e1f; 
											padding: 6px 8px; margin: 0; display: block; }
#dnnStandardMenu .m .mi .txt .icn			{ display: inline; height: auto; width: auto; padding: 0 6px 0 0; }
#dnnStandardMenu .m .mi .txt:hover .icn img,
#dnnStandardMenu .m .mi .txt:focus .icn img,
#dnnStandardMenu .m .mi .txt:active .icn img{ top: 0; }
#dnnStandardMenu .m .mi .sel,
#dnnStandardMenu .m .mi .exp,
#dnnStandardMenu .m .mi .txt:hover			{ background-color: #bab5ad; color: #fff; }
#dnnStandardMenu .m .mi .child				{ background-image: url(haschild.png); background-position: right 10px; background-repeat: no-repeat;  }
#dnnStandardMenu .m .mi .exp,
#dnnStandardMenu .m .mi .sel,
#dnnStandardMenu .m .mi .child:hover		{ background-position: right -190px; }

#dnnAction #dnnStandardMenu .root .txt .icn { height: auto; }
#dnnAction #dnnStandardMenu .root .txt:hover .icn img,
#dnnAction #dnnStandardMenu .root .txt:focus .icn img,
#dnnAction #dnnStandardMenu .root .txt:active .icn img 
											{ top: 0; }
#dnnAction a.mobile-navbt,
#dnnAction a.mobile-navbt:link,
#dnnAction a.mobile-navbt:visited		{ display: none; }

/* Menu Mobile CSS */
/********************************************************************/
@media screen and (max-width: 680px){
	a.mobile-navbt,
	a.mobile-navbt:link,
	a.mobile-navbt:visited				{ display: block; background: #3a95cf; /* Old browsers */
										/* IE9 SVG, needs conditional override of 'filter' to 'none' */
										background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhOTVjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjcwYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
										background: -moz-linear-gradient(top,  #3a95cf 0%, #0270b8 100%); /* FF3.6+ */
										background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a95cf), color-stop(100%,#0270b8)); /* Chrome,Safari4+ */
										background: -webkit-linear-gradient(top,  #3a95cf 0%,#0270b8 100%); /* Chrome10+,Safari5.1+ */
										background: -o-linear-gradient(top,  #3a95cf 0%,#0270b8 100%); /* Opera 11.10+ */
										background: -ms-linear-gradient(top,  #3a95cf 0%,#0270b8 100%); /* IE10+ */
										background: linear-gradient(to bottom,  #3a95cf 0%,#0270b8 100%); /* W3C */
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a95cf', endColorstr='#0270b8',GradientType=0 ); /* IE6-8 */
										color: #fff; display: inline-block; border: 1px solid #2079b9;
										font-size: 13px; line-height: 20px; margin: 12px 0; padding: 8px 12px;
										text-shadow: 1px 1px 1px #0062b3; 
										-moz-box-shadow: inset 1px 1px 1px #86e4ff, 1px 1px 2px rgba(0,0,0,0.3);
										-webkit-box-shadow: inset 1px 1px 1px #86e4ff, 1px 1px 2px rgba(0,0,0,0.3);
										box-shadow: inset 1px 1px 1px #86e4ff, 1px 1px 2px rgba(0,0,0,0.3);
										/* Safari 3-4, iOS 1-3.2, Android 1.6- */
										-webkit-border-radius: 3px; 
										/* Firefox 1-3.6 */
										-moz-border-radius: 3px;
										/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
										border-radius: 3px; }
	a.mobile-navbt:hover,
	a.mobile-navbt:focus,
	a.mobile-navbt:active				{ background: #515151; /* Old browsers */
										/* IE9 SVG, needs conditional override of 'filter' to 'none' */
										background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
										background: -moz-linear-gradient(top,  #515151 0%, #2b2b2b 100%); /* FF3.6+ */
										background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
										background: -webkit-linear-gradient(top,  #515151 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
										background: -o-linear-gradient(top,  #515151 0%,#2b2b2b 100%); /* Opera 11.10+ */
										background: -ms-linear-gradient(top,  #515151 0%,#2b2b2b 100%); /* IE10+ */
										background: linear-gradient(to bottom,  #515151 0%,#2b2b2b 100%); /* W3C */
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-8 */
										border-color: #000; outline: none; text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000; 
										-moz-box-shadow: inset 1px 1px 1px #848484, 1px 1px 2px rgba(0,0,0,0.3);
										-webkit-box-shadow: inset 1px 1px 1px #848484, 1px 1px 2px rgba(0,0,0,0.3);
										box-shadow: inset 1px 1px 1px #848484, 1px 1px 2px rgba(0,0,0,0.3); }
	#dnnStandardMenu					{ position: relative; }
	#dnnStandardMenu .dnnNav				{ display: none; position: absolute; right: 0; background: #fff; min-width: 200px; _width: 200px; 
										border: 1px solid #ddd; display: none; position: absolute; padding: 0; margin: 0; 
										z-index: 999; white-space: nowrap; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
										-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); box-shadow: 0 0 2px rgba(0,0,0,0.2); }
	#dnnStandardMenu .root				{ float: none; display: block; border-bottom: 1px solid #ddd; }
	#dnnStandardMenu .root.last			{ float: none; border: none; }
	#dnnStandardMenu .root .txt			{ margin: 0; padding: 4px 12px;   }
	#dnnStandardMenu .root .txt .icn		{ display: none; }
}