/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu {
	cursor: pointer;
	font-size: 14px;
	background-color: transparent;
	color:#43508b;
	width: 1024px;
    border: none;
    outline: none;
}
/* Main Menu Normal */
.mainMenu .root {
	text-align: center;
	margin: 0px 8px;
	padding: 0px 12px;
    font-weight: bold;
	white-space: nowrap;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
}
/* Main menu hover */
.mainMenu .hov {
	color: #43508b;
}
/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
	color: #43508b;
}
.mainMenu table {
	z-index: 5000;
    top: 59px !important;
    width: auto;    
}

#dnn_dnnNAV_ctldnnNAVsub2250{
    left: 35% !important;
    min-width: 167px;
}

#dnn_dnnNAV_ctldnnNAVsub2897{
    left: 73% !important;
    min-width: 175px;
}

#dnn_dnnNAV_ctldnnNAVsub4764{
    left: 50% !important;
    min-width: 167px;
}

/* Module Action Menus */
.ModuleTitle_SubMenu {
	border: 1px solid #000;
    
}
.ModuleTitle_SubMenu td {
	background-color: #000;
	white-space: nowrap;
    
}
.ModuleTitle_MenuIcon {
	background-color: #F8FAFF;
	border: none;
	padding: 0px 2px;
}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon {
	background: rgba(245,247,245, .9);
	color: #fff;
}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {
	height: 2px;
	background-color: #000;
}

/* SUB Menu hover & selected */
.mainMenu tr{
    background-color: #000;
    background: rgba(245,247,245, .9);
    font-size: 14px;
}

.mainMenu tr.hov { 
}

.mainMenu tr td{
    padding: 6px 4px;
}

.mainMenu tr.last td{
    padding: 6px 4px 12px; 
}

.mainMenu tr.sel, .mainMenu tr.bc{
}

.mainMenu tr.sel td, .mainMenu tr.bc td{

}

.main_dnnmenu_break{
       height: 2px;
       background-color: #D5E0FF;
}


/*---Media Queries---*/
@media only screen and (max-width: 1182px) {
    #dnn_dnnNAV_ctldnnNAVsub2897 {
    left: 70% !important;
}
    #dnn_dnnNAV_ctldnnNAVsub2250{
    left: 30% !important;
}

#dnn_dnnNAV_ctldnnNAVsub4764{
    left: 45% !important;
}
}
@media only screen and (max-width: 1090px) {
    .mainMenu .root {
	text-align: center;
        padding: 0px 12px;
}
    
}

@media only screen and (max-width: 1084px) {
    .mainMenu {
	font-size: 12px;
}
    .mainMenu .root {
	text-align: center;
        padding: 0px 10px;
}
        #dnn_dnnNAV_ctldnnNAVsub2250{
    left: 30% !important;
}
    #dnn_dnnNAV_ctldnnNAVsub2897 {
    left: 68% !important;
}
}
@media only screen and (max-width: 930px) {
   #dnn_dnnNAV_ctldnnNAVsub2250{
    left: 30% !important;
}
    #dnn_dnnNAV_ctldnnNAVsub2897 {
    left: 63% !important;
}
}