/* search center */
.ms-searchCenter
{
	width:260px;

	margin:0 auto;
	
}
.ms-searchCenter-main
{
	margin-top:20px !important;
}

/** modals above menu nav **/
.modal { z-index: 20000;}
.ms-dlgContent { z-index: 20000 !important;}

#nav
{
    /* container */
	width:65%;
	display:inline-block;
	position:relative;
	margin-left:240px;
	background-color:#fff;
}
    #nav > a
    {
        display: none;
		
    }
    #nav li
    {
        position: relative;
	

    }
 
    /* first level */
 
    #nav > ul
    {
        height: 3.75em;
		width:100%;
		display:block;
		position:relative;
		z-index:10000;
    }
        #nav > ul > li
        {
            width: 15%;
            height: 100%;
            float: left;
			line-height: 18px;
			color: #1b376c !important;
        }
		
		nav > ul > li a,
		nav > ul > li span
        {
            width: 100%;
            height: 100%;
            float: left;
			line-height: 18px;
			font-size: 13px;
			font-weight: bold;
			color: #1b376c !important;
			text-decoration:none;
			font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif
        }
 
    /* second level */
 
 .MemberSubMenu
 {
	 width:500px;
		background-color: #1b386d;
		color:#fff !important;
		display:block;
		position:relative;
		padding:10px;
 }
 li.MemberSubLinks
 {
		display:inline-block;
		position:relative;
		padding:10px;
		width:125px;
		border-bottom: 2px solid #fff;
		margin: 10px 10px;
 }
li.MemberSubLinks a
        {
            width: 100%;
            height: 100%;
            float: left;
			line-height: 18px;
			font-size: 13px;
			font-weight: bold;
			color: #fff !important;
			text-decoration:none;
			font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif
        }
    #nav li ul
    {
        display: none;
        position: absolute;
        top: 100%;
		list-style-type: none;
		float:left;
		
		
    }
        #nav li:hover ul
        {
            display: block;
			
        }
		
/* first level styling */
.Home
{
border-top: 5px solid #c41230!important;
line-height: 18px;
color: #1b376c !important;
background: url("../images/homeIcon.png") no-repeat;
background-position: 13px 30px;
padding-left: 32px;
padding-top: 28px;
display: table;
vertical-align:middle;

}

.Member
{border-top: 5px solid #1b386d!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding: 28px 2px 0 12px;
display: table;
}

.Provider
{
border-top: 5px solid #92c83e!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding: 28px 2px 0 12px;
display: table;	
}

.FindaDentist
{
	border-top: 5px solid #e37426!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding: 28px 2px 0 12px;
display: table;
}

.AboutDenis
{
	border-top: 5px solid #0096c1!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding: 28px 2px 0 12px;
display: table;
}

.ContactDenis
{
	border-top: 5px solid #5482ad!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding: 28px 2px 0 12px;
display: table;
}

	/* search results */
.ms-srch-sbLarge
{
	width:250px;
}
		
@media (min-width: 980px ) and ( max-width: 1200px ) /* 640 */
{
   

 #nav
    {
        position: relative;
		width:65%;
		margin-left:220px;
		margin-top:0px;
    }
    
    /* first level styling */
.Home
{
border-top: 5px solid #c41230!important;
line-height: 18px;
color: #1b376c !important;
background: url("../images/homeIcon.png") no-repeat;
background-position:13px 20px;
padding-left: 32px;
padding-top: 20px;
display: table;
vertical-align:middle;

}

.Member
{border-top: 5px solid #1b386d!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding-left: 20px;
padding-top: 15px;

display: table;
}

.Provider
{
border-top: 5px solid #92c83e!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding-left: 20px;
padding-top: 15px;

display: table;	
}

.FindaDentist
{
	border-top: 5px solid #e37426!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding-left: 20px;
padding-top: 15px;

display: table;
}

.AboutDenis
{
	border-top: 5px solid #0096c1!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding-left: 20px;
padding-top: 15px;
display: table;
}

.ContactDenis
{
	border-top: 5px solid #5482ad!important;
line-height: 18px;
color: #1b376c !important;
background-position: 13px 30px;
padding-left: 20px;
padding-top: 15px;

display: table;
}




}

@media only screen and ( max-width: 980px ) /* 640 */
{
   

 #nav
    {
        position: relative;
		width:70%;
		margin-left:270px;
		margin-top:20px;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
		width:50%;
        left: -35px;
        right: 0;
   
    }
	nav > ul > li a,
	nav > ul > li span
	{
		padding:0px;
		margin:0px;	
		 width: 100%;
            height: 100%;
            float: left;
			line-height: 10px;
			font-size: 13px;
			font-weight: bold;
			color: #1b376c !important;
			text-decoration:none;
			font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif
        }
		
						/* first level styling */
				.Home
				{
				border-top: 5px solid #c41230!important;
				line-height: 18px;
				color: #1b376c !important;
				background: none;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;
				
				}
				
				.Member
				{border-top: 5px solid #1b386d!important;
				line-height: 18px;
				color: #1b376c !important;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;
				}
				
				.Provider
				{
				border-top: 5px solid #92c83e!important;
				line-height: 18px;
				color: #1b376c !important;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;	
				}
				
				.FindaDentist
				{
					border-top: 5px solid #e37426!important;
				line-height: 18px;
				color: #1b376c !important;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;
				}
				
				.AboutDenis
				{
					border-top: 5px solid #0096c1!important;
				line-height: 18px;
				color: #1b376c !important;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;
				}
				
				.ContactDenis
				{
					border-top: 5px solid #5482ad!important;
				line-height: 18px;
				color: #1b376c !important;
				background-position: 13px 30px;
				padding: 12px 2px 12px 12px;
				display: table;
				}

        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
            background-color:#fff;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
		margin-left:-10px;
		margin-top:10px;
		width:auto;
    }
	
	 
 .MemberSubMenu
 {
	 width:auto;
		background-color: #1b386d;
		color:#fff !important;
		display:block;
		position:relative;
		padding:5px;
 }
 li.MemberSubLinks
 {
		display:inline-block;
		position:relative;
		padding:5px;

		border-bottom: 1px solid #fff;
		margin: 5px 5px;
 }
}



@media only screen and ( max-width: 800px ) /* 640 */
{
    #Buttons{display:none; visibility:collapse;}
	#ResButtons {
margin-top: -65px;
margin-right: 100px;
width: 100px;
float: right;

}

    #nav
    {
        position: relative;
		width:100%;
		margin-left:210px;
		margin-top:-70px;
		float:left;
    }
    #actionContainer
    {
	float:right;
	
}
}


       

@media only screen and ( max-width: 500px ) /* 640 */
{
       #actionContainer
    {
	float:right;
	
}
    #Buttons{display:none; visibility:collapse;}
	#Buttons{display:none; visibility:collapse;}
	#ResButtons {

margin-right: -10px;
width: 105px;
float: right;
}

}

@media only screen and ( max-width: 390px ) /* 640 */
{
       #actionContainer
    {
	float:right;
	
}
 #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
		width:80%;
        left: -135px;
        right: 0;
   
    }
        
    #Buttons{display:none; visibility:collapse;}
	#Buttons{display:none; visibility:collapse;}
	#ResButtons {
margin-top: -80px;
margin-right: -310px;
width: 75px;
float: right;
}

}