/***********************************TOP NAV*************************************/
body #s4-topheader2, #mainmenu {
	background-color: #21344a;
	background-image: none;
}

.mdd-topmenu {
	font-family: arial, san-serif;
	font-weight: normal;
	font-size: 12px;
	padding-top: 2px;
	
}

.mdd-topmenu-label, .mdd-topmenu-label a:link, .mdd-topmenu-label a:visited {
	color: #fff;
}

.mdd-topmenu-item {
	padding-top: 4px;
	padding-right: 25px;
    position:relative;
}

.mdd-topmenu-label {
	padding-left: 4px;
	padding-right: 4px;
}

.mdd-tabc-hover .mdd-topmenu-label {
	color: #ff8e08;
}

.mdd-tabc-hover a:link {
	color: #ff8e08;
}

/********************************** DROPDOWN *********************************/

.mdd {
	bottom:0;
}

.mdd ul {
	margin:0;
	padding:0;
	list-style:none;
	width: 95%;
	padding-left:20px;
}

.mdd-topmenu-item {
	float: left;
	position:relative;

}


.mdd a H3 {
	text-align: left;
}

.mdd ul a.no {padding:0}

.current .mdd-topmenu-label a, .current .mdd-topmenu-label a:visited {
	color: #ff8608;
}


/***********************************OUTER DROP***********************************/
.sub-mdd  {
    display: none;
}

.drop {
	background-color: #fff;
	position:absolute;
	top:26px;
	left:-12px;
	display:none;
	padding: 0px;

	border: 0 1 1 1;
	border-style: solid;

	padding-top: 5px;
	max-height: 415px;
	
	border-top: 0px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;

	border-left-color: #b8babd;
	border-right-color: #b8babd;
	border-bottom-color: #b8babd;
	
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	
	z-index: 5;
}

.nodrop .drop {
	display: block;
	position: inherit;
}

.mdd ul .drop a, .mdd-heading h3 {
	padding:0;
	float: none;
	line-height:normal;
	font-weight:200;
}

.drop .t {
	width:100%;
	overflow:hidden;
	height: 0px;
}

.drop .c {
	width:auto;
	overflow:hidden;
	margin:0px;
	max-height: 415px;
	border: 1px #000;
}

.drop .b {
	width:100%;
	overflow:hidden;
	background-color: transparent;
	height: 16px;
}

/***********************************CONTENT AREA**********************************/
.content-area {
	float:left;
	width:100%;
	font-size:11px;
	padding-left:14px;
	min-height: 125px;
}

.mdd-heading, .mdd-callout {
	width: 170px;
}

.content-area h3 {
	font-size:14px;
	margin:0 0 4px;
	color:#484a53;
}

.content-area ul {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
	width: 170px;
	height:auto;
}

.content-area ul li {
	float:none;
	line-height:12px;
	background:none;
	padding:0;
	padding-bottom:2px;
	padding-left: 2px;
}

.content-area ul a {
	color:#39c;
	background:none;
}

