﻿nav 
{
    margin-left:-10px;
}

nav#inxsqlTopMenu
{
    text-align:right;
}

nav#inxsqlTopMenu ul 
{
    list-style-type:none;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}

nav#inxsqlTopMenu ul li
{
    display:inline;
    /*margin-left:10px;*/
}

nav#inxsqlTopMenu ul li a 
{
    text-decoration:none;
    padding: 0px 5px 0px 5px;
}

nav#inxsqlTopMenu ul li a:hover
{
    text-decoration:underline;
    color:Red;
}

nav#inxsqlTopMenu ul li a:visited
{
    text-decoration:underline;
    color:Black;
}

nav#inxsqlMainMenu 
{
    text-align:center;
}

nav#inxsqlMainMenu ul 
{
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}

nav#inxsqlMainMenu ul li  
{
    display:inline;
}

nav#inxsqlMainMenu ul li a 
{
    text-decoration:none;
    padding: 0px 5px 0px 5px;
}

nav#inxsqlMainMenu ul li a:hover
{
    text-decoration:underline;
    color:Red;
}

#inxsqlSearchBox {
    margin: 2px 0px 0px 2px;
}

/* STOP HERE */

#inxsqlMainMenuContainer 
{
    margin-top:5px;
    width:100%;
    text-align:center;
    /*background-image: url(../../images/ee_texture_004.jpg);*/
}

div#inxsqlMainMenuContainer
{
    float:left;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    border-bottom:1px dotted black;
    border-top:1px dotted black;
    padding:10px 0px 5px 0px;
    background-color:#BFBFBF;
    /*border-top-left-radius:10px;*/
    /*border-top-right-radius: 10px;*/
}


/*
 * main menu navigation buttons
 */
 
.inxsqlMainMenuButton {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #707070;
  width: 125px;
  height: 35px;
  opacity: 1;
  /*
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  */
  color: #FFFFFF;
  text-align:center;
  display:inline-block;
  padding-top:7px;
}

.inxsqlMainMenuButton a
{
    text-decoration:none;
    color:White;
}

.inxsqlMainMenuButton a:hover
{
    text-decoration:none;
    color:red;
}

.inxsqlMainMenuButton a:visited
{
    text-decoration:none;
    color:white;
}

.inxsqlMainMenuButton:hover 
{
    background-color:Black;
}


/* 
    dropdown menu

    based on the following blog post:  http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/
*/


.inxsqlNavigation 
{
    list-style:none;
    float:left;
    /* width: 88%; */
    position:relative;
    /* margin-top: -4px; */
}

.inxsqlNavigation li 
{
    float:left;
    margin-right:10px;
    margin-left:-10px;
    position:relative;
    margin: 0px 0px 0px 0px;
}

.inxsqlNavigation a 
{
    text-decoration:none;
    font-weight: bold;
}

.inxsqlNavigation a:hover 
{
    color: rgb(204, 0, 0);
}

.inxsqlNavigation ul 
{
    list-style:none;
    position: absolute;
    right: -60px;
    display:none;
    z-index: 501;
    margin: 0;
    padding: 5px;
    /* border: 2px solid white; */
    border-top: 3px solid rgb(182, 16, 26);
    background: #7db9e8;/* Old browsers */
    background:-moz-linear-gradient(top,  #7db9e8 0%, #2989d8 20%, #1951a0 57%, #1e5799 100%);/* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(20%,#2989d8), color-stop(57%,#1951a0), color-stop(100%,#1e5799));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 20%,#1951a0 57%,#1e5799 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #7db9e8 0%,#2989d8 20%,#1951a0 57%,#1e5799 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 20%,#1951a0 57%,#1e5799 100%);/* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 10%,#1951a0 57%,#2C4997 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );/* IE6-9 */
}

.inxsqlNavigation ul li 
{
    padding-top:0px;
    float:none;
}

.inxsqlNavigation ul a 
{
    white-space:nowrap;
    color: white;
}

.inxsqlNavigation li:hover ul 
{
    left: -40px;
    margin-top:0px;
}

.inxsqlNavigation li:hover a 
{
    text-decoration:none;
}

.inxsqlNavigation li:hover ul li a:hover 
{
}

.inxsqlNavigation li ul li ul {
    position:absolute;
    margin-left:167px;
    margin-top:-36px !important;
    z-index:505;
}