.content-area ul a:hover {color:#069 !important;}

.mdd-heading {
	padding-top: 10px;
	float: left;
}

.mdd-heading .desc {
	display: block;
	padding: 1px 0px 6px 4px;
	padding-top: 2px;
	padding-left: 4px;
	color: #376aac;
}

a:visited .mdd-image-content {
	color: #39c;
}

/***********************************Search Ctrl**********************************/

.mdd-searchctrl  {
	width: 318px;
	height: 56px;
	float: left;
}

.mdd-searchctrl-inner {
	background: transparent url('/_layouts/archetonomy/mdd/images/search_bg.png') 0px 0px no-repeat;
	width: 318px;
	height: 56px;

	padding: 0px;
}

.mdd ul .drop .mdd-searchctrl-inner  a {
	padding-left: 2px;
	padding-top: 12px;
	padding-left: 0px;
	float: left;
}

.mdd-searchctrl-inner input {
	width: 266px;
	padding-top: 12px;
	padding-left: 17px;
	border: 0px;
	color: #c9cac5;
	font-style: italic;
	outline: none;
	background-color: transparent;
}

.mdd-searchtrl-inner input:focus {
	color: #376aac;
}

.mdd-searchctrl-inner input::selection {
    background: #21374c;
}

.mdd-searchctrl-inner input.moz::-moz-selection {
    background: #21374c;
}

.mdd-searchctrl-inner input.webkit::-webkit-selection {
    background: #21374c;
}


.mdd-searchbox {
	float: left;
}

.mdd-searchbox-go {
	background: transparent url('/_layouts/archetonomy/mdd/images/search_go.png') no-repeat;
	width: 19px;
	height: 19px;
}

/***********************************CALLOUTS**********************************/
.mdd-callout {
	width: auto;
	padding-top: 10px;
}

.mdd-callout h3 
{
    font-weight: 200;
}

.co-item {
	border-radius: 8px;
	background-color: #e7e3e7;
}

.co-image {
	padding: 3px 7px 3px 3px;
	float: left;
	padding-right: 7px;
}

.co-image img {
	border: 0px;
}

.co-content {
	padding-top: 2px;
	float: left;
	width: 200px;
}

.co-item a:link, .co-item a:visited {
	color: #484a53;
}

.co-content a {background:none !important;}

.co-item h3, .co-content H3 {
	font-size:11px;
	font-family: arial, sans-serif;
}

img.mdd-image  {
    border: 0;
}

.sp-pages, .sp-pages ul {
	width: 350px;
}

.sp-pages UL a {
	padding-bottom: 2px;
}


/************************ quick-launch based mega menu  *************************/
.ms-quickLaunch .mdd {
	height: 100%;
}

.ms-quickLaunch .mdd UL {
	padding-left: 2px;
	width: 100%;
}

.ms-quickLaunch .mdd .mdd-topmenu-label {
	font-size: 12px;
	padding-bottom: 2px;
}

.ms-quickLaunch .mdd .mdd-topmenu .mdd-topmenu-item {
	float: inherit;
	margin-right: 3px;
}

.ms-quickLaunch .mdd-topmenu-label {
	color: #0072bc;
}

.ms-quickLaunch .drop {
	position: inherit;
	z-index: 4;
}

.ms-quickLaunch .drop {
	background-color: #fcfcfc;
	border: 0px;
	left: 0px;
	top: 0px;

	width: 162px;
}

.ms-quickLaunch .drop .c {
	width: 100%;
	border: 0px;
}

.ms-quicklaunch .mdd-topmenu-item {
	padding-left: 5px;
}

.ms-quickLaunch .mdd-topmenu-label, .ms-quickLaunch .mdd-topmenu-label a:link, .ms-quickLaunch .mdd-topmenu-label a:visited {
	color: #0072bc;
}

.ms-quicklaunch  .content-area, .accordion .content-area {
	padding-left: 14px;
	float: inherit;
}

.ms-quicklaunch .mdd-heading {
    padding-top: 0px;
}

/************************ accordion menu styles  *************************/

.accordion.mdd {
	padding-bottom: 15px;
	height: 100%;		/* change to your menu size */
}

.accordion .mdd-topmenu-item:hover {
	cursor: hand;
	cursor: pointer;
}

.accordion .mdd-topmenu-item  {
	padding-top: 0px;
	background: #c9cac5 url('/_layouts/archetonomy/mdd/images/ql-collapsed.png') 0px 3px no-repeat;
}

.accordion .mdd-topmenu-item {
	margin-bottom: 2px;
	overflow: visible;
}

.accordion .tab-content {
	padding-left: 10px;
}

.accordion .mdd-topmenu-label, .accordion .mdd-topmenu-label a:link, .accordion .mdd-topmenu-label a:visited {
	color: #21344a;
}

.accordion .drop {
	width: 152px;
	display: none;
	border: 0px;
	border-color: transparent;
	float:  inherit;
	padding-top: 0px;
	overflow: hidden;
	margin-bottom: 2px;
	max-height: none;
	position: relative;
	top: 2px;
}

.accordion .drop .t, .accordion .drop .b {
	display: none;
}

.accordion .drop .c {
	max-height: none;
}

.accordion .content-area {
	overflow: hidden;
	min-height: none;
}

.accordion .mdd-heading {
	float: inherit;
	height: 100%;
}

/* accordion selection */
.accordion .accopen {
	background: #ffb40e url('/_layouts/archetonomy/mdd/images/ql-expanded.png') 0px 4px no-repeat;
}

.accordion a:focus {
	outline: none;
}

.accordion .accopen .tab-content .mdd-topmenu-label, .accordion .accopen .tab-content a:link, .accordion .accopen .tab-content a:visited {
	color: #21344a;
}

.accordion .mdd-topmenu-item {
	float: none;
}